Membuat Aplikasi Input Data Karyawan dengan PHP MySQLi

Membuat Aplikasi Input Data Karyawan dengan PHP MySQLi

Kali ini kita akan mempelajari tutorial Membuat Aplikasi Input Data Karyawan dengan PHP MySQLi. Tutorial ini akan menjelaskan bagaimana membuat aplikasi input data karyawan dengan PHP MySQLi meliputi CRUD (Creat, Read, Update, Delete) dengan menggunakan Bootstrap 3 sebagai dasar framework CSS.
Mengapa Harus menggunakan MySQLi? Hal ini karena pada versi PHP 7 Query MySQL sudah deprecated (usang serta tidak didukung lagi) dan tidak bisa digunakan. Oleh karena itu lebih baik mulai sekarang kita mengaplikasikan penggunaan MySQLi.
Program Aplikasi Input Data Karyawan v1.0 dengan PHP dan MySQLi yang akan kita buat memuat fitur-fitur sebagai berikut:
  • Menampilkan data karyawan
  • Edit/update data karyawan
  • Input data karyawan baru
  • Delete data karyawan
  • Menampilkan data detail karyawan
  • Halaman merubah password
  • Pencarian data karyawan dengan nik (nomor induk karyawan)
  • Filter data karyawan
  • Fitur Datepicker pada tanggal lahir
  • Fitur Tooltip








Oke, langsung saja kita mulai proses pembuatannya.
Penjelasan skrip kode sebisa mungkin sudah saya sertakan dalam masing-masing skrip kode.
Pertama, download terlebih dahulu Bootstrap dasar yang akan kita gunakan disini:

  Click Download di pojok kanan :
Hasil Download kemudian di Extrack hasil nya kurang lebih :


Setelah itu buatkan folder datakaryawan , kemudian folder itu dimasukkan :
1. hasil extrack bostrap
   folder css, fonts,js
2. program php karyamu.




Kira kira jadinya seperti ini :


Selanjutnya buat tabelnya :


#
# Table structure for table karyawan
#

CREATE TABLE `karyawan` (
  `nik` varchar(20) NOT NULL DEFAULT '0',
  `nama` varchar(50) DEFAULT '',
  `jenis_kelamin` char(15) DEFAULT '',
  `alamat` varchar(100) DEFAULT '-',
  `tempat_lahir` varchar(50) DEFAULT '-',
  `tanggal_lahir` date DEFAULT '0000-00-00',
  `no_telepon` varchar(50) DEFAULT '-',
  `jabatan` varchar(50) DEFAULT '-',
  `status` varchar(15) DEFAULT '',
  `username` varchar(50) DEFAULT '-',
  `password` varchar(20) DEFAULT '-',
  `pass2` varchar(20) NOT NULL DEFAULT '',
  PRIMARY KEY (`nik`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 ROW_FORMAT=DYNAMIC;

#
# Dumping data for table karyawan
#


/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;

Selanjutnya kita buat Koneksi.php



Isi file index.php adalah sebagai berikut:


Selanjutnya untuk mempermudah Membuat Aplikasi Input Data Karyawan dengan PHP MySQLi
ini, kita akan membagi file index.php diatas menjadi tiga bagian, yaitu file header.php, 
index.php dan footer.php.
Silakan blok kode file index.php baris 1-67
kemudian cut dan paste ke dalam file baru bernama header.php.

Sehingga isi file header.php adalah sebagai berikut:

Kemudian blok kode file index.php (yang masih utuh) baris 80-88 kemudian cut dan paste ke dalam file baru bernama footer.php. Sehingga isi file footer.php adalah sebagai berikut:

Selanjutnya kita panggil header dan footer beserta koneksi ke database ke dalam file index.php menggunakan parameter include . Sehingga isi file index.php menjadi seperti berikut:

Kemudian silakan buat file style.css dan simpan pada direktori datakaryawan.
 Isi file style.css adalah sebagai berikut:


Langkah selanjutnya kita buat file data.php yang berfungsi untuk menampilkan data karyawan.
Isi file data.php adalah sebagai berikut (penjelasan kode disertakan dalam skrip):

Langkah selanjutnya kita buat file tambah.php yang berfungsi untuk menambahkan data karyawan baru ke dalam database. Isi file tambah.php adalah sebagai berikut:

Download Gratis Program php dan Mysql 



0 komentar:

Posting Komentar

Kirim ke Dinding Google Plus

TULIS COMENTAR ANDA DISINI

Islam Agamaku

KOSONG

Big Cat Gallery

Baca Al-Qur'an

















Catalog: Full Screen