Institutional Repository | Satya Wacana Christian University: Perancangan Website Berita“Indonesia Hari Ini”
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
“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