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
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 Ir. Sriyono, MMSI Penguji Pertama Penguji Kedua
STMIK
JIBES
Sekolah Tinggi Manajemen Informatika dan Komputer JIBES
Jakarta
Februari, 2010
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.
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.
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
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
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
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
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
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.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
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
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.13 Tampilan masukan berita skenario negatif...123 Gambar 4.14 Tampilan masukan informasi film skenario negatif...124
