Pembuatan Template web

1. Pembuatan Template web STMIK MERCUSUAR Fajar Pramono, S.Kom

2. Alur Proses Pembuatan Web Toko Online Main Page langsung pilih barang PilihBarang Update barang User terdaftar MasukKeranjang Login User Selesai pilih barang User belum Login Logout Konfirmasipembayaran Selesai belanja

3. Desain Web Client Top Navigation Banner Left Navigation Content Web Footer

4. DesainHalaman Admin Banner Top Navigation Content Footer

5. Login User

6. Kode Login : <form action="proseslogin.php" method="post"> <table width="34%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#FFFFCC"><div align="center"><strong>Login User</strong></div></td> </tr> <tr> <td>Username</td> <td><label> <input type="text" name="user" /> </label></td> </tr> <tr> <td>Password</td> <td><label> <input type="password" name="pass" /> </label></td> </tr> <tr> <td><label> <input name="Login" type="submit" id="Login" value="Login" /> <input type="reset" name="Submit2" value="Reset" /> </label></td> <td>&nbsp;</td> </tr> </table> </form>

7. Proses Login <?php //Proseslogin.php if ($_POST['Login']=='Login') { $nama=trim($_POST['user']); $pass=trim($_POST['pass']); require_once("koneksi.php"); koneksi(); $search="select username,password from login where username='$nama' and password='$pass'"; $hasil=mysql_query($search); $ketemu=mysql_num_rows($hasil); if ($ketemu > 0) { session_start(); $_SESSION['user']=$nama; header("location:user.php"); } else { print"<script> alert(\"Maafandatidakdapatmengakseshalamanini \"); history.back(-1);</script>"; } } ?>

8. User.php

9. User.php <tr> <td>Kode Pos </td> <td><input name='kdpos' type='text' class='text' id='kdpos' size='10' /></td> </tr> <tr> <td>No. Telephone </td> <td><input name='no_telp' type='text' class='text' id='no_telp' size='15' /></td> </tr> <tr> <td>No.Fax</td> <td><input name='no_fax' type='text' class='text' id='no_fax' size='15' /></td> </tr> <tr> <td>No.Hp</td> <td><input name='no_hp' type='text' class='text' id='no_hp' size='15' /></td> </tr> <tr> <td>User Name </td> <td><input name='user' type='text' class='text'/></td> </tr> <tr> <td>Password</td> <td><input name='pass' type='password' class='text'/></td> </tr> <tr> <td><label> <input name='Proses' type='submit' id='Proses' value='Proses' class='button'/> <input type='reset' name='Submit2' value='Batal' class='button'/> </label></td> <td>&nbsp;</td> </tr> </table> </form> <form id=form1 name='form1' method='post' action='proses_user.php' > <table width='50%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td colspan='2'><div align='center'><strong>Form Regristrasi Pelanggan </strong></div></td> </tr> <tr> <td>Nama</td> <td><label> <input name='nama' type='text' class='text' id='nama'/> </label></td> </tr> <tr> <td valign='top'>Jenis Kelamin </td> <td><p> <label> <input type='radio' name='gender' value='L' /> Laki-laki</label> <br /> <label> <input type='radio' name='gender' value='P' /> Perempuan</label> <br /> </p></td> </tr> <tr> <td valign='top'>Alamat</td> <td><label> <textarea name='almt' cols='35' rows='5' class='text' id='almt' ></textarea> </label></td> </tr> <tr> <td>Email</td> <td><input name='eml' type='text' class='text' id='eml' /></td> </tr> <tr> <td>Propinsi</td> <td><input name='prop' type='text' class='text' id='prop' /></td> </tr> <tr> <td>Kota</td> <td><input name='kota' type='text' class='text' id='kota' /></td> </tr>

10. Proses_user.php <? if ($_POST['Proses']=='Proses') { include("koneksi.php"); $nm=htmlspecialchars($_POST['nama']); $gd=htmlspecialchars($_POST['gender']); $almt=htmlspecialchars($_POST['almt']); $eml=htmlspecialchars($_POST['eml']); $prop=htmlspecialchars($_POST['prop']); $kota=htmlspecialchars($_POST['kota']); $kd_pos=htmlspecialchars($_POST['kdpos']); $no_telp=htmlspecialchars($_POST['no_telp']); $no_fax=htmlspecialchars($_POST['no_fax']); $no_hp=htmlspecialchars($_POST['no_hp']); $user=htmlspecialchars($_POST['user']); $pass=htmlspecialchars($_POST['pass']); //query insert tambah user $tambah="insert into pelanggan (nama,kelamin,alamat,email,propinsi,kota,kode_pos,no_telp,no_fax,no_hp,userID,passID) values ('$nm','$gd','$almt','$eml','$prop','$kota','$kd_pos','$no_telp','$no_fax','$no_hp','$user','$pass')"; $ok=mysql_query($tambah); $tambah2="insert into login (username,password) values ('$user','$pass')"; $ok2=mysql_query($tambah2); header("location:view.php"); } } ?>

11. View.php

12. View.php <? include("koneksi.php"); $view="select id_user,nama,kelamin,alamat,no_hp,email from pelanggan"; $ok=mysql_query($view); echo"<table border=0 color=000000 align=center width=70%> <tr> <th></th> <th>No</th> <th>Nama</th> <th>Gender</th> <th>Alamat</th> <th>No.Telephone</th> <th>Email</th> <th></th> <th></th> </tr>"; $i=1; while($row=mysql_fetch_array($ok)) { if ($i%2==0) { $warna='#E0F8F7'; } else { $warna='#CEF6F5'; } echo"<tr bgcolor=$warna>"; echo"<td><input type=checkbox name=id_plg[] value=$row[0]></td>"; echo"<td align=center>$i</td>"; echo"<td>$row[1]</td>"; echo"<td align=center>$row[2]</td>"; echo"<td align=center>$row[3]</td>"; echo"<td align=center>$row[4]</td>"; echo"<td>$row[5]</td>"; echo"<td><a href='proses_user.php?cmd=edit'><img src='../image/b_edit.png'></a></td>"; echo"<td><a href='proses_user.php?cmd=del'><img src='../image/b_drop.png'></a></td>"; echo"</tr>"; $i++; } echo"</table>"; ?>