77 6. Text Box
“Nama” yang berfungsi untuk mengisi nama yang lama.
7. Text Box “Password” yang berfungsi untuk mengisi
password yang lama. 8. Text Box
“Nama user baru” yang berfungsi untuk mengisi nama user yang baru atau merubah nama
lama ke yang baru.
4.2.2. State Transition Diagram STD
State Transition Diagram STD atau Diagram Transisi Keadaan merepresentasikan tingkah laku dari suatu sistem dengan
menggambarkannya keadaan dan kejadian yang menyebabkan sistem mengubah keadaan. STD juga menunjukkan bahwa aksi seperti
aktifasi proses diambil dari akibat dari suatu kajadian khusus. Roger S. Pressman, 2002 : 373.
78
4.2.2.1. State Transition Diagram Menu Utama
Berikut ini merupakan State Transition Diagram STD dari aplikasi yang akan dibuat.
Reset Pencarian
Tampilan Menu Utama
Tampilkan Hasil Pencarian
Pencarian
Kembali Kembali
Gambar 4.16. State Transition Diagram STD Menu Utama
Pada layar Menu Utama terdapat dua tombol yang dapat di klik Tombol cari dan reset. Jika di klik tombol cari,
maka akan menampilkan texfield untuk melakukan pencarian sesuai dengan rute yang di tuju pengguna jasa transportasi
busway transjakarta. Jika di klik tombol reset, maka akan kembali ke
tampilan utama.
79
4.2.2.2. State Transition Diagram Menu Administrator Kios
Pada menu Administrator kios ini terdapat menu pemeliharaan
database untuk
menampilkan menu
pemeliharaan database. Dibawah ini adalah State Transition
Diagram Menu Administrator kios
Login Password
Maintenance Data Halte
Data Pintu Transit
Data Iklan
Edit User Password
salah benar
Klik “Data Halte” Tampilkan layar database
Data Halte Klik “Data Pintu Transit”
Tampilkan layar Data Pintu Transit
Klik “Data Iklan” Tampilkan layar Data Iklan
Klik “Edit User” Tampilkan layar database
Edit user
Gambar 4.17. State Transition Diagram STD Menu Administrator
Pada Menu Pemeliharaan database terdapat empat tombol, yaitu: Data Halte yang berfungsi untuk update koridor
halte, Data Pintu transit yang berfungsi untuk update tempat perpindahan jalur busway, Data Iklan yang berfungsi untuk
update tempat permainan, Film Bioskop yang berfungsi untuk update Iklan. Tombol Password yang berfungsi untuk update
password.
80
4.2.3. Flowchart Diagram
Agar lebih memudahkan dalam pembuatan program, maka penulis membuat diagram Flowchart yang akan menggambarkan alur
program secara umum.
4.2.3.1. Flowchart Diagram Menu Utama
Berikut ini adalah Flowchart Diagram Menu Utama:
Mulai Masukkan
Halte Awal Dan
Halte Tujuan
Tampilkan Petunjuk rute
Selesai
Gambar 4.18. Flowchart Diagram Menu Utama
Flowchart diagram untuk memudahkan pembaca dalam memahami aplikasi ini. State yang pertama adalah terminator
untuk memulai menu aplikasi. State berikutnya adalah data untuk memproses data yang akan diolah. Kemudian
menampilkan data yang telah diolah dan state terminator untuk mengakhiri flowchart diagram menu utama.
4.2.3.2. Flowchart Diagram Admin
Berikut ini adalah Flowchart Diagram Admin:
81
Mulai
Masukan nama dan
password
Nama dan password
benar?
Tampilkan Menu Admin
Selesai Ya
Tidak
Gambar 4.19. Flowchart Diagram Admin
Dalam Flowchart diagram admin terdapat state yang pertama adalah terminator untuk memulai menu aplikasi
admin. State berikutnya adalah data untuk memproses data yang akan diolah. Kemudian ada state decision untuk
kevalidan seorang admin memasukan nama dan password, atau memilih melanjutkan atau tidak membuka aplikasi admin. Jika
melanjutkan akan tampil data yang akan diolah oleh admin dan state terminator untuk mengakhiri flowchart diagram admin.
82
4.2.4. Spesifikasi Proses