State Transition Diagram STD

123 b. STD Menu Route map Gambar 4.11 STD Menu Route Map 124 c. STD Menu List Trayek Gambar 4.12 STD Menu List Trayek 125 d. STD Menu Terminal Gambar 4.13 STD Menu Terminal 126 e. STD Menu Buku Tamu Gambar 4.14 STD Menu Buku Tamu 127 f. STD Menu Utama Administrator Gambar 4.15 STD Menu Utama Administrator 128 e. STD Menu Routemap Administrator Gambar 4.16 STD Menu Route Map Administrator 129 g. STD Terminal Administrator Gambar 4.17 STD Menu Terminal Administrator 130 h. STD Hapus Buku Tamu Administrator Gambar 4.18 STD Menu Buku Tamu Administrator 131

4.3.4 Perancangan Desain Tampilan

Interface Desain layar sistem informasi spasial trayek bus sedang terbagi menjadi dua tampilan yang berbeda. Pertama tampilan administrator yang dikelola oleh Dinas Perhubungan dan tampilan pengunjung yang bisa dilihat oleh masyarakat dan pengguna lainnya. 1. Desain Tampilan Home Pengunjung Gambar 4.19 Tampilan Home Umum S.I.S.T.A.B Sistem informasi spasial trayek bus sedang Logo dishub Selamat datang di sistem informasi Spasial trayek bus sedang DKI Jakarta. Sistem informasi spasial trayek bus sedang Merupakan sebuah website yang berfungsi Membantu dinas perhubungan dalam Mengetahui rute dan trayek yang dilalui Angkutan umum jenis bus sedang Dan sebagai media publikasi dinas perhubungan Jika ingin mencari trayek bus sedang,klik disini.. Jika ingin mengisi buku tamu atau memberikan saran mengenai pelayanan trayek Bus sedang yang beroperasi di DKI Jakarta..klik disini Jika ingin melihat terminal yg beroperasi di DKI Jakarta disini Copyright2011 Development By Taufan Gambar link peta Home Route Map List Trayek Berita Buku Tamu Contact us Logo Uin Image Terminal 132 Keterangan gambar 4.19 : Halaman ini menampilkan halaman utama HOME Pengunjung dari aplikasi website ini. Pada halaman ini terdapat enam pilihan menu button yang bisa diklik yang akan menuju ke halaman yang lainnya. enam pilihan menu tersebut antara lain : 1. Button HOME akan menampilkan halaman utama seperti yang ditampilkan diatas. 2. Button ROUTEMAP akan menampilkan halaman ROUTEMAP sistem informasi spasial rute trayek bus sedang DKI Jakarta. Jika telah masuk halaman ini, pengguna akan disajikan peta interaktif yang terdiri dari beberapa informasi spasial. Terdapat button yang membantu dalam melihat peta seperti zoom out dan zoom in serta pantool untuk menggeser peta 3. Button LIST TRAYEK akan menampilkan informasi dari data yang dimiliki setiap trayek bus sedang pengunjung disajikan pilihan list trayek bus sedang yang diambil dari data trayek bus sedang. Dan terdapat seacrh engine di sisi atas menu ini. Menu search engine ini nantinya akan membantu dalam mencari data trayek yang diinginkan mulai dari asal dan tujuannya. 4. Button TERMINAL akan menampilkan informasi profil dan informasi terminal yang beroperasi di DKI Jakarta. 5. Button BERITA akan menampilkan informasi berita yang diberikan oleh Dinas Perhubungan DKI Jakarta. 133 6. Button BUKUTAMU akan menampilkan form buku tamu yang akan diisi oleh pengunjung. 7. Button CONTACT US akan menampilkan informasi kontak Dinas Perhubungan yang bertanggung jawab dalam pengelolaan data dalam sistem ini dan juga pengembang dari sistem informasi spasial trayek bus sedang di DKI Jakarta ini.

2. Desain Tampilan

Route Map Gambar 4.20 Tampilan Route Map Copyright2011 Development By Taufan LAYER DAN LEGENDA PETA TOOLS WEB GIS MAP 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 Menu Bantuan