Membuat aplikasi data mahasiswa dengan PHP - Bagian 1

membuat aplikasi mahasiswa dengan php Pada artikel ini saya akan menjelaskan langkah-langkah secara lengkap membuat aplikasi data mahasiswa dengan php. Bahasan akan saya bagi menjadi beberapa bagian yaitu Langkah Membuat database, Membuat koneksi database, membuat menu utama, membuat form input data, membuat proses simpan dan upload gambar, membuat laporan membuat pencarian, membuat delete data, membuat form update, membuat proses update, membuat tabel login, membuat proses login, dan terakhir membuat proses logout.

Secara pembahasan, saya tidak mengikat pada penggunaan aplikasi bantu yang artinya anda bisa membuatnya dengan editor apa saja, bisa dreamweaver, notepad, notepad plus atau yang lainya, yang penting bisa mengedit file php. Web server yang saya gunakan xampp 1.7.1 dengan spesifikasi :
+ Apache 2.2.11
+ MySQL 5.1.33 (Community Server)
+ PHP 5.2.9
+ phpMyadmin

Membuat database dan tabel aplikasi web data mahasiswa

Nama database : db_datamhs
Nama tabel : tb_mahasiswa
Susunan tabel :

nim tipe char (12) primary
nama tipe varchar(30)
alamat tipe varchar (100)
tempat_lahir tipe varchar(30)
tanggal_lahir tipe date
jenis_kelamin tipe enum(‘L’,’P’)
photo tipe varchar(100)

Query Membuat tabel mahasiswa

CREATE TABLE  `db_datamhs`.`tb_mahasiswa` ( 
  `nim` CHAR(  12 )  NOT NULL  ,
  `nama` VARCHAR( 30 ) NOT  NULL ,
  `alamat` VARCHAR( 100 ) NOT  NULL ,
  `tempat_lahir` VARCHAR( 30 ) NOT  NULL ,
  `tanggal_lahir` DATE  NOT NULL  ,
  `jenis_kelamin` ENUM(  'L', 'P'  ) NOT  NULL ,
  `photo` VARCHAR( 100 ) NOT  NULL ,
  PRIMARY KEY  ( `nim`  ) 
  ) ENGINE = MYISAM  ;

Tampilan hasil tabel pada phpmyadmin

php data mahasiswa

Membuat folder aplikasi web data mahasiswa

Aplikasi data mahasiswa ini akan saya simpan dalam folder data-mahasiswa. Saya buka folder xampp (jika di c:/xampp atau di d:/xampp) dan masuk folder htdocs. Setelah itu saya create new folder dengan nama :
data-mahasiswa

Membuat Koneksi Database aplikasi web data mahasiswa

Dengan berhasilnya database dan tabel dibuat maka sekarang, membuat koneksi dari php ke database dan tabel mysql yang sudah dibuat. Saya akan buat file baru dengan jenis php dan disimpan dengan nama koneksi.php dan dalamnya saya buat kode php :

<?php
  $dbserver="localhost";
  $dbusername="root";
  $dbpassword="";
  $dbname="db_mahasiswa";
  mysql_connect($dbserver,$dbusername,$dbpassword)  or die(mysql_error());
  mysql_select_db($dbname) or die  (mysql_error());
?>

Download file koneksi aplikasi data mahasiswa.

Membuat Menu Utama aplikasi web data mahasiswa

Menu utama digunakan untuk mengakses halaman keseluruhan dari aplikasi data mahasiswa ini. Susunan menu yaitu : Tambah Data Mahasiswa dan Laporan Data Mahasiswa. Saya buat sebuah file dari php dengan nama index.php dengan isi sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html  xmlns="https://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Menu  Utama Data Mahasiswa</title>
  </head>
  <body>
  <h1 align="center">Data Mahasiswa</h1>
  <p align="center"><a href="input-data-mahasiswa.php">Input Data Mahasiswa</a></p>
  <p align="center"><a href="laporan-data-mahasiswa.php">Laporan Data Mahasiswa  </a></p>
  <p>&nbsp;</p>
  <p align="center">Dikembangkan oleh <a  href="https://www.zainalhakim.web.id">www.zainalhakim.web.id</a></p>
  </body>
</html>

Tampilan Menu Utama aplikasi web data mahasiswa

Sekarang saya sudah bisa jalankan dengan mengetik https://localhost/data-mahasiswa dan hasilnya :
php data mahasiswa - menu utama

Tampilan nanti bisa diperbagus dengan menyisipkan kode css (saya akan bahas lain kali)

Download menu utama aplikasi data mahasiswa

Saya akan lanjutkan pada bagian 2 : Membuat aplikasi data mahasiswa dengan PHP - Bagian 2

Semoga Bermanfaat, kritik saran, koreksi, pertanyaan jangan sungkan anda sampaikan. Silahkan berbagi buat yang lain jika ini menurut anda baik.

Zainal Hakim

Membuat aplikasi data mahasiswa dengan PHP - Bagian 1 - Bagian 2 - Bagian 3 - Bagian 4 - Bagian 5 - Bagian 6

** Bebas disunting dengan menyebutkan sumber **