BAB 4 IMPLEMENTASI DAN EVALUASI. 4.1 Implementasi Sistem Informasi Transportasi

Transkripsi

1 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Sistem Informasi Transportasi Perangkat sistem informasi yang dirancang ini dapat digunakan oleh pengguna sarana transportasi Busway baik yang berada di halte berupa kios informasi, maupun web Transjakarta di tempat lain yang memiliki akses internet. Perangkat ini ditujukan agar pengguna dapat menikmati fasilitas informasi yang lengkap dan baik. 4.2 Sarana yang Dibutuhkan Perangkat sistem informasi ini diharapkan agar mudah dipakai oleh pengguna baik yang masih awam akan komputer maupun yang sudah ahli. Sarana dan spesifikasi minimum perangkat keras yang dibutuhkan untuk mendukung pemakaian perangkat sistem informasi ini adalah : 1. Untuk Web : - Komputer dengan processor 800 Mhz - Memory RAM sebesar 256 Mb - Harddisk 10 Gb - Monitor - Mouse dan keyboard 2. Untuk Kios informasi : - Komputer dengan processor 1800Mhz - Memory RAM sebesar 512 Mhz - Harddisk 10 Gb - Monitor 66

2 67 - Mouse Kemudian sarana dan spesifikasi minimum perangkat lunak yang dibutuhkan adalah : 1. Web : - Sistem Operasi Microsoft Windows - Internet Explorer atau Mozilla Firefox 2. Kios Informasi : - Sistem Operasi Microsoft Windowst - Visual Basic Cara Pengoperasian Web Berikut langkah langkah pengoperasian untuk menggunakan aplikasi web : 1. Masuk ke dalam operasi sistem, misalnya Microsoft Windows 2. Buka Internet Explorer atau Mozilla Firefox 3. Ketik alamat URL (uniform resource locator) yang dimiliki oleh aplikasi web ini Kios Informasi Kemudian langkah langkah untuk menggunakan aplikasi kios informasi ini adalah : 1. Masuk ke dalam informasi sistem 2. Buka aplikasi Visual Basic 6.0 berbentuk.exe

3 68 Gambar 4.1 Halaman Utama Halaman Utama merupakan halaman dimana pengguna yang masuk ke web ini akan temui untuk pertama kali. Pada halaman ini pengguna dapat melihat headline yang berisi berita berita terbaru mengenai Transjakarta Busway. Disini terdapat fitur AJAX Jquery yang mengubah tampilan headline yang ada agar dapat berubah ubah sehingga lebih terlihat interaktif bagi pengguna. Kemudian terdapat tanggal di kanan atas yang tentunya memiliki fungsi informasi waktu user tersebut mengakses web ini. Pada kanan bawah terdapat menu login Admin yang berfungsi untuk memasukkan password agar Admin dapat masuk ke dalam halaman khusus Admin yang berfungsi untuk merubah data pada web ini.

4 69 Gambar 4.2 Halaman Profil Halaman Profil berisi profil dari Transjakarta Busway yang ditujukan untuk pengguna Busway. Halaman ini berisi informasi sejarah koridor yang telah dibangun oleh Transjakarta secara lengkap. Kemudian di halaman ini juga terdapat informasi informasi yang bermanfaat untuk mengenali Transjakarta Busway agar semakin dikenal oleh masyarakat.

5 70 Gambar 4.3 Halaman Peta Halaman Peta berisi informasi peta jalur Busway untuk pengguna. Pada halaman ini terdapat aplikasi flash yang menggambarkan peta jalur Busway beserta informasi halte dan koridor yang terdapat didalamnya. Aplikasi ini juga memungkinkan pengguna untuk membesarkan peta agar dapat melihat secara detail halte halte dan koridor koridor yang ada di peta dengan menekan menu bergambar tanda tambah (+). Untuk mengembalikan ukuran peta setelah diperbesar dapat menggunakan dua menu yaitu

6 71 dengan menekan tanda kurang (-) untuk mengecilkan secara bertahap atau menggunakan tombol bulat untuk mengembalikan ukuran peta menjadi penuh. Gambar 4.4 Halaman Berita Halaman Berita merupakan halaman yang berisi judul berita. Disini pengguna dapat melihat judul berita beserta potongan isi dari berita tersebut. Dengan memilih judul berita maka pengguna dapat memasuki halaman isi berita yang kemudian dapat melihat isi berita secara penuh. Pengguna juga dapat memilih menu menu lain yang terdapat di tab menu pada bagian atas apabila ingin mendapatkan informasi lainnnya.

7 72 Gambar 4.5 Halaman Lihat Berita Halaman ini berisi tentang berita lengkap yang sebelumnya ditampilkan secara terpotong pada halaman berita. Informasi yang tersedia pada halaman ini adalah judul berita, gambar berita, isi berita, dan tanggal ditulisnya berita tersebut.

8 73 Gambar 4.6 Halaman Koridor Halaman Koridor adalah halaman yang untuk pengguna agar mereka dapat melihat informasi mengenai daftar koridor yang ada. Apabila pengguna memilih salah satu menu koridor, maka pengguna akan menuju halaman isi koridor yang menjelaskan secara lengkap informasi mengenai koridor beserta halte halte yang tersedia. Di halaman ini juga terdapat fasilitas cari halte untuk mencari letak halte pada koridor tertentu.

9 74 Gambar 4.7 Halaman Cari Halte Jika pengguna memasukkan pencarian yang terdapat dalam database, maka pengguna akan memasuki halaman Koridor lagi. Namun disini pengguna dapat melihat hasil dari pencarian tersebut yang dijelaskan melalui link koridor dimana halte tersebut berada. Di halaman ini juga diterangkan penjelasan berupa teks tambahan yang memberitahu pengguna bahwa halte yang dicari terletak pada koridor tersebut. Jika link koridor tersebut dipilih, maka akan membawa pengguna ke halaman koridor dimana terdapat informasi lengkap mengenai koridor beserta halte yang terdapat pada koridor tersebut.

10 75 Gambar 4.8 Halaman Koridor Detail Halaman ini memperlihatkan seluruh informasi tentang koridor yang dipilih pada saat pencarian halte. Informasi yang terdapat pada halaman ini adalah operator bus, panjang rute, jumlah halte, jarak rata rata halte, banyak armada, jam sibuk, jam biasa, jam pelayanan, dan nama nama halte yang berada pada koridor tersebut.

11 76 Gambar 4.9 Halaman Kamera Halte Halaman KameraHalte dapat diakses oleh pengguna agar mereka dapat melihat gambar gambar yang update setiap 5 detik. Gambar tersebut merupakan gambar yang ditangkap oleh kamera yang berada pada halte yang menyediakannya. Pengguna dapat memilih menu halte yang kemudian mengeluarkan gambar kamera pada halte tersebut. Halaman ini berfungsi untuk memberikan informasi kepada pengguna agar dapat melihat kepadatan di tiap halte yang menyediakan kamera tersebut. Saat ini kamera halte hanya terdapat pada koridor 1 yaitu koridor Blok M Kota.

12 77 Gambar 4.10 Halaman Lihat Kamera Halte Halaman KameraHalte yang muncul pada print screen ini adalah gambar berupa hasil dari kamera halte yang berada di halte Gelora Bung Karno. Gambar tersebut akan melakukan auto refresh setiap 3 detik untuk mengirimkan gambar baru sehingga akan terlihat up to date.

13 78 Gambar 4.11 Halaman Kontak Kami Halaman Kontak Kami berfungsi sebagai halaman dimana pengguna dapat melihat informasi mengenai BLU Transjakarta Busway terutama bagaimana pengguna dapat menghubungi BLU Transjakarta Busway.

14 79 Gambar 4.12 Halaman Index Admin Halaman HomeAdmin merupakan halaman dimana Admin yang sudah login menggunakan password yang sesuai diarahkan dari halaman utama. Pada halaman ini juga terdapat beberapa menu khusus untuk Admin yaitu menu untuk masuk ke dalam halaman Perbaharui dan jika Admin ingin keluar dari fasilitas mengubah data dapat menggunakan menu keluar yang nantinya akan membawa dia kembali ke halaman utama.

15 80 Gambar 4.13 Halaman Update Halaman ini memberikan 3 (tiga) pilihan yang bisa dipilih oleh admin untuk mengupdate koridor, halte, dan berita.

16 81 Gambar 4.14 Halaman Berita Admin Halaman BeritaAdmin merupakan halaman yang berfungsi untuk Admin agar dapat merubah isi berita yang akan ditampilkan kepada pengguna. Pada halaman ini, Admin dapat memilih beberapa menu yaitu menu lihat berita yang akan membawa Admin menuju halaman isi berita. Kemudian Admin juga dapat memilih menu ubah (edit) yang akan membawa Admin menuju halaman edit berita2. Admin juga dapat memilih menu hapus berita dimana tentunya akan berfungsi sebagai salah satu fasilitas Admin untuk menghapus berita yang ada. Yang terakhir, terdapat menu insert berita. Pada menu insert berita Admin akan menuju halaman insert berita dimana Admin dapat menambahkan berita baru jika diperlukan.

17 82 Gambar 4.15 Halaman Lihat Berita Admin Pada Halaman Beritaview, pengguna dapat melihat keseluruhan isi berita yang disajikan. Disini terdapat tanggal yang berfungsi sebagai informasi kapan berita tersebut dimasukkan oleh Admin ke dalam isi berita. Kemudian pada halaman isi berita, pengguna dapat melihat gambar yang menunjukkan informasi mengenai berita tersebut. Kemudian terdapat menu kembali (back) yang berfungsi untuk pengguna agar dapat kembali kepada halaman berita.

18 83 Gambar 4.16 Halaman Tambah Berita Halaman ini berfungsi untuk menambah berita yang dilakukan oleh admin pada web ini. Admin memasukkan judul dan isi pada textbox yang disediakan. Untuk meng-upload gambar, dengan mengklik Browse dan langsung memilih gambar untuk berita tersebut. Apabila semua form telah terisi, maka admin cukup menekan tombol submit untuk memasukkan berita ke dalam database.

19 84 Gambar 4.17 Halaman Edit Berita Halaman EditBerita merupakan halaman yang hanya dapat diakses oleh Admin setelah memilih menu edit berita pada halaman BeritaAdmin sebelumnya. Pada halaman ini, terdapat judul, isi dan gambar dimana berita tersebut berisi. Admin dapat merubah isi daripada berita tersebut dan memperbaharuinya sesuai kebutuhan sehingga dapat digunakan oleh pengguna sebagai sumber informasi.

20 85 Gambar 4.18 Halaman Koridor Admin Halaman EditKoridor merupakan halaman untuk Admin agar dapat memilih koridor yang akan diubah. Pada halaman ini terdapat dua menu yang berbeda fungsi; yaitu menu ubah yang berfungsi untuk mengubah koridor yang diinginkan, kemudian menu delete untuk menghapus koridor yang ingin dihapus.

21 86 Gambar 4.19 Halaman Tambah Koridor Halaman ini berfungsi untuk menambahkan koridor yang dilakukan oleh admin pada web. Admin menulis semua data data tentang koridor yang akan ditambahkan ke dalam textbox yang telah disediakan, seperti nama koridor, jarak halte, jam sibuk, jam biasa, jumlah halte, panjang rute, banyak armada, dan operator bus. Pada pemilihan operator bus, kami menggunakan list/menu dengan tujuan menimalisir kesalahan input, karena nama operator yang panjang. Apabila semua form telah terisi, admin cukup menekan tombol submit untuk memasukkan data ke dalam database.

22 87 Gambar 4.20 Halaman Edit Koridor Halaman EditKoridor berfungsi sebagai halaman dimana koridor dapat diubah isi datanya. Hanya Admin yang dapat masuk ke dalam halaman ini. Admin dapat merubah nama koridor, jarak halte, jam sibuk, jam biasa, jumlah halte, panjang rute dan banyak armada yang ada untuk diperbaharui sesuai keinginan Admin. Untuk mencegah kesalahan, pada halaman ini terdapat beberapa validasi yang berfungsi agar format data yang diubah sesuai dengan format data yang ada pada database.

23 88 Gambar 4.21 Halaman Halte Admin Halaman AdminKoridor merupakan halaman yang dijumpai setelah Admin memasukkan nama halte yang ingin diubah. Kemudian terdapat beberapa menu perintah yaitu untuk mengubah dan menghapus halte tersebut. Pada halaman ini juga terdapat fasilitas tambah halte pada koridor yang dipilih pada list box

24 89 Gambar 4.22 Halaman Tambah Halte Halaman Tambah Halte berfungsi untuk Admin yang ingin menambahkan halte ke dalam koridor tertentu. Admin harus memasukan nama halte yang baru ke dalam textbox, Kemudian Admin harus memilih koridor mana yang akan ditambah haltenya. Setelah memilih koridor Admin cukup menekan tombol submit agar proses pemasukan data ke dalam database terjadi.

25 90 Gambar 4.23 Halaman Edit Halte Pada Halaman EditHalte, Admin dapat merubah nama daripada halte yang sudah dipilih sebelumnya. Setelah merubah isi halte, Admin harus menekan tombol submit sehingga data halte tersebut berubah sesuai yang diinginkan Admin.

26 91 Gambar 4.24 Halaman Edit Halte Halaman ini merupakan halaman lanjutan dari Halaman EditHalte. Setelah Admin mengisi nama halte dan menekan tombol submit, maka terdapat notifikasi berupa tulisan berhasil edit halte. Hal ini ditujukan agar Admin mengetahui bahwa proses mengubah nama halte telah sukses.

27 92 Gambar 4.25 Halaman Index Layar form 1 ini merupakan layar yang pertama kali dijumpai oleh pengguna kios informasi ketika mereka menggunakannya. Pada layar ini terdapat tanggal yang mengikuti waktu computer sehingga selalu ter-update. Jika pengguna ingin melanjutkan ke halaman yang menyajikan informasi mengenai Busway maka pengguna harus menekan tombol masuk yang berada di bawah.