SlideShare a Scribd company logo
Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)   1




              APLIKASI DATABASE BERBASIS
              WEB DENGAN PHP & MYSQL
              (BAGIAN 2-STUDI KASUS)
PERTEMUAN 9   TEKNIK INFORMATIKA – UNIKOM (2009)
CONTOH KASUS
2




                 Situs e-Order
         Situs ini berguna untuk melakukan pemesanan
      barang yang kita sediakan. Khusus untuk pemesanan
      saja. Sedangkan untuk pembayaran pesanan
      dilakukan secara manual (melalui telepon, email,
      transfer, dll)


    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs e-Order
3


          Ada 2 situs yang harus dibuat, yaitu
              Situs Administrator
                Situs ini berguna untuk melakukan pengolahan data seperti :
                 Data Produk
                 Data Kategori
                 Data Merk
                 Data Member
                 Data Pesanan
              Situs Pengunjung
                Situs ini berguna untuk melakukan pemesanan barang. Fasilitas
                yang ada dalam situs ini adalah
                 Pendaftaran Member
                 Pemesanan Produk


    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs e-Order
4


          Aturan-aturan
            Setiap produk memiliki kategori produk (TV, Radio, MP3
             Player, Ponsel, Laptop/Notebook, PC Desktop, dll), dan
             memiliki Merk (Toshiba, Acer, Nokia, Siemens, Sharp, dll)
            Masyarakat umum dapat melakukan pendaftaran sebagai
             member
            Hanya member yang dapat melakukan pemesanan
            Setiap pemesanan boleh memiliki lebih dari 1 jenis barang.
            Hanya pemesanan yang telah dicheckout yang akan
             ditindak lanjuti (misalnya dengan komunikasi manual
             mengenai pembayaran, paket dll).
            Administrator dapat mengarsipkan pesanan jika pesanan
             tersebut telah dikirimkan

    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs e-Order
5


          Aturan-aturan (lanjutan)
            Untuk  setiap pengolahan data harus terdiri dari
             Penambahan Data, Pengeditan Data, Penghapusan
             Data dan View Data.
            Untuk pengeditan data, field yang menjadi kunci utama
             tidak boleh berubah. Tetapi field lain boleh berubah.
            Untuk penghapusan, record tidak terhapus secara fisik,
             tetapi hanya ditandai bahwa data tersebut sudah
             terhapus (dengan membuat file status terhapus yang
             nilainya Y atau T).

    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Skema Relasi
6




    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
7
      (Persiapan)
          Ada baiknya situs administrator terpisah dari situs
           utama. Untuk melakukan hal tersebut, langkah yang
           bisa dilakukan adalah :
            Membuat             folder dengan nama “admin” di folder web
             kamu
            Buat pula library function untuk situs admin
            Buatlah file css untuk memperbagus tampilan.
            Buatlah template baru untuk template situs admin
            Buat halaman utama untuk situs admin
            Buat database untuk situs


    Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 8
       (Membuat library function)
             Contoh          library function untuk situs admin (lib_func.php)
<?php
    function header_web(){
    ?>
        <font color="white" size=6>Situs Administrator</font>
    <?php
    }
    function footer_web(){
    ?>
    <center>
        <small>Developed By Mahasiswa IF</small>
    </center>
    <?php
    }
    function form_login(){
    ?>
        <form method=post action="login.php">
        <table border=0 width="100%" bgcolor="white" align="center">
        <tr><td colspan=2 align="center" bgcolor="#CCCCCC"><b>LOGIN USER</b></td></tr>
        <tr><td>Username</td><td><input type="text" name="username" maxlength="8" size="9"> </td></tr>
        <tr><td>Password</td><td><input type="password" name="userpass" maxlength="8" size="9"> </td></tr>
        <tr><td></td><td><input type="submit" name="btn_submit" value="Login"></td></tr>
        </table>
        </form>
    <?php
    }
     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 9
        (Membuat library function)
     function menu_admin(){
     ?>
         <table border=0 width="100%" bgcolor="white">
         <tr><td align="center" bgcolor="#CCCCCC"><b>MENU ADMIN</b></td></tr>
         <tr><td align="center"><a href="logout.php">LOGOUT</a></td></tr>
         <tr><td align="center" bgcolor="#FFCC00" height=2></td></tr>
         </table>
         </form>
     <?php
     }
     function menu(){
         $telahlogin=true;// Nanti diisi perintah pemeriksaan status login
         if($telahlogin==false)
             form_login();
         else
             menu_admin();
     }
     function koneksi_db(){
         $host = "localhost";
         $database = "dbeorder";
         $user = "root";
         $password = "";
         $link=mysql_connect($host,$user,$password);
         mysql_select_db($database,$link);
         if(!$link)
             echo "Error : ".mysql_error();
         return $link;
     }
?>
      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 10
          (Membuat library function)
            Nama file : css.css
a{
      text-decoration:none;                                       .error{
      font-family: Arial, Helvetica, sans-serif;                      background-color:red;
      font-size:12px;                                                 color:white;
      font-weight:bold;                                               text-align:center;
}                                                                 }
body {                                                            .warning{
    background-color: #DCDCDC;                                        background-color:yellow;
    font-family: Arial, Helvetica, sans-serif;                        color:black;
    font-size: 14px;                                                  text-align:center;
    color: #336699;                                               }
}                                                                 .judultable{
.judul{                                                               background-color:#CCCCCC;
    font-size:36px;                                                   font-weight:bold;
    text-transform:uppercase;                                         font-size:14px;
    text-align:center;                                                text-align:center;
    font-weight:bold;                                             }
}                                                                 .isitabelganjil{
.info{                                                                background-color:WHITE;
    background-color:#0099FF;                                     }
    text-align:center;                                            .isitabelgenap{
    color:white;                                                      background-color:#DDDDDD;
}                                                                 }




       Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 11
        (Membuat template situs)
              Contoh          template situs admin (template.php)
<html>
<head>
<?php
    include("lib_func.php");
?>
<title>Situs e-Order</title>
<link rel="SHORTCUT ICON" href="favicon.ico">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" align="center" border=0 bordercolor="#FFFFFF">
<tr><td colspan=2 align="center" bgcolor="#0000CC"><?php header_web();?></td></tr>
<tr>
    <td width="200px" valign="top" bgcolor="white"><?php menu();?></td>
    <td valign="top"><p class="judul">JUDUL HALAMAN</p>
    <p>ISI HALAMAN</p>
    <p>&nbsp; </p></td>
</tr>
<tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr>
</table>
</body>
</html>



      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 12
        (Membuat halaman utama)
              Buat       halaman utama untuk situs admin (index.php)
<html>
<head>
<?php
    include("lib_func.php");
?>
<title>Situs e-Order</title>
<link rel="SHORTCUT ICON" href="favicon.ico">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" align="center" border=0 bordercolor="#FFFFFF">
<tr><td colspan=2 align="center" bgcolor="#0000CC"><?php header_web();?></td></tr>
<tr>
    <td width="200px" valign="top" bgcolor="white"><?php menu();?></td>
    <td valign="top"><p class="judul">SELAMAT DATANG ADMIN</p>
    <p>Halaman ini hanya dipergunakan oleh Administrator untuk mengolah data situs. Silahkan login untuk d
apat masuk ke menu kami.</p>
    <p>&nbsp; </p></td>
</tr>
<tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr>
</table>
</body>
</html>


      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
13


           Pembuatan database.
             Buat  database dengan nama “dbeorder”
                menggunakan phpmyadmin




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
14
       (Test dokumen persiapan)
           Test situs admin : http://localhost/admin/




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
15
       Pengolahan Data Merk
           Pengolahan Data Merk digunakan untuk
            menambah, mengedit, menghapus, view dan
            pencarian Merk.
           Pada penghapusan, proses penghapusan tidak
            secara real menghapus data merk, tetapi hanya
            mengedit status record tersebut sebagai terhapus
            (dengan memberikan nilai „Y‟ pada field dihapus)



     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
16
       Pengolahan Data Merk
           Struktur Tabel Merk




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
17
       Pengolahan Data Merk
           SQL :
     CREATE TABLE `merk` (
       `id_merk` int(11) NOT NULL auto_increment,
       `nama` varchar(50) NOT NULL,
       `dihapus` char(1) NOT NULL default 'T',
       PRIMARY KEY (`id_merk`),
       UNIQUE KEY `nama` (`nama`)
     ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
18
       Pengolahan Data Merk
           Alur Pengolahan Data Merk
     MENU MERK

                                 TAMBAH                                           TAMBAH
                         (MERK_FORM_TAMBAH.PHP)                          (MERK_PROSES_TAMBAH.PHP)


                                   EDIT                           EDIT                          PROSES UPDATE
                           (MERK_FORM_EDIT.PHP)              (MERK_EDIT.PHP)               (MERK_PROSES_UPDATE.PHP)


                                  HAPUS                          HAPUS                          PROSES HAPUS
                          (MERK_FORM_HAPUS.PHP)             (MERK_HAPUS.PHP)               (MERK_PROSES_HAPUS.PHP)


                                  VIEW
                             (MERK_VIEW.PHP)


                                PENCARIAN                       Jika melakukan Pencarian
                           (MERK_PENCARIAN.PHP)                 (Action form = PHP_SELF


     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
19
       Pengolahan Data Merk
           Pembuatan Menu Pengolahan Data Merk
             Bukafile lib_func.php
             Tambahkan script html berikut pada function
              menu_admin()
         <tr><td   align="center" bgcolor="#FFCC00"><b>DATA MERK</b></td></tr>
         <tr><td   align="center"><a href="merk_form_tambah.php">Tambah</a></td></tr>
         <tr><td   align="center"><a href="merk_form_edit.php">Edit</a></td></tr>
         <tr><td   align="center"><a href="merk_form_hapus.php">Hapus</a></td></tr>
         <tr><td   align="center"><a href="merk_view.php">View</a></td></tr>
         <tr><td   align="center"><a href="merk_pencarian.php">Pencarian</a></td></tr>
         <tr><td   align="center" bgcolor="#FFCC00" height=2></td></tr>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
20
       Pengolahan Data Merk
             Jika dijalankan (http://localhost/admin/, maka menu
                admin akan seperti gambar di bawah ini.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
21
       Pengolahan Data Merk (TAMBAH)
           Copy sebuah file dari template, simpan dalam file
            merk_form_tambah.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENAMBAHAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
22
        Pengolahan Data Merk (TAMBAH)
           Buat sebuah form untuk penambahan data merk.
             Sisipkan          script berikut pada bagian “ISI HALAMAN”
     <!-- Awal form penambahan data merk -->
     <form method=post action="merk_proses_tambah.php">
     <table align="center" bgcolor="white" border=0>
         <tr><td colspan=2 align=center class="judultable"><b>TAMBAH MERK BARU</b></td></tr>
         <tr><td>Nama Kategori</td><td><input type=text name="namamerk" size=31 maxlength=30></td></tr>
         <tr><td></td><td><input type=submit value="Simpan"><input type=reset></td></tr>
     </table>
     </form>
     <!-- Awal form penambahan data merk -->




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
23
       Pengolahan Data Merk (TAMBAH)
           Jika dijalankan (mengklik link Tambah di Menu
            Merk, maka akan muncul halaman seperti di bawah
            ini




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
24
       Pengolahan Data Merk (TAMBAH)
           Copy sebuah file dari template, simpan dalam file
            merk_proses_tambah.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENAMBAHAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
25
         Pengolahan Data Merk (TAMBAH)
            Sisipkan script berikut pada bagian “ISI
             HALAMAN”
     <?php
         $nama=$_POST['namamerk']; // Ambil data dari Form
         $link=koneksi_db();
         $sql="insert into merk values(null,'$nama','T')"; // susun SQL
         $res=mysql_query($sql,$link); // Eksekusi SQL
         if($res){ // Jika berhasil
             $id_merk=mysql_insert_id($link);
         ?>
             <div class="info">Data Merk <b><?=$nama;?></b> telah disimpan dengan id merk <b><?=$id_merk?></b></div>
             <?php
         }
         else { // Jika gagal
             ?>
             <div class="error">Terjadi kesalahan dalam penyimpanan data merk baru. Silahkan diulang lagi.<br></div>
             <?php
         }
     ?>

KETERANGAN :
Perintah <?=$nama;?> sama dengan <?php echo $nama;?>
Perintah <?=$id_merk?> sama dengan <?php echo $id_merk;?>


      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
26
       Pengolahan Data Merk (TAMBAH)
           Test http://localhost/admin
           Klik link Tambah di Menu Merk, Isi merk baru
            dengan data merk baru, contoh “VISIPRO”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
27
       Pengolahan Data Merk (TAMBAH)
           Jika berhasil akan menampilkan tampilan sebagai
            berikut :



           Jika tidak berhasil (misalkan nama merk sudah
            ada) akan menampilkan tampilan sebagai berikut :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
28
       Pengolahan Data Merk (VIEW)
           Copy sebuah file dari template, simpan dalam file
            merk_view.php
           Ganti bagian “JUDUL HALAMAN” menjadi “VIEW
            MERK”
           Halaman ini digunakan untuk menampilkan semua
            data MERK yang telah disimpan di table.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
29
        Pengolahan Data Merk (VIEW)
        
     <?php
             Ganti bagian “ISI HALAMAN” dengan script berikut
         $link=koneksi_db();
         $sql="select * from merk order by nama";
         $res=mysql_query($sql,$link);
         $banyakrecord=mysql_num_rows($res);
         if($banyakrecord>0){
             ?>
             <div class="info">Data Merk ditemukan sebanyak : <b><?=$banyakrecord?></b> Record</div>
             <table border=0 align="center">
             <tr class="judultable"><td colspan=3>DAFTAR MERK</td></tr>
             <tr class="judultable"><td>ID MERK</td><td>NAMA</td><td>DIHAPUS</td></tr>
             <?php
                 $i=0;
                 while($data=mysql_fetch_array($res)){
                     $i++;
                     ?>
                     <tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>">
                         <td align="center"><?php echo $data['id_merk'];?></td>
                         <td><?php echo $data['nama'];?></td>
                         <td align="center"><?php echo $data['dihapus'];?></td>
                     </tr>
                     <?php
                 }
             ?>
             </table>
             <?php
         }
      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
30
          Pengolahan Data Merk (VIEW)
             Lanjutan dari slide sebelumnya
              else {
              ?>
              <div class="warning">Data merk tidak ditemukan!.</div>
              <?php
          }
     ?>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
31
       Pengolahan Data Merk (VIEW)
           Test http://localhost/admin
           Klik link View di Menu Merk




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
32
       Pengolahan Data Merk (PENCARIAN)
           Halaman ini digunakan untuk melakukan pencarian
            data merk.
           Halaman pencarian mirip dengan halaman view.
            Tetapi di halaman pencarian terdapat form untuk
            mengisi keyword pencarian.
           Copy file merk_view.php, simpan menjadi
            merk_pencarian.php
           Ganti judul halaman menjadi PENCARIAN MERK


     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
33
       Pengolahan Data Merk (PENCARIAN)
           Tambahkan form pencarian di bagian atas isi
            halaman. (Sebelum masuk ke proses view data)




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 34
        Pengolahan Data Merk (PENCARIAN)
            Tambahkan form pencarian di bagian atas isi
             halaman. (Sebelum masuk ke proses view data,
             setelah judul halaman)
<div align="center">
 <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
   Pencarian
  <?php
            $fieldcari="";
            if(isset($_POST['fieldcari']))
               $fieldcari=$_POST['fieldcari'];
  ?>
  <select name="fieldcari">
     <option value="id_merk" <?php if($fieldcari=="id_merk") echo "selected";?>>ID Merk</option>
     <option value="nama" <?php if($fieldcari=="nama") echo "selected";?>>Nama Merk</option>
  </select>
  <input type="text" name="keyword" size=10 maxlength="30"
          value="<?php if(isset($_POST['keyword'])) echo $_POST['keyword'];?>">
  <input type="submit" name="tblcari" value="Cari">
</form>
</div>


      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
35
       Pengolahan Data Merk (PENCARIAN)
           Modifikasi penyusunan sql
 $sql="select * from merk order by nama";


           Menjadi
              $sql="select * from merk ";
              if(isset($_POST['tblcari']))
              {
                       $fieldcari=$_POST['fieldcari'];
                       $keyword=$_POST['keyword'];
                       $sql=$sql." where $fieldcari like '%$keyword%'";
              }
              $sql.=" order by nama";




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
36
       Pengolahan Data Merk (PENCARIAN)
           Test situs : http://localhost/admin/
           Klik tombol Pencarian, maka akan muncul layar
            seperti di bawah ini




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
37
       Pengolahan Data Merk (PENCARIAN)
           Lakukan pencarian, misalnya pada Nama Merk
            dengan mengisi misalnya “VISIPRO”
           Jika data ditemukan, maka akan tampil hasil
            pencarian seperti di gambar berikut




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
38
       Pengolahan Data Merk (PENCARIAN)
           Lakukan pencarian, misalnya pada ID Merk dengan
            mengisi misalnya “9999”
           Jika data tidak ditemukan, maka akan tampil hasil
            pencarian seperti di gambar berikut




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
39
       Pengolahan Data Merk (EDIT)
           Copy sebuah file dari template, simpan dalam file
            merk_form_edit.php
           Halaman ini digunakan untuk pengisian id_merk
            yang akan diedit
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGEDITAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
40
       Pengolahan Data Merk (EDIT)
           Tambahkan form untuk pengisian ID Merk yang
            akan diedit pada bagian “ISI HALAMAN”.
      <div align="center">
          <form method="post" action="merk_edit.php">
              ID Merk yang akan diedit
              <input type="text" name="id_merk" size=10 maxlength="10">
              <input type="submit" value="Edit">
          </form>
      </div>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
41
       Pengolahan Data Merk (EDIT)
           Test http://localhost/admin
           Klik tombol Edit pada Menu Merk yang seharusnya
            menampilkan form pengisian id merk.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
42
       Pengolahan Data Merk (EDIT)
           Buatlah halaman untuk tempat pengeditan data
            (merk_edit.php)
           Copy file dari template.php, simpan menjadi
            merk_edit.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGEDITAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 43
          Pengolahan Data Merk (EDIT)
             Isi bagian “ISI HALAMAN” dengan script berikut :
  <?php
            $id_merk=$_POST['id_merk'];
            $link=koneksi_db();
            $sql="select * from merk where id_merk='$id_merk'";
            $res=mysql_query($sql);
            if(mysql_num_rows($res)==1){
                        $data=mysql_fetch_array($res);
            ?>
            <form method=post action="merk_proses_update.php">
                        <table align="center" bgcolor="white" border=0>
                        <tr><td colspan=2 align=center class="judultable"><b>EDIT MERK</b></td></tr>
                        <tr><td>ID Merk</td><td><input type=text name="id_merk" value="<?php echo
$data['id_merk'];?>" readonly></td></tr>
                        <tr><td>Nama Merk</td><td><input type=text name="nama" value="<?php echo
$data['nama'];?>" size=31 maxlength=30></td></tr>
                        <tr><td valign=top>Status Dihapus</td>
                            <td><input type=radio name="dihapus" value="Y" <?php if($data['dihapus']=="Y") echo
"checked";?>>Ya<br>
                                         <input type=radio name="dihapus" value="T" <?php if($data['dihapus']=="T")
echo "checked";?>>Tidak</td></tr>
                        <tr><td></td>
                            <td><input type=submit value="Update">
                                    <input type="button" onclick="javascript:history.back()" value="Batal"></td></tr>
                        </table>
            </form>



      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
44
       Pengolahan Data Merk (EDIT)
           Lanjutan dari slide sebelumnya
            <?php
            }
            else {
            ?><div class="warning">Data merk tidak ditemukan!.</div><?php
            }
            ?>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
45
       Pengolahan Data Merk (EDIT)
           Test http://localhost/admin
           Klik link Edit, isi dengan id Merk misalnya “2”.
           Jika id merk ditemukan, maka akan menampilkan




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
46
       Pengolahan Data Merk (EDIT)
           Test http://localhost/admin
           Klik link Edit, isi dengan id Merk misalnya “999”.
           Jika id merk tidak ditemukan, maka akan
            menampilkan




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
47
       Pengolahan Data Merk (EDIT)
           Buatlah halaman untuk proses pengupdatean data
            merk (merk_proses_update.php)
           Copy file dari template.php, simpan menjadi
            merk_proses_update.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGEDITAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
 48
        Pengolahan Data Merk (EDIT)
            Isi bagian “ISI HALAMAN” dengan script berikut :
     <?php
          $id_merk=$_POST['id_merk'];
          $nama=$_POST['nama'];
          $dihapus=$_POST['dihapus'];
          $link=koneksi_db();
          $sql="update merk set nama='$nama',dihapus='$dihapus' where id_merk='$id_merk'";
          $res=mysql_query($sql);
          if($res){
          ?>
                    <div class="info">Data Merk dengan ID <?php echo
$id_merk;?> telah diupdate.</div>
                    <?php
          }
          else {
          ?>
                    <div class="error">Data merk dengan ID <?php echo $id_merk;?> gagal diupdate
dengan pesan kesalahan <b>
                    <?php echo mysql_error();?></b>.</div>
          <?php
          }
?>


      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
49
       Pengolahan Data Merk (EDIT)
           Test http://localhost/admin/
           Klik link Edit, isi misalnya Id Merk dengan “1”, maka
            akan menampilkan halaman berikut :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
50
       Pengolahan Data Merk (EDIT)
           Edit Nama Merk menjadi “A-DATAKU”, Status
            Hapus dipilih Ya, kemudian klik tombol Update,
            maka akan menampilkan layar berikut :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
51
       Pengolahan Data Merk (EDIT)
           Jika pengeditan berhasil




           Jika pengeditan gagal (misalnya mengedit nama
            merk dengan yang telah ada)




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
52
       Pengolahan Data Merk (EDIT)
           Lihat juga di halaman View Merk




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
53
       Pengolahan Data Merk (HAPUS)
           Copy sebuah file dari template, simpan dalam file
            merk_form_hapus.php
           Halaman ini digunakan untuk pengisian id_merk
            yang akan dihapus
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGHAPUSAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
54
       Pengolahan Data Merk (HAPUS)
           Tambahkan form untuk pengisian ID Merk yang
            akan dihapus pada bagian “ISI HALAMAN”.
      <div align="center">
          <form method="post" action="merk_hapus.php">
              ID Merk yang akan dihapus
              <input type="text" name="id_merk" size=10 maxlength="10">
              <input type="submit" value="HAPUS">
          </form>
      </div>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
55
       Pengolahan Data Merk (HAPUS)
           Test http://localhost/admin
           Klik tombol Hapus pada Menu Merk yang
            seharusnya menampilkan form pengisian id merk.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
56
       Pengolahan Data Merk (HAPUS)
           Buatlah halaman untuk tempat pengeditan data
            (merk_hapus.php)
           Copy file dari template.php, simpan menjadi
            merk_hapus.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGHAPUSAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
57
         Pengolahan Data Merk (HAPUS)
         
     <?php
             Isi bagian “ISI HALAMAN” dengan script berikut :
         $id_merk=$_POST['id_merk'];
         $link=koneksi_db();
         $sql="select * from merk where id_merk='$id_merk'";
         $res=mysql_query($sql);
         if(mysql_num_rows($res)==1){
             $data=mysql_fetch_array($res);
         ?>
             <form method=post action="merk_proses_hapus.php">
             <input type=hidden name="id_merk" value="<?=$data['id_merk']?>">
             <table align="center" bgcolor="white" border=0>
             <tr><td colspan=2 align=center class="judultable"><b>HAPUS MERK</b></td></tr>
             <tr><td>ID Merk</td>
                 <td><b><?=$data['id_merk']?></b></td></tr>
                 <tr><td>Nama Merk</td><td><b><?=$data['nama']?></b></td></tr>
                 <tr><td>Status Hapus</td><td><b><?=$data['dihapus']?></b></td></tr>
                 <tr><td></td>
                     <td><input type=submit value="Hapus">
                          <input type="button" onclick="javascript:history.back()" value="Batal"></td>
                 </tr>
                 </table>
                 </form>
             <?php
         }
         else {
             ?>
             <div class="warning">Data merk yang akan diedit tidak ditemukan!.</div>
         <?php
         }
      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
     ?>
Situs Administrator
58
       Pengolahan Data Merk (EDIT)
           Test http://localhost/admin/
           Klik link Hapus, isi misalnya Id Merk dengan “2”,
            maka akan menampilkan halaman berikut :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
59
       Pengolahan Data Merk (HAPUS)
           Buatlah halaman untuk proses penghapusan data
            merk (merk_proses_hapus.php)
           Copy file dari template.php, simpan menjadi
            merk_proses_hapus.php
           Ganti bagian “JUDUL HALAMAN” menjadi
            “PENGHAPUSAN MERK”




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
60
       Pengolahan Data Merk (HAPUS)
           Isi bagian “ISI HALAMAN” dengan script berikut :
     <?php
         $id_merk=$_POST['id_merk'];
         $link=koneksi_db();
         $sql="update merk set dihapus= 'Y' where id_merk='$id_merk'";
         $res=mysql_query($sql,$link);
         if($res){
         ?>
             <div class="info">Data Merk dengan ID <?=$id_merk?> telah             dihapus.</div>
         <?php
         }
         else {
         ?>
             <div class="error">
             Data merk dengan ID <?=$id_merk?> gagal dihapus,
             dengan pesan kesalahan <b><?=mysql_error()?></b>.
             </div>
         <?php
         }
     ?>




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
61
       Pengolahan Data Merk (HAPUS)
           Test http://localhost/admin
           Klik link Hapus, isi Id Merk dengan “2”




           Akan menampilkan layar konfirmasi hapus.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
62
       Pengolahan Data Merk (HAPUS)
           Jika penghapusan berhasil dilakukan, maka akan
            menampilkan layar seperti di bawah ini.




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
63
       (Pengolahan Data Kategori)
        UNTUK PENGOLAHAN DATA KATEGORI,
         BOLEH MENGGUNAKAN CARA-CARA
             PENGOLAHAN DATA MERK.

             ADA JUGA CARA YANG LEBIH
            ADVANCE SEPERTI PADA CARA
           PEMBUATAN PENGOLAHAN DATA
         KATEGORI DI SLIDE-SLIDE DI BAWAH INI
     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
64
       (Pengolahan Data Kategori)
           Buatlah tabel kategori untuk menampung data kategori
            produk.
           Ada 4 proses yang harus dibuat yaitu
             Penambahan Data Kategori
             View Data Kategori
             Pengeditan Data Kategori
             Penghapusan Data Kategori
           Khusus untuk penghapusan, proses penghapusan tidak
            benar-benar menghapus data kategori tetapi hanya
            mengupdate status Dihapus menjadi Y. Ini dikarenakan
            khawatir mengganggu data produk kalau kategorinya
            dihapus.
     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
65
       (Pengolahan Data Kategori)
           Strukturnya :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
66
       (Pengolahan Data Kategori)
           SQL :
       CREATE TABLE `merk` (
         `id_merk` int(11) NOT NULL auto_increment,
         `nama` varchar(50) NOT NULL,
         `dihapus` char(1) NOT NULL default 'T',
         PRIMARY KEY (`id_merk`),
         UNIQUE KEY `nama` (`nama`)
       ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
67
       Pengolahan Data Kategori
           Alur Pengolahan Data Kategori
                                                MENU KATEGORI



                                                                               PENCARIAN
                  TAMBAH
                                                                          (MERK_PENCARIAN.PHP)
           (KATEGORI_TAMBAH.PHP)

           IF(AKSI==“SIMPAN”){
             SIMPANKEDATABASE();
           }
           TAMPILKANFORM()




           Jika melakukan Pencarian
           (Action form = PHP_SELF)
           Dan AKSI=“SIMPAN”



     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
68
       (Pengolahan Data Kategori)
           Buatlah menu pengolahan data kategori,
            tambahkan pada fungsi menu_admin yang ada di
            file lib_func.php.
            <tr><td   align="center" bgcolor="#FFCC00"><b>DATA KATEGORI</b></td></tr>
            <tr><td   align="center"><a href="kategori_tambah.php">Tambah</a></td></tr>
            <tr><td   align="center"><a href="kategori_view.php">View</a></td></tr>
            <tr><td   align="center" bgcolor="#FFCC00" height=2></td></tr>



           Simpan dan buka halaman utama situsnya.


                                                           Setelah di-run


     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
69
       (Penambahan Data Kategori)
           Copy file template.php, simpan dengan nama
            kategori_tambah.php
           Ganti “JUDUL HALAMAN” menjadi “PENAMBAHAN
            DATA KATEGORI”
           Ganti “ISI HALAMAN” dengan script yang berguna
            untuk penambahan data kategori seperti di bawah
            ini.



     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
70
       (Penambahan Data Kategori)
           Layar Penambahan Data Kategori Baru




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
71
       (Penambahan Data Kategori)
           Isi dengan Nama Kategori baru




           Setelah diklik Simpan, maka jika berhasil akan
            menampilkan pesan berikut :




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
72
       (View Data Kategori)
           View data akan digunakan untuk menampilkan
            data-data kategori yang ada.
           Dalam view data kategori, diberikan pula tempat
            untuk pencarian kategori, boleh berdasarkan
            id_kategori atau nama kategorinya.
           Dalam setiap data kategori, diberikan link untuk
            edit dan hapus. Jika link edit maka akan membuka
            layar pengeditan untuk data kategori tersebut, dan
            jika link hapus yang diklik maka akan menampilkan
            layar penghapusan data kategori tersebut.

     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
73
         (View Data Kategori)
     <?php
         $link=koneksi_db();
         $sql="select * from kategori order by nama";
         $res=mysql_query($sql);
         $banyakrecord=mysql_num_rows($res);
         if($banyakrecord>0){
              ?>
              <div align="center">Data Kategori ditemukan sebanyak : <b><?php echo $banyakrecord;?></b> Record</div>
              <table border=0 align="center">
              <tr class="judultable"><td colspan=3>DAFTAR KATEGORI</td></tr>
              <tr class="judultable"><td>ID KATEGORI</td><td>NAMA</td><td>DIHAPUS</td></tr>
              <?php
                  $i=0;
                  while($data=mysql_fetch_array($res)){
                       $i++;
                       ?>
                       <tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>">
                           <td align="center"><?php echo $data['id_kategori'];?></td>
                           <td><?php echo $data['nama'];?></td>
                           <td align="center"><?php echo $data['dihapus'];?></td>
                       </tr>
                       <?php
                  }
              ?>
              </table>
              <?php
         }
         else
              echo "Tidak ada data pada tabel Kategori. ";
     ?>

      Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
Situs Administrator
74
       (Pengolahan Data Kategori)
           Test http://localhost/admin
           Klik tombol View Kategori yang akan menampilkan




     Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)

More Related Content

PDF
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
PDF
Interfacing Number Display
PDF
mobile based ui
PDF
Melangkah dengan Microsoft Windows Server 2003
PDF
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
PDF
Studi Mengenai Aspek Privasi pada Sistem RFID
PDF
Proses dan Penjadualan : Prioritas dan Multiprosesor
PDF
Remote control alarm sepeda motor
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Interfacing Number Display
mobile based ui
Melangkah dengan Microsoft Windows Server 2003
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Studi Mengenai Aspek Privasi pada Sistem RFID
Proses dan Penjadualan : Prioritas dan Multiprosesor
Remote control alarm sepeda motor

Viewers also liked (10)

PDF
Access control-systems
PDF
Arsitektur Sistem Basis Data
PDF
Pernyataan Select (Function) Alur Control dan Perbandingan
PDF
Web Based UI
PDF
Pernyataan Select: Function Date/Time
PDF
aplikasi teknologi online - aplikasi database berbasis web
PDF
Pengantar sistem terdistribusi
PDF
Pemodelan Basis Data Lainnya
PDF
Pengenalan Rekayasa Perangkat Lunak
PDF
Aplikasi database berbasis web studi kasus part 3
Access control-systems
Arsitektur Sistem Basis Data
Pernyataan Select (Function) Alur Control dan Perbandingan
Web Based UI
Pernyataan Select: Function Date/Time
aplikasi teknologi online - aplikasi database berbasis web
Pengantar sistem terdistribusi
Pemodelan Basis Data Lainnya
Pengenalan Rekayasa Perangkat Lunak
Aplikasi database berbasis web studi kasus part 3
Ad

Similar to aplikasi database berbasis web - studi kasus 2010 (9)

PPTX
Aspetos gerais de desenvolvimento web.
DOCX
VENU_Hadoop_Resume
PPTX
Presentazione Sharepoint 2007 - MOSS - WSS
PPTX
PDF
Komplexe Sites sauber aufbauen
DOC
Resume Kankeyan
PPTX
ADO.NET Entity Framework 4
PPTX
Seguridad en Servicios Web
PPT
Chico-UI en escuela DaVinci
Aspetos gerais de desenvolvimento web.
VENU_Hadoop_Resume
Presentazione Sharepoint 2007 - MOSS - WSS
Komplexe Sites sauber aufbauen
Resume Kankeyan
ADO.NET Entity Framework 4
Seguridad en Servicios Web
Chico-UI en escuela DaVinci
Ad

More from Materi Kuliah Online (19)

PDF
Sekilas tentang HaKI
PDF
Internet dan Layanan Aplikasi Terdistribusi
PDF
Aspek Security pada Penerapan m-Commerce di Indonesia
PDF
A Comparison of Proximity Authentication Approaches
PDF
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
PDF
Catu Daya dan Rangkaian Penyearah Gelombang
PDF
Dioda dan Catu Daya
PDF
Simulasi Anti Integral Windup dengan Clamp Integrator
PDF
Radio Frequency Identification
PDF
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
PDF
Pembuatan Rangkaian Adaptor dengan Keluaran 5V dan 12V
PDF
Konsep Pendidikan Tinggi Berbasis E-Learning
PDF
Pengaturan Level Sistem SCPC-FM untuk Memperoleh Performansi yang Baik dalam ...
PDF
Penataan Spektrum Frekuensi Radio Layanan Akses Pita Lebar Berbasis Nirkabel
PDF
Perancangan dan Pengkajian UHF Spread Spectrum Ethernet Radio
PDF
Akuisisi Runtun Pseudo Noise Tanpa Dan Dengan Modulasi Menggunakan Teknik Pen...
PDF
Rancangan dan Implementasi Prototipe Sistem Kendali Jarak Jauh
PDF
Optimalisasi Service Channel Approach Link Radio Komunikasi Selular
PDF
WLAN workshop
Sekilas tentang HaKI
Internet dan Layanan Aplikasi Terdistribusi
Aspek Security pada Penerapan m-Commerce di Indonesia
A Comparison of Proximity Authentication Approaches
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Catu Daya dan Rangkaian Penyearah Gelombang
Dioda dan Catu Daya
Simulasi Anti Integral Windup dengan Clamp Integrator
Radio Frequency Identification
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Pembuatan Rangkaian Adaptor dengan Keluaran 5V dan 12V
Konsep Pendidikan Tinggi Berbasis E-Learning
Pengaturan Level Sistem SCPC-FM untuk Memperoleh Performansi yang Baik dalam ...
Penataan Spektrum Frekuensi Radio Layanan Akses Pita Lebar Berbasis Nirkabel
Perancangan dan Pengkajian UHF Spread Spectrum Ethernet Radio
Akuisisi Runtun Pseudo Noise Tanpa Dan Dengan Modulasi Menggunakan Teknik Pen...
Rancangan dan Implementasi Prototipe Sistem Kendali Jarak Jauh
Optimalisasi Service Channel Approach Link Radio Komunikasi Selular
WLAN workshop

aplikasi database berbasis web - studi kasus 2010

  • 1. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM) 1 APLIKASI DATABASE BERBASIS WEB DENGAN PHP & MYSQL (BAGIAN 2-STUDI KASUS) PERTEMUAN 9 TEKNIK INFORMATIKA – UNIKOM (2009)
  • 2. CONTOH KASUS 2 Situs e-Order Situs ini berguna untuk melakukan pemesanan barang yang kita sediakan. Khusus untuk pemesanan saja. Sedangkan untuk pembayaran pesanan dilakukan secara manual (melalui telepon, email, transfer, dll) Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 3. Situs e-Order 3  Ada 2 situs yang harus dibuat, yaitu  Situs Administrator Situs ini berguna untuk melakukan pengolahan data seperti :  Data Produk  Data Kategori  Data Merk  Data Member  Data Pesanan  Situs Pengunjung Situs ini berguna untuk melakukan pemesanan barang. Fasilitas yang ada dalam situs ini adalah  Pendaftaran Member  Pemesanan Produk Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 4. Situs e-Order 4  Aturan-aturan  Setiap produk memiliki kategori produk (TV, Radio, MP3 Player, Ponsel, Laptop/Notebook, PC Desktop, dll), dan memiliki Merk (Toshiba, Acer, Nokia, Siemens, Sharp, dll)  Masyarakat umum dapat melakukan pendaftaran sebagai member  Hanya member yang dapat melakukan pemesanan  Setiap pemesanan boleh memiliki lebih dari 1 jenis barang.  Hanya pemesanan yang telah dicheckout yang akan ditindak lanjuti (misalnya dengan komunikasi manual mengenai pembayaran, paket dll).  Administrator dapat mengarsipkan pesanan jika pesanan tersebut telah dikirimkan Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 5. Situs e-Order 5  Aturan-aturan (lanjutan)  Untuk setiap pengolahan data harus terdiri dari Penambahan Data, Pengeditan Data, Penghapusan Data dan View Data.  Untuk pengeditan data, field yang menjadi kunci utama tidak boleh berubah. Tetapi field lain boleh berubah.  Untuk penghapusan, record tidak terhapus secara fisik, tetapi hanya ditandai bahwa data tersebut sudah terhapus (dengan membuat file status terhapus yang nilainya Y atau T). Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 6. Skema Relasi 6 Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 7. Situs Administrator 7 (Persiapan)  Ada baiknya situs administrator terpisah dari situs utama. Untuk melakukan hal tersebut, langkah yang bisa dilakukan adalah :  Membuat folder dengan nama “admin” di folder web kamu  Buat pula library function untuk situs admin  Buatlah file css untuk memperbagus tampilan.  Buatlah template baru untuk template situs admin  Buat halaman utama untuk situs admin  Buat database untuk situs Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 8. Situs Administrator 8 (Membuat library function)  Contoh library function untuk situs admin (lib_func.php) <?php function header_web(){ ?> <font color="white" size=6>Situs Administrator</font> <?php } function footer_web(){ ?> <center> <small>Developed By Mahasiswa IF</small> </center> <?php } function form_login(){ ?> <form method=post action="login.php"> <table border=0 width="100%" bgcolor="white" align="center"> <tr><td colspan=2 align="center" bgcolor="#CCCCCC"><b>LOGIN USER</b></td></tr> <tr><td>Username</td><td><input type="text" name="username" maxlength="8" size="9"> </td></tr> <tr><td>Password</td><td><input type="password" name="userpass" maxlength="8" size="9"> </td></tr> <tr><td></td><td><input type="submit" name="btn_submit" value="Login"></td></tr> </table> </form> <?php } Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 9. Situs Administrator 9 (Membuat library function) function menu_admin(){ ?> <table border=0 width="100%" bgcolor="white"> <tr><td align="center" bgcolor="#CCCCCC"><b>MENU ADMIN</b></td></tr> <tr><td align="center"><a href="logout.php">LOGOUT</a></td></tr> <tr><td align="center" bgcolor="#FFCC00" height=2></td></tr> </table> </form> <?php } function menu(){ $telahlogin=true;// Nanti diisi perintah pemeriksaan status login if($telahlogin==false) form_login(); else menu_admin(); } function koneksi_db(){ $host = "localhost"; $database = "dbeorder"; $user = "root"; $password = ""; $link=mysql_connect($host,$user,$password); mysql_select_db($database,$link); if(!$link) echo "Error : ".mysql_error(); return $link; } ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 10. Situs Administrator 10 (Membuat library function)  Nama file : css.css a{ text-decoration:none; .error{ font-family: Arial, Helvetica, sans-serif; background-color:red; font-size:12px; color:white; font-weight:bold; text-align:center; } } body { .warning{ background-color: #DCDCDC; background-color:yellow; font-family: Arial, Helvetica, sans-serif; color:black; font-size: 14px; text-align:center; color: #336699; } } .judultable{ .judul{ background-color:#CCCCCC; font-size:36px; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:center; text-align:center; font-weight:bold; } } .isitabelganjil{ .info{ background-color:WHITE; background-color:#0099FF; } text-align:center; .isitabelgenap{ color:white; background-color:#DDDDDD; } } Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 11. Situs Administrator 11 (Membuat template situs)  Contoh template situs admin (template.php) <html> <head> <?php include("lib_func.php"); ?> <title>Situs e-Order</title> <link rel="SHORTCUT ICON" href="favicon.ico"> <link href="css.css" rel="stylesheet" type="text/css"> </head> <body> <table width="100%" align="center" border=0 bordercolor="#FFFFFF"> <tr><td colspan=2 align="center" bgcolor="#0000CC"><?php header_web();?></td></tr> <tr> <td width="200px" valign="top" bgcolor="white"><?php menu();?></td> <td valign="top"><p class="judul">JUDUL HALAMAN</p> <p>ISI HALAMAN</p> <p>&nbsp; </p></td> </tr> <tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr> </table> </body> </html> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 12. Situs Administrator 12 (Membuat halaman utama)  Buat halaman utama untuk situs admin (index.php) <html> <head> <?php include("lib_func.php"); ?> <title>Situs e-Order</title> <link rel="SHORTCUT ICON" href="favicon.ico"> <link href="css.css" rel="stylesheet" type="text/css"> </head> <body> <table width="100%" align="center" border=0 bordercolor="#FFFFFF"> <tr><td colspan=2 align="center" bgcolor="#0000CC"><?php header_web();?></td></tr> <tr> <td width="200px" valign="top" bgcolor="white"><?php menu();?></td> <td valign="top"><p class="judul">SELAMAT DATANG ADMIN</p> <p>Halaman ini hanya dipergunakan oleh Administrator untuk mengolah data situs. Silahkan login untuk d apat masuk ke menu kami.</p> <p>&nbsp; </p></td> </tr> <tr><td colspan=2 bgcolor="#FFCC00"><?php footer_web();?></td></tr> </table> </body> </html> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 13. Situs Administrator 13  Pembuatan database.  Buat database dengan nama “dbeorder” menggunakan phpmyadmin Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 14. Situs Administrator 14 (Test dokumen persiapan)  Test situs admin : http://localhost/admin/ Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 15. Situs Administrator 15 Pengolahan Data Merk  Pengolahan Data Merk digunakan untuk menambah, mengedit, menghapus, view dan pencarian Merk.  Pada penghapusan, proses penghapusan tidak secara real menghapus data merk, tetapi hanya mengedit status record tersebut sebagai terhapus (dengan memberikan nilai „Y‟ pada field dihapus) Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 16. Situs Administrator 16 Pengolahan Data Merk  Struktur Tabel Merk Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 17. Situs Administrator 17 Pengolahan Data Merk  SQL : CREATE TABLE `merk` ( `id_merk` int(11) NOT NULL auto_increment, `nama` varchar(50) NOT NULL, `dihapus` char(1) NOT NULL default 'T', PRIMARY KEY (`id_merk`), UNIQUE KEY `nama` (`nama`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 18. Situs Administrator 18 Pengolahan Data Merk  Alur Pengolahan Data Merk MENU MERK TAMBAH TAMBAH (MERK_FORM_TAMBAH.PHP) (MERK_PROSES_TAMBAH.PHP) EDIT EDIT PROSES UPDATE (MERK_FORM_EDIT.PHP) (MERK_EDIT.PHP) (MERK_PROSES_UPDATE.PHP) HAPUS HAPUS PROSES HAPUS (MERK_FORM_HAPUS.PHP) (MERK_HAPUS.PHP) (MERK_PROSES_HAPUS.PHP) VIEW (MERK_VIEW.PHP) PENCARIAN Jika melakukan Pencarian (MERK_PENCARIAN.PHP) (Action form = PHP_SELF Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 19. Situs Administrator 19 Pengolahan Data Merk  Pembuatan Menu Pengolahan Data Merk  Bukafile lib_func.php  Tambahkan script html berikut pada function menu_admin() <tr><td align="center" bgcolor="#FFCC00"><b>DATA MERK</b></td></tr> <tr><td align="center"><a href="merk_form_tambah.php">Tambah</a></td></tr> <tr><td align="center"><a href="merk_form_edit.php">Edit</a></td></tr> <tr><td align="center"><a href="merk_form_hapus.php">Hapus</a></td></tr> <tr><td align="center"><a href="merk_view.php">View</a></td></tr> <tr><td align="center"><a href="merk_pencarian.php">Pencarian</a></td></tr> <tr><td align="center" bgcolor="#FFCC00" height=2></td></tr> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 20. Situs Administrator 20 Pengolahan Data Merk  Jika dijalankan (http://localhost/admin/, maka menu admin akan seperti gambar di bawah ini. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 21. Situs Administrator 21 Pengolahan Data Merk (TAMBAH)  Copy sebuah file dari template, simpan dalam file merk_form_tambah.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENAMBAHAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 22. Situs Administrator 22 Pengolahan Data Merk (TAMBAH)  Buat sebuah form untuk penambahan data merk.  Sisipkan script berikut pada bagian “ISI HALAMAN” <!-- Awal form penambahan data merk --> <form method=post action="merk_proses_tambah.php"> <table align="center" bgcolor="white" border=0> <tr><td colspan=2 align=center class="judultable"><b>TAMBAH MERK BARU</b></td></tr> <tr><td>Nama Kategori</td><td><input type=text name="namamerk" size=31 maxlength=30></td></tr> <tr><td></td><td><input type=submit value="Simpan"><input type=reset></td></tr> </table> </form> <!-- Awal form penambahan data merk --> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 23. Situs Administrator 23 Pengolahan Data Merk (TAMBAH)  Jika dijalankan (mengklik link Tambah di Menu Merk, maka akan muncul halaman seperti di bawah ini Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 24. Situs Administrator 24 Pengolahan Data Merk (TAMBAH)  Copy sebuah file dari template, simpan dalam file merk_proses_tambah.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENAMBAHAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 25. Situs Administrator 25 Pengolahan Data Merk (TAMBAH)  Sisipkan script berikut pada bagian “ISI HALAMAN” <?php $nama=$_POST['namamerk']; // Ambil data dari Form $link=koneksi_db(); $sql="insert into merk values(null,'$nama','T')"; // susun SQL $res=mysql_query($sql,$link); // Eksekusi SQL if($res){ // Jika berhasil $id_merk=mysql_insert_id($link); ?> <div class="info">Data Merk <b><?=$nama;?></b> telah disimpan dengan id merk <b><?=$id_merk?></b></div> <?php } else { // Jika gagal ?> <div class="error">Terjadi kesalahan dalam penyimpanan data merk baru. Silahkan diulang lagi.<br></div> <?php } ?> KETERANGAN : Perintah <?=$nama;?> sama dengan <?php echo $nama;?> Perintah <?=$id_merk?> sama dengan <?php echo $id_merk;?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 26. Situs Administrator 26 Pengolahan Data Merk (TAMBAH)  Test http://localhost/admin  Klik link Tambah di Menu Merk, Isi merk baru dengan data merk baru, contoh “VISIPRO” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 27. Situs Administrator 27 Pengolahan Data Merk (TAMBAH)  Jika berhasil akan menampilkan tampilan sebagai berikut :  Jika tidak berhasil (misalkan nama merk sudah ada) akan menampilkan tampilan sebagai berikut : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 28. Situs Administrator 28 Pengolahan Data Merk (VIEW)  Copy sebuah file dari template, simpan dalam file merk_view.php  Ganti bagian “JUDUL HALAMAN” menjadi “VIEW MERK”  Halaman ini digunakan untuk menampilkan semua data MERK yang telah disimpan di table. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 29. Situs Administrator 29 Pengolahan Data Merk (VIEW)  <?php Ganti bagian “ISI HALAMAN” dengan script berikut $link=koneksi_db(); $sql="select * from merk order by nama"; $res=mysql_query($sql,$link); $banyakrecord=mysql_num_rows($res); if($banyakrecord>0){ ?> <div class="info">Data Merk ditemukan sebanyak : <b><?=$banyakrecord?></b> Record</div> <table border=0 align="center"> <tr class="judultable"><td colspan=3>DAFTAR MERK</td></tr> <tr class="judultable"><td>ID MERK</td><td>NAMA</td><td>DIHAPUS</td></tr> <?php $i=0; while($data=mysql_fetch_array($res)){ $i++; ?> <tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>"> <td align="center"><?php echo $data['id_merk'];?></td> <td><?php echo $data['nama'];?></td> <td align="center"><?php echo $data['dihapus'];?></td> </tr> <?php } ?> </table> <?php } Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 30. Situs Administrator 30 Pengolahan Data Merk (VIEW)  Lanjutan dari slide sebelumnya else { ?> <div class="warning">Data merk tidak ditemukan!.</div> <?php } ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 31. Situs Administrator 31 Pengolahan Data Merk (VIEW)  Test http://localhost/admin  Klik link View di Menu Merk Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 32. Situs Administrator 32 Pengolahan Data Merk (PENCARIAN)  Halaman ini digunakan untuk melakukan pencarian data merk.  Halaman pencarian mirip dengan halaman view. Tetapi di halaman pencarian terdapat form untuk mengisi keyword pencarian.  Copy file merk_view.php, simpan menjadi merk_pencarian.php  Ganti judul halaman menjadi PENCARIAN MERK Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 33. Situs Administrator 33 Pengolahan Data Merk (PENCARIAN)  Tambahkan form pencarian di bagian atas isi halaman. (Sebelum masuk ke proses view data) Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 34. Situs Administrator 34 Pengolahan Data Merk (PENCARIAN)  Tambahkan form pencarian di bagian atas isi halaman. (Sebelum masuk ke proses view data, setelah judul halaman) <div align="center"> <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>"> Pencarian <?php $fieldcari=""; if(isset($_POST['fieldcari'])) $fieldcari=$_POST['fieldcari']; ?> <select name="fieldcari"> <option value="id_merk" <?php if($fieldcari=="id_merk") echo "selected";?>>ID Merk</option> <option value="nama" <?php if($fieldcari=="nama") echo "selected";?>>Nama Merk</option> </select> <input type="text" name="keyword" size=10 maxlength="30" value="<?php if(isset($_POST['keyword'])) echo $_POST['keyword'];?>"> <input type="submit" name="tblcari" value="Cari"> </form> </div> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 35. Situs Administrator 35 Pengolahan Data Merk (PENCARIAN)  Modifikasi penyusunan sql $sql="select * from merk order by nama";  Menjadi $sql="select * from merk "; if(isset($_POST['tblcari'])) { $fieldcari=$_POST['fieldcari']; $keyword=$_POST['keyword']; $sql=$sql." where $fieldcari like '%$keyword%'"; } $sql.=" order by nama"; Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 36. Situs Administrator 36 Pengolahan Data Merk (PENCARIAN)  Test situs : http://localhost/admin/  Klik tombol Pencarian, maka akan muncul layar seperti di bawah ini Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 37. Situs Administrator 37 Pengolahan Data Merk (PENCARIAN)  Lakukan pencarian, misalnya pada Nama Merk dengan mengisi misalnya “VISIPRO”  Jika data ditemukan, maka akan tampil hasil pencarian seperti di gambar berikut Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 38. Situs Administrator 38 Pengolahan Data Merk (PENCARIAN)  Lakukan pencarian, misalnya pada ID Merk dengan mengisi misalnya “9999”  Jika data tidak ditemukan, maka akan tampil hasil pencarian seperti di gambar berikut Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 39. Situs Administrator 39 Pengolahan Data Merk (EDIT)  Copy sebuah file dari template, simpan dalam file merk_form_edit.php  Halaman ini digunakan untuk pengisian id_merk yang akan diedit  Ganti bagian “JUDUL HALAMAN” menjadi “PENGEDITAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 40. Situs Administrator 40 Pengolahan Data Merk (EDIT)  Tambahkan form untuk pengisian ID Merk yang akan diedit pada bagian “ISI HALAMAN”. <div align="center"> <form method="post" action="merk_edit.php"> ID Merk yang akan diedit <input type="text" name="id_merk" size=10 maxlength="10"> <input type="submit" value="Edit"> </form> </div> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 41. Situs Administrator 41 Pengolahan Data Merk (EDIT)  Test http://localhost/admin  Klik tombol Edit pada Menu Merk yang seharusnya menampilkan form pengisian id merk. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 42. Situs Administrator 42 Pengolahan Data Merk (EDIT)  Buatlah halaman untuk tempat pengeditan data (merk_edit.php)  Copy file dari template.php, simpan menjadi merk_edit.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENGEDITAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 43. Situs Administrator 43 Pengolahan Data Merk (EDIT)  Isi bagian “ISI HALAMAN” dengan script berikut : <?php $id_merk=$_POST['id_merk']; $link=koneksi_db(); $sql="select * from merk where id_merk='$id_merk'"; $res=mysql_query($sql); if(mysql_num_rows($res)==1){ $data=mysql_fetch_array($res); ?> <form method=post action="merk_proses_update.php"> <table align="center" bgcolor="white" border=0> <tr><td colspan=2 align=center class="judultable"><b>EDIT MERK</b></td></tr> <tr><td>ID Merk</td><td><input type=text name="id_merk" value="<?php echo $data['id_merk'];?>" readonly></td></tr> <tr><td>Nama Merk</td><td><input type=text name="nama" value="<?php echo $data['nama'];?>" size=31 maxlength=30></td></tr> <tr><td valign=top>Status Dihapus</td> <td><input type=radio name="dihapus" value="Y" <?php if($data['dihapus']=="Y") echo "checked";?>>Ya<br> <input type=radio name="dihapus" value="T" <?php if($data['dihapus']=="T") echo "checked";?>>Tidak</td></tr> <tr><td></td> <td><input type=submit value="Update"> <input type="button" onclick="javascript:history.back()" value="Batal"></td></tr> </table> </form> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 44. Situs Administrator 44 Pengolahan Data Merk (EDIT)  Lanjutan dari slide sebelumnya <?php } else { ?><div class="warning">Data merk tidak ditemukan!.</div><?php } ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 45. Situs Administrator 45 Pengolahan Data Merk (EDIT)  Test http://localhost/admin  Klik link Edit, isi dengan id Merk misalnya “2”.  Jika id merk ditemukan, maka akan menampilkan Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 46. Situs Administrator 46 Pengolahan Data Merk (EDIT)  Test http://localhost/admin  Klik link Edit, isi dengan id Merk misalnya “999”.  Jika id merk tidak ditemukan, maka akan menampilkan Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 47. Situs Administrator 47 Pengolahan Data Merk (EDIT)  Buatlah halaman untuk proses pengupdatean data merk (merk_proses_update.php)  Copy file dari template.php, simpan menjadi merk_proses_update.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENGEDITAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 48. Situs Administrator 48 Pengolahan Data Merk (EDIT)  Isi bagian “ISI HALAMAN” dengan script berikut : <?php $id_merk=$_POST['id_merk']; $nama=$_POST['nama']; $dihapus=$_POST['dihapus']; $link=koneksi_db(); $sql="update merk set nama='$nama',dihapus='$dihapus' where id_merk='$id_merk'"; $res=mysql_query($sql); if($res){ ?> <div class="info">Data Merk dengan ID <?php echo $id_merk;?> telah diupdate.</div> <?php } else { ?> <div class="error">Data merk dengan ID <?php echo $id_merk;?> gagal diupdate dengan pesan kesalahan <b> <?php echo mysql_error();?></b>.</div> <?php } ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 49. Situs Administrator 49 Pengolahan Data Merk (EDIT)  Test http://localhost/admin/  Klik link Edit, isi misalnya Id Merk dengan “1”, maka akan menampilkan halaman berikut : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 50. Situs Administrator 50 Pengolahan Data Merk (EDIT)  Edit Nama Merk menjadi “A-DATAKU”, Status Hapus dipilih Ya, kemudian klik tombol Update, maka akan menampilkan layar berikut : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 51. Situs Administrator 51 Pengolahan Data Merk (EDIT)  Jika pengeditan berhasil  Jika pengeditan gagal (misalnya mengedit nama merk dengan yang telah ada) Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 52. Situs Administrator 52 Pengolahan Data Merk (EDIT)  Lihat juga di halaman View Merk Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 53. Situs Administrator 53 Pengolahan Data Merk (HAPUS)  Copy sebuah file dari template, simpan dalam file merk_form_hapus.php  Halaman ini digunakan untuk pengisian id_merk yang akan dihapus  Ganti bagian “JUDUL HALAMAN” menjadi “PENGHAPUSAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 54. Situs Administrator 54 Pengolahan Data Merk (HAPUS)  Tambahkan form untuk pengisian ID Merk yang akan dihapus pada bagian “ISI HALAMAN”. <div align="center"> <form method="post" action="merk_hapus.php"> ID Merk yang akan dihapus <input type="text" name="id_merk" size=10 maxlength="10"> <input type="submit" value="HAPUS"> </form> </div> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 55. Situs Administrator 55 Pengolahan Data Merk (HAPUS)  Test http://localhost/admin  Klik tombol Hapus pada Menu Merk yang seharusnya menampilkan form pengisian id merk. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 56. Situs Administrator 56 Pengolahan Data Merk (HAPUS)  Buatlah halaman untuk tempat pengeditan data (merk_hapus.php)  Copy file dari template.php, simpan menjadi merk_hapus.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENGHAPUSAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 57. Situs Administrator 57 Pengolahan Data Merk (HAPUS)  <?php Isi bagian “ISI HALAMAN” dengan script berikut : $id_merk=$_POST['id_merk']; $link=koneksi_db(); $sql="select * from merk where id_merk='$id_merk'"; $res=mysql_query($sql); if(mysql_num_rows($res)==1){ $data=mysql_fetch_array($res); ?> <form method=post action="merk_proses_hapus.php"> <input type=hidden name="id_merk" value="<?=$data['id_merk']?>"> <table align="center" bgcolor="white" border=0> <tr><td colspan=2 align=center class="judultable"><b>HAPUS MERK</b></td></tr> <tr><td>ID Merk</td> <td><b><?=$data['id_merk']?></b></td></tr> <tr><td>Nama Merk</td><td><b><?=$data['nama']?></b></td></tr> <tr><td>Status Hapus</td><td><b><?=$data['dihapus']?></b></td></tr> <tr><td></td> <td><input type=submit value="Hapus"> <input type="button" onclick="javascript:history.back()" value="Batal"></td> </tr> </table> </form> <?php } else { ?> <div class="warning">Data merk yang akan diedit tidak ditemukan!.</div> <?php } Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM) ?>
  • 58. Situs Administrator 58 Pengolahan Data Merk (EDIT)  Test http://localhost/admin/  Klik link Hapus, isi misalnya Id Merk dengan “2”, maka akan menampilkan halaman berikut : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 59. Situs Administrator 59 Pengolahan Data Merk (HAPUS)  Buatlah halaman untuk proses penghapusan data merk (merk_proses_hapus.php)  Copy file dari template.php, simpan menjadi merk_proses_hapus.php  Ganti bagian “JUDUL HALAMAN” menjadi “PENGHAPUSAN MERK” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 60. Situs Administrator 60 Pengolahan Data Merk (HAPUS)  Isi bagian “ISI HALAMAN” dengan script berikut : <?php $id_merk=$_POST['id_merk']; $link=koneksi_db(); $sql="update merk set dihapus= 'Y' where id_merk='$id_merk'"; $res=mysql_query($sql,$link); if($res){ ?> <div class="info">Data Merk dengan ID <?=$id_merk?> telah dihapus.</div> <?php } else { ?> <div class="error"> Data merk dengan ID <?=$id_merk?> gagal dihapus, dengan pesan kesalahan <b><?=mysql_error()?></b>. </div> <?php } ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 61. Situs Administrator 61 Pengolahan Data Merk (HAPUS)  Test http://localhost/admin  Klik link Hapus, isi Id Merk dengan “2”  Akan menampilkan layar konfirmasi hapus. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 62. Situs Administrator 62 Pengolahan Data Merk (HAPUS)  Jika penghapusan berhasil dilakukan, maka akan menampilkan layar seperti di bawah ini. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 63. Situs Administrator 63 (Pengolahan Data Kategori) UNTUK PENGOLAHAN DATA KATEGORI, BOLEH MENGGUNAKAN CARA-CARA PENGOLAHAN DATA MERK. ADA JUGA CARA YANG LEBIH ADVANCE SEPERTI PADA CARA PEMBUATAN PENGOLAHAN DATA KATEGORI DI SLIDE-SLIDE DI BAWAH INI Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 64. Situs Administrator 64 (Pengolahan Data Kategori)  Buatlah tabel kategori untuk menampung data kategori produk.  Ada 4 proses yang harus dibuat yaitu  Penambahan Data Kategori  View Data Kategori  Pengeditan Data Kategori  Penghapusan Data Kategori  Khusus untuk penghapusan, proses penghapusan tidak benar-benar menghapus data kategori tetapi hanya mengupdate status Dihapus menjadi Y. Ini dikarenakan khawatir mengganggu data produk kalau kategorinya dihapus. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 65. Situs Administrator 65 (Pengolahan Data Kategori)  Strukturnya : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 66. Situs Administrator 66 (Pengolahan Data Kategori)  SQL : CREATE TABLE `merk` ( `id_merk` int(11) NOT NULL auto_increment, `nama` varchar(50) NOT NULL, `dihapus` char(1) NOT NULL default 'T', PRIMARY KEY (`id_merk`), UNIQUE KEY `nama` (`nama`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 67. Situs Administrator 67 Pengolahan Data Kategori  Alur Pengolahan Data Kategori MENU KATEGORI PENCARIAN TAMBAH (MERK_PENCARIAN.PHP) (KATEGORI_TAMBAH.PHP) IF(AKSI==“SIMPAN”){ SIMPANKEDATABASE(); } TAMPILKANFORM() Jika melakukan Pencarian (Action form = PHP_SELF) Dan AKSI=“SIMPAN” Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 68. Situs Administrator 68 (Pengolahan Data Kategori)  Buatlah menu pengolahan data kategori, tambahkan pada fungsi menu_admin yang ada di file lib_func.php. <tr><td align="center" bgcolor="#FFCC00"><b>DATA KATEGORI</b></td></tr> <tr><td align="center"><a href="kategori_tambah.php">Tambah</a></td></tr> <tr><td align="center"><a href="kategori_view.php">View</a></td></tr> <tr><td align="center" bgcolor="#FFCC00" height=2></td></tr>  Simpan dan buka halaman utama situsnya. Setelah di-run Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 69. Situs Administrator 69 (Penambahan Data Kategori)  Copy file template.php, simpan dengan nama kategori_tambah.php  Ganti “JUDUL HALAMAN” menjadi “PENAMBAHAN DATA KATEGORI”  Ganti “ISI HALAMAN” dengan script yang berguna untuk penambahan data kategori seperti di bawah ini. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 70. Situs Administrator 70 (Penambahan Data Kategori)  Layar Penambahan Data Kategori Baru Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 71. Situs Administrator 71 (Penambahan Data Kategori)  Isi dengan Nama Kategori baru  Setelah diklik Simpan, maka jika berhasil akan menampilkan pesan berikut : Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 72. Situs Administrator 72 (View Data Kategori)  View data akan digunakan untuk menampilkan data-data kategori yang ada.  Dalam view data kategori, diberikan pula tempat untuk pencarian kategori, boleh berdasarkan id_kategori atau nama kategorinya.  Dalam setiap data kategori, diberikan link untuk edit dan hapus. Jika link edit maka akan membuka layar pengeditan untuk data kategori tersebut, dan jika link hapus yang diklik maka akan menampilkan layar penghapusan data kategori tersebut. Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 73. Situs Administrator 73 (View Data Kategori) <?php $link=koneksi_db(); $sql="select * from kategori order by nama"; $res=mysql_query($sql); $banyakrecord=mysql_num_rows($res); if($banyakrecord>0){ ?> <div align="center">Data Kategori ditemukan sebanyak : <b><?php echo $banyakrecord;?></b> Record</div> <table border=0 align="center"> <tr class="judultable"><td colspan=3>DAFTAR KATEGORI</td></tr> <tr class="judultable"><td>ID KATEGORI</td><td>NAMA</td><td>DIHAPUS</td></tr> <?php $i=0; while($data=mysql_fetch_array($res)){ $i++; ?> <tr class="<?php if($i%2==1) echo "isitabelganjil"; else echo "isitabelgenap";?>"> <td align="center"><?php echo $data['id_kategori'];?></td> <td><?php echo $data['nama'];?></td> <td align="center"><?php echo $data['dihapus'];?></td> </tr> <?php } ?> </table> <?php } else echo "Tidak ada data pada tabel Kategori. "; ?> Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)
  • 74. Situs Administrator 74 (Pengolahan Data Kategori)  Test http://localhost/admin  Klik tombol View Kategori yang akan menampilkan Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T., M.T. (IF-UNIKOM)