Seminar hasil

24
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

Transcript of Seminar hasil

Page 1: Seminar hasil

PROGRAM STUDI TEKNIK INFORMATIKA S-1FAKULTAS 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.EngNIP: 197404162005021002 NIP : 1031000426

Page 2: Seminar hasil

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 IndustriInstitut Teknologi Nasional MalangEmail : 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 terkomputerisasi dengan membuat Aplikasi Elektronik

Page 3: Seminar hasil

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:

Sebagai bahan referensi dalam

melakukan penelitian yang serupa atau

penelitian selanjutnya dengan

mengembangkan ilmu pengetahuan

jagor, 11/12/15,
Page 4: Seminar hasil

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

kharimah,berilmu,paham agama , dan

mandiri untuk meneruskan perjuangan

qur’ah hadist ila yaumil qiyamah, saat

Page 5: Seminar hasil

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.

Adanya pemisahan fungsi client

dan fungsi server, disamping

meningkatkan kompleksitas tersendiri

Page 6: Seminar hasil

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

Page 7: Seminar hasil

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

Page 8: Seminar hasil

berjalan pada smart phone android

dibangun menggunakan SDK, eclipe dan

MySql.

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.

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

Page 9: Seminar hasil

gambar 3.2 agar aliran data yang terjadi

didalam sistem mudah dipahami.

Gambar 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

Gambar 3.3 Struktur Menu Guru

2) Struktur menu santri

Gambar 3.4 Struktur Menu Santri

B. Web Server

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.

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.

Page 10: Seminar hasil

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.

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.

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.

Page 11: Seminar hasil

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

Page 12: Seminar hasil

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.

Page 13: Seminar hasil

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

Page 14: Seminar hasil

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

Page 15: Seminar hasil

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

Page 16: Seminar hasil

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

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.