TUTORIAL MEMBUAT DATA ABSENSI DENGAN MENGGUNAKAN APLIKASI MACROMEDIA DREAMWEVER

1.   Jalankan aplikasi macromedia dreamweaver dan xampp, pada xampp klik star untuk Apache dan MySQL. Seperti gambar dibawah ini .

2. Selanjutnya buatlah folder di local disk C/ Xampp / htdocs  dengan format  nama_folder. Dan buatlah folder image  di folder yang sudah kamu buat di htdocs  untuk memasukan gambar yang akan digunakan untuk  baground, header dan footer.

3.    Buatlah database di localhost/phpmyadmin ( jika belum mengerti membuat database cari artikel Cara Membuat Database Di Localhost/phpmyadmin)

4.   Setelah membuat data base dan tabel . Selanjutnya jalankan dreamwever-nya .untuk membuat file baru  klik  “file’ pada toolbar pilih new maka akan tampil jendela pilihan sebagai berikut ..

                                                                           

5.    Klik “dynamic page” dan pilih Php kemudian create seperti contoh diatas

6.    Buatlah file dengan  nama “index” dan save as di folder htdocs. Pilih type document PHP.

7.    Pada index.php buat tabel  desain website. Beri nama setiap kolom tabel untuk mempermudah memberi perintah pemanggilan gambar pada “code”. Setelah membuat tabel  selesai  kemudian klik “Code”

                                                                               8.     Pada “code”untuk memanggil  file lain, gunakan perintah “include”, misalkan kita ingin memanggil      file header  maka perintahnya  <?php include ('header.php'); ?> . seperti pada contoh dibawah Kemudian buat file header, footer, side kiri dan side kanan. 

 

9.    Pada saat membuat file header gunakan perintah <img src =”tempat gambar berada”/> maka gambar akan muncul seperti ini :                                                                                                                                                                                             

10.   Isi file footer dengan” copyright © 2014 nama kamu “ / sesuai kreasi. Untuk membuat symbol © dengan insert – HTML – special character – copyright . isi side_kiri untuk link menuju ke ( HOME , INPUT DATA ,  TAMPIL DATA).  Untuk melihat hasil sementara buka browser dan //localhost/folder penyimpanan/.maka tampilannya akan seperti ini :                                                                                                                                       

11.   Lalu isi kolom tengah tabel dengan tulisan sesuai keinginan dan side_kanan diberi link  ulasan tentang kelas kamu / profile kelas , seperti contoh :

   

                                                                                                                                                            12.   Setelah itu buat file input yaitu dengan men-save file index menjadi input dan ganti kolom tengah untuk input data yaitu dengan klik insert – form – text filed.

13.    Kemudian buat label Nama , Kelas , Nomor Absen , NIS, Keterangan, dengan cara yang sama

   

Pada kolom keterangan form yang dipakai yaitu list/menu. Dan pada kode form input action- nya diberi proses.php. seperti pada gambar :

                                                                                    

14.    Kemudian buat file proses.php dengan save as file index. Dan letakan code  ini di cell tengah.

<?php

  $nama=$_POST['nama'];

  $kelas=$_POST['kelas'];

  $no_absen=$_POST['no_absen'];

  $nis=$_POST['nis'];

  $keterangan=$_POST['keterangan'];

           echo $nama;

            echo '<br>';

            echo $kelas;

            echo '<br>';

            echo $no_absen;

            echo '<br>';

            echo $nis;

            echo '<br>';

            echo $keterangan;

            echo '<br>';

  $server='localhost';

  $user='root';

  $password='';

  $database='data_absensi';

              $koneksi=mysql_connect($server, $user, $password);

 mysql_select_db($database, $koneksi);

$sql="INSERT INTO absen (nama, kelas, no_absen, nis, keterangan)

VALUES('$nama', '$kelas', '$no_absen', '$nis', '$keterangan')";

            mysql_query($sql)

            ?>                                                                                                                                                                                                                                                                                          15.    Terakhir buat file tampil dengan Save as file index . dan letakan code dibawah ini pada cell tengan index.

<?php

$server='localhost';

$user='root';

$password='';

$database='data_absensi';

$koneksi=mysql_connect($server, $user, $password);

mysql_select_db($database, $koneksi);

            $sql="SELECT * FROM absen";

            $query=mysql_query($sql);

            echo "<table border='1'>";

            echo "<tr>";

            echo "<td>nama</td> <td>no_absen</td> <td>kelas</td> <td>nis</td> <td>keterangan</td>";

            echo "</tr>";

            while($tampil=mysql_fetch_array($query)){

            $nama=$tampil['nama'];

            $kelas=$tampil['kelas'];

            $no_absen=$tampil['no_absen'];

            $nis=$tampil['nis'];

            $keterangan=$tampil['keterangan'];

            echo "<tr>";

            echo "<td>$nama</td> <td>$kelas</td> <td>$no_absen</td> <td>$nis</td> <td>$keterangan</td>";

            echo "</tr>";

            }

            echo "</table>";

            ?>                                                                                                                                                

16.   Setelah itu kita cek di browser dan jika tampilan-nya seperti dibawah ini berarti berhasil …                       

Nah itu tadi catatan tutorial saya kali ini . semoga dapat bermanfaat dan  jika ada kesalahan mohon dapat dimaklumi.

Sekian … dan Trima Kasih J

.