SISTEM EMERGENCY REPORT DAN PENDATAAN ANGGOTA BERBASIS WEB PADA TARUNA SIAGA BENCANA (TAGANA) YOGYAKARTA
NASKAH PUBLIKASI
DisusunOleh : HilariusDongiKepaong AnggingWahyuWibowo
08.01.2376 08.01.2364
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
EMERGENCY REPORT SYSTEM AND WEB-BASED DATA COLLECTION MEMBER OF TARUNA SIAGA BENCANA (TAGANA) YOGYAKARTA
SISTEM EMERGENCY REPORT DAN PENDATAAN ANGGOTA BERBASIS WEB PADA TARUNA SIAGA BENCANA (TAGANA) YOGYAKARTA Hilarius Dongi Kepaong Angging Wahyu Wibowo Jurusan Teknik Informatika
ABSTRACT Information technology holds important in supporting progress in various fields. Reflecting this fact, the authors plan to conduct research on information technology that can be used to provide immediate information and dissemination of natural disasters in the region. The information provided must be fast and accurate, the medium used is the internet. With the use of the internet, the author makes the information on the incidence of natural disasters over the web. This is a step forward for the process of providing information directly when there is a natural occurrence. Where people can directly access and obtain information directly and accurately. In the form of online media, it is easy way in which the majority of people today have known the internet. The author hopes that this website can help the public to know about natural disasters as soon as possible to prepare for and anticipate a natural disaster so as to minimize the casualties when disasters happen. Keywords: Disasters, Tagana, Information Technology, Test, Internet
1. Pendahuluan Perkembangan teknologi komputer saat ini sangat berkembang pesat dan sangat mendukung media-media informasi yang beredar banyak di kalangan masyarakt begitu juga penggunaan internet, saat ini internet menjadi sumber informasi yang sangat banyak di gunakan dan banyak menjadi pilihah bagi banyak orang di belahan dunia sebagai media informasi yang sangat cepat memberi informasi terupdate dari seluruh belahan dunia. Kemudahan ini banyak di manfaatkan oleh banyak pihak mulai dari kalangan bisnis, organisasi sosial, serta kalangan pemerintahan, dengan demikian dengan perkrmbangan teknologi informasi saat ini memberikan pengaruh besar diberbagai aspek kehidupan masyarakat. Pada saat ini nilai-nilai informasi menjadi sangat penting bagi instansi ataupun lembaga, sehingga dibutuhkan sarana dan prasarana pendukung untuk menunjang kelancaran kegiatan. Website sebagai media informasi yang sekarang ini terus dikembangkan untuk memenuhi kebutuhan informasi di segala bidang kehidupan. Hampir semua instansi ataupun lembaga telah memanfaatkan website sebagai media informasi. Tidak seperti media iklan, TV, spanduk dan media infomasi lain, website memiliki kelebihan dalam penyediaan berbagai informasi, semua itu dapat dilihat dari segi kecepatan dan kemudan dalam memperoleh informasi. Selain itu, website merupakan sebuah media pengalihan dari informasi manual menjadi informasi digital. Keunggulan tersebut menjadi pendorong bagi setiap instansi ataupun lembaga untuk membangun website sebagain media informasi. Taruna Siaga Bencana (TAGANA) Yogyakarta merupakan salah satu lembaga sosial di Yogyakarta yang mempunyai cabang hampir di seluruh Indonesia. Dengan adanya website sebagai media informasi, maka akan mempermudah penyebaran informasi ke berbagai cabang di Indonesia terutama di daerah Yogyakarta, terutama dalam informasi mengenai data-data dan informasi mengenai bencana alam.
2. LANDASAN TEORI 2.1 Definisi Web Situs web (bahasa Inggris: web site) atau sering dingkat dengan istilah situs adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.[2] Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di internet disebut pula
sebagai Waring Wera Wanua atau lebih dikenal dengan singkatan WWW. Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML, atau XHTML Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS. 2.2 Komponen-Komponen Web Dalam sebuah website terdapat beberapa komponen-komponen penunjang yang membuat website menjadi sebuah media informasi yang sangat luas, hingga dapat di akses oleh seluruh masyarakat dunia. Beberapa komponen tersebut 2.3 Internet Pengertian internet memiliki arti yang cukup luas dimana kata internet itu sendiri merupakan singkatan kata dari interconnection-networking, bila dijabarkan secara sistem global maka internet merupakan jaringan komputer diseluruh penjuru dunia yang saling terhubung satu sama lain dengan menggunakan standar Internet Protocol Suite (TCP/IP) sehingga antara komputer dapat saling mengakses informasi dan bertukar data. Internet mencangkup segala sesuatu secara luas baik itu komputerisasi maupun telekomunikasi. 2.4 Web Page Dokumem-dokumen yang di temukan pada saat menjelajahi web disebut web page. Web page di buat dengan menggunakan bahasa format khusus yang di kenal sebagai HTML (HyperText Markup Language). HTML dapat di baca semua jenis komputer yang mempunyai web browser, yaitu sebuah software yang berfungsi menerjemahkan kode-kode HTML dari dokumen yang berasal dari WWW menjadi web page yang bisa di lihat dari web browser. Web page yang berisi teks, grafik, suara dan animasi sebenarnya adalah terjemahan dari kode-kode HTML yang memberitahu browser bagaimana harus menampilkan teks, grafik, suara dan animasi yang di lihat pada halaman web adalah file-file yang terpisah dan berbeda tentang cara membukanya. Ketika melihat kode-kode HTML yang sesuai, maka browser akan meminta grafik, suara atau animasi, untuk segera di tampilkan ke layar komputer client. Dengan metode ini maka tampilam web page akan menjadi lebih menarik. 1
1. 2.
Definisi WEB : http://id.wikipedia.org/wiki/Situs_web Internet : http://www.weblog.web.id/2012/08/pengertian-internet-jaringan-komputer.html Web Page : http://yuniparmita.wordpress.com/2011/11/25/pengertian-web-page-webbrowser-homepage-web-hosting-dan-website/
2.4 Server Side dan Client Side 2.4.1
Server Side
a. Server Side lebih banyak digunakan untuk memproses sesuatu yang berhubungan dengan server, seperti pengolahan database. b. Membutuhkan sebuah web server untuk menjalankannya, seperti Pesonal Web Server (PWS) untuk Windows9x, dan Internet Information Services (IIS) untuk Windows 2000 Professional, Windows NT, Windows NT, Windows 2000 Server Family dan Widows XP Professional. c. Script yang berbasis Server Side tidak dapat dilihat pada saat kita membrowse di jendela browser. d. Yang termasuk dalam kategori Script yang berbasis Server Side adalah Active Server Pages (ASP), Personal Home Page (PHP).
2.4.2 Client Side a. Client Side lebih sering digunakan pada saat user membutuhkan interaksi yang sangat tinggi, namun sedikit dalam penggunaan data, seperti aplikasi kalkulator, perhitungan jasa wartel yang tidak membutuhkan pengolahan database. b. Tidak membutuhkan Web Server untuk menjalannya. c. Script yang berbasis Client Side dapat dilihat pada jendela browser. d. Yang termasuk dalam katergori Script yang berbasis Client Side adalah VBScript, JavaScript. 2.5 Data Base Database terdiri dari dua kata yaitu data dan base. Kata data berarti sekumpulan fakta-fakta yang dapat di simpan dan mewakili suatu objek yang di rekam dalam bentuk angka, huruf, simbol, teks atau kombinasinya. Sedangkan base merupakan tempat berkumpul. Jadi, database dapat di artikan sebagai sekumpulan fakta-fakta yang di simpan dan saling berhubungan satu sama lain. Database merupakan faktor terpenting dalam terciptanya website yang dinamis dan interaktife. Fungsi dari database adalah menyimpan informasi-informasi dalam website dan mampu menampilkan informasi tersebut ketika dibutuhkan.
2.6 PHP PHP merupakan bahasa server-side scripting yaitu bahasa pemrograman yang berjalan pada sisi server. PHP bisa menyatu pada halaman HTML untuk membuat halaman web yang dinamis. Secara khusus, PHP dibuat untuk membuat halaman web yang dinamis, dimana PHP mempunyai fungsi-fungsi untuk melakukan koneksi dan sekaligus juga mengisi, mengedit, menghapus dan menampilkan isi suatu database seperti Acess, Oracle, MySQL, dBase dan sebagainya ke halaman web. PHP merupakan software yang open source dan mampu bekerja lintas platform. PHP mampu berjalan pasa sistem operasi windows dan beberapa versi linix. Ada beberapa cara penulisan script PHP, yaitu: a.
script php pertama ?> b.
script php kedua ?> c. <script language = “php”>
script php ketiga d. <%
script php ketiga %> Dari keempat cara diatas, cara pertama adalah format penulisan yang di anjurkan, tetapi cara yang kedua dan keempat adalah cara yang paling sering digunakan karena lebih ringkas. Sedangkan cara ketiga digunakan untuk mengantisipasi editor website dan browser yang tidak mampu menerima cara penulisan diatas. Dalam pembuatan tugas akhir ini, penulis menggunakan cara penulisan yang pertama untuk menulis script PHP. Prinsip kerja PHP hampir sama dengan HTML. Model kerja HTML dengan permintaan suatu halaman web oleh browser. Berdasarkan URL Adress (Uniform Resource Locator Adress) atau lebih dikenal dengan alamat internet, browser mendapatkan halaman dari web server. Awal mulanya, browser mengirim informasi yang dibutuhkan kepada web server tentang halaman yang dikehendaki. Selanjutnya, web server akan memberikan berkas yang diminta dan mengirimkan isinya ke browser. Browser yang telah mendapatkan isinya segera melakukan proses penerjemahan kode HTML dan menampilkannya ke layar. Jika yang diminta adalah sebuah halaman PHP, maka isinya segera dikirimkan ke mesin PHP (PHP Enginee) dan mesin inilah yang memproses dan memberikan hasilnya ke layar web browser. 2.7 MySQL MySQL merupakan server database yang memiliki kemampuan multiuser, kecepatan akses yang tinggi, kenyamanan dalam penggunaan dan kestabilan yang baik dalam mengelola data dalam jaringan. MySQL mempunyai ukuran yang relative kecil tetapi kemampuannya dalam mengelola database sangat baik. Selain
itu MySQL juga merupakan proyek open source. Dengan konsep open source siapa saja dapat mengembangkan program database ini karena kode sumber disertakan dalam distribusinya. Dengan demikian bila terdapat bug atau kesalahan dalam pengembangan program akan dapat dengan cepat diperbaiki melalui komunitas open source. Program database MySQL sudah lama berkembang sehingga mempunyai banyak versi esuai dengan tingkat kebutuhan masingmasing pengembang. Pada pokok bahasan ini akan dibahas tentang basis data MySQL baik yang berdiri sendiri maupun yang erintegrasi dengan Apache Server dan PHP. Untuk mendapatkan informasi tentang MySQL secara lengkap dapat dibaca di website http://www.mysql.com. Dalam database pada umumnya informasi disimpan dalam bentuk tabel-tabel yang secara logik merupakan struktur dua dimensi yang terdiri atas baris (row atau record) dan kolom (column atau field). Dalam database dapat terdiri dari beberapa tabel yang saling berkaitan satu dengan lainnya. Tabel merupakan kumpulan data yang mempunyai kesamaan yang dipilih menjadi field-field tertentu. Untuk membuat tabel diperlukan fieldfield. Field ini mempunyai tipe data dan ukuran sehingga harus ditentukan tipe data untuk masing-masing field. Tipe data ini berguna dalam pengeloaan database baik untuk input, edit, hapus maupun query. Awalnya MySQL dijalankan pada sistem operasi Unix dan Linux. Tapi, para penggemar Windows pun sekarang sudah tersedia MySQL versi windows. Mereka yang menggunakan Linux biasanya MySQL sudah terinstall secara default. Bila belum dapat menginstalnya menggunakan RPM (Redhat Package Manager), merupakan prosedure instalasi software yang menjadi standar de-facto untuk Linuk itu sendiri, walaupun kita tidak menggunakan linux redhat. Selanjutnya kalau kita menggunakan OS Windows tidak usah berkecil hati, karena sudah ada paket software yang merangkum MySQL, Apache, Webserver dan PHP yang sangat mudah untuk dinstall. Software tersebut namanya PhpTriad (phptriad2-2.exe, ukuran 13MB). Adapun fungsi-fungsi dari MySQL itu sendiri adalah sebagai berikut: a. Menyimpan data itu sudah pasti b. Mengaksesnya dengan cepat c. Mengubahnya (insert, update, delete) dengan melakukan itu semua dengan mudah. MySQL mulanya dikembangkan untuk menangani database yang sangat besar lebih cepat dari solusi-solusi yang ada dan telah sukses digunakan dalam lingkungan produksi yang memiliki banyak permintaan untuk beberapa tahun. 2
1. http://muhal.wordpress.com/2007/03/14/aplikasi-basis-data-jaringan-php-apache-mysql-server/ 2. http://www.php.net/ 3. http://id.wikipedia.org/wiki/PHP
Tabel 2.1. Tipe Data Pada MySQL Tipe Data Keterangan Int Integer Float Bilangan desimal dengan single-precission Double Bilangan desimal dengan double-precission Decimal Bilangan desimal dalam bentuk string Char String karakter dengan panjang tetap Varchar String karakter dengan panjang tidak tetap Text String teks Date Tanggal (yyyy-mm-dd) Time Waktu (hh:mm:ss) Date/Time Tanggal dan waktu (yyyy-mm-dd hh:mm:ss) Year Tahun (yyyy) Jenis-jenis operasi SQL a. DDL (Data Definition Language) Perintah untuk melakukan pendefinisian database dan tabel b. DML (Data Manipulation Language) Perintah untuk melakukan manipulasi data dalam tabel c. DCL (Data Control Language) Perintah untuk mengatur pemakai database dan hak aksesnya.
3. ANALISA DAN PERANCANGAN 3.1 Definisi Analisis Sistem Membuat sebuah website, terlebih dahulu harus memahami apa tujuan pembuatan website itu sendiri, karena hal tersebut merupakan pedoman dalam perancangan pembuatan sebuah website. Secara umum pembuatan sebuah website bertujuan untuk memasyarakatkan dan mendukung kegiatan suatu perusahaan atau perorangan dengan memberi sajian berupa informasi, promosi, transaksi dan sebagainya. Karenanya, pembuatan website TAGANA (Taruna Siaga Bencana) ini mempunyai tujuan membuat system Laporan Kejadian (Emergency Report) dan Pendataan Anggota yang tadinya berjalan secara manual menjadi Sistem Informasi Emergency Report dan Pendataan Anggota berbasis web. Setelah menentukan tujuan pembuatan website, selanjutnya perlu diketahui nilai manfaat website tersebut. Dengan adanya website ini maka system yang tadinya berjalan secara manual, sekarang dapat diakses oleh seluruh anggota TAGANA dan seluruh daftar anggota yang ada bisa dilihat tanpa harus melihat pada buku atau pada data yang hanya berada diposko TAGANA.
3.2 Latar Belakang Pembentukan Organisasi 1. Perubahan Paradikma Penanggulangan Bencana terkini dari fatalistik responsif ke preventif proaktif 2. Mangingat Kamampuan pemerintah dalam Penanggulangan Bencana sangat Terbatas maka perlu di dukung oleh Masyarakat yang peduli terhadap lingkunganya dari ancaman Bencana Alam. 3. Agar peran Masyarakat dalam Penanggulangan Bencana dapat di pertanggungjawabkan, maka perlu di beri pemahaman dan melaluai petugas petugas sosial Salah satunya Taruna Siaga Bencana ( TAGANA ) yang telah terlatih dalam rangka menghadapi Bencana yang akan datang. 4. Departemen Sosial RI Menggali potensi masyarakat dalam Penanggulangan Bencana dengan memperdayakan Karang Taruna, karena : a. Sejak Departemen Sosial RI dilikuidasi, satuan – satuan atau pilarpilar terdepan lambat laun mulai ” Hilang ” seperti : PSK ( Petugas Sosial Kecamatan ) SATGASOS ( Satuan Tugas Sosial ) dan lain sebagainya. b. Departemen Sosial RI adalah pembina fungsional Karang Taruna. c. Anggota-anggota Karang Taruna sudah sering terlibat secara langsung dalam Penanggulangan Bencana maupun penanganan PBP tetapi selalu tidak Menonjol. d. Anggota Karang Taruna sangat banyak dan terbesar . e. Adanya kebutuhan yang mendesak tentang personel penanggulangan terlatih berbasis masyarakat.
DASAR PEMBENTUKAN TAGANA Deklarasi Lembang Tanggal 25 Maret 2004 Yang di Canangkan Oleh : Direktur Jendral Pemberdayaan Sosial Departemen Sosial RI Tanggal Tersebut Sekaligus dijadikan sebagai hari Lahirnya ” TAGANA ” ( Taruna Siaga Bencana ) Di Indonesia ( Youth Disaster Preparedness Unit )
3.3 Struktur Organisasi TAGANA DIY
Coordinator Propinsi Teguh Raharjo
Coordinator Kabupaten Sleman Yulianto
Sekertaris Yulianto
Bendahara Yulianto
Coordinator Kabupaten Kulonprogo Indarto
Coordinator Kabupaten Kota madya Tomy P
Coordinator Kabupaten Gunung Kidul Sarjana
Coordinator Kabupaten Bantul Dony Kristanto
Gambar 3.1 Diagram struktur organisasi TAGANA. 3.4 Struktur Halaman User Umum User umum adalah pengunjung umum yang melihat informasi pada website. User umum tidak mempunyai hak apapun terhadap data yang ada dalam website, mereka hanya bisa melihat informasi yang ditampilkan pada website. Berikut struktur halaman user umum.
User/pengunjung
index Beranda
Agenda
Profile
Lprn Kejadian
Lprn Kegiatan
Hub kami
Foto kegiatan Gambar 3.2 Struktur halaman user
3.5 Perancangan User Interface Rancangan Interface Website Informasi Rumah Kos terdiri dari tiga bagian yaitu halaman user umum, halaman user pemilik kos dan halaman administrator.
3.5.1 Rancangan Halaman User Umum/Pengunjung 1. Rancangan menu untuk user.
LOGO TAGANA Beranda Kami
Agenda
Profile
Brita
Emergency
Kategori Berita Berita Terpopuler
Galery
Hubungi
pencarian Slide Show
support statistik
Download Patner kami Kontent Berita
Gambar 3.3 Rancangan Menu Untuk User Gambar 1.1 merupakan tampilan awal sistem untuk user, yang terdapat beberapa bagian item menu, yaitu : 1) Beranda : merupakan menu tampulan awal website 2) Agenda : merupakan tampilan menu kegiatan dan jadwal piket posko 3) Profile : merupakan tampilan yang menjelaskan sejarah berdirinya Taruna Siaga Bencana (TAGANA) dan beberap latar blakang dan visi misi TAGANA. 4) Berita Emergency : Merupakan tampilan menu berita seputar kejadian bencana alam terupdate yang terjadi pada saat itu. 5) Galery : Merupakan tampilan menu yang berisi foto-foto seputar kegiatan sosial yang dilakukan TAGANA baik di lokasi bencana maupun di dalam kehidupan bermasyarakat. 6) Hubungi Kami : Merupakan tampilan menu yang berisi form yang berfungsi sebagai media komunikasi antara pengunjung dan admin TAGANA, dan juga sebagai media untuk menampung kritik dan saran bagi kemajuan TAGANA kedepannya. 2.
Berikut Tampilan Untuk Main/index.php
Gambar 3.4 Tampilan Halaman Index/home
4. Tampilan Halaman Profile Tagana
Gambar 3.5 Tampilan Halaman Profile
5. Tampilan Halaman Login Admin
Gambar 3.6 Tampilan Halaman Login Admin
6. Berikit Tampilan Halaman Utama Admin
Gambar 3.7 Tampilan Pertama Halaman Admin
4. PENUTUP 4.1 Kesimpulan Dari hasil perancangan, pembuatan dan implementasi program, maka dapat disimpulkan bahwa tujuan membuat dan menganalisis website yang baik sebagai system informasi baru dalam pengolahan data Laporan kejadian ( Emergency report) dan pendataan anggota telah tercapai andatara lain sebagai berikut: a. System informasi Laporan kejadian dan pendataan anggota yang sekarang berbasis web sehingga memudahkan anggota TAGANA dalam penyebaran informasi kejadian bencana. b. Memberikan informasi pada pengunjung tentang informasi bencana yang terjadi. c. Jadwal-jadwal kegiatan TAGANA dapat di lihat dan di akses secara online. d. Pengunjung dapat lebih mengenal dan banyak tahu kegiatan social yang di lakukan oleh TAGANA.
4.2 Saran Adapun saran yang dapat menjadi masukan antara lain : a. Untuk member diharapkan memberikan informasi yang akurat. b. Admin diharapkan dapat mengupdate informasi secara teratur. c. Perlu ditambahkan layanan untuk mengingat password bagi member yang kehilangan password. d. User diharapkan juga agar selalu mengupdate informasi secara teratur.
5.
Daftar Pustaka
http://id.wikipedia.org/wiki/Situs_web : Pengertian WEB http://www.weblog.web.id/2012/08/pengertian-internet-jaringan-komputer.html : Internet http://yuniparmita.wordpress.com/2011/11/25/pengertian-web-page-web-browserhomepage-web-hosting-dan-website/ : Web Page http://muhal.wordpress.com/2007/03/14/aplikasi-basis-data-jaringan-php-apachemysql-server/ : Pengertian MySQL http://www.php.net/ : Pengertian PHP http://id.wikipedia.org/wiki/PHP http://yayasan_tagana.blogspot.com/ diposkan : yayasan Tagana Indonesia 2008 http://bukulokomedia.com
