TELAAH Jurnal Ilmu Pengetahuan dan Teknologi Volume 30 (2) 2012 : 57-62

ISSN : 0125-9121

Desain Web untuk Sistem Informasi Angkutan Umum di Jakarta

NURSIDIK YULIANTO, TOMI BUDI WALUYO, DAN SURYADI
Pusat Penelitian Fisika Lembaga Ilmu Pengetahuan Indonesia
Puspiptek Serpong Tangerang Banten 15314
nursidik.yulianto@lipi.go.id

Diterima : 20 September Revisi : 22 Oktober 2012 Disetujui : 29 Oktober 2012

ABSTRAK : Jakarta adalah ibukota Indonesia yang memiliki banyak permasalahan khususnya pada kepadatan penduduk.
Jumlah populasi di Jakarta disebabkan oleh terpusatnya lapangan pekerjaan dan pariwisata. Sehingga membuat Jakarta
menjadi kota sibuk dan meningkatnya kemcetan. Kemacetan di wilayah Jakarta adalah asalah satu masalah ibukota yang
harus diperhatikan oleh pemerintah. Dari data pemerintah DKI Jakarta transportasi darat didominasi oleh kendaraan
pribadi, Jumlah kendaraan pribadi sebanyak 98% dan kendaraan umum 2%, tetapi jumla rute perjalanan kendaraan
pribadi sebesar 44% dan kendaaan umum 2% (2011). Kompleksitas transportasi di Jakarta membuat angkutan umum
adalah solusi alternatif untunk mengurangi kemacetan lalu-lintas. Tantangan yang muncul adalah bagaimana membuat
masyarakat tertarik menggunakan angkutan umum dan mudah mengakses informasi angkutan umum di Jakarta melalui
mobile device. Salah satu solusinya adalah membuat suatu aplikasi dan web resmi untuk angkutan umum dijakarta yang
memilki fitur kode angkutan, trayek, tarif dan rute. Sistem informasi ini berbasis web service dan menggunakann
database server di Pusat Penelitian Fisika LIPI
KATA KUNCI : Jakarta, Sistem Informasi, Kemacetan, Angkutan umum

ABSTRACT : Jakarta is the largest city in Indonesia. It has many problems especially on population density. The number of
populations in Jakarta has been caused by the central workplace, governance, and tourism. They have made it to be a
busy city and increase traffic jam. Jakartas traffic jam is one of problem which has been accomplished by the
government. Based on regional government of DKI Jakartas data, the land transportation has been dominated by
private vehicles. The numbers of private vehicles are 98% and public transportations are 2%, even though the number of
private vehicle trips are 44% and public transportation trips rest are 56%. The complexity of Jakarta transportations
brings on public transportation to be one of alternative solution to decrease the traffic jam. The problem is how the users
more interest to use the public transportation and access the information about Jakarta by mobile device. The main
purpose of this research is making application about public transportation route base on open handset operating system
for Jakarta. This research will be developed to get route information and map visualization of public transportation in
Jakarta using mobile device. This information system application will be used by web service and database server in the
LIPI Physics Research Center.
KEYWORDS : Jakarta, Information system, Traffic Jam, Public Transportations

1. PENDAHULUAN

Jakarta adalah ibukota Negara Indonesia yang memiliki luas sekitar 661,52 km (lautan: 6.977,5 km),
dengan penduduk berjumlah 9.588.198 jiwa (2010). Wilayah metropolitan Jakarta (Jabotabek) yang
berpenduduk sekitar 28 juta jiwa, merupakan metropolitan terbesar di Indonesia atau urutan keenam dunia.
DKI Jakarta menyediakan jaringan jalan raya dan jalan tol yang melayani seluruh kota, namun perkembangan
jumlah mobil dengan jumlah jalan sangatlah timpang (5-10% dengan 4-5%). Menurut data dari Dinas
Perhubungan DKI, tercatat 46 kawasan dengan 100 titik simpang rawan macet di Jakarta. Definisi rawan
macet adalah arus tidak stabil, kecepatan rendah serta antrean panjang. Semakin meningkatnya tingkat
kemacetan di wilayah Jakarta membuat pengguna jalan dan masyarakat kurang nyaman dalam aspek
mobilitas. Untuk meningkatkan minat pengguna angkutan umum diperlukan peningkatan kualitas fasilitas
transportasi umum yang nyaman. Perkembangan ilmu pengetahuan dan teknologi di telah memberikan
perubahan besar pada hampir semua aspek kehidupan. Fleksibilitas dan kemudahan yang diberikan
teknologi mobile device khususnya smartphone dapat membuat informasi lebih cepat dan juga efektif.
Hal itu karena teknologi bisa mengintegrasikan berbagai bidang menjadi sebuah kesatuan fungsi. Oleh
karena itu dibuatlah sistem informasi trayek angkutan umum berbasis web di wilayah Jakarta.
Penelitian ini bertujuan untuk merancang dan membangun sistem informasi berbasis web untuk
aplikasi informasi rute angkutan umum di wilayah Jakarta yang diharapkan dapat mempermudah pengguna
angkutan umum mengetahui informasi perjalanan yang akan ditempuh. Adapun pembatasan masalah adalah
membahas cara kerja dan fungsi-fungsi pada GUI sistem informasi trayek angkutan umum di jakarta, hanya
membahas interaksi program dengan database tanpa membahas kode program menggunakan framework
CodeIgniter dan database yang digunakan adalah MySQL.

57
Desain Web untuk Sistem Informasi.. Nur Sidik Yulianto

2. METODOLOGI PENELITIAN

Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul
bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu.
Sedangkan informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti
bagi yang menerimanya. sistem informasi adalah kerangka kerja yang mengkoordinasikan sumber daya
(manusia dan komputer) untuk mengubah masukan (input) menjadi keluaran (informasi) guna mencapai
sasaran-sasaran perusahaan. Diarncang sistem informasi berbasis web dengan frame work CodeIgniter.
Dalam membuat sebuah aplikasi web dengan proses developing yang cepat diperlukan sebuah
framework PHP yang memliliki library yang lengkap didalamnya. salah satunya adalah CodeIgniter.
Framework adalah sebuah struktur konseptual dasar yang digunakan untuk memecahkan sebuah
permasalahan. Sebuah framework telah berisi sekumpulan arsitektur/konsep-konsep yang dapat
mempermudah dalam pemecahan sebuah permasalahan. Framework yang digunakan adalah CodeIgniter.
CodeIgniter adalah sebuah web application framework yang bersifat open source digunakan untuk
membangun aplikasi php dinamis. Tujuan utama pengembangan Codeigniter adalah untuk membantu
developer untuk mengerjakan aplikasi cenderung lebih cepat daripada menulis semua code dari awal.
CodeIgniter menyediakan berbagai macam library yang dapat mempermudah dalam pengembangan dan
dibangun menggunakan konsep Model-View-Controller development pattern. PHP adalah bahasa script
pemrograman yang paling banyak dipakai saat ini. PHP merupakan salah satu bahasa server side
scripting yang disisipkan di antara bahasa HTML untuk membuat halaman web yang dinamis. Karena
bahasa PHP berbasis server side, maka PHP akan dieksekusi di server, sehingga yang akan dikirimkan
ke web browser adalah hasil dalam bentuk HTML dan kode PHP tidak akan terlihat [1].

PHP Logic, Function, Class

Model
Query, Data Class

H PHP Logic,
Function, Class
T
Query, Data Fetch
M
L PHP Logic, View Controller
Function, Class
Query, Data Fetch

Gambar 1. Perbandingan PHP Biasa dan CodeIgniter.

MySQL View
Dispatcher
Model Browser
Routes

Controller Web Server

Gambar 2. Flow CodeIgniter.

Selain CodeIgniter maka komponen selanjutnya dalam desain web ini adalah untuk menyimpan data
maka diperlukan web server dan MySQL. Web Server adalah server yang melayani permintaan client
terhadap halaman web, contoh perangkat lunak web server antara lain Apache, IIS, dan Xitami [2]. MySQL
merupakan sebuah sistem manajemen database open source yang populer dan gratis untuk platform UNIX.
Sistem manajemen database MySQL menggunakan kumpulan perintah sederhana untuk memasukkan,
memanggil, menghapus, dan memperbarui data, sehingga dapat mengembangkan database yang kompleks
[3]. PhpMyAdmin adalah sebuah sistem administrasi MySQL berbasis web yang dibuat dengan PHP oleh
Tobias Ratschiller, PhpMyAdmin ditujukan untuk menangani administrasi vdatabase pada MySQL server

58
TELAAH Jurnal Ilmu Pengetahuan dan Teknologi Volume 30 (2) 2012 : 57-62
ISSN : 0125-9121

lewat interface web. Hampir semua query dari MySQL server dapat dilakukan menggunakan PhpMyAdmin.
PhpMyAdmin memudahkan pengolahan database MySQL tanpa harus berhadapan dengan text mode
MySQL.
Secara umum sistem yang dibangun adalah informasi rute angkutan umum yang ada di jakarta
dengan memasukkan daerah asal dan tujuan kemudian keluarannya dapat menampilkan semua rute yang
memungkinkan sistem informasi memberi sugesti kepada pengguna angkutan umum dengan informasi peta
dan tarif. Aplikasi ini berbasis web dan dibangun dengan menggunakan teknologi PHP (Hypertext
Preprocessor) dan databasenya menggunakan MySql. Pemetaan proses dalam membangun sistem informasi
ini digambarkan dalam Gambar 3 diagram dibawah ini :

TRAYEK-
PENCARIAN Database Web Jaringan/ Device TARIF
RUTE Server Server Web akses PETA
TARIF

Gambar 3. Skema Perancangan sistem.

Pada Sistem Web Sistem Informasi Angkutan Umum ini terdapat dua tingkatan pengguna, yaitu
user/pengguna angkutan umum dan administrator.
Tingkatan user sebagai pengakses informasi angkutan umum
1 Pengguma dengan tingkatan ini hanya dapat mengakses: Halaman Home yang berisi
pemberitahuan map, route dan informasi terbaru angkutan umum di jakarta.
2 Halaman Administrator, berisi tampilan data angkutan umum di jakarta dan halaman edit

HOMEPAGE
Admin area

Search Machine Dashboard Edit Trayek

Gambar 4. Desain web.

Gambar 5. Penyusunan Database.

Pembuatan database dibuat dengan tabel-tabel yang berisi data angkutan umum yaitu trayek, tarif, dan
rute yang dilewati melalui map. Pada pembuatan database menggunakan beberapa tabel, yaitu tabel cari
yang berisi trayek, yang digunakan dalam querry pencarian, selanjutnya tabel info trayek yang berisi

59
Desain Web untuk Sistem Informasi.. Nur Sidik Yulianto

informasi rute-rute yang dilewati, dan tabel tarif berisi tarif trayek angkutan umum. Seperti yang terlihat pada
Gambar 5.
Sistem yang dibuat memiliki ukuran tampilan yang simple agar para pengguna dengan mobile device
ringan untuk mengaksesnya. Dapat dilihat pada Gambar 6 dan Gambar 7 perbedaan akses antara user dan
administrator.

Gambar 6. Tampilan halaman home dapat Gambar 7.Tampilan halaman admin hanya
diakses oleh semua user. dapat diakses oleh administrator.

Gambar 8. Data flow diagram sistem informasi angkutan umum di Jakarta.

Pada Gambar 8 menunjukkan input proses dan output yang terjadi dalam suatu sistem dan
menggambarkan aliran data pada suatu sistem. Pada Sistem informasi yang dibuat, user meminta data dengan
memasukkan asal dan tujuan trayek yang diinginkan, kemudian mesin pencari akan mengakses database, dan
akan mengeluarkannya pada website. Administrator akan menambah dan mengedit trayek yang ada pada
web.

3. HASIL DAN PEMBAHASAN

Setelah perancangan dan pembuatan sistem berbasis web ini selesai dilakukan, maka selanjutnya
adalah dilakukan pengujian sistem. Pengujian sistem ini dilakukan melalui server lokal /komputer personal
dan belum dilakukan melelui internet sehingga belum diketahui apakah sistem ini dapat berjalan dengan
semestinya jika diakses oleh banyak user melalui browser di internet
Pengujian sistem ini dilakukan melalui beberapa web browser diantaranya Internet Explorer,
Mozilla Firefox, dan Opera. Untuk menjalankan program modul ini sebelumnya diaktifkan server yang
digunakan. Bermacam-macam server dapat digunakan antara lain Apache, Xitami dan PWS. Penggunaan
server hanya dapat digunakan salah satu. Dalam pengujian ini digunakan server Apache untuk melihat
apakah sistem dapat berjalan dengan baik.
Salah satu percobaan yang dilakukan adalah memasukkan data asal dan tujuan akhir user
menggunakan angkutan umum dapat dilihat pada Gambar 8. Saat user melakukan search maka keluaran pada
web adalah suatu trayek angkutan umum atau lebih yang melewati rute area yang telah user masukkan

60
TELAAH Jurnal Ilmu Pengetahuan dan Teknologi Volume 30 (2) 2012 : 57-62
ISSN : 0125-9121

sebelumnya seperti terlihat pada Gambar 9. Kemudian akan juga ditampilkan peta rute yang dilewati trayek
angkutan umum tersebut seperti terlihat pada Gambar 10.

Gambar 8. Gambar Memasukkan data asal dan

tujuan pada web.

Gambar 10. Gambar peta hasil masukkan data

asal dan tujuan.

Gambar 9. Gambar trayek angkutan umum hasil

input data asal dan tujuan.

Pada Gambar 9 dapat diketahui node-node trayek yang dilewati suatu angkutan umum. Apabila hasil
pencarian lebih dari satu maka semua node akan ditampilkan. Pada Gambar 10 adalah rute peta yang
dihasilkan oleh fitur pencarian google map, yang dapat memberikan sugesti jalur yang dilewati umumnya
melewati jalan utama. Dilengkapi fitur perkiraan jarak dan waktu tempuh.

4. KESIMPULAN.

Dalam penulisan ini telah dibuat Sistem Informasi Trayek Angkutan Umum di Jakarta Berbasis Web,
dimana melalui sistem ini pengguna angkutan umum diberikan suatu sistem yang memudahkan dalam
merencanakan perjalanan sesuai dengan trayek angkutan umum yang diinginkan kapanpun dan dimanapun
user berada, selama memiliki koneksi ke internet. Kekurangan dari sistem ini adalah peta trayek yang
menggunakan Google Map masih menggunakan rute kendaraan pribadi, selain itu pada 2 hasil pencarian
trayek angkutan umum hanya bisa menampilkan satu rute pada map.

61
Desain Web untuk Sistem Informasi.. Nur Sidik Yulianto

DAFTAR PUSTAKA

[1]. Daqiqil, Ibnu. Framework Codeigniter Sebuah Panduan dan Best Practice. Pekanbaru:2011
[2]. Kadir, Abdul. Dasar Pemrograman WEB Dinamis Menggunakan PHP. Yogyakarta: Andi, 2002
[3]. Zaki, Ali&Edy. Membuat Web Mobile dengan jQuery Mobile. Jakarta: Elex Media Komputindo,
2011.
[4]. Riyanto. Membuat Aplikasi e-commerce dengan PHP&MySQl menggunakan Codeigniter&JQuerry.
Yogyakarta: Andi Offset, 2011
[5]. Sofwan, Akhmad.2007.Belajar PHP dengan Framework Code Igniter. http://ilmukomputer.org/wp-
content/uploads/2010/05/belajar-php-dengan-framework-code-igniter.pdf. Diakses tanggal 11 Januari
2012
[6]. Rakhmadi Aris&Listiyanto Eko. Perancangan Libraryums-Cms Menggunakan Codeigniter.
Universitas Muhammadiyah Surakarta. http://fki.ums.ac.id/komuniti/wp-
content/uploads/2012/01/Aris-Perancangan-Library Ums-Cms-Menggunakan-Codeigniter.pdf.
[7]. www.codeigniter.com
[8]. www.biostall.com

62