PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM BERBASIS ...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM

BERBASIS MOBILE WEB

KABUPATEN SRAGEN

TUGAS AKHIR

Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya

Program Diploma III Ilmu Komputer

Disusun Oleh :

Suryani Nur Pratiwi

M3208033

PROGRAM DIII ILMU KOMPUTER

JURUSAN MANAJEMEN INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

SURAKARTA

2011


commit to user

ii

HALAMAN PERSETUJUAN


BERBASIS MOBILE WEB

KABUPATEN SRAGEN

Disusun Oleh

SURYANI NUR PRATIWI

NIM.M3208033

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan penguji

pada tanggal………….

Pembimbing

Mohtar Yunianto,M.Si

NIP. 19800630 200501 1 001


commit to user

iii

HALAMAN PENGESAHAN


BERBASIS MOBILE WEB KABUPATEN SRAGEN

Disusun Oleh

SURYANI NUR PRATIWI

NIM. M3208033

Dibimbing oleh

Pembimbing Utama

Mohtar Yunianto,M.Si

NIP. 19800630 200501 1 001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas AkhirProgram Diploma III Ilmu Komputer pada hari ________tanggal ________

Dewan Penguji

1. Penguji 1 Mohtar Yunianto, M.Si ( )

NIP. 19800630 200501 1 001

2. Penguji 2 Abdul Azis, M.Cs ( )

NIP. 19810413 200501 1 001

3. Penguji 3 Fendi Aji Purnomo, S.Si ( )

NIDN. 0626098402

Disahkan OlehDekan

Fakultas MIPA UNS

Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.DNIP. 19610223 198601 1 001

Ketua Program StudiDIII Ilmu Komputer UNS

Drs. YS. Palgunadi, M.Sc.NIP. 19560407 198303 1 004


commit to user iv

ABSTRACT

2011, Suryani Nur Pratiwi. Application of Public Transport RouteWeb Based Mobile of Sragen, Diploma Degree Computer Science,Informatics Engineering, Science and Mathematics Faculty, SebelasMaret University of Surakarta.

Traffic jam is a situation or circumstance in delays or eveninterruption of traffic caused by the large number of vehicles exceedsthe capacity of the road. Traffic Jam occurs in many large cities,especially those that do not have good public transportation oradequate or not balanced the needs of the road with populationdensity. Traffic Jam problems now happen everyday in big cities inIndonesia.

Traffic Jam in Sragen regency is very huge, thus requiring aninformation technology to reduce Traffic Jam by choosing an effectivepublic transportation, for it was made public transportation routesbased applications mobile web in Sragen regency HTML uses javascript.Data collection methods used were observations by observing or dataretrieval at the Department of Transportation Sragen, the method of directinterview with the Head of Transportation Department of Transportation,Sragen and literature study by collecting data from reading books andinternet-related problems that were subjected to experiments.

Application-based public transport routes mobile web Sragen districtcan be used as a media campaign as well as guidelines for public transportusers in Sragen regency, these applications use an online media and can berun with the emulator or mobile phone that has the android operating system.

Keywords: Mobile Application, transportation.


commit to user v

Abstrak

2011, Suryani Nur Pratiwi. Aplikasi Rute Transportasi UmumBerbasis Mobile Web Kabupaten Sragen, Diploma III Ilmu Komputer,Manajemen Informatika, Fakultas Matematika dan Ilmu PengetahuanAlam, Universitas Sebelas Maret Surakarta.

Kemacetan adalah situasi atau keadaan tersendatnya atau bahkanterhentinya lalu lintas yang disebabkan oleh banyaknya jumlah kendaraanmelebihi kapasitas jalan. Kemacetan banyak terjadi di kota-kotabesar,terutama yang tidak mempunyai transportasi umum yang baik ataumemadai atau tidak seimbangnya kebutuhan jalan dengan kepadatanpenduduk. Kemacetan lalu lintas kini nampaknya menjadi permasalahansehari-hari kota-kota besar di Indonesia.

Kemacetan lalu lintas di kabupaten Sragen sangat besar, sehinggamembutuhkan suatu teknologi informasi untuk mengurangi kemacetan lalulintas dengan memilih transportasi umum yang efektif, untuk itu dibuatlahaplikasi rute transportasi umum berbasis mobile web di Kabupaten Sragenmenggunakan HTML javascript. Metode pengumpulan data yang digunakanadalah observasi dengan mengamati ataupun pengambilan data pada DinasPerhubungan Kabupaten Sragen, metode wawancara langsung dengan Kepalabidang transportasi Dinas Perhubungan Kabupaten Sragen dan studi pustakadengan mengumpulkan data dari membaca buku dan internet yangberhubungan dengan masalah yang dijadikan objek penelitian.

Aplikasi rute transportasi umum berbasis mobile web kabupaten Sragenini dapat dijadikan media promosi sekaligus pedoman bagi penggunatransportasi umum yang berada di kabupaten Sragen, aplikasi inimenggunakan media online dan dapat dijalankan dengan emulator atauhandphone yang memiliki operating system android.

Kata kunci: Aplikasi mobile, transportasi.


commit to user vi

MOTTO

Banyak kegagalan hidup terjadi karena orang tidak menyadari

betapa dekatnya mereka dengan kesuksesan ketika mereka berhenti

Kesederhanaan membuat hidup menyenangkan. Mensyukuri apa

yang telah kita dapat itu lebih menyenangkan

Orang-orang yang paling berbahagia pun tidak selalu memiliki hal-

hal yang terbaik, mereka hanya berusaha menjadikan yang terbaik

dari setiap hal yang hadir dalam hidupnya


commit to user vii

PERSEMBAHAN

Karya ini kupersambahkan untuk :

Bapak dan Ibu yang mendukung aku selama ini

Adik yang membuat aku semangat

menyelesaikan tugas akhir ini

Teman-teman(ike, dini, ferdia, erline, bayu)

yang mengisi hari-hari ku dalam penyelesaian

tugas akhir ini


commit to user viii

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.

Alhamdulillahi robbil alamin, puji syukur kehadirat Allah SWT atas

segala rahmat dan hidayahNya, sehingga dapat menyelesaikan penulisan laporan

Tugas Akhir ini dengan judul PEMBUATAN APLIKASI RUTE

TRANSPORTASI UMUM BERBASIS MOBILE WEB KABUPATEN

SRAGEN.

Pembuatan Laporan Tugas Akhir ditujukan untuk memenuhi persyaratan

kelulusan Diploma III (D3) Ilmu Komputer Manajemen Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

Dalam kesempatan ini, mengucapkan terimakasih kepada semua pihak

yang telah membantu dalam penyelesaian laporan tugas akhir ini, antara lain :

1. Drs. Y.S Palgunadi, M.Sc. selaku ketua program DIII Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas

Maret Surakarta.

2. Mohtar Yunianto, M.Si selaku dosen pembimbing yang telah

memberikan pengarahan dalam penyusunan tugas akhir ini.

3. Wisnu Widiarto, S.Si, M.T selaku pembimbing akademik yang telah

memberikan pengarahan selama ini.

4. Bapak Ibu, dan adik yang selalu memberi dukungan.

5. Teman–teman D3 Ilmu Komputer, yang pantang menyerah dan selalu

meluangkan waktu untuk membantu menyelesaikan kesulitan yang

dihadapi.

Semoga amal dan kebaikan kita semua dibalas dengan nikmatNya.

Laporan tugas akhir ini masih jauh dari sempurna sehingga kritik dan saran yang

membangun sangat diharapkan . Terima kasih

Wassalamualaikum Wr. Wb

Surakarta, Juli 2011

Suryani Nur Pratiwi


commit to user

ix

DAFTAR ISI

Halaman

HALAMAN JUDUL ......................................................................................... i

HALAMAN PERSETUJUAN ........................................................................... ii

HALAMAN PENGESAHAN............................................................................ iii

ABSTRACT ...................................................................................................... iv

HALAMAN ABSTRAK.................................................................................... v

HALAMAN MOTTO........................................................................................ vi

HALAMAN PERSEMBAHAN......................................................................... vii

KATA PENGANTAR .......................................................................................viii

DAFTAR ISI ..................................................................................................... ix

DAFTAR TABEL .............................................................................................xiv

DAFTAR GAMBAR......................................................................................... xv

BAB I PENDAHULUAN... ............................................................................... 1

1.1 Latar Belakang... ................................................................................ 1

1.2 Perumusan Masalah... ........................................................................ 2

1.3 Batasan Masalah... ............................................................................. 2

1.4 Tujuan Penelitian... ............................................................................ 2

1.5 Manfaat Penulisan Penelitian... .......................................................... 2

1.6 Metodologi Penelitian... ..................................................................... 3

1.6.1 Metodologi Pengumpulan Data... .............................................. 3


commit to user

x

1.6.2 Metodologi Analisis Sistem....................................................... 3

1.6.3 Perencanaan Content Sistem...................................................... 3

1.6.4 Implementasi Sistem... .............................................................. 3

1.7 Sistematika Penulisan......................................................................... 4

BAB II LANDASAN TEORI... ......................................................................... 5

2.1 Java.................................................................................................... 5

2.1.1 J2ME......................................................................................... 5

2.1.2 Dasar Pemrograman... ............................................................... 5

2.2 Basis Data.......................................................................................... 7

2.3 JQuery... ............................................................................................ 8

2.4 Aplikasi... .......................................................................................... 8

2.5 SQLite... ............................................................................................ 8

2.6 Mobile Web........................................................................................ 9

2.7 Eclipse... ............................................................................................ 9

2.8 Android.............................................................................................. 9

2.9 HTML................................................................................................ 9

2.10 UML (Unified Modeling Language... ................................................ 10

2.10.1 Use Case Diagram................................................................... 10

2.10.2 Class Diagram......................................................................... 11

2.10.3 State Chart Diagram................................................................ 12

2.10.4 Sequence Diagram................................................................... 12


commit to user

xi

2.10.5 Activity Diagram...................................................................... 13

2.10.6 Collaburation Diagram............................................................ 14

2.10.7 Component Diagram................................................................ 14

2.10.8 Deployment Diagram............................................................... 15

BAB III DESAIN DAN PERANCANGAN... .................................................... 16

3.1 Analisis Kebutuhan... ......................................................................... 16

3.1.1 Kebutuhan Software... ............................................................... 16

3.1.2 Kebutuhan Hardware... ............................................................. 17

3.2 Deskripsi Umum Sistem..................................................................... 17

3.3 Perancangan Database... .................................................................... 18

3.3.1 Relasi Antar Tabel..................................................................... 18

3.4 Perancangan Aplikasi... ...................................................................... 19

3.4.1 Use Case Diagram..................................................................... 19

3.4.2 Actifity Diagram... ..................................................................... 21

3.4.3 Sequence Diagram..................................................................... 27

3.4.4 Class Diagram........................................................................... 30

3.5 Desain Rancangan Program ............................................................... 31

BAB IV IMPLEMENTASI DAN ANALISA..................................................... 34

4.1 Hirearki Input Proses Output(HIPO)... ............................................... 34

4.2 Spesifikasi Pengguna... ...................................................................... 34

4.3 Tampilan Aplikasi.............................................................................. 34


commit to user

xii

4.3.1 Tampilan Menu Aplikasi... ........................................................ 35

4.3.2 Tampilan Aplikasi Awal(Splash Screen)... ................................ 35

4.3.3 Tampilan Menu Utama.............................................................. 36

4.3.4 Tampilan Menu Panduan... ........................................................ 37

4.3.4.1 Tampilan Sub Menu Sragen... ............................................ 37

4.3.4.2 Tampilan Sub Menu Wisata Sragen... ................................ 38

4.3.4.2.1 Tampilan Menu Wisata Religi... ................................. 38

4.3.4.2.2 Tampilan Menu Wisata Budaya... ............................... 39

4.3.4.2.3 Tampilan Menu Wisata Batik... .................................. 40

4.3.4.2.4 Tampilan Menu Wisata Alam... .................................. 40

4.3.4.2 Tampilan Sub Menu Resto & Cafe..................................... 41

4.3.4.3 Tampilan Sub Menu Tempat Belanja... .............................. 42

4.3.4.4 Tampilan Sub Menu Fasilitas Umum... .............................. 42

4.3.5 Tampilan Menu Peta... .............................................................. 43

4.3.6 Tampilan Menu Transport... ...................................................... 44

4.3.7 Tampilan Menu Tentang... ........................................................ 46

4.3.8 Tampilan Aplikasi pada handphone Samsung Galaxy Ace... ..... 47

4.4 Analisis... ........................................................................................... 47

BAB V PENUTUP... ......................................................................................... 49

5.1 Kesimpulan... ..................................................................................... 49

5.2 Saran.................................................................................................. 49


commit to user

xiii

DAFTAR PUSTAKA... ..................................................................................... 50


commit to user

xiv

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Use Case Diagram.............................................................. 11

Tabel 2.2 Simbol State Chart Diagram........................................................... 12

Tabel 2.3 Simbol Sequence Diagram .............................................................. 13

Tabel 2.4 Simbol Activity Diagram................................................................. 13

Tabel 2.5 Simbol Collaburation Diagram....................................................... 14

Tabel 3.1 Tabel Halte ..................................................................................... 18

Tabel 3.2 Tabel Rule ...................................................................................... 19

Tabel 3.3 Tabel Tempat.................................................................................. 19

Tabel 3.4 Tabel Deskripsi Use Case ............................................................... 20


commit to user

xv

DAFTAR GAMBAR

Halaman

Gambar 3.1 Relasi Antar Tabel ......................................................................... 18

Gambar 3.2 Use Case Diagram Aplikasi ........................................................... 20

Gambar 3.3 Activity Diagram Aplikasi .............................................................. 22

Gambar 3.4 Activity Diagram Menu Utama....................................................... 23

Gambar 3.5 Activity Diagram Sekilas Sragen .................................................... 23

Gambar 3.6 Activity Diagram Resto & Cafe ...................................................... 24

Gambar 3.7 Activity Diagram Tempat Belanja ................................................... 24

Gambar 3.8 Activity Diagram Fasilitas Umum................................................... 25

Gambar 3.9 Activity Diagram Wisata ................................................................ 25

Gambar 3.10 Activity Diagram Transport ........................................................... 26

Gambar 3.11 Activity Diagram Peta ................................................................... 26

Gambar 3.12 Activity Diagram Tentang ............................................................. 27

Gambar 3.13 Sequence Diagram Panduan Sragen .............................................. 28

Gambar 3.14 Sequence Diagram Transport ........................................................ 29

Gambar 3.15 Sequence Diagram Peta................................................................. 29

Gambar 3.16 Sequence Diagram Tentang........................................................... 30

Gambar 3 .17 Class Diagram ............................................................................. 30

Gambar 3.18 Desain Rancangan Splash Screen.................................................. 31

Gambar 3.19 Desain Rancangan Menu Utama ................................................... 31


commit to user

xvi

Gambar 3.20 Desain Rancangan Menu Panduan ................................................ 32

Gambar 3.21 Desain Rancangan Menu Peta....................................................... 32

Gambar 3.22 Desain Rancangan Menu Transport............................................... 33

Gambar 3.23 Desain Rancangan Menu Tentang................................................. 33

Gambar 4.1 Tampilan Menu Aplikasi Pada Menu Handphone .......................... 35

Gambar 4.2 Tampilan Menu Pembuka(Splash Screen)...................................... 35

Gambar 4.3 Tampilan Menu Utama .................................................................. 36

Gambar 4.4 Tampilan Menu Panduan ............................................................... 37

Gambar 4.5 Tampilan Sub Menu Sragen........................................................... 37

Gambar 4.6 Tampilan Sub Menu Wisata Sragen ............................................... 38

Gambar 4.7 Tampilan Sub Menu Wisata Religi ................................................ 38

Gambar 4.8 Tampilan Peta Wisata Religi.......................................................... 39

Gambar 4.9 Tampilan Menu Wisata Budaya ..................................................... 39

Gambar 4.10 Tampilan Menu Wisata Batik....................................................... 40

Gambar 4.11 Tampilan Menu Wisata Alam ...................................................... 40

Gambar 4.12 Tampilan Sub Menu Resto & Cafe................................................ 41

Gambar 4.13 Tampilan Sub Menu Tempat Belanja ............................................ 42

Gambar 4.14 Tampilan Sub Menu Tempat Favorit............................................. 42

Gambar 4.15 Tampilan Menu Peta..................................................................... 43

Gambar 4.16 Tampilan Menu Transport............................................................. 44

Gambar 4.17 Tampilan Inputan Tempat Asal ..................................................... 44


commit to user

xvii

Gambar 4.18 Tampilan Inputan Tempat Tujuan ................................................. 45

Gambar 4.19 Tampilan Notification ................................................................... 45

Gambar 4.20 Tampilan Rute Transportasi dan Keterangan................................. 46

Gambar 4.21 Tampilan Menu Tentang............................................................... 46

Gambar 4.22 Tampilan aplikasi pada handphone Galaxy Ace S5B30................. 47


commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Kemacetan adalah situasi atau keadaan tersendatnya atau bahkan terhentinya lalu

lintas yang disebabkan oleh banyaknya jumlah kendaraan melebihi kapasitas jalan.

Kemacetan banyak terjadi di kota-kota besar,terutama yang tidak mempunyai transportasi

umum yang baik atau memadai atau tidak seimbangnya kebutuhan jalan dengan

kepadatan penduduk. Kemacetan lalu lintas kini nampaknya menjadi permasalahan

sehari-hari kota-kota besar di Indonesia.(dephub.go.id)

Salah satu faktor penyebab kemacetan adalah arus yang melewati jalan telah

melampaui kapasitas jalan. Hal ini umumnya disebabkan karena terlalu banyaknya

jumlah kendaraan yang beropersi di jalan, khususnya kendaraan pribadi. Kemacetan

tersebut dapat membawa beberapa dampak negatif, antara lain : kerugian waktu karena

kecepatan perjalanan yang rendah, meningkatkan stres pengguna jalan, dan meningkatkan

polusi udara karena pada kecepatan rendah konsumsi energi lebih tnggi, dan mesin tidak

beroperasi pada kondisi yang optimal. Apabila orang-orang lebih memilih transportasi

umum daripada kendaraan pribadi, tentu lalu lintas akan lebih lengang dan menekan

peningkatan polusi udara. Sayangnya, selain alasan kualitas transportasi umum yang

kurang memadai, masyarakat juga kekurangan informasi tentang transportasi umum yang

beroperasi, sehingga dengan alasan kenyamanan banyak masyarakat yang lebih memilih

untuk menggunaan kendaraan pribadi, biasanya orang mengetahui rute transportasi umum

hanya dari mulut ke mulut.

Apabila ada seseorang yang ingin bepergian ke suatu tempat dan ia belum

mengetahui bagaimana cara (transportasi apa saja yang bisa digunakan) untuk mencapai

tempat tersebut, maka pada umumnya seseorang tersebut akan bertanya kepada orang lain

yang lebih tahu bagaimana cara untuk mencapai tempat tujuannya. Namun, masalahnya

adalah bagaimana jika orang yang ingin bepergian tersebut pada suatu kondisi tertentu

tidak menemukan orang lain yang dapat member informasi kepadanya tentang bagaimana

cara untuk mencapai tujuannya tersebut. Di samping itu, pengguna internet, khususnya

mobile internet pun semakin meningkat seiring dengan perkembangan teknologi, terlebih

lagi di bidang informasi dan komunikasi yang menyebabkan pesatnya perkembangan

jenis ponsel yang menyediakan fitur-fitur yang mendukung aplikasi berbasis web.

1


commit to user

2

Penggunaan mobile internet telah berkembang di seluruh dunia. Alangkah sayangnya jika

teknologi mobile internet seperti ini hanya digunakan untuk hiburan semata. Bisa kita

bayangkan, apabila fasilitas mobile internet tersebut bisa digunakan sebagai sarana yang

mendukung bagi masyarakat untuk mengakses informasi tentang transportasi umum,

tentunya akan memberi nilai lebih dalam hal manfaat.

1.2 Perumusan Masalah

Berdasarkan beberapa uraian latar belakang masalah di atas, maka dirumuskan

masalah yaitu, “bagaimana pembuatan aplikasi rute transpotasi umum berbasis mobile

web di Kabupaten Sragen?”

1.3 Batasan Masalah

Batasan masalah yang diambil pada pembuatan aplikasi rute transportasi umum

berbasis mobile web khususnya transportasi bus dan angkot menggunakan java adalah

aplikasi dapat dijalankan pada ponsel yang memiliki fitur minimum JAVA MIDP 2.0 dan

yang mempunyai operating system(OS) android.

1.4 Tujuan Penelitian

Tujuan yang ingin dicapai pada penelitian yang dibahas adalah pembuatan aplikasi

rute transportasi umum berbasis mobile web menggunakan HTML javascript , dengan

adanya sistem ini diharapkan dapat mempermudah dan memberikan informasi tentang

rute transportasi umum di Kabupaten Sragen.

1.5 Manfaat Penulisan Penelitian

Adapun manfaat dari penulisan penelitian ini adalah sebagai berikut.

a. Bagi Penulis

Digunakan untuk mengimplementasikan ilmu yang telah diperoleh diperkuliahan

dan membantu perkembangan teknologi informasi.

b. Bagi Pengguna(User)

Diharapkan bisa menjadi sarana untuk memperoleh informasi seputar rute

transportasi umum yang bisa diakses di mana saja menggunakan mobile phone.


commit to user

3

1.6 Metodologi Penelitian

1.6.1 Metodologi Pengumpulan Data

Dalam penelitian tugas akhir ini dilakukan dengan beberapa metode, yaitu

sebagai berikut.

a. Metode Observasi

Metode ini dilakukan dengan cara pengamatan langsung di Dinas

Perhubungan(Dishub) Kabupaten Sragen untuk pengambilan data transportasi

dan pada jalan raya kabupaten Sragen yang menjadi rute transportasi umum

tentang bagaimana kemacetan yang ada di Sragen.

b. Wawancara

Wawancara dilakukan dengan pihak-pihak yang terkait yang berhubungan

dengan topik penelitian, yaitu dengan Kepala bagian transportasi di Dinas

Perhubungan Kabupaten Sragen.

c. Studi Pustaka

Metode pengumpulan ini menggunakan pustaka-pustaka yang telah ada

untuk digunakan sebagai referensi atau acuan, serta ide untuk melakukan

penelitian ini.

1.6.2 Metode Analisis Sistem

Analisis sistem adalah suatu uraian aplikasi yang utuh, yang dibagi menjadi

beberapa komponen bagiannya dengan maksud untuk mengidentifikasi dan

mengevaluasi permasalahan dan hambatan yang terjadi, serta mengusulkan berbagai

macam kebutuhan untuk perbaikan.

1.6.3 Perencanaan Content Sistem

Perencanaan content sistem digunakan untuk menentukan fasilitas-fasilitas dalam

aplikasi agar sistem dapat bekerja dengan maksimal.

1.6.4 Implementasi Sistem

Implementasi sistem merupakan kegiatan memaparkan rancangan yang telah

disusun untuk bisa diwujudkan. Tahapan implementasi sistem mencakup pengkodean

program dan deployment program. Jika semua tahap berakhir, maka akan sampai pada


commit to user

4

tahap evaluasi sistem. Evaluasi sistem adalah menguji dan memastikan bahwa sistem

sudah sesuai dengan alur sistem secara keseluruhan.

1.7 Sistematika Penulisan

Penulisan laporan tugas akhir ini dibagi menjadi beberapa kriteria bab, dimana setiap

kriteria bab memiliki pembahasan yang berbeda, yaitu sebagai berikut.

1. Bab I Pendahuluan

Bab ini membahas tentang latar belakang permasalahan, perumusan masalah,

batasan masalah, tujuan penelitian, manfaat penelitian, metodologi penelitian dan

sistematika penulisan tugas akhir yang diperlukan dalam penelesaian tugas akhir.

2. Bab II Landasan Teori

Bab ini berisi landasan teori yang menjelaskan tentang istilah-istilah yang

digunakan dalam pembuatan dokumen tugas akhir dengan cakupan tinjauan pustaka,

kerangka pemikiran dan hipotesis, antara lain yaitu Java, J2ME, Dasar Pemrograman,

Basis Data, JQuery, SQLite, Eclipse, Android, Mobile Web, HTML, UML (Unified

modeling Language), Use Case Diagram, Class Diagram, State Chart Diagram,

Sequence Diagram, Activity Diagram, Collaburation Diagram, Component Diagram,

Deployment Diagram,

3. Bab III Desain dan Perancangan

Bab ini membahas mengenai analisa sistem dari aplikasi yang akan dibuat.

4. Bab IV Implementasi dan Analisa Sistem

Bab ini membahas mengenai penerapan hasil analisa dan rancangan sistem yang

dibuat hingga terbentuk aplikasi yang diharapkan.

5. Bab V Penutup

Bab ini berisi kesimpulan dan saran mengenai produk dari tugas akhir yang telah

dibuat.


commit to user

5

BAB II

LANDASAN TEORI

2.1 JavaJava adalah suatu teknologi di dunia software komputer, selain

merupakan suatu bahasa pemrograman, java juga merupakan suatu

platform. Java merupakan teknologi dimana teknologi tersebut mencakup

java sebagai bahasa pemrograman tersendiri, juga mencakup java sebagai

platform di mana teknologi ini memiliki virtual machine dan library yang

diperlukan untuk menulis dan menjalankan program yang ditulis dengan

bahasa pemrograman java. (Isak Rickyanto, 2003)

2.1.1 J2ME

Java2 Micro Edition atau yang biasa disebut J2ME adalah

lingkungan pengembangan yang didesain untuk meletakkan perangkat

lunak JAVA pada barang elektronik berserta perangkat pendukungnya.

Pada J2ME, jika perangkat lunak berfungsi dengan baik pada sebuah

perangkat maka belum tentu juga berfungsi baik pada perangkat yang lain.

J2ME membawa Java ke dunia informasi, komunikasi, dan perangkat

komputasi yang lebih kecil dibandingkan dengan komputer desktop. J2ME

biasa digunakan pada telepon selular, pager, PDA, dan sejenisnya.

Teknologi J2ME juga memiliki beberapa keterbatasan jika diaplikasikan

pada ponsel. J2ME sangat bergantung pada device yang digunakan, bisa

dari merk ponsel, maupun kemampuan ponsel, dan dukungan terhadap

teknologi J2ME. Misalnya, jika sebuah ponsel tidak memiliki kamera

maka jelas J2ME pada ponsel tersebut tidak dapat mengakses

kamera.(Bany, 2010)

2.1.2 Dasar Pemrograman

Java2 adalah generasi kedua dari Java platform (generasi awalnya

adalah Java Development Kit). Java berdiri di atas sebuah mesin interpreter

yang diberi nama JVM. JVM inilah yang akan membaca bytecode dalam

file .class dari suatu program sebagai representasi langsung program yang

5


commit to user

6

berisi bahasa mesin. Oleh karena itu, bahasa Java disebut sebagai bahasa

pemrograman yang portable karena dapat dijalankan pada berbagai sistem

operasi, asalkan pada sistem operasi tersebut terdapat JVM.

Platform Java terdiri dari kumpulan library, JVM, kelas- kelas

loader yang dipaket dalam sebuah lingkungan rutin Java, dan sebuah

compiler, debuger, dan perangkat lain yang dipaket dalam Java

Development Kit (JDK). Java2 adalah generasi yang sekarang sedang

berkembang dari platform Java. Agar sebuah program Java dapat

dijalankan, maka file dengan ekstensi ''.java'' harus dikompilasi menjadi file

bytecode. Untuk menjalankan bytecode tersebut dibutuhkan JRE ( Java

Runtime Environment) yang memungkinkan pemakai untuk menjalankan

program Java, hanya menjalankan, tidak untuk membuat kode baru lagi.

Platform Java memiliki tiga buah edisi yang berbeda, yaitu J2EE

atau Java2 Enterprose Edition, J2ME ( Java2 Micro Edition) dan J2SE atau

Java2 Second Edition. J2EE adalah kelompok dari beberapa API

( Application Programming Interface) dari Java dan teknologi selain Java.

J2EE sering dianggap sebagai middleware atau teknologi yang berjalan di

server, namun sebenarnya J2EE tidak hanya terbatas untuk itu. Faktanya

J2EE juga mencakup teknologi yang dapat digunakan di semua lapisan dari

sebuah sistem informasi. Implementasi J2EE menyediakan kelas dasar dan

API dari Java yang mendukung pengembangan dari rutin standar untuk

aplikasi klien maupun server, termasuk aplikasi yang berjalan di web

browser. J2SE adalah lingkungan dasar dari Java, sedangkan J2ME

merupakan edisi library yang dirancang untuk digunakan pada device

tertentu seperti pagers dan mobile phone.

Java merupakan bahasa pemrogrman yang bersifat case sensitive

yang berarti penulisan menggunakan huruf besar ataupun huruf kecil pada

kode program dapat berarti lain. Misalnya penulisan "System" akan

diartikan berbeda dengan "system" oleh interpreter. Java tidak seperti C++,

Java tidak mendukung pemrograman prosedural, tapi mendukung


commit to user

7

pemrograman berorientasi objek sehingga ada sintaks class pada kode

programnya

2.2 Basis Data

Basis data dapat dipahami sebagai suatu kumpulan data terhubung

(interrelated data) yang disimpan secara bersama-sama pada suatu media,

data disimpan dengan cara-cara tertentu sehingga mudah untuk digunakan

atau ditampilkan kembali, data dapat digunakan oleh satu atau lebih

progam aplikasi secara optimal, data disimpan sedemikian rupa sehingga

proses penambahan, pengambilan dan modifikasi data dapat dilakukan

dengan mudah dan terkontrol. (Edhy Sutanta, 2004)

Beberapa keuntungan dari basis data yang perlu diperhatikan

antara lain sebagai berikut:

1. Mengurangi duplikasi data.

2. Meningkatkan integritas data.

3. Memelihara independensi data.

4. Meningkatkan keamanan data.

5. Memelihara konsistensi data.

6. Manipulasi data lebih canggih.

7. Mudah untuk digunakan.

8. Mudah untuk di akses.

Dari beberapa keuntungan tersebut, basis data juga mempunyai

kekurangan antara lain sebagai berikut:

1. Sistem lebih rumit, jadi memerlukan tenaga ahli dalam desain,

program dan implementasi.

2. Lebih mahal.

3. Bila terdapat akses yang tidak benar, akan terjadi kerusakan.

4. Proses pemeliharaan dapat memakan waktu karena ukurannya yang

besar.

5. Proses back up data memakan waktu.


commit to user

8

2.3 JqueryJquery adalah salah satu library javascript, dengan jquery kita dapat

melakukan banyak hal yang tidak bisa dilakukan oleh HTML maupun

CSS. Misalnya, menampilkan artikel tanpa me-reload halaman,

memunculkan pop-up di tengah-tengah halaman, menyembunyikan artikel

jika diklik, dan sebagainya. Contoh yang menarik dan bisa kita lihat adalah

pada facebook. Facebook banyak menggunakan jquery maupun AJAX

dalam penggunaannya.(Toni Kun, 2010)

2.4 AplikasiAplikasi berasal dari kata application yang artinya

penerapan;lamaran;penggunaan. Secara istilah aplikasi adalah: program

siap pakai yang direka untuk melaksanakan suatu fungsi bagi pengguna

atau aplikasi yang lain dan dapat digunakan oleh sasaran yang dituju.

2.5 SQLiteSQLite merupakan sebuah sistem manajemen basisdata relasional

yang bersifat ACID-compliant dan memiliki ukuran pustaka kode yang

relatif kecil, ditulis dalam bahasa C. SQLite merupakan proyek yang

bersifat public domain.

Tidak seperti pada paradigma client-server umumnya, inti SQLite

bukanlah sebuah sistem yang mandiri yang berkomunikasi dengan sebuah

program, melainkan sebagai bagian integral dari sebuah program secara

keseluruhan, sehingga protokol komunikasi utama yang digunakan adalah

melalui pemanggilan API secara langsung melalui bahasa pemrograman.

Mekanisme seperti ini tentunya membawa keuntungan karena dapat

mereduksi overhead, latency times, dan secara keseluruhan lebih

sederhana. Seluruh elemen basisdata (definisi data, tabel, indeks, dan data)

disimpan sebagai sebuah file. Kesederhanaan dari sisi desain tersebut bisa

diraih dengan cara mengunci keseluruhan file basis data pada saat sebuah

transaksi dimulai.( D. Richard Hipp, 2011)


commit to user

9

2.6 Mobile WebMobile web bertujuan untuk mengakses layanan data secara

wireless dengan menggunakan perangkat mobile seperti handphone, dan

perangkat portable yang tersambung ke sebuah jaringan telekomunikasi

selular. Mobile web yang diakses melalui perangkat mobile perlu

dirancang dengan mempertimbangkan keterbatasan perangkat mobile

seperti sebuah handphone yang memiliki sebuah layar dengan ukuran yang

terbatas ataupun beberapa keterbatasan pada sebuah perangkat mobile.

2.7 EclipseEclipse merupakan komunitas open source yang bertujuan

menghasilkan platform pemrograman terbuka. Eclipse terdiri dari

framework yang dapat dikembangkan lebih lanjut, peralatan bantu untuk

membuat dan memanage software sejak awal hingga diluncurkan.

Platform eclipse didukung oleh ekosistem besar yang terdiri dari vendor

tekonologi, start-up inovatif, universitas, riset institusi serta individu.

Banyak orang mengenal eclipse sebagai IDE (integrated development

environment) untuk bahasa Java, tapi eclipse lebih dari sekedar IDE untuk

Java.(Ehsa, 2011)

2.8 Android

Android merupakan subset perangkat lunak untuk ponsel yang

meliputi sistem operasi, middleware dan aplikasi kunci yang di release

oleh Google. Saat ini disediakan Android SDK (software Development kit)

sebagai alat bantu dan API diperlukan untuk mulai mengembangkan

aplikasi pada platform android menggunakan bahasa pemrograman Java.

(Bambang Gene, 2011)2.9 HTML

HTML kependekan dari Hyper Text Markup Languange. Dokumen

HTML adalah file teks murni yang dapat dibuat dengan editor teks

sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML

merupakan dokumen yang disajikan dalam browser web surfer. Dokumen

ini umumnya berisi informasi atau pun interface aplikasi di dalam internet.


commit to user

10

Ada dua cara untuk membuat sebuah web page, dengan HTML atau

dengan editor teks biasa, misalnya notepad. Salah satu kelebihan file

HTML adalah cross platform, artinya file HTML dapat ditampilkan di

beberapa Operating System (OS) yang berbeda dan memiliki tampilan

yang sama walaupun saat pembuatannya menggunakan satu OS tertentu

saja.

2.10 UML (Unified modeling Language)Unified Modeling Language (UML) adalah sebuah bahasa untuk

menentukan, visualisasi, kontruksi, dan mendokumentasikan artifacts dari

sistem software, untuk memodelkan bisnis, dan sistem nonsoftware

lainnya. UML merupakan suatu kumpulan teknik terbaik yang telah

terbukti sukses dalam memodelkan sistem yang besar dan kompleks.

(A.Suhendar dan Hariman Gunadi, 2002)

2.10.1 Use Case DiagramUse case diagram menjelaskan manfaat sistem jika dilihat menurut

pandangan orang yang berada diluar sistem (actor). Diagram ini

menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem

berinteraksi dengan dunia luar.

Use case diagram dapat digunakan selama proses analisis untuk

menangkap requirements sistem dan untuk memahami bagaimana sistem

seharusnya bekerja. Selama tahap desain, use case diagram menetapkan

perilaku (behavior) sistem saat diimplementasikan. Sebuah model

mungkin terdapat satu atau beberapa use case diagram.



commit to user

11

Tabel 2.1 Simbol Use Case Diagram

No. Simbol Nama Deskripsi

1. CaseMenggambarkan proses / kegiatanyang dapat diakukan oleh aktor

2. ActorMenggambarkan entitas / subyekyang dapat melakukan suatuproses

3. RelationRelasi antara case dengan actorataupun case dengan case lain.

2.10.2 Class DiagramClass diagram membantu kita dalam visualisasi struktur kelas-kelas

dari suatu sistem dan merupakan tipe diagram yang paling banyak dipakai.

Class diagram memperlihatkan hubungan antar kelas dan penjelasan detail

tiap-tiap kelas di dalam model desain (dalam logical view) dari suatu

sistem.

Selama proses analisis, class diagram memperlihatkan aturan-

aturan dan tanggung jawab entitas yang menentukan perilaku sistem,

selama tahap desain class diagram berperan dalam menangkap struktur

dari semua kelas yang membentuk arsitektur sistem yang dibuat.

Class diagram juga merupakan fondasi untuk component diagram

dan deployment diagram, dalam sebuah model mungkin terdapat beberapa

diagram kelas dengan spesifikasi tersendiri.



commit to user

12

2.10.3 State Chart Diagram

State chart diagram digunakan untuk menjelaskan siklus hidup dari

sebuah elemen. State chart digunakan dalam tahap desain dalam

pembangunan suatu aplikasi. Berikut ini adalah simbol-simbol yang

digunakan dalam state chart diagram.

Tabel 2.2 Simbol State Chart Diagram


1. Initial StateMenggambarkan titik awal siklus

hidup suatu elemen

2. Final State

Menggambarkan titik akhir yang

menjadi kondisi akhir suatu

elemen

3. DecisionMenggambarkan suatu

percabangan logika dalam sistem

4. TransitionMenggambarkan aliran siklus

state (kondisi) suatu elemen

5. StateMenggambarkan kondisi suatu

elemen

2.10.4 Sequence DiagramSequence diagram digunakan untuk menjelaskan aliran pesan dari

suatu class ke class lain secara sequensial (berurutan). Sequence diagram

digunakan pada tahap desain aplikasi. Berikut adalah simbol yang

digunakan dalam sequence diagram.


commit to user

13

Tabel 2.3 Simbol Sequence Diagram


1 ObjectMenggambarkan pos-pos obyekyang pengirim dan penerimamessage

2

Message

Message MessageMenggambarkan aliran pesanyang dikirim oleh pos-posobyek

2.10.5 Activity Diagram

Activity diagram memodelkan alur kerja sebuah proses bisnis dan

urutan aktivitas dalam suatu proses. Diagram ini sangat mirip dengan

sebuah flowchart karena kita dapat memodelkan sebuah alur kerja dari satu

aktivitas ke aktivitas lainnya atau dari satu aktivitas ke dalam keadaan

sesaat (state). Activity diagram juga sangat berguna ketika kita ingin

menggambarkan perilaku paralel atau menjelaskan bagaimana perilaku

dalam berbagai use case berinteraksi.

Tabel 2.4 Simbol Activity Diagram


1 ActionState

Menggambarkan keadaan dari

suatu elemen dalam suatu aliran

aktifitas

2 StateMenggambarkan kondisi suatu

elemen


commit to user

14

3Flow

Control

Mengggambarkan aliran

aktifitas dari suatu elemen ke

elemen lain

4. Initial StateMenggambarkan titik awal

siklus hidup suatu elemen

5. Final State

Menggambarkan titik akhir yang

menjadi kondisi akhir suatu

elemen

2.10.6 Collaburation Diagram

Collaburation diagram digunakan untuk mejelaskan hubungan

antar obyek-obyek didalam pembuatan aplikasi. Collaburation diagram

digunakan dalam tahap desain aplikasi. Berikut adalah simbol yang

digunakan dalam collaburation diagram.

Tabel 2.5 Simbol Collaburation Diagram


1. Object Menggambarkan sebuah Object

2. AssociationMenggambarkan hubungan

antar Object

2.10.7 Component Diagram

Component diagram menggambarkan alokasi semua objek dan

kelas ke dalam desain fisik sistem software. Diagram ini memperlihatkan

pengaturan dan kebergantungan antara komponen-komponen software,

seperti source code, binary code, dan komponen tereksekusi. Kita dapat

Object


commit to user

15

membuat satu atau lebih component diagram untuk menggambarkan

komponen dan paket atau menerangkan isi dari tiap-tiap paket komponen.

Umumnya komponen terbentuk dari beberapa class atau package, tapi dapat

juga dari komponen-komponen yang lebih kecil. Komponen dapat juga

berupa interface, yaitu kumpulan layanan yang disediakan sebuah

komponen untuk komponen lain.

2.10.8 Deployment Diagram

Deployment physical diagram menggambarkan detail bagaimana

komponen di-deploy dalam infrastruktur sistem, di mana komponen akan

terletak (pada mesin, server atau piranti keras apa), bagaimana kemampuan

jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang

bersifat fisikal.

Sebuah node adalah server, workstation, atau piranti keras lain

yang digunakan untuk men-deploy komponen dalam lingkungan

sebenarnya. Hubungan antar node (misalnya TCP/IP) dan requirement dapat

juga didefinisikan dalam Deployment diagram ini.


commit to user

16

BAB III

DESAIN DAN PERANCANGAN

3.1 Analisis Kebutuhan

3.1.1 Kebutuhan Software

1. Software yang digunakan untuk membuat aplikasi:

a. Sistem Operasi.

Pembuatan aplikasi ini memerlukan Sistem Operasi Windows karena

aplikasi ini merupakan yang berbasis Windows, disarankan minimal

menggunakan Windows XP.

b. Java Development Kit versi 5 atau 6 .

c. Aplikasi web adalah jenis aplikasi yang diakses melalui browser,

misalnya Internet Explorer dan Mozilla Firefox. Digunakan untuk

mengetahui jalannya aplikasi tersebut.

d. SQLite adalah merupakan sebuah sistem manajemen basisdata

relasional dan memiliki ukuran pustaka kode yang relatif kecil.

e. Eclipse minimal versi 3.4 adalah komunitas open source yang

bertujuan menghasilkan platform pemrograman terbuka.

f. Android adalah subset perangkat lunak untuk ponsel yang meliputi

sistem operasi, middleware, dan diperlukan untuk mengembangkan

aplikasi pada platform android menggunakan bahasa pemrograman

Java.

2. Software yang digunakan untuk menjalankan aplikasi:

a. Aplikasi web adalah jenis aplikasi yang diakses melalui browser,

misalnya Internet Explorer dan Mozilla Firefox. Digunakan untuk

mengetahui jalannya aplikasi tersebut.

b. Mobile phone yang memiliki operating system android.

c. Eclipse versi 3.4.

16


commit to user

17

3.1.2 Kebutuhan Hardware

1. Hardware yang digunakan untuk membuat aplikasi.

a. Processor

Processor yang digunakan untuk pembuatan aplikasi ini yaitu processor

Intel Pentium dual-core

b. Memory

Memory yang digunakan dalam pembuatan dan untuk menjalankan

aplikasi ini adalah RAM 1GB

c. Harddisk

Harddisk yang digunakan dalam pembuatan dan untuk menjalankan

aplikasi ini yaitu harddisk 160 GB

d. Monitor 12 inch

2. Hardware yang digunakan untuk menjalankan aplikasi.

a. Processor.

Processor yang digunakan untuk menjalankan aplikasi ini processor Intel

Pentium core two duo.

b. Memory.

Memory yang digunakan untuk menjalankan aplikasi ini RAM 512 MB

c. Harddisk.

Harddisk yang digunakan untuk menjalankan aplikasi ini 1 GB.

3.2 Deskripsi Umum Sistem

Pembuatan aplikasi rute transportasi umum berbasis mobile web ini,

sistem yang dihasilkan diharapkan dapat membantu masyarakat untuk

mempermudah dalam mengakses transportasi yang akan digunakan dan

dapat mengetahui rute mana saja yang akan dilewati. Dengan adanya

program yang dihasilkan diharapkan dapat mengurangi tingkat polusi

udara dan kemacetan terutama di Kabupaten Sragen. Isi dari aplikasi ini

meliputi Sragen, peta, transport, dan about.


commit to user

18

3.3 Perancangan Database

Pembuatan aplikasi rute transportasi umum diperlukan adanya suatu

basis data yang digunakan untuk tempat menyimpan seluruh informasi dan

data. Pada aplikasi ini terdapat tabel halte, tabel rule, dan tabel tempat.

Perancangan untuk aplikasi rute transportasi umum adalah sebagai

berikut:

3.3.1 Relasi Antar Tabel

Relasi tabel pada aplikasi rute transportasi umum berbasis mobile web

dapat dilihat pada gambar 3.1 di bawah ini:

Gambar 3.1 Relasi Antar Tabel

Tabel 3.1 Tabel halte

Nama Field Tipe Data Keterangan

id Integer Sebagai id halte (PK)*

nama Varchar(45) Berisi nama halte

long Integer Longitude pada peta

lat Integer Latitude pada peta


commit to user

19

Tabel 3.2 Tabel Rule


id_asal Integer Sebagai id halte halte asal(FK)

Id_tujuan Integer Sebagai id halte haltetujuan(FK)

Keterangan Varchar(255) Berisi deskripsi bus/angkotyang akan ditumpangi

Tabel 3.3 Tabel tempat


parent Integer Sebagai group, misal:PanduanSragen, resto & cafe, tempatbelanja, fasilitas umum

title Varchar(45) Judul panduan

image Varchar(100) Menampilkan gambar

Isi Varchar(255) Berisi deskripsi panduan

3.4 Perancangan Aplikasi

Perancangan aplikasi bertujuan untuk menentukan rancangan aplikasi

rute transportasi umum. Dalam perancangan aplikasi ini menjelaskan

langkah-langkah pembuatan alur fungsi dan proses yang ada dalam

aplikasi rute transportasi umum. Hal ini akan dibutuhkan untuk pedoman

implementasi.

3.4.1 Use Case Diagram

Use case diagram mendefinisikan fitur-fitur yang terdapat dalam aplikasi

rute transportasi umum berbasis mobile web Kabupaten Sragen. Use case

diagram tersebut menunjukkan adanya interaksi antara aktor dan sistem.

Aktor yang berperan adalah pengguna, dan sistem adalah aplikasi rute

transportasi rute transportasi umum berbasis mobile web Kabupaten

Sragen.


commit to user

20

Gambar 3.2 Use Case Diagram Aplikasi

Tabel 3.4 Tabel Deskripsi Use Case

Aktor : Pengguna

Deskripsi : 1. Use Case Melihat panduan Sragen

Aktor Pengguna

- Pengguna dapat melihat sedikitdeskripsi tentang Sragen, resto &café, tempat belanja, fasilitas umum.

2. Use Case Melihat Peta

Aktor Pengguna


commit to user

21

- Pengguna dapat melihat petaKabupaten Sragen

3. Use Case Melihat transport

Aktor Pengguna

- Pengguna dapat menginputkantempat asal dan tujuan pada aplikasiuntuk mengetahui jenis transportasiapa yang akan ditumpangi.

- Pengguna dapat mencari informasitempat tujuan dan jenis transportasiyang akan ditumpangi danselanjutnya rute transportasi tersebutakan ditampilkan dalam bentuk peta.

4. Use Case Melihat tentang

Aktor Pengguna

- Pengguna dapat melihat informasitentang aplikasi

3.4.2 Activity Diagram

Activity diagram menggambarkan aktivitas yang secara umum

dilakukan tanpa menggambarkan objek yang bertanggung jawab atas

aktivitas tersebut. Keadaan pertama yang muncul adalah keadaan pada saat

load aplikasi pada mobile. Setelah keadaan itu terpenuhi, maka aktifitas

memilih menu dilakukan oleh pengguna.


commit to user

22

Gambar 3.3 Activity Diagram Aplikasi


commit to user

23

Gambar 3.4 Activity Diagram Menu utama

Gambar 3.5 Activity Diagram Sekilas Sragen


commit to user

24

Pilih menupanduan Sragen

Pilih menuResto & cafe

Tampilinformasi

Resto & cafe

tidak

ya

Gambar 3.6 Activity Diagram Resto & Cafe


Pilih menuTempat belanja

Tampilinformasi

Tempat belanja

tidak

ya

Gambar 3.7 Activity Diagram Tempat Belanja


commit to user

25

Gambar 3.8 Activity Diagram Fasilitas Umum


Pilih menuWisata

Tampilinformasi

Wisata

tidak

ya

Gambar 3.9 Activity Diagram Wisata


commit to user

26

Gambar 3.10 Activity Diagram Transport

Gambar 3.11 Activity Diagram Melihat peta


commit to user

27

Gambar 3.12 Activity Diagram Tentang

3.4.3 Sequence Diagram

Sequence diagram pada gambar 3.13 menggambarkan interaksi yang

terjadi antar objek untuk menghasilkan tampilan berupa panduan Sragen.

Objek menu berinteraksi langsung dengan pengguna yang mengirimkan

pesan berupa pilih menu ke objek menu. Objek menu meneruskan pesan

tersebut berupa permintaan menampilkan halaman menu Sragen, resto &

cafe, tempat belanja, dan fasilitas umum. Objek menu-menu tersebut

menerima pesan tersebut dan mengembalikan pesan tersebut kepada

pengguna berupa keterangan informasi yang ada pada menu panduan

Sragen.


commit to user

28

Pengguna Menu Panduan Sragen

1. buka aplikasi

2. pilihan menunya()

3. panduan

4. menu sragen

Informasi

5. tampil informasi sragen

6.menu resto & cafe

7. tampil informasi resto

8.menu tempat belanja

9.tampil informasi tempatbelanja

10.tampil fasilitas umum

11.tampil informasifasilitas umum

12. tampil menu wisata13. tampil informasi

Menu wisata

Gambar 3.13 Sequence Diagram Panduan Sragen

Sequence diagram pada gambar 3.14 memiliki proses yang hampir

sama dengan halaman sekilas Sragen, hanya pesan yang disampaikan

kepada pengguna berupa tampilan inputan tujuan tempat asal dan tujuan

serta keterangan bus/angkot yang akan digunakan pengguna transportasi,

setelah itu akan ditunjukkan langsung beserta rute transportasinya.


commit to user

29

Gambar 3.14 Sequence Diagram Transport

Sequence diagram pada gambar 3.15 memiliki proses yang hampir

sama dengan halaman inputan, hanya pesan yang disampaikan kepada

pengguna berupa tampilan gambar peta kabupaten Sragen.

Gambar 3.15 Sequence Diagram Peta


commit to user

30

Sequence diagram pada gambar 3.16 terjadi interaksi antara

pengguna dengan objek menu. Pengguna mengirimkan pesan kepada objek

menu dan meneruskan ke objek info untuk menampilkan informasi nama

aplikasi dan nama pembuat aplikasi.

Gambar 3.16 Sequence Diagram Tentang

3.4.4 Class Diagram

Gambar 3.17 Class Diagram Rute Transportasi Umum


commit to user

31

3.4 Desain Rancangan Program

Desain program pada Aplikasi Rute Transportasi Umum Berbasis

Mobile Web Kabupaten Sragen adalah sebagai berikut:

1. Desain Rancangan Tampilan Aplikasi Awal (Splash Screen)

Desain rancangan tampilan Aplikasi Awal (Splash Screen) Aplikasi

Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen

ditunjukkan pada gambar 3.18.

Gambar 3.18 Desain Rancangan Splash Screen

3. Desain Rancangan Tampilan Menu Utama

Desain rancangan tampilan menu utama Aplikasi Rute Transportasi

Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada

gambar 3.19. Pada menu utama terdapat empat menu yaitu menu

panduan, peta, transport, dan menu tentang.

Gambar 3.19 Desain Rancangan Menu Utama


commit to user

32

4. Desain Rancangan Tampilan Menu Panduan

Desain rancangan tampilan menu panduan Aplikasi Rute

Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan

pada gambar 3.20. Pada menu panduan terdapat beberapa sub menu yaitu

Sragen, resto&cafe, tempat belanja, dan fasilitas umum.

Gambar 3.20 Desain Rancangan Menu Panduan

5. Desain Rancangan Tampilan Menu Peta

Desain rancangan tampilan menu peta Aplikasi Rute Transportasi


gambar 3.21.

Gambar 3.21 Desain Rancangan Menu Peta


commit to user

33

6. Desain Rancangan Tampilan Menu Transport

Desain rancangan tampilan menu transport Aplikasi Rute

Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan

pada gambar 3.22.

Tempat asal:Tempat tujuan:

Keterangan:...............

panduan peta transport tentang

pilih kembali

OK

Gambar 3.22 Desain Rancangan Menu Transport

7. Desain Rancangan Tampilan Menu Tentang

Desain rancangan tampilan menu tentang Aplikasi Rute Transportasi


gambar 3.23.

Gambar 3.23 Desain Rancangan Menu Tentang


commit to user

34

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 Hierarki Input Proses Output (HIPO)

1. Hierarki

Sistem yang dirancang ini merupakan aplikasi rute transportasi umum

berbasis mobile web Kapubaten Sragen secara stand alone tanpa

mengakses sumber data eksternal.

2. Input

Pengguna memberikan input untuk mencari lokasi rute tempat yang

dituju. Input kemudian akan diproses menjadi suatu hasil dimana rute

yang dituju menunjukkan adanya suatu tempat beserta informasi jenis

transportasi apa yang akan ditumpangi.

3. Proses

Proses mencari suatu rute transportasi dan jenis kendaraan yang

ditumpangi dari input yang diberikan pengguna.

4. Output

Pengguna dapat mengetahui rute tempat tujuan yang dicari dan jenis

transportasi yang dapat ditumpangi.

4.2 Spesifikasi Pengguna

Aplikasi mobile peta ini ditujukan untuk digunakan oleh semua

pihak yang ingin mencari rute transportasi umum dan mengetahui jenis

transportasi apa yang dapat digunakan untuk mencapai tempat tujuan.

4.3 Tampilan Aplikasi

Tampilan dari aplikasi ini hanya terdiri dari satu platform, yaitu

dari client tampilan menggunakan alat yaitu mobile atau ponsel. Berikut

ini beberapa gambar tampilan aplikasi.

3234


commit to user

35

4.3.1 Tampilan Menu Aplikasi

Gambar 4.1 Tampilan Aplikasi pada menu hanphone

Tampilan di atas adalah tampilan aplikasi setelah diinstal pada

handphone, tampilan tersebut dibuat dengan simbol “S” yang berarti

Sragen.

4.3.2 Tampilan Aplikasi Awal (Splash Screeen)

Gambar 4.2 Tampilan Menu Pembuka (Splash Screen)


commit to user

36

Tampilan pembuka ketika pertama kali aplikasi dibuka, terdapat

tulisan Sragen Asri sebagai judul dari aplikasi. Aplikasi ini didalamnya

berisi tentang simbol kabupaten Sragen dan tulisan “Asri” yang berarti

Aman, Sehat, Rapi, Indah.

4.3.3 Tampilan Menu Utama

Gambar 4.3 Tampilan Menu Utama

Desain menu utama pada aplikasi ini menggunakan kombinasi

warna hitam. Tampilan utama dari aplikasi ini memiliki empat menu yang

bisa dipilih pengguna, antara lain: menu panduan, menu peta, menu

transport, dan menu tentang.


commit to user

37

4.3.4 Tampilan Menu Panduan

Gambar 4.4 Tampilan Menu Panduan

Desain tampilan menu panduan pada aplikasi ini sama dengan

menu-menu yang lain. Tampilan menu panduan dari aplikasi ini berisi

informasi sekilas Sragen dan tempat-tempat umum yang ada di kota

Sragen, misalnya wisata Sragen, resto & cafe, tempat belanja dan fasilitas

umum.

4.3.4.1 Tampilan Sub Menu Sragen

Gambar 4.5 Tampilan Sub Menu Sragen


commit to user

38

Desain tampilan sub menu Sragen pada aplikasi ini berisi tulisan

informasi tentang kabupaten Sragen, selain itu juga berisi simbol

kabupaten Sragen.

4.3.4.2 Tampilan Sub Menu Wisata Sragen

Gambar 4.6 Tampilan Sub Menu Wisata Sragen

Desain tampilan sub menu Wisata Sragen pada aplikasi ini berisi

tulisan informasi tentang wisata yang ada di Sragen, yaitu wisata religi,

wisata budaya, wisata batik dan wisata alam.

4.3.4.2.1 Tampilan Menu Wisata Religi

Gambar 4.7 Tampilan Menu Wisata Religi


commit to user

39

Desain tampilan menu wisata religi dari aplikasi ini berisi artikel

tentang wisata religi yang ada di Sragen. Menu ini berfungsi untuk

mengetahui sejarah wisata-wisata religi yang ada di Sragen. Lokasi wisata

religi di atas yaitu “Gunung Kemukus” dapat ditunjukkan dengan peta

seperti tampilan di bawah ini:

Gambar 4.8 Tampilan Peta Wisata Religi

4.3.4.2.2 Tampilan Menu Wisata Budaya

Gambar 4.9 Tampilan Menu Wisata Budaya


commit to user

40

Desain tampilan menu wisata budaya dari aplikasi ini berisi artikel

tentang wisata budaya ang ada di Sragen misalnya Museum Purbakala

Sangiran, Pacuan Kuda Nyi Ageng Serang, dan Pasar Semangka Masaran.

4.3.4.2.3 Tampilan Menu Wisata Batik

Gambar 4.10 Tampilan Menu Wisata Batik

Desain tampilan menu wisata batik dari aplikasi ini berisi artikel

dan panduan tentang wisata batik yang ada di Sragen seperti Desa Wisata

Kliwonan dan Galeri Batik Sukowati.

4.3.4.2.4 Tampilan Menu Wisata Alam

Gambar 4.11Tampilan Menu Wisata Alam


commit to user

41

Desain tampilan menu wisata alam dari aplikasi ini berisi artikel

dan panduan tentang wisata alam yang ada di Sragen seperti Pemandian

Air Panas Bayanan dan Waduk Kedung Ombo.

4.3.4.3 Tampilan Sub Menu Resto & Cafe

Gambar 4.12 Tampilan Sub Menu Resto & Cafe

Desain tampilan sub menu resto & cafe pada aplikasi berisi

informasi tentang rumah makan yang terkenal di Sragen disertai gambar

dan alamat dari rumah makan tersebut, antara lain rumah makan ayam

Bandung, dan rumah makan Rosojoyo.


commit to user

42

4.3.4.4 Tampilan Sub Menu Tempat Belanja

Gambar 4.13 Tampilan Sub Menu Tempat Belanja

Desain tampilan sub menu tempat belanja pada aplikasi berisi

informasi tentang tempat belanja yang terkenal di Sragen disertai gambar

dan alamat dari tempat belanja tersebut, antara lain toserba luwes Sragen

dan matahari Sragen.

4.3.4.5 Tampilan Sub Menu Fasilitas Umum

Gambar 4.14 Tampilan Sub Menu Tempat Favorit


commit to user

43

Desain tampilan sub menu tempat favorit pada aplikasi berisi

informasi tentang tempat favorit yang terkenal di Sragen disertai gambar

dan alamat dari tempat favorit tersebut, antara lain alun-alun kota Sragen

dan kolam renang kartika Sragen.

4.3.5 Tampilan Menu Peta

Gambar 4.15 Tampilan Menu Peta

Desain tampilan menu peta dari aplikasi ini berisi gambar peta

kabupaten Sragen, yaitu jalan utama yang disebut jalan Raya Sukowati,

pada jalan utama ini kemacetan lalu lintas sering kita jumpai mulai dari

kendaraan umum sampai kendaraan pribadi.


commit to user

44

4.3.6 Tampilan Menu Transport

Gambar 4.16 Tampilan Menu Transport

Desain tampilan menu transport dari aplikasi ini berisi gambar

inputan untuk memilih tempat asal dan tempat tujuan. Menu ini berfungsi

untuk mempermudah masyarakat yang sama sekali belum mengetahui

tentang rute transportasi umum di kabupaten Sragen. Apabila ingin

menginputkan tempat asal maka akan muncul tampilan seperti di bawah

ini:

Gambar 4.17 Tampilan Inputan tempat asal


commit to user

45

Setelah itu apabila ingin menginputkan tempat tujuan maka akan

muncul tampilan seperti di bawah ini:

Gambar 4.18 Tampilan Inputan tempat tujuan

Jika kita belum menginputkan tempat asal dan tempat tujuan, maka akan

muncul notification atau pemberitahuan seperti di bawah ini:

Gambar 4.19 Tampilan notification


commit to user

46

Setelah kita memasukkan tempat asal dan tempat tujuan, maka

akan muncul keterangan tentang transportasi apa yang akan digunakan.

Simbol “a” berwarna biru menjelaskan tentang start atau titik tempat

asal, sedangkan simbol “b” berwarna merah menjelaskan tentang finish

atau tempat tujuan rute transportasi yang kita gunakan tadi sesuai tempat

asal dan tempat tujuan.

Gambar 4.20 Tampilan rute transportasi dan keterangan

4.3.7 Tampilan Menu Tentang

Gambar 4.21 Tampilan Menu Tentang

Desain tampilan menu tentang dari aplikasi ini berisi nama

pembuat aplikasi beserta nomor induk mahasiswa.


commit to user

47

4.3.8 Tampilan aplikasi setelah di uji coba pada handphone Samsung

Galaxy Ace GT-S5B30

Aplikasi rute transportasi umum berbasis mobile web kabupaten

Sragen setelah di uji coba pada handphone Samsung Galaxy Ace GT-

S5B30. Hasil dari aplikasi dapat dilihat pada gambar 4.22.

Gambar 4.22 Tampilan aplikasi pada handphone Galaxy Ace S5B30

4.4 Analisis

Aplikasi ini memiliki fungsi utama sebagai rute transportasi

umum berbasis mobile web. Pembuatan aplikasi ini menggunakan kode

pemrograman HTML javascript yang berbasis mobile sehingga pada

implementasinya akan bisa digunakan di manapun dan kapanpun. DBMS

yang digunakan untuk sistem ini adalah SQLite yang memiliki

keunggulan dalam hal efektifitas data.

Untuk menggunakan aplikasi ini hanya dibutuhkan handphone

yang mempunyai operating system android yang telah terinstal aplikasi

ini. Aplikasi ini juga dilengkapi fasilitas untuk melihat informasi tentang

Sragen, wisata Sragen, peta Sragen, jenis kendaraan yang akan


commit to user

48

digunakan beserta rutenya. Kekurangan dari aplikasi ini yaitu hanya

dapat digunakan pada handphone yang mempunyai sistem operasi

android saja dan sistem instalasinya juga masih terlalu sulit untuk

dimengerti orang awam karena membutuhkan software yang suport

dengan aplikasi ini.


commit to user

44

BAB V

PENUTUP

5.1 Kesimpulan

Dari pembuatan aplikasi rute transportasi umum berbasis mobile web

kabupaten Sragen, dapat ditarik kesimpulan sebagai berikut.

Aplikasi rute transportasi umum berbasis mobile web Kabupaten

Sragen ini telah berhasil dibuat dan dapat dijadikan media promosi

sekaligus pedoman bagi pengguna transportasi umum yang berada di

Kabupaten Sragen, aplikasi ini menggunakan media online dan dapat

dijalankan dengan emulator atau handphone yang memiliki operating

system android.

5.2 Saran

Aplikasi rute transportasi umum berbasis mobile web yang sudah

jadi sebaiknya segera di lakukan sosialisasi kepada masyarakat tentang

aplikasi oleh pihak terkait yaitu Dinas Perhubungan (Dishub) kabupaten

Sragen, agar dapat digunakan oleh masyarakat pengguna transportasi

umum pada umumnya, selain itu perlu dibuatkan media untuk update

informasi yang lebih mudah.

44

49

PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM BERBASIS ...

Documents

Transcript of PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM BERBASIS ...