Anda di halaman 1dari 27

30

BAB III
PERANCANGAN APLIKASI

3.1 Persiapan Coding


Setelah membahas gambaran android pada bab sebelumnya, pada bab ini akan
membahas secara detail hal-hal yang diperlukan dalam rangka membuat aplikasi
android.
3.1.1

Instalasi JDK dan Netbeans


Perancangan Aplikasi Kemacetan menggunakan JDK, netbeans, dan android

studio. Untuk memulai merancang Aplikasi Kemacetan ini sebelumnya komputer/pc


harus diinstal terlebih dahulu JDK (Java Development Kit) dan Netbeans. Netbeans
yang digunakan untuk perancangan aplikasi ini adalah versi 8.0.

Gambar 3.1 Instalasi JDK dan Netbeans

31

3.1.2

Instalasi Android Studio


Setelah mempersiapkan JDK dan netbeans, kemudian instal Android Studio di

komputer/pc. Instalasi dapat dilakukan dengan cara sebagai berikut :


1. Setelah mendownload, cari file android studio instalasi executable di jendela
Windows Explorer dan klik dua kali untuk memulai proses instalasi. Klik
pada tombol Next seperti pada gambar.

Gambar 3.2 Langkah Pertama Instalasi Android Studio


2. Klik tombol Next ketika layar berikutnya akan muncul.

32

Gambar 3.3 Langkah Ke-dua Instalasi Android Studio


3. Layar berikutnya adalah perjanjian lisensi. Klik tombol I Agree untuk
setuju.

Gambar 3.4 Langkah Ke-tiga Instalasi Android Studio

33

4. Layar berikutnya adalah pengaturan konfigurasi di mana semua jalur


instalasi yang akan ditampilkan. Mengubahnya jika diinginkan dan klik
tombol Next untuk melanjutkan.

Gambar 3.5 Langkah Ke-empat Instalasi Android Studio


5. Layar berikutnya adalah untuk menciptakan sebuah shortcuts pada start
menu, kemudian klik tombol Install.

Gambar 3.6 Langkah Ke-lima Instalasi Android Studio

34

6. Tunggu proses instalasi hingga completed.

Gambar 3.7 Langkah Ke-enam Instalasi Android Studio


7. Setelah instalasi telah selesai, maka layar seperti di bawah akan muncul.
Klik tombol Next.

Gambar 3.8 Langkah Ke-tujuh Instalasi Android Studio

35

8. Setelah itu masuk ke halaman Finish. Centang Strat Androaid Studio jika
ingin memulai membuka aplikasi untuk pertama kali. Klik tombol Finish.

Gambar 3.9 Langkah Ke-delapan Instalasi Android Studio


9. Pertama kali Android Studio diluncurkan setelah diinstal, dialog akan
muncul menyediakan opsi untuk mengimpor pengaturan dari versi Android
Studio sebelumnya. Pilih I do not have a previous version of Android
Studio or I do not want to import my settings dan klik tombol OK untuk
melanjutkan.

Gambar 3.10 Langkah Ke-sembilan Instalasi Android Studio

36

10. Halaman berikutnya untuk mendownload dan menginstal komponen


Android SDK TOOLS. Pastikan computer terhubung dengan internet.

Gambar 3.11 Langkah Ke-sepuluh Instalasi Android Studio


Tunggulah proses download dan menginstal Android SDK Tools hingga
selesai.
11. Setelah proses download dan instal komponen telah selesai. Klik tombol
Finish.

Gambar 3.12 Langkah Ke-sebelas Instalasi Android Studio

37

12. Setelah Android Studio selesai menyelesaikan proses setup. Layar Selamat
Datang Android Studio maka akan muncul.

Gambar 3.13 Langkah Ke-dua belas Instalasi Android Studio


Setelah proses instalasi Android Studio telah selesai, sudah dapat memulai
project baru untuk membuat aplikasi berbasis Android dengan Android Studio.
3.2 Perancangan Database
Pada database ini, semua nama jalan dan kordinat yang terlibat dalam proses
yang terjadi, dikumpulkan dalam bentuk penyajian sebagai berikut :
Table Name

: kordinat nama jalan

Tabel 3.1 Tabel kordinat nama jalan pada database


No

Field

Type

nm_jalan

VARCHAR (255)

Kordinat Lintang

VARCHAR (255)

Kordinat Bujur

VARCHAR (255)

38

Tabel 3.2 Database untuk nama jalan


Nama Jalan
Jl. Bakung 1

Jl. Asrama H.

Jl. Goaria

Jl.Citra Sudiang

Jl. Griya Sudiang

Jl. Taman

Sudiang
Jl. Bukit

Jl. Poros Asrama

Indah
Jl. Graham Filia

Permai
Jl. Polmas Raya

Sudiang Indah
Jl. Delta Bumi

Khatulistiwa II
Jl. Permata

Haji
Jl. Pajjaiang

Jl. Daeng Ramang

Jl. Nurul Qalam

Sudiang
Jl. Paccerakkang
Jl. Mangga

Sudiang Raya
Jl. Rudal
Jl. Tamalanrea

Jl. Kotipa Raya


Jl. Daya Raya

Jl. Pattene
Jl. PT. Pupuk

Jl. Sakinah Baru


Jl. H. Abdul Jabbar

Jl. Batara Bira


Jl. Kima Raya

Raya
Jl. Caddila
Jl. Kapasa Raya

Jl. Villa Mutiara


Jl. Kawasan

Siwijaya
Jl. Pahlawan
Jl. Pasar Daya Baru

Assiry
Jl. Salodong
Jl. Parumpa

Jl. Telegrap

Jl. Jaya Buntusu

Jl. Kebahagiaan

Jl. Kejayaan

Jl. Kapasa

Jl. Perintis

Raya
Jl. Socrates

Raya

Kemerdekaan

Pergudangan &
Industri Parangloe

Jl. Biring

Jl. Lanraki

Romang

Jl. Nusa
Tamalanrea

Jl. Kemuliaan

Jl. Kerukunan

Jl. Sahabat

Raya
Jl. Politeknik

Indah
Jl. Palapa

Jl. Moh. Ilyas

Jl. Al-Biruni

Biringkanaya
Jl. Al-Kharismi Jl. Prof.

Jl. Pintu

Jl. Urip

Mattulada
Jl. Dr. Lemeina Jl. Antang Raya

Jl. Saoraja Raya

Jl.Arajang
Jl. Kintamani

Sumoharjo
Jl. Phinisi
Jl. Tirtamaya

Jl. Pandang
Jl. Raya

Jl. Bira
Jl. Kutacane

Jl. Bunaken
Jl. Nipa-Nipa

Jl. Abri Masuk

Jl. Manggala

Baruga
Jl. Romang

Jl. Bitoa

Lama
Jl. Nipa-Nipa

Desa

Raya

Tangaya

Jl. Bung

39

Dalam
Jl. Wijaya

Jl. Perumnas

Jl. Borong

Antang Raya
Jl. Borong

Jambu Raya
Jl. Rahmatullah Jl. Tamangapa

Raya
Jl. Peternakan

Jl. Sastra Raya

Jl. Batur

Jl. Moha

Jl. Parinring

Lasuloro
Jl. Bangkala

Raya
Jl. Perdata

Dalam
Jl. Pesona Prima Jl. Moh. Paleo
Griya
Jl. Paccinang

Jl. Lorong 2

Jl. Bilawayah

Jl.

Jl. Bitoa Lama


Jl. Sermani

Jl. Puri Raya


Jl. Borong

Cambajawayya
Jl. Toddopuli
Jl. Toa Daeng
Jl. Bonto Bila
Jl. Taman

Indah

Raya

Makam

Jl. Batua Raya

Jl. Graha Indah

Jl. Al-Ikhlas

Pahlawan
Jl. Hertasning

Jl. Permata

Jl. Toddopuli

Family
Jl. Melati

Jl. Anggrek

Baru
Jl. Dirgantara

Hijau Lestari
Jl. Pampang

Raya Timur
Jl. Masjid

Jl. Haji Athirah

Jl. Penjernihan

Jl. Racing

Jl. Toddopuli

Jl. Meranti

Jl. Cendana

Centre
Jl. Jati

Jl. Akasia

Basalamah
Jl. Cemara

Jl.

Jl. Mahoni

Jl. Beringin

Jl. Palem Raja

Jl. Tamalate

Pengayoman
Jl. Tidung

Jl. Letjen

Jl. Palem Merah

Jl. Pandang

Jl. Adhyaksa

Jl. Pandang

Hertasning
Jl. Adhyaksa

Jl. Mirah Seruni

Raya
Jl. Talasalapang

Jl. Aroepala
Jl. Teduh

Raya Barat
Jl. Karunrung
Jl. Sekarda

Baru
Jl. Jipang
Jl. Monumen

Jl. Berlian
Jl. Bonto Daeng

Jl. Bumi 22
Jl. Tidung

Emy Saelan

Ngirate

Mariolo

Baiturahman
Jl. Prof.

Jl. Abdullah
Daeng Sirua
Jl. Campagayya
Jl. Haji Kalla

Abdurahman

Bersinar

40

Jl. Serui
Jl. Naja Dg.

Jl. Baumangga
Jl. Barawaja

Jl. Bougenvile
Jl. Sukamaju

Jl. Boulevard
Jl. Sukaria
Jl. A.P. Pettarani Jl. Ance Dg.

Nai
Jl. Mappala

Jl. Sultan

Jl. Raya

Jl. Hertasning

Ngoyo
Jl. Topaz Raya

Jl. Swadaya
Jl. Tol

Alauddin
Jl. Masale
Jl. Regge

Pendidikan
Jl. Sukamulia
Jl. Dg. Regge

Utara
Jl. Sukabumi
Jl. Gatot

Jl. Sukadamai
Jl. Suka Daeng

Reformasi
Jl. Niga Daya

Jl. Kejayaan

Jl. Asri

Subroto
Jl. Wijaya

Lurang
Jl. Kompleks

Ruku
Jl. Tol Lama

Jl. Pasar Hobi

Jl. Sultan

Jl. Mallengkeri

Bontoa
Jl. Alauddin II

Jl. Salemba

Jl. Yusuf Dg.

Abdullah Raya
Jl. Timah

Raya
Jl. Pelita Raya

Jl. Kelapa Tiga

Jl. Bhakti

Ngawing
Jl. Gotong

Jl. Sepakat

Jl. Abu Bakar

Jl. Sehati

Jl. Sejiwa

Royong
Jl. Gajah Mada

Jl. Adipura

Lambogo
Jl. Darul

Jl. Rappokalling
Jl. Kapten
Pierre Tendean
Jl. Tugu

Jl. Moh. Jufri

Jl. AR. Dg.

Jl. Korban XL

Maarif
Jl. Ade Irma

Jl. Arif

Ngunjung
Jl. Teuku Umar

Jl. Kelurahan

Nasution
Jl. Ujung

Rahman

Pandang Baru

Hakim
Jl. Maccini

Jl. Masjid

Jl. Monginsidi

Jl. Rappocini

Jl. Cilalang

Raya
Jl. RSI Faisal

Muhajirin
Jl. Mannuruki

Baru
Jl. Traktor

Raya
Jl. Mamoa Raya

Raya
Jl. Bonto

Jl. Landak
Baru
Jl.
Kebangkitan

Jl. Andi Thylar

Jl. Sungai

Jl. Prof. M.

Sunggu
Jl. Maccini

Jl. Kesatuan

Saddang Baru
Jl. Kemauan

Yamin
Jl. Sunu

Tengah
Jl. Pongtiku

41

Jl. Kalumpang

Jl. Datuk

Jl. Tanampu

Jl. Galangan

Jl. Sabutung

Jl. Indaai h

Patimang
Jl. Pannampu

Jl. Kompleks

Kapal
Jl. Datuk Ditiru

Baru
Jl. Andi Tadde

Jl. Petta

Jl. Langgau

Unhas
Jl. Masjid

Jl. Laccukang

Jl. Cumi-Cumi

Ponggawa
Jl. Kangkung

Jl. Maccini

Raya
Jl. Macciini

Jl. Kerung-

Jl. Monginsidi

Jl. Inspeksi

Gusung
Jl. Wijaya

Baru
Jl. Bonto

Kerung
Jl. Baji Gau

Jl. Daeng Tata

Kanal
Jl. Bonto Duri

Kusuma Raya
Jl. Banta-

Manggape
Jl. Veteran

Jl. Sungai

Jl. Sungai

Jl. Gunung

bantaeng
Jl. Baronang

Selatan
Jl. Bete-Bete

Walame
Jl. Mairo

Saddang
Jl. Lure

Nona
Jl. Jajala
Jl. Kangkung

Jl. Kalampeto
Jl. Kandea

Jl. Balana
Jl. Tinumbu

Jl. Bayam
Jl. Barukang

Jl. Terong
Jl. Yos Sudarso

Barat
Jl. Cakalang

Jl. Sibula

Jl. Ujung

Raya
Jl. Bandang

Jl. Buru

Raya
Jl. Andalas
Jl. Gunung

Dalam
Jl. Bunga Ejaya Jl. Lamuru
Jl. Laiya
Jl. Gunung

Jl. Sembilan
Jl. Gunung

Jl. Kubis
Jl. Sungai Poso

Bawakaraeng
Jl. Sungai

Jl. Bulusalaka

Bulusaraung
Jl. Gunung

Jl. Metro

Latimojong
Jl.

Lokon
Jl. Sungai

Latimojong
Jl. Gunung

Bambapuang
Jl. Sungai

Pareman
Jl. Gajah

Jl. Bulukunyi

Cenrana
Jl. Syarif Al-

Salahutu
Jl. Pelanduk

Limboto
Jl. Kijang

Jl. Domba

Jl. Lembuh

Qadri
Jl. Lanto Dg.

Jl. Amirullah

Jl. Onta Baru

Jl. Onta Lama

Jl. Beruang

Pasewang
Jl. Tupai

Jl. Badak

Jl. Singa

Jl. Serigala

Jl. Macan

42

Jl. Landak

Jl. Kumala

Jl. Andi Tonro

Jl. Daeng Tata

Jl. Abdul Kadir

Lama
Jl. Dg. Ngadde

Jl. Dg. Ngeppe

Jl. Moh. Tahir

Raya
Jl.

Jl. Andi

Jl. Kakatua

Mallombasang
Jl. Dr. Sam

Mappaoddang
Jl. Kancil

Ratulangi
Jl. Mawas

Selatan
Jl. Kutilang

Jl. Lasinrang

Jl. Jendral

Jl. Andi

Jl.

Mangerangi
Jl. Kancil

Bhayangkara
Jl. Kancil Utara Jl.

Tengah
Jl. Mawar

Jl. Kasuari

Mappanyuki
Jl. Merpati

Jl. Gunung

Jl. Gunung

Jl. Sungai

Jl. Gunung

Sudirman
Jl. Buntu

Merapi
Jl. Gunung

Klabat
Jl. Sungai

Tangka
Jl. Marga Mas

Tinggimae
Jl. Kyai H.

Torpedo
Jl. Kyai H.

Lompobattang
Jl. Satanga

Kelara
Jl. Pajenekang

Jl. Lamputang

Ramli
Jl. Pangeran

Agus Salim
Jl.

Jl. Muna

Jl. Tentara

Diponegoro
Jl. Barang

Muhammadiyah
Jl. Barang

Jl. Dawah

Pelajar
Jl. Koptu

Lompo
Jl. Moh. Hatta

Caddi
Jl. Kalimantan

Jl. Sarappo

Jl. Dr. Wahidin

Harun
Jl. Pasar

Jl. Irian

Jl. Banda

Jl. Sangir

Sudiro Husodo
Jl. Ternate

Butung
Jl. H. Oemar

Jl.

Jl. Gunung

Jl. Ahmad

Jl. R.A. Kartini

Said Cokro
Jl.

Nusakambangan Bulusaraung
Jl. Ince Nurdin
Jl. Chairil

Yani
Jl.

Jl. Dr. Sutomo

Amanagappa
Jl. Sultan

Jl.

Anwar
Jl. Arif Rate

Sawerigading
Jl. Yosep

Jl. Lagaligo

Hasanuddin
Jl. Manggis

Botolempangan
Jl. H. Bau

Jl. Garuda

Latumahina
Jl.

Jl. Enggang

Jl. Angsa

Jl. Telukur

Jl. Belibis

Jl. K.H.
Abdullah
Jl. Tarakan

43

Cendrawasih
Jl. BAji Ateka

Jl. Baji Ampe

Jl. Dangko

Jl. Tanggul

Jl. Teluk Bayur

Patompo
Jl. Nuri Baru

Jl. Baji Minasa

Jl. Danau

Jl. Baji

Jl. Tanjung

Tanjung

Maccini

Bunga

Bunga
Jl. Hati Murni
Jl. Kenanga
Jl. Merak
Jl. Durian

Jl. Bungareja
Jl. Matahari
Jl. Gagak
Jl.

Jl. Hati Riang


Jl. Nuri Lama
Jl. Rajawali
Jl. Kenari

Jl. Hati Mulia


Jl. Nusa Indah
Jl. Sel
Jl. Maipa

Jl. Flamboyan
Jl. Ks. Tubun
Jl. Penghibur
Jl. Datu Museng

Jl. Muchtar

Lamadukelleng
Jl. Dg. Tompo

Jl. Somba Upo

Jl. Ali Malaka

Jl. Ranggong
Dg. Romo
Jl. Usman Jafar

Lutfi
Jl. Bulogading

Jl. Andi

Jl. Kajaolalido

Jl. Bau Massepe

Jl. Samiun

Makasau
Jl. Pattimura

Jl. Balaikota

Jl. Wr.
Supratman

3.3 Perancangan Sistem


Untuk sistem secara umum dari aplikasi Traffic Jam Location memiliki beberapa
tahapan atau alur dalam bentuk flowchart. Berikut flowchart sistem dari aplikasi Traffic
Jam Location secara umum.

44

Mulai

Sinkron Twitter

Pengumpulan Data

Memilah Data

Tampilkan Tweet

Pilih Tweet

Pengambilan data jalan


di database

Tampilkan nama jalan

Intent ke aplikasi
Google Maps

Selesai
Gambar 3.14 Flowchart Sistem Secara Umum

45

3.3.1

Ekstraksi Informasi Dari Sumber Data Informasi Kemacetan


Sebelum data jalan ditampilkan, maka perlu adanya tahap preprosesing

mengekstrak data informasi kemacetan guna mengenal nama jalan yang terdapat pada
data tersebut. Tahapan tersebut antara lain, Case Folding, Tokenzing dan Filtering.
3.3.1.1 Case Folding
Case folding merupakan tahapan mengubah semua inputan huruf menjadi huruf
kecil semua (lower case). Pada tahap ini juga karakter selain huruf akan dihilangkan.
Hal ini dapat memudahkan ketika tahapan tokenizing berlangsung. Berikut adalah alur
proses tahapan dari case folding:
Mulai
Data latih

Mengubah
semua huruf
menjadi huruf
kecil
Data latih hasil
mengubah menjadi
huruf kecil semua

Menghapus
karakter selain
huruf

Data latih hasil


menghapus karakter
selain huruf

Selesai

Gambar 3.15 Flowchart Tahapan Case Folding

46

Pada tahapan ini, ada beberapa aturan proses agar hasil case folding dapat sesuai
dengan yang diinginkan. Adapun aturan-aturan tersebut adalah:
Tabel 3.3 Tabel aturan pada tahapan case folding
Kondisi
Inputan memiliki huruf capital
Inputan memiliki karakter khusus
Inputan memiliki spasi (white space)
Inputan memiliki huruf kecil

Aksi
Mengubah semua inputan menjadi huruf
kecil
Menghapus karakter khusus tersebut dari
inputan
Tidak ada aksi
Tidak ada aksi

Adapun karakter-karakter khusus tersebut, yaitu :


Tabel 3.4 Tabel karakter-karakter khusus

^
@
%
$
#

~
&
!
`
2
5
8

Karakter khusus
,
(
)
<
>
+
=
*
_
3
6
9

:
;
|
]
}
{
\
/

1
4
7
0

47

Berikut adalah contoh penerapan tahap case folding pada penelitian ini :
Tabel 3.5 Tabel penerapan case folding
Nama
Input
Output

Contoh Data
Twitter
Perempatan lampu merah todopuli borong padat kendaraan
perempatan lampu merah todopuli borong padat kendaraan

3.3.1.2 Tokenzing
Pada tahap tokenzing dilakukan pemotongan string berdasarkan setiap kata
penyusunannya. Pemotongan tersebut dilakukan ketika inputan memiliki spasi (white
space).
Berikut adalah alur proses tahapan tokenzing :
Mulai

Data latih hasil


tahapan case
folding

Memotong string
berdasarkan kata
penyusunnya

Data latih hasil


memotong string
berdasarkan kata
penyusun

Selesai

Gambar 3.16 Flowchart tahapan tokenzing


Pada tahapan ini, ada beberapa aturan proses agar hasil tokenizing dapat sesuai
dengan yang diinginkan. Adapun aturan-aturan tersebut adalah:

48

Tabel 3.6 Tabel aturan pada tahapan tokenzing


Kondisi
Inputan memiliki spasi (white space)
Inputan memiliki kata pada database
wordlist

Aksi
Memotong menjadi per tiap bagian kata
atau string
Tidak ada aksi

Contoh tahapan tokenzing pada penelitian ini yaitu :


Tabel 3.7 Tabel penerapan tahap tokenzing
Nama
Input
Output

Contoh Data
Twitter
perempatan lampu merah todopuli borong padat kendaraan
String1 : perempatan
String2 : lampu
String3 : merah
String4 : todopuli
String5 : borong
String6 : padat
String7 : kendaraan

49

3.3.1.3 Filtering (Word List)


Filtering pada penelitian ini merupakan tahapan mengambil kata yang penting
dari tahap tokenizing. Pada penelitian ini menggunakan algoritma worldlist untuk
menyimpan kata penting tersebut. Berikut adalah alur proses tahapan filtering :
Mulai

Data latih hasil


tahapan tokenizing

Mengambil kata
yang penting

Data latih hasil


mengambil kata
yang penting

Selesai

Gambar 3.17 Flowchart tahapan filtering


Pada tahapan ini, ada beberapa aturan proses agar hasil filtering dapat sesuai
dengan yang diinginkan. Adapun aturan-aturan tersebut adalah:

50

Tabel 3.8 Tabel aturan pada tahapan filtering


Aturan

Hasil
Menyimpan kata atau string tersebut
Inputan cocok dengan isi dari database pada
wordlist
database
Inputan cocok dengan isi dari database
nama jalan
Tidak menghapus nama jalan tersebut
Inputan tidak cocok dengan isi dari
database
wordlist

Tidak menyimpan kata atau string


tersebut
pada database

Isi pada database wordlist merupakan kumpulan kata-kata penting yang relevan
dengan penelitian. Adapun isi dari database wordlist tersebut, yaitu:
Tabel 3.9 kata pada database wordlist
Kata pada database wordlist
Kondisi
Macet sekali
Macet parah
Macet
Padat merayap
Padat
Penyebab
Banjir
Perbaikan jalan
Kecelakaan

Kombinasi
Macet + sekali
Macet + parah
Macet
Padat + merayap
Padat
Kombinasi
Banjir
Perbaikan + jalan
Kecelakaan

Selain penyebab dan kondisi kemacetan, salah satu parameter yang akan
menjadi acuan filtering adalah nama jalan. Hasil pencarian nama jalan dari sumber data
akan di cocokan dengan nama jalan yang ada pada tabel nama jalan.

51

Tahapan Preprosesing
Inputan
dari
Twitter

Data hasil pencarian


informasi kemacetan
pada sumber data

Case
Folding

Tokenzing

Filtering

Tabel wordlist dan


tabel nama jalan

Gambar 3.18 Alur nama jalan sebagai parameter filtering


Contoh tahapan filtering pada penelitian ini, yaitu :
Tabel 3.10 tabel penerapan tahap filtering
Contoh data
Twitter

Nama
Input

String1 : perempatan
String2 : lampu
String3 : merah
String4 : todopuli
String5 : borong
String6 : padat

Output

String7 : kendaraan
String1 : todopuli
String2 : borong
String3 : padat

Setelah data dari Twitter tahap preprocessing, data dari sumber data tersebut
dimasukkan dalam satu tabel. Maka didapatkan tabel sebagai berikut :

52

Tabel 3.11 Tabel hasil tahap preprosesing


Data ke1

Jalan
Todopuli
Borong

Penyebab
Tidak ada

Kondisi
padat

3.4 Menampilkan Hasil Ekstraksi


Pada tahap ini, hasil ekstraksi akan ditampilkan pada peta smartphone Android
(klien). Hasil ekstraksi tersebut merupakan hasil dari pengolahan data yang telah
dilakukan. Pada sisi klien, akan melihat data yang berisi lokasi dan kondisi, setelah
melihat lokasinya yang merupakan hasil ekstraksi maka akan didapatkan hasil
lokasinya pada Google Maps.
Inputan data dengan jalan todopuli dan borong kota Makassar pada contoh
kasus di atas, akan menjadi acuan pada dua proses, yaitu proses pengambilan data pada
sumber data Twitter dan proses pencarian lokasi pada Google Maps.
3.5 Perancangan Aplikasi Kemacetan
Dalam skripsi ini, aplikasi yang akan dibuat mengintegrasikan twitter
didalamnya maka akan membutuhkan Twitter Application Consumer Key dan Twitter
Application Consumer Secret. Berikut adalah cara mendapatkan Twitter Application
Consumer Key dan Twitter Application Consumer Secret.
1. Akses

link

https://dev.twitter.com/apps/new

kemudian

login

jika

diperlukan.
2. Masukkan nama aplikasi, deskripsi dan alamat website. Pada kolom
Callback URL biarkan kosong.
3. Centang I Agree pada developer agreement.

53

4. Terakhir klik Create New Application.


5. Jika aplikasi sukses dibuat, maka akan diarahkan ke halaman selanjutnya.
6. Selanjutnya pilih tab Key & access tokens.
7. Kemudian klik tombol Create my access token.
8. Jika access token sukses dibuat, maka muncul pesan berupa status bahwa
aplikasi telah dibuat dan diberikan akses untuk API Key, API Secret, dan
access token yang dapat digunakan sebagai akses pada widget dan
penggunaan lain.
Perancangan Aplikasi Sistem Informasi Kemacetan Kota Makassar Berbasis
Android menggunakan pemrograman Netbeans, JDK, dan Android Studio. Aplikasi
kemacetan pada skripsi ini dinamakan Traffic Jam Location. Untuk perancangan
awal, dibuat screen log on aplikasi selama 3 detik sebagai tampilan awal aplikasi. Pada
screen log on hanya ditampilkan logo dari aplikasi Traffic Jam Location. Sebelumnya
logo aplikasi sudah dibuat terlebih dahulu.

Gambar 3.19 Logo Aplikasi Traffic Jam location

54

Gambar 3.20 Perancangan Screen Log On


Selanjutnya untuk perancangan tampilan utama aplikasi Traffic Jam Location
yang berisikan logo, tanggal, dan kumpulan-kumpulan tweet yang berhubungan dengan
kemacetan Kota Makassar. Berikut merupakan gambar perancangan tampilan utama
aplikasi Traffic Jam Location.

Tanggal
INFO
TWEET

TWEET

TWEET

TWEET

TWEET

TWEET

55

Gambar 3.21 Perancangan Tampilan Utama Aplikasi Traffic Jam Location

56

Tanggal
INFO
Tampilan Utuh dari tweet yang di klik pada
tampilan utama

Nama jalan yang terkait


Nama jalan yang terkait
Nama jalan yang terkait
Nama jalan yang terkait
Nama jalan yang terkait
Nama jalan yang terkait
Gambar 3.22 Perancangan Tampilan Kedua Aplikasi Traffic Jam Location
Jadi ketika nama jalan di klik maka selanjutnya user akan dialihkan ke Google
Maps untuk melihat lokasi atau nama jalan berada.