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;