LAPORAN AKHIR

BAB 4
PERANCANGAN SISTEM DAN IMPLEMENTASI

4.1 Kerangka Pembangunan Aplikasi

4.1.1 Arsitektur Aplikasi Sistem
Aplikasi database yang dikembangkan dirancang untuk kebutuhan multi-user dalam suatu
jaringan komputer, yaitu client/server berbasis web. Sistem operasi yang digunakan untuk
server adalah Windows Server sedangkan sistem operasi client berbasis Windows, Linux dan
MacOs. Perangkat lunak basis data yang digunakan adalah Database Server yang mendukung
data spasial yaitu postgres/gis, mysql, ms sql server, dan lain-lain. Untuk pengembangan sistem
ini database yang digunakan adalah MySQL dengan alasan sudah teruji kehandalannya meskipun
merupakan software yang tidak berbayar. Pengujian dan debugging menggunakan script web
PHP. Untuk Engine peta/Map engine menggunakan engine leaflet,js. Untuk dapat mengakses
sistem berbasis web, pengguna atau client harus mempunyai web browser seperti Internet
Explorer, Opera atau Mozilla Firefox. Selain itu, harus tersedia jaringan internet. Secara umum,
arsitektur aplikasi database yang akan dibangun, diillustrasikan seperti pada Gambar berikut ini.

Gambar 4.1 Arsitektur Aplikasi Database

4-1
 LAPORAN AKHIR

4.1.2 Peta Situs (Site Map)

Peta situs dibuat untuk melihat keterkaitan antara modul atau halaman yang ada. Peta situs
sistem yang dibangun, diillustrasikan pada Gambar berikut

DATABASE JALAN
DRAINASE

REKAP
DASHBOARD MASTER SYSTEM
LAPORAN

JALAN JALAN GROUP

DRAINASE DRAINASE USER

HAK AKSES

Gambar 4.2 Diagram Peta Situs

4.2 Desain Aplikasi Database

Perkembangan Teknologi Informasi dan Komunikasi menjadikan SIG berkembang cukup
signifikan. Koneksi internet yang semakin mudah didapat dan kecepatan yang semakin tinggi,
menjadikan implementasi SIG semakin mudah dipergunakan. Kebutuhan informasi spatial
menjadikan perkembangan SIG menjadi cepat.

SIG berbasis Internet, bukanlah teknologi yang berdiri sendiri. Teknologi ini terkait dengan
HTML, Bahasa Pemrograman Web, paket software SIG dan database. Arsitektur SIG berbasis
Internet dapat diilustrasikan sebagai sistem client-server. Client dengan perangkat PC yang
terhubung ke Internet melakukan permintaan ke Web Server, selanjutnya proses dilakukan
pada server dan hasilnya dikirimkan kembali ke client dalam format HTML yang telah
mengandung informasi geografi.

Pembangunan Aplikasi Database Jalan Lingkungan dan Drainase yang akan dibangun adalah
berbasis webgis, yaitu menampilkan dan menyajikan informasi lokasi jalan lingkungan dan

4-2
 LAPORAN AKHIR

drainase di wilayah Kota Cilegon, yang dapat diakses secara online melalui koneksi internet
maupun jaringan local. Komponen pembentuk aplikasi webgis ini akan sepenuhnya
menggunakan teknologi opensource alias tidak berbayar.

Sistem informasi database aplikasi yang digunakan akan menggunakan teknologi RDBMS
(Relation Database Management System) Spatial. Teknologi yang dipilih adalah MySQL yang
akan menampung data-data yang bersifat non spatial dan spatial seperti yang telah disebutkan
diawal. Sedangkan untuk pemilihan bahasa pemograman akan menggunakan bahasa
pemograman php (Hypertext Preprocessor) dengan framework laravel. Dalam proses
menampilkan data spatial, akan menggunakan javascript leaflet agar visualisasi peta yang disajikan
lebih menarik.

Gambar 4.3 Rancangan Arsitektur Aplikasi

4.2.1 Mockup Aplikasi
Aplikasi Database yang akan dibangun difokuskan untuk menyimpan data-data yang suatu saat
nanti akan diolah untuk dijadikan suatu informasi. Sehingga pada aplikasi database yang
dibangun, hanya user yang memiliki hak akses terhadap aplikasi bisa melakukan manajemen
data-data tersebut. Aplikasi database ini akan memiliki fiture CMS untuk proses pengelolaan
data-data atribut nya. Sehingga akan memudahkan dalam pengorganisasian data.

4.2.2 Backend
Halaman backend merupakan halaman aplikasi yang menjadi pusat data. Pada halaman ini user
aplikasi harus memiliki account dan password untuk dapat memasuki halaman ini. Pada modul
halaman backend ini terdapat beberapa menu utama yang digunakan untuk proses pengelolaan
data jalan dan drainase lingkungan beserta informasi lainnya.

4-3
 LAPORAN AKHIR

Pada halaman backend ini terdapat beberapa menu yang memiliki fungsi berbeda. Menu yang
disediakan pada halaman backend terdiri dari :

1. Dashboard
2. Rekap Laporan, terdiri dari :
- Rekap Jalan
- Rekap Drainase
3. Master, terdiri dari sub menu :
- Jalan
- Drainase
4. System, terdiri dari sub menu :
- Group
- User
- Hak Akses

Menu Dashboard
Pada menu dashboard aplikasi akan menampilkan ringkasan data jumlah panjang jalan lingkungan
dan drainase yang terdapat di Kota Cilegon per kecamatan. Untuk total panjang jalan dan
drainase akan ditampilkan dalam komposisi jumlah.

4-4
 LAPORAN AKHIR

Gambar 4.4 Tampilan halaman Dashboard

Rekap Laporan
Rekap laporan adalah menu yang disediakan untuk melakukan rekap terhadap data yang
terdapat didalam aplikasi. Pada menu rekap ini, hasil dari rekap tersebut dapat di ekspor
kedalam bentuk excel ataupun bisa langsung dilakukan cetak melalui printer. Menu rekap
laporan ini terdiri dari :

Rekap Jalan Lingkungan

Pada menu ini akan menghasilkan rekapitulasi data jalan lingkungan yang terdapat di Kota
Cilegon hingga level kelurahan
Rekap Drainase
Pada menu ini akan menghasilkan rekapitulasi data drainase lingkungan yang terdapat di Kota
Cilegon hingga level kelurahan
Master
Menu master merupakan menu pusat pangkalan data. Pada menu ini terdapat beberapa sub
menu yang digunakan pada aplikasi. sub menu tersebut adalah sub menu jalan, sub menu
drainase. Sub menu ini memiliki fungsi yang berbeda-beda, adapun fungsi dari sub menu
tersebut adalah

- Sub menu jalan memiliki fungsi utama untuk menyimpan data master jalan
- Sub menu drainase merupakan menu yang digunakan untuk menyimpan data master
drainase

System

Menu system merupakan menu yang digunakan untuk mengatur pengguna terhadap aplikasi.
Pada menu ini super admin atau user tertinggi akan mengelola user-user yang akan
menggunakan aplikasi ini beserta hak aksesnya.

4.3 Implementasi
Untuk menjalankan aplikasi database jalang lingkungan dan drainase pada PC dibutuhkan
Software dan Hardware sebagai berikut.

4.3.1 Software yang digunakan untuk Pengembangan Aplikasi

Aplikasi yang dikembangkan seluruhnya merupakan bahasa pemrograman dan program open
source, berbasiskan Web, script pemrograman php dan javascript antara database dan map-
engine untuk menghasilkan halaman web yang dinamis. Dalam menunjang hal ini digunakan

4-5
 LAPORAN AKHIR

JavaScript untuk implementasi modul pemasukan data spasial pada database yang dikemas
dalam MySQL. Sedangkan untuk visualisasi peta menggunakan javascript leaflet.js. Alasan
pemilihan leaflet.js dikarenakan piranti lunak tersebut menawarkan visualisasi peta secara
interaktif. Sedangkan alasan pemilihan database MySQL terkait dengan penggunaan add-in
spatial, untuk menyimpan obyek geografis dalam database.

4.3.2 Kebutuhan Minimum Software

Kebutuhan minimum untuk dapat menjalankan aplikasi ini pada sebuah Personal Computer
(PC) adalah:

Server Client
Web server Apache 2.4.23 Operating system : windows 10
Php 7.2 Web browser : Moziila, chrome
Database MySQL

Batasan dan Fungsi

Aplikasi database jalan lingkungan dan drainase merupakan aplikasi database yang dapat
menampilkan data-data sebaran lokasi jalan lingkungan dan drainase yang terdapat di Kota
Cilegon, disertai dengan informasi spasial maupun non spasial yang terdapat di dalamnya.
Fungsi-fungsi yang disediakan dalam aplikasi antara lain:
 Menampilkan data vector dan data raster (google earth)
 Navigasi standar peta (zoom, pan)
 Mengubah tampilan peta sesuai keinginan
 Penunjukan skala otomatis pada tampilan peta
 Tampilan peta tematik yang dapat disesuaikan dengan keinginan user

4-6
 LAPORAN AKHIR

Contents
4.1 Kerangka Pembangunan Aplikasi ................................................................................................. 1
4.1.1 Arsitektur Aplikasi Sistem ....................................................................................................... 1
4.1.2 Peta Situs (Site Map) ................................................................................................................... 2
4.2 Desain Aplikasi Database ............................................................................................................ 2
4.2.1 Mockup Aplikasi ...................................................................................................................... 3
4.2.2 Backend ................................................................................................................................... 3
4.3 Implementasi...................................................................................................................................... 5
4.3.1 Software yang digunakan untuk Pengembangan Aplikasi ............................................................ 5
4.3.2 Kebutuhan Minimum Software ................................................................................................... 6

Xxxx

Gambar 4.1 Arsitektur Aplikasi Database ............................................................................................. 1

Gambar 4.2 Diagram Peta Situs ............................................................................................................. 2
Gambar 4.3 Rancangan Arsitektur Aplikasi ........................................................................................... 3
Gambar 4.4 Tampilan halaman Dashboard ............................................................................................ 5

4-7