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

ii

KATA PENGANTAR

Assalamu’alaikum 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.

iii

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.

Wassalamu’alaikum Wr. Wb.

Surakarta, Juni 2015

iv

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.

v

DAFTAR ISIHALAMAN 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

vi

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

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

vii

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

viii

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

ix