Sistem Informasi Pemetaan Desa di Kecamatan Dolok Masihul Berbasis Sistem Informasi Geografis

BAB 2

LANDASAN TEORI

2.1

Sistem

Sistem Informasi Geografis

Informasi

Geografis (bahasa

Inggris: Geographic

Information

System disingkat GIS) adalah sistem informasi khusus yang mengelola data yang
memiliki informasi spasial (bereferensi keruangan). Atau dalam arti yang lebih
sempit, adalah sistem komputer yang memiliki kemampuan untuk membangun,

menyimpan, mengelola dan menampilkan informasi bereferensi geografis, misalnya
data yang diidentifikasi menurut lokasinya, dalam sebuah database. Para praktisi juga
memasukkan orang yang membangun dan mengoperasikannya dan data sebagai
bagian dari sistem ini.

2.2

HTML

HTML adalah bahasa komputer yang dirancang untuk memungkinkan dalam
pembuatan website. Website ini kemudian dapat dilihat oleh orang lain yang
terhubung ke internet. Menurut Lia Kuswayatno, HTML merupakan halaman yang
berada pada suatu situs internet atau web.

Universitas Sumatera Utara

9

HTML merupakan metode yang menautkan (link) dalam dokumen ke dokumen lain
melalui teks. Menurut Deris Stiawan, HTML merupakan framework internet, hampir

semua situs web yang ada menggunakan HTML untuk menampilkan teks, grafik,
suara dan animasinya. Menurut Diar Puji, HTML adalah suatu bahasa yang dikenali
oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan
dengan tulisan teks biasa (plain teks).

HTML terdiri dari serangkain kode pendek diketik ke dalam teks-file dengan
penulis situs. Teks tersebut kemudian disimpan sebagai file html, dan dilihat melalui
browser. Browser ini membaca file dan menerjemahkan teks ke dalam bentuk yang
terlihat.

2.3

PHP

Menurut Arief (2011c:43) PHP adalah Bahasa server-side-scripting yang menyatu
dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan
server-side-scripting maka sintaks dan perintah - perintah PHP akan diesksekusi
diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML.

Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat

oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk
membuat halaman web yang dinamis, yaitu halaman web yang dapat membentuk

Universitas Sumatera Utara

10

suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data
ke halaman web.

Sedangkan menurut Nugroho (2006b:61) “PHP atau singkatan dari Personal
Home Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi
bersifat server side”. PHP termasuk dalam open source product, sehingga source
code PHP dapat diubah dan didistribusikan secara bebas. Versi terbaru PHP dapat
diunduh secara gratis melalui situs resmi PHP : http://www.php.net.

PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet
Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga
mampu berjalan di banyak sistem operasi yang beredar saat ini, diantaranya: Sistem
Operasi Microsoft Windows (semua versi), Linux, Mac Os, Solaris. PHP dapat

dibangun sebagai modul web server Apache dan sebagai binary yang dapat
berjalan sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP
header, dapat mengatur cookies, mengatur authentication dan redirect user.

Salah satu keunggulan yang dimiliki PHP adalah kemampuannya untuk
melakukan koneksi ke berbagai macam software sistem manajemen basis data atau
Database Management Sistem (DBMS), sehingga dapat menciptakan suatu halaman
web dinamis. PHP mempunyai koneksitas yang baik dengan beberapa DBMS
seperti Oracle, Sybase, mSQL, MySQL, Microsoft SQL Server, Solid, PostgreSQL,
Adabas, FilePro, Velocis, dBase, Unix dbm, dan tidak terkecuali semua database

Universitas Sumatera Utara

11

berinterface ODBC. Hampir seluruh aplikasi berbasis web dapat dibuat
dengan PHP. Namun kekuatan utama adalah konektivitas basis data dengan web.
Dengan kemampuan ini kita akan mempunyai suatu sistem basis data yang dapat
diakses.


2.4

XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung untuk banyak sistem
operasi, yang merupakan kompilasi dari beberapa program. Fungsi XAMPP sendiri
adalah sebagai server yang berdiri sendiri (localhost), yang terdiri beberapa program
antara lain : Apache HTTP Server, MySQL database, dan penerjemah bahasa yang
ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP sendiri merupakan
singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl.
Program ini tersedia dalam GNU General Public License dan bebas, merupakan web
server yang mudah untuk digunakan yang dapat menampilkan halaman web yang
dinamis. Untuk mendapatkannya XAMPP anda dapat mendownload langsung dari
web resminya. Dan berikut beberapa definisi program lainnya yang terdapat
dalam XAMPP.

Server HTTP Apache atau Server Web/WWW Apache adalah server web
yang dapat dijalankan di banyak sistem operasi seperti (Unix, BSD, Linux, Microsoft
Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani


Universitas Sumatera Utara

12

dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas
web/www ini menggunakan HTTP. MySQL adalah sebuah perangkat lunak sistem
manajemen basis data SQL (bahasa Inggris: database management system) atau
DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.
MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah
lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah
lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan
penggunaan GPL. PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat
ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram
situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui
Jejaring Jagat Jembar ( World Wide Web ). PhpMyAdmin mendukung berbagai
operasi MySQL, diantaranya (mengelola basis data, table - tabel, bidang ( fields ),
relasi ( relations ), indeks, pengguna ( users ), perijinan ( permissions ), dan lain lain. Pada dasarnya, mengelola basis data dengan MySQL harus dilakukan dengan

cara mengetikkan baris - baris perintah yang sesuai ( command line ) untuk setiap
maksud tertentu. Jika seseorang ingin membuat basis data ( database ), ketikkan baris
perintah yang sesuai untuk membuat basis data. Jika seseorang menghapus tabel,
ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu saja
sangat menyulitkan karena seseorang harus hafal dan mengetikkan perintahnya satu
per satu.

Universitas Sumatera Utara

13

Saat ini banyak sekali perangkat lunak yang dapat dimanfaatkan untuk
mengelola basis data dalam MySQL, salah satunya adalah phpMyAdmin. Dengan
phpMyAdmin, seseorang dapat membuat database, membuat tabel, mengisi data, dan
lain - lain dengan mudah, tanpa harus menghafal baris perintahnya. phpMyAdmin
merupakan bagian untuk mengelola basis data MySQL yang ada di komputer. Untuk
membukanya, buka browser lalu ketikkan alamat http://localhost/phpmyadmin, maka
akan muncul halaman phpMyAdmin. Di situ nantinya seseorang bisa membuat basis
data baru, dan mengelolanya.


2.5

Sublime Text Editor

Sublime Text Editor adalah editor teks untuk berbagai bahasa pemograman termasuk
pemograman PHP. Sublime Text Editor merupakan editor text lintas-platform dengan
Python application programming interface ( API ). Sublime Text Editor juga
mendukung banyak bahasa pemrograman dan bahasa markup, dan fungsinya dapat
ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi perangkat lunak.
Sublime Text Editor pertama kali dirilis pada tanggal 18 januari 2008, dan sekarang
versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada tanggal 29 januari
2013. Sublime Text mendukung operation system seperti Linux, Mac Os X, dan juga
windows. Sangat Banyak fitur yang tersedia pada Sublime Text Editor diantarnya
minimap, membuka script secara side by side, bracket highlight sehingga tidak

Universitas Sumatera Utara

14

bingung mencari pasangannya, kode snippets, drag and drop direktori ke sidebar

terasa mirip dengan TextMate untuk Mac OS.

Dalam sistem ini kita menggunakan Sublime Text 2. Sublime Text 2 adalah
editor teks yang dirancang untuk mengolah potongan-potongan kode, plugin, dan
markup. Tetapi Anda juga bisa memakainya untuk menulis artikel dan mengetik
dalam

prosa

normal.

Bagaimanapun

Anda

mau

memakainya,

keunggulan Sublime Text 2 ada di kualitas dan kuantitas fitur - fiturnya seperti blok

multi tempat, kursor banyak, dan pengolahan split. Bermacam - macam fitur ini
membuat pengolahan kode menjadi lebih cepat dan mudah.

Fitur lain yang menarik adalah dukungannya pada berbagai macam bahasa
seperti Clojure, Perl, Javascript, Haskell, Erlango, dan Escala. Anda juga bisa
membuat dan menyimpan macro kapan saja, pekerjaan menjadi lebih mudah dengan
banyaknys opsi yang bisa dipilih. Adanya kemampuan konfigurasi pintasan kibor
menurut kemauan pengguna juga sangat membantu. Dengan ini tindakan yang
memakan banyak waktu di program lain bisa Anda lakukan dalam hitungan detik
dengan program ini.

Sublime Text 2 adalah aplikasi pengolah kata yang sangat lengkap yang akan
segera membuat penggunanya jatuh hati padanya.

Universitas Sumatera Utara

15

2.6


Google Maps API

Google Map adalah layanan pemetaan berbasis web yang populer. Google Maps API
dapat ditambahkan ke website kita menggunakan JavaScript. API tersebut
menyediakan banyak fasilitas dan utilitas untuk memanipulasi

peta

dan

menambahkan konten ke peta melalui berbagai layanan, memungkinkan Anda untuk
membuat aplikasi peta yang kuat pada website Anda. JavaScript API mirip dengan
versi sebelumnya. Versi 3 disesain lebih cepat, khusunya untuk browser mobile
seperti Android dan iPhone. Agar peta dapat ditampilkan ke dalam website kita, maka
kita harus mempunyai account Google, kemudian mendaftarkan diri dahulu
di http://code.google.com/apis/maps/signup.html.

Google Map adalah layanan aplikasi dan teknologi peta berbasis web yang
disediakan oleh Google secara gartis ( bukan untuk kepentingan komersial ), temasuk
di dalamnya website Google Map (http://maps.google.com), Google Ride Finder,
Google Transit, dan peta yang dapat disisipkan pada website lain melalui Google
Maps API. Saat ini Google Map adalah layanan pemetaan berbasis web yang populer.
Kita dapat menambahkan layanan Google Map ke website kita sendiri menggunakan
Google Maps API. Pengetahuan yang diperlukan untuk mengembangkan Google
Maps API adalah tentang HTML dan JavaScript, sedangkan peta sudah disediakan
oleh Google. Jadi kita hanya berkonsentrasi tentang data dan biarkan urusan peta
ditangani oleh Google, sehingga dapat menghemat waktu.

Universitas Sumatera Utara

16

Google API bisa di katakan bagian dari Framework Google. Google
menyediakan berbagai API (Application Programming Interface) yang sangat
berguna bagi pengembang web maupun aplikasi desktop untuk memanfaatkan
berbagai

fitur

yang

disediakan

oleh

Google

seperti: AdSense, Search

Engine, Translation maupun YouTube. API secara sederhana bisa diartikan sebagai
kode program yang merupakan antarmuka atau penghubung antara aplikasi atau web
yang kita buat dengan fungsi - fungsi yang dikerjakan. Misalnya dalam hal ini Google
API berarti kode program ( yang disederhanakan ) yang dapat kita tambahkan pada
aplikasi atau web kita untuk mengakses / menjalankan / memanfaatkan fungsi atau
fitur yang disediakan Google. Misalnya saja kita bisa menambahkan fitur Google
Map pada website kita.

Google API dapat dipelajari langsung melalui Google Code. Melalui Google
Code kita dapat belajar tentang Google API dan dapat mengimplementasikan pada
aplikasi web atau website yang kita kembangkan. Ada banyak API yang disediakan
oleh Google, beberapa diantaranya adalah:
1.

Language API: untuk memanfaatkan fitur translation yang dimiliki Google.

2.

Earth API: memanfatkan fitur yang ada pada Google Earth

3.

Javascript API

4.

Maps API: memanfaatkan fitur yang ada pada Google Maps

5.

Search API: memanfaatkan fitur pencarian pada Google Search

6.

Visualization API: membuat grafik maupun chart dengan Google API

Universitas Sumatera Utara

17

7.

YouTube API: memanfaatkan fitur yang ada pada YouTube misalnya untuk
pencarian video

Salah

satu

cara

mudah

mempelajari

Google

API

adalah

dengan

memanfaatkan Google AJAX APIs Playground. AJAX APIs playground adalah
sebuah situs yang disediakan oleh Google bagi kita untuk mencoba secara langsung
sejumlah Google API yang berbasis AJAX (Asynchronous Javascript and XML).
Karena berbasis AJAX maka tentunya semua kode program dalam sintaks Javascript
yang bisa kita lihat, kopi dan paste secara langsung untuk digunakan pada website
kita.

2.7

Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses
fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual
maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart,
Bubble diagram, model proses, diagram alur kerja, atau model fungsi.

DFD ini adalah salah satu alat pembuatan model yang sering digunakan,
khususnya bila fungsi - fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD

Universitas Sumatera Utara

18

adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem.

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada
pemakai maupun pembuat program.

Didalam DFD terdapat 3 level, yaitu :
1.

Diagram Konteks : menggambarkan satu lingkaran besar yang dapat mewakili
seluruh proses yang terdapat di dalam suatu sistem. Merupakan tingkatan
tertinggi dalam DFD dan biasanya diberi nomor 0 (nol). Semua entitas eksternal
yang ditunjukkan pada diagram konteks berikut aliran-aliran data utama menuju
dan dari sistem. Diagram ini sama sekali tidak memuat penyimpanan data dan
tampak sederhana untuk diciptakan.

2.

Diagram Nol (diagram level-1) : merupakan satu lingkaran besar yang mewakili
lingkaran-lingkaran kecil yang ada di dalamnya. Merupakan pemecahan dari
diagram Konteks ke diagram Nol. di dalam diagram ini memuat penyimpanan
data.

3.

Diagram Rinci : merupakan diagram yang menguraikan proses apa yang ada
dalam diagram Nol.

Universitas Sumatera Utara

19

Tabel 2.1 Simbol - simbol data flow diagram (DFD)
Simbol

Keterangan
External Entity, merupakan kesatuan
di lingkungan luar sistem yang bisa
berupa orang, organisasi atau sistem
lain.

Process, merupakan proses seperti
perhitungan aritmatik penulisan suatu
formula atau pembuatan laporan.

Data Store (simpan data), dapat
berupa suatu file atau database pada
sistem komputer atau catatan manual.

Data Flow (arus data), arus data ini
mengalir diantara proses, simpan data
dan kesatuan luar.

(Sumber : http://www.academia.edu/8981430/Pengertian_Simbol_DFD)

2.8

Flowchart

Flowchart adalah sekumpulan symbol

- simbol

yang menunjukkan atau

menggambarkan rangkaian kegiatan - kegiatan program dari awal hingga akhir, jadi
flowchart juga digunakan untuk menggambarkan urutan langkah - langkah pekerjaan
di suatu algoritma. Dengan adanya flowchart, akan sangat membantu untuk

Universitas Sumatera Utara

20

memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman halaman tersebut.

Disamping itu juga dapat mempermudah dalam mengatur kode dan file html,
terutama link untuk navigasi penjelajahan ke seluruh halaman web. Penjeleasan arti
simbol - simbol flowchart dapat di defenisikan seperti table berikut :

Tabel 2.2 Simbol - simbol flowchart
No
1

Simbol

Fungsi
Terminator, untuk memulai dan mengakhiri
suatu program

2

Process, suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan oleh computer

3

Data,

digunakan

untuk

memasukkan

data

maupun menunjukkan hasil dari suatu proses
4

Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan
Preparation, suatu symbol yang menyediakan

5

tempat – tempat pengolahan data dalam storage

6

Connector, merupakan symbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas
yang sama

Universitas Sumatera Utara

21

7

Off-Page Connector, merupakan symbol untuk
masuk dan keluarnya suatu prosedur pada
lembar kertas yang lain.

8

Arus atau Flow, prosedur yang dapat dilakukan
dari atas ke bawah, bawah ke atas, dari kiri ke
kanan, atau dari kanan ke kiri

9

Document, merupakan simbol untuk data yang
berbentuk informasi

10

Predefined

Process,

digunakan

untuk

menyatakan sekumpulan langkah proses yang
ditulis sebagai prosedur
11
Magnetic Disk, untuk menyimpan data
(Sumber: http://www.google.co.id/search?site=&source=hp&ei=cwdoV9G6MMb7vg
StqY30DA&q=simbol+hasil+dalam+dfd)

Universitas Sumatera Utara