RANCANG BANGUN SISTEM INFORMASI

MANAJEMEN BANTUAN LOGISTIK

BENCANA ALAM
(STUDI KASUS BPBD KABUPATEN OGAN ILIR)

SKRIPSI
Diajukan Sebagai Salah Satu Syarat Untuk Mendapatkan Gelar Sarjana
Program Strata-1 Pada Program Studi Teknik Industri Fakultas Teknik
Universitas Muhammadiyah Palembang

Oleh :
HENDRI
152018039

PROGRAM STUDI TEKNIK INDUSTRI

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH PALEMBANG
2023
 1

KATA PENGANTAR

Segala puji dan syukur penulis panjatkan kepada Allah SWT,

karena berkat rahmat dan karunia-Nya jua penulis dapat menyelesaikan
skripsi ini. Skripsi ini diajukan sebagai salah satu syarat untuk
mendapatkan gelar sarjana Program Strata-1 Pada Program Studi Teknik
Industri Fakultas Teknik Universitas Muhammadiyah Palembang. Pada
kesempatan ini penulis mengucapkan banyak terima kasih kepada:
1. Bapak Dr. Abid Djazuli, S.E., M.M., selaku Rektor Universitas
Muhammadiyah Palembang.
2. Bapak Prof. Dr. Ir. Kgs. A. Roni., M.T.,IPM selaku Dekan Fakultas
Teknik Universitas Muhammadiyah Palembang.
3. Ibu Nidya Wisudawati, ST.,M.T.,M.Eng., selaku sekretaris Program
Studi Teknik Industri Fakultas Teknik Universitas Muhammadiyah
Palembang
4. Ibu Merisha Hastarina, S.T., M.Eng., selaku Ketua Program Studi
Teknik Industri Fakultas Teknik Universitas Muhammadiyah
Palembang Sekaligus Dosen Pembimbing Utama.
5. Rurry Patridhiani, S.T., M.T., selaku pembimbing pendamping.

Dengan adanya proposal skripsi ini penulis mengharapkan adanya

masukan dan bimbingan dari b anyak pihak untuk kelanjutan
pelaksanaan proses penyelesaian skripsi sehingga mendapatkan hasil
yang baik dan dapat bermanfaat bagi semua pihak.

Palembang, Agustus 2023

Penulis,
 2

ABSTRAK

RANCANG BANGUN SISTEM INFORMASI MANAJEMEN BANTUAN LOGISTIK

BENCANA ALAM
(STUDI KASUS BPBD KABUPATEN OGAN ILIR)

HENDRI
Teknik Industri Universitas Muhammadiyah Palembang
E-mail : hendrisdm2@gmail.com

BPBD Kabupaten Ogan Ilir dalam penanganan bencana penyaluran distribusi bantuan logistik
terdapat beberapa permasalahan antara lain kurangnya informasi mengenai data korban bencana,
data jenis bantuan yang diperlukan dan data bantuan yang telah tersedia. Sistem informasi yang
akan di bangun dengan metode System development life cycle (SDLC) Waterfall. Adapun tahapan
dari SDLC Waterfall yaitu, Perencanaan (Identifikasi kebutuhan sistem), Analisis Sistem, Desain
Sistem dan Implementasi. Dengan model perencanaan menggunakan Data Flow Diagram (DFD)
dan Unified Modeling Language (UML), menggunakan bahasa pemograman Hypertext
Prepocessor (PHP). Berdasarkan sistem yang di bangun dapat memberikan informasi yang terjadi
saat bencana secara cepat dengan sistem informasi berbasis web. Sistem informasi ini di harapkan
dapat membantu Petugas BPBD Kabupaten Ogan Ilir dalam memberikan informasi terkait bencana
dan membantu mendistribusikan bantuan logistik bencana secara cepat dan sesuai kebutuhan
masyarakat yang terdampak bencana. untuk mengetahui data informasi apa saja yang di butuhkan
sistem agar memberikan informasi terkait penanggulangan bencana di Kabupaten Ogan Ilir. Data
informasi tersebut meliputi Kondisi geografi dan iklim, Jumlah penduduk, Rentan usia, Jenis
kelamin, dan Data kebutuhan logistik pada tahap kesiapsiagaan bencana di Kabupaten Ogan Ilir.

Kata Kunci :BPBD, PHP, System development life cycle (SDLC)

 3

ABSTRACT

DESIGN A NATURAL DISASTER LOGISTICS ASSISTANCE MANAGEMENT

INFORMATION SYSTEM
(CASE STUDY OF BPBD OGAN ILIR REGENCY)

HENDRI
Industrial Engineering, University of Muhammadiyah Palembang
E-mail : hendrisdm2@gmail.com

BPBD of Ogan Ilir Regency in disaster management, distribution of logistical assistance, there are
several problems, including the lack of information about disaster victim data, data on the type of
assistance needed and assistance data that has been available. The information system will be built
with the System development life cycle (SDLC) Waterfall method. The stages of SDLC Waterfall
are, Planning (Identification of system needs), System Analysis, System Design and
Implementation. With a planning model using Data Flow Diagram (DFD) and Unified Modeling
Language (UML), using Hypertext Prepocessor (PHP) programming language. Based on the
system built can provide information that occurs during disasters quickly with web-based
information systems. This information system is expected to assist BPBD Ogan Ilir Regency
officers in providing information related to disasters and help distribute disaster logistics
assistance quickly and according to the needs of people affected by disasters. to find out what
information data the system needs to provide information related to disaster management in Ogan
Ilir Regency. The information data includes geography and climate conditions, population,
vulnerable age, gender, and data on logistics needs at the disaster preparedness stage in Ogan Ilir
Regency.

Keywords :BPBD, PHP, System development life cycle (SDLC)

\
 4

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Indonesia merupakan negara dengan kondisi geologi yang menjadi

pertemuan tiga lempeng tektonik dunia yaitu lempeng Eurasia, lempeng

IndoAustralian, dan lempeng Pasifik (BNPB, 2013). Keadaan lempeng yang

dinamis menyebabkan daerah-daerah di Indonesia memiliki tingkat kerawanan

yang tinggi terhadap bencana alam. Kondisi gunung api aktif yang berjumlah

sekitar 129 gunung, sewaktu-waktu dapat juga meletus dan mengakibatkan

bencana (Haryo, 2015). Berdasarkan data informasi bencana Indonesia, bencana

alam yang sering terjadi di Indonesia adalah gempa bumi, gunung meletus, banjir,

kebakaran, angin topan, tanah longsor, kekeringan dan tsunami.

Badan Penanggulangan Bencana Daerah (BPBD) Kabupaten Ogan Ilir

melaksanakan tugas penanggulangan bencana di daerah baik Provinsi maupun

Kabupaten/ Kota dengan berpedoman pada kebijakan yang ditetapkan oleh Badan

Koordinasi Nasional Penanggulangan Bencana. Berdasarkan Data informasi

bencana Indonesia wilayah Sumatera Selatan, Kabupaten Ogan Ilir memiliki

tingkat bencana yang tinggi dari data informasi bencana Indonesia pada tahun

2022 Kabupaten Ogan Ilir menduduki peringkat kedua dengan 44 jumlah

bencana. Dalam penanganan bencana penyaluran distribusi bantuan logistik

BPBD Kabupaten Ogan Ilir terdapat beberapa permasalahan antara lain kurangnya

informasi mengenai data korban bencana, data jenis bantuan yang diperlukan dan

data bantuan yang telah tersedia. Hal ini disebabkan belum adanya sistem
1
 5

informasi manajemen dalam mendistribusikan bantuan logistik bencana di BPBD

Kabupaten Ogan Ilir saat ini.

Guna mewujudkan efisiensi dan efektivitas dalam distribusi logistik

bantuan bencana diperlukan sistem informasi yang dapat mendukung distribusi

bantuan logistik secara tepat waktu, tepat lokasi, tepat kuantitas dan sesuai

kebutuhan. Perancangan sistem informasi ini meliputi pengumpulan data, analisis

sistem, desain sistem, implementasi dan analisis terhadap hasil penelitian.

Penelitian ini dilakukan pada BPBD Kabupaten Ogan Ilir, dimana proses

manajemen bantuan logistik yang dilakukan terdiri dari fase perencanaan dan fase

penerimaan atau pengadaan bantuan.

Sistem informasi yang akan di bangun dengan metode System

development life cycle (SDLC) Waterfall. Adapun tahapan dari SDLC Waterfall

yaitu, Perencanaan (Identifikasi kebutuhan sistem), Analisis Sistem, Desain

Sistem dan Implementasi. Dengan model perencanaan menggunakan Data Flow

Diagram (DFD) dan Unified Modeling Language (UML), menggunakan bahasa

pemograman Hypertext Prepocessor (PHP). Sistem informasi ini diharapkan

dapat mempercepat perhitungan jenis dan jumlah komoditi yang dibutuhkan.

Selain itu, dengan adanya sistem informasi ini, pencatatan penerimaan bantuan

dapat disinkronisasi sehingga seluruh komoditi yang telah tersedia di masing-

masing lokasi dapat di distribusikan secara tepat dan sesuai kebutuhan.

1.2 Rumusan Masalah

Berdasarkan latar belakang, yang menjadi permasalahan dalam penelitian:

1. Bagaimana mengidentifikasi kebutuhan sistem informasi manajemen

bantuan logistik dibangun?

 6

2. Bagaimana merancang sistem informasi manajemen bantuan logistik

secara tepat dan sesuai kebutuhan?

1.3 Batasan Masalah

Agar penelitian ini terfokus pada pokok permasalahan, yaitu membangun

sistem informasi manajemen bantuan logistik bencana alam mulai fase

perencanaan dan fase penerimaan atau pengadaan bantuan.

1.4 Tujuan Penelitian

Tujuan penelitian ini adalah sebagai berikut :

1. Membangun sistem informasi managemen bantuan logistik di BPBD

Kabupaten Ogan Ilir Sumatera Selatan

2. Untuk mengetahui sistem informasi manajemen logistik BPBD Kabupaten

Ogan Ilir

1.5 Manfaat Penelitian

Manfaat yang diharapkan dari penelitian ini adalah sebagai berikut :

1. Bagi Universitas

Penelitian ini diharapkan bisa memberikan kontribusi penambahan ilmu

pengetahuan, khususnya bagi mahasiswa Teknik industri serta menjadi

bahan bacaan di perpustakaan Universitas dan dapat memberikan referensi

bagi mahasiswa lain.

2. Bagi BPBD Kabupaten Ogan Ilir

Penelitian ini diharapkan bisa memberikan manfaat dalam penyaluran

bantuan logistik bencana maupun penerimaan atau pengadaan bantuan

 7

bencana secara efektif dan efisien terhadap korban bencana di wilayah

Kabupaten Ogan Ilir Sumatera Selatan.

3. Bagi Masyarakat

Diharapkan dengan adanya penelitian ini, dapat mempercepat dan

mempermudah penyaluran bantuann logistik terhadap masyarakat yang

terdampak bencana diwilayah Kabupaten Ogan Ilir.

1.6 Sistematika Penulisan

Untuk memberikan gambaran umum sehingga memperjelas hal – hal

yang berkenaan dengan pokok – pokok uraian dalam penelitian ini, penulis

membaginya dalam beberapa bab sesuai panduan penulisan skripsi yang disusun

secara sistematis dalam 5 bab. Adapun sistematika penulisan penelitian ini

sebagai berikut

BAB 1 PENDAHULUAN

Bab ini berisi latar belakang masalah, rumusan permasalahan, batasan

masalah yang berfungsi untuk menentukan secara spesifik area pembahasan

yang akan dilakukan, tujuan penelitian, manfaat penelitian dan sistematika

penulisan yang berisi urutan penulisan bab dalam laporan penelitian.

2 BAB 2 TINJAUAN PUSTAKA

Bab ini memuat landasan teori yang digunakan untuk melakukan pengolahan

data dan analisis hasil penelitian.

3 BAB 3 METODE PENELITIAN

Berisi langkah – langkah penyelesaian masalah secara umum yang merupakan

gambaran terstruktur tahap demi tahap proses penyelesaian masalah dan

digambarkan dalam bentuk flowchart.

 8

4 BAB 4 HASIL DAN PEMBAHASAN

Bab ini berisi tentang data – data yang akan dikumpulkan dalam penelitian

dan pengolahan data yang digunakan sebagai dasar pada pembahasan masalah

dan mengemukakan analisis hasil pengolahan data dan pemecahan dari

masalah yang ada.

5 BAB 5 PENUTUP

Bab ini berisi kesimpulan dari hasil pengolahan data dan analisa serta saran -

saran yang diperlukan

 9

BAB 2

TINJAUAN PUSTAKA

2.1 Profil BPBD wilayah Kabupaten Ogan Ilir

Sejarah Lembaga Badan Nasional Penanggulangan Bencana (BNPB)

terbentuk tidak terlepas dari perkembangan penanggulangan bencana pada masa

kemerdekaan melihat kenyataan saat ini, berbagai bencana yang dilatarbelakangi

kondisi geografis, geologis, hidrologis, dan demografis mendorong Indonesia

untuk membangun visi untuk membangun ketangguhan bangsa dalam

menghadapi bencana. Pada tahun 1945 Pemerintah Indonesia membentuk Badan

Penolong Keluarga Korban Perang (BPKKP). Badan yang didirikan pada 20

Agustus 1945 ini bertugas untuk menolong para korban perang dan keluarga

korban semasa perang kemerdekaan.

Kemudian pada tahun 1966 pemerintah membentuk Badan

Pertimbangan Penanggulangan Bencana Alam Pusat (BP2BAP) melalui

5
 10

Keputusan Presiden Nomor 256 Tahun 1966. Aktivitas BP2BAP berperan pada

penanggulangan tanggap darurat dan bantuan korban bencana. Frekuensi kejadian

bencana alam terus meningkat. Penanganan bencana secara serius dan

terkoordinasi sangat dibutuhkan. Oleh karena itu, pada tahun 1967 Presidium

Kabinet mengeluarkan Keputusan Nomor 14/U/KEP/I/1967 yang bertujuan untuk

membentuk Tim Koordinasi Nasional Penanggulangan Bencana Alam

(TKP2BA). ada periode ini Tim Koordinasi Nasional Penanggulangan Bencana

Alam (TKP2BA) ditingkatkan menjadi Badan Koordinasi Nasional

Penanggulangan Bencana Alam (Bakornas PBA) yang diketuai oleh Menkokesra

dan dibentuk dengan Keputusan Presiden Nomor 28 tahun 1979. Aktivitas

manajemen bencana mencakup pada tahap pencegahan, penanganan darurat, dan

rehabilitasi. Sebagai penjabaran operasional dari Keputusan Presiden tersebut,

Menteri Dalam Negeri dengan instruksi Nomor 27 tahun 1979 membentuk Satuan

Koordinasi Pelaksanaan Penanggulangan Bencana Alam (Satkorlak PBA) untuk

setiap provinsi.

Bencana tidak hanya disebabkan karena alam tetapi juga non alam serta

sosial. Bencana non alam seperti kecelakaan transportasi, kegagalan teknologi,

dan konflik sosial mewarnai pemikiran penanggulangan bencana pada periode ini.

Hal tersebut yang melatarbelakangi penyempurnaan Badan Koordinasi Nasional

Penanggulangan Bencana Alam menjadi Badan Koordinasi Nasional

Penanggulangan Bencana (Bakornas PB). Melalui Keputusan Presiden Nomor 43

Tahun 1990, lingkup tugas dari Bakornas PB diperluas dan tidak hanya berfokus

pada bencana alam tetapi juga non alam dan sosial. Hal ini ditegaskan kembali

dengan Keputusan Presiden Nomor 106 Tahun 1999. Penanggulangan bencana

memerlukan penanganan lintas sektor, lintas pelaku, dan lintas disiplin yang
 11

terkoordinasi.Bakornas PB kemudian dikembangkan menjadi Badan Koordinasi

Nasional Penanggulangan Bencana dan Penanganan Pengungsi (Bakornas PBP).

Kebijakan tersebut tertuang dalam Keputusan Presiden Nomor 3 Tahun 2001 yang

kemudian diperbaharui dengan Keputusan Presiden Nomor 111 Tahun 2001.

Tragedi gempa bumi dan tsunami yang melanda Aceh dan sekitarnya

pada tahun 2004 telah mendorong perhatian serius Pemerintah Indonesia dan

dunia internasional dalam manajemen penanggulangan bencana. Menindaklanjuti

situasi saat iu, Pemerintah Indonesia mengeluarkan Peraturan Presiden Nomor 83

Tahun 2005 tentang Badan Koordinasi Nasional Penanganan Bencana (Bakornas

PB). Dalam merespon sistem penanggulangan bencana saat itu, Pemerintah

Indonesia sangat serius membangun legalisasi, lembaga, maupun budgeting.

Setelah dikeluarkannya Undang-Undang Nomor 24 Tahun 2007 Tentang

Penanggulangan Bencana, pemerintah kemudian mengeluarkan Peraturan

Presiden Nomor 8 Tahun 2008 tentang Badan Nasional Penanggulangan Bencana

(BNPB). Susunan organisasi Badan Nasional Penangulangan Bencana (BNPB)

terdiri atas Kepala,Unsur Pengarah, dan Unsur Pelaksana Penanggulangan

Bencana. Unsur Pelaksana Penanggulangan Bencana dalam membantu BNPB

maka dibentuklah Badan Penanggulangan Bencana Daerah (BPBD).

Badan Penanggulangan Bencana Daerah (BPBD) bersinergi dengan

masyarakat dalam mengatasi bencana pada tiap daerah, khususnya di Kabupaten.

Badan Penanggulangan Bencana Daerah (BPBD) Kabupaten Ogan Ilir adalah

lembaga pemerintah non-departemen yang melaksanakan tugas penanggulangan

bencana di daerah baik Provinsi maupun Kabupaten/ Kota dengan berpedoman

pada kebijakan yang ditetapkan oleh Badan Koordinasi Nasional Penanggulangan

Bencana. BPBD dibentuk berdasarkan Peraturan Presiden Nomor 8 Tahun 2008.

 12

2.2 Visi dan Misi BPBD Kabupaten Ogan Ilir

Adapun visi dan misi BPBD Kabupaten Ogan Ilir untuk menjalankan

tugasnya dan bersinergi dalam melakukan penanggulangan bencana di Kabupaten

Ogan Ilir, Sebagai berikut :

a) Visi

1 “Terwujudnya Masyarakat Ogan Ilir Yang Tangguh, Maju Dan

Berkualitas Dalam Penanggulangan Bencana”

b) Misi

Membangkitkan tata kelola pemerintahan yang professional dan

pelayanan masyarakat secara inovatif, kreatif, berbudaya dan

bertanggungjawab :

1. Membangkitkan pembangunan infrastruktur wilayah perkotaan sampai

perdesaan guna pemenuhan kebutuhan dasar masyarakat

2. Membangkitkan gairah politik, demokrasi, ketentraman, ketertiban

masyarakat, beriman dan bertaqwa, serta menjunjung hukum dan HAM

sebagai masyarakat yang berbudaya, bermoral dan beretika dalam suasana

aman dan nyaman.

2.3 Data Statistik Bencana Sumatera Selatan

Menurut Undang-Undang No.24 Tahun 2007 bencana adalah

peristiwa atau rangkaian peristiwa yang mengancam dan mengganggu

kehidupan dan penghidupan masyarakat yang disebabkan baik oleh faktor

alam dan atau faktor non alam maupun faktor manusia sehingga

mengakibatkan timbulnya korban jiwa manusia, kerusakan lingkungan,

 13

kerugian harta benda dan dampak psikologis. Bencana merupakan pertemuan

dari tiga unsur, yaitu ancaman bencana, kerentanan, dan kemampuan yang

dipicu oleh suatu kejadian. Bencana alam adalah bencana yang diakibatkan

oleh peristiwa atau serangkaian peristiwa yang disebabkan oleh gejala-gejala

alam yang dapat mengakibatkan kerusakan lingkungan, kerugian materi,

maupun korban manusia (Kamadhis, 2007).

Berdasarkan data informasi bencana Indonesia wilayah Sumatera

Selatan, Kabupaten Ogan Ilir sering terjadi bencana alam kebakaran hutan

dan lahan, puting beliung, banjir dan tanah longsor. Berikut tabel statistik

data informasi bencana Indonesia wilayah sumatera selatan.

 14

Tabel 2.1

Statistik

Berdasarkan Data informasi bencana Indonesia wilayah Sumatera Selatan,

Kabupaten Ogan Ilir memiliki tingkat kerawanan bencana yang tinggi dari data

informasi bencana Indonesia pada tahun ini kabupaten ogan ilir menduduki

peringkat kedua dengan 44 jumlah bencana.

 15

2.4 Sistem Informasi Manajemen

Menurut Raymond McLeod, Jr (2011) “Sistem informasi manajemen

sebagai suatu sistem berbasis komputer yang menyediakan informasi bagi

beberapa pemakai dengan kebutuhan yang serupa”. Sehingga dapat disimpulkan

bahwa sistem informasi manajemen adalah sistem informasi yang mampu

memberikan informasi yang canggih dan cepat kepada seluruh bagian untuk

memanage suatu organisasi agar tetap eksis. Management information system

adalah sebuah sistem yang terdapat pada organisasi sebagai alternatif dalam

melakukan tindakan proses konfigurasi managemen dengan menggabungkan

sistem manusia dan mesin (Gaol,2008). Sistem informasi managemen dapat

digambarkan dengan susunan piramida yang terdiri dari empat tingkatan. Berikut

gambar piramida empat tingkatan sistem informasi managemen.

Gambar 2.1 Piramida Sistem Informasi Manajemen

Menurut (O’Brien and Marakas,2013) management information system

merupakan sekumpulan komponen dalam sistem informasi dengan mengkstrak

data menjadi informasi dengan mengintegrasikan komponen sistem informasi

berup\ people, hardware, software, communication network dan data resources.

Adapun fungsi utama yang diterapkan pada sistem informasi managemen dalam

suatu organisasi (Nugroho, 2018) adalah sebagai berikut :

 16

1. Sebagai salah satu instrumen dalam mempermudah pihak managemen

dalam melakukan fungsi managemen yangterdiri dari planning,

organizing, actuating, dan controlling.

2. Terciptanya sistem organisasi yang akurat dan tepat waktu berdasarkan

orientasi dari penggunaan data yang efektif dan efisien.

3. Membentuk suatu pola kreativitas dalam organisasi dengan berorientasi

pada daya produktivitas dan penghematan biaya penggunaan sumber daya

organisasi

4. Terbentuknya sistem kerja yang terkoordinasi dan terorganisasi sehingga

dapat membentuk karakter sumber daya manusia yang memiliki kualitas.

2.5 Komponen Sistem Informasi

Model sistem informasi yang menyoroti hubungan antara komponen dan

kegiatan sistem informasi menekankan empat konsep utama yang dapat

diterapkan untuk semua jenis sistem informasi. (O’Brien and Marakas, 2011) :

 Orang, perangkat keras, perangkat lunak, data dan jaringan adalah lima

sumber daya dasar sistem informasi

 Sumber daya manusia mencakup pengguna akhir dan spesialis sistem

informasi, sumber daya perangkat keras terdiri dari mesin dan media,

sumber daya perangkat lunak mencakup program dan prosedur, sumber

daya data mencakup basis data dan pengetahuan dan sumber daya

jaringan mencakup media dan jaringan komunikasi

 Sumber daya data ditransformasikan oleh kegiatan pemrosesan informasi

menjadi beragam produk informasi untuk pengguna akhir

 17

 Pemrosesan informasi terdiri dari aktivitas sistem input, pemrosesan,

output, penyimpanan dan kontrol.

Sumber : (O’Brien and Marakas, 2011)

Gambar 2.2 Komponen Sistem Informasi

Semua sistem informasi menggunakan orang, perangkat keras, perangkat

lunak, data dan sumber daya jaringan untuk melakukan aktivitas input,

pemrosesan, output, penyimpanan dan kontrol yang mengubah sumber daya data

menjadi produk informasi.

2.6 System development life cycle (SDLC)

Menurut Whitten dan Bentley (2007), SDLC merupakan sekumpulan

aktivitas, metode dan peralatan yang dibutuhkan oleh stakeholder sistem dalam

membangun dan memelihara sistem. Adapun tahapan dari SDLC diuraikan

sebagai berikut.

a. Perencanaan (Identifikasi kebutuhan sistem)

Identifikasi kebutuhan sistem dilakukan berdasarkan wawancara

kepada pihak BPBD Kabupaten Ogan Ilir Terkait data yang dibutuhkan dalam

penelitian ini seperti data jumlah penduduk berdasarkan rentang usia dan jenis
 18

kelamin, data kebutuhan logistik pada masa tanggap bencana berdasarkan

peraturan kepala badan penanggulangan bencana (PERKA BNPB) nomor 18

tahun 2009 dan nomor 10 tahun 2012 mengenai pengelolaan bantuan logistik

pada status keadaan darurat bencana.

b. Analisis Sistem

Pada tahap ini dilakukan analisis pengguna dan analisis sistem

kebutuhan fungsional sistem informasi manajemen logistik bantuan. Analisis

kebutuhan fungsional merupakan layanan yang harus diberikan atau

disediakan oleh sistem

c. Desain Sistem

Desain sistem terdiri dari 3 tahapan yaitu pemodelan proses,

pemodelan data, dan desain antar muka. Tujuan akhir dari desain sistem ini

adalah menghasilkan rancangan yang memenuhi kebutuhan yang ditentukan.

Pemodelan proses adalah cara formal untuk untuk menggambarkan

bagaiamana suatu sistem beroperasi. Pada penelitian ini digunakan diagram

konteks, Data Flow Diagram (DFD) dan Entity Relationship Diagram

(ERD). Sedangkan pemodelan data dilakukan dengan perancangan struktur

basis data. Tujuan dilakukan tahap ini adalah agar desain database sesuai

dengan kebutuhan pada saat perancangan sistem. Database yang akan

digunakan di dalam sistem informasi yang akan dibangun adalah MySQL.

Desain antarmuka (interface) meliputi struktur menu, perancangan input, dan

perancangan output meliputi frekuensi laporan, sisi laporan, bentuk laporan,

dan laporan yang ditampilkan pada layar atau perlu dicetak.

d. Implementasi
 19

Di dalam tahap implementasi terdiri dari 3 tahap yaitu penjadwalan,

konstruksi sistem, dan pengujian.

2.7.1 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari sistem yang

menggambarkan pembagian sistem ke modul yang lebih kecil. Terdapat tiga

proses utama di dalam sistem yaitu pengaturan awal, mengelola logistik, dan

menghasilkan informasi dan laporan.

1) Komponen-komponen DFD

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah

sistem. DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran

data diantara komponen-komponen tersebut, asal, tujuan dan penyimpanan dari

data tersebut. Gambar dibawah ini menunjukkan simbol yang digunakan dalam

DFD baik dalam versi E.Yourdan dan De Marco maupun versi Chris Gane dan

Trish Sarson.

Tabel 2.2 Simbol Data Flow Diagram (DFD)

Yourdan C.Gane dan T.Sarson

Aliran data /
Data flow

Proses /
Process

Simpanan data /
Data store
 20

Kesatuan luar, batas

sistem /
External entity,
Boundary

Aliran phisik /
Material flow

a) Aliran data / Data flow

Aliran data/arus data atau data flow di DFD diberi simbol panah. Aliran

data ini mengalir diantara proses (process), simpanan data (data store) dan

kesatuan luar (external entity). Aliran data ini menunjukkan aliran data

yang dapat berupa masukan untuk proses atau simpanan data dan berupa

keluaran atau hasil dari suatu proses yang dapat berbentuk sebagai berikut

ini :

 Formulir atau dokumen yang akan diproses

 Laporan yang dihasilkan dari suatu proses

 Tampilan atau output di layar komputer yang dihasilkan oleh

suatu proses

 Parameter untuk suatu proses

 Data yang dibaca atau direkamkan ke suatu simpanan data/file

 Hasil dari suatu proses yang akan digunakan oleh proses lainnya

2) Levelling DFD.

DFD level teratas disebut dengan Context Diagram atau disebut juga

dengan top level. Kemudian dari context diagram ini akan dipecah menjadi

lebih rinci yang disebut dengan Overview Diagram atau disebut juga dengan
 21

level 0.Tiap-tiap proses di overview diagram akan dipecah secara lebih rinci lagi

dan disebut dengan level1. Tiap-tiap proses di level1 akan dipecah secara lebih

rinci lagi dan disebut dengan level 2, demikian seterusnya sampai tiap-tiap

proses tidak dapat dipecah menjadi lebih rinci lagi.

Context
Diagram c

0
b

Diagram level

a 1 2 c

F1 F2

b 4 3

Diagram level
3.1 3.2

3.2
F2

Gambar 2.3 Leveling (DFD)

2.7.2 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) digunakan untuk memodelkan secara

konseptual hubungan antara entitas yang terjadi di dalam sistem informasi. Entitas

yang terlibat serta relasi yang muncul disini selanjutnya akan dipakai dalam

merancang kebutuhan database yang diperlukan. ERD merupakan konsep yang

 22

mendeskripsikan hubungan antara penyimpanan dan didasarkan pada persepsi dari

sebuah dunia nyata yang terdiri dari sekumpulan objek.

Menurut Nugroho (2011) “model E-R (ERD) adalah perincian yang merupakan

representasi logika dari suatu organisasi atau area bisnis tertentu”.

Sedangkan menurut Latdjamudin (2013) “ERD merupakan suatu model

jaringan yang menggunakan susunan data yang disimpan dalam sistem secara

abstrak”.

Dari pengertian diatas, bisa penulis simpulkan bahwa ERD merupakan

suatu susunan data yang disimpan dalam sistem pada suatu bentuk organisasi

atau area bisnis tertentu seperti sekolah, perusahaan untuk mencapai hasil /

target yang sesuai dengan alurnnya.

1. Komponen ERD

Menurut Rosa dan Salahudin (2013), “Pemodelan awal basis data yang

paling banyak digunakan adalah mengunakan Entity Relationship Diagram

(ERD). ERD dikembangkan berdasarkan teori himpunan dalam bidang

matematikan. ERD digunakan untuk pemodelan basis data relasional. Sehingga

jika penyimpanan basis data tidak perlu menggunakan ERD. ERD memiliki

beberapa aliran notasi seperti notasi chen (dikembangkan oleh Peter Chen),

Barker (dikembangkan oleh Richard Barker, Ian Palmer, Harry Ellis), Notasi

Crow’s Foot, dan beberapa notasi lain”. Berikut adalah simbol-simbol yang

digunakan pada ERD dengan notasi Chen:

 23

Tabel 2.3 Simbol ERD Dengan Notasi Chen

Simbol Deskripsi

Entitas / Entity Entitas merupakan data inti yang akan disimpan;

bakal tabel pada basis data; benda yang memiliki
Nama_entitas data dan harus disimpan datanya agar dapat diakses
oleh aplikasi komputer; penanaman entitas biasanya
lebih ke kata benda dan belum merupakan nama
tabel.

Atribut Field atau kolom data yang butuh disimpan dalam

Nama_atribut suatu entitas.

Atribut kunci primer
Nama_kunci_primer
Field atau kolom data yang butuh disimpan dalam
suatu entitas dan digunakan sebagai kunci akses
record yang diinginkan; biasanya berupa id; kunci
prmer dapat lebih dari satu kolom, asalkan
kombinasi dari beberapa kolom tersebut dapat
bersifat unik (berbeda tanpa ada yang sama).

Atribut multinilai / multivalue Field atau kolom data yang butuh disimpan dalam
suatu entitas yang dapat memilik nilai lebih dari satu.
Nama_atribut

Relasi yang menghubungkan atar entitas; biasanya

Nama_relasi
diwali dengan kata kerja.

Relasi

Asosiasi / association Penghubung antara relasi dan entitas dimana di

kedua ujungnya memiliki multiplicity kemungkinan
jumlah pemakaian maksimum keterhubungan antara
entitas satu dengan yang lain disebut dengan
N kardinalitas. Misalkan ada
kardinaltas 1 ke N atau sering disebut dengan one to
many menghubungkan entitas A dan entitas B.
Sumber: Rossa dan Salahudin (2013)

2. Derajat Relasi / Kardinalitas

Menurut Fatansyah, (2012), “Derajat Relationship adalah kardinalitas

relasi yang menunjukkan jumlah maksimum entitas yang dapat direlasi dengan

entitas pada entitas himpunan yang lain”. Dari beberapa kemungkinan

 24

banyaknya hubungan antar entitas tersebut, kardinalitas relasi merujuk kepada

hubungan maksimum yang terjadi dari himpunan entitas yang satu ke

himpunan entitas yang lain, dan begitu juga sebaliknya. Adapun gambar dari

derajat relationship adalah sebagai berikut:

a. Satu ke satu (one to one)

Yang berarti setiap entitas pada himpunan entitas A berhubungan banyak

dengan satu entitas pada himpunan B, dan begitu juga sebaliknya.

A B

Entitas Entitas

Entitas Entitas

Entitas Entitas

Entitas Entitas

Sumber: Fathansyah (2012)

Gambar 2.4 Derajat Relationship satu ke satu

b. Satu ke banyak (one to many)

Yang berarti setiap entitas pada himpunan A dapat berhubungan

dengan banyak entitas pada himpunan B, tetapi tidak sebaliknya.

A B

Entitas
Entitas
Entitas
Entitas
Entitas

Entitas Entitas

Entitas

Sumber: Fathansyah (2012)

 25

Gambar 2.5 Derajat Relationship satu ke banyak

c. Banyak ke satu (many to one)

Yang berarti setiap entitas pada himpunan entitas A berhubungan

dengan paling banyak dengan satu entitas pada himpunan entitas B, tetapi

tidak sebaliknya.

A B

Entitas 1 Entitas 1

Entitas 2
Entitas 2
Entitas 3

Entitas 3
Entitas 4

Entitas 5

Sumber: Fathansyah (2012)

Gambar 2.6 Derajat Relationship banyak ke satu

d. Banyak ke banyak (many to many)

Yang berati setiap entitas pada himpunan entitas A dapat

berhubungan dengan banyak entitas pada himpunan entitas, dan demikian

juga sebaliknya.
 26

Sumber: Fathansyah (2012)

Gambar 2.7 Derajat Relationship banyak ke banyak

3. Logical Record Structure (LRS)

LRS salah satu metode basis data yang digunakan menghasilkan skema

konseptual untuk jenis atau model data semontik sistem. Berikut beberapa

penjelasan lebih tentang LRS penulis menggunakan teori sebagai berikut.

Menurut Ladjamudin (2013:163) “menyatakan bahwa ERD/LRS sering disebut

juga dengan mapping ERD ke database relational”. Sedangkan menurut

hasugian dan shidiq (2012:608) “Logical Record Structure (LRS) merupakan

sebuah model sistem yang digambarkan dengan sebuah diagram-ER yang

mengikuti pola / aturan pemodelan tertentu dalam kaitannya dengan konversi”.

Sedangkan menurut Pradani(2013:99), “dalam jurnal Al-Azhar Indonesia seri

sains dan teknologi menyatakan bahwa Logical Record Structure (LRS)

merupakan representasi dari stuktur record-record pada tabel-tabel yang

terbentuk hasil dari antar himpunan entitas”.

 27

Sumber : Pradani(2013) Jurnal Al-Azhar Indonesia seri sains dan teknologi

Gambar 2.6 Logical Record Structure (LRS)

Dari pengertian diatas, dapat kita simpulkan bahwa Logical Record

Structure (LRS) adalah bentuk dari hasil dari himpunan entitas yang di

representasikan dari struktur record-record dan tabel.

4. Diagram Alir Program (Flowchart)

flowchart menurut beberapa referensi; Menurut Robert dan Greene

(2009), Flowchart merupakan alat yang sangat fleksibel yang memungkinkan

anggota tim meneliti proses yang kompleks dalam mengidentifikasi bidang

masalah potensial dan peluang bagi peningkatan. Dibawah ini merupakan

rangkaian proses penjualan menggunakan Flowchart;

Menurut (Ayumida S, 2018) Flowchart adalah simbol-simbol yang digunakan

untuk menggambarkan urutan proses yang terjadi di dalam suatu program

komputer secara logis dan sistematis. Flowchart dapat menunjukkan secara jelas

arus pengendalian suatu algoritma di dalam program.

Menurut (Rian, 2014) Bagan alir (flowchart) adalah bagan yang

menunjukkan alir dalam program atau prosedur sistem secara logika. Bagan alir

ini digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi. Pada
 28

waktu akan menggambar suatu bagan alir, analisis sistem atau pemrogram dapat

mengukuti p pedoman-pedoman sebagai berikut ini.

a. Bagan alir sebaiknya digambar dari atas ke bawah dan mulai dari

bagian kiri dari suatu halaman.

b. Kegiatan didalam bagan alir harus ditunjukkan dengan jelas.

c. Harus ditunjukkan dari mana kegiatan akan dimulai dan di

mana akan berakhirnya.

d. Masing-masing kegiatan di dalam bagan alur sebaiknya

digunakan suatu kata yang mewakili suatu pekerjaan.

e. Masing-masing kegiatan di dalam bagan alir harus dalam urutan

yang semestinya.

f. Kegiatan yang terpotong dan akan disambung di tempat lain

harus ditunjukkan dengan jelas menggunakan simbol penghubung.

g. Gunakanlah simbol-simbol bagan alir yang standar

4.1 Bentuk Flowchart

Dibawah ini simbol-simbol Diagram Alir (Flowchart).

Tabel 2.4 Simbol-Simbol Diagram Alir (Flowchart).

.
 29

Sumber : (Rian, 2014)

Sumber : Robeert dan Greene (2009)

Gambar 2.7 Flowchart

Dari pengertian diatas, dapat penulis simpulkan bahwa flowchart merupakan

suatu bagan dengan simbol-simbol tertentu yang menggambarkan urutan

proses secara mendetail dan hubungan antara suatu proses (instruksi) dengan

proses lainnya dalam suatu program.

 30

5. UML (Unified Modeling Language)

Menurut Rosa dan Shalahuddin (2014), berpendapat bahwa UML (Unified

Modeling Language) adalah “Salah standar bahasa yang banyak digunakan di

dunia industri untuk mendefinisikan requirement, membuat analisa & desain,

serta menggambarkan arsitektur dalam pemrograman berorintasi objek”.

Sedangkan Mulyani (2016) mengatakan UML (Unified Modeling Language)

adalah “Sebuah teknik pengembangan sistem yang menggunakan bahasa grafis

sebagai alat untuk pendokumentasian dan melakukan spesifikasi pada sistem”.

Dari beberapa penjelasan teori tersebut dapat disimpulkan bahwa UML

(Unified Modeling Language) adalah bahasa yang sering digunakan untuk

membangun sebuah sistem perangkat lunak dengan melakukan penganalisaan

desain dan spesifikasi dalam pemrograman berorintasi objek. UML (Unified

Modeling Language) memiliki diagram-diagram yang digunakan dalam

pembuatan aplikasi berorintasi objek, diantaranya (Rosa dan Shalahuddin, 2014)

a. Use Case Diagram

Use Case Diargam merupakan pemodelan untuk melakukan (behavior)

sistem informai yang akan dibuat. Use case digunakan untuk mengetahui fungsi

apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak

Dari pengertian diatas, dapat penulis simpulkan bahwa flowchart merupakan

suatu bagan dengan simbol-simbol tertentu yang menggambarkan urutan proses

secara mendetail dan hubungan antara suatu proses (instruksi) dengan proses

lainnya dalam suatu program.

 31

Tabel 2.4 Simbol-Simbol Diagram Use Case

Simbol Deskripsi

Use case Fungsionalitas yang disediakan sistem sebagai unit-

unit yang saling tertukar pesan antar unit
atau aktor; biasanya dinyatakan dengan menggunakan
Nama Use kata kerja diawal frase nama Use Case
Case

Aktor / actor Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat diluar
sistem informaasi yang akan dibuat itu sendiri, jadi
walaupun simbol dari aktor adalah gambar orang, tapi
aktor belum tentu merupakan orang: biasanya
dinyatakan menggunakan kata benda diawal frase
nama aktor

Asosiasi / assosiation Komunikasi antara aktor dan use case yang

berpartisifasi pada use case atau use case memiliki
interaksi dengan aktor

Ekstensi / extend Relasi use case tambahan kesebuah use case

<< extend>> dinamakan use case yang ditambahkan dapat berdiri
sendiri walau tanpa use case tambahan itu; mirip
dengan prinsip intherince pada pemrograman
berorientasi objek; biasanya use case tambahan
memiliki nama depan yang sama dengan use case
yang ditambahkan.

Generalisasi / generalization Hubungan generalisasi dan spesialisasi (umum-

khusus) antara dua buah use case dimana fungsi yang
satu adalah fungsi yang lebih umum dari laainnya.

Sumber : (Munawar, 2005

b. Activity Diagram

Activity Diagram menggambarkan workflow (aliran kerja) atau aktivitas

dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.

Perlu diperhatikan bahwa diagram aktivitas menggambarkan aktivitas sistem

 32

bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.

Berikut adalah simbol-simbol yang ada pada diagram aktivitas (Rosa dan

Shalahuddin, 2014):

Tabel 2.5 Simbol-Simbol Activity Diagram

Simbol Deskripsi
Status awal Status awal aktivitas sistem, sebuah diagram
aktivitas memiliki sebuah status awal

Aktivitas Aktivitas yang dilakukan sistem, aktivitas

biasanya diawali dengan kata kerja

Percabangan / decision Asosiasi percabangan dimana jika ada pilihan

aktivitas lebih dari satu

Penggabungan / join Asosiasi penggabungan dimana lebih dari satu

aktivitas digabungkan menjadi satu
Status akhir Status akhir yang dilakukan sistem, sebuah
diagram aktivitas memiliki sebuah status
akhir
Swimlane Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas yang
terjadi

Atau
 33

Sumber : (Munawar, 2005

c. Class Diagram

Class Diagram menggambarkan struktur sistem dari segi

pendefinisiankelas-kelas yang akan dibuat untuk membangun sistem. Kelas

memiliki apa yang disebut atribut dan metode atau operasi. Berikut adalah simbol-

simbol yang ada pada diagram Kelas (Rosa dan Shalahuddin, 2013) :

Tabel 2.6 Simbol-Simbol Class Diagram

Simbol Deskripsi

Kelas Kelas pada struktur sistem

Antarmuka / Interface Sama dengan konsep interface dalam

pemrograman berorientasi objek
Nama_interface
Asosiasi / Association Relasi antar kelas dengan makna umum,
asosiasi biasanya juga disertai dengan
multiplicity

Asosiasi berarah / Directed Association Relasi antarkelas dengan makna kelas satu
digunakan oleh kelas yang lain, asosiasi
biasanya juga disertai dengan multiplicity
 34

Generalisasi Relasi antarkelas dengan makna

generalisasi-spesialisasi (umum khusus)

Kebergantungan / Dependency Relasi antar kelas dengan makna

kebergantungan antarkelas

Agregasi / Aggregation Relas antarkelas dengan makna semuabagian

(whole-part)

Sumber : (Munawar, 2005

6. Tentang Hypertext Prepocessor (PHP)

PHP adalah bahasa server-side scripting yang bisa menyatu dengan

dengan tag–tag HTML. Server–side scripting adalah sintaks dan perintah–

perintah yang dijalankan pada server dan disertakan pada dokumen HTML.

Pada suatu halaman Web, PHP berfungsi menjalankan suatu perintah tertentu,

sedangkan HTML berfungsi sebagai struktur desain halaman Web.

PHP merupakan software open source dan juga software cross platform, jadi

bisa berjalan dengan baik pada windows maupun Unix (linux). Kelebihan

PHP adalah konektifitasnya dengan database, namun yang paling ideal dan

banyak digunakan adalah menggunakan database MySql. PHP+MySql

menjadi standar bagi pembuatan sebuah web, karena keduanya bersifat open

source sehingga dapat digunakan oleh siapa saja dengan bebas.

PHP tersedia untuk hampir semua platform termasuk Linux dan

Windows. Seperti halnya dengan program open source lainnya, PHP dibuat di

bawah lisensi GNU (General Public License) yang dapat di download secara

gratis melalui situs.

 35

2.8 Penelitian Terdahulu

No Penulis & Tahun Judul Penelitian Metode Penelitian Hasil Penelitian

1. Dyah Ika Rancang bangun system Pada penelitian ini

Rinawati, Diana sistem informasi development life dibangun sistem
Puspita Sari, bantuan logistik cycle (SDLC) informasi yang
Fuzie bencana studi kasus dapat mempercepat
Priatamphatie, pada BPBD perhitungan jenis
Fahrudin (2018) Kabupaten dan jumlah
Magelang komoditi yang
dibutuhkan. Selain
itu, dengan adanya
sistem informasi
ini, pencatatan
penerimaan
bantuan dapat
disinkronisasi
sehingga seluruh
komoditi yang
telah tersedia di
masing-masing
lokasi dapat
diketahui.
2. Raden Didiet Pengelolaan Metode yang Rekomendasi
Rachmat Gudang Logistik digunakan untuk prosedur
Hidayat, Kemanusiaan proses pengelolalan
Mohammad BNPB pengumpulan data pergudangan
Iqbal Firdaus, dalam penelitian ini 1.menerapkan
Lis Lesmini adalah dengan penggunaan
(2018) proses trianggulasi aplikasi komputer
yaitu: SCM yang
Wawancara dan terintegrasi dan
Pengamatan/Obser terpadu.
vasi 2. Rancangan
pembuatan aplikasi
pada proses SCM
yang terintergrasi
mulai dari order
processing sampai
dengan last mile
beneficiary
3. Titan Parama Sistem Informasi Metode penelitian 1. keamanan data
Yoga, Iis Ismail Manajemen yang dipakai yang telah
(2019) Bantuan Untuk adalah metode dimasukan
Korban Bencana deskriptif – terutama data
Alam Berbasis kualitatif relawan ,data
 36

Web korban dapat

diubah oleh lain
user.
2. Belum adanya
sumbangan dalam
bentuk uang bagi
pendonor
perseorangan
3. Pembatasan
peran serta user
dalam manajemen
file dan
pengubahan data
yang masuk.
4. Fela Islamia, Tri Peranan Badan Penelitian ini Peranan Badan
Agus Susanto, Penanggulangan menggunakan Penanggulangan
Faisal Nomaini Bencana Daerah metode penelitian Bencana Daerah
(2019) (BPBD) dalam deskriptif kualitatif. (BPBD) Kabupaten
membangun Penelitian ini Ogan Ilir dalam
wawasan ditujukan untuk membangun
Penanggulangan mendeskripsikan wawasan
bencana pada dan menganalisis penanggulangan
masyarakat fenomena, aktivitas bencana pada
Kabupaten Ogan sosial yang masyarakat
Ilir berkenaan dengan Kabupaten Ogan
Peranan Badan Ilir melalui
Penanggulangan program Desa
Bencana Daerah Tangguh Bencana
(BPBD) Kabupaten (DESTANA) di
Ogan Ilir. Desa Sungai
Rambutan dan
Desa Tanjung
Pering. Desa
tersebut dipilih
karena merupakan
desa yang rawan
atau beresiko
terjadinya bencana
terutama bencana
banjir, kebakaran
hutan dan lahan.
Desa Tangguh
Bencana bertujuan
untuk menjadikan
masyarakat yang
berwawasan
terhadap bencana,
mengurangi
persentase
 37

terjadinya bencana,
serta masyarakat
diharapkan dapat
bersinergi dengan
pemerintah dalam
penanggulangan
bencana yang
terjadi di
Kabupaten Ogan
Ilir.

BAB 3

METODE PENELITIAN

3.1 Waktu dan Tempat Penelitian

Penelitian ini dilaksanakan selama 5 bulan, yakin pada bulan Maret 2023-

Juli 2023. Tempat pelaksanaan penelitian ini dilaksanakan di Indralaya Raya,

Kecamatan Indralaya, Kabupaten Ogan Ilir, Sumatera Selatan 30862.

 38

Gambar 3.1 Lokasi BPBD Kabupaten Ogan Ilir

3.2 Jenis Data

Jenis data yang dibutuhkan dalam penelitian ini adalah data sekunder :

Data sekunder adalah data yang tidak dikumpulkan, diolah serta didapatkan dari

sumber lain (Mutiara,2004). Data sekunder merupakan data yang sudah tersedia

sehingga tinggal mencari dan mengumpulkan datanya. Misalnya di perpustakaan ,

perusahaan, organisasi,dan instansi pemerintahan. Jenis data yang dibutuhkan

dalam penelitian ini adalah studi literatur.

3.2.1 Studi literatur

34
Studi literatur digunakan untuk menunjang pemecahan masalah dengan

cara mempelajari dan mencatat referensi yang sesuai dengan dasar teori yang

digunakan untuk melakukan analisis pada sebuah penelitian. Sumber referensi

yang dapat dijadikan acuan referensi yaitu buku, jurnal, majalah, publikasi. Studi

literatur dilakukan peneliti dengan cara membaca referensi teori yang relevan

dengan kasus atau permasalahan yang ditemukan. Referensi yang digunakan

 39

berasal dari sumber yang jelas dan di dapat dari buku, jurnal, artikel, dan laporan

penelitian.

Dalam penelitian ini data yang diperlukan adalah data sekunder terdiri

dari: Sejarah singkat BPBD, data informasi bencana, Data Jumlah penduduk,

Kebutuhan logistik serta data dokumentasi dari wawancara pengumpulan data

untuk mengatasi logistik bencana dengan membuat sistem informasi manajemen

dengan menggunakan metode System Development Life Cycle (SDLC).

3.3 Metode Pengumpulan Data

3.3.1 Pengamatan/Observasi

Cara pengumpulan data dengan terjun langsung atau melihat langsung ke

lapangan terhadap objek yang diteliti. Dalam penelitian ini observasi yang akan

dilakukan dengan melihat sistem informasi manajemen logistik BPBD Wilayah

Kabupaten Ogan Ilir, Maka akan diketahui sistem informasi yang dibutuhkan

untuk mendistribusikan logistik bencana secara tepat waktu, tepat lokasi, tepat

kuantitas dan sesuai kebutuhan.

3.3.2 Penelusuran Literatur

Cara pengumpulan data dengan menggunakan sebagian ataupun semua

data yang ada dari penelitian sebelumnya. Dalam penelitian ini penelusuran

literatur dilakukan dengan mencari referensi jurnal dan buku yang berkaitan

dengan sistem informasi manajemen. Dengan begitu dapat diketahui perbandingan

sistem informasi manajemen yang dibutuhkan dan metode yang cocok untuk

sistem informasi manajemen logistik dalam mendistribusikan logistik bencana.

3.3.3 Wawancara
 40

Cara pengumpulan data dengan langsung mengadakan banyak pertanyaan

kepada objek yang diteliti atau perantara yang mengetahui dari objek yang

diteliti. Wawancara bertujuan untuk mendapatkan informasi langsung dari pihak-

pihak yang berkaitan langsung dengan topik kajian yang diteliti. Proses

wawancara merupakan sebuah kegiatan untuk mengetahui sistem informasi yang

dibutuhkan BPBD Wilayah Kabupten Ogan Ilir dalam penanggulangan bencana

dan distribusi penyaluran logistik bencana. Pengumpulan data yang dilakukan

dengan cara melakukan tanya jawab secara langsung terhadap narasumber terkait

dengan penelitian yang dilakukan. Wawancara dilakukan pada pihak BPBD yang

berkaitan langsung dengan manajemen logistik bencana, logistik yang paling

banyak dibutuhkan saat terjadi bencana, penanggulangan dan penyalurannya.

3.4 Metode Pengolahan Data

Pengolahan data dapat dilakukan dengan metode System Development Life

Cycle (SDLC) untuk membangun dan memelihara sistem informasi dan Desain

sistem terdiri dari 3 tahapan yaitu pemodelan proses, pemodelan data, dan desain

antar muka. Dalam penelitian ini digunakan diagram konteks, Data Flow

Diagram (DFD) dan Entity Relationship Diagram (ERD). Sedangkan pemodelan

data dilakukan dengan perancangan struktur basis data. Tujuan dilakukan tahap

ini adalah agar desain database sesuai dengan kebutuhan pada saat perancangan

sistem. Database yang akan digunakan di dalam sistem informasi yang akan

dibangun adalah MySQL. Desain antarmuka (interface) meliputi struktur menu,

perancangan input, dan perancangan output meliputi frekuensi laporan, sisi

laporan, bentuk laporan, dan laporan yang ditampilkan pada layar atau perlu

dicetak.
 41

3.5 Diagram Alir Penelitian

Dalam penelitian ini ada tahapan-tahapan untuk penyelesaian masalah

yang digambarkan dalam bentuk diagram alir, sebagai berikut :

Gambar 3.2 Diagram Alir Penelitian

BAB 4

HASIL DAN PEMBAHASAN

4. 1 Gambaran Umum Objek Penelitian

 42

Peraturan Presiden Nomor 8 Tahun 2008 tentang Badan Nasional

Penanggulangan Bencana (BNPB). Susunan organisasi Badan Nasional

Penangulangan Bencana (BNPB) terdiri atas Kepala,Unsur Pengarah, dan Unsur

Pelaksana Penanggulangan Bencana. Unsur Pelaksana Penanggulangan Bencana

dalam membantu BNPB maka dibentuklah Badan Penanggulangan Bencana

Daerah (BPBD). Badan Penanggulangan Bencana Daerah (BPBD) bersinergi

dengan masyarakat dalam mengatasi bencana pada tiap daerah, khususnya di

Kabupaten. Badan Penanggulangan Bencana Daerah (BPBD) Kabupaten Ogan Ilir

adalah lembaga pemerintah non-departemen yang melaksanakan tugas

penanggulangan bencana di daerah baik Provinsi maupun Kabupaten/ Kota

dengan berpedoman pada kebijakan yang ditetapkan oleh Badan Koordinasi

Nasional Penanggulangan Bencana. BPBD dibentuk berdasarkan Peraturan

Presiden Nomor 8 Tahun 2008. Berdasarkan Data informasi bencana Indonesia

wilayah Sumatera Selatan, Kabupaten Ogan Ilir memiliki tingkat bencana yang

tinggi dari data informasi bencana Indonesia pada tahun ini Kabupaten Ogan Ilir

menduduki peringkat kedua dengan 44 jumlah bencana. Dan Kecamatan Indralaya

Utara dengan tingkat kerawanan bencana paling tinggi dibandingkan kecamatan

lainnya. Adapun jenis bencana yang sering terjadi di Kabupaten Ogan Ilir ialah

bencana kebakaran hutan dan lahan, Angin topan, Banjir dan Tanah longsor.

Dalam penanganan bencana penyaluran distribusi bantuan logistik BPBD

39
Kabupaten Ogan Ilir terdapat beberapa permasalahan antara lain kurangnya

informasi mengenai data korban bencana, data jenis bantuan yang diperlukan dan

data bantuan yang telah tersedia. Hal ini disebabkan kurangnya sistem informasi

manajemen yang ada di BPBD Kabupaten Ogan Ilir saat ini.

 43

4.2 Pengumpulan Data

4.2.1 Analisis Kebutuhan Sistem

Analisis kebutuhan sistem dilakukan untuk mengetahui data informasi apa

saja yang di butuhkan sistem agar memberikan informasi terkait penanggulangan

bencana di Kabupaten Ogan Ilir. Data informasi tersebut meliputi Kondisi

geografi dan iklim, Jumlah penduduk, Rentan usia, Jenis kelamin, dan Data

kebutuhan logistik pada tahap kesiapsiagaan bencana di Kabupaten Ogan Ilir.

4.2.2 Kondisi Geografi Kabupaten Ogan Ilir

Secara astronomis, Kabupaten Ogan Ilir terletak di antara 3 002’ sampai

3048’ Lintang selatan dan di antara 104020’ sampai 104048’ Bujur timur. Kabupaten

yang terbentuk pada tahun 2003 ini mempunyai luas wilayah 2.666,07 km 2 atau

266,607 ha dan mempunyai ketinggian tempat rata-rata 8 meter di atas permukaan

laut. Batas wilayah administrasi Kabupaten Ogan Ilir sebagai berikut :

a) Sebelah Utara berbatasan dengan Kabupaten Banyuasin dan Kota

Palembang

b) Sebelah Selatan berbatasan dengan Kabupaten Ogan Komering Ulu

(OKU)

c) Sebelah Timur berbatasan dengan Kabupaten Ogan Komering Ilir dan

Kabupaten OKU Timur

d) Sebelah Barat berbatasan dengan Kabupaten Muara Enim dan Kota

Prabumulih

4.2.3 Luas daerah menurut kecamatan (%) di Kabupaten Ogan Ilir 2022
 44

Sumber : Berdasarkan Peraturan Menteri Dalam Negeri No. 66 Tahun 2011

Gambar 4.1. Luas daerah menurut kecamatan (%) di Kab. Ogan Ilir 2022

Dari gambar di atas kecamatan Indralaya Utara memiliki luas 18% dari

total luas keseluruhan Kabupaten Ogan Ilir. Dengan tingkat bencana kebakaran

hutan dan lahan yang tinggi. Berdasarkan Data informasi bencana Indonesia. Di

lihat dari tahun ke tahun Indralaya Utara selalu terjadi bencana kebakaran hutan.

Hal ini di pengaruhi kondis iklim pada saat musim kemarau.

4.2.4 Jarak dari Ibukota Kecamatan ke Ibukota Kabupaten di Kabupaten

Ogan Ilir (km) 2022
 45

Sumber : Kanwil Badan Pertahanan Nasional Kabupaten Ogan Ilir

Gambar 4.2 Jarak dari Ibukota Kec. ke Ibukota Kab. Ogan Ilir

Berdasarkan gambar di atas Kecamatan Muara Kuang memiliki jarak yang

paling uuujauh dari Ibukota kabupaten Ogan Ilir. Sehingga akses untuk

penanggulangan bencana jaraknya cukup jauh sehingga bila terjadi bencana

membutuhkan waktu sekitar kurang lebih 2jam menuju ke lokasi bila sewaktu

terjadi bencana.

4.3 Keadaan Iklim Kabupaten Ogan Ilir

Keadaan Iklim di suatu daerah meliputi kondisi Suhu, Kelembaban,

Kecepatan angin, Tekanan udara, Curah hujan dan penyinaran matahari pada

suatu daera dalam jangka waktu yang cukup lama (30 tahun).

4.3.1 Pengamatan Unsur Iklim Menurut Bulan Di Stasiun Klimatologi Klas I

Palembang,2022

1. Kondisi suhu dan kelembaban

kondisi suhu dan kelembaban sangat mempengaruhi saat terjadi bencana

misalnya suhu yang tinggi dapat mengkabitkan kekeringan lahan. Hal tersebut

dapat berpotensi menyebabkan kebakaran hutan dan lahan. Begitu juga sebaliknya

dengan kondisi kelembaban yang tinggi dapat mengurangi terjadi kebakaran hutan

dan lahan sehinnga kondisi dapat mengurangi atau meminimalisir terjadi bencana

kebakaran hutan dan lahan terutama kecamatan Indralaya Utara yang tingkat

bencana kebakaran hutan dan lahan yang tinggi.

 46

Tabel 4.1. Kondisi Suhu dan Kelembaban Menurut Bulan Di Stasiun

Klimatologi Klas I Palembang,2022
Bulan Suhu/ Temperatur(%C) Kelembaam
Minimum Rata-rata Maksimum Minimun Rata-rata Maksimum
2 3 4 5 6 7
Januari 23, 0 28,7 34,2 57, 0 82,3 99, 0
Febauri 23,8 29,2 35,3 57 , 0 80,9 98, 0
Maret 22,5 29,8 36, 0 60, 0 81,7 98, 0
April 23 30,1 35,3 57 , 0 80,2 98, 0
Mei 23,8 30,4 36,2 60, 0 79,5 99, 0
Juni 23,1 29,3 34,8 57, 0 80,2 98, 0
Juli 22,2 29,5 34,8 55, 0 79,1 99, 0
Agustus 20,4 29,2 34,6 57, 0 79, 0 98, 0
September 23,4 29,2 35,7 59, 0 81,8 98, 0
Oktober 22,4 28,9 35,2 57, 0 83,8 100, 0
November 23,4 29,8 35, 4 62, 0 83,2 99, 0
Desember 22,3 29, 0 34,6 58, 0 82,5 100, 0
Sumber : Badan Meteorologi, Klimatologi, dan Geoö sika/Meteorological Climatological,.and
Geophysical Agency

2. Kondisi kecepatan angin dan Tekanan udara

Kecepatan angin dan tekanan udara dapat menyebabkan angin Topan.

Angin topan adalah pusaran angin kencang dengan kecepatan angin 120 km/jam

atau lebih yang sering terjadi di wilayah tropis diantara garis balik utara dan

selatan, kecuali di daerah-daerah yang sangat berdekatan dengan khatulistiwa.

Angin topan disebabkan oleh perbedaan tekanan dalam suatu sistem cuaca. Angin

paling kencang yang terjadi di daerah tropis ini umumnya berpusar dengan radius

ratusan kilometer di sekitar daerah sistem tekanan rendah yang ekstrem dengan

kecepatan sekitar 20 Km/jam. Di Indonesia dikenal dengan sebutan angin badai

Tabel 4.2 Kondisi Kecepatan Angin dan Tekanan Udara Menurut Bulan Di
Stasiun Klimatologi Klas I Palembang,2022
Bulan kecepatan Angin Tekanan udara
Min Rata-rata Maks Min Rata-rata Maks
8 9 10 11 12 13
Januari - 3,2 13, 0 1002, 5 1007, 6 1012, 4
Febauri - 3,9 20, 0 1001 , 5 1007,2 1012, 4
Maret - 3,2 9, 0 1005, 1 1009, 2 1013, 7
April - 3, 0 9, 0 1002 , 1 1008,1 1005, 4
 47

Mei - 2,6 8, 0 1002, 3 1007,6 1015, 5

Juni - 2,1 7, 0 1003, 8 1007, 7 1012, 7
Juli - 2,5 27, 0 1003, 3 1007, 5 1011, 5
Agustus - 2,7 11, 0 1004, 2 1008, 2 1011, 5
September - 2,9 13, 0 1003, 3 1007,7 1010, 9
Oktober - 3, 0 8, 0 1004, 2 1008, 1 1011, 7
November - 2,6 7, 0 1003, 3 1009,1 1013, 7
Desember - 1, 8 9, 0 1004, 3 1008.06.0 1012, 8
0
Sumber : Badan Meteorologi, Klimatologi, dan Geoö sika/Meteorological, Climatological,
and Geophysical Agency

3. Kondisi curah hujan dan penyinaran matahari

Kondisi curah hujan sangat mempengaruhi saat terjadi bencana karena

tingkat curah hujan tinggi mempengaruhi bencana banjir dan tanah longsor. Dan

curah hujan yang terjad paling intes terjadi di bulan juni.

Tabel 4.3 Kondisi Curah Hujan dan Penyinaran Matahari Menurut Bulan Di
Stasiun Klimatologi Klas I Palembang,2022
Bulan Jumlah curah Jumlah hari penyinaranmatahari
hujan (%) hujan (har) maksimum (jam)

14 15 16
Januari 284, 5 22 4, 2
Febauri 230,7 16 3, 9
Maret 304, 0 19 4, 1
April 417,9 22 4, 6
Mei 247,5 17 5, 0
Juni 135,7 19 4, 7
Juli 133,1 8 4, 6
Agustus 170,9 18 5, 3
September 163,1 17 3, 9
Oktober 578,1 22 2, 7
November 250,1 20 3, 4
Desember 334,6 19 2, 5
Sumbe r: Badan Meteorologi, Klimatologi, dan Geoö sika/Meteorological, Climatological, and
Geophysical Agency

4.4 Penduduk Kabupaten Ogan Ilir

 48

a) Jumlah Penduduk Kabupaten Ogan Ilir

jumlah penduduk dapat informasi mengenai lokasi yang terjadi bencana.
Dengan begitu kita kita dapat mengetahui jumla penduduk yang terkena
bencana pada saat terjadinya bencana di wilayah tersebut

Tabel 4.4 Jumlah Penduduk Kabupaten Ogan Ilir

Kecamatan Penduduk (ribu) pertumbuhan
penduduk pertahun
2022-2023
14 15
010. Muara Kuang 20 383 0, 25
011. Rambang Kuang 20 869 0, 09
012. Lubuk Keliat 18 303 0, 6
020. Tanjung Batu 48 380 0, 66
021. Payaraman 26 833 0, 77
030. Rantau Alai 11 480 1,47
031. Kandis 11 055 0, 48
040. Tanjung Raja 45 338 0, 72
041. Ranta Panjang 17 746 1, 78
042. Sungai Pinang 26 926 0, 4
050. Pemulutan 47 529 1,21
051. Pemulutan Selatan 17 587 0,43
052. Pemulutan Barat 14 201 -0,15
060. Indralaya 42 542 1,49
061. Indralaya Utara 39 515 1,11
062. Indralaya Selatan 22 835 0,46
Kabupaten Ogan lir 431558 0,81
 49

Sumber : Dinas Kependudukan dan catatan sipil Kabupaten Ogan Ilir

b) Jumlah desa dan kelurahan Kabupaten Ogan Ilir

Jumlah desa dan kelurahan Kabupaten Ogan Ilir dapat memberikan

informasi bencana terhapat desa yang berapa di kecamatan yang

terdampak bencana. Dengan begitu informasi lebih cepat sampa kepada

petugas BPBD untuk dapat segera mendistribusikan bantuan logistik

sesuai yang di butuhkan korban yang terdampak bencana.

Tabel 4.5 Jumlah Desa Dan Kelurahan Kabupaten Ogan Ilir

Kecamatan 2018 2019 2020 2021 2022
2 3 4 5 6
010. Maura Kuang 14 14 14 14 14
011. Rambang Kuang 13 13 13 13 13
012. Lubuk Keliat 10 10 10 10 10
020. Tanjung Batu 21 21 21 21 21
021. Payaraman 13 13 13 13 13
030. Rantau Alai 13 13 13 13 13
031. Kandis 12 12 12 12 12
040. Tanjung Raja 19 19 19 19 19
041. Ranta Panjang 12 12 12 12 12
042. Sungai Pinang 13 13 13 13 13
050. Pemulutan 25 25 25 25 25
051. Pemulutan Selatan 15 15 15 15 15
052. Pemulutan Barat 11 11 11 11 11
060. Indralaya 20 20 20 20 20
 50

061. Indralaya Utara 16 16 16 16 16

062. Indralaya Selatan 14 14 14 14 14
Kabupaten Ogan lir 241 241 241 241 241
Sumber: Peraturan Kepala Badan Pusat Statistik Nomor 1 Tahun 2021

c) Kondisi kepadatan penduduk per kecamatan Kabupaten Ogan Ilir 2022

Data kepadatan penduduk dapat memperkiran kebutuhan pengungsi, dan

ketersediaan logistik sandang dan pangan korban bencana.

Tabel 4.6 Kondisi Kepadatan Penduduk Per Kec. Kab. Ogan Ilir 2022
Kecamatan Presentase Kepadatan
Penduduk Penduduk per km2
7 8
010. Maura Kuang 4, 72 67
011. Rambang Kuang 4,48 39
012. Lubuk Keliat 4, 24 86
020. Tanjung Batu 11,21 183
021. Payaraman 6,22 149
030. Rantau Alai 2, 66 185
031. Kandis 2, 56 220
040. Tanjung Raja 10,51 653
041. Ranta Panjang 4,11 434
042. Sungai Pinang 6,25 633
050. Pemulutan 11,01 386
051. Pemulutan Selatan 4,08 286
052. Pemulutan Barat 3,29 237
060. Indralaya 9,86 420
061. Indralaya Utara 9,16 84
062. Indralaya Selatan 5,29 235
Kabupaten Ogan lir 100 162
Sumber/Source: Dinas Kependudukan dan catatan sipil Kabupaten Ogan Ilir

d) Jumlah penduduk menurut kelompok umur dan jenis kelamin di

Kabupaten Ogan Ilir 2022

Jumlah penduduk menurut kelompok umur dan jenis kelamin dan rentan

usia kita dapat mengetahui jumlah logistik yang diperlukan sesuai kebutan

korban bencana berdasrkan rentan usia, jenis kelamin.

Tabel 4.7 Jumlah Penduduk Menurut Kelompok Umur dan Jenis Kelamin
1. Kelompok Umur Jenis kelamin/sex
 51

laki-laki Perempuan Jumlah

2 3 4
0-4 12736 11686 24422
5-9 20 666 19078 39744
10-14 21 125 19 692 40817
15-19 17 690 17001 34 691
20-24 19 305 18 496 37 801
25-29 17 484 16 188 33 672
30-34 17 279 15 458 32 737
35-39 18 239 17 448 35 687
40-44 15 895 15 629 31 524
45-49 14011 14145 28 156
50-54 12116 12348 24 464
55-59 10033 11203 21 236
60-64 8890 9150 18040
65-69 6086 6390 12476
70-74 3605 3899 7504
70-74 3492 5095 8587
Nama Provinsi 218652 212906 431558

Sumber/Source: Dinas Kependudukan dan catatan sipil Kabupaten Ogan Ilir

4.5 Pengolahan Data

1) Diagram konteks

Pada sistem informasi bantuan logistik bencana terdapat 3 entitas yaitu

petugas BPBD (petugas posko induk), petugas posko desa, dan pengunjung web

sistem informasi bantuan logistik bencana (masyarakat umum). Petugas BPBD

memiliki peran dalam mengolah data bencana, data pengguna, data kebutuhan

dasar sebelum proses pengelolaan logistik bencana dilakukan. Petugas posko desa

adalah petugas yang bertanggung jawab terhadap posko bencana di desa yang

memiliki peranan dalam memasukkan data pengungsi, data kebutuhan khusus

posko. Masyarakat umum adalah entitas luar yang memperoleh informasi posko,

kebutuhan posko, daftar pengungsi, dan daftar donatur.

Gambar 4.3 Diagram Konteks

 52

2. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari sistem yang

menggambarkan pembagian sistem ke modul yang lebih kecil. Terdapat

tiga proses utama di dalam sistem yaitu pengaturan awal, mengelola

logistik, dan menghasilkan informasi dan laporan

Gambar 4.4 Data Flow Diagram (DFD)

 53

2) Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) digunakan untuk memodelkan

secara konseptual hubungan antara entitas yang terjadi di dalam sistem informasi.

Entitas yang terlibat serta relasi yang muncul disini selanjutnya akan dipakai

dalam merancang kebutuhan database yang diperlukan.

3) Class Diagram
Class Diagaram digunakan untuk Menggambarkan suatu sistem
a. Class Diagram Petugas BPBD

Gambar 4.4 Class Diagram Petugas BPBD

b. Class Diagram Petugas Posko Desa

 54

Gambar 4.5 Class Diagram Petugas Posko Desa

c. Class Diagram Masyarakat Umum

Gambar 4.6 Class Diagram Masyarakat Umum

Dari ketiga gambar class diagram diatas dapat dijelaskan bahwa :

1. Tabel admin, petugas dan users untuk menyimpan data user yang

diinputkan ke sistem.

2. Tabel login untuk menyimpan data username dan password untuk

mengakses sistem.

3. Tabel bencana, posko, pengungsi digunakan untuk mendata keseluruhan

korban bencana

4. Tabel Donasi digunakan untuk memberikan donasi kepada korban bencana

5. Tabel berita untuk memberikan berita terupdate tentang bencana yang

sedang terjadi.
 55

4) Use Case
Use Case yang digunakan pada sistem ini yaitu :

1. Terdapat 2 aktor yang melakukan kegiatan keseluruhan pada sistem

yaitu bagian petugas BPBD dan petugas posko desa .

2. Dan terdapat 1 aktor yang terlibat dalam kegiatan sistem tersebut yaitu

masyarakat umum.

a. Use Case BPBD Dan Petugas Desa

Gambar 4.7 Use Case BPBD Dan Petugas Desa

b. Use Case Masyarakat Umum
 56

Gambar 4.8 Use Case Masyarakat Umum

6. Flowchart
1. Flowchart BPBD

Gambar 4.9 Flowchart BPBD

Pada rancangan flowchart diatas dapat dijelaskan bahwa pada flowchart petugas

BPBD akan bisa menginput data bencana, data posko dan total donasi yang telah

terkumpul.
 57

2. Flowchart Masyarakat Umum

Gambar 4.10 Flowchart Masyarakat Umum

Pada rancangan Flowchart diatas dapat dijelaskan bahwa pada Flowchart

masyarakat umum bisa melihat berita bencana terbaru, melihat data posko, meliat

data pengungsi, dan memberikan donasi kepada korban bencana.

 58

3. Flowchart Petugas Posko Desa

Gambar 4.11 Flowchart Petugas Posko Desa

Pada rancangan Flowchart diatas dapat dijelaskan bahwa pada Flowchart petugas

posko desa bisa melihat data pengguna sistem, menginput data posko dan data

pengungsi.
 59

7. Activity Diagram
Activity Diagram digunakan untuk mengetahui jalan alur sebuah sistem .
1. Activity Diagram BPBD

Gambar 4.12 Activity Diagram BPBD

 60

2. Activity Petugas Posko Desa

 61

Gambar 4.13 A ctivity Petugas Posko Desa

3. Activity Masyarakat Umum

Gambar 4.13 Activity Masyarakat Umum

 62

4.5.2 Desain File

Dalam merancang suatu sistem yang baik dibutuhkan beberapa file

yang bertujuan untuk memudahkan pengambilan informasi data. Bentuk

desain file akan mendeskripsikan file-file dalam database yang digunakan

dalam perancangan sebuah sistem.

Desain file merupakan suatu media penyimpanan yang bersifat sementara,

disamping itu fungsi desain file tersebut digunakan untuk proses pengolahan

data, baik itu proses pengentrian data maupun proses pembuatan laporan data

atau menu tampil. Adapun bentuk rancangan file tersebut dapat dilihat pada

format berikut.

Tabel 4.8 Desain File Tabel Pengguna

 63

Tabel 4.9 Desain File Tabel Bencana

No. Field Name Type Description

1. id_bencana INT Identifikasi unik untuk setiap

bencana

2. tanggal_bencana DATE Tanggal ketika bencana terjadi

3. lokasi_bencana VARCHAR Lokasi geografris atau wilayah

terjadinya bencana

4. Keterangan VARCHAR Deskripsi singkat tentang bencana

Tabel 4.10 Desain Tabel Berita

No. Field Name Type Description

1. id_berita INT Identifikasi unik untuk setiap

berita

2. judul_berita VARCHAR Judul berita tentang bencana

3. Isi_berita TEXT Isi berita yang mencakup

informasi terkait bencana

4. tanggal_publikasi DATE Tanggal publikasi berita

5. penulis_berita VARCHAR Nama penulis berita

Tabel 4.11 Desain Tabel Posko

No. Field Name Type Description

1. id_ posko INT Identifikasi unik untuk setiap

posko

2. nama_posko VARCHAR Nama posko yang didirikan

 64

selama bencana

3. alamat_posko VARCHAR Alamat posko

4. kota_posko VARCHAR Kota atau wilayah tempat posko

berada

5. koordinat_posko VARCHAR Koordinat geografis posko

(misalnya latitude dan longitude)

Tabel 4.12 Desain Tabel Pengungsi

No. Field Name Type Description

1. id_pengungsi INT Identifikasi unik untuk setiap

pengungsi

2. id_posko INT Kunci asing yang mengacu pada

tabel posko untuk mengaitkan

pengungsi dengan posko tertentu

3. nama_pengungsi VARCHAR Nama lengkap pengungsi

4. alamat_pengungsi VARCHAR Alamat tempat tinggal pengungsi

5. kota_pengungsi VARCHAR Kota atau wilayah tempat tinggal

pengungsi

6. nomor_telepon VARCHAR Nomor telepon yang dapat di

hubungi pengungsi

7. jumlah_keluarga INT Jumlah anggota keluarga yang

tinggal bersama pengungsi

8. Keterangan VARCHAR Informasi tambahan tentang

pengungsi
 65

Tabel 4.13 Desain Tabel Admin

No. Field Name Type Description

1. id_adm INT Identifikasi unik untuk setiap

kebutuhan adm

2. nama_adm VARCHAR Nama lengkap adm

3. Email VARCHAR Email adm

4. Password VARCHAR Autentifikasi pengguna

5. foto_adm TEXT Informasi dokumentasi kejadian

bencana

Tabel 4.14 Desain Tabel Petugas

No. Field Name Type Description

1. id_petugas INT Identifikasi unik untuk setiap

kebutuhan petugas

2. nama_peutgas VARCHAR Nama lengkap petugas

3. Email VARCHAR Email petugas

4. Password VARCHAR Autentifikasi password

5. foto_petugas TEXT Informasi dokumentasi petugas

saat kejadian bencana

Tabel 4.14 Desain Tabel Pages

 66

No. Field Name Type Description

1. id_page INT Identifikasi unik untuk setiap

kebutuhan petugas

2. nama_page VARCHAR Nama lengkap petugas

3. Type VARCHAR Email petugas

4. Detail VARCHAR Autentifikasi password

5. id_adm INT Informasi dokumentasi petugas

saat kejadian bencana

Tabel 4.15 Desain Tabel Donasi

No. Field Name Type Description

1. Ide INT Identifikasi unik untuk setiap

kebutuhan petugas

2. nama_donasi VARCHAR Nama lengkap petugas

3. emai_ donasi VARCHAR Email petugas

4. alamat_ donasi VARCHAR Autentifikasi password

5. No._telp_donasi VARCHAR Informasi dokumentasi petugas

saat kejadian bencana

6. nominal_donasi INT Jumlah nominal yang di salurkan

saat terjadi bencana

7. Image_barang_ donasi VARCHAR Jumlah barang disalurkan ke

korban bencana

8. Keterangan donasi TEXT Memberikan bantuan donasi

terhadap korban bencana

9. Image_bukti_donasi VARCHAR Bukti batuan donasi bencana

 67

Tabel 4.16 Desain Tabel Kecamatan

No. Field Name Type Description

1. id_kecamatan INT Digunakan untuk

mengidentifikasi setiap kecamatan

secara unik

2. nama_kecamatan VARCHAR Digunakan untuk menyimpan

nama-nama kecamatan

Tabel 4.17 Desain Tabel Logistik

No. Field Name Type Description

1. id_logistik INT Digunakan untuk

mengidentifikasi setiap item

logistik secara unik

2. nama_item VARCHAR Menyimpan nama atau deskripsi

dari setiap item logistik

3. jumlah_stok INT Menyimpan informasi tentang

jumlah persediaan item logistik

4. lokasi_simpan VARCHAR Menyimpan informasi tentang

lokasi atau penyimpanan item

logistik

5. tanggal_masuk DATETIME Untuk menyimpan informasi

tanggal masuk suatu item logistik

6. Keterangan TEXT Menyimpan informasi tambahan

 68

atau deskripsi yangberkaitan

dengan suatu item logistik

Tabel 4.18 Desain Tabel Logistik Keluar

No. Field Name Type Description

1. id_outgoing INT Digunakan untuk

mengidentifikasi setiap keluaran

atau pengeluaran barang logistik

secara unik

2. id_logistik INT Digunakan untuk

mengidentifikasi setiap item

logistik secara unik

3. jumlah_keluar INT Menyimpan informasi tentang

jumlah pengeluaran suatu item

logistik

4. tanggal_keluar DATETIME Untuk menyimpan informasi

tanggal keluar suatu item logistik

5. id_posko INT Digunakan untuk

mengidentifikasi setiap posko

secara unik

6. keterangan2 TEXT Menyimpan informasi tambahan

atau deskripsi yang berkaitan

dengan suatu item logistik yang

keluar

7. Status VARCHAR Menyimpan informasi kondisi

 69

atau keadaan suatu entry, item

atau proses

Tabel 4.19 Desain Tabel Logistik Permintaan

No. Field Name Type Description

1. id_req INT Digunakan untuk

mengidentifikasi setiap

permintaan atau request logistik

secara unik

2. id_logistik INT Digunakan untuk

mengidentifikasi setiap item

logistik secara unik

3. jumlah_permintaan INT Menyimpan informasi tentang

jumlah permintaan suatu item

4. tanggal_ permintaan DATETIME Untuk menyimpan informasi

tanggal permintaan suatu item

logistik

5. id_posko INT Digunakan untuk

mengidentifikasi setiap posko

secara unik

6. keterangan1 TEXT Menyimpan informasi tambahan

atau deskripsi yang berkaitan

dengan suatu item logistik yang

diminta

7. Status VARCHAR Menyimpan informasi kondisi

 70

atau keadaan suatu entry, item

atau proses

Tabel 4.20 Desain Tabel Penduduk

No. Field Name Type Description

1. id_penduduk VARCHAR Digunakan untuk

mengidentifikasi setiap penduduk

atau masyarakat secara unik

2. id_kecamatan VARCHAR Digunakan untuk

mengidentifikasi setiap kecamatan

secara unik

3. nama_ penduduk DATETIME Menyimpan informasi tentang

nama lengkap dari setiap individu

atau penduduk yang terdaftar

4. Umur VARCHAR Menyimpan informasi tentang

umur dari setiap individu atau

penduduk yang terdaftar

5. tanggal_lahir VARCHAR Menyimpan informasi tentang

tanggal lahir dari setiap individu

atau penduduk yang terdaftar

6. jenis_kelamin VARCHAR Menyimpan informasi tentang

 71

jenis kelamin dari setiap individu

atau penduduk yang terdaftar

7. Alamat VARCHAR Menyimpan informasi tentang

alamat lengkap dari setiap

individu atau penduduk yang

terdaftar

8. Pekerjaan VARCHAR Menyimpan informasi tentang

pekerjaan dari setiap individu atau

penduduk yang terdaftar

9. nomor_telepon VARCHAR Menyimpan informasi tentang

nomor telpon yang dapat

dihubumgi dari setiap individu

atau penduduk yang terdaftar

10. status_perkawinan VARCHAR Menyimpan informasi tentang

status perkawinan dari setiap

individu atau penduduk yang

terdaftar

11. Agama VARCHAR Menyimpan informasi tentang

agama dari setiap individu atau

penduduk yang terdaftar

12. golongan_darah VARCHAR Menyimpan informasi tentang

golongan darah dari setiap

individu atau penduduk yang

terdaftar

13. Gaji DECIMAL Menyimpan informasi tentang gaji

 72

dari setiap individu atau penduduk

yang terdaftar

14. riwayat_kesehatan TEXT Menyimpan informasi tentang

riwayat kesehatan dari setiap

individu atau penduduk yang

terdaftar

15. Foto VARCHAR Menyimpan informasi tentang

foto dari setiap individu atau

penduduk yang terdaftar

Tabel 4.19 Desain Tabel User

No. Field Name Type Description

1. id_user INT Digunakan untuk

mengidentifikasi setiap user atau

pengguna secara unik

2. nama_user VARCHAR Menyimpan informasi tentang

nama pengguna dari setiap akun

yang tedaftar

3. Email VARCHAR Menyimpan informasi tentang

alamat email dari setiap akun

yang tedaftar

4. Password VARCHAR Menyimpan informasi tentang

kata sandi dari setiap akun yang

tedaftar

5. Telepon CHAR Menyimpan informasi tentang

 73

nomor telpon dari setiap akun

yang tedaftar

6. Alamat VARCHAR Menyimpan informasi tentang

alamat lengkap dari setiap akun

yang tedaftar

4.5.3 Pembahasan

Bentuk rancangan input tersebut dapat dilihat pada gambar di bawah ini :

a. Tampilan Form Login

Gambar 4.5 Tampilan Halaman Utama

Halaman utama memberikan informasi email dan telepon, disamping

email dan telepon terdapat fitur login dan daftar akun/register. Pada header

terdapat fitur home yang memberikan informasi mengenai berita bencana, posko

bencana dan pengungsi. Kemdian pada header selanjutnya terdapat fitur tentang

kami yang memberikan informasi tentang profil perusahaan/instansi.

 74

Gambar 4.6 Tampilan Form Login

Form login masyarakat umum dan petugas posko. Pada form login terdapat

fitur menginput halaman email dan password yang telah terdaftar dan pada form

login ini petugas posko desa bisa mengaksesnya. Bagi pengguna masyarakat

umum harus membuat akun terlebih dahulu agar dapat login ke website.

Gambar 4.7 Tampilan Form data bencana

Form data bencana, Pada form ini hanya petugas posko BPBD Kabupaten

Ogan Ilir yang bisa menginput data bencana berdasarkan laporan dari petugas

posko desa akan di informasikan kepada masyarakat umum atau pengguna pada

halaman utama fitur berita.

 75

Setelah menginput data bencana selanjutnya klik tombol simpan. Lalu akan

di proses memalui kodingan di bawah ini dengan file kode :

bencanatambahact.php

Gambar 4.8 Tampilan tambah data posko

Form data posko, Pada form ini data di input oleh petugas BPBD dan

petugas posko desa berdasarkan posko yang berada di lokasi bencana. Pada form

ini juga petugas bisa menginput foto posko pada saat bencana, nama posko dan

alamat/koordinat posko pada saat bencana.

Setelah menginput data posko klik tombol simpan lalu akan di proses kodingan

dengan nama file kode : poskotambahact.php

 76

Gambar 4.9 Tampilan Form data pengungsi

Pada form ini yang bisa menginput data pengungsi hanya petugas posko

desa, Sesuai dengan jumlah pengungsi yang berada di posko kejadian bencana.

Informasi tersebut berisi nama pengungsi, alamat pengungsi, kontak darurat,

keterangan serta foto pengungsi. Informasi pengungsi dar petugas posko desa

akan tampil di halaman utama pengguna web.

Setelah input data pengungsi lalu klik tombol simpan, kemudian akan di proses

kodingan di bawah ini dengan nama file kode : pengungsitambahact.php

Gambar 4.10 Tampilan Form laporan pengungsi

 77

Gambar 4.11 Tampilan Form Laporan Cetak pengungsi

Pada form ini petugas posko bisa mencari pengungsi berdarakan

nama,alamat, jumlah pengungsi,foto/keterangan. Kemudian data pengungsi

tersebut akan di cetak dan dikirim ke petugas BPBD.

Untuk mengetahui jumlah pengungsi maka akan di proses kodingan di bawah ini

dengan nama file kode : laporan_cetak.php

Gambar 4.12 Form Edit Permintaan Logistic Petugas BPBD

 78

Gambar 4.13 Form CetaknEdit Permintaan Logistic Petugas BPBD

Pada form ini petugas bpbd bisa merubah permintaan jumlah

permintaan,keterangan dan status sesuai dengan stok pada logistik yang ada,status

pun bisa petugas ubah diterima,diproses mempersiapkan logistic dan ditolak

dikarenakan stok tidak ada.

Ketika petugas BPBD mengklik tombol simpan maka akan diproses oleh kode

file : permintaaneditact.php

4.14 Gambar Form Tambah Data Logistic Masuk

 79

4.15 Gambar Form Kelola Data Logistic Masuk

Ketika petugas bpbd mengklik tombol simpan maka akan diproses oleh kode file :
logistiktambahact.php

4.16 Form Data Logistic Keluar

 80

4.17 Form Cetak Data Logistic Keluar

Petugas BPBD bisa menginput logistik keluar sesuai dengan nama logistik,
jumlah keluar,tanggal keluar dan keterangan logistik yang keluar pada saat
bencana .
Form data logistic keluar kode file : keluartambah.php

Gambar 4.14 Form Logistik Masuk Petugas Posko

Gambar 4.14 Form Logistik Masuk Petugas Posko
 81

Pada form logitik masuk ini petugas posko bisa menginput keterangan,dan status
ketika logistic masuk,status bisa diubah diterima jika logistic telah sampai pada
posko
Form logistic masuk petugas posko dengan kode file : keluaredit.php
Setelah menginput data petugas posko maka akan mengklik tombol simpan lalu
akan diproses oleh kode file : keluareditact.php

Gambsr 4.15 Form Kecamatan

 82

Gambsr 4.16 Form Cetak Data Kecamatan

Pada form ini petugas bpbd bisa menginput data kecamatan dengan mengetik

nama kecamatan,setelah menginput data kecamatan maka petugas bpbd

=menginput data penduduk dan sesuai dengan data penduduk pada kecamatan.

File kode form data kecamatan : kecamatan_tambah.php

Setelah menginput data kecamatan petugas bpbd mengklik tombol simpan dan

akan diproses oleh kode file : kecamatan_tambahact.php

Gambar 4.17 Form Data Penduduk

Gambar 4.16 Form Data Identitas Penduduk

 83

Gambar 4.16 Form Cetak Data Penduduk

Pada form ini petugas bpbd bisa menginput data penduduk,seperti data

kecamatan,nama penduduk,tanggal lahir,umur,dan lain lain sesuai data yang

dimiliki penduduk di kecamatan yang kita pilih pada inputan kecamatan,inputan

kecamatan diperoleh dari data kecamatan yang di input tadi.

File kode : penduduk_tambah.php

Setelah menginput data kecamatan petugas bpbd mengklik tombol simpan dan

akan diproses oleh kode file : penduduktambahact.php

4.5.3 Pengujian blackbox

Pengujian Blackbox bertumpu pada pengkhususan fungsi dari perangkat.

Pengujian dapat mengartikan himpunan kondisi masukan dan menjalankan

pengujian pada pengkhususan fungsi dari perangkat lunak. Berikut tahapan yang

dilakukan dalam pengujian Blackbox:

1. Menentukan test case pengujian perangkat lunak.

2. Penerapan Metode Equivalence Partitioning pada pengujian Blackbox.

3.Membuat kesimpulan dari Pengujian Blackbox dengan Metode Equivalence

Partitioning.

ID Skenario Pengujian Hasil yang diharapkan

R01 Tidak mengisi semua data Maka akan disuruh pengisi

yang diperlukan lalu menekan kolom kolom data yang
tombol “Sign Up”.Data nya kosong dan tidak bisa
seperti Nama Lengkap,Nomor mendaftarkan akun karena
Telepon,Alamat data yang diperlukan belum
 84

Email,Alamat,Password, dan diisi

konfirmasi password
R02 Mengisi E-mail yang sudah Pesan menampilkan “Email
didaftarkan, lalu menekan sudah terdaftar, silahkan
tombol “Sign Up” gunakan email lain!”
R03 Memasukan Konfirmasi Pesan menampilkan “
Password yang tidak sama, Password tidak sama!”
lalu menekan tombol “Sign
Up”
R04 Memasukkan data registrasi Menampilkan pesan “
dengan benar,lalu menekan Registrasi berhasil. Sekarang
tombol “Sign Up” anda bisa login.”
Tabel 4.20 Rancangan Test Case Pengujian Pada Form Login Web
ID Skenario Pengujian Hasil yang diharapkan
L01 Tidak mengisi E-mail dan Pesan menampilkan “Email
Password lalu menekan atau Password Salah!”
tombol “Login”
L02 Mengisi E-mail: Pesan menampilkan “Email
ganteng@gmail.com dan atau Password Salah!”
Password: and1, lalu menekan
tombol “Login”
L03 Memasukan E-mail: Berhasil masuk ke dalam
admin@admin.com dan halaman admin petugas posko
Password: admin dengan
benar, lalu menekan tombol
“Login”
L04 Memasukkan E-mail dan Berhasil masuk ke dalam
password yang telah didaftar halaman pengguna
kan pada menu registrasi
dengan benar,lalu menekan
tombol “Login”
L05 Menekan Tulisan “Daftar Maka akan berhasil masuk ke
Disini “ pada form login untuk form register pengguna/
daftar akun pengguna member
L06 Menekan Tulisan “ Klik disini Berhasil masuk ke form
“ pada form login untuk password recovery
pengguna yang lupa password
pada akun nya

Tabel 4.21 Rancangan Test Case Pengujian Pada Form Register Akun Web
Tabel 4.22 Rancangan Test Case Pengujian Pada Form Lupa Password Akun Web

ID Skenario Pengujian Hasil yang Diharapkan

LP01 Tidak mengisi semua data Maka akan disuruh pengisi
yang diperlukan lalu menekan kolom kolom data yang
tombol “Reset My kosong dan tidak bisa
Password”.Data nya seperti merubah password akun
Email,Nomor karena data yang diperlukan
 85

Telepon,Password Baru,dan belum diisi

Konfirmasi Password
LP02 Mengisi Email tidak sama Menampilkan pesan “Email /
dengan akun yang ingin di Telephone is invalid”
ganti password nya lalu
menekan tombol “Reset My
Password”
LP03 Mengisi Nomor telepon tidak Menampilkan pesan “Email /
sama dengan akun yang ingin Telephone is invalid”
di ganti password nya lalu
menekan tombol “Reset My
Password”
LP04 Memasukan Konfirmasi Menampilkan pesan “New
Password yang tidak sama, Password and Confirm
lalu menekan tombol “Reset Password fields do not
My Password” match!”
LP05 Memasukkan data ganti Menampilkan pesab “Your
password dengan benar,lalu Password has been
menekan tombol “Reset My successfully changed”
Password”

Tabel 4.23 Rancangan Test Case Pengujian Pada Form Permintaan Logistik Pada
Halaman Petugas Posko
ID Skenario pengujian Hasil yang diharapkan
PL01 Tidak mengisi semua data Maka akan disuruh pengisi
yang diperlukan lalu kolom kolom data yang
menekan tombol kosong dan tidak bisa
“Simpan”.Data nya seperti menyimpan data karena
Barang,Posko,Jumlah data yang diperlukan belum
Permintaan,Tanggal diisi
Permintaan,dan keterangan
PL02 Memasukkan data Menampilkan pesab
Permintaan logistik dengan “Berhasil mengirim
benar,lalu menekan tombol permintaan.”data kesimpan
“Simpan” dan dikirim ke petugas bpbd
PL03 Menekan tombol x pada data Data yang diinginkan maka
yang ingin dihapus data terhapus

Tabel 4.24 Rancangan Test Case Pengujian Pada Form Logistik Masuk Pada
Halaman Petugas Bpbd

ID Skenario pengujian Hasil yang diharapkan

LM01 Mengisi semua data logistik Data akan Tersimpan
masuk dengan benar lalu sebagai bukti laporan
menekan tombol “Simpan” logistic masuk
LM02 Tidak Mengisi data lalu Data tidak tersimpan karena
 86

menekan tombol simpan data belum diisi

maka diakan di simpan
LM03 Menekan Tombol x kepada Data akan terhapus
data yang ingin dihapus
maka data akan terhapus

Tabel 4.25 Hasil Pengujian

ID Skenario pengujian Hasil yang Hasil yang Keterangan
diharapkan dihasilkan
L01 Tidak mengisi E-mail Pesan Pesan Berhasil
dan Password lalu menampilkan menampilkan
menekan tombol “Email atau “Email atau
“Login” Password Salah!” Password Salah!”
L02 Mengisi E-mail: Pesan Pesan Berhasil
ganteng@gmail.com menampilkan menampilkan
dan Password: and1, “Email atau “Email atau
lalu menekan tombol Password Salah!” Password Salah!”
“Login”
L03 Memasukan E-mail: Berhasil masuk Berhasil masuk Berhasil
admin@admin.com dan ke dalam ke dalam
Password: admin halaman admin halaman admin
dengan benar, lalu petugas posko petugas posko
menekan tombol
“Login”
L04 Memasukkan E-mail Berhasil masuk Berhasil masuk Berhasil
dan password yang ke dalam ke dalam
telah didaftar kan pada halaman halaman
menu registrasi dengan pengguna pengguna
benar,lalu menekan
tombol “Login”
L05 Menekan Tulisan Maka akan Maka akan Berhasil
“Daftar Disini “ pada berhasil masuk ke berhasil masuk
form login untuk daftar form register ke form register
akun pengguna pengguna/ pengguna/
member member
L06 Menekan Tulisan “ Klik Berhasil masuk Berhasil masuk Berhasil
disini “ pada form login ke form password ke form
untuk pengguna yang recovery password
lupa password pada recovery
akun nya
R01 Tidak mengisi semua Maka akan Maka akan Berhasil
data yang diperlukan disuruh pengisi disuruh pengisi
lalu menekan tombol kolom kolom kolom kolom
“Sign Up”.Data nya data yang kosong data yang kosong
seperti Nama dan tidak bisa dan tidak bisa
Lengkap,Nomor mendaftarkan mendaftarkan
Telepon,Alamat akun karena data akun karena data
Email,Alamat,Password, yang diperlukan yang diperlukan
dan konfirmasi belum diisi belum diisi
 87

password
R02 Mengisi E-mail yang Pesan Pesan Berhasil
sudah didaftarkan, lalu menampilkan menampilkan
menekan tombol “Sign “Email sudah “Email sudah
Up” terdaftar, terdaftar,
silahkan gunakan silahkan gunakan
email lain!” email lain!”
R03 Memasukan Konfirmasi Pesan Pesan Berhasil
Password yang tidak menampilkan “ menampilkan “
sama, lalu menekan Password tidak Password tidak
tombol “Sign Up” sama!” sama!”
R04 Memasukkan data Menampilkan Menampilkan Berhasil
registrasi dengan pesan “ Registrasi pesan “ Registrasi
benar,lalu menekan berhasil. berhasil.
tombol “Sign Up” Sekarang anda Sekarang anda
bisa login.” bisa login.”
LP01 Tidak mengisi semua Maka akan Maka akan Berhasil
data yang diperlukan disuruh pengisi disuruh pengisi
lalu menekan tombol kolom kolom kolom kolom
“Reset My data yang kosong data yang kosong
Password”.Data nya dan tidak bisa dan tidak bisa
seperti Email,Nomor merubah merubah
Telepon,Password password akun password akun
Baru,dan Konfirmasi karena data yang karena data yang
Password diperlukan belum diperlukan belum
diisi diisi
LP02 Mengisi Email tidak Menampilkan Menampilkan Berhasil
sama dengan akun yang pesan “Email / pesan “Email /
ingin di ganti password Telephone is Telephone is
nya lalu menekan invalid” invalid”
tombol “Reset My
Password”
LP03 Mengisi Nomor telepon Menampilkan Menampilkan Berhasil
tidak sama dengan pesan “Email / pesan “Email /
akun yang ingin di ganti Telephone is Telephone is
password nya lalu invalid” invalid”
menekan tombol
“Reset My Password”
LP04 Memasukan Konfirmasi Menampilkan Menampilkan Berhasil
Password yang tidak pesan “New pesan “New
sama, lalu menekan Password and Password and
tombol “Reset My Confirm Confirm
Password” Password fields Password fields
do not match!” do not match!”
LP05 Memasukkan data ganti Menampilkan Menampilkan Berhasil
password dengan pesab “Your pesab “Your
benar,lalu menekan Password has Password has
tombol “Reset My been successfully been successfully
Password” changed” changed”
PL01 Tidak mengisi semua Maka akan Maka akan Berhasil
 88

data yang diperlukan disuruh pengisi disuruh pengisi

lalu menekan tombol kolom kolom kolom kolom
“Simpan”.Data nya data yang kosong data yang kosong
seperti dan tidak bisa dan tidak bisa
Barang,Posko,Jumlah menyimpan data menyimpan data
Permintaan,Tanggal karena data yang karena data yang
Permintaan,dan diperlukan belum diperlukan belum
keterangan diisi diisi
PL02 Memasukkan data Menampilkan Menampilkan Berhasil
Permintaan logistik pesab “Berhasil pesab “Berhasil
dengan benar,lalu mengirim mengirim
menekan tombol permintaan.”data permintaan.”dat
“Simpan” kesimpan dan a kesimpan dan
dikirim ke dikirim ke
petugas bpbd petugas bpbd
PL03 Menekan tombol x Data yang Data yang Berhasil
pada data yang ingin diinginkan maka diinginkan maka
dihapus data terhapus data terhapus
LM01 Mengisi semua data Data akan Data akan Berhasil
logistik masuk dengan Tersimpan Tersimpan
benar lalu menekan sebagai bukti sebagai bukti
tombol “Simpan” laporan logistic laporan logistic
masuk masuk
LM02 Tidak Mengisi data lalu Data tidak Data tidak Berhasil
menekan tombol tersimpan karena tersimpan karena
simpan maka diakan di data belum diisi data belum diisi
simpan
LM03 Menekan Tombol x Data akan Data akan Berhasil
kepada data yang ingin terhapus terhapus
dihapus maka data
akan terhapus

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan
 89

Adapun beberapa kesimpulan dari sistem informasi manajemen bantuan

logistik bencana alam antara lain :

1. Tahap analisis kebutuhan sistem dilakukan untuk mengetahui data

informasi apa saja yang di butuhkan sistem agar memberikan informasi

terkait penanggulangan bencana di Kabupaten Ogan Ilir. Data informasi

tersebut meliputi Kondisi geografi dan iklim, Jumlah penduduk, Rentan

usia, Jenis kelamin, dan Data kebutuhan logistik pada tahap

kesiapsiagaan bencana di Kabupaten Ogan Ilir.

2. Dalam membangun sistem informasi manajemen bantuan logistik

bencana alam menggunakan metode System development life cycle

(SDLC) Waterfall ada beberapa tahapan yaitu, Identifikasi kebutuhan

sistem, Analisis sistem, Desain sistem, dan Implementasi. Dengan

model perencanaan menggunakan Data Flow Diagram (DFD) dan

Unified Modelling Language (UML), Serta menggunakan bahasa

pemograman Hypertext Prepocessor (PHP).

3. Berdasarkan sistem yang di bangun dapat memberikan informasi yang

terjadi saat bencana secara cepat dengan sistem informasi berbasis web.

Sistem informasi ini di harapkan dapat membantu Petugas BPBD

Kabupaten Ogan Ilir dalam memberikan informasi terkait bencana dan

membantu mendistribusikan bantuan logistik bencana secara cepat dan

sesuai kebutuhan masyarakat yang terdampak bencana.

85

5.2 Saran

Saran yang dapat diberikan untuk sistem informasi manajemen

bantuan logistik sebagai berikut:.

 90

1. Perlu adanya data logistik kesiapsiagaan bencana untuk

mendistribuskan bantuan terhadap korban bencana berdasarkan data

jumlah penduduk yang berada wilayah tempat terjadinya bencana

secara cepat dan sesuai kebutuhan korban bencana.

2. Implementasi dalam mengoperasikan sistem informasi manajemen

hendaknya benar-benar mendapat dukungan dari seluruh pihak yang

terkait, yaitu petugas posko BPBD, petugas posko desa dan masyarakat

umum. Untuk memberikan informasi yang secara cepat dan aktual.

 91

DAFTAR PUSTAKA

Buku

Christopher, Martin. 2011. Logistics and Supply Chain Management (4th Edition).

Dorset: Prentice Hall.

Miles, M.B., Huberman, M.a, & Saldana, J, (2014), Drawing and Verying Conclusions,

Qualitive Data Analysis: A Methods Sourcebok, http://doi.org/January 11, 2014

Meleong, Lexy J. 2004. Metodologi Penelitian Kualitatif. Bandung: Remaja Rosda

Karya.

Nazir, Mohd. 2004. Metode Penelitian. Jakarta: Ghalia Indonesia.

PPM & Asosiasi Logistik Indonesia. 2011. Panduan & Direktori Logistik Indonesia.

Jakarta: PPM.

Simchi-Levi, David, Kaminsky, Peter and Simchi-Levi, Edith. 2002. Designing &

Managing the Supply Chain: Concepts, Strategies & Case Studies (2nd Edition).

New York: McGraw-Hill.

Warman, John. 2010. Manajemen Pergudangan. Jakarta: Sinar Harapan.

Peraturan

Undang-Undang No. 24 Tahun 2007. Sistem Nasional Penanggulangan Bencana. Jakarta.

Peraturan Presiden No. 8 Tahun 2008. Pembentukan Badan Nasional Penanggulangan

Bencana. Jakarta.

Badan Nasional Penanggulangan Bencana. Peraturan Kepala Badan Nasional

Penanggulangan Bencana No. 13 Tahun 2008. Pedoman Manajemen Logistik dan

Peralatan. Jakarta: BNPB.

Badan Nasional Penanggulangan Bencana. Peraturan Kepala Badan Nasional

Penanggulangan Bencana No. 6 Tahun 2009. Pedoman Pergudangan. Jakarta:

BNPB.
 92

Chris Gane and Trish Sarson; Structure System Analysis : Tools and Techniques.

Yourdan; Modern Structured Analysis.

Yogiyanto.HM; Analisis & Disain Sistem Informasi : Pendekatan terstruktur.

Badan Nasional Penanggulangan Bencana. 2014. Pedoman Penanggulangan Bencana.

Jakarta.

Berry, David, Penyunting Paulus Wirotomo. 1995. Pokok-Pokok Pikiran Dalam

Sosiologi. Jakarta:PT.Raja Grafindo Persada.

Berry, David. 1995. Pokok-Pokok Pikiran Dalam Sosiologi. Jakarta:PT.Raja Grafindo

Persada.

Bungin, Burhan. 2011. Metode Penelitian Kualitatif. Jakarta: Kencana.

Departemen Pendidikan dan Kebudayaan. 1998. Kamus Besar Bahasa Indonesia. Jakarta:

Balai Pustaka. Hendropuspito. 1989.

Jakarta: Balai Pustaka. Hendropuspito. 1989. Sosiologi Sistematik. Yogyakarta: Kanisius.

Herdiansyah, Haris. 2011. Metodologi Penelitian Kualitatif. Jakarta: Salemba Humanika

Jackson, Mathis. 2002. Sistem Pelatihan Organisasi. Jakarta: PT.Bumi Aksar

 93

Lampiran :

Halaman utama tampilan web

File kode : Index.php

<?php
session_start();
include('includes/config.php');
include('includes/format_rupiah.php');
error_reporting(0);

?>

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<title><?php echo $pagedesc;?></title>
<!--Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css"
type="text/css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<link rel="stylesheet" href="assets/css/owl.carousel.css"
type="text/css">
<link rel="stylesheet" href="assets/css/owl.transitions.css"
type="text/css">
<link href="assets/css/slick.css" rel="stylesheet">
<link href="assets/css/bootstrap-slider.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" id="switcher-css" type="text/css"
href="assets/switcher/css/switcher.css" media="all" />
<link rel="alternate stylesheet" type="text/css"
href="assets/switcher/css/red.css" title="red" media="all" data-
default-color="true" />
 94

<link rel="alternate stylesheet" type="text/css"

href="assets/switcher/css/orange.css" title="orange" media="all" />
<link rel="alternate stylesheet" type="text/css"
href="assets/switcher/css/blue.css" title="blue" media="all" />
<link rel="alternate stylesheet" type="text/css"
href="assets/switcher/css/pink.css" title="pink" media="all" />
<link rel="alternate stylesheet" type="text/css"
href="assets/switcher/css/green.css" title="green" media="all" />
<link rel="alternate stylesheet" type="text/css"
href="assets/switcher/css/purple.css" title="purple" media="all" />
<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="assets/images/favicon-icon/apple-touch-icon-144-
precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="assets/images/favicon-icon/apple-touch-icon-114-
precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="assets/images/favicon-icon/apple-touch-icon-72-
precomposed.png">
<link rel="apple-touch-icon-precomposed"
href="assets/images/favicon-icon/apple-touch-icon-57-
precomposed.png">
<link rel="shortcut icon" href="admin/img/minilogo.png">
<link href="https://fonts.googleapis.com/css?
family=Lato:300,400,700,900" rel="stylesheet">
</head>
<body>

<!-- Start Switcher -->

<?php include('includes/colorswitcher.php');?>
<!-- /Switcher -->

<!--Header-->
<?php include('includes/header.php');?>
<!-- /Header -->
<section id="banner" class="banner-section" style="background-image:
url(image/fotobpbd.jpg);">
<div class="container">
<div class="div_zindex">
<div class="row">
<div class="col-md-5 col-md-push-7">
<div class="banner_content">
<p><b>BPBD KABUPATEN OGAN ILIR </p>
<a href="berita-listing.php" class="btn">Lihat
Selengkapnya <span class="angle_arrow"><i class="fa fa-angle-right"
aria-hidden="true"></i></span></a> </div>
 95

</div>
</div>
</div>
</div>
</section>

<!-- Resent Cat-->

<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<center>
<h3>Berita Terkini</h3>
</center>

<!-- Nav tabs -->

<!-- Recently Listed New Cars -->
<?php
$sql1 = "SELECT * FROM berita ";
$query1 = mysqli_query($koneksidb, $sql1);
while ($result = mysqli_fetch_array($query1)) {
?>

<div class="product-listing-content">
<h5><a href="berita-details.php?vhid=<?php echo
htmlentities($result['id_berita']); ?>"><?php echo
htmlentities($result['nama_merek']) . " " .
htmlentities($result['judul_berita']); ?></a></h5>
<img src="image/<?php echo
htmlentities($result['foto']); ?>" height="100px" width="100px">
<ul>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['isi_berita']); ?></li>
</ul>
<a href="berita-details.php?vhid=<?php echo
htmlentities($result['id_berita']); ?>" class="btn">Lihat Detail
<span class="angle_arrow"><i class="fa fa-angle-right" aria-
hidden="true"></i></span></a>
</div>
<?php
}
?>
</div>
</section>
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
 96

<div class="tab-content">
<div role="tabpanel" class="tab-pane active"
id="resentnewcar">
<center>
<h3>Data Pengungsi Terkini</h3>
</center>
<?php
$sql1 = "SELECT * FROM pengungsi ";
$query1 = mysqli_query($koneksidb, $sql1);
while ($result = mysqli_fetch_array($query1)) {
?>
<div class="product-listing-content">
<h5><a href="pengungsi-details.php?vhid=<?php echo
htmlentities($result['id_pengungsi']); ?>"><?php echo
htmlentities($result['nama_pengungsi']);?></a></h5>
<img src="image/<?php echo
htmlentities($result['fotop']); ?>" height="100px" width="100px">
<ul>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['alamat_pengungsi']); ?></li>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['kota_pengungsi']); ?></li>
<li><i class="fa fa-phone" aria-
hidden="true"></i><?php echo htmlentities($result['nomor_telepon']);
?></li>
<li><i class="fa fa-user" aria-
hidden="true"></i><?php echo
htmlentities($result['jumlah_keluarga']); ?></li>
</ul>
<a href="pengungsi-details.php?vhid=<?php echo
htmlentities($result['id_pengungsi']); ?>" class="btn">Lihat Detail
<span class="angle_arrow"><i class="fa fa-angle-right" aria-
hidden="true"></i></span></a>
</div>
<?php
}
?>
</div>
</section>
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active"
id="resentnewcar">
<center>
<h3>Data Posko Terkini</h3>
 97

</center>
<?php
$sql1 = "SELECT * FROM posko ";
$query1 = mysqli_query($koneksidb, $sql1);
while ($result = mysqli_fetch_array($query1)) {
?>
<div class="product-listing-content">
<h5><a href="posko-details.php?vhid=<?php echo
htmlentities($result['id_posko']); ?>"><?php echo
htmlentities($result['nama_posko']) . " " .
htmlentities($result['nama_posko']); ?></a></h5>
<img src="image/<?php echo
htmlentities($result['foto']); ?>" height="100px" width="100px">
<ul>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['alamat_posko']); ?></li>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['kota_posko']); ?></li>
<li><i class="fa fa-map" aria-hidden="true"></i><?
php echo htmlentities($result['koordinat_posko']); ?></li>
</ul>
<a href="posko-details.php?vhid=<?php echo
htmlentities($result['id_posko']); ?>" class="btn">Lihat Detail
<span class="angle_arrow"><i class="fa fa-angle-right" aria-
hidden="true"></i></span></a>
</div>
<?php
}
?>
</div>

</section>
<!-- /Resent Cat -->

<!--Footer -->
<?php include('includes/footer.php');?>
<!-- /Footer-->

<!--Back to top-->
<div id="back-top" class="back-top"> <a href="#top"><i class="fa fa-
angle-up" aria-hidden="true"></i> </a> </div>
<!--/Back to top-->

<!--Login-Form -->
<?php include('includes/login.php');?>
<!--/Login-Form -->
 98

<!--Register-Form -->
<?php include('includes/registration.php');?>

<!--/Register-Form -->

<!--Forgot-password-Form -->
<?php include('includes/forgotpassword.php');?>
<!--/Forgot-password-Form -->

<!-- Scripts -->

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/interface.js"></script>
<!--Switcher-->
<script src="assets/switcher/js/switcher.js"></script>
<!--bootstrap-slider-JS-->
<script src="assets/js/bootstrap-slider.min.js"></script>
<!--Slider-JS-->
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>

</body>

<!-- Mirrored from

themes.webmasterdriver.net/carforyou/demo/index.html by HTTrack
Website Copier/3.x [XR&CO'2014], Fri, 16 Jun 2017 07:22:11 GMT -->
</html>

Tampilan form login

File kode : login.php

<?php
session_start();
include('includes/config.php');

// Initialize variables
$email = "";
$password = "";
 99

if (isset($_POST['login'])) {
$email = $_POST['email'];
$password = md5($_POST['password']);

// Check if it's an admin login

$adminQuery = "SELECT * FROM admin WHERE email='$email' AND
password='$password'";
$adminResult = mysqli_query($koneksidb, $adminQuery);
$adminData = mysqli_fetch_array($adminResult);

if (mysqli_num_rows($adminResult) > 0) {
$_SESSION['alogin'] = $_POST['email'];
$_SESSION['id'] = $adminData['id_adm'];
echo "<script type='text/javascript'> document.location =
'admin/dashboard.php'; </script>";
} else {
// Check if it's a user login
$userQuery = "SELECT * FROM users WHERE email='$email' AND
password='$password'";
$userResult = mysqli_query($koneksidb, $userQuery);
$userData = mysqli_fetch_array($userResult);

if (mysqli_num_rows($userResult) > 0) {
$_SESSION['ulogin'] = $_POST['email'];
$_SESSION['fname'] = $userData['nama_user'];
$currentpage = $_SERVER['REQUEST_URI'];
echo "<script type='text/javascript'> document.location
= '$currentpage'; </script>";
} else {
// Check if it's a petugas_bpbd login
$petugasQuery = "SELECT * FROM petugas_bpbd WHERE
email='$email' AND password='$password'";
$petugasResult = mysqli_query($koneksidb,
$petugasQuery);
$petugasData = mysqli_fetch_array($petugasResult);

if (mysqli_num_rows($petugasResult) > 0) {
$_SESSION['plogin'] = $_POST['email'];
$_SESSION['pname'] = $petugasData['nama_petugas'];
$currentpage = $_SERVER['REQUEST_URI'];
echo "<script type='text/javascript'>
document.location = 'petugas/dashboard.php'; </script>";
} else {
echo "<script>alert('Email atau Password
Salah!');</script>";
}
 100

}
}
}
?>

<script>
function showPassword() {
var newPasswordInput = document.getElementById("password");
if (newPasswordInput.type === "password") {
newPasswordInput.type = "text";
} else {
newPasswordInput.type = "password";
}
}
</script>

<div class="modal fade" id="loginform">

<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h3 class="modal-title">Login</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="login_wrap">
<div class="col-md-12 col-sm-6">
<form method="post">
<div class="form-group">
<input type="email" class="form-
control" name="email" placeholder="Alamat Email" value="<?php echo
$email; ?>">
</div>
<div class="form-group">
<input type="password"
class="form-control" name="password" id="password"
placeholder="Password" value="<?php echo $password; ?>">
<input type="checkbox"
onclick="showPassword()"> Show Password
</div>
<div class="form-group checkbox">
<input type="checkbox"
id="remember">
</div>
 101

<div class="form-group">
<input type="submit"
name="login" value="Login" class="btn btn-block">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center">
<p>Belum punya akun? <a href="regist.php">Daftar
Disini</a></p>
<p>Lupa Password? <a href="#forgotpassword" data-
toggle="modal" data-dismiss="modal">Klik disini</a></p>
</div>
</div>
</div>
</div>

Tampilan form data bencana

File kode : bencana_tambah.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['alogin'];
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 102

<meta name="viewport" content="width=device-width, initial-

scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
 103

<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Bencana</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Bencana</div>
<div class="panel-body">
<form method="post"
name="theform" action="bencanatambahact.php" class="form-horizontal"
onsubmit="return valid(this);" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2
control-label">Nama Bencana<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>

<label class="col-sm-2
control-label">Tanggal Bencana<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="datetime-
local" name="tgl" class="form-control" required>
</div>
<label class="col-sm-2
control-label">Lokasi Bencana<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="lokasi" class="form-control" required>
</div>
</div>

<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
 104

<input type="text"
name="keterangan" class="form-control" required>
</div>
<label class="col-sm-2
control-label">Foto Bencana<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="file"
name="foto" class="form-control" required>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="bencana.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
 105

<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Setelah menginput data bencana selanjutnya klik tombol simpan. Lalu akan di
proses memalui kodingan di bawah ini dengan file kode : bencanatambahact.php

<?php
include('includes/config.php');

$nama = $_POST['nama'];
$tgl = $_POST['tgl'];
$lokasi = $_POST['lokasi'];
$keterangan = $_POST['keterangan'];
$pic1=$_FILES["foto"]["name"];
$str1 = substr($pic1,-5);
$vimage1 = date('dmYHis').$str1;
$sql = mysqli_query($koneksidb, 'INSERT INTO bencana
(nama_bencana, tanggal_bencana,lokasi_bencana, keterangan,foto)
VALUES ("'.$nama.'", "'.$tgl.'","'.$lokasi.'", "'.$keterangan.'",
"'.$vimage1.'") ');

if($sql){
move_uploaded_file($_FILES["foto"]["tmp_name"],"../image/".
$vimage1);
echo "<script type='text/javascript'>
alert('Berhasil tambah data.');
document.location = 'bencana.php';
</script>";
}else {
echo "No Error : ".mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : ".mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'bencana_tambah.php';
</script>";
}
 106

?>

Tampilan tambah data posko

file kode : posko_tambah.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['alogin'];
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

 107

<link rel="shortcut icon" href="img/fav.png">

<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Posko</h2>
 108

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Posko</div>
<div class="panel-body">
<form method="post"
name="theform" action="poskotambahact.php" class="form-horizontal"
onsubmit="return valid(this);" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2
control-label">Nama Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>

<label class="col-sm-2
control-label">Alamat Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<textarea class="form-
control" name="alamat" rows="3" required></textarea>
</div>
<label class="col-sm-2
control-label">Kota Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="kota" class="form-control" maxlength="10" required>
</div>
</div>

<div class="form-group">
<label class="col-sm-2
control-label">Koordinat Posko<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
min="1" max="60" name="Koordinat" class="form-control" required>
</div>
<label class="col-sm-2
control-label">Foto Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="file"
name="foto" class="form-control" required>
</div>
 109

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a href="posko.php"
class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Setelah menginput data posko klik tombol simpan lalu akan di proses kodingan
dengan nama file kode : poskotambahact.php
<?php
 110

include('includes/config.php');

$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$kota = $_POST['kota'];
$Koordinat = $_POST['Koordinat'];
$pic1=$_FILES["foto"]["name"];
$str1 = substr($pic1,-5);
$vimage1 = date('dmYHis').$str1;
$sql = mysqli_query($koneksidb, 'INSERT INTO posko (nama_posko,
alamat_posko,kota_posko, koordinat_posko,foto) VALUES ("'.$nama.'",
"'.$alamat.'","'.$kota.'", "'.$Koordinat.'", "'.$vimage1.'") ');

if($sql){
move_uploaded_file($_FILES["foto"]["tmp_name"],"../image/".
$vimage1);
echo "<script type='text/javascript'>
alert('Berhasil tambah data.');
document.location = 'posko.php';
</script>";
}else {
echo "No Error : ".mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : ".mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'posko_tambah.php';
</script>";
}

?>

Tampilan Form data pengungsi

File kode : pengungsitambah.php
<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['alogin'])==0){
header('location:index.php');
}else{
$id = $_SESSION['alogin'];
 111

?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
 112

}
</style>
<script type="text/javascript">
function valid(theform){
pola_nama=/^[a-zA-Z]*$/;
if (!pola_nama.test(theform.vehicletitle.value)){
alert ('Hanya huruf yang diperbolehkan untuk Nama Mobil!');
theform.vehicletitle.focus();
return false;
}
return (true);
}
</script>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Pengungsi</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Data Pengungsi</div>
<div class="panel-body">
<form method="post"
name="theform" action="pengungsitambahact.php" class="form-
horizontal" onsubmit="return valid(this);" enctype="multipart/form-
data">
<div class="form-group">
<label class="col-sm-2
control-label">Nama Pengungsi<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>
<label class="col-sm-2
control-label">Pilih Posko <span style="color:red">*</span></label>
<div class="col-sm-4">
 113

<select class="form-
control" name="posko" required="" data-parsley-error-message="Field
ini harus diisi" >
<option value="">==
Pilih Posko ==</option>
<?php
$mySql =
"SELECT * FROM posko ORDER BY id_posko";
$myQry =
mysqli_query($koneksidb, $mySql);
while
($myData = mysqli_fetch_array($myQry)) {
if
($myData['id_posko']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$myData[id_posko]' $cek>$myData[nama_posko]
</option>";
}
?>
</select>
</div>
</div>

<div class="hr-dashed"></div>
<label class="col-sm-2 control-
label">Alamat Pengungsi<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="alamat" class="form-control" required>
</div>

<div class="form-group">
<label class="col-sm-2
control-label">Kota Pengungsi<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="kota" class="form-control" required>
</div>
</div>
<div class="hr-dashed"></div>
<label class="col-sm-2
control-label">Nomor Telepon<span style="color:red">*</span></label>
 114

<div class="col-sm-4">
<input type="tel"
class="form-control white_bg" name="nomor" pattern="08\d{10}"
placeholder="Nomer Telepon" minlength="10" maxlength="13"
required="required">
</div>
<div class="hr-dashed"></div>
<label class="col-sm-2 control-
label">Jumlah Keluarga<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="number"
name="jumkel" class="form-control" maxlength="10" required>
</div>

<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="keterangan" class="form-control" required>
</div>
</div>
<div class="hr-dashed"></div>
<label class="col-sm-2 control-
label">Foto Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="file"
name="foto" class="form-control" required>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="pengungsi.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
 115

</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Setelah input data pengungsi lalu klik tombol simpan, kemudian akan di proses
kodingan di bawah ini dengan nama file kode : pengungsitambahact.php

<?php
include('includes/config.php');

$posko=$_POST['posko'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$kota = $_POST['kota'];
$nomor=$_POST['nomor'];
$jumkel=$_POST['jumkel'];
$keterangan = $_POST['keterangan'];
$pic1=$_FILES["foto"]["name"];
$str1 = substr($pic1,-5);
$vimage1 = date('dmYHis').$str1;
$sql = mysqli_query($koneksidb, 'INSERT INTO pengungsi
(id_posko, nama_pengungsi,alamat_pengungsi,
kota_pengungsi,nomor_telepon,jumlah_keluarga,keterangan,fotop)
 116

VALUES ("'.$posko.'","'.$nama.'", "'.$alamat.'","'.$kota.'", "'.

$nomor.'","'.$jumkel.'","'.$keterangan.'","'.$vimage1.'") ');

if($sql){
move_uploaded_file($_FILES["foto"]["tmp_name"],"../image/".
$vimage1);
echo "<script type='text/javascript'>
alert('Berhasil tambah data.');
document.location = 'pengungsi.php';
</script>";
}else {

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'pengungsitambah.php';
</script>";
}

?>

Tampilan laporan pengungsi

File kode : laporan_pengungsi
<?php
session_start();
error_reporting(0);
include('includes/config.php');
include('includes/format_rupiah.php');
include('includes/library.php');
if(strlen($_SESSION['alogin'])==0)
{
header('location:index.php');
}
else{
?>

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
 117

<meta name="author" content="">

<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="image/logo.png">

<!-- Font awesome -->

<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
<body>
<?php include('includes/header.php');?>

<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
 118

<div class="container-fluid">
<h2 class="page-title">Laporan
Pengungsi</h2>
<div class="panel panel-default">
<div class="panel-heading">Cari
Pengungsi</div>
<div class="panel-body">
<form method="post" name="search">
<div class="form-group">
<label
for="search_query">Nama Pengungsi:</label>
<input type="text"
name="search_query" class="form-control"
placeholder="Masukkan
nama pengungsi">
</div>
<button type="submit"
name="submit" class="btn btn-primary">Cari</button>
</form>
</div>
</div>

<?php
if (isset($_POST['submit'])) {
$search_query = $_POST['search_query'];
$nomor = 0;
$sql = "SELECT pengungsi.nama_pengungsi,
SUM(pengungsi.jumlah_keluarga) AS total_keluarga
FROM pengungsi
WHERE pengungsi.nama_pengungsi
LIKE '%$search_query%'
GROUP BY
pengungsi.nama_pengungsi
ORDER BY
pengungsi.nama_pengungsi ASC";
$query = mysqli_query($koneksidb, $sql);
$count = mysqli_num_rows($query);

if ($count > 0) {
?>
<div class="panel panel-default">
<div class="panel-heading">Hasil
Pencarian</div>
<div class="panel-body">
<div class="table-
responsive">
 119

<table class="display
table table-striped table-bordered table-hover"
cellspacing="0"
width="100%">
<thead>
<tr>
<th>No</th>
<th>Nama
Pengungsi</th>
<th>Total
Jumlah Keluarga</th>
</tr>
</thead>
<tbody>
<?php
while ($result =
mysqli_fetch_array($query)) {
$nomor++;
?>
<tr>
<td><?
php echo htmlentities($nomor); ?></td>
<td><?
php echo htmlentities($result['nama_pengungsi']); ?></td>
<td><?
php echo htmlentities($result['total_keluarga']); ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<a href="laporan_cetak.php?
search_query=<?php echo urlencode($search_query);?>" target="_blank"
class="btn btn-primary">Cetak</a>
<?php
} else {
echo '<div
class="errorWrap"><strong>Tidak ada data pengungsi yang cocok dengan
kriteria pencarian.</strong></div>';
}
}
?>
</div>
</div>
</div>
 120

</div>
</div>
</div>
<!-- Loading Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>

</body>
</html>
<?php } ?>

Untuk mengetahui jumlah pengungsi maka akan di proses kodingan di bawah ini
dengan nama file kode : laporan_cetak.php
<?php
include('includes/config.php');
include('includes/format_rupiah.php');
include('includes/library.php');

$sqla = "SELECT * from tblpages WHERE type='alamat'";

$querya = mysqli_query($koneksidb,$sqla);
$resulta = mysqli_fetch_array($querya);

$sqlt = "SELECT * from tblpages WHERE type='telepon'";

$queryt = mysqli_query($koneksidb,$sqlt);
$resultt = mysqli_fetch_array($queryt);

$sqle = "SELECT * from tblpages WHERE type='email'";

$querye = mysqli_query($koneksidb,$sqle);
$resulte = mysqli_fetch_array($querye);

$nomor = 0;
$sql = "SELECT pengungsi.nama_pengungsi,
SUM(pengungsi.jumlah_keluarga) AS total_keluarga
FROM pengungsi
WHERE pengungsi.nama_pengungsi LIKE '%%'
GROUP BY pengungsi.nama_pengungsi
 121

ORDER BY pengungsi.nama_pengungsi ASC";

$query = mysqli_query($koneksidb, $sql);
$count = mysqli_num_rows($query);

if ($count > 0) {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1">
<meta name="description" content="rental mobil">
<meta name="author" content="">

<title><?php echo $pagedesc;?></title>

<link href="image/logo.png" rel="icon" type="images/x-icon">

<!-- Bootstrap Core CSS -->

<link href="../assets/new/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->

<link href="../assets/new/offline-font.css" rel="stylesheet">
<link href="../assets/new/custom-report.css" rel="stylesheet">

<!-- Custom Fonts -->

<link href="../assets/new/font-awesome.min.css" rel="stylesheet"
type="text/css">

<!-- jQuery -->

<script src="../assets/new/jquery.min.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></scr
ipt>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></
script>
<![endif]-->
</head>
 122

<body>
<section id="header-kop">
<div class="container-fluid">
<table class="table table-borderless">
<tbody>
<tr>
<td rowspan="3" width="16%" class="text-
center">
<img src="../image/bpbd_logo-removebg-
preview.png" alt="logo-dkm" width="200" height="150" />
</td>
<td class="text-center"><h3><?php echo
$pagedesc;?></h3></td>
<td rowspan="3" width="16%">&nbsp;</td>
</tr>
<tr>
<td class="text-center">Phone : <?php echo
$resultt['detail'];?> | E-mail : <?php echo $resulte['detail'];?
></td>
</tr>
<tr>
<td class="text-center"><?php echo
$resulta['detail'];?></td>
</tr>
</tbody>
</table>
<hr class="line-top" />
</div>
</section>

<section id="body-of-report">
<div class="container-fluid">
<h4 class="text-center">Detail Laporan</h4>

<br/>
<table id="zctb" class="display table table-striped
table-bordered table-hover" cellspacing="0" width="100%">
<thead>
<tr>
<th>No</th>
<th>Nama
Pengungsi</th>
<th>Total
Jumlah Keluarga</th>
</tr>
</thead>
 123

<tbody>
<?php
while ($result =
mysqli_fetch_array($query)) {
$nomor++;
?>
<tr>
<td><?
php echo htmlentities($nomor); ?></td>
<td><?
php echo htmlentities($result['nama_pengungsi']); ?></td>
<td><?
php echo htmlentities($result['total_keluarga']); ?></td>
</tr>
<?php } ?>
</tbody>

</table>

</div><!-- /.container -->

</section>

<!-- Bootstrap Core JavaScript -->

<script src="../assets/new/bootstrap.min.js"></script>
<!-- jTebilang JavaScript -->
<script src="../assets/new/jTerbilang.js"></script>

</body>
</html>
<?php } ?>

Tampilan Form edit permintaan petugas bpbd dengan :

kode file : permintaanedit.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
?>
<!doctype html>
 124

<html lang="en" class="no-js">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">

<!-- Font awesome -->

<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
 125

}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">

<div class="row">
<div class="col-md-12">

<h2 class="page-title">Edit Permintaan</h2>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Edit Permintaan</div>
<div class="panel-body">
<?php
$id=intval($_GET['id']);
$sql ="SELECT * From
logistic_requests where id_req='$id'";
$query =
mysqli_query($koneksidb,$sql);
$result =
mysqli_fetch_array($query);
?>

<form method="post"
class="form-horizontal" name="theform" action
="permintaaneditact.php" onsubmit="return valid(this);"
enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2
control-label">Barang<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
<select class="form-
control" name="barang" required="" data-parsley-error-message="Field
ini harus diisi" readonly >
<option
value="">Pilih Barang</option>
<?php
 126

$mySql =
"SELECT * FROM logistics ORDER BY nama_item";
$myQry =
mysqli_query($koneksidb, $mySql);
$dataMerek =
$result['id_logistik'];
while
($merekData = mysqli_fetch_array($myQry)) {
if
($merekData['id_logistik']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$merekData[id_logistik]'
$cek>".strtoupper($merekData[nama_item])."</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-
control" name="posko" required="" data-parsley-error-message="Field
ini harus diisi" >
<option
value="">Pilih Posko</option>
<?php
$mySql =
"SELECT * FROM posko ORDER BY nama_posko";
$myQry =
mysqli_query($koneksidb, $mySql);
$dataMerek =
$result['id_posko'];
while
($merekData = mysqli_fetch_array($myQry)) {
if
($merekData['id_posko']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
 127

echo
"<option value='$merekData[id_posko]'
$cek>".strtoupper($merekData[nama_posko])."</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-

label">Jumlah Permintaan<span style="color:red">*</span></label>

<div class="col-sm-4">
<input type="number"
name="jumper" class="form-control" value="<?php echo
htmlentities($result['jumlah_permintaan']);?>" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Tanggal Permintaan<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="datetime-
local" name="tgl" class="form-control" value="<?php echo
htmlentities($result['tanggal_permintaan']);?>" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="keterangan" class="form-control" value="<?php echo
htmlentities($result['keterangan1']);?>" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Status<span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-control"
name="status" required="required">
<option <?php
if($result['status']=="0"){echo "selected='selected'";} ?>
value="0">DIPROSES</option>
 128

<option <?php
if($result['status']=="1"){echo "selected='selected'";} ?>
value="1">DITERIMA</option>
<option <?php
if($result['status']=="2"){echo "selected='selected'";} ?>
value="2">DITOLAK</option>
</select>
</div>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="pengungsi.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</form>

</div>
</div>
</div>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
 129

<script src="js/main.js"></script>
</body>
</html>
<?php } ?

Ketika petugas bpbd mengklik tombol simpan maka akan diproses oleh kode file :
permintaaneditact.php
<?php
include('includes/config.php');

$id=$_POST['id'];
$barang = $_POST['barang'];
$posko = $_POST['posko'];
$jumper = $_POST['jumper'];
$tgl = $_POST['tgl'];
$keterangan = $_POST['keterangan'];
$status = $_POST['status'];
$query ="UPDATE logistic_requests SET
id_logistik='$barang',id_posko='$posko',jumlah_permintaan='$jumper',
tanggal_permintaan='$tgl',keterangan1='$keterangan',status='$status'
WHERE id_req='$id'";
$sql = mysqli_query($koneksidb,$query);

if ($sql) {
echo "<script type='text/javascript'>
alert('Berhasil mengirim permintaan.');
document.location = 'permintaan_logistik.php';
</script>";
} else {
echo "No Error : " . mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : " . mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'permintaanedit.php';
</script>";
}
?>
 130

Tampilan Form data logistic masuk Form data logistic masuk :

kode file : logistiktambah.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['login'];
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
 131

<link rel="stylesheet" href="css/style.css">

<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Logistik</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Data Logistik</div>
<div class="panel-body">
<form method="post"
name="theform" action="logistiktambahact.php" class="form-
horizontal" onsubmit="return valid(this);" enctype="multipart/form-
data">
<div class="form-group">
<label class="col-sm-2
control-label">Nama Barang<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
 132

<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Jumlah Stok<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="number"
name="jumstok" class="form-control" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Lokasi Simpan Logistik<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="lokasi" class="form-control" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Tanggal Masuk<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="datetime-local"
name="tgl" class="form-control" maxlength="10" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="keterangan" class="form-control" required>
</div>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
 133

<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="pengungsi.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Ketika petugas bpbd mengklik tombol simpan maka akan diproses oleh kode file :

logistiktambahact.php
 134

<?php
include('includes/config.php');

$nama = $_POST['nama'];
$tgl = $_POST['tgl'];
$jumstok=$_POST['jumstok'];
$lokasi = $_POST['lokasi'];
$keterangan = $_POST['keterangan'];
$sql = mysqli_query($koneksidb, 'INSERT INTO logistics (nama_item,
tanggal_masuk, jumlah_stok, lokasi_simpan, keterangan) VALUES ("' .
$nama . '", "' . $tgl . '","' . $jumstok . '", "' . $lokasi . '", "'
. $keterangan . '")');

if ($sql) {
echo "<script type='text/javascript'>
alert('Berhasil tambah data.');
document.location = 'logistik.php';
</script>";
} else {
echo "No Error : " . mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : " . mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = '#';
</script>";
}
?>

Tampilan Form data logistic keluar

Form data logistic keluar kode file : keluartambah.php

<?php
session_start();
 135

error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['login'];
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
 136

padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data Logistik
Keluar</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Data Logistik Keluar</div>
<div class="panel-body">
<form method="post"
name="theform" action="keluartambahact.php" class="form-horizontal"
onsubmit="return valid(this);" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2
control-label">Pilih Barang<span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-
control" name="barang" required="" data-parsley-error-message="Field
ini harus diisi" >
<option value="">==
Pilih Barang ==</option>
<?php
$mySql =
"SELECT * FROM logistics ORDER BY id_logistik";
$myQry =
mysqli_query($koneksidb, $mySql);
while
($myData = mysqli_fetch_array($myQry)) {
if
($myData['id_logistik']== $dataMerek) {
 137

$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$myData[id_logistik]' $cek>$myData[nama_item]
</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Pilih Posko <span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-
control" name="posko" required="" data-parsley-error-message="Field
ini harus diisi" >
<option value="">==
Pilih Posko ==</option>
<?php
$mySql =
"SELECT * FROM posko ORDER BY id_posko";
$myQry =
mysqli_query($koneksidb, $mySql);
while
($myData = mysqli_fetch_array($myQry)) {
if
($myData['id_posko']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$myData[id_posko]' $cek>$myData[nama_posko]
</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Jumlah Keluar<span style="color:red">*</span></label>
<div class="col-sm-4">
 138

<input type="number"
name="jumker" class="form-control" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Tanggal Keluar<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="datetime-
local" name="tgl" class="form-control" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="keterangan" class="form-control" required>
</div>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a href="keluar.php"
class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 139

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Ketika petugas bpbd mengklik tombol simpan maka akan diproses :

kode file : keluartambahact.php

<?php
include('includes/config.php');

$barang = $_POST['barang'];
$posko = $_POST['posko'];
$jumker = $_POST['jumker'];
$tgl =$_POST['tgl'];
$keterangan = $_POST['keterangan'];
$status = 0;
$sql = mysqli_query($koneksidb, 'INSERT INTO logistic_outgoing
(id_logistik,id_posko,jumlah_keluar,tanggal_keluar,
keterangan2,status) VALUES ("' . $barang . '", "' . $posko . '","' .
 140

$jumker . '", "' . $tgl . '", "' . $keterangan . '", "' . $status .
'")');

if ($sql) {
echo "<script type='text/javascript'>
alert('Berhasil mengirim permintaan.');
document.location = 'keluar.php';
</script>";
} else {
echo "No Error : " . mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : " . mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'keluartambah.php';
</script>";
}
?>

Tampilan Form logistic masuk petugas posko dengan kode file : keluaredit.php
<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['alogin'])==0){
header('location:index.php');
}else{
?>
<!doctype html>
<html lang="en" class="no-js">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
 141

<meta name="description" content="">

<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">

<!-- Font awesome -->

<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
 142

<div class="content-wrapper">
<div class="container-fluid">

<div class="row">
<div class="col-md-12">

<h2 class="page-title">Edit Logistik

Masuk</h2>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Edit Logistik Masuk</div>
<div class="panel-body">
<?php
$id=intval($_GET['id']);
$sql ="SELECT * From
logistic_outgoing where id_outgoing='$id'";
$query =
mysqli_query($koneksidb,$sql);
$result =
mysqli_fetch_array($query);
?>

<form method="post"
class="form-horizontal" name="theform" action ="keluareditact.php"
onsubmit="return valid(this);" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2
control-label">Barang<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
<select class="form-
control" name="barang" required="" data-parsley-error-message="Field
ini harus diisi" readonly >
<option
value="">Pilih Barang</option>
<?php
$mySql =
"SELECT * FROM logistics ORDER BY nama_item";
$myQry =
mysqli_query($koneksidb, $mySql);
$dataMerek =
$result['id_logistik'];
 143

while
($merekData = mysqli_fetch_array($myQry)) {
if
($merekData['id_logistik']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$merekData[id_logistik]'
$cek>".strtoupper($merekData[nama_item])."</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Posko<span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-
control" name="posko" required="" data-parsley-error-message="Field
ini harus diisi" readonly >
<option
value="">Pilih Posko</option>
<?php
$mySql =
"SELECT * FROM posko ORDER BY nama_posko";
$myQry =
mysqli_query($koneksidb, $mySql);
$dataMerek =
$result['id_posko'];
while
($merekData = mysqli_fetch_array($myQry)) {
if
($merekData['id_posko']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$merekData[id_posko]'
$cek>".strtoupper($merekData[nama_posko])."</option>";
}
?>
</select>
</div>
 144

</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Jumlah Logistik Keluar<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="number"
name="jumker" class="form-control" value="<?php echo
htmlentities($result['jumlah_keluar']);?>" required readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Tanggal Logistik Keluar<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="datetime-
local" name="tgl" class="form-control" value="<?php echo
htmlentities($result['tanggal_keluar']);?>" required readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-2
control-label">Keterangan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="keterangan" class="form-control" value="<?php echo
htmlentities($result['keterangan2']);?>" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-
label">Status<span style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-control"
name="status" required="required">
<option <?php
if($result['status']=="0"){echo "selected='selected'";} ?>
value="0">DISIAPKAN</option>
<option <?php
if($result['status']=="1"){echo "selected='selected'";} ?>
value="1">DITERIMA</option>
<option <?php
if($result['status']=="2"){echo "selected='selected'";} ?>
value="2">DIKIRIM</option>
</select>
</div>
 145

</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="pengungsi.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</form>

</div>
</div>
</div>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>
 146

Setelah menginput data petugas posko maka akan mengklik tombol simpan lalu
akan diproses oleh kode file : keluareditact.php
<?php
include('includes/config.php');

$id=$_POST['id'];
$barang = $_POST['barang'];
$posko = $_POST['posko'];
$jumker = $_POST['jumker'];
$tgl = $_POST['tgl'];
$keterangan = $_POST['keterangan'];
$status = $_POST['status'];
$query ="UPDATE logistic_outgoing SET
id_logistik='$barang',id_posko='$posko',jumlah_keluar='$jumker',tang
gal_keluar='$tgl',keterangan2='$keterangan',status='$status' WHERE
id_outgoing='$id'";
$sql = mysqli_query($koneksidb,$query);

if ($sql) {
echo "<script type='text/javascript'>
alert('Berhasil mengirim permintaan.');
document.location = 'keluar.php';
</script>";
} else {
echo "No Error : " . mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : " . mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'keluartambah.php';
</script>";
}
?>

Tampnilan File kode form data kecamatan kode file : kecamatan_tambah.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['login'];
 147

?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
<!-- Bootstrap file input -->
<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
 148

}
</style>
</head>
<body>
<?php include('includes/header.php');?>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Kecamatan</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Kecamatan</div>
<div class="panel-body">
<form method="post"
name="theform" action="kecamatan_tambahact.php" class="form-
horizontal" onsubmit="return valid(this);" enctype="multipart/form-
data">
<div class="form-group">
<label class="col-sm-2
control-label">Nama Kecamatan<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
 149

<a
href="bencana.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Setelah menginput data kecamatan petugas bpbd mengklik tombol simpan dan
akan diproses oleh kode file : kecamatan_tambahact.php
<?php
include('includes/config.php');

$nama = $_POST['nama'];

$sql = mysqli_query($koneksidb, 'INSERT INTO kecamatan

(nama_kecamatan) VALUES ("' . $nama . '")');

if ($sql) {
echo "<script type='text/javascript'>
alert('Berhasil menambaah data.');
document.location = 'kecamatan.php';
</script>";
 150

} else {
echo "No Error : " . mysqli_errno($koneksidb);
echo "<br/>";
echo "Pesan Error : " . mysqli_error($koneksidb);

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'kecamatan_tambah.php';
</script>";
}
?>

Tampilan Form data penduduk File kode : penduduk_tambah.php

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['login'])==0){
header('location:index.php');
}else{
$id = $_SESSION['login'];
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">

<title><?php echo $pagedesc;?></title>

<link rel="shortcut icon" href="img/fav.png">
<!-- Font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Sandstone Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap Datatables -->
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<!-- Bootstrap social button library -->
<link rel="stylesheet" href="css/bootstrap-social.css">
<!-- Bootstrap select -->
<link rel="stylesheet" href="css/bootstrap-select.css">
 151

<!-- Bootstrap file input -->

<link rel="stylesheet" href="css/fileinput.min.css">
<!-- Awesome Bootstrap checkbox -->
<link rel="stylesheet" href="css/awesome-bootstrap-
checkbox.css">
<!-- Admin Stye -->
<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
</style>
<script type="text/javascript">
function calculateAge() {
var tanggalLahir =
document.getElementById("tgl_lahir").value;
var dateOfBirth = new Date(tanggalLahir);
var today = new Date();
var age = today.getFullYear() - dateOfBirth.getFullYear();

// Periksa apakah sudah melewati tanggal ulang tahun atau

belum
var monthDiff = today.getMonth() - dateOfBirth.getMonth();
if (monthDiff < 0 || (monthDiff === 0 && today.getDate() <
dateOfBirth.getDate())) {
age--;
}

document.getElementById("umur").value = age;
}
</script>
</head>
<body>
<?php include('includes/header.php');?>
 152

<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Tambah Data
Penduduk</h2>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">Form
Tambah Data Penduduk</div>
<div class="panel-body">
<form method="post"
name="theform" action="penduduktambahact.php" class="form-
horizontal" onsubmit="return valid(this);" enctype="multipart/form-
data">
<div class="form-group">
<label class="col-sm-2
control-label">Pilih Kecamatan <span
style="color:red">*</span></label>
<div class="col-sm-4">
<select class="form-
control" name="kecamatan" required="" data-parsley-error-
message="Field ini harus diisi" >
<option value="">==
Pilih Kecamatan ==</option>
<?php
$mySql =
"SELECT * FROM kecamatan ORDER BY id_kecamatan";
$myQry =
mysqli_query($koneksidb, $mySql);
while
($myData = mysqli_fetch_array($myQry)) {
if
($myData['id_kecamatan']== $dataMerek) {
$cek = "
selected";
} else {
$cek=""; }
echo
"<option value='$myData[id_kecamatan]' $cek>$myData[nama_kecamatan]
</option>";
}
?>
</select>
 153

</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Nama Penduduk<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="nama" class="form-control" required>
<input type="hidden"
name="id" class="form-control" value="<?php echo $id;?>" required>
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">Tanggal Lahir<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="date" name="tgl" id="tgl_lahir"
class="form-control" required onchange="calculateAge()">
</div>
</div>

<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">Umur<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text" name="umur" id="umur" class="form-
control" readonly>
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Jenis Kelamin<span style="color:red">*</span></label>
<div class="col-sm-4">
<select id="jenis_kelamin"
name="jenis_kelamin" class="form-control">
<option value="laki-
laki">Laki-Laki</option>
<option
value="perempuan">Perempuan</option>
</select>
</div>
</div>
<div class="hr-dashed"></div>
 154

<div class="form-group">
<div class="hr-dashed"></div>
<label class="col-sm-2 control-
label">Alamat Penduduk<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="alamat" class="form-control" required>
</div>
</div>

<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Pekerjaan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="pekerjaan" class="form-control" required>
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Nomor Telepon<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="tel"
class="form-control white_bg" name="nomor" pattern="08\d{10}"
placeholder="Nomer Telepon" minlength="10" maxlength="13"
required="required">
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-
label">Status Perkawinan<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="status_perkawinan" class="form-control" required>
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-
label">Agama<span style="color:red">*</span></label>
<div class="col-sm-4">
<select id="agama"
name="agama" class="form-control">
 155

<option
value="Islam">Islam</option>
<option
value="Kristen">Kristen</option>
<option
value="Katolik">Katolik</option>
<option
value="Hindu">Hindu</option>
<option
value="Buddha">Buddha</option>
<option
value="Konghucu">Konghucu</option>
</select>
</div>
</div>

<div
class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Golongan Darah<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="goldar" class="form-control" required>
</div>
</div>
<div class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-
label">Gaji<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="number"
name="gaji" class="form-control" required>
</div>
</div>
<div
class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Riwayat Kesehatan<span
style="color:red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="riwayat" class="form-control" required>
</div>
</div>
 156

<div
class="hr-dashed"></div>
<div class="form-group">
<label class="col-sm-2
control-label">Foto Penduduk<span style="color:red">*</span></label>
<div class="col-sm-4">
<input type="file"
name="foto" class="form-control" required>
</div>
</div>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="form-group">
<div class="col-sm-3">
<div class="checkbox
checkbox-inline">
<button class="btn
btn-primary" type="submit">Simpan</button>
<a
href="pengungsi.php" class="btn btn-default">Batal</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</form>

<!-- Loading Scripts -->

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
 157

<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
<?php } ?>

Setelah menginput data kecamatan petugas bpbd mengklik tombol simpan dan
akan diproses oleh kode file : penduduktambahact.php
<?php
include('includes/config.php');

$kecamatan = $_POST['kecamatan'];
$nama = $_POST['nama'];
$tgl = $_POST['tgl'];
$umur = $_POST['umur'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$alamat = $_POST['alamat'];
$pekerjaan = $_POST['pekerjaan'];
$nomor = $_POST['nomor'];
$status_perkawinan = $_POST['status_perkawinan'];
$agama = $_POST['agama'];
$goldar = $_POST['goldar'];
$gaji = $_POST['gaji'];
$riwayat = $_POST['riwayat'];
$pic1=$_FILES["foto"]["name"];
$str1 = substr($pic1,-5);
$vimage1 = date('dmYHis').$str1;
$sql = mysqli_query($koneksidb, 'INSERT INTO penduduk
(id_kecamatan, nama_penduduk, tanggal_lahir, umur, jenis_kelamin,
alamat, pekerjaan, nomor_telepon, status_perkawinan, agama,
golongan_darah, gaji, riwayat_kesehatan, foto)
VALUES ("'.$kecamatan.'", "'.$nama.'", "'.$tgl.'", "'.$umur.'", "'.
$jenis_kelamin.'", "'.$alamat.'", "'.$pekerjaan.'", "'.$nomor.'",
"'.$status_perkawinan.'", "'.$agama.'", "'.$goldar.'", "'.$gaji.'",
"'.$riwayat.'", "'.$vimage1.'")');

if($sql){
move_uploaded_file($_FILES["foto"]["tmp_name"],"../image/".
$vimage1);
echo "<script type='text/javascript'>
alert('Berhasil tambah data.');
document.location = 'penduduk.php';
</script>";
 158

}else {

echo "<script type='text/javascript'>

alert('Terjadi kesalahan, silahkan coba lagi!.');
document.location = 'penduduk_tambah.php';
</script>";
}

?>