Desain Tampilan Desain Tampilan

135 3. Unit peta berisikan informasi mengenai unit peta pada peta, perbesaran peta, keterangan aktifitas yang sedang dilakukan dan button log atau history yang pernah dilakukan di layer. Terdapat angka-angka pada unit peta yang berubah setiap user menggerakkan cursor pada peta yang sedang diaktifkan dan jika dilakukan perbesaran pada peta.

3. Desain Tampilan

List Trayek Gambar 4.21 Tampilan List Trayek No Jenis angkut Nama trayek Terminal wilayah Sudin No trayek Rute berangkat Asal Tujuan Tampilkan Rute berangkat Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map Terminal Berita Buku Tamu Contact us Logo Uin Image List Trayek 136 Keterangan gambar 4.21 : Gambar diatas merupakan tampilan halaman LIST TRAYEK pengunjung. Pada halaman ini, pengunjung disajikan text field untuk mengisi asal dan tujuan dari rute bus sedang yang diinginkan. Setelah mengisi text field, nantinya sistem akan memberikan informasi kepada pengunjung secara lengkap jenis angkutnya, nomor trayek , nama trayek, terminal, wilayah, sudin dan rute berangkat dan rute kembali yang dilewati oleh bus sedang sesuai dengan text field yang sudah diisi sebelumnya, dengan sebelumnya melakukan pengecekan ke dalam database .

4. Desain Tampilan Terminal

Gambar 4.22 Tampilan Terminal TERMINAL Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map List Trayek Berita Buku Tamu Contact us Logo Uin Image Terminal Terminal 9 Terminal 6 Terminal 7 Terminal 8 Terminal 10 Terminal 11 GAMBAR PROFILE TERMINAL Terminal 2 Terminal 4 Terminal 4 Terminal 5 Terminal 1 Diresmikan tahun Luas m² Lokasi Type Jenis Nama 137 Keterangan gambar 4.22 : 1. Gambar di atas merupakan gambar tampilan halaman TERMINAL Halaman ini menampilkan informasi mengenai terminal yang beroperasi di DKI Jakarta lengkap dengan informasinya. Mulai dari nama, jenis, tipe terminalnya, luas, dan diresmikan tahun berapa, beserta gambar dari terminal itu sendiri. Pengunjung dapat melihat terminal terminal yang lain dengan mengklik button di sisi sebelah kiri halaman ini.

5. Desain Tampilan Berita

Gambar 4.23 Tampilan Berita Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map List trayek Buku Tamu Contact us Logo Uin Image Terminal Berita Trayek Bus Sedang DKI Jakarta Truk Kategori berita Umum Dinas Perhubungan Parkir Izin trayek Transjakarta ISI BERITA 138 Keterangan gambar 4.23 : 1. Gambar di atas merupakan gambar tampilan halaman BERITA Halaman ini menampilkan informasi mengenai seputar hal yang menjadi tanggung jawab Dinas Perhubungan DKI Jakarta. Menu ini menjadi menu publikasi setiap informasi yang akan diberikan ke masyarakat oleh Dinas Perhubungan. Mulai dari masalah perparkiran, trayek bus sedang, izin trayek dan Transjakarta.

6. Desain Tampilan Buku tamu

Gambar 4.24 Tampilan Buku Tamu Copyright2011 Development by Taufan S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Home Route Map List trayek Buku Tamu Contact us Logo Uin Image Terminal Berita Nama Email Komentar OK No trayek No plat kendaraan Jenis Angkutan BUKU TAMU