Foreign Key :
Tabel 4.11 Jenis Paket
Nama Field Tipe Data
Ukuran Keterangan
id_paket integer
2 Id paket
nama_paket varchar
12 Nama paket
4.3.8 Perancangan STD State Transition Diagram
Halam an Utam a Kontak Kam i
Jadw al Ujian
Info Gedung Bantuan
Info Ujian Pencarian
Klik Jadw al Ujian Tam pilkan Halam an Jadw al
Ujian
Klik Info Gedung Tam pilkan Info
Gedung Klik Halam an Utam a
Tam pilkan Halam an Utam a
Klik Bantuan Tam pilkan
Bantuan Klik Kontak Kam i
Tam pilkan Halam an Kontak Kam i
Klik Info Ujian Tam pilkan Halam an
Info Ujian Klik Pencarian
Tam pilkan Info Peserta Ujian
Lokasi Ujian Klik Lokasi Ujian
Tam pilkan Halam an Lokasi Ujian
Klik Halam an Utam a Tam pilkan
Halam an Utam a Klik Halam an Utam a
Tam pilkan Halam an Utam a
Klik Halam an Utam a Tam pilkan
Halam an Utam a
Klik Halam an Utam a Tam pilkan
Halam an Utam a Klik Halam an Utam a
Tam pilkan Halam an Utam a
Klik Halam an Utam a Tam pilkan
Halam an Utam a
Gambar 4.25 Perancangan STD Halaman Utama
Pada halaman utama terdapat delapan navigasi yaitu halaman utama, jadwal ujian, info gedung, kontak kami, info ujian, lokasi ujian, pencarian dan bantuan.
Jadwal Ujian Kontak Kami
Halaman Utama
Info Ujian Pencarian
Klik Jadwal Ujian Tampilkan Jadwal Ujian
Klik Halaman Utama Tampilkan Halaman Utama
Klik Jadwal Ujian Tampilkan Jadwal Ujian
Klik Kontak Kami Tampilkan Kontak Kami
Klik Pencarian Tampilkan Halaman Info
Peserta Ujian Klik Jadwal Ujian
Tampilkan Jadwal Ujian Klik Infol Ujian
Tampilkan Informasi Ujian Klik Jadwal Ujian
Tampilkan Jadwal Ujian
Gambar 4.26 Perancangan STD Halaman Jadwal Ujian
Pada halaman jadwal ujian terdapat info jadwal ujian dan dapat memilih menu halaman utama, kontak kami, info ujian dan pencarian.
Lokas i Ujian Kontak Kam i
Halam an Utam a Klik Lokas i Ujian
Tam pilkan Lok asi Ujian Klik Halam an Utam a
Tam pilkan Halam an Utam a Klik Kontak Kam i
Tam pilkan Kontak Kam i
Klik Pencarian Tam pilkan Halam an Info
Pe serta Ujian Lokas i Ujian
Mandir i Lokas i Ujian
SNMPTN Lokas i UM B
Klik Lokasi UMB Tampilkan Info
Lokasi UMB
Klik Lokas i Ujian Tam pilkan Lok asi Ujian
Klik Lokasi Ujian SNMPTN Tampilkan Info Lokasi
SNMPTN Klik Lokasi Ujian Mandiri
Tampilkan Info Lokasi Mandiri
Klik Info Uj ian Tampilk an Info Uj ian
Info Ujian
Pe ncar ian
Gambar 4.27 Perancangan STD Halaman Lokasi Ujian
Pada Gambar 4.27 merupakan halaman lokasi ujian yang terdapat menu lokasi UMB, SNMPTN dan Mandiri. Ada menu halaman utama untuk kembali ke halaman awal,
menu kontak kami untuk ke halaman kontak kami dan info ujian serta halaman kontak kami.
Info Ge dung Halam an Utam a
Kontak Kam i
Info Ujian Pe ncarian
Klik Info Gedung Tam pilkan Halam an Info
Ge dung Klik Halam an Utam a
Tam pilkan Halam an Utam a Klik Info Gedung
Tam pilkan Halam an Info Ge dung
Klik Info Gedung Tam pilkan Info Gedung
Klik Info Gedung Tam pilkan Halam an Info
Ge dung Klik Kontak Kam i
Tam pilkan Halam an Kontak Kam i
Klik Pencarian Tam pilkan Halam an Info
Pe serta Ujian Klik Info Ujian
Tam pilkan Halam an Info
Ujian
Gambar 4.28 Perancangan STD Info Halaman Gedung
Pada halaman info gedung terdapat menu halaman utama, kontak kami, info ujian dan pencarian.
Info Ujian Halam an Utam a
Mandiri PM DK
UM B Kontak Kam i
Pe ncarian Klik Info Ujian
Tam pilkan Halam an Info Ujian
Klik Info Ujian Tam pilkan Halam an Info
Ujian
Klik Info PMDK Tam pilkan Info
PM DK Klik Halam an Utam a
Tam pilkan Halam an Utam a
Klik Info UMB Tam pilkan Halam an
Info UM B
Klik InfoM andiri Tam pilkan Halam an Mandiri
Klik Info Ujian Tam pilkan Halam an Info
Ujian Klik Kontak Kam i
Tam pilkan Halam an Kontak Kam i
Klik Pencarian Tam pilkan Halam an info
Pe serta ujian
SNMPTN Klik Lokas i SNMPTN
Tam pilkan Halam an Info SNMPTN
Gambar 4.29 Perancangan STD Halaman Info Ujian
Pada halaman info ujian terdapat menu ujian PMDK, UMB, SNMPTN dan Mandiri serta dapat memilih menu halaman utama, pencarian dan kontak kami.
Kontak Kam i Halam an Utam a
Info Ujian
Kontak Kam i Pencarian
Klik Halam an Utam a Tam pilkan Halam an Utam a
Klik Kontak Kam i Tam pilkan Halam an Kontak
Kam i Klik Info Ujian
Tam pilkan Halam an Info Ujian
Klik Pencarian Tam pilkan Halam an
Pencarian info peserta ujian
Gambar 4.30 Perancangan STD Halaman Kontak Kami
Pada halaman kontak kami terdapat menu halaman utama, kontak kami, info ujian dan pencarian.
Bantuan Halam an Utam a
Kontak Kam i
Pencarian Klik Halam an
Utam a Tam pilkan Halam an
Utam a
Klik Pencarian Tam pilkan Halam an info
Peserta ujian Info Ujian
Klik Info Ujian Tam pilkan
Halam an Info Ujian
Klik Kontak Kam i Tam pilkan Halam an Kontak
Kam i
Gambar 4.31 Perancangan STD Halaman Bantuan
Dari halaman bantuan dapat menuju ke halaman utama, kontak kami, info ujian dan pencarian.
Pe ncarian Kontak Kam i
Halam an Utam a
Info Ujian Pe ncarian
Klik Halam an Utam a Klik Kontak Kam i
Tam pilkan Halam an Kontak Kam i
Klik Info Ujian Tam pilkan Halam an
Info Ujian Klik Pencarian
Tam pilkan Halam an Info Pe serta Ujian
Tam pilkan Halam an Utam a
Gambar 4.32 Perancangan STD Fitur Pencarian
Pada halaman pencarian terdapat menu kontak kami, halaman utama, info ujian dan pencarian yang dapat terhubung pada masing-masing halaman menu.
Gambar 4.33 Perancangan STD Halaman Admin
Logout Home
Data Master
Data Transaksi
Klik “Home” Tampilkan Home
Klik “Data Master” Tampilkan Data
Master Klik “Home”
Tampilkan Home
Klik “Data Transaksi” Tampilkan Data
Transaksi
Klik “Logout” Keluar Aplikasi
4.3.5 Perancangan Layar