PENGEMBANGAN SITUS WEB KABUPATEN NGADA SKRIPSI. Diajukan untuk Memenuhi Salah Satu Syarat. Memperoleh Gelar Sarjana Sains. Program Studi Ilmu Komputer

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI


PENGEMBANGAN SITUS WEB KABUPATEN NGADA

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains Program Studi Ilmu Komputer

Oleh: Yakoba Neli Sinaulan Tenis NIM : 023124065

PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007


THE DEVELOPING OF NGADA REGENCY WEBSITE

FINAL PROJECT

Present as Partial Fulfillment of the Requirements To Obtain the Sarjana Sains Degree In Computer Science Study Program

By: Yakoba Neli Sinaulan Tenis Student Number: 023124065

COMPUTER SCIENCE STUDY PROGRAM DEPARTMENT OF MATHEMATICS FACULTY SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA 2007




MOTTO & PERSEMBAHAN

Rintangan adaLah haL-haL menakutkan yang kau Lihat ketika kau mengaLihkan perhatian dan tujuanmu. ( KhaLiL Gibran ) AkuiLah Dia daLam segaLa Lakumu, maka Ia akan meLuruskan jaLanmu. ( AmsaL 3 : 6 ) SekaLipun aku mempunyai pengetahuan dan segaLa sesuatu ada padaku, tetapi jika aku tidak mempunyai “Kasih” aku sama sekaLi tidak berguna. ( Unknown Resource )

Kupersembahkan karyaku ini, Kepada : My Lord Jesus Christ the only good Father, for love, miracle, care, protect and everything for me, I Love U more than ALL My Lovely Papa and Mama for u’re Love for me. Thank’s for everything. This is my prize for U.

v


PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa skripsi yang penulis tulis ini tidak memuat karya atau bagian karya dari orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

3 Oktober 2007 Yogyakarta, …………………

Penulis

vi


ABSTRAK

Kabupaten Ngada merupakan Kawasan Timur Indonesia yang memiliki aneka potensi seperti pertanian, pariwisata dan pertambangan. Namun terbatasnya ketersediaan informasi menjadikan Kabupaten Ngada hampir tidak dikenal oleh masyarakat luas. Di sisi lain ada internet sebagai media untuk memperlancar promosi tentang Kabupaten Ngada, karena itu dibuat situs web untuk mempromosikan Kabupaten Ngada dan potensi-potensi yang dimiliknya. Dengan demikian segala informasi tentang potensi yang dimiliki Kabupaten Ngada dapat disampaikan dengan cepat dan mudah, masyarakat luar daerah pun semakin mengetahui potensi dan kelebihan apa yang dimiliki Kabupaten Ngada yang berada di daratan Flores. Metode yang digunakan penulis untuk membangun situs web Kabupaten Ngada adalah metode waterfall yang meliputi : analisis, perancangan, penulisan program dan pengujian program. Situs web ini telah selesai dibangun dengan menggunakan ASP.NET 2.0 yang terdiri dari ASP sebagai alat pengembangan situs, SQL Server sebagai pengolah basis data dan IIS sebagai web server. Uji kelayakan sistem dilakukan dengan memberikan kuesioner kepada 35 responden. Ruang sampel merupakan masyarakat asal Flores yang tinggal di Yogyakarta yang terdiri dari mahasiswa Kabupaten Ngada, pegawai pemerintahan dan masyarakat pada umumnya. Responden melakukan ujicoba situs web Kabupaten Ngada kemudian menjawab kuesioner yang telah diberikan. Dari hasil kuesioner dapat disimpulkan bahwa situs web Kabupaten Ngada ini memberikan manfaat bagi promosi Kabupaten Ngada, mudah dipakai dan tampilan dari Situs Web Kabupaten Ngada sudah menarik.

vii


ABSTRACT

Ngada Regency is one of Indonesian regencies at East Indonesia. That has much potency like agriculture, tourism, and mining. Unfortunately, limited information provided makes Ngada Regency is not known by many people. On the other side, there is an internet as a potential media for carrying on Ngada Regency promotion. Therefore a website to promote Ngada Regency and its potencies is developed. That information about Ngada regency’s potencies can be informed quickly and simply, so that people know Ngada Regency potencies and surplus much better. The method that is used to develop Ngada Regency is waterfall methods which include: analysis, design, coding, and testing. The website has been developed using ASP.NET 2.0 which consist of ASP as web development tools, SQL Server as a database server and IIS as the web server. The system is tested by giving questioner of 35 respondents. The sample room is Flores people who live in Yogyakarta consist of Ngada Regency student, government officer, and others, it can be concluded that Ngada Regency website give advantages for Ngada Regency promotion, in addition, the user interface of Ngada Regency website is interesting and is easy to use.

viii


KATA PENGANTAR

Puji Syukur dan terima kasih kunaikan kepada ALLAH BAPA, PUTERA dan ROH KUDUS atas segala berkat dan penyertaan-Nya sehingga penulisan skripsi dapat juga terselesaikan dengan baik. Skripsi ini disusun sebagai salah satu syarat untuk memperoleh Gelar Sarjana pada Program Studi Ilmu Komputer Jurusan Matematika Fakultas MIPA Universitas Sanata Dharma Yogyakarta. Banyak hambatan dan kesulitan dalam penulisan skripsi ini. Namun, berkat bantuan dan dukungan dari segala pihak, pada akhirnya tugas ini dapat terselesaikan. Oleh karena itu penulis mengucapkan terima kasih kepada : 1. Bapak Ir. Greg Heliarko, SJ., SS., MST., M.Sc., MA selaku dekan Fakultas Sains dan Teknologi. 2. Ibu P.H. Prima Rosa, M.Sc. selaku kepala program studi Ilmu Komputer. 3. Bapak Iwan Binanto, S.Si selaku dosen pembimbing akademik. 4. Ibu A. Rita Widiarti, M.Kom. selaku dosen pembimbing. Terima kasih atas segala bimbingan, kesabaran, kritik dan saran dalam membimbing penulis selama menyelesaikan skripsi ini. 5. Pak Tukijo, Ibu Linda selaku staf sekretariat FST dan Mas Susilo selaku staf laboratorium FST. 6. Seluruh dosen FST Universitas Sanata Dharma Yogyakarta.

ix


7. My sister Yuyun, my brother Engky (Ethen) n litle bro Ando (Ben J). Thank’s for u’re spirit, pray n grumble. Aku tetap perhitungkan itu. 8. The Late My Lovely GrandMa. Love U So Much. 9. Om Ronny, Makasih buat dukungan moril maupun materil.. God aLways Bless U Uncle. 10. Om dan TanteQu, Papa Tu’a Bajawa, Om Sin, Om Danny, Om Teenus, Om Leepus, Om Yunus, Mama Tu’a Bajawa, Tante Olien, Mama Tu’a Soa, Tante Lies, Tante Udis, Tante Nia, Tante Ima. Thanx buat nasehatnya, aku dengar, pertimbangkan dan resapi baik-baik... God Bless My Aunt n Uncle. 11. Sepupu-sepupuku, Sist Mieke, Sist Ochyn, Sist Olivia, Sist Jean, Bro Denny, Bro Bertie, Bro Alviano, Bro Noni dan lainya yang gak sempat Qu sebutin.. thaNX yah buat petuah-petuah en dukungannya... God Bless 12. Opa dan OmaQu, terima kasih buat dukungan doa, kasih sayang dan cinta buat cucumu tersayang ini... God Bless U Grand parents. 13. Pak Sammy dan Bu Anna yang siap membantu dalam doa, moril maupun materil. Terima Kasih yaH.. God Bless 14. Teman-teman Shine, Kak Patar, Kak Agnes, Kak Erna, Kak Prity, Kak Niko, Kak Riston, Kak Togi, Kak Mirra, Kak Sinta, Kak Dame, Kak Epra, Kak Tomy, Kak Rubby, Mas Ian, Wawan, Arlin, Epa. GBU ALL 15. Sahabat-sahabatku, Lastri, Ida, M’Kris, Thoms, Elsi, AneLL, Cimeng(Fanny). I Love U Friend... Kalian adalah temanku yang menerapkan arti-nya

x


persahabatan. Tidak cuman berteman tapi berbagi dalam suka dan duka. God Bless U ALL. 16. TemanQu Ricardo Kaka Wijaya (Jaka) for ‘Love and cares’ to Me dan temantemanQu Lexy, Anong, Rian, Andy, Pedro, Cua,.. Makasih buat semuanya.. aku udah ngerepotin kalian dan kalian udah ngerepotin aku juga... GoD Bless 17. Teman-teman Tasura 42 khususnya K’Inta (Eno), Erika, Pipin, Nitong, Miff. I always Remember U Friend... 18. Teman-teman PMK Oikumene, semua teman seperjuangan dalam bekerja, Teman-teman Ilmu Komputer angkatan 2002. Semua pihak yang dengan caranya membantu penyusun dalam menyelesaikan SKRIPSI ini. Penulis menyadari bahwa SKRIPSI ini tidak luput dari kekurangan dan ketidaksempurnaan, oleh karena itu kritik saran dan perbaikan sangat dibutuhkan demi penyempurnaan laporan ini. Namun demikian diharapkan semoga SKRIPSI ini dapat memberikan manfaat bagi yang memerlukannya.

Yogyakarta, September 2007

Penulis

xi


DAFTAR ISI

HALAMAN JUDUL…………………………………………………………………

i

HALAMAN PERSETUJUAN PEMBIMBING……………………………………..

iii

HALAMAN PENGESAHAN………………………………………………………..

iv

HALAMAN PERSEMBAHAN……………………………………………………...

v

HALAMAN KEASLIAN KARYA………………………………………………….

vi

ABSTRAK …………………………………………………………………………..

vii

ABSTRACT ..................................................................................................................

viii

KATA PENGANTAR..................................................................................................

ix

DAFTAR ISI ………………………………………………………………………...

xii

DAFTAR TABEL …………………………………………………………………...

xvii

DAFTAR GAMBAR ………………………………………………………………..

xviii

BAB I PENDAHULUAN ………………………………………………………….

1

1.1 Latar Belakang Masalah ………………………………………………..

1

1.2 Rumusan Masalah ………………………………………………………

2

1.3 Batasan Masalah ………………………………………………………..

3

1.4 Tujuan Penulisan ………………………………………………………..

4

1.5 Manfaat Penulisan……………………………………………………….

4

1.6 Metodologi ……………………………………………………………...

6

1.6.1

Analisis ………………………………………………………

6

1.6.2

Perancangan………………………………………………….

6

1.6.3

Penulisan Program……………………………………………

6

1.6.4

Pengujian Program…………………………………………...

6

xii


1.7 Sistematika Penulisan …………………………………………………..

7

BAB II LANDASAN TEORI ……………………………………………………..

9

2.1 Landasan Teori ………………………………………………………….

9

2.1.1

Konsep Dasar Sistem Informasi……………………………...

9

2.1.2

Nilai dan Kualitas Informasi…………………………………

10

2.2 World Wide Web (WWW)…...………………………………………….

12

2.2.1

Pengenalan WWW…………………………………………...

12

2.2.2

Proses Kerja WWW………………………………………….

13

2.3 Menentukan Tujuan Pembuatan Situs Web……………………………..

16

2.3.1

Membuat Tipe Situs Web….………………………………...

16

2.3.2

Menentukan Audiens…………………………………………

16

2.3.3

Merencanakan Situs Web…………………………………….

17

2.3.4

Mengatur Situs Web………………………………………….

17

2.4 Isi Situs Web Pemerintah Daerah………………………………………..

17

2.4.1 Isi Minimal Situs Web Pemerintah Daerah...…………………..

18

2.4.2 Homepage Pemerintah Daerah..…….………………………….

22

2.4.3 Akuntabilitas Isi………………………………………………..

23

2.4.3.1 Sangkalan Mengenai Isi….………………………….

23

2.4.3.2 Kecermatan Isi dan Legitimasi ……………………..

24

2.5 Basis Data………………………………………………………………..

25

2.6 Entity Relationship Diagram (ERD)…………………………………….

27

2.7 Data Flow Diagram (DFD)……………………………………………..

31

2.8 Pemrograman Web………………………………………………………

35

xiii


2.8.1

HTML………………………………………………………...

35

2.8.2

ASP.NET………….………………………………………….

36

2.8.3

Visual Basic .NET……………………………………………

38

2.8.3.1 IDE Visual basic .NET….…………………………..

39

2.8.3.2 Penggunaan DataSet………….……………………..

42

2.9 Adobe Photoshop 7.0…………………………………………………….

44

2.10Paradigma System Development Life Cycle …………………………….

45

BAB III ANALISA DAN PERANCANGAN …………………………………….

46

3.1 Kabupaten Ngada……….………………………………………………

46

3.2 Analisa Sistem…….…………………………………………………….

47

3.2.1

Analisa Masalah………………………………………….....

47

3.2.2

Analisa Kelayakan……….………………………………….

48

3.2.3

Analisa Kebutuhan………………………………………….

48

3.3 Desain Sistem…………………………………………………………...

51

3.3.1

Desain Proses….…………………………………………....

51

3.3.1.1 Diagram Konteks…..………….……………………

51

3.3.1.2 Diagram Alir Data (DAD)………………………….

54

3.3.1.2.1

DAD Level 1..........................................

55

3.3.1.2.2

DAD Level 1 Pada User.........................

57

3.3.1.2.3

DAD Level 1 Pada Admin.....................

59

3.3.1.2.4

DAD Level 2 Pada Admin proses Login

62

3.3.1.2.5

DAD Level 2 Pada Admin proses Maintenance Potensi..............................

xiv

63


3.3.1.2.6

DAD Level 2 Pada Admin proses Maintenance Wisata...............................

3.3.1.2.7

DAD Level 2 Pada Admin proses Maintenance Event...............................

3.3.1.2.8

65

DAD Level 2 pada Admin proses maintenance Berita.................................

3.3.1.2.9

64

67

DAD Level 2 pada Admin proses maintenance Polling...............................

68

3.3.1.2.10 DAD Level 2 pada Admin proses

3.3.2

3.3.3

3.3.4

maintenance Buku Tamu.......................

69

Desain Basis Data….…….………………………………….

70

3.3.2.1 Entity Relationship Diagram (ERD).......................

71

3.3.2.2 Pemetaan kedalam Tabel........................................

72

3.3.2.3 Normalisasi..............................................................

76

3.3.2.4 Kamus Data.............................................................

77

Struktur Menu………………………………………………

79

3.3.3.1 Menu User...............................................................

79

3.3.3.2 Menu Administrator.................................................

80

Desain Antarmuka (User Interface) dengan Pemakai………

81

3.3.4.1 Rancangan Tampilan antarmuka untuk User...........

81

3.3.4.2 Rancangan Tampilan antarmuka untuk Admin.........

89

BAB IV IMPLEMENTASI SISTEM……………...……………………………

112

4.1 Implementasi Basis Data ……………………………………………….

112

4.2 Implementasi User Interface……………………………………………

114

xv


4.2.1

Dari Sisi User ………………………………………………

114

4.2.2

Dari Sisi Administrator……………………………………..

121

4.3 Implementasi Proses…………………………………………………….

132

4.3.1

Implementasi Proses dari Sisi Administrator……………….

132

4.3.2

Implementasi Proses dari Sisi User…………………………

153

BAB V HASIL DAN PEMBAHASAN KUESIONER......……………………….

163

5.1 Kuesioner…. …………………………………………………………...

163

5.2 Teknik Pengumpulan Data…. ………………………………………….

163

5.3 Sasaran Penyebaran Kuesioner…………………………………………

164

5.4 Form Kuesioner…………………………………………………………

165

5.5 Hasil dan Pembahasan…………………………………………………..

167

BAB VI PENUTUP ………………………………………………………………..

178

6.1 Kesimpulan …………………………………………………………......

178

6.2 Saran …………………………………………………………………….

179

DAFTAR PUSTAKA ………………………………………………………………

180

xvi


DAFTAR TABEL

Tabel 3.1 Pemetaan Tabel Potensi …..…………………………………..……

72

Tabel 3.2 Pemetaan Tabel Wisata ……...………………………………..……

72

Tabel 3.3 Pemetaan Tabel Event ………….……………………………..……

73

Tabel 3.4 Pemetaan Tabel Berita ……………………………………..………

74

Tabel 3.5 Pemetaan Tabel Polling ……………………………………..……..

74

Tabel 3.6 Pemetaan Tabel Buku Tamu…………………………………..……

75

Tabel 3.7 Pemetaan Tabel Admin………………………………………..……

76

Tabel 5.1 Hasil Kuesioner untuk Web perlu diadakan………………………...

167

Tabel 5.2 Hasil Kuesioner untuk Manfaat…………..………………………… 168 Tabel 5.3 Hasil Kuesioner untuk User Friendly………………………………

169

Tabel 5.4 Hasil Kuesioner untuk Tampilan Web ……………………………..

170

Tabel 5.5 Hasil Kuesioner untuk Informasi…………………………………...

171

Tabel 5.6 Hasil Kuesioner untuk gambar…………. …………………………. 172 Tabel 5.7 Hasil Kuesioner untuk Kombinasi Warna.…………………………. 173 Tabel 5.8 Hasil Kuesioner untuk Tata Letak………….………………………. 174 Tabel 5.9 Hasil Kuesioner untuk Bentuk Huruf / Teks ………………………. 175 Tabel 5.10 Hasil Kuesioner untuk Fitur………………..……………………….

xvii

176


DAFTAR GAMBAR

Gambar 2.1 Berbagai contoh situs web Pemerintah Daerah………………….……..

22

Gambar 2.2 Entity……………………………………………………………………

28

Gambar 2.3 Atribut…………………………………………………………………..

29

Gambar 2.4 Relasi …………………………………………………………………...

29

Gambar 2.5 Relasi One to One………………………………………………………

30

Gambar 2.6 Relasi One to Many……………………………………………………..

30

Gambar 2.7 Relasi Many to Many…………….……………………………………..

31

Gambar 2.8 Notasi kesatuan luar di DFD……………………………………………

32

Gambar 2.9 Arus Data di DFD………………………………………………………. 33 Gambar 2.10Notasi Proses di DFD…………………………………………………...

33

Gambar 2.11Simpanan Data di DFD…………………………………………………

34

Gambar 2.12Diagram Konteks …………………………………………….……......

34

Gambar 2.13Lingkungan Visual Basic .NET…………………………………………

39

Gambar 3.1 Diagram Konteks …………………………………………….……......

51

Gambar 3.2 DAD Level 1 ……………..…………………………………………….

55

Gambar 3.3 DAD Level 1 Pada User...………………………………………………

57

Gambar 3.4 DAD Level 1 Pada Admin...……………………………………………

60

Gambar 3.5 DAD Level 2 Pada Admin proses Login...……………………………..

62

Gambar 3.6 DAD Level 2 Pada Admin proses Maintenance Potensi…….…………

63

Gambar 3.7 DAD Level 2 Pada Admin proses Maintenance Wisata …...…………..

64

Gambar 3.8 DAD Level 2 Pada Admin proses Maintenance Event…. ……………..

65

Gambar 3.9 DAD Level 2 Pada Admin proses Maintenance Berita… ……………..

67

xviii


Gambar 3.10 DAD Level 2 Pada Admin proses Maintenance Polling………………

68

Gambar 3.11 DAD Level 2 Pada Admin proses Maintenance Buku Tamu………….

69

Gambar 3.12 Entity Relationship Diagram (ERD).......................................................

71

Gambar 3.13 Struktur Menu User................................................................................

79

Gambar 3.14 Struktur Menu Administrator..................................................................

80

Gambar 3.15 Menu utama untuk User.........................................................................

82

Gambar 3.16 Menu Peraturan Daerah...........................................................................

83

Gambar 3.17 Menu Profil.............................................................................................. 84 Gambar 3.18 Menu Potensi Daerah..............................................................................

85

Gambar 3.19 Menu Potensi Wisata...............................................................................

86

Gambar 3.20 Menu Berita Daerah................................................................................

87

Gambar 3.21 Menu Buku Tamu....................................................................................

88

Gambar 3.22 Menu Daftar Buku Tamu........................................................................

89

Gambar 3.23 Menu Login Admin.................................................................................

90

Gambar 3.24 Pesan Kesalahan Login...........................................................................

91

Gambar 3.25 Menu Utama untuk Admin......................................................................

92

Gambar 3.26 Form Potensi...........................................................................................

93

Gambar 3.27 Form Select Potensi.................................................................................

94

Gambar 3.28 Form Tambah Potensi.............................................................................

95

Gambar 3.29 Form Wisata............................................................................................

96

Gambar 3.30 Form Select Wisata.................................................................................

97

Gambar 3.31 Form Tambah Wisata.............................................................................. 98 Gambar 3.32 Form Berita.............................................................................................

99

Gambar 3.33 Form Select Berita..................................................................................

100

xix


Gambar 3.34 Form Tambah Berita..............................................................................

101

Gambar 3.35 Form Event.............................................................................................. 102 Gambar 3.36 Form Select Event...................................................................................

103

Gambar 3.37 Form Tambah Event................................................................................ 104 Gambar 3.38 Form Polling...........................................................................................

105

Gambar 3.39 Form Select Polling................................................................................. 106 Gambar 3.40 Form Tambah Polling.............................................................................

107

Gambar 3.41 Form Buku Tamu....................................................................................

108

Gambar 3.42 Form Select Buku Tamu.........................................................................

109

Gambar 3.43 Form Select Admin.................................................................................

110

Gambar 3.44 Form Ganti Password.............................................................................

111

Gambar 4.1 Implementasi Tabel Administrator.........................................................

112

Gambar 4.2 Implementasi Tabel Potensi Daerah........................................................ 112 Gambar 4.3 Implementasi Tabel Potensi Wisata........................................................

112

Gambar 4.4 Implementasi Tabel Event Budaya.........................................................

113

Gambar 4.5 Implementasi Tabel Berita Daerah.........................................................

113

Gambar 4.6 Implementasi Tabel Polling....................................................................

113

Gambar 4.7 Implementasi Tabel Buku Tamu.............................................................

114

Gambar 4.8 Implementasi Tampilan Home................................................................

115

Gambar 4.9 Implementasi Tampilan Peraturan Daerah..............................................

116

Gambar 4.10 Implementasi Tampilan Profil Ngada.....................................................

116

Gambar 4.11 Implementasi Tampilan Potensi Daerah.................................................. 117 Gambar 4.12 Implementasi Tampilan Potensi Wisata..................................................

117

Gambar 4.13 Implementasi Tampilan Potensi Wisata Detail.......................................

118

xx


Gambar 4.14 Implementasi Tampilan Berita................................................................

118

Gambar 4.15 Implementasi Tampilan Berita Detail.....................................................

119

Gambar 4.16 Implementasi Tampilan Form Buku Tamu.............................................

119

Gambar 4.17 Implementasi Tampilan Lihat Buku Tamu.............................................

120

Gambar 4.18 Implementasi Tampilan Event Budaya...................................................

120

Gambar 4.19 Implementasi Tampilan Programer........................................................

121

Gambar 4.20 Implementasi Tampilan Login Admin....................................................

121

Gambar 4.21 Implementasi Tampilan Error Login......................................................

122

Gambar 4.22 Implementasi Tampilan Home Admin....................................................

122

Gambar 4.23 Implementasi Tampilan Potensi Admin..................................................

123

Gambar 4.24 Implementasi Tampilan Select Potensi.................................................... 123 Gambar 4.25 Implementasi Tampilan Tambah Potensi................................................

124

Gambar 4.26 Implementasi Tampilan Wisata Admin.................................................

124

Gambar 4.27 Implementasi Tampilan Select Wisata....................................................

125

Gambar 4.28 Implementasi Tampilan Tambah Wisata................................................. 125 Gambar 4.29 Implementasi Tampilan Berita Admin....................................................

126

Gambar 4.30 Implementasi Tampilan Select Berita...................................................... 126 Gambar 4.31 Implementasi Tampilan Tambah Berita..................................................

127

Gambar 4.32 Implementasi Tampilan Event Admin....................................................

127

Gambar 4.33 Implementasi Tampilan Select Event......................................................

128

Gambar 4.34 Implementasi Tampilan Tambah Event..................................................

128

Gambar 4.35 Implementasi Tampilan Polling Admin..................................................

129

Gambar 4.36 Implementasi Tampilan Select Polling.................................................... 129 Gambar 4.37 Implementasi Tampilan Tambah Polling................................................

xxi

130


Gambar 4.38 Implementasi Tampilan Select Buku Tamu............................................

130

Gambar 4.39 Implementasi Tampilan Hapus Buku Tamu............................................ 131 Gambar 4.40 Implementasi Tampilan User Admin......................................................

131

Gambar 4.41 Implementasi Tampilan Select User Admin...........................................

132

Gambar 5.1 Form Kuesioner....................................................................................... 165 Gambar 5.2 Grafik hasil Kuesioner untuk Web perlu diadakan.................................

167

Gambar 5.3 Grafik hasil Kuesioner untuk manfaat....................................................

168

Gambar 5.4 Grafik hasil Kuesioner untuk User Friendly........................................... 169 Gambar 5.5 Grafik hasil Kuesioner untuk Tampilan Web..........................................

170

Gambar 5.6 Grafik hasil Kuesioner untuk Informasi.................................................. 171 Gambar 5.7 Grafik hasil Kuesioner untuk Gambar ...................................................

172

Gambar 5.8 Grafik hasil Kuesioner untuk Kombinasi Warna....................................

173

Gambar 5.9 Grafik hasil Kuesioner untuk Tata Letak................................................

174

Gambar 5.10 Grafik hasil Kuesioner untuk Bentuk Huruf / Teks................................

175

Gambar 5.11 Grafik hasil Kuesioner untuk Fitur.......................................................... 176

xxii

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 1

BAB I PENDAHULUAN

1.1

Latar Belakang Masalah Aplikasi

multimedia

merupakan

alternatif

yang

semakin

banyak

dikembangkan oleh para pengembang software dalam dunia komputer. Multimedia telah mengubah cara manusia beriteraksi dengan komputer melalui penggabungan media teks, gambar serta animasi yang teritegrasi. Teknologi software multimedia merupakan gabungan media teknik audio gambar, animasi dan visual dalam suatu program aplikasi sehingga dari aplikasi ini dapat dihasilkan suatu tampilan yang menarik bagi pemakainya. Dengan alasan tersebut dirasakan perlu untuk memanfaatkan multimedia dalam situs web Kabupaten Ngada. Kabupaten Ngada merupakan Kawasan Timur Indonesia yang mempunyai banyak mutiara yang terpendam yang belum banyak dijamah oleh tangan-tangan berkemampuan yang dapat memberikan peluang besar bagi para usahawan untuk mengelolanya,

misalnya

pertambangan.

Namun

aneka

potensi

terbatasnya

seperti

ketersediaan

pertanian, informasi

pariwisata dan

dan

manajemen

menjadikan Kabupaten Ngada semakin terbelakang dan hampir tidak dikenal oleh masyarakat luas.


Karena itu penulis sebagai anak daerah ingin ambil bagian dalam pengembangan potensi Kabupaten Ngada dengan membuat situs web yang berguna dan dapat memberikan sumbangan yang berarti bagi Kabupaten Ngada, terutama bagi para investor atau calon investor baik dalam negeri maupun mancanegara. Dengan demikian segala informasi tentang potensi dan peluang investasi bagi para pelaku usaha/investor yang ingin menanamkan modalnya di Kabupaten Ngada dan juga para wisatawan baik lokal maupun mancanegara yang ingin berkunjung dapat disampaikan dengan cepat dan lebih mudah, masyarakat luar daerah pun semakin mengetahui potensi dan kelebihan apa yang dimiliki Kabupaten Ngada yang berada di daratan Flores. Situs web Kabupaten Ngada selain digunakan pada Badan Koordinasi Penanaman Modal Daerah (BKPMD) Kabupaten Ngada, juga dapat digunakan oleh pemerintahan Kabupaten Ngada Propinsi NTT.

1.2

Rumusan Masalah Berdasarkan latar belakang masalah di atas, maka permasalahan yang akan

dibahas adalah bagaimana membangun situs web Pemerintahan Kabupaten Ngada yang berisikan informasi profil daerah, potensi daerah, potensi wisata dan event budaya.


1.3

Batasan Masalah Mengingat banyaknya masalah yang dihadapi oleh pemerintah Kabupaten

Ngada dalam mempromosikan kekayaan alam yang ada di Kabupaten Ngada, penulis berusaha untuk membuat suatu situs yang memuat data dan keterangan yang berhubungan dengan kekayaan alam di Propinsi NTT khususnya Kabupaten Ngada, maka penulis memberi batasan sebagai berikut: 1.3.1

Dilihat dari sisi user / pengunjung situs. Pengunjung

adalah

semua

orang

yang

mengunjungi

website

Kabupaten Ngada. Fasilitas yang dibutuhkan oleh user adalah untuk : •

Melihat Berita Ngada, Potensi Daerah, Potensi Wisata, Event budaya.

1.3.2

•

Melakukan pengisian Buku Tamu.

•

Melihat daftar isi buku tamu.

•

Melakukan pengisian/jawaban Polling.

•

Melihat Polling dan hasil Polling.

•

Melakukan pencarian informasi Kabupaten Ngada.

Dilihat dari sisi administrator. Administrator di sini adalah di bawah pengawasan Dinas pariwisata

atau yang lebih dikenal dengan Badan Koordinasi Penanaman Modal Daerah(BKPMD).


Administrator memiliki password, sehingga selain administrator tidak dapat mengubah data yang ada. Fasilitas yang dibutuhkan oleh administrator adalah untuk : •

Memasukan dan mengolah data Potensi Daerah.

•

Memasukan dan mengolah data Potensi Wisata.

•

Memasukan dan mengolah data Event Budaya.

•

Memasukan dan mengolah data Berita Daerah.

•

Memasukan dan mengolah Polling.

•

Mengolah data Buku Tamu.

Diharapkan bahwa investor/wisatawan dengan cepat dan mudah untuk mengaksesnya dan cepat untuk mendapatkan informasi yang lebih akurat dan terpercaya.

1.4

Tujuan Penulisan Situs web Kabupaten Ngada bertujuan sebagai sarana pendukung dan

penyebarluasan informasi potensi yang ada di Kabupaten Ngada.

1.5

Manfaat Penulisan Kabupaten

Ngada

sebagai

salah

satu

Kabupaten

di

NTT

perlu

mengembangkan diri khususnya pada era otonomi daerah saat ini. Potensi-potensi unggulan daerah dan sarana-sarana pendukung perlu dikembangkan. Begitu pula


dengan kesiapan sumber daya manusia baik di Instansi Pemerintahan maupun Swasta. Situs web Kabupaten Ngada ini diharapkan dapat menjadi sarana yang mendukung pengembangan Kabupaten Ngada. Kecepatan informasi yang didapat pada aplikasi ini tentunya sangat dibutuhkan bagi investor atau orang-orang yang memiliki kepentingan dengan informasi di Kabupaten Ngada. Maanfaat situs web Kabupaten Ngada sangatlah dirasakan oleh Badan Koordinasi Penanaman Modal Daerah (BKPMD) Kabupaten Ngada seperti : 1. Dapat memperkenalkan keberadaan BKPMD di Kabupaten Ngada sebagai salah satu wadah atau sarana untuk mempromosikan kekayaan alam yang ada di Kabupaten Ngada lewat situs web ini. 2. Sebagai bahan pertimbangan antara penanam modal dengan BKPMD Kabupaten Ngada. 3. Membantu pemerintah daerah dalam penambahan devisa atau Pendapatan Asli Daerah (PAD). 4. Terjalin kerjasama yang baik antara Badan Koordinasi Penanaman Modal Daerah (BKPMD), Penanaman Modal, Investasi Masyarakat dan pengguna website. 5. Memberikan informasi kepada investor asing atau investor dalam negeri untuk berinvestasi di Kabupaten Ngada. 6. Dapat memberikan intensif investasi di Kabupaten Ngada Propinsi NTT pada umumnya.


1.6

Metodologi Dalam

perancangan

dan

pembuatan

program

ini

penulis

menggunakan metode Clasic Life Cycle (Waterfall) yang meliputi : 1.6.1

Analisis Akan dilakukan analisa kebutuhan dan pengumpulan data-data yang diperlukan untuk pembuatan website.

1.6.2

Perancangan Menetapkan racangan sistem sesuai dengan hasil analisis yang telah dilakukan terlebih dahulu.

1.6.3

Penulisan program Translasi rancangan yang lebih detil yaitu penulisan program sesuai dengan perancangan yang telah dibuat.

1.6.4

Pengujian program Akan

dilakukan

Testing

untuk

mencari

kesalahan

dengan

mengeksekusi program. Pengujian dilakukan untuk menjamin kualitas website yang telah dibuat.


1.7

Sistematika Penulisan Tahapan dalam penulisan skripsi ini akan terbagi dalam beberapa bagian yaitu: BAB I. Pendahuluan Dalam bab ini membahas tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan penulisan, manfaat penulisan, metodologi dan sistematika penulisan. BAB II. Landasan Teori Pada bab ini akan menjelaskan tentang konsep dasar sistem informasi, nilai dan kualitas informasi, World Wide Web(WWW), tujuan pembuatan situs web, isi situs web pemerintahan daerah, basis data, pemrograman web dan Kabupaten Ngada. BAB III. Analisis dan Perancangan Pada

bab

ini

penulis

menjelaskan

tentang

analisis

dan

perancangan sistem, permasalahan-permasalahan yang dihadapi, kebutuhan user, perancangan basis data dan antarmuka dengan pengguna. BAB IV. Implementasi Pada bab ini berisi implementasi atas rancangan yang telah dilakukan pada Bab III tentang pembuatan website.


BAB V. Hasil dan Pembahasan Kuesioner Pada bab ini berisi tentang pembahasan kuesioner terhadap sistem yang diuji langsung kepada user. BAB VI.Penutup Pada bab ini berisi kesimpulan dari implementasi program secara keseluruhan yang telah dilakukan dan saran-saran untuk pengembangan sistem.


BAB II LANDASAN TEORI

2.1 LANDASAN TEORI 2.1.1

Konsep Dasar Sistem Informasi Sistem informasi adalah suatu sistem didalam suatu organisasi yang

mempertemukan kebutuhan pengolah transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Leitch dan Davis, 1983). Komponen sistem informasi terdiri dari komponen-komponen yang disebutnya dengan istilah blok bangunan (building block) (Burch dan Grudnistki,1986): 1. Blok Masukan Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media untuk menangkap data yang akan dimasukkan, yang berupa dokumen-dokumen dasar. 2. Blok Model Blok ini terdiri kombinasi prosedur, logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.


3. Blok Keluaran Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumen yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem. 4. Blok Teknologi Teknologi digunakan untuk menerima

input,

menjalankan

model,

menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. 5. Blok Basis Data Basis data (Database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras komputer dan digunakan perangkat lunak untuk memanipulasi. 6. Blok Kendali Untuk mencegah terjadinya kerusakan sistem ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.

2.1.2

Nilai Dan Kualitas Informasi Suatu informasi dikatakan bernilai apabila manfaat yang diperoleh

lebih berharga dibandingkan dengan biaya untuk mendapatkannya. Akan tetapi perlu diperhatikan bahwa informasi yang digunakan didalam suatu sistem informasi umumnya digunakan untuk beberapa kegunaan sehingga sulit untuk menghubungkan antara informasi tentang suatu masalah dengan biaya untuk


memperolehnya, karena sebagian besar informasi digunakan tidak hanya oleh satu pihak saja didalam perusahaan. Nilai informasi didasarkan atas sepuluh sifat, yaitu (Sutabri,2003): 1. Mudah diperoleh 2. Luas dan lengkap 3. Ketelitian 4. Kecocokan 5. Ketepatan waktu 6. Kejelasan 7. Keluwesan 8. Dapat dibuktikan 9. Tidak ada prasangka 10. Dapat diukur. Informasi bernilai sempurna apabila pengambil keputusan dapat mengambil keputusan secara optimal dalam setiap hal, dan bukan keputusan yang “ rata-rata” akan menjadi optimal dan untuk menghindari kejadiankejadian yang akan mendatangkan kerugian. Sedangkan kualitas informasi tergantung dari tiga hal yaitu (Sutabri,2003): •

Akurat (accurate) Informasi harus bebas dari kesalahan, tidak menyesatkan dan harus jelas mencerminkan maksudnya. Informasi harus akurat karena dari sumber


informasi sampai ke penerima informasi mungkin banyak mengalami gangguan (noise) yang dapat mengubah atau merusak informasi tersebut. •

Tepat waktu (Timelines) Informasi yang sampai pada si penerima tidak boleh terlambat. Informasi yang sudah usang tidak akan mempunyai nilai lagi. Karena informasi merupakan landasan didalam pengambilan keputusan.

•

Relevan (relevance) Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk setiap orang, satu dengan lainnya adalah berbeda.

2.2

WORLD WIDE WEB (WWW) 2.2.1

Pengenalan WWW WWW atau yang sering disebut dengan World Wide Web (Jaringan

Dunia Luas) merupakan salah satu layanan yang didapatkan oleh pemakai komputer yang terhubung ke internet. Web awalnya sebagai penyedia informasi dalam internet. Dengan menggunakan teknologi hypertext, pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Internet awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail sampai dengan chating hingga sebagai media transaksi bisnis.


2.2.2

Proses kerja WWW Proses kerja Web mencakup dua hal penting, yaitu: software web

browser dan software web server. Kedua software ini bekerja seperti sebuah sistem client dan server. Web browser yang bekerja sebagai client memungkinkan kita dapat menginterpretasikan dan melihat informasi pada web, sedang web server yang bertindak sebagai server memungkinkan kita untuk menerima informasi yang diminta oleh browser (Sampurna,1996). Jika suatu permintaan akan suatu informasi datang, web server mencari file yang diminta tersebut kemudian mengirimkan ke browser yang memintanya. Ada beberapa hal yang bersifat teknis yang mempengaruhi proses kerja web, yaitu: 1. HTTP (Hypertext Transfer Protocol) HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web server dalam menyediakan dokumen yang diminta web browser. Protokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen HTML. 2. URL (Uniform Resource Locator) URL adalah suatu sarana yang digunkan utnuk menentukan lokasi informasi pada suatu web server. URL dapat diibaratkan sebagai suatu alamat, dimana alamat itu terdiri dari: •

Protokol yang digunakan oleh suatu browser.

•

Nama dari komputer dimana informasi itu berada.


•

Jalur/Path serta nama file di suatu informasi.

Format umum dari suatu URL adalah sebagai berikut: Protokol Transfer: http: // nama_host / path / nama_file contoh dari URL: http: //situs_web / skripsi / indeks.html dimana: •

http adalah protokol yang digunakan.

•

Situs_web adalah nama dari server komputer. Dimana informasi yang dicari berada.

•

Skripsi adalah jalur/path dari informasi yang dicari.

•

Indeks.html adalah nama file dimana informasi tersebut berada.

3. Protokol Transfer Protokol transfer aladah suatu protokol yang digunakan untuk mengirim informasi di internet. HTTP adalah salah satu protokol transfer yang merupakan standar untuk suatu dokumen web. Selain protokol HTTP, dalam internet juga dikenal beberapa protokol lain diantaranya adalah: FTP (File Transfer Protocol), Gopher, News dan Telnet.


4. DNS (Domain Name System) Komputer-komputer di internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer yang berkembang dengan cepat. Sistem penamaan server komputer ini adalah DNS (Domain Name System). DNS membuat suatu tingkat-tingkat domain, yang merupakan kelompok komputer yang terhubung ke internet. Contoh name domain: com, edu, int, mil, net, org, dll. 5. Homepage Setiap perusahaan atau pribadi yang mempunyai informasi di WWW memerlukan suatu alamat URL khusus yang disebut situs web. Setiap informasi ini disimpan dalam suatu file yang berbeda-beda yang disebut Web page. Di dalam web page inilah tersimpan berbagai informasi dan link yang menghubungkan suatu informasi ke informasi lainnya, baik itu di dalam web page yang sama, ataupun di dalam web page yang lain pada situs web yang berbeda. Sebelum mengakses berbagai informasi pada suatu situs web, maka akan menemui suatu web page pembuka yang disebut homepage. 6. Browser Untuk mengakses situs web memerlukan suatu program yang disebut web browser atau biasa disebut dengan browser saja. Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Informasi-informasi ini


biasanya dikemas dalam page-page, dimana setiap page bisa mempunyai beberapa link yang menghubungkan web page tersebut ke sumber informasi lainnya. Jika suatu link diklik, browser akan melihat alamat dari tujuan link tersebut, dan kemudian mencarinya di web server. Jika browser menemukan alamat dari tujuan link tersebut, browser akan menampilkan informasi yang ada, dan jika tidak menemukan, browser akan memberikan suatu pesan yang menyatakan bahwa alamat tujuan link tersebut tidak dapat ditemukan.

2.3

Menentukan Tujuan Pembuatan Situs Web 2.3.1

Membuat Tipe Situs Web Sangatlah penting untuk mengetahui alasan utama mengapa harus

membuat situs web tersebut, situs web tersebut mempunyai dua tipe situs web yaitu; situs web pribadi dan situs web professional. Menentukan situs web yang akan dibuat sangatlah penting membantu dalam menetapkan fokus situs web itu sendiri (Leitch dan Davis, 1983). 2.3.2

Menentukan Audiens Audiens adalah salah satu faktor penunjang yang perlu diperhitungkan

karena kita bisa mendesain dan membuat situs web sesuai dengan kebutuhan dan kemampuan yang dimiliki oleh audiens dan tidak kalah penting dari golongan mana audiens yang akan kita bidik (Leitch dan Davis, 1983).


2.3.3

Merencanakan Situs Web Mulailah membuat daftar informasi yang ingin disertakan dalam situs.

Daftar ini akan terus berubah karena perancang selalu memikirkan perubahan serta pengembangan. Masukkan beberapa item dari daftar kemudian tentukan banyaknya informasi yang akan ditampilkan. Merencanakan struktur situs lebih mudah jika dilakukan dengan ketelitian sehingga memperkecil kemungkinan akan adanya kesalahan dalam mendesain situs web (Leitch dan Davis, 1983). 2.3.4

Mengatur Situs Web Setelah merencanakan desain, kemudian memutuskan bagaimana

untuk menjelajah situs web tersebut. Situs web adalah salah satu bentuk baru dari media interaktif sehingga bisa mempengaruhi pemakai menjelajah situs. Apakah pemakai bisa pindah ke halaman seberang homepage tertentu. Pada situs web yang kecil tidak salah bila tiap halaman diakses dari homepage tetapi pada situs yang besar dan rumit homepage bisa dijelajah dengan hypertext. Semakin kompleks sebuah situs semakin banyak waktu dan uang yang diserap dalam memeliharanya. Program homepage merupakan pusat kendali perancang hyperlink dari web tersebut (Leitch dan Davis, 1983).

2.4

Isi Situs Web Pemerintah Daerah Unsur terpenting dari sebuah tampilan yang efektif situs web di internet adalah

isi (content) dan disain yang baik serta menarik. Organisasi yang ada di Pemerintah Daerah hendaknya mengembangkan situs-situs web dengan isi yang selalu baru serta


ditulis dengan baik, jelas, dan singkat yang memenuhi kebutuhan masyarakat luas, serta mudah diakses. Suatu informasi mutakhir yang dipublikasikan pada situs web di internet hendaknya bersamaan dengan publikasi yang ada di media lain. Sebuah situs web pemerintah daerah mempunyai persyaratan minimal untuk isi. Pengelola situs web pemerintah daerah harus mampu menentukan apa yang diharapkan oleh para pengguna mengenai apa yang seharusnya ada di situs web. Organisasi-organisasi yang ada di pemerintah daerah sendirilah yang akan menentukan bagaimana sebaiknya mengatur isi dengan memperhatikan masyarakat pengguna situs web bersangkutan. Analisis dan pengetahuan mengenai masyarakat pengguna untuk sebuah situs web adalah penting, karena adanya kemungkinan perbedaan yang cukup besar antara masyarakat untuk bagian-bagian situs web yang berbeda, atau untuk situs-situs web yang berbeda di dalam sebuah tingkat organisasi pemerintahan daerah. Pada saat merencanakan dan mengembangkan situs web pemerintah daerah, sebaiknya dilakukan riset pasar yang dilakukan berulang kali untuk mendapatkan masukan tentang isi yang disajikan pada situs web pemerintah daerah.

2.4.1 Isi Minimal Situs Web Pemerintah Daerah Berdasarkan hasil pengamatan pada 90 (sembilan puluh) situs web pemerintah daerah, dan hasil Jajak Pendapat pada 90 (sembilan puluh) pengelola situs website pemerintah daerah, isi minimal pada setiap situs web pemerintah daerah adalah (http://www.kominfo.go.id.):


1) Selayang Pandang Menjelaskan secara singkat tentang keberadaan Pemerintah Daerah bersangkutan (sejarah, motto daerah, lambang dan arti lambang, lokasi dalam bentuk peta, visi dan misi). 2) Pemerintahan Daerah Menjelaskan struktur organisasi yang ada di Pemerintah Daerah bersangkutan (eksekutif, legislatif) beserta nama, alamat, telepon, e-mail dari pejabat daerah. Jika memungkinkan biodata dari Pimpinan Daerah ditampilkan agar masyarakat luas mengetahuinya. 3) Geografi Menjelaskan antara lain tentang keadaan topografi, demografi, cuaca dan iklim, sosial dan ekonomi, budaya dari daerah bersangkutan. Semua data dalam bentuk numeris atau statistik harus mencantumkan nama instansi dari sumber datanya. 4) Peta Wilayah dan Sumberdaya Menyajikan batas administrasi wilayah dalam bentuk peta wilayah (sebaiknya digunakan peta referensi yang dikeluarkan oleh Badan Koordinasi Survei dan Pemetaan Nasional Bakosurtanal, atau instansi pemerintah lainnya yang mempunyai tugas pokok dalam fungsi pembuat peta) dan juga sumberdaya yang dimiliki oleh daerah bersangkutan dalam bentuk peta sumberdaya (digunakan peta referensi yang dikeluarkan oleh


instansi pemerintah yang mempunyai tugas pokok dan fungsi pembuat peta) yang dapat digunakan untuk keperluan para pengguna.

Perlu dibedakan pengertian antara sumberdaya dan potensi daerah. Potensi daerah adalah sesuatu yang tersimpan/ terkandung pada suatu lokasi akibat daerah tersebut memiliki berbagai faktor, antara lain posisi atau letak, akses (misalnya, letak jauh tetapi dapat dicapai akibat tersedianya prasarana pergerakan yang dapat dibangun sejauh memenuhi suatu kondisi kelayakan tertentu) atau sesuatu yang tersimpan di dalam benda tersebut, yang tersimpan inilah yang disebut sebagai sumberdaya (baik manusia maupun natural). Suatu potensi daerah lokasinya bisa dinyatakan oleh Pemerintah Daerah setempat (berdasarkan hasil suatu riset), Di sisi lain, berdasarkan analisis data dan informasi sumberdaya yang ada, pihak investor bisa juga menyatakan suatu potensi daerah di suatu lokasi tertentu. 5) Peraturan/Kebijakan Daerah Menjelaskan Peraturan Daerah (Perda) yang telah dikeluarkan oleh Pemerintah Daerah bersangkutan. Melalui situs web pemerintah daerah inilah semua Perda yang telah dikeluarkan dapat disosialisasikan kepada masyarakat luas.


6) Buku Tamu Tempat untuk menerima masukan dari pengguna situs web pemerintah daerah bersangkutan. Selain isi minimal seperti tersebut diatas, isi lainnya yang akan disajikan pada suatu situs web pemerintah daerah diserahkan sepenuhnya kepada masingmasing Penanggungjawab Situs dan Manajer Situs web pemerintah daerah, tergantung pada kondisi setempat dan kesediaan data serta informasi yang dimiliki oleh daerah bersangkutan. Jika di dalam situs web pemerintah daerah akan dimasukkan berita, sebaiknya berita yang disajikan adalah berita dari lingkungan eksekutif dan legislatif pemerintah daerah setempat, bukan diambil dari surat kabar lokal. Diharapkan berita situs web pemerintah daerah menjadi acuan atau referensi untuk berita yang diterbitkan oleh surat kabar lokal.


2.4.2 Homepage Pemerintah Daerah

Gambar 2.1 (berbagai contoh situs web Pemerintah Daerah) Homepage pada suatu situs web identik dengan sampul suatu buku yang dipublikasi. Suatu bentuk homepage yang menarik akan mempunyai kesan tersendiri bagi pengunjung situs web untuk ingin mengetahui lebih jauh tentang isi dari situs web bersangkutan. Suatu homepage dari situs web pemerintah daerah minimal menyangkut hal-hal sebagai berikut : a) nama Pemerintah Daerah. b) logo atau simbol Pemerintah Daerah. c) alamat kantor, nomor telepon dan fax, alamat e-mail Pemerintah Daerah.


d) suatu gambar dalam bentuk citra (image) yang memberikan informasi tentang sesuatu yang menarik dari daerah bersangkutan (landmark), bisa berbentuk pemandangan, gedung monumental, atau produk unggulan. e) suatu teks kalimat yang berhubungan dengan keberadaan situs web pemerintah daerah (jargon). f) kontak e-mail (alamat e-mail Manajer Situs) untuk menyampaikan suatu permintaan atau keterangan. g) link dengan isi yang tersedia pada situs web pemerintah daerah. h) fasilitas pencarian. Khusus untuk kontak e-mail, hanya alamat e-mail yang mempunyai domain .go.id

yang bisa digunakan. Pemakaian

alamat generik (seperti

‘manajersitus’, ‘sekda’) lebih diutamakan daripada alamat/nama pribadi, hal tersebut dikaitkan dengan kemungkinan terjadinya perubahan personil pada manajemen situs web pemerintah daerah. Penanggungjawab situs web harus memastikan bahwa semua e-mail ke alamat-alamat yang dituju dijawab dengan segera, seperti halnya komunikasi fisik atau komunikasi elektronik lainnya dengan instansi Pemerintah Daerah setempat. 2.4.3 Akuntabilitas Isi 2.4.3.1 Sangkalan Mengenai Isi Situs web pemerintah daerah secara umum tidak perlu memuat sangkalan tentang suatu isi (data dan informasi) yang terdapat pada situs web Pemerintah Daerah. Tidak ada alasan untuk memasukkan sebuah


sangkalan umum pada suatu situs web seperti halnya yang dilakukan pada bahan yang sama pada media cetak. Merupakan tanggung jawab instansi, termasuk menyimpan bahan pada situs web secara akurat dan mutakhir, dan secara jelas menunjukan periode waktu suatu data dan informasi disebut baru, serta lokasi yang menggantikannya bilamana terdapat bahan-bahan yang telah usang disajikan. Sebuah penilaian mengenai suatu sangkalan isi apakah diperlukan atau tidak hanya dapat dilakukan atas dasar kasus demi kasus. Pengelola situs web pemerintah daerah perlu mempertimbangkan kecermatan mengenai bahan, sumber bahan, dan kehandalan bahan bersangkutan. Jika suatu data atau informasi bersumber dari instansi pemerintah, baik pusat maupun daerah otonom, umumnya tidak wajar untuk disangkal. 2.4.3.2 Kecermatan Isi dan Legitimasi Kebutuhan akan perhatian terhadap keakuratan dan tepat waktu dari suatu data dan informasi akan meningkat sesuai dengan peningkatan inter aktifitas dari sebuah situs web. Pemeliharaan rutin situs web pemerintah daerah dengan demikian merupakan suatu masalah penting, dan dapat disederhanakan dengan cara : (1)

pemberian informasi yang sederhana.

(2)

bentuk sederhana untuk download.

(3)

formulir online.


Informasi yang dipublikasi pada sebuah situs web pemerintah daerah harus sesuai dengan prosedur yang berlaku pada publikasi non elektronik agar mempunyai legitimasi yang sama. Hal ini berarti jika terdapat suatu kesalahan publikasi pada internet akan mempunyai konsekuensi yang sama pula jika dipublikasi secara non elektronik. Informasi yang dapat dipublikasikan pada internet harus mengacu pada aturan yang berlaku, baik menurut Undang-Undang maupun Peraturan Daerah.

2.5

Basis Data Basis data merupakan kumpulan dari data yang saling terhubung satu dengan

yang lainnya. Penerapan basis data dalam sistem informasi disebut dengan sistem basisdata (Yogiyanto,1999). Basis data dapat juga diartikan sebagai kumpulan data tentang suatu benda atau kejadian yang saling berhubungan satu sama lain (Waljiyanto,2000). Sistem basis data adalah suatu sistem informasi yang mengintegrasikan kumpulan

dari

data

yang

saling

terhubung

satu

dengan

yang

lainnya

(Yogiyanto,1999). Alasan-alasan diperlukannya basis data adalah: •

Salah satu komponen penting dalam sistem informasi, karena merupakan dasar dalam menyediakan informasi.


•

Menentukan kualitas informasi: akurat, tepat pada waktunya relevan. Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.

•

Mengurangi duplikasi data (data redudancy)

•

Hubungan data dapat ditingkatkan (data relatability)

•

Mengurangi pemborosan tempat simpanan luar.

Beberapa istilah dalam perancangan basis data (Faried Irmansyah,2003): 1. Karakter Karakter merupakan bagian data yang terkecil, dapat berupa karakter numerik, huruf ataupun karakter-karakter khusus (special characters) yang membentuk suatu item data/field. 2. Field Field merepresentasikan suatu atribut dari record yang menunjukan suatu item dari data, seperti misalnya nama, alamat dan lain sebagainya. Kumpulan dari field membentuk suatu record. Field name harus diberi nama untuk membedakan field yang satu dengan yang lainnya. 3. Record Record merupakan kumpulan dari field membentuk suatu record. Record menggambarkan suatu unit data individu yang tertentu. Kumpulan dari record membentuk suatu file.


4. File File terdiri dari record-record yang menggambarkan satu kesatuan data yang sejenis. Misalnya file mata pelajaran berisi data tentang semua mata pelajaran yang ada.

2.6

Entity Relationship Diagram (ERD) ERD merupakan notasi grafis dalam pemodelan data konseptual yang

mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relatif kompleks. Dengan ERD kita dapat menguji model dengan mengabaikan proses yang harus dilakukan. Dan dengan ERD kita mencoba menjawab pertanyaan seperti; data apa yang kita perlukan? Bagaimana data yang satu berhubungan dengan yang lain?(Faried Irmansyah, 2003). Dalam pemodelan ini dilakukan tahapan sebagai berikut: •

Memilih entity-entity yang akan disusun dalam basis data dan tentukan hubungan antara entity yang telah dipilih.

•

Melengkapi atribut-atribut yang sesuai pada entity dan hubungan sehingga diperoleh bentuk tabel normal penuh.


ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan struktur dan hubungan antar data. Pada dasarnya ada tiga macam simbol yang digunakan yaitu: 1.

Entity Entity adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat. Entity digambarkan dalam bentuk persegi empat.

Gambar 2.2 Entity 2.

Atribut Entity mempunyai elemen yang disebut atribut, dan berfungsi mendeskripsikan karakter entity. Setiap ERD bisa terdapat lebih dari satu atribut. Atribut digambarkan dalam bentuk elips.


Gambar 2.3 Atribut 3.

Hubungan (Relationship) Relationship; sebagaimana halnya entity maka dalam hubungan pun harus dibedakan antara hubungan atau bentuk hubungan antar entity dengan isi dari hubungan itu sendiri. Relationship digambarkan dalam bentuk intan/diamond.

Gambar 2.4 Relasi


Jenis-jenis hubungan: •

One to one relationship dua entitas Hubungan antara entitas pertama dengan entitas kedua adalah satu lawan satu.

Entitas A

1

1

Entitas B

Gambar 2.5 Relasi one to one

•

One to many relationship dua entitas Hubungan antar entitas pertama dengan entitas kedua adalah satu lawan banyak atau dapat dibalik menjadi banyak lawan satu.

Entitas A

1

n

Entitas B

Gambar 2.6 Relasi one to many


•

Many to many relationship dua entitas Hubungan antar entitas pertama dengan entitas kedua adalah banyak lawan banyak.

Entitas A

n

n

Entitas B

Gambar 2.7 Relasi many to many

2.7

Data Flow Diagram (DFD) Data Flow Diagram sering digunakan untuk menggambarkan suatu sistem yang

telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misal lewat telepon, surat dan sebagainya). DFD merupakan alat yang digunakan pada metodologi pengembangan sistem terstruktur (Yogiyanto, 1999). Beberapa simbol yang digunakan di DFD untuk maksud mewakili: 1.

External entity (kesatuan keluar) Suatu sistem pasti mempunyai batas sistem (boundary) yang memisahkan

suatu sistem dengan lingkungan luarnya. Sistem akan menerima input dan


menghasilkan output kepada lingkungan luarnya. Kesatuan luar (External entity) merupakan kesatuan (entity) di lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input dan output dari sistem. Suatu kesatuan luar dapat disimbolkan dengan suatu notasi kotak sebagai berikut:

Gambar 2.8 Notasi kesatuan luar di DFD 2.

Data Flow (arus data) Arus data (data flow) di DFD diberi simbol suatu anak panah. Arus data

ini mengalir diantara proses (process), simpan data (data store) dan kesatuan luar (external entity). Arus data dapat disimbolkan dengan suatu notasi anak panah sebagai berikut:


Gambar 2.9 Arus data di DFD 3.

Process (proses) Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin,

atau komputer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses. Untuk physical data flow diagram (PDFD), suatu proses hanya menunjukan proses dari komputer. Suatu proses dapat ditunjukan dengan simbol lingkaran atau dengan empat persegi panjang tegak dengan sudut-sudutnya tumpul.

Identifikasi atau

Nama Proses

Gambar 2.10 Notasi proses di DFD


4.

Data store (simpanan data) Simpanan data (data store) di DFD dapat disimbolkan dengan sepasang

garis horizontal paralel.

Nama Data Store

Gambar 2.11 Simpanan data di DFD Data Flow Diagram (DFD) digunakan sebagai model untuk melihat apa yang diproses atau dikerjakan sistem. Diagram konteks merupakan awal DFD sebelum masuk ke dalam diagram yang lebih rinci (Yogiyanto, 1999).

0 Entitas A

Sistem

Gambar 2.12 Diagram Konteks

Entitas B


2.8

Pemrograman Web 2.8.1

HTML HTML(Hypertext Markup Language) merupakan suatu bahasa skrip

yang digunakan untuk menulis halaman web yang kemudian diletakkan dalam world wide web. Bersama dengan HTML inilah terminologi homepage diperkenalkan. Dokumen web dapat berisikan gambar, grafik, tulisan, suara dan bisa juga memuat link ke dokumen atau site lain di internet. Program HTML bisa ditulis menggunakan notepad, MS-Word, HTML Editor WYSIWYG atau yang lainnya. File tersebut kemudian disimpan dengan ekstensi.htm atau.html. Seperti halnya program lain, HTML memiliki suatu susunan program yang bisa ditulis dengan huruf besar maupun kecil. Secara lengkapnya adalah sebagai berikut: Progam diletakkan di sini


2.8.2

ASP.NET ASP.NET merupakan suatu platform pengembangan web yang

menyediakan service-service penting bagi pengembangan untuk membangun suatu aplikasi web enterprise. ASP.NET merupakan kumpulan teknologi didalam .NET Framework untuk membangun suatu aplikasi web dan XML web services. Halaman ASP.NET dieksekusi pada server sehingga menghasilkan markup seperti : HTML, XML atau browser desktop. ASP.NET menyediakan model infrastruktur dan model pemograman aplikasi yang stabil. Halaman ASP.NET menggunakan model pemograman event-drive yang meningkatkan performasi dan memungkinkan pemisahan antara aplikasi logic dan antar muka user (Andrew Duthie, 2001) Beberapa kelebihan dari ASP.NET adalah sebagai berikut : 1.

Peningkatan performance ASP.NET merupakan kode CLR (Common Language Runtime) yang dikompilasi dan berjalankan pada server. Berbeda dengan interpreter terdahulunya, ASP.NET dapat mengambil keuntungan dari kompilasi justin-time, optimasi native dan service caching.

2.

Fleksibilitas Oleh karena ASP.NET berbasis pada CLR. Kemampuan dan fleksibilitas seluruh platform tersedia untuk pengembangan aplikasi web. Library class .NET framework, messanging, dan solusi data acces, semuanya dapat


diakses dari web. ASP.NET juga merupakan language-independent, sehingga memudahakan kita untuk memilih bahasa yang tepat dalam implementasi aplikasi. 3.

Kesederhanaan Menyediakan kemudahan bagi pemakai untuk melakukan sejumlah pekerjaan umum, dari yang paling sederhana dan otentikasi sampai ke penyebaran aplikasi serta konfigurasi.

4.

Mudah diatur Informasi konfigurasi ASP.NET disimpan sebagai teks sederhan sehingga pengaturan

baru

memungkinkan

dilakukan

tanpa

bantuan

tools

administrasi. aplikasi yang dihasilkan dapat disebarkan secara sederhana dengan hanya dengan meng-copy file ke server dan tidak perlu melakukan restart server. 5.

Skalabilitas dan ketersediaan ASP.NET di desain dengan pertimbangan skalabilitas dan fitur-fitur khusus

untuk

meningkatkan

performance

di

dalam

lingkungan

multiprosesor serta cluser. 6.

Keamanan ASP.NET dibangun dalam otentikasi windows, hal ini memastikan bahwa aplikasi dapat berjalan dengan aman. Bagaimanapun juga, proteksi system operasi ikut menjaga aplikasi dari pengaksesan user yang tidak diizinkan.


Model ASP.NET menyediakan sejumlah peningkatan performance yang tidak tercakup di dalam ASP. Ada dua peningkatan yang terlibat di dalam pemrosesan request HTTP. Pertama, saat halaman di-request untuk pertama kalinya, instance dari class page secara dinamis akan dikompilasi. Kedua, apabila dari page dikompilasi untuk request pertama kali, maka akan di-cache pada server. Untuk melayani tiap-tiap subsekuen request pada halaman tersebut, instance

yang

telah

di-cache

akan

dieksekusi.

Penggunaan

cache

memungkinkan server untuk memberikan response ke client dengan lebih cepat (Didik Riyanto, 1999).

2.8.3

Visual Basic .NET Visual Basic .NET adalah inti dari konsep-konsep dan teknologi yang

mendasari alat-alat pengembangan terbaru milik Microsoft. Bahasa ini bebas dan terikat, yang berarti user bebas untuk bekerja dalam bahasa yang user atau perusahaan inginkan. Karena itu dengan menggunakan Visual Basic .NET dapat dibuat berbagai aplikasi yang berbeda-beda termasuk aplikasi-aplikasi multimedia dan aplikasi-aplikasi berbasis Web. Pada output atau layer interace pengembangan aplikasi terdapat aplikasi “Windows” menggunakan fitur-fitur form baru dari Visual Basic .NET untuk membangun interface berbasis multimedia, berbasis halaman Web dengan menggunakan Web Form, dan bagaimana membuat Web Service sederhana yang dapat dapat mengekspose sendiri pada Web yang dapat digunakan dari


semua bahasa pemrograman atau platform yang dapat mengakses Web dan mengetahui XML. Perlengkapan-perlengkapan

yang

terdapat

pada

.NET

dapat

diklasifikasikan sebagai sebuah kombinasi fitur perangkat keras dan perangkat lunak yang didesain bekerja dengan .NET yang berbasis pelayanan dan aplikasi (Yahya Kurniawan,2003). 2.8.3.1

IDE Visual Basic. NET Lingkungan Visual Basic adalah tempat dimana semua aplikasi akan

dikerjakan dan dirancang, tempat mengambil komponen, membuat tampilan, mengedit aplikasi, dan sebagainya.

Gambar 2.13 Lingkungan Visual Basic .NET


Beberapa komponen penting dari lingkungan Visual Basic .NET adalah sebagai berikut : 1. Menu Bar Berfungsi untuk memilih tugas-tugas tertentu seperti memulai, membuka, dan menyimpan project, mengompilasi project menjadi file executable (EXE) dan lain-lain 2. ToolBar Toolbar mempunyai fungsi yang sama seperti menu bar, dan juga berfungsi

seperti

jalan

pintas,

karena

lebih

praktis

dalam

penggunaanya. 3. Jendela ToolBox ToolBox Standard berisi komponen-komponen yang merupakan sarana membentuk user interface. 4. Jendela Form Designer Form designer merupakan tempat untuk merancang user interface. Di sinilah tempat meletakkan kontrol-kontrol yang dibutuhkan. 5. Jendela Project Jendela Project adalah jendela yang menampilkan semua file yang berhubungan dengan aplikasi/project yang saat itu dijalankan.


6. Jendela Properties Jendela ini berisi daftar properti untuk objek (form atau kontrol) yang dipilih dan berfungsi untuk mengatur karakteristiknya, seperti warna, ukuran, dan lain-lain. 7. Jendela Form Layout Jendela ini akan menunjukkan tampilan form pada saat dijalankan. 8. Jendela Kode Jendela ini merupakan tempat untuk menuliskan kode-kode bagi objek yang dibuat. Melalui jendela ini, dapat diatur karakteristik dari form yang dibuat. Visual Basic .NET juga bekerja dengan menggunakan DataSet sebagai alternatif .NET yang menyediakan model disconect total dari akses data melalui DataSet (System.Data.DataSet). DataSet mampu mempunyai informasi, biasanya dari database, meskipun bisa dari mana saja, diambil pada DataSet pada saat data menjadi bebas dari sumber mula-mula. Sebuah DataSet dapat menangani informasi tabel, multiple, membuat jalur hubungan antara tabel tersebut bahkan memperbaiki pandangan berbeda untuk setiap tabel tunggal. Objek tersebut akan seperti database lengkap yang duduk dalam memori selama masih mampu pada penggunaan sederhana dengan seperangkat hasil (Yahya Kurniawan, 2003).


2.8.3.2

Penggunaan DataSet Dalam mempelajari Visual Basic .NET ada beberapa hal penting yang

harus diperhatikan pada penggunaan DataSet, yaitu : 1. Mendapatkan Data dalam DataSet Untuk menempatkan data dari database pada DataSet, perlu menggunakan tipe objek lain yaitu sebuah data adapter. Objek data adapater, SQLDataAdapater dan OleDBDataAdapter, didesain untuk menyediakan perekat atau sambungan diantara database dan objek DataSet. Sambungan ini bekerja dalam dua bagian, mengisi DataSet dan kemudian mengirim perubahan pada DataSet kembali pada sumber data untuk memperbarui yang aslinya. 2. Mengarahkan Data Setelah meletakkan beberapa data pada DataSet dan ingin berpindah melalui informasi tersebut maka suatu objek yang akan bekerja dengannya bukanlah DataSet saja. Karena ini mempunyai potensi menampilkan beberapa tabel yang berbeda, tetapi objek DataTable berhubungan pada data yang terambil. 3. Mengedit Data Code untuk mengubah database melalui objek DataSet. Database sendiri tidak mengetahui tentang DataSet tersebut, meskipun database dimodifikasi melalui penggunaan pernyataan SQL. Perubahan yang dilakukan pada DataSet akan diterjemahkan oleh dataAdapter melalui


pernyataan SQL yang perlu dieksekusi pada database. Tentu saja dapat secara sederhana mengeksekusi semua pernyataan UPDATE, INSERT, dan DELETE langsung, tetapi model DataSet mempunyai keuntungan pada waktu disconnect (menghindari penggunaan sumber server selama menunggu interaksi pengguna) dan menjadi sederhana (menggunakan metode objek seperti Delete, daripada pernyataan SQL yang dibangun sendiri). Mengambil tiga tipe modifikasi data, menambah, mengedit, dan menghapus satu pada suatu waktu akan melihat bagaimana dengan mudah memanipulasi data melalui metode objek Data Table dan Data Row. 4. Menambah Record Setelah membuat DataTable dapat mengakses isinya melalui koleksi Rows yang akan menamilkan objek DataRowCollection: Dim drRows As DataRowCollection DrRows = objTable.Rows

Objek tersebut menampilkan semua record dalam tabel sebagai koleksi dari DataRow.Koleksi tersebut menyediakan sebuah metode, Add, untuk membuat record bar. Metode ini dapat dipanggil dengan dua cara ; dengan array dari field untuk record baru atau dengan objek DataRow tunggal yang menampilkan informasi untuk menambah. Metode kedua, dengan memanggilnya dengan sebuah DataRow, memerlukan cara untuk mendapatkan suatu objek baris baru yang


mempunyai skema yang sama (field yang sama, dengan tipe data dan ukuran yang sama) sebagai baris sisa dari tabel dan DataTable sendiri menyediakannya melalui metode NewRow. 5. Menghapus Record Menghapus

record

dari

tabel

data

disempurnakan

dengan

menggunakan metode Delete dari objek DataRow tertentu. Pada metode Delete menandai baris sudah dihapus tapi tidak benar-benar menghapus objek DataRow dari DataRowCollection. Ini adalah kritis karena menu untuk objek menjadi tak terhapus dan menyediakan informasi untuk memperbarui sumber data dengan menghapus record tersebut kembali pada tabel mula-mula. Ada beberapa metode. Remove dan RemoveAt, dari class DataRowCollection yang mengambil objek DataRow spesifik melalui koleksi.

2.9

Adobe Photoshop 7.0 Adobe Photoshop 7.0 merupakan salah satu paket aplikasi yang dapat

digunakan untuk mengolah data gambar, maka aplikasi ini terkenal sebagai salah satu pendukung multimedia yang menggunakan media gambar. Software ini merupakan program editing image yang memungkinkan untuk membuat dan menghasilkan image digital dengan kualitas tinggi, serta dapat mengontrol biaya produksi, Adobe Photoshop dapat memanipulasi photo yang discan, slide dan karya seni lainnya yang dibuat dari berbagai macam cara.


2.4 PARADIGMA SYSTEM DEVELOPMENT LIFE CYCLE Metode pembuatan sistem menggunakan paradigma System Development Life Cycles memiliki urutan pengerjaan sebagai berikut : 1. Analysis (Analisis) Mengidentifikasi dan analisis terhadap kebutuhan dari semua elemen sistem dengan pengumpulan data. 2. Design (Perancangan) A. Perancangan sistem Merancang sistem dan mendistribusuikannya ke dalam Diagram alir Data (DAD). B. Perancangan Basis Data Merancang sistem dan mendistribusikannya ke dalam Diagram Relasi Entitas (ER-D) C. Perancangan Antarmuka dengan Pengguna D. Perancangan Program 3. Coding (Penulisan Program) Penulisan program sesuai dengan perancangan yang dibuat secara mendetail. 4. Testing (Uji Coba) Dilakukan testing (uji coba) guna mencari kesalahan dengan cara mengeksekusi program.


BAB III ANALISIS DAN PERANCANGAN

3.1

KABUPATEN NGADA Kabupaten Ngada adalah salah satu dari 15 Kabupaten berada di dalam

Negara Kesatuan Republik Indonesia, Propinsi Nusa Tenggara Timur dan terletak di pulau Flores bagian Barat dengan Luasnya 3.037,88 km2, tepatnya terletak disebelah Selatan Katulistiwa pada koordinat 8° LS dan 120° 45’ BT sampai dengan 121° 50’ BT . Wilayah Kabupaten Ngada baik daratan maupun perairan laut seluas 993.776 ha dan luas laut 689.988 ha, dan panjang pantai Utara 105 km (seluas 344.363 ha) dan panjang pantai Selatan 114 km (seluas 345.625 ha). Kabupaten Ngada termasuk daerah yang beriklim tropis. Rangkaian gunung dan perbukitan merupakan kekhasan topografi Kabupaten Ngada. Kabupaten Ngada beribukota Bajawa dan secara administrasi dibagi dalam 11 kecamatan 142 desa dan 31 kelurahan.Memasuki era otonomi daerah maka untuk lebih memacu pembangunan di Kabupaten Ngada maka pemerintah Kabupaten Ngada pada tahun 2003 menambah 3 Kecamatan baru sehingga total menjadi 14 kecamatan di Kabupaten Ngada.14 Kecamatan tersebut adalah: •

Kecamatan Aimere

•

Kecamatan Jerebuu

•

Kecamatan Ngada Bawa


•

Kecamatan Golewa

•

Kecamatan Mauponggo

•

Kecamatan Keo Tengah

•

Kecamatan Nangaroro

•

Kecamatan Boawae

•

Kecamatan Bajawa

•

Kecamatan Soa

•

Kecamatan Riung

•

Kecamatan Riung Barat

•

Kecamatan Aesesa

•

Kecamatan Wolowae

3.2

Analisa Sistem 3.2.1 Analisa Masalah Kabupaten Ngada memiliki aneka potensi seperti pertanian, pariwisata dan pertambangan. Namun keterbatasan akses informasi dan manajemen menjadikan Kabupaten Ngada semakin terbelakang dan hampir tidak dikenal oleh masyarakat Indonesia khususnya Propinsi NTT.


3.2.2

Analisa Kelayakan Berdasarkan analisa masalah di atas, sistem ini layak untuk dibangun,

mengingat pentingnya informasi tentang potensi yang dimiliki Kabupaten Ngada. Oleh karena itu, penulis mempunyai keinginan untuk membuat situs web yang dapat memberikan informasi yang bermanfaat bagi user/pengguna. Sistem informasi mengenai Situs Web Kabupaten Ngada yang akan dikembangkan oleh penulis memiliki karakteristik sebagai berikut: 1.

Sederhana: Sistem ini akan dibuat sesederhana mungkin agar user dapat mengakses informasi tanpa mendapat kesulitan dan menggunakan fasilitas yang ada.

2.

Efisien: Sistem ini akan dibuat secara praktis dalam memberikan informasi sehingga dapat memperoleh informasi dengan cepat dengan cara mengklik.

3.

Kemudahan akses: Sistem ini memberi kemudahan user dalam mengakses informasi yang ada.

3.2.3 Analisa kebutuhan Analisis

kebutuhan

sistem

dimaksudkan

untuk

mengumpulkan

kebutuhan para pengguna yang dipenuhi dalam website Kabupaten Ngada.


Sistem ini mempunyai kategori pengguna, dimana pengguna merupakan entity yang terlibat didalam sistem, yaitu: a. Pengunjung situs/user Pengunjung adalah semua orang yang mengunjungi website Kabupaten Ngada. Fasilitas yang dibutuhkan oleh user adalah untuk : •

Melihat Berita Ngada, Potensi Daerah, Potensi Wisata, Event budaya.

•

Melakukan pengisian Buku Tamu.

•

Melihat daftar isi buku tamu.

•

Melakukan pengisian Polling.

•

Melihat Polling dan hasil Polling.

•

Melakukan pencarian informasi Kabupaten Ngada.

b. Administrator Administrator di sini adalah di bawah pengawasan Dinas pariwisata atau yang lebih dikenal dengan Badan Koordinasi Penanaman Modal Daerah(BKPMD). Administrator memiliki password, sehingga selain administrator tidak dapat mengubah data yang ada. Fasilitas yang dibutuhkan oleh administrator adalah untuk : •

Memasukan dan mengolah data Potensi Daerah.

•

Memasukan dan mengolah data Potensi Wisata.

•

Memasukan dan mengolah data Event Budaya.


•

Memasukan dan mengolah data Berita Daerah.

•

Memasukan dan mengolah Polling.

•

Mengolah data Buku Tamu.

Kebutuhan lain yang dimiliki olah administrator adalah sebagai berikut : 1) Kebutuhan Hardware: 1 unit koputer 2) Kebutuhan Software: a)

Sistem Operasi

: Windows XP SP 2

b)

Browser

: Internet Explorer (IE)

c)

Web Server

: IIS (Internet Information Server)

d)

Bahasa Pemrograman : ASP.NET 2.0

e)

Database

: SQL Server 2005 Express Edition

f)

Desain Tampilan

: Microsoft Visual Web Developer 2005, Adobe Photoshop 7.0

3) Kebutuhan Brainware : a)

Pengetahuan tentang Sistem informasi berbasis web

b)

Pengetahuan tentang basis data

c)

Pengetahuan tentang internet dan bahasa pemrograman web.

Dalam Situs Web Kabupaten Ngada ini, menu yang akan ditampilkan adalah Potensi Daerah, Potensi Wisata, Event Budaya, Berita Daerah, Profil Ngada, Polling dan Buku Tamu.


3.3 Desain Sistem 3.3.1

Desain Proses Diagram arus data menggambarkan suatu sistem yang telah ada atau

sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik di mana data tersebut mengalir. Diagram ini tidak menekankan pada bagaimana sistem diterapkan, tetapi menekankan pada logika dari kebutuhan-kebutuhan sistem, yaitu proses yang dibutuhkan oleh sistem. Dalam Situs Web Kabupaten Ngada ini, untuk mengetahui proses yang berhubungan dengan sistem tersebut maka dijabarkan dalam diagram konteks dan DAD (Diagram Alir Data). 3.3.1.1

Diagram Konteks

Diagram Konteks ini menggambarkan secara umum aliran data dan informasi dari sistem.Diagram Konteks ini menggambarkan hubungan antara masukan dan keluaran antara sistem dengan dunia luarnya. Gambar dibawah ini menunjukan diagram konteks secara situs web Kabupaten Ngada.

isi bukutamu, jawab polling

User Informasi potensi daerah, potensi wisata, event budaya, berita daerah, polling, hasil polling, bukutamu

0 SITUS WEB KABUPATEN NGADA

nama,password, update data potensi daerah, potensi wisata, berita daerah, event budaya, polling, bukutamu

Admin konfirmasi, potensi daerah, potensi wisata, berita daerah, event budaya, polling, bukutamu

Gambar 3.1 Diagram Konteks


Penjelasan diagram konteks diatas adalah sebagai berikut : 1. Kelompok Pemakai. Kelompok pemakai dari sistem ini adalah user dan administrator. User adalah semua pihak yang mengakses website Kabupaten Ngada, sedangkan administrator adalah pihak yang bertanggung jawab dalam memasukan dan mengolah data-data dari website Kabupaten Ngada ini. 2. Data yang masuk dan keluar dari sistem ini merupakan keseluruhan data yang diterima sistem kemudian diproses sehingga menghasilkan data keluar. Data-data tersebut adalah : a. Dari sisi User 1).

Data Masuk •

Data pencarian informasi tentang Kabupaten Ngada.

•

Data pengisian Buku Tamu berupa nama, email, komentar.

•

Data pengisian polling atau jawab polling.

2). Data Keluar •

Data hasil pencarian informasi tentang Kabupaten Ngada.

•

Data untuk tampilan pengunjung berupa nama, email, komentar.

•

Data hasil dari pengisian polling.

b. Dari sisi Admin 1).

Data Masuk


•

Data Login berupa nama, password.

•

Data Potensi Daerah yang akan dimasukan dan diolah berupa nama_potensi, keterangan.

•

Data Potensi Wisata yang akan dimasukan dan diolah berupa nama_wisata, keterangan, gambar.

•

Data Event Budaya yang akan dimasukan dan diolah berupa nama_event, keterangan, gambar.

•

Data Berita yang akan dimasukan dan diolah berupa tanggal, judul, keterangan.

•

Data Polling yang akan dimasukan dan diolah berupa pertanyaan, jwb_a, jwb_b, jwb_c, jum_jwb_a, jum_jwb_b, jum_jwb_c.

•

Data Buku Tamu yang akan diolah berupa nama, email, komentar.

•

Data admin yang akan diolah berupa password (password lama).

2). Data Keluar •

Data untuk konfirmasi Login.

•

Data

Potensi

Daerah

nama_potensi, keterangan.

yang

telah

diolah

berupa


•

Data Potensi Wisata yang telah diolah berupa nama_wisata, keterangan, gambar.

•

Data Event Budaya yang telah diolah berupa nama_event, keterangan, gambar.

•

Data Berita yang telah diolah berupa tanggal, judul, keterangan.

•

Data Polling yang telah diolah berupa pertanyaan, jwb_a, jwb_b, jwb_c, jum_jwb_a, jum_jwb_b, jum_jwb_c.

•

Data Buku Tamu yang telah diolah berupa nama, email, komentar.

•

Data admin yang telah diolah berupa password (password lama).

3.3.1.2

Diagram Alir Data (DAD)

DAD adalah sebuah teknik grafis yang menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat data bergerak dari input menjadi output. Proses yang terjadi di dalam pengembangan sistem ini dibagi atas dua sisi bagian yaitu proses dari sisi user dan proses dari sisi administrator.


3.3.1.2.1

DAD Level 1

Gambar 3.2 DAD Level 1


Pada DAD Level 1 dari sisi user menggambarkan aliran data secara keseluruhan dari sisi user. Data-data yang akan dimasukan oleh user adalah data pengisian BukuTamu, pengisian Polling. Data-data ini kemudian akan diproses dan menghasilkan keluaran masingmasing berupa data tampilan Buku Tamu, hasil pengisian jawaban polling. Pada DAD Level 1 dari sisi administrator menggambarkan aliran data secara keseluruhan dari sisi administrator. Data-data yang akan dimasukan oleh administrator adalah data login, data potensi daerah, data potensi wisata, data event budaya, data berita daerah, polling. Data-data yang telah dimasukan oleh administrator akan disimpan pada simpanan masing-masing, kemudian proses akan menampilkan data-data yang telah dimasukan kepada administrator. Jika

data-data

tersebut

mengalami

perubahan

maka

administrator akan melakukan pengolahan data yang ada dengan mengambil data dari simpanan. Data-data yang diolah oleh administraator adalah data admin untuk ganti password, data potensi daerah, data potensi wisata, data event budaya, data berita daerah, data buku tamu, data polling. Data-data yang telah diolah akan disimpan kembali ke dalam simpanan masing-masing, kemudian proses akan menampilkan data-data yang telah diolah kepada administrator.


3.3.1.2.2

DAD Level 1 pada User

Gambar 3.3 DAD Level 1 pada User Proses yang terjadi pada DAD Level 1 pada User adalah sebagai berikut : 1.1.1. Proses Lihat Potensi Daerah Dalam proses ini, user dapat melihat informasi mengenai potensi daerah yang dimiliki Kabupaten Ngada. 1.1.2. Proses Lihat Potensi Wisata Dalam proses ini, user dapat melihat informasi mengenai potensi wisata yang ada di Kabupaten ngada.


1.1.3. Proses Lihat Event Budaya Dalam proses ini, user dapat melihat Event Budaya yang masih dilestarikan / dijaga oleh masyarakat Kabupaten ngada. 1.1.4. Proses Lihat Berita Daerah Dalam proses ini, user dapat mencari informasi tentang Kabupaten Ngada melalui Berita daerah. Berita daerah yang ditampilkan mencakup keseluruhan tentang Kabupaten Ngada. 1.1.5. Proses Lihat Polling Dalam proses ini, user dapat melihat hasil polling yang ditampilkan pada halaman utama user. 1.1.6. Proses Isi Polling Dalam proses ini, user dapat melakukan pengisian polling / memberikan jawaban dari pertanyaan polling yang ditampilkan pada halaman utama user. 1.1.7. Proses Lihat Buku Tamu Dalam proses ini, user dapat melihat tampilan buku tamu secara keseluruhan yang berisi nama, e-mail dan komentar dari pengunjung yang mengisi buku tamu.


1.1.8. Proses Isi Buku Tamu Dalam proses ini user memasukan data diri beserta komentar. Hasil dari proses ini adalah tampilan konfirmasi pengiriman buku tamu. 3.3.1.2.3

DAD Level 1 pada Admin


F7

admin nama, password

session admin

nama, password

session admin

konfirmasi

1.2.1 Login

session admin session admin session admin session admin

update potensi daerah

potensi daerah

1.2.2 maintenance potensi daerah

update potensi wisata

update potensi daerah F1

potensi daerah

potensi daerah

update potensi wisata 1.2.3 maintenance potensi wisata

F2

potensi wisata

F3

event budaya

F4

berita daerah

F5

polling

F6

bukutamu

potensi wisata

Admin potensi wisata 1.2.4 maintenance update event budaya event budaya

update event budaya

event budaya event budaya

update berita berita

1.2.5 maintenance berita

update berita

berita

update polling polling

1.2.6 maintenance polling

update polling

polling

update bukutamu bukutamu

1.2.7 maintenance bukutamu

update bukutamu

bukutamu

Gambar 3.4 DAD Level 1 pada Admin


Proses yang terjadi pada DAD Level 1 pada Admin adalah sebagai berikut : 1.2.1

Login Dalam proses memasukan

ini, administrator melakukan login dengan nama,

password.

Kemudian

sistem

akan

melakukan pengecekan apakah sesuai dengan data admin yang ada atau tidak sesuai. Apabila data tidak sesuai maka sistem akan memberi pesan data invalid, dan apabila sesuai maka admin bisa melakukan proses selanjutnya. 1.2.2

Maintenance Potensi Daerah Dalam proses ini, administrator akan melakukan update data potensi daerah. Hasil dari proses ini adalah tampilan data potensi daerah yang telah diupdate.

1.2.3

Maintenance Potensi Wisata Dalam proses ini, administrator akan melakukan update data potensi wisata. Hasil dari proses ini adalah tampilan data potensi wisata yang telah diupdate.

1.2.4

Maintenance Event Budaya Dalam proses ini, administrator akan melakukan update data event budaya. Hasil dari proses ini adalah tampilan data event budaya yang telah diupdate.


1.2.5

Maintenance Berita Daerah Dalam proses ini, administrator akan melakukan update data berita. Hasil dari proses ini adalah tampilan data berita yang telah diupdate.

1.2.6

Maintenance Polling Dalam proses ini, admin akan melakukan update data polling. Hasil dari proses ini ditampilkan pada halaman utama untuk user mengisi jawaban dari pertanyaan yang tersedia.

1.2.7

Maintenance Bukutamu Dalam proses ini, administrator akan mengedit data yang masuk untuk ditampilkan ke halaman user dan menghapus data yang sudah tidak digunakan lagi.

3.3.1.2.4

DAD Level 2 pada Admin proses login

Gambar 3.5 DAD Level 2 pada Admin proses login 2.1

Login

Dalam proses ini, administrator memasukan nama dan password dan hasilnya berupa hasil konfirmasi ke administrator.


2.1.1.1.1

DAD Level 2 pada Admin proses maintenance Potensi Potensi Daerah

Potensi Daerah

2.2.1 Lihat Potensi Daerah

2.2.2 Tambah Potensi Daerah

Potensi Daerah

Potensi Daerah

Admin

F2 Potensi Daerah

2.2.3 Edit Potensi Daerah

Potensi Daerah

2.2.4 Hapus Potensi Daerah

potensi daerah

Potensi Daerah

Potensi Daerah

Gambar 3.6 DAD Level 2 pada Admin proses maintenance potensi 2.2.1

Lihat Potensi Daerah Dalam proses ini, administrator melihat tampilan Potensi Daerah.

2.2.2

Tambah Potensi Daerah Dalam proses ini, administrator akan melakukan tambah data potensi daerah. Hasil dari proses ini adalah tampilan data potensi daerah yang telah ditambah.


2.2.3

Edit Potensi Daerah Dalam proses ini, administrator akan melakukan edit data potensi daerah. Hasil dari proses ini adalah tampilan data potensi daerah yang telah diedit.

2.2.4

Hapus Potensi Daerah Dalam proses ini, administrator akan menghapus data potensi daerah yang lama.

2.2.4.1.1

DAD Level 2 pada Admin proses maintenance Wisata Potensi Wisata

Potensi Wisata

2.3.1 Lihat Potensi Wisata

2.3.2 Tambah Potensi Wisata

Potensi Wisata

Potensi Wisata

Admin

F3 Potensi Wisata

2.3.3 Edit Potensi Wisata

Potensi Wisata

2.3.4 Hapus Potensi Wisata

potensi wisata

Potensi Wisata

Potensi Wisata

Gambar 3.7 DAD Level 2 pada Admin proses maintenance wisata 2.2.1

Lihat Potensi Wisata Dalam proses ini, administrator melihat tampilan potensi wisata.


2.2.2

Tambah Potensi Wisata Dalam proses ini, administrator akan melakukan tambah data potensi wisata. Hasil dari proses ini adalah tampilan data potensi wisata yang telah ditambah.

2.2.3

Edit Potensi Wisata Dalam proses ini, administrator akan melakukan edit data potensi wisata. Hasil dari proses ini adalah tampilan data potensi wisata yang telah diedit.

2.2.4

Hapus Potensi Wisata Dalam proses ini, administrator akan menghapus data potensi wisata yang lama.

2.2.4.1.2

DAD Level 2 pada Admin proses maintenance Event Event Budaya

Event Budaya

2.4.1 Lihat Event Budaya

2.4.2 Tambah Event Budaya

Event Budaya

Event Budaya

Admin

F4 Event Budaya

2.4.3 Edit Event Budaya

Event Budaya

2.4.4 Hapus Event Budaya

Event Budaya

Event Budaya

Gambar 3.8 DAD Level 2 pada Admin proses maintenance event

event budaya


2.3.1

Lihat Event Budaya Dalam proses ini, administrator melihat tampilan event budaya.

2.3.2

Tambah Event Budaya Dalam proses ini, administrator akan melakukan tambah data event budaya. Hasil dari proses ini adalah tampilan data event budaya yang telah ditambah.

2.3.3

Edit Event Budaya Dalam proses ini, administrator akan melakukan edit data event budaya. Hasil dari proses ini adalah tampilan data event budaya yang telah diedit.

2.3.4

Hapus Event Budaya Dalam proses ini, administrator akan menghapus data event budaya yang lama.


2.2.4.1.3

DAD Level 2 pada Admin proses maintenance Berita berita daerah

berita daerah

2.5.1 Lihat Berita Daerah

2.5.2 Tambah Berita Daerah

berita daerah

berita daerah

Admin

F5 2.5.3 Edit Berita Daerah

berita daerah

berita daerah

berita daerah

berita daerah

2.5.4 Hapus Berita Daerah

berita daerah

Gambar 3.9 DAD Level 2 pada Admin proses maintenance berita 2.4.1

Lihat Berita Daerah Dalam proses ini, administrator melihat tampilan berita daerah.

2.4.2

Tambah Berita Daerah Dalam proses ini, administrator akan melakukan tambah data berita daerah. Hasil dari proses ini adalah tampilan data berita daerah yang telah ditambah.


2.4.3

Edit Berita Daerah Dalam proses ini, administrator akan melakukan edit data berita daerah. Hasil dari proses ini adalah tampilan data berita daerah yang telah diedit.

2.4.4

Hapus Berita Daerah Dalam proses ini, administrator akan menghapus data berita daerah yang tidak dipakai lagi.

2.2.4.1.4

DAD Level 2 pada Admin proses maintenance Polling polling

polling

2.6.1 Lihat Polling

2.6.2 Tambah Polling

polling

polling

Admin

F6 polling

polling

2.6.3 Edit Polling

2.6.4 Hapus Polling

polling

polling

polling

Gambar 3.10 DAD Level 2 pada Admin proses maintenance polling 2.5.1

Lihat Polling Dalam proses ini, administrator melihat tampilan polling.


2.5.2

Tambah Polling Dalam proses ini, administrator akan melakukan tambah data polling. Hasil dari proses ini adalah tampilan data polling yang telah ditambah.

2.5.3

Edit Polling Dalam proses ini, administrator akan melakukan edit data berita daerah. Hasil dari proses ini adalah tampilan data polling yang telah diedit.

2.5.4

Hapus Polling Dalam proses ini, administrator akan menghapus data polling yang tidak dipakai lagi.

2.2.4.1.5

DAD Level 2 pada Admin proses maintenance Buku Tamu buku tamu

buku tamu Admin

buku tamu

2.7.1 Lihat Bukutamu

2.7.2 Edit Bukutamu

2.7.3 Hapus Bukutamu

buku tamu

buku tamu F7

buku tamu

Gambar 3.11 DAD Level 2 pada Admin proses maintenance bukutamu

bukutamu


2.6.1

Lihat Buku Tamu Dalam proses ini, administrator melihat tampilan buku tamu yang telah diisikan oleh user.

2.6.2

Edit Buku Tamu Dalam proses ini, administrator akan melakukan edit data buku tamu sebelum ditampilkan kembali ke halaman tampil bukutamu. Hasil dari proses ini adalah tampilan data polling yang telah diedit.

2.6.3

Hapus Buku Tamu Dalam proses ini, administrator akan menghapus data bukutamu yang sudah tidak digunakan lagi.

2.2.5

Desain Basis Data

Basis data merupakan salah satu komponen penting dari sistem informasi, hal ini dikarenakan database berfungsi sebagai basis penyedia informasi bagi para pemakainya. Perancangan struktur database tidak terlepas dari perancangan masukan (input) dan keluaran (output), karena elemen-elemen data disuatu file database harus dapat digunakan utnuk pembuatan suatu output, demikian juga dengan input yang akan direkam di database, file-file database harus mempunyai elemen-elemen yang menampung input yang dimasukan. Dengan demikian perancangan input dan output akan berpengaruh besar terhadap kelengkapan informasi yang diharapkan pemakai.


Untuk merancang sebuah basis data, salah satu cara yang digunakan dalam perancangan basis data adalah dengan mempresentasikan model data. Model data yang digunakan adalah model relasi entitas. 3.3.2.1. Entity Relationship Diagram (ERD)

Gamba 3.12

ERD (Entity Relationship Diagram)


3.3.2.2. Pemetaan kedalam Tabel Tabel 3.1. Pemetaan tabel potensi

Nama

Arti

Atribut id_potensi

Tipe

Panjang

Jangkauan

Keunikan

Data Kode potensi daerah

Dukungan Null

varchar 4

A-Z, a-z, ‘ ‘,

Ya

Tidak

Tidak

Tidak

Tidak

Tidak

Keunikan

Dukungan

0-9 Nama_potensi Nama potensi daerah

varchar 50

A-Z, a-z, ‘ ‘, 0-9

Keterangan

Keterangan potensi

text

~

A-Z, a-z, ‘ ‘,

daerah

0-9

Tabel 3.2. Pemetaan tabel wisata

Nama

Arti

Atribut id_wisata

Tipe

Panjang

Jangkauan

Data Kode wisata daerah

varchar

Null 4

A-Z, a-z, ‘ ‘, 0-

Ya

Tidak

Tidak

Tidak

9 nama_wisata

Nama wisata daerah

varchar

50

A-Z, a-z, ‘ ‘, 09


Nama

Arti

Tipe

Atribut alamat

Panjang

Alamat objek wisata

Dukungan Null

varchar

255

A-Z, a-z, ‘ ‘, 0-

Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

Keunikan

Dukungan

9

Keterangan potensi

text

~

wisata gambar

Keunikan

Data

berada keterangan

Jangkauan

A-Z, a-z, ‘ ‘, 09

Gambar Potensi

varchar

255

wisata

A-Z, a-z, ‘ ‘, 09

Tabel 3.3. Pemetaan tabel event

Nama

Arti

Atribut

Tipe

Panjang

Jangkauan

Data

Null

id_event

Kode event budaya

varchar

4

A-Z, a-z, ‘ ‘, 0-9

Ya

Tidak

nama_event

Nama event budaya

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

keterangan

Keterangan event

text

~

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

255

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

budaya gambar

Gambar event budaya varchar


Tabel 3.4. Pemetaan tabel berita

Nama

Arti

Tipe Data Panjang

Jangkauan

Keunikan

Atribut

Dukungan Null

id_berita

Kode berita daerah

varchar

4

A-Z, a-z, ‘ ‘, 0-9

Ya

Tidak

tgl

tanggal masukan

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

varchar

255

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

Text

~

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

Keunikan

Dukungan

berita daerah judul

Keterangan berita daerah

isi

Isi berita daerah

Tabel 3.5. Pemetaan tabel polling

Nama

Arti

Atribut

Tipe

Panjang

Jangkauan

Data

Null

id_polling

Kode polling

varchar

4

A-Z, a-z, ‘ ‘, 0-9

Ya

Tidak

pertanyaan

Pertanyaan polling

varchar

255

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

jwb_a

Jawaban A

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

jwb_b

Jawaban B

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

jwb_c

Jawaban C

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

jum_jwb_a

Jumlah Jawaban A

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak


Nama

Arti

Atribut

Tipe

Panjang

Jangkauan

Keunikan

Data

Dukungan Null

jum_jwb_b

Jumlah Jawaban B

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

jum_jwb_c

Jumlah Jawaban C

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

Keunikan

Dukungan

Tabel 3.6. Pemetaan tabel bukutamu

Nama

Arti

Atribut

Tipe

Panjang

Jangkauan

Data

Null

id_buku Kode bukutamu

varchar

4

A-Z, a-z, ‘ ‘, 0-9

Ya

Tidak

tanggal

Tanggal pengiriman

datetime

~

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

nama

Nama pengunjung

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

email

Email pengunjung

varchar

50

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

alamat

Alamat pengunjung

varchar

255

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

isi

Komentar pengunjung

text

~

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak


Tabel 3.7. Pemetaan tabel Admin

Nama

Arti

Atribut

Tipe

Panjang

Jangkauan

Keunikan

Dukungan

Data

Null

nama

Nama user (admin)

varchar

10

A-Z, a-z, ‘ ‘, 0-9

Ya

Tidak

password

password

varchar

10

A-Z, a-z, ‘ ‘, 0-9

Tidak

Tidak

3.3.2.3. Normalisasi Sebuah basis data dapat dikatakan baik jika setiap tabel yang menjadi unsur pembentuk basis data tersebut telah berada dalam keadaan baik atau normal. Semua tabel diatas yaitu potensi daerah, potensi wisata, event budaya, berita daerah, polling, bukutamu, admin sudah dalam keadaan normal karena telah memenuhi syarat normalisasi yaitu setiap atribut dalam tabel memiliki ketergantungan fungsional secara penuh pada kunci primer.


3.3.2.4. Kamus Data Legal_char

= [A-Z|a-z|’ ‘]

Angka

= [0|1|2|3|4|5|6|7|8|9]

•

potensi (id_potensi, nama_potensi, keterangan ) id_ptensi

= {Legal_char} + {Angka}

nama_potensi= {Legal_char}46 +{Angka}4 keterangan = {Legal_char} + {Angka}

•

wisata (id_wisata, nama_wisata, alamat, keterangan, gambar ) id_wisata

= {Legal_char} + {Angka}4

nama_wisata = {Legal_char}46 + {Angka}4 alamat

= {Legal_char}251 + {Angka}4

keterangan = {Legal_char} + {Angka} gambar

•


event (id_event, nama_event, keterangan, gambar) id_event


nama_event = {Legal_char}46 + {Angka}4 keterangan = {Legal_char} + {Angka} gambar



•

•

berita ( id_berita, tgl, judul, isi ) id_berita


tgl


judul


isi


polling (id_polling, pertanyaan, jwb_a, jwb_b, jwb_c, jum_jwb_a, jum_jwb_b, jum_jwb_c) id_polling = {Legal_char} + {Angka}4 pertanyaan = {Legal_char}251 + {Angka}4 jwb_a


jwb_b


jwb_c


jum_jwb_a = {Legal_char}46 + {Angka}4 jum_jwb_b = {Legal_char}46 + {Angka}4 jum_jwb_c = {Legal_char}46 + {Angka}4

•

buku_tamu (id_buku, tanggal, nama, email, alamat, isi) id_buku


tanggal


nama



•

3.3.3

email


alamat


isi


admin (nama, password) nama


password


Struktur Menu 3.3.3.1 Menu User

Gambar 3.13 Struktur Menu User


3.3.3.1 Menu Administrator

Menu Administrator

Menu Login Administrator

MENU TAMBAH DATA BARU

MENU SELECT

Tambah Potensi Daerah

Tambah Data

Tambah Potensi Wisata

Tambah Data

Batal

Batal

LOGOUT

Edit Select Potensi Daerah

Edit Select Potensi Wisata

Edit Select Berita Daerah

Batal

Batal

Edit Select Event Budaya

Batal Hapus Edit

Tambah Data Tambah Polling

Batal Hapus

Tambah Data Tambah Berita Daerah

Batal Hapus

Tambah Data Tambah Event Budaya

Batal Hapus

Select Polling Batal

Batal Hapus

Select BukuTamu

Hapus

Edit Select Admin Batal

Gambar 3.14 Struktur Menu Administrator


3.3.4

Desain Antar Muka(user Interface) dengan pemakai

Dalam pembuatan Situs Web Kabupaten Ngada, terdapat dua antarmuka perangkat lunak yang berbeda, yaitu yang diperuntukan bagi administrator dan bagi user. Masing-masing antarmuka memiliki halaman-halaman tersendiri yang dirancang sesuai dengan kebutuhan situs web Kabupaten Ngada. 3.3.4.1

Rancangan tampilan antarmuka untuk pengguna/user

a. Rancangan tampilan menu utama Tampilan utama merupakan tampilan pertama saat user membuka aplikasi. Pada menu utama terdapat 2 bagian menu pilihan, yang terdapat pada bagian atas yaitu: Home, peraturan daerah, profil, potensi daerah, potensi wisata, berita daerah, buku tamu dan pada samping kanan, yaitu : fasilitas search, menu obyek wisata, event budaya, polling, hasil polling. Rancangan menu utama dapat dilihat pada gambar 3.15


HeaderWeb

Logo HOME Peraturan Daerah

Profil

Potensi Daerah Potensi Wisata Berita Daerah Buku Tamu

Pencarian

Cari Obyek Wisata

> > Event Budaya

> > Polling

Hasil Polling

Footer Gambar 3.15 Menu utama untuk user b. Rancangan tampilan peraturan daerah Pada menu peraturan daerah, berisikan penjelasan tentang peraturan daerah yang berlaku di Kabupaten Ngada. Rancangan menu peraturan daerah dapat dilihat pada gambar 3.16


Gambar 3.16 Menu Peraturan Daerah c. Rancangan tampilan profil Pada tampilan menu profil terdiri dari lima sub menu, yaitu: Rona Wilayah, Sarana prasarana, Menuju Kab. Ngada, Sejarah, Lambang. Rancangan menu profil dapat dilihat pada gambar 3.17


Gambar 3.17 Menu Profil d. Rancangan tampilan Potensi Daerah Pada tampilan Potensi Daerah terdapat enam nama potensi , yaitu : Tanaman Pangan dan Holtikultura, Pertanian, Perkebunan, Perikanan, Pertambangan dan Energi, Industri rumah tangga. Masing-masing berisi keterangan. Keterangan tersebut akan dipotong kalimatnya. Jika ingin melihat keseluruhannya maka akan tampil pada halaman detail potensi daerah. Rancangan menu potensi daerah dapat dilihat pada gambar 3.18


HeaderWeb

HOME

Peraturan Daerah

Logo Profil


Obyek Wisata

> > > > Event Budaya

> > > >

Gambar 3.18 Menu Potensi Daerah e. Rancangan tampilan Potensi Wisata Pada tampilan menu Potensi Wisata terdapat 10 potensi wisata, yaitu: TWAL 17 Pulau, Sumber Air Panas, Pantai Enagera, Kampung Bela, Kampung Tradisional Bena, Pendakian Gunung, Bekas Kampung Wogo, Boawae, Daerah Ekowisata Lekolodo dan Situs Bersejarah Olabula. Masing-masing berisi keterangan. Keterangan tersebut akan dipotong kalimatnya. Jika ingin melihat keseluruhannya maka akan tampil pada halaman detail potensi wisata. Rancangan menu potensi daerah dapat dilihat pada gambar 3.19


HeaderWeb

HOME

Peraturan Daerah

Logo Profil


Obyek Wisata


> > > >

Gambar 3.19 Menu Potensi Wisata f. Rancangan tampilan Berita Daerah Pada tampilan menu Berita Daerah terdapat Berbagai Judul berita dan yang masing-masing berisi keterangan yang kalimatnya dipotong sebagian. Jika ingin melihat keseluruhannya maka akan tampil pada halaman detail berita Daerah. Rancangan menu berita daerah dapat dilihat pada gambar 3.20


HeaderWeb

HOME

Peraturan Daerah

Logo Profil


Obyek Wisata


> > > >

Gambar 3.20 Menu Berita Daerah

g. Rancangan tampilan buku tamu Pada tampilan menu Buku Tamu berisi registrasi pengunjung yang memberikan respon terhadap website ini yang terdiri dari tangggal masuk, nama pengirim, alamat email, alamat, komentar. Rancangan Menu Buku Tamu dapat dilihat pada gambar 3.21


HeaderWeb HOME

Peraturan Daerah

Logo Profil


Obyek Wisata Tanggal

> > > >

Nama Email Alamat

Event Budaya

Komentar

Kirim

> > > >

Refresh Lihat Buku Tamu

Gambar 3.21 Menu Buku Tamu

h. Rancangan tampilan Daftar BukuTamu Pada tampilan Daftar BukuTamu ini berisi tanggal masuk, nama, alamat email, alamat, dan komentar dari pengirim/user. Rancangan menu daftar bukutamu dapat dilihat pada gambar 3.22


Gambar 3.22 Menu Daftar Buku Tamu

3.3.4.2 Rancangan tampilan antarmuka untuk admin 3.4

Halaman Login Halaman ini adalah halaman pertama dimana admin sebelum melakukan pengolahan data, admin terlebih dahulu memasukan nama user dan password untuk memastikan bahwa orang tertentu yang memiliki nama dan password yang berhak mengakses / melakukan pengolahan data. Rancangan menu admin dapat dilihat pada gambar 3.23


HeaderWeb

Logo

Admin Password Login

Batal

Gambar 3.23 Menu Login Admin 3.5

Halaman Error Login Pada tampilan ini, ketika admin salah memasukan nama atau password pada saat login, maka akan tampil pesan kesalahan login. Pesan kesalahan login dapat dilihat pada gambar 3.24


Logo

HeaderWeb

Nama atau Password Salah! Admin Password Login

Batal

Gambar 3.24 Pesan Kesalahan Login 3.6

Rancangan Menu Admin Pada tampilan menu Admin terdapat 8 menu, yaitu : potensi, wisata, berita, event budaya, polling, bukutamu, admin dan logout. Yang masingmasing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masing-masing. Rancangan menu Admin dapat dilihat pada gambar 3.25


Logo

HeaderWeb

Potensi Wisata

Berita Event Budaya Polling BukuTamu

Admin Logout

Gambar 3.25 Menu Utama untuk Admin

3.7

Rancangan Form Potensi Pada form potensi berisi data potensi yang ditampilkan dalam datalist select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masing-

masing. Rancangan form potensi dapat dilihat pada gambar 3.26


Logo

HeaderWeb

Potensi Wisata


Id_Potensi

Admin Logout

Nama Potensi

select select

Tambah Data Potensi

Gambar 3.26 Form Potensi 3.8

Rancangan Form Select Potensi Pada form select potensi berisi data potensi yang diselect dan proses selanjutnya data tersebut diubah atau dihapus. Rancangan form select potensi dapat dilihat pada gambar 3.27


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Potensi Daerah Ngada

Kode Potensi Nama Potensi Keterangan

Ubah

Batal

Hapus

Gambar 3.27 Form Select Potensi 3.9

Rancangan Form Tambah Potensi Jika diklik tambah data maka akan tampil form tambah data. Pada form tambah potensi admin dapat melakukan penambahan data. Rancangan form tambah potensi dapat dilihat pada gambar 3.28


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Potensi Daerah Ngada Nama Keterangan

Tambah

Batal

Gambar 3.28 Form Tambah Potensi 3.10

Rancangan Form Wisata Pada form wisata berisi data wisata yang ditampilkan dalam datalist

select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masingmasing. Rancangan form wisata dapat dilihat pada gambar 3.29


Logo

HeaderWeb


Potensi Wisata

Admin Logout

Data Wisata Daerah Ngada Id Wisata

Nama Wisata

Select Select

Tambah Data Wisata

Gambar 3.29 Form Wisata 3.11

Rancangan Form Select Wisata Pada form select wisata berisi data wisata yang diseleict dan proses

selanjutnya data tersebut dapat diubah atau dihapus. Rancangan form select wisata dapat dilihat pada gambar 3.30


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Wisata Daerah Ngada Kode_Wisata Nama Wisata Alamat Wisata Keterangan

Gambar

Browse Ubah

Batal

Hapus

Gambar 3.30 Form Select Wisata 3.12

Rancangan Form Tambah Wisata Jika diklik tambah data maka akan tampil form tambah data wisata.

Pada form tambah wisata admin dapat melakukan penambahan data. Rancangan form tambah wisata dapat dilihat pada gambar 3.31


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Wisata Daerah Ngada Nama Wisata Alamat Keterangan

Gambar

Browse Tambah

Batal

Gambar 3.31 Form Tambah Wisata 3.13

Rancangan Form Berita Pada form berita berisi data berita yang ditampilkan dalam datalist

select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masingmasing. Rancangan form berita dapat dilihat pada gambar 3.32


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Berita Daerah Ngada Id Berita

Tgl

Judul

Select Select Tambah Berita Daerah Ngada

Gambar 3.32 Form Berita 3.14

Rancangan Form Select Berita Pada form select berita berisi data berita yang diselect dan proses

selanjutnya data tersebut dapat diubah atau dihapus. Rancangan form select berita dapat dilihat pada gambar 3.33


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Berita Daerah Ngada Kode Berita Tanggal Judul Isi

Ubah

Batal

Hapus

Gambar 3.33 Form Select Berita 3.15

Rancangan Form Tambah Berita Jika diklik tambah data maka akan tampil form tambah data berita.

Pada form tambah berita admin dapat melakukan penambahan data. Rancangan form tambah berita dapat dilihat pada gambar 3.34


Logo

HeaderWeb

Potensi Wisata


Admin Logout

Data Berita Daerah Ngada Tanggal Judul Isi

Tambah

Batal

Gambar 3.34 Form Tambah Berita 3.16

Rancangan Form Event

Pada form event berisi data event yang ditampilkan dalam datalist select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masing-masing. Rancangan form event dapat dilihat pada gambar 3.35


Logo

HeaderWeb

Potensi Wisata

Berita Event Budaya Polling BukuTamu Admin Logout

Data Event Id Event

Nama Event

Keterangan

Select Select

Tambah Data Event

Gambar 3.35 Form Event 3.17

Rancangan Form Select Event Pada form select event berisi data event yang diselect dan proses

selanjutnya data tersebut dapat diubah atau dihapus. Rancangan form select event dapat dilihat pada gambar 3.36


Logo

HeaderWeb

Potensi Wisata

Berita Event Budaya Polling BukuTamu Admin

Logout

Data Event Kode Nama Event Keterangan

Gambar

Browse Ubah

Batal

Hapus

Gambar 3.36 Form Select Event 3.18

Rancangan Form Tambah Event Jika diklik tambah data maka akan tampil form tambah data event.

Pada form tambah event admin dapat melakukan penambahan data. Rancangan form tambah event dapat dilihat pada gambar 3.37


Logo

HeaderWeb

Potensi Wisata Berita Event Budaya Polling BukuTamu

Admin Logout

Data Event Nama Event Keterangan

Browse

Gambar Tambah

Batal

Gambar 3.37 Form Tambah Event 3.19

Rancangan Form Polling Pada form polling berisi data polling yang ditampilkan dalam datalist

select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masingmasing. Rancangan form polling dapat dilihat pada gambar 3.38


Logo

HeaderWeb

Potensi Wisata


Logout

Data Polling Id polling

Pertanyaan

Select

Tambah Polling

Gambar 3.38 Form Polling 3.20

Rancangan Form Select Polling Pada form select polling berisi data polling yang diselect dan proses

selanjutnya data tersebut dapat diubah atau dihapus. Rancangan form select polling dapat dilihat pada gambar 3.39


Logo

HeaderWeb

Potensi Wisata


Logout

Data Polling Kode Pertanyaan Jawaban A Jawaban B Jawaban C Ubah

Batal

Hapus

Gambar 3.39 Form Select Polling 3.21

Rancangan Form Tambah Polling Jika diklik tambah data maka akan tampil form tambah data polling.

Pada form tambah polling admin dapat melakukan penambahan data. Rancangan form tambah polling dapat dilihat pada gambar 3.40


Logo

HeaderWeb

Potensi Wisata


Data Polling Pertanyaan Jawaban A Jawaban B Jawaban C Tambah

Batal

Gambar 3.40 Form Tambah Polling 3.22

Rancangan Form Buku Tamu

Pada form bukutamu berisi data bukutamu yang ditampilkan dalam datalist select dan tambah data. Yang masing-masing dapat diolah datanya. Jika ingin melihat tampilan masing-masing, kita langsung mengklik pada linknya masingmasing. Rancangan form bukutamu dapat dilihat pada gambar 3.41


Logo

HeaderWeb

Potensi Wisata


Logout

Data BukuTamu Id buku

tgl

nama

email

alamat

isi

Select Select

Gambar 3.41 Form Buku Tamu 3.23

Rancangan Form Select Buku Tamu Pada form select Buku Tamu berisi data Buku Tamu yang diselect dan

proses selanjutnya data tersebut dapat dihapus, jika sudah tidak digunakan lagi. Rancangan form select berita dapat dilihat pada gambar 3.42


Logo

HeaderWeb

Potensi Wisata


Data Buku Tamu Kode Tanggal Nama Email Alamat

Isi

Hapus

Batal

Gambar 3.42 Form Select Buku Tamu 3.24

Rancangan Form Admin Pada form admin berisi data admin yang ditampilkan dalam datalist.

Jika diklik link select maka admin akan melakukan proses selanjutnya. Rancangan form event dapat dilihat pada gambar 3.43


Logo

HeaderWeb

Potensi Wisata


Nama

Admin Logout

Password

Select

Gambar 3.43 Form Select Admin

3.25

Rancangan Form Select Admin Pada form admin berisi data admin yang bisa diubah datanya.

Rancangan form event dapat dilihat pada gambar 3.44


Logo

HeaderWeb

Potensi Wisata


Admin Logout

nama Password

Ubah

Batal

Hapus

Gambar 3.44 Form Ganti Password 3.26

Form Logout Pada option Logout, merupakan pilihan untuk keluar dari halaman

administrator Situs Web Kabupaten Ngada.


BAB IV IMPLEMENTASI SISTEM

4.1

Implementasi Basis Data

Gambar 4.1. Implementasi Tabel Administrator

Gambar 4.2. Implementasi Tabel Potensi Daerah

Gambar 4.3. Implementasi Tabel Potensi Wisata


Gambar 4.4. Implementasi Tabel Event Budaya

Gambar 4.5. Implementasi Tabel Berita Daerah

Gambar 4.6. Implementasi Tabel Polling


Gambar 4.7. Implementasi Tabel Buku Tamu

4.2

Implementasi User Interface

4.2.1 1.

Dari sisi User Home


Gambar 4.8 Implementasi tampilan Home


2.

Peraturan Daerah

Gambar 4.9 Implementasi tampilan Peraturan Daerah 3.

Profil Ngada

Gambar 4.10 Implementasi tampilan Profil Ngada


4.

Potensi Daerah

Gambar 4.11 Implementasi tampilan Potensi Daerah 5.

Potensi Wisata

Gambar 4.12 Implementasi tampilan potensi wisata


6.

Potensi Wisata Detail

Gambar 4.13 Implementasi tampilan wisata detail 7.

Berita Daerah

Gambar 4.14 Implementasi tampilan berita


8.

Berita Daerah Detail

Gambar 4.15 Implementasi tampilan berita detail 9.

Buku Tamu

Gambar 4.16 Implementasi Tampilan form bukutamu


10.

Lihat Buku Tamu

Gambar 4.17 Implementasi Tampilan Lihat Bukutamu 11.

Event Budaya

Gambar 4.18 Implementasi tampilan event budaya


12.

Programer

Gambar 4.19 Implementasi tampilan programer 4.2.2

Dari sisi Administrator

1. Halaman Login

Gambar 4.20 Implementasi tampilan login admin


2. Halaman Error

Gambar 4.21 Implementasi tampilan error login admin 3. Home Admin

Gambar 4.22 Implementasi tampilan home admin


4. Halaman Potensi

Gambar 4.23 Implementasi tampilan potensi admin 5. Halaman Select Potensi

Gambar 4.24 Implementasi tampilan select potensi


6. Halaman Tambah Potensi

Gambar 4.25 Implementasi tampilan tambah potensi 7. Halaman Wisata

Gambar 4.26 Implementasi tampilan wisata admin


8. Halaman Select Wisata

Gambar 4.27 Implementasi tampilan select wisata 9. Halaman Tambah Wisata

Gambar 4.28 Implementasi tampilan tambah wisata


10. Halaman Berita

Gambar 4.29 Implementasi tampilan berita admin

11. Halaman Select Berita

Gambar 4.30 Implementasi tampilan select berita 12. Halaman Tambah Berita


Gambar 4.31 Implementasi tampilan tambah berita

13. Halaman Event Budaya

Gambar 4.32 Implementasi tampilan event admin


14. Halaman Select Event Budaya

Gambar 4.33 Implementasi tampilan select event 15. Halaman Tambah Event Budaya

Gambar 4.34 Implementasi tampilan tambah event


16. Halaman Polling

Gambar 4.35 Implementasi tampilan polling admin

17. Halaman Select Polling

Gambar 4.36 Implementasi tampilan select polling


18. Halaman Tambah Polling

Gambar 4.37 Implementasi tampilan tambah polling 19. Halaman Select Buku Tamu

Gambar 4.38 Implementasi tampilan select bukutamu


20. Halaman Hapus Buku Tamu

Gambar 4.39 Implementasi tampilan hapus bukutamu 21. Halaman User Admin

Gambar 4.40 Implementasi tampilan user admin


22. Halaman Select User Admin

Gambar 4.41 Implementasi tampilan select user admin

4.3

Implementasi Proses

4.3.1

Implementasi proses dari sisi administrator 1. Koneksi ke SQL Server Berikut ini adalah penggalan program untuk melakukan proses koneksi dari ASP.NET ke database SQL Server.


Public Class KoneksiDB Public Function BuatkoneksiSQL() As SqlConnection Try Dim conn As SqlConnection _ conn = New SqlConnection("Data Source=localhost\sqlexpress;Initial _ Catalog=DbNgada;Integrated Security=True") conn.Open() Return conn Catch ex As Exception Return Nothing End Try End Function

2. Proses Login Proses ini merupakan proses yang pertama kali dilalui oleh administrator supaya bisa melakukan proses berikutnya. Pada proses ini

dilakukan

administrator.

validasi

untuk

masukan

yang

diberikan

oleh


Protected Sub BtnLogin_Click(ByVal sender As Object, _ ByVal e As System.EventArgs) Dim conn As System.Data.SqlClient.SqlConnection Dim ds As System.Data.DataSet Dim admin As String Dim passwd As String Dim query As String Response.BufferOutput = True Dim koneksi As New KoneksiDB conn = koneksi.BuatkoneksiSQL admin = TxtAdmin.Text passwd = TxtPasswd.Text query = "SELECT * FROM admin WHERE nama = '" & _ admin & "' AND password = '" & passwd & "'" ds = koneksi.SelectQuery(conn, query) If ds Is Nothing Then LabelError.Visible = True TxtPasswd.Text = "" Else If ds.Tables(0).Rows.Count <= 0 Then LabelError.Visible = True TxtPasswd.Text = "" Else Response.Redirect("AdminHome.aspx") End If End If conn.Close() conn = Nothing End Sub


3. Input Potensi Proses ini digunakan untuk memasukan data potensi daerah. Protected Sub BtnTambah_Click(ByVal sender As Object,_ ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String Dim kd As String conn = koneksi.BuatkoneksiSQL kd = BuatKodePotensi(koneksi, conn) query = "INSERT INTO potensi VALUES ('" & kd & _ "', '" & TextBox1.Text & "', '" & elm1.Value & _ "')" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("potensiadmin.aspx?") End Sub


4. Input Wisata Proses ini digunakan untuk memasukan data potensi wisata. Protected Sub BtnTambah_Click(ByVal sender As Object,_ ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String Dim kd As String Dim nmfile As String, filetujuan As String conn = koneksi.BuatkoneksiSQL kd = BuatKodeWisata(koneksi, conn) nmfile = "" If UploadGbr.PostedFile.ContentType = _ "image/pjpeg" Then nmfile = kd & ".jpg" End If filetujuan = koneksi.AlamatWebsite & _ "\gambar\wisata\" & nmfile My.Computer.Network.UploadFile _ (UploadGbr.PostedFile.FileName, filetujuan) query = "INSERT INTO wisata VALUES ('" & kd & _ "', '" & TxtNama.Text & "', '" & _ TxtAlamat.Text & "','" & TxtKet.Text & "', _ '" & nmfile & "')" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("wisataadmin.aspx?") End Sub


5. Input Berita Proses ini digunakan untuk memasukan data berita daerah. Protected Sub BtnTambah_Click(ByVal sender As Object,_ ByVal e As System.EventArgs) Dim Dim Dim Dim

koneksi As New KoneksiDB conn As System.Data.SqlClient.SqlConnection query As String kd As String

conn = koneksi.BuatkoneksiSQL kd = BuatKodeBerita(koneksi, conn) query = "INSERT INTO berita VALUES ('" & kd & _ "', '" & LblDate.Text & "', '" _ & TxtJudul.Text & "', '" & TxtIsi.Text & "')" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("beritaadmin.aspx?") End Sub


6. Input Event Budaya Proses ini digunakan untuk memasukan data event budaya. Protected Sub BtnTambah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String Dim kd As String Dim nmfile As String, filetujuan As String conn = koneksi.BuatkoneksiSQL kd = BuatKodeEvent(koneksi, conn) nmfile = "" If UploadGbr.PostedFile.ContentType = _ "image/pjpeg" Then nmfile = kd & ".jpg" End If filetujuan = koneksi.AlamatWebsite & _ "\gambar\event\" & nmfile My.Computer.Network.UploadFile(UploadGbr.PostedFile.File Name, filetujuan) query = "INSERT INTO event VALUES ('" & kd &_ "', '" & TxtNama.Text & "','" & TxtKet.Text & _ "', '" & nmfile & "')" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("budayaadmin.aspx?") End Sub


7. Input Polling Proses ini digunakan untuk memasukan data polling Ngada. Protected Sub BtnTambah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String Dim kd As String conn = koneksi.BuatkoneksiSQL kd = BuatKodePolling(koneksi, conn) query = "INSERT INTO polling VALUES ('" _ & kd & "', '" & TxtPert.Text & "', '" & _ TxtJwbA.Text & "', '" & TxtJwbB.Text & "',_ '" & TxtJwbC.Text & "', '0', '0', '0')" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("pollingadmin.aspx?") End Sub

8. Select Potensi Link select pada halaman potensi daerah adalah proses untuk masuk ke halaman untuk dilakukan proses berikutnya.


Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = koneksi.SelectQuery (conn, "SELECT Id_Potensi, Nama_Potensi FROM potensi") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = _ GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("potensiadmin_Detail.aspx?kd="_ & kode) End Sub


9. Ubah Potensi Proses ini digunakan untuk mengubah data potensi daerah yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "UPDATE potensi SET nama_potensi = '" & TextBox1.Text & "',keterangan = '" & elm1.Value & "' WHERE id_potensi = '" & Label1.Text & "'"" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("potensiadmin.aspx?") End Sub

10. Hapus Potensi Proses ini digunakan untuk menghapus data potensi daerah yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE potensi WHERE id_potensi = _ '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("potensiadmin.aspx") End Sub


11. Select Wisata Link select pada halaman potesi wisata adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = koneksi.SelectQuery(conn,_ "SELECT Id_Wisata, Nama_Wisata FROM wisata") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As _ System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = _ GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("wisataadmin_Detail.aspx?kd=" _ & kode) End Sub


13. Ubah Wisata Proses ini digunakan untuk mengubah data potensi wisata yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "UPDATE wisata SET nama_wisata = '" & TxtNama.Text & "',alamat = '" & TxtAlamat.Text & "',keterangan = '" & TxtKet.Text & "' WHERE id_wisata = '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("wisataadmin.aspx?") End Sub

14. Hapus Wisata Proses ini digunakan untuk menghapus data potensi wisata yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE wisata WHERE id_wisata = '"_ & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("wisataadmin.aspx") End Sub


15. Select Berita Link select pada halaman berita daerah adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = koneksi.SelectQuery(conn, "SELECT Id_Berita, Tgl, Judul FROM berita") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = _ GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("beritaadmin_Detail.aspx?kd="_ & kode) End Sub


16. Ubah Berita Proses ini digunakan untuk mengubah data berita daerah yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String query = "UPDATE berita SET judul = '" & TxtJudul.Text & "',isi = '" & TxtIsi.Text & "' WHERE id_berita = '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("beritaadmin.aspx?") End Sub

17. Hapus Berita Proses ini digunakan untuk menghapus data berita daerah yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE berita WHERE id_berita = '" & _ Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("beritaadmin.aspx") End Sub


18. Select Event Link select pada halaman event budaya adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = koneksi.SelectQuery(conn, "SELECT Id_Event, Nama_Event FROM event") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = _ GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("budayaadmin_Detail.aspx?kd=" & kode) End Sub


19. Ubah Event Proses ini digunakan untuk mengubah data event budaya yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "UPDATE event SET nama_event = '" & TxtNama.Text & "',keterangan = '" & TxtKet.Text & "' WHERE id_event = '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("budayaadmin.aspx?") End Sub

20. Hapus Event Proses ini digunakan untuk menhapus data event budaya potensi daerah yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE event WHERE id_event = '" _ & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("budayaadmin.aspx") End Sub


21. Select Polling Link select pada halaman polling Ngada adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = _ koneksi.SelectQuery(conn, "SELECT Id_Polling, _ Pertanyaan FROM polling") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = _ GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("pollingadmin_Detail.aspx?kd=" _ & kode) End Sub


21. Ubah Polling Proses ini digunakan untuk mengubah data polling Ngada yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String query = "UPDATE polling SET pertanyaan = '" & TxtPert.Text & "',jwb_a = '" & TxtJwbA.Text & "',jwb_b = '" & TxtJwbB.Text & "',jwb_c = '" & TxtJwbC.Text & "' WHERE id_polling = '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("pollingadmin.aspx?") End Sub

22. Hapus Polling Proses ini digunakan untuk menghapus data polling Ngada yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE polling WHERE id_polling = _ '" & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("pollingadmin.aspx") End Sub


23. Select Buku Tamu Link select pada halaman buku tamu adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = koneksi.SelectQuery(conn, SELECT Id_buku, tanggal, nama, email, alamat, _ isi FROM buku_tamu") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("bukutamuadmin_Detail.aspx?kd="_ & kode) End Sub


24.Hapus Buku Tamu Proses ini digunakan untuk menghapus data buku tamu yang telah di select. Protected Sub BtnHapus_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "DELETE buku_tamu WHERE id_buku = '" _ & Label1.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("bukutamuadmin.aspx") End Sub

25.Proses Select Admin Link select pada halaman potensi daerah adalah proses untuk masuk ke halaman lain untuk dilakukan proses berikutnya.


Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() GridView1.DataSource = _ koneksi.SelectQuery(conn, "SELECT nama,password FROM admin") GridView1.DataBind() kode = "BlumBisa" End Sub Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Dim row As GridViewRow = GridView1.Rows(e.NewSelectedIndex) kode = row.Cells(1).Text Response.Redirect("useradmin_Detail.aspx?kd="_ & kode) End Sub

26. Proses Ganti Password Proses ini digunakan untuk mengubah data admin yang telah di select. Protected Sub BtnUbah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String conn = koneksi.BuatkoneksiSQL query = "UPDATE admin SET password = '" & _ TxtPass.Text & "' WHERE nama = '" & _ TxtNama.Text & "'" koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("useradmin.aspx?") End Sub


27. Proses Logout Proses ini digunakan untuk keluar dari sistem setelah selesai melakukan update. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Response.Redirect("Default.aspx") End Sub

4.3.2

Implementasi proses dari sisi User 1. Proses Lihat Peraturan Daerah Proses ini untuk melihat data peraturan daerah, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection

koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery( conn,"SELECT id_wisata,Nama_WisataFROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery (conn,"SELECT id_event, Nama_Event FROM event") DataList2.DataBind() conn.Close() End Sub


2. Proses Lihat Profil Ngada Proses ini untuk melihat tampilan profil Ngada, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection

koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() conn.Close() End Sub


3. Proses Lihat Potensi Daerah Proses ini untuk melihat data potensi daerah, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() DataList3.DataSource = koneksi.SelectQuery(conn, "SELECT Nama_potensi, Keterangan FROM potensi") DataList3.DataBind() conn.Close() End Sub


4. Proses Lihat Potensi Wisata Proses ini untuk melihat data potensi wisata, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim kdwisata As String If Request.Params("kdwisata") = Nothing Then Response.Redirect("potensiwisata.aspx") Else kdwisata = Request.Params("kdwisata").ToString End If koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() DataList3.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata, Keterangan, Gambar FROM wisata WHERE id_wisata = '" & kdwisata & "'") DataList3.DataBind() conn.Close()

End Sub


5. Proses Lihat Berita Daerah Proses ini untuk melihat data berita daerah, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim kdberita As String If Request.Params("kdberita") = Nothing Then Response.Redirect("berita.aspx") Else kdberita = Request.Params("kdberita").ToString End If koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() DataList3.DataSource = koneksi.SelectQuery(conn, "SELECT id_berita, tgl, judul, isi FROM berita WHERE id_berita = '" & kdberita & "'") DataList3.DataBind() conn.Close()

End Sub


6. Proses Lihat Buku Tamu Proses ini untuk melihat data buku tamu yang telah diisikan oleh pengunjung, link event dan link wisata.

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList3.DataSource = koneksi.SelectQuery(conn, "SELECT tanggal, nama, email, alamat, isi FROM buku_tamu ORDER BY id_buku DESC") DataList3.DataBind() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() kode = "BlumBisa" End Sub


7. Proses Isi Buku Tamu Proses ini untuk mengisi data buku tamu dan batal buku tamu.

Protected Sub BtnTambah_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String Dim kd As String conn = koneksi.BuatkoneksiSQL kd = BuatKodeBuku(koneksi, conn) query = "INSERT INTO buku_tamu VALUES ('" & kd & "', '" & LblDate.Text & "', '" & TxtNama.Text & _ "', '" & TxtEmail.Text & "', '" & TxtAlamat.Text & "', '" & TxtIsi.Text & "')"

koneksi.CommandQuery(conn, query) conn.Close() Response.Redirect("HalRespon.aspx?") End Sub Protected Sub BtnBtl_Click(ByVal sender As Object, ByVal e As System.EventArgs) Response.Redirect("bukutamu.aspx") End Sub


8. Proses Lihat Polling Proses ini untuk melihat data polling, link event dan link wisata. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Dim koneksi As KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection Dim query As String koneksi = New KoneksiDB Response.BufferOutput = True conn = koneksi.BuatkoneksiSQL() DataList1.DataSource = koneksi.SelectQuery(conn, "SELECT id_wisata, Nama_Wisata FROM wisata") DataList1.DataBind() DataList2.DataSource = koneksi.SelectQuery(conn, "SELECT id_event, Nama_Event FROM event") DataList2.DataBind() DataList3.DataSource = koneksi.SelectQuery(conn, "SELECT id_berita, tgl, judul, isi FROM berita") DataList3.DataBind() DataList4.DataSource = koneksi.SelectQuery(conn, "SELECT id_polling, pertanyaan, jwb_a, jwb_b, jwb_c FROM polling") DataList4.DataBind() query = "SELECT id_polling, pertanyaan, jwb_a, jwb_b, jwb_c " & "FROM polling WHERE id_polling = (SELECT MAX(id_polling) FROM polling as p_1)" ds = koneksi.SelectQuery(conn, query) id_polling = ds.Tables(0).Rows(0).Item(0).ToString ds2 = koneksi.SelectQuery(conn, "SELECT jum_jwb_a, jum_jwb_b, jum_jwb_c FROM polling WHERE id_polling = '" & id_polling & "'") jum = Integer.Parse(ds2.Tables(0).Rows(0).Item(0).ToString) + _ Integer.Parse(ds2.Tables(0).Rows(0).Item(1).ToString) + _ Integer.Parse(ds2.Tables(0).Rows(0).Item(2).ToString) conn.Close() End Sub


9. Proses Isi Polling Proses ini untuk mengisi data polling. Protected Sub BtnPilih_Click(ByVal sender As Object, ByVal e As System.EventArgs) Dim query As String Dim koneksi As New KoneksiDB Dim conn As System.Data.SqlClient.SqlConnection query = "" If RadioButton1.Checked Then query = "UPDATE polling SET jum_jwb_a = jum_jwb_a + 1 WHERE id_polling = '" & id_polling & "'" ElseIf RadioButton2.Checked Then query = "UPDATE polling SET jum_jwb_b = jum_jwb_b + 1 WHERE id_polling = '" & id_polling & "'" ElseIf RadioButton3.Checked Then query = "UPDATE polling SET jum_jwb_c = jum_jwb_c + 1 WHERE id_polling = '" & id_polling & "'" Else Response.Redirect("index.aspx") End If conn = koneksi.BuatkoneksiSQL koneksi.CommandQuery(conn, query) conn.Close()


10.Proses pencarian informasi Kabupaten Ngada Proses ini untuk mencari informasi Kabupaten Ngada. Protected Sub BtnCari_Click(ByVal sender As Object, ByVal e As System.EventArgs) If DropDownList1.Text = "Perda" Then Response.Redirect("peraturandaerah.aspx?cari=" & TxtCari.Text) ElseIf DropDownList1.Text = "Potensi Daerah" Then Response.Redirect("potensidaerah.aspx?cari=" & TxtCari.Text) ElseIf DropDownList1.Text = "Potensi Wisata" Then Response.Redirect("potensiwisata.aspx?cari=" & TxtCari.Text) ElseIf DropDownList1.Text = "Event Budaya" Then Response.Redirect("eventbudaya.aspx?cari=" & TxtCari.Text) End If End Sub


BAB V HASIL DAN PEMBAHASAN KUESIONER

5.1

Kuesioner Alat pengumpulan data disebut angket, dan sumber datanya berupa orang atau

disebut dengan istilah responden. Pada metode ini, pertanyaan diajukan secara tertulis dan disebarkan kepada responden untuk dijawab. Setelah pertanyaan dijawab, dikembalikan kepada peneliti. Pertanyaan diajukan berupa pertanyaan tertutup dan pertanyaan terbuka. Disebut pertanyaan tertutup karena pilihan jawabannya telah disediakan dan respon tinggal memilih jawaban yang sesuai. Disebut pertanyaan terbuka karena pertanyaan jawaban tidak disediakan, harus mengisi sendiri jawabannya. (Faisal, 2000)

5.2

Teknik Pengumpulan Data Ada beberapa teknik yang dilakukan untuk pengumpulan data, diantaranya

adalah : 1.

Pembuatan Kuesioner. Pembuatan kuesioner ini dilakukan selama dua hari.

2.

Menyebarkan Kuesioner ke masing – masing responden. Penyebaran Kuesioner ini dilakukan selama 8 hari, sejak tanggal 29 Juli hingga 5 Agustus 2007.


3.

Penarikan Kuesioner. Penarikan Kuesioner dilakukan pada saat itu juga atau dengan kata lain, setelah responden melihat langsung system, maka responden langsung menerima kertas kuesioner dari peneliti, kemudian respon langsung memberikan jawaban serta komentar pada kertas kuesioner tersebut.

5.3

Sasaran Penyebaran Kuesioner Ada beberapa penyebaran kuesioner, diantaranya adalah : 1.

Pemerintahan Kabupaten Ngada Pemerintahan Kabupaten Ngada adalah sasaran utama dari kuisioner ini. Sebab tujuan utama pembuatan situs web ini adalah promosi tentang Kabupaten Ngada. Jadi Pemerintah dapat memberikan masukan yang lebih berarti bagi pengembangan Situs Web Kabupaten Ngada. Jumlah responden yang mengisi kuesioner sebanyak 20 orang.

2.

Masyarakat Umum Tidak hanya Pemerintah Kabupaten Ngada saja, melainkan masyarakat umum juga perlu tau tentang situs web Kabupaten Ngada. Jumlah responden yang mengisi kuesioner sebanyak 15 orang.


5.4

Form Kuesioner Form kuesioner yang disebarkan adalah sebagai berikut :


Gambar 5.1 Form Kuesioner


5.5

Hasil dan Pembahasan Dari Jawaban 30 responden yang terkumpul kemudian diolah dan diperoleh

gambaran sebagai berikut : 1. Apakah Web Kabupaten Ngada perlu diadakan (dibangun)? Tabel 5.1 Hasil kuesioner untuk web perlu diadakan Respon

Frekuensi

Total (%)

Sangat Perlu

26

74

Perlu

9

26

Tidak Perlu

0

0

Apakah Web Kab. Ngada perlu diadakan (dibangun)?

0% 26%

sangat perlu

74%

perlu tidak perlu

Gambar 5.2 Grafik hasil kuesioner untuk web perlu diadakan Dari hasil yang ada, dapat disimpulkan bahwa situs web Kabupaten Ngada sangat perlu untuk diadakan / dibangun.


2. Apakah Situs Web Kabupaten Ngada memberikan manfaat bagi promosi Kabupaten Ngada? Tabel 5.2 Hasil kuesioner untuk manfaat Respon

Frekuensi

Total (%)

Sangat Bermanfaat

21

60

Bermanfaat

14

40

Kurang Bermanfaat

0

0

Apakah Situs Web Kab. Ngada memberikan manfaat bagi promosi Kab. Ngada?

40%

0%

Sangat bermanfaat 60%

Bermanfaat Kurang Bermanfaat

Gambar 5.3 Grafik hasil kuesioner untuk manfaat Dari hasil yang ada, dapat disimpulkan bahwa situs web Kabupaten Ngada sangat bermanfaat bagi promosi Kabupaten Ngada.


3. Apakah situs Web Kabupaten Ngada ini mudah dipakai (User Friendly)? Tabel 5.3 Hasil kuesioner untuk user friendly

Respon

Frekuensi

Total (%)

Sangat Mudah

8

23

Mudah

25

71

Susah Dipakai

2

6

Apakah situs Web Kab. Ngada ini mudah dipakai (User Friendly)?

6%

23%

71%

Sangat Mudah Mudah Susah dipakai

Gambar 5.4 Grafik hasil kuesioner untuk user friendly Dari hasil yang ada, dapat disimpulkan bahwa situs web Kabupaten Ngada ini mudah dipakai (user friendly).


4. Apakah tampilan Situs Web Kabupaten Ngada sudah menarik? Tabel 5.4 Hasil kuesioner untuk tampilan web Respon

Frekuensi

Total (%)

Sangat Menarik

5

14

Menarik

23

66

Kurang Menarik

7

20

Apakah tampilan Situs Web Kab. Ngada sudah menarik?

20%

14% Sangat Menarik 66%

Menarik Kurang menarik

Gambar 5.5 Grafik hasil kuesioner untuk tampilan web Dari hasil yang ada, dapat disimpulkan bahwa situs web Kabupaten Ngada sudah menarik.


5. Apakah informasi yang disajikan cukup mencakup Kabupaten Ngada secara keseluruhan? Tabel 5.5 Hasil kuesioner untuk informasi Respon

Frekuensi

Total (%)

Sudah Cukup

16

46

Cukup

13

37

Belum Cukup

6

17

Apakah informasi yang disajikan cukup mencakup Kab. Ngada secara keseluruhan?

17% 46% 37%

Sudah Cukup Cukup Belum Cukup

Gambar 5.6 Grafik hasil kuesioner untuk informasi Dari hasil yang ada, dapat disimpulkan bahwa informasi yang disajikan sudah cukup mencakup Kabupaten Ngada secara keseluruhan.


6. Apakah gambar yang disajikan cukup memberikan gambaran tentang keadaan Kabupaten Ngada? Tabel 5.6 Hasil kuesioner untuk gambar Respon

Frekuensi

Total (%)

Sudah Cukup

20

57

Cukup

12

34

Belum Cukup

3

9

Apakah gambar yang disajikan cukup memberikan gambaran tentang keadaan Kab. Ngada?

9% 34%

57%

Sudah Cukup Cukup Belum Cukup

Gambar 5.7 Grafik hasil kuesioner untuk gambar Dari hasil yang ada, dapat disimpulkan bahwa gambar yang disajikan cukup memberikan gambaran tentang keadaan Kabupaten Ngada.


7. Apakah kombinasi warna pada situs web Kabupaten Ngada sudah menarik? Tabel 5.7 Hasil kuesioner untuk kombinasi warna Respon

Frekuensi

Total (%)

Sangat Menarik

9

26

Menarik

25

71

Kurang Menarik

1

3

Apakah kombinasi warna pada situs web Kab. Ngada sudah menarik?

3%

26%

71%

Sangat Menarik Menarik Kurang Menarik

Gambar 5.8 Grafik hasil kuesioner untuk kombinasi warna Dari hasil yang ada, dapat disimpulkan bahwa kombinasi warna pada situs web Kabupaten Ngada sudah menarik.


8. Apakah tata letak (menu, gambar, isi) sudah sesuai / tepat? Tabel 5.8 Hasil kuesioner untuk tata letak Respon

Frekuensi

Sudah Sesuai

25

Sesuai

10

Kurang Sesuai

0

Total (%)

Apakah tata letak (menu, gambar, isi) sudah sesuai / tepat?

29%

0% Sudah Sesuai 71%

Sesuai Kurang Sesuai

Gambar 5.9 Grafik hasil kuesioner untuk tata letak Dari hasil yang ada, dapat disimpulkan bahwa tata letak (menu, gambar, isi) sudah sesuai.


9. Apakah bentuk huruf / teks yang ditampilkan sudah sesuai dengan penempatannya dan nyaman dibaca? Tabel 5.9 Hasil kuesioner untuk bentuk huruf / teks Respon

Frekuensi

Total (%)

Sudah Sesuai

30

86

Sesuai

5

14

Belum Sesuai

0

0

Apakah bentuk huruf / teks yang ditampilkan sudah sesuai dengan penempatannya dan nyaman dibaca?

14%

0% Sudah Sesuai Sesuai Belum Sesuai 86%

Gambar 5.10 Grafik hasil kuesioner untuk bentuk huruf / teks Dari hasil yang ada, dapat disimpulkan bahwa bentuk huruf / teks yang sudah sesuai dengan penempatannya dan nyaman untuk dibaca.


10. Fitur apa yang paling Anda suka dari Situs Web Kabupaten Ngada? Tabel 5.10 Hasil kuesioner untuk fitur Respon

Frekuensi

Total (%)

Potensi Daerah

6

17

Potensi Wisata

25

72

Berita Daerah

4

11

Fitur apa yang paling Anda suka dari Situs Web Kab. Ngada?

17%

11%

Potensi Daerah 72%

Potensi Wisata Berita Daerah

Gambar 5.10 Grafik hasil kuesioner untuk fitur Dari hasil yang ada, dapat disimpulkan bahwa responden memilih fitur potensi wisata yang paling mereka suka dari situs web kabupaten Ngada ini.


Dengan demikian dapat disimpulkan bahwa Situs Web Kabupaten Ngada ini memberikan manfaat bagi promosi Kabupaten Ngada, mudah dipakai dan tampilan dari Situs Web Kabupaten Ngada sudah menarik. Diharapkan bahwa dengan adanya Situs Web Kabupaten Ngada ini pengunjung situs/user yang ingin menanamkan modalnya di Kabupaten Ngada, dapat dengan mudah mengetahui tentang Kabupaten Ngada dan berbagai kekayaan yang dimilikinya.


BAB VI PENUTUP

6.1

Kesimpulan Setelah melakukan pembuatan desain Situs Web Kabupaten Ngada dan

mengimplementasikannya maka dapat ditarik beberapa kesimpulan sebagai berikut : 1. Perancangan dan pembuatan aplikasi pada Situs Web Kabupaten Ngada dapat menyajikan informasi yang dibutuhkan pengunjung situs diantaranya sesuai dengan data-data yang diperoleh dari hasil penelitian yang dilakukan oleh penulis, kemudian mengimplementasikannya dalam bentuk Situs Web Kabupaten Ngada, aplikasi tersebut dapat mengakses data informasi khususnya kegiatan seputar promosi Kabupaten Ngada dan Buku Tamu dalam pengembangan Situs Web Kabupaten Ngada. 2. Dengan adanya pelayanan informasi melalui Web, pengunjung situs Kabupaten Ngada menjadi lebih mudah dan cepat mengetahui informasi tentang Kabupaten Ngada. 3. Dalam implementasi digunakan aplikasi basis data, sehingga dokumen yang dihasilkan pada aplikasi web merupakan dokumen yang dinamis, informasi yang disajikan bersifat UptoDate sesuai dengan kebutuhan. 4. Dengan adanya fasilitas yang dinamis administrator dapat merubah dengan cepat isi informasi yang dibutuhkan tanpa harus membuka source program.


6.2

Saran 1. Aplikasi yang dibangun untuk mempromosikan Kabupaten Ngada masih terbatas penyajian informasi. Untuk mengembangkannya lebih lanjut dapat disertakan aplikasi yang dengan mempertimbangkan segi keamanan data informasi. Mengingat pengguna internet mengharap akan informasi yang tersaji dengan cepat, maka disarankan dalam pembuatan desain website terutama homepage memiliki ukuran file yang cukup kecil namun tidak meninggalkan citra grafisnya. Hal ini cukup berpengaruh pada kecepatan loading dari website. 2. Sebagai web yang diharapkan sebagai sarana promosi dan informasi bagi masyarakat luas, hendaknya lebih mengutamakan isi (content) atau penyampaian

informasi

dari

pada

tampilan,

walaupun

tidak

menghilangkan secara keseluruhan. 3. Dengan menggunakan sistem database, diharapkan administrator dapat mengembangkan sistem informasi yang diharapkan oleh pengunjung.


DAFTAR PUSTAKA

Badan Koordinasi Penanaman Modal Daerah, 2004. Profil Potensi Investasi Kabupaten Ngada. Ngada Badan Pengembangan Kawasan Terpadu Mbay (KAPET), 2002. Peluang Investasi Di Kawasan Pengembangan Terpadu Mbay. Ngada Didik Dwi Prasetyo, 2005. Aplikasi Web Mobile Menggunakan ASP.NET. Jakarta : Gramedia. Dinas Kebudayaan dan Pariwisata Kabupaten Ngada, 2004. Indonesia Nusa Tenggara Timur Kabupaten Ngada Buku Petunjuk Wisatawan. Ngada. http://www.kominfo.go.id Diakses Pada tanggal 4 Oktober 2006. Joe Martin dan Brett Tomson, 2004, Belajar Sendiri dalam 24 Jam ASP.NET. Yogyakarta : Andi Offset. Kurniawan, Yahya, S.T, 2003, Belajar Sendiri pemrograman Visual Basic .NET 2003. Jakarta : PT Elex Media Komputindo. Maria Marhoud, 2005, Analisis Sistem Informasi Profil Potensi Investasi Propinsi NTT. Yogyakarta : AKPRIND(Skripsi). Nugroho A, 2002, Analisis dan Perancangan Sistem Informasi dengan Metodologi Berorientasi Objek. Bandung : Informatika. Pressman, Roger S, Ph.D. Penerjemahan : LN Harnaningrum. 2002. Rekayasa Perangkat Lunak : Pendekatan Praktis (Buku I). Yogyakarta : Andi Offset. Soetam Rizky, 2006, Pembuatan Situs Berita dengan ASP.NET 2.0. Yogyakarta : Andi Offset. S. Faisal, 2000. Format-format Penelitian Sosial. Jakarta : PT Raja Grafindo Persada. Yogiyanto, 1999. Analisis dan Desain, Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta : Andi Offset.

180


LAMPIRAN







































































PENGEMBANGAN SITUS WEB KABUPATEN NGADA SKRIPSI. Diajukan untuk Memenuhi Salah Satu Syarat. Memperoleh Gelar Sarjana Sains. Program Studi Ilmu Komputer

Recommend Documents