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