SISTEM INFORMASI JADWAL PEMENTASAN KESENIAN TARI BALI BERBASIS WEB DI KABUPATEN GIANYAR TUGAS AKHIR - Sistem informasi jadwal pementasan kesenian tari Bali berbasis web di Kabupaten Gianyar tahun ajaran 2006/2007 - USD Repository

(1)

TUGAS AKHIR

Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains dan Teknologi

Program Studi Teknik Informatika

Disusun Oleh :

Pande Made Dwi Ismaya yana N I M : 005314097

PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA YOGYAKARTA

2007

(2)

FINAL PROJECT

Presented as Partial Fulfillment of the Requirements to Obtain The Sarjana Sains dan Teknologi Degree

in Informatics Engineering Study Program

By :

Pande Made Dwi Ismaya yana N I M : 005314097

INFORMATICS ENGINEERING STUDY PROGRAM DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY

YOGYAKARTA 2007

(3)

(4)

(5)

Om Swastiastu,

Kepada seseorang yang telah menjadi semangat atas semua kerja keras. Ida Sang Hyang Widi Wasa atas Asung Kerhta Wara Nugraha-Nya. Kedua orang tuaku, Pande Ketut Suardana S.H. dan Pande Nyoman Sriasih,

mok’ka sekeluarga, Bibiku Pande Nyoman Yasni, dan adikku Aswin

Atas dukungan moril, spiritual, dan materi yang tiada henti-hentinya. Dengan ketabahan dan kesabaran akhirnya semua ini bisa Made selesaikan

Om Santi, Santi, Santi, Om

(6)

prakteh kriyamanani guraih karmani sarvasah

ahankara - vimudhatma karthaham iti manyate

Sesungguhnya setiap perbuatan yang dilakukan disebabkan oleh sifat pekerti (naluri), tetapi orang yang bingung karena ke-Akuannya (ahamkara) akan berpikir; ‘aku inilah pelaksananya’ (Bagavadgita, III-27)

“Om Hyang Kawitan Anuriksing Ingulun”

“Karma senantiasa menyertai_Phala selalu menghampiri”

Live Your Life What You Could! Through Your Life What You Should!

Listen to your Heart! Don’t Worry Be Happy!

(7)

karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan penulis juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.

Yogyakarta, ... Penulis,

Pande Made Dwi Ismaya yana

(8)

ragam daya tarik, misalnya kesenian tari dan budaya masyarakat setempat yang unik. Namun penyampaian informasi mengenai jadwal pementasan kesenian tari di Bali yang sampai saat ini masih menggunakan brosur sebagai medianya dirasa kurang begitu efektif.

Sistem Informasi Jadwal Pementasan Kesenian Tari Bali berbasis web ini dibangun dan diharapkan mampu membantu wisatawan yang berkunjung ke Bali khususnya di Kabupaten Gianyar, untuk memperoleh informasi yang lebih lengkap dan cepat mengenai di mana dan kapan diadakan pementasan kesenian tari sehingga wisatawan dapat memanfaatkan waktu liburannya dengan maksimal. Informasi yang disediakan antara lain profil Gianyar, informasi panggung yang memberikan informasi detil tentang panggung pementasan dan informasi mengenai jadwal pementasan di tiap panggung, peta kabupaten, info angkutan yang memberikan informasi mengenai angkutan umum di kabupaten Gianyar dan juga fasilitas pencarian berdasarkan kategori.

Dalam penulisan Tugas Akhir ini sebuah sistem informasi telah dibangun. Berdasarkan hasil kuesioner yang digerikan kepada 20 responden, dapat disimpulkan bahwa sistem informasi ini mudah dipakai, informasi yang disediakan sesuai dengan kebutuhan pengguna, antar muka sistem yang cukup menarik walau sederhana, sistem dapat memudahkan dan menguntungkan pengguna, dan sistem ini dapat menggantikan media sebelumnya sehingga dapat membantu pengguna (dalam hal ini para wisatawan) agar dapat dengan lebih cepat dalam mencari informasi mengenai jadwal pementasan kesenian tari dan informasi pendukung lainnya di kabupaten Gianyar.

(9)

interesting features, for example the dance art and unique local society. Unfortunately, brochures as media to spread information about dance art performance schedule seem not so effective since they are difficult to be spread world wide.

The web Based Information System of Balinese Dance Art Performance Schedule in the Gianyar regency of Bali was developed and is expected to be able to help the tourists that visit Bali especially in the Gianyar regency, to gain faster and more complete information about when the performing are held and where the performing took place so the tourists could spend their vacation time wisely and maximally. The system provides some information such as Gianyar profile, stage information which gives detail information about the performance stage and performing schedules on each stage, regency, and transport info which give information about the public transportation in Gianyar, as well as a searching facility with several categories.

In this final project a system has been successfully developed. Based on the result of questionnaire were given to 20 respondents, it could be concluded that the system is user friendly, the information provided by the system are suitable with the user needs, the system interface are quite interesting, the system advantages to users, and the system could complement the previous media to help user (i.e. the tourists) gaining faster information about dancing art performance schedules and other supporting information in Gianyar regency.

(10)

(11)

Wara Nugraha-Nya selama ini, sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “SISTEM INFORMASI JADWAL PEMENTASAN KESENIAN TARI BALI BEBASIS WEB DI KABUPATEN GIANYAR”.

Penyusunan Tugas Akhir ini dimaksudkan guna memenuhi salah satu persyaratan mencapai derajat Strata 1. Gelar kesarjanaan dalam Jurusan Teknik Informatika pada Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

Tugas Akhir ini dapat tersusun berkat adanya bimbingan, petunjuk, bantuan maupun saran–saran dari berbagai pihak. Oleh karena itu penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Ibu Paulina Heruningsih Prima Rosa, S.Si, M.Sc, selaku Dosen Pembimbing, yang mana telah sangat banyak memberikan saran dan masukan berharga yang sangat membantu penulis dalam mengerjakan Tugas Akhir ini.

2. Ibu Agnes Maria Polina, S.Kom, M.Sc, selaku Ketua Jurusan Teknik Informatika Universitas Sanata Dharma.

3. Romo Ir. Gregorius Heliarko S.J., S.S., B.S.T., M.A., M.Sc., selaku Dekan Fakultas Sains dan Teknologi Universitas Sanata Dharma.

4. Bapak Stevanus Wisnu Wijaya, S.T., M.T. selaku Dosen Penguji Satu. 5. Ibu Anastasia Rita Widiarti, S.Si., M.Kom. selaku Dosen Penguji Dua. 6. Bapak Henricus Agung Hernawan, S.T. selaku Dosen Penguji Tiga.

7. I Gusti Ketut Telsi Wijayanti yang telah menjadi semangat penulis dalam pengerjaan Tugas Akhir ini.

8. Pak Bele, mas Danang, pak Jito, mas Tri, mas Gito, dan petugas sekretariat Teknik Universitas Sanata Dharma.

9. Keluargaku, terutama Ibu, Bapak, Mbok Eka, Bik Yas, Aswin, Bli Man, dan Gede Golden atas semua dukungan yang tiada henti, baik secara moril maupun materi. Akhirnya Made bisa menyelesaikan ini semua.

(12)

11.Yang selalu menemani penulis dalam suka dan duka, si_Mpron ⇒ AMD Sempron Processor 2600+ 1.66Ghz, 512 of RAM terima kasih atas kekuatan dan kesetian yang telah diberikan selama ini.

12.Yang selalu memberikan dukungan pada penulis; Bli Ngurah, Gus Odon, CokDe (suport dan persaudaraan), Anggi, Opan, Gusur, Rizal, Kumet, Arifin, Japra & keluarga, dan adik-adik KMHD swastika taruna (suksma samian sewala patranipun)

13.Teman-teman seperjuangan TI akt. 2000; ‘Dedut, Linda, Gundul’, Danang, Bowo, Chandra, Erwin, Dion, Gina,Merry, Tessa, Santoz, Yanuar, Yudhi, Agnes, dll.

14.Nyama Braya d’jumah Bali, Wayan Pali, Dek Edi, Indri, Musteana, Juli, ane setate ngemigmig “nggalin pragat, jak bareng megae!”.

15.Dan semua pihak yang telah membantu penulis dalam penyusunan Tugas Akhir ini.

Penulis sangat menyadari bahwa penyusunan dari Tugas Akhir ini masih jauh dari sempurna, adanya kritik saran maupun petunjuk tentunya akan sangat membantu demi perbaikan dan penyempurnaan Tugas Akhir ini. Namun besar harapan penulis kiranya dapat bermanfaat bagi kita semua.

Yogyakarta,...

Penulis

(13)

Halaman Persetujuan Pembimbing ... iii

Halaman Pengesahan Penguji ... iv

Halaman Persembahan ... v

Halaman Motto ... vi

Pernyataan Keaslian Karya ... vii

Abstraksi ... viii

Abstract ... ix

Kata Pengantar ... x

Daftar Isi ... xii

Daftar Tabel ... xvi

Daftar Gambar ... xvii

BAB I. PENDAHULUAN ... 1

I.1. Latar Belakang ... 1

I.2. Batasan Masalah ... 2

I.3. Tujuan dan Manfaat Pembangunan Sistem ... 3

I.4. Rumusan Masalah ... 4

I.5. Metodologi Pembangunan Sistem ... 4

I.6. Sistematika Penulisan ... 6

BAB II. DASAR TEORI ... 8

II.1. Sistem Informasi ... 8

II.2. Use Case Diagram ... 8

II.2.1. Pemodelan Dasar Use Case Diagram ... 8

II.2.1.1. Aktor ... 8

II.2.1.2. Use Case ... 9

II.2.2. Hubungan (Relationship) ... 9

(14)

II.3.4. Agen Eksternal ... 10

II.3.5. Simpanan Data (Data Store) ... 10

II.4. Pemodelan Data ... 10

II.4.1. Entitas ... 10

II.4.2. Atribut ... 11

II.4.3. Kunci (Key) ... 11

II.4.3.1. Candicate Key ... 11

II.4.3.2. Primary Key ... 11

II.4.3.3. Alternate Key ... 11

II.4.3.4. Foreign Key ... 12

II.5. World Wide Web (WWW) ... 12

II.6. Hypertext Transfer Protocol (Http) ... 13

II.7. Uniform Resource Locator (URL) ... 13

II.8. Hypertext PreProcessor (Php) ... 14

II.9. Hypertext Markup Language (Html) ... 15

II.10. Php dalam Html ... 16

II.11. Structure Query Language (SQL) ... 16

II.11.1. Membuat Database ... 16

II.11.2. Menbuat Tabel ... 17

II.11.3. Membaca Data (dalam table) ... 17

II.11.4. Menambah Data (Input) ... 17

II.11.5. Mengubah Data (Update) ... 17

II.11.6. Menghapus Data (Delete) ... 17

II.12. MySQL ... 17

II.13. Web Programing ... 18

II.14. Macromedia Dreamweaver ... 18

II.15. Seni Pertunjukan ... 19

(15)

III.1. Analisis Sistem ... 21

III.1.1. Gambaran Umum Sistem ... 21

III.1.2. Analisa Kebutuhan ... 22

III.1.2.1. Use Case Diagram ... 23

III.1.2.2. Data Flow Diagram (DF-D) ... 24

III.1.2.2.1. Diagram Konteks ... 24

III.1.2.2.2. Diagram Berjenjang ... 24

III.1.2.2.3. DAD Pengguna ... 25

III.1.2.2.4. DAD Administrator ... 25

III.1.2.2.5. DAD Level 2 Proses 2.3. ... 26

III.1.2.2.6. DAD Level 2 Proses 1.1. ... 27

III.1.2.3. Entity Relationship Diagram (ER-D) ... 27

III.2. Perancangan Sistem ... 28

III.2.1. Desain Basis Data (Logical Database Design) ... 28

III.2.2. Desain Basis Data (Physical Database Design) ... 29

III.3. Perancangan Antar Muka (Interface) ... 32

III.3.1. Desain Antar Muka untuk Pengguna (User) ... 33

III.3.2. Desain Antar Muka untuk Administrator ... 41

BAB IV. IMPLEMENTASI SISTEM ... 53

IV.1. Lingkungan Implementasi ... 53

IV.1.1. Lingkungan Perangkat Lunak ... 53

IV.1.2. Lingkungan Perangkat Keras ... 53

IV.2. Tampilan Program dan Penjelasan ... 54

IV.2.1. Koneksi ke Database ... 54

IV.2.2. Halaman Menu Admin ... 55

IV.2.2.1. Halaman submenu untuk admin ... 60

(16)

IV.2.2.6 Halaman submenu Jadwal ... 78

IV.2.2.6 Halaman submenu Transportasi ... 81

IV.2.3. Halaman Menu Utama Pengguna berbahasa Indonesia ... 84

IV.2.3.1 Halaman Menu Informasi Panggung ... 91

IV.2.3.2 Halaman Menu Peta Kabupaten ... 106

IV.2.3.3 Halaman Menu Info Angkutan ... 109

IV.2.3.4 Pencarian ... 110

IV.2.4 Halaman Menu Pengguna berbahasa Inggris ... 117

IV.2.4.1 Halaman Menu Stage Information ... 117

IV.2.4.2 Halaman Menu Regency Maps ... 121

IV.2.4.3 Halaman Menu Transport Info ... 123

IV.2.4.4 Pencarian atau Searching ... 124

BAB V. ANALISIS HASIL IMPLEMENTASI ... 127

BAB VI. PENUTUP ... 131

DAFTAR PUSTAKA ... 133 LAMPIRAN

(17)

Tabel Transportasi Umum ... 30

Tabel Tarian ... 31

Tabel Kecamatan ... 31

Tabel Desa ... 32

Tabel Admin ... 32

Tabel Rekapitulasi hasil kuesioner ... 127

(18)

gambar 3.3 Diagram berjenjang ... 24

gambar 3.4 Diagram Arus Data Pengguna ... 25

gambar 3.5 Diagram Arus Data Administrator ... 25

gambar 3.6 Diagram Arus Data Level 2 Proses 2.3. ... 26

gambar 3.7 Diagram Arus Data Level 2 Proses 1.1. ... 27

gambar 3.8 ER Diagram ... 27

gambar 3.9 Logical Design ... 28

gambar 3.10 rancangan halaman utama Web ... 33

gambar 3.11 rancangan halaman pertama informasi panggung ... 34

gambar 3.12 rancangan halaman sekilas kecamatan ... 35

gambar 3.13 rancangan halaman nama panggung di tiap kecamatan ... 35

gambar 3.14 rancangan halaman informasi panggung tidak aktif ... 36

gambar 3.15 rancangan halaman informasi panggung pementasan ... 37

gambar 3.16 rancangan halaman jadwal pementasan ... 38

gambar 3.17 rancangan halaman locator kabupaten Gianyar ... 39

gambar 3.18 rancangan halaman peta kabupaten gianyar ... 40

gambar 3.19 rancangan halaman informasi angkutan umum ... 40

gambar 3.20 rancangan halaman Log In administrator ... 42

gambar 3.2I rancangan halaman utama Administrator ... 42

Gambar 3.22 rancangan halaman update data admin ... 43

gambar 3.23 rancangan halaman input data kecamatan ... 44

gambar 3.24 rancangan halaman edit data kecamatan ... 44

gambar 3.25 rancangan halaman input data tarian ... 45

gambar 3.26 rancangan halaman update data tarian ... 46

gambar 3.27 rancangan halaman input data desa ... 46

gambar 3.28 rancangan halaman update data desa ... 47

gambar 3.29 rancangan halaman input data panggung ... 48

(19)

gambar 3.34 rancangan halaman update data transportasi ... 52

gambar 4.1 halaman login administrator ... 55

gambar 4.2 halaman menu admin ... 57

gambar 4.3 halaman data admin ... 60

gambar 4.4 halaman tambah data admin ... 63

gambar 4.5 halaman update data admin ... 64

gambar 4.6 halaman data kecamatan ... 66

gambar 4.7 halaman tambah data kecamatan ... 66

gambar 4.8 halaman update data kecamatan ... 67

gambar 4.9 halaman data tarian ... 69

gambar 4.10 halaman tambah data tarian ... 69

gambar 4.11 halaman update data tarian ... 71

gambar 4.12 halaman data desa ... 72

gambar 4.13 halaman tambah data desa ... 73

gambar 4.14 halaman update data desa ... 74

gambar 4.15 halaman data panggung ... 75

gambar 4.16 halaman tambah data panggung ... 76

gambar 4.17 halaman update data panggung ... 77

gambar 4.18 halaman data jadwal ... 78

gambar 4.19 halaman tambah data jadwal ... 79

gambar 4.20 halaman update data jadwal ... 80

gambar 4.21 halaman data transportasi ... 81

gambar 4.22 halaman tambah data transportasi ... 82

gambar 4.23 halaman update data transportasi ... 83

gambar 4.24 halaman utama bahasa Indonesia ... 84

gambar 4.25 halaman utama bahasa Inggris ... 85

gambar 4.26 halaman locator kabupaten Gianyar ... 92

(20)

gambar 4.31 informasi jadwal pementasan ... 102

gambar 4.32 halaman informasi tarian ... 105

gambar 4.33 halaman pertama menu peta kabupaten ... 107

gambar 4.34 halaman peta kabupaten gianyar ... 108

gambar 4.35 informasi angkutan umum ... 110

gambar 4.36 pencarian berdasarkan nama hari ... 111

gambar 4.37 pencarian berdasarkan nama tari ... 112

gambar 4.38 pencarian berdasarkan mana panggung ... 113

gambar 4.39 halaman hasil pencarian ... 115

gambar 4.40 halaman peringatan kategori belum dipilih ... 116

gambar 4.41 halaman peringatan kata kunci kosong ... 117

gambar 4.42 halaman pertama stage information ... 118

gambar 4.43 halaman district in the Gianyar regency ... 118

gambar 4.44 halaman stage name in each district ... 119

gambar 4.45 halaman found no active stage ... 119

gambar 4.46 halaman remarks of the stage ... 120

gambar 4.47 halaman performance schedule ... 120

gambar 4.48 halaman dance description ... 121

gambar 4.49 halaman pertama menu regency maps ... 122

gambar 4.49 halaman maps of the Gianyar regency ... 122

gambar 4.50 halaman transport info ... 123

gambar 4.51 halaman search by day name ... 124

gambar 4.52 halaman search by stage name ... 125

gambar 4.53 halaman search by dance name ... 125

gambar 4.54 halaman search result based on category ... 126

(21)

BAB I PENDAHULUAN

I.1. LATAR BELAKANG

Pulau Bali merupakan salah satu pilihan utama objek wisata yang ada di Indonesia dan sudah cukup dikenal secara luas. Salah satu daya tarik pulau Bali bagi para wisatawan yang datang untuk berkunjung, selain dari objek-objek wisatanya adalah wisata budaya pulau Bali yang juga sudah dikenal secara luas. Salah satu dari sekian banyak wisata budaya tersebut adalah tari Bali. Selama ini informasi mengenai jadwal pementasan tari tersebut masih menggunakan brosur-brosur yang dapat dijumpai oleh wisatawan di panggung-panggung pementasan yang telah dikenal ataupun di Tourist Information yang ada. Oleh dikarenakan keterbatasan ruang untuk informasi yang dimiliki oleh media brosur, wisatawan seringkali harus mengambil dan membaca sekitar tiga brosur atau bahkan lebih, untuk mendapatkan informasi yang lebih banyak mengenai jadwal kapan pementasan dilakukan, apa saja tarian yang dipentaskan, dan di panggung pementasan dilakukan. Tentunya hal tersebut cukup merepotkan.

(22)

lukisan dan kecamatan Tampak Siring yang lebih condong ke wisata situs peninggalan budaya seperti objek wisata Sebatu, objek wisata Pura Tirta Empul, dan yang tidak kalah terkenal bagi wisatawan domestik yaitu Istana Presiden. Namun wisatawan yang datang ke pulau Bali tidak semuanya memilih untuk tinggal dan menginap di wilayah kabupaten Gianyar. Hal tersebut menyebabkan mereka cukup sulit untuk mendapatkan informasi mengenai jadwal pementasan tari Bali, dan juga karena minimnya informasi mengenai transportasi umum yang ada sehingga wisatawan kerap menghabiskan banyak waktu hanya untuk sekedar bertanya bagaimana dan transportasi umum apa saja yang bisa digunakan menuju panggung pementasan dan hal tersebut menjadikan waktu liburan mereka menjadi tidak maksimal untuk dinikmati.

Dalam Tugas Akhir ini penulis akan mencoba untuk membangun sebuah sistem informasi berbasis web yang diharapkan akan mampu untuk menyediakan informasi tentang jadwal pementasan dari suatu panggung pementasan (hari dan waktu pementasan), jenis-jenis kesenian tari yang akan dipentaskan (nama tarian dan informasi lainnya), serta informasi transportasi umum yang dapat digunakan untuk mencapai panggung pementasan.

I.2. BATASAN MASALAH

Pada penyusunan tugas akhir ini, penulis membatasi permasalahan yang dibahas antara lain sebagai berikut :

(23)

2. Informasi akan disampaikan dalam dua bahasa yaitu, bahasa Indonesia dan bahasa Inggris

3. Sistem informasi ini dibuat dengan tidak melibatkan sistem keamanan.

I.3. TUJUAN dan MANFAAT Pembangunan sistem I.3.1. Tujuan :

Adapun tujuan yang ingin dicapai penulis dalam penulisan tugas akhir ini adalah :

1. Menghasilkan suatu program bantu untuk memudahkan wisatawan mendapatkan informasi mengenai pementasan kesenian tari yang diadakan di Bali, khususnya di kabupaten Gianyar.

2. Lebih memperkenalkan kepada masyarakat Gianyar Bali tentang keunggulan teknologi komputerisasi dan memasyarakatkan sistem informasi berbasis komputer dalam melakukan penyampaian informasi.

I.3.2. Manfaat :

Adapun manfaat yang ingin dicapai penulis setelah menyelesaikan penyusunan tugas akhir ini adalah :

(24)

2. Infomasi yang disampaikan menjadi lebih tepat guna dan mencapai ruang lingkup yang lebih luas dari sebelumnya.

I.4. RUMUSAN MASALAH

Bagaimana membangun suatu sistem informasi berbasis web dengan menggunakan Php dan MySQL, untuk memudahkan para wisatawan asing maupun domestik yang berkunjung ke Bali khususnya kabupaten Gianyar, dalam memperoleh informasi tentang jadwal pementasan (hari dan waktu pementasan), lokasi panggung pementasan, jenis-jenis tari yang dipentaskan, dan informasi tentang transportasi umum yang dapat digunakan jika wisatawan tidak mampu untuk menyewa kendaraan pribadi.

I.5. METODOLOGI Pembangunan sistem I.5.1. Studi Pustaka

Studi literatur yang dilakukan adalah dengan mempelajari teori mengenai pemrograman web, Php, dan MySQL serta mencari informasi tentang jenis-jenis tari yang ada di daerah Bali, serta informasi lainnya yang berhubungan dengan sistem informasi yang yang akan dibangun. I.5.2. Metode Pengumpulan Informasi dan Data

(25)

wawancara mengenai jadwal dan jenis tarian yang dipentaskan, serta informasi jenis transportasi umum yang ada di kabupaten Gianyar.

I.5.3. Analisis sistem

Mempelajari masalah yang ada dan menentukan kebutuhan-kebutuhan yang diperlukan untuk identifikasi dalam pemecahan masalah. I.5.4. Desain sistem

Merancang pembentukan suatu sistem, yang menyangkut konfigurasi komponen-komponen perangkat lunak dan perangkat keras yang akan digunakan dalam pembangun system informasi ini, seperti :

9 Perancangan sistem secara umum. 9 Perancangan menu.

9 Perancangan tampilan dan user interface.

I.5.5. Implementasi sistem

(26)

I.6. SISTEMATIKA PENULISAN

Laporan pembangunan tugas akhir ini ditulis berdasarkan hasil penelitian yang dilakukan selama pengerjaan. Adapun sistematika penulisannya terdiri atas : BAB I. PENDAHULUAN

Menjelaskan mengenai latar belakang masalah, batasan masalah, tujuan dan manfaat penelitian, rumusan masalah, dan metodologi yang digunakan dalam pembangunan sistem.

BAB II. DASAR TEORI

Berisi penjelasan mengenai sistem informasi, web, dan teori-teori lainnya yang digunakan dalam pembangunan sistem informasi jadwal pementasan kesenian tari Bali berbasis web di kabupaten Gianyar Bali.

BAB III. ANALISIS dan PERANCANGAN SISTEM

Dalam bab ini dijelaskan mengenai analisa masalah dan mengenai rancangan sistem yang akan dibangun secara umum dan terperinci.

BAB IV. IMPLEMENTASI SISTEM

(27)

BAB V. ANALISIS HASIL IMPLEMENTASI

Bab ini menjelaskan mengenai analisa yang dilakukan pada sistem informasi yang telah dibuat dan hasil dari analisa yeng telah dilakukan pada sistem setelah sistem dicoba.

BAB VI. PENUTUP

(28)

BAB II DASAR TEORI

II.1. SISTEM INFORMASI

Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.

Sistem Informasi merupakan sekumpulan komponen yang mempunyai fungsi yang berbeda namun saling berinteraksi dan saling bekerja sama untuk menghasilkan suatu informasi yang akurat dan tepat. Juga menyediakan dan menyusun informasi yang merefleksikan kejadian atau kegiatan untuk mengendalikan suatu informasi.

II.2. USE CASE DIAGRAM

Use Case Diagram adalah diagram yang menggambarkan interaksi atau

hubungan antara sistem dengan sistem eksternal dan pengguna. Dengan kata lain, secara grafis menggambarkan siapa saja yang menggunakan sistem dan dengan cara apa saja user berinteraksi dengan sistem.

II.2.1. Pemodelan dasar Use Case Diagram II.2.1.1. Aktor

(29)

II.2.1.2. Use Case

Urutan langkah-langkah yang saling terkait, baik yang terotomatisasi maupun secara manual untuk melengkapi satu tugas bisnis tunggal.

II.2.2. Hubungan (Relationship)

Hubungan adalah sesuatu yang digambarkan dengan suatu garis yang dipakai untuk menghubungkan antara dua sistem dalam Use Case Diagram. Arti suatu hubungan dapat berbeda-beda, tergantung bagaimana

suatu garis digambarkan dan tipe sistem yang dipakai untuk menghubungkan garis tersebut.

II.3. PEMODELAN PROSES

Pemodelan proses adalah teknik yang dipakai untuk mengelola, mengorganisasikan, dan mendokumentasikan proses pada suatu sistem. Diagram Aliran Data atau Data Flow Diagram (DFD) adalah alat yang dipakai untuk menggambarakan aliran data pada suatu sistem dan proses yang dipakai oleh sistem. Hal-hal yang biasa dipakai atau tercantum dalam DFD antara lain :

II.3.1. Proses

(30)

II.3.2. Aliran Data (Data Flow)

Aliran data melambangkan arus data berupa masukan untuk sistem atau hasil dari suatu proses.

II.3.3. Aliran Kontrol

Aliran kontrol melambangkan pemicu dari suatu proses atau aliran yang bukan merupakan suatu data.

II.3.4. Agen eksternal

Agen eksternal merupakan kesatuan dari luar lingkungan sistem yang bisa berupa orang, organisasi, atau sistem lain yang memberikan input atau menerima output.

II.3.5. Simpanan Data (Data Store)

Simpanan data adalah yang digunakan untuk menyimpan data hasil proses maupun menyediakan data untuk diproses.

II.4. PEMODELAN DATA

Pemodelan data adalah suatu teknik atau cara untuk mengatur dan mendefinisikan persyaratan bisnis untuk sebuah database. Pemodelan data sering juga disebut sebagai pemodelan database, karena model data kadang-kadang diimplementasikan sebagai sebuah database.

II.4.1. Entitas

(31)

II.4.2. Atribut

Sebuah properti yang deskriptif atau karakteristik dari sebuah entitas. Sinonimnya adalah elemen, sifat, dan bidang.

II.4.3. Kunci (Key)

Sebuah atau kelompok atribut yang diasumsikan memiliki nilai yang unik untuk setiap entitas yang sering disebut sebagai identifier.

Adapun beberapa jenis kunci tersebut adalah, antara lain : II.4.3.1. Candidate Key

Candidate Key atau kunci kandidat, adalah nilai dari kunci

yang akan berfungsi sebagai Primary Key (PK) dari sebuah entitas atau biasa disebut candidate identifier.

II.4.3.2. Primary Key

Primary key atau kunci pokok, merupakan kunci kandidat

yang paling umum dipakai untuk identifikasi unik dari entitas tunggal.

II.4.3.3. Alternate Key

(32)

II.4.3.4. Foreign Key

Foreign Key atau Kunci asing, adalah sebuah kunci pokok dari sebuah entitas yang dipakai oleh entitas lain untuk identifikasi suatu relasi.

II.5. WORLD WIDE WEB (WWW)

World Wide Web adalah jaringan yang terdiri atas beribu-ribu komputer

yang dikategorikan menjadi dua yaitu server dan client, dan dengan menggunakan software khusus membentuk sebuah jaringan. Dengan adanya suatu web maka informasi dapat mencapai area yang lebih luas dari berbagai kalangan, juga memudahkan pengguna komputer untuk berinteraksi dengan pengguna yang lainnya.

Adapun cara kerja suatu web dapat diringkas sebagai berikut :

− Web info disimpan dalam suatu sokumen yang disebut dengan web page.

− Web server merupakan suatu komputer yang difungsikan sebagai media

penyimpan web page.

− Komputer-komputer yang digunakan untuk mengakses dan membaca web

page yang ada pada web server dalam protokol http disebut dengan web

client.

− Web browser adalah software yang digunakan oleh web client untuk

(33)

II.6. HYPERTEXT TRANSFER PROTOCOL (Http)

Hypertext Transfer Protokol (http) adalah protokol yang menentukan

aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta oleh browser. Protokol ini merupakan sebuah protokol standar yang digunakan untuk

mengakses protokol Html.

II.7. UNIFORM RESOURCE LOCATOR (URL)

Uniform Resource Locator (URL) adalah suatu sarana yang digunakan

untuk menentukan lokasi informasi pada suatu web server. URL dapat diibaratkan suatu alamat, dimana alamat itu terdiri atas:

- Protokol yang digunakan oleh suatu browser untuk mengambil informasi.

- Nama komputer (server) dimana informasi tersebut berada. - Jalur atau path serta nama file dari suatu informasi.

Format umumnya adalah sebagai berikut : Prtokol_transfer://nama_host/path/nama_file

Contoh : http://www.amazon.com/buku/index/html

Dimana:

http adalah protokol yang digunakan.

(34)

Buku adalah jalur atau path dari informasi yang dicari.

Index.html adalah nama file dimana informasi tersebut berada.

II.8. HYPERTEXT PREPROCESSOR (Php)

Hypertext Preprocessor (Php) dapat berjalan dalam web server yang

berbeda dan dalam sistem operasi yang berbeda pula. Untuk bisa menuliskan kode-kode php, tak diperlukan tool yang canggih. Php juga adalah bahasa server-side scripting yang menyatu dengan Html untuk membuat halaman web yang

dinamis. Maksud dari server-side scripting adalah, sintaks dan perintah-perintah yang kita berikan sepenuhnya dijalankan pada server tetapi disertakan pada dokumen Html biasa. Pembuatan web ini merupakan kombinasi antara Php sebagai bahasa pemrograman dan Html sebagai pembangun halaman web. Ketika pengguna membuka halaman web, server akan memproses perintah Php lalu mengirimkan hasilnya pada browser pengguna, seperti halnya pada ASP (Active Server Pages).

(35)

ODBC. Jika Php berada pada halaman web, maka tidak akan dibutuhkan lagi pengembangan lingkungan khusus atau direktori khusus.

II.9. HYPERTEXT MARKUP LANGUAGE (Html)

Hypertext Markup Language (Html) adalah suatu bahasa yang dipakai untuk menulis halaman web yang tidak tergantung pada platform tertentu (platform independent) yang merupakan pengembanngan dari standar pembuatan teks yaitu SGML (Standar Generalized Markup Language). Disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan

untuk menentukan tampilan suatu teks dan tingkat kepentingan teks tersebut dalam suatu dokumen. Dokumen Html diawali tag<Html> dan ditutup dengan tag</Html> di akhir dokumen. Secara umum dokumen Html dibagi dua yakni

head dan body. Tag<head> dipakai untuk memberi judul dokumen yang dibuat.

Judul akan tampil di bagian atas layar browser saat dokumen dieksekusi dan dikombinasikan dengan tag<title>. Tag<body> digunakan untuk menampilkan teks, image link, dan semua yang ditampilkan dalam web page.

Contoh dokumen Html adalah sebagai berikut :

<Html>

<head>

<title> Struktur Html_index </title> </head>

<body> Dokumen Html </body>

</Html>

(36)

Gambar 2.1. cara kerja web page dalam format Html

II.10. Php dalam Html

Kode-kode bahasa pemrograman dapat dikombinasikan dengan tag-tag Html dalam satu file. File Html yang mengandung kode php disimpan dengan ekstensi atau akhiran php (*.php). Diawali dengan tanda “<?php” atau “<?”, dan diakhiri dengan tanda “?>”. Kode bahasa pemrograman Php juga bisa diawali dengan pasangan tanda “<% … %>” atau “<script language = “php”> … </script>”, setiap baris program diakhiri dengan tanda titik koma “ ; ”.

II.11. STRUCTURE QUERY LANGUAGE (SQL)

Structure Query Language (SQL) adalah suatu bahasa terstrukur yang

digunakan untuk berinteraksi antara script program dengan database server untuk manipulasi data. Contoh perintah dasar SQL antara lain :

II.11.1. Membuat Database

(37)

II.11.2. Membuat Tabel

CREATE TABLE nama_tabel

(nama_field1 tipe_data1, nama_field2 tipe_data2, …, ) II.11.3. Membaca Data (dalam tabel)

SELECT (field1, field2, … , )FROM nama_tabel

WHERE kriteria;

atau

SELECT * FROM nama_tabel

WHERE kriteria;

II.11.4. Menambah Data (Input)

INSERT INTO nama_tabel (field1, field2, … , ) VALUES (nilai_field1, nilai_field2, …, ); II.11.5. Mengubah Data (UpDate)

UPDATE nama_tabel

SET nama_field1 = nilai_baru1, nama_field2 = nilai baru2, …,

WHERE kriteria;

II.11.6. Menghapus Data (Delete)

DELETE FROM nama_tabel WHERE kriteria;

II.12. MySQL

(38)

Windows Xp, Linux. MySQL adalah multi user data base dan kehebatan dari data base MySQL memang diakui, terutama dalam sistem operasi Linux. Selain itu

MySQL dapat di download secara bebas dan gratis.

II.13. WEB PROGRAMING

Web programming adalah pemakaian kode bahasa pemrograman sehingga

sebuah halaman web bisa diubah secara dinamis, dengan demikian halaman web tersebut menjadi lebih interaktif, tidak statis seperti halaman web yang ditulis dengan Html murni. Web statis adalah web yang menampilkan atau berisi informasi-informasi yang sifatnya statis atau tetap, sedangkan web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi atau melakukan kontak dengan pengguna yang sifatnya dinamis. Biasanya bahasa untuk scripting adalah bahasa pemrograman yang tak harus di compile dulu, tapi bisa dianalisis dan dijalankan secara langsung (di-interpret).

II.14. MACROMEDIA DREAMWEAVER

Macromedia Dreamweaver adalah sebuah Html editor professional untuk mendesain secara visual dan mengelola suatu situs web maupun halaman web. Kelebihan dari macromedia dreamweaver antara lain :

1. Mendukung scripts Dynamic Html dan Css style.

2. Mampu mengenali tag-tag lain diluar Html seperti Php dan ColdFusion.

(39)

4. Dilengkapi kemampuan manajemen situs yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs.

II.15. SENI PERTUNJUKAN

Seni pertunjukan adalah seni yang ekspresinya dilakukan dengan jalan dipertunjukkan, karenanya seni ini bergerak dalam ruang dan waktu. Oleh karena seni pertunjukkan bergerak dalam ruang dan waktu, maka ini merupakan seni sesaat, seni yang tidak awet dan hilang berlalu setelah seni tersebut dipentaskan. Seni pertunjukkan meliputi seni tari, seni drama (teather), seni musik, seni pencak silat, dan lain-lain.

II.16. SENI TARI

Seni tari adalah seni gerak yang ritmis yang dibentuk dari gerakan-gerakan badan yang disertai bunyian atau gamelan yang diatur menurut irama lagunya (gending), ekpresi muka, diserasikan dengan isi dan makna. Seni tari juga diartikan suatu seni yang selalu menggunakan media badan atau tubuh manusia untuk mengungkapkan ekspresinya dalam suatu bentuk yang ritmis yang dapat dilakukan dalam ruang.

II.17. TARI BALI LEPAS atau BALIH-BALIHAN (Hiburan)

(40)

(41)

BAB III

ANALISIS dan PERANCANGAN SISTEM

III.1. ANALISIS SISTEM

Sistem yang dibangun yaitu sistem informasi jadwal pementasan tari bali di kabupaten Gianyar ditujukan untuk memberikan layanan informasi kepada wisatawan asing maupun lokal yang datang berkunjung agar lebih mudah dalam memperoleh informasi mengenai jadwal pementasan tari Bali, informasi lokasi panggung pementasan, jenis tarian apa saja yang dipentaskan, dan bagaimana mencapai lokasi panggung pementasan jika menggunakan transportasi umum.

III.1.1. Gambaran Umum Sistem

Gambaran umum dari aplikasi sistem informasi jadwal pementasan kesenian tari Bali di kabupaten Gianyar ini adalah sebagai berikut :

1. Sistem akan membantu pengguna atau wisatawan asing maupun domestik dalam mencari dan memperoleh informasi mengenai jadwal pementasan tari dari panggung-panggung pementasan yang ada di kabupaten Gianyar Bali.

(42)

jadwal pementasan dengan memasukkan kata kunci berupa nama tarian atau nama hari.

III.1.2. Analisa Kebutuhan

Pengguna sistem ini dibagi menjadi dua, yaitu : 1. Pengguna(user)

Orang yang menggunakan sistem untuk memperoleh informasi mengenai panggung pementasan, jadwal pementasan (hari dan waktu pementasan), jenis tarian yang dipentaskan, serta informasi transportasi umum yang bisa digunakan untuk mencapai lokasi panggung pementasan.

2. Administrator (admin)

(43)

III.1.2.1. Use Case Diagram :

(44)

III.1.2.2. Data Flow Diagram (DFD)

III.1.2.2.1. Diagram Konteks (Context Diagram)

gambar 3.2 Diagram Konteks (Context Diagram)

III.1.2.2.2. Diagram Berjenjang

(45)

III.1.2.2.3. Diagram Arus Data Pengguna

gambar 3.4 Diagram Arus Data Pengguna

III.1.2.2.4. Diagram Arus Data Administrator

(46)

III.1.2.2.5. Diagram Arus Data Level 2 Proses 2.3.

(47)

III.1.2.2.6. Diagram Arus Data level 2 proses 1.1.

gambar 3.7 Diagram Arus Data Level 2 Proses 1.1.

III.1.2.3. Entity Relationship Diagram (ER Diagram)

(48)

III.2. PERANCANGAN SISTEM

III.2.1. Desain Basis Data (Logical Database Design)

Dalam tahap ini akan dilakukan proses translasi dari ER Diagram menjadi Logical Database Design yang digambarkan dengan menggunakan Relational Model.

Logical Database Design yang sudah dibuat akan dioptimalisasikan

agar kinerja dari pemrosesan basis data dan basis data yang dibuat menjadi lebih efisien, dan kinerja sistem menjadi lebih optimal.

Jadwal pentas * id_jadwal [PK] Panggung bahasa

gambar 3.9 Logical Design

(49)

III.2.2. Desain Basis Data (Physical Database Design)

Pada gambar 3.9 dapat dilihat bahwa ada 8 tabel yang terbentuk, yaitu tabel panggung, tabel jadwal pentas, tabel tarian, tabel kecamatan, tabel desa tabel transportasi umum, tabel TU ke kecamatan, dan tabel TU dari kecamatan.

Tabel 3.1. Tabel Panggung Nama Field Tipe

Data

Ukuran Keterangan

id_panggung int 6 Primary Key, berisi kode

panggung

bahasa enum ina, eng bahasa yang dipakai

id_desa int 6 Secondary Key, berisi kode desa nama_panggung varchar 30 nama dari panggung

alamat text alamat panggung

status enum aktif

tidak aktif active, hold

status panggung saat ini

th_berdiri varchar 10 tahun pengoperasian panggung

fasilitas text fasilitas pendukung panggung no_telepon int 15 nomor telepon panggung keterangan text keterangan tentang panggung

(50)

Tabel 3.2. Tabel Jadwal pentas

Nama Field Tipe Data Ukuran Keterangan

id_jadwal int 6 Primary Key, berisi kode jadwal pentas

id_panggung int 6 Secondary Key, berisi kode

panggung

id_tarian int 6 Secondary Key, berisi kode tarian hari varchar 15 hari diadakannya pentas

jam varchar 10 waktu diadakannya pentas

keterangan text keterangan pementasan

Tabel 3.3. Tabel Transportasi Umum

id_transport int 6 Primary Key, berisi kode

transportasi umum

bahasa enum ina, eng Bahasa yang dipakai

id_kecamatan int 6 Secondary Key, berisi kode

kecamatan, juga sebagai tujuan

asal int 6 Menyimpan kode kecamatan

sebagai asal

jenis enum bus,

mini bus

(51)

biaya varchar 15 biaya transportasi umum

keterangan text keterangan perjalanan transportasi umum

Tabel 3.4. Tabel Tarian

Nama Field Tipe Data Ukuran Keterangan id_tarian int 6 Primary Key, berisi kode tarian bahasa enum ina, eng bahasa yang dipakai

nama_tarian varchar 30 nama dari tarian

keterangan text keterangan tentang tarian

gambar varchar 60 foto tarian

Tabel 3.5. Tabel Kecamatan

id_kecamatan varchar 6 Primary Key, berisi kode kecamatan

nama_kecamatan varchar 30 nama dari kecamatan

(52)

Tabel 3.6. Tabel Desa

id_desa int 6 Primary Key, berisi kode desa

bahasa enum Ina, eng bahasa yang dipakai

id_kecamatan varchar 6 Foreign Key, berisi kode

kecamatan nama_desa varchar 30 nama dari desa

keterangan varchar keterangan tentang desa

Tabel berikut adalah tabel data Administartor. Tabel 3.7. Tabel Admin

id_admin int 6 Primary Key, berisi no id administrator username varchar 30 berisi nama administrator

password varchar 20 berisi password administrator alamat text berisi alamat administrator

III.3. PERANCANGAN ANTAR MUKA (Interface)

Perancangan atau desain antar muka untuk sistem informasi ini terbagi atas : 1. Desain antar muka untuk Pengguna (User).

(53)

III.3.1. Desain antar muka untuk pengguna (user)

Perancangan antar muka untuk pengguna atau user umum yang diakses melalui aplikasi web adalah sebagai berikut :

Saat pengguna mengakses sistem, maka akan muncul data yang akan memberikan penjelasan singkat tentang keadaaan geografi dan kemasyarakatan di kabupaten gianyar.

(54)

gambar 3.11 rancangan halaman pertama informasi panggung

(55)

gambar 3.12 rancangan halaman sekilas kecamatan

(56)

Pada halaman yang ditunjukkan seperti pada gambar 3.13, akan ditampilkan nama-nama panggung pementasan yang ada di kecamatan yang sebelumnya dipilih oleh pengguna. Namun apabila ada panggung yang tidak aktif maka system akan menampilkan halaman yang menyatakan kalau di kecamatan tersebut tidak ada panggung yang masih aktif. Seperti yang ditampilkan pada gambar 3.14.

gambar 3.14 rancangan halaman informasi panggung tidak aktif

(57)

halaman mengenai informasi jadwal pementasan yang dilakukan oleh panggung tersebut. Seperti yang ditampilkan pada gambar 3.15.

(58)

gambar 3.16 rancangan halaman jadwal pementasan

Gambar 3.16 adalah halaman yang berisi informasi tentang jadwal pementasan di panggung pilihan pengguna dan halaman ini merupakan halaman terakhir dari menu informasi panggung.

(59)

gambar 3.17 rancangan halaman locator kabupaten Gianyar

(60)

gambar 3.18 rancangan halaman peta kabupaten gianyar

(61)

Jika pengguna memilih menu angkutan umum maka akan ditampilkan informasi mengenai jenis angkutan umum, kecamatan asalnya, kecamatan tujuan, kontribusi atau biaya, dan juga keterangan bagaimana kebiasaan angkutan umum tersebut selama dalam perjalanannya.

Fasilitas pencarian yang disediakan dibagi menjadi tiga kategori yaitu, proses pencarian berdasarkan nama hari, pencarian berdasarkan nama tarian dan pencarian berdasarkan nama panggung. Hasil dari proses pencarian tersebut adalah nama panggung yang sesuai dengan kategori pilihan. Misalnya nama panggung yang mengadakan pementasan pada hari sesuai pilihan, nama panggung yang mementaskan tarian sesuai pilihan, dan nama panggung yang dicari. Untuk pengguna yang memilih menu bahasa inggis juga akan memiliki kronologi antar muka yang sama.

III.3.2 Desain antar muka untuk administrator

Untuk melakukan log in, administrator harus memasukkan nama serta password dan kemudian menekan tombol log in. seperti yang ditampilkan pada

(62)

gambar 3.20 rancangan halaman Log In administrator

(63)

Gambar 3.21 merupakan halaman pengolahan data untuk data admin. Admin dapat pemakukan penggantian data nama, password, dan alamat pada halaman tersebut, seperti yang ditampilkan pada gambar 3.22.

gambar 3.22 rancangan halaman update data admin

(64)

gambar 3.23 rancangan halaman input data kecamatan

(65)

Gambar 3.23 merupakan halaman untuk memasukkan data kecamatan ke dalam database sistem. Dan gambar 3.24 adalah halaman untuk mengupdate data kecamatan. Administrator hanya bias melakukan update pada bagian keterangan saja. Dikarenakan suatu kecamatan dalam suatu wilayah tidak akan mengalami perubahan nama dalam waktu yang sangat lama.

Gambar 3.25 adalah halaman untuk memasukkan data tarian ke dalam database sistem. Seperti halnya pada halaman update data kecamatan, perubahan

pada data tarian juga hanya bias dilakukan pada badian keterangan saja. Seperti yang ditampilkan pada gambar 3.26.

(66)

gambar 3.26 rancangan halaman update data tarian

(67)

gambar 3.28 rancangan halaman update data desa

(68)

(69)

gambar 3.30 rancangan halaman update data panggung

Pada menu input data jadwal, admin memasukkan data jam, hari, dan keterangan. Sedangkan untuk data panggung dan tarian admin akan melakukan input data dari data panggung dan data tarian yang sudah ada pada database.

(70)

gambar 3.31 rancangan halaman input data jadwal

(71)

Untuk data transportasi, menginputkan masukan untuk biaya dan keterangan, sedangkan data yang lainnya akan diambil dari data yang ada pada database. Dan untuk melakukan update data hanya pada bagian kontribusi dan keterangan. Seperti yang ditampilkan pada gambar 3.33 dan gambar 3.34.

(72)

gambar 3.34 rancangan halaman update data transportasi

(73)

BAB IV

IMPLEMENTASI SISTEM

IV.1. Lingkungan Implementasi

Sistem yang telah dirancang, didukung oleh perangkat-perangkat yang merupakan bagian dari lingkungan implementasi. Lingkungan perangkat-perangkat pendukung tersebut antara lain, lingkungan perangkat-perangkat keras dan lingkungan perangkat lunak.

IV.1.1. Lingkungan perangkat lunak

Perangkat lunak yang digunakan dalam pengembangan sistem informasi ini adalah sebagai berikut :

a. Sistem Operasi : Microsoft Windows XP professional SP.2 b. Pengelolaan Basis Data : MySQL 3.23.48

c. Bahasa Pemrograman : PHP 4.1.1 d. Server : Apache 1.3.23

e. Editor : Macromedia Dreamweaver 8 IV.1.2. Lingkungan perangkat keras

Perangkat keras yang digunakan dalam pengembangan system informasi ini adalan sebagai berikut :

a. Processor : AMD Sempron(tm) 2600+

b. Memory : 512 Mb. c. Harddisk : 80 GB.

(74)

e. Perangkat keluaran berupa monitor SVGA dengan resolusi minimum 800 x 600

IV.2. Tampilan Program dan Penjelasan

Dalam pengembangan sistem ini, langkah pertama yang dilakukan adalah menghubungkan database yang telah dibuat dengan sistem. Sebelum Database dihubungkan dengan sistem terlebih dahulu dibuatkan script program yang berisi suatu variabel umum, variabel tersebut yang akan digunakan untuk menghubungkan sistem dengan database MySQL.

IV.2.1. Koneksi ke Database

Untuk dapat mengakses database pada server, maka harus dilakukan koneksi ke database. Script program atau perintah yang digunakan untuk koneksi ke database MySQL adalah :

<?php

$dbhost = "localhost"; /* Mysql Database Host */ $dbuname = "root";

$dbpass = ""; /* Mysql Password */ $dbname = "pementasan"; /* Mysql Database Name */

if (!$koneksi = mysql_connect ($dbhost,$dbuname,$dbpass) ) {

print"<SCRIPT>

alert('Koneksi ke MySQL gagal \\n periksa nama host, user dan pasword pada file koneksi ');

(75)

IV.2.2. Halaman Menu Admin

Halaman ini digunakan oleh administrator atau admin untuk melakukan pengelolaan data yang sudah ada ataupun yang akan dimasukkan ke dalam database sistem. Untuk dapat masuk kedalam halaman administrator, admin harus

melakukan login terlebih dahulu dengan menginputkan nama dan password.

gambar 4.1 halaman login administrator

(76)

if (!session_is_registered(useradmin) and !session_is_registered(passadmin)) if (!session_is_registered(useradmin) and !session_is_registered(passadmin)) {

{

print("<script> alert('Anda harus Login terlebih dahulu!!'); print("<script> alert('Anda harus Login terlebih dahulu!!'); location.href='../?hal=login_admin.php';</script>");

Script program untuk proses login: Script program untuk proses login:

$admin="select * from admin where username='$admin' and password='$passadmin'";

print mysql_error(); print mysql_error(); exit;

print"<script>alert('Login Salah, Silakan ulangi kembali !'); print"<script>alert('Login Salah, Silakan ulangi kembali !'); window.history.go(-1);</script>";

(77)

gambar 4.2 halaman menu admin

Halaman administrator menyediakan sembilan buah submenu yaitu; Home, Logout, Admin, Kecamatan, Tarian, Desa, Panggung, Jadwal, dan Transport. Untuk sub menu Kecamatan, Tarian, Desa, Panggung, Jadwal, dan Transport, masing-masing memiliki pilihan untuk bahasa Indodesia dan bahas Inggris. Data yang ada pada tiap submenu pada halaman admin ditampilkan dengan script perintah program sebagai berikut :

</head> <body>

(78)

<TR>

</FORM></TD> </TR>

<TR>

</TABLE>

<tr bgcolor="#f1f1f1">

<th width="130" height="21" valign="top" scope="row"><div align="center"><strong>Nama

</strong></div></th>

<th width="156" valign="top"><div align="center">Password </div></th>

<th width="506" valign="top"><div align="center"><strong>Alamat </strong></div></th>

<?

if ($index=="") $index=0;

$query="SELECT * FROM admin ORDER BY username ASC LIMIT $index,10";

if (!$hasil=mysql_query($query)) {

(79)

<td><center>$baris[username] </td> <td><center>$baris[password] </td> <td><justify>$baris[alamat] </justify></td>

<td><div align=\"center\"><a

href=\"?hal=update_admin.php&edit=$baris[id_admin]&index=$index\"> Edit </a></div></td>

href=\"hapus_dadmin.php?id_admin=$baris[id_admin]&index=$index\" >

print"<font color=\"silver\">Prev</font> "; }

print"<font color=\"silver\">Next</font></p>"; }

(80)

IV.2.2.1. Halaman submenu untuk admin

Pada submenu Admin ditampilkan data admin. Pada submenu ini juga disediakan fasilitas untuk tambah data, edit, dan hapus.

gambar 4.3 halaman data admin Script program untuk menampilkan data admin sebagai berikut :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

</head> <body>

<p class="contentheading">    DATA ADMIN</p> <TABLE width=95% border=1 cellspacing=0 align=center bordercolor=f1f1f1>

(81)

</TR> </TABLE> </TABLE>

<tr bgcolor="#f1f1f1"> <tr bgcolor="#f1f1f1">

<th width="130" height="21" valign="top" scope="row"><div align="center"><strong>Nama

</strong></div></th> </strong></div></th>

<th width="156" valign="top"><div align="center">Password </div></th>

<th width="506" valign="top"><div align="center"><strong>Alamat </strong></div></th>

</tr> <? <?

if ($index=="") $index=0; if ($index=="") $index=0;

$query="SELECT * FROM admin ORDER BY username ASC LIMIT $index,10";

print mysql_error(); print mysql_error(); exit;

<td><center>$baris[username] </td> <td><center>$baris[username] </td> <td><center>$baris[password] </td> <td><center>$baris[password] </td> <td><justify>$baris[alamat] </justify></td> <td><justify>$baris[alamat] </justify></td>

(82)

<p align=center> <?

print"<font color=\"silver\">Prev</font> "; }

if ($jumlah==10) {

print "<a href=\"?hal=admin.php&index=$tambah&nama=$nama\">Next</a>"; }

else {

(83)

gambar 4.4 halaman tambah data admin

Gambar 4.4 adalah halaman yang digunakan untuk menambah data admin. Setelah memasukkan data maka sistem akan menyimpan data yang sudah dimasukkan.

Script program untuk menyimpan data admin sebagai berikut :

<?

include"ceklogin.php";

include"../koneksi/connect.php";

$sql="INSERT INTO admin (username, password, alamat) VALUES ('$username', '$password', '$alamat')";

if (!mysql_query($sql)) {

echo mysql_error(); exit();

(84)

print"<meta http-equiv=\"refresh\"

content=\"0;url=menu.php?hal=admin.php&index=$index\">"; ?>

gambar 4.5 halaman update data admin

Gambar 4.5 merupakan halaman update data admin, data yang telah ada akan ditampilkan dan dapat diubah. Setelah melakukan pemasukan data baru maka sistem akan melakukan verifikasi data baru dengan data yang akan diubah, kemudian sistem akan menyimpan perubahan data.

(85)

<?

include"../koneksi/connect.php"; mysql_query("UPDATE admin

SET username='$newname', password='$konpass', alamat='$alamat' WHERE id_admin='$edit'");

content=\"0;url=menu.php?hal=admin.php&index=$index\">"; ?>

IV.2.2.2. Halaman submenu Kecamatan

(86)

gambar 4.6 halaman data kecamatan

(87)

Gambar 4.7 adalah halaman tambah data kecamatan, dalam melakukan masukan data baru admin akan melakukan proses pengolahan data sebanyak dua kali dengan pilihan bahasa Indonesia dan bahasa Inggris. Data yang telah dimasukkan akan disimpan oleh sistem melalui script program berikut :

<?

$sql="INSERT INTO kecamatan (id_kecamatan, bahasa, nama_kecamatan, keterangan)

VALUES ('$id_kecamatan', '$bahasa', '$nama_kecamatan', '$keterangan')";

if (!mysql_query($sql)) { echo mysql_error(); exit(); }

content=\"0;url=menu.php?hal=kecamatan.php&index=$index\">"; ?>

(88)

Gambar 4.8 adalah halaman untuk update data kecamatan. Dalam melakukan masukan data baru ataupun update data pada database, admin akan melakukan proses pengolahan data sebanyak dua kali dengan pilihan bahasa Indonesia dan bahasa Inggris. Data yang telah di update akan disimpan oleh sistem melalui script program berikut :

<? include"ceklogin.php"; include"../koneksi/connect.php";

mysql_query("UPDATE kecamatan SET keterangan='$keterangan' WHERE id_kecamatan='$edit'");

content=\"0;url=menu.php?hal=kecamatan.php&index=$index\">"; ?>

IV.2.2.3. Halaman submenu Tarian

(89)

gambar 4.9 halaman data tarian

(90)

Untuk tambah data tarian ditampilkan seperti pada gambar 4.10, data masukkan pada form tarian berupa nama tarian dan keterangan mengenai tarian tersebut.

Script program untuk menyimpan data tarian:

<?

$sql="INSERT INTO tarian (bahasa, nama_tarian, keterangan, gambar) VALUES ('$bahasa', '$nama_tarian', '$keterangan',

'$gambar_name')";

if (!move_uploaded_file($gambar,"../image/$gambar_name")) {

(91)

gambar 4.11 halaman update data tarian

Halaman update data tarian ditampilkan seperti pada gambar 4.11. Update hanya dapat dilakukan pada bagian keterangan saja.

Script program untuk update data tarian:

<?

mysql_query("UPDATE tarian SET keterangan='$keterangan' WHERE id_tarian='$edit'");

(92)

IV.2.2.4. Halaman submenu Desa

Halaman ini terbagi menjadi halaman dengan dua jenis bahasa, yaitu bahasa Indonesia dan bahasa Inggris. Pada halaman data desa ini juga disediakan fasilitas tambah data, edit, dan hapus. Karena penulis mengasumsikan data desa tersebut akan sangat jarang sekali mengalami perubahan atau bahkan tidak dipakai lagi.

gambar 4.12 halaman data desa

(93)

gambar 4.13 halaman tambah data desa

Halaman tambah data desa ditampilkan seperti pada gambar 4.13, data yang dimasukkan melalui form tambah data desa akan disimpan oleh sistem menggunakan script program sebagai berikut :

<?

$sql="INSERT INTO desa (id_desa, bahasa, id_kecamatan, nama_desa, keterangan)

VALUES ('$id_desa', '$bahasa', '$kecamatan', '$nama_desa', '$keterangan')";

(94)

content=\"0;url=menu.php?hal=desa.php&index=$index\">"; ?>

gambar 4.14 halaman update data desa

Halaman update data desa ditampilkan seperti pada gambar 4.14, perubahan yang telah dilakukan pada data desa akan disimpan oleh sistem dengan script program sebagai berikut :

<?

mysql_query("UPDATE desa SET keterangan='$keterangan' WHERE id_desa='$edit'");

(95)

IV.2.2.5. Halaman submenu Panggung

Pada halaman submenu panggung tampilan data panggung sama seperti pada halaman data desa. Ditampilkan dengan dua submenu dengan bahasa yang berbeda. Fasilitas yang disediakan untuk penambahan data baru, edit data, dan hapus. Untuk perubahan data diperbolehkan hanya pada bagian status, kontribusi, fasilitas dan keterangan. Untuk status hanya pilihan aktif dan tidak aktif pada halaman bahasa Indonesia, sedangkan pada halaman bahasa Inggris pilihannya adalah active dan hold.

gambar 4.15 halaman data panggung

(96)

gambar 4.16 halaman tambah data panggung

Untuk halaman tambah data panggung yang baru ditampilkan seperti pada gambar 4.16, data masukkan akan disimpan oleh sistem dengan menggunakan script program sebagai berikut :

<?

$sql="INSERT INTO panggung (id_panggung, bahasa, id_desa, nama_panggung, alamat, th_berdiri, status, fasilitas, no_telepon, tiket, keterangan, gambar) VALUES ('$id_panggung', '$bahasa', '$desa',

'$nama_panggung', '$alamat', '$th_berdiri', '$status', '$fasilitas', '$no_telepon', '$tiket', '$keterangan', '$gambar_name')";

if (!move_uploaded_file($gambar,"../image/$gambar_name")) {

(97)

exit(1);

}

content=\"0;url=menu.php?hal=panggung.php&index=$index\">"; ?>

gambar 4.17 halaman update data panggung

Halaman edit data ditampilkan seperti pada gambar 4.17, data yang telah mengalami perubahan pada form ini akan disimpan oleh sistem.

Script program untuk update data panggung :

<?

(98)

mysql_query("UPDATE panggung SET status='$status', tiket='$tiket', fasilitas='$fasilitas', keterangan='$keterangan' WHERE

id_panggung='$edit'");

content=\"0;url=menu.php?hal=panggung.php&index=$index\">"; ?>

IV.2.2.6 Halaman submenu Jadwal

Pada halaman submenu jadwal tampilan data jadwal sama seperti pada halaman data panggung. Ditampilkan dengan dua submenu dengan bahasa yang berbeda. Demikian juga dengan fasilitas yang disediakan untuk penambahan data baru , edit data, dan hapus data. Untuk perubahan data diperbolehkan hanya pada bagian hari pementasan, jam pementasan, dan keterangan. Untuk halaman data dapat dilihat seperti pada gambar 4.18.

(99)

gambar 4.19 halaman tambah data jadwal

Halaman tambah data jadwal yang baru ditampilkan seperti pada gambar 4.19, data masukkan akan didimpan meggunakan script program sebagai berikut :

<?

$sql="INSERT INTO jadwal (bahasa, id_panggung, id_tarian, hari, jam, keterangan)

VALUES ('$bahasa', '$tempat','$igel', '$hari', '$jam', '$keterangan')";

}

(100)

gambar 4.20 halaman update data jadwal

Halaman edit data ditampilkan seperti pada gambar 4.20. Data yang telah mengalami perubahan pada form ini akan disimpan oleh sistem meggunakan script program sebagai berikut :

<?

mysql_query("UPDATE jadwal SET id_jadwal='$id_jadwal', hari='$hari', jam='$jam', keterangan='$keterangan'

WHERE id_jadwal='$edit'");

content=\"0;url=menu.php?hal=jadwal.php&index=$index\">";