Pembuatan aplikasi school map untuk sma favorit wilayah kotamadya solo Berbasis android viani

(1)

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

commit to user

i

PEMBUATAN APLIKASI SCHOOL MAP UNTUK SMA

FAVORIT WILAYAH KOTAMADYA SOLO

BERBASIS ANDROID

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya

Program Diploma III Teknik Informatika

Disusun oleh :

VIANI MUJIASTUTI NIM. M3109080

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET

(2)

commit to user

ii

HALAMAN PERSETUJUAN

PEMBUATAN APLIKASI SCHOOL MAP UNTUK SMA FAVORIT WILAYAH KOTAMADYA SOLO BERBASIS ANDROID

Disusun Oleh

VIANI MUJIASTUTI

NIM. M3109080

Tugas Akhir ini telah disetujui untuk dipresentasikan

pada Ujian Tugas Akhir

pada tanggal 7 Juni 2012

Pembimbing Utama

Tutut Maitanti, S. Si

(3)

commit to user

iii

HALAMAN PENGESAHAN

PEMBUATAN APLIKASI SCHOOL MAP UNTUK SMA FAVORIT WILAYAH KOTAMADYA SOLO BERBASIS ANDROID

Disusun Oleh VIANI MUJIASTUTI

NIM.M3109080 Pembimbing Utama

Tutut Maitanti, S. Si

NIDN 0625058501

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada hari

Dewan Penguji :

1. Penguji 1 : Tutut Maitanti, S. Si ( __________________ )

NIDN 0625058501

2. Penguji 2 : Abdul Aziz, S.Kom, M.Cs ( __________________ )

NIP 19810413 200501 1 1001

3. Penguji 3 : Wiharto, S.T, M.Kom ( __________________ )

NIP 1975 0210200801 1 005

Disahkan Oleh

Dekan

Fakultas MIPA UNS

Prof. Ir. Ari Handono Ramelan, M. Sc, (Hons), Ph. D

NIP. 19610223 198601 1 001

Ketua

Program D III Teknik Informatika

FMIPA UNS

Drs. Y.S Palgunadi, M.Sc

(4)

commit to user

iv ABSTRACT

DEVELOPING SCHOOL MAPPING THE DISTRICT SOLO ANDROID SMA

FAVORITES. Viani Mujiastuti NIM M3109080. 3rd Diploma Degree of

Informatics Engineering, Mathematic and Science Faculty, Sebelas Maret

University Surakarta. 2012

SMA is the level where the child will determine his future, if the child

goes to college or go to work. High quality can also influence the choice of the

child to decide which college they will attend. Although the site has been provided

by your preferred schools that contain information about the location of the

school but still have trouble finding a location. Mapping preferred secondary

schools are expected to meet parents' high school in search of a reference and a

favorite spot for your son / daughter in the town of Solo.

School mapping application is made to the programming language java /

android feat Helios Eclipse IDE is already installed Android Development Tools

(ADT) which is a plugin that should exist in the Eclipse IDE for coding, where the

application for android. A design of the map-based interface using Google Maps

that allows us to control the display settings, change the locations to zoom and

move the location of the screen. This application uses a search service with GPS

technology and Google's cell-based location.

A request was made for high school municipalities favorites District

School Plan based on Android favorite solo in high school where the total amount

that is recommended SMA 12, SMA 8 public and 4 private high school. This

application can be run on the Android smartphone operating system with version

gingerbread.

(5)

commit to user

v ABSTRAK

Pembuatan Aplikasi School Map Untuk Sma Favorit Wilayah Kotamadya Solo Berbasis Android. Viani Mujiastuti NIM M3109080. Program Diploma III Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret.

2012

SMA merupakan jenjang dimana si anak akan menentukan masa

depannya, apakah si anak akan melanjutkan ke perguruan tinggi atau akan

bekerja. SMA yang bermutu dapat juga berpengaruh pada pilihan anak untuk

menentukan perguruan tinggi mana yang akan mereka masuki. Meskipun sudah

disediakan website sekolah-sekolah favorit yang berisikan informasi mengenai

lokasi sekolah tersebut tetapi masih menemui kendala dalam mencari lokasinya.

Mapping SMA-SMA favorit diharapkan mampu menangani masalah para orang

tua siswa dalam mencari referensi dan lokasi SMA favorit untuk putra/putri

mereka di wilayah Kotamadya Solo.

Aplikasi SchoolMap ini dibuat dengan bahasa pemrograman java/android

memanfaatkan IDE Eclipse Helios yang sudah terinstal Android Development

tools (ADT) yang merupakan plugin yang harus ada di IDE Eclipse untuk tempat

coding aplikasi untuk android. Salah satu desain antar muka menggunakan peta

berbasis Google Maps yang memungkinkan kita mengontrol pengaturan tampilan,

mengubah tampilan zoom lokasi, dan memindahkan lokasi tampilan. Aplikasi ini

menggunakan servis pencari dengan teknologi GPS dan Google’s cell-based

location.

Telah dibuat Aplikasi School Map Untuk SMA Favorit Wilayah

Kotamadya Solo berbasis android dimana total SMA favorit yang di

rekomendasikan berjumlah 12 SMA, 8 SMA negeri dan 4 SMA swasta. Aplikasi

ini dapat dijalankan pada smartphone dengan operating system Android versi

gingerbread.

(6)

commit to user

vi MOTTO

Pencapaian dari kerja keras apapun hasilnya pantas mendapat penghargaan

Bapak Mujiyono

Dukungan semangat yang paling kuat adalah dari keluarga

(7)

commit to user

vii

PERSEMBAHAN

“Tugas akhir ini penulis persembahkan pada semua pihak yang telah memberikan

dukungan, bantuan dan do’anya untuk penulis dapat berjuang dalam

menyelesaikan Tugas Akhir ini, khususnya untuk orang tua penulis yaitu Bapak

Mujiyono dan Ibu Suparni, kedua adik penulis yaitu Juanti Widiastuti dan Nasti Nur Hidayat, teman-teman „OG’ yaitu PrisantyaM.F, FeniFauziah, Emy Fauziah, teman-teman seperjuangan NurulFirdaus, dan juga teman-teman Teknik

(8)

serta inayahnya sehingga penulis dapat menyelesaikan laporan Tugas Akhir

dengan berjudul “APLIKASI SCHOOL MAP UNTUK SMA FAVORIT WILAYAH KOTAMADYA SOLO BERBASIS ANDROID” sebagai salah satu persyaratan kelulusan Program Diploma III Teknik Informatika Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret.

Dalam pengerjaan Tugas Akhir ini penulis telah mendapat banyak

dukungan dan bantuan dari berbagai pihak yang sepentasnya penulis

mengucapkan terima kasih yang sedalam-dalamnya terutama kepada :

1. Allah SWT yang telah memberikan ridho, bimbingan, berkah, rahmat,

hidayah, dan inayahnya kepada penulis selama pengerjaan Tugas Akhir

sehingga dapat terselesaikan.

2. Bapak Drs. YS. Palgunadi, M.Sc selaku Ketua Program Diploma III

Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret Surakarta.

3. Ibu Tutut Maitanti, S.Si selaku dosen pembimbing TA yang telah banyak

memberikan pengarahan, dukungan, dan saran dalam menyusun laporan

ini dengan baik.

4. Bapak dan Ibu selaku orang tua penulis yang telah memberikan ridho,

semangat, do’a dan restunya untuk penulis.

5. Kedua adikku terima kasih atas do’anya

6. Sahabat-sahabatku Prisantya M.F, Nurul Firdaus, Feni Fauziah, Emy

Fauziah, Fitra Fadilana, dan Novita S.Q.

7. Teman-teman seperjuangan para Developer Android terimakasih atas

dukungan dan bantuannya.

(9)

commit to user

ix

Semoga laporan ini dapat bermanfaat bagi semua pihak terutama bagi

mahasiswa DIII Teknik Informatika Fakultas Matematika Dan Ilmu

Pengetahuan Alam Unversitas Sebelas Maret Surakarta.

Sekian dari penulis, segala kesalahan penulis dalam penulisan laporan

ini, mohon dimaafkan.

Wassalamu’alaikum, Wr. Wb.

Surakarta, Juli 2012

(10)

commit to user

x

DAFTAR ISI

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

HALAMAN ABSTRACT ... iv

HALAMAN ABSTRAK ... v

HALAMAN MOTTO ... vi

HALAMAN PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... x

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

BAB I PENDAHULUAN ... 1

1.6.1 Metode Pengumpulan Data ... 3

1.6.2 Metode Analisis Sistem ... 4

1.6.3 Perancangan Content Sistem ... 4

1.6.4 Implementasi Sistem ... 4

1.7 Sistematika Penulisan ... 4

BAB II LANDASAN TEORI ... 6

2.1 Eclipse ... 6

2.2 Google Maps ... 6

2.3 Location Based Service (LBS) ... 6

2.4 Android ... 7

(11)

BAB III ANALISIS DAN PERANCANGAN ... 11

3.1 Kebutuhan Sistem ... 11

3.1.1 Kebutuhan Software ... 11

3.1.2 Kebutuhan Hardware ... 11

3.2 Perancangan Sistem ... 12

3.2.1 SRS ... 12

3.2.2 Use Case Diagram ... 13

3.2.3 Class Diagram ... 15

3.2.4 Sequence Diagram ... 16

3.2.4.1 Diagram Sequence Melihat Deskripsi ... 16

3.2.4.2 Diagram Sequence Tampil Peta ... 17

3.2.4.3 Diagram Sequence Melihat Petunjuk Penggunaan Aplikasi ... 17

3.2.4.4 Diagram Sequence Tentang Aplikasi ... 18

3.2.4 Activity Diagram ... 18

3.3 Rancangan Tampilan Aplikasi ... 19

BAB IV IMPLEMENTASI DAN ANALISIS ... 22

4.1 Pembuatan Sistem ... 26

4.1.1 Pembuatan Splash Screen ... 26

4.1.2 Pembuatan Peta Lokasi SMA ... 27

4.1.3 Pembuatan fitur GPS ... 28

4.1.4 Pembuatan Fitur Jarak Lokasi User dan Lokasi SMA... 29

4.2 Implementasi dan Analisis ... 30

4.2.1 Tampilan Menu Aplikasi ... 31

4.2.2 Tampilan Aplikasi Awal (Splash Screen) ... 31

(12)

commit to user

xii

4.2.4 Tampilan Menu Utama ... 33

4.2.5 Tampilan Menu SMA ... 34

4.2.6 Tampilan Menu Panduan ... 37

4.2.7 Tampilan Menu About ... 37

4.2.8 Pengujian Aplikasi pada Smartphone Android versi Gingerbread ... 38

4.3 Analisis ... 38

BAB V PENUTUP ... 39

5.1 Kesimpulan ... 39

5.2 Saran ... 39

(13)

commit to user

xiii

DAFTAR TABEL

Tabel 2.1 Simbol Use Case Diagram ... 8

Tabel 2.2 Simbol Class Diagram ... 8

Tabel 2.3 Simbol Sequence Diagram... 9

Tabel 2.4 Simbol Activity Diagram ... 10

Tabel 3.1 SRS Fungsional ... 12

Tabel 3.2 SRS Non-Fungsional ... 13

(14)

commit to user

xiv

DAFTAR GAMBAR

Gambar 3.1 Use Case Diagram Fungsional ... 13

Gambar 3.2 Use Case Diagram Non-Fungsional ... 14

Gambar 3.3 Class Diagram School Map ... 15

Gambar 3.4 Sequence Diagram Melihat Deskripsi ... 16

Gambar 3.5 Sequence Diagram Tampil Peta ... 17

Gambar 3.6 Sequence Diagram Melihat Petunjuk Penggunaan Aplikasi ... 17

Gambar 3.7 Sequence Diagram Tentang Aplikasi ... 18

Gambar 3.8 Activity Diagram ... 18

Gambar 3.9 Rancangan Splash Screen ... 19

Gambar 3.10 Rancangan Tampilan Pembuka Aplikasi ... 19

Gambar 3.11 Rancangan Tampilan Menu Utama ... 20

Gambar 3.12 Rancangan Menu SMA ... 21

Gambar 3.13 Rancangan Menu Panduan Penggunaan Aplikasi ... 22

Gambar 3.14 Rancangan Menu About ... 23

Gambar 3.15 Rancangan Tampilan SMA N 1 Surakarta ... 23

Gambar 3.14 Rancangan Tampilan Peta SMA N 1 Surakarta ... 24

Gambar 4.1 Pembuatan Peta Lokasi SMA ... 28

Gambar 4.2 Pembuatan Fitur GPS ... 29

Gambar 4.3 Pembuatan Jarak Lokasi User dan Lokasi SMA ... 30

Gambar 4.4 Tampilan Menu Aplikasi ... 31

Gambar 4.5 Tampilan Awal Splash Screen ... 32

Gambar 4.6 Tampilan Awal ... 33

Gambar 4.7 Tampilan Menu Utama ... 34

Gambar 4.8 Tampilan Menu SMA ... 35

Gambar 4.9 Tampilan Deskripsi SMA N 1 Surakarta ... 35

Gambar 4.10 Tampilan Peta SMA ... 36

Gambar 4.11 Tampilan Menu Panduan ... 37

(15)

Harapan orang tua adalah dapat memberikan pendidikan yang

terbaik bagi anak-anaknya. Terutama jika si anak sudah memasuki

pendidikan SMA. Para orang tua mendapatkan informasi tentang

sekolah-sekolah favorit dari mulut ke mulut atau dari informasi guru anak-anak

mereka. Tetapi banyak diantara orang tua maupun siswa yang tidak

mengetahui dimana letak sekolah favorit tersebut berada. SMA merupakan

jenjang dimana si anak akan menentukan masa depannya, apakah si anak

akan melanjutkan ke perguruan tinggi atau akan bekerja. SMA yang

bermutu dapat juga berpengaruh pada pilihan anak untuk menentukan

perguruan tinggi mana yang akan mereka masuki.

SMA-SMA favorit menjadi pilihan para orang tua yang

menginginkan pendidikan terbaik dan untuk mempersiapkan anak-anak

mereka memasuki perguruan tinggi. Di wilayah Kotamadya Solo terdapat

SMA-SMA favorit yang dapat dijadikan referensi para orang tua dan

siswa.

Meskipun sudah disediakan website sekolah-sekolah favorit yang

berisikan informasi mengenai lokasi sekolah tersebut tetapi masih

menemui kendala dalam mencari lokasinya. Untuk saat ini platform untuk

mobile device yang sedang digemari adalah Android yang berbasis open

source dimana didukung puluhan ribu aplikasi baik yang gratis, trial,

maupun berbayar. Google Maps dapat disertakan pada Android, yang akan

menghubungkan kita dengan Google Maps di internet.

Mapping SMA-SMA favorit diharapkan mampu menangani

masalah para orang tua siswa dalam mencari referensi dan lokasi SMA

(16)

commit to user

2

1.2. Perumusan Masalah

Berdasarkan beberapa uraian latar belakang diatas, maka dirumuskan masalah yaitu, “bagaimana membuat aplikasi school map

untuk SMA favorit wilayah Kotamadya Solo berbasis android? “

1.3. Batasan Masalah

Batasan masalah yang penulis ambil dalam pembuatan school map untuk SMA favorit wilayah Kotamadya Solo berbasis android adalah :

1. Daerah yang menjadi objek adalah SMA-SMA yang favorit

se-Kotamadya Solo yaitu SMA N 1 Surakarta, SMA N 3 Surakarta, SMA

N 4 Surakarta, SMA N 5 Surakarta, SMA N 7 Surakarta, SMA Kalam

Kudus, SMK N 2 Surakarta, SMK N 5 Surakarta, SMK N 6 Surakarta,

SMA Mikael Surakarta, SMA Regina Pacis Surakarta, SMK Warga

Surakarta.

2. Aplikasi ini berbasis Android, dengan layanan berbasis lokasi

menggunakan lintang dan bujur untuk menentukan lokasi geografis.

3. Cakupan masalahnya yaitu dapat memberikan informasi letak user

berada, mengubah tampilan zoom lokasi, dapat informasi tentang

SMA-SMA favorit se-Kotamadya Solo mulai dari letak lokasi, profil

sekolah, riwayat prestasi-prestasi yang pernah diraih, serta dapat

mengetahui jarak antara si user dan lokasi SMA.

4. Aplikasi ini dapat dijalankan pada smartphone yang mempunyai

operatingsystem Android minimal versi 2.3 (Gingerbread).

1.4. Tujuan

Tujuan dari Tugas Akhir ini adalah untuk membuat suatu aplikasi

school map untuk SMA favorit wilayah Kotamadaya Solo berbasis

Android sehingga dapat memudahkan orang tua atau para siswa

menemukan lokasi yang dilengkapi dengan profil SMA favorit untuk

wilayah Kotamadya Solo yang dapat dijadikan referensi dalam

(17)

commit to user

3

1.5. Manfaat

Manfaat-manfaat yang penulis harapkan dari penyusunan Tugas Akhir ini antara lain :

1. Penulis

Penyusunan tugas akhir ini digunakan penulis untuk menerapkan

ilmu-ilmu yang telah diperoleh diperkuliahan, ikut memberikan

sumbangsih dalam perkembangan teknologi informasi, serta sebagai

portofolio penulis yang dapat dijadikan referensi ketika mencari

pekerjaan didunia kerja.

2. Pengguna

Produk dari tugas akhir ini diharapkan dapat memudahkan orang tua

atau para siswa luar Kota Solo yang menginginkan putra-putri

mereka bersekolah di Kota Solo untuk dapat mengetahui lokasi dan

profil sekolah terutama SMA terfavorit wilayah Kotamadaya Solo.

Dan juga dapat dijadikan referensi bagi orang tua siswa yang akan

mencari SMA favorit untuk anak-anaknya.

1.6. Metode Penelitian

1.6.1. Metode Pengumpulan data

Dalam penelitian tugas akhir ini dilakukan dengan beberapa

metode, yaitu sebagai berikut.

a. Observasi

Observasi adalah tahap mengumpulkan data dan

informasi yang diperlukan yang berhubungan dengan data-data

SMA favorit yang ada di Kotamadya Solo.

b. Wawancara

Wawancara dilakukan dengan pihak-pihak yang terkait

yang berhubungan dengan SMA favorit yang ada di

(18)

commit to user

4

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 sebagai macam kebutuhan

untuk perbaikan.

1.6.3. Perancangan Content Sistem

Perancangan content sistem digunakan untuk menentukan fasilitas-fasilitas dalam aplikasi agar sistem dapat bekerja dengan

maksimal.

1.6.4. Implementasi Sistem

Implementasi sistem merupakan kegiatan pembuatan

aplikasi yang mencakup pengkodean program dan deployment

program. Jika semua tahapan dikerjakan, maka akan sampai pada

tahap evaluasi sistem yaitu menguji dan memastikan bahwa sistem

berjalan sesuai dengan alur sistem secara keseluruhan.

1.7. Sistematika Penulisan

Untuk mempermudah melihat dan mengetahui pembahasan yang ada pada tugas akhir ini secara menyeluruh, maka perlu dikemukakan

sistematika yang merupakan kerangka dan pedoman penulisan tugas

(19)

commit to user

5

Adapun sistematika penulisannya adalah sebagai berikut :

1. BAB I PENDAHULUAN

Bab ini berisi tentang latar belakang masalah, rumusan masalah,

batasan masalah, tujuan, manfaat, metedologi penelitian, dan

sistematika penelitian.

2. BAB II LANDASAN TEORI

Bab ini berisi tentang landasan teori yang berkaitan dengan pokok

bahasan dan landasan teori yang digunakan untuk menyusun tugas

akhir ini.

3. BAB III DESAIN DAN PERANCANGAN

Bab ini berisi tentang kebutuhan sistem, perancangan sistem, dan

rancangan tampilan aplikasi.

4. BAB IV IMPLEMENTASI DAN ANALISA

Bab ini berisi pemaparan hasil akhir aplikasi school map untuk SMA

favorit wilayah Kotamadya Solo berbasis android.

5. BAB V PENUTUP

Bab ini berisi tentang kesimpulan dari tujuan pembuatan aplikasi dan

(20)

Eclipse adalah IDE untuk pengembangan java/android yang free. Pada

Eclipse terdapat Android Development Tools (ADT) yang merupakan

plugin yang harus diinstal di Eclipse sehingga Android SDK yang sudah

kita miliki dapat dihubungkan dengan IDE Eclipse dimana digunakan

sebagai tempat coding aplikasi android nantinya. (Safaat, 2011).

2.2 Google Maps

Google Maps merupakan salah satu fitur yang dimiliki google yang dapat dimanfaatkan android untuk layanan yang memungkinkan

menemukan, mencari, serta menvisualisasikan posisi kita ke dalam peta

lokasi fisik (Safaat, 2011).

2.3 Location Based Service (LBS)

Layanan berbasis lokasi adalah istilah umum yang digunakan untuk menggambarkan teknologi yang digunakan untuk menemukan lokasi

perangkat yang kita gunakan. Terdapat dua unsur utama LBS yaitu :

1. Location Manager (API Maps)

Menyediakan tool untuk LBS, Application Programming Interface

(API) Maps yang menyediakan fasilitas untuk menampilkan, memanipulasi

maps/peta beserta feature-feature lainnya seperti tampilan satelit, street

(jalan), maupun gabungannya. Paket ini berada pada

com.google.android.maps .

2. Location Provider (API Location)

Menyediakan tenologi pencarian lokasi yang digunakan oleh

device/perangkat yang berhubungan dengan Global Positioning System

(GPS) dan data lokasi real-tim. Paket ini berada pada android.location .

(21)

commit to user

7

gerakan/perpindahan, serta kedekatan dengan lokasi tertentu dengan

mendeteksi perpindahan (Safaat, 2011).

2.4 Android

Android adalah sistem operasi yang berbasis Linux atau open source

yang mencakup sistem operasi, middleware, dan aplikasi. Selain Android

SDK untuk pengembangan aplikasi, android juga tersedia bebas dalam

bentuk operating sistem, sehingga menyebabkan vendor-vendor smartphone

berlomba-lomba memproduksi smartphone dan tablet pc berbasis android.

Arsitektur android dapat digambarkan sebagai berikut :

1. Application dan widget

2. Application Framework

3. Libraries

4. Android Run Time

5. Linux Kernel

(Safaat, 2011)

2.5 Pengertian Unified Model Language (UML)

Unified Model Language (UML) merupakan alat komunikasi yang

konsisten dalam mensuport para pengembang sistem saat ini. Para

pengembang sistem berorientasi pada objek menggunakan bahasa model

untuk menggambarkan, membangun, dan mendokumentasikan sistem yang

dirancang. Dan UML memungkinkan para anggota tim untuk bekerja sama

dengan bahasa model yang sama dalam mengaplikasikan beragam sistem.

(Pudjo dan Heriawati, 2011) Guna fungsi pemodelan visual ini, penulis

menggunakan beberapa model diagram UML yaitu :

2.5.1 SRS

SRS menjabarkan kebutuhan user dalam sebuah aplikasi. Untuk

merancang suatu aplikasi perlu diketahui dan diidentifikasi terlebih

dahulu spesifikasi aplikasi yang akan dibuat yang disesuaikan dengan

kebutuhan dari sisi user. (Rosa dan Shalahuddin, 2011).

(22)

commit to user

8

2.5.2 Use Case Diagram

Use case merupakan pemodelan untuk kelakuan (behavior) sistem

informasi yang akan digunakan. Mendeskripsikan sebuah interaksi

antara satu aktor dengan sistem informasi yang akan dibuat (Rosa dan

Shalahuddin, 2011).

Tabel 2.1 Simbol Use Case Diagram

No Simbol Nama Deskripsi

1 Case Menggambarkan proses/kegiatan

yang dapat dilakukan oleh aktor

2 Actor Menggambar orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat

3 Assosiation Komunikasi antara use case dengan aktor yang berpartisipasi pada use case atau use case memiliki interaksi dengan aktor

4 <<include>> include/uses Use case yang ditambahkan akan

selalu dipanggil saat use case tambahan dijalankan

2.5.3 Class Diagram

Class diagram merupakan kumpulan kelas-kelas objek. Kelas

menggambarkan suatu grup yang memiliki kesamaan keadaan dan

perilaku (Rosa dan Shalahuddin, 2011).

Tabel 2.2 Simbol Class Diagram

1. _Class Class Menggambarkan

sebuah kelas terdiri dari attribut dan method

2. Directed

assosiation

(23)

commit to user

9

2.5.4 Sequence Diagram

Sequence diagram mendeskripsikan waktu hidup objek dan

message yang dikirimkan dan diterima antarobjek (Rosa dan

Shalahuddin, 2011).

Tabel 2.3 Simbol Sequence Diagram

1 Actor Orang, proses, atau sistem

lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri.

2 Object Menyatakan objek yang

berinteraksi pesan yang menyatakan kehidupan suatu objek

3 1: masukan Pesan tipe send

Menyatakan bahwa suatu objek mengirimkan

Menyatakan bahwa suatu objek yang telah menjalankan suatu operasi atau metode menghasilkan suatu kembalian ke objek

(24)

commit to user

10

2.5.5 Activity Diagram

Activity diagram merupakan tipe khusus dari diagram status yang

menggambarkan aktivitas sistem bukan apa yang dilakukan aktor tapi

aktivitas yang dilakukan sistem (Rosa dan Shalahuddin, 2011).

Tabel 2.4 Simbol Activity Diagram

Simbol Nama Deskripsi

1 ActivityState Aktivitas Aktivitas yang dlakukan

sistem, aktivitas biasanya

diawali dengan kata kerja

2 Message

Message

Flow Control Menggambarkan aliran

aktivitas dari suatu elemen

ke elemen lain

3 Status awal Status awal aktivitas sistem

sebuah diagram aktivitas

memiliki sebuah status awal

4 Status akhir Menggambarkan titik akhir

yang menjadi kondisi akhir

aktivitas lebih dari satu

(25)

kotamadya solo berbasis android dibutuhkan pendukung dari software dan

hardware, antara lain :

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

c. Google API’s minimal level 9

d. IDE Eclipse Helios adalah untuk melakukan proses scripting dengan

menggunakan bahasa pemrograman Java berbasis Android.

e. Android 2.3 (gingerbread) adalah platform sebagai basis aplikasi ini.

2. Software yang digunakan untuk menjalankan aplikasi:

a. Smartphone yang memiliki operating system android minimal versi

gingerbread.

b. IDE Eclipse Helios.

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

(26)

commit to user

12

c. Harddisk

Harddisk yang digunakan dalam pembuatan dan untuk menjalankan

aplikasi ini yaitu harddisk 500 GB

d. Monitor 14 inch

2. Hardware yang digunakan untuk menjalankan aplikasi.

Smartphone dengan platform Android minimal versi 2.3 (Gingerbread)

dan mempunyai fasilitas GPS.

3.2 Perancangan Sistem

Dalam pembuatan aplikasi school map untuk sma favorit wilayah kotamadya solo berbasis android dibutuhkan perancangan sistem yang

berorientasi objek dengan tipe pemodelan Unified Modeling Language (UML)

dimana akan dapat memahami cara kerja sistem dan alur data yang terjadi.

Perancangan sistem yang digunakan antara lain :

3.2.1 SRS

SRS untuk School Map SMA favorit wilayah Kotamadya Solo

dibagi menjadi dua bagian yaitu SRS fungsional (SRS-AMF) yang

menjabarkan kebutuhan user yang berkaitan langsung dengan fungsi

utama dari aplikasi dan SRS non-fungsional (SRS-AMNF) yang

menjabarkan kebutuhan user yang memanfaatkan fungsi tambahan dari

aplikasi. Kedua SRS tersebut ditunjukkan pada Tabel 5 dan Tabel 6 :

Tabel 3.1 SRS Fungsional

SRS FUNGSI

SRS-AMF1 User dapat mengetahui posisi lokasi user itu berada SRS-AMF2 User dapat melihat peta lokasi kotamadya Solo SRS-AMF3 User dapat mengetahui lokasi SMA-SMA favorit

SRS-AMF4 User dapat mengetahui informasi tentang deskripsi masing-masing SMA

SRS-AMF5 User dapat mengetahui informasi prestasi-prestasi yang dicapai masing-masing SMA

(27)

commit to user

13

SRS-AMF7 User dapat melihat petunjuk penggunaan

SRS-AMF8 User dapat memperbesar letak lokasi yang dicari di peta SRS-AMF9 User dapat melihat tentang aplikasi

SRS-AMF10 User dapat mengetahui jarak antara user dengan lokasi SMA

Tabel 3.2 Non Fungsional

SRS FUNGSI

SRS-AMNF1 Menggunakan userfriendlyinterface

SRS-AMNF2 Menggunakan Bahasa Indonesia pada interface SRS-AMNF3 Menggunakan smartphone Android

3.2.2 UsesCaseDiagram

Use case diagram untuk School Map SMA dapat dibagi menjadi

dua yaitu use case fungsional dan use case non-fungsional. Dua use case

diagram tersebut ditunjukkan pada Gambar 3.1 dan Gambar 3.2 .

mengetahui prestasi yang diraih

mengetahui foto gedung SMA mengetahui jarak user dengan

sekolah

(28)

commit to user

14

Use case diagram untuk user terdiri dari 12 use case yaitu use case

mengetahui posisi user, mengetahui lokasi SMA dipeta, mengetahui jarak

terdekat user dengan sekolah, melihat foto gedung SMA, melihat

deskripsi SMA, mengetahui deskripsi SMA, mengetahui prestasi yang

diraih, memperbesar/kecil peta, mengetahui deskripsi tentang programmer,

melihat tentang aplikasi, melihat petunjuk penggunaan aplikasi,

mengetahui deskripsi cara penggunaan aplikasi.

Use case mengetahui posisi user, memperbesar/kecil peta,

mengetahui jarak terdekat user dengan sekolah akan muncul jika use case

mengetahui lokasi SMA dipeta aktif. Use case mengetahui jarak terdekat

user dengan sekolah akan muncul jika use case mengetahui posisi user

terpenuhi.

Use case melihat foto gedung SMA, mengetahui deskripsi SMA,

mengetahui prestasi yang diraih merupakan proses generalisasi dari

melihat deskripsi SMA.

Gambar 3.2 Use Case Diagram Non-Fungsional

Use case diagram non-fungsional berisi aktivitas-aktivitas yang

dapat dilakukan user, dimana aktivitas tersebut tidak berpengaruh pada

(29)

commit to user

15

3.2.3 Class Diagram

Class diagram memiliki atribut dan operasi atau metode, berikut class

diagram untuk aplikasi school map untuk sma favorit wilayah kotamadya solo

berbasis android ditunjukkan pada Gambar 3.3 Class Diagram School Map.

Gambar 3.3 Class Diagram School Map

Table 3.3 Tabel Deskrispi Kelas

Nama kelas Keterangan

Menu Utama Merupakan kelas Menu Utama dan sebagai kelas yang menangani

tampilan

a1 Merupakan kelas proses yang

didalamnya menangani informasi,

deskripsi SMA, prestasi yang diraih

SMA, foto gedung SMA, dan berisi

website resmi dari SMA yang dapat

dikunjungi.

map_a1 Merupakan kelas proses yang

(30)

commit to user

16

dipeta, informasi posisi user berada,

mengenai tampilan peta dapat

diperbesar dan diperkecil, dan jarak

terdekat antara user dan lokasi SMA

yang mengambil data dari Tabelpeta

guide Merupakan kelas proses yang

didalamnya menangani deskripsi

cara penggunaan aplikasi

about Merupakan kelas proses yang

didalamnya menangani deskripsi

tentang programmer

3.2.4 SequenceDiagram

Sequence diagram untuk aplikasi school map untuk SMA favorit

wilayah Kotamadya Solo berbasis android dibagi menjadi empat yaitu

sequence diagram melihat deskripsi, sequence diagram tampil peta,

sequence diagram tentang aplikasi, sequence diagram melihat petunjuk

penggunaan aplikasi. Berikut kedua sequence diagram ditunjukkan pada

Gambar 3.4, Gambar 3.5, Gambar 3.6, dan Gambar 3.7.

3.2.4.1 DiagramSequenceMelihat Deskripsi

: User

(31)

commit to user

17

3.2.4.2 Diagram Sequence Tampil Peta

: User

Gambar 3.5 Sequence Diagram Tampil Peta

3.2.4.3 Diagram Sequence Melihat Petunjuk Penggunaan Aplikasi

: User

(32)

commit to user

18

3.2.4.4 Diagram Sequence Tentang Aplikasi

: User

Gambar 3.7 Sequence Diagram Tentang Aplikasi

3.2.5 ActivityDiagram

Aktivitas yang dilakukan sistem untuk aplikasi school map untuk

SMA favorit wilayah Kotamadya Solo berbasis android ditunjukkan pada

Gambar 3.8 Activity Diagram.

Buka Aplikasi

Menampilkan menu

Menampilkan

Tentang Aplikasi Menampilkan

Panduan Menampilkan Menu _{SMA favorit}

Menampilkan deskrpsi

(33)

commit to user

19

3.3 Rancangan Tampilan Aplikasi

Rancangan aplikasi school map untuk SMA favorit wilayah Kotamadya Solo berbasis android adalah sebagai berikut :

1. Rancangan Tampilan Aplikasi Awal (Splash Screen)

Rancangan tampilan Aplikasi Awal (Splash Screen) aplikasi school

map untuk SMA favorit wilayah Kotamadya Solo berbasis android

ditunjukkan pada Gambar 3.9

Gambar 3.9 Rancangan Splash Screen

Vertikal prototipe dari rancangan Splash Screen adalah sebagai berikut :

No Method Deskripsi

1 oncreate() Method ini pertama kali dijalankan saat aplikasi dijalankan.

2 run() Method ini dijalankan untuk mengatur lama

tampilan splash screen kemudian berpindah ke activity pembuka aplikasi

2. Rancangan Tampilan Pembuka Aplikasi

Rancangan tampilan menu utama ditunjukkan pada gambar 3.10

Pada menu utama terdapat tiga menu yaitu menu SMA, menu panduan,

(34)

commit to user

20

Gambar 3.10 Tampilan Pemubuka Aplikasi

No Method Deskripsi

1 Oncreate() Method ini dijalankan pertama kali setelah splash screen selesai dijalankan

2 Onclick() Method ini dijalankan jika tombol masuk diklik dan masuk ke activity Menu Utama

3. Rancangan Tampilan Menu Utama

Rancangan tampilan menu utama ditunjukkan pada gambar 3.11

Pada menu utama terdapat tiga menu yaitu menu SMA, menu panduan,

dan menu about.

Gambar 3.11 Rancangan Menu Utama

Vertikal prototipe dari rancangan tampilan menu utama adalah sebagai

berikut :

No Method Deskripsi

1 oncreate() Method ini dijalankan setelah tombol masuk

(35)

commit to user

21

untuk pindah ke activity yang sesuai. 2 Onclick()

Pada tombol menu SMA

Method ini dijalankan jika tombol Menu SMA diklik dan akan pindah ke activity untuk memunculkan tampilan Menu SMA

3 Onclick()

Pada tombol menu Panduan

Method ini dijalankan jika tombol Menu Penduan diklik dan akan pindah ke activity untuk

memunculkan tampilan Menu Panduan

Pemakaian Aplikasi memunculkan tampilan Menu About

5 Onclick()

Pada tombol Exit

Method ini dijalankan jika tombol Exit diklik dan akan memunculkan pesan dialog untuk konfirmasi keluar dari aplikasi

4. Rancangan Tampilan Menu SMA

Rancangan tampilan menu SMA ditunjukkan pada gambar 3.12 .

Pada menu ini terdapat 12 SMA yang dapat dipilih.

Gambar 3.12 Rancangan Menu SMA

Vertikal prototype dari rancangan tampilan Menu SMA adalah sebagai

berikut :

No Method Deskripsi

1 oncreate() Method ini dijalankan setelah tombol menu

(36)

commit to user

22

untuk mengolah tombol menu sma, tombol menu panduan, tombol menu about, dan tombol exit untuk pindah ke activity yang sesuai.

2 Onclick()

Pada tombol SMA N 1

Method ini dijalankan jika tombol Exit diklik dan menampilkan SMA N 1 Surakarta

3 Onclick()

Pada tombol Back

Method ini dijalankan jika tombol Back diklik dan akan menampilkan Menu Utama

5. Rancangan Tampilan Menu Panduan pemakaian aplikasi

Rancangan tampilan menu panduan ditunjukkan pada Gambar 3.13

Gambar 3.13 Rancangan Menu Panduan Pemakaian Aplikasi

Vertikal prototype dari rancangan tampilan Menu Panduan adalah

sebagai berikut :

No Method Deskripsi

1 oncreate() Method ini dijalankan setelah tombol menu

Panduan pada Menu Utama ditekan. Digunakan untuk mengolah tampilan Menu Panduan dan tombol Back untuk kembali ke Menu Utama. 2 Onclick()

Pada tombol Back

(37)

commit to user

23

Rancangan tampilan menu About ditunjukkan pada gambar 3.14

Gambar 3.14 Rancangan Menu About

Vertikal prototype dari rancangan tampilan Menu About adalah sebagai

berikut :

No Method Deskripsi

1 oncreate() Method ini dijalankan setelah tombol Menu

About pada Menu Utama ditekan. Digunakan untuk mengolah tampilan Menu About dan tombol Back untuk kembali ke Menu Utama. 2 Onclick()

Pada tombol Back

7. Rancangan Tampilan SMA N 1 Surakarta

Rancangan tampilan SMA N 1 Surakarta ditunjukkan pada gambar

3.15

Gambar 3.15 Rancangan SMA N 1 Surakarta

Vertikal prototype dari rancangan tampilan SMA N 1 Surakarta adalah

(38)

commit to user

24

No Method Deskripsi

1 oncreate() Method ini dijalankan setelah tombol SMA N 1 Surakarta pada Menu SMA ditekan. Digunakan untuk mengolah tampilan SMA N 1 Surakarta, dan akan menampilkan website SMA

3 Onclick()

Lihat Map

Method ini dijalankan jika tombol Lihat MAP diklik dan akan menampilkan peta lokasi SMA

8. Rancangan Tampilan Peta SMA N 1 Surakarta

Rancangan tampilan peta SMA N 1 Surakarta ditunjukkan pada

gambar 3.16

Gambar 3.16 Rancangan Menu About

Vertikal prototype dari rancangan tampilan Peta SMA N 1 Surakarta

adalah sebagai berikut :

No Method Deskripsi

(39)

commit to user

25

2 initmap() Method ini untuk menampilkan peta dari

Google Maps.

3 initLocationManager() Method ini untuk mengatur GPS.

4 tampilkanPosisikeMap() Method ini untuk menampilkan marker GPS ke peta

(40)

Aplikasi school map ini merupakan aplikasi yang berbasis android dengan fitur tambahan terdapat GPS didalamnya sehingga untuk

mengakses peta pada aplikasi ini harus berkomunikasi dengan internet.

Aplikasi android ini dikembangkan dengan berbasis java yang

memerlukan Software Development Kit (SDK) dimana pengembangan

java/android dengan disupport Android Development Tools (ADT) dapat

menggunakan Eclipse untuk coding project android. Salah satu desain

antar muka menggunakan peta berbasis Google Maps yang

memungkinkan kita mengontrol pengaturan tampilan, mengubah tampilan

zoom lokasi, dan memindahkan lokasi tampilan. Aplikasi ini

menggunakan servis pencari dengan teknologi GPS dan Google’s cell

-basedlocation.

4.1.1 Pembuatan splash screen

Berikut script pembuatan splash screen

final int welcomeScreenDisplay = 1000;

Thread welcomeThread = new Thread() {

int wait = 0;

@Override

public void run() { try {

super.run();

while (wait < welcomeScreenDisplay){

sleep(100);

wait += 30; }

} catch (Exception e) {

System.out.println("Error = " + e);

} finally {

startActivity(new

Intent(Main.this,intro.class));finish();} }};

welcomeThread.start();

Maksud dari script diatas adalah untuk mengatur waktu lamanya

(41)

commit to user

27

4.1.2 Pembuatan peta lokasi SMA

Berikut script menampilkan peta lokasi SMA yang tampilannya

dapat dilihat pada gambar 4.1.:

a. Pada file .xml untuk mengatur tampilan peta di device:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout

Xm lns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"

android:layout_height="fill_parent" android:orientation="vertical" >

<com.google.android.maps.MapView

android:apiKey="Api Keymu"/> </LinearLayout>

b. Pada file manifest ditambah library <uses-library android:name="com.google.android.maps" /> dan permission untuk

mengakses internet <uses-permission

android:name="android.permission.ACCESS_FINE_LOCATION"/> dan <uses-permission android:name="android.permission.INTERNET"/>

c. Untuk menampilkan peta dari Google Maps padafile .java :

import com.google.android.maps.MapActivity;

publicclass map_a3 extends MapActivity{

publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.map_a3); }

protectedboolean isRouteDisplayed() { returnfalse;

}}

d. Untuk menampilkan marker lokasi SMA N 3 Surakarta pada

method onCreate ditambah script :

List<Overlay> mapOverlays = mapView.getOverlays(); Drawable drawable2 =

getResources().getDrawable(R.drawable.markersma3); CustomItemizedOverlay itemizedoverlay2 = new CustomItemizedOverlay(drawable2);

double lat = -7.570588889; double lng = 110.8387778;

(42)

commit to user

28

OverlayItem overlayitem2 = new OverlayItem(point, "SMA N 3 SURAKARTA","");

itemizedoverlay2.addOverlay(overlayitem2); mapOverlays.add(itemizedoverlay2);

Gambar 4.1 Pembuatan Peta Lokasi SMA

4.1.3 Pembuatan fitur GPS

Berikut script pembuatan fitur GPS dengan menampilkan marker

untuk GPS dan tampilannya dapat dilihat pada gambar 4.2 :

GeoPoint geopoint = new GeoPoint((int) (newLocation.getLatitude() * 1E6), (int) (newLocation .getLongitude() * 1E6));

Drawable drawable9 = getResources().getDrawable(R.drawable.marker); CustomItemizedOverlay itemizedoverlay9 = new

CustomItemizedOverlay(drawable9);

OverlayItem overlayitem9 = new OverlayItem(geopoint, “gps”,””); itemizedoverlay9.addOverlay(overlayitem9);

(43)

commit to user

29

Gambar 4.2 Pembuatan Fitur GPS

4.1.4 Pembuatan jarak lokasi user dan lokasi SMA

Berikut script untuk jarak dihitung dengan distance (garis lurus)

dari posisi user ke lokasi SMA N 3 Surakarta tampilannya dapat dilihat

pada gambar 4.3. :

jarak = (TextView) findViewById(R.id.jaraksma3); Location locationA = new Location("point A"); locationA.setLatitude(-7.570588889/1E6); locationA.setLongitude(110.8387778/1E6); Location locationB= new Location("point B");

locationB.setLatitude((int)(newLocation.getLatitude() * 1E6)); locationB.setLongitude((int)(newLocation.getLongitude() * 1E6)); double distance = locationA.distanceTo(locationB);

(44)

commit to user

30

Gambar 4.3 Pembuatan Jarak Lokasi User dan Lokasi SMA

4.2 Implementasi Desain dan Perancangan

Desain dan perancangan yang telah dibuat kemudian direalisasikan

ke dalam pembuatan aplikasi school map ini. Tampilan dari aplikasi ini

hanya terdiri dari satu platform, yaitu dari user tampilan menggunakan

(45)

commit to user

31

4.2.1 Tampilan Menu Aplikasi

Tampilan menu aplikasi ini adalah tampilan setelah aplikasi

diinstal pada smartphone berbasis android ditunjukkan pada gambar

4.4.

Gambar 4.4 Gambar Tampilan Menu Aplikasi

4.2.2 Tampilan Aplikasi Awal (SplashScreen)

Tampilan pembuka ketika pertama kali aplikasi dijalankan selama

beberapa detik, Terdapat beberapa foto gedung SMA-SMA yang

(46)

commit to user

32

Gambar 4.5 Gambar Tampilan Awal Splash Screen

4.2.3 Tampilan Awal

Setelah tampilan pembuka terdapat intro yang berisi

memperkenalkan aplikasi. Terdapat tombol masuk untuk melanjutkan

(47)

commit to user

33

Gambar 4.6 Gambar Tampilan Awal

4.2.4 Tampilan Menu Utama

Setelah tombol masuk pada interface intro maka akan tampil menu

utama yang berisi menu-menu SMA, about, dan panduan penggunaan

aplikasi, serta tombol exit untuk menutup aplikasi ditunjukkan pada

(48)

commit to user

34

Gambar 4.7 Gambar Tampilan Menu Utama

4.2.5 Tampilan Menu SMA

Tampilan Menu SMA ini berisi 12 SMA favorit yang

direkomendasikan ditunjukkan pada gambar 4.8 dan terdapat tombol Back

untuk kembali ke menu utama ditunjukkan pada gambar 4.7 . Jika salah

satu SMA dipilih maka akan menampilkan deskripsi dari SMA tersebut

ditunjukkan pada gambar 4.9 . Jika tombol lihat peta dipilih maka akan

(49)

commit to user

35

Gambar 4.8 Gambar Tampilan Menu SMA

(50)

commit to user

36

Gambar 4.10 Gambar Tampilan Peta SMA

4.2.6 Tampilan Menu Panduan

Tampilan menu panduan berisi tentang panduan dalam

(51)

commit to user

37

Gambar 4.11 Gambar Tampilan Menu Panduan

4.2.7 Tampilan Menu About

Tampilan menu about berisi tentang deskripsi tentang

programmer ditunjukkan pada gambar 4.12 .

(52)

commit to user

38

4.2.8 Pengujian Aplikasi pada smartphone Android versi Gingerbread Tampilan aplikasi setelah di uji coba pada smartphone Android versi

gingerbread ditunjukkan pada gambar 4.13 .

Gambar 4.13 Gambar Tampilan Pengujian

4.3 Analisis

Aplikasi ini memiliki fungsi utama sebagai referensi bagi orang tua maupun siswa yang mencari SMA-SMA favorit di wilayah Kotamadya

Solo. Pembuatan aplikasi ini berbasis android dengan memanfaatkan

servis Location Based Servis dan Google Maps aplikasi ini menggunakan

smartphone berbasis android versi gingerbread yang memiliki fitur GPS

didalamnya. Aplikasi ini mempunyai fitur untuk melihat informasi

tentang SMA-SMA favorit di Kotamadya Solo, Peta lokasi SMA, jarak

antara user dan lokasi SMA, mengetahui lokasi user berada. Kekurangan

dari aplikasi ini adalah hanya dapat dioperasikan pada smartphone yang

mempunyai operasi sistem android minimal versi 2.3 (gingerbread), fitur