PERANCANGAN SISTEM INFORMASI NARKOBA (NARKOTIKA, ZAT ADIKTIF, PSIKOTROPIKA) BERBASIS WEB Fifi Dewi Purnama Sari 41805010-043 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2010
PERANCANGAN SISTEM INFORMASI NARKOBA (NARKOTIKA, ZAT ADIKTIF, PSIKOTROPIKA) BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: FIFI DEWI PURNAMA SARI 41805010-043 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2010
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini : Nama : Fifi Dewi Purnama Sari Nim : 41805010-043 Fakultas : Ilmu Komputer Program Studi : Sistem Informasi Judul : PERANCANGAN SISTEM INFORMASI NARKOBA (Narkotika, Psikotropika, Zat adiktif) BERBASIS WEB Menyatakan bahwa laporan Tugas Akhir dibuat dengan sebenar-benarnya tanpa menyadur atau plagiat dari Tugas Akhir orang lain. Jakarta, Januari 2010 (Fifi Dewi Purnama Sari)
LEMBAR PERSETUJUAN Nama : Fifi Dewi Purnama Sari Nim : 41805010-043 Judul : PERANCANGAN SISTEM INFORMASI NARKOBA (Narkotika, Psikotropika, Zat adiktif) BERBASIS WEB SKRIPSI TELAH DIPERIKSA & DISETUJUI JAKARTA, 25 JANUARI 2010 Ratna Mutu Manikam, S.Kom., MT Dosen Pembimbing Nur Ani, ST, MMSI Koordinator Tugas Akhir Sarwati Rahayu, ST, MMSI KaProdi Sistem Informasi
UCAPAN TERIMA KASIH Dengan ini saya menyampaikan banyak terima kasih kepada : Ratna Mutu Manikam, S.Kom., MT Selaku pembimbing, dengan penuh kesabaran telah memberikan bimbingan, kritik dan saran serta masukan dalam penulisan tugas akhir ini dapat diselesaikan tepat pada waktunya. Jakarta, Januari 2010 Fifi Dewi Purnama Sari
KATA PENGANTAR Puji dan syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-nya sehinga penulis dapat menyelesaikan penulisan skripsi ini yang berjudul PERANCANGAN SISTEM INFORMASI NARKOBA ( NARKOTIKA, PSIKOTROPIKA, ZAT ADIKTIF) BERBASIS WEB. Skripsi ini diajukan untuk memenuhi salah satu syarat dalam menyelesaikan S1 Program Studi Sistem Informasi Universitas Mercu Buana. Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada semua pihak yang telah membantu penulis dalam melaksanakan dan menyusun laporan Tugas Akhir ini, baik berupa tenaga, pikiran, pengarahan serta bimbingan yang diberikan. Ucapan terima kasih Penulis sampaikan kepada : 1. Kedua orang tua penulis, tiada henti-hentinya memberikan yang terbaik buat anaknya. Adikku tercinta yang telah memberikan dukungan dari awal sampai akhir dalam penyelesain Tugas Akhir ini. 2. Ratna Mutu Manikam, S.Kom., MT, selaku dosen pembimbing yang selalu memberikan dukungan dan masukan kepada Penulis 3. Sarwati Rahayu, ST, MMSI, selaku Ketua Program Studi (Kaprodi) Sistem Informasi 4. Nur Ani, ST, MMSI, selaku Sekretaris Program Studi (Sekprodi) Sistem Informasi dan Koordinator Tugas Akhir 5. Ir. Fajar Masya, MMSI, selaku dosen sekaligus Kepala Lab Sistem Informasi yang selalu memberikan arahan serta dukungan kepada penulis
6. Ira, Fauzi yang selalu memberikan semangat serta dorongan untuk selalu optimis dan maju kepada Penulis. 7. Hari Ramadhon yang selalu memberikan kasih sayangnya kepada penulis. 8. Serta semua pihak yang telah membantu Penulis namun tidak dapat penulis sebut satu per satu. Jakarta, Januari 2010 Penulis, Fifi Dewi Purnama Sari
DAFTAR ISI Lembar Halaman Judul Lembar Pernyataan...... Lembar Persetujuan Ucapan Terima Kasih... Kata Pengantar... Abstrak... Abstract... Daftar Isi... Daftar Gambar... Daftar Tabel... i ii iii iv vi vii viii xiv xvii BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Perumusan Masalah... 3 1.3 Ruang Lingkup / Batasan Masalah. 4 1.4 Maksud dan Tujuan Penulisan.. 4 1.5 Metodologi Penulisan.. 5 1.5.1 Metodologi Perancangan Perangkat Lunak... 5 1.5.2 Metodologi Pengumpulan Data 6 1.6 Sistematika Penulisan 7
BAB II LANDASAN TEORI 2.1 Konsep Dasar Sistem...... 9 2.1.1 Pengertian Sistem... 9 2.1.2 Karakteristik Sistem..... 9 2.1.3 Klasifikasi Sistem...... 11 2.2 Konsep Dasar Informasi... 11 2.2.1 Definisi Data...... 11 2.2.2 Definisi Informasi...... 12 2.2.3 Kualitas Informasi... 12 2.2.4 Nilai Informasi... 14 2.2.5 Mutu Informasi... 16 2.3 Konsep Dasar Sistem Informasi...... 17 2.3.1 Definisi Sistem Informasi... 17 2.4 Konsep Dasar Web Site atau Situs.... 18 2.4.1 Pengertian Web Site atau Situs 18 2.4.2 Unsur-Unsur Web Site atau Situs.... 18 2.4.3 Pemeliharaan Web Site atau Situs. 21 2.5 Unified Modeling Language (UML)...... 22 2.5.1 Definisi Unified Modeling Language (UML)... 22 2.5.2 Langkah-langkah Penggunaan (UML)... 25 2.5.3 Fokus (UML)... 27 2.5.4 Bangunan Dasar Metodologi (UML)... 28 2.5.4.1 Sesuatu (things)... 28 2.5.4.2 Relasi (Relationship).. 30
2.5.4.3 Diagram... 31 2.6 Macromedia Dreamweaver... 34 2.7 PHP.. 34 2.7.1 Sejarah Singkat PHP.. 34 2.7.2 Kelebihan PHP... 35 2.7.3 Aplikasi PHP dengan MySQL... 36 2.7.4 Fungsi PHP MySQL... 36 2.8 MySQL... 38 2.8.1 Sejarah MySQL........ 39 2.8.2 Perintah - perintah MySQL... 39 2.8.3 Tipe Data MySQL... 40 2.9 Paket Optional : PHPMyAdmin... 43 2.10 Model Proses Waterfall. 44 2.11 Analisa dan Perancangan Database... 46 2.11.1 Kamus Data... 46 2.11.2 Entity Relationship Diagram... 47 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa. 50 3.2 Perancangan Sistem.... 51 3.2.1 Use Case Diagram. 51 1). Use Case Halaman Awal 51 2). Use Case Buku Tamu... 52 3). Use Case Online Kesehatan... 53 3.2.2 Sequence Diagram.. 54
1) Sequence Diagram Halaman Awal... 54 2) Sequence Diagram Halaman Profil... 55 3) Sequence Diagram Halaman Fasilitas... 56 4) Sequence Diagram Halaman Artikel... 57 5) Sequence Diagram Halaman Acara... 58 6) Sequence Diagram Halaman Jadwal Pakar... 59 7) Sequence Diagram Halaman Kontak Kami... 60 8) Sequence Diagram Form Buku Tamu... 61 9) Sequence Diagram Form Online Kesehatan... 62 3.2.3 Activity Diagram. 63 1) Activity Diagram Halaman Awal.... 63 2) Activity Diagram Halaman Profil... 65 3) Activity Diagram Halaman Fasilitas... 67 4) Activity Diagram Halaman Artikel.. 69 5) Activity Diagram Halaman Acara... 71 6) Activity Diagram Halaman Jadwal Pakar. 73 7) Activity Diagram Halaman Kontak Kami. 75 8) Activity Diagram Halaman Buku Tamu... 78 9) Activity Diagram Halaman Online Kesehat... 79 3.2.4 Class diagram 81 3.2.5 ERD.. 82 3.3 Struktur Database.... 83 3.4 Perancangan Tampilan Antar Muka. 87 1. Rancangan Layar Halaman Awal....87
2. Rancangan Layar Halaman Profil... 88 3. Rancangan Layar Halaman Fasilitas... 88 4. Rancangan Layar Halaman Artikel........ 89 5. Rancangan Layar Halaman Acara... 89 6. Rancangan Layar Halaman Jadwal Pakar...... 90 7. Rancangan Layar Halaman Kontak Kami.... 90 8. Rancangan Layar Halaman Buku Tamu... 91 9. Rancangan Layar Halaman Online Kesehatan...91 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem..... 92 4.2 Alur Program.. 93 4.3 Desain & Tampilan Halaman... 94 1 Layar Halaman Awal... 94 2 Layar Halaman Profil... 95 3 Layar Halaman Fasilitas... 96 4 Layar Halaman Artikel... 97 5 Layar Halaman Acara... 98 6 Layar Halaman Jadwal Pakar... 99 7 Layar Halaman Artikel Terbaru... 100 8 Layar Halaman Kontak Kami... 101 9 Layar Halaman Form Buku Tamu... 102 10 Layar Halaman Form Online Kesehatan... 103 11 Layar Halaman Admin Password... 104
12 Layar Halaman Admin Utama... 104 13 Layar Halaman Edit Profil... 105 14 Layar Halaman Edit Fasilitas... 105 15 Layar Halaman Tambah Artikel... 106 16 Layar Halaman Data Artikel... 106 17 Layar Halaman Tambah Acara... 107 18 Layar Halaman Data Acara.... 107 19 Layar Halaman Tambah Spesialis.... 108 20 Layar Halaman Data Spesialis..... 108 21 Layar Halaman Tambah Jadwal Dokter....109 22 Layar Halaman Data Jadwal Dokter.... 109 23 Layar Halaman Data Konsultasi..... 110 4.4 Metode Pengujian... 110 4.6 Skenario Pengujian... 111 4.5.1 Hasil Pengujian... 113 4.7 Analisis Hasil Pengujian... 116 BAB V PENUTUP 5.1 Kesimpulan..... 118 5.2 Saran... 119 DAFTAR PUSTAKA.... 120 Lampiran I Listing Program Lampiran II Kartu Asistensi
DAFTAR GAMBAR Gambar 2.1 Karakteristik Sistem... 11 Gambar 2.2 Contoh Use Case Diagram..... 30 Gambar 2.3 Contoh Sequence Diagram..... 31 Gambar 2.4 Contoh Activity Diagram.... 32 Gambar 2.5 Contoh Class Diagram.... 33 Gambar 2.6 Model Waterfall...... 43 Gambar 2.7 Entity Relationship Diagram one to one... 49 Gambar 2.8 Entity Relationship Diagram one to many... 49 Gambar 2.9 Entity Relationship Diagram many to many... 50 Gambar 3.1 Use Case Diagram Halaman Awal... 51 Gambar 3.2 Use Case Diagram Form Buku Tamu..... 52 Gambar 3.3 Use Case Diagram Form Online Kesehatan... 53 Gambar 3.4 Sequence Diagram Halaman Awal... 54 Gambar 3.5 Sequence Diagram Halaman Profil... 55 Gambar 3.6 Sequence Diagram Halaman Fasilitas... 56 Gambar 3.7 Sequence Diagram Halaman Artikel... 57 Gambar 3.8 Sequence Diagram Halaman Acara... 58 Gambar 3.9 Sequence Diagram Halaman Jadwal Pakar... 59 Gambar 3.10 Sequence Diagram Halaman Kontak Kami... 60 Gambar 3.11 Sequence Diagram Buku Tamu... 61 Gambar 3.12 Sequence Diagram Online Kesehatan.... 62 Gambar 3.13 Activity Diagram Halaman Awal (Home)..... 63
Gambar 3.14 Activity Diagram Halaman Profil... 65 Gambar 3.15 Activity Diagram Halaman Fasilitas....... 67 Gambar 3.16 Activity Diagram Halaman Artikel...... 69 Gambar 3.17 Activity Diagram Halaman Acara... 71 Gambar 3.18 Activity Diagram Halaman Pakar....... 73 Gambar 3.19 Activity Diagram Halaman Kontak Kami...... 75 Gambar 3.20 Activity Diagram Halaman Buku Tamu... 78 Gambar 3.21 Activity Diagram Halaman Online Kesehatan... 79 Gambar 3.22 Class Diagram...... 81 Gambar 3.23 ERD...... 82 Gambar 3.24 Rancangan Layar Halaman Awal... 87 Gambar 3.25 Rancangan Layar Halaman Profil... 88 Gambar 3.26 Rancangan Layar Halaman Profil... 88 Gambar 3.27 Rancangan Layar Halaman Artikel...... 89 Gambar 3.28 Rancangan Layar Halaman Acara... 89 Gambar 3.29 Rancangan Layar Halaman Jadwal Pakar... 90 Gambar 3.30 Rancangan Layar Halaman Kontak Kami...... 90 Gambar 3.31 Rancangan Layar Halaman Buku Tamu... 91 Gambar 3.32 Rancangan Layar Halaman Online Kesehatan.... 91 Gambar 4.1 Layar Halaman Awal (Home)... 94 Gambar 4.2 Layar Halaman Profil... 95 Gambar 4.3 Layar Halaman Fasilitas... 96 Gambar 4.4 Layar Halaman Artikel... 97 Gambar 4.5 Layar Halaman Acara....... 98
Gambar 4.6 Layar Halaman Jadwal Pakar..... 99 Gambar 4.7 Form Artikel Terbaru.......... 100 Gambar 4.8 Kontak Kami...... 101 Gambar 4.9 Buku Tamu...... 102 Gambar 4.10 Online Kesehatan...... 103 Gambar 4.11 Tampilan Login Halaman Admin password... 104 Gambar 4.12 Tampilan Menu Admin Utama.... 104 Gambar 4.13 Tampilan Menu Edit Profil... 105 Gambar 4.14 Tampilan Menu Edit Fasilitas... 105 Gambar 4.15 Tampilan Menu Tambah Artikel... 106 Gambar 4.16 Tampilan Menu Data Artikel... 106 Gambar 4.17 Tampilan Menu Tambah Acara...... 107 Gambar 4.18 Tampilan Menu Data Acara... 107 Gambar 4.19 Tampilan Menu Tambah Spesialis... 108 Gambar 4.20 Tampilan Menu Data Spesialis... 108 Gambar 4.21 Tampilan Menu Tambah Jadwal Dokter... 109 Gambar 4.22 Tampilan Menu Data Jadwal Dokter... 109 Gambar 4.23 Tampilan Menu Data Konsultasi... 110
DAFTAR TABEL Tabel 2.1 Atribut mysql_connect...... 36 Tabel 2.2 Atribut mysql_select_db.... 36 Tabel 2.3 Tipe Data Numeric..... 40 Tabel 2.4 Tipe Data Date and Time.... 41 Tabel 2.5 Tipe Data String... 42 Tabel 2.6 Kamus Data...... 46 Tabel 2.7 Simbol ERD...... 48 Tabel 3.1 Tabel Acara_x...... 83 Tabel 3.2 Tabel Adlogin_x... 83 Tabel 3.3 Tabel admin... 84 Tabel 3.4 Tabel Artikel_x......... 84 Tabel 3.5 TabelDokter_x... 85 Tabel 3.6 Tabel Fasilitas_x... 85 Tabel 3.7 Tabel Katdokter_x... 86 Tabel 3.8 Tabel Konsultasi_x... 86 Tabel 3.9 Tabel Profil_x... 87 Tabel 4.1 Tabel pengujian... 111 Tabel 4.2 Tabel hasil... 113