Front Page

of 3/3
Module Training Pemrograman Berbasis Web Menggunakan PHP & MySql Banda Aceh, 24 April 2012 @ Bidang PSITT Dishubkomintel Aceh Oleh Mardhani, ST A. Overview Dalam 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 Aplikasi Berikut 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 Digunakan Terdapat banyak aplikasi yang dapat digunakan, namun pada modul kita akan menggunakan aplikasi xampp sebagai local service dan macromedia dream weaver sebagai editor file.
  • date post

    08-Nov-2015
  • Category

    Documents

  • view

    222
  • download

    1

Embed Size (px)

description

aplikasi FP

Transcript of Front Page

  • Module TrainingPemrograman Berbasis Web Menggunakan PHP & MySql

    Banda Aceh, 24 April [email protected] 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;