Desain Tampilan Buku tamu Desain Tampilan

140

7. Desain Tampilan

Contact Us Gambar 4.25 Tampilan Contact Us Keterangan gambar 4.25 : Gambar diatas merupakan tampilan halaman Contact Us. Halaman ini berisikan informasi mengenai alamat, no telepon, email dan gambar profile dari pengelola dan pengembang dari web ini. Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map List Trayek Terminal Buku Tamu Contact us Logo Uin Image Berita IMAGE DINAS PERHUBUNGAN DKI JAKARTA BIDANG ANGKUTAN DARAT JL JATIBARU NO 1 JAKARTA,INDONESIA UNIVERSITAS ISLAM NEGRI SYARIEF HIDAYATULLAH FAKULTAS SAINS DAN TEKNOLOGI JL INSINYUR HAJI JUANDA CIPUTAT,JAKARTA INDONESIA 141

8. Desain Tampilan

Login Administrator Gambar 4.26 Tampilan Login Administrator Keterangan gambar 4.26 : Gambar diatas merupakan tampilan halaman login Administrator Dinas Perhubungan Pada halaman ini terdapat dua buah Text field yang bisa diisi oleh user untuk memasukkan nama user dan password. Jika nama user dan password yang benar telah dimasukkan di Text field, klik button Login untuk dapat masuk ke halaman Home Administrator Dinas Perhubungan. Namun jika nama user dan password salah. Anda tidak akan bisa masuk ke halaman Home dari administrator Dinas Perhubungan. Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Logo Uin Image User Name Password LOGIN 142

9. Desain Tampilan

Home Administrator Gambar 4.7 Tampilan Home Administrator Keterangan gambar 4.27 : Gambar diatas merupakan tampilan halaman HOME administrator Dinas Perhubungan. Tampilan halaman HOME administrator Dinas Perhubungan berbeda dengan tampilan HOME penggunjung, karena administrator disini memiliki tugas me-manage web agar dapat menampilkan informasi kepada penggunjung. Pilihan menu pada tampilan HOME administrator terdiri dari lima button menu. Button- button tersebut antara lain SELAMAT DATANG DI SISTEM INFORMASI SPASIAL BERBASIS WEB PADA TRAYEK BUS SEDANG DKI JAKARTA Halaman ini adalah halaman administrator Hal yang bisa dilakukan adalah Mengedit data trayek Mengedit data terminal Mengedit data berita Mengedit data buku tamu Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map Terminal Buku Tamu Log out Logo Uin Image Berita 143 1. Button HOME akan menampilkan halaman utama atau halaman home administrator Dinas Perhubungan seperti diatas. 2. Button ROUTEMAP akan menampilkan form yang berfungsi me-manage tabel data tabular trayek bus sedang dan layer layer pendukung dalam informasi trayek yang dapat dimanipulasi. 3. Button TERMINAL akan menampilkan form yang berfungsi me-manage tabel data tabular terminal yang beroperasi di DKI Jakarta yang dapat dimanipulasi. 4. Button BERITA akan menampilkan form yang berfungsi me- manage data berita. 5. Button BUKU TAMU memiliki fungsi menampilkan dan me- manage data-data pengguna yang telah mengisi buku tamu. 6. Button LOGOUT digunakan untuk keluar dari tampilan admin dan masuk ke tampilan pengunjung.