Bootstrap(Tugas 10 PWEB)

Bootstrap untuk mempermudah dalam mendesain WEB

Nama : Ersad Ahmad Ishlahuddin
NRP   : 05111740000016
Kelas  : PWEB C

Setelah sekian lama mendesain WEB dengan CSS dan JS secara Manual, sekarang akhirnya bisa menggunakan Twitter Bootstrap untuk mempermudah desain WEB
Project berikut hanya menggunakan CSS bawaan dari Bootstrap yang bisa diunduh dari LINK ini
Kemudian tinggal ekstrak di tempat Project berada.

Merupakan Modifikasi dari Tugas 9 (bisa dilihat sebagai perbandingan dengan tampilan WEB yang menggunakan Bootstrap)

Video Visualisasi

Berikut adalah tampilan dari Web yang dibuat menggunakan CSS dari Bootstrap

Tampilan utama Web

Ketika Menu Daftar Baru diklik

 

 Ketika Menu Pendaftar(Data Pendaftar) diklik

 

 Ketika hanya memilih Jenis Kelamin Laki-laki

 

 Ketika hanya memilih Jenis Kelamin Perempuan

 

  Ketika hanya memilih tindakan Edit

SOURCE CODE

ajax.js(Terkadang masih ada Bug ketika dijalankan)
Menggunakan fungsi-fungsi sederhana untuk menampilkan data secara langsung
form-daftar.php
form-edit.php
index.php
list-l.php
list-p.php
list-siswa.php
config.php(User dan Password Database yang di Hosting-an tidak ditunjukkan)
hapus.php
proses-edit.php
proses-pendaftaran.php
Sekian, Terima Kasih.