Module TrainingPemrograman Berbasis Web Menggunakan PHP & MySql
Banda Aceh, 24 April 2012@ Bidang PSITT Dishubkomintel Aceh
Oleh Mardhani, ST
A. OverviewDalam modul ini akan dikupas dasar dari pengembangan sebuah
website yang diharapkan akan menjadi salah satu solusi yang dapat anda terapkan dalam mengatasi kendala komunikasi publikasi.
Permasalahan yang akan diangkat dalam modul ini adalah bagaimana sebuah kegiatan terpublikasi dengan baik, dan mendapatkan target yang sesuai, dalam hal ini rincian permasalahan yang diangkat adalah kegiatan bimbingan teknis. Berikut adalah materi yang menjadi pembahasan dalam modul ini;
1. Flow aplikasi;2. Aplikasi yang digunakan;3. Database desain;4. Login;5. Admin panel;6. Front end user interface.
B. Flow AplikasiBerikut adalah bagaimana alur proses dari aplikasi yang akan
dibangun;
1. Admin menambahkan kegiatan beserta jadwal;2. Jadwal kegiatan tampil pada halaman front end untuk diakses
pengunjung;3. Pengunjung melakukan pendaftaran pada kegiatan yang
diinginkan.
C. Aplikasi Yang DigunakanTerdapat banyak aplikasi yang dapat digunakan, namun pada modul
kita akan menggunakan aplikasi xampp sebagai local service dan macromedia dream weaver sebagai editor file.
D. Database DesainPada aplikasi ini kita akan menggunakan database yang simple dengan
beberapa tabel seperti berikut;Tabel Keterangan
sys_user Menyimpan data user account aplikasi
dt_kegiatan Menyimpan data semua nama kegiatan
dt_pemateri Menyimpan data profil pemateri
jadwal Menyimpan data jadwal kegiatan
dt_peserta Menyimpan data peserta kegiatan
Peserta_keg Menyimpan data profil peserta
Berikut ERD dari database diatas;
E. LoginUntuk dapat mengakses halaman admin, pengguna harus terlebih
dahulu melakukan login untuk memastikan bahwa pengguna berhak dan terdaftar pada sistem. Berikut rancangan halaman login;
F. Admin PanelSebelum membuat halaman lain, terlebih dahulu kita harus membuat
layout halaman utama back end. Tampilan yang akan dibangun seperti berikut;
Dalam bagian admin panel akan terdapat halaman kegiatan, pemateri, jadwal dan pengguna, berikut masing-masing tampilan halaman yang akan dibuat;
1. Halaman Kegiatan;
2. Halaman Pemateri;
3. Halaman Jadwal Kegiatan;
4. Halaman Pengguna;
G. Front End User InterfaceSama seperti halnya halaman administrator, terlebih dahulu kita harus
membuat layout halaman utama front end. Tampilan yang akan dibangun seperti berikut;
Dalam bagian tampilan depan akan terdapat halaman dashboard (front), kegiatan, registrasi peserta dan detil kegiatan, berikut masing-masing tampilan halaman yang akan dibuat;
1. Dashboard;
2. Kegiatan;
3. Registrasi Peserta;
4. Detil Kegiatan;