Perancangan Layar Antarmuka Interface

4. Profil Gambar 4.54. Rancangan Layar Halaman Profil 5. Galeri Foto Gambar 4.55. Rancangan Layar Halaman Galeri Foto Hea der Ho Why STMI Program Pendaft Gall Be Fasi Pro Conta Sekilas Info Akademik Search Foot er Link Partner Album 1 Album 2 Album 3 Album 4 Album 5 Album 6 Header Sekilas Info Akademik Search Footer Link Partner Home Program Pendafta Berita Fasilita Profil Gallery Contact Why Konten Profil STMIK Islam Internasional 6. Hubungi Kami Header Home Why IIUC Program Studi Pendaftaran Fasilitas Berita Profil Galeri Hubungi Kami Search Form Kontak 1 Kontak 2 Form Hubungi Kami Info Akademik Partner Footer Gambar 4.56. Rancangan Layar Halaman Hubungi Kami 4.7.2.2. Rancangan Interface Halaman Admin Pada halaman Admin terdapat beberapa komponen, antara lain : 1. Home : Halaman ini sebagai halaman utama admin, terdapat pada gambar 4.57. Gambar 4.57. Rancangan Layar Halaman Home Admin Header Footer Manaje men User Manaje men Modul Berita Komen tar Icon menu Downloa d Icon menu Agenda Icon menu Banner Icon menu Galeri Foto Icon menu Hubung i Kami Icon menu Logout Control Panel Welcome Message Menu Kiri 2. Manajemen Modul : Komponen ini berfungsi untuk menambah modul dan mengatur status modul. Gambar 4.58. Rancangan Layar Halaman Modul 3. Agenda : komponen ini berfungsi untuk menambah agenda, mengedit agenda, dan menghapus agenda yang akan dilakukan di STMIK Islam Internasional Jakarta. Gambar 4.59. Rancangan Layar Halaman Agenda Header Footer Menu Tambah Modul Nama modul Link Pub lish Akti f Stat us Aksi Edit Hapus Header Footer Menu Tambah Agenda Tema Tgl Mulai Tgl Selesai Aksi Edit Hapus 4. Berita : Komponen ini berfungsi untuk menambah berita, mengupdate berita, dan menghapus berita. Gambar 4.60. Rancangan Layar Halaman Berita 5. Komentar : Komponen ini berfungsi untuk mengedit, menghapus, dan mengatur status komentar. Gambar 4.61. Rancangan Layar Halaman Komentar Header Footer Menu Tambah Berita Judul Tgl Posting Aksi Edit Hapus Header Footer Menu Nama Komentar Akti f Aksi Edit Hapus 6. Partner IIUC : Komponen ini berfungsi untuk menambah banner, mengedit, dan menghapus banner. Gambar 4.62. Rancangan Layar Halaman Partner IIUC 7. Download : Komponen ini berfungsi untuk menambah download, mengedit, dan menghapus download. Gambar 4.63. Rancangan Layar Halaman Download Header Footer Menu Judul URL Tgl Posting Aksi Edit Hapus Tambah Banner Header Footer Menu Tambah Download Judul Tgl Posting Aksi Edit Hapus Nama File 8. Hubungi Kami : Komponen ini berfungsi untuk menjawab pertanyaan atau keperluan user yang telah menghubungi STMIK Islam Internasional Jakarta. Gambar 4.64. Rancangan Layar Halaman Hubungi Kami 9. Sekilas Info : Komponen ini berfungsi untuk menambah info, mengedit, dan menghapus sekilas info. Gambar 4.65. Rancangan Layar Halaman Sekilas Info Header Footer Menu Nama Subjek Aksi Edit Hapus Email Tang gal Header Footer Menu Tambah Info Info Tgl Posting Aksi Edit Hapus 10. Album : Komponen ini berfungsi untuk menambah album dan mengedit album. Gambar 4.66. Rancangan Layar Halaman Album 11. Galeri Foto : Komponen ini berfungsi untuk menambah foto dan memasukkan kedalam kategori album. Serta untuk mengedit dan menghapus galeri foto. Gambar 4.67. Rancangan Layar Halaman Galeri Foto Header Footer Menu Tambah Album Judul Aksi Edit Hapus Header Footer Menu Tambah Galeri Foto Judul Foto Album Aksi Edit Hapus 12. Menu Utama : Komponen ini berfungsi untuk menambah menu utama yang terdapat di halaman user. Mengedit dan mengatur status menu utama. Gambar 4.68. Rancangan Layar Halaman Menu Utama 13. Validasi : Komponen ini berfungsi untuk memvalidasi peserta pendaftaran, mengedit, dan menghapus peserta. Gambar 4.69. Rancangan Layar Halaman Validasi Header Footer Menu Tambah Menu Utama Menu Utama Aktif Aksi Edit Hapus Link Header Footer Menu No. Ujian Validasi Nama Lengka Aksi Edit Hapus Cetak Kirim 14. Halaman Statis : Komponen ini berfungsi untuk menambah halaman statis di halaman user, mengedit dan menghapus halaman statis. Gambar 4.70. Rancangan Layar Halaman Statis

4.8. Construction and Testing Konstruksi dan Pengujian

4.8.1. Konstruksi Perangkat Lunak

Blueprint cetak biru sistem yang telah dimodelkan dan dirancang sebelumnya dieksekusi menjadi sebuah set kode program dengan menggunakan bahasa pemograman PHP 5 guna mengimplementasikan sistem informasi manajemen surat keputusan. Sejumlah tools digunakan untuk mengembangkan perangkat lunak sistem informasi manajemen surat keputusan. Pada tabel berikut ditunjukkan daftar tools yang digunakan dalam pengembangan. Header Footer Menu Tambah Halaman Statis Judul Tgl Posting Aksi Edit Hapus Tabel 4.32 Daftar Tools Pengembangan Perangkat Lunak Sistem No. Tools Kegunaan 1 Microsoft Visio Mendesain diagram-diagram DFD, STD 2 DBDesigner 4 Menggambarkan database schema aplikasi 3 PHP 5 Bahasa pemograman untuk mengembangkan aplikasi sistem informasi manajeman Surat Keputusan 4 MySQL Database yang digunakan dalam sistem 5 XAMPP Apache HTTP Server Web Server 6 PHP MyAdmin Perangkat untuk mengakses database yang terdapat pada XAMPP Apache 7 Mozilla Firefox 3.5 Web Browser

4.8.2. Hardware

Perangkat keras yang dibutuhkan aplikasi ini agar dapat dijalankan adalah sebagai berikut: 1. Sebuah komputer yang digunakan aplikasi Web Portal. Spesifikasi minimum komputer yang disarankan adalah: a. Processor dengan kecepatan 1 GHz b. RAM 128 MB c. Monitor Super VGA minimum 15” d. Harddisk 20 GB e. Keyboard f. Mouse g. Modem Jaringan Internet

2.8.3 Pengujian Mandiri

Pada tahap ini, penulis melakukan uji coba terhadap sistem yang telah dikembangkan dengan hasil sebagai berikut dengan bukti dapat dilihat pada lampiran B : Tabel 4.33. Hasil pengujian mandiri halaman Admin 1. Administrator No. Modul Prasyarat Hasil yang Diharapkan Hasil Uji Coba 1. Tambah Agenda Login sebagai admin, data sudah ada dalam database Admin dapat menambah data agenda kegiatan OK Gbr 1 2. Edit agenda Login sebagai admin, data sudah ada dalam database Admin dapat mengubah data agenda OK Gbr 2 3. Hapus agenda Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data agenda OK Gbr 3 4. Tambah berita Login sebagai admin Admin dapat menambah berita OK Gbr 4 5. Edit berita Login sebagai admin, data sudah ada dalam database Admin dapat mengubah data tentang berita OK Gbr 5 6. Hapus berita Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data berita OK Gbr 6 7. Tambah partner Login sebagai admin Admin dapat menambah partner OK Gbr 7 8. Edit partner Login sebagai admin, data sudah ada dalam database Admin dapat mengubah data tentang partner OK Gbr 8 9. Hapus partner Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data partner OK Gbr 9 10. Tambah download Login sebagai admin Admin dapat menambah download OK Gbr 10 11. Edit download Login sebagai admin, data sudah ada dalam database Admin dapat mengubah data download OK Gbr 11 12. Hapus download Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data download OK Gbr 12 13. Tambah Sekilas info Login sebagai admin Admin dapat menambah sekilas info OK Gbr 13 14. Edit Sekilas info Login sebagai admin, data sudah ada dalam database Admin dapat mengubah sekilas info OK Gbr 14 15. Hapus Sekilas info Login sebagai admin, data sudah ada dalam database Admin dapat menghapus sekilas info OK Gbr 15 16. Tambah album Login sebagai admin Menambah album OK Gbr 16 17. Edit album Login sebagai admin, data sudah ada dalam database Admin dapat mengganti ataupun menonaktifkan album OK Gbr 17 18. Tambah galeri foto Login sebagai admin Menambah galeri foto OK Gbr 18 19. Edit galeri foto Login sebagai admin, data sudah ada dalam database Admin dapat menambah, mengganti data galeri foto OK Gbr 19 20. Hapus galeri foto Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data galeri foto yang tidak digunakan OK Gbr 20 21. Tambah menu utama Login sebagai admin Menambah menu utama OK Gbr 21 22. Edit menu utama Login sebagai admin, data sudah ada dalam database Admin dapat mengganti ataupun menonaktifkan menu utama OK Gbr 22 23. Tambah sub menu Login sebagai admin Menambah sub menu OK Gbr 23 24. Edit sub menu Login sebagai admin, data sudah ada dalam database Admin dapat menambah ataupun mengganti data sub menu OK Gbr 24 25. Hapus sub menu Login sebagai admin, data sudah ada dalam database Admin dapat menghapus data sub menu yang salah OK Gbr 25 26. Tambah halaman statis Login sebagai admin Menambah halaman statis OK Gbr 26 27. Edit halaman Login sebagai admin, data sudah Admin dapat menambah ataupun OK Gbr 27