BAB IV HASIL DAN PEMBAHASAN
4.1. Gambaran STMIK Islam Internasional Jakarta
4.5.4. Perancangan State Transition Diagram (STD)
4.5.4.3. Rancangan STD Masukan Pada Admin
1. State Transition Diagram (STD) Input Login
Menampilkan halaman login
Input valid
memanngil
authentification
Klik menu/alamat baru Memanggil pengalih
Baca dan cek Input Username
dan Password Menampilkan
kesalahan input
Input not valid
memaanngil window alert Klik ‘OK’ memanngil display login Memeriksa user Mengalihkan halaman Menampilkan halaman Kesalahan Input User terdaftar memanggil Pengalih Klik‘Ulangi Lagi’ Memanggil display
Klik login
Memanggil cek Input
Gambar 4.37. STD Input Login
2. State Transition Diagram (STD) Input Modul
modul
Klik ‘Tambah modul’
Menunggu input
Form data modul Klik‘Simpan’
Memanggil display
Klik menu modul Masuk Halaman modul
Klik menu modul Masuk Halaman modul
List Modul Menampilkan
halaman sukses Klik‘Batal’
Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.38. STD Input Modul 3. State Transition Diagram (STD) Input Agenda
agenda
Klik ‘Tambah agenda’
Menunggu input
Form data agenda
Klik‘Simpan’ Memanggil display
Klik menu agenda Masuk Halaman agenda
Klik menu agenda Masuk Halaman agenda
List agenda Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.39. STD Input Agenda
4. State Transition Diagram (STD) Input Berita
berita
Klik ‘Tambah berita’
Menunggu input
Form data berita Klik‘Simpan’
Memanggil display
Klik menu berita Masuk Halaman berita
Klik menu berita Masuk Halaman berita
List berita Menampilkan
halaman sukses Klik‘Batal’
Memanggil display
Form Edit
Klik ‘Edit berita’
Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.40. STD Input Berita 5. State Transition Diagram (STD) Input Validasi
validasi
Klik ‘Edit’
Menunggu input
Form Edit data Pendaftaran Klik‘Simpan’
Memanggil display Klik menu validasi
Masuk Halaman validasi Klik menu validasi Masuk Halaman validasi
List validasi Menampilkan
halaman sukses Klik‘Batal’
Memanggil display
Keluar
Klik‘Hapus’ Memanggil display
Gambar 4.41. STD Input Validasi Pendaftaran
6. State Transition Diagram (STD) Input Partner IIUC
partner IIUC
Klik ‘Tambah Partner’
Menunggu input
Form data partner IIUC Klik‘Simpan’ Memanggil display
Klik menu partner IIUC Masuk Halaman partner IIUC
Klik menu partner IIUC Masuk Halaman partner IIUC
List partner IIUC Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.42. STD Input Partner IIUC 7. State Transition Diagram (STD) Input File Upload
download
Klik ‘tambah download’
Menunggu input
Form data download Klik‘Simpan’ Memanggil display
Klik menu download Masuk Halaman download
Klik menu download Masuk Halaman download
List download Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.43. STD Input File Upload
8. State Transition Diagram (STD) Input Sekilas Info
sekilas Info
Klik ‘ tambah sekilas Info’
Menunggu input
Form data sekilas Info Klik‘Simpan’ Memanggil display
Klik menu sekilas Info Masuk Halaman sekilas Info
Klik menu sekilas Info Masuk Halaman sekilas Info
List sekilas Info Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
9. State Transition Diagram (STD) Input Album
album
Klik ‘Tambah album’
Menunggu input
Form data album Klik‘Simpan’
Memanggil display
Klik menu album Masuk Halaman album
Klik menu album Masuk Halaman album
List album Menampilkan
halaman sukses Klik‘Batal’
Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar
Gambar 4.45. STD Input Album
10. State Transition Diagram (STD) Input Galeri Foto
galeri foto
Klik ‘ tambah galeri foto’
Menunggu input
Form data galeri foto Klik‘Simpan’ Memanggil display
Klik menu galeri foto Masuk Halaman galeri foto
Klik menu galeri foto Masuk Halaman galeri foto
List galeri foto Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.46. STD Input Galeri Foto
menu utama
Klik ‘Tambah menu utama’
Menunggu input
Form data menu utama Klik‘Simpan’ Memanggil display
Klik menu menu utama Masuk Halaman menu utama
Klik menu menu utama Masuk Halaman menu utama
List menu utama Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar
Gambar 4.47. STD Input Menu Utama
12. State Transition Diagram (STD) Input Sub Menu
sub menu
Klik ‘ tambah sub menu’
Menunggu input
Form data sub menu Klik‘Simpan’ Memanggil display
Klik menu sub menu Masuk Halaman sub menu
Klik menu sub menu Masuk Halaman sub menu
List sub menu Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.48. STD Input Sub Menu
halaman statis
Klik ‘ tambah halaman statis’
Menunggu input
Form data halaman statis Klik‘Simpan’
Memanggil display
Klik menu halaman statis Masuk Halaman halaman statis
Klik menu halaman statis Masuk Halaman halaman statis
List halaman statis Menampilkan
halaman sukses Klik‘Batal’ Memanggil display Form Edit Klik ‘Edit’ Menunggu input Klik‘Batal’ Memanggil display Klik‘Simpan’ Memanggil display Keluar Klik‘Hapus’ Memanggil display
Gambar 4.49. STD Input Halaman Statis