Gambar 4.8. Diagram Konteks Web Portal IIUC
WEB PORTAL IIUC
User Admin
Pendaftaran Pencarian_berita
Komentar Hubungi_Kami
Kartu_pendaftaran Hasil_Pencarian
Hasil_Komentar File_Modul
File_Agenda file Berita
file_partner_iiuc file_upload
file_Sekilas Info file_Album
File_Galeri Foto file_Menu Utama
file_Sub Menu file_Halaman Statis
Download Agenda
Halaman Statis Berita
partner_iiuc Sekilas Info
Album Galeri_Foto
Menu_Utama Sub_Menu
file_Hubungi_Kami File_Pendaftaran
File_Komentar list_Agenda
list_Berita list_partner_iiuc
list_Download list_Sekilas_Info
list_Album list_Galeri_Foto
list_Menu_Utama list_Sub_Menu
list_Halaman_Statis list_modul
Hasil_validasi
Dalam diagram konteks diatas terdapat dua entitas yang menunjang proses-proses yang terdapat pada Web Portal yaitu user
sebagai pengguna web portal yang menggunakan aplikasi dan admin sebagai pengelola web portal yang mengelola web portal. Dalam hal
ini yang bisa mengupdate data-data yang akan ditampilkan di halaman user adalah admin saja, sedangkan user tidak bisa mengupdate seluruh
data yang ada dalam web portal.
4.5.1.2. Rancangan Diagram Level 1 yang Diusulkan
User 1.0
Mengolah Request User
Admin
3.0 Mengolah
Gambar 2.0
Mengolah Info STMIK
4.0 Mengolah
Halaman
5.0 Mengolah
Ruang Media
6.0 Mengelola
Modul Hubungi Kami
Download File Pendaftaran
Pendaftaran File Hubungi Kami
File Download File_Pendaftaran
file_Hubungi_Kami File_upload
Agenda Sekilas_Info
Agenda Sekilas Info
File_Album File_Galeri_Foto
Galeri_foto Album_Foto
Partner Album
Galeri_Foto Partner_iiuc
file_Menu_utama File_Sub_menu
File_Halaman_statis Sub Menu
Menu Halaman Statis
list_menu_utama list_sub_menu
list_Halaman_statis menu_utama
sub_menu halaman_statis
File_Berita Komentar
Berita List_berita
file_komentar berita
Komentar
File_modul Modul
List_file_modul Pencarian_berita
Kartu_pendaftaran
Hasil_pencarian Hasil_komentar
List_download File_agenda
File_sekilas_info List_agenda
List_sekilas_info
File_partner_iiuc List_album
List_galeri_foto List_partner_iiuc
Hasil_validasi
Gambar 4.9. DFD Level 1 yang diusulkan
Dalam diagram Level 1 diatas terdapat enam proses. Semua proses tersebut dapat dilakukan oleh user yang berstatus admin. Sedangkan user
yang berstatus user hanya bisa melihat isi web portal, melakukan pendaftaran, komentar, hubungi kami dan melakukan pencarian berita. Penjelasan
mendetail dari setiap proses akan dijelaskan berikut ini.
4.5.1.3. Rancangan Diagram Level 2 yang diusulkan
Diagram ini untuk mendetailkan setiap proses yang terjadi pada diagram Level 2 sistem web portal.
1. Diagram Level 2 Proses 1.0
1.1 Mendaftar Mahsiswa baru
user Admin
1.2 Menghubungi kami
pendaftaran
Hubungi_kami File_pendaftaran
1.3 Olah Download
download Data
pendaftaran
Hubungi kami
download Kartu_pendaftaran
File_hubungi_kami
File_upload List_download
Hasil_validasi
Gambar 4.10. DFD Level 2 Proses 1.0 Request data user
Proses 1.0 adalah proses yang berhubungan dengan request data user. Yang bisa mengakses proses ini adalah user dan admin.
Didalamnya terdapat tiga proses, mendaftar mahasiswa baru, menghubungi kami dan mengolah download. Berikut adalah detail
dari proses mendaftar mahasiswa baru, menghubungi kami dan mengolah download.
1.1.1 Mengisi formulir
pendaftaran
1.1.2 Validasi pendaftaran
user Admin
pendaftaran
Kartu_pendaftar pendaftaran
File_pendaftaran
Hasil_validasi
Gambar 4.11. DFD Level 3 Proses 1.1
Dalam proses mendaftar mahasiswa baru, pertama user melakukan pengiriman data pendaftaran. Kemudian admin akan
memvalidasi data tersebut, dan mengirimkan kartu pendaftaran kepada user.
1.2.1 Mengirim Pesan
user Admin
Hubungi_kami File_hubungi_kami
Hubungi Kami
Gambar 4.12. DFD Level 3 Proses 1.2
Dalam proses menghubungi kami, pertama user melakukan pengiriman data hubungi kami. Kemudian admin akan menjawab
data tersebut.
1.3.1 Mengupload File
user Admin
download 1.3.2
Mendownload File File_upload
download List_download
Gambar 4.13. DFD Level 3 Proses 1.3
Dalam proses mengolah download, pertama admin melakukan pengiriman file download. Kemudian user akan
medownload data tersebut.
2. Diagram Level 2 Proses 2.0
2.1 Olah Agenda
user Admin
2.1 Olah Sekilas Info
File_agenda
File_sekilas_info Agenda
Sekilas Info List_agenda
sekilas_info List_agenda
List_sekilas_info
Gambar 4.14. DFD Level 2 Proses 2.0 Mengolah Info STMIK
Proses 2.0 adalah proses yang berhubungan dengan pengelolaan Info STMIK. Yang bisa mengakses proses ini adalah
user dan admin. Didalamnya terdapat dua proses, mengolah agenda
dan mengolah sekilas info. Berikut adalah detail dari proses mengolah agenda dan mengolah sekilas info.
2.1.1 Tambah Agenda
user Admin
File_agenda
2.1.2 Edit Agenda
2.1.3 Hapus Agenda
File_agenda
File_agenda agenda
agenda Agenda
List_agenda
List_agenda
Gambar 4.15. DFD Level 3 Proses 2.1
Dalam proses mengolah agenda, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus agenda. Kemudian user akan melihat data agenda
IIUC.
2.2.1 Tambah sekilas info
user Admin
File_sekilas info
2.2.2 Edit sekilas info
2.2.3 Hapus sekilas info
File_sekilas info
File_sekilas info sekilas info
sekilas info sekilas info
List_sekilas_info List_sekilas_info
Gambar 4.16. DFD Level 3 Proses 2.2
Dalam proses mengolah sekilas info, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus agenda. Kemudian user akan melihat data sekilas
info IIUC.
3. Diagram Level 2 Proses 3.0
3.1 Olah album
user Admin
3.2 Olah galeri foto
File_album
File_galeri_foto album
galeri foto album
galeri_foto
3.3 Olah Partner IIUC
partner_iiuc partner
File_partner_iiuc List_album
List_galeri_foto
List_partner_iiuc
Gambar 4.17. DFD Level 2 Proses 3.0 Mengolah Gambar
Proses 3.0 adalah proses yang berhubungan dengan pengelolaan Gambar yang di tampilkan di halaman user. Yang bisa
mengakses proses ini adalah user dan admin. Didalamnya terdapat tiga proses, mengolah album, mengolah galeri foto dan mengolah
partner IIUC. Berikut adalah detail dari proses mengolah album, mengolah galeri foto dan mengolah partner IIUC.
3.1.1 Tambah album
user Admin
File_album
3.1.2 Edit album
File_album album
album album
List_album
List_album
Gambar 4.18. DFD Level 3 Proses 3.1
Dalam proses mengolah album, proses ini dilakukan oleh admin
didalamnya terdapat dua proses, yaitu menambah dan meng- edit
album. Kemudian user akan melihat data album.
3.2.1 Tambah galeri foto
user Admin
File_galeri foto
3.2.2 Edit galeri foto
3.2.3 Hapus galeri foto
File_galeri foto
File_galeri foto galeri foto
galeri foto galeri foto
List_galeri_foto
List_galeri_foto
Gambar 4.19. DFD Level 3 Proses 3.2
Dalam proses mengolah galeri foto, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus galeri foto. Kemudian user akan melihat data galeri
foto IIUC.
3.3.1 Tambah partner_iiuc
user Admin
File_partner_iiuc
3.3.2 Edit partner_iiuc
3.3.3 Hapus partner_iiuc
File_partner_iiuc
File_partner_iiuc partner_iiuc
partner_iiuc partner_iiuc
List_partner_iiuc
List_partner_iiuc
Gambar 4.20. DFD Level 3 Proses 3.3
Dalam proses mengolah gambar partner IIUC, proses ini dilakukan oleh admin didalamnya terdapat tiga proses, yaitu
menambah, meng-edit, dan menghapus gambar partner IIUC. Kemudian user akan melihat data partner IIUC.
4. Diagram Level 2 Proses 4.0
4.1 Olah menu Utama
user Admin
4.2 Olah sub menu
File_menu_utama
File_sub_menu Menu_utama
galeri foto Menu_utama
Sub menu
4.3 Olah halaman statis
Halaman_statis Halaman
statis File_halaman_statis
List_halaman_statis List_sub_menu
List_menu_utama
Gambar 4.21. DFD Level 2 Proses 4.0 Mengolah Halaman
Proses 4.0 adalah proses yang berhubungan dengan pengelolaan menu dan halaman. Yang bisa mengakses proses ini
adalah user dan admin. Didalamnya terdapat tiga proses, mengolah menu utama, mengolah sub menu dan mengolah halaman statis.
Berikut adalah detail dari proses mengolah menu utama, mengolah sub menu dan mengolah halaman statis.
4.1.1 Tambah
menu_utama user
Admin File_menu_utama
4.1.2 Edit menu_utama
4.1.3 Hapus menu_utama
File_menu_utama
File_menu_utama menu_utama
menu_utama menu_utama
List_menu_utama
List_menu_utama
Gambar 4.22. DFD Level 3 Proses 4.1
Dalam proses mengolah menu utama, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus menu utama. Kemudian user akan melihat data
menu utama.
4.2.1 Tambah sub_menu
user Admin
File_sub_menu
4.2.2 Edit sub_menu
4.2.3 Hapus sub_menu
File_sub_menu
File_sub_menu sub_menu
sub_menu sub_menu
List_sub_menu
List_sub_menu
Gambar 4.23. DFD Level 3 Proses 4.2
Dalam proses mengolah sub menu, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus sub menu. Kemudian user akan melihat data sub
menu.
4.3.1 Tambah
halaman_statis user
Admin File_halaman_statis
4.3.2 Edit halaman_statis
4.3.3 Hapus
halaman_statis File_halaman_statis
File_halaman_statis halaman_statis
halaman_statis halaman_statis
List_halaman_statis
List_halaman_statis
Gambar 4.24. DFD Level 3 Proses 4.3
Dalam proses mengolah halaman statis, proses ini dilakukan oleh admin didalamnya terdapat tiga proses, yaitu menambah, meng-
edit , dan menghapus halaman statis. Kemudian user akan melihat
data halaman statis.
5. DFD Level 2 proses 5.0
5.1 Olah berita
user Admin
5.2 Olah komentar
File_berita berita
komentar berita
Hasil_komentar List_komentar
List_berita
5.3 Pencarian Berita
Berita komentar
Hasil_pencarian pencarian
Gambar 4.25. DFD Level 2 Proses 5.0 Mengolah Ruang Media
Proses 5.0 adalah proses yang berhubungan dengan pengelolaan menu dan halaman. Yang bisa mengakses proses ini
adalah user dan admin. Didalamnya terdapat tiga proses, mengolah berita, mengolah komentar dan mengolah pencarian berita. Berikut
adalah detail dari proses mengolah berita dan mengolah komentar.
5.1.1 Tambah berita
user Admin
File_berita
5.1.2 Edit berita
5.1.3 Hapus berita
File_berita
File_berita berita
berita berita
List_berita
List_berita
Gambar 4.26. DFD Level 3 Proses 5.1
Dalam proses mengolah berita, proses ini dilakukan oleh admin
didalamnya terdapat tiga proses, yaitu menambah, meng-edit, dan menghapus berita. Kemudian user akan melihat data berita.
5.2.1 Tambah komentar
user Admin
5.2.2 Edit komentar
5.2.3 Hapus komentar
File_komentar
File_komentar Hasil_komentar
komentar List_komentar
List_komentar komentar
Gambar 4.27. DFD Level 3 Proses 5.2
Dalam proses mengolah komentar, proses ini dilakukan oleh admin
didalamnya terdapat dua proses, yaitu menambah, meng-edit,
dan menghapus komentar. Kemudian user akan melihat data komentar.
4.5.2. Perancangan Entity Relationship Diagram ERD
Tujuan perancangan ERD adalah untuk menunjukkan objek-objek entitas apa saja yang ingin dilibatkan dalam sebuah database dan
bagaimana hubungan yang terjadi diantara objek tersebut Ladjamudin, 2005. Setelah ERD dibuat maka dilakukan normalisasi. Berikut hasil
perancangan ERD :
Gambar 4.28. Model Entity Relationship Diagram ERD
Gambar 4.29. Model Logical Record Structure LRS
Seperti terlihat diatas, terdapat 20 tabel. Tabel yang memiliki relasi adalah tabel berita, data_pribadi, gallery, dan main_menu. Tabel kategori dan
komentar adalah foreign key dari tabel berita. Tabel submenu adalah foreign key
dari tabel main_menu. Tabel gallery adalah foreign key dari tabel album. Sedangkan tabel data pribadi memiliki foreign key yaitu tabel
pilihan_program, asal_sekolah, data_orang_tua dan alamat_orang_tua.
4.5.3. Normalisasi
