PENGEMBANGAN WEB TEMPLATE UNTUK KECAMATAN Skripsi
PENGEMBANGAN WEB TEMPLATE
UNTUK KECAMATAN
Skripsi
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains
Program Studi Ilmu Komputer Oleh :
Florentina Evy Kurniawati NIM : 023124043
PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA
PENGEMBANGAN WEB TEMPLATE
UNTUK KECAMATAN
Skripsi
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains
Program Studi Ilmu Komputer Oleh :
Florentina Evy Kurniawati NIM : 023124043
PROGRAM STUDI ILMU KOMPUTER
JURUSAN MATEMATIKA FAKULTAS MIPA
HALAMAN PERSEMBAHAN Ambilah waktu untuk berpikir, Itulah sumber kekuatan. Ambilah waktu untuk bermain, Itulah rahasia tetap muda. Ambilah waktu untuk mambaca, Itulah sumber hikmat
Ambilah waktu untuk berteman Itulah jalan menuju kebahagiaan
Ambilah waktu untuk berdiam Itulah kesempatan untuk mencari Allah
Ambilah waktu untuk mencintai dan dicintai Itulah anugerah Allah yang besar
Ambilah waktu untuk tertawa Itulah musik jiwa
Ambilah waktu untuk berdoa Itulah kekuatan terbesar di permukaan bumi ini
Skripsi ini kupersembahkan untuk : Tuhan Yesus Terima kasih untuk semua yang terjadi atas diriku Kedua orang tuaku
PERNYATAAN KEASLIAN KARYA
Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya/bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, 31 Juli 2007 Penulis
Florentina Evy Kurniawati
ABSTRAK
Minimnya informasi tentang kecamatan yang disisipkan dalam sejumlah
website kabupaten membuat potensi kecamatan tidak terpublikasi secara luas.
Pengembangan web template untuk kecamatan melalui skripsi ini, diharapkan akan mengatasi persoalan di atas, sehingga kecamatan bisa mempublikasikan diri di internet dengan cepat dan mudah.
Pengembangan web template ini menggunakan metodologi waterfall, yang tahap – tahapnya meliputi analysis, design, coding, testing dan maintenance. Penulis mengembangkan sistem sampai pada tahap testing. Hasil implementasi berupa sebuah sistem yang terdiri dari 3 subsistem, yaitu website penyedia web
template dan hosting, web template member dan website member. Implementasi
menggunakan HTML, CSS, Java Script, PHP, MySQL, dan web server Apache.Berdasarkan angket yang disebarkan ke 30 responden, disimpulkan bahwa sistem ini bermanfaat bagi kecamatan, terutama untuk promosi dan penyebaran informasi kepada masyarakat luas yang membutuhkan. Sistem ini juga mudah digunakan dan cukup memberikan fasilitas yang dibutuhkan dalam sebuah website kecamatan.
ABSTRACT
The lack of information about disrict in some region’s website makes the districts’s potencies could not be published widely. The development of districts web template through this thesis, hopefully could overcome the problem, so that any district could publish its information quickly and easily through the internet.
The development of the web template uses waterfall methodology. The steps include analysis, design, coding, testing, and maintenance. The system consists of 3 sub-system, those are : the website of web template and hosting provider, the web template for members and the website for members. The implemented using HTML, CSS, Java Script, PHP, MySQL, and Apache web server.
Based on the questioners which have been distributed to 30 respondents, it can be concluded that this system is usefull for districts, especially for promotion and information dissemination for the society. This system could used easily. It also provides enough facilities needed for a district website.
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan segala karunia-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul “Pengembangan Web Template Untuk Kecamatan”.
Dalam kesempatan ini, penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada semua pihak yang turut memberikan dukungan, semangat dan bantuan hingga selesainya skripsi ini :
1. Ibu A. Rita Widiarti,S.Si, M.Kom selaku dosen pembimbing atas kesabaran, bimbingan, waktu dan saran yang diberikan.
2. Ibu P. H Prima Rosa, S.Si, M.Sc selaku Kaprodi, atas bimbingan dan waktu yang diberikan.
3. Bapak Iwan Binanto, S.Si sebagai dosen penguji atas saran dan kritikan yang diberikan.
4. Bapak St. Eko Hari Parmadi, S.Si, M.Kom sebagai dosen penguji atas saran dan kritikan yang diberikan.
5. Staff kecamatan Bapak Y. Ari Gotama dan Ibu Tutik Handayani atas waktu yang diberikan untuk wawancara, menguji sistem serta mengisi kuisioner.
6. Laboran Laboratorium Komputer atas bantuannya selama penulis demo program kepada dosen pembimbing.
7. Kedua orang tuaku, FX. Joko Susilo dan Agustin Sri Sulandari, kedua adikku Stevanus Cahya Hanggara Putra dan Henrica Briana Lukita atas dukungan dan semangat yang diberikan.
8. Komputerku tercinta, makasih dah nemenin aku dalam suka dan duka.
Printerku yang dulu dah nyaris ‘RIP’, makasih dirimu mau tak paksa kerja keras bwat nge-print hampir 200 halaman jam 4 pagi, he..he…
9. My Room, kamu saksi perjuanganku selama ini……
11. Adek baruku yang telah berhasil aku rebut dari kakaknya ☺, Angela Ami Asmarani. Terima kasih atas diskusi – diskusi tentang segala hal, dari web sampai masalah hidup ☺ yang bikin tertawa sampai nangis
12. Teman - teman terbaek, Pipit, Lilis, Elva, akhirnya kita mengakhiri juga perjuangan dalam menyelesaikan skripsi, saatnya menyusun masa depan ☺.
Deta, makasih atas bantuannya selama ini, pinjaman motor n mau denger keluh kesahku. Eli, makasih atas waktu untuk mendengarkan curhat penulis n nemenin penulis jalan-jalan. Sigit ‘Pman’ thanks atas terjemahan abstraknya n mo dengerin saat diriq curhat, cayo Bro, selesaikan skripsimu…..
13. Teman – teman ikom’02, anak-anak bimbingan Bu Rita, Esti, Lusi, Agnes Noven, Ikok, akhirnya kita lulus juga he..he… Uus, Marto, Oscar, Pritty thanks atas semangatnya. Agus, thanks atas bantuannya saat diriq ujian. Dora, Sari, Tiwie, Wida, Novia, Sisil, Kris, Hari, Tina, Ocha, Imeth, dan temen – temen ikom’02 lainnya yang tidak dapat penulis tuliskan satu demi satu, makasih ya dah ngasih semangat. 14. ‘Mad Man’ makasih dah nunjukin kenyataan dunia, dari yang paling negatif sampe yang paling positif. Itu sangat berguna bagi penulis ☺
15. Orang-orang ilmuwebsite, Al-k n b_scorpio thanks atas diskusi – diskusi tentang web selama ini. Boleh minta code-nya ga? ☺.
16. Teman-teman KKN di Sabrang yang laen, Janek, Asih, Kuncup, Meme, Perik, terima kasih atas kebersamaan selama masa-maa KKN dulu.
17. Teman – teman kos Griya Talenta, Eka, Lian, Ina, Nandutz, Siwie, Elvi, Desi dan anak-anak bawah laennya, makasih atas semangatnya.
18. Serta semua pihak yang telah membantu kelancaran dalam penulisan tugas akhir ini. Penulis mengucapkan banyak terima kasih.
DAFTAR ISI
1.5 Tujuan dan Manfaat ……………………………………………… 6
2.6 Pemrograman Web ……………………………………………….. 12
2.5 Web Hosting ……………………………………………………… 12
2.4 CMS(Content Management System) ……………………………. 11
2.3 Web Template ……………………………………………………. 10
2.2 Web halaman web, dan website ………………………………….. 10
2.1 Internet dan World Wide Web ……………………………………. 9
BAB II LANDASAN TEORI
1.6 Sistematika Penulisan ……………………………………………. 6
HALAMAN JUDUL ………………………………….….…………….. i HALAMAN PERSETUJUAN PEMBIMBING
…………………….... ii
1.3 Batasan Masalah …………………………………………………. 3
1.2 Rumusan Masalah ……………………………………………….. 3
1.1 Latar Belakang …………………………………………………… 1
BAB I PENDAHULUAN
DAFTAR ISI ……………………………………………………………. x DAFTAR TABEL ………………………………………………………. xiii DAFTAR GAMBAR …………………………………………………… xv
viii
ABSTRAK …………………………………………………………….... vi ABSTRACT …………………………………………………………….. vii KATA PENGANTAR ………………………………………………….
v
HALAMAN PENGESAHAN …………………………………………. iii HALAMAN PERSEMBAHAN ……………………………………….. iv PERNYATAAN KEASLIAN KARYA ………………………………..
1.4 Metodologi ………………………………………………………. 4
2.11 Teknologi CSS(Cascading Style Sheet) ………………………….. 18
2.12 AppServ …………………………………………………………... 19
BAB III ANALISA DAN PERANCANGAN SISTEM
3.1 Analisa …………………………………………………………... 20
3.1.1 Analisa Masalah …………………………………………... 20
3.1.2 Gambaran Umum Sistem …………………………………. 20
3.1.3 Analisa Kebutuhan ……………………………………….. 21
3.2.3.1 Analisa Kebutuhan Sistem ……………………… 21
3.2.3.2 Analisa Kebutuhan Hardware Software ……….. 25
3.2 Perancangan …………………………………………………….. 26 3.2.1 Rancangan User Interface ………………………………..
26
3.2.1.1 Rancangan Template …………………………… 26
Form
3.2.1.2 Rancangan untuk Setiap User …………… 28
3.2.2 Rancangan Proses ………………………………………… 43
3.2.2.1 Diagram Konteks ………………………………. 43
3.2.2.2 DAD Level 1 …………………………………… 44
3.2.2.3 DAD Level 2 …………………………………… 46
3.2.2.4 DAD Level 3 …………………………………… 50
3.2.2.5 DAD Level 4 …………………………………… 55
3.2.2.6 DAD Level 5 …………………………………… 67 3.2.2.7 Kamus Data …………………………………….
76 3.2.3 Rancangan Struktur Menu ……………………………….
82 3.2.4 Rancangan Database .........................................................
85
3.2.4.1 Entity Relationship Diagram (ERD) …………… 85
3.2.4.2 Mapping ………………………………………... 88
3.2.4.3 Aturan domain …………………………………. 89
BAB IV IMPLEMENTASI …………………………………………….
98
4.1 Implementasi Nama Sistem ………………………………………. 98
4.2 Implementasi Struktur Direktori Utama dan File – file Sistem …… 98
4.3 Implementasi Database pada Phpmyadmin ………………………. 102
4.4 Implementasi Template …………………………………………… 105
4.5 Implementasi Proses …………………………………………….. 116 BAB V HASIL DAN PEMBAHASAN ANGKET …………………..
163
5.1 Angket ……………………………………………………………… 163
5.2 Tahap – tahap Pengumpulan Data …………………………………. 163
5.3 Sasaran Penyebaran Angket ……………………………………….. 164
5.4 Form Angket ………………………………………………………. 164
5.5 Hasil dan Pembahasan …………………………………………….. 166
BAB VI PENUTUP …………………………………………………… 170
6.1 Kesimpulan ………………………………………………………… 170
6.2 Saran ……………………………………………………………….. 172
DAFTAR PUSTAKA …………………………………………………. 173 LAMPIRAN
DAFTAR TABEL
Tabel 3.1 Fasilitas Member untuk Mengelola Web Template ………….92 Tabel 3.11 Tabel Kolom Subsistem Member …......................................
94 Tabel 3.18 Tabel Adminmenu Subsistem Website Penyedia ……………
94 Tabel 3.17 Tabel Counter Subsistem Member ........................................
94 Tabel 3.16 Tabel Footer Subsistem Member …...……………………...
94 Tabel 3.15 Tabel Judul_web Subsistem Member ...……………………..
93 Tabel 3.14 Tabel Template Subsistem Member …...................................
93 Tabel 3.13 Tabel Aspirasi Subsistem Member .......................................
93 Tabel 3.12 Tabel Agenda Subsistem Member .........................................
92 Tabel 3.10 Tabel Modul Subsistem Member …………………...………
22 Tabel 3.2 Kamus Data ………………………………………………….
92 Tabel 3.9 Tabel Menu_admin Subsistem Member ……………………
91 Tabel 3.8 Tabel Admin Subsistem Member ...…………………………
91 Tabel 3.7 Tabel Komentar Subsistem Member …..................................
90 Tabel 3.6 Tabel Berita Subsistem Member ............................................
90 Tabel 3.5 Tabel Halaman Subsistem Member .......................................
90 Tabel 3.4 Tabel Submenu Subsistem Member ......................................
76 Tabel 3.3 Tabel Menu Subsistem Member ………………………...….
95
Tabel 3.20 Tabel Counter Subsistem Website Penyedia ..……………….95 Tabel 3.21 Tabel Halaman Subsistem Website Penyedia …..……………
96 Tabel 3.22 Tabel Member Subsistem Website Penyedia ….…………….
96 Tabel 3.23 Tabel Modul Subsistem Website Penyedia .............................
97 Tabel 3.24 Tabel Tamu Subsistem Website Penyedia ...............................
97 Tabel 5.1 Hasil Angket Fasilitas Interaktif ……………………………. 166
Tabel 5.2 Hasil Angket Fasilitas CMS ………………………………… 166Tabel 5.3 Hasil Angket Fasilitas yang Belum Disediakan …………….. 167Tabel 5.4 Hasil Angket Tampilan Warna ……………………………… 167Tabel 5.5 Hasil Angket Tampilam Huruf ……………………………… 167Tabel 5.6 Hasil Angket Tampilan Kejelasan Tulisan ………………….. 168Tabel 5.7 Hasil Angket Tampilan Gambar ……………………………. 168Tabel 5.8 Hasil Angket Tampilan Tata Letak …………………………. 168Tabel 5.9 Hasil Angket Tampilan Keseluruhan Situs …………………. 169Tabel 5.10 Hasil Angket Manfaat Sistem ………………………………. 169
DAFTAR GAMBAR
Gambar 3.1 Rancangan Struktur Template …………………………...26 Gambar 3.2 Rancangan Form Login Adminsitator Website Penyedia …
28 Gambar 3.3 Rancangan Halaman Utama Buku Tamu Manager ………. 29 Gambar 3.4 Rancangan Form Pemberian Tanggapan ………………….
29 Gambar 3.5 Rancangan Halaman Utama Member Manager ……........... 30 Gambar 3.6 Rancangan Form Pendaftaran Member ……………...........
30 Gambar 3.7 Rancangan Form Testing Tulis Aspirasi …………….........
31 Gambar 3.8 Rancangan Form Testing Tulis Berita ……………….........
31 Gambar 3.9 Rancangan Form Testing Komentar Berita ……………….
32 Gambar 3.10 Rancangan Form Testing Pencarian Berita dan Halaman Menu ………………………………………………………
32 Gambar 3.11 Rancangan Form Login Member ………………………….
33 Gambar 3.12 Rancangan Form Edit Data Login ………………………... 33
Gambar 3.13 Rancangan Halaman Utama Menu Manager ...................... 33 Gambar 3.14 Rancangan Form Tambah Menu …………………….........34 Gambar 3.15 Rancangan Form Tambah Submenu ……………………...
34 Gambar 3.16 Rancangan Halaman Utama Halaman Manager ………….
35 Gambar 3.17 Rancangan Form Tambah Halaman ………………………
35
Gambar 3.19 Rancangan Form Tambah Modul …………………………36 Gambar 3.20 Rancangan Halaman Utama Berita Manager ...................... 37 Gambar 3.21 Rancangan Form Tulis Berita ……………………………..
37 Gambar 3.22 Rancangan Halaman Utama Berita Masuk yang Belum Divalidasi ………………………………………………….
38 Gambar 3.23 Rancangan Halaman Utama Kolom Manager …………….
38 Gambar 3.24 Rancangan Form Tambah Kolom ………………………...
38 Gambar 3.25 Rancangan Halaman Utama Agenda Manager …………... 39 Gambar 3.26 Rancangan Form Tambah Agenda ………………………..
39 Gambar 3.27 Rancangan Halaman Utama Aspirasi Manager …….......... 40 Gambar 3.28 Rancangan Form Pemberian Tanggapan ………………….
40 Gambar 3.29 Rancangan Halaman Utama Template Manager …………. 41
Gambar 3.30 Rancangan Form Edit Judul Web …………………………41 Gambar 3.31 Rancangan Form Edit Footer …………………………….. 41
Gambar 3.32 Rancangan Halaman Utama Template Manager …………. 42Gambar 3.33 Rancangan Form Tulis Buku Tamu ………………………42 Gambar 3.34 Rancangan Form Pencarian Member ………………..........
42 Gambar 3.35 Diagram Konteks ………………………………………….
43 Gambar 3.36 DAD Level 1………………………………………………
45 Gambar 3.37 DAD Level 2 Subsistem 1 Sisi Adminsitrator Website
Gambar
54 Gambar 3.49 DAD Level 4 Proses 2.3.1 ………………………………...
60 Gambar 3.56 DAD Level 4 Proses 2.2.5 ………………………………..
59 Gambar 3.55 DAD Level 4 Proses 2.2.4 ………………………………...
58 Gambar 3.54 DAD Level 4 Proses 2.2.3 ………………………………...
56 Gambar 3.53 DAD Level 4 Proses 2.2.2 ………………………………...
56 Gambar 3.52 DAD Level 4 Proses 2.2.1 ………………………………...
55 Gambar 3.51 DAD Level 4 Proses 2.3.3 ………………………………...
55 Gambar 3.50 DAD Level 4 Proses 2.3.2 ………………………………...
53 Gambar 3.48 DAD Level 3 Proses 2.2 …………………………………..
3.38 DAD Level 2 Subsistem 1 Sisi Member Proses Pendaftaran ………………………………………………..
52 Gambar 3.47 DAD Level 3 Proses 2.3 ………………………………......
52 Gambar 3.46 DAD Level 3 Proses 1.7 ………………………………......
51 Gambar 3.45 DAD Level 3 Proses 1.5 ………………………………......
50 Gambar 3.44 DAD Level 3 Proses 1.4 ………………………………......
50 Gambar 3.43 DAD Level 3 Proses 1.3 ………………………………......
49 Gambar 3.42 DAD Level 3 Proses 1.2 …………………………………..
47 Gambar 3.40 DAD Level 2 Subsistem 1 Sisi Pengunjung Web ………… 48 Gambar 3.41 DAD Level 2 Subsistem 2 Sisi Member …………………..
47 Gambar 3.39 DAD Level 2 Subsistem 1 Sisi Member Proses Aktivasi ....
62
Gambar 3.58 DAD Level 4 Proses 2.2.7 ………………………………..70 Gambar 3.69 DAD Level 5 Proses 2.2.5.1 ………………………………
74 Gambar 3.77 DAD Level 5 Proses 2.2.9.2 ………………………………
74 Gambar 3.76 DAD Level 5 Proses 2.2.8.1 ………………………………
73 Gambar 3.75 DAD Level 5 Proses 2.2.7.2 ………………………………
73 Gambar 3.74 DAD Level 5 Proses 2.2.7.1 ………………………………
72 Gambar 3.73 DAD Level 5 Proses 2.2.6.2 ………………………………
72 Gambar 3.72 DAD Level 5 Proses 2.2.6.1 ………………………………
71 Gambar 3.71 DAD Level 5 Proses 2.2.6.1 ………………………………
71 Gambar 3.70 DAD Level 5 Proses 2.2.5.2 ………………………………
70 Gambar 3.68 DAD Level 5 Proses 2.2.4.2 ………………………………
64 Gambar 3.59 DAD Level 4 Proses 2.2.8 ………………………………..
69 Gambar 3.67 DAD Level 5 Proses 2.2.4.1 ………………………………
69 Gambar 3.66 DAD Level 5 Proses 2.2.3.2 ………………………………
68 Gambar 3.65 DAD Level 5 Proses 2.2.3.1 ………………………………
68 Gambar 3.64 DAD Level 5 Proses 2.2.2.5 ………………………………
67 Gambar 3.63 DAD Level 5 Proses 2.2.2.4 ………………………………
67 Gambar 3.62 DAD Level 5 Proses 2.2.2.2 ………………………………
66 Gambar 3.61 DAD Level 5 Proses 2.2.2.1 ………………………………
65 Gambar 3.60 DAD Level 4 Proses 2.2.9 ………………………………..
75
Gambar 3.79 Rancangan Struktur Menu Administrator Website Penyedia ………………………………………………......Gambar 4.9 Implementasi Halaman Utama Website Penyedia ……….. 112Gambar 4.14 Form Pencarian ………………………………………........ 117Tulis Buku Tamu …………………………………... 116
Form
Gambar 4.13
Gambar 4.12 Implementasi Halaman Utama Web Template Darkbrown . 115Gambar 4.11 Implementasi Halaman Utama Web Template Darkgreen .. 114Gambar 4.10 Implementasi Halaman Utama Web Template Default ….. 113Gambar 4.8 Implementasi Struktur Database Member …………........... 10482 Gambar 3.80 Rancangan Struktur Menu Member ………………………
Gambar 4.7 Implementasi Struktur Database Website Penyedia ……… 103Gambar 4.6 Struktur File – file Sistem pada Direktori Template ……… 102Gambar 4.5 File – file Style pada Setiap Template ……………………. 101Gambar 4.4 Struktur Direktori Template ………………………………. 10099 Gambar 4.3 File – file Sistem Website Penyedia ………………………. 100
98 Gambar 4.2 Struktur Direktori Website Penyedia ……………………...
86 Gambar 4.1 Struktur Direktori Sistem ………………………………….
83 Gambar 3.81 Rancangan Struktur Menu Pengunjung Web ……………… 84 Gambar 3.82 ERD Pada Subsistem Member …………………………….
Gambar 4.15 Form Pendaftaran ……………………………………........ 119Gambar 4.17 Form Login Administrator Website Penyedia ………......... 125Gambar 4.28 Halaman Utama Menu Manager …………………….......... 138Gambar 4.35 Form Edit Halaman ………………………………………. 145Tambah Halaman …………………………………... 144
Form
Gambar 4.34
Gambar 4.33 Halaman Utama Halaman Manager ……………………… 144Gambar 4.32 Form Edit Submenu ............................................................. 143Gambar 4.31 Form Tambah Submenu ………………………………….. 142Gambar 4.30 Form Edit Menu ………………………………………….. 141Tambah Menu …………………………………........ 140
Form
Gambar 4.29
Gambar 4.27 Form Edit Data Login ………………………………………… 137Gambar 4.18 Halaman Utama Buku Tamu Manager …………………… 126Gambar 4.26 Form Login Member …………………………………........ 135Gambar 4.25 Form Testing Pencarian Data Berita dan Halaman ………. 134Tulis Komentar Berita ………………........... 133
Form Testing
Gambar 4.24
Gambar 4.23 Form Testing Tulis Berita ……………………………........ 131Gambar 4.22 Form Testing Tulis Aspirasi …………………………........ 130Gambar 4.21 Halaman Detail Member ………………………………….. 129Gambar 4.20 Halaman Utama Member Manager …………………............ 128Tanggapan Buku Tamu ……………………………. 127
Form
Gambar 4.19
Gambar 4.36 Halaman Utama Modul Manager ........................................ 147Gambar 4.38 Form Edit Modul …………………………………………. 148Gambar 4.47 Form Tambah Agenda ……………………………………. 156Gambar 5.1 Form Angket ……………………………………………… 165Gambar 4.53 Form Edit Footer …………………………………………. 161Gambar 4.52 Form Edit Judul Web ……………………………………... 160Gambar 4.51 Halaman Utama Template Manager ……………………… 159Pemberian Tanggapan Aspirasi ……………………. 158
Form
Gambar 4.50
Gambar 4.49 Halaman Utama Aspirasi Manager ………………….......... 158Gambar 4.48 Form Edit Agenda ……………………………………....... 157Gambar 4.46 Halaman Utama Agenda Manager ……………………….. 156Gambar 4.39 Halaman Utama Berita Manager …………………….......... 149Edit Kolom …………………………………………. 155
Form
Gambar 4.45
Gambar 4.44 Form Tambah Kolom …………………………………….. 154Gambar 4.43 Halaman Utama Kolom Manager …………………………... 153Gambar 4.42 Form Edit Berita Masuk ………………………………….. 152Gambar 4.41 Form Edit Berita yang Sudah Dipublikasikan ……………. 150Tulis Berita ……………………………………....... 149
Form
Gambar 4.40
Gambar 5.2 Pertanyaan Tambahan untuk Staff Kecamatan …………… 166BAB I PENDAHULUAN 1.1. Latar Belakang Dewasa ini, internet merupakan teknologi yang populer. Perusahaan,
instansi pemerintahan, instansi pendidikan, entertainment, media masa bahkan individu berlomba-lomba menampilkan diri di internet. Ada yang sekedar tampil untuk memberikan informasi, ada yang sudah memberikan fasilitas interaktif dengan pengunjung web, dan ada juga yang sudah melibatkan transaksi online. Tujuan dari keikutsertaan di dalam komunitas internet selain untuk memberikan informasi secara online adalah untuk mempromosikan diri maupun meningkatkan citra diri.
Begitu juga dengan kecamatan. Meskipun kecamatan mengelola wilayah yang lebih sempit daripada kabupaten, bukan berarti kecamatan tidak layak untuk mempublikasikan diri di internet. Saat ini, informasi online tentang kecamatan biasanya disisipkan pada website kabupaten dan tentu saja informasi yang ditampilkan hanya terbatas. Hal itu bukan suatu masalah apabila kecamatan tersebut tidak mempunyai potensi yang layak untuk dipublikasikan dan dikembangkan. Tetapi jika kecamatan tersebut mempunyai potensi yang layak untuk dipublikasikan dan dikembangkan entah dari sektor apapun, maka akan sangat disayangkan jika hanya dipublikasikan ala kadarnya di website kabupaten.
Oleh karena itu, dikembangkannya sebuah web template untuk kecamatan diharapkan akan membantu kecamatan yang mempunyai banyak potensi agar dapat mempublikasikan diri dengan cara membuat website kecamatan dengan cepat dan mudah. Sistem yang dikembangkan terdiri dari website penyedia web template dan
hosting , web template member dan website member. Web template member adalah
calon website member yang didapatkan dari proses pendaftaran pada website penyedia web template dan hosting. Web template member ini masih harus dikelola oleh member agar menjadi sebuah website yang lengkap dan siap diakses pengunjung. Proses pengelolaan web template ini menggunakan sistem untuk mengelola isi
website atau CMS (Content Management System). Selanjutnya, CMS berguna untuk
merawat dan meng-update website member. Sedangkan prototipe hosting akan menggambarkan keadaan dimana web template tersebut sudah mempunyai space di
internet . Hosting disertakan otomatis pada web template.
Dengan kemudahan yang diberikan dalam membuat website kecamatan ini, diharapkan banyak kecamatan yang akan menggunakan sistem ini. Selain untuk mempromosikan diri, manfaat lain yang dapat diperoleh adalah tersedianya informasi yang mudah diakses bagi masyarakat karena tersedia secara online, memudahkan komunikasi antara masyarakat dan kecamatan dengan disediakannya fasilitas interaktif, memudahkan pemerintahanan atasnya seperti kabupaten untuk memantau perkembangan kecamatan dan kemungkinan menarik investor untuk mengembangkan
1.2. Rumusan Masalah
Bagaimana mengembangkan sebuah web template untuk kecamatan sehingga mempermudah pihak kecamatan dalam membuat, mengelola, serta merawat
website kecamatan? 1.3.
Batasan Masalah
Berdasarkan latar belakang yang telah diuraikan di atas, penulisan skripsi ini dibatasi pada : a. Pengembangan sistem yang dapat membantu mempercepat dan mempermudah kecamatan dalam membuat website kecamatan.
b. User sistem terdiri dari : Administrator website penyedia template dan hosting Bertugas untuk merawat dan meng-update website penyedia.
Member Member adalah kecamatan yang telah berhasil melakukan pendaftaran.
Pengunjung web Pengunjung web akan mengakses informasi serta menggunakan fitur interaktif baik pada website penyedia maupun pada website member.
c. Web template akan diperoleh jika member berhasil melakukan pendaftaran pada
website penyedia template dan hosting. Template disediakan secara default yang d. Web template menyediakan fitur CMS untuk member yang akan digunakan untuk mengelola template menjadi website yang lengkap dan siap dipublikasikan.
Selanjutnya, CMS berguna untuk merawat dan meng-update isi website.
e. Web template yang sudah diisi informasi akan benar-benar bermanfaat jika sudah
online di internet. Dalam pembuatan skripsi ini, penulis hanya mengembangkan web hosting sampai tahap prototipe.
f. Pembahasan akan difokuskan pada website penyedia dan web template member.
Untuk website member tidak akan dibahas secara detail, karena fasilitas member pada website member sama dengan fasilitas web template member.
1.4. Metodologi
Dalam penulisan skripsi ini, penulis menggunakan metodologi waterfall, yang langkah – langkahnya adalah sebagai berikut :
1. Analysis
Proses pengumpulan kebutuhan diintensifkan dan difokuskan, khususnya pada perangkat lunak. Untuk memahami sifat program yang dibangun, perekayasa perangkat lunak harus memahami domain informasi, tingkah laku, unjuk kerja, dan antarmuka yang diperlukan.
2. Design
Desain perangkat lunak sebenarnya adalah proses multi langkah yang arsitektur perangkat lunak, representasi interface, dan detail algoritma. Desain didokumentasikan dan menjadi bagian dri konfigurasi perangkat lunak.
3. Coding Desain harus diterjemahkan ke dalam bentuk mesin yang bisa dibaca.