PEMETAAN POLA PENYAKIT

REVIEW BUKU SISTEM INFORMASI GEOGRAFIS BERBASIS ANDROID

OLEH

KELOMPOK 3

 MANASIE NOMPETUS (KETUA) (1707010038)

 ASTRIANA TUALAKA (1707010122)
 REZA P. RAMADANI RUSDA (1707010268)
 MARIA J. M. PAULINE KARMAN (1807010268)
 MERLYNDA FEOH (1707010343)
 JULIA RENSE ULY (1707010183)
 ADITYA ROBERTO HABA (1707010209)
 FEBRIYANTI MANU (1707010132)
 KORNELIA SAIMAN (1707010329)
 KISTI N. D. MODOK (1707010280)

PROGRAM STUDI ILMU KESEHATANMASYARAKAT

FAKULTAS KESEHATAN MASYARAKAT
UNIVERSITAS NUSA CENDANA
KUPANG
2020

i
 KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa. yang telah
memberikan rahmat serta karunia-Nya kepada kami sehingga kami berhasil
menyelesaikan Tugas review buku yang berjudul “Sistem Informasi Geografis
Berbasis Android” ini tepat pada waktunya.

Kami menyadari bahwa tugas ini masih jauh dari sempurna, oleh karena
itu kritik dan saran dari semua pihak yang bersifat membangun selalu kami
harapkan demi kesempurnaan tugas ini.

       Akhir kata, kami sampaikan terima kasih kepada semua pihak yang telah
berperan serta dalam penyusunan makalah ini dari awal sampai akhir. Semoga
Tuhan Yang Maha Esa senantiasa menyertai segala usaha kita. Amin.

Penyusun

i
 DAFTRAS ISI

KATA PENGANTAR...................................................................................................i
DAFTRAS ISI..............................................................................................................ii
BAB 1 BERKENALAN DENGAN ANDROID..........................................................1
1.1 Pengertian Android...........................................................................................1
1.2 Sejarah Perkembangan Android.......................................................................1
BAB II INSTALASI ANDROID STUDIO, JKD, XAMPP, WEB BROWSER,
EMULATOR DAN TEST EDITOR........................................................................3
2.1 Mengena Android Studio..................................................................................3
2.2 Istalasi Android Studio.....................................................................................3
2.3 Mengenal JDK..................................................................................................5
2.4 Instalasi Java.....................................................................................................5
2.5 Mengenal Emulator...........................................................................................6
2.6 Instalasi Nox.....................................................................................................7
2.7 Mengenal Xampp..............................................................................................7
2.8 Istalasi Xampp..................................................................................................8
2.9 Mengenal Web Browser...................................................................................8
2.10 Istalasi Chrome.................................................................................................8
2.11 Mengena Text Editor........................................................................................9
2.12 Instalasi Sublime Text.......................................................................................9
BAB III MENJALANKAN ANDROID STUDIO.....................................................10
3.1 Menampilkan Teks Hello World Dengan Andoid Studio...............................10
3.2 Menampilkan Menu Navigation Drawer Dengan Android Studio.................11
3.3 Menampilkan Maps Dengan Android Studio.................................................12
BAB IV KONEKSI ANDROID STUDIO DENGAN WEB SERVICE, JSON, PHP,
DAN MYSQL........................................................................................................14
4.1 Mengena Web Service....................................................................................14
4.2 Mengenal JSON..............................................................................................14
4.3 Mengenal PHP................................................................................................15
BAB V APLIKASI SIG PERISTIWA.......................................................................17

ii
5.1 Back End Menggunakan Web Mobile............................................................17
5.2 Web Service Dengan Menggunakan JSON....................................................18
5.3 Font End Dengan Menggunakan Android......................................................19

iii
 BAB 1

BERKENALAN DENGAN ANDROID

1. Berkenalan Dengan Android

Sebagai bab pembuka dalam buku Sistem Informasi berbasis Android,
saya akan mengajak anda untuk berkenalan dengan Android terlebih dahulu.
Kita akan membahas pengertian android, memahami maksud dari android
sebagai sistem operasi dan aplikasi, serta men-generate aplikasi atau
menghasilkan aplikasi.

1.1 Pengertian Android

Dalam pengertian paling sederhana, Android adalah sebuah sistem
operasi perangkat mobile berbasis linux yang mencangkup sistem operasi,
middleware dan aplikasi. Android menyediakan platform terbuka bagi para
pengembang untuk menciptakan aplikasi mereka, Awalnya, Google Inc.
membeli Android Inc: yang merupakan pendatang baru yang membuat
peranti lunak untuk ponsel atau smartphone. Kemudian untuk dalam
mengembangkan Android, dibentuk lah Open Handset Alliance, konsorsium
dari 34 perusahaan peranti keras, peranti lunak dan telekomunikasi,
termasuk Google, HTC, Intel, Motorola, Qualcomm, T-Mobile, dan Nvidia.

1.2 Sejarah Perkembangan Android

Sebagaimana layaknya teknologi yang selalu berkembang, Android
juga melalui banyak perubahan dari tujuan awal. Pada saat perilisan perdana
Android, pada tanggal 5 November 2007, Android bersama Open Handset
Alliance menyatakan mendukung pengembangan open source pada
perangkat mobile'. Di lain pihak, Google merilis kode-kode Android di
bawah lisensi Apache, sebuah lisensi perangkat lunak dan open platform
perangkat seluler.
Kemudian aplikasi android terus dikembangkan, hingga sejak April
2009, versi Android dikembangkan diawali dengan nama kode yang
dinamai berdasarkan makanan pencuci mulut dan penganan manis: Masing-

1
masing versi dirilis sesuai urutan alfabet, yakni Cupcake (1.5), Donut (1.6),
Eclair (2.0-2.1), Froyo (2.2-2.2.3), Gingerbread (2.3-2.3.7), Honeycomb
(3.0- 3.2.6), Ice Cream Sandwich (4.0-4.0.4), Jelly Bean (4.1-4.3), Kitkat
(4.4+), Lollipop (5.0+), Marshmallow (6.0+). Nougat (7.0+) dan Android
Oreo (8.0+), dan yang terbaru adalah Android Pie (9.0+).

2
 BAB II

INSTALASI ANDROID STUDIO, JKD, XAMPP, WEB BROWSER,

EMULATOR DAN TEST EDITOR

2. Istalasi Android Studio, JKD, Xampp, Web Browser, Emulator, dan Test
Editor

2.1 Mengenal Android Studio

Android studio adalah IDE (ingrated development environment) resmi
untuk pengembangan aplikasi android dan bersifat open source atau gratis.
Peluncuran android ini di umumkan oleh google pada 16 mei 2013 pada
event google I/O Conference untuk tahun 2013. Sejak saat itu android
studio menggantikan Eclipde sebagai IDE resmi untuk mengembangkan
aplikasi android.
Android studio di kembangakan berdasarkan Intellij IDEA yang mirip
dengan Eclipse disertai dengan ADT plugin (Android Development Tools)
berikut ini adalah fitur Android studio:
a. Projek berbasis pada Gradle Build
b. Refactory dan pembenahan bug yang cepat
c. Tools baru yang bernama “Lint” diklaim dapat memonitor kecepatan,
kegunaan, serta kompetibilitas aplikasi dengan cepat.
d. mendukung proguard and App-signing untuk keamanan
e. memiliki GUI aplikasi android lebih mudah.
f. Didukung oleh google untuk setiap aplikasi yang dikembangkan.

2.2 Istalasi Android Studio

Hal pertama yang di lakukan instalasi android studio adalah dengan
menginstal java SDK terlebih dahulu. Setelah selesai instalasi java, maka
selanjutnya barulah kita lakukan intalasi android studio, silahkan buka
master aplikasi yang berada dalam CD kemudian pilih master aplikasi,
serta petunjuk instalasi di atmpilkan pada video intalasi Master Aplikasi.
Berikut ini Langkah-langkah dalam instalasi Android Studio :

3
a. Buka Master aplikasi
b. Klik dua kali file android-studio-bundle-162.3764568.windows
c. Akan tampil jendela ekstrak komponen persiapan dalam instalasi dan
langsung next saja untuk melanjutkan
d. maka akan tampil tampilan gambar kemudia select all component to
install android SDK dan android virtual device, kemudian pilih next.
e. Maka akan muncul jendela license, silahkan di baca terlebi dahulu
kemudian tekan tombol i agree untuk melanjutkan pada tahap intalasi
berikutnya.
f. selanjutnya akan muncul gambar Configuration settings, pada bagian
ini diminta untuk menentukan lokasi penyimpanan android studio dan
androis sdk yang nantinya digunakan,boleh menggunakan Drive C
atau bisa juga menggunakan Drive Hardisk lain apabila ingin membuat
directory customs dalam penyimpanan aplikasi tersebut. kemudian
jangan lupa tekan tombol next, serta jangan lupa untuk mengecek free
space pada hdd yang tersedia jangan sampai tidak memenuhi
kebutuhan yang tidak dibutuhkan.
g. Selanjutnya akan masuk pada tahap proses instaling, pada bagian ini
proses extact dalam instalasi membutuhkan waktu dan proses yang
cukup lama, disesuaikan dengan kecepatan processor dan ram yang
dimiliki. Hingga pada akhirnya akan tampil installation complete lebih
kurang membutuhkan waktu 35 menit dalam extractnya, kemudia pilih
next.
h. Maka tampilan selanjutnya adalah Completing android studio setup,
maka sebelum lanjut ke atahapan selanjutnya finish dan memulai
android studio pertama kalinya, maka usahakan komputer/laptop yang
digunakan sudah terhubung internet, karena pada tahapan selanjutnya
kita membutuhkan koneksi untuk mendownload component tambahan
yang kita butuhkan , selanjutnya tekan tombol finish.
i. Maka selanjutnya akan muncul jendela tampilan andorid studio setup
wizard untuk platform dan plugin updatesnya di close saja dengan
tombol silang di sampingnya, kemudian next saja.

4
 j. Pada tampilan jendela selanjutnya akan menampilkan instal type pada
android studio setup, kita custom jika kita inginkan installation sesui
dengan component yang kita inginkan, kemudian untuk penggunaan
prosess tipe instal umum maka kita gunkan tipe standart kemudian
next.
k. Maka selanjutnya munculo jendela tampilan verefy settings maka
dalam tahapan ini silahkan langsung finish saja serta nantinya akan
menunggu sampai proses download component selesai hingga pada
tampilan akhir gambar Downloading Components yang tinggal hanya
menekan tombol finish dan pastikan bahwa dalam proses download
tidak ada proses yang gagal atau error, hingga tampilan selanjutnya
seperti tampilan awal androis studio setelah tahap ini proses intalasi
telah selesai.

2.3 Mengenal JDK

JDK (Jva Development Kit) adalah sebuah paket aplikasi yang berisi
JVM (Java Virtual Mochine) + JRE (Java Runtime Environment ) +
berbagai aplikasi untuk proses pembuatan kode progran java.
Salah satu tambahan perintah yang ada di JDK adalah
perintah javar yang di pakai untuk memproses kode program java menjadi
byte code. program inin mungkin baru anda pahami jika sudah melintang
sebagai progammer java provesional. Disini terlihat berbagai teknologi dan
library yang merupakan pondasi yang membangun sebuah bahasa
pemrograman java.

2.4 Instalasi Java

a. Buka CD dan Open Folder Master Aplikasi,
b. Double klik pada file jdk-windows dan kemudian untuk versi aplikasi
jdk yang digunakan dengan PC/ Lpatop yang ada. Apabila
menggunakan windows yang 32 bjt maka gunakan yang kahirannya
1586 exe dan apabila menggunakan yang 64 bjt gunakan yang x64 exe,
dan apabila tampil jendela tampilan user account control pilih yes
untuk ketahapan selanjutnya,

5
 c. Akan muncul jendela welcome to intallation, kemudian kita pilih next
untuk melanjutkan,
d. Kemudian akan muncul jendela select optional features yang akan kita
gunakan serta penempatan directory penyimpanan aplikasi ini nantinya,
secara default kita meletakan pada drive c:/program
files\java\jdk\1.8.0.191\ dan apabila ingin di customs lokasi
penyimpanannya tinggal kita sesuaikan pada penempatannya.
Kemudian pilih next .
e. Kemudian tunggu beberapa saat, proses instalasi setting berjalan,
f. Apabila muncul jendela tampilan maka tekan tombol al,
g. Kemudian proses instalasi akan berlanjut hingga keluar jendela
tampilan selecnation folder, jika kita ingin mengubah lokasi
penyimpanan sesuai dengan yang di inginkan bisa menekan tombol
change dan kemudian disesuiakan pada directory yang diinginkan,
kemudian apabila ingin meletakan secara default pada drive C
kemudian pilih next untuk melnjutkan ke tahap instalasi berikutnya.
h. Maka proses instalasi akan berjalan hingga muncul jendela dan
selanjutnya tekan tombol close dan proses tahapan instalasi java telah
selesai.

2.5 Mengenal Emulator

Emilator atau yang lebih tepatnya sebagai peranti lunak emulator, yang
memungkinkan suatu program atau peranti lumak yang dibuat awalnya oleh
suatu sistem komputer (arsitektur dan sistem operasi) dan untuk dijalankan
dalam sistem komputer yang sama sekali nerbeda.
Sebagai contoh sederhananya suatu program windows dapat dijalankan
di sistem operasi linux dengan menggunakan emulator wine. Atau berupa
program khusus yang didedikasikan untuk emulator seperti vmware, virtual
Box, serta dalam kasus ini kita akan membahas mengenai emulator android
pada windows yang kali ini kita akan menggunakan nox

6
2.6 Instalasi Nox
Pada tahap selanjutnya adalah instalasi nix, yang mana nox disini akan
digunakan dalam emulator yang akan menjalankan souce kode, atau coding
yang telah kita buat , adapum tahapan dalam instalasinox adalah sebagai
berikut:
a. Buka CD dan Open Folder Master Aplikasi.
b. Double klik pada nox_setup_v6_2.8.1_full_intl.exe,dan lemudian akan
muncul jendela gambar in_1 awal tampilan nox, pilih install dan
kemudian proses instalasi akan berjaln in pada tampilan gambar in_2
nox siap dijalankan karena proses instalasi sudah selesai namun
dibutuhkan konsfigurasu tambahan maka klik tombol mulai.
c. Kemudian akann muncul jendela gambar in_3 proses open aplikasi nox
pertama kali, dan akan muncul jendela gambar in_4 tutorial nox,
silahkan skip tutorial untuk melanjutkan.
d. Selanjutnya kita masuk ke pengaturandengan menklik tombol disamping
minimal. Dan akan muncul jendela gambar in_5 pengaturan umum,
centang boot root seperti pada gambar in_5 pengaturan umum,
selanjutnya pilih menu advanced kemudian ubah dengan sesuai
spesifikasi yang kita inginkan, atau bisa disamakan sesuai dengan
tampilan jendela gambar in_6 advanced, kemudian tekan tombol simpan
perubahan, dan kemudian tekan tombol mulai ulang sekarang.
e. Maka tampilan emulator akan menyesuaikan sesuai dengan tampilan
yang telah kita buat, dan tahapan instalasi telah selesai.

2.7 Mengenal Xampp

Xampp dikembaangkan dari sebuah tim proyek bersama Apache
friends. Fungsinya adalah sebagi server yang berdiri sendiri (lokal house),
yang terdiri atas program Apache ATTP server, MySQL database, dan
penerjemah bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan
singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan
Perl. Program ini tersedia dalam GNU General Public Liciense dan bebas,
serta merupakan web server yang mudah digunalan yang dapat melayanai
tampilan halaman web yang dinamis.

7
 2.8 Istalasi Xampp

a. Buka CD DAN Open Folder Master Aplikasi.

b. Double klik pada xampp-windows-x64-5.6.40-I-VC11-installer. Exe,
dan kemudian akan muncul jendela gambar ix_1 awal tampilan xampp,
pilih next dan kemudian proses instalasi akan berlanjut kepada tampilan
gambar ix_2 setup components.
c. Kemudian akan muncul jendela gambar ix_3 instaltion folder untuk
penempatan lokasi direktori penyimpanan bisa kita seauaikan untuk di
instal dan diletakkan pada drive C://xampp atau diperbolehkan juga
apabila kita ingin meletakkan pada drive D: E: dan lain sebagainya
kemudian next sampai pada proses loading instalasipada gambar ix_4
loading instalasi.
d. Setelah proses instalasi selesai maka akan muncul jendela tampilan
gambar ix_5 setup complete, yang menandakan instalasi xampp telah
selesai, kemudian tekan tombol finish dan akan muncul jendela gambar
ix_6 language setup, pilih sesuai dengan contoh gambar kemudian tekan
tombol save, kemudian akan muncul tampilan jendela gambar ix_7
xampp control panel, start atau jalankan sesuuai dengan contoh gambar
pada ix_7 xampp control panel dan proses setting dan instalasi xampp
telah selesai.

2.9 Mengenal Web Browser

Para pengguna internet pasti akan sering menggunakan web browser
untuk melakukan aktivitasnya. Membuka halaman website, memastikan
keamanan suatu website, mendukung permintaan data, mengumpulkan data
dan memaksimalkan tampilan serta mendukung penggunaan mesin pencari.
Contoh browser yang sering kita gunakan adalah google chrome, mozilla
firefox, opera dan safari.

2.10 Istalasi Chrome

a. Buka CD dan open folder master aplikasi

8
 b. double klik pada 77.0.3865.90_chrome_installer.exe, tinggal
disesuaikan dengan versi windows yang digunakan kemudian proses
instalasi akan berjalan hingga langsung membuka aplikasi chrome.

2.11 Mengena Text Editor

Text editor adalah suatu software aplikasi atau suati program komputer
yang memungkinkan anda sebagai penggunanya untuk membuat, mengubah
atau mengedit file text yang ada berupa plain text.

2.12 Instalasi Sublime Text

a. Buka CD dan oper folder master aplikasi
b. Double klik pada sublime text build 3200x64 setup.exe, dan kemudian
akan muncul jendela gambar ist_1 select destination location setup, bisa
kita sesuaikan jika ingin meletakan pada lokasi yang berbeda kemudian
tekan tombol next, maka akan muncul jendela gmbar ist_2 select
addition task, centang jika kita ingin menambahkan task tambahan pada
sublime, kemudian tekan tombol next.

9
 BAB III

MENJALANKAN ANDROID STUDIO

3. Menjalankan Android Studio

3.1 Menampilkan Teks Hello World Dengan Andoid Studio

Kesempatan kali ini kita akan mempelajari cara membuat aplikasi
sederhana berupa aplikasi yang menampilkan tulisan “ hello world”. Dan
ada beberapa langkah, antara lain:
a. Tekan pada tombol START Kemudian ketikkan Android, seperti pada
jendela gambar thw_1 open android studio. Kemudian Klikn Android
Srtudio tersebut. Maka selanjutnya akan proses loading membuka
aplikasi sampai pada tampilan jendela.
b. Pilih Start a new Android Studio Project untuk membuat aplikasi
android, maka akan tampil jendela gambar thw_3 configure your new
project, untuk aplikasi name, company name, serta project loction, kita
boleh sesuaikan seprti yang kita inginkan, dan kemudian tekan tombol
next.
c. Kemudian akan muncul jendela gambit thw_4 select minimum sdk, pada
bagian ini kita diminta untuk membuat minimal SDK beberapa yang
akan kita gunakanh. Jenis api level berapa nantinya untuk minimal yang
akan menggunakan aplikasi yang akian kita buat.Kemudian tekan
tonmbol next.
d. Kemudian akan muncul jendela gambar thw_5 add an actiuvity to
mobile, kita diberikan pilihan jenis tambahan aktifitas apa yang kiranya
bakalan kita gunakan dalam pembuatan pada aplikasi ini, kita bisa
sesuaikan dengan kebutuhan kita , namun dalam hal ini kita hanya ingin
membuat menampilkan text hello world, maka kita pilih yang empty
activity seperti di gambar thw_5 add an actiuvity to mobile. Kemudian
kita tekan tombol next.
e. Kemudian akan muncul jendela gambar thw_6 custumize the activity,
pada bagian ini kita diminta untuk memberikan nama pada aktivitas

10
 yang akan kita gunakan seperti pada activity name and layout name.
Kemudian kita akan menekan tombol finish, yang menandakan tahap
configurasi awal [pembuatan telah selesai, kemudian tunggu hingga
proses bulding gradle project selesai, sampai pada tampilan jendeloa
thw_7 gradle build finished.
f. Kemudian masuk ke activity_main.xml pada gambar thw_8 activity
main, tambahkan pada bagian textview >android:text=”Hello World ini
aplikasi pertamaku…”
g. Selanjutnya jalankan aplikasi yang telah kita buat ini pada emulator,
sebelum kita jalankan aplikasi silahkan open nox terlebih dahulu,
sampai pada tampilan jendela thw_9 select deployment target. Ikutin
sesuai urutan tulisan pada gambar thw_9 select deployment target.
Setelah tekan tombol ok, maka proses build/compile aplikasi sedang
berjalan, kita tunggu beberapa saat.
h. Setelah proses build/compile selesai, maka akan tampil jendela gambar
thw_10 aplikasi hello world berjalan. Dan proses pembuatan aplikasi
pertama hello world selesai.

3.2 Menampilkan Menu Navigation Drawer Dengan Android Studio

a. Tekan tombol START Kemudian ketikkan Android Studio, seperti pada
jendela gambar nd_1 open android studio. Kemudian klik android
studio tersebut. Maka selanjutnya akan proses loading membuka
aplikasi sampai pada tampil jendela gambar nd_2 awal aplikasi.
b. Pilih Start a new Android Studio Project untuk membuat aplikasi
android, maka akan tampil jendela gambar nd_3 configure your new
project, untuk aplikasi name, company name, serta project loction, kita
boleh sesuaikan seperti yang kita inginkan, atau samakan dengan sesuai
pada gambar nd_3 dan kemudian tekan tombol next.
c. Kemudian akan muncul jendela gambit nd_4 select minimum sdk,bisa
kita sesuaikan mimnimum sdk yang akan kita muat nantinta, mencari
aplikasi yang rendah, sehingga aplikasi ini nantinya bisa berjalan dari
jenis smartphone android sdk yang kecil sekalipun, Kemudian tekan
tombol next untuk melanjutkan.

11
 d. Kemudian akan muncul jendela gambar nd_5 add an actiuvity to
mobile, kita diberikan pilihan jenis tambahan aktifitas apa yang kiranya
bakalan kita gunakan dalam pembuatan pada aplikasi ini, kita bisa
sesuaikan dengan kebutuhan kita , namun dalam hal ini kita hanya ingin
membuat menampilkan menu navigation drawer pada aplikasi android
maka kita pilih yang Navigation Drawer Ativity seperti gambar nd_5
add an actiuvity to mobile. Kemudian kita tekan tombol next.
e. Kemudian akan muncul custumize the activity yang pertama seperti
pada jendela gambar nd_6 custumize the activity, pada bagian ini kita
diminta untuk memberikan nama pada aktivitas yang akan kita gunakan
seperti Pada Activity Name And Layout Name, Titlt, Navigation,
Drawer Fragment Name, Fragment Layout Name, Appbar Layout
Name, Navigation Headder Layout Name, Drawer Layout Name,
Content Layout Name, bisa juga sesuaikan dengan nama yang kita
inginkan atau bisa samakan dengan seperti gambar nd_6 costumize the
activity. Kemudian tekan tombol next maka akan muncul costumize the
activity yang kedua seperti pada jendela gambar nd_7 costumize the
activity2 sama halnya dengan costumize activity yang pertama, kali ini
kita bisa sesuaikan dengan kebutuhan, namun bisa jugfa dengan
mengikuti sesuai dengan nama tampilan gambar nd_7 costumize the
activity2, . Kemudian kita akan menekan tombol finish, yang
menandakan tahap configurasi awal pembuatan telah selesai, kemudian
tunggu hingga proses bulding gradle project selesai, sampai pada
tampilan jendeloa nd_8 gradle build finished.

3.3 Menampilkan Maps Dengan Android Studio

a. Klik tombol Start kemudian ketikan Android Studio seperti pada gambar
M_1 , kemudian klik Android studio tersebut . Maka selanjutnya akan
proses loading , membuka aplikasi sampai pada tampilan jendela pada
gambar m_ 2.
b. pada start new Android Project Studio Project untuk membuat aplikasi
Android maka akan tampil pada jendela gambar m_ 3, configure your
new Project untuk application name company name Tirta serta Project

12
 location kita boleh sesuaikan dengan yang kita inginkan atau bisa
sesuaikan dengan yang kita inginkan atau pada gambar m_3 kemudian
tekan tombol next.
c. kemudian akan muncul jendela pada gambar m_4 kemudian klik
minimum sdk. bisa Kita sesuaikan dengan sdk yang akan kita buat
nantinya, mencari bisa berjalan dari smartphone Android sdk yang kecil
sekalipun kemudian tekan next untuk melanjutkan.
d. kemudian akan muncul jendela pada gambar M_5 , Add to activity to
mobile kita diberi pilihan tambahan aktivitas apa yang kita gunakan
dalam pembuatan pada aplikasi ini kita bisa sesuaikan, kebutuhan kita
namun dalam hal ini kita hanya ingin membuat penampilan Maps pada
aplikasi Android maka kita pilih yang Google Maps activity pada
gambar m_5.
e. kemudian akan muncul costomize the activity yang pertama seperti pada
jendela nd_6 costomize the activity. pada bagian ini kita diminta untuk
memberikan nama pada aktivitas yang akan digunakan seperti pada
activity name layout name, title, app Bar, layout name, nafigation header
layout name, drawer menu name, countek layout,name, kemudian tekan
tombol next Maka akan muncul costomize the activity.
f. kemudian setelah graidle buil finis Maka selanjutnya kita buat kuning
yang telah dibuat tadi,sebelumnya jangan lupa terlebih dahulu untuk
menjalankan emulator nox, pada gambar nd_9 proses running aplikasi
kemudian hasilnya hasil akhirnya kemudian akan muncul seperti pada
jendela gambar nd_10 dan proses pembuatan aplikasi Maps telah
berhasil.
g. selanjutnya jalankan coding yang dibuat tadi kemudian, sebelumnya
jangan lupa terlebih dahulu menjalankan emulator nox nya seperti pada
gambar M_11 proses running aplikasi kemudian hasil akhirnya akan
tampil seperti pada gambar jendela m_12 ,kemudian finish memproses
pembuatan aplikasi telah berhasil.

3.4

13
 BAB IV

KONEKSI ANDROID STUDIO DENGAN WEB SERVICE, JSON, PHP, DAN

MYSQL

4. Koneksi Android Studio Dengan Web Service, JSON, PHP. Dan MYSQL

4.1 Mengena Web Service

Web Service adalah standar yang digunakan untuk melakukan
pertukaran data antar aplikasi atau sistem, karena aplikasi yang melakukan
pertukaran data bisa ditulis dengan bahasa pemrograman yang berbeda atau
berjalan pada platform yang berbeda. Contoh implementasi dari web service
antara lain adalah SOAP dan REST.
Pada arsitektur REST, REST server menyediakan resources (sumber
daya atau data) dan REST client mengakses dan menampilkan resource
tersebut untuk penggunaan selanjutnya. Setiap resource diindentifikasi oleh
URIs ( Universal Resource indentifiers) atau global ID. Resource tersebut
direpresentasikan dalam bentuk format teks, JSON atau XML. Pada
umumnya formatnya menggunakan JSON dan XML.

4.2 Mengenal JSON

JSON (JavaScript Object Natation) adalah sebuah format data yang
digunakan untuk pertukaran dan penyimpanan data.JSON merupakan
bagian (subset) dari Javascript. JSON bisa dibaca dengan berbagai macam
bahasa pemrograman seperti C, C++, C#, Java, Javascript, Perl, Python, dan
banyak lagi.Tapi sebenarnya tidak hanya itu saja, masih ada fungsi lain dari
JSON. Berikut ini beberapa penerapan JSON yang pernah di temukan :
a. JSON sebagai format untuk bertukar data client dan server atau antar
aplikasi. Contoh : RESTful API
b. JSON sebagai tempat menyimpan data, contoh: Database Mongodb
c. JSON digunakan untuk menyimpan konfigurasi project, contoh: file
composer, JSON pada project PHP dan package, JSON pada Nodejs
d. JSON digunakan untuk menyimpan konfigurasi dan penyimpanan data
pada Hugo

14
 e. JSON digunakan untuk menyimpan konfigurasi project pada Nodejs
f. JSON digunakan untuk menyimpan data menifest
g. Dan masih banyak lagi.

4.3 Mengenal PHP

Pada awalnya PHP dikenal dengan singkatan Personal Home Page,
karena server tersebut diperuntukan untuk website pribadi. Tetapi untuk saat
ini PHP sudah bermetamorfosis menjadi bahasa pemrograman yang sangat
populer yang digunakan untuk website terkenal seperti Wikipedia,
wordpress, Joomla dll.Untuk saat ini PHP dikenal dengan singkatan
Hypertext Preprocessor sebuah kepanjangan rekursif, yakni permainan kata
dimana kepanjangannya terdiri dari singkatan itu sendiri. Bahasa
pemrograman PHP banyak digunakan karena sifatnya yang open source
yaitu dapat digunakan secara gratis.Fungsi bahasa pemrograman PHP
sendiri untuk web digunakan untuk dapat menyesuaikan tampilan konten
sesuai dengan situasi. Web yang bersifat dinamis juga digunakan untuk
menyimpan data ke database dengan memproses from dan juga dapat
mengubah tampilan website sesuai inputan dari seorang user.
Sementara untuk penyimpanan kode php dapat disisipkan pada html.
Karena php bersifat Scripting Language atau Bahasa Pemrograman Script.
Php sendiri memiliki perkembangan versi dari tahun ketahun di antaranya:
a. PHP/FI : Personal Home Page / Forms Interferter

Berasal dari tahun 1994 yang dikembangkan oleh Rasmus Lerdoft untuk
membuat kode program (script) dengan Bahasa Perl untuk web
pribadinya. Salah satu kegunaan script adalah untuk menampilkan
resume pribadi dan mencatat jumlah pengunjung ke sejumlah website.
b. PHP / FI : Personal Home Page / Form Interpreter 2

Pada 19996 Rasmus Lerdoft menumumkan PHP versi 2.0, versi 2 ini
dirancang lerdoft pada saat mengerjakan sebuah proyek di University of
Toronto yang membutuhkan pengolohan data dan tampilan web yang
rumit.

15
c. PHP : Hypertext Prepocessor 3

Terjadi pada pertengahan tahun 1997, telah banyak menarik perhatian

programmer namun Bahasa ini memiliki masalah dengan kestabilan
yang kurang bisa diandalkan.
d. PHP : Hypertext Prepoccesor 4

Dalam fitur ini PHP memperkenalkan beberapa vitur lanjutan , seperti

layer abstraksi antara PHP dan web server, menambahkan mekanisme
thread-safety dan two stage parsing.
e. PHP : Hypertext Prepoccesor 5

Versi PHP terakhir hingga saat ini, yaitu PHP 5. X diluncurkan pada 13
juli 2004. PHP 5 telah mendukung penuh pemrograman objek dan
peningkatan performa melalui Zend engine versi 2.
f. PHP Hypertext Prepoccesor 7

Pada versi ini programmer masih kebingungan karena terjadi peloncatan

versi 5 ke versi 7. PHP berkembang dari proyek ekperimen yang
dinamakan PHPNG (PHP Next Generation.

16
 BAB V

APLIKASI SIG PERISTIWA

5. Aplikasi SIG Peristiwa

Membuat aplikasi SIG pariwisata sederhana, dalam pembuatan aplikasi
SIG sederhana ini akan menggunakan backend untuk pengola admin
menggunakan bahasa pemrogaman php dan mysql yang nantinya akan
menjadi berupa web mobile, kemudian untuk front dan halaman user
pengguna (masyarakat) menggunakan bahasa pemrogaman android, serta
dalam rangka menghubungkan dua bahasa yang berbeda.
Sebelum berlanjut dengan ketiga tahapan tersebut, terlebih dahulu
menyiapkan databasenya, terutama database serta tabel yang akan
digunakan.
Setelah database dibuat selanjutnya membuat tabel yang digunakan:
a. Table admin
b. Table kecamatan
c. Table kelurahan
d. Table kritik-saran
e. Table objek-wisata

5.1 Back End Menggunakan Web Mobile

Setelah database dan table pada proses sebelumnya telah dilakukan,
maka selanjutnya kita membuat website untuk backendnya menggunakan
web/web mobile.
a. Silahkan buka file pada master aplikasi, kemudian file template pada
folder tersebut kita copy kemudian pastekan pada htdocs xampp yang
kita punya – kemudian ubah nama menjadi aplikasi _sig.
b. Pada file indeks.php ubah menjadi file yang sesuai.
c. Kemudian buat file koneksi.php
d. Kemudian insert secara manual melalui phpmyadmin user
e. Kemudian selanjutnya mencoba testing login dengan menggunakan
username, password, serta menu berdasarkan level yang telah dibuat.

17
 f. Setelah menu berdasarkan level yang telah dibuat, selanjutnya kita buat
content.php, fungsinya membuat isi menjadi dinamis, serta
dashboard.php yang fungsinya sebagai kalimat pembuka / kata
sambutan, kemudian logout.php keluar dari aplikasi.
g. Dikarenakan config/proses selanjutnya kita gunakan per folder maka,
selanjutnya kita buat terlebih dahulu folder admin >du (maksudnya
adalah folder admin, kemudian didalam folder admin masuk lagi kepada
folder du / data user) kemudian buat beberapa file.
h. Selanjutnya kita buat folder admin > dkc (yg maksud adalah folder
admin, kemudian didalam folder admin masuk lagi kepada folder dkc /
data kecamatan) kemudian buat beberapa file.

5.2 Web Service Dengan Menggunakan JSON

Pada bagian web service menggunakan json, sebelumnya usahakan
terlebih dahulu bahwa data sudah terisi, terutama pada bagian data objek.
Didalam memudahkan dalam pengisian data silahkanimportfileberikut
kedalam SOL database. Maka selanjutnya kita akan membuat fileJSONnya,
terutama untuk data objekwisata.
a. Buat folder JSON
b. Buat file lihatdata_parawisata.php
c. File tersebut nantinya akan kita jadikan penghubung dalam pembacaan
menggunakan program. Atau seperti ini tampilan pembacaan
sementara menggunakan web.
d. Selanjutnya kita buat file JSON untuk pencairan data objek wisata
dengan nama file
e. Dan terakhir kita buat file JSON untuk menginputdata kritik dan saran
melalui program android dengan nama file : input_ks.php
f. Dikarenakan pada file lihat data searchpariwisata dan pada fileinput_ks
menggunakan koneksi.php maka jangan lupa kita buat jaga
filekoneksi.phpnya.

18
5.3 Font End Dengan Menggunakan Android
a. Tekan tomboll start kemudian ketikkan android studio seperti pada
jendela gambat fe_1 open android studio. Kemudian klik android studio
tersebut maka selanjutnya akan proses loading membuka aplikasi
sampai pada tampil gambar jendela fe_2.
b. Pilih start a new android studio project untuk membuat aplikasi android,
maka akan tampil jendela configure your new project, untuk application
name, company name serta project location, kita boleh sesuaikan dengan
yang kita inginkan, kemudian tekan tombol next
c. Kemudian akan muncul jendela select minimum sdk, pada bagian ini
kita diminta untuk membuat minimal sdk berapa yang akan kita
gunakan, jenis apl level berapa nantinya untuk minimal yang akan
menggunakan aplikasi yang kita buat. Kemudian tekan tombol next.
d. Kemudian akan muncul jendela add an actifity to mobile, kita diberikan
pilihan jenis jenis tambahan aktivitas apa yang akan kiranya bakalan kita
gunakan dalam pembuatan pada aplikasi ini, kita bisa sesuaikan dengan
kebutuhan kita, namun dallam hal ini kita hanya ingin membuat
menampilkan aplikasi sig menggunakan navigation drawer actifity
seperti pada add an actity to mobile, kemudian tekan tomol next.
e. Kemudian akan muncul jendela customize the actifity, pada bagian ini
kita diminta untuk memberikan nama pada aktivitas yang akan kita
gunakan seperti pada actifity name dan layot name seera title. Kemudian
tekan tombol finish, yang menandakan tahap configurasi. Awall
pembuatan telah selesai kemudian tunggu hingga proses building gradle
project selesai, sampai pada tampilan jendela grade building finish.
f. Kemudian copy kan file yang ada didalam folder drawble dan paste kan
kedalam file android di android studio, hingga kemudian muncul
tamplan konfirmasi choose destination directory, kemudian tekan
tombol ok hingga tampilan menjadi drawblle complate.
g. Kemudia pada menu layot bagian actifity_main.xml
h. Kemudian pada bagian menu ada dua jenis file yang ada di sana

19
i. Masuk kepada loading java yang ada di java mainactivity.java
sesusaikan menjadi loading package com.example.user.aplikasisig
j. Selanjutnya kita buat actifity baru dalam hal ini akan kita gunakan
sebagai masukan dan saran untuk perbaikan aplikasi kita nantinya

20