Universitas Indonesia SISTEM INFORMASI PERINGATAN DINI TSUNAMI BERBASIS WEB ( SIMULASI TSUNAMI BENGKULU ) SKRIPSI

Universitas Indonesia SISTEM INFORMASI PERINGATAN DINI TSUNAMI BERBASIS WEB ( SIMULASI TSUNAMI BENGKULU )

SKRIPSI Diajukan sebagai salah satu syarat untuk memperoleh gelar sarjana

MUHAMMAD ZAENAL MUTTAQIN 06 06 04 270 1

FAKULTAS TEKNIK PROGRAM STUDI TEKNIK ELEKTRO DEPOK DESEMBER 2008 HALAMAN PERNYATAAN ORISINALITAS Universitas Indonesia

Sistem informasi peringatan..., Muhammad Zaenal Muttaqin, FT UI, 2008

Tugas akhir ini adalah hasil karya saya sendiri, dan semua sumber baik yang dikutip maupun dirujuk telah saya nyatakan dengan benar.

Nama

: MUHAMMAD ZAENAL MUTTAQIN

NPM

: 06 06 04 2701

Tanda Tangan

: …………………

Tanggal

: 30 Desember 2008

Universitas Indonesia


HALAMAN PENGESAHAN

Tugas akhir ini diajukan oleh : Nama : Muhammad Zaenal Muttaqin NPM : 06 06 04 2701 Program Studi : Teknik Elektro Judul Tugas akhir : SISTEM INFORMASI PERINGATAN DINI TSUNAMI BERBASIS WEB ( SIMULASI TSUNAMI BENGKULU )

Telah berhasil dipertahankan di hadapan Dewan Penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh gelar Sarjana Teknik pada Program Studi Teknik Elektro Fakultas Teknik, Universitas Indonesia

DEWAN PENGUJI Pembimbing

: DR. Ir. Arman Djohan Diponegoro, M.Eng. ( ………… )

Penguji

: DR. Ir. Kalamullah Ramli, M.Eng ( .................... )

Penguji

: Muhammad Salman, ST, M.IT

( .................... )

Ditetapkan di : Universitas Indonesia Depok Tanggal

: 23 Desember 2008



KATA PENGANTAR Segala puji syukur penulis panjatkan kepada Allah SWT, karena atas berkat Rahmat dan Hidayah-Nya, penulis dapat menyelesaikan tugas akhir ini. Penulisan tugas akhir ini dilakukan dalam rangka memenuhi salah satu syarat untuk mencapai gelar Sarjana Teknik Jurusan Teknik Elektro pada Fakultas Teknik Universitas Indonesia. Dalam pembuatan skripsi ini, bukanlah semata-mata karena usaha dan kerja individu penulis sendiri, tetapi mendapatkan banyak bantuan dari berbagai pihak, untuk itu penulis menyampaikan terima kasih kepada: (1)

DR. Ir. Arman Djohan Diponegoro, M.eng selaku dosen pembimbing yang telah bersedia meluangkan waktu untuk memberi pengarahan, diskusi, dan bimbingan serta persetujuan sehingga skripsi ini dapat selesai dengan baik.

(2)

Ibuku tercinta, yang selalu memberikan do’a dan dukungannya.

(3)

Anak dan Istrikku tercinta, yang selalu memberikan dukungannya, pengorbanannnya baik moral maupun spiritual.

(4)

Kakak dan Adikku tercinta, atas semua pengorbanannya dan bantuannya baik berupa bantuan moral maupun spiritual.

(5)

Pemerintah Daerah Kabupaten Barito Selatan, yang telah memberikan kesempatan bagi saya untuk Tugas Belajar pada Fakultas Teknik Universitas Indonesia.

(6)

Sahabatku Mery Saswanti, terima kasih atas semuanya, pengorbanan, moral, nasehat, kesabaran, dan menjadi sahabat terbaikku.

(7)

Rohmat, yang telah banyak membantu mengarahkan dalam membuat scriptscript program pada sistem ini.

(8)

Teman-teman kost dan semuanya yang tidak dapat saya sebutkan satupersatu. Akhir kata, semoga Allah SWT berkenan membalas segala kebaikan semua

pihak yang telah membantu. Semoga tugas akhir ini membawa manfaat bagi semuanya. Depok, 30 Desember 2008 Penulis



HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI TUGAS AKHIR UNTUK KEPENTINGAN AKADEMIS Sebagai sivitas akademik Universitas Indonesia, saya yang bertanda tangan di bawah ini: Nama

: Muhammad Zaenal Muttaqin

NPM

: 06 06 04 270 1

Program Studi : Teknik Elektro Departemen

: Teknik Elektro

Fakultas

: Teknik

Jenis Karya

: Tugas akhir

demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Indonesia Hak Bebas Royalti Noneksklusif (Non-exclusive RoyaltyFree Right) atas karya ilmiah saya yang berjudul : SISTEM INFORMASI PERINGATAN DINI TSUNAMI BERBASIS WEB ( SIMULASI TSUNAMI BENGKULU ) beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini Universitas Indonesia berhak menyimpan, mengalih-media/formatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan mempublikasikan tugas akhir saya tanpa meminta izin dari saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta. Demikian pernyataan ini saya buat dengan sebenarnya. Dibuat di Pada tanggal

: Depok : 30 Desember 2008

Yang Menyatakan,

(Muhammad Zaenal Muttaqin)







DAFTAR ISI

JUDUL ................................................................................................................. i HALAMAN PERNYATAAN ORISINALITAS ................................................. ii HALAMAN PENGESAHAN .............................................................................. iii KATA PENGANTAR .......................................................................................... iv HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH ........................ v ABSTRAK............................................................................................................ vi ABSTRACT ......................................................................................................... vii DAFTAR ISI......................................................................................................... ix DAFTAR GAMBAR............................................................................................. x DAFTAR TABEL ................................................................................................xii DAFTAR LAMPIRAN ..................................................................................... xiii BAB I. PENDAHULUAN ................................................................................ 1.1 Latar Belakang ............................................................................................ 1.2 Perumusan Masalah ................................................................................... 1.3 Tujuan ........................................................................................................ 1.4 Batasan Masalah ........................................................................................ 1.5 Metodologi ................................................................................................. 1.6 Sistematika Pembahasan .............................................................................

1 1 2 3 3 4 4

BAB II. TINJAUAN PUSTAKA ....................................................................... 6 2.1 SISTEM INFORMASI PERINGATAN DINI TSUNAMI ....................... 6 2.2 DATABASE .............................................................................................. 7 2.2.1 Pengenalan Database ....................................................................... 7 2.2.2 MySQL …………………………………………………………… 9 2.2.3 RDBMS ( Relational Database Management System ) ………........ 9 2.3 WEB ( World Wide Web ) ……………………………………………… 11 2.3.1 Pengenalan Web ………………………………………………..…... 11 2.3.2 Hypertext Transfer Protocol (HTTP) ……………………………. 11 2.3.3 HTML (Hypertext Markup Language) ……………………………. 12 2.3.4 Web Browser …………………………………………………...…… 13 2.3.5 Apache Web Server ………………………………………………... 14 2.4 KONEKSI DATABASE DAN WEB ………………………………………. 15 2.4.1 PHP(Hypertext Preprocessor ) ……………………………………... 15 2.4.2 Java Script …………………………………………………………. 16 2.5 SMS (Short Message Service ) ………………………………………….. 16 2.6 GIS (GEOGRAPHIC INFORMATION SYSTEM ) ….............................. 18 BAB III. PERANCANGAN SISTEM................................................................. 3.1 Perancangan Sistem Informasi Peringatan Dini Tsunami .......................... 3.2 Perancangan Software ................................................................................. 3.2.1 Perancangan Halaman Web .............................................................. 3.2.1.1. Halaman Utama ...................................................................

20 20 23 27 28



3.2.1.2. Halaman Admin .................................................................. 3.2.2 Perancangan Database .....................................................................

29 31

BAB IV. PENGUJIAN DAN ANALISA ……………..................…..........… 4.1 Halaman Utama............................................................................................ 4.2 Kelebihan dan Kekurangan Program ..........................................................

47 49 62

BAB V PENUTUP ………………………..……………………..……………. 5.1 Kesimpulan …………………………..…………………..……..…… 5.2 Saran .......................................................................................................

63 63 63

DAFTAR ACUAN ............................................................................................... 67 DAFTAR PUSTAKA ..........................................................................................

66

LAMPIRAN .........................................................................................................

67



DAFTAR GAMBAR

Gambar 1. 1 Riwayat gempa yang menimbulkan tsunami di Indonesia... Gambar 2. 1 Blok diagram konseptual sistem peringatan dini tsunami Gambar 2. 2 Hubungan antar client server dengan database.............. Gambar 2. 3 Diagram Interkoneksi SMS............................................. Gambar 2. 4 Skema Kerja SMS SMS ......... Gambar 2.5 Komponen kunci dalam SIG ............................................ Gambar 2. 6 Konsep data geospatial .................................................. Gambar 3. 1 Blok diagram sistem informasi peringatan dini tsunami Gambar 3. 2 Struktur teknis penanggulangan bencana tsunami tingkat propinsi / pusat...................................................... Gambar 3. 3 Struktur teknis penanggulangan bencana tsunami tingkat kabupaten / kota ..................................................... Gambar 3 4 Flowchart login.php ........................................................ Gambar 3. 5 Diagram alir pengambilan data input ................................ Gambar 3. 6 Diagram alir pengiriman informasi dengan SMS............... Gambar 3. 7 Bagan perancangan menu halaman web ............................ Gambar 3.8 Hubungan Antar Database.................................................. Gambar 3.9 Alur Informasi Pada Sisi Client.......................................... Gambar 3.10 Alur Informasi Pada Sisi Admin......................................... Gambar 3.11 Database Alarm_lokasi ...................................................... Gambar 3.12 Database Artikel ................................................................ Gambar 3.13 Database Buoy ................................................................... Gambar 3.14 Database Fasilitas .............................................................. Gambar 3.15 Database Grup_Menu ........................................................ Gambar 3.16 Database Grup_Organisasi ................................................ Gambar 3.17 Database Inbox .................................................................. Gambar 3.18 Database Jalur_Evakuasi ................................................... Gambar 3.19 Database Jenis_Fasilitas .................................................... Gambar 3.20 Database Job....................................................................... Gambar 3.21 Database Kabupaten ........................................................... Gambar 3.22 Database Kecamatan .......................................................... Gambar 3.23 Database Kontak ................................................................ Gambar 3.24 Database Log_Alarm ......................................................... Gambar 3.25 Database Log_Buoy ........................................................... Gambar 3.26 Database Log_Gempa ........................................................ Gambar 3.27 Database Lokasi_Evakuasi ................................................. Gambar 3.28 Database Mail_Alarm ......................................................... Gambar 3.29 Database Menu ................................................................... Gambar 3.30 Database Organisasi ........................................................... Gambar 3.31 Database Outbox ................................................................. Gambar 3.32 Database User .................................................................... Gambar 4. 1 Tampilan ketika xampp berhasil running............................ Gambar 4. 2 Tampilan Engine ketika sudah terkoneksi dengan server .....

1 6 14 17 17 18 19 21 22 22 25 26 27 28 31 32 33 35 35 36 36 37 37 38 38 39 39 40 41 41 42 42 43 44 44 45 45 46 46 48 48



Gambar 4. 3 Gambar 4. 4 Gambar 4. 5 Gambar 4. 6 Gambar 4. 7 Gambar 4. 8 Gambar 4. 9 Gambar 4.10 Gambar 4.11 Gambar 4.12 Gambar 4.13 Gambar 4.14 Gambar 4.15 Gambar 4.16 Gambar 4.17 Gambar 4.18 Gambar 4.19 Gambar 4.20

Tampilan halaman web homesi............................................ Halaman web ketika alert tsunami...................................... Tampilan halaman tsunami navigasi peta evakuasi ............ Tampilan halaman tsunami navigasi log gempa ................. Tampilan halaman tsunami navigasi tindakan dini ............. Pop Up message ketika user memasukan login .................. Tampilan halaman administrator organisasi ...................... Tampilan halaman administrator detail organisasi ............. Tampilan halaman administrator EWS job ......................... Tampilan halaman administrator fasilitas ........................... Tampilan halaman administrator jenis fasilitas .................. Tampilan halaman administrator kontak ............................. Tampilan halaman administrator log gempa ....................... Tampilan halaman administrator log EWS ......................... Tampilan halaman administrator group menu .................... Tampilan halaman administrator menu ......................... ..... Tampilan halaman administrator link menu ........................ Tampilan halaman adminstrator artikel manager ................

49 50 51 52 53 53 54 54 55 56 56 57 58 58 59 60 60 61



DAFTAR TABEL

Tabel 2. 1 Tabel 2. 2 Tabel 3. 1

Perbandingan Database Server.......................................... Kelebihan dan Kekurangan Entity Relationship................ Data Masukan Database ....................................................

8 11 34



DAFTAR LAMPIRAN

Listing Program ....................................................................................... Spesifikasi Siemens C55 ......................................................................... Spesifikasi Kabel Data Siemens C55 ......................................................

67 82 83



BAB I PENDAHULUAN

1. 1 LATAR BELAKANG Saat ini sistem informasi peringatan dini tsunami yang telah ada di Indonesia hanya merupakan sistem penyampaian informasi mengenai bahaya tsunami saja dengan memberikan tanda bahaya ( alert ) melalui media web. Padahal suatu sistem informasi peringatan dini yang baik adalah sistem informasi peringatan dini yang di dalamnya tidak hanya untuk menyampaikan informasi pra bencana saja, namun harus juga menempatkan ruang bagi penyampaian informasi semua tindakantindakan dini (actions), sehingga akan adanya suatu koordinasi yang baik dalam penanggulangan bencana tsunami dari masing-masing instansi yang terkait dalam penanganan bencana tsunami. Selain itu juga sistem informasi peringatan dini yang baik harus dengan cepat dan tepat memberikan response ketika didapatkan informasi yang valid akan terjadinya bencana tsunami. Hal ini dimaksudkan agar masyarakat menyadari sepenuhnya bahwa semua tanda bahaya (alert) yang dibunyikan oleh web server bukanlah tanda bahaya biasa akibat kesalahan sistem (error sistem) atau kesalahan teknis (human error), tetapi memang akan terjadinya bencana tsunami dalam waktu dekat. Gambar 1. 1 menunjukan titik lokasi gempa di wilayah Indonesia yang dapat menimbulkan tsunami.

Gambar 1. 1 Riwayat Gempa yang menimbulkan Tsunami di Indonesia Besarnya lingkaran sebanding dengan skala gempa, sedangkan warna lingkaran menunjukan letak pusat gempa (dangkal = merah, sedang = hijau, dalam = biru) [1] Universitas Indonesia


Sampai saat ini belum efektifnya sistem early warning yang cepat dan tepat dari pemerintah yang mampu me-response ketika terjadi bencana tsunami. Sistem yang dimaksudkan di sini tidak hanya berupa sensor untuk mendeteksi bencana tsunami yang akan terjadi, namun juga harus memiliki cara penyampaian informasi yang cepat dan tepat kepada masyarakat di sekitar lokasi yang akan tertimpa bencana sehingga mereka mampu mengantisipasi bencana tersebut. Misalnya untuk memprediksi adanya bencana maka dibutuhkan data geografis sebuah daerah, atau ketika dideteksi akan terjadi bencana maka dibutuhkan sarana untuk dapat menyebarkan informasi ke masyarakat dalam waktu yang cepat,demikian juga ketika menolong korban bencana, dibutuhkan pertukaran informasi antara petugas di lapangan dengan pusat penanganan bencana antara lain untuk mengetahui keadaan di area bencana dan bantuan apa saja yang dibutuhkan. Oleh sebab itulah maka dibuat suatu rancangan sistem penyampaian informasi peringatan dini tsunami menggunakan Web, yang merupakan teknologi yang cukup populer saat ini. Sehingga dengan adanya sistem informasi peringatan dini berbasis web ini mampu memberikan informasi secara cepat dan tepat sasaran mengenai tsunami serta memberikan tanda bahaya peringatan dini sebelum terjadinya tsunami.

1. 2 PERUMUSAHAN MASALAH Saat terjadi bencana alam, sistem early warning yang diterapkan oleh pemerintah pada saat ini belum mampu menyampaikan informasi peringatan dini tsunami secara cepat dan tepat kepada masyarakat dan instansi terkait di sekitar lokasi terjadinya tsunami. Hal ini menyebabkan korban jiwa akibat bencana alam cukup besar jumlahnya. Ada 3 (tiga) faktor Sistem Peringatan Dini yang sangat menentukan efektifitas evakuasi, yaitu : 1. Tenggang waktu peringatan adalah interval antara terdeteksinya bahaya sampai dengan terjadinya bencana. Makin lama waktu yang tersedia makin banyak kegiatan yang dapat dilakukan, makin besar kemungkinan korban yang terselamatkan.



2. Metoda transmisi informasi, yang dimaksudkan agar informasi sampai pada sasaran yang tepat, pada waktu yang tepat secara jelas dan dapat dimengerti. 3. Struktur maupun prosedur kegiatan dalam Sistem Peringatan Dini harus tertuang dalam perencanaan pra-bencana.

1. 3 TUJUAN Rancang bangun sistem penyampaian informasi peringatan dini tsunami secara cepat dan tepat melalui web yang berisi informasi detail data atau gambar dalam bentuk peta dan tabel. 1. 4 BATASAN MASALAH Adapun batasan masalah pada skripsi ini, adalah: 1. Mengambil sampel Propinsi Bengkulu sebagai model simulasi sistem peringatan dini tsunami. 2. Sistem peringatan dini tsunami ini hanya menitikberatkan pada penyampaian sistem penyampaian informasi tsunami saja. Sensor deteksi tsunami tidak dibahas secara mendetail karena sistem ini akan dipakai pada berbagai sensor. 3. Menentukan peta evakuasi dengan memberikan digitasi peta analog berdasarkan pada perkiraan zona aman dari radius episentrum tsunami. 4. Menampilkan konsep penyampaian informasi perigatan dini tsunami dalam bentuk

contoh

kasus

dengan

menggunakan

data

simulasi

(belum

diaplikasikan untuk menyampaikan informasi yang sebenarnya dari sensor deteksi bencana di lapangan) dengan tujuan memperlihatkan proses yang terjadi di dalamnya.

1. 5 METODOLOGI Untuk menyelesaikan makalah ini, dilakukan langkah-langkah sebagai berikut: 1. Dengan metode studi literatur dan membaca referensi dari buku, studi tersebut dilakukan dengan cara: Universitas Indonesia


a) Mempelajari konsep tentang sistem informasi peringatan dini tsunami (Tsunami Early Warning Sistem) dan mempelajari penyebab-penyebab serta gejala-gejala umum terjadinya tsunami yang ada. b) mencari data di internet dan membaca buku yang berkaitan dengan sistem informasi berbasis web, Geographic Information Sistem (GIS), tsunami, gempa bumi. 2. Menganalisa dan menyimpulkan berdasarkan informasi yang telah diperoleh, serta melihat pada aplikasi fungsi simulasi sistem ini ke sistem yang nyata.

1. 6 SISTEMATIKA PEMBAHASAN

Pada Skripsi ini terdiri dari 5 (lima) bab, dimana masing-masing bab mempunyai kaitan satu sama lain, yaitu:

BAB I

PENDAHULUAN Memberikan latar belakang tentang permasalahan, tujuan, masalah dan batasan masalah yang dibahas dalam skripsi ini.

BAB II

TINJAUAN PUSTAKA Memberikan tinjauan pustaka yang berkaitan dengan sistem peringatan dini, khususnya pada jaringan infrastruktur pendeteksi tsunami berbasis web. Membahas teori dasar yang menunjang perancangan sistem termasuk diantaranya dasar-dasar pemrograman HTML, phpmysql, java script, sistem informasi geografis.

BAB III

PERANCANGAN SISTEM Membahas perancangan sistem yang dibuat baik hardware maupun software. Antara lain mengenai pembuatan database sistem informasi tsunami, mendesain web dengan HTML dan java script. Simulasi ketika tsunami terjadi dengan memberikan respon dan status siaga yang diinformasikan melalui web.



BAB IV

ANALISA DAN PEMBAHASAN Berisi data-data pengamatan pengujian pada bagian-bagian tertentu dari keseluruhan informasi yang ditampilkan melalui web, serta pembahasan atau analisa data hasil pengujian, dengan melakukan simulasi pemberian status siaga tsunami dengan respon yang berbeda.

BAB V

PENUTUP Berisikan beberapa kesimpulan dari dasar-dasar sistem dan perancangan sistem.



BAB II TINJAUAN PUSTAKA

2.1

SISTEM INFORMASI PERINGATAN DINI TSUNAMI Sistem Peringatan Dini adalah sistem (rangkaian proses) pengumpulan dan

analisis data serta desiminasi informasi tentang keadaan darurat atau kedaruratan. [2] Pada Gambar 2.1 menerangkan kerangka kerja dari sistem peringatan dini.

Gambar 2. 1 Blok Diagram Konseptual Sistem Peringatan Dini [2]



Sebuah sistem peringatan dini yang baik haruslah memiliki mekanisme dan tahapan alur informasi,meliputi: 1.

Sumber Informasi, Adanya ancaman atau bencana biasanya berasal dari sumber-sumber resmi atau tetap. Informasi bersumber dan disebar luaskan dari luar sumber yang resmi seperti penyiar radio amatir. Sumber informasi ini terbagi atas sumber biasa yang dimulai oleh petugas/penduduk yang terlibat dalam penanggulangan bencana tsunami, dan sumber khusus yang dilaksanakan

oleh

sistem

peringatan

dini

tsunami

pusdalops/polisi

berkoordinasi dengan instansi yang terkait. 2. Penyebarluasan, penjangkauan informasi tentang adanya ancaman bencana tsunami, dalam hal ini dengan menggunakan media internet. 3. Penerimaan dan pencatatan, informasi harus mempunyai kemampuan untuk memproses informasi secara efektif dan melakukan pendeteksian secara cepat dan akurat. 4. Display, tampilan informasi harus memberi kejelasan hasil pencatatan/ data yang diterima seperti menggunakan peta dan tabel. [2] Informasi yang berhubungan dengan bahaya yang akan terjadi biasanya berupa tanda/ sinyal tertentu yang disebut alarm (alert). Alarm bertujuan agar pihakpihak yang terkait dengan bahaya tersebut mampu mempersiapkan diri untuk mengatasi, atau paling tidak terhindar dari bencana tersebut.

2.2

DATABASE

2.2.1

Pengenalan Database Pengertian database adalah representasi kumpulan fakta yang saling

berhubungan disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan. Data perlu disimpan dalam basis data untuk keperluan penyediaan informasi lebih lanjut. Data di dalam basis data perlu diorganisasikan sedemikian rupa, supaya informasi yang dihasilkan berkualitas. Organisasi basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya.



Dalam maksud yang sama, bisa juga diartikan sebagai sekumpulan informasi yang disusun sedemikian rupa untuk dapat diakses oleh sebuah software tertentu. Database tersusun atas bagian yang disebut field dan record yang tersimpan dalam sebuah file. Sebuah field merupakan kesatuan terkecil dari informasi dalam sebuah database. Sekumpulan field yang saling berkaitan akan membentuk record. [3] Database server adalah sebuah program yang bertugas melayani permintaan Query database dari client [5]. Beberapa produk database server yang beredar saat ini: 1. MySQL. 2. Microsoft SQL Server. 3. Oracle. 4. Sybase. 5. Informix. 6. PostgreSQL. 7. DB2. Tabel 2. 1 Perbandingan Database Server [4]

No. 1.

2.

Database Server MySQL

Oracle

Performance a. Open Source. b. Gratis di download. c. Lebih hemat resource memory (dibandingkan database lain). d. Data yang ditangani belum begitu besar e. Koneksi dengan client cukup mudah, dan umumnya menggunakan php sebagai bahasa pemrogramannya. f. Gratis g. Memiliki tingkat keamanan data base yang kurang aman, hanya mengandalkan login pada sisi admin h. Dapat bekerja pada semua operating system a. Tidak Open source b. License c. Banyak makan memori. d. Dapat menangani database skala besar e. Konsep trigernya bagus bila dibandingkan dengan SQL Server. f. Harga sangat mahal Universitas Indonesia


g. Memiliki tingkat keamanan data base yang tinggi. h. Hanya bekerja pada OS berbasis windows. 3.

SQL Server

a. b. c. d. e.

f. g. h.

2.2.2

Tidak Open Source License Banyak makan memori Store Procedure-nya baik dibandingkan dengan Oracle Koneksi dengan client lebih mudah (terutama untuk aplikasi VB,koneksi menggunakan OLE DB). Harga Cukup Mahal. Memiliki tingkat keamanan data base yang kurang aman. Dapat bekerja pada OS berbasis windows

MySQL MySQL adalah database server relasional yang gratis di bawah lisensi GNL

(General Public License). Dengan sifatnya yang Open Source, memungkinkan juga user untuk melakukan modifikasi pada source code-nya untuk memenuhi kebutuhan spesifik mereka sendiri. MySQL merupakan database server multi-user dan multithreaded yang tangguh (robust). Dengan memiliki banyak fitur MySQL bisa bersaing dengan database komersial sekalipun. [5]

2.2.3. RDBMS (RELATIONAL DATABASE MANAGEMENT SISTEM) Terdapat beberapa cara untuk menangani atau memodelkan data diantaranya adalah: 1. Model Hirarkis / Model Pohon 2. Model Jaringan 3. Model Relasional Diantara tiga model tersebut model Relasional adalah yang paling sering dipakai. Model Relasional merupakan model yang paling sederhana sehingga mudah digunakan dan dipahami oleh pengguna, serta merupakan model yang paling populer



saat ini. Model ini menggunakan sekumpulan tabel berdimensi dua (yang disebut relasi atau tabel), dengan masing-masing relasi tersusun atas baris dan atribut. Basis data relational adalah sekumpulan tabel-tabel yang memiliki hubungan relasi secara matematika dan logika. Hubungan relasi antar tabel pada umumnya berupa Query, yakni tata aturan relasi yang sudah disusun berdasarkan desain dan teknik basis data tertentu yang digunakan. Query menjelaskan hubungan antar tabel secara matematika dan logika. Query terdiri dari operasi-operasi matematika dan logika yang diterapkan pada sekumpulan tabel. Basis data relational dibangun dari sekumpulan tabel yang memiliki hubungan relasi, dimana relasi itu dinyatakan dengan Query. Query itu terdiri dari beberapa operasi secara matematika misalkan operasi join dengan beberapa operator secara logika seperti AND dan OR. Query-Query itu disimpan pada suatu file relasi basis data. Selanjutnya file relasi basis data, file tabel basis data, file field data structure language (DSL) dan file field data definition language (DDL), disimpan dalam suatu skema basis data pada file basis data project yang bersangkutan. Filefile itu harus dibuat terlebih dahulu sebelum membangun sebuah file basis data project. Model basis data relasional merupakan model basis data yang dirancang agar memiliki konsistensi informasi dalam bentuk normalisasi database. Yang secara implementatif dan operasional dikendalikan oleh mesin Database Managemen Sistem (DBMS). Struktur dasar basis data relasional : a. Relasional Database Management Sistem (RDBMS) beroperasi pada lingkungan logika manusia. b. Basis data relasional diasumsikan sebagai sekumpulan tabel-tabel. c. Setiap tabel terdiri dari serangkaian per-potongan baris/kolom. d. Tabel-tabel (atau relasi) terhubung satu dengan lainnya menggunakan entitas tertentu yang digunakan secara bersama. e. Tipe hubungan seringkali ditunjukkan dalam suatu skema. f. Setiap tabel menghasilkan data yang lengkap dan kebebasan struktural



Tabel 2.2 Kelebihan dan Kekurangan Entity Relationship [6]

Entity Relationship

No Kelebihan

Kekurangan

1.

Secara konseptual sangat sederhana

Gambaran aturan-aturan terbatas

2.

Gambaran secara visual

Gambaran relasi terbatas

3.

Alat bantu komunikasi lebih efektif

Tidak

ada

bahasa

untuk

memanipulasi data 4.

Terintegrasi dengan model basis Kehilangan isi informasi data relasional

2.3.

WEB ( World Wide Web )

2.3.1

Pengenalan Web Web adalah Suatu sistem di internet yang memungkinkan siapapun agar bisa

menyediakan informasi. Dengan menggunakan teknologi tersebut, informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh mesin. Untuk mengakses informasi yang disediakan web ini, diperlukan berbagai perangkat lunak, yang disebut dengan web browser. [3] Jadi dapat dikatakan, bahwa WWW adalah wadah dimana dapat disajikan kepada dunia berupa informasi-informasi yang berada dalam sebuah ataupun beberapa server yang terkoneksi dengan ditampilkan berupa hypertext ataupun hypermedia yang disimpan dalam bentuk standar format HTML.

2.3.2

Hypertext Transfer Protocol (HTTP) HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu

protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server. Web server kemudian akan menerima perintah ini dan melakukan aktivitas Universitas Indonesia


sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.[3] Berdasarkan tempat dijalankannya perintah-perintah program dalam halaman web, pemrograman web dapat dikategorikan menjadi dua, yaitu: 1. Server-Side Programming. 2. Client-Server Programming. Pada server side programming perintah-perintah program dijalankan di webserver, sedangkan client-side programming menjalankan perintah pada client, dalam hal ini web browser. Aplikasi web berjalan pada protokol HTTP dan semua protokol yang ada di internet selalu melibatkan server dan client. Ketika seseorang mengetikkan alamat di web browser, maka web browser akan mengirimkan perintah tersebut ke web server. Jika yang diminta adalah file yang mengandung program server-side maka web server akan menjalankan terlebih dahulu program tersebut dan mengirimkan hasilnya ke browser. Jika yang diminta adalah file HTML maka web server akan langsung mengirimkan ke browser apa adanya. Banyak sekali bahasa pemrograman yang biasa digunakan dalam server-side programming. Salah satu bahasa server-side programming yang paling banyak digunakan adalah PHP. PHP paling sering digunakan dalam platform UNIX, namun pada Skripsi ini digunakan PHP yang dapat digunakan dalam platform windows.

2.3.3

HTML ( Hypertext Markup Language). HTML adalah sekumpulan simbol markup atau kode yang disisipkan dalam

suatu file untuk menampilkan isi file tersebut pada browser. Tanda/simbol markup ini yang memberitahukan browser bagaimana suatu halaman web ditampilkan kepada pengguna. Tiap simbol markup mengacu pada sebuah elemen, tapi banyak orang juga menyebutnya sebagai tag. Untuk seterusnya akan digunakan istilah tag. Tag ini akan selau berpasangan yang menandakan kapan suatu efek tampilan mulai dan berakhir. HTML dinamis adalah kumpulan istilah untuk mengkombinasikan tag dan pilihan baru dari HTML. Hal ini akan membuat halaman web lebih beranimasi dan Universitas Indonesia


lebih merespon terhadap interaksi pengguna daripada versi HTML sebelumnya. HTML dinamis yang sederhana menyertakan perubahan warna ketika mouse pengguna melaluinya atau kemampuan untuk animasi teks. Beberapa konsep penting dari HTML dinamis adalah: 1. Pandangan berorientasi obyek dari elemen-elemen halaman. 2. Cascading Style Sheet (CSS) dan lapisan (layering). 3. Kemampuan Pemrograman. 4. Font dinamis. Untuk menandai sebuah file teks sebagai file HTML, maka ciri yang paling nampak jelas adalah file-nya, yaitu html. Namun lebih jauh daripada itu, di dalam file tersebut harus terkandung struktur sebagai berikut: ….

2.3.4

Web Browser Dikenal juga dengan istilah browser, atau peselancar, atau internet browser.

Adalah suatu program komputer yang menyediakan fasilitas untuk membaca halaman web di suatu komputer. Dua program web browser yang cukup populer saat ini adalah Microsoft Internet Explorer dan Opera dan Mozilla Firefox. [3] Ketiga browser tersebut memiliki kemampuan yang hampir sama dalam menampilkan

HTML,

menjelajahi

halaman,

menampilkan

berkas-berkas

multimedia, kemampuan berkomunikasi, serta tunjangan bahasa pemrograman web seperti Java, ASP, PHP, dan lain-lain. Hubungan antara web server dan database dapat dilihat pada Gambar 2.2.



HTTP

KONEKSI DATABASE DATABASE

CLIENT BROWSER

WEB SERVER

Gambar 2.2 Hubungan antara Client Server dengan Database.

2.3.5

Apache Web Server Web Server atau lebih tepatnya world wide web server adalah server internet

yang mampu melayani koneksi transfer data dalam protokol HTTP (hypertext transfer protokol). Web server saat ini merupakan inti dari server-server internet selain e-mail server, ftp, dan news server. Hal ini dapat dimaklumi karena web server telah dirancang untuk dapat melayani beragam jenis data, mulai dari text, hypertext, gambar (image), suara, gambar tiga dimensi, plug-in, dan sebagainya. Web server pada umumnya melayani data dalam bentuk file HTML. Dari file ini kemudian dapat dikaitkan ke file HTML lainnya, ke file gambar, ke file suara, dan segala jenis file komputer yang akan dipublikasikan di internet. Web server bukan hanya dapat melayani file-file yang ada di dunia internet. Ia dapat juga dikombinasikan dengan dunia mobile wireless internet. Dengan menggabungkan web server dengan sebuah WAP (wireless application protocol) gateway, maka jadilah web server ini sebuah WAP server yang siap melayani akses mobile internet pada telepon genggam (handphone) yang telah memiliki fitur WAP. Dalam konteks ini, web server tidak lagi melayani data file HTML, tetapi file-file WML (wireless markup language). Apache merupakan salah satu web server yang paling banyak digunakan di internet. Ini disebabkan oleh beberapa faktor seperti kecepatan, performansi, dan tentu saja karena harganya yang gratis.



2.4.

Koneksi database dan Web Untuk menampilkan informasi dari database ke dalam Web, diperlukan

bahasa pemrograman tertentu sesuai dengan jenis database yang digunakan. Saat ini, koneksi yang paling mudah dan murah adalah menggunakan bahasa pemrograman PHP untuk database MySQL.

2.4.1. PHP (Hypertext Preprocessor) PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa scripting yang ditempelkan dalam dokumen HTML, yang ditempatkan dalam server dan diproses di sisi server. Hasilnya yang dikirimkan ke client, tempat pemakai menggunakan browser. PHP dirancang untuk membentuk web yang dinamis, yang artinya bahwa PHP dapat membentuk tampilan berdasarkan permintaan terkini. Sebagian besar perintahnya berasal dari C, Java, dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman HTML dinamis dan interaktif dengan cepat dan mudah, yang dihasilkan server. Kode program PHP menyatu dengan tag-tag HTML dalam satu file. Kode PHP diawali dengan tag. File yang berisi tag HTML dan kode PHP ini diberi ekstensi PHP atau ekstensi lainnya yang ditetapkan apache/web server. Berdasar ekstensi ini, pada saat file diakses, server akan tahu bahwa file ini mengandung kode PHP. Server akan menerjemahkan kode ini dan menghasilkan output dalam bentuk tag HTML yang akan dikirim ke browser client yang akan mengakses file tersebut. . Berikut ini adalah perintah PHP untuk membuat koneksi dengan MySQL.



Salah satu kemampuan PHP adalah mampu berkoneksi dengan basis data server yang kan memudahkan kita dalam mengakses basis data server Java Script.

2.4.2. Java Script Java Script merupakan client side scripting yang diletakan dalam bahasa HTML, istilah lain dari Macro, dikembangkan oleh netscape yang memungkinkan pengembang web membangun sebuah situs yang interaktif. Java Script dapat berinteraksi dengan menggunakan kode HTML, memungkinkan pengembang web untuk membuat sebagian dari situsnya menjadi lebih dinamis. Contoh penggunaan Java Script untuk kalender : <script language="JavaScript"> //Array of day Names var dayNames = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jum'at", "Sabtu"); var mounthNames = new Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"); var dt= new Date(); var y = dt.getYear(); //Y2K compilant if(y<1000) y += 1900;document.write(dayNames[dt.getDay()] + ", " + dt.getDate() + " " + mounthNames[dt.getMonth()]+ " " + y); //-->

2.5 SMS (Short Message Service) Pada dasarnya pemrograman SMS terbagi menjadi dua: 1. SMS Gateway Bagian ini menjadi penghubung antara program aplikasi yang akan dibuat dengan jaringan GSM. Bagian ini berfungsi membaca SMS dari MS dan mengirim SMS ke pengguna. Seperti arti katanya, Gateway berarti pintu gerbang, sehingga dalam istilah ini, SMS Gateway berarti pintu gerbang/jembatan antara dua buah device atau lebih. Seperti yang terlihay pada Gambar 2.3 umumnya SMS Gateway ini berupa sebuah komputer yang didalamnya telah terinstall aplikasi untuk menangani pengiriman SMS antar



HP. Dalam hal ini, SMS gateway berfungsi sebagai aspek pusat yang menangani pengiriman surat sesuai dengan alamat yang dituju. SMS Gateway adalah sebuah aplikasi Short Massage Service (SMS) yang dapat di jalankan melalui Local Area Network (LAN). Aplikasi ini dapat digunakan bersama-sama dalam satu jaringan. Walaupun aplikasi ini digunakan oleh beberapa user tapi hanya mempunyai satu module GSM/CDMA.

2. Bagian Pemroses Pada Gambar 2. 3 bagian ini berfungsi melakukan operasi pemrosesan pesan yang diterima, meliputi proses pemecahan pesan (parsing), eksekusi proses yang dipilih user, akses database, dan menghasilkan respon hasil proses.

Gambar 2. 3 Diagram Interkoneksi SMS [7]

Gambar 2. 4 Skema Kerja SMS SMS [7]

Prinsip kerja SMS ini adalah bahwa setiap jaringan mempunyai satu atau lebih Service Centre (SC) yang berfungsi: Universitas Indonesia


a. Menyimpan dan meneruskan (store and forward fashion) pesan dari pengirim ke pelanggan tujuan. b. Merupakan Interface antara PLMN (Public Land Mobile Network) GSM dengan berbagai sistem lainnya, seperti : elektronic mail, faximile, atau suatu content provider. [7]

2.6 GIS (GOGRAPHICAL INFORMATION SISTEM) Geographic Information Sistem (GIS) atau Sistem Informasi Geografis (SIG) diartikan sebagai sistem informasi yang digunakan untuk memasukkan, menyimpan, memangggil kembali, mengolah, menganalisis dan menghasilkan data bereferensi geografis atau data geospatial, untuk mendukung pengambilan keputusan dalam perencanaan dan pengelolaan penggunaan lahan, sumber daya alam, lingkungan transportasi, fasilitas kota, dan pelayanan umum lainnya.[8] Komponen utama SIG adalah sistem komputer, data geospatial dan pengguna, seperti diperlihatkan pada Gambar 2.5

Gambar 2.5. Komponen kunci dalam SIG [8]

Sistem komputer untuk SIG terdiri dari perangkat keras (hardware), perangkat lunak (software) dan prosedur untuk penyusunan pemasukkan data, pengolahan, analisis, pemodelan (modelling), dan penayangan data geospatial. Sumber-sumber data geospatial adalah peta digital, foto udara, citra satelit, tabel statistik dan dokumen lain yang berhubungan. Universitas Indonesia


Data geospatial dibedakan menjadi data grafis (stau disebut juga data geometris) dan data atribut (data tematik), lihat Gambar 2.6. Data grafis mempunyai tiga elemen: titik (node), garis (arc) dan luasan (poligon) dalam bentuk vector ataupun raster yang mewakili geometri topologi, ukuran, bentuk, posisi dan arah.

Gambar 2.6. Konsep datageospatial [8]



BAB III PERANCANGAN SISTEM

3.1

PERANCANGAN

SISTEM

INFORMASI

PERINGATAN

DINI

TSUNAMI Pada bab perancangan sistem ini, seperti yang terlihat pada Gambar 3.1 menjelaskan tentang komponen-komponen utama dalam sistem informasi peringatan dini tsunami berbasis web. Pada dasarnya sistem ini merupakan sistem penyampaian informasi dengan metode web server sebagai pemrosesan setiap datanya, di mana informasi yang disampaikan didapatkan melalui penerimaan data pesan (message) dari handphone yang kemudian akan mengakses ke alamat localhost web sistem informasi peringatan dini tsunami. Data yang masuk ke dalam web server akan di olah, sehigga pada halaman web utama (home pages) akan menampilkan status siaga serta akan memberikan peringatan (alert) tanda bahaya tsunami. Data tersebut akan tersimpan kedalam database MySQL dan dapat disampaikan informasi peringatan tanda bahaya melalui web yang tercatat dalam simulasi dan database tsunami (tsunami simulation and database). Berdasarkan informasi ini, server akan mengeluarkan dan menyebarkan peringatan. Pemantauan dan layanan peringatan dini dapat meningkatkan kemampuan untuk menghadapi ancaman tsunami dengan Sistem Peringatan Dini Tsunami (Tsunami Early Warning Sistem, TEWS). TEWS tergantung pada peringatan (alert

dari pesan yang masuk ke handphone yang sudah terhubung

dengan PC. Data pesan ( message ) yang masuk dibandingkan dengan satu Simulasi dan Data Base Tsunami agar bisa mengakses web. Berdasarkan informasi tersebut, server akan mengeluarkan dan menyebarkan selama peringatan beroperasi 24 jam sehari. Sistem peringatan dini akan mengirimkan peringatan tanda bahaya (alert ) kepada institusi Perantara (Interface Institutions) tertentu. Masyarakat umum akan diberi informasi melalui media umum (radio, TV). Selain itu, peringatan juga akan disebarkan kepada sejumlah lembaga dan orang terpilih melalui web

yang



digunakan untuk menyebarkan peringatan secara langsung kepada masyarakat dan lembaga-lembaga yang berada di daerah berisiko. Sistem informasi dini tsunami akan mengirimkan pesan-pesan peringatan dengan status siaga yang berbeda berdasarkan lokasi gempa dan kemungkinan terjadinya tsunami. INSTANSI TERKAIT

DATABASE

BUOY ( HANDPHONE )

SENSOR TSUNAMI

SMS

SMS SERVER

WEB SERVER

PEMDA

LAPAN

TNI

DINAS PU

POLRI

DINAS PERHUBUNGAN

DINAS KESEHATAN

BAKORSUTANAL

BMG

LSM / NGO

INTERNET

ALARM

Gambar 3.1. Blok Diagram Sistem Informasi Peringatan Dini Tsunami

Perancangan Sistem Informasi Peringatan Dini Tsunami berbasis web ini dimaksudkan agar pemakai sistem ini mempunyai fasilitas file sharing, yaitu di mana setiap informasi yang ada dapat diakses oleh lebih dari satu pemakai pada saat yang bersamaan pada satu jaringan komputer lokal dan untuk mempermudah dalam pelayanan penyampaian informasi dan identifikasi dari upaya mitigasi serta persiapan pra bencana dan ketika bencana tsunami terjadi. Dalam Perancangan Sistem Informasi Peringatan Dini Tsunami berbasis web ini dibagi atas dua wilayah yaitu publik ( publish ) dan admin ( unpublish ). Wilayah publik menyajikan daftar informasi berupa data tabel fungsi dan peran instansi terkait dengan penanganan bencana tsunami, status siaga tsunami, peta lokasi tsunami dan jalur evakuasi. Penyebaran peringatan merupakan tugas beberapa instansi terkait dan dilakukan dengan cara-cara teknis yang berbeda. Pemerintah setempat mempunyai peran penting dalam menjamin bahwa pesan-pesan peringatan dan perintah untuk melakukan evakuasi akan menjangkau semua masyarakat di wilayah-wilayah berisiko dalam komunitas mereka. Koordinasi antar instansi-instansi terkait dalam penanggulangan bencana tsunami dapat dilihat pada Gambar 3.2 dan Gambar 3.3. Universitas Indonesia


Gambar 3.2. Struktur Teknis Penanggulangan Bencana Tsunami Tingkat Propinsi/Pusat

Gambar 3.3. Struktur Teknis Penanggulangan Bencana Tingkat Tsunami Kabupaten /Kota

3.2

PERANCANGAN SOFTWARE Dalam perancangannya sistem ini di buat dengan script-script php dan

berdasarkan fungsinya masing-masing dan menggunakan database MySQL. Alasan pemilihan MySQL sebagai database yang digunakan bersama PHP adalah sebagai berikut : 1. MySQL dapat diperoleh secara gratis sehingga harganya lebih rendah. 2. MySQL memiliki skalabilitas yang tinggi dan mudah diadministrasi. 3. MySQL mendukung banyak ragam API client berbagai macam bahasa pemrograman seperti Perl, C, PHP dan lain-lain.



4. MySQL dapat melakukan koneksi dengan client menggunakan protocol TCP/IP, Unix Socket (unix), atau Named Pipes (NT). 5. MySQL dapat menangani databse dengan skala sangat besar, dengan jumlah record lebih dari 50 juta, 60 ribu table, dan bias menampung 5 milyar baris data. Selain itu pada MySQL batas index pada tiap table dapat menampung sampai 64 index. 6. Dalam relasi antar table pada suatu database, MySQL menerapkan metode yang sangat cepat, yaitu dengan menggunakan metode one-sweep multijoin. MySQL sangat efisien dalam mengelola informasi yang diminta dari banyak table sekaligus. 7. Multiuser, yaitu dalam satu database server pada MySQL, dapat diakses oleh beberapa user dalam waktu yang sama tanpa mengalami konflik atau crash. 8. Security database MySQL terkenal baik, karena memiliki lapisan sekuritas aeperti level subnetmask, nama host dan izin akses user dengan sistem perizinan khusus serta password yang dimiliki setiap user dalam bentuk data terenkripsi.

Alasan pemilihan PHP sebagai bahasa scripting yang berada di server adalah sebagai berikut : a. Lebih powerfull dan robust. Hal ini karena PHP dibangun dari bahasa C. b. Life Cycle yang singkat, sehingga PHP selalu up to date mengikuti perkembangan teknologi internet. c. Cross Platform, PHP dapat dipakai hampir di semua web server yang ada di pasaran baik yang komersil maupun yang gratisan (Apache, AOLServer, OmniHTTPd, PWS, Microsoft IIS dan lain-lain) yang dijalankan pada berbagai platform OS (linux, FreeBSD, Windows, Solaris, Unix). d. Mendukung berbagai macam database relasional baik yang komersial (Oracle, Informix, Microsoft SQL server) maupun yang gratisan (MySQL, mSQL, postgreSQL, dan lain-lain). e. Kemampuan untuk di-embed dalam HTML. f. Kemampuan dalam penanganan exceptional error. g. Dapat diperoleh secara gratis. Universitas Indonesia


Perancangan dimulai dengan membuat script login.php untuk memberikan keamanan pada database sistem ini. Nama user dan password hanya dimiliki oleh seorang administrator yang punya hak untuk mengedit database. Adapun informasi yang tersimpan dalam database adalah: a. Data-data tentang, fasilitas yang dimiliki oleh instansi terkait catatan terjadinya gempa, tindakan dini dari instansi terkait, lokasi evakuasi, peta jalur evakuasi, kontak number, (log gempa), menu manager serta artikelartikel penyebaran informasi yang di publikasi. b. Rencana dan data yang tersusun diperbaharui secara teratur ( update) termasuk data yang berasal dari pengiriman pesan ( message ) handphone.

Pada Gambar 3.4 dapat dilihat alur kerja dari koneksi antara script.php dengan database MySQL. Ketika script.php sudah berhasil terhubung dengan database, maka admin harus memasukan user dan pssword untuk dapat masuk ke database. Program akan terus looping sampai nama user dan password yang dimasukan sesuai dengan yang ada pada database. Setelah login berhasil dilakukan maka program akan menuju ke script index.php yang merupakan script dari halam utama web. Pada script index.php inilah menampilkan semua halaman web sistem informasi peringatan dini tsunami. Index.php merupakan menu utama yang didalamnya berisi semua sub menu script-script yang include pada script index.php. Ketika web browser di jalankan maka otomatis localhost akan menuju ke script index.php yang menampilkan seluruh tampilan web dari sistem informasi peringatan dini tsunami.



Gambar 3.4. Flowchart Login.php

Setelah semua sudah terkoneksi dengan database, maka sistem informasi peringatan dini tsunami mulai dapat bekerja. Halaman web utama akan menampilkan informasi – informasi yang berkaitan dengan tsunami.

Tampilan

halaman utama (home pages ) tersebut akan tetap seperti semula sampai ada input masuk yang mengkses ke alamat localhost menuju ke script siaga.php. Halaman utama web akan berubah setelah ada input masuk ke dalam sistem yang memberikan indikasi bahwa ada informasi status siaga yang harus disampaikan. PC server akan memberikan tanda bahaya (alert) ketka ada pesan masuk ke dalam server. Pada gambar 3.5 terlihat alur kerja dari proses pengambilan data input baik dari pesan handphone.



Gambar 3.5. Diagram Alir Pengambilan Data Input

Gambar 3.6 merupakan alur kerja dari pengiriman informasi pesan (message) dari handphone yang ada dalam buoy dikirimkan

dari

handphone

gempa_skala_kedalaman_x_y_r

dengan (

contoh

ke web server. Pesan yang format format

SMS pesan

ews :

ews

gempa_7,400,200,600,400 ) akan terbaca oleh SMS sevice sehngga data tersebut akan masuk k database untuk memastikan apakah format SMS yang dikirimkan sesuai dengan database.



Apabila sesuai, maka akan meng_update log alarm pada database dan akan menampilkan pada halaman web early warning sistem dengan status siaga.

Gambar 3.6. Diagram alir pengiriman informasi dengan SMS

3.2.1

Perancangan Halaman Web Perancangan halaman web untuk sistem Sistem Informasi Peringatan Dini

Tsunami ini menggunakan script PHP. Halaman web pada sistem ini berfungsi sebagai antarmuka antara user atau client kepada server dengan memberikan fasilitas kepada user untuk memberikan masukan yang akan digunakan untuk mengakses basis data. Perancangan halaman web terbagi atas 2 halaman utama yaitu halaman publish dan halaman unpublish ( admin ), sebagaiamana terlihat pada Gambar 3.7.



Menu Utama

login Informasi

    

Homes Tentang tsunami Bahaya Tsunami Sistem Peringatan Dini Tip-tips

 Peta Evakuasi  Tindakan Dini : Pemda Rumah Sakit Kepolisian TNI LSM BAKORSUTANAL BMG Departemen PU BMG LAPAN Dinas Perhubungan Dinas Sosial Dinas Kesehatan

Admin Tsunami

        

Homes Input / Edit Organisasi Input / Edit Fasilitas Input / Edit Kontak Input / Edit Lokasi Evakuasi Input Log Gempa Input Log Alarm (EWS) Input / Edit Menu Manager Input / Edit Artikel Manager

Logout

Gambar 3.7.Bagan Perancangan Menu Halaman Web

3.2.1.1 Halaman Utama Halaman utama atau bisa disebut homepage adalah halaman yang pertama kali keluar jika sistem informasi ini diaktifkan atau dipanggil. Pada halaman utama sistem Sistem Informasi Peringatan Dini Tsunami ini menampilkan informasi yang menunjukkan bahwa halaman web ini adalah halaman pembuka Sistem Informasi Peringatan Dini Tsunami dan akan menemukan pilihan navigasi yang terdiri dari:



Halaman Publish 1. Tsunami a. Navigasi untuk menuju halaman publish Homes. b. Navigasi untuk menuju halaman publish tentang tsunami. c. Navigasi untuk menuju halaman publish bahaya tsunami. d. Navigasi untuk menuju halaman publish sistem peringatan dini. e. Navigasi untuk menuju halaman publish Tip-tips. 2. Informasi a. Navigasi untuk menuju halaman publish peta evakuasi. b. Navigasi untuk menuju halaman publish tindakan dini, meliputi: 1) Pemerintah. 2) Tentara Nasional Indonesia (TNI). 3) Kepolisian Republik Indonesia. 4) Kesehatan. 5) Lembaga Swadaya Masyarakat (LSM). 6) Departemen PU. 7) Departemen Perhubungan. 8) BMG. 9) Bakorsutanal. 10) LAPAN c. Navigasi untuk menuju halaman publish Jalur Evakuasi.

3.2.1.2 Halaman Admin Pada halaman admin ini diperlukan administrator dalam pengelolaan database. Pada halaman admin ini, agar dapat menjaga keamanan maka untuk bisa masuk ke halaman ini diperlukan password administrator, yang idealnya hanya dipegang oleh seorang saja dan tiap-tiap admin mempunyai username dan password tertentu. Begitu seorang admin berhasil login maka admin akan dihadapkan pada menu pilihan yang akan dilakukan admin, yaitu menambah data atau mengubah /menghapus data. Seorang administrator mempunyai wewenang untuk melakukan input database pada sistem dan mengedit database setelah database tersimpan. Universitas Indonesia


Dalam pengeditan database disesuaikan dengan kebutuhan dengan kemungkinan database tersebut diganti, ditambah, atau dihapus, sehingga pada halaman ini juga dilengkapi beberapa perintah, yaitu: a. Menambah data, berfungsi menambah data organisasi, fasilitas dan kontak yang tersimpan di database tsunami. Cara operasionalnya adalah dengan menambah database kemudian disimpan kembali. Jika database telah selesai ditambah maka dapat dilihat kembali ke menu, maka akan muncul halaman informasi yang menginformasikan data telah berhasil ditambahkan . b. Menghapus atau mengubah data, berfungsi menghapus atau mengubah data apabila terjadi kesalahan dalam pemasukan data. Sebelum masuk pada bagian ini untuk menemukan data yang hendak dirubah atau dihapus, maka disediakan halaman pencarian data, dengan tujuan agar data mudah ditemukan. Pada menu pencarian ini data dicari berdasarkan nama. Setelah data yang hendak dicari ditemukan baru dapat dilakukan penghapusan data atau pengubahan data, jika yang akan dilakukan adalah pengubahan data maka akan ditampilkan halaman pengubahan dan jika yang akan dilakukan adalah penghapusan data maka halaman yang akan ditampilkan adalah halaman konfirmasi penghapusan data. Setiap kali terjadi perubahan kondisi data maka akan ada informasi balik dari hasil perubahan tersebut. Setelah semuanya selesai di update administrator dapat keluar dari menu admin dengan logout.

Halaman Unpublish 1. Tsunami a. Navigasi untuk menuju halaman Homes. b. Navigasi untuk menuju halaman Organisasi. c. Navigasi untuk menuju halaman Fasilitas. d. Navigasi untuk menuju halaman Kontak. e. Navigasi untuk menuju halaman Log Gempa. f. Navigasi untuk menuju halaman EWS. g. Navigasi untuk menuju halaman Menu Manager. h. Navigasi untuk menuju halaman Artikel Manager.



3.2.2

Perancangan Database

Gambar 3.8. Hubungan Antar Database

Pembuatan database untuk sistem peringatan dini tsunami berbasis web ini menggunakan software aplikasi database yaitu PHPMyAdmin. Adapun alasan menggunakan PHPMyAdmin sebagai software aplikasi untuk basis data adalah sebagai berikut : a. PHPMyAdmin dapat diperoleh secara gratis sehingga cost-nya lebih rendah. b. PHPMyAdmin memiliki skalabilitas yang tinggi dan mudah diadministrasi, serta memudahkan dalam perancangan seluruh tabel-tabel dalam penyimpanan data basenya. c. PHPMyAdmin mendukung banyak ragam API client berbagai macam bahasa pemrograman seperti Perl, C, Delphi, PHP, dan lain-lain. Untuk sistem informasi ini, database yang dipakai diberi nama tsunami. Setelah database dibuat, selanjutnya adalah membuat tabel-tabel yang diperlukan. Tabel-tabel inilah yang digunakan untuk proses editing seluruh database seperti menambah dan menghapus data. Tabel-tabel tersebut dibagi-bagi berdasarkan kelompok dan kebutuhan dari sistem ini seperti tabel alarm lokasi, kontak, fasilitas, orgasnisasi, menu manager, artikel manager dan lain-lain. Universitas Indonesia


3.2.2.1 Flow Of Information For client

Gambar 3.9. Alur Informasi Pada Sisi Client



3.2.2.2 Flow Of Information for Admin

Gambar 3.10. Alur Informasi Pada Sisi Admin



Tabel 3.1 Data Masukan Database No.

INPUT

DATABASE id

Nama

1.

Alarm_Lokasi

O

2.

Artikel

O

3.

Buoy

O

4.

Fasilitas

O

O

5.

Grup_Menu

O

O

6.

Grup_Organisasi

O

O

7.

Inbox

8.

Alamat

Jabatan

Telepon

Jumlah

Deskripsi

Publish

O

Jenis

Lokasi_peta

O O

O

O

Jalur_Evakuasi

O

9.

Jenis_Fasilitas

O

O

10.

Job

O

11.

Kabupaten

O

O

12.

Kecamatan

O

O

13.

Kontak

O

O

O

14.

Log_Alarm

O

15.

Log_buoy

O

16.

Log_Gempa

O

17.

Lokasi_Evakuasi

O

O

O

18.

Mail_Alarm

O

19.

Menu

O

O

20.

Organisasi

O

O

21.

Outbox

O

22.

Sent_Items

O

23.

SMS_Alarm

O

24.

User

O

O

O

O

O

O O

O

O

O

O

3.2.2.1. Database Alarm _Lokasi Pada database alarm lokasi terdapat 3 data field yaitu, id, id_alarm_log dan id_kecamatan. Database ini berfungsi untuk menyimpan seluruh kejadian tsunami dan alarm pada semua titik lokasi di yang tersebar diseluruh kecamatan. Seperti terlihat pada Gambar 3.11, Database ini akan ter-update otomatis ketika alarm tanda bahaya tsunami dibunyikan pada titik wilayah kecamatan lokasi terjadinya bencana tsunami.



Gambar 3.11. Database Alarm Lokasi

3.2.2.2. Database Artikel Pada database alarm lokasi terdapat 6 data field yaitu, id, content, link, tanggal, judul, id_user. Tabel artikel ini berfungsi untuk menyimpan seluruh isi dari informasi yang akan di publish pada halaman utama web, sehingga memudahkan admin untuk mengedit dan menyusun seluruh artikel pada halaman web. Pada Gambar 3.12, terlihat database ini menyimpan seluruh informasi artikel pada halaman web.

Gambar 3.12 Database Artikel

3.2.2.3. Database Buoy Pada database buoy ini terdapat 5 data field yaitu, id, map_x, map_y, map_r, image. Database buoy ini berfungsi untuk menyimpan seluruh informasi dari lokasi penempatan buoy dan memberikan koordinat lokasi dari buoy tersebut. Pada Gambar 3.13 seluruh data base buoy akan di beri id masing-masing agar dapat menyusun seluruh informasi tetnang lokasi buoy tersebut berdasarkan dari kedekatan koordinat dengan lokasi terjadinya tsunami.



Gambar 3.13 Database Buoy

3.2.2.4. Database Fasilitas Pada database fasilitas terdapat 5 data field yaitu, id, map_x, map_y, map_r, image. Tabel buoy ini berfungsi untuk menyimpan seluruh informasi dari lokasi penempatan buoy dan memberikan koordinat lokasi dari buoy tersebut. Pada Gambar 3.14 seluruh data base buoy akan di beri id masing-masing agar dapat menyusun seluruh informasi tetnang lokasi buoy tersebut berdasarkan dari kedekatan koordinat dengan lokasi terjadinya tsunami.

Gambar 3.14. Database Fasilitas

3.2.2.5. Database Grup_Menu Pada database grup_menu terdapat 6 data field yaitu, id, nama, deskripsi, publish, gid, urutan. Tabel grup_menu ini berfungsi untuk menyimpan mengatur halaman web dan menetukan apakah halaman web tersebut di publish atau hanya untuk halaman administrator dan tidak di publish. Tabel grup_menu juga berfungsi untuk memberikan deskripsi-deskripsi tentang urutan dari seluruh halaman web, sehingga informasi yang akan di sampaikan ke halaman web akan tampak tersusun Universitas Indonesia


rapi. Pada Gambar 3.15 seluruh informasi tentang halaman web di susun berdasarkan urutan dan prioritas dan informasi.

Gambar 3.15. Database Grup _Menu

3.2.2.6. Database Grup_Organisasi Pada database grup_organisasi terdapat 3 data field yaitu, id, nama, id_user. database grup_organisasi ini berfungsi untuk menyimpan semua instansi-instansi yang terlibat dalam penanggulangan dan evakuasi dini tsunami. Pada Gambar 3.16 seluruh informasi tentang instansi-instansi yang terkait dengan penanggulangan bencana tsunami di simpan dalam data base sehingga seorang adminisitrator mampu menginventarisir seluruh hal mengenai instansi tersebut baik informasi mengenai lokasi kantor juga fasilitas yang dimiliki oleh instansi tersebut. Hal ini agar memudahkan koordinasi antara instansi ketika bencana tsunami datang.

Gambar 3.16. Database Grup_Organisasi

3.2.2.7. Database Inbox Pada database inbox ini terdapat 4 data field yaitu, inbox_id, telp_number, message, data_time. Database inbox ini berfungsi untuk menyimpan data mengenai sistem peringatan dini ( early warning system ) yang di kirimkan dari handphone dalam buoy ke handphone yang terhubung ke PC server melalui sistem aplikasi EWS engine, sehingga semua SMS yang di terima akan tersimpan dalam data base



inbox ini. Pada Gambar 3.17 database akan otomatis ter-update ketika server menerima pesan dari SMS server.

Gambar 3.17 Database Inbox

3.2.2.8. Database Jalur Evakuasi Pada database jalur_evakuasi ini terdapat 4 data field yaitu, id, id_lokasi_evakuasi, nama_jalur, files. Tabel jalur_evakuasi ini

berfungsi untuk

menyimpan menyampaikan informasi mengenai jalur terpendek yang harus dilalui ketika sistem peringatan dini tsunami mengeluarkan tanda bahaya ( alert ). Jalur evakuasi ini akan memberikan informasi mengenai tempat evakuasi, organisasi pendukung, dan peta evakuasi. Peta evakusi ini akan memberikan jalur-jalur terpendek yang dapat dilalui agar aman dari bahaya tsunami. Pada Gambar 3.18 seluruh jalur-jalur evakuasi akan di informasikan berdasarkan rute terpendek yang harus dilalui agar terhindar dari bahaya tsunami. Perancangan dalam pembuatan jalur_evakuasi untuk sistem ini menggunakan Macromedia Flash 8, agar mampu menyajikan tampilan jalur evakuasi yang lebih dinamis.

Gambar 3.18. Database Jalur Evakuasi



3.2.2.9. Database Jenis_Fasilitas Pada database jenis fasilitas terdapat 3 data field yaitu, id, jenis, deskripsi. Tabel jenis fasilitas ini berfungsi untuk menyimpan seluruh informasi untuk memasukan kelengkapan dari semua instansi yang terkait dengan penanggulangan bencana tsunami berupa data transportasi, logistic dan kesehatan. Pada Gambar 3.19 database jeni_fasilitas akan menyimpan seluruh fasilitas yang dimiliki oleh masingmasing instansi terkait berdasarkan klasifikasi kesehatan, logistik.

Gambar 3.19. Database Jenis_Fasilitas

3.2.2.10. Database Job Pada database job ini terdapat 3 data field yaitu, id, id_organisasi , job. Tabel job ini berfungsi untuk menyimpan memberikan informasi mengenai hal-hal yang menjadi tanggung jawab dari masing-masing instansi terkait. Spesifikasi pekerjaan yang sudah ditetapkan dari awal akan memudahkan koordinasi antara instansi, sehingga akan memberikan response yang cepat ketika bencana tsunami terjadi. Pada Gambar 3.20 menyimpan database spsesifikasi pekerjaan yang menjadi tanggung jawab dari masing-masing instansi akan di publish, sehingga masyarkat luas disekitar lokasi bencana tsunami dapat mengetahui hal-hal yang mejadi tanggung jawab utama dari masing-masing instansi dalam upaya evakuasi dini tsunami.

Gambar 3.20. Database Job



3.2.2.11. Database Kabupaten Perancangan database kabupaten ini untuk memasukan seluruh kabupaten yang masuk dalam wilayah Propinsi Bengkulu. Hal ini di maksudkan agar lebih mengetahui batas antara kabupaten sehingga memudahkan koordinasi untuk melakukan evakuasi dini ketika terjadi bencana tsunami. Tabel kabupaten ini terdiri dari 6 kolom ( field )utama yaitu kolom nama,utara,selatan,timur,barat dan luas. Untuk lebih jelasnya dapat dilihat pada Gambar 3.21. Database kabupaten ini berfungsi untuk memasukan nama semua kabupaten di Propinsi Bengkulu sebagai tempat evakuasi ketika terjadi bencana tsunami Dengan adanya tabel ini akan dapat mengetahui wilayah keseluruhan pada Propinsi Bengkulu.

Gambar 3.21. Database Kabupaten

3.2.2.12. Database Kecamatan Perancangan database kecamatan ini untuk mengetahui memasukan seluruh kecamatan yang masuk dalam wilayah Kota Bengkulu. Seperti yang terlihat pada Gambar 3.22 fungsi utama tabel kecamatan ini hampir sama dengan tabel kabupaten, hanya saja dalam lingkup wilayah yang lebih kecil yaitu kecamatankecamatan yang berada pada wilayah kota Bengkulu. Tabel kabupaten ini terdiri dari 6 kolom ( field )utama yaitu kolom nama,utara,selatan,timur,barat dan luas. Tabel kecamatan berfungsi untuk memasukan nama kecamatan yang memiliki tempat evakuasi tsunami di dalam Kota Bengkulu.



Gambar 3.22. Database Kecamatan

3.2.2.13. Database Kontak Perancangan database kontak ini untuk memudahkan koordinasi antar instansi, sehingga masing-masing instansi mampu melakukan tindakan dini dengan cepat dan tepat sasaran. Seperti terlihat pada Gambar 3.23 database ini terdiri dari 5 kolom ( field )utama yaitu kolom nama,jabatan, alamat, telepon dan e-mail. Tabel kontak ini berfungsi untuk memasukan nama kontak person / instansi sehingga ketika terjadi bencana langsung tersambung ke nomor telepon yang bersangkutan, sehingga diharapakan langsung me-response bahaya ini dengan memerintahkan instansinya segera melakukan tindakan tanggap darurat

Gambar 3.23. Database Kontak

3.2.2.14. Database Log Alarm Pada database log_alarm terdapat 10 data field yaitu, id, lintang, bujur, tanggal,

expired,

status_siaga,

skala,

kedalaman,

perkiraan_waktu_tsunami,

id_log_gempa. Database log_alarm ini merupakan database utama yang memberikan informasi mengenai adanya bahaya tsunami. Database ini akan menyimpan seluruh Universitas Indonesia


data yang masuk dari SMS server sebagai pesan yang harus disampaiakn ke masyarakat luas tentang adanya bahaya tsunami. Pada Gambar 3.24. terlihat bahwa seluruh informasi yang diterima dari SMS sever ke dalam database server akan di olah dan selanjutnya di informasikan mengenai adanya bahaya tsunami. Masyarkat luas akan mendapatkan informasi dari mulai lokasi terjadinya tsunami, waktu kejadian, besarnya skala richter, perkiraan tsunami akan terjadi di daratan juga status siaga dari bahaya tsunami tersebut.

Gambar 3.24. Database Log Alarm

3.2.2.15. Database Log_Buoy Pada database log_buoy ini

terdapat 3 data field yaitu, id, status,

timestamp. Database log_buoy ini merupakan data dari seluruh informasi buoy yang ada di sekitar lokasi terjadinya tsunami. Pada Gambar 3.25. ini menyimpan setiap buoy yang masing-masing memiliki

id agar memudahkan untuk memantau

kejadian-kejadian yang berhubungan dengan potensi terjadinya tsunami.

Gambar 3.25. Database Log _Buoy



3.2.2.16. Database Log_Gempa Perancangan database log_gempa ini untuk memberikan informasi secara detail kejadian-kejadian gempa. Catatan kejadian gempa tersebut akan dimasukan kedalam database dan akan terus ter-update sesuai dengan kejadian-kejadian gempa terkini. Database ini akan memberikan gambaran tentang continuitas gempa dan perkiraan terjadinya tsunami. Seperti terlihat pada Gambar 3.26 database ini terdiri dari 6 kolom ( field )utama yaitu kolom id, tanggal, skala, kedalaman, map_x, map_y, map_r. Database Log_Gempa ini berfungsi untuk menyimpan dan mencatat seluruh kejadian ketika bencana tsunami terjadi dan menyimpannya dalam database.

Gambar 3.26 Database Log_Gempa

3.2.2.17. Database Lokasi_Evakuasi Perancangan database lokasi_evakuasi ini untuk memberikan informasi lokasi tsunami terjadi. Penentuan lokasi evakuasi ini berdasarkan jarak terdekat dari tempat kejadian. Pada Propinsi Bengkulu terdapat 6 titik lokasi evakuasi yang digunakan ketika bencana tsunami terjadi. Seperti terlihat pada Gambar 3.27, database ini terdiri dari 4 kolom (field )utama yaitu nama, alamat, x, dan y. Database lokasi_evakuasi ini berfungsi untuk menyimpan tempat evakuasi yang terdekat ketika terjadi bencana tsunami. Pada Gambar 3.27 tesimpan seluruh informasi mengenai lokasi evakuasi yang ada di daerah yang terdekat dari lokasi terjadinya bencana tsunami. Database ini juga akan memberikan informasi secara detail kepada siapa masyarakat luas harus meminta bantuan dalam melakukan evakuasi dini.



Gambar 3.27. Database Lokasi_Evakuasi

3.2.2.18. Database Mail_Alarm Pada database mail_alarm ini terdapat 5 data field yaitu, id, contact_id, ts, sent_status, grup_id. Tabel mail_alarm ini merupakan tabel yang menyimpan data pesan dari seluruh instansi yang masuk dalam link server sistem ini. Dengan adanya data ini, maka sistem akan membandingkan seluruh informasi yang masuk dari link server untuk di olah dan dianalisa agar mampu melakukan tindakan dan evakuasi dini ketika alarm tanda bahaya berbunyi. Pada Gambar 3.28 ini tersimpan semua data yang berupa pesan dari SMS server seluruh link orgnisasi atau instansi terkait.

Gambar 3.28. Database Mail_Alarm

3.2.2.19. Database Menu Pada database menu ini terdapat 7 data field yaitu, id, nama, link, publish, gmid, gid, urutan. Database menu ini berfungsi untuk mengatur dan menyusun isi dari semua halaman web baik yang akan di publish maupun halaman web untuk administrator. Pada Gambar 3.29. ini tersimpan semua data yang berupa pesan dari SMS server seluruh link orgnisasi atau instansi terkait.



Gambar 3.29. Database Menu

3.2.2.20. Database Organisasi Perancangan database Organisasi ini untuk memudahkan upaya mitigasi ketika terjadi bencana tsunami. Dengan di ketahuinya organsisasi serta instansiinstansi yang terkait maka akan memberikan informasi mengenai tugas-tugas yang berkaitan dengan tindakan dan dini dan proses evakuasi dini pra bencana tsunami. Seperti terlihat pada Gambar 3.30. ini terdiri dari 5 kolom ( field ) utama yaitu kolom nama,jabatan, alamat, telepon dan e-mail. Database organisasi ini berfungsi untuk memasukan nama organisasi dan instasni-instansi yang terkait dengan response penanggulangan bencana tsunami

Gambar 3.30. Database Organisasi



3.2.2.22. Database Outbox Pada database outbox ini terdapat 5 data field yaitu, sent_id, telp_dest, message, date_time, status. Database outbox ini memiliki fungsi yang hampir sama dengan database inbox, hanya saja pada tabel outbox ini terdapat informasi berupa data-data yang akan di sampaikan melalui SMS server ke semua nomor tujuan dari seluruh instansi terkait yang masuk dalam link sistem ini. Pada Gambar 3.31 ini tersimpan seluruh data pesan yang di informasikan ke seluruh link server berupa data hasil pemantauan server mengenai status dan potensi bahaya tsunami.

Gambar 3.31. Database Outbox

3.2.2.21. Database User Pada database user ini terdapat 4 data field yaitu, id, username, password, gid. Database user

ini merupakan tabel kunci login yang hanya dimiliki oleh

seorang administrator. Dengan kunci login inilah seluruh proses editing database dilakukan oleh seorang admin. Gambar 3.32 ini di publish pada halaman web utama, namun hanya seorang admin saja dan beberapa administrator dari link server yang mampu mengakses login ini. Hal ini perlu dilakukan karena hanya inilah satusatunya sistem keamanan yang dimiliki oleh sistem yang dibangun dengan database yang menggunakan MySQL sebagai database servernya .

Gambar 3.32. Database User

BAB IV Universitas Indonesia


PENGUJIAN DAN ANALISA Pada bab IV ini akan dibahas hasil dari pengujian sistem informasi peringatan dini tsunami berbasis web (Tsunami Early Warning Information Sistem Based on Web). Aplikasi sistem

ini memerlukan web server (Apache) yang

dilengkapi dengan PHP, dengan menggunakan database MySQL untuk menyimpan data-data yang akan dibutuhkan oleh pengguna (user). Sedangkan user untuk mengakses aplikasi web tersebut membutuhkan web browser pada komputer. Pada aplikasi sistem informasi peringatan dini tsunami ini menggunakan PHP karena bersifat server side yaitu pengerjaan script dilakukan di server, baru hasilnya dikirimkan ke browser. Perancangan sistem informasi peringatan dini tsunami ini menggunakan xampp (software yang didalamnnya sudah terintegrasi antara apache, mysql da n php). Versi MySQL yang digunakan sebagai database server-nya adalah MySQL versi 5.23 dengan ukuran tabel maksimum mencapai 8 juta terabyte (263 byte), akan tetapi besarnya ukuran tabel MySQL biasanya dibatasi oleh sistem operasi. Secara default, tabel MySQL memiliki ukuran maksimum 4 G dan juga dapat menyimpan berkas dalam format JPEG yang ukuran filenya berkisar antara 200 KB sampai 600 KB. Pertama kali menjalankan sistem ini user harus melakukan langkah-langkah sebagai berikut: 1. Menjalankan komputer dengan sistem operasi Microsoft Windows XP Professional / Windows Vista 2. Menjalankan program Xampp (Program ini sebelumnya harus di start / restart terlebih dahulu), seperti pada Gambar 4.1. Cari folder tempat program tersebut disimpan di D:/Master/Xampp/Xampp_Start, untuk memulai melakukan koneksi ke localhost web browser. D:/Master/Xampp/Xampp_control, untuk menampilkan panel control.



Gambar 4.1 Tampilan ketika Xampp berhasil running

3. Menjalankan program internet browser seperti Microsoft Internet Explorer/ Mozilla Firefox / Opera 4. Menuliskan address http://localhost/sidang 5. Aktifkan EWMS Engine, Klik tombol Start dan pilih salah satu com port yang digunakan untuk interkoneksi dengan menggunakan kabel data siemens C55. 6. Set kondisi handphone server dalam kondisi no inbox. Setelah EWMS Engine sudah terkoneksi terlihat seperti pada gambar 4.2, menunjukan bahwa koneksi antara hanphone dengan PC server berhasil dilakukan.

Gambar 4.2. Tampilan EMS Engine ketika sudah terkoneksi dengan server Universitas Indonesia


Kemudian browser akan menampilkan halaman menu utama dari program aplikasi sistem informasi peringatan dini tsunami berbasis web. 4.1

Halaman Utama Pada Gambar 4.3 merupakan halaman pembuka (home pages) dari sistem

sistem informasi peringatan dini tsunami berbasis web yang berfungsi sebagai halaman depan yang sekaligus menyajikan navigasi menuju halaman informasi tsunami dan menu admin.

Gambar 4.3. Tampilan Halaman Web Homes

Halaman-halaman tersebut merupakan halaman web tsunami yang di pu blish dan dapat diupdate isi dari artikel halaman yang akan ditampilkan. Artikel yang dipublish disesuaikan dengan keadaan. Pada Gambar 4.4 merupakan halaman web, sebagai halaman yang akan ditampilkan ketika sistem informasi peringatan dini tsunami ini mendapatkan informasi bencana tsunami berupa persan masuk (message) dari handphone ke PC server atau ketika salah satu tombol simulasi tsunami ditekan, sehingga halaman utama

web

akan

menampilkan

halaman

Early

Warning

Sistem

yang



mengindikasikan ada informasi tsunami yang harus segera disampaikan ke masyarakat luas. Pada halaman web tersebut terdapat navigasi lokasi gempa, tindakan dini dan lokasi evakuasi.

Gambar 4.4 Halaman Web Ketika Alert Tsunami

Terdapat 6 lokasi evakuasi yang dipersiapkan berdasarkan informasi gempa yang diperoleh sehingga mampu memberi petunjuk ke masyarakat disekitar lokasi gempa menuju jalur evakuasi yang terdekat. Pada Gambar 4.5 merupakan halaman yang akan menampilkan peta bengkulu dengan 6 titik lokasi evakuasi. Apabila salah satu titik ini di klik, maka akan menamilkan detail informasi dari lokasi evakuasi.

Detail informasi yang

ditampilkan yaitu berupa nama lokasi evakuasi, alamat lokasi evakuasi dan organisasi pendukung antara lain: Pemerintah Daerah, Polda, RSUD,KOREM serta PMI.



Gambar 4.5 Tampilan Halaman Tsunami Navigasi Peta Evakuasi

Pada Gambar 4.6 merupakan tampilan Log Gempa, yang merupakan catatan kejadian gempa yang terjadi ketika mendapatkan pesan masuk dari handphone yang berisi informasi tentang besarnya skala richter, berada pada kedalaman berapa, tangggl serta waktu kejadian gempa.. Status siaga berdasarkan dengan kedekatan lokasi gempa dengan daratan dan besarnya skala richter yang terjadi.



Gambar 4.6 Tampilan Halaman Tsunami Navigasi Log Gempa

Pada Gambar 4.7 merupakan halaman web, yang akan memberikan informasi kepada masyarakat luas dan instansi terkait mengenai hal-hal yang dilakukan untuk tindakan dini ketika bencana tsunami terjadi. Dengan adanya job spesisification yang jelas dari tiap-tiap lembaga, maka diharapkan koordinasi akan semakin baik dan mampu memberikan respon yang cepat dan tepat untuk memberikan bantuan untuk evakuasi dini dari masing-masing instansi tersebut.



Gambar 4.7 Tampilan Halaman Tsunami Navigasi Tindakan Dini

Pada Gambar 4.8 merupakan pesan yang disampaikan dari browser ketika user memasukan login, hal ini untuk memastikan apakah login yang dimasukkan di save sehingga user tidak akan diminta untuk memasukan password lagi. Sebaiknya password jangan di save, karena hal ini untuk menghindari penggunaan database bagi orang yang tidak diizinkan masuk.

Gambar 4.9 Pop Up Message ketika user memasukan Login

Pada Gambar 4.9 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk melakukan proses edit untuk menambah dan menghapus organsisasi serta instansi - instansi yang terkait dalam penyampaian informasi peringatan dini tersebut.



Gambar 4.9 Tampilan Halaman Adminsitrator Organisasi

Pada Gambar 4.10 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk melakukan proses pengisian form mengenai detail organisasi dan instansi-instansi terkait. Pada pengisian form tesebut berisi hal-hal mengenai nama instansi, alamat instansi, telepon, fax, radio, e-mail, web, kontak serta nama jabatan.

Gambar 4.10 Tampilan Halaman Adminsitrator Detail Organisasi Universitas Indonesia


Pada Gambar 4.11 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk memberikan informasi kepada instansi-instansi mengenai tugas apa saja yang harus dilakukan untuk melakukan tindakan dini ketika akan terjadi bencana tsunami.

Gambar 4.11 Tampilan Halaman Adminsitrator EWS Job

Pada Gambar 4.12 merupakan halaman web administrator, yang di gunakan sebagai halaman web untuk meng-edit fasilitas -fasilitas apa saja yang dimiliki oleh masing-masing instansi. Dengan mengetahui fasilitas tersebut maka akan memudahkan proses evakuasi dini ketika tsunami terjadi, dan juga akan dapat menginventarisir jumlah kebutuhan untuk tindakan dini.



Gambar 4.12 Tampilan Halaman Adminsitrator Fasilitas

Pada Gambar 4.13 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk mengelompokan fasilitas yang dimiliki oleh masingmasing instansi bedasarkan tiga kelompok, yaitu jenis transportasi, logistik dan kesehatan.

Gambar 4.13 Tampilan Halaman Adminsitrator Jenis Fasilitas Universitas Indonesia


Pada Gambar 4.14 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk memasukan kontak telepon agar memudahkan koordinasi antar masing-masing instansi ketika terjadi bencana tsunami.

Gambar 4.14 Tampilan Halaman Adminsitrator Kontak

Pada Gambar 4.15 merupakan halaman web administrator, yang digunakan sebagai halaman web untuk menampilkan secara detail kejadian-kejadian gempa berdasarkan statusnya, besar skala richter, serta tanggal kejadian.



Gambar 4.15 Tampilan Halaman Adminsitrator Log Gempa

Pada Gambar 4.16 merupakan halaman web administrator, yang digunakan sebagai ini merupakan halaman web untuk menampilkan secara detail Early Warning Sistem berdasarkan tanggal kejadian dan status siaga. Status siaga ini berdasarkan posisi gempa dalam radius jarak terhadap daratan Bengkulu. Makin dekat posisi gempa dengan daratan Bengkulu, maka status siaga akan menjadi status siaga 3

Gambar 4.16 Tampilan Halaman Adminsitrator Log EWS Universitas Indonesia


Gambar 4.17 merupakan halaman web administrator Menu Manager untuk mengatur semua tampilan artikel pada seluruh halaman web. Pada Menu manager ini terdapat pilihan group menu, menu, dafatar dan tambah. Group Menu digunakan untuk mengatur penempatan menu-menu berdasarkan kedudukannya apakah untuk di publish atau unpublish. Selain itu juga pada menu manager ini dapat menambah menu-menu serta artikel-artikel yang akan ditampilkan pada halaman web.

Gambar 4.17 Tampilan Halaman Adminsitrator Group Menu

Gambar 4.18 merupakan halaman web administrator yang memberikan informasi dari menu-menu pada seluruh halaman web serta menyusunnya berdasarkan urutan serta dan susunannya pada halaman web.



Gambar 4.18 Tampilan Halaman Adminsitrator Menu

Gambar 4.19 merupakan halaman web administrator

untuk mengatur

halaman web agar mampu berkoneksi dengan halaman yang lain dengan memberi link pada setiap menu dari halaman web tersebut.

Gambar 4.19 Tampilan Halaman Adminsitrator Link Menu Universitas Indonesia


Gambar 4.20 merupakan halaman web administrator ini untuk meng-edit isi dari artikel pada halaman web yang di publish. Dengan adanya menu ini memudahhkan seorang administrator untuk mengubah isi dari artikel pada semua halaman web

Gambar 4.20 Tampilan Halaman Adminsitrator Artikel Manager



4.2 Kelebihan dan kekurangan Program Sistem informasi peringatan dini tsunami berbasis web ini memiliki kelebihan dan kekurangan antara lain: 1. Kelebihan Kelebihan dari Sistem Informasi Peringatan Dini Tsunami Berbasis Web ini adalah: a. Jangkauan penyampaian informasi lebih luas, karena bisa diakses lewat internet sehingga user dapat memperoleh informasi dari mana saja dan kapan saja. b. Pada sistem ini adanya informasi mengenai langkah-langkah teknis

(

actions ) dari semua instansi yang terkait sehingga memudahkan tindakan dini dan koordinasi yang cepat antar instansi. c.

Sistem ini mampu menerima input dari luar melaluli koneksi serial 232 berupa pesan masuk ( message ) dari handphone

RS-

untuk menerima

informasi mengenai lokasi bencana tsunami yang akan langsung ter-update didalam database. 2. Kekurangan Kekurangan program ini adalah: a. Keamanan data lebih banyak tergantung pada web servernya, karena keamanan pada program yang dibuat hanya mengandalkan login dan password saja. b. Tidak secara spesifik memberikan jalur evakuasi. c. Hanya merupakan sistem simulasi, sehingga tingkat efektifitas sistem ini belum teruji dengan menggunakan input sensor yang real.



BAB V PENUTUP 5.1

Kesimpulan Dari hasil perancangan dan simulasi sistem informasi peringatan dini

tsunami berbasis web ini dapat disimpulkan beberapa hal, antara lain: 1. Dengan adanya sistem informasi peringatan dini tsunami berbasis web ini maka: a. User dapat mengetahui informasi berkaitan dengan tsunami yang dibutuhkan dengan cepat dan tepat. b. User dapat mengetahui kondisi dan status siaga bencana tsunami serta dapat melihat log gempa berdasarkan waktu kejadian, skala richter, kedalaman lokasi, serta status siaga. c. User dapat memperoleh gambaran tugas dari beberapa instansi yang terkait dan juga dapat mengetaui tidakan dini serta jalur evakuasi yang digunakan berdasarkan lokasi gempa, sehingga akan mampu mengurangi resiko banyaknya korban akibat bencana tsunami. 2. Sistem informasi peringatan dini tsunami dalam penyampaiannya berfungsi sebagai sistem basis data dan sarana menyampaikan informasi melalui internet yang memanfaatkan teknologi web dan SMS sebagai media informasinya.

5.2

Saran 1. Perancangan aplikasi sistem informasi peringatan dini tsunami ini hanya merupakan sistem simulasi yang memanfaatkan informasi teknologi web dab SMS sebagai media informasinya, sehingga apabila sistem ini di buat dengan menggunakan input sensor yang real time,

maka perlu

diperhatikan kompatibilitas dari perangkat software dan hardware yang gunakan.



2.

Sistem informasi peringatan dini ini dapat dikembangkan dengan menggunakan mikrokontroler sebagai interface untuk mengontrol beberapa input sensor.

3. Peningkatan sistem keamanannya

jika dirasa sangat perlu.untuk di

tingkatkan, karena pada sistem ini hanya mengandalkan user dan password saja untuk keamanan databasenya.



DAFTAR ACUAN

[1] Mitigasi Bencana Gempa Bumi dan Tsunami, Diakses 9 Desember http://www.pirba ristek.go.id

2008.

[2] Pedoman Sistem Peringatan Dini pada daerah potensi bencana. Diakses Desember 2008. http://www.dinkes.bantulkab.go.id

9

[3] Pengertian Database, Kamus Komputer dan Teknologi, edit terakhir 10 mei 2005. Diakses 9 Desember 2008 http://www.total.or.id [4] Kelebihan dan Kekurangan Database Server. Diakses 9 Desember 2008 http://www.diskusiweb.com [5] Mengelola Database Server MySQL di Linux dan Windows, halaman 1. [6]

Relational Database. Diakses 9 Desember http://www.peems.blogspot.com/2008/10/relational database.html

2008

[7] SMS (short message service) with gammu, PHP and VB.net for the application. Diakses 9 Desember 2008. http://sms-gammu.blogspot.com [8] Geografiana ( BAB I GIS workbook vol1) pengantar GIS. Oleh Prof. Shunji Murai, University of Tokyo. Diakses 9 Desember 2008. http//www.geografiana.com



DAFTAR PUSTAKA

Subadono Diposaptono, Budiman, 2008, Hidup Akrab Dengan Gempa dan Tsunami, PT Sarana Komunikasi Utama, Bogor. Utdirartatmo, Firrar, 2002, Mengelola Database Server MySQL di Linux dan Windows, ANDI Offset, Yogyakarta. Haris Saputro, Sugiri, 2008, Pengelolaan Database MySQL dengan PHPMyAdmin, Graha Ilmu, Yogyakarta. Kadir, Abdul, 2002, Dasar Pemrograman WEB Dinamis Menggunakan PHP, Andi Offsae, Yogyakarta. Purbo, W Onno, 2002, Apache Web Server, PT Media Elek Komputindo, Jakarta. Utdirartatmo, Firrar, 2002, Mengelola Database Server MySQL di Linux dan Windows, Andi Offset, Yogyakarta. Waljiyanto, 2000, Sistem Basis Data Analisis dan Pemodelan Data, J & J Learning , Yogyakarta.



Lampiran

Listing Program TEWS SIAGA.PHP <EMBED src="alert.wav" autostart=true loop=true volume=100 hidden=true> = now() order by id desc limit 0,1"; $res = mysql_query($sql); $row = mysql_fetch_assoc($res); $id = $rows["id_log_gempa"]; ?>
Early Warning Systems
SIAGA : --> '; echo ''; echo ''; echo '
'; echo '
Early Warning Systems
'; echo 'SIAGA : '; echo '
';

echo 'Lokasi Gempa'; echo ' | '; echo 'Tindakan Dini'; echo ' | '; echo 'Lokasi Evakuasi'; echo ''; echo ''; echo ''; switch($m){ case 1: mapGempaLatest(); break; case 2: loadTindakan(); break; case 3: defaultSiaga(); break; default: defaultSiaga(); break; }

function loadTindakan(){ $sql = "select * from group_organisasi"; $res = mysql_query($sql); $num = mysql_num_rows($res); for($i=0;$i<$num;$i++){ $row[$i] = mysql_fetch_assoc($res); } for($i=0;$i<$num;$i++){ $sql1 = "select * from job as a join group_organisasi as b on (a.id_group_organisasi=b. id) where b.id = ".$row[$i]["id"]; Universitas Indonesia


$res1 = mysql_query($sql1); $num1[$i] = mysql_num_rows($res1); for($j=0;$j<$num1[$i];$j++){ $row1[$i][$j] = mysql_fetch_assoc($res1); } } $tcols=2; echo ''; for($i=0;$i<$num;$i++){ $x = $i%$tcols; if($x == 0){ echo ''; echo ''; echo ''; }else{ echo ''; echo ''; } } echo '
'; echo ''; echo ''; echo ''; echo ''; echo ''; echo '
Group : '.$row[$i]["nama"].'
'; echo '
'; for($j=0;$j<$num1[$i];$j++){ echo '
'.$row1[$i][$j]["job "].'
'; } echo '
'; echo '
'; echo ' '; echo ''; echo ''; echo ''; echo ''; echo '';

(lanjutan)

echo '
Group : '.$row[$i]["nama"].'
'; echo '
'; for($j=0;$j<$num1[$i];$j++){ echo '
'.$row1[$i][$j]["job "].'
'; } echo '
'; echo '

'; echo '
'; } function mapGempaLatest(){ $sql = "select * from log_alarm where expired >= now() order by id desc limit 0,1"; $res = mysql_query($sql); $row = mysql_fetch_assoc($res); $id = $rows["id_log_gempa"]; echo ''; echo ''; echo ''; echo ''; echo '
'; } function defaultSiaga(){ $sql_eva = "select * from lokasi_evakuasi"; $res_eva = mysql_query($sql_eva); $num_eva = mysql_num_rows($res_eva); for($i=0;$i<$num_eva;$i++){ $rows_eva[$i] = mysql_fetch_assoc($res_ev a); } echo ''; for($i=0;$i<$num_eva;$i++){ $sql_jeva = "select a.id as lokid, b.id, b.nama_jalur from jalur_evakuasi as b join lokasi_evakuasi as a on (b.id_lokasi_evakuasi=a.i d) where Universitas Indonesia


a.id=".$rows_eva[$i]["id" ]; $res_jeva = mysql_query($sql_jeva); $num_jeva[$i] = mysql_num_rows($res_jeva) ; for($j=0;$j<$num_jeva[$i];$j++ ){ $rows_jeva[$i][$j] = mysql_fetch_assoc($res_je va); } } $tcols=2; $trows = ceil($num_eva/3); $x = $num_eva%3;

for($i=0;$i<$num_eva;$i++){ $x = $i%$tcols; if($x == 0){ echo ''; echo ''; echo ''; }else{ echo ''; } } for($r=0;$r<$trows;$r++){ echo ''; for($c=0;$c<$tcols;$c++){ echo ''; } echo ''; } echo '

Lokasi Evakuasi : '.$rows_eva[$i ]["nama"].''; echo '
'; echo ''; echo ''; echo ''; echo '
Jalur : '; echo '
'; for($j=0;$j<$num_jeva[$i];$j++ ){ echo '
'; echo $rows_jeva[$i][$j]["nama_ jalur"]; echo '
'; } echo '
'; echo '
'; echo ' Lokasi Evakuasi : '.$rows_eva[$i ]["nama"].'';

(lanjutan)

echo '
'; echo ''; echo ''; echo ''; echo '
Jalur : '; echo '
'; for($j=0;$j<$num_jeva[$i];$j++ ){ echo '
'; echo $rows_jeva[$i][$j]["nama_ jalur"]; echo '
'; } echo '
'; echo '
'; echo '
'; echo '
'; } ?>

SIAGA.MAP.PHP = now() order by id desc limit 0,1"; $res = mysql_query($sql); Universitas Indonesia


$row = mysql_fetch_assoc($res); $id = $row["id_log_gempa"]; $sql1 = "select * from log_gempa where id =".$id; $res1 = mysql_query($sql1); $rows = mysql_fetch_assoc($res1);

header('Content-Type: image/png');

(lanjutan)

imagettftext($img, 9, 0, $rows["map_x"], $rows["map_y"]+45, $black, $font, $text3); imagettftext($img, 9, 0, $rows["map_x"], $rows["map_y"]+60, $black, $font, $text4); imagepng($img); imagedestroy($img);

$src = LoadPNG("map/dot.png"); $img = LoadPNG('map/bengkulu.png ');

?>

$white = imagecolorallocate($img, 255, 255, 255); $grey = imagecolorallocate($img, 128, 128, 128); $black = imagecolorallocate($img, 0, 0, 0); $font = 'font/arial.ttf';

GRAPH.PHP

function LoadPNG($imgname) { /* Attempt to open */ $im = @imagecreatefrompng($imgn ame); /* See if it failed */ if(!$im) { /* Create a blank image */ $im = imagecreatetruecolor(150, 30); $bgc = imagecolorallocate($im, 255, 255, 255); $tc = imagecolorallocate($im, 0, 0, 0);

imagecolortransparent($src,ima gecolorat($src,0,0)); $insert_x = imagesx($src); $insert_y = imagesy($src); imagefilledellipse($img, $rows["map_x"], $rows["map_y"], 10, 10, $col_ellipse); imageellipse($img, $rows["map_x"],$rows["map _y"], $rows["map_r"], $rows["map_r"], $col_ellipse); $text = 'Pusat Gempa '; $text2 = $rows["skala"].' SR'; $text3 = $rows["kedalaman"].' M'; $text4 = $rows["tanggal"]; imagettftext($img, 9, 0, $rows["map_x"], $rows["map_y"]+15, $black, $font, $text); imagettftext($img, 9, 0, $rows["map_x"], $rows["map_y"]+30, $black, $font, $text2);

imagefilledrectangle($im, 0, 0, 150, 30, $bgc); /* Output an error message */ imagestring($im, 1, 5, 5, 'Error loading ' . $imgname, $tc); } return $im; }



function imagelinethick($image, $x1, $y1, $x2, $y2, $color, $thick = 1) { /* this way it works well only for orthogonal lines imagesetthickness($image, $thick); return imageline($image, $x1, $y1, $x2, $y2, $color); */ if ($thick == 1) { return imageline($image, $x1, $y1, $x2, $y2, $color); } $t = $thick / 2 - 0.5; if ($x1 == $x2 || $y1 == $y2) { return imagefilledrectangle($ima ge, round(min($x1, $x2) $t), round(min($y1, $y2) - $t), round(max($x1, $x2) + $t), round(max($y1, $y2) + $t), $color); } $k = ($y2 - $y1) / ($x2 $x1); //y = kx + q $a = $t / sqrt(1 + pow($k, 2)); $points = array( round($x1 (1+$k)*$a), round($y1 + (1-$k)*$a), round($x1 - (1$k)*$a), round($y1 (1+$k)*$a), round($x2 + (1+$k)*$a), round($y2 (1-$k)*$a), round($x2 + (1$k)*$a), round($y2 + (1+$k)*$a), ); imagefilledpolygon($image, $points, 4, $color); return imagepolygon($image, $points, 4, $color); } function LoadGif($imgname) { /* Attempt to open */

(lanjutan)

$im = @imagecreatefromgif($imgn ame); /* See if it failed */ if(!$im) { /* Create a blank image */ $im = imagecreatetruecolor (150, 30); $bgc = imagecolorallocate ($im, 255, 255, 255); $tc = imagecolorallocate ($im, 0, 0, 0); imagefilledrectangle ($im, 0, 0, 150, 30, $bgc); /* Output an error message */ imagestring ($im, 1, 5, 5, 'Error loading ' . $imgname, $tc); } return $im; } header('Content-Type: image/png'); $src = LoadPNG("map/dot.png"); $img = LoadPNG('map/bengkulu.png '); $col_ellipse = imagecolorallocate($img, 255, 255, 25); //imagefilledellipse($img,245, 196, 10, 10, $col_ellipse); imagecolortransparent($src,ima gecolorat($src,0,0)); $insert_x = imagesx($src); $insert_y = imagesy($src); imagecopymerge($img,$src,242,1 92,0,0,$insert_x,$insert_ y,100); imagecopymerge($img,$src,442,3 92,0,0,$insert_x,$insert_ y,100); Universitas Indonesia


imagefilledellipse($img, 200,500, 5, 5, $col_ellipse); imagefilledellipse($img, 200,400, 5, 5, $col_ellipse); imageellipse($img, 300,400, 400, 400, $col_ellipse); $white = imagecolorallocate($img, 255, 255, 255); $grey = imagecolorallocate($img, 128, 128, 128); $black = imagecolorallocate($img, 0, 0, 0); imagefilledrectangle($img, 0, 0, 399, 29, $white); imagelinethick($img, 200, 400, 200, 250, $black,1); $text = 'Pusat Gempa'; $font = 'font/arial.ttf'; imagettftext($img, 9, 0, 205, 405, $black, $font, $text); $textbuoy1 = 'Buoy 1'; imagettftext($img, 9, 0, 30, 170, $black, $font, $textbuoy1); $textbuoy2 = 'Buoy 2'; imagettftext($img, 9, 0, 205, 505, $black, $font, $textbuoy2); $col_ellipse = imagecolorallocate($img, 250, 215, 25); imagefilledellipse($img, 20,40, 50, 50, $col_ellipse); imagepng($img); imagedestroy($img); ?> EVAKUASI.PHP

(lanjutan)

<script type="text/javascript"> dw_Tooltip.defaultProps = { wrapFn: dw_Tooltip.wrapImageOverText } dw_Tooltip.content_vars = {

L: { img: 'images/jalur_evakuasi.jpg', txt: ' ', Universitas Indonesia


h: 250

(lanjutan)

}, } <map name="Map"> <area name="" shape="circle" coords=",,10" href="index.php?option=evakuas i&task=detil&id=" class="showTip L"> '; echo ''; echo 'Nama Lokasi Evakuasi
width="5%">:'.$row["n ama"].''; echo ''; echo ''; echo 'Alamat Lokasi Evakuasi:'.$row["a lamat"].''; echo ''; echo ''; echo 'Organisasi Pendukung'; echo ''; echo ''; echo ''; echo ''; for($i=0;$i<$num1;$i++){ echo ''; echo ''; echo ''; } echo '
'.($i+1).'. '.$row1[ $i]["nama"].'
'; echo ''; echo ''; echo ''; } ?>

ALARM.PHP = now()"; $res = mysql_query($sql); } ?> Universitas Indonesia


EWS.PHP '; echo ''; echo ''; for($i=0;$i<$num;$i++){ echo ''; echo ''; echo ''; } echo '

'; echo '
No. Tanggal< /th> Status Siaga
'.($i+1).' ' .$rows[$i]["tanggal"].' '.$rows[$i]["statu s_siaga"].'
'; ?>

EWS_JOB.PHP
(lanjutan)

$sql = "select * from job where id_group_organisasi=".$id ; $res = mysql_query($sql); $num = mysql_num_rows($res); for($i=0;$i<$num;$i++){ $rows[$i] = mysql_fetch_assoc($res); }

echo ''; echo '
Tindakan Dini Tsunami
'; echo ''.$nama["nama"].' '; echo ''; echo '
'; echo ''; echo ''; echo ''; echo ''; for($i=0;$i<$num;$i++){ echo ''; echo ''; echo ''; echo ''; } echo '
No. tindakan
'.($i+1).' '.$rows[$i]["job"].'
'; }else{ echo ''; echo ''; echo ''; echo ''; echo '
'; echo 'Tindakan Dini Penanggulangan Tsunami oleh organisasi'; echo '
';

?> }



FASILITAS.PHP
(lanjutan)

case "add": formFasilitas(); break;

= " insert into fasilitas (nama, jenis_id, organisasi_id, jumlah, deskripsi) "; $sql .= " values ('".$nama."', '".$jenis_id."', '".$organisasi_id."', '".$jumlah."', '".$deskripsi."') "; $result = mysql_query($sql); break;

case "edit": formFasilitas(true, $id); break;

case "detil": detilFasilitas($id); break;

case "update": $id = $_REQUEST["fid"]; $nama_fasilitas = $_REQUEST["nama_fasilitas "]; $jenis_id = $_REQUEST["jenis_fasilita s"]; $jumlah_fasilitas = $_REQUEST["jumlah_fasilit as"]; $deskripsi = $_REQUEST["deskripsi"];

case "delete": $sql = "delete from fasilitas where id=".$id; $res = mysql_query($sql); break;

toolBars(); switch($task){ case "view": viewFasilitas(); break;

$sql = "update fasilitas set nama='$nama_fasilitas', jenis_id='$jenis_id', jumlah='$jumlah_fasilitas ', deskripsi='$deskripsi' where id=$id"; $result = mysql_query($sql); break; case "save": $organisasi_id = $_REQUEST["organisasi_id" ]; $nama = $_REQUEST["nama_fasilitas "]; $jenis_id = $_REQUEST["jenis_fasilita s"]; $jumlah = $_REQUEST["jumlah_fasilit as"]; $deskripsi = $_REQUEST["deskripsi"];

$sql

default: viewFasilitas(); break; } function formFasilitas($edit=false , $id=0){ $sql0 = "select * from organisasi order by id asc"; $result = mysql_query($sql0); $num = mysql_num_rows($result); for($i=0;$i<$num;$i++){ $rows[$i]= mysql_fetch_assoc($result ); } $sql2 = "select * from jenis_fasilitas order by id asc"; $result2 = mysql_query($sql2); $num2 = mysql_num_rows($result2); for($i=0;$i<$num2;$i++){ $rows2[$i] = mysql_fetch_assoc($result 2); } Universitas Indonesia


if($edit == true){ $sql1 ="select a.id, a.nama, a.jumlah, a.deskripsi, a.jenis_id, b.jenis from fasilitas as a join jenis_fasilitas as b on (a.jenis_id=b.id) where a.id=".$id; $result1 = mysql_query($sql1); $rows1 = mysql_fetch_assoc($result 1); echo '
'; }else{ echo ''; } echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ' '; echo ''; echo ''; echo ''; echo ''; echo ''; ''; ''; ''; ''; ''; ''; ''; ''; ''; '';

echo '
nama organisasi '; echo '<select name="organisasi_id">'; for($i=0;$i<$num;$i++){ if($rows[$i] == $rows["organisasi_id"]){ echo '
nama fasilitas
(lanjutan)

value="'.$rows1["nama"].' ">
jenis '; echo '<select name="jenis_fasilitas">'; for($i=0;$i<$num2;$i++){ if($rows2[$i]["id"] == $rows1["jenis_id"]){ echo ''; }else{ echo ''; } } echo echo echo echo echo

echo echo echo

echo echo echo

echo

''; '
jumlah fasilitas
deskripsi fasilitas

'; echo '
'; } Universitas Indonesia


function viewFasilitas(){ $sql0 = "select id, nama from organisasi order by id"; $result0 = mysql_query($sql0); $num0 = mysql_num_rows($result0); for($i=0;$i<$num0;$i++){ $rows0[$i] = mysql_fetch_assoc($result 0); $sql1[$i] = "select a.id, a.nama, a.jenis_id, a.jumlah, a.deskripsi, b.jenis from fasilitas as a join jenis_fasilitas as b on (a.jenis_id = b.id) where organisasi_id = ".$rows0[$i]["id"]; $result1 = mysql_query($sql1[$i]); $num1[$i] = mysql_num_rows($result1); for($j=0;$j<$num1[$i];$j++){ $rows1[$i][$j] = mysql_fetch_assoc($result 1); } } echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; for($i=0;$i<$num0;$i++){ echo ''; echo ''; echo ''; echo ''; echo '
nama tipe jumlah keterangan
'.$rows0[$i][ "nama"].'
'; echo ''; echo ''; for($j=0;$j<$num1[$i];$j++){ echo ''; echo ''; echo ''; } echo ''; echo ''; echo '
'.($j+1).'.'. $rows1[$i][$j]["nama"].'< /a> [edi t] [
(lanjutan)

silitas&task=delete&id='. $rows1[$i][$j]["id"].'">d elete] '.swit chEmptyColoumn($rows1[$i] [$j]["jenis"]).' '.switchEmptyColoumn($row s1[$i][$j]["jumlah"]).' '.switchEmptyColou mn($rows1[$i][$j]["deskri psi"]).'
'; } echo '
'; } function detilFasilitas(){ $id = $_REQUEST["id"]; $sql = "select a.id, a.nama, b.jenis, a.jumlah, a.deskripsi from fasilitas as a join jenis_fasilitas as b on (a.jenis_id=b.id) where a.id=".$id; $result = mysql_query($sql); $rows = mysql_fetch_assoc($result ); echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo '
nama '.switchEmptyColoumn($row s["nama"]).'
jenis '.swit chEmptyColoumn($rows["jen is"]).'
jumlah '.swi tchEmptyColoumn($rows["ju mlah"]).'
deskripsi '. Universitas Indonesia


switchEmptyColoumn($rows[ "deskripsi"]).'
'; } function toolBars(){ ?> daftar tambah< /a>
0){ hasil(1, $rows); } }else{ $rows = searchMenu(1, $str); } break; case "fedit2": $id= $_REQUEST["id"]; formFasilitas(true, $id); break; case "fview": viewFasilitas(); break; case "fsave": $organisasi_id = $_REQUEST["organisasi_id" ]; $nama = $_REQUEST["nama_fasilitas "]; $jenis_id = $_REQUEST["jenis_fasilita s"]; $jumlah = $_REQUEST["jumlah_fasilit as"];

(lanjutan)

$deskripsi = $_REQUEST["deskripsi"]; $sql

= " insert into fasilitas (nama, jenis_id, organisasi_id, jumlah, deskripsi) "; $sql .= " values ('".$nama."', '".$jenis_id."', '".$organisasi_id."', '".$jumlah."', '".$deskripsi."') "; $result = mysql_query($sql); if($result){ echo 'penambahan berhasil'; } break; case "fupdate": $id = $_REQUEST["fid"]; $nama_fasilitas = $_REQUEST["nama_fasilitas "]; $jenis_id = $_REQUEST["jenis_fasilita s"]; $jumlah_fasilitas = $_REQUEST["jumlah_fasilit as"]; $deskripsi = $_REQUEST["deskripsi"]; $sql = "update fasilitas set nama='$nama_fasilitas', jenis_id='$jenis_id', jumlah='$jumlah_fasilitas ', deskripsi='$deskripsi' where id=$id"; $result = mysql_query($sql); if($result){ echo 'update berhasil'; } break; case "fdetil": detilFasilitas(); break; ?>



FUNCTION.GRAPH.PHP

(lanjutan)

if ($x1 == $x2 || $y1 == $y2) { return imagefilledrectangle($ima ge, round(min($x1, $x2) $t), round(min($y1, $y2) - $t), round(max($x1, $x2) + $t), round(max($y1, $y2) + $t), $color); } $k = ($y2 - $y1) / ($x2 $x1); //y = kx + q $a = $t / sqrt(1 + pow($k, 2)); $points = array( round($x1 (1+$k)*$a), round($y1 + (1-$k)*$a), round($x1 - (1$k)*$a), round($y1 (1+$k)*$a), round($x2 + (1+$k)*$a), round($y2 (1-$k)*$a), round($x2 + (1$k)*$a), round($y2 + (1+$k)*$a), ); imagefilledpolygon($image, $points, 4, $color); return imagepolygon($image, $points, 4, $color);

/* See if it failed */ if(!$im) { /* Create a blank image */ $im = imagecreatetruecolor(150, 30); $bgc = imagecolorallocate($im, 255, 255, 255); $tc = imagecolorallocate($im, 0, 0, 0);

imagefilledrectangle($im, 0, 0, 150, 30, $bgc); /* Output an error message */ imagestring($im, 1, 5, 5, 'Error loading ' . $imgname, $tc); } return $im; } } function imagelinethick($image, $x1, $y1, $x2, $y2, $color, $thick = 1) { /* this way it works well only for orthogonal lines imagesetthickness($image, $thick); return imageline($image, $x1, $y1, $x2, $y2, $color); */ if ($thick == 1) { return imageline($image, $x1, $y1, $x2, $y2, $color); } $t = $thick / 2 - 0.5;

function LoadGif($imgname) { /* Attempt to open */ $im = @imagecreatefromgif($imgn ame); /* See if it failed */ if(!$im) { /* Create a blank image */ $im = imagecreatetruecolor (150, 30); $bgc = imagecolorallocate ($im, 255, 255, 255); Universitas Indonesia


$tc = imagecolorallocate ($im, 0, 0, 0); imagefilledrectangle ($im, 0, 0, 150, 30, $bgc);

(lanjutan)

0,0,$insert_x,$insert_y,1 00); }

/* Output an error message */ imagestring ($im, 1, 5, 5, 'Error loading ' . $imgname, $tc); }

imagepng($img); imagedestroy($img);

return $im;

MAP.LOG.GEMPA.PHP

} ?>

?>

$link = mysql_connect($host, $user, $pass); $db = mysql_select_db($dbname, $link);

$sql = "select * from lokasi_evakuasi"; $res = mysql_query($sql); $num = mysql_num_rows($res); for($i=0;$i<$num;$i++){ $rows[$i] = mysql_fetch_assoc($res); }

$sqlb = "select * from buoy"; $resb = mysql_query($sqlb); $n_buoy = mysql_num_rows($resb); for($i=0;$i<$n_buoy;$i++){ $buoys[$i] = mysql_fetch_assoc($resb); }

header('Content-Type: image/png');

header('Content-Type: image/png'); $src = LoadPNG("map/buoy.png"); $img = LoadPNG('map/bengkulu.png '); $col_ellipse = imagecolorallocate($img, 25, 25, 255);

MAP.EVAKUASI.PHP
$src = LoadPNG("map/dot.png"); $img = LoadPNG('map/bengkulu.png '); imagecolortransparent($src,ima gecolorat($src,0,0)); $insert_x = imagesx($src); $insert_y = imagesy($src); for($i=0;$i<$num;$i++){ imagecopymerge($img,$src,$rows [$i]["x"],$rows[$i]["y"],

imagecolortransparent($src,ima gecolorat($src,0,0)); $insert_x = imagesx($src); $insert_y = imagesy($src); Universitas Indonesia


for($i=0;$i<$n_buoy;$i++){ imagecopymerge($img,$src,$buoy s[$i]["map_x"],$buoys[$i] ["map_y"],0,0,$insert_x,$ insert_y,100); } for($i=0;$i<$num;$i++){ imagefilledellipse($img, $rows[$i]["map_x"], $rows[$i]["map_y"], 10, 10, $col_ellipse); imageellipse($img, $rows[$i]["map_x"],$rows[ $i]["map_y"], $rows[$i]["map_r"], $rows[$i]["map_r"], $col_ellipse); } $white = imagecolorallocate($img, 255, 255, 255); $grey = imagecolorallocate($img, 128, 128, 128); $black = imagecolorallocate($img, 0, 0, 0); $font = 'font/arial.ttf'; for($i=0;$i<$num;$i++){ $text = 'Pusat Gempa '. ($i+1); $text2 = $rows[$i]["skala"].' SR'; $text3 = $rows[$i]["kedalaman"].' M'; $text4 = $rows[$i]["tanggal"]; imagettftext($img, 9, 0, $rows[$i]["map_x"], $rows[$i]["map_y"]+15, $black, $font, $text); imagettftext($img, 9, 0, $rows[$i]["map_x"], $rows[$i]["map_y"]+30, $black, $font, $text2); imagettftext($img, 9, 0, $rows[$i]["map_x"], $rows[$i]["map_y"]+45, $black, $font, $text3); imagettftext($img, 9, 0, $rows[$i]["map_x"], $rows[$i]["map_y"]+60, $black, $font, $text4);

(lanjutan)

} imagepng($img); imagedestroy($img); ?>

SIMULATOR.PHP Universitas Indonesia


SPESIFIKASI SIEMENS C55



SPESIFIKASI KABEL DATA SIEMENS C55



No.	Tanggal< /th>	Status Siaga
'; echo '
'.($i+1).'	' .$rows[$i]["tanggal"].'	'.$rows[$i]["statu s_siaga"].'

nama organisasi	'; echo '<select name="organisasi_id">'; for($i=0;$i<$num;$i++){ if($rows[$i] == $rows["organisasi_id"]){ echo '
nama fasilitas	(lanjutan) value="'.$rows1["nama"].' ">
jenis	'; echo '<select name="jenis_fasilitas">'; for($i=0;$i<$num2;$i++){ if($rows2[$i]["id"] == $rows1["jenis_id"]){ echo ''; }else{ echo ''; } } echo echo echo echo echo echo echo echo echo echo echo echo ''; '
jumlah fasilitas
deskripsi fasilitas

nama	'.switchEmptyColoumn($row s["nama"]).'
jenis	'.swit chEmptyColoumn($rows["jen is"]).'
jumlah	'.swi tchEmptyColoumn($rows["ju mlah"]).'
deskripsi	'. Universitas Indonesia Sistem informasi peringatan..., Muhammad Zaenal Muttaqin, FT UI, 2008 switchEmptyColoumn($rows[ "deskripsi"]).'

Universitas Indonesia SISTEM INFORMASI PERINGATAN DINI TSUNAMI BERBASIS WEB ( SIMULASI TSUNAMI BENGKULU ) SKRIPSI

Recommend Documents

Early Warning Systems

Early Warning Systems

Tindakan Dini Tsunami