SISTEM INFORMASI PENDISTRIBUSIAN BANTUAN BAGI KORBAN GEMPA DI KABUPATEN BANTUL BERBASIS WEB

  

SISTEM INFORMASI PENDISTRIBUSIAN BANTUAN

BAGI KORBAN GEMPA DI KABUPATEN BANTUL

BERBASIS WEB

SKRIPSI

  Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik

  Jurusan Teknik Informatika Disusun Oleh :

  

Marcellia Kusuma Suwardi

  WEB BASED AID DISTRIBUTION INFORMATION SYSTEM FOR EARTHQUAKE VICTIM IN BANTUL REGENCY A THESIS Presented as Partial Fulfillment of the Requirements to Obtain the Sarjana Teknik Degree in Department of Informatics Technology Created by: Marcellia Kusuma Suwardi NIM : 035314014

  Pernyataan Keaslian Karya Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian orang lain, kecuali yang disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

  Yogyakarta, April 2007 Marcellia

  Penulis Halaman Persembahan

Aku per sembahkan kar ya tulis ini untuk

  

{ Tuhan Yesus Kr ist us, penebus dan pemilik

hidupku { Bunda Mar ia, Bunda Allah yang t ak ber cela

{ Papa Paulus Suwar di dan Mama Ther esia Har t ut i

  

Halaman Motto

Tuhan memak ai semua kelemahan k ita

untuk meny atak an kekuatan dan k uasa-Ny a ( 2 Kor 12 :

9 )

Serahkanlah perbuatanmu kepada Tuhan mak a terlak sanalah perbuatanmu ( Amsal 16 : 2 )

  Kerjakan apa y ang bisa k au k erjakan hari ini buat tiap hari menjadi hari y ang berguna dalam hidupmu.

  

ABSTRAKSI

  Kejadian gempa bumi yang belum lama terjadi di Yogyakarta pada hari Sabtu, 27 Mei 2006 yang berpusat di Pantai Selatan telah menimbulkan sangat banyak korban. Jumlah korban yang terbanyak terdapat di wilayah Kabupaten Bantul. Korban gempa tersebut banyak memerlukan bantuan baik bantuan logistik, medis dan tenaga-tenaga relawan. Pada saat terjadi gempa banyak bantuan datang dari berbagai pihak, namun sangat disayangkan pendistribusian bantuan khususnya bantuan logistik untuk korban gempa di Bantul tidak merata.

  Ada wilayah yang sangat kekurangan bantuan dan sebaliknya ada wilayah yang bantuannya sangat melimpah.

  Berakar dari peristiwa tersebut di atas maka dibuat Sistem Informasi Pendistribusian Bantuan bagi Korban Gempa di Kabupaten Bantul berbasis Web.

  Tujuannya adalah untuk mengatur penerimaan dan mendistribusikan bantuan logistik secara merata. Daerah yang mempunyai jumlah penduduk banyak mendapatkan prioritas pembagian bantuan tinggi. Jumlah bantuan yang dibagikan

  

ABSTRACT

  The earthquake which happened in Yogyakarta on Saturday, May 27th 2006 that centered in Pantai Selatan caused a lot of victims. The most victims were in Kabupaten Bantul. They needed aid, that were logistics, medicals and volunteers. The aid came from many sides, but unfortunately the aid distribution especially logictics aid didn’t distribute evenly. There were area which lacked of logistics aid on the other hand there were area which had surplus logistic.

  Aid Distribution Information System for Victims in Kabupaten Bantul using Web is made because of that event. The goal is to manage income and to distribute the logistics aid evenly. The area that has more villager get high priority of logistics aid distribution. The amount of logictic aid which distribute according to the daily need for each village times with the sum of villagers in that village. Each village didn’t get the same logistic aid but it is divided evenly. The stock of logistic aid each village should be update everyday according to head of village report. This final project will use JSP and MySQL programming language.

Kata Pengantar

  Puji syukur penulis haturkan kepada Tuhan Yesus Kristus atas segala karunia dan berkat yang diberikan, sehingga penulis dapat menyelesaikan skripsi yang berjudul “ SISTEM INFORMASI PENDISTRIBUSIAN BANTUAN BAGI KORBAN GEMPA DI KABUPATEN BANTUL BERBASIS WEB ” ini dengan baik. Penulisan skripsi ini merupakan salah satu syarat untuk memperoleh gelar Sarjana Teknik pada Program Studi Teknik Informatika di Universitas Sanata Dharma.

  Selama penulisan skripsi ini penulis telah memperoleh bantuan dan bimbingan dari berbagai pihak. Maka dari itu penulis mengucapkan terima kasih kepada:

  1. Ibu A.M Polina sebagai Ketua Jurusan Teknik Informatika. Makasih ya bu, atas perhatian yang diberikan kepada penulis.

  2. Bpk. Albertus Agung Hadhiatma selaku dosen pembimbing penulis yang telah membimbing penulis dari awal sampai akhir. Makasih ya pak, atas kesabaran dalam menghadapi penulis yang agak cerewet dan segala ilmu pengetahuan yang telah diberikan kepada penulis selama penulis menempuh kuliah.

  5. Seluruh Staf Sekretariat Fakultas Teknik dan Laboran Teknik Informatika, Pak Djito, Mbak Marni, Mas Tri, Mbak Rina, Pak Bele, Mas Danang.

  5. Papa dan Mama yang sangat kucintai dan kukasihi, makasih pa ma, atas kasih sayang, dukungan dan perhatian yang diberikan pada penulis dalam hidup dan juga makasih atas semua dukungan selama penulis mengerjakan skripsi.

  

” There s no one word that i can say to express how I love you ”

  6. Adekku Bonaventura Bayu Suwardi, makasih telah menungguiku selama pendadaran.

  Kristina Novita Dewi Antonia

  7. Teman-teman terbaikku di TI 2003: ,

  Isti Heni Pratiwi Ratih Maharani

  , , . Saat-saat terindah yang kalian berikan padaku selama masa-masa kuliah, akan menjadi kenangan yang tak bisa kulupakan. penulis merasa down dalam mengerjakan skripsi. ” m Lost Without

  You ”

  10. Anak-anak kos Ceria dan ex-Ceria (my second family) “ I always love

  you all ” Mbak Siwi atas perhatian pada penulis terutama pada saat

  penulis sakit, Dephi ( makasih atas semua supportnya ), Ginong, Badai, Ana, Tyas, Mae, Elin, Siska, Ipong, Joice, Nora ( makasih atas pinjaman baju untuk pendadaran ), Yola ( makasih atas pinjaman printernya ), Tukis, mama Icha, mbak Finda.

  11. Tester programku: Oness, Abe, Ina, Yansen, Ako, Arie. Makasih atas semua saran dan masukan yang diberikan kepada penulis

  12. Teman-teman yang menunggui ku pas pendadaran : Kristin, Ratih, Ina, Isti, Hendro, Ruth, Arie, Merry, Oness, Tika, Yansen, Abe, Danang, Epot, Ako, Dephi, Elin.

  13. Agus ’Gepenk’, makasih yach telah membantu penulis selama persiapan pendadaran.

  14. Fendy, yang selalu memberikan update-an antivirus yang terbaru.

  Agus, Acied, Fendy, Seno, Tika, Nur, Monic, Jeje, Yeyen, Ria, Chandra, Adwi, Irvan, Rubin, Devi, Dian, Gina, Jun, Hana, Angga, Yutche.

  17. Mantan praktikanku Pemrograman 2 : Nico, Gondrex, Cahyo, Tepan, Wawan, April.

  18. Kak Dirham ’ TM 00’, makasih ya udah mo direpotin benerin komputerku terus. J Penulis menyadari sepenuhnya bahwa Tugas Akhir ini masih jauh dari kesempurnaan dan masih banyak kekurangan. Oleh karena itu penulis sangat mengharapkan kritik dan saran yang bersifat membangun demi perbaikan lebih lanjut. Penulis berharap semoga Tugas Akhir ini dapat bermanfaat bagi pembaca.

  Yogyakarta, 14 April 2007

  HALAMAN JUDUL ................................................................................... i HALAMAN PERSETUJUAN ...................................................................iii HALAMAN PENGESAHAN .................................................................... iv HALAMAN PERNYATAAN KEASLIAN KARYA.................................. v HALAMAN PERSEMBAHAN ................................................................. vi HALAMAN MOTTO............................................................................... vii ABSTRAKSI........................................................................................... viii ABSTRACT .............................................................................................. ix KATA PENGANTAR ................................................................................ x DAFTAR ISI ........................................................................................... xvi DAFTAR GAMBAR................................................................................ xx DAFTAR TABEL ................................................................................... xiv

  BAB

  I PENDAHULUAN

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

  1.2. Tujuan dan Manfaat ............................................................................. 2

  1.3. Batasan Masalah .................................................................................. 2

  1.4. Rumusan Masalah ................................................................................ 3

  1.5. Metodologi Penelitian .......................................................................... 3

  1.6. Sistematika Penulisan........................................................................... 4

  2.2.4 Nilai Informasi ................................................................................... 9

  2.3. Sistem Informasi .................................................................................. 9

  2.3.1 Konsep Dasar Sistem Informasi.......................................................... 9

  2.3.2 Komponen Sistem Informasi .............................................................. 9

  2.4. Use Case Diagram.............................................................................. 11

  2.5. Entity Relationship Diagram (ER Diagram) ....................................... 12

  2.6. Data Flow Diagram (DFD)................................................................. 15

  2.7. Dasar HTML...................................................................................... 17

  2.7.1. Cara Menuliskan Tag ...................................................................... 17

  2.7.2. Jenis Tag ......................................................................................... 18

  2.7.3. Mengatur Font................................................................................. 18

  2.7.3.1. Jenis Font ..................................................................................... 18

  2.7.3.2. Ukuran Font ................................................................................. 18

  2.7.3.3. Warna Font .................................................................................. 19

  2.7.4. Menambahkan Gambar ................................................................... 19

  2.7.5. Menggunakan Tabel........................................................................ 19

  2.7.6. Membuat Link................................................................................. 20

  2.7.7. Membuat Form................................................................................ 20

  2.8. Pengenalan JSP .................................................................................. 21

  2.8.1. Arsitektur JSP ................................................................................. 22

  2.8.2. Kelebihan JSP ................................................................................. 23

  2.8.3. Mengawali Pemrograman dengan JSP............................................. 23

  2.8.4.4 Impor Java Class ........................................................................... 30

  2.8.4.5 Tipe Data dan Variabel pada Java.................................................. 31

  2.8.4.5.1. Integer ....................................................................................... 31

  2.8.4.5.2. Floating Point ............................................................................ 31

  2.8.4.5.3. Boolean ..................................................................................... 32

  2.8.4.5.4. String ........................................................................................ 32

  2.8.4.5.5. Array......................................................................................... 32

  2.8.6. Statement ........................................................................................ 32

  2.8.6.1. Statement Kondisional.................................................................. 32

  2.8.6.2. Statement If.................................................................................. 32

  2.8.6.2.1. Statement If..else ...................................................................... 33

  2.8.6.3. Loop............................................................................................. 33

  2.8.6.3.1. While Loop ............................................................................... 34

  2.8.6.3.2. Do..While.................................................................................. 34

  2.8.6.3.2. For Loop ................................................................................... 35

  2.8.7. Penanganan Eksepsi ........................................................................ 35

  2.8.8. Objek Implisit ................................................................................. 36

  2.8.8.1. Variabel Request .......................................................................... 37

  2.8.9. Sesi ................................................................................................. 38

  2.9. MySql ................................................................................................ 39

  2.9.1. Kelebihan MySql ............................................................................ 40

  2.9.2. SQL ................................................................................................ 40

  3.1.5. Requirement Analysis ..................................................................... 52

  3.1.5. Logical Design ................................................................................ 55

  3.1.5.1. Process Modelling ........................................................................ 55

  3.1.5.1.1. Context Diagram ....................................................................... 55

  3.1.5.1.2. Bagan Berjenjang ...................................................................... 56

  3.2. Perancangan Sistem ........................................................................... 69

  3.2.1. Desain Database .............................................................................. 69

  3.3. Hirarki Model .................................................................................... 76

  3.4. Rancangan User Interface................................................................... 77

  BAB IV IMPLEMENTASI

  4.1. Tools yang digunakan dalam pembuatan ADISB.............................. 105

  4.2. Implementasi Antar Muka ................................................................ 105

  4.2.1. Halaman index.jsp......................................................................... 105

  4.2.2. Admin Area................................................................................... 106

  4.2.3. Manager Area................................................................................ 134

  BAB V ANALISA HASIL

  5.1. Analisa Manfaat ............................................................................... 190

  5.1. Analisa Teknologi ............................................................................ 190

  5.1. Analisa Kelebihan ............................................................................ 191

  Gambar

Gambar 3.6. Gambar Bagan Berjenjang (lanjut) ......................................57Gambar 3.15. Overview Diagram Level 1 Proses Cetak ............................66Gambar 3.14. Overview Diagram Level 1 Proses Edit Stok Desa ..............65Gambar 3.13. Overview Diagram Level 1 Proses Edit Pendistribusian ......64Gambar 3.12. Overview Diagram Level 1 Proses Edit Penerimaan............63Gambar 3.11. Overview Diagram Level 1 Proses Edit Donatur .................62Gambar 3.10. Overview Diagram Level 1 Proses Edit Bantuan.................61Gambar 3.9. Overview Diagram Level 1 Proses Edit Desa ......................60Gambar 3.8. Overview Diagram Level 1 Proses Login............................59Gambar 3.7. Overview Diagram Level 0 .................................................58Gambar 3.5. Gambar Bagan Berjenjang ..................................................56

  2.1. Use Case Diagram..............................................................11

Gambar 3.4. Context Diagram.................................................................55Gambar 3.3. Use Case Diagram Manager................................................54Gambar 3.2. Use Case Diagram Admin...................................................53Gambar 3.1. Flowchart Perhitungan Pembagian Bantuan ........................52

  2.5. Contoh dari identifier atau key ............................................14

  Gambar

Gambar 2.4. Contoh dari Atribut.............................................................13Gambar 2.3. Contoh dari Entity...............................................................12Gambar 2.2. Contoh ER-Diagram ...........................................................12Gambar 3.16. Overview Diagram Level 1 Proses Cari ..............................67Gambar 3.26. desain_lihat_bantuan...........................................................84Gambar 3.27. desain_update_bantuan .......................................................85Gambar 3.28. desain_delete_bantuan ........................................................86Gambar 3.29. desain_input_donatur..........................................................87Gambar 3.30. desain_lihat_donatur ...........................................................88Gambar 3.31. desain_update_donatur........................................................89Gambar 3.32. desain_delete_donatur.........................................................90Gambar 3.33. desain_ubah_password_admin ............................................91Gambar 3.34. desain_index_manager........................................................92Gambar 3.35. desain_input_penerimaan....................................................93Gambar 3.36. desain_lihat_penerimaan.....................................................94Gambar 3.37. desain_cari_penerimaan......................................................95Gambar 3.38. desain_cetak_penerimaan....................................................96Gambar 3.39. desain_surat_bukti_penerimaan ..........................................97Gambar 3.40. desain_lihat_pendistribusian ...............................................98Gambar 3.41. desain_input_pendistribusian ..............................................99Gambar 3.42. desain_surat_jalan_pengiriman_bantuan ...........................100Gambar 3.43. desain_validasi..................................................................101Gambar 3.44. desain_cari_pendistribusian .............................................. 102Gambar 3.45. desain_input_stok .............................................................103Gambar 3.46. desain_ubah_password_manager ...................................... 104Gambar 4.1 index.jsp ...........................................................................106Gambar 4.11 admin_ insert_donatur.jsp .................................................124Gambar 4.23 manager_delete_penerimaan.jsp........................................147Gambar 4.31 manager_insert_pendistribusian.jsp...................................159Gambar 4.30 histori_penerimaan_barang3.jsp........................................ 154Gambar 4.29 histori_penerimaan_barang.jsp.......................................... 153Gambar 4.28 searching_data_penerimaan2.jsp .......................................152Gambar 4.27 hasil_searching_penerimaan3.jsp ......................................151Gambar 4.26 hasil_searching_penerimaan2.jsp ......................................150Gambar 4.25 hasil_searching_penerimaan1.jsp ......................................150Gambar 4.24 searching_data_penerimaan1.jsp .......................................149Gambar 4.22 manager_update_penerimaan.jsp.......................................143Gambar 4.12 admin_ lihat_donatur.jsp...................................................126Gambar 4.21 manager_lihat_penerimaan.jsp ..........................................141Gambar 4.20 surat_jalan_penerimaan_barang2.jsp.................................139Gambar 4.19 insert_nama_penerima.jsp.................................................138Gambar 4.18 manager_insert_penerimaan.jsp ........................................ 135Gambar 4.17 index_manager.jsp ............................................................134Gambar 4.16 help_admin.jsp..................................................................133Gambar 4.15 admin_ganti_pass.jsp ........................................................132Gambar 4.14 admin_delete_data_donatur.jsp ......................................... 130Gambar 4.13 admin_update_data_donatur.jsp ........................................128Gambar 4.32 manager_insert_pendistribusian2.jsp.................................160Gambar 4.42 histori_pendistribusian_desa.jsp........................................179Gambar 4.43 histori_pendistribusian_desa3.jsp......................................180Gambar 4.44 insert_stok_desa.jsp ..........................................................184Gambar 4.45 histori_stok_desa.jsp.........................................................186Gambar 4.46 ubah_password_manager.jsp............................................. 188Gambar 4.47 help_manager.jsp ..............................................................189Tabel 2.1. Beberapa Tag Dalam HTML................................................... 20Tabel 2.2. Tabel Objek Implisit ............................................................... 37Tabel 2.3. Tabel Variabel Request ........................................................... 38Tabel 3.1. Tabel Input Output Procees Modelling.................................... 55Tabel 3.2. Tabel Pengguna ...................................................................... 69Tabel 3.3. Tabel Desa.............................................................................. 69Tabel 3.4. Tabel Bantuan......................................................................... 69Tabel 3.5. Tabel Donatur......................................................................... 66Tabel 3.6. Tabel Penerimaan ................................................................... 70Tabel 3.7. Tabel Pendistribusian.............................................................. 70Tabel 3.8. Tabel Validasi......................................................................... 71Tabel 3.9. Tabel Nama Penerima ............................................................. 71Tabel 3.10. Tabel Bantuan_Desa ............................................................... 72Tabel 3.10. Tabel Stok_Desa..................................................................... 72

  

PENDAHULUAN

  Indonesia adalah negara yang rawan gempa karena terletak di pertemuan tiga lempeng benua. Banyaknya gempa bumi di Indonesia dalam beberapa tahun terakhir ini disebabkan oleh tumbukan dari lempeng-lempeng tersebut. Salah satu kejadian gempa yang memakan korban jiwa cukup besar adalah gempa yang terjadi di Yogyakarta pada tanggal 27 Mei 2006 dengan kekuatan 5.9 SR dengan korban paling banyak terletak di Kabupaten Bantul, baik korban jiwa maupun material.

  Masalah yang timbul dari penanganan korban gempa yang dilakukan oleh Satuan Pelaksana Penanggulangan Bencana dan Pengungsi ( SATLAK PBP Kabupaten Bantul) yaitu dimana bantuan bagi para korban gempa datang dari banyak pihak dengan jumlah yang tidak sedikit, namun dalam kenyataannya pendistribusian bantuan tidak merata dimana ada daerah yang kekurangan bantuan sementara di daerah lain mendapat bantuan secara

  1.2 Tujuan dan Manfaat

  Adapun tujuan dan manfaat pembuatan Aid Distribution Information System

  for Bantul (ADISB) adalah sebagai berikut;

  1. Membuat sistem informasi yang dapat digunakan untuk mendistribusikan bantuan logistik bagi korban gempa.

  2. Membantu SATLAK PBP Kabupaten Bantul supaya dapat menyalurkan bantuan logistik secara merata.

  1.3 Batasan Masalah

  Mengingat adanya keterbatasan waktu dan tenaga dari penulis, maka Aid

  Distribution Information System for Bantul (ADISB) yang akan dibuat ini

  mengambil batasan-batasan : 1. Kejadian gempa sudah terjadi di Kabupaten Bantul.

  2. Bantuan yang didistribusikan berupa logistik yang berupa barang.

  3. Penerimaan dan pendistribusian bantuan logistik hanya dilakukan melalui Satlak PBP Kabupaten Bantul. mendukung pendistribusian bantuan logistik secara merata yang dilakukan oleh SATLAK PBP Kabupaten Bantul?

  Metodologi penelitian yang digunakan dalam Aid Distribution

  Information System for Bantul ini adalah studi kasus ( case study ), dengan

  langkah-langkah sebagai berikut: 1. Studi pustaka tentang pembuatan web menggunakan JSP dan MySQL.

  2. Survei dan wawancara ke SATLAK PBP Kabupaten Bantul.

  3. Analisa dan perancangan sistem

  a. Menganalisa semua kebutuhan dan data-data sebagai dasar pembuatan sistem informasi ini.

  b. Membuat rancangan sistem informasi yang akan dibuat.

  c. Membuat desain user interface dari sistem informasi yang akan dibuat.

  4. Implementasi Sistem penulis, tujuan dan manfaat penulisan tugas akhir ini, batasan-batasan masalah yang berhubungan dengan keterbatasan penulis, dan metodologi penelitian yang digunakan oleh penulis dalam menyelesaikan masalah, serta sistematika penulisan yang berisi tentang isi dari tiap-tiap bab yang ada dalam tugas akhir ini secara ringkas.

  2. Bab II Landasan Teori

  Bab ini berisai tentang landasan teori yang digunakan oleh penulis dalam membuat tugas akhir ini.

  3. Bab III Analisa dan Perancangan Sistem

  Bab ini berisi tentang analisa sistem lama dan perancangan sistem baru yang akan dibuat.

  4. Bab IV Implementasi

  Bab ini berisi tentang implementasi sistem baru berdasarkan hasil analisa dan perancangan yang telah dilakukan.

  5. Bab V Analisa Hasil Ba ini berisi tentang analisa hasil yang menyangkut manfaat, teknologi ,

  

Landasan Teori

  2.1.1 Konsep Dasar Sistem

  Menurut Jogiyanto (1995) sistem adalah suatu jaringan kerja dari prosedur yang saling berhubungan bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan tujuan tertentu. Pendapat ini didukung oleh Raymond Mc. Leod, Jr (1995) yang mendefinisikan sistem sebagai sekelompok elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan tertentu.

  2.1.2 Karakteristik Sistem

  Sistem mempunyai karakteristik sebagai berikut :

  1. Komponen sistem Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi yang artinya saling bekera sama membentuk suatu kesatuan.

  2. Batasan sistem Merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya/ lingkungan lainnya. subsistem ke subsistem lainnya. Keluaran dari suatu sistem akan menjadi masukan untuk subsistem yang lain melalui penghubung.

  5. Masukan sistem Adalah energi yang dimasukkan ke sistem berupa masukan perawatan (maintenance input) agar sistem dapat beroperasi dan masukan sinyal (signal input) yang merupakan energi yang diproses untuk mendapat keluaran.

  6. Keluaran sistem Merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.

  7. Pengolahan sistem Merupakan pengolahan yang merubah masukan menjadi keluaran.

  8. Sasaran sistem Sistem mempunyai tujuan/ sasaran dimana sasaran dari sistem ini sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya

  2.2.2 Siklus Informasi

  Data merupakan bentuk yang masih mentah dan belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data yang diolah melalui suatu model menjadi informasi, penerima kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali. Data tersebut akan ditangkap sebagai input, diproses kembali lewat suatu model dan seterusnya membentuk suatu siklus.

  2.2.3 Kualitas Informasi

  Kualitas suatu informasi tergantung dari tiga hal yaitu informasi harus akurat, tepat pada waktunya dan relevan.

  1. Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. informasi dikatakan bernilai bila manfaatnya lebih efektif dibanding biaya mendapatkannya.

  2.3.1 Konsep Dasar Sistem Informasi

  Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan keutuhan pengolahan transaksi harian, mendukung operasi, bersifat managerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang ditentukan.

  2.3.2 Komponen Sistem Informasi

  Dalam suatu sistem dibutuhkan blok-blok yang saling berinteraksi satu dengan yang lain untuk membentuk kesatuan untuk mencapai sasarannya, yaitu:

  1. Blok masukan (input block) Input mewakili data yang masuk de dalam sistem informasi. Blok ini termasuk metode-metode dan media untuk menangkap data yang akan dimasukkan.

  2. dokumentasi yang berguna untuk semua tingkatan managemen serta semua pemakai sestem.

  4. Blok teknologi (tecnology block) Teknologi yang digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan menyimpan keluaran serta membantu pengendalian dari sistem secara keseluruhan.

  Teknologi terdiri dari 3 bagian utama yaitu:

  a. Teknisi (brainware / humanware)

  b. Perangkat Lunak (software)

  c. Perangkat Keras (hardware)

  5. Blok Basisdata (database block) Pengorganisasian data agar dapat menghasilkan informasi yang berkualitas.

  6. Blok kendali (control block) Beberapa pengendalian perlu dirancang dan ditetapkan untuk merancang test case untuk semua feature yang ada pada sistem.

  Seorang atau sebuah aktor adalah segala sesuatu yang dibutuhkan untuk berinteraksi dengan sistem untuk mengubah informasi. Aktor dapat berupa orang, organisasi atau sistem informasi yang lain juga suatu waktu kejadian.

  Contoh use case diagram: _{actor 1 actor 2} use case 1 use case 2

Gambar 2.1 Use Case Diagram

  ER Diagram merupakan sebuah data model yang memanfaatkan beberapa notasi untuk menggambarkan data dalam entity dan relasi yang dijelaskan oleh

  

Entity adalah sebuah kumpulan dari orang, tempat, objek, kejadian atau konsep

yang diperlukan untuk menyimpan data ( Whitten, J.L, 2004 ).

  Teacher

Gambar 2.3 Contoh dari Entity

  Atribut merupakan sebuah properti yang deskriptif atau karakteristik dari sebuah entity ( Whitten, J.L, 2004 ).

  Teacher Name

• Last Name -First Name Address -Street Address -City
• State

  

Key merupakan sebuah atribut atau kelompok atribut yang diasumsikan memiliki

  nilai yang unik untuk setiap instance ( Whitten, J.L, 2004 ). Key sering juga disebut dengan identifier.

  1. Concatenated key merupakan sekelompok orang yang memiliki identitas instance dari sebuah entity yang unik.

  2. Candidate key merupakan salah satu nilai dari key yang berfungsi sebagai primary key dari sebuah entity.

  3. Primary key merupakan sebuah candidate key yang paling umum digunakan untuk mengidentifikasikan secara unik instance dari entity yang tunggal.

  4. Alternate key merupakan sebuah candidate key yang tidak dapat dipilih untuk menjadi primary key. Alternate key sama dengan secondary key.

  Teacher Teacher Number (Primary Key) Social Security Number (Alternate Key) Name

• Last Name -First Name

Gambar 2.5 Contoh dari identifier atau key

  

Relationship adalah sebuah asosiasi bisnis normal yang ada antara satu atau

  lebih entity ( Whitten, J.L, 2004 ). Relasi mungkin juga mewakili suatu kejadian yang menghubungkan antara entity atau logika gabungan antara

  entity .

  Ada 5 macam hubungan atau relasi dalam ER Diagram, yaitu:

  a. Relasi Satu lawan Satu (One to One Relationship) Suatu entity pada himpunan entity A punya relasi dengan maksimal satu entity pada himpunan entity B dan begitu pula sebaliknya.

  b. Relasi Nol lawan Satu ( Zero to One Relationship )

  Suatu entity pada himpunan entity A punya relasi dengan maksimal satu entity pada himpunan entity B sebaliknya himpunan entity B mempunyai relasi dengan nol entity pada himpunan entity A .

  c. Relasi Satu lawan Banyak ( One to Many Relationship )

  Suatu entity pada himpunan entity A punya relasi dengan banyak entity pada himpunanan entity B, demikian pula sebaliknya.

  Data Flow Diagram merupakan sebuah model proses yang digunakan untuk

  menggambarkan aliran dari data yang melalui sebuah sistem dan proses yang dibentuk oleh sistem. Simbol-simbol yang digunakan dalam DFD adalah sebagai berikut:

  1. Proses ( Process ) Proses adalah kerja yang dilakukan oleh sistem dalam merespon arus data yang datang atau suatu kondisi.

  Nama proses

Gambar 2.6 Simbol dari proses

  2. Arus Data ( Data Flow ) Arus data adalah data sebagai masukan proses atau keluaran dari proses.

  Arus data adalah data yang bergerak. Arus data juga digunakan untuk berinteraksi dengan sistem. Disebut juga dengan external entity.

  Nama kesatuan luar

Gambar 2.8 Simbol dari kesatuan luar

  4. Penyimpanan data ( Data Store ) Penyimpanan data digunakan untuk menyimpan data hasil proses maupun menyediakan data untuk diproses. Penyimpana data sinonim dengan file dan

  database .

  Penyimpanan data

Gambar 2.9 Simbol dari penyimpanan data

  HTML (HyperText Markup Language) adalah standar informasi yang berbasis hypertext yang dipakai pada web. Berdasarkan standar inilah Web browser bisa memahami isi suatu dokumen yang berasal dari Web server. HTML bekerja dengan menggunakan HTTP (HyperText Transfer Protocol), yaitu protokol komunikasi yang memungkinkan Web server berkomunikasi dengan terdapat di dalamnya adalah kode HTML. Bagian yang terapat dalam <HTML> dan </HTML> terbagi atas bagian kepala yang ditandai dengan pasangan tag <HEAD> dan </HEAD>, dan bagian badan yang ditandai dengan tag <BODY> dan </BODY>.

  2.7.2 Jenis Tag

  Beberapa tag yang biasa digunakan dalam kode HTML adalah sebagai berikut;

  a. tag <br> yang berfungsi untuk membuat baris baru atau berpindah baris baru.

  b. tag <p> yang berfungsi untuk membuat paragraf.

  c. tag <h1>…</h1>, <h2>…</h2>, <h3>…</h3>, <h4>…</h4>, <h5>…</h5> dan <h6>…</h6> berfungsi untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen.

  d. tag <hr> berfungsi untuk membuat garis horizontal.

  e. tag <CENTER> berfungsi untuk menengahkan teks.

  2.7.3 Mengatur Font

  <FONT SIZE = “1”> Ukuran Font 1</FONT> yang digunakan untuk mengatur teks dengan ukuran font sebesar 1. Ukuran font normal adalah 3. Ukuran font juga dapat memakai tanda + atau – I depan angka pada atribut SIZE. Contoh:

  <FONT SIZE = “+1”> Ukuran Font +1</FONT> menampilkan teks dengan ukuran font lebih besar 1 daripada ukuran normal.

  Atribut pada tag <FONT> yang berkaitan dengan warna teks adalah COLOR, yang berguna untuk menentukan warna latar belakang teks. Untuk mengatur warna latar belakang melalui atribut BGCOLOR pada tag <BODY>.

  Contoh: <FONT COLOR=”black”> Black </FONT>

  Untuk mengatur warna latar depan teks melalui atribut COLOR pada tag <FONT> atau TEXT pada tag <BODY>.

  Contoh:

  Tabel biasa digunakan dalam halaman web untuk memperindah tampilan ataupun untuk mengatur agar informasi dapat disajikan dengan tampilan yang mudah dibaca. Tag-tag yang digunakan untuk pengaturan tabel sebagai berikut:

  Tag Keterangan <TABLE>…</TABLE> Mengawali dan mengakhiri sebuah tabel <TR>…</TR> Membuat sebuah baris pada tabel <TD>…</TD> Membuat judul kolom <TH>…</TH> Membuat sebuah sel data

Tabel 2.1 Beberapa tag dalam Html

  Umumnya sebuah halaman web memiliki link atau hyperlink untuk menghubungkan ke halaman-halaman lain web yang lain. Untuk membuat link ke halaman lain kita menggunakan pasangan tag <a>…</a>. Contoh:

  <a href =”URL”>Halaman berikutnya</a> masukan pada formulir. Jika ACTION tidak disebukan, informasi akan dikirim ke URL yang sama dengan halaman web itu sendiri.

  METHOD digunakan untuk menentukan bagaimana informasi dikirim ke URL yang disebutkan dalam ACTION. Nilai yang umum untuk atribut ini berupa GET dan POST. POST membuat informasi dikirimkan secara terpisah dengan URL, sedangkan GET akan membuat informasi dikirim menjadi satu dengan URL.

  Contoh: <FORM ACTION = “info.htm” METHOD = “POST”> … </FORM>

  JSP (JavaServer Pages) merupakan teknologi yang didasarkan pada bahasa Java, yang dapat digunakan untuk membentuk halaman-halaman web yang bersifat dinamis. JSP merupakan bagian dari J2EE (Java 2 Enterprise Edition) dan dengan beberapa vendor web server, application server, dan development tool serta komunitas yang tergabung dalam Java Community Process. Hasilnya pendekatan yang memiliki keseimbangan antara portabilitas dan kemudahan penggunaan untuk developer.

  User yang ingin mengakses halaman web mula-mula mengirimkan permintaan halaman web melalu HTTP (HyperText Transfer Protocol) dalam bentuk JSP (berekstensi .jsp). Permintaan ini akan disampaikan ke Web server. Kemudian Web server mengambil dokumen JSP dan mengirimkan ke JSP Server Engine. Bagian inilah yang melakukan pemrosesan kode-kode JSP (termasuk melakukan pengompilasian) dan mementuk kode HTML. Berikutnya, kode HTML disampaikan oleh Web server ke klien yang memintanya. Kode HTML ini selanjutnya diproses oleh browser sehingga pemakai bisa memperoleh informasi dari halaman web yang dikehendaki. Pengompilasian kode JSP hanya dilakukan sekali saja, yaitu pada pemanggilan dokumen pertama kali. Oleh karena itu user

  3. Mengkompilasi kode sumber Servlet menjadi sebuah kelas.

  4. Membuat instant Servlet.

  5. Memberikan keluaran Servlet ke Web Server.

  Kelebihan-kelebihan JSP dari bahasa pemrograman web yang lain adalah sebagai berikut: a. Multi platform dan server

  Karena JSP merupakan bagian dari platform Java, maka JSP juga memiliki karakteristik “Write Once, Run Anywhere”. Teknologi JSP dapat berjalan pada Web server apapun dan didukung oleh sejumlah besar tools pada berbagai vendor.

  b. JSP menggunakan bahasa Java Untuk membuat aplikasi web dengan JSP sangat mudah mengingat dasar JSP adalah bahasa Java. Oleh karena itu, aplikasi yang dibuat dengan JSP mempunyai manajemen memori dan sekuritas yang baik.

  %> Tanda <% dan %> menyatakan salah satu tag JSP yang dikenal dengan sebutan tag skriplet. Tag tersebut mengisyaratkan bahwa kode yang terdapat di dalamnya adalah kode JSP. Di dalam tag tersebut kita bisa menuliskan pernyataan- pernyataan Java. Setiap pernyataan dalam hal ini diberi titik koma (;). Pernyataan adalah satu instruksi lengkap yang akan diproses oleh Java.

  JSP memiliki bermacam-macam elemen yang dapat digunakan dalam suatu halaman JSP. JSP memiliki tiga komponen utama yaitu: a. Direktif

  b. Elemen scripting

  c. Action

  Direktif adalah media yang digunakan JSP untuk mengirimkan pesan ke JSP container. Direktif berguna untuk melakukan setting nilai global seperti tersebut adalah sebagai berikut:

  a. page direktif

  b. include direktif

  c. taglib direktif

  2.8.4.1.2.1 Page Direktif

  Direktif ini digunakan untuk melakukan pengimporan kelas, mengatur sifat- sifat servlet, dan menentukan tipe dokumen yang dikirimkan ke klien.

  Sintaks yang digunakan untuk page direktif : <%@ page atribut1 atribut2…%> Pengaturan dilakukan melalui atribut-atribut sebagai berikut:

  a. Atribut language Mendefinisikan bahasa yang digunakan untuk menyusun kode JSP. Contoh penggunaannya : <%@ page language=”java”%>

  b. Atribut info Mendefinisikan informasi dari halaman. Dengan menggunakan atribut ini

  Menentukan halaman JSP yang dipakai untuk menampilkan eksepsi yang tidak tertangkap oleh halaman sekarang. Contoh pengunaannya : <%@ page errorPage=”error.jsp”%>

  e. Atribut contentType Digunakan untuk menentukan judul tanggapan Content-Type, yang menyatakan jenis MIME pada okumen yang dikirimkan ke klien. Niali default untuk atribut ini adalah text/html. Contoh penggunaannya: <@ page contentType=”tipe_MIME”%>

  f. Atribut session Menyatakan bahwa halaman tersebut terlibat dalam HTTP session. Apabila halaman JSP menggunakan direktif page dengan atribut ini artinya halaman terseut akan digunakan untuk mengakses atau memberikan nilai pada variabel yang disimpan pada session. Contoh pengunaannya : <%@ page session=”true”%> Atribut yang lainnya adalah isThreadSafe, buffer, autoflush, extends, isErrorPage.

  2.8.4.1.2.2 Include Direktif akan disisipkan diawali dengan tanda”/”.

  2.8.4.1.2.3 Taglib Direktif Direktif ini digunakan untuk mendefinisikan tag-tag buatan pemrogram.

  2.8.4.2 Elemen Skripting

  Ada tiga macam elemen skripting, yaitu:

  a. Skriplet Untuk deklarasi, ekspresi dan kode lain digunakan tag <%...%>.

  b. Deklarasi Untuk mendeklarasikan variabel atau method digunakan tag <%!...%>.

  c. Ekspresi Untuk ekspresi dalam Java dan menampilkannya sebagai String dalam browser digunakan tag <%=…%>.

  2.8.4.3 Action

  Merupakan tag yang berfungsi untuk menjalankan suatu operasi yang

  <jsp:nama_action atribut1 atribut2 …/> /*

  Bagian ini bisa diisi dengan JSP Action yang lain

• / <jsp:nama_action> Standar Action yang terdapat pada JSP adalah sebagai berikut:

  a. jsp:param

  Berfungsi untuk mendefinisikan suatu variabel dan nilainya. Sintaks penulisannya adalah: <jsp:param name=”nama_parameter” value=”nilai_parameter”/> Atau: <jsp:param name=”nama_parameter” value”<%nilai_parameter%>”/>

  b. jsp:forward

  Berfungsi untuk mengirimkan (mem-forward) suatu permintaan dari suatu halaman JSP ke halaman JSP yang lain, halaman HTML atau servlet yang masih berada pada konteks aplikasi web tersebut. Misalnya pada server.xml

  Atau: <jsp:forward page=”<%=url_tujuan%>”/> Atau: <jsp:forward page=”url_tujuan”> <jsp:forward name=”nama_parameter1” value=”nilai_parameter”/> <jsp:forward name=”nama_parameter2” value=”<%=nilai_parameter/>”/> </jsp:forward> Atau: <jsp:forward page=”<%=url_tujuan%>”> <jsp:forward name=”nama_parameter1” value=”nilai_parameter”/> <jsp:forward name=”nama_parameter2” value=”<%=nilai_parameter/>”/> </jsp:forward>

  c. jsp:include Berfungsi untuk menyisipkan halaman yang bersifat statik maupun dinamik.

  Sintaks penulisannya adalah: <jsp:include page=”nama_file” flush=’true”/>