Perancangan Website Berita Indonesia Hari Ini Diajukan kepada Fakultas Teknologi Informasi Untuk memperoleh Gelar Ahli Madya Komputer Oleh: Dedy Kurniawan 5620010020 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2013
Perancangan Website Berita Indonesia Hari Ini Laporan Tugas Akhir Oleh: Dedy Kurniawan 5620010020 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2013 i
ii
iii
iv
KATA PENGANTAR Segala puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan rahmat dan anugrah yang dilimpahkannya kepada penulis, berkat dan bimbingannya itulah sehingga penulis dapat menyelesaikan Laporan Tugas Akhir ini. Penulisan Laporan Tugas Akhir ini dimaksudkan untuk memenuhi sebagai syarat dalam meraih gelar sarjana Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis menyadari bahwa dalam penyusun Laporan Tugas Akhir ini bukanlah jerih payah sendiri, melainkan bimbingan dari berbagai pihak, oleh karena itu pada kesempatan ini, penulis mengucapkan banyak terimakasih kepada yang terhormat : 1. Bapak Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 2. Bapak Budhi Kristianto, S.Kom, M.Sc sebagai ketua Program diploma teknik informatika, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana dan telah meluangkan waktunya untuk memberikan bimbingan dalam penyusunan tugas akhir ini. 3. Orang tua dan keluarga tercinta, yang telah memberikan dukungan moril maupun materil kepada v
penulis untuk selalu berusaha mencapai hasil yang terbaik. 4. Semua teman teman D3 Teknik Informatika 2010 yang telah memberikan doa semangat, serta kebersamaannya selama ini. 5. Serta Semua pihak yang tidak dapat penulis sebutkan satu persatu. Salatiga, 26 Juli 2013 Dedy Kurniawan vi
DAFTAR ISI Judul... i Lembar Pengesahan... ii Lembar Pernyataan Bebas Plagiasi... iii Lembar Pernyataan Persetujuan Publikasi... iv Kata Pengantar... v Daftar isi... vii Daftar Gambar... ix Bab I. Pendahuluan... 1 1.1. Latar belakang... 1 1.2. Tujuan... 3 1.2.1. Tujuan Umum... 3 1.2.2. Tujuan Khusus... 3 1.3. Rumusan Masalah... 3 1.4. Batasaan Masalah... 4 1.5. Metodologi... 4 Bab II. Tinjauan Pustaka... 7 2.1. Penelitian Terdahulu... 7 2.2. Landasan Teori... 8 2.2.1 Pengertian Website... 8 2.2.2 Pengertian Berita... 9 2.2.3 Pengertian Informasi... 10 Bab III. Perancangan Sistem... 11 3.1. Ruang Lingkup Website... 11 vii
3.2. Konsep Perancangan Website... 13 3.2.1. Gambaran Umum... 13 3.2.2. Penggunaan Website... 14 3.3. Pemodelan Data... 15 3.4. Rancangan Data Aliran Website... 18 3.5. Flowchart Proses Website Informasi berita... 26 3.6. Lembar Kerja Tampilan... 31 Bab IV. Hasil dan analisis... 47 4.1. Hasil Karya / Implementasi... 47 4.1.1. Tampilan Website Berita Indonesia Hari Ini untuk admin... 47 4.1.2. Tampilan Website Berita Indonesia Hari Ini untuk user member... 51 4.1.3. Tampilan Website Berita Indonesia Hari Ini untuk non member... 56 4.2. Hasil Pengujian... 59 4.3. Analisis... 60 Bab V. Penutup... 61 5.1. Kesimpulan... 61 5.2. Saran... 61 Daftar Pustaka... 62 Lampiran... 63 viii
DAFTAR GAMBAR Gamabar 3.1 Diagram Perancangan Website... 13 Table 3.1 Hak Akses dan kebutuhan website... 14 Gambar 3.2 Relationship model diagram... 15 Gambar 3.3 Tabel admin database beritaindonesia... 16 Gambar 3.4 Tabel isi_berita database beritaindonesia... 16 Gambar 3.5 Tabel isi_koment database beritaindonesia... 17 Gambar 3.6 Tabel user database beritaindonesia... 17 Gambar 3.7 Data Flow Diagram admin memasukan berita baru... 19 Gambar 3.8 Data Flow Diagram admin melakukan perubahan data berita... 20 Gambar 3.9 Data Flow Diagram admin melakukan penghapusan berita... 21 Gambar 3.10 Data Flow Diagram admin melakukan penghapusan berita... 22 Gambar 3.11 Data Flow Diagram proses melihat berita yang dipilih... 23 Gambar 3.12 Data Flow Diagram proses pendaftaran/registrasi user baru... 24 Gambar 3.13 Data Flow Diagram pemberian komentar suatu berita... 25 Gambar 3.14 Flowchart proses pemilihan berita dan pemilihan proses trading penguna... 26 ix
Gambar 3.15 Flowchart manipulasi data yang dilakukan admin... 27 Gambar 3.16 Flowchart proses melihat berita dan memberi komentar... 28 Gambar 3.17 Flowchart membuat user baru dan mengakhiri semua proses dari Flowchart... 29 Gambar 3.18 LKT Form login admin... 32 Gambar 3.19 LKT Site tampilan beranda admin... 33 Gambar 3.20 LKT list daftar berita input, ubah dan hapus berita... 34 Gambar 3.21 LKT detail dari berita... 35 Gambar 3.22 LKT form input dan ubah berita... 36 Gambar 3.23 LKT form input dan ubah berita... 37 Gambar 3.24 LKT masuk user... 38 Gambar 3.25 LKT site beranda user... 39 Gambar 3.26 LKT daftar berita berdasar tiap kategori... 40 Gambar 3.27 LKT lihat berita dan memberikan komentar... 41 Gambar 3.28 LKT profil user... 42 Gambar 3.29 LKT index dan user non member... 43 Gambar 3.30 LKT daftar berita berdasar tiap kategori... 44 Gambar 3.31 LKT lihat berita yang dipilih secara detail... 45 Gambar 3.32 LKT registrasi member baru... 46 Gambar 4.1 Tampilan login admin... 47 Gambar 4.2 Status admin... 48 x
Gambar 4.3 Tampilan beranda Admin... 48 Gambar 4.4 Tampilan daftar berita berdasar kategori... 49 Gambar 4.5 Memasukan berita baru... 49 Gambar 4.6 Merubah data pada berita... 50 Gambar 4.7 Tampilan admin dapat melihat data user... 51 Gambar 4.8 Tampilan Login user... 52 Gambar 4.9 Status user... 52 Gambar 4.10 Tampilan beranda user... 52 Gambar 4.11 Tampilan berita tiap kategori user... 53 Gambar 4.12 Memberikan Komentar pada berita... 54 Gambar 4.13 Menampilkan komentar berita... 55 Gambar 4.14 Melihat data dalam profil... 55 Gambar 4.15 Website halaman awal Informasi berita Indonesia Hari Ini... 56 Gambar 4.16 Tampilan daftar berita tiap kategori berita... 57 Gambar 4.17 Melihat detai berita secara penuh... 58 Gambar 4.18 Melakukan pendaftaran member baru... 59 xi
1