MAKALAH E COMMERCE www.boqcollection.

com

Disusun Oleh: Ralibi Alatas Friedrich Alviano Agus Halilintar Utu Taliabu Nuriyana Isubandi

BISNIS ONLINE (ONLINE SHOP) Best Of Quality Collection

1.

Pengertian Toko Online

Online shopping atau belanja online via internet, adalah suatu proses pembelian barang atau jasa dari mereka yang menjual melalui internet. Sejak kehadiran internet, para pedagang telah berusaha membuat toko online dan menjual produk kepada mereka yang sering menjelajahi dunia maya (internet). Para pelanggan dapat mengunjungi toko online (online store) dengan mudah dan nyaman, mereka dapat melakukan transaksi di rumah, sambil duduk di kursi mereka yang nyaman di depan computer. Bisnis online adalah juga sama seperti kegiatan bisnis yang kita kenal seharihari. Bedanya dalam bisnis online ini adalah segala kegiatan bisnis dilakukan secara online dengan menggunakan media internet. Bila saat ini teman-teman memiliki sesuatu yang dapat dibisniskan dalam kehidupan sehari-hari, maka kemungkinan besar teman-teman dapat juga membuka bisnis tersebut di dunia maya. Misalnya temanteman memiliki usaha sablon kaos dan selama ini kaos tersebut dipajang di outlet teman-teman di pinggir jalan, maka kemungkinan besar teman-teman dapat mengembangkan usaha tersebut dengan membuka toko kaos sablon di dunia maya. Bila demikian, maka teman sudah menjalankan yang namanya bisnis online. Pada dasarnya konsumen mereka dapat membeli barang apa saja dari toko online. Berbagai produk tersedia, mulai dari buku, pakaian, alat rumah tangga, mainan, perkakas, software dan bahkan asuransi. Itu pun hanya merupakan sebagian kecil dari ribuan produk yang dapat dibeli oleh konsumen melalui internet.

2. Tujuan dan Manfaat Bisnis Online a. Tujuan : Mendapatkan penghasilan : Saat awal memulainya mungkin hanya berniat menjadikan bisnis online sebagai sampingan. Tapi jika kita mau mengembangkan usaha kita untuk lebih banyak variasi produk / barang maka ketika mulai menikmati hasilnya yang melimpah, kita akan beralih menjadikannya sebagai pekerjaan utama. Dan mungkin mengundurkan diri dari pekerjaan offline kita. Mendapatkan pengunjung : Besar pengunjung suatu situs web berbanding lurus dengan uang yang anda dapatkan. Membangun komunitas : Adanya perkumpulan atau komunitas produk kita sangat penting. Karena dengan begitu, mereka ikut menjadi motor penggerak kemajuan bisnis online kita. Semakin besar komunitas online kita, otomatis semakin maju bisnis kita. Berkomunikasi : Kita harus mampu memastikan tampilan dan isi web kita dapat di mengerti dengan baik oleh customer.Begitu juga cara bekomunikasi nya. Mendapatkan Iklan : Kita juga bisa mendapatkan penghasilan dari pengiklan.selain dari pembeli kita juga bisa mendapatkan hasil dari para pengiklan

b. Manfaat : Menentukan suatu bisnis, dalam artian segala bisnis yang ada bisa di kembangkan, asalkan tidak melanggar aturan-aturan yang telah di tentukan. Karena bila hal itu dilanggar, bisa mengakibatkan bisnis yang anda kelola di dampart oleh penyedia layanan akses internet. Jaringan dalam mengirim dan menerima informasi sangat luas serta dalam bertransaksi pun juga mudah.Kita bisa melakukan research di berbagai kota,provinsi dan negara-negara yang ada. Peluang kita untuk menjadi pembisnis online profesional pun bisa terealisasikan.Kita bisa menciptakan usaha-usaha yang kita miliki,membuka jasa,dan bahkan kita dapat membuat perusahaan bisnis online sendiri.

3. Bisnis Online Dalam SWOT Strenghts ( kekuatan ) : Pasar Luas, Buka 24 jam, Karyawan Sedikit, Tidak Perlu

Stok, Berjalan Otomatis, Biaya Promosi Kecil, Dapat Dilakukan Oleh Siapapun, . Biaya Sangat Murah, Bisa dijalankan dimana saja, kapan saja, dan oleh siapa saja, Skill yang diperlukan sepenuhnya bisa dipelajari tidak masalah apapun latar belakang anda,Potensi penghasilan sangat besar, kita bisa dibayar dalam dollar, Membuka lapangan pekerjaan. Weaknesses ( kelemahan ) : Ukuran/ Size yang tak sama ( for clothing), Keinginan

Untuk Memegang & Mencoba produk (minim untuk dapat menggunakan panca indera), Resistensi Membeli Secara Online ( biasanya bagi orang awam yang belum pernah bertransaksi secara online), Pasar Seluruh Dunia Tapi Terbatas Pada Pengguna Internet (Muda), Sistem Pembayaran yang masih seidikit rumit. Opportunities (peluang) : Bisnis online ini memiliki peluang yang sangat

bagus.karena bisnis ini bisa dilakukan oleh siapa saja dimana saja dan kapan saja.Apalagi bagi orang-orang yang tidak ingin banyak meniggalkan keluarganya hanya untuk bekerja diluar rumah. Threats (ancaman) : Berbagai bisnis apapun pasti memiliki ancaman yang akan

dihadapi kedepannya termasuk bisnis online ini.Ancaman berbisnis online antara lain datang dari orang-orang yang hanya iseng,jasa pengiriman,dalam soal pembayaran dan lainlain.

Fitur-fitur Web Penjualan Online

Berikut adalah fitur detailnya : 1) Back End Application ( Halaman Administrator )

Berikut adalah fitur-fitur pada halaman Administrator : 1. Managemen 1. Pengolahan data Pakaian (Create Read Update Delete). Pakaian sebagai produk dapat ditambah (Create), dilihat (Read), diedit (Update) dan dapat dilakukan penghapusan Pakaian 2. Pengolahan data Kategori Pakaian. Dari sekian banyak Pakaian yang dijual di Toko BOQ Collection maka perlu adanya manajemen data Pakaian berdasarkan kategori. 3. Pengolahan data Pakaian. Sama seperti halnya pada manajemen kategori Pakaian, perlu adanya manajemen . 4. Pengolahan data Rating Pakaian, rating didapat dari yang paling banyak dilihat, dari jumlah klik pengunjung. 5. Pengolahan data Promosi Pakaian terdapat fasilitas untuk memanagement promosi Pakaian. 6. Pengelolaan Discount / Potongan harga dari Pakaian. 7. Pengelolaan Stok Pakaian, pengelolaan jumlah stok Pakaian agar tidak terjadi kesalahan apabila terdapat stok Pakaian dipesan oleh banyak pengunjung dalam waktu bersamaan. 2. Management Pesanan / Transaksi 1. Pencarian Pesanan, administrator dapat melakukan pencarian pesanan per waktu dan nama pelanggan 2. Proses Update Status Pesanan, Pesanan dipesan lalu dikonfirmasi, setelah itu pelanggan melakukan pembayaran, lalu buku dikirim dan diterima oleh pelanggan. 3. Terdapat fitur konfirmasi Pembayaran yang dilakukan oleh pelanggan apabila telah membayar jumlah buku yang dipesan 4. Terdapat fitur pembatalan pesanan apabila ada pelanggan yang membatali proses pesanan karena alasan tertentu. 5. Fasilitas pencetakan label pemesanan berupa soft-copy (format file pdf)

3. Management Pembayaran 1. Menyediakan pembayaran Offline (Transfer, COD {Cash On Delivery}). Pembayaran Offline bisa dilakukan dengan transfer ke rekening pemilik Toko BOQ Collection, maupun melalui COD langsung dengan pelanggan. 2. Pembayaran Online dengan menggunakan fasilitas Payment Gateway yaitu Paypal. Fasilitas ini diperlukan apabila ada pelanggan yang ingin membeli dengan proses pembayaran Online. 4. Manajemen Shipping atau Pengiriman B 1. Fitur pengiriman dengan jasa pengiriman barang JNE. 2. Fitur pengelolaan lokasi pengiriman ke Provinsi sampai ke Kota pelanggan disertai dengan biaya kirimnya. 5. Manajemen Pembuatan Laporan per waktu 6. Manajemen Pelanggan. Terdapat manajemen untuk mengolah data pelanggan. 7. Fasilitas integrasi dengan situs Facebook dan Twitter untuk promosi di jejaring social. 8. Fasilitas Backup dan Restore database untuk menjaga konsistensi database. 9. Pengelolaan Retur barang 2) Front End Application ( Halaman Pengunjung ) 1. Pencarian Pakaian berdasarkan kategori tertentu, kategori/jenis pakaian. 2. Menampilkan Pakaian Diskon, Pakaian Promo 3. Fasilitas Pendaftaran Pelanggan/Member dan Login Pelanggan/Member 4. Histori Pemesanan / Keranjang Belanja Pakaian untuk melihat list dari Pakaian yang telah dipesan oleh pengunjung 5. Zoom Pakaian agar pengunjung dengan jelas melihat Pakaian yang hendak dibeli. 6. Mendukung fitur SEO (Search Engine Optimizion) agar situs e-commerce ini terdapat pada halaman utama di search engine seperti google. 7. Fitur Komentar yang dilakukan oleh pengunjung 8. Fitur Rating yang dilakukan oleh pengunjung dengan menyukai / vote

3)

Security / Keamanan

Hal terpenting dari adanya E-Commerce yang akan dibuat adalah keamanan data-data dan privasi data pribadi pengunjung dalam melakukan transaksi pada E-Commerce ini. Berikut adalah beberapa keamanannya : 1. Mendukung IP Dedicated dan SSL ( Secure Socket Layer) 2. Anti SQL Injection dan anti XSS ( Cross Site Scripting ) 4) Komunikasi 1. Komunikasi antara pemilik toko dan pengunjung dengan menggunakan : 1. Telepon dan Alamat yang jelas agar menumbuhkan kepercayaan bagi pengunjung. 2. Menggunakan Instant Messanging Yahoo Messanger dan LiveZilla 3. Menggunakan situs jeraring sosial untuk promosi dan pemasaran lebih luas. Produk E-Commerce ini berupa Pakaian, ya Toko Pakaian. Ada salah satu toko Pakaian di Daerah Ciputat Raya Tangerang Selatan . Dari sekian fitur tersebut, semoga tercapai tepat pada waktunya. Amin

KESIMPULAN

a.

Setiap bisnis yang kita lakukan pasti memiliki resiko.Tetapi resiko itu bisa siasati

dengan berbisnis online.dengan bisnis online kita dapat membuat resiko kecil tetapi tetap bisa menghasilkan income yang banyak. b. Untuk newbie dengan modal kecil bisnis online ini bisa dijadikan untuk

pembelajaran dalam berbisnis.Belajar bagaimana berkomunikasi dan melayani yang baik kepada konsumen.Tidak hanya uang yang didapat tetapi pengalaman yang berharga untuk memperbaiki bisnis kita di masa yang akan datang. c. Untuk yang sudah lama bergelut dengan dunia bisnis online maka bisnis online nya

bisa menjadi bisnis yang menjanjikan dengan terus berusaha mengembangkan bisnisnya dengan menambah variasi dan kualitas produk yang dijual.

Berikut ini Script dari toko online yang kami beri nama BOQ Collection :

1. Halaman Website <?php error_reporting(0); session_start(); include "config/koneksi.php"; include "config/fungsi_indotgl.php"; include "config/class_paging.php"; include "config/fungsi_combobox.php"; include "config/library.php"; include "config/fungsi_autolink.php"; include "config/fungsi_rupiah.php"; include "hapus_orderfiktif.php";?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title><?php include "dina_titel.php"; ?></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow"> <meta name="description" content="<?php include "dina_meta1.php"; ?>"> <meta name="keywords" content="<?php include "dina_meta2.php"; ?>"> <meta http-equiv="Copyright" content="ZStudio"> <meta name="author" content="Ralibi Alatas"> <meta http-equiv="imagetoolbar" content="no"> <meta name="language" content="Indonesia"> <meta name="revisit-after" content="7"> <meta name="webcrawlers" content="all"> <meta name="rating" content="general"> <meta name="spiders" content="all"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <!--// Stylesheet //--> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="css/contentslider.css" rel="stylesheet" type="text/css" /> <link href="css/default.advanced.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ad-gallery.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/slider.css" rel="stylesheet" type="text/css" /> <!--// Javascript //--> <script type="text/javascript" src="config/jquery.js"></script> <script type="text/javascript" src="js/clearbox.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min14.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/anythingslider.js"></script> <script type="text/javascript" src="js/jquery.anythingslider.js"></script>

<script type="text/javascript" src="js/jquery.easing.1.2.js"></script> <script type="text/javascript" src="js/jquery.fancybox-1.3.1.js"></script> <script type="text/javascript" src="js/contentslider.js"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/jquery.ad-gallery.js"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="js/thumbgallery.js"></script> <script type="text/javascript" src="js/eurofurence_500eurofurence_700.font_9bc22cbd.js"></script> <script type="text/javascript" src="js/cufon.js"></script> <script type="text/javascript" src="js/newsticker.js"></script> <!--[if lte IE 7]> <script type="text/javascript" src="js/jquery.dropdown.js"></script> <![endif]--> <script type="text/javascript" src="js/easy.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.easy.tooltip(); }); </script>

<meta charset="UTF-8"> <style type="text/css"> <!-.style1 {color: #FF6600} --> </style> </head> <body> <a name="top"></a> <div id="wrapper_sec"> <div id="head"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div> <div class="rightnavi"> <p class="bold right"><a id="various1" href="#inline1"><input style='width: 99px; height: 46px;' class= tombol2 ></a></p> <div class="clear"> <ul><SCRIPT language=JavaScript src="almanak.js"></SCRIPT> <span class="style1">I</span> <SCRIPT language=JavaScript>var d = new Date(); var h = d.getHours(); if (h < 11) { document.write('Selamat pagi, pengunjung...'); }

else { if (h < 15) { document.write('Selamat siang, pengunjung...'); } else { if (h < 19) { document.write('Selamat sore, pengunjung...'); } else { if (h <= 23) { document.write('Selamat malam, pengunjung...'); } }}}</SCRIPT> </ul> </div> </div> <div class="clear"></div> <div class="navigation"> <ul id="nav" class="dropdown dropdown-linear dropdown-columnar"> <?php $main=mysql_query("SELECT * FROM mainmenu WHERE aktif='Y'"); while($r=mysql_fetch_array($main)){ echo "<li><b><a href='$r[link]'>$r[nama_menu]</a></b> <ul>"; $sub=mysql_query("SELECT * FROM submenu, mainmenu WHERE submenu.id_main=mainmenu.id_main AND submenu.id_main=$r[id_main]"); while($w=mysql_fetch_array($sub)){ echo " <li class='clear'><b><a href='$w[link_sub]'>$w[nama_sub]</a></b></li>"; } echo "</ul> </li>";} ?> </ul> </div></div> <div class="clear"></div> <div id="crumb"> <ul class="left"> <li><p>anda berada di:</p></li> </ul> <ul class="left2"> <?php include "breadcrumb.php";?> </ul> <ul class="search right"><form method="POST" action="hasil-pencarian.html"> <li><input name="kata" type="text" value="cari produk" class="bar" /></li> <li><input type="submit" class="go" value="cari" /></li></form> </ul> </div> <div class="clear"></div> <div class="rotating_banner"> <div class="anythingSlider"> <div class="wrapper"> <ul> <?php $header=mysql_query("SELECT * FROM header ORDER BY id_header DESC LIMIT 4"); while($b=mysql_fetch_array($header)){ echo "<li><img width=940 src='header/$b[gambar]'></li>"; }?> </ul>

</div> </div> </div> <div class="clear"></div> <div id="content_sec"> <div class="col1"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/spacer.gif" width="1" height="20" /></td> </tr> <tr> <td><span class="center_content2"><?php include "tengah.php";?></td> </tr> </table> <div class="clear"></div> </div> <div class="col2"> <div class="mycart"> <div class="small_heading"> <h5>Keranjang Belanja</h5> </div> <table width="81%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="27%"> <?php require_once "item.php";?></td> <td width="73%"><img src="images/beli.png" width="50" height="45" /></td> </tr> </table> </div> <div class="myaccount"> <div class="small_heading"> <h5>Kategori Produk </h5> </div> <ul> <?php $kategori=mysql_query("select nama_kategori, kategori.id_kategori, kategori_seo, count(produk.id_produk) as jml from kategori left join produk on produk.id_kategori=kategori.id_kategori group by nama_kategori"); $no=1; while($k=mysql_fetch_array($kategori)){ if(($no % 2)==0){ echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori] ($k[jml])</a></li>"; } else{ echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori] ($k[jml])</a></li>";

} $no++; } ?></li> </ul> </div>

<div class="poll"> <div class="small_heading"> <h5>Costumer Online</h5> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"> <table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"> <?php //ym $ym=mysql_query("select * from mod_ym order by id desc"); while($t=mysql_fetch_array($ym)){ echo "<span class='table2'><b><br /><p>&bull; $t[nama] </b> <a href='ymsgr:sendIM?$t[username]'> <img src='http://opi.yahoo.com/online?u=$t[username]&amp;m=g&amp;t=1' border='0' height='16' width='64'></a> </p><br />"; } ?> </div></td> </tr> </table> </div></td> </tr> </table> </div> <div class="poll"> <div class="small_heading"> <h5>Bank Pembayaran </h5> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><span class="border_box"> <?php $bank=mysql_query("SELECT * FROM mod_bank ORDER BY id_bank ASC"); while($b=mysql_fetch_array($bank)){ echo "<span class='bank'>$a[nama_bank]</a></div> <div class='bank'> <img src='foto_banner/$b[gambar]' border='0' >

</a> </div> <div class='bank'><span class='bank'>No. Rek : $b[no_rekening] <div class='bank'><span class='bank'>an. $b[pemilik]</span></div>"; } ?> </span></div></td> </tr> </table> </div> <div class="poll"> <div class="small_heading"> <h5>Statistik Pengunjung </h5> </div> <table width="111%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="11%">&nbsp;</td> <td width="89%"> <div align="left"> <?php // Statistik user $ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user $tanggal = date("Ymd"); // Mendapatkan tanggal sekarang $waktu = time(); // // Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini $s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND tanggal='$tanggal'"); // Kalau belum ada, simpan data user tersebut ke database if(mysql_num_rows($s) == 0){ mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')"); } else{ mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'"); } $pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip")); $totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0); $hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal")); $totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); $tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); $bataswaktu = time() - 300; $pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));

$path = "counter/"; $ext = ".png"; $tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){ $tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr); } echo "<p align='center'> <span class='pengunjung'><img src=counter/online.png> Pengunjung Online : $pengunjungonline <br /> <span class='pengunjung'><img src=counter/hariini.png> Pengunjung Hari Ini : $hits[hitstoday] <br /> </p>"; ?> </div></td></tr> </table> </div> <div class="poll"> <div class="small_heading"> <h5>Link Terkait </h5> </div> <table width="51%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><span class="banner_adds"> <?php $banner=mysql_query("SELECT * FROM banner ORDER BY id_banner DESC LIMIT 4"); while($b=mysql_fetch_array($banner)){ echo "<p align=''><a href='$b[url]'' target='_blank' title='$b[judul]'><img width=200 src='foto_banner/$b[gambar]' border=0></a></p>"; } ?> </span></div></td> </tr> </table> </div>

</div> <div class="clear"></div> </div> <div class="clear"></div> <div id="footer"> <div class="aboutus"> <h5>Tentang Kami</h5> <p> BOQ Collection adalah toko fashion online, yang menyediakan segala kebutuhan fashion anda. BOQ Collection ingin memberikan kemudahan kepada para

calon pembeli, cara santai, mudah dan hemat dalam berbelanja fashion berkualias dengan harga yang terjangkau. </p> <a href="profil-kami.html" class="simplebtn">selanjutnya</a> </div> <div class="ourblog"> </div> <div class="joinnews"> </div> <div class="contactus"> <h5>Kontak Kami </h5> <ul> <li class="tel"><span class="bold">Tel:</span> 021. 32972759 </li> <li class="email"><span class="bold">Email:</span> <a href="mailto:abbiero@yahoo.co.id">abbiero@yahoo.co.id</a></li> </ul> </div> <div class="clear"></div> <div class="copyright_network"> <p>Copyright2012 Powered by: Ralibi alatas </p> <ul class="network"><li> <script language="javascript"> document.write("<a href='http://twitter.com/home/?status=" + document.URL + "' target='_blank'><img src='<?php echo "$f[folder]./images/twitter_icon.gif" ?>' border='0'/></a> &nbsp; <a href='http://www.facebook.com/share.php?u=" + document.URL + "' target='_blank'><img src='<?php echo "$f[folder]./images/facebook_icon.gif" ?>' border='0'/></a>"); </script></li> <li><a href="rss.xml"><img src="images/rss.gif" alt="" border="0" /></a></li> <li><a href="#top" class="top">ke atas</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div style="display: none;"> <div id="inline1" style="width:400px;"> <h2>LOGIN ANGGOTA</h2> <div class="clear"></div> <p>Anda anggota? bila tidak <a href="daftar.html" class="colr2">DAFTAR</a>, di sini.</p> <div class="clear"></div> <a href="#" class="left"><img src="images/signup.gif" alt="" /></a> &nbsp;<a href="#" class="left"><img src="images/forgot.gif" alt="" /></a> <div class="clear marg_bot">&nbsp;</div> <ul class="forms"> <li class="txt">User Name</li> <li class="inputfield"><input type="text" value="" class="bar" /></li> </ul> <ul class="forms"> <li class="txt">Password</li> <li class="inputfield"><input type="text" value="" class="bar" /></li>

</ul> <ul class="forms marg_top"> <li class="txt"><a href="#" class="simplebtn">Login</a>&nbsp;&nbsp; <a href="#" class="simplebtn">Batal</a></li> </ul> </div> </div> </body> </html>