HALAMAN PENGESAHAN

Laporan Praktek Kerja Nyata dengan judul

Pembangunan Portal Web Berita Tim Penggerak Pemberdayaan dan
Kesejahteraan Keluarga Kabupaten Wonogiri
Disusun Oleh :
Rizki Catur Putra

(L200120125)

Prisma Arya Pandhega

(L200120127)

Dilaksanakan pada tanggal 1 April s/d 7 Mei 2015, telah diperiksa, disetujui dan
disahkan pada :
Hari

Tanggal

:
Dosen Pembimbing

Pembimbing Lapangan

Yusuf Sulistyo Nugroho, S.T., M.Eng.

Sari Asmayani, S.Kom, M.M.

NIK. 1197

NIP. 19820924 200903 2 003

Mengetahui,
Ketua Program Studi
Teknik Informatika UMS

Heru Supriyono, M.Sc., PhD

NIK. 970

KATA PENGANTAR
Assalamualaikum Wr. Wb.
Segala puji dan syukur Kami panjatkan kehadirat Tuhan Yang Maha Esa,
yang telah melimpahkan segala rahmad serta hidayah-Nya, sehingga kami dapat
menyelesaikan Kerja Praktek Nyata dan pembuatan laporan Kerja Praktek dengan
judul Pembuatan Portal Web Berita Tim Penggerak Pemberdayaan dan
Kesejahteraan Keluarga Kabupaten Wonogiri.
Laporan Kerja Praktek Nyata ini merupakan bentuk pertanggung-jawaban
penulis atas segala kegiatan yang dilakukan dalam rangka pelaksanaan Kerja
Praktek Nyata dan sebagai salah satu syarat pendukung dalam kelulusan seorang
Sarjana Komputer Teknik Informatika Universitas Muhammadiyah Surakarta.
Dalam

pelaksanaan dan pembuatan laporan, Kami menyadari bahwa

penulisan laporan Kerja Praktek Nyata ini tidak akan terwujud tanpa adanya
bantuan dari pihak lain baik secara langsung maupun tidak langsung. Oleh karena
itu melalui tulisan ini kami ingin menyampaikan rasa hormat dan menghaturkan
terima kasih kepada :
1. Bapak Husni Thamrin, S.T., M.T., Ph.D. selaku Dekan Fakultas
Komunikasi dan Informatika Universitas Muhammadiyah Surakarta.
2. Bapak Dr. Heru Supriyono, M.Sc selaku Ketua Program Studi Teknik
Informatika Universitas Muhammadiyah Surakarta.
3. Bapak Yusuf Sulistyo Nugroho, S.T., M.Eng. selaku Biro KP dan Dosen
pembimbing Praktek Kerja Nyata.
4. Bapak Dwi Saputra, S.Sos., M.Si. selaku Kepala Bidang Komunikasi
dan Informatika Dishubkominfo Kabupaten Wonogiri yang telah
mengijinkan kami untuk melaksanakan Kerja Praktek Nyata.
5. Ibu Sari Asmayani, S.Kom, M.M. selaku Pembimbing Lapangan di
Kominfo Kabupaten Wonogiri.
6. Staf dan pegawai Kominfo Kabupaten Wonogiri atas segala bantuan
dan kerjasamanya.

7. Sahabat-sahabat dekat yang telah memberi masukan dan bantuan baik

moral maupun material.
8. Teman-teman satu kelompok bimbingan yang telah memberikan suport
dan bantuannya serta kekompakannya.
9. Semua pihak yang telah memberikan dukungan kepada kami yang tidak
bisa kami sebutkan satu persatu.
Kami menyadari bahwa dalam pelaksanaan dan penyelesaian laporan
Praktek Kerja Nyata ini masih jauh dari sempurna. Oleh karena itu saran dan
kritik yang menuju kearah perbaikan sangat kami harapkan.
Akhir kata semoga Praktek Kerja Nyata ini dapat memberikan manfaat dan
menunjang perkembangan ilmu pengetahuan dan teknologi pada umumnya dan
bagi rekan-rekan mahasiswa Teknik Informatika Universitas Muhammadiyah
Surakarta pada khususnya.
Wassalamualaikum Wr. Wb.

Surakarta,

Juni 2015

ABSTRAK
Dinas Perhubungan Komunikasi dan Informasi sesuai kewenangannya
melaksanakan urusan Perhubungan dan Urusan Komunikasi dan Informasi yang
mana urusan Perhubungan pada SOTK sebelumnya masuk dalam Tupoksi Dinas
Perhubungan, Pariwisata dan Seni Budaya, sedangkan Urusan Komunikasi dan
Informasi merupakan tugas-tugas dari Kantor Pengolahan Data Elektronk dan
sebagian tupoksi Bagian Humas Setda Kabupaten Wonogiri. Dengan demikian
maka secara hierarki kepusat Dinas Perhubungan, Komunikasi dan Informasi
dibawah 2 (dua) Departmen yakni Departmen Perhubungan dan Departmen
Komunikasi dan Informatika, sesuai Peraturan Pemerintah Nomor 38 Tahun
2007 tentang Pembagian urusan Pemerintah antara Pemerintah Pusat,
Pemerintah Daerah Provinsi dan Pemerintah Daerah Kabupaten/Kota yang telah
ditindak lanjuti dengan ditetapkannya Peraturan Daerah Kabupaten Wonogiri
Nomor 9 Tahun 2008 tentang urusan Pemerintahan yang menjadi Kewenangan
Pemerintah Kabupaten - Kabupaten Wonogiri. Dimana Dinas Komunikasi dan
Informatika (KOMINFO) Kabupaten Wonogiri memiliki peran dan fungsi dalam
mensosialisasikan program kegiatan dan informasi lainnya secara cepat
sangatlah diperlukan. Salah satu langkah ialah membangun suatu portal web
berita.
Pembangunan Portal Web Berita Tim Penggerak PKK Kabupaten
Wonogiri dan Kelompok Informasi Masyarakat Desa Sidodadi dimulai dengan
wawancara dengan pimpinan Kepala Bagian kemudian dilanjutkan dengan
analisa kebutuhan sistem. Tahap selajutnya yaitu dengan tahap perancangan
desain website dan isi kontent website tersebut. Dalam mengerjakan website ini
penulis melakukan desai website dengan CSS dan HTML serta menggukan PHP
dan MYSQL untuk mengelola data.
Hasil dari Praktek Kerja Nyata ini adalah website yang dapat
memberikan informasi kepada masyarakat di Kabupaten Wongiri tentang
kegiatan yang dilaksanakan oleh Tim Penggerak PKK Kabupaten Wonogiri.

DAFTAR ISI
HALAMAN JUDUL........................................................................................ i
HALAMAN PENGESAHAN.......................................................................... ii
KATA PENGANTAR....................................................................................... iii
ABSTRAK........................................................................................................ v
DAFTAR ISI..................................................................................................... vi
DAFTAR TABEL............................................................................................. viii
DAFTAR GAMBAR........................................................................................ ix
BAB I PENDAHULUAN................................................................................. 1
1.1 Latar Belakang.................................................................................... 1
1.2 Materi Kerja Praktek.......................................................................... 2
1.3 Manfaat............................................................................................... 2
1.4 Sistematika Penulisan......................................................................... 3
BAB II PROFIL INSTANSI TEMPAT KERJA............................................... 4
2.1 Gambaran Instansi.............................................................................. 4
2.2 Visi dan Misi....................................................................................... 6
2.2.1 Visi Kominfo Wonogiri............................................................ 6
2.2.2 Misi Kominfo Wonogiri........................................................... 6
2.2.2 Struktur Organisasi................................................................... 7
BAB III METODOLOGI.................................................................................. 8
3.1 Metode Penelitian............................................................................... 8
3.1.1 Pengumpulan Data.................................................................... 8
3.1.2 Pengembangan Perangkat Lunak.............................................. 8
BAB IV HASIL DAN PEMBAHASAN.......................................................... 12
4.1 Deskripsi dan Analisis Data................................................................ 12
4.2 Analisis Kebutuhan Sistem................................................................. 12
4.3 Perancangan Sistem............................................................................ 13
4.3.1 Actor......................................................................................... 13
4.3.2 Software Requipment Spesification (SRS)............................... 14
4.3.3 Use Case Diagram.................................................................... 15
6

4.3.4 Activity Diagram...................................................................... 16

4.4 Analisis Rancangan Basis Data.......................................................... 22
4.4.1 Entity Relation Diagram........................................................... 22
4.4.2 Skema Diagram........................................................................ 23
4.4.3 Data Dictionary......................................................................... 23
4.5 Perancangan antarmuka (User Interface)............................................ 26
4.6 Implementasi Sistem........................................................................... 28
BAB V PENUTUP........................................................................................... 31
5.1 Kesimpulan......................................................................................... 31
5.2 Saran................................................................................................... 31
DAFTAR PUSTAKA........................................................................................ 32
LAMPIRAN..................................................................................................... 33
1

Pembuatan website KIM Sidodadi..................................................... 33

Dokumentasi kegiatan Kuliah Praktek............................................... 34

DAFTAR TABEL
Tabel 4.1 Software Requipment Spesification Fungsional............................... 14
Tabel 4.2 Software Requipment Spesification Non FungsIonal....................... 14
Tabel 4.3 Tabel Admin...................................................................................... 25
Tabel 4.4 Tabel Kategori................................................................................... 26
Tabel 4.5 Tabel Agenda..................................................................................... 26
Tabel 4.6 Tabel Berita....................................................................................... 27
Tabel 4.7 Tabel Profil........................................................................................ 27
Tabel 4.8 Tabel Buku tamu............................................................................... 28

DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi....................................................................... 7
Gambar 4.1 Use Case Diagram Admin............................................................. 15
Gambar 4.2 Use Case Diagram Pengunjung.................................................... 15
Gambar 4.3 Activity Diagram Admin Login.................................................... 16
Gambar 4.4 Activity Diagram Menambah Berita............................................. 16
Gambar 4.5 Activity Diagram Menghapus Berita............................................ 17
Gambar 4.6 Activity Diagram Mengedit Berita............................................... 17
Gambar 4.7 Activity Diagram Menambah Agenda.......................................... 18
Gambar 4.8 Activity Diagram Menghapus Agenda.......................................... 18
Gambar 4.9 Activity Diagram Mengedit Agenda............................................. 19
Gambar 4.10 Activity Diagram Mengedit Profil.............................................. 20
Gambar 4.11 Activity Diagram Melihat Berita................................................. 20
Gambar 4.12 Activity Diagram Melihat Agenda.............................................. 21
Gambar 4.13 Activity Diagram Melihat profil................................................. 21
Gambar 4.14 Activity Diagram Memasukkan komentar.................................. 22
Gambar 4.15 Entity Relation Diagram............................................................. 22
Gambar 4.16 Skema Diagram........................................................................... 23
Gambar 4.17 Desain Antar Muka Halaman Utama.......................................... 26
Gambar 4.18 Antar Muka Halaman Admin...................................................... 27
Gambar 4.19 Antar Muka Halaman Admin pada Menu Berita dan Agenda.... 27
Gambar 4.20 Antar Muka Halaman Admin pada Menu Profil......................... 28
Gambar 4.21 Implementasi Halaman Utama Pengunjung............................... 28
Gambar 4.22 Implementasi Halaman Utama Admin........................................ 29
Gambar 4.23 Implementasi Halaman Berita.................................................... 39
Gambar 4.24 Implementasi Halaman Profil..................................................... 30
Gambar 4.25 Implementasi Halaman Agenda.................................................. 30