Analisa dan Perancangan Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web SKRIPSI Diajukan sebagai salah satu syarat untuk memperoleh Gelar Sarjana Informatika Jurusan Teknik Informatika Oleh: Ferry NIM: 04110007 STMIK JIBES Sekolah Tinggi Manajemen Informatika dan Komputer JIBES Jakarta Februari, 2010
LEMBAR PENGESAHAN Analisa dan Perancangan Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Diajukan Oleh: Ferry NIM: 04110007 DISETUJUI Jakarta, 24 Februari 2010 Ir. Teddy Siswanto, MMsi Pembimbing Prya Artha Widjaja, ST., M.IT Penguji Pertama Ir. Sriyono, MMSI Penguji Kedua STMIK JIBES Sekolah Tinggi Manajemen Informatika dan Komputer JIBES Jakarta Februari, 2010 ii
ABSTRAK Ferry / 04110007 / Analisa dan Perancangan Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web / Teknik Informatika / Pembimbing: Ir. Teddy Siswanto, MMsi. Kesulitan dalam mencari berita dan informasi disekitar wilayah Kelapa Gading yang lengkap, aktual, dan terkini, mendorong penulis untuk membuat aplikasi berita berbasis web yang interaktif dengan menggunakan metode content management system. Untuk mempermudah tugas pengguna dalam memperbarui atau mengubah isi dari sistem tanpa harus mengetahui kode pemograman web. Sistem informasi berita dan informasi kelapa gading berbasis web ini menggunakan metode rekayasa perangkat lunak dengan waterfall model. Alat bantu yang digunakan untuk menganalisa sistem menggunakan analisis PIECES dan alat bantu perancangan menggunakan data flow diagram (DFD), normalisasi, entity relationship diagram (ERD). Serta pembuatan aplikasi menggunakan bahasa pemograman PHP dan database MySQL. Dengan adanya sistem informasi berita dan informasi kelapa gading berbasis web, mempermudah warga dan mahasiswa / mahasiswi disekitar wilayah Kelapa Gading untuk mendapatkan berita dan informasi terkini, aktual, lengkap sekitar Kelapa Gading dan mempermudah tugas pengelola sistem untuk memperbarui atau mengubah isi dari sistem. Kata Kunci: Berita, Informasi, Sistem. iii
ABSTRACT Ferry / 04110007 / Web Based News And Information Kelapa Gading Information System Analysis and Design / Informatics Engineering /Advisor(s): Mr. Ir. Teddy Siswanto, MMsi. The difficulties for looking a complete, actual, and updated news and information around Kelapa Gading area make authors to create an interactive web based news application with content management system method. Its used to simplify the handler task in updating or changing the content without having the knowledge of web programming. This news and information of Kelapa Gading web based system information use the software engineering method with the waterfall model. Tools to analyse the system is the PIECES analysis and tools to design is using data flow diagram (DFD), normalization, and entity relationship diagram (ERD). This application is using PHP programming language and MySQL database. With the presence of news and information around Kelapa Gading web based system information, simplify the member and students around Kelapa Gading area to get the newest news and information in Kelapa Gading and to simplify the task of the system handler to updating or changing the content of system. Key words: News, Information, System. iv
LEMBAR PERSEMBAHAN v
KATA PENGANTAR Terima Kasih dan Puji Syukur kepada Tuhan Yang Maha Esa, karena pada akhirnya tugas akhir ini dapat selesai tepat pada waktunya. Tugas akhir ini ditulis sebagai persyaratan kelulusan strata satu (S1) Teknik Informatika STMIK JIBES. Tema dari tugas akhir ini disesuaikan dengan perkembangan teknologi yang ada sekarang ini dengan harapan agar tugas akhir ini berguna dan jurusan teknik informatika terus berkembang sesuai dengan perkembangan dan tuntutan jaman. Tugas akhir ini dapat terwujud berkat bimbingan, bantuan, perhatian, dukungan, doa, serta petunjuk yang sangat berharga dari berbagai pihak. Oleh karena itu, penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bpk. Paulus.Y.E Fangidae, SE., MM selaku Ketua STMIK JIBES yang telah memberikan kesempatan kepada penulis selama penyusunan skripsi ini. 2. Bpk. Ford Lumban Gaol, SSi, MKom selaku Pembantu Ketua (PUKET) bidang Akademik STMIK JIBES. 3. Bpk. F. Anthon Pangruruk, SSi, MSi, selaku Ketua Program Studi Teknik Informatika STMIK JIBES. 4. Bpk. Sujanto, ST., MMSI selaku Ketua Program Studi Sistem Komputer STMIK JIBES yang telah memberikan masukan masukan yang membantu dalam pengerjaan tugas akhir ini. 5. Bpk. Ir. Teddy Siswanto, MMsi selaku dosen pembimbing tugas akhir yang dengan dedikasi tinggi dan kesabaran membimbing vi
penulis sehingga tugas akhir ini berhasil diselesaikan sebaik baiknya. 6. Orang tua, kakak, dan adik yang terus memberikan dukungan baik secara moril dan material dalam penyusunan tugas akhir ini. 7. Teman teman yang telah memberikan bantuan dan dukungan dalam penulisan tugas akhir ini khususnya Desiyana, Shri Mureli, Kartika, Juniwanti dan teman teman lainnya yang belum disebutkan namanya. 8. Pihak pihak lain yang belum disebutkan disini namun memiliki andil dalam penyelesaian tugas akhir. Penulis menyadari bahwa tugas akhir ini masih sangat jauh dari kesempurnaan, oleh karena itu, penulis sangat mengharapkan kritik, saran, dan koreksi yang membangun dari pembaca sekalian. Akhir kata, Semoga tugas akhir ini dapat membawa manfaat yang sebesar besarnya baik untuk penulis maupun untuk orang lain yang membacanya. Jakarta, Februari 2010 Ferry vii
DAFTAR ISI Halaman Halaman Pengesahaan... ii Abstrak (Indonesia)... iii Abstract (English)... iv Halaman Persembahan... v Kata Pengantar... vi Daftar Isi... viii Daftar Tabel... xi Daftar Gambar... xiii Bab I PENDAHULUAN... 1 A. Latar Belakang Penelitian... 1 B. Identifikasi Masalah... 2 C. Batasan Masalah... 2 D. Batasan Penelitian... 2 E. Rumusan Masalah... 3 F. Tujuan Penelitian... 3 G. Manfaat Penelitian... 3 H. Metodologi Penelitian... 4 I. Sistematika Penulisan... 4 Bab II LANDASAN TEORI... 6 A. Pengertian Sistem Informasi... 6 B. Pengertian Internet... 6 C. Pengertian Web... 7 viii
D. Pengertian Informasi dan Berita... 7 E. Pengertian Database... 9 F. Pengertian DBMS... 9 G. Rekayasa Perangkat Lunak... 10 H. Data Flow Diagram... 13 I. Entity Relationship Diagram... 16 J. Normalisasi... 19 K. Interaksi Manusia Komputer... 21 L. APACHE... 23 M. PHP... 24 N. MySQL... 24 O. HTML... 24 P. CSS... 25 Q. JavaScript... 25 R. Dreamweaver...26 S. Content Management System... 26 Bab III REKAYASA SISTEM,ANALISIS DAN PERANCANGAN... 27 A. Tahap Rekayasa Sistem... 27 B. Tahap Analisis... 30 1. Kebutuhan Fungsional... 32 2. Kebutuhan Non Fungsional... 33 C. Tahap Design...35 1. Event List untuk Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 35 2. Data Flow Diagram Sistem Informasi Berita dan ix
Informasi Kelapa Gading Berbasis Web...37 3. Normalisasi... 47 4. Entity Relationship Diagram Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 62 5. Kamus Data... 63 6. Rancangan Layar... 68 Bab IV PENULISAN PROGRAM DAN PENGUJIAN.. 74 A. Tahap Penulisan Program (Kode). 74 1. Spesifikasi Software.. 74 2. Spesifikasi Hardware. 74 3. Database. 74 4. Web Server.75 B. Tahap Pengujian 75 1. Kebutuhan User. 75 2. Testing sistem dalam skenario positif 76 3. Testing sistem dalam skenario negatif... 81 Bab V KESIMPULAN DAN SARAN... 89 A. Kesimpulan... 89 B. Saran... 89 Daftar Pustaka... 90 Lampiran Penulisan Program... 91 Lampiran Tampilan Gambar Pengujian... 111 Lampiran Tabloid Star Gading... 125 Lembar Pertanyaan Wawancara... 126 x
DAFTAR TABEL Tabel Halaman Tabel 3.1 Analisis PIECES dengan pembanding Tabloid Star Gading... 27 Tabel 3.2 Analisis PIECES dengan pembanding situs web http://www.kelapagading.ning.com... 29 Tabel 3.3 Hasil Pengolahan Data Wawancara... 30 Tabel 3.4 Tabel Infoanda tidak normal... 47 Tabel 3.5 Tabel Infoanda Hasil 1 NF... 48 Tabel 3.6 Tabel Infoanda Hasil 2 NF... 49 Tabel 3.7 Tabel Infoanda Hasil 3 NF... 50 Tabel 3.8 Tabel Konfigurasi tidak normal... 51 Tabel 3.9 Tabel Konfigurasi Hasil 1 NF... 52 Tabel 3.10 Tabel Konfigurasi Hasil 3 NF... 53 Tabel 3.11 Tabel Polling tidak normal... 53 Tabel 3.12 Tabel Polling Hasil 1 NF... 54 Tabel 3.13 Tabel Polling Hasil 3 NF... 55 Tabel 3.14 Tabel Berita tidak normal... 55 Tabel 3.15 Tabel Berita Hasil 1 NF... 56 Tabel 3.16 Tabel Berita Hasil 3 NF... 58 Tabel 3.17 Tabel Film tidak normal... 59 Tabel 3.18 Tabel Film Hasil 1 NF... 60 Tabel 3.19 Tabel Film Hasil 3 NF... 61 Tabel 3.20 Struktur Data Admin... 63 xi
Tabel 3.21 Struktur Data Polling... 63 Tabel 3.22 Struktur Data Konfigurasi... 64 Tabel 3.23 Struktur Data Infoanda... 65 Tabel 3.24 Struktur Data Pengunjung... 66 Tabel 3.25 Struktur Data Berita... 66 Tabel 3.26 Struktur Data Film... 67 Tabel 4.1 Pengujian fungsi masukan login administrator skenario positif... 76 Tabel 4.2 Pengujian fungsi masukan polling skenario positif... 77 Tabel 4.3 Pengujian fungsi tambah user admin skenario positif... 78 Tabel 4.4 Pengujian fungsi masukan informasi skenario positif... 79 Tabel 4.5 Pengujian fungsi masukan login wartawan skenario positif... 80 Tabel 4.6 Pengujian fungsi masukan berita skenario positif... 80 Tabel 4.7 Pengujian fungsi masukan informasi film skenario positif... 81 Tabel 4.8 Pengujian fungsi masukan login administrator skenario negatif... 82 Tabel 4.9 Pengujian fungsi masukan polling skenario negatif... 83 Tabel 4.10 Pengujian fungsi tambah user admin skenario negatif... 84 Tabel 4.11 Pengujian fungsi masukan informasi skenario negatif... 85 Tabel 4.12 Pengujian fungsi masukan login wartawan skenario negatif... 86 Tabel 4.13 Pengujian fungsi masukan berita skenario negatif... 87 Tabel 4.14 Pengujian fungsi masukan informasi film skenario negatif... 88 xii
DAFTAR GAMBAR Gambar Halaman Gambar 2.1 Waterfall Model... 11 Gambar 2.2 Notasi Process... 13 Gambar 2.3 Notasi Data Flow... 14 Gambar 2.4 Notasi External Agent... 14 Gambar 2.5 Notasi Data Store... 15 Gambar 2.6 Contoh Diagram Konteks... 15 Gambar 2.7 Contoh Diagram Zero... 15 Gambar 2.8 Notasi Entity... 16 Gambar 2.9 Notasi Asosiatif Entity... 16 Gambar 2.10 Notasi Cardinality... 18 Gambar 2.11 Contoh Entity Relationship Diagram... 18 Gambar 2.12 Normalisasi... 19 Gambar 3.1 Diagram Konteks Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 37 Gambar 3.2 Diagram Zero Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 40 Gambar 3.3 Diagram Rinci Proses 3 Melakukan Polling Level 1 Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 44 Gambar 3.4 Diagram Rinci Proses 5 Penginformasian Level 1 Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 45 xiii
Gambar 3.5 Entity Relationship Diagram Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web... 62 Gambar 3.6 Rancangan Home... 68 Gambar 3.7 Rancangan Login Admin... 69 Gambar 3.8 Rancangan Menu Administrator... 69 Gambar 3.9 Rancangan Input Polling... 70 Gambar 3.10 Rancangan Add User Admin... 70 Gambar 3.11 Rancangan Ubah Konfigurasi Sistem... 71 Gambar 3.12 Rancangan Konfirmasi Informasi Anda... 71 Gambar 3.13 Rancangan Menu Wartawan... 72 Gambar 3.14 Rancangan Input Berita... 72 Gambar 3.15 Rancangan Input Informasi Film... 73 Gambar 3.16 Rancangan Input Informasi Anda... 73 Gambar 4.1 Tampilan masukan login administrator skenario positif... 111 Gambar 4.2 Tampilan masukan polling skenario positif... 112 Gambar 4.3 Tampilan tambah user admin skenario positif... 113 Gambar 4.4 Tampilan masukan informasi skenario positif... 114 Gambar 4.5 Tampilan masukan login wartawan skenario positif... 115 Gambar 4.6 Tampilan masukan berita skenario positif... 116 Gambar 4.7 Tampilan masukan informasi film skenario positif... 117 Gambar 4.8 Tampilan masukan login administrator skenario negatif... 118 Gambar 4.9 Tampilan masukan polling skenario negatif... 119 Gambar 4.10 Tampilan tambah user admin skenario negatif... 120 Gambar 4.11 Tampilan masukan informasi skenario negatif... 121 Gambar 4.12 Tampilan masukan login wartawan skenario negatif... 122 xiv
Gambar 4.13 Tampilan masukan berita skenario negatif...123 Gambar 4.14 Tampilan masukan informasi film skenario negatif...124 xv