PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM BERBASIS MOBILE WEB KABUPATEN SRAGEN

perpustakaan.uns.ac.id

digilib.uns.ac.id

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 i


digilib.uns.ac.id

HALAMAN PERSETUJUAN


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 ii


digilib.uns.ac.id

HALAMAN PENGESAHAN


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 Akhir Program 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 Oleh

Dekan Fakultas MIPA UNS

Ketua Program Studi DIII Ilmu Komputer UNS

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

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

commit to user iii


digilib.uns.ac.id

ABSTRACT 2011, Suryani Nur Pratiwi. Application of Public Transport Route Web Based Mobile of Sragen, Diploma Degree Computer Science, Informatics Engineering, Science and Mathematics Faculty, Sebelas Maret University of Surakarta. Traffic jam is a situation or circumstance in delays or even interruption of traffic caused by the large number of vehicles exceeds the capacity of the road. Traffic Jam occurs in many large cities, especially those that do not have good public transportation or adequate or not balanced the needs of the road with population density. Traffic Jam problems now happen everyday in big cities in Indonesia. Traffic Jam in Sragen regency is very huge, thus requiring an information technology to reduce Traffic Jam by choosing an effective public transportation, for it was made public transportation routes based applications mobile web in Sragen regency HTML uses javascript. Data collection methods used were observations by observing or data retrieval at the Department of Transportation Sragen, the method of direct interview with the Head of Transportation Department of Transportation, Sragen and literature study by collecting data from reading books and internet-related problems that were subjected to experiments. Application-based public transport routes mobile web Sragen district can be used as a media campaign as well as guidelines for public transport users in Sragen regency, these applications use an online media and can be run with the emulator or mobile phone that has the android operating system. Keywords: Mobile Application, transportation.

commitivto user


digilib.uns.ac.id

Abstrak 2011, Suryani Nur Pratiwi. Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen, Diploma III Ilmu Komputer, Manajemen Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. 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. Kemacetan lalu lintas di kabupaten Sragen sangat besar, sehingga membutuhkan suatu teknologi informasi untuk mengurangi kemacetan lalu lintas dengan memilih transportasi umum yang efektif, untuk itu dibuatlah aplikasi rute transportasi umum berbasis mobile web di Kabupaten Sragen menggunakan HTML javascript. Metode pengumpulan data yang digunakan adalah observasi dengan mengamati ataupun pengambilan data pada Dinas Perhubungan Kabupaten Sragen, metode wawancara langsung dengan Kepala bidang transportasi Dinas Perhubungan Kabupaten Sragen dan studi pustaka dengan mengumpulkan data dari membaca buku dan internet yang berhubungan dengan masalah yang dijadikan objek penelitian. Aplikasi rute transportasi umum berbasis mobile web kabupaten Sragen ini 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. Kata kunci: Aplikasi mobile, transportasi.

commitv to user


digilib.uns.ac.id

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 halhal yang terbaik, mereka hanya berusaha menjadikan yang terbaik dari setiap hal yang hadir dalam hidupnya

commitvito user


digilib.uns.ac.id

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

commitviito user


digilib.uns.ac.id

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

commit to user viii

Suryani Nur Pratiwi


digilib.uns.ac.id

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 ix


digilib.uns.ac.id

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 x


digilib.uns.ac.id

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 xi


digilib.uns.ac.id

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 xii


digilib.uns.ac.id

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

commit to user xiii


digilib.uns.ac.id

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 xiv


digilib.uns.ac.id

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 xv


digilib.uns.ac.id

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 xvi


digilib.uns.ac.id

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 xvii


digilib.uns.ac.id 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 commit yang to usermendukung aplikasi berbasis web. 1


digilib.uns.ac.id 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


digilib.uns.ac.id 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 semuato tahap commit user berakhir, maka akan sampai pada


digilib.uns.ac.id 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


digilib.uns.ac.id 5

BAB II LANDASAN TEORI 2.1

Java Java 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

commit to user 5


digilib.uns.ac.id 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


digilib.uns.ac.id 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


digilib.uns.ac.id 8

2.3

Jquery Jquery 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

Aplikasi Aplikasi

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

SQLite SQLite 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


digilib.uns.ac.id 9

2.6

Mobile Web Mobile 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

Eclipse Eclipse 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.

2.9

(Bambang Gene, 2011) 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


digilib.uns.ac.id 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 Diagram Use 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. (A.Suhendar dan Hariman Gunadi, 2002)

commit to user



Tabel 2.1 Simbol Use Case Diagram No.

Simbol

Nama

Deskripsi

1.

Case

Menggambarkan proses / kegiatan yang dapat diakukan oleh aktor

2.

Actor

Menggambarkan entitas / subyek yang dapat melakukan suatu proses

3.

Relation

Relasi antara case dengan actor ataupun case dengan case lain.

2.10.2 Class Diagram Class 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 aturanaturan 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. (A.Suhendar dan Hariman Gunadi, 2002)

commit to user



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 No.

1.

Simbol

Nama

Initial State

Deskripsi Menggambarkan titik awal siklus hidup suatu elemen Menggambarkan titik akhir yang

2.

Final State

menjadi kondisi akhir suatu elemen

3.

Decision

4.

Transition

5.

State

Menggambarkan suatu percabangan logika dalam sistem

Menggambarkan aliran siklus state (kondisi) suatu elemen

Menggambarkan kondisi suatu elemen

2.10.4 Sequence Diagram Sequence 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



Tabel 2.3 Simbol Sequence Diagram No.

Simbol

1

Nama

Object

Menggambarkan pos-pos obyek yang pengirim dan penerima message

Message

Menggambarkan aliran pesan yang dikirim oleh pos-pos obyek

Message

2

Message

Deskripsi

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 No.

Simbol

Nama

Deskripsi Menggambarkan keadaan dari

1

ActionState

suatu elemen dalam suatu aliran aktifitas

2

State

commit to user

Menggambarkan kondisi suatu elemen



Mengggambarkan aliran

Flow

3

aktifitas dari suatu elemen ke

Control

4.

elemen lain

Initial State

Menggambarkan titik awal siklus hidup suatu elemen Menggambarkan titik akhir yang

5.

Final State

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 No.

1.

Simbol

Object

2.

Nama

Object

Association

Deskripsi

Menggambarkan sebuah Object

Menggambarkan 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

commit to user



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



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.

commit to user 16



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



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



Tabel 3.2 Tabel Rule Nama Field

Tipe Data

Keterangan

id_asal

Integer

Sebagai id halte halte asal(FK)

Id_tujuan

Integer

Sebagai id halte halte tujuan(FK)

Keterangan

Varchar(255)

Berisi deskripsi bus/angkot yang akan ditumpangi

Tabel 3.3 Tabel tempat Nama Field

3.4

Tipe Data

Keterangan

parent

Integer

Sebagai group, misal:Panduan Sragen, resto & cafe, tempat belanja, fasilitas umum

title

Varchar(45)

Judul panduan

image

Varchar(100)

Menampilkan gambar

Isi

Varchar(255)

Berisi deskripsi panduan

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



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 sedikit deskripsi tentang Sragen, resto & café, tempat belanja, fasilitas umum.

2. Use Case Melihat Peta Aktor

Pengguna

commit to user



-

Pengguna dapat melihat peta Kabupaten Sragen

3. Use Case Melihat transport Aktor

Pengguna

4. Use Case Aktor

-

Pengguna dapat menginputkan tempat asal dan tujuan pada aplikasi untuk mengetahui jenis transportasi apa yang akan ditumpangi.

-

Pengguna dapat mencari informasi tempat tujuan dan jenis transportasi yang akan ditumpangi dan selanjutnya rute transportasi tersebut akan ditampilkan dalam bentuk peta.

Melihat tentang Pengguna -

Pengguna dapat melihat informasi tentang 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



Gambar 3.3 Activity Diagram Aplikasi

commit to user



Gambar 3.4 Activity Diagram Menu utama

Gambar 3.5 Activity Diagram Sekilas Sragen

commit to user



Pilih menu panduan Sragen Pilih menu Resto & cafe

tidak ya

Tampil informasi Resto & cafe

Gambar 3.6 Activity Diagram Resto & Cafe

Pilih menu panduan Sragen Pilih menu Tempat belanja

tidak ya

Tampil informasi Tempat belanja

Gambar 3.7 Activity Diagram Tempat Belanja

commit to user



Gambar 3.8 Activity Diagram Fasilitas Umum

Pilih menu panduan Sragen Pilih menu Wisata

tidak ya

Tampil informasi Wisata

Gambar 3.9 Activity Diagram Wisata

commit to user



Gambar 3.10 Activity Diagram Transport

Gambar 3.11 Activity Diagram Melihat peta

commit to user



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



Pengguna

Menu

Panduan Sragen

1. buka aplikasi 2. pilihan menunya()

3. panduan

4. menu sragen

5. tampil informasi sragen 6.menu resto & cafe 7. tampil informasi resto 8.menu tempat belanja 9.tampil informasi tempat belanja 10.tampil fasilitas umum 11.tampil informasi fasilitas umum 12. tampil menu wisata 13. tampil informasi Menu wisata

Informasi

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



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



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



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



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 Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.21.

Gambar 3.21 Desain Rancangan Menu Peta

commit to user



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: OK Keterangan:...............

panduan

peta

transport

pilih

tentang kembali

Gambar 3.22 Desain Rancangan Menu Transport 7. Desain Rancangan Tampilan Menu Tentang Desain rancangan tampilan menu tentang Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.23.

Gambar 3.23 Desain Rancangan Menu Tentang

commit to user



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.

commit to user 32 34



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



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



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



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



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



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



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



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



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



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



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



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



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 GTS5B30. 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



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



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.

commit to user 44 49

PEMBUATAN APLIKASI RUTE TRANSPORTASI UMUM BERBASIS MOBILE WEB KABUPATEN SRAGEN

Recommend Documents