Aplikasi ini merancang sistem elektronik registration berbasis client server untuk mempermudah proses administrasi di Pondok Pesantren Mahasiswa Nur Muhammad. Aplikasi ini dibuat menggunakan bahasa PHP dan database MySQL serta berjalan pada perangkat seluler android.

1. PROGRAM STUDI TEKNIK INFORMATIKA S-1
FAKULTAS TEKNOLOGI INDUSTRI
INSTITUT TEKNOLOGI NASIONAL MALANG
MAKALAH SEMINAR HASIL
PENGEMBANGAN ELEKTRONIK REGISTRATION SERVICE PADA
PPM NUR MUHAMMAD BERBASIS CLIENT SERVER
Disusun Oleh :
RIFQI FAUZAN ADHIM
1218076
Malang, Desember 2015
Diperiksa dan disetujui oleh :
Dosen Pembimbing I Dosen Pembimbing II
Joseph Dedy Irawan, ST. MT. Karina Auliasari, ST. MT.Eng
NIP: 197404162005021002 NIP : 1031000426

2. PENGEMBANGAN ELEKTRONIK REGISTRATION SERVICE PADA PPM NUR
MUHAMMAD BERBASIS CLIENT SERVER
STUDY KASUS (PT.TELKOM KOTA MALANG)
FARID ANDALAS SAPUTRA (1218012)
Program Studi Teknik Informatika S-1
Fakultas Teknologi Industri
Institut Teknologi Nasional Malang
Email : rifqifauzan354@gmail.com
Abstrak
Sistem yang akan di bangun merupakan aplikasi mobile berbasis client server. Sistem yang
digunakan pada aplikasi Informasi Optic Distribution Cabinet (ODC) menggunakan Android
berbasis LBS ini di titik beratkan pada pengambilan koordinat ODC pada perangkat mobile.
Dengan adanya aplikasi ini diharapkan pengguna yang merupakan petugas akses Telkom dapat
dengan mudah mengetahui koordinat dan berbagai informasi lainnya dari ODC tersebut
menggunakan perangkat mobile smartphone.
Kata kunci : Optic Distribution Cabinet (ODC), android, Location Based Services (LBS)
1. PENDAHULUAN
1.1. LATAR BELAKANG
Pondok Pesantren Mahasiswa
(PPM) Nur Muhammad berdiri
sejak 21 september 2011 yang
beralamatkan di Tirto Utomo Gg.4
no 58a-58b Malang Jawa Timur,
PPM Nur Muhammad berada
dibawah naungan yayasan syihab
Nasrullah Jl.Raya kebonsari no 22
RT/02 RW/01 Kota Malang Jawa
Timur yang menaungi Pondok
Pesantren Bani Syihab , Pondok
Pesantren Mahasiswa Nur
Muhammad, Pondok Pesantren
Mahasiswa Baitul Jannah dan
Pondok Pesantren Mahasiswa Al-
Kautsar .Tujuan dari PPM Nur
Muhammad yaitu membentuk
generasi yang berakhlakul
kharimah,berilmu,paham agama ,
dan mandiri untuk meneruskan
perjuangan qur’an hadist ila yaumil
qiyamah, saat ini jumlah santri PPM
Nur Muhammad berjumlah 50
orang ,yang merupakan mahasiswa
aktif di perguruain tinggi yang ada
di malang. Proses Administrasi
yang ada di PPM Nur Muhammad
masih dilakukan dengan cara
tradisional hal ini membuat para
santri, guru, maupun pihak
administrasi menjadi kewalahan
dalam pengaturan data santri, data
guru penjadwalan dan informasi
kegiatan-kegiatan yang ada di PPM
Nur Muhammad. Data santri, Data
guru, dan Penjadwalan pada buku
atau secara tradisional, kini dirasa
kian menyulitkan pihak
administrasi, dan pemberian
informasi melalui pengumuman
maupun broadcast melalui sms
kurang efektif dan membutuhkan
biaya yang cukup besar.
Berdasarkan hal tersebut penulis
merubah proses admisitrasi menjadi

3. terkomputerisasi dengan membuat
Aplikasi Elektronik Registration
Service berbasis Client Server,
Aplikasi ini berjalan pada smart
phone android dibangun
menggunakan SDK, eclipe dan
MySql.
1.2. RUMUSAN MASALAH
Berdasarkan latar belakang yang
telah dikemukakan sebelumnya, maka
penulis merumuskan masalah yang akan
dibahas sebagai berikut :
1. Bagaimana merancang aplikasi
Elektronik Registration Service
yang bisa mempermudah proses
administari di PPM Nur
Muhammad ?
2. Bagaimna merancang aplikasi
tersebut dengan menggunakan
SDK, eclipe dan MySql.?
3. Bagaimana merancang aplikasi
Elektronik Registration Service
yang berbasis Client Server?
1.3. BATASAN MASALAH
Dalam penyusunan skripsi agar
menjadi sistematis dan mudah
dimengerti, maka akan diterapkan
beberapa batasan masalah. Batasan-
batasan masalah itu antara lain :
1. Aplikasi hanya berjalan pada OS
android minimum versi 4.0.
2. Aplikasi dibuat menggunakan SDK,
eclipe dan MySql.
3. Aplikas ini hanya mengatur data
siswa, data guru, penjadwalan, dan
kegiatan.
4. Pada aplikasi ini terdapat 3 hak
akses yaitu , Admin, Guru dan
Santri.
1.4. TUJUAN
Pembuatan Skripsi ini bertujuan
untuk merancang dan membangun
suatu aplikasi yang mampu
mempermudah proses administari yang
ada di PPM Nur Muhammad.
1.5. MANFAAT
Adapun manfaat dari pembuatan
aplikasi ini adalah sebagai berikut :
1. Bagi penulis:
Agar dapar terus mengembangkan
keahliannya tentang teknologi-
teknologi dan suapaya dapat
mengembangkan ilmu yang dia
miliki.
2. Bagi ppm nur muhammad:
Memudahkan proses administari
pendataan santri, guru,
penjadwalan dan pemberian
informasi kegiatan yang ada di
ppm nur Muhammad.
3. Bagi peneliti lain:

4. Sebagai bahan referensi dalam
melakukan penelitian yang serupa atau
penelitian selanjutnya dengan
mengembangkan ilmu pengetahuan
khusunya yang berkaitan dengan
penelitian ini.
2. LANDASAN TEORI
2.1. Pondok Pesantren
Pesantren atau lebih dikenal dengan istilah
pondok pesantren dapat diartikan sebagai
tempat atau komplek para santri untuk
belajar atau mengaji ilmu pengetahuan
agama kepada kiai atau guru ngaji,
biasanya komplek itu berbentuk asrama
atau kamar-kamar kecil dengan bangunan
apa adanya yang menunjukkan
kesederhanaannya.
Pengertian pondok pesantren secara
terminologis cukup banyak dikemukakan
para ahli. Beberapa ahli tersebut adalah:
Dhofier (1994: 84) mendefinisikan bahwa
pondok pesantren adalah lembaga
pendidikan tradisional Islam untuk
mempelajari, memahami, menghayati dan
mengamalkan ajaran Islam dengan
menekankan pentingnya moral keagamaan
sebagai pedoman perilaku sehari-hari.
Nasir (2005: 80) mendefinisikan bahwa
pondok pesantren adalah lembaga
keagamaan yang memberikan pendidikan
dan pengajaran serta mengembangkan dan
menyebarkan ilmu agama Islam.
Team Penulis Departemen Agama (2003:
3) dalam buku Pola Pembelajaran
Pesantren mendefinisikan bahwa pondok
pesantren adalah pendidikan dan
pengajaran Islam di mana di dalamnya
terjadi interaksi 24 antara kiai dan ustdaz
sebagai guru dan para santri sebagai murid
dengan mengambil tempat di masjid atau di
halaman-halaman asrama (pondok) untuk
mengkaji dan membahas buku-buku teks
keagamaan karya ulama masa lalu. Dengan
demikian, unsur terpenting bagi pesantren
adalah adanya kiai, para santri, masjid,
tempat tinggal (pondok) serta buku-buku
(kitab kuning).
2.1.1 Pondok Pesantren Mahasiswa
Nur Muhammad
Pondok Pesantren Mahasiswa
(PPM) Nur Muhammad berdiri sejak 21
september 2011 yang beralamatkan di
Tirto Utomo Gg.4 no 58a-58b Malang
Jawa Timur, PPM Nur Muhammad
berada dibawah naungan yayasan
syihab Nasrullah Jl.Raya kebonsari no
22 RT/02 RW/01 Kota Malang Jawa
Timur yang menaungi Pondok
Pesantren Bani Syihab , Pondok
Pesantren Mahasiswa Nur Muhammad,
Pondok Pesantren Mahasiswa Baitul
Jannah dan Pondok Pesantren
Mahasiswa Al-Kautsar .Tujuan dari
PPM Nur Muhammad yaitu
membentuk generasi yang berakhlakul

5. kharimah,berilmu,paham agama , dan
mandiri untuk meneruskan perjuangan
qur’ah hadist ila yaumil qiyamah, saat
ini jumlah santri PPM Nur Muhammad
berjumlah 50 orang ,yang merupakan
mahasiswa aktif di perguruain tinggi
yang ada di malang.
2.2. E-Registration/Elektronik
Registration
Menurut Liberti Pandiangan
(2007:34) pengertian e-registration adalah
sebagai berikut: “e-Registration adalah
sistem pendaftaran, perubahan data Wajib
Pajak dan atau pengukuhan maupun
pencabutan pengukuhan Pengusaha Kena
Pajak melalui sistem yang terhubung
langsung secara online dengan Direktorat
Jendral Pajak.”
2.3. PHP
PHP (Hypertext Preprocessor) atau
yang biasa disebut dengan PHP merupakan
bahasa pemograman berbasis server-side
yang dapat melakukan parsing script php
menjadi script web sehingga dari sisi client
menghasilkan suatu tampilan yang
menarik. PHP merupakan pengembangan
dari dari FI atau from interface yang di buat
oleh rasmus Ledruff pada tahun 1995.
Berbeda dengan HTML, kode PHP tidak
diberikan secara langsyng oleh server
ketika ada permintaan atau request dari sisi
client namun dengan cara pemrosesan dari
sisi server. Kode PHP disisipkan pada kode
HTML. Perbedaan dari script HTML dan
PHP yaitu adalah kode PHP ditulis selalu
diberi tag pembuka yaitu <? php dan pada
akhhir tag penutup yaitu ?>. PHP sangat
berperan ketika dalam pembbuatan website
keren dan dinamis karena dapat melakukan
banyak hal, seperti membaca filr, menulis
file, menampilkan gambar, animasi dan
movie, dan yang paling pokok adalah dapat
melakukan koneksi terhadap database
Ardhana, (YM Kusuma. ST. 2012).
2.4. Client Server
Dikutip dari Fathansyah.2007.
Buku Teks Komputer:Basis Data, sistem
Client Server atau disebut juga sistem
tersentralisasi diterapkan pada sebuah
sistem jaringan. Sistem Client Server ini
ditujukan untuk mengatasi kelemahan-
kelemahan yang terdapat pada sistem
sebelumnya. Sistem Client Server terdiri
dari dua komponen utama yaitu client dan
server. Client berisi aplikasi basis data dan
server berisi DBMS dan basis data. Setiap
aktivitas yang dikehendaki para pemakai
akan lebih dulu ditangani oleh client. Client
selanjutnya mengupayakan agar semua
proses “sebisa mungkin” ditangani sendiri.
Bila ada proses yang harus melibatkan data
yang tersimpan pada basis data barulah
client mengadakan hubungan dengan
server.

6. Adanya pemisahan fungsi client
dan fungsi server, disamping meningkatkan
kompleksitas tersendiri dalam
pembangunan aplikasi secara keseluruhan,
juga menimbulkan kelemahan lain, yaitu
aktivitas pemasangan aplikasi yang tidak
praktis. Bila terdapat perubahan/perbaikan
aplikasi basis data maka harus mengulangi
pekerjaan instalasi disemua mesin client
yang digunakan. Karena itu pekerjaan ini
sangat cocok diterapkan pada sistem
jaringan yang lebar (WAN). Sedangkan
pada varian sistem client server yang lebih
kompleks, aplikasi basis data tidak
ditempatkan disetiap work station, tetapi
dipasang pada setiap client yang jumlahnya
jauh lebih sedikit. Jadi setiap client dan
sejumlah work station membentuk sebuah
LAN tersendiri. Karena client-client ini
merupakan basis tempat aplikasi basis data
disimpan dan turut menangani proses-
proses dalam aplikasi, maka bagi work
station, client ini dapat dipandang sebagai
server aplikasi. Tidak bagaimana work
station yang diaktifkan dan dinonaktifkan
oleh para pemakai, client-client tersebut
(sebagaimana juga DBMS server) harus
selalu dalam keadaan aktif dan terkoneksi
dalam sebuah jaringan yang lebih besar
(WAN).
2.5. Android
Android awalnya di kembangkan
oleh android inc, sebuah perusahaan yang
membuat software untuk ponsel yang
berada di Palo Alto, California Amerika
Serikat . Di tahun 2005 Google
membeli/mengakusisi perusahaan yang
waktu itu bernama Android sebuah
perusahaan yang berkecimpung didunia
mobile. Setelah diambil alih oleh Google,
pada November 2007 Google
mengumumkan bahwa mereka sedang
mengembangkan ponsel Google dengan OS
(Operating System) mobile terbaru yang
mereka namai Android. OS Android ini
sebenarnya didasarkan pada kernel Linux
dan dirancang digunakan oleh Open
Handset Alliance yang terdiri dari
sekelompok puluhan pembuat hardware,
carrier dan perusahaan terkait perangkat
mobile lainnya, diantaranya Google, HTC,
Intel, Motorola, Qualcomm, T-Mobile,
Nvidia, dll. Open Handset Alliance
dibentuk untuk mengembangkan Android
yang bersifat open source yang sourcenya
di berikan secara gratis bagi bagi para
pengembang (developer) (Syaifuddin Faris.
2014).
Android adalah sistem operasi
berbasis Linux yang dipergunakan sebagai
sumbey daya perangkat keras, baik untuk
ponsel, smartphone dan juga PC tablet.
Secara umum Android adalah platform
yang terbuka(Open Source) bagi para
pengembang untuk menciptakan aplikasi
mereka sendiri untuk digunakan oleh
berbagai piranti bergerak (Irawan..2012).

7. 2.6. XML ( Extended Markup
Language )
XML (Exnteded Markup Language)
adalah bahasa markup yang digunakan
untuk mnyimpan data (tidak ada progam)
dan tidak tergantung dengan tools tertentu
seperti editor, dbms, compiler dsb. XML
merupakan sebuah bahasa markup, markup
adalah bahasa yang berisikan sebuah kode-
kode berupa tanda-tanda tertentu dengan
aturan tertentu untuk memformat dokumen
teks dengan tag sendiri agar mudah
dimengerti. Pada android XML digunakan
untu merancang interface pada sebuah
program yang akan dibuat, XML sangat
ideal dalam pemograman android dalam hal
penggunaannya, XML memberikan
fleksibelitas terhadap penggunnyauntuk
mengakomodasi beragam hal dalam
aplikasi (Novitasari. 2013).
2.7. MySql
MySQL adalah sebuah sistem
RDBMS (Relational Database
Management System). Database adalah
kumpulan data terhubung (interrelated
data) yang disimpan secara bersama-sama
pada suatu media, tanpa mengatap satu
sama lain atau tidak perlu suatu
kerangkapan data, data disimpan dengan
cara-cara tertentu sehingga mudah untuk
digunakan atau ditampilkan kembali, data
dapat digunakan oleh satu atau lebih
program-program aplikasi secara optimal.
MySQL adalah sebuah sistem manajemen
database yang saling berhubungan.
Sebuah hubungan database dari data yang
tersimpan pada table (Edhy Sutanta, 2004).
3. PERANCANGAN SISTEM
3.1. Analisis
Pada bab ini berisi penjabaran analisis
sistem yang sedang berjalan, kebutuhan
perangkat yang akan dibangun, software
yang digunakan untuk membangun sistem.
1. Sistem Yang Sedang Berjalan.
Proses Administrasi yang ada di PPM
Nur Muhammad masih dilakukan dengan
cara tradisional hal ini membuat para santri,
guru, maupun pihak administrasi menjadi
kewalahan dalam pengaturan data santri,
data guru penjadwalan dan informasi
kegiatan-kegiatan yang ada di PPM Nur
Muhammad. Data santri, Data guru, dan
Penjadwalan pada buku atau secara
tradisional, kini dirasa kian menyulitkan
pihak administrasi, dan pemberian
informasi melalui pengumuman maupun
broadcast melalui sms kurang efektif dan
membutuhkan biaya yang cukup besar.
2. Sistem yang akan dibangun.
Berdasarkan sistem yang sedang
berjalan pada saat ini, penulis merubah
proses admisitrasi menjadi
terkomputerisasi dengan membuat Aplikasi
Elektronik Registration Service berbasis
Client Server, Aplikasi ini berjalan pada
smart phone android dibangun
menggunakan SDK, eclipe dan MySql.

8. A. Akses Level.
Adapun dalam pembuatan aplikasi ini
terdapat beberapa hak akses yang
berhubungan atau berinteraksi dengan
sistem, Hak akses tersebut adalah :
1. Admin.
Mengatur data santri, guru,
kegiatan, hak akses login,dsb
melalui web server.
2. Guru
Sebagai pengguna aplikasi yang
berada dalam android, menginput
data kelas, raport santri, kbm
malam, kbm subuh, dan
menampilkan kegiatan, biodata
guru dan biodata santri.
3. Santri
Sebagai pengguna aplikasi yang
berada dalam android,
menampilkan biodata guru, biodata
santri,kbm malam, kbm subuh dan
kegiatan.
3. Software Utama
Software yang digunakan untuk
membangun Aplikasi Elektronik
Registration Service adalah :
1. Window 8.1.
2. Eclipse Luna Android
Developer Tools .
3. SDK v 23.0.5
4. Macromedia Dreamweaver 8.
5. XAMPP v 3.2.1
3.2. Perancangan
1. Desain Sistem
Pada gambar 3.1 merupakan
gambaran desain sistem yang akan dibuat
dimana aplikasi computer admin untuk
mengatur pendataan santri, guru,
penjadwalan dan kegiatan sedangkan dari
amdroid client menampilkan data santri,
guru, Kbm malam, kbm Subuh dan
kegiatan, dan menginputkan data kbm
malam, kbm subuh hasilnya akan disimpan
ke server melalui media internet, setelah
tersimpan maka komputer server akan
mengetahui data kbm malam dan kbm
subuh yang di inputkan client.
Internet
Komputer Admin
Clinet Android Guru
Clinet Android Santri
Gambar 3.1 Desain Sistem
2. Konteks Diagram
Dalam pembuatan sistem aplikasi
pemesanan makanan dan minuman
dirumah makan ini penulis gambarkan
kedalam sebuah konteks diagram pada
gambar 3.2 agar aliran data yang terjadi
didalam sistem mudah dipahami.

9. Aplikasi Elektronik
Registration Service
Guru Admin
Santri
masukan Kbmmalam, kbm subuh dan raport
Tampil Biodata guru, santri, kbm malam, kbm
subuh, kegiatan
masukan data santri, guru, user, kegiatan,
kbm malam, kbm subuh, kehadiran santri
Tampil data santri, guru, user, kegiatan,
kbm malam, kbm subuh, kehadiran santri
TampilBiodataguru,santri,
kbmmalam,kbmsubuh,
kegiatan,raportdan
kehadiranGambar 3.2 Konteks Diagram
1. , dan perangkat lainnya yang
memiliki fasilitas navigasi.
3. Struktur Menu
Sistem yang dibangun ada dua
apilikasi yaitu aplikasi web yang
digunakan untuk admin dan aplikasi
android yang digunakan untuk santri dan
guru.
A. Aplikasi Android
1) Struktur menu guru
Guru
GuruSantri Kegiatan
Gambar 3.3 Struktur Menu Guru
2) Struktur menu santri
Santri
GuruSantri Kegiatan
Gambar 3.4 Struktur Menu Santri
B. Web Server
Admin
UserSantri Kegiatan Guru
Gambar 3.5 Struktur Menu Admin
3.3. Interface ( antar Muka)
Dalam pembuatan sistem aplikasi
ini penulis akan memberikan gambaran
antar muka aplikasi ke dalam sebuah
gambar prototype desain sebagai berikut.
3.3.1 Interface Login
Seluruh aplikasi memerlukan login
pada tiap hak aksesnya, penulis gambarkan
antarmuka login pada gambar 3.6.
User name
Password
Login
Gambar 3.6 Antar Muka Login.
3.3.2 Interface Admin
Sesuai dengan perancangan struktur
menu pada sub bab 3.4 penulis
mengambarkan antar muka pada
aplikasi admin seperti pada gambar 3.7.

10. Kelola User Kelola Santri Kelola Guru Kelola Kegiatan
Gambar 3.7 Antar Muka admin.
3.3.3 Interface Guru
Sesuai dengan perancangan struktur
menu pada sub bab 3.4 penulis
mengambarkan antar muka Guru
seperti pada gambar 3.5.
Tampil Santri
Tampil Guru
Kelola Kegiatan
Gambar 3.8 Antar muka Guru.
3.3.4 Interface Santri
Sesuai dengan perancangan struktur
menu pada sub bab 3.4 penulis
mengambarkan antar muka aplikasi
Santri seperti pada gambar 3.8.
menampilkan Santri
Menampilkan Guru
Menampilkan Kegiatan
Gambar 3.9 Antar Muka Santri.
3.4
1. Android
Flowchart menggambarkan alur
kerja dari Aplikasi Informasi ODC
menggunakan Android Berbasis LBS dari
sisi client (android). Alur sistem dari sisi
android ini dimulai dari masuk menu utama
yang berisi empat menu yaitu diantaranya
adalah peta lokasi, daftar odc, about, dan
exit. Menu peta lokasi berisi mapping dari
keseluruhan odc yang ada. Menu daftar odc
berisi keseluruhan data odc secara detail
dan jarak antara odc dengan pengguna.
Menu about berisi informasi pengembang
aplikasi .Flowchart seperti ditunjukkan
pada Gambar 3.9.

11. Gambar 3.9 Flowchart Aplikasi Android
7. Desain Layout
A. Web Server
Dalam pembuatan sistem aplikasi
ini, peenulis akan memberikan Gambaran
antar muka aplikasi dari sisi web server ke
dalam sebuah Gambar prototype desain
antar muka yaitu sebagai berikut :
1. Tampilan Login
Tampilan login seperti ditunjukkan
pada Gambar 3.10 sebagai berikut.
Gambar 3.10 Desain Layout Login
2. Tampilan Halaman Beranda
Tampilan beranda seperti
ditunjukkan pada Gambar 3.11 sebagai
berikut.
Gambar 3.11 Desain Layout Halaman
Beranda
3. Tampilan Halaman Data ODC
Tampilan halaman Data ODC
seperti ditunjukkan pada Gambar 3.12
sebagai berikut.
Gambar 3.12 Desain Layout Halaman
Data ODC
4. Tampilan Halaman Manajemen
Admin
Tampilan halaman manajemen
admin seperti ditunjukkan pada Gambar
3.13 sebagai berikut.
Gambar 3.13 Desain Layout Halaman
Manajemen Admin

12. 5. Tampilan Halaman Laporan
Tampilan halaman laporan seperti
ditunjukkan pada Gambar 3.14 sebagai
berikut.
Gambar 3.14 Desain Layout Halaman
Laporan
6. Tampilan Halaman Help
Tampilan halaman help seperti
ditunjukkan pada Gambar 3.15 sebagai
berikut.
Gambar 3.15 Desain Layout Halaman
Help
B. Android
Dalam pembuatan sistem aplikasi
ini, peenulis akan memberikan Gambaran
antar muka aplikasi ke dalam sebuah
Gambar prototype desain antar muka pada
tiap hak akses yang berinteraksi aktif
dengan sistem aplikasi, yaitu sebagai
berikut :
1) Tampilan Opening Aplikasi
Tampilan opening seperti
ditunjukkan pada Gambar 3.16 sebagai
berikut.
Gambar 3.16 Tampilan Opening
Aplikasi
2) Tampilan Halaman Utama Aplikasi
Tampilan Halaman Utama Aplikasi
seperti ditunjukan pada Gambar 3.17.
Tampilan Halaman Utama Aplikasi.
Gambar 3.17. Tampilan Halaman Utama
Aplikasi.
3) Tampilan Daftar ODC
Tampilan daftar ODC untuk user
ditunjukkan pada Gambar 3.18
Gambar 3.18 Tampilan Daftar ODC untuk
user
4) Tampililan Informasi Detail ODC
Tampilan informasi detail ODC
untuk user ditunjukkan pada Gambar 3.19.

13. Gambar 3.19 Tampilan Informasi Detail
ODC untuk user
5) Tampilan Mapping Aplikasi
Tampilan Mapping Aplikasi seperti
ditunjukkan pada Gambar 3.20
Gambar 3.20 Tampilan Mapping Aplikasi
6) Tampilan About Aplikasi
Tampilan About Aplikasi adalah
tampilan yang memberikan informasi
mengenai versi aplikasi dan pembuatnya.
Tampilan About Aplikasi seperti
ditunjukkan pada Gambar 3.21
Gambar 3.21 Tampilan About Aplikasi
4. IMPLEMENTASI DAN
PENGUJIAN
4.1. Implementasi
Dari hasil implementasi dan
pengerjaan berdasar dari hasil analisis dan
perancangan sistem hingga saat ini telah
diperoleh hasil sebagaimana diuraikan pada
A. Web Server
1) Tampilan Login
Tampilan Login Apikasi adalah
tampilan awal ketika pengguna yaitu admin
membuka aplikasi. Tampilan ini berisi form
yang harus diisi admin untuk dapat masuk
ke dalam system web server. Tampilan
login seperti ditunjukkan pada Gambar 6.1
sebagai berikut.
Gambar 6.1 Implementasi Halaman Login
2) Tampilan Halaman Beranda
Tampilan halaman beranda pada
web server adalah tampilan setelah
pengguna dapat login ke dalam sistem.
Tampilan beranda seperti ditunjukkan pada
Gambar 6.2 sebagai berikut..

14. Gambar 6.2 Implementasi Halaman
Beranda
3) Tampilan Halaman Data ODC
Tampilan halaman Data ODC
adalah yang berisi menu untuk melakukan
manajemen pada data dari ODC baik
menambahkan, merubah maupun
menghapus data dari ODC. Tampilan
halaman Data ODC seperti ditunjukkan
pada Gambar 6.3 sebagai berikut.
Gambar 6.3 Implementasi Halaman Data
ODC
4) Tampilan Halaman Manajemen
Admin
Tampilan halaman Manajemen
Admin adalah Tampilan yang berisi menu
untuk memanajemen admin baik
menambahkan, merubah atau menghapus
data pengguna (admin). Tampilan halaman
manajemen admin seperti ditunjukkan pada
Gambar 6.4 sebagai berikut.
Gambar 6.4 Implementasi Halaman
Manajemen Admin
5) Tampilan Halaman Laporan
Tampilan halaman Laporan adalah
halaman yang berisi laporan berupa icon
yang dapat digunakan untuk mengunduh
laporan dalam bentuk file PDF. Tampilan
halaman laporan seperti ditunjukkan pada
Gambar 6.5 sebagai berikut
Gambar 6.5 Implementasi Halaman
Laporan
6) Tampilan Halaman Help
Tampilan halaman Help adalah
halaman yang berisi informasi mengenai
menu-menu yang terdapat pada web server.
Tampilan halaman help seperti ditunjukkan
pada Gambar 6.6 sebagai berikut

15. Gambar 6.6 Implementasi Halaman Help
B. Android
Dalam pembuatan sistem aplikasi
ini, peenulis akan memberikan Gambaran
antar muka aplikasi ke dalam sebuah
Gambar prototype desain antar muka pada
tiap hak akses yang berinteraksi aktif
dengan sistem aplikasi, yaitu sebagai
berikut :
1) Tampilan Opening Aplikasi
Tampilan Opening Apikasi adalah
tampilan awal ketika pengguna membuka
aplikasi. Tampilan ini juga memberi tahu
pengguna bahwa aplikasi sedang
melakukan loading data sebelum masuk ke
tampila Home. Tampilan opening seperti
ditunjukkan pada Gambar 6.7 sebagai
berikut.
Gambar 6.7 Tampilan Opening
Aplikasi
2) Tampilan Halaman Utama Aplikasi
Tampilan Halaman Utama Aplikasi
adalah tampilan yang berisi menu-menu
utama yang memiliki beragam fungsi dari
aplikasi. Dalam tampilan ini terdapat
tampilan 4 menu yaitu, menu daftar ODC,
Peta Lokasi, About, Exit. Tampilan
Halaman Utama Aplikasi seperti
ditunjukan pada Gambar 6.8. Tampilan
Halaman Utama Aplikasi.
Gambar 6.8. Tampilan Halaman Utama
Aplikasi.
3) Tampilan Daftar ODC
Tampilan daftar ODC adalah
tampilan yang berisi daftar dari ODC yang
terdapat pada database. Daftar masing-
masing ODC tersebut dapat digunakan
untuk membuka halaman informasi detail
dari masing-masing ODC. Tampilan daftar
ODC untuk user belum dapat ditampilkan
karena dalam proses pengerjaan.
4) Tampililan Informasi Detail ODC
Tampililan Informasi Detail ODC
adalah tampilan yang berisi informasi detail
dari ODC yang terdapat pada database.
Tampilan informasi detail ODC untuk user
belum dapat ditampilkan karena dalam
proses pengerjaan.
5) Tampilan Mapping Aplikasi
Tampilan Mapping Aplikasi adalah
tampilan untuk mengetahui lokasi tempat
ODC pada peta dan mendapatkan rute
untuk menuju ODC. Tampilan Mapping

16. Aplikasi belum dapat ditampilkan karena
dalam proses pengerjaan.
6) Tampilan About Aplikasi
Tampilan About Aplikasi adalah
tampilan yang memberikan informasi
mengenai versi aplikasi dan pembuatnya.
Tampilan About Aplikasi seperti
ditunjukkan pada Gambar 6.9
Gambar 6.9 Tampilan About Aplikasi
4.2. Pengujian
Setelah diimplementasikannya
Sistem Pendukung Keputusan mitigasi
kondisi air menggunakan metode K-
Nearest Neighbor pada Bendungan Ir
Sutami. Dilakukan pengujian terhadap
sistem.
4.2.1. Pengujian Hardware
4.2.2. Pengujian Hardware – SMS
Gateway
4.2.3. Pengujian Website – Status
Suhu dan Kelembaban
4.2.4. Pengujian Website – Grafik
Perubaan Suhu dan
Kelembaban
4.2.5. Pengujian Website - Laporan
5. DAFTAR PUSTAKA
[1] PT. Telekomunikasi Indonesia.
2004. Dasar Sistem Komunikasi
Optik. Bandung
[2] Noname, Internet Programming.
PENS-ITS
[3] Novyanto, ST. Pemrograman
Berorientasi Objek, pertemuan ke 1
[4] Noname, modul 7, Internet
Programming. PENS
[5] Widigdo,Anon Kuncoro. 2003.
Dasar Pemrograman PHP dan
MySQL. IlmuKomputer.com
[6] Solichin,Achmad. 2010. MySQL 5 :
Dari Pemula Hingga Mahir.
Universitas Budi Luhur Jakarta,
[7] Noname,
https://wi01.files.wordpress.com/2
011/02/pengenalan-eclipse.pdf.
diakses pada tanggal 17 Juni 2015.