sistem informasi web rumput laut pantai berbasis …

52
78 SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS SPASIAL (STUDI KASUS DAERAH KABUPATEN TAKALAR) TUGAS AKHIR Disusun dalam rangka memenuhi salah satu persyaratan Untuk menyelesaikan program Strata-1 Program Studi Teknik Informatika Jurusan Elektro Universitas Hasanuddin Makassar Disusun Oleh : NURUL AULIA D421 11 105 PROGRAM STUDI INFORMATIKA JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS HASANUDDIN 2017

Upload: others

Post on 13-Nov-2021

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

78

SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS

SPASIAL (STUDI KASUS DAERAH KABUPATEN TAKALAR)

TUGAS AKHIR

Disusun dalam rangka memenuhi salah satu persyaratan

Untuk menyelesaikan program Strata-1 Program Studi Teknik Informatika

Jurusan Elektro Universitas Hasanuddin

Makassar

Disusun Oleh :

NURUL AULIA D421 11 105

PROGRAM STUDI INFORMATIKA

JURUSAN ELEKTRO FAKULTAS TEKNIK

UNIVERSITAS HASANUDDIN

2017

Page 2: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

ii

Page 3: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

iii

ABSTRAK

Sistem informasi web merupakan teknologi informasi yang dapat

menganalisis, menyimpan dan menampilkan baik data spasial maupun data non-

spasial. Tugas akhir ini bertujuan untuk mengembangkan sistem informasi web

rumput laut pantai berupa peta dan informasi lainnya dan terletak di dusun Taipa

desa Soreang kecamatan Mappakasunggu kabupaten Takalar provinsi Sulawesi

Selatan. Aplikasi ini dikembangkan dengan software XAMPP, database

phpmyadmin, script php dan Google Maps API. Dari hasil pengujian fungsi sistem

informasi web rumput laut pantai maka sistem ini mampu menampilkan lokasi

lahan rumput laut, informasi kepemilikan rumput laut, tanggal peletakan rumput

laut, tanggal panen, jenis rumput laut yang dibudidayakan, ukuran bibit dan

jumlah panen rumput laut basah.

Kata kunci: sistem informasi web, spasial, rumput laut, Takalar.

Page 4: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

iv

KATA PENGANTAR

Segala puji dan syukur kami haturkan kehadirat Allah Tuhan Yang Maha

Esa atas limpahan rahmat, taufik dan hidayah-Nya sehingga Tugas Akhir ini,

dengan judul “SISTEM INFORMASI WEB RUMPUT LAUT PANTAI

BERBASIS SPASIAL (STUDI KASUS DAERAH KABUPATEN

TAKALAR)” dapat diselesaikan dengan baik. Tugas akhir ini dibuat sebagai

salah satu syarat untuk memperoleh gelar sarjana pada Program Strata 1 Teknik

Informatika Jurusan Teknik Elektro Fakultas Teknik Universitas Hasanuddin.

Kami menyadari bahwa dalam penyusunan tugas akhir ini telah banyak

mendapatkan sumbangan ilmu, pikiran serta bimbingan baik moral maupun

materil dari berbagai pihak. Dengan kesempatan ini kami menyampaikan ucapan

terima kasih yang sebesar besarmya kepada:

1. Mukrim Idrus, Andi Darwisa, Abdul Hakim dan Sahwiani selaku

orang tua dan keluarga yang senantiasa memberikan doa, dukungan, dan

motivasi selama perancangan, pembuatan hingga penyelesaian tugas akhir

ini.

2. Bapak Dr. Ir. Zahir Zainuddin, M.Sc. selaku dosen pembimbing I dan

bapak A. Ais Prayogi Alimuddin, ST., M.Eng. selaku dosen pembimbing

II yang telah banyak memberi bimbingan dan masukan terhadap

perancangan sistem dan penyusunan tugas akhir ini.

3. Bapak Amil Ahmad Ilham, ST., M.IT., Ph.D. selaku Ketua Prodi Teknik

Informatika Fakultas Teknik Universitas Hasanuddin atas segala

dukungannya.

4. Dosen dan staff program Studi Teknik Informatika Fakultas Teknik

Universitas Hasanuddin.

5. Ade Kuncahyo, ST, Adhy Nugraha. ST, Arnal Prima.ST atas saran

dalam pembuatan tugas akhir ini

6. Ahmad Amiruddin, ST. yang senantiasa menyemangati penulis untuk

terus berjuang.

Page 5: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

v

7. Teman-teman Firewa11 Jurusan Teknik Elektro angkatan 2011

Universitas Hasanuddin.

8. Serta seluruh pihak yang tak sempat kami sebutkan satu persatu dengan

banyak meluangkan tenaga, waktu dan pikiran selama penyusunan tugas

akhir ini.

Akhirnya dengan segala kerendahan hati, penyusun menyadari masih

terdapat kekurangan dalam penyusunan laporan skripsi ini baik isi maupun cara

penyajian. Oleh karena itu penyusun mengharapkan adanya saran dan kritik yang

bersifat membangun demi kesempurnaan laporan ini. Penyusun berharap semoga

laporan skripsi ini dapat memberikan manfaat bagi pembaca pada umumya dan

manfaat bagi penulis khususnya.

Makassar, Mei 2017

Penyusun

Page 6: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

vi

DAFTAR ISI

HALAMAN SAMPUL ............................................................................................ i

HALAMAN PENGESAHAN ................................................................................. ii

ABSTRAK .............................................................................................................. ii

KATA PENGANTAR ........................................................................................... iv

DAFTAR ISI .......................................................................................................... vi

DAFTAR GAMBAR ............................................................................................. ix

DAFTAR TABEL ................................................................................................. xii

BAB I PENDAHULUAN ........................................................................................1

1.1 Latar Belakang ..................................................................................................1

1.2 Rumusan Masalah .............................................................................................2

1.3 Tujuan Penelitian ..............................................................................................3

1.4 Batasan Masalah ...............................................................................................3

1.5 Sistematika Penulisan .......................................................................................3

BAB II LANDASAN TEORI ..................................................................................5

2.1 Sistem Informasi Geografis ...............................................................................5

2.1.1 Definisi SIG ................................................................................................ 5

2.1.2 Sub-Sistem SIG .......................................................................................... 7

2.1.3 Cara Kerja SIG ........................................................................................... 9

2.1.4 Manfaat Teknologi SIG .............................................................................. 9

2.1.5 Kemampuan Sistem Informasi Geografis ................................................ 11

2.2 Aplikasi Web ....................................................................................................11

2.2.1 Web Statis ................................................................................................. 12

2.2.2 Web Dinamis ............................................................................................ 12

2.3 Perl Hypertext Preprocessor (PHP) ..................................................................12

2.4 Database ..........................................................................................................13

2.5 MySql ...............................................................................................................14

2.6 Peta ...................................................................................................................14

2.7 Google Maps ....................................................................................................15

Page 7: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

vii

2.8 Google Maps API .............................................................................................18

2.8.1 Urutan pembuatan Google Map API ........................................................ 18

2.8.2 Membuat Polygon pada Google Map ....................................................... 20

2.9 Basis data .........................................................................................................21

2.10 BDMS (Data Base Management Sistem) .......................................................22

2.10.1 Komponen Sistem Basis Data ................................................................ 22

2.10.2 Sistem Basis Data ................................................................................... 23

2.10.3 Perbandingan Pengelolaan Pemrosesan Berkas dengan DBMS ........... 24

2.10.4 Struktur Sistem Basis Data ..................................................................... 25

2.10.5 Arsiterktur Basis Data ............................................................................ 27

2.11 Unified Modeling Language (UML) ..............................................................28

2.11.1 Use Case Diagram .................................................................................. 29

2.11.2 Activity diagram ..................................................................................... 31

2.11.3 Squence Diagram .................................................................................... 32

2.12 Relasi Tabel ....................................................................................................33

2.12.1 Entity Relationship Diagram (ERD) ...................................................... 34

2.12.2 Data Flow Diagram (DFD) ..................................................................... 36

2.13 Web Browser ..................................................................................................38

2.14 WEB Server ...................................................................................................38

2.15 WWW (World Wide Web) ............................................................................39

2.16 HTML (Hypertext Markup Langguage) ........................................................40

2.17 Hypertext Transfer Protocol (HTTP) .............................................................40

2.18 XAMPP ..........................................................................................................40

2.19 INTERNET ....................................................................................................41

BAB III METODELOGI PENELITIAN ...............................................................42

3.1 Pengumpulan Data dan Studi Literatur ............................................................42

3.2 Analisis Sistem .................................................................................................42

3.3 Rancangan Struktural .......................................................................................44

3.3.1 Use-case Diagram .................................................................................... 44

Page 8: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

viii

3.3.2 Data Flow Diagram .................................................................................. 46

3.3.2.1 DFD Level 0 ...................................................................................... 46

3.3.2.2 Data Flow Diagram Level 1............................................................... 47

3.3.2.3 DFD Level 2 Proses Tambah Akun ................................................... 50

3.3.2.4 DFD Level 2 Proses Tambah Lahan .................................................. 51

3.3.2.5 DFD Level 2 Proses Olah Data Bibit................................................. 52

3.3.2.6 DFD Level 2 Proses Olah Data Panen ............................................... 54

3.3.3 Activity diagram ....................................................................................... 55

3.3.4 Flowchart .................................................................................................. 72

3.3.4.1 Flowchart Superadmin ....................................................................... 72

3.3.4.2 Flowchart Admin ............................................................................... 73

3.3.4.3 Flowchart Member ............................................................................. 75

3.4 Rancangan Basis Data ......................................................................................76

3.4.1 Rancangan ERD ....................................................................................... 76

BAB IV HASIL DAN PEMBAHASAN ...............................................................85

4.1 Gambaran umum ..............................................................................................85

4.2 Pengujian Sistem ..............................................................................................86

4.2.1 Tampilan Pengujian Sistem ...................................................................... 86

4.2.2 Tabel Pangujian Fungsional Sistem ......................................................... 96

BAB V PENUTUP .................................................................................................99

5.1 Kesimpulan .....................................................................................................99

5.2 Saran ...............................................................................................................99

DAFTAR PUSTAKA ..........................................................................................100

LAMPIRAN .........................................................................................................102

Page 9: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

ix

DAFTAR GAMBAR

Gambar 2.1 Ilustrasi Sub-Sistem SIG ............................................................ 8

Gambar 2.2 Ilustrasi uraian Sub-Sistem SIG ................................................. 8

Gambar 2.3 Satellelite Map............................................................................ 16

Gambar 2.4 Terrain Map ................................................................................ 16

Gambar 2.5 Earth Map ................................................................................... 17

Gambar 2.6 My Location ............................................................................... 17

Gambar 2.7 Contoh Program dasar Google Maps API .................................. 19

Gambar 2.8 Lingkungan Sistem Basis Data .................................................. 23

Gambar 2.9 Struktur Sistem Basis Data / Blok DBMS ................................. 26

Gambar 2.10 Arsitektur 3 tingkat .................................................................. 27

Gambar 3.1 Use-case Diagram ...................................................................... 44

Gambar 3.2 DFD Level 0 ............................................................................... 46

Gambar 3.3 DFD Level 1 ............................................................................... 48

Gambar 3.4 DFD Level 2 Proses tambah akun .............................................. 50

Gambar 3.5 DFD Level 2 Proses tambah lahan ............................................. 51

Gambar 3.6 DFD Level 2 Proses Olah Data Bibit ........................................ 53

Gambar 3.7 DFD Level 2 Proses Olah Data Panen ...................................... 54

Gambar 3.8 Activity diagram login ................................................................ 55

Gambar 3.9 Activity diagram beranda ........................................................... 56

Gambar 3.10 Activity diagram map ............................................................... 57

Gambar 3.11 Activity diagram informasi lahan ............................................. 58

Gambar 3.12 Activity diagram cetak informasi lahan .................................... 59

Gambar 3.13 Activity diagram hapus akun .................................................... 60

Page 10: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

x

Gambar 3.14 Activity diagram tambahkan akun ............................................ 61

Gambar 3.15 Activity diagram tambahkan lahan ........................................... 62

Gambar 3.16 Activity diagram map ............................................................... 63

Gambar 3.17 Activity diagram informasi lahan ............................................. 64

Gambar 3.18 Activity diagram informasi bibit .............................................. 66

Gambar 3.19 Activity diagram riwayat panen................................................ 67

Gambar 3.20 Activity diagram riwayat panen................................................ 68

Gambar 3.21 Activity diagram informasi pengelolah .................................... 69

Gambar 3.22 Activity diagram informasi bibit .............................................. 70

Gambar 3.23 Activity diagram informasi bibit .............................................. 71

Gambar 3.24 Flowchart Superadmin ............................................................ 73

Gambar 3.25 Flowchart Admin ................................................................... 74

Gambar 3.26 Flowchart Member .................................................................. 75

Gambar 3.27 Entity Relation Diagram .......................................................... 77

Gambar 3.28 Menu Antarmuka Superadmin ................................................ 82

Gambar 3.29 Menu Antarmuka Admin ........................................................ 83

Gambar 3.30 Menu Antarmuka Member ....................................................... 84

Gambar 4.1 Tampilan Login ......................................................................... 86

Gambar 4.2 Halaman Beranda Superadmin ................................................... 87

Gambar 4.3 Halaman Informasi lahan Superadmin ...................................... 87

Gambar 4.4 Halaman depan Akun ................................................................ 88

Gambar 4.5 Form isi Identitas Akun ............................................................ 88

Gambar 4.6 Tambah Lahan ............................................................................ 89

Gambar 4.7 Halaman Awal Admin ............................................................... 90

Page 11: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

xi

Gambar 4.8 Halaman Awal Informasi Lahan ................................................ 90

Gambar 4.9 Informasi Bibit ........................................................................... 91

Gambar 4.10 Data Bibit ................................................................................. 92

Gambar 4.11 Halaman Riwayat Penen .......................................................... 92

Gambar 4.12 Halaman History ..................................................................... 93

Gambar 4.13 Halaman Awal Member .......................................................... 94

Gambar 4.14 Halaman History Nama Lahan ................................................. 95

Page 12: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

xii

DAFTAR TABEL

Tabel 2.1 Simbol Dalam Use Case Diagram ................................................ 30

Tabel 2.2 Simbol Dalam Activity diagram ..................................................... 31

Tabel 2.3 Simbol Dalam Sequence Diagram ................................................. 32

Tabel 2.4 Simbol Notasi ERD ........................................................................ 35

Tabel 2.5 Simbol relasi ERD ......................................................................... 36

Tabel 2.6 Notasi DFD .................................................................................... 37

Tabel 3.1 Tabel Akun .................................................................................... 78

Tabel 3.2 Tabel Beranda ............................................................................... 79

Tabel 3.3 Tabel Data Bibit ............................................................................. 79

Tabel 3.4 Tabel Data Pemilik......................................................................... 80

Tabel 3.5 Tabel Master Rumput Laut ........................................................... 80

Tabel 3.6 Tabel Data Rumut Laut 1NF ......................................................... 81

Tabel 3.7 Tabel Data Rumut Laut 2NF ......................................................... 81

Tabel 3.8 Tabel Data Rumut Laut 2NF .......................................................... 81

Tabel 3.9 Tabel History Rumput Laut .......................................................... 82

Tabel 3.10 Tabel Hasil pengujian fungsional sistem .................................... 98

Page 13: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

78

BAB I

PENDAHULUAN

1.1 Latar Belakang

Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multi

media (teks, gambar, suara, animasi, vidio) didalamnya yang menggunakan

protokol HTTP (hypertext transfer protocol ) dan untuk mengaksesya

menggunakan perangkat yang disebut browser (Rudyanto, 2011)

Rumput laut atau alga (sea wead) menempati posisi penting dalam

produksi perikanan Indonesia, khususnya usaha perikanan non-ikan. Rumput laut

merupakan salah satu komuditas unggulan dalam sektor perikanan karena

permintaan yang terus meningkat seiring dengan meningkatnya kebutuhan untuk

konsumsi langsung industry (makanan, farmasi, kosmetik dan lain-lain).

Indonesia menduduki posisi penting dalam produksi rumput laut. Produksi

rumput laut Indonesia mengalami peningkatan tiap tahun. Produksi rumput laut

Indonesia pada 2008 sebesar 2,2 juta ton dan mengalami peningkatan mencapai

2,5 juta ton pada 2009. Pada 2014 produksi rumput laut Indonesia diperkirakan

mencapai 10 ton. Angka ini masih rendah karena potensi budidaya rumput laut

Indonesia mencapai 29 juta ton/tahun, yaitu 17 juta ton/tahun budi daya rumput

laut di laut/daerah pasang surut dan 12 juta ton/tahun budi daya rumput laut di

tambak (Ghufran, 2010).

Kabupaten Takalar adalah sebuah kabupaten di provinsi Sulawesi Selatan

yang beribukota di Pattalassang. Kabupaten Takalar terdiri dari delapan

kecamatan yaitu Pattalassang, Polombangkeng Selatan, Polombangkeng Utara,

Galesong, Galesong Utara, Galesong Selatan, Mappakassunggu,

Manggarabombang dan Sanrobone. Luas wilayah kabupaten Takalar adalah

sekitar 566,51 km2, dimana 240,88 km

2 diantaranya merupakan wilayah pesisir

dengan panjang garis pantai sekitar 74 km. dengan kondisi geografis ini, potensi

daerah sangat menguntungkan terutama di bidang perikanan dan kelautan.

Page 14: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

2

Berdasarkan situs yang di lansir oleh Institut Pertanian Bogor, potensi

pembangunan yang terdapat di wilayah pesisir dan lautan secara garis besar terdiri

dari tiga kelompok yaitu: 1. Sumber daya dapat pulih (renewable resources), 2.

Sumber daya tidak dapat pulih (non-renewable resources), 3. Jasa-jasa

lingkungan (environmental services). Dengan pemamfaatan yang optimal, hal

tersebut akan sangat menguntungkan untuk meningkatkan produk domestic bruto

dan kesejahteraan rakyat.

Berdasarkan data bulan Januari-Desember 2012, produksi rumput laut

paling banyak dihasilkan kabupaten Takalar, yakni jenis Cottoni berkisar 427.834

ton (basah) dan Gracillaria berkisar 46.512 ton basah (Razak, 2012) berdasarkan

dari data tersebut, dapat dilihat potensi rumput laut kabupaten Takalar yang

senantiasa meningkat. Penelitian ini dilakukan untuk membangun sebuah layanan

dalam bentuk web yang lebih interaktif dan tervisualisasikan sehingga potensi

rumput laut dapat dikelolah dengan baik.

1.2 Rumusan Masalah

Adapun rumusan masalah dari penelitian ini adalah:

1. Bagaimana membuat sistem yang dapat melakukan input data pengelolah

yang memiliki lahan rumput laut?

2. Bagaimana menampilkan lahan atau lokasi rumput laut pantai?

3. Bagaimana mencetak informasi pengelolah lahan rumput laut pantai?

4. Bagaimana membedakan lahan rumput laut pantai berdasarkan jenis bibit

yang dibudidayakan?

5. Bagaimana menghitung jumlah atau berat keseluruhan rumput laut pantai

yang dipanen?

Page 15: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

3

1.3 Tujuan Penelitian

Adapun tujuan penelitian ini adalah:

1. Membuat sistem yang dapat melakukan input data pengelolah dan

informasi rumput laut pantai

2. Membuat sistem yang mampu menampilkan lahan atau lokasi rumput laut

pantai.

3. Menghasilkan sistem yang dapat mencetak informasi pengelolah lahan

rumput laut pantai

4. Menghasilkan sistem yang dapat membedakan lahan rumput laut pantai

berdasarkan jenis bibit yang dibudidayakan

5. Menghasilkan sistem yang dapat menghitung jumlah atau berat

keseluruhan rumput laut pantai yang dipanen.

1.4 Batasan Masalah

Adapun batasan masalah dari penelitian ini adalah:

1. Sistem ini merupakan sistem yang di khususkan bagi pengelolah rumput

laut pantai untuk mengelolah rumput laut di kabupaten Takalar.

2. Sistem ini menitikberatkan pada sinergitas antara peta dan web sehingga

menjadi sebuah sistem informasi yang lebih interaktif.

3. Bahasa pemrograman yang digunakan pada sistem ini adalah JavaScript,

PHP, dan MySQL.

1.5 Sistematika Penulisan

Untuk memberikan gambaran secara menyeluruh masalah yang akan

dibahas dalam skripsi ini, maka sistematika penulisan dibagi dalam enan bab

sebagai berikut:

Page 16: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

4

BAB I PENDAHULUAN

Bab ini menjelaskan latar belakang masalah, perumusan masalah, batasan

masalah, tujuan penelitian, manfaat penelitian, metode penelitian, dan

sistematika penelitian.

BAB II LANDASAN TEORI

Bab ini berisi tentang landasan teori yang berkaitan dengan pembuatan sistem

informasi Geografis kawasan rumput laut pantai kabupaten Takalar berbasis

Web.

BAB III METODOLOGI PENELITIAN

Bab ini menjelaskan mengenai perancangan atau alur diagram sistem

informasi web rumput laut pantai.

BAB IV HASIL DAN PEMBAHASAN

Bab ini menjelaskan tentang penerapan rancangan sistem informasi geografis

berbasis Web dengan menampilkan antarmuka, cara kerja dan

penggunaannya.

BAB VI PENUTUP

Bab ini berisi tentang kesimpulan-kesimpulan dari penelitian serta saran yang

berhubungan.

Page 17: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

5

BAB II

LANDASAN TEORI

2.1 Sistem Informasi Geografis

2.1.1 Definisi SIG

Sistem informasi geografis juga merupakan kajian ilmu dan teknologi

yang belum lama dikembangkan, digunakan oleh berbagai bidang/ilmu dan

berkembang dengan cepat. Definisi SIG yang telah beredar di berbagai sumber

pustaka:

a. SIG adalah sistem komputer untuk memasukkan (capturing) menyimpan

(store/record), memeriksa, mengintegrasikan, memanipulasi, menganalisis

dan menampilkan data yang berhubungan dengan posisinya di permukaan

bumi (Rice, 1920 dalam Prahasta, 2014).

b. SIG adalah kombinasi perangkat keras dan perangkat lunak, sistem

komputer yang memungkinkan penggunanya untuk mengelolah (manage),

menganalisa dan memetakan informasi spasial berikut atributnya dengan

akurasi kartografis (Basic, 1920 dalam Prahasta, 2014).

c. SIG adalah sistem yang berbasiskan komputer untuk menyimpan dan

memanipulasi informasi geografis. SIG dirancang untuk mengumpukan,

meyimpan dan menganalisis objek dan fenomena dimana lokasi geografis

merupakan karakteristik penting atau kritis untuk dianalisis. Dengan

demikian, SIG merupakan sistem komputer yang memiliki empat

kemampuan dalam menangani data yang bereferensi geografis: (a)

masukan, (b) manajemen data (penyimpanan dan pemanggilan data), (c)

analisis dan manipulasi data, dan (d) keluaran (Aronoff, 1989 dalam

Prahasta, 2014).

d. SIG adalah sistem yang terdiri dari perangkat keras, perangkat lunak, data,

manusia, organisasi dan lembaga yang digunakan untuk mengumpulkan,

menyimpan, menganalisis dan menyebarkan informasi -informasi

Page 18: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

6

mengenai daerah-daerah di permukaan bumi (Chrisman, 1997 dalam

Prahasta, 2014 ).

e. SIG adalah sistem komputer untuk memanipulasi data geografis. Sistem

ini diimplementasikan dengan menggunakan perangkat keras dan

perangkat lunak komputer yang berungsi untuk: (a) akusisi dan verifikasi

data, (b) kompilasi data, (c) penyimpanan data, (d) perubahan dan

updating data, (e) manajemen dan pertukaran data, (f) manipulasi data, (g)

pemanggilan dan presentasi data, dan (h) analisa data (Bern, 1992 dalam

Prahasta, 2014).

f. SIG adalah sistem komputer untuk mengumpulkan, memeriksa,

mengintegrasikan dan menganalisis informasi yang berhubungan dengan

permukaan bumi (Demers, 1997 dalam Prahasta, 2014) .

g. SIG adalahk kumpulan yang terorganisir dari perangkat keras komputer,

perangkat lunak, data geografis, dan personil yang dirancang secara efisien

untuk memperoleh, menyimpan, meng-update, memanipulasi,

menganalisis dan menampilkan semua bentuk informasi yang bereferensi

geografis (Esri, 1990 dalam Prahasta, 2014).

h. SIG adalah sistem mendukung proses pengambilan keputusan spasial dan

mampu mengintegrasikan deskripsi lokasi dengan karakteristik fenomena

yang ditemukan. SIG yang lengkap mencakup metodologi dan teknologi

yang diperlukan; yaitu data spasial, perangkat keras, perangkat lunak dan

stuktur organisasi (Gistut, 1994 dalam Prahasta, 2014).

i. SIG merupakan sistem informasi yang dirancang untuk bekerja dengan

data yang tereferensi secara spasial / geografis. Dengan kata lain, SIG

merupakan sistem basisdata dengan kemampuan khusus data yang

tereferensi secara geografis berikut sekumpulan operasi yang terkait

dengan pengelolaan data tersebut (Foote, 1995 dalam Prahasta, 2014).

j. SIG adalah teknologi informasi yang dapat menganalisis, menyimpan dan

menampilkan baik data spasial maupun non-spasial. SIG

mengkombinasikan kekuatan perangkat lunak data relasional (DBMS) dan

paket perangkat lunak CAD (Guo, 1920 dalam Prahasta, 2014).

Page 19: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

7

k. SIG adalah fasilitas untuk mempersiapkan, mempresentasikan dan

menginterpretasikan fakta-fakta yang terdapat di permukaan bumi. Untuk

definisi yang lebih khusus, SIG adalah konfigurasi perangkat keras dan

perangkat lunak sistem komputer yang secara khusus dirancang untuk

proses akusisi, pengelolaan dan penggunaan data kartografi (Tomlin, 1990

dalam Prahasta, 2014).

l. SIG adalah sistem informasi yang dirancang untuk bekerja dengan data

yang tereferensikan secara spasial/geografis. Dengan kata lain, SIG

merupakan sistem basisdata dengan kemampuan khusus dalam menangani

data yang tereferensi secara spasial: selain merupakan sekumpulan operasi

yang dikenakan terhadap data tersebut (Star, 1990 dalam Prahasta, 2014).

2.1.2 Sub-Sistem SIG

SIG dapat diuraikan menjadi beberapa Sub-Sistem:

(a) Data Input

Subsistem ini bertugas untuk mengumpulkan, mempersiapkan, dan

menyimpan data spasial dan atributnya dari berbagai sumber. Subsistem

ini pula yang bertanggung jawab dalam mengonversikan atau

mentransformasikan format format data aslinya ke dalam format yang

dapat digunakan oeh perangkat SIG yang bersangkutan .

(b) Data Output

Subsistem ini bertugas untuk menampilkan atau menghasilkan keluaran

(termasuk mengekspornya ke format yang dikehendaki) seluruh atau

sebagian basis data (spasial) baik dalam bentuk softcopy maupun hardcopy

seperti halnya tabel, grafik,report, peta, dan lain sebagainya.

(c) Subsistem ini mengorganisasikan baik data spasial maupun tabeltabel

atribut terkait ke dalam sebuah sistem basis data sedemikian rupa hingga

mudah dipanggil kembali atau diretrieve, diupdate, dan diedit.

(d) Data Manipulation and Analysis

Subsistem ini menentukan informasi informasi yang dapat dihasilkan oleh

SIG. Selain itu subsistem ini juga melakukan manipulasi (evaluasi dan

Page 20: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

8

penggunaan fungsifungsi dan operator matematis & logika) dan

pemodelan data untuk menghasilkan informasi yang diharapkan.

Subsistem SIG di atas dapat diilustrasikan sebagai berikut :

Gambar 2.1 Ilustrasi Sub-Sistem SIG

Ketika sub-sistem SIG pada gambar diatas diperjelas berdasarkan uraian

jenis masukan, proses dan jenis keluaran yang ada didalamnya, maka sub-

sistem SIG diatas juga dapat digambarkan sebagai berikut:

Gambar 2.2 Ilustrasi uraian Sub-Sistem SIG

Page 21: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

9

2.1.3 Cara Kerja SIG

SIG bisa menyajikan “real world” di monitor sebagaimana peta diatas

kertas. Walaupun demikian, SIG lebih memiliki kekuatan dan fleksibilitas dari

pada peta/kertas. Peta adalah bentuk sajian grafis dunia nyata; objek yang

disajikan disebut unsur peta atau map features. (contohnya adalah sungai, taman,

kebun, jalan dan lain-lain). Karena peta mengorganisasikan unsurnya berdasarkan

lokasi-lokasinya. SIG menyimpan semua informasi deskriptif unsure-unsurnya

sebagai atribut di dalam basisdata. Kemudian, SIG membentuk dan

menyimpannya dalam tabel-tabel (relasional) dengan demikian, atribut-atribut ini

dapat diakses melalui lokasi-lokasi unsur-unsur dan sebaliknya, unsur-unsur peta

juga dapat diakses melalui atribut-atributnya (Prahasta, 2014).

2.1.4 Manfaat Teknologi SIG

Ada dua faktor utama yang terkait dengan masalah keberhasilan

implementasi SIG. Kedua hal tersebut yaitu masalah teknologi dan masalah

kondisi pengoperasian SIG itu sendiri. Keduanya berhubungan erat dan tidak

dapat dipisahkan satu sama lain.

Keberhasilan dari implementasi teknologi SIG sehingga sesuai seperti

yang diharapkan akan memberikan dampak yang positif dalam sistem pengelolaan

informasi yang menyangkut antara lain masalah efisiensi dan efektifitas,

komunikasi yang tepat dan terarah, serta data sebagai aset yang berharga [Briggs,

1999]. Efisiensi dan Efektifitas sistem kerja sebagai dampak dari keberhasilan

implementasi teknologi SIG akan semakin terasa. Pada era globalisasi, setiap

institusi pada sector swasta (private sector) dapat bergerak dengan efektif dan

efisien setelah mereka menerapkan teknologi SIG untuk membantu pekerjaan

mereka di berbagai sektor, bidang atau industri jasa yang mereka tekuni. Kunci

kesuksesan bisnis pada sektor ini di masa depan, terutama dalam menghadapi

persaingan bebas, adalah adanya sistem pengelolaan yang efisien dan sistem

pelayanan yang baik untuk para pelanggan (Longley, 2005) Sebagai contoh, di

suatu negara maju orang memanfaatkan SIG untuk menentukan jalur (route) yang

singkat/optimum untuk pengantaran barang dari pabrik ke tempat distributor. Jalur

Page 22: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

10

yang singkat tentunya akan menghemat waktu dan biaya pengiriman, sehingga hal

ini akan meningkatkan efisiensi dan menjadi pekerjaan mereka menjadi lebih

efektif. Di sektor pemerintah (public sector) indikator kesuksesan implementasi

SIG akan terletak pada kualitas pelayanan pada masyarakat (Awalin, 2003) atau

komunikasi dengan pengguna. Komunikasi ini mungkin lebih kepada pelayanan

dalam memberikan informasi yang dibutuhkan masyarakat secara mudah dan

cepat. Contohnya menunjukkan arah perjalanan, informasi kepemilikan tanah,

lokasi wisata dan lain sebagainya. Dengan SIG yang baik maka pelayanan

informasi yang sifatnya demikian akan dapat secara mudah dan cepat diberikan.

Komunikasi Informasi yang Tepat dan Terarah. Dalam suatu sistem

informasi yang ideal, penampilan data yang diperlukan harus disesuaikan dengan

tingkatan/level dari pemakai (level of users). Tampilan SIG untuk tingkatan

Kepala Daerah Propinsi (gubernur) akan berbeda dengan tingkatan pejabat suatu

dinas di level kabupaten karena informasi yang diinginkan sudah tentu berbeda.

Pada tingkatan dinas di kabupaten, informasi yang diperlukan akan lebih rinci,

misalnya seluruh data hasil musim panen harus dapat diketahui untuk setiap

kecamatan, sedangkan untuk seorang gubemur informasi ini cukup untuk setiap

kabupaten saja. Walaupun tidak tertutup kemungkinan untuk memberikan

informasi yang lebih terperinci bagi tingkatan pengguna yang levelnya lebih atas.

Terlihat suatu struktur data yang generik sehingga multiguna.

Selain itu, untuk kasus data dan informasi yang selayaknya harus diketahui

masyarakat umum, seluruh data yang ada pada SIG dapat dibuat dan disusun

dalam bentuk sistem jaringan dan memungkinkan untuk dapat disebarluaskan.

Dengan demikian memungkinkan masyarakat umum dapat mengakses sendiri

data yang ada dan menyimpan sesuai keperluannya dengan/atau tanpa biaya

(tergantung kebijaksanaan). Informasi sebagai Aset Data yang dikumpulkan dan

dikelola di dalam SIG ini merupakan suatu bentuk aset tersendiri yang tidak

berbeda dengan bangunan, mesin-mesin, dan barang-barang inventaris lainnya

yang dimiliki oleh suatu institusi. Dalam situasi yang demikian diperkirakan di

masa mendatang institusi pemberi jasa informasi termasuk informasi geografis

akan lebih berperan. Peranannya akan melebihi perusahaan yang bergerak di

Page 23: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

11

bidang perangkat keras (1980-an) dan perangkat lunak (1990-an). Hal ini sangat

memungkinkan karena untuk berbagai pengambilan keputusan dalam banyak

permasalahan diperlukan informasi (data) yang sampai dengan saat ini belum

seluruhnya tersedia dan dapat diperoleh dengan mudah. Sehingga pada akhirnya

suatu saat informasi akan menjadi suatu komoditi yang sangat strategis yang

banyak dicari dan diminati orang.

2.1.5 Kemampuan Sistem Informasi Geografis

Sistem informasi geografis mempunyai kemampuan untuk

menghubungkan berbagai data pada suatu titik tertentu di bumi,

menggabungkannya, menganalisis dan akhirnya memetakan hasinya:

1. Memasukkan dan menggabungkan data geografis (spasial dan atribut).

2. Mengintegrasikan data geografis

3. Menyimpan atau memanggil kembali data geografis.

4. Memeriksa, meng-update (mengedit) data geografis.

5. Mempresentasikan atau menampilkan data geografis.

6. Mengelolah, memanipilasi dan menganalisis data geografis.

7. Menghasilkan output data geografis dalam bentuk peta tematik (view and

layout), tabel, grafis (chart) laporan dan lainnya baik dalam bentuk

hardcopy maupun softcopy.

2.2 Aplikasi Web

Situs web (website) awalnya merupakan layanan sajian yang menggunakan

konsep hyperlink yang memudahkan bagi para surfer. Suatu situs akan dikenal

dengan cepat apabila informasi yang akan disajikan selalu up to date. Situs web

secara umum dapat digolongkan menjadi dua yaitu web statis dan web dinamis

atau interaktif.

Page 24: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

12

2.2.1 Web Statis

Web statis adalah yang mana pengguna tidak bisa mengubah konten dari

web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara

pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman

web tersebut tidak memiliki database, data dan informasi yang ada pada web

statis tidak berubah-ubah kecuali dengan mengubah sintaksnya.

2.2.2 Web Dinamis

Dalam web dinamis, interaksi yang terjadi antara pengguna dan server

sangat kompleks. Seseorang bisa mengubah konten dari halaman tertentu dengan

menggunakan browser. Request (permintaan) dari pengguna dapat diproses oleh

server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur

programnya. Halaman-halaman web tersebut memiliki database. Web dinamis

memiliki data dan informasi yang berbeda-beda tergantung input apa yang

disampaikan client. Dokumen yang sampai di client akan berbeda dengan

dokumen yang ada di web server.

2.3 Perl Hypertext Preprocessor (PHP)

Perl Hypertext Preprocessor (PHP) adalah bahasa pemrograman scripting

sisi server (server-side), bahasa pemrograman yang digunakan oleh server web

untuk menghasilkan dokumen HTML secara on-the-fly. PHP merupakan

interpreter yang dapat dieksekusi sebagai program CGI untuk server web atau

dijadikan modul dari server web. PHP adalah bahasa Script selain paling populer

di lingkungan pemrograman, Pengembang web, di lingkungan server web Apache,

kini juga menjadi salah satu alternatif bahasa script di lingkungan server web di

Windows.

PHP kini telah tersedia pada hampir semua sistem operasi jaringan yang

menyediakan server web terutama server web Apache. server web berbasis

Windows non Aphace juga telah mendukungnya, seperti Ms IIS, PWS, atau

Page 25: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

13

Xitami, dari Windows (98/ME sampai dengan Windows NT 4/2000 dan XP)

(Purwanto, 2001).

2.4 Database

Database adalah kumpulan data yang terintegrasi dan diatur sedemikian

rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.

database sebagai kumpulan informasi yang bermanfaat yang diorganisasikan.

Database merupakan suatu kumpulan dari data-data yang saling

berhubungan satu dengan yang lainnya, tersimpan di perangkat keras (hardware)

komputer dan digunakan perangkat lunak (software) untuk memanipulasinya.

Data disimpan dalam database untuk keperluan penyediaan informasi ,

diorganisasikan untuk efisiensi kapasitas penyimpanan supaya informasi yang

dihasilkan berkualitas. Database diakses atau dimanipulasikan dengan

menggunakan paket Software Database Manajemen Sistem (DBMS) (Fatansyah,

1999).

Dalam praktek, penggunaan istilah database lebih dibatasi pada arti

implisit yang khusus, yaitu :

a. Basis data merupakan penyajian suatu aspek dari dunia nyata.

b. Basis data merupakan kumpulan data dari berbagai sumber yang secara logika

mempunyai arti implisit , sehingga data yang terkumpul secara acak dan tanpa

mempunyai arti, tidak dapat disebut sebagai database.

c. Database perlu dirancang,dibangun, dan data dikumpulkan untuk suatu tujuan.

Database dapat digunakan oleh beberapa pemakai dan beberapa aplikasi yang

sesuai dengan kepentingan pemakai.

Dari batasan tersebut diatas, database mempunyai berbagai sumber data

dalam pengumpulan data,bervariasi derajat interaksi kejadian dari dunia nyata.

Dirancang dan dibangun agar dapat digunakan oleh beberapa pemakai untuk

berbagai kepentingan.

Penyusunan database bisa dilakukan secara sederhana dengan menuliskan

data-datanya, atau bisa juga dengan cara modern dengan menggunakan teknologi

Page 26: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

14

komputer. Cara apapun yang digunakan , untuk memudahkan penyusunan dan

penampilan data, maka digunakan bentuk tabel. Sebuah tabel terdiri dari baris dan

kolom. Dalam dunia database, baris didistilahkan sebagai Record atau Tupple dan

kolom didistilahkan sebagai Field atau Attribute (Nugroho, 2004).

Saat ini tersedia banyak perangkat lunak yang ditujukan untuk menglola

database. Perangkat lunak seperti itu biasa dinamakan DBMS (database

management sistem). Access, MS SQL Server, dan MySQL merupakan

beberapacontoh produk pengelola database. Beberapa diantaranya berkelas

database server, yaitu jenis yang secara aktif memantau permintaan akses

terhadap data.Dalam hal ini, database server akan segera menanggapi permintaan

data.

2.5 MySql

MySql merupakan perangkat lunak sistem manajemen database (Database

Management Sistem - DBMS) yang sangat populer dikalangan pemrograman web,

terutama di lingkungan Linux dengan menggunakan script PHP dan Perl.

Software database ini kini tersedia juga pada platform sistem operasi Windows

95/ME ataupun NT/2000/XP.

Database MySql tersedia bebas dan cuma-cuma dan boleh digunakan

setiap orang, dengan lisensi open source GNU General Public License (GPL)

ataupun lisensi komersial non GPL. Saat ini diperkirakan lebih dari 3 juta

pemakai di seluruh dunia, dengan lebih dari setengah juta server yang

memasangnya (Firdaus, 2005).

2.6 Peta

Peta merupakan gambaran wilayah geografis, bagian permukaan bumi

yang di sajikan di dalam berbagai cara yang berbeda, mulai dari peta konvensional

yang tercetak hingga peta digital yang tampil di layar komputer. Peta dapat

digambarkan dengan berbagai gaya, masing-masing menunjukkan permukaan

Page 27: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

15

yang berbeda untuk subyek yang sama untuk visualisasikan dunia dengan mudah,

informatif dan fungsional.

Peta berbasis komputer (digital) lebih serbaguna dan dinamis karena bisa

menunjukkan banyak view yang berbeda dengan subyek yang sama. Peta ini juga

memungkinkan perubahan skala, animasi gabungan, gambar, suara dan bisa

terhubung ke sumber informasi tambahan melalui internet. Peta digital dapat di

update ke peta tematik baru dan bisa menambahkan detai informasi geografi

lainnya (Prahasta, 2005).

2.7 Google Maps

Google maps adalah sebuah jasa peta globe virtual gratis dan online

disediakan oleh Google dapat ditemukan di http://maps.google.com. Yang

menawarkan peta yang dapat diseret dan gambar satelit untuk seluruh dunia dan

baru-baru ini, bulan, juga menawarkan perancangan rute dan mencari letak bisnis

di Indonesia, U.S, Canada, Jepang, Hong Kong, Cina, UK, Irlandia (hanya pusat

kota) dan beberapa bagian Eropa. Google Maps masih dalam tahap beta.

Melalui fitur Google Maps, pengguna internet dapat browsing informasi

grafis:

1. Satellite Map

Pengguna dapat menikmati gambar satelit planet bumi. Pengguna juga

dapat menikmati foto satelit lebih detail lengkap dengan cara zooming

pada bagian peta yang diinginkan.

Page 28: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

16

Gambar 2.3 Satellelite Map

2. Hasil pencarian integrasi

Mencari lokasi, bisnis, peta buatan dan real estate.

3. Draggable Maps

Peta digital mapping yang draggable (bisa digeser) dengan bantua mouse.

4. Terrain Maps (Peta Topografi)

Terrain Maps menyediakan informasi fitur peta fisik atau peta topografi

yang biasa disediakan buku peta Atlas.

Gambar 2.4 Terrain Map

Page 29: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

17

5. Earth Map

Earth Map menyediakan informasi peta bumi dimana akan tampak bumi

secara utuh dan bila di zoom akan terlihat awan yang menyelimuti bumi

beserta pulau dan lautan yang tampak nyata dari ketinggian.

Gambar 2.5 Earth Map

6. My Location

Dengan fitur ini pengguna dapat mengetahui letak dimana lokasi dari

pengguna tersebut.

Gambar 2.6 My Location

Page 30: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

18

2.8 Google Maps API

Google Maps API adalah suatu library yang berbentuk JavaScript. Cara

membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah

hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaSript, serta

koneksi internet yang stabil. Dengan menggunakan Google Maps API, kita dapat

menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal,

sehingga kita dapat focus hanya pada data-data yang akan ditampilkan. Dengan

kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan

adalah milik Google sehingga kita tidak dipusingkan dengan membuat peta suatu

lokasi, bahkan dunia.

2.8.1 Urutan pembuatan Google Map API

Dalam pembuatan program Google Map API menggunakan urutan sebagai

berikut:

1.masukkan Maps API JavaScript kedalam HTML.

2. membuat element div dengan nama map_canvas untuk menampilkan peta.

3. membuat beberapa objek literal untuk menyimpan property-properti pada peta.

4. menuliskan fungsi javaSript untuk membuat obyek peta.

5. meng-inisiasi peta dalam tag body HTML dengan event onload.

Kode program dasar:

Page 31: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

19

Gambar 2.7 Contoh Program dasar Google Maps API

Pada Google Maps API terdapat empat jenis pilihan model peta yang

disediakan oleh Google, diantaranya adalah:

1. ROADMAP, ini yang saya pilih untuk menampilkan peta biasa dua

dimensi.

2. SATELLITE, untuk menampikan foto satelit.

3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan

menunjukkan seberapa tingginya suatu lokasi, contohnya akan

menunjukkan gunung dan sungai.

4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula

apa yang tampil pada RODMAP (jalan dan nama kota).

Page 32: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

20

2.8.2 Membuat Polygon pada Google Map

Polygon adalah geometri geometri yang membentuk luasan, sehingga

geometri ini umumnya digunakan untuk mempresentasikan objek-objek yang

memiliki luasan seperti: badan air, desa, bangunan, persil tanah, peta sawah dan

lain sebagainya. Pada dasarnya geometri polygon terdiri dari titik membentuk

polyline. Namun pada polygon titik awal dan titik akhir sama, sehingga

membentuk polyline tertutup.

Penggalan kode untuk membuat objek polygon.

var polygon = new google.maps.Polygon

({

path: list objek koordinat,

strokeColor:warna garis polygon

strokeOpacity:transparansi garis

strokeWeight:lebar garis

fillColor:warna polygon

fillOpacity:transparansi polygon

});

a. path: merupakan properti berisi list koordinat dari polygon yang akan di

bentuk.

b. strokeColor: berisi kode warna html dalam polygon.

c. strokeOpacity: menentukan nilai transparasi dengan skala 0-1.

d. strokeWeight: lebar garis.

e. fillColor: untuk menentukan warna polygon.

f. fillOpacity: untuk mengatur transparansi polygon dengan skala 0-1.

Kode membuat dan menampilkan polygon pada google map.

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

html { height: 100% }

body { height: 100%; margin: 0; padding: 0 }

#map-canvas { height: 100%; width:100%; }

Page 33: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

21

</style>

<script type="text/javascript"

src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"

> // lokasi java script

</script>

<script type="text/javascript">

function initialize() {

var mapOptions = {

center: new google.maps.LatLng(4.027433,97.267278), //

Lat: lintang utara, Lng: bujur timur

zoom: 8 //jarak pandang dari atas 8 point

};

var map = new google.maps.Map(document.getElementById("map-

canvas"),mapOptions); // mengaktifkan var map

var blang=new google.maps.LatLng(4.001778,97.343417);

var bna=new google.maps.LatLng(5.541320,95.372996);

var pidie=new google.maps.LatLng(5.379189,95.955742);

var rute_terbang=[blang,bna,pidie];

var poly=new google.maps.Polygon({ //perintah Google Maps Api

untuk membuat polygon

path:rute_terbang,

strokeColor:"#0000FF",

strokeOpacity:0.8,

strokeWeight:2,

fillColor:"#0000FF",

fillOpacity:0.4

});

poly.setMap(map);

}

google.maps.event.addDomListener(window,'load',initialize);

</script>

</head>

<body>

<div id="map-canvas"/>

</body>

</html>

2.9 Basis data

Basis data adalah kumpulan data yang saling berkaitan dan terorganisasi

dengan baik sehingga mudah untuk disimpan dan dimanipulasi. Sedangkan data

adalah suatu fakta atau kejadian tentang sesuatu di dunia nyata yang dapat di

rekam/dicatat.

Data yang tersimpan dalam basis data bisa beragam ukurannya, misalnya

data keryawan dalam suatu perusahaan mungkin hanya akan berjumlah puluhan,

Page 34: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

22

ratusan atau ribuan data. Akan tetapi data nomor telepon dalam suatu negara bisa

berjumlah jutaan data.

Karena informasi adalah data yang sudah diolah maka dapat dikatakan

bahwa basis data akan menybabkan sistem informasi yang buruk pula

(Hidayatullah dan Jauhari, 2014).

2.10 BDMS (Data Base Management Sistem)

Yaitu perangkat lunak untuk mendefinisikan, menciptakan, mengelolah

dan mengendalikan pengaksesan basis data dengan praktis dan efisien.

2.10.1 Komponen Sistem Basis Data

1. Data ( Data Operational, Data Masukan dan Data Keluaran)

2. Hardwere (Perangkat Keras)

3. Software (Perangkat Lunak)

4. User / Pemakai

Keterangan:

Data operasional

Yaitu data yang disimpan dalam basis data baik itu berupa data master maupun

data interaksi.

Data Masukan (Input data)

Yaitu data dari luar sistem yang dimasukkan melalui peralatan input seperti

keyboard yang dapat mengubah data operasional.

Data Keluaran (Output Data)

Yaitu data berupa laporan melalui peralatan output seperti screen, printer dll,

sebagai hasil proses dari dalam suatu sistem yang mengakses data operasional.

Hardware (Perangkat Keras)

Terdiri dari semua peralatan komputer yang berbentuk fisik yang digunakan untuk

mengelolah basis data, seperti HardDisk, Keyboard, Monitor, dll.

Page 35: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

23

Software (Perangkat Lunak)

Digunakan sebagai interface (antar muka) antara pemakai dengan data fisik basis

data, misalnya: Program-program aplikasi (POS, Inventory Sistem dll) maupun

DBMS (MySQL, SQL Server, Oracle, dll).

2.10.2 Sistem Basis Data

Sistem Basis Data adalah gabungan antara basis data dan perangkat lunak

DBMS termasuk di dalamnya program aplikasi yang dibuat dan bekerja dalam

suatu sistem yang bertujuan untuk dapat memanipulasi data dari basis data

sehingga memperoleh informasi yang diinginkan.

Gambar 2.8 Lingkungan Sistem Basis Data

Terdapat perbedaan antara pendekatan pemrosesan berkas dan pendekatan

pemrosesan basis data. Dalam pendekatan basis data sejumlah data disimpan

dalam satu tempat dengan definisi data yang tetap sehingga dapat diakses oleh

beberapa pemakai dengan berbagai program aplikasi. Definisi data disimpan

dalam sistem katalog (terpisah dari data → program – data independent) yang

berisi informasi tentang struktur, tipe dan format pemyimpanan data. Meta data

digunakan oleh BDMS untuk mengakses data.

Page 36: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

24

Pada pendekatan pemrosesan berkas, struktur data didefinisikan dalam

program aplikasi sehingga hanya program aplikasi tersebut yang dapat mengakses

datanya.

2.10.3 Perbandingan Pengelolaan Pemrosesan Berkas dengan DBMS

Berikut ini beberapa kelemahan aplikasi yang menggunakan pemrosesan

berkas:

Data tidak standar, setiap aplikasi menggunakan standarnya sendiri

Memunculkan redudansi data yang berakibat pemborosan dan

ketidakkonsistenan data.

Ketergantungan pada aplikasi pemrosesnya.

Pemisahan dan Isolasi data.

Kesulitan shering data maupun pengelolaan konkurensi data

Jika mengembangkan butuh waktu lama karena selalu dari awal (tidak

terintegrasi, padahal data tsb sudah ada di aplikasi lain).

Kesulitan dalam pemeliharaan.

Keunggulan DBMS

Pengendalian Resundansi

Meningkatkan konsistensi data

Kemudahan sharing data / mengurangi isolasi data (single

repository/penempatan data di satu tempat, defined once and then is

accesed by various users) → Meningkatkan kemungkinan integrasi data.

Peningkatan pengendalian konkurensi (Misalnya pengurangan stok saat

terjadi 2 penjualan bersamaan).

Pemaksaan standar

Peningkatan integritas (berhubungan dengan konsistensi data)

Peningkatan keamanan data.

Kemudahan pengembangan aplikasi

Independence data / kemandirian data dari aplikasi memudahkan

pemeliharaan.

Page 37: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

25

Peningkatan jenis laporan.

Peningkatan produktifitas → keuntungan ekonomi jangka panjang.

Kerugian DBMS

Kompleks.

Biaya investasi tinggi.

Perancangan yang buruk akan menurunkan kinerja.

2.10.4 Struktur Sistem Basis Data

Sistem basis data dibagi ke dalam modul-modul yang masing-masing

memiliki tanggung jawab bagi keseluruhan sistem. Komponen fungsional dari

sistem tersebut adalah:

Storage Manager (Manajer Penyimpanan)

modul-modul program penyedia interface antara data (dari disk storage) dan

program aplikasi / query.

Bertanggung jawab terhadap storing, retrieving dan updating.

Komponennya terdiri dari:

o Manajer Otorites dan Integrites → menguji batasan integritas dan

memaksa keabsahan pengguna.

o Manajer Transaksi → memastikan konsistensi data saat terjadi

kegagalan, mengendalikan konkurensi dan menjamin otomatis.

o Manajer berkas / File Manajer → mengelolah alokasi ruang

penyimpanan dan struktur data yang digunakan.

o Manajer Penyangga / Buffer Manager → Bertanggung jawab melakukan

pemanggilan data dari harddisk ke memori serta memutuskan data mana

yang tetap disimpan di memori (data residen).

Page 38: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

26

Gambar 2.9 Struktur Sistem Basis Data / Blok DBMS

Query Processor

Untuk menyederhanakan dan memfasilitas akses pada data.

Kompnennya:

o DDL Interpreter → menerjemahkan pernyataan DDL dan

merekam definisinya ke kamus data / dictionary.

o DML Compiler → menerjemahkan pernyataan DML menjadi

rencana evaluasi yang menhandung instruksi tingkat rendah. Selain

itu juga melakukan optimasi query untuk meningkatkan kecepatan

dan menghemat alokasi memori.

o Query Evaluation Engine → melakukan eksekusi query dengan

instruksi peringkat rendah yang dihasilkan oleh DML Compiler.

Page 39: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

27

2.10.5 Arsiterktur Basis Data

Sesuai ANSI SPARC 1975, arsitetur untuk sistem basis data terdiri dari tiga

tingkat yaitu

1. Tingkat internal atau fisik / Physical Level

2. Tingkat konsep / Conceptual Level

3. Tingkat Pandangan / View Level / External Level

Digambarkan sebagai berikut:

Gambar 2.10 Arsitektur 3 tingkat

Tujuan adanya arsitektur 3 tingkat adalah memunculkan abstraksi dan

memisahkan pandangan pemakai terhadap basis data dan cara implementasinya

secara fisik sehingga memperoleh keuntungan ketidakbergantungan /

independensi data yang tinggi.

Alasan:

Tiap pemakai dapat mengakses data yang sama tetapi dengan pandangan

yang berbeda, dengan kata lain user view sesuai kebutuhan dan bisa

berbeda tiap user.

User tidak berurusan dengan kerumitan pemyimpanan fisik basis data.

DBA dapat melakukan perubahan struktur penyimpanan basis data tanpa

mempengaruhi user view.

Phisical Level / Tingkat Internal / Tingkat Fisik

Merupakan tingkat terendah

Page 40: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

28

Mendeskripsikan cara menyimpan data dan indeks

Berhubungan dengan metode menajemen file untuk menyimpan dan

mengakses data.

Conceptual Level / Tingkat Konsep

Mendeskripsikan tentang data apa yang disimpan

Menyatakan Entitas, Atribut dan keterhubungannya (relationships) serta

konstrain maupun informasi mengenai keamanan dan integritas data.

Berisi Struktur Logik.

View Level / Tingkat Pandangan / External Level

Berinteraksi dengan sebagian dari basis data (sesuai kebutuhan user)

View / pandangan mendefinisikan satu bagian untuk satu kelompok

pemakai tertentu.

Dapat menyediakan banyak pandangan berbeda pada basis data yang

sama.

2.11 Unified Modeling Language (UML)

Sistem adalah sekumpulan unsur atau elemen yang saling berkaitan dan

saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu

tujuan. Tujuan dari perancangan sistem yaitu untuk memberikan gambaran yang

jelas dan rancang bangun yang lengkap kepada program. Dalam perancangan

suatu sistem, diperlukan alat-alat bantu salah satunya adalah Unified Modeling

Language (UML).

Unified Modeling Language (UML) merupakan bahasa visual untuk

pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan

diagram dan teks pendukung. Macam dari diagram UML antara lain :

Page 41: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

29

2.11.1 Use Case Diagram

Use case diagram merupakan pemodelan untuk kelakuan (behaviour)

sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi

antara satu atau lebih aktor dengan sistem informasi yang akan dibuat.

NO. SIMBOL NAMA KETERANGAN

1.

Actor

Menspesifikasikan himpuan peran yang

pengguna mainkan ketika berinteraksi

dengan use case.

2. Dependency

Hubungan dimana perubahan yang

terjadi pada suatu elemen

mandiri(independent) akan

mempengaruhi elemen yang bergantung

padanya elemen yang tidak mandiri

(independent).

3. Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor).

4. Include Menspesifikasikan bahwa use case

sumber secara eksplisit.

5. Extend

Menspesifikasikan bahwa use case

target memperluas perilaku dari use

case sumber pada suatu titik yang

diberikan.

Page 42: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

30

6. Association Apa yang menghubungkan antara objek

satu dengan objek lainnya.

7.

Sistem Menspesifikasikan paket yang

menampilkan sistem secara terbatas.

8.

Use Case

Deskripsi dari urutan aksi-aksi yang

ditampilkan sistem yang menghasilkan

suatu hasil yang terukur bagi suatu

actor

9.

Collaboration

Interaksi aturan-aturan dan elemen lain

yang bekerja sama untuk menyediakan

prilaku yang lebih besar dari jumlah

dan elemen-elemennya (sinergi).

10. Note

Elemen fisik yang eksis saat aplikasi

dijalankan dan mencerminkan suatu

sumber daya komputasi

Tabel 2.1Simbol Dalam Use Case Diagram

Page 43: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

31

2.11.2 Activity diagram

Activity diagram yang disediakan oleh UML melengkapi use case yang

telah dibuat sebelumnya dengan memberikan representasi grafis dari aliran-aliran

interaksi di dalam suatu skenarioyang sifatnya spesifik.

NO SIMBOL NAMA KETERANGAN

1 Activity

Memperlihatkan bagaimana masing-

masing kelas antarmuka saling

berinteraksi satu sama lain

2

Action

State dari sistem yang mencerminkan

eksekusi dari suatu aksi

3 Initial Node Bagaimana objek dibentuk atau diawali

4 Activity Final

Node

Bagaimana objek dibentuk dan diakhiri

5 Decision

Digunakan untuk menggambarkan

suatu keputusan/tindakan yang harus

diambil pada kondisi tertentu

6 Line Connector Digunakan untuk menghubungkan satu

simbol dengan simbol yang lainnya

Tabel 2.2 Simbol Dalam Activity diagram

Page 44: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

32

2.11.3 Squence Diagram

Sequence Diagram menggambarkan interaksi antar objek di dalam dan di

sekitar sistem (termasuk pengguna, display dan sebagainya) berupa message yang

digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vertikal

(waktu) dan dimensi horizontal (objek-objek yang terkait).

NO SIMBOL NAMA KETERANGAN

1

Actor

Merepresentasikan entitas yang berada

diluar sistem, bisa berupa manusia atau

perangkat sistem lainnya

2 Object

Ditempatkan di bagian atas diagram.

Berpatisipasi secara berurutan dengan

mengirimkan dan/atau menerima pesan.

3

Lifeline Merepresentasikan entitas tunggal

dalam sequence diagram.

4 Activation Bar Menandakan ketika suatu objek

mengirim atau menerima pesan

5 Message() Message

Spesifikasi dari komunikasi antar objek

yang memuat informasi -informasi

tentang aktifitas yang terjadi

6 Destroy

Menyatakan suatu objek mengakhiri

hidup objek yang lain, arah apanah

mengarah pada objek yang diakhiri,

sebaiknya jika ada create maka ada

Objek:kelas

Page 45: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

33

destroy

Tabel 2.3 Simbol Dalam Sequence Diagram

2.12 Relasi Tabel

Relasi tabel merupakan hubungan yang terjadi pada suatu tabel dengan

tabel yang lainnya, yang berfungsi untuk mengatur operasi suatu database. Relasi

tabel ini bisa dikatakan sebagai database relasional karena memiliki konsep yang

sama. Pada model relasional data disusun dalam bentuk sejumlah relasi atau tabel.

Setiap tabel tersusun atas sejumlah baris dan kolom. Baris mewakili satu kesatuan

data misalnya data seorang dosen. Kolom menyatakan bagian-bagian yang

menyusun sebuah baris. Kolom pada tabel data sering di samakan dengan atribut

karena atribut itu sendiri merupakan suatu nama kolom yang terdapat pada sebuah

relasi. Pada model relasional, satu tabel bisa berhubungan dengan tabel lain.

Model data relasional terdiri atas tiga komponen yaitu:

a. Struktur data

Untuk mengatur data dalam bentuk tabel berdimensi dua, yang terdiri atas

baris dan kolom.

b. Manipulasi data

Berkaitan dengan operasi untuk memanipulasi data misalnya menambah,

mengubah, dan menghapus data yang terdapat pada tabel.

c. Integritas data

Berhubungan dengan penentuan aturan-aturan bisnis dalam perusahaan yang

diterapkan dalam databse dengn tujuan konsistensi data ketika data

dimanipulasi.

Hubungan tabel pada database relasional ini dibentuk melalui mekanisme

kunci primer (primary key) dan kunci asing (foreign key). Kunci primer adalah

suatu kolom atau gabungan beberapa kolom yang dapat digunakan untuk

Page 46: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

34

membedakan antara satu baris dengan baris lain. Suatu kunci primer bisa

melibatkan satu atribut yang disebut dengan kunci sederhana. Sedangkan kunci

primer yang melibatkan lebih dari satu atribut disebut kunci komposit.

Kunci asing (foreign key) adalah suatu kolom ysng merujuk ke kunci

primer pada tabel lain. Kunci asing dalam suatu relasi yang merujuk pada kunci

primer milik relasi lain merupakan perwujudan untuk membentuk hubungan

antar-relasi.

2.12.1 Entity Relationship Diagram (ERD)

Diagram Relasi Entitas (ERD-Entity Relationship Diagram) adalah suatu

diagram yang menggambarkan relasi atau hubungan antar objek. Relasi antar

objek dihubungkan dengan garis, ada banyak relasi, diantaranya adalah hubungan

satu ke banyak (one to many relationship) dan hubungan dari satu ke satu (one to

onerelationship). Diagram tersebut dinyatakan dalam simbol-simbol atau

menggunakannotasi-notasi yang dapat dilihat pada tabel 2.4.

Diagram Entity-Relationship melengkapi penggambaran grafik dari

strukturlogika . Dengan kata lain Diagram E-R menggambarkan arti dari aspek

data sepertibagaimana entitas-entitas, atribut atribut dan relasi disajikan. Seperti

yang telah disebutkan di atas bahwa dalam Diagram Entity Relationship terdapat

kardinalitas yang mana menjelaskan batasan jumlah keterhubungan satu entitas

dengan entitas lainnya.

NOTASI NAMA ARTI

Entitas

Entitas eksternal, yaitu entitas luar yang

berhubungan dengan sistem

Relasi

Dalam ER-Diagram notasi ini berarti relasi

yang menghubungkan dua atau lebih entitas

Page 47: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

35

1/N, 1/1 Kardinalitas

Menunjukkan kardinalitas relasi antar entitas,

1/n berarti hubungan one to many, 1/1 berarti

hubungan one to one

Atribut Merupakan atribut dari suatu entitas atau relasi

Kunci Atribut Merupakan atribut dari suatu entitas atau relasi

yang menjadi primary key.

Konektor

Penghubung, untuk mengalirkan data dari satu

bagian ke bagian lain sesuai arah panah

Tabel 2.4 Simbol Notasi ERD

Terdapat tiga jenis kardinalitas yakni :

1. one to one (1:1) menyatakan bahwa setiap entitas pada entitas A

palingbanyak berpasangan dengan satu entitas pada tipe entitas B. Begitu

pula sebaliknya.

2. one to many (1:M) menyatakan setiap entitas pada tipe entitas A

bisaberpasangan dengan banyak entitas pada entitas B sedangkan setiap

entitas pada B hanya bisa berpasangan dengan satu entitas pada tipe entitas

B.

3. Many to one (M:1) menyatakan setiap entitas pada tipe entitas A

palingbanyak berpasangan dengan satu entitas pada tipe entitas B dan

setiap entitas pada tipe entitas B bisa berpasangan dengan banyak entitas

pada tipe entitas A.

4. Hubunganmany to many (M:N) menyatakan setiap entitas pada suatu tipe

entitas A bisa berpasangan dengan banyak entitas pada tipe B dan begitu

Atribut

Atribut

Page 48: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

36

pula sebaliknya.

Pada ERD juga di kenal dengan istilah kekangan kardinalitas

(cardinalityconstraint). Kekangan kardinalitas adalah suatu keadaan yang

digunakan untukmenyatakan jumlah instan dalam sebuah entitas yang dapat

dikaitkan dengan sebuah instan pada entitas lain. Untuk menentukan jangkauan

kardinalitas dalam hubungan dengan lebih tepat, terdapat dua jenis kekangan

kardinalitas yang diterapkan dalam hubungan yaitu :

1. Kardinalitas minimum jumlah instan tersedikit dalam sebuah entitas yang

mungkin dikaitkan dengan setiap instan pada entitas lain

2. Kardinalitas maksimum adalah jumlah instan terbanyak dalam sebuah

entitas yang mungkin dikaitkan dengan setiap instan pada entitas lain.

SIMBOL ARTI

one or one

one and only one

zero or more

zero or one

Tabel 2.5 Simbol relasi ERD

2.12.2 Data Flow Diagram (DFD)

Desain arsitektur menentukan hubungan di antara elemen-elemen

struktural utama dari program. Desain arsitektur sistem ini di sajikan ke dalam

diagram yang dikenal dengan Data Flow Diagram (DFD).

Data flow diagram adalah sebuah teknik grafis yang menggambarkan

aliraninformasi yang diaplikasikan pada saat data bergerak dari input menjadi

Page 49: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

37

output.DFD juga dikenal sebagai grafik aliran data atau bubble chart. DFD

memiliki tingkatan level, masing-masing level menjelaskan level sebelumnya.

Tingkatan pada Data Flow Diagram di mulai pada DFD tingkat 0 yang

merepresentasikan seluruh elemen sistem sebagai sebuah bubble tunggal dengan

datainput dan output yang ditunjukkan oleh anak panah yang masuk dan keluar

secara berurutan.

Untuk tingkatan berikutnya adalah DFD tingkat I yang merupakan

dekomposisi dari diagram level zero. Pada tingkatan ini proses yang berada pada

level 0 di pecah menjadi sub-sub proses. Jika proses pada level 1 masih bisa untuk

dipecah ke dalam sub lagi maka dilakukan lagi proses dekomposisi. Proses

dekomposisi dilakukan sampai dengan proses siap dituangkan ke dalam program

Berikut merupakan notasi dari DFD (Waljiyanto, 2003).

NOTASI NAMA ARTI

Entitas

Entitas eksternal, yaitu entitas luar yang

berhubungan dengan sistem

Data Proses

Menyatakan proses-proses yang terdapat di

dalam sistem

Data Store

Merupakan penyimpanan data yang digunakan

oleh sistem, namanya terdapat diantara dua

garis

Konektor

Penghubung, untuk mengalirkan data dari satu

bagian ke bagian lain sesuai arah panah

Tabel 2.6 Notasi DFD

Page 50: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

38

2.13 Web Browser

Web Browser adalah suatu perangkat lunak yang digunakan untuk

menampilkan halaman-halaman website yang berada di internet. Adapun beberapa

istilah yang sering muncul pada saat kita menggunakan web browser adalah

sebagai berikut:

Website : Halaman-halaman web saling terhubung dalam suatu website.

Homepage : Halaman awal ketika suatu situs dimunculkan, biasanya juga

sebagai penghubung ke website-website yang lain.

URL : Alamat unik pada suatu halaman web, yang digunakan web server

untuk mengirimkan halaman web tersebut ke komputer yang

mengaksesnya.

WWW : Kumpulan dari dokumen-dokumen elektronik yang kemudian

disebut web, tiap dokumen tersebut dinamakan web page.

Portal : Web yang menyediakan berbagai jenis layanan missal pencarian,

olahraga hibburan dan sebagainya.

Terdapat beberapa macam web browser yang dapat kita pakai untuk

menampilkan halaman-halaman website seperti: Google Chrome, Mozilla Firefox

dan lain-lain.

2.14 WEB Server

Web Server adalah software yang menjadi tulang belakang dari world wide

web. Web server menunggu permintaan dari client yang menggunakan browser

seperti Google Chrome, Mozilla Firefox, Internet Explorer dan program browser

lainnya. Jika ada permintaan browser, maka web server akan memproses

permintaan itu kemudian memberikan hasil prosesnya berupa data yang

diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut

dengan format SGML (standard general markup language). Data yang berupa

format ini kemudian akan ditampilkan oleh browser sesuai dengan kemampuan

browser tersebut.

Page 51: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

39

Contohnya, bila data yang dikirm berupa gambar, browser yang hanya

mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan

gambar tersebut dan jika ada akan menampilkan alternatifnya saja. Web server,

untuk berkomunikasi dengan client-nya (web browser) mempunyai protokol

sendiri, yaitu HTTP (hypertext transfer protokol).

Dengan protokol ini, komunikasi antar web server dengan client-nya dapat

saling dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data

pada world wide web adalah SGML. Tapi para pengguna internet saat ini lebih

banyak menggunakan format HTML (hypertext markup language) karena

penggunaannya lebih sederhana dan mudah dipelajari. Kata Hypertext mempunyai

arti bahwa seseorang pengguna internet dengan web browsernya dapat membuka

dan membaca dokumen-dokumen yang ada dalam komputernya atau bahkan jauh

tempatnya sekalipun.

Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya

pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya

dengan mengklik beberapa bagian dari halaman-halaman dokumen (web) itu.

Proses yang dimulai dari permintaan webclient (browser), diterimah web server

hanya memproses semua masukan yang diperolehnya dari web client.

2.15 WWW (World Wide Web)

Web atau World Wide Web (WWW) adalah salah satu fasilitas yang

disediakan oleh internet. Web merupakan dunia maya di internet yang terdapat

ribuan info tentang segala hal dan dikemas dalam bentuk dokumen hypertext.

Hypertext adalah salah satu dokumen yang memungkinkan untuk menjelajahi dari

suatu halaman web ke halaman web yang lainnya dengan menggunakan suatu link

(menghubungkan).

Web bekerja dalam jaringan komputer yang memanfaatkan teknologi

hypertext transfer protokol (HTTP), Uniform resource Locator (URL) Protocol

Transfer dan Domain Name Server (DNS).

Page 52: SISTEM INFORMASI WEB RUMPUT LAUT PANTAI BERBASIS …

40

Hypertext Transfer Protocol (HTTP) adalah suatu protocol yang digunakan

oleh world wide web. HTTP mendefinisikan sebagaimana suatu pesan bisa

diformat dan dikirimkan dari server ke client. Uniform Resource Locator (URL)

adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan

untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di internet

(Prihatna, 2005). Domain Name Server (DNS) adalah sistem yang menyimpan

informasi tentang nama host maupun nama domain dalam bentuk basis data

tersebut (distributed database) di dalam jaringan komputer.

2.16 HTML (Hypertext Markup Langguage)

Hypertext Markup Langguage adalah salah satu format yang digunakan

untuk menulis halaman web, HTML ini berjalan di web browser dan memiliki

fungsi untuk melakukan pemrograman aplikasi di atas web. HTML merupakan

pengembangan dari standar pemformatan dokumen teks, yaitu standar

Generalized Markup Langguage. HTML sebenarnya dokumen ASCII atau teks

biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.

2.17 Hypertext Transfer Protocol (HTTP)

HTTP adalah protocol yang menentukan aturan yang perlu diikuti oleh

web browser dalam meminta atau mengambil suatu dokumen dan oleh web server

dalam menyediakan dokumen yang diminta oleh web browser. Protocol ini

didesain untuk transfer berkas yang berisi hypertext seperti berkas yang berisi

HTML yang digunakan di World Wide Web.

2.18 XAMPP

XAMPP adalah perankat lunak bebas, yang mendukung banyak sistem

operasi, merupakan komplikasi dari beberapa program. Fungsinya adalah sebagai

server yang berdiri sendiri (localhost). Yang terdiri dari program Apache HTTP

Server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat

system operasi apapun), Apache, MySQL, PHP dan Perl. Pemrograman ini