Pemrograman Web
DATABASE Chapter I
Pada tabel ini hanya menyimpan keterangan mengenai masing-masing sesi (sesi, waktu, pengajar, ruangan). Berikut tabel handson_session pada database server
Setiap mahasiswa kelas 3KS2 sudah dicatat NIM dan namanya dalam database server. Hal ini bertujuan sebagai pembatas jumlah pendaftar Hand’s-on class hanya diperbolehkan untuk mahsiswa kelas 3KS2. Pada user interface (halaman web) hanya disediakan menu UPDATE dan tidak disediakan menu INSERT ke tabel ini. Sehingga jumlah mahasiswa yang mendaftar tidak mungkin lebih dari jumlah yang sudah ditentukan (35 mahasiswa).
Berikut penggalan tabel handson_student pada database server Catatan : untuk keamanan password akan diencript menggunakan md5
ENTER WEBSITE Chapter II
Setiap user yang ingin mendaftar sesi harus login terlebih dahulu, jika belum mempunyai akun maka disediakan menu “join us” (registrasi). Pada kasus ini user hanya dibatasi pada mahasiswa kelas 3KS2 saja. Halaman login
Untuk registrasi dibutuhkan NIM dari salah satu mahasiswa kelas 3KS2 dan setiap NIM hanya diperbolehkan mendaftar satu kali. Jika registrasi berhasil akan muncul halaman konfirmasi Halaman registrasi
Jika login atau registrasi berhasil akan muncul Homepage seperti gambar di samping.
MY SCHEDULE Chapter III
Saat pertama kali login, sesi akan diset default (0). Untuk memilih sesi silahkan pilih salah satu option di combo box lalu click “book now” Jika berhasil akan muncul tampilan seperti gambar di bawah ini. Catatan : user dapat mengganti sesi lagi selama masih terdapat kursi kosong di sesi tersebut. Saat kursi sudah terisi semua maka pilihan sesi pada combo box akan hilang
VIEW DASHBOARD Chapter IV
Menampilkan semua keterangan dan nama- nama mahasiswa yang telah mendaftar pada sesi tersebut. Saat 3 sesi sudah terisi maka sesi yang belum penuh akan diset maksimal menjadi 8 kursi pada program php.
VALIDATION Chapter V
Validasi user input ditambahkan dengan memberikan javascript maupun melalui php pada masing-masing halaman. Jika syarat validasi tidak terpenuhi maka akan muncul pemberitahuan dan proses tidak akan dijalankan.
DEMO Please visit Username : Password : password