Analisa dan Perancangan Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web

Transkripsi

1 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: STMIK JIBES Sekolah Tinggi Manajemen Informatika dan Komputer JIBES Jakarta Februari, 2010

2 LEMBAR PENGESAHAN Analisa dan Perancangan Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Diajukan Oleh: Ferry NIM: 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

3 ABSTRAK Ferry / / 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

4 ABSTRACT Ferry / / 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

5 LEMBAR PERSEMBAHAN v

6 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

7 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

8 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

9 D. Pengertian Informasi dan Berita... 7 E. Pengertian Database... 9 F. Pengertian DBMS... 9 G. Rekayasa Perangkat Lunak H. Data Flow Diagram I. Entity Relationship Diagram J. Normalisasi K. Interaksi Manusia Komputer L. APACHE M. PHP N. MySQL O. HTML P. CSS Q. JavaScript R. Dreamweaver...26 S. Content Management System Bab III REKAYASA SISTEM,ANALISIS DAN PERANCANGAN A. Tahap Rekayasa Sistem B. Tahap Analisis Kebutuhan Fungsional Kebutuhan Non Fungsional C. Tahap Design Event List untuk Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Data Flow Diagram Sistem Informasi Berita dan ix

10 Informasi Kelapa Gading Berbasis Web Normalisasi Entity Relationship Diagram Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Kamus Data Rancangan Layar Bab IV PENULISAN PROGRAM DAN PENGUJIAN.. 74 A. Tahap Penulisan Program (Kode) Spesifikasi Software Spesifikasi Hardware Database Web Server.75 B. Tahap Pengujian Kebutuhan User Testing sistem dalam skenario positif Testing sistem dalam skenario negatif Bab V KESIMPULAN DAN SARAN A. Kesimpulan B. Saran Daftar Pustaka Lampiran Penulisan Program Lampiran Tampilan Gambar Pengujian Lampiran Tabloid Star Gading Lembar Pertanyaan Wawancara x

11 DAFTAR TABEL Tabel Halaman Tabel 3.1 Analisis PIECES dengan pembanding Tabloid Star Gading Tabel 3.2 Analisis PIECES dengan pembanding situs web 29 Tabel 3.3 Hasil Pengolahan Data Wawancara Tabel 3.4 Tabel Infoanda tidak normal Tabel 3.5 Tabel Infoanda Hasil 1 NF Tabel 3.6 Tabel Infoanda Hasil 2 NF Tabel 3.7 Tabel Infoanda Hasil 3 NF Tabel 3.8 Tabel Konfigurasi tidak normal Tabel 3.9 Tabel Konfigurasi Hasil 1 NF Tabel 3.10 Tabel Konfigurasi Hasil 3 NF Tabel 3.11 Tabel Polling tidak normal Tabel 3.12 Tabel Polling Hasil 1 NF Tabel 3.13 Tabel Polling Hasil 3 NF Tabel 3.14 Tabel Berita tidak normal Tabel 3.15 Tabel Berita Hasil 1 NF Tabel 3.16 Tabel Berita Hasil 3 NF Tabel 3.17 Tabel Film tidak normal Tabel 3.18 Tabel Film Hasil 1 NF Tabel 3.19 Tabel Film Hasil 3 NF Tabel 3.20 Struktur Data Admin xi

12 Tabel 3.21 Struktur Data Polling Tabel 3.22 Struktur Data Konfigurasi Tabel 3.23 Struktur Data Infoanda Tabel 3.24 Struktur Data Pengunjung Tabel 3.25 Struktur Data Berita Tabel 3.26 Struktur Data Film Tabel 4.1 Pengujian fungsi masukan login administrator skenario positif Tabel 4.2 Pengujian fungsi masukan polling skenario positif Tabel 4.3 Pengujian fungsi tambah user admin skenario positif Tabel 4.4 Pengujian fungsi masukan informasi skenario positif Tabel 4.5 Pengujian fungsi masukan login wartawan skenario positif Tabel 4.6 Pengujian fungsi masukan berita skenario positif Tabel 4.7 Pengujian fungsi masukan informasi film skenario positif Tabel 4.8 Pengujian fungsi masukan login administrator skenario negatif Tabel 4.9 Pengujian fungsi masukan polling skenario negatif Tabel 4.10 Pengujian fungsi tambah user admin skenario negatif Tabel 4.11 Pengujian fungsi masukan informasi skenario negatif Tabel 4.12 Pengujian fungsi masukan login wartawan skenario negatif Tabel 4.13 Pengujian fungsi masukan berita skenario negatif Tabel 4.14 Pengujian fungsi masukan informasi film skenario negatif xii

13 DAFTAR GAMBAR Gambar Halaman Gambar 2.1 Waterfall Model Gambar 2.2 Notasi Process Gambar 2.3 Notasi Data Flow Gambar 2.4 Notasi External Agent Gambar 2.5 Notasi Data Store Gambar 2.6 Contoh Diagram Konteks Gambar 2.7 Contoh Diagram Zero Gambar 2.8 Notasi Entity Gambar 2.9 Notasi Asosiatif Entity Gambar 2.10 Notasi Cardinality Gambar 2.11 Contoh Entity Relationship Diagram Gambar 2.12 Normalisasi Gambar 3.1 Diagram Konteks Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Gambar 3.2 Diagram Zero Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Gambar 3.3 Diagram Rinci Proses 3 Melakukan Polling Level 1 Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Gambar 3.4 Diagram Rinci Proses 5 Penginformasian Level 1 Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web xiii

14 Gambar 3.5 Entity Relationship Diagram Sistem Informasi Berita dan Informasi Kelapa Gading Berbasis Web Gambar 3.6 Rancangan Home Gambar 3.7 Rancangan Login Admin Gambar 3.8 Rancangan Menu Administrator Gambar 3.9 Rancangan Input Polling Gambar 3.10 Rancangan Add User Admin Gambar 3.11 Rancangan Ubah Konfigurasi Sistem Gambar 3.12 Rancangan Konfirmasi Informasi Anda Gambar 3.13 Rancangan Menu Wartawan Gambar 3.14 Rancangan Input Berita Gambar 3.15 Rancangan Input Informasi Film Gambar 3.16 Rancangan Input Informasi Anda Gambar 4.1 Tampilan masukan login administrator skenario positif Gambar 4.2 Tampilan masukan polling skenario positif Gambar 4.3 Tampilan tambah user admin skenario positif Gambar 4.4 Tampilan masukan informasi skenario positif Gambar 4.5 Tampilan masukan login wartawan skenario positif Gambar 4.6 Tampilan masukan berita skenario positif Gambar 4.7 Tampilan masukan informasi film skenario positif Gambar 4.8 Tampilan masukan login administrator skenario negatif Gambar 4.9 Tampilan masukan polling skenario negatif Gambar 4.10 Tampilan tambah user admin skenario negatif Gambar 4.11 Tampilan masukan informasi skenario negatif Gambar 4.12 Tampilan masukan login wartawan skenario negatif xiv

15 Gambar 4.13 Tampilan masukan berita skenario negatif Gambar 4.14 Tampilan masukan informasi film skenario negatif xv