SISTEM INFORMASI GEOGRAFIS REKLAME PAPAN atau BILLBOARD di KOTA YOGYAKARTA BERBASIS WEB

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

SISTEM INFORMASI GEOGRAFIS REKLAME PAPAN atau BILLBOARD di KOTA YOGYAKARTA BERBASIS WEB Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains Program Studi Ilmu Komputer

Diajukan Oleh : Elvandari Kurniasih NIM : 023124070

PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007

i




Gapailah Cita-citamu Setinggi Langit, Jangan Bersedih Jika Kau Tak Bisa Membawa Pulang ‘Sang Rembulan’ Karna Tanpa Kau Sadari Kau Berada Diantara ‘Bintang-bintang’

Kupersembahkan kepada: •

Bapa di Surga

•

Bapak dan Ibuku tercinta

•

Kakakku tercinta

•

Yang terakhir dan tersayang, Thomas ‘Bayu’ Anggoro

iv


ABSTRAK Reklame adalah benda, alat, perbuatan atau media yang menurut bentuk susunan dan corak ragamnya bertujuan komersial, dipergunakan untuk memperkenalkan suatu barang, jasa atau orang. Reklame papan/billboard merupakan jenis reklame yang terbuat dari papan atau besi atau aluminium. Reklame ini biasanya ditempatkan di lokasi yang dapat dilihat dan dibaca oleh masyarakat umum. Masalah yang sering dihadapi oleh pihak penyewa adalah menentukan lokasi titik reklame papan yang masih kosong, karena para penyewa selama ini harus melakukan survey secara langsung. Sedangkan masalah yang dihadapi oleh pihak pengelola (dalam hal ini pihak Pemerintah Kota) adalah kesulitan dalam mengawasi dan mengontrol reklame papan yang ada, mengingat lokasi titik papan reklame yang sangat luas dan banyak. Sistem Informasi Geografis (SIG) adalah sistem informasi yang dirancang untuk bekerja dengan data yang tereferensi secara spasial atau koordinat-koordinat geografi. Melalui SIG, pencarian lokasi titik reklame papan yang masih kosong (diwakili dengan warna hitam), reklame yang sedang disewa (warna hijau), reklame yang masa akhir pemasangan mendekati jatuh tempo (warna kuning), dan reklame yang melebihi jatuh tempo (diwakili dengan warna merah) dapat ditampilkan dalam bentuk titik pada peta jaringan jalan Kota Yogyakarta. Pihak penyewa maupun pengelola cukup mengklik titik reklame pada peta yang dimaksud untuk mendapatkan informasi reklame papan atau billboard secara lengkap. Sistem Informasi Geografis ini dibuat dengan menggunakan bahasa pemrograman PHP4, MySQL, dengan database XML, Macromedia Flash 8 untuk peletakan obyek peta jaringan jalan KotaYogyakarta dan penampilan isi dari database, ArcView 3.2. untuk mendijitasi peta dan mendapatkan koordinat Longitude dan Latitude, Macromedia Freehand 10 dan MAPublisher 4.0 untuk merekam koordinat Longitude dan Latitude.

v


ABSTRACT Advertisement is a thing, means, deed, or media according to structural shape and type having commercial purpose, used to introduce goods, service, or people. Billboard is a type of advertisement made from board, or iron, or aluminum. This advertisement is usually placed in a public, visible, and readable place. Common problem the renter face is to determine a vacant location of billboard spot, because so far renter should conduct direct survey. Meanwhile the problem the organizer (in this case the municipal government) face is the difficulty of watching and controlling the existing billboard regarding the vast and numerous billboard spot location. Geographic Information System (GIS) is a information system designed to work with spatially or geography coordinate referenced data. Through GIS, the search of vacant billboard spot location (represented by black), on rent (green), closeto-deadline (yellow), and expired (represented by red) can be shown in the form of spot on Yogyakarta city road map. Both the renter and the organizer can just click the intended billboard spot on the map to get the complete billboard information. This Geographic Information System is created by using programming language PHP4 , MySQL, with database of XML, Macromedia Flash 8 to put object on Yogyakarta city road map and to show the content of database, ArcView 3.2. to digitalize map and get Longitude and Latitude coordinate, Macromedia Freehand 10 and MAPublisher 4.0 to record Longitude and Latitude coordinate.

vi



KATA PENGANTAR Puji syukur ke hadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan kasih-Nya sehingga penulis bisa menyelesaikan skripsi ini. Skripsi ini ditulis untuk memenuhi salah satu syarat memperoleh gelar sarjana sains Fakultas Matematika dan Ilmu Pengetahuan Alam, Program Studi Ilmu Komputer Universitas Sanata Dharma. Dalam penulisan skripsi penulis menyadari banyak pihak yang telah memberikan sumbangan baik pikiran, waktu, tenaga, bimbingan dan dorongan pada penulis sehingga akhirnya skripsi ini dapat selesai. Oleh karena itu dengan segala kerendahan hati penulis menyampaikan ucapan terima kasih kepada 1. Pak Eko Hari Parmadi, S.Si, M.Kom selaku

dosen

pembimbing

untuk

kesabaran, bimbingan dan arahan selama penulis menyusun skripsi. 2. Ibu P.H. Prima Rosa, S.Si, M.Sc selaku KaProDi Ilmu Komputer untuk kesabaran, bantuan dan dorongan yang diberikan baik selama kuliah maupun dalam menyelesaikan skipsi ini. 3. Ir. Ign. Aris Dwiatmoko selaku Dekan Fakultas MIPA dan seluruh Dosen Ilmu Komputer yang telah membimbing penulis selama belajar di Sanata Dharma. 4. Ayah, Ibu, kakak yang tidak lelah-lelahnya memberi semangat dan doa. Terimakasih.

viii


5. Bayu yang selama ini selalu ada menghibur dan memberikan bantuan saat mengalami kesulitan. Terimakasih untuk semuanya. 6. Mas Arson, mas Aan, mas Sam, Dita terimakasih atas bantuannya selama di Geoteknika. 7. Bapak Tugiyarto dan Bapak Tuparman atas keramahan dan bantuannya selama penulis melakukan observasi di Balai Kota Timoho. 8. Lilis, Nyit-nyit (teman satu bimbingan dan seperjuangan), Evy, dan Pipit akhirnya kita lulus. 9. Rini (teman satu perjuangan SIG), Marto, dan Fajar terimakasih atas bantuannya selama ini. 10. Dora, Sari, Dewi, Novia, terimakasih atas tampungan kost kalian selama kuliah. 11. Buat teman-teman ikomp’02 terima kasih untuk dukungannya 12. Adek’ku Rian dan Pras terimakasih pinjaman printernya. 13. Semua pihak yang tidak dapat disebutkan satu persatu, terima kasih membantu dalam menyelesaikan tugas akhir ini Penulis menyadari masih banyak kekurangan dalam penulisan skripsi ini, oleh karena itu dengan kerendahan hati penulis mengharapkan kritik dan saran guna penyempurnaan skripsi ini. Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak. Penulis

ix


DAFTAR ISI HALAMAN JUDUL........................................................................................

i

HALAMAN PERSETUJUAN ........................................................................

ii

HALAMAN PENGESAHAN..........................................................................

iii

HALAMAN PERSEMBAHAN ......................................................................

iv

ABSTRAK .......................................................................................................

v

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

vi

HALAMAN KEASLIAN KARYA ................................................................. vii KATA PENGANTAR ..................................................................................... viii DAFTAR ISI....................................................................................................

x

DAFTAR TABEL............................................................................................ xiii DAFTAR GAMBAR ....................................................................................... xiv BAB 1 PENDAHULUAN 1.1. Latar Belakang ....................................................................................

1

1.2. Rumusan Masalah ..............................................................................

2

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

2

1.4. Metodologi..........................................................................................

3

1.5. Manfaat Penelitian .............................................................................

4

1.6. Sistematika Pembahasan .....................................................................

4

BAB 2 LANDASAN TEORI 2.1. Sistem Informasi Geografis (SIG) ......................................................

6

2.1.1. Sistem Informasi ........................................................................

6

2.1.2. Geografis....................................................................................

8

2.1.3. Definisi Sistem Informasi Geografis .........................................

8

2.1.4. Subsistem Sistem Informasi Geografis.......................................

9

2.1.5. Cara Kerja Sistem Informasi Geografis ....................................

11

2.2. ArcView...............................................................................................

13

x


2.3. Representasi Grafis Suatu Objek ........................................................ 15 2.4. Model Data.......................................................................................... 16 2.4.1. Model Data Raster ..................................................................... 16 2.4.2. Model Data Vektor .................................................................... 17 2.5. Internet ................................................................................................ 18 2.6. HTML (Hyper Text Markup Language) ............................................. 18 2.7. WWW (World Wide Web) .................................................................. 19 2.8. HTTP (Hyper Text Transfer Protocol) ............................................... 19 2.9. PHP (Page Hipertext Preprosesor) .................................................... 20 2.10. MySQL (My Structure Query Language)......................................... 20 2.11. Macromedia Flash ............................................................................ 21 2.12. XML (eXtensible Markup Language)............................................... 22 2.13. Reklame ............................................................................................ 22 2.13.1. MasterPlan Reklame ............................................................... 23 2.13.2. Ijin Reklame............................................................................. 24 2.13.3. Jenis Reklame .......................................................................... 24 2.13.4. Nilai Sewa Reklame................................................................. 26 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1. Deskripsi Masalah .............................................................................. 27 3.2. Identifikasi Sistem ............................................................................. 28 3.2.1. Identifikasi Kebutuhan............................................................... 28 3.2.2. Identifikasi Kelayakan ............................................................... 29 3.3. Spesifikasi Hardware dan Software.................................................... 29 3.4. Rancangan Sistem .............................................................................. 30 3.5. Rancangan Proses .............................................................................. 32 3.6. Kamus Data/Data Dictionary ............................................................ 37 3.7. Rancangan Basis Data ........................................................................ 39 3.7.1. Tabel Basis Data............................................. ........................... 41

xi


3.8. Rancangan Antar Muka ..................................................................... 41 3.8.1. Hubungan Antar Muka untuk User............................................. 41 3.8.1.1. Rancangan Halaman Menu Utama............................ ....... 42 3.8.1.2. Rancangan Halaman Peta ................................................. 42 3.8.1.3. Rancangan Halaman Pencarian......................................... . 43 3.8.1.4. Rancangan Halaman Pemesanan......................................... 44 3.8.1.5. Rancangan Halaman Buku Tamu....................................... 45 3.8.2. Rancangan Antar Muka untuk Administrator............................ 45 3.8.2.1. Rancangan Halaman Login Admin................................... 46 3.8.2.2. Rancangan Halaman Peta pada Admin............................. 47 3.8.2.3. Rancangan Halaman Ganti Password................................. 47 BAB 4 IMPLEMENTASI SISTEM 4.1. Implementasi Basis Data .................................................................... 49 4.2. Implementasi Penggambaran Peta Jaringan Jalan Kota Yogyakarta . 52 4.3. Implementasi Proses .......................................................................... 53 4.3.1. Implementasi Proses Sisi User................................................... 53 4.3.2. Implementasi Proses Sisi Admin .............................................. 60 4.4. Tampilan Antar Muka......................................................................... 73 4.4.1. Tampilan Antar Muka Halaman Utama..................................... 73 4.4.2. Tampilan Antar Muka Sisi User ............................................... 74 4.4.3. Tampilan Antar Muka Sisi Admin ............................................ 80 BAB 5 PENUTUP 5.1. Kesimpulan ...................................................................................... 85 5.2. Saran ............................................................................................... 86 DAFTAR PUSTAKA ...................................................................................... 87 LAMPIRAN IJIN PENELITIAN .................................................................... xvi LAMPIRAN DATA BILLBOARD .................................................................. xvii LAMPIRAN KUISIONER............................................................................... xviii

xii


DAFTAR TABEL

Tabel 2.1. Tata letak, besaran, dan arah pandang titik-titik reklame ................... 25 Tabel 3.1. Daftar kebutuhan pengguna pada sistem yang akan dibangun......... 31 Tabel 3.2. Kamus Data....................................................................................... 37 Tabel 4.1. Tabel anggota.................................................................................. . 49 Tabel 4.2. Tabel penyewa.......................................................................................... 50 Tabel 4.3. Tabel jalan.......................................................................................... 50 Tabel 4.4. Tabel billboard ............................................................................... .. 50 Tabel 4.5. Tabel pemesanan....................................................................................... 51 Tabel 4.6. Tabel guestbook........................................................................................ 51

xiii


DAFTAR GAMBAR

Gambar 2.1. Subsistem-subsitem SIG ............................................................ 11 Gambar 2.2. Layer, Tabel, dan Basis Data SIG.............................................. 12 Gambar 3.1. Diagram konteks SIG Reklame Papan atau Billboaard di Kota Yogyakarta .................................................................................. 33 Gambar 3.2. DFD Level 1 Sisi User ............................................................... 34 Gambar 3.3. DFD Level 1 Sisi Admin............................................................ 36 Gambar 3.4. DFD Level 2 Proses 5 Sisi Admin ............................................. 37 Gambar 3.5. Entity Relationship Diagram .................................................... 40 Gambar 3.6. Hubungan Antarmuka Halaman Aplikasi Web untuk User....... 41 Gambar 3.7. Perancangan Halaman Menu Utama.......................................... 42 Gambar 3.8. Rancangan Halaman Peta........................................................... 43 Gambar 3.9. Rancangan Halaman Pencarian.................................................. 44 Gambar 3.10. Rancangan Halaman Pemesanan............................................... 44 Gambar 3.11. Rancangan Halaman Buku Tamu.............................................. 45 Gambar 3.12. Hubungan Menu Utama Admin ................................................ 46 Gambar 3.13. Rancangan Login Admin dan Konfiramsi Login...................... 46 Gambar 3.14. Rancangan Halaman Peta pada Admin ..................................... 47 Gambar 3.15. Rancangan Halaman Ganti Password ....................................... 48 Gambar 4.1. Peta Jaringan Jalan Kota Yogyakarta.......................................... 52 Gambar 4.2. Form Index .................................................................................. 73 Gambar 4.3. Form Peta .................................................................................... 74 Gambar 4.4. Form Peta beserta Informasi Billboard ....................................... 76 Gambar 4.5. Form Pencarian ........................................................................... 77 Gambar 4.6. Form Pemesanan ......................................................................... 78 Gambar 4.7. Form Buku Tamu ........................................................................ 79 Gambar 4.8. Form Help ................................................................................... 80

xiv


Gambar 4.9. Form Login.................................................................................. 81 Gambar 4.10. Form Peta Billboard Sisi Admin............................................... 82 Gambar 4.11. Form Data Lokasi Sisi Admin................................................... 83 Gambar 4.12. Form Pemesanan Sisi Admin .................................................... 84

xv


BAB I PENDAHULUAN

1.1. Latar Belakang Promosi merupakan bagian dari strategi pemasaran dalam memperkenalkan produk suatu perusahaan. Promosi dapat disajikan dalam benda, alat, maupun media. Salah satu bentuk penyajian promosi adalah reklame papan atau billboard. Saat ini di Kota Yogyakarta sudah banyak terpasang papan-papan reklame, mulai dari reklame rokok, mie instan, perbankan, elektonik, kosmetik, obat-obatan, otomotif, dan lain sebagainya. Salah satu informasi yang dibutuhkan oleh pihak penyewa reklame papan atau billboard di Kota Yogyakarta adalah informasi mengenai lokasi titik reklame papan apakah lokasi titik tersebut sudah terisi atau masih kosong. Oleh karena itu, Sistem Informasi Geografis sangat berperan dalam hal ini, terutama dalam pencarian lokasi titik reklame papan yang dimaksud. Dalam tugas akhir ini, diharapkan dapat menyampaikan informasi secara cepat dan akurat mengenai lokasi titik pemasangan reklame billboard, yang masih kosong atau sudah terisi kepada para penyewa reklame tanpa harus survey secara langsung di lokasi. Selain itu, sistem ini diharapkan dapat membantu pihak Pemerintahan Kota (Pemkot) bagian perijinan reklame dalam mengontrol pengelolaan papan reklame billboard.

1

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI 2

1.2. Rumusan Masalah 1. Bagaimana mengembangkan Sistem Informasi Geografis untuk mengetahui lokasi titik-titik real world untuk jenis reklame papan atau billboard di Kota Yogyakarta dan mengetahui apakah di lokasi titik tersebut sudah terisi atau belum?

1.3. Batasan Masalah Batasan masalah untuk Tugas Akhir ini adalah sebagai berikut: 1. Penulis membatasi jenis reklame hanya pada jenis reklame papan atau billboard 2. Informasi yang akan disampaikan hanya papan reklame billboard yang berada dalam wilayah Kota Yogyakarta. 3. User dapat memesan lokasi pemasangan billboard dengan memesan tempat terlebih dahulu tetapi harus ditindaklanjuti dengan datang ke Kantor Pelayanan Pajak Daerah. 4. Sistem tidak ada fasilitas untuk hapus titik reklame. 5. Sistem memberi fasilitas kepada 2 pengguna, yaitu: a. User: untuk pihak user atau pengunjung hanya diberikan fasilitas untuk mengakses dan mendapat informasi. b. Administrator: pihak administrator diberikan fasilitas untuk mengakses, menambah data, mengedit data.


1.4. Metodologi Metode yang digunakan untuk membuat Sistem Informasi Geografis ini, yaitu metode Classic Life Cycle (Waterfall) dengan tahapan sebagai berikut: 1. Analisis Menganalisis kebutuhan data serta informasi yang dibutuhkan untuk pengembangan sistem informasi geografis ini. Data serta informasi diperoleh melalui wawancara, dokumentasi, dan literatur. 2. Perancangan Dalam tahap perancangan, hal pertama yang dilakukan yaitu membuat rancangan desain web untuk sistem informasi geografis papan reklame billboard di Kota Yogyakarta dan rancangan sistem database kemudian menampilkannya ke dalam Data Flow Diagram (DFD). Kedua, merancang database yaitu dengan menampilkan rancangan sistem tersebut ke dalam Entity Relation Diagram. Ketiga, merancang user interface atau tampilan dari web sistem informasi geografis tersebut. Dan yang terakhir membuat rancangan program yang akan digunakan untuk membuat web tersebut. 3. Pembuatan Program Membuat web sistem informasi geografis tersebut atau menuliskan program tersebut dengan rancangan yang telah dibuat sebelumnya.


4. Pengujian Menguji web sistem informasi geografis tersebut untuk menemukan kesalahan yang mungkin ada dengan cara mengeksekusi program tersebut.

1.5. Manfaat Penelitian Manfaat penelitan yang ingin dicapai dari penulisan Tugas Akhir ini adalah: 1. Sistem Informasi Geografis Reklame Papan atau Billboard di Kota Yogyakarta Berbasis Web dapat membantu pihak penyewa reklame dalam mencari informasi lokasi titik koordinat pemasangan reklame billboard yang masih kosong atau sudah terisi, secara cepat dan akurat tanpa harus survey secara langsung di lokasi. 2. Sistem Informasi Geografis Reklame Papan atau Billboard di Kota Yogyakarta Berbasis Web dapat membantu pihak Pemerintahan Kota (Pemkot) bagian perijinan reklame dalam mengawasi dan mengontrol pengelolaan reklame billboard.

1.6. Sistematika Pembahasan Secara umum, dalam menyelesaikan laporan Tugas Akhir ini, sistematika pembahasan yang akan digunakan adalah sebagai berikut: BAB I : PENDAHULUAN Berisi tentang latar belakang masalah, rumusan masalah, batasan masalah, metodologi, manfaat penelitian, sistematika pembahasan.


BAB II : LANDASAN TEORI Dalam bab ini, akan dibahas tentang berbagai landasan yang mempengaruhi dan mendasari pembuatan sistem informasi geografis ini. BAB III: ANALISA DAN PERANCANGAN SISTEM Pada bab ini, penulis akan membahas dan menjelaskan proses-proses analisis dan perancangan sistem dengan teori yang dipilih. Analisa meliputi analisa masalah, analisa kebutuhan. Sedangkan untuk perancangannya terdiri dari perancangan proses, rancangan database, serta perancangan antar muka. BAB IV: IMPLEMENTASI SISTEM Bab ini akan memberikan informasi tentang implementasi dari perancangan yang telah dibuat, yang meliputi implementasi basis data, implementasi penggambaran peta jaringan jalan Kota Yogyakarta, implementasi proses, dan tampilan antar muka. BAB V : PENUTUP Merupakan bab dimana penulis mengambil beberapa kesimpulan, kemudian mengajukan beberapa saran yang mungkin dapat bermanfaat untuk Sistem Informasi Geografis Papan Reklame Billboard di Kota Yogyakarta Berbasis Web.


BAB II LANDASAN TOERI

2.1. Sistem Informasi Geografis (SIG) Secara umum, terdapat dua jenis data yang dapat digunakan untuk merepresentasikan atau memodelkan fenomena-fenomena yang terdapat di dunia nyata. Yang pertama adalah jenis data yang merepresentasikan aspek-aspek keruangan dari fenomena yang bersangkutan. Jenis data ini sering disebut sebagai data-data posisi, koordinat, ruang atau spasial. Sedangkan yang kedua adalah jenis data yang merepresentasikan aspek-aspek deskriptif dari fenomena yang dimodelkannya. Aspek deskriptif ini mencakup items atau properties dari fenomena yang bersangkutan hingga dimensi waktunya. Jenis data ini sering disebut juga sebagai data atribut atau data non-spasial. Pada dasarnya, istilah sistem informasi geografis merupakan gabungan dari tiga unsur pokok, yaitu: sistem, informasi, dan geografis. Dengan melihat unsurunsur pokoknya, maka jelas SIG merupakan salah satu sistem informasi dengan tambahan unsur “Geografis”. Atau SIG merupakan suatu sistem yang menekankan pada unsur “informasi geografis” (Prahasta, 2002). 2.1.1. Sistem Informasi Sebuah sistem informasi merupakan kumpulan dari perangkat keras, perangkat lunak serta manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut (Aziz dan Pujiono, 2006).

6


Komponen sistem informasi saling berinteraksi satu dangan yang lainnya membentuk satu kesatuan untuk mencapai sasarannya. Komponen sistem informasi tersebut antara lain: 1. Input Input disini adalah semua data yang diambil dan dikumpulkan untuk diproses di dalam sistem informasi. 2. Proses Proses merupakan prosedur yang akan memanipulasi input yang kemudian akan disimpan dalam basis data dan selanjutnya akan diolah menjadi suatu output yang akan digunakan oleh end user. 3. Output Merupakan semua keluaran dari model yang sudah diolah menjadi suatu informasi yang berguna dan dapat dipakai oleh penerima. 4. Teknologi Teknologi berfungsi untuk memasukkan, mengolah, dan ,menghasilkan keluaran 5. Basis data Basis data merupakan kumpulan data-data yang berupa file yang saling berhubungan yang disimpan dalam perangkat keras komputer dan diolah menggunakan perangkat lunak.


6. Kontrol Kontrol merupakan semua tindakan yang diambil untuk menjaga sistem berjalan menuju tujuannya. 2.1.2. Geografis Istilah “Geografis” merupakan bagian dari spasial (keruangan). Obyek ini mengarah pada spesifikasi lokasi dalam suatu space. Kata “geografis” mengandung pengertian suatu persoalan mengenai bumi, baik permukaan dua maupun tiga dimensi. Obyek bisa berupa fisik, budaya, atau ekonomi budaya. Hasil dari obyek tersebut ditampilkan kedalam suatu peta untuk memberikan gambaran representatif dari spasial suatu obyek sesuai dengan keadaan di bumi. Simbol, warna, dan gaya garis digunakan untuk mewakili setiap spasial yang berbeda pada peta . Sedangkan istilah “informasi geografis” mengandung pengertian informasi mengenai tempat-tempat yang terletak di permukaan bumi, pengetahuan mengenai posisi dimana suatu obyek terletak di permukaan bumi, dan informasi mengenai keterangan-keterangan (atribut) yang terdapat di permukaan bumi yang posisinya diberikan atau diketahui. (Prahasta, 2002). 2.1.3. Definisi Sistem Informasi Geografis Definisi SIG selalu berkembang, bertambah, dan bervariasi. Hal ini terlihat dari banyaknya definisi SIG yang telah beredar. Selain itu, SIG juga merupakan suatu bidang kajian ilmu dan teknologi yang relatif baru,


digunakan oleh berbagai bidang disiplin ilmu, dan berkembang dengan cepat. Berikut merupakan sebagian kecil dari definisi-definisi SIG yang telah beredar di berbagai pustaka (Prahasta, 2002) : 1.

SIG adalah sistem komputer yang digunakan untuk memasukkan (capturing),

menyimpan,

memeriksa,

mengintegrasikan,

memanipulasi, menganalisa, dan menampilkan data-data yang berhubungan dengan posisi-posisi dipermukaan bumi. 2.

SIG adalah kumpulan yang terorganisir dari perangkat keras komputer, perangkat lunak, data geografi dan personil yang dirancang secara

efisien

memanipulasi,

untuk

memperoleh,

menganalisis

dan

menyimpan,

menampilkan

mengupdate,

semua

bentuk

informasi yang bereferensi geografi. 3.

SIG merupakan sistem informasi yang dirancang untuk bekerja dengan data yang tereferensi secara spasial atau koordinat-koordinat geografi. Dengan kata lain, SIG merupakan suatu sistem basisdata dengan kemampuan-kemampuan khusus untuk data yang tereferensi secara geografis berikut sekumpulan operasi-operasi yang mengelola data tersebut.

2.1.4. Subsistem Sistem Informasi Geografis Untuk membangun suatu Sistem Informasi Geografi, ada beberapa subsistem yang menjadi pendukung terbentuknya suatu sistem yang ingin dibentuk. Subsistem-subsistem ini saling berhubungan satu dengan yang


lainnya. SIG dapat diuraikan menjadi beberapa subsistem berikut (Prahasta, 2002): 1. Data Input : subsistem ini bertugas untuk mengumpulkan data dan mempersiapkan data spasial dan atribut dari berbagai sumber dan mengkonversi atau mentransformasikan format-format data-data aslinya ke dalam format yang digunakan oleh SIG. 2. Data Output : subsistem ini menampilkan atau menghasilkan keluaran seluruh atau sebagian basis data dalam bentuk softcopy maupun dalam bentuk hardcopy seperti : tabel, grafik, peta, dan lain-lain. 3. Data Management : subsistem ini mengorganisasikan baik data spasial maupun atribut ke dalam sebuah basis data sedemikian rupa sehingga mudah dipanggil, di-update, dan di-edit. 4. Data Manipulasi dan Analisis : subsistem ini menentukan informasiinformasi yang dihasilkan oleh SIG. Selain itu, subsistem ini juga melakukan manipulasi dan pemodelan data untuk menghasilkan informasi yang diharapkan.


Data manipulation & Analysis

Data Input

SIG

Data Output

Data Management

Gambar 2.1 Subsistem-subsistem SIG

2.1.5. Cara Kerja Sistem Informasi Geografis SIG dapat merepresentasikan dunia nyata di atas monitor komputer sebagaimana lembaran peta dapat merepresentasikan dunia nyata di atas kertas. Tetapi, SIG memiliki kemampuan lebih dan fleksibilitas daripada lembaran peta kertas. Objek-objek yang merepresentasikan dunia nyata di atas peta disebut unsur peta atau map features. Peta mengorganisasikan unsur-unsur berdasarkan lokasi-lokasinya, peta sangat baik dalam memperlihatkan hubungan atau relasi yang dimiliki oleh unsur-unsurnya. SIG menyimpan semua informasi deskriptif unsur-unsurnya sebagai atribut-atribut di dalam basis data. Kemudian SIG membentuk dan menyimpannya di dalam tabel-tabel (relasional). Setelah itu SIG menghubungkan

unsur-unsur

tersebut

dengan

tabel-tabel

yang


bersangkutan. Dengan demikian, atribut-atribut ini dapat diakses melalui lokasi-lokasi unsur-unsur peta, demikian pula sebaliknya. SIG menghubungkan sekumpulan unsur-unsur peta dengan atributatributnya di dalam satuan-satuan yang disebut layer. Contoh-contoh layer antara lain : sungai, jalan, batas administrasi, bangunan dan sebagainya. Kumpulan dari layer-layer ini akan membentuk basis data SIG. Dengan demikian, perancangan basis data merupakan hal yang esensial di dalam SIG. Rancangan basis data akan menentukan efektifitas dan efisiensi prosesproses masukan, pengelolaan, dan keluaran SIG. Ilustrasi mengenai hubungan antara layer, tabel, dan basis data SIG dapat dilihat pada Gambar 2.2 berikut (Prahasta, 2002) :

Basis data spasial

ID

No Jalan

Panjang

09

141

253.73

13

72

72.24

RELASI

Tabel Layer

Disimpan

Disimpan Basis data SIG

Gambar 2.2 Layer, Tabel, dan Basis Data SIG


2.2 ArcView ArcView merupakan sebuah software pengolah data spasial. Software ini memiliki berbagai keunggulan dan memiliki kemampuan dalam pengolahan data, menerima atau konversi dari data digital lain seperti CAD, atau dihubungkan dengan data image seperti format .JPG, .TIFF atau image gerak. Pada saat membuka ArcView dengan isi proyek kosong. Isi proyek terdiri dari View, Tabel, Grafik, Layout, dan Script. Berikut fungsi isi dari masing-masing isi proyek: 1. View berfungsi untuk mempersiapkan data spasial dari peta yang akan dibuat atau diolah. Dari view ini dapat dilakukan input data dengan digitasi atau pengolahan (editing) data spasial. View dapat menerima image dari format .jpg, CAD, Arc Info, atau software pengolah data spasial lainnya. Selain itu juga dapat menerima data atau citra satelit. 2. Tabel merupakan data atribut dari data spasial. Data atribut ini digunakan sebagai dasar analisis dari data spasial tersebut. ArcView dapat membentuk jaringan basis data dengan menggunakan fasilitas tabel. ArcView juga dapat menerima tabel dari basis data lain seperti dBase III, dBase IV atau INFO. Hubungan relasional dapat dilakukan sehingga memudahkan analisis spasialnya. 3. Grafik (chart) merupakan alat penyaji data yang efektif. Dengan menggunakan grafik ini, ArcView dapat digunakan sebagai alat analisis yang


baik terhadap sebuah fenomena. Masing-masing grafik memiliki sifat atau karakteristik terhadap tipe data yang disajikan. Grafik terhubung dengan data atribut tabel yang berupa data numerik. 4. Layout merupakan tempat mengatur tata letak dan rancangan dari peta akhir. Penambahan berbagai simbol, label, dan atribut peta lain dapat dilakukan pada layout. 5. Script adalah makro dalam ArcView. Dengan makro ini kemampuan ArcView dapat diperluas dengan membuat sebuah program aplikasi yang nantinya dapat di Add ins pada ArcView. Kemampuan dan fungsionalitas ArcView ditingkatkan dengan extension (modul tambahan), sebagai contohnya (Prahasta, 2004): 1. Geoprocessing Extension ini digunakan untuk menjalankan fungsi-fungsi analisis spasial di dalam lingkungan ArcView yang mencangkup: merge (menggabungkan themes), intersect (memotong dengan unsur-unsur theme lain), union (menggabungkan atau meng-overlay-kan dua theme) 2. Graticules and Measured Grids Extension ini digunakan untuk menambahkan graticules atau grids ke dalam layout. Graticules memperlihatkan garis-garis, titik-titik, dan labels lintang dan bujur di atas peta. Sementara itu, grids juga merupakan sekumpulan garisgaris, titik-titik, dan labels yang mempresentasikan satuan jarak linier.


2.3. Representasi Grafis suatu Objek Tidak seperti manusia, komputer tidak dapat mengerti esensi batas-batas persil tanah milik, batas-batas administrasi, titik-titik posisi kota, garis-garis jalan, sungai, danau, atau tipe-tipe objek lainnya. Apa yang dapat dilakukan oleh komputer adalah memanipulasi objek-objek geometri seperti titik, garis, dan poligon. Informasi grafis suatu objek dapat dimasukkan dalam bentuk, antara lain: titik (tanpa dimensi), garis (satu dimensi), dan poligon (dua dimensi). 1. Titik Titik adalah representasi grafis yang paling sederhana untuk suatu objek (Prahasta, 2002). Representasi ini tidak memiliki dimensi tetapi dapat diidentifikasi di atas peta dan dapat ditampilkan pada layar monitor dengan menggunakan simbol-simbol. 2. Garis Menurut

Prahasta

menghubungkan

(2002), paling

garis

sedikit

adalah dua

bentuk

titik

dan

linier

yang

digunakan

akan untuk

merepresentasikan objek-objek satu dimensi. Contoh: jaringan listrik, komunikasi, pipa air minum, saluran buangan, jalan, sungai, dll. 3. Poligon Poligon digunakan untuk merepresentasikan objek-objek dua dimensi. Suatu danau, batas proponsi, batas kota, batas-batas persil tanah milik adalah tipe poligon. Tetapi, representasi ini masih bergantung pada skala tampilan


petanya (titik atau poligon). Suatu poligon paling sedikit dibatasi oleh tiga garis yang saling terhubung di antara ketiga titik tersebut.

2.4. Model Data Model data yang akan digunakan dari bentuk dunia nyata harus diimplementasikan ke dalam basis data. Data-data ini dimasukkan ke dalam komputer yang kemudian memanipulasi obyek dasar atau entity yang memiliki atribut geometri (yang sering disebut juga sebagai entity spasial atau entity geografis) (Prahasta, 2002). Secara umum persepsi manusia mengenai bentuk representasi entity spasial adalah konsep raster dan vektor. Dengan demikian, data spasial direpresentasikan di dalam basisdata sebagai raster atau vektor. Dalam hal ini sering digunakan terminologi ‘model data’ sehingga untuk menyajikan entity spasial digunakan model data raster atau model data vektor (Prahasta, 2002). 2.4.1. Model Data Raster Model data raster menampilkan, menempatkan dan menyimpan data spasial dengan menggunakan struktur matriks atau piksel-piksel yang membentuk grid. Setiap piksel atau sel ini memiliki atribut tersendiri, termasuk koordinat yang unik (di sudut grid (pojok), di pusat grid atau di tempat lainnya) (Prahasta, 2002). Entity spasial raster disimpan dalam layer yang secara fungsionalitas direlasikan dengan unsur-unsur petanya (Prahasta, 2002). Sumber entity


spasial raster bisa didapatkan dari citra satelit, radar atau ketinggian digital. Model raster memberikan informasi spasial apa yang terjadi dimana saja dalam bentuk gambaran yang digeneralisir. Dalam model ini, dunia nyata disajikan sebagai elemen matriks atau sel-sel grid yang homogen. Dengan model data raster, data geografis ditandai oleh nilai-nilai (bilangan) elemen matriks persegi panjang dari suatu obyek. 2.4.2. Model Data Vektor Model data vektor menampilkan, menempatkan, dan menyimpan data spasial dengan menggunakan titik-titik, garis-garis atau kurva, atau poligon beserta atribut-atributnya. Bentuk-bentuk dasar representasi data spasial ini, didalam sistem model data vektor, didefinisikan oleh sistem koordinat kartesian dua dimensi (x,y). Di dalam model data spasial vektor, garis-garis atau kurva (busur atau arcs) merupakan sekumpulan titik-titik terurut yang dihubungkan. Sedangkan luasan atau poligon juga disimpan sebagai sekumpulan list (sekumpulan data atau obyek yang saling terkait secara dinamis menggunakan pointer) titik-titik, tetapi dengan asumsi bahwa titik awal dan titik akhir poligon memiliki nilai koordinat yang sama (poligon tertutup sempurna) (Prahasta, 2002).


2.5. Internet Internet berasal dari kata Interconnection Networking yang secara bahasa bermakna jaringan-jaringan komuter yang saling berhubungan. Internet atau biasa disingkat Net adalah sistem komputer yang saling berhubungan yang mentransmisikan data mengguakan packet switching menggunakan protokol standar Internet Protocol (IP) dan dapat diakses oleh publik secara bebas (Akhbar, 2006). Internet mempunyai benyak informasi dan layanan, seperti pos elektronik (email), chatting online, dan halaman web yang saling berhubungan, serta dokumen lain di World Wide Web.

2.6. HTML (Hyper Teks Markup Language) HTML adalah kependekan dari Hyper Teks Markup Language yang merupakan bahasa scripting yang berguna untuk menuliskan halaman web. HTML dijadikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemrograman lainnya. Semua tag-tag HTML bersifat dinamis, artinya kode HTML tidak dapat dijadikan sebagai file Executable program. Hal ini disebabkan HTML hanyalah sebuah bahasa scripting yang dapat berjalan apabila dijalankan di dalam browser (pengakses web). Browser-browser yang mendukung HTML antara lain adalah Internet Explorer, Netscape Navigator, Opera, Mozila, dan lain-lain (Nugroho, 2004).


2.7. WWW (World Wide Web) World Wide Web atau biasa yang disebut web merupakan kumpulan dokumen-dokumen yang saling berkaitan disebabkan oleh hyperlink dan URL dan dapat diakses menggunakan internet. Pengertian lain World Wide Web merupakan kumpulan penyedia layananweb di seluruh dunia yang dapat menyediakan data yang dapat digunakan secara bersama-sama (Akhbar, 2006). WWW berkerja dengan melakukan tahapan-tahapan sebagai berikut: 1.

Informasi disimpan dalam dokumen yang disebut dengan halaman-halaman web (web page). Web page disimpan dalam komputer yang disebut dengan server-server web (web servers)

2.

Komputer-komputer yang membaca web page disebut dengan web client. Web client menampilkan page dengan menggunakan program yang disebut dengan browser web (web browser).

2.8. HTTP (Hyper Teks Transfer Protocol ) HTTP merupakan protokol yang digunakan untuk menstransfer data atau dokumen antara web server ke web browser (Netscape Navigator, Internet Explorer, dll). Selanjutnya protokol tersebut sewaktu melakukan transfer, dokumen, data web-nya ditulis atau dengan menggunakan format HTML.


2.9. PHP (Page Hipertext Preprosesor) PHP 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 diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan program ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. PHP menawarkan koneksitas yang baik dengan beberapa basis data, antara lain: Oracle, Sybase,mSQL, MySQL, Solid, Unix dbm, dan lain-lain. Juga dapat berintegrasi dengan beberapa library eksternal yang membuat anda dapat melakukan segalanya dari membuat dokumen PDF hingga mem-parse XML. Kekuatan utama dari PHP adalah konektivitas basis data dengan web (Viche, 2005).

2.10. MySQL (My Structure Query Language) MySQL adalah sebuah program pembuat database yang bersifat open source, artiya siapa saja boleh menggunkannya. MySQL juga merupakan program pengakses database yang bersifat jeringan sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna). Kelebihan lain dari MySQL adalalah menggunakan bahasa Query Standar yang dimiliki SQL atau Structure Query Language (Nugroho,2004). SQL adalah

sebuah

konsep

pengoperasian

database,

terutama

untuk


pemilihan/seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

2.11. Macromedia Flash Macromedia Flash adalah program grafis animasi standar profesional untuk menghasilkan halaman web yang menarik. Movie Flash terdiri atas grafik, teks, animasi, dan aplikasi untuk situs web. Semuanya tetap menggunakan grafik berbasis vektor. Jadi aksesnya lebih cepat dan akan terlihat halus pada skala revolusi layer berapapun. Selain itu juga mempunyai kemampuan untuk menyimpan video, gambar dan suara dari aplikasi diluarnya. Movie Flash juga memasukkan unsur interaktif dalam movie-nya menggunakan ActionScript (suatu bahasa pemrograman berorientasi objek), yang nantinya user dapat berinteraksi dengan movie, menggunakan keyboard atau mouse untuk berpindah kebagian-bagian berbeda dari sebuah movie, mengontrol movie, memindahkan objek-objek, memasukkan informasi melalui form dan operasi-operasi lainnya. Beberapa kemampuan flash lainnya adalah membuat animasi logo, pengaturan navigasi halaman web, pembuatan animasi form, membuat halaman web atau aplikasi web, dan lainnya sesuai dengan kreatifitas dan imajinasi dalam menggunakan kemampuan flash yang ada.


2.12. XML (eXtensible Markup Language) XML adalah mark up language yang menyediakan format untuk mendeskripsikan data terstruktur atau terurut. Fasilitas yang disediakan XML ini membuat isi (content) sebuah data menjadi lebih dimengerti. XML dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari WBC (World Wide Web Consurtium) pada bulan Februari 1998. Teknologi yang digunakan pada XML sebenarnya bukan teknologi baru, tetapi merupakan subset dari SGML (Standard Generalized Mark up Language) yang telah dikembangkan pada awal 80-an dan telah banyak digunakan pada dokumentasi teknis proyek-proyek berskala besar. Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’), tag penutup diawali dengan ‘’), dan atribut elemen (parameter yang dinyatakan dalam tag pembuka). Hanya perbedaanya, HTML mendefinisikan dari awal tag dan data atribut yang dipakai didalamnya, sedangkan pada XML user bisa menggunakan tag dan atribut sesuai dengan kehendak user (Sandra, 2004).

2.13. Reklame Reklame adalah benda, alat, perbuatan atau media yang menurut bentuk susunan dan corak ragamnya untuk tujuan komersial, dipergunakan untuk


memperkenalkan, menganjurkan atau memujikan suatu barang, jasa atau orang yang ditempatkan atau yang dapat dilihat, dibaca, dan atau didengar dari suatu tempat oleh umum, kecuali yang dilakukan oleh Pemerintah. Penyelenggara

reklame

adalah

perorangan

atau

badan

yang

menyelenggarakan reklame baik untuk dan atas namanya sendiri atau untuk dan atas nama pihak lain yang menjadi tanggungannya. 2.13.1. MasterPlan Reklame Masterplan merupakan dasar pemasangan dan penataan Reklame yang ditetapkan dengan Keputusan Walikota Nomor 07 Tahun 2002, dipandang perlu dilakukan penyempurnaan untuk disesuaikan dengan keadaan dan perkembangan tata kota saat ini. Masterplan Reklame tahun 2002 merupakan penyempurnaan dari Surat Keputusan Walikota Yogyakarta Nomor 11 Tahun 1999 tentang Masterplan Reklame. Masterplan Reklame disusun dengan mempertimbangkan aspek jalan, aspek penataan ruang, aspek Pemerintahan Daerah, aspek kewenangan Pemerintah dan Propinsi sebagai daerah otonomi, aspek bangunan dan aspek ijin pengunaan bangunan-bangunan.


2.13.2. Ijin Reklame Setiap penyelenggaraan reklame dan alat peraga menyerupai reklame yang bertujuan komersial maupun non komersial di Wilayah Daerah, harus mendapatkan ijin Kepala Daerah yang berpedoman pada Masterplan. Untuk mendapatkan Ijin Penyelenggaraan Reklame harus memenuhi syarat-syarat: 1. Permohonan tertulis kepada Kepala Daerah dengan menggunakan blangko yang disediakan 2. Dilengkapi gambar-gambar teknis dan atau surat-surat lain yang diperlukan 3. Untuk jenis reklame tertentu wajib memberikan jaminan biaya pembongkaran. Permohonan

ijin

dapat

ditolak

apabila

reklame

yang

akan

diselenggarakan menurut pertimbangan Kepala Daerah akan mengurangi keindahan atau akan mengganggu ketertiban, keamanan, kenyamanan, rasa kesusilaan, kesehatan umum dan kepentingan Pembangunan Daerah. 2.13.3. Jenis Reklame Berikut ini merupakan jenis reklame media luar ruang yang diijinkan, yaitu: Reklame Papan/Billboard, Reklame Megatron, Reklame Baliho, Reklame Cahaya, Reklame Kain, dan Reklame Melekat/Stiker.


Peletakan Reklame diatur sebagai berikut: 1. Untuk jenis Billboard, Megatron, dan Reklame Cahaya dapat diletakkan diatas Daerah Milik Jalan, pada halaman persil, menempel pada muka bangunan ataupun di atas atap bangunan. 2. Untuk jenis Baliho dapat diletakkan pada tepi trotoar (tanah negara) atau pada persil halaman. 3. Untuk jenis Reklame Kain dan Reklame Melekat wajib dipasang pada panggung-panggung yang telah tersedia dan lokasi lain yang telah ditentukan. Jenis reklame yang akan dibahas dalam tugas akhir ini hanya jenis reklame papan/billboard. Reklame papan/billboard merupakan jenis reklame yang terbuat dari papan atau besi atau aluminium. Berikut adalah tabel tata letak, besaran, dan arah pandang titik-titik reklame berdasarkan Masterplan. Tabel 2.1. Tata letak, besaran, dan arah pandang titik-titik reklame NO

LETAK

KETERANGAN

1

Trotoar

Reklame yang letaknya ditrotoar dengan sisi terbawah papan iklan minimum 3m dari lantai trotoar. Konstruksi reklame diupayakan tidak mengganggu prasarana kota yang ada dan pengguna jalan, dengan ketentuan media reklame tidak boleh menjorok di atas badan jalan.

2

Faςade

Reklame yang diletakkan pada dinding bangunan


Tabel 2.1. Lanjutan Tata letak, besaran, dan arah pandang titik-titik reklame 3

Halaman

Reklame yang berada di halaman lepas dari bangunan dengan ketentuan media relame tidak boleh menjorok di atas badan jalan

4

Taman

Reklame yang diletakkan pada taman dengan komposisi bentuk reklame menyatu dengan elemen taman seperti lampu taman, tempat duduk, bak sampah, pagar, patung, dll

5

Diatas Atap

Reklame diatas atap bangunan, dengan konstruksi bisa pada atap atau menerus sampai ke dasar bangunan dengan posisi media reklame melintang atau sejajar dengan jalan.

6

Didepan kantor Tidak direkomendasikan pemasangan reklame komersial. Pemerintahan

2.13.4. Nilai Sewa Reklame Dasar pengenaan pajak adalah nilai sewa reklame, yang dihitung berdasarkan pemasangan, lama pemasangan, nilai strategis, lokasi dan sejenis reklame. Rumus Nilai Pajak: A x B A : Bahan (panjang x lebar) x sisi B : Tarif pajak sesuai bahan dan lokasi/tempat reklame Keterangan: Luas Bahan (A) : Luas m2 (panjang x lebar) van yang digunkan untuk reklame tetap dan dikalikan satu sisi, dua sisi, atau lebih. Tarif Pajak (B) : berdasarkan bahan dan lokasi tempat reklame tetap. Lokasi diklasifikasikan: A. Lokasi Strategis B. Jalan Protokol/Utama C. Jalan Kota D. Jalan diluar diatas


BAB III ANALISIS DAN PERANCANGAN

3.1. Deskripsi Masalah Berdasarkan hasil wawancara dengan Bpk. Tugiyarta, SIP selaku Kepala Seksi Pendaftaran dan Pendataan, kantor pelayanan pajak daerah Kota Yogyakarta, masalah yang dihadapi oleh pihak penyewa reklame adalah harus survey di lokasi secara langsung untuk mengetahui lokasi titik pemasangan yang diinginkan tersebut sudah terisi reklame atau masih kosong sebelum mengurus ke Pemkot bagian perijinan. Sedangkan masalah yang dihadapi oleh pihak Pemerintah Kota (Pemkot) adalah jika terdapat pihak penyewa reklame dari luar daerah yang tidak mengetahui titik-titik lokasi reklame, maka pihak Pemerintah Kota (Pemkot) hanya dapat memberikan informasi lokasi berdasarkan master plan, sehingga pihak penyewa tersebut hanya mengetahui lokasi-lokasi titik pemasangan tanpa mengetahui lokasi tersebut sudah terisi reklame atau masih kosong. Saat ini, sistem yang digunakan oleh pihak Pemkot masih berbasis text, maka untuk mengontrol masa akhir reklame, pihak Pemkot mencetak informasi billboard berdasarkan input nama jalan dan tanggal akhir pemasangan reklame. Sehingga jika terdapat dua atau lebih billboard pada jalan yang sama dan isi reklame juga sama padahal salah satu billboard tersebut masa akhir habis, maka dicek atribut billboard yang lain yang membedakan seperti sudut pandang, ukuran.

27


Sistem yang akan dibuat mampu mengatasi masalah di atas dengan pemanfaatan sistem informasi geografis sehingga informasi yang ditampilkan berupa peta lokasi Kota Yogyakarta dimana papan reklame atau billboard tersebut berada beserta status reklame masih kosong atau sudah terisi, dan informasi reklame billboard (no billboard, NPWP penyewa, nama instansi penyewa, alamat instansi penyewa, isi reklame, lokasi pemasangan, ukuran reklame, sudut pandang, koordinat x yang merupakan longitude dan koordinat y merupakan latitude, tanggal awal pemasangan, tanggal akhir pemasangan, lama pemasangan reklame, harga sewa reklame).

3.2. Identifikasi Sistem 3.2.1. Identifikasi Kebutuhan a. Dari sisi pihak penyewa reklame (user) User dapat memperoleh informasi lokasi titik pemasangan reklame billboard yang masih kosong atau sudah terisi tanpa harus survey secara langsung di lokasi. User juga dapat mengetahui lokasi yang sedang disewa olehnya sudah melebihi jatuh tempo atau mendekati jatuh tempo, sehingga user dapat menindaklanjuti secara lanjut. b. Dari sisi pihak Pemerintahan Kota (Pemkot) bagian perijinan reklame (admin) Membantu pihak Pemerintahan Kota (Pemkot) bagian perijinan reklame dalam mengawasi dan mengontrol pengelolaan reklame billboard.


Selain itu, admin dapat menginputkan dan mengupdate data billboard langsung

pada

peta

lokasi

Kota

Yogyakarta,

sehingga

menghasilkan informasi yang akurat. 3.2.2. Identifikasi Kelayakan a. Eficiency (efisien) Mampu memberikan solusi meminimalkan waktu yang digunakan b. Simplicity (kemudahan) User merasa nyaman dengan antarmuka karena mudah dipelajari c. Economy (nilai ekonomis) Dapat meminimalkan biaya yang harus dikeluarkan d. Accessibility (kemudahan akses) Memudahkan user untuk mengakses data

3.3. Spesifikasi Hardware dan Software Program ini dibuat dengan spesifikasi : 1 unit komputer dengan processor Intel Celeron 1.70 GHz Memory 248 MB HDD 20 GB SO Windows XP Browser yang digunakan adalah Internet Explorer

dapat


Spesifikasi minimal yang dibutuhkan untuk mengakses: 1 unit komputer Pentium 3 Memory 128 MB SO Window 98 Browser Internet Explorer Macromedia Flash 8 Web Server Apache2 Bahasa pemrograman PHP MySQL Database XML

3.4. Rancangan Sistem Pengguna pada “Sistem Informasi Geografis Reklame Papan atau Billboard di Kota Yogyakarta Berbasis Web” dibagi menjadi 2 macam, yaitu admin dan pengunjung

(user).

Admin

adalah

pihak

yang

bertanggungjawab

atas

pemeliharaan dan pengolahan sistem. Admin berhak untuk mengubah sistem. Sedangkan pengunjung (user) adalah masyarakat umum yang bisa mengakses data dan informasi secara bebas dalam sistem tersebut. Tabel berikut berisi tentang daftar kebutuhan pengguna pada sistem yang akan dibangun.


Tabel 3.1. Daftar kebutuhan pengguna pada sistem yang akan dibangun Sisi

Nama Proses

Keterangan

Tampil informasi billboard

Menampilkan informasi billboard (no billboard, instansi

NPWP

penyewa,

penyewa,

penyewa,

isi

nama

alamat

instansi

reklame,

lokasi

pemasangan, ukuran reklame, sudut pandang, koordinat x dan y, tanggal awal

pemasangan,

tanggal

akhir

pemasangan, lama pemasangan, dan harga sewa) jika titik pada peta diklik. user

Pencarian jalan

Lokasi jalan pada peta akan terselect berdasarkan nama jalan yang diinputkan

Pencarian billboard

Menampilkan

informasi

billboard

berdasarkan input nama jalan dan tanggal jatuh tempo (tanggal akhir pemasangan). Pemesanan

Mengisi pesanan billboard yang akan dipesan dan menampilkan informasi untuk segera ditindaklanjuti

Input & tampil buku tamu

Mengisi dan menampilkan buku tamu (nama, alamat e-mail, komentar)

Validasi login

Berisi pesan hasil validitas username dan password

Admin

Ganti Password

Mengganti

password

lama

dengan

password baru Tampil informasi billboard

Menampilkan informasi billboard jika titik pada peta diklik.


Tabel 3.1. Lanjutan Daftar kebutuhan pengguna pada sistem yang akan dibangun Pencarian jalan

Lokasi jalan pada peta akan terselect berdasarkan nama jalan yang diinputkan

Admin

Tambah billboard

Input billboard

Edit billboard

Mengedit informasi billboard

Pencarian billboard

Menampilkan

informasi

billboard

berdasarkan input nama jalan dan tanggal jatuh tempo (tanggal akhir pemasangan).

3.5. Rancangan Proses Data Flow Diagram adalah teknik grafik atau simbol yang digunakan untuk menjelaskan aliran data dan tranformasi data yang bergerak dari pemasukan data hingga ke keluaran. Data flow diagram juga dapat digunakan untuk menggambarkan sistem pada setiap tingkatan dan dapat dipecah-pecah. DFD juga membantu untuk mendokumentasikan proses aliran data sistem. Langkah awal adalah dengan membuat diagram konteks atau DFD level 0 sebagai gambaran sistem secara keseluruhan. a. DFD level 0 DFD level 0 disebut juga diagram konteks, merupakan level yang merepresentasikan jalannya proses yang terjadi di dalam sistem. Pada DFD level 0 ini, sistem berinteraksi dengan dua (2) entitas yaitu user dan admin. Pada level ini admin melakukan login dengan memasukkan data password


dan username, kemudian sistem akan memberikan validasi login, setelah login diterima admin memasukkan password baru, data bill, data edit, data tambah, nama jln, dan nama jln, tgl jatuh tempo sebagai aliran data (input) sistem. Sistem akan menampilkan informasi billboard untuk user. Selain itu, user dapat mengisi buku tamu, pemesanan yang telah disediakan, dan dapat mencari informasi billboard berdasarkan nama jalan dan tanggal jatuh tempo. DFD level 0 pada sistem ini dapat dilihat pada gambar 3.1: nama jln, tgl jatuh tempo buku tamu pemesanan nama jln, tgl jatuh tempo nama jln USER

data bill inf billboard lokasi jalan hsl pencarian bill inf pemesanan inf buku tamu

0 SIG REKLAME PAPAN atau BILLBOARD

nama jln data edit data tambah data bill password baru login validasi login validasi ganti pasword inf billboard

ADMIN

inf hsl tambah inf hsl edit lokasi jalan hsl pencarian bill

Gambar 3.1 Diagram Konteks SIG Reklame Papan atau Billboard di Kota Yogyakarta

b. DFD Level 1 Sisi User Di dalam DFD level 1 sisi user merupakan penjabaran dilihat dari sisi user, terdapat lima proses yaitu proses tampil informasi billboard, pencarian jalan, pencarian billboard, pemesanan, dan proses input dan tampil buku tamu. Pada proses tampil informasi billboard, sistem akan menampilkan informasi billboard jika titik lokasi billboard pada peta jaringan jalan Kota Yogyakarta diklik. Pada proses pencarian jalan, lokasi jalan pada peta akan


terselect berdasarkan nama jalan yang diinputkan. Untuk proses pencarian billboard, sistem akan menampilkan informasi yang dicari berdasarkan nama jalan dan tanggal jatuh tempo yang diinputkan oleh user. Sedangkan preses pemesanan, user dapat memesan lokasi billboard yang diinginkan. Selain itu user juga dapat mengisi dan melihat daftar buku tamu pada proses input dan tampil buku tamu. no

data bill 1 TAMPIL INF BILLBOARD

inf billboard

F2 penyewa

data billboard

F1 billboard

id

F3 jalan

nama jln lokasi jalan

2 PENCARIAN JALAN

data jalan

F1 billboard data billboard USER

nama jln, tgl jatuh tempo hsl pencarian bill

3 PENCARIAN BILLBOARD

data jalan

F3 jalan

id pemesanan

4 PEMESANAN

inf pemesan

data pemesan data billboard

F4 pemesanan F1 billboard

Nama,email,komentar buku tamu inf buku tamu

5 INPUT & TAMPIL BUKU TAMU

Gambar 3.2 DFD Level 1 Sisi User

Nama email, komentar

F5 guestbook


c. DFD Level 1 Sisi Admin Pada DFD ini menggambarkan proses yang terjadi dilihat dari sisi admin, pada proses layanan admin ini terdapat enam proses yaitu : 1. Validasi login. Pada proses ini admin memasukkan data password dan username, sistem memberikan hasil validasi, jika login diterima maka admin dapat melakukan proses selanjutnya. 2. Ganti Password. Proses ini, untuk mengganti password lama dengan password baru 3. Tampil informasi billboard. Proses ini akan menampilkan informasi billboard jika titik lokasi billboard pada peta jaringan jalan Kota Yogyakarta diklik. 4. Pencarian jalan. Proses ini menampilkan lokasi jalan pada peta yang terselect berdasarkan nama jalan yang diinputkan 5. Update. Pada proses ini, admin dapat menambah dan mengedit informasi billboard. 6. Pencarian billboard. Pada proses ini, admin dapat mencari data billboard berdasarkan nama jalan dan tanggal jatuh tempo yang diinputkan. Proses tersebut digambarkan seperti pada gambar 3.3 berikut ini:


login 1 VALIDASI LOGIN

validasi login

data login

password baru

2 GANTI PASSWORD

password baru validasi ganti password

F6 anggota

data login

data billboard

data bill

3 TAMPIL INF BILLBOARD

no

F1 billboard F2 penyewa

inf billboard id ADMIN nama jln lokasi jalan

4 PENCARIAN JALAN

data jalan

F3 jalan

id F2 penyewa data tambah

data penyewa

inf hsl tambah 5 UPDATE

data edit

data billboard

F1 billboard

inf hsl edit

data billboard hsl edit

nama jln, tgl jatuh tempo hsl pencarian billboard

6 PENCARIAN BILLBOARD

data billboard data jalan

F3 jalan

Gambar 3.3 DFD Level 1 Sisi Admin

d. DFD Level 2 Proses 5 Sisi Admin DFD level 2 proses 5 sisi admin merupakan penjabaran dari proses 5 sisi admin, yaitu proses update. Pada proses tambah billboard, admin dapat menambah data billboard dan sistem akan menampilkan hasil dari penambahan data tersebut. Begitu juga halnya, pada proses edit billboard. Proses tersebut digambarkan seperti pada gambar 3.4 berikut ini:


inf hsl tambah

data billboard 5.1 TAMBAH BILLBOARD

data tambah

data billboard hsl tambah data penyewa

id

F3 jalan

ADMIN

F2 penyewa

F1 billboard

id

data penyewa 5.2 EDIT BILLBOARD

data edit

data billboard hsl edit

inf hsl edit data billboard

Gambar 3.4 DFD Level 2 Proses 5 Sisi Admin

3.6. Kamus Data / Data Dictionary Tabel 3.2. Kamus Data data

Keterangan

login

username + password

password baru password data billboard

sno + no + id + sisi + sx +sy + sukuran + ssudut + sawal + sakhir + slama + sharga

data bill

sx + sy

informasi

sno + no + id + nama + wp + sisi + sx + sy + sukuran + ssudut +

billboard

sawal + sakhir + slama + sharga

hsl pencarian sno + no + wp + sisi + sukuran + ssudut + sawal + sakhir + sharga bill buku tamu

myName + myMail +myText + myTgl

inf buku tamu

myName + myMail + myText + myTgl


Tabel 3.2. Lanjutan Kamus Data data

myName + myAlamat + myUsaha + myMail + myNo + myLokasi

pemesanan

+ myTgl + myReply

inf pemesanan myName + myAlamat + myUsaha + myMail + myNo + myLokasi + myTgl + myReply data edit

no + wp + sisi

data tambah

sno + no + id + sisi + sx +sy + sukuran + ssudut + sawal + sakhir

inf hsl tambah

sno + no + wp + nama + sisi + sx + sy + sukuran + ssudut + sawal + sakhir

inf hsl edit

sno + no + wp + nama + sisi + sx + sy + sukuran + ssudut + sawal + sakhir

data penyewa

no + wp + alamat

data jalan

id + nama

username

{huruf | |}16

huruf

{A–Z | a-z}

pass

{huruf | angka | |}16

angka

{0-9}

sno


no

{angka | . |}15

id


sisi

{huruf | |}30

sx

{angka | . |}20

sy

{angka | . |}20

sukuran

{angka}5

ssudut

{angka}2

sawal

{huruf | angka | - |}10

sakhir



Tabel 3.2. Lanjutan Kamus Data sawal


sakhir


slama

{angka}1

sharga

{angka}6

wp

{huruf | |}30

nama

{huruf | |}30

myName

{huruf | |}10

myMail

{huruf | |}20

myText

{huruf | |}30

myTgl

{huruf | |}10

myReply

{huruf | |}40

myLokasi

{huruf | |}20

myUsaha

{huruf | |}20

myAlamat

{huruf | |}20

3.7. Rancangan Basis Data Pada sistem ini, terdapat tiga entitas, yaitu penyewa, billboard, dan jalan. Entitas penyewa mempunyai atribut no, namapenyewa, alamat, dengan no sebagai primary key. Entitas billboard mempunyai atribut sno, sisi, sx, sy, sukuran, ssudut, sharga dengan sno sebagai primary key. Entitas jalan mempunyai atribut id, namajln, dan status jln dengan id sebagai primary key. Sedangkan relasi antara penyewa dan billboard, yaitu relasi menyewa, mempunyai atribut sawal, sakhir, slama.


Hubungan antar entitas pada sistem yang akan dibangun digambarkan dalam diagram relasi entitas berikut ini. no

slama

namapenyewa

1

penyewa

sno

alamat

sisi

M

menyewa

sx

sy

billboard

ssudut

M sukuran sakhir

sawal

sharga

memiliki

1 jalan

statusjln

id

namajln

Gambar 3.5 Entity Relationship Diagram

Pemetaan diagram relasi entitas ke dalam tabel relasi adalah sebagai berikut: Tabel penyewa no

namapenyewa

alamat

Tabel jalan id

namajln

statusjln

Tabel billboard sno

no

id

sisi

sx

sy

sukuran

ssudut

sharga

sawal

sakhir

slama


3.7.1. Tabel Basis Data Dalam pemanfaatan SIG Reklame Papan atau Billboard di Kota Yogyakarta berbasis web ini, basis data yang diperlukan terdiri dari: 1. Tabel penyewa 2. Tabel billboard 3. Tabel jalan 4. Tabel anggota 5. Tabel pemesanan 6. Tabel guestbook

3.8. Rancangan Antar Muka 3.8.1.Hubungan Antar Muka untuk User Menu Utama

Home

Peta Billboard

Pencarian

Pemesanan

Buku Tamu

Peta Billboard

Informasi Billboard

Isi Pemesanan

Isi Buku Tamu

Lihat Pemesanan

Lihat Buku Tamu

Help

Gambar 3.6 Hubungan Antarmuka Halaman Aplikasi Web untuk User


3.8.1.1. Rancangan Halaman Menu Utama Rancangan tampilan atau antarmuka merupakan acuan untuk tahap implementasi berdasarkan rancangan yang telah dibuat sebelumnya. Berikut adalah rancangan menu yang akan ditampilkan di web browser. Header

Home Peta Billboard Pencarian Pemesanan Buku Tamu Help

Informasi mengenai reklame

Gambar 3.7 Perancangan Halaman Menu Utama

3.8.1.2. Rancangan Halaman Peta Rancangan halaman pilihan peta seperti pada gambar 3.8. Pada saat memilih menu peta billboard, maka akan tampil pilihan peta jaringan jalan Kota Yogyakarta. Dimana pilihan menu peta billboard ini, akan menampilkan informasi billboard jika user meng-klik titik lokasi billboard. Terdapat fasilitas pencarian jalan, dan fasilitas lain yang memudahkan untuk mengakses peta (zoom in, zoom out, drag). Pada halaman peta juga terdapat status billboard (kosong, sedang disewa, mendekati jatuh tempo, melebihi jatuh tempo), yang


merupakan keterangan warna dari titik-titik pada peta. Jika status billboard kosong, billboard tersebut boleh disewa, jika status sedang disewa berarti billboard tersebut sedang disewa oleh suatu instansi, status billboard mendekati jatuh tempo berarti masa akhir pemasangan billboard tersebut kurang 30 hari sebelum tanggal jatuh tempo. Sedangkan jika status billboard melebihi jatuh tempo, maka masa akhir pemasangan billboard tersebut sudah habis atau melebihi tanggal jatuh tempo. Header

Fasilitas pencarian jalan

Home Peta Billboard Pencarian Pemesanan Buku Tamu

Tampilan peta jaringan jalan Kota Yogyakarta beserta titik lokasi billboard

Help

Status Billboard

Fasilitas lain (zoom in, zoom out, geser). Gambar 3.8 Rancangan Halaman Peta

3.8.1.3. Rancangan Halaman Pencarian Pada halaman ini, sistem akan menampilkan data billboard berdasarkan pada nama jalan dan tanggal jatuh tempo. Nama jalan dipilih melalui combo box, tanggal jatuh tempo diinputkan oleh user.


Header Nama jalan Tgl jatuh tempo

Home Peta Billboard Pencarian Pemesanan Buku Tamu Help

Data billboard berdasarkan nama jalan dan tgl jatuh tempo

Gambar 3.9 Rancangan Halaman Pencarian 3.8.1.4. Rancangan Halaman Pemesanan Pada halaman ini, user dapat memesan lokasi pemasangan billboard dengan memesan tempat terlebih dahulu dengan mengisi identitas diri dan no billboard yang dipesan. Tetapi pemesanan ini harus ditindaklanjuti dengan datang ke Kantor Pelayanan Pajak Daerah. Header Home Peta Billboard Pencarian Pemesanan Buku Tamu Help

Nama Alamat Nama Usaha Email No Billboard yang dipesan Lokasi pemasangan Tutup

Kirim

Gambar 3.10 Rancangan Halaman Pemesanan


3.8.1.5. Rancangan Halaman Buku Tamu Pada sistem ini juga disediakan buku tamu untuk user, sehingga bagi user yang masuk ke website ini maka user dapat mengisi buku tamu yang telah disediakan. Halaman buku tamu dirancang untuk user yang akan memberikan komentarnya mengenai web ini. User juga dapat melihat halaman konfirmasi yang menyatakan bahwa komentar user sudah diterima. Rancangan halaman buku tamu seperti pada gambar 3.11. Header

Home

Halaman konfirmasi

Peta Billboard Pencarian

Nama

Buku Tamu

E-mail

Help

Komentar Tutup

Kirim

Gambar 3.11 Rancangan Halaman Buku Tamu

3.8.2. Rancangan Antar Muka untuk Administrator Rancangan tampilan menu admin terdapat beberapa pilihan menu untuk mengupdate data yang terdapat pada database. Fasilitas-fasilitas untuk update data antara lain input (untuk menambah data), edit (untuk


merubah data yang ada di database). Admin berhak untuk melakukan input dan edit data yang ada dan dibutuhkan oleh user. Adapun rancangan struktur menu admin seperti pada gambar 3.12. Login

Menu Utama

Home

Peta Billboard

Pencarian

Pemesanan

Buku Tamu

Peta Billboard

Informasi Billboard

Lihat Pemesanan

Lihat Buku Tamu

Help

Ganti Password

Logout

Gambar 3.12 Hubungan Menu Utama Admin 3.8.2.1. Rancangan Halaman Login Admin Sebelum admin masuk ke halaman untuk admin maka admin harus login terlebih dahulu dengan memasukkan username dan password. Jika admin salah memasukkan username dan password, maka akan muncul pesan kesalahan, dan jika benar, setelah mengklik login maka akan muncul halaman untuk admin. LOGIN Usename Password Login Konfirmasi login Gambar 3.13 Rancangan Login Admin dan Konfirmasi Login


3.8.2.2. Rancangan Halaman Peta pada Admin Setelah mengklik pilihan peta pada menu utama admin, maka akan muncul tampilan peta jaringan jalan Kota Yogyakarta. Pada pojok kiri peta terdapat tombol tambah titik untuk menambah data titik lokasi billboard beserta informasinya. Jika admin mengklik titik lokasi billboard pada peta maka tampil button edit. Sedangkan adapun halaman peta untuk admin akan ditunjukkan pada gambar berikut ini. Header Home Peta Billboard Pencarian Pemesanan Data Lokasi

Tampilan peta jaringan jalan Kota Yogyakarta beserta titik lokasi billboard dan edit informasi billboard

Buku Tamu

Fasilitas tambah titik lokasi

Help Ganti password Logout Status billboard

Fasilitas pencarian jalan

Fasilitas lain (zoom in, zoom out, geser).

Gambar 3.14 Rancangan Halaman Peta pada Admin.

3.8.2.3. Rancangan Halaman Ganti Password Halaman ini berfungsi untuk mengganti password lama dengan password baru.


Header Home Peta Billboard Pencarian Pemesanan Data Lokasi Buku tamu Help Ganti Password Logout

Ubah Password Username Lama Username Baru Password Lama Password Baru Ubah

Gambar 3.15 Rancangan Halaman Ganti Password


BAB IV IMPLEMENTASI SISTEM

4.1. Implementasi Basis Data Basis data yang digunakan dalam Sistem Informasi Geografis Reklame Papan atau Billboard di Kota Yogyakarta Berbasis Web ini adalah XML, sedangkan untuk tabel anggota menggunakan MySQL Tabel yang digunakan dalam database SIG Reklame Papan atau Billboard terdiri dari: 1. Tabel anggota 2. Tabel penyewa 3. Tabel jalan 4. Tabel billboard 5. Tabel pemesanan 6. Tabel guestbook

Tabel 4.1. Tabel anggota Field

Type

Keterangan

username

varchar

Username admin

password

varchar

Password admin

49


Tabel 4.2. Tabel penyewa Field

Type

Keterangan

no

Text

Id penyewa, kunci primer

namapenyewa

Text

Nama instansi penyewa

alamat

Text

Alamat penyewa

Tabel 4.3. Tabel jalan Field

Type

Keterangan

id

Text

Id jalan, kunci primer

namajln

Text

Nama jalan

statusjln

Text

Status jalan

Tabel 4.4. Tabel billboard Field

Type

Keterangan

sno

Text

Id billboard, kunci primer

no

Text

Id penyewa

id

Text

Id jalan

sisi

Text

Isi dari reklame

sx

Text

Koordinat x dari titik reklame

sy

Text

Koordinat y dari titik reklame

sukuran

Text

Ukuran reklame

ssudut

Text

Jumlah sudut pandang reklame

sharga

Text

Harga sewa reklame

sawal

Text

Tanggal awal pemasangan reklame

sakhir

Text

Tanggal akhir pemasangan reklame

slama

Text

Lama pemasangan reklame


Tabel 4.5. Tabel pemesanan Field

Type

Keterangan

myTgl

Text

Tanggal pengiriman pesanan

myNama

Text

Nama pemesan

myAlamat

Text

Alamat pemesan

myMail

Text

Alamat e-mail pemesan

myUsaha

Text

Nama instansi dari pemesan

myNo

Text

No billboard yang akan dipesan

myLokasi

Text

Lokasi billboard yang akan dipesan

Tabel 4.6. Tabel guestbook Field

Type

Keterangan

myTgl

Text

Tanggal pengiriman

myMail

Text

Alamat e-mail pengisi buku tamu

myName

Text

Nama dari pengisi buku tamu

myText

Text

Komentar pada buku tamu


4.2. Implementasi Penggambaran Peta Jaringan Jalan Kota Yogyakarta

Gambar 4.1. Peta jaringan jalan Kota Yogyakarta Dijitasi peta menggunakan perangkat lunak ArcView 3.2, yaitu untuk mendapatkan koordinat Longitude dan Latitude yang menghasilkan file .shp. Untuk mengkonversi file .shp ke file berformat vektor menggunakan MAPublisher. MAPublisher bekerja seperti plugins di Macromedia Freehand dan Adobe Photoshop. Dalam pembuatan sistem ini, menggunakan Macromedia Freehand 10 dan MAPublisher 4.0 untuk merekam koordinat Longitude dan Latitude, sehingga menghasilkan file .fh10. Agar peta dapat diolah dan teranimasi, maka import file .shp ke Flash. Peletakan obyek dan penampilan isi dari database dikerjakan dengan menggunakan Macromedia Flash 8.


4.3. Implementasi Proses 4.3.1. Implementasi proses sisi user a. Proses tampil informasi billboard Proses ini menampilkan informasi dari billboard. Ketika user meng-klik titik pada peta maka akan muncul informasi tersebut. Selain itu pada proses ini, juga menampilkan status billboard yang dapat langsung dilihat pada peta, berdasarkan warna dari titik-titik lokasi pemasangan billboard pada peta. Potongan script untuk tampil informasi sebagai berikut: for (i=0; i

var myDate_num:Number = today_date3.getDate(); myDate_num -= 30; today_date3.setDate(myDate_num); var today_date; if ((this.firstChild.childNodes[i].attributes.sakhir=="kosong")){ varcolor=new Color(item2); varcolor.setRGB(0x000000);//warna hitam, kosong } else if (today_date<=today_date2) { if (today_datetoday_date2) { // Merah varcolor=new Color(item2); varcolor.setRGB(0xFF0000); }

b. Proses pencarian jalan Pada proses ini, peta jaringan jalan Kota Yogyakarta akan terselect atau akan berubah warna menjadi merah dan berkedip, sesuai nama jalan pada list yang dipilih oleh user. Potongan script untuk tampil peta sebagai berikut: listjalan.addEventListener("change", clickjalan); function clickjalan() { clearInterval(intervalID); intervalID = setInterval(setBlink, 400); _root.boxket._visible = false; _root.peta._xscale = Zawal; _root.peta._yscale = Zawal; _root.peta._x =Xawal; _root.peta._y =Yawal; objcolorlama = new Color(eval("_root.peta."+oldjalan)); objcolorlama.setRGB(0xcccccc); oldjalan = listjalan.value; }


function setBlink() { objcolorbaru = new Color(eval("_root.peta."+_root.listjalan.value)); if (warna == "0xff0000") { warna = "0xffffff"; objcolorbaru.setRGB(warna); } else { warna = "0xff0000"; objcolorbaru.setRGB(warna); } }

c. Proses pencarian billboard Menampilkan informasi billboard berdasarkan tanggal jatuh tempo dan nama jalan yang diinputkan oleh user. Potongan script untuk tampil billboard sebagai berikut: btn_cari.onRelease=function(){ listdata._visible=true; MyDat=new XML(); MyDat.ignoreWhite=true; MyDat.onLoad=function(success){ this.contentType="xml/text"; if (success){ var numItems = this.firstChild.childNodes.length; var namajln = _root.my_cb.text; var tmp = _root.vartempo.text; for(j=0;j
tglakhir1 = substring(_root.vartempo.text, 0, 2); blnakhir1 = substring(_root.vartempo.text, 4, 2); thnakhir1 = substring(_root.vartempo.text, 7, 4); listLength_num:Number = listdata.length;

if(tmp=="kosong"){ if((this.firstChild.childNodes[j].attributes.slokasi==nama jln)&&(tmp==this.firstChild.childNodes[j].attributes.sakhir)){


listdata.addItem({label:this.firstChild.childNodes[j].attr ibutes.sno+" "+ this.firstChild.childNodes[j].attributes.snpwp+" "+ this.firstChild.childNodes[j].attributes.sisi+" "+ this.firstChild.childNodes[j].attributes.slokasi+" "+ this.firstChild.childNodes[j].attributes.sukuran+" "+ this.firstChild.childNodes[j].attributes.ssudut+" "+ this.firstChild.childNodes[j].attributes.sharga+" "+ this.firstChild.childNodes[j].attributes.sawal+" "+ this.firstChild.childNodes[j].attributes.sakhir, data:this.firstChild.childNodes[j].attributes.sno});} }else{ if((this.firstChild.childNodes[j].attributes.slokasi==nama jln)&&((blnakhir==blnakhir1)&&(thnakhir==thnakhir1))){ this.firstChild.childNodes[j].attributes.sisi+" "+ this.firstChild.childNodes[j].attributes.slokasi+" "+ this.firstChild.childNodes[j].attributes.sukuran+" "+ this.firstChild.childNodes[j].attributes.ssudut+" "+ this.firstChild.childNodes[j].attributes.sharga+" "+ this.firstChild.childNodes[j].attributes.sawal+" "+ this.firstChild.childNodes[j].attributes.sakhir, data:this.firstChild.childNodes[j].attributes.sno}); }else if((this.firstChild.childNodes[j].attributes.slokasi==namajln)&&( (thnakhir==thnakhir1)&&(blnakhir1=="00"))){ listdata.addItem({label:this.firstChild.childNodes[j].attr ibutes.sno+" "+ this.firstChild.childNodes[j].attributes.sisi+" "+ this.firstChild.childNodes[j].attributes.slokasi+" "+ this.firstChild.childNodes[j].attributes.sukuran+" "+ this.firstChild.childNodes[j].attributes.ssudut+" "+ this.firstChild.childNodes[j].attributes.sharga+" "+ this.firstChild.childNodes[j].attributes.sawal+" "+ this.firstChild.childNodes[j].attributes.sakhir, data:this.firstChild.childNodes[j].attributes.sno}); } } }if(listLength_num=="0"){ _root.varpesan.text="Data yang Anda cari tidak ada!!"; } }else { trace("ERROR");} } MyDat.load("billboard.xml"); }


d. Proses input dan tampil buku tamu Pada proses ini, user dapat mengkomentari web SIG Reklame Papan atau Billboard dan dapat melihat komentar-komentar dari pengujung lain. Potongan script untuk input dan tampil buku tamu sebagai berikut: var currPage = 0; var showAmount = 20; previous._visible = false; createMessage._visible = false; createButton.onRelease = function(){ this._visible = false; this._parent.createMessage._visible = true; if (createMessage.nameField.text == ""){ Selection.setFocus(createMessage.nameField); } else if (createMessage.mailField.text == ""){ Selection.setFocus(createMessage.mailField); } } else if (createMessage.messageField.text == ""){ Selection.setFocus(createMessage.messageField); } } myXML = new XML(); myXML.ignoreWhite = true; receiverXML = new XML(); myXML.onLoad = function(success){ myXML.contentType = "text/xml"; if (success){ this.showXML(); } else{ trace("Error loading XML file"); } } myIdentifier=Math.round(Math.random()*10000); myXML.load("guestbook.xml?uniq="+myIdentifier); receiverXML.onLoad = function(){ this.contentType = "text/xml"; _root.currPage = 0; this.showXML(); } createMessage.closeButton.onRelease = function(){ this._parent._visible = false; createButton._visible = true; }


createMessage.sendButton.onRelease = function(){ var myName = this._parent.nameField.text; var myMail = this._parent.mailField.text; var myMessage = this._parent.messageField.text; if (myName == ""){ this._parent.errorField.text = "Silahkan mengisi nama Anda!!"; Selection.setFocus(this._parent.nameField); } else if (myMail == ""){ this._parent.errorField.text ="Silahkan mengisi alamat e-mail!!"; Selection.setFocus(this._parent.mailField); } else if (myMessage == ""){ this._parent.errorField.text = "Silahkan mengisi komentar!!"; Selection.setFocus(this._parent.messageField); } else { myXML.firstChild.appendChild(myXML.createElement("entry")); myXML.firstChild.lastChild.attributes.myName = myName; myXML.firstChild.lastChild.attributes.myMail = myMail; myXML.firstChild.lastChild.appendChild(myXML.createElement("myTex t")); myXML.firstChild.lastChild.lastChild.appendChild(myXML.createText Node(myMessage)); myXML.sendAndLoad("processXML.php", receiverXML); this._parent._visible = false; createButton._visible = true; } } XML.prototype.showXML = function(){ myGuestbook.scroll = 1; myGuestbook.htmlText = ""; var numItems = this.firstChild.childNodes.length; var firstItem = numItems - (currPage*showAmount); if (currPage == 0) previous._visible = false; var lastItem = firstItem - showAmount ; if (lastItem<=0) { lastItem = 0; next._visible = false; } myCount.text = "Total pesan: " + numItems; if (firstItem == lastItem+1) nowShowing.text = "Menampilkan pesan " + firstItem; else nowShowing.text = "Menampilkan pesan ke-" +(lastItem + 1) + " sampai pesan ke-" +firstItem ; for (i=(firstItem-1); i>= lastItem; i--){ myGuestbook.htmlText += "Nama : " + this.firstChild.childNodes[i].attributes.myName + "\n"; myGuestbook.htmlText += "E-mail : " + this.firstChild.childNodes[i].attributes.myMail + "\n"; myGuestbook.htmlText += "Komentar : " + this.firstChild.childNodes[i].firstChild.firstChild.nodeValue + "\n\n";}}


e. Proses pemesanan User dapat memesan lokasi pemasangan billboard dengan memesan tempat terlebih dahulu dengan mengisi identitas diri dan no billboard yang dipesan. Potongan script untuk pemesanan sebagai berikut createMessage.sendButton.onRelease = function(){ var var var var var var var

myName = this._parent.nameField.text; myAlamat = this._parent.alamatField.text; myUsaha = this._parent.usahaField.text; myMail = this._parent.mailField.text; myNo = this._parent.noField.text; myLokasi = this._parent.lokasiField.text; myTgl= this._parent.tglField.text;

if (myName == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.nameField); } else if (myAlamat == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.alamatField); } else if (myUsaha == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.usahaField); } else if (myMail == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.mailField); } else if (myNo == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.messageField); } else if (myLokasi == ""){ this._parent.errorField.text = "Isi data dengan benar!!"; Selection.setFocus(this._parent.lokasiField); }


else { myXML.firstChild.appendChild(myXML.createElement("entry")); myXML.firstChild.lastChild.attributes.myName = myName; myXML.firstChild.lastChild.attributes.myAlamat = myAlamat; myXML.firstChild.lastChild.attributes.myUsaha = myUsaha; myXML.firstChild.lastChild.attributes.myMail = myMail; myXML.firstChild.lastChild.attributes.myNo = myNo; myXML.firstChild.lastChild.attributes.myLokasi = myLokasi;myXML.firstChild.lastChild.attributes.myTgl = myTgl;myXML.sendAndLoad("processPesan.php", receiverXML); this._parent._visible = false; createButton._visible = true; myPesan.htmlText += "Terimakasih Anda telah memesan lokasi billboard. Silahkan ditindaklanjuti dengan datang ke Kantor Pelayanan Pajak Daerah. Batas waktu satu minggu setelah pengiriman pemesanan" + "\n"; } }

4.3.2. Implementasi proses sisi admin a. Proses validasi login Menu login admin menampilkan form dengan field username dan password. Pada proses ini, akan dilakukan pengecekan username dan password. Jika username dan password yang diinputkan sesuai dengan database maka akan menuju ke halaman admin. Jika tidak sesuai maka akan muncul pesan kesalahan. Potongan program login_admin.php sebagai berikut: alert('Maaf, anda belum mengisi Username dan Password');"; echo"<script>window.location='login_admin.php';"; }


else if(empty($username)) { echo"<script>alert('Maaf, anda belum mengisi Username');"; echo"<script>window.location='login_admin.php';"; } else if(empty($password)) { echo"<script>alert('Maaf, anda belum mengisi Password');"; echo"<script>window.location='login_admin.php';"; } else { include "connect.inc.php"; $perintah = "select * from anggota where username='$username' and password='$password'"; $hasil = mysql_query($perintah); $row = mysql_fetch_array($hasil); if ($row[username]==$username and $row[password]=$password ) { session_start(); session_register("usernama"); session_register("userpass"); $usernama=$row[username]; $userpass=$row[password]; header("location: homeadmin.php"); } else { echo "<script>alert('Maaf, Input yang anda masukkan belum benar.');"; echo "<script>window.location='login_admin.php';"; } } ?>

b. Proses tambah billboard Pada proses ini, admin dapat menambah data billboard dengan mengklik tombol tambah titik lalu mengarahkan kursor pada peta dan mengklik pada jalan yang akan ditambah billboard. Setelah itu, admin diminta untuk mengisi data billboard. Potongan script untuk tambah billboard sebagai berikut:


i=0; bingkaiss.onPress = function() { if (stat == "1") { item = _root.bingkaiss.attachMovie("dot1","dot1"+i,i); box.varx.text.editable=false; box.vary.text.editable=false; box.varawal._visible=false; box.varlama._visible=false; box.txtlama._visible=false; box.txttahun._visible=false; Selection.setFocus(box.varnpwp); _root.box.varnpwp.text=""; _root.box.varnama.text=""; _root.box.varalamat.text=""; _root.box.varisi.text=""; _root.box.varlokasi.text=""; _root.box.varstatus.text=""; _root.box.varukuran.text=""; _root.box.varsudut.text=""; _root.box.varcombo.text=""; _root.box.varakhir.text=""; _root.box.varlama.text=""; _root.box.box_pesan.text=""; var sts=0; var keyListener:Object = new Object(); keyListener.onKeyDown = function() { if (Key.isDown(Key.TAB)) { item=_root.box.varnpwp.text; item1=box.varlokasi.text; item2=_root.box.varakhir.text; _root.box.varstatus.text=""; MyPenyewa=new XML(); MyPenyewa.ignoreWhite=true; MyPenyewa.onLoad=function(success){ this.contentType="xml/text"; if (success){ var numItems = this.firstChild.childNodes.length; for(j=0;j

MyPenyewa.firstChild.lastChild.attributes.namapenyewa = _root.box.varnama.text; MyPenyewa.firstChild.lastChild.attributes.no = _root.box.varnpwp.text; MyPenyewa.sendAndLoad("prosesP.php", RecXML); } } } MyPenyewa.load("penyewa.xml"); } } Key.addListener(keyListener); item._x = _root._xmouse; item._y = _root._ymouse; _root.box.varno.text="B"+(i+1); _root.box.varx.text = _root.xreal.text; _root.box.vary.text = _root.yreal.text; stat = "0"; _root.bingkaiss.enabled = false; _root.box._visible = true; MyJln=new XML(); MyJln.ignoreWhite=true; MyJln.onLoad=function(success){ this.contentType="xml/text"; if (success){ var numItems = this.firstChild.childNodes.length; for(j=0;j

_root.box.varstatus.text =""; _root.box.varstatus.text = item1_status; } } MyJln.load("jalan.xml"); }; box.varlokasi.addEventListener("change", cbListener); } } MyJln.load("jalan.xml"); var cbListener:Object = new Object(); cbListener.change = function(evt_obj:Object) { var item_obj:Object = box.varcombo.selectedItem; var i:String; for (i in item_obj) { if((item_obj[i])=="kosong"){ box.varawal._visible=false; box.varlama._visible=false; box.txtlama._visible=false; box.txttahun._visible=false; } else if((item_obj[i])=="tanggal"){ box.varawal._visible=true; box.varlama._visible=true; box.txtlama._visible=true; box.txttahun._visible=true; } } }; box.varcombo.addEventListener("change", cbListener); i++; } }; //jika stat=1 maka bisa tambah titik tambahtitik.onRelease=function(){ stat="1"; }

c. Proses edit billboard Admin dapat mengedit data billboard dengan mengklik salah satu dari titik pada peta. Setelah admin selesai mengedit data billboard tekan button edit, untuk menyimpan data yang telah diedit ke dalam database tekan button save.


Potongan script untuk edit billboard sebagai berikut: boxket.btn_saveedit.onRelease=function(){ boxket.btn_edit._visible=true; boxket.btn_saveedit._visible=false; var insert_lv:LoadVars = new LoadVars(); insert_lv.xdata = _root.boxket.varx.text; insert_lv.ydata = _root.boxket.vary.text; combo= boxket.varcombo.text; if(combo=="kosong"){ _root.boxket.varawal.text = "kosong"; _root.boxket.varawal.text = "kosong"; } if((_root.boxket.varakhir.text=="kosong")&&(combo=="tanggal")){ if (boxket.varnpwp.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varisi.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varnama.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varalamat.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varukuran.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varsudut.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varawal1.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varakhir.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; insert_lv.varnpwp = _root.boxket.varnpwp.text; } else if (boxket.varlama.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else{ var lama = boxket.varlama.text; var awal1 = boxket.varawal1.selectedDate; tanggal=awal1.getDate(); bulan=awal1.getMonth(); var bulan1_num:Number = bulan; bulan1_num += 1; tahun=awal1.getFullYear(); tgl= tanggal.toString(); bln= bulan.toString(); if((tgl.length==1) &&(bln.length==1)){ _root.boxket.varawal.text = "0"+tanggal+"-"+"0"+bulan1_num+""+tahun;


} else if ((tgl.length==1) &&(bln.length==2)){ _root.boxket.varawal.text = "0"+tanggal+"-"+bulan1_num+""+tahun; } else if ((tgl.length==2) &&(bln.length==1)){ _root.boxket.varawal.text = tanggal+"-"+"0"+bulan1_num+""+tahun; } else if ((tgl.length==2) &&(bln.length==2)){ _root.boxket.varawal.text = tanggal+"-"+bulan1_num+""+tahun; } var tahun1_num:Number = tahun; if(lama==1){ tahun1_num += 1; } else if (lama==2){ tahun1_num += 2; }else if (lama==3) { tahun1_num += 3; } if((tgl.length==1) &&(bln.length==1)){ boxket.varakhir.text = "0"+tanggal+"-"+"0"+bulan1_num+""+tahun1_num; } else if ((tgl.length==1) &&(bln.length==2)){ boxket.varakhir.text = "0"+tanggal+"-"+bulan1_num+""+tahun1_num; } else if ((tgl.length==2) &&(bln.length==1)){ boxket.varakhir.text = tanggal+"-"+"0"+bulan1_num+""+tahun1_num; } else if ((tgl.length==2) &&(bln.length==2)){ boxket.varakhir.text = tanggal+"-"+bulan1_num+""+tahun1_num; } var lama1 = _root.boxket.varlama.text; var statjln1 = _root.boxket.varstatus.text; var ukuran1 = _root.boxket.varukuran.text; var sudut1 = _root.boxket.varsudut.text; if(lama1.length==0){ if (statjln1=="jalan kota" _root.boxket.varharga.text = 45000*(ukuran1/10000)*sudut1; }else if(statjln1=="strategis"){ _root.boxket.varharga.text = 60000*(ukuran1/10000)*sudut1; }else if(statjln1=="protokol"){ _root.boxket.varharga.text = 50000*(ukuran1/10000)*sudut1; }else if(statjln1=="jalan diluar diatas"){ _root.boxket.varharga.text = 42000*(ukuran1/10000)*sudut1; } } else if(lama.length==1){ if (statjln1=="jalan kota"){ _root.boxket.varharga.text = 45000*(ukuran1/10000)*sudut1*lama1;


}else if(statjln1=="strategis"){ _root.boxket.varharga.text = 60000*(ukuran1/10000)*sudut1*lama1; }else if(statjln1=="protokol"){ _root.boxket.varharga.text = 50000*(ukuran1/10000)*sudut1*lama1; }else if(statjln1=="jalan diluar diatas"){ _root.boxket.varharga.text = 42000*(ukuran1/10000)*sudut1*lama1; } } insert_lv.varno = _root.boxket.varno.text; insert_lv.varnpwp = _root.boxket.varnpwp.text; insert_lv.varnama = _root.boxket.varnama.text; insert_lv.varalamat = _root.boxket.varalamat.text; insert_lv.varisi = _root.boxket.varisi.text; insert_lv.varlokasi = _root.boxket.varlokasi.text; insert_lv.varukuran = _root.boxket.varukuran.text; insert_lv.varsudut = _root.boxket.varsudut.text; insert_lv.varawal = _root.boxket.varawal.text; insert_lv.varakhir = _root.boxket.varakhir.text; insert_lv.varharga = _root.boxket.varharga.text; insert_lv.varlama = _root.boxket.varlama.text; insert_lv.varstatus = _root.boxket.varstatus.text; insert_lv.totaltitik = _root.totaltitik; _root.boxket.pesan.text="Data disimpan!!"; insert_lv.sendAndLoad("edit.php", insert_lv, "GET"); } } if((_root.boxket.varakhir.text=="kosong")){ insert_lv.varno = _root.boxket.varno.text; insert_lv.varnpwp = ""; insert_lv.varnama = ""; insert_lv.varalamat = ""; insert_lv.varisi = ""; insert_lv.varlama = ""; insert_lv.varukuran = _root.boxket.varukuran.text; insert_lv.varsudut = _root.boxket.varsudut.text; insert_lv.varlokasi = _root.boxket.varlokasi.text; insert_lv.varawal = _root.boxket.varawal.text; insert_lv.varakhir = _root.boxket.varakhir.text; insert_lv.varharga = _root.boxket.varharga.text; insert_lv.totaltitik = _root.totaltitik; _root.boxket.pesan.text="Data disimpan!!"; insert_lv.sendAndLoad("edit.php", insert_lv, "GET"); }else { $tglakhir = substring(_root.boxket.varakhir.text, 0, 2); $blnakhir = substring(_root.boxket.varakhir.text, 4, 2); $thnakhir = substring(_root.boxket.varakhir.text, 7, 4); if(substring($tglakhir,0,1) == "0") { $tglakhir2 = substring($tglakhir,2,1); $tglakhir2 = int($tglakhir2) - 0;


} else if(substring($tglakhir,0,1) != "0") { $tglakhir2 = int($tglakhir) - 0; } if(substring($blnakhir,0,1) == "0") { $blnakhir2 = substring($blnakhir,2,1); $blnakhir2 = int($blnakhir2) - 1; } else if(substring($blnakhir,0,1) != "0") { $blnakhir2 = int($blnakhir) - 1; } var today_date2:Date = new Date($thnakhir,$blnakhir2,$tglakhir2); var today_date:Date = new Date(); if(today_date>today_date2){ if (boxket.varnpwp.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varisi.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varnama.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varalamat.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varukuran.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varsudut.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varawal1.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varakhir.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; insert_lv.varnpwp = _root.boxket.varnpwp.text; } else if (boxket.varharga.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else if (boxket.varlama.text.length == 0) { _root.boxket.pesan.text="Isi data dengan benar!!"; } else { var lama = boxket.varlama.text; if(combo=="tanggal"){ var awal1 = boxket.varawal1.selectedDate; tanggal=awal1.getDate(); bulan=awal1.getMonth(); var bulan1_num:Number = bulan; bulan1_num += 1; tahun=awal1.getFullYear(); tgl= tanggal.toString(); bln= bulan.toString(); if((tgl.length==1) &&(bln.length==1)){ _root.boxket.varawal.text = "0"+tanggal+""+"0"+bulan1_num+"-"+tahun;


} else if ((tgl.length==1) &&(bln.length==2)){ _root.boxket.varawal.text = "0"+tanggal+"-"+bulan1_num+""+tahun; } else if ((tgl.length==2) &&(bln.length==1)){ _root.boxket.varawal.text = tanggal+"-"+"0"+bulan1_num+""+tahun; } else if ((tgl.length==2) &&(bln.length==2)){ _root.boxket.varawal.text = tanggal+"-"+bulan1_num+""+tahun; } var tahun1_num:Number = tahun; if(lama==1){ tahun1_num += 1; } else if (lama==2){ tahun1_num += 2; }else if (lama==3) { tahun1_num += 3; } if((tgl.length==1) &&(bln.length==1)){ boxket.varakhir.text = "0"+tanggal+"-"+"0"+bulan1_num+""+tahun1_num; } else if ((tgl.length==1) &&(bln.length==2)){ boxket.varakhir.text = "0"+tanggal+"-"+bulan1_num+"-"+tahun1_num; } else if ((tgl.length==2) &&(bln.length==1)){ boxket.varakhir.text = tanggal+"-"+"0"+bulan1_num+""+tahun1_num; } else if ((tgl.length==2) &&(bln.length==2)){ boxket.varakhir.text = tanggal+"-"+bulan1_num+""+tahun1_num; } } var lama1 = _root.boxket.varlama.text; var statjln1 = _root.boxket.varstatus.text; var ukuran1 = _root.boxket.varukuran.text; var sudut1 = _root.boxket.varsudut.text; if(lama1.length==0){ if (statjln1=="jalan kota"){ _root.boxket.varharga.text = 45000*(ukuran1/10000)*sudut1; }else if(statjln1=="strategis"){ _root.boxket.varharga.text = 60000*(ukuran1/10000)*sudut1; }else if(statjln1=="protokol"){ _root.boxket.varharga.text = 50000*(ukuran1/10000)*sudut1; }else if(statjln1=="jalan diluar diatas"){ _root.boxket.varharga.text = 42000*(ukuran1/10000)*sudut1; } } else if(lama.length==1){ if (statjln1=="jalan kota"){ _root.boxket.varharga.text = 45000*(ukuran1/10000)*sudut1*lama1; }else if(statjln1=="strategis"){ _root.boxket.varharga.text = 60000*(ukuran1/10000)*sudut1*lama1;


}else if(statjln1=="protokol"){ _root.boxket.varharga.text = 50000*(ukuran1/10000)*sudut1*lama1; }else if(statjln1=="jalan diluar diatas"){ _root.boxket.varharga.text = 42000*(ukuran1/10000)*sudut1*lama1; } } insert_lv.varno = _root.boxket.varno.text; insert_lv.varnpwp = _root.boxket.varnpwp.text; insert_lv.varnama = _root.boxket.varnama.text; insert_lv.varalamat = _root.boxket.varalamat.text; insert_lv.varisi = _root.boxket.varisi.text; insert_lv.varlokasi = _root.boxket.varlokasi.text; insert_lv.varukuran = _root.boxket.varukuran.text; insert_lv.varsudut = _root.boxket.varsudut.text; insert_lv.varawal = _root.boxket.varawal.text; insert_lv.varakhir = _root.boxket.varakhir.text; insert_lv.varharga = _root.boxket.varharga.text; insert_lv.varlama = _root.boxket.varlama.text; insert_lv.totaltitik = _root.totaltitik; _root.boxket.pesan.text="Data disimpan!!"; insert_lv.sendAndLoad("edit.php", insert_lv, "GET"); } } }

Sedangkan potongan program edit.php sebagai berikut: load_file("billboard.xml"); for ($i=0;$i<$_GET['totaltitik'];$i++) { $attr = $doc->billboard->subdata[$i]->attributes(); $sx_real = $attr['sx']; $sy_real = $attr['sy']; $npwp = $attr['snpwp']; if (($sx_real == urlencode($_GET['xdata'])) && ($sy_real == urlencode($_GET['ydata']))) { $doc->billboard->subdata[$i]->setAttribute('sno', $_GET['varno']); $doc->billboard->subdata[$i]->setAttribute('snpwp', $_GET['varnpwp']); $doc->billboard->subdata[$i]->setAttribute('snama', $_GET['varnama']);


$doc->billboard->subdata[$i]->setAttribute('salamat', $_GET['varalamat']); $doc->billboard->subdata[$i]->setAttribute('sisi', $_GET['varisi']); $doc->billboard->subdata[$i]>setAttribute('slokasi', $_GET['varlokasi']); $doc->billboard->subdata[$i]->setAttribute('sukuran', $_GET['varukuran']); $doc->billboard->subdata[$i]->setAttribute('ssudut', $_GET['varsudut']); $doc->billboard->subdata[$i]->setAttribute('sawal', $_GET['varawal']); $doc->billboard->subdata[$i]->setAttribute('sakhir', $_GET['varakhir']); $doc->billboard->subdata[$i]->setAttribute('sharga', $_GET['varharga']); } $doc->billboard->subdata[$i]->setAttribute('slama', $_GET['varlama']); } } $a = fopen('billboard.xml',"w"); fputs($a, $doc->asXML()); fclose($a); ?>

d. Proses Ganti Password Proses ini untuk mengganti password lama dengan password yang baru. Potongan program isipass.php

if(empty($ul) OR empty($ub) OR empty($pl) OR empty($pb) OR empty($kp)) { echo"<script>alert('Maaf, Anda Belum Mengisi Dengan Lengkap ');"; echo"<script>window.location='edt_pass.php';"; } elseif($cek_baris[username] != $ul) { echo"<script>alert('Maaf, Username lama anda salah');"; echo"<script>window.location='edt_pass.php';"; } elseif($cek_baris[password] != $pl) { echo"<script>alert('Maaf, Pasword lama anda salah');"; echo"<script>window.location='edt_pass.php';"; }

elseif($pb != $kp) { echo"<script>alert('Maaf, Password baru dan confirmasi password Anda Tidak sesuai');"; echo"<script>window.location='edt_pass.php';"; } else { $perintah2="UPDATE anggota SET username='$ub', password='$kp' WHERE username='$ul' and password='$pl'"; $hasil2=mysql_query($perintah2); echo"<script>alert('Username dan Password anda sudah diubah');"; echo"<script>window.location='login_admin.php';"; } } else { echo ("Maaf untuk mengakses halaman ini "); echo ("anda harus login terlebih dahulu
"); echo ("Login Ulang"); } ?>


4.4. Tampilan Antar Muka 4.4.1. Tampilan Antar Muka Halaman Utama Antar muka halaman utama merupakan halaman yang berisi pengantar billboard.com. Untuk menuju ke halaman lain, user tinggal memilih menu yang telah disediakan pada bagian kiri atas. Yaitu menu home, peta billboard, pencarian, pemesanan, buku tamu, dan help. Antar muka halaman utama dapat dilihat pada gambar 4.2. berikut ini.

Gambar 4.2. Form index


4.4.2. Tampilan Antar Muka Sisi User Jika user memilih menu Peta Billboard maka tampilan antar muka akan tampak seperti gambar 4.3. berikut ini.

Gambar 4.3. Form Peta Pada list pencarian jalan, jika user memilih salah satu jalan, maka pada peta jalan yang ditunjuk akan berubah warna menjadi merah dan berkedip. Koordinat x, y akan berubah mengikuti kursor. Koodinat x menunjukkan Longitude, koordinat y menunjukkan Latitude. Fasilitas zoom in untuk memperbesar gambar peta, sedangkan fasilitas zoom out untuk memperkecil gambar peta. Selain itu, juga terdapat fasilitas untuk mengeser peta. Titik-titik


pada peta merupakan titik-titik lokasi pemasangan billboard. Warna pada titik tersebut menunjukkan status billboard. Jika status billboard kosong, maka billboard tersebut boleh disewa, jika status billboard sedang disewa berarti billboard tersebut disewa oleh suatu instansi, status billboard mendekati jatuh tempo berarti masa akhir pemasangan billboard tersebut kurang 30 hari sebelum tanggal jatuh tempo. Sedangkan jika status billboard melebihi jatuh tempo, maka masa akhir pemasangan billboard tersebut sudah habis atau melebihi tanggal jatuh tempo. Jika titik pada peta tersebut di-klik maka akan muncul informasi billboard, yaitu no billboard, NPWP, nama WP, isi reklame, lokasi pemasangan, koordinat x, koordinat y, ukuran reklame, sudut pandang, tgl awal pemasangan, tgl akhir pemasangan, lama pemasangan reklame, dan harga sewa yang ditunjukkan pada gambar berikut ini.


Gambar 4.4. Form Peta beserta Informasi Billboard Pada form menu pencarian, untuk mendapatkan informasi billboard berdasarkan nama jalan dan tanggal jatuh tempo, user diminta untuk mengisi nama jalan dengan memilih pada combo box yang telah disediakan dan mengisi tgl jatuh tempo / tgl akhir pemasangan, lalu tekan button cari. Pada input tgl jatuh tempo, data yang diisi dapat berupa bulan dan tahun, atau hanya tahun saja. Misal, jika ingin mengetahui informasi billboard yang tanggal jatuh temponya bulan April 2007, maka data yang diisikan 00-04-2007. Jika ingin mengetahui informasi billboard yang tanggal jatuh tempo tahun 2007, maka isikan 00-00-2007 pada input tgl jatuh tempo.


Gambar 4.5. Form Pencarian Pada form pemesanan, user dapat memesan lokasi pemasangan billboard dengan memesan tempat terlebih dahulu dengan mengisi identitas diri dan no billboard yang dipesan. Tetapi pemesanan ini harus ditindaklanjuti dengan datang ke Kantor Pelayanan Pajak Daerah . Form pemesanan dapat ditunjukkan pada gambar 4.6. berikut ini:


Gambar 4.6. Form Pemesanan Gambar 4.7 berikut ini adalah form buku tamu, user dapat memberi komentar kepada admin tentang web Billboard.com Yogyakarta ini dengan menekan button tambah pesan.


Gambar 4.7. Form Buku Tamu Sedangkan form help, berisi cara-cara penggunaan web Billboard.com Yogyakarta untuk memudahkan user mengoperasikan web tersebut. Tampilan form help akan ditunjukkan pada gambar 4.8 berikut ini.


Gambar 4.8. Form Help

4.4.3. Tampilan Antar Muka Sisi Admin Untuk masuk ke dalam menu, admin terlebih dahulu melakukan login, dengan mengisi username dan password, kemudian tekan button login. Username dan password akan dicocokkan dengan tabel anggota. Jika diperoleh kesesuaian maka admin akan masuk ke menu utama admin. Form login akan ditunjukkan pada gambar 4.9 berikut ini.


Gambar 4.9. Form Login Menu-menu pada admin hampir sama seperti menu pada user, tetapi ada menu tambahan, yaitu menu ganti password, dan menu logout. Pada menu peta billboard, admin diberikan fasilitas untuk menambah titik lokasi pemasangan billboard dan mengedit data billboard, sehingga dapat menampilkan informasi yang update. Jika admin akan menambah titik lokasi pemasangan billboard yang baru maka admin tinggal menekan button tambah titik lalu mengarahkan kursor pada lokasi di peta jaringan jalan. Setelah itu, admin diminta mengisi data billboard. Jika admin akan mengedit data billboard, maka admin memilih titik lokasi pemasangan billboard yang akan diedit terlebih dahulu. Setelah itu, tekan button edit untuk mengedit data billboard yang diperlukan dan simpan data yang telah diedit dengan menekan button save. Form peta billboard untuk admin akan ditunjukkan pada gambar 4.10 berikut ini.


Gambar 4.10. Form Peta Billboard Sisi Admin

Form pemesanan pada admin hanya menampilkan informasi pesanan yang telah dipesan oleh user, yang ditunjukkan pada gambar berikut ini:


Gambar 4.11. Form Pemesanan Sisi Admin

Form ganti password berfungsi untuk mengganti password lama dengan password yang baru. Form ganti password akan ditunjukkan pada gambar 4.12 berikut ini:


Gambar 4.12. Form Ganti Password


BAB V PENUTUP

5.1. Kesimpulan 1. Dari pengujian yang dilakukan kepada user awam, pihak penyewa, dan pihak pengelola reklame, secara umum didapat hasil: a. Kesan pertama ketika melihat interface, terutama pada lokasi pemasangan billboard ditampilkan dalam bentuk titik pada peta jaringan jalan Kota Yogyakarta adalah cukup menarik b. Kesulitan yang dialami dalam menjalankan program ini secara umum tidak ada 2. Sistem ini mempermudah pihak penyewa dalam memperoleh informasi lokasi billboard yang masih kosong, sehingga pihak penyewa tidak perlu survey secara langsung di lokasi. Sistem ini juga memberikan informasi lokasi billboard yang masa akhir pemasangan mendekati jatuh tempo, sehingga dapat ditindaklanjuti oleh pihak penyewa. 3. Sistem ini mempermudah pihak Pemkot dalam mengawasi dan mengontrol pengelolaan reklame papan atau billboard.

85


5.2. Saran 1. Sistem ditambahkan fasilitas upload foto reklame agar detail billboard dapat diketahui oleh pihak pengelola dan penyewa. 2. Sistem memberikan fasilitas untuk hapus titik reklame billboard.


DAFTAR PUSTAKA

1. Akhbar, Ali, 2006, Panduan Cepat Menguasai Teknologi Informasi dan Komunikasi, Penerbit Gava Media, Yogyakarta. 2. Aziz, Muh. and Pujiono, Slamet, 2006, Sistem Informasi Geografis Berbasisi Dekstop dan Web, Penerbit Gava Media, Yogyakarta. 3. Hartanto, Bernard. and Wijaya, Ferdianto, 2004, The Magic of Flash MX 2004, Penerbit Elex Media Komputindo. 4. Nugroho, Bunafit, 2004, Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL, Penerbit Gava Media, Yogyakarta. 5. Nugroho, Bunafit, 2004, PHP dan MySQL dengan Editor Dreamweaver MX, Penerbit Andi, Yogyakarta. 6. Prahasta, Eddy, 2002, Konsep-konsep Dasar Sistem Informasi Geografis, Penerbit Informatika Bandung, Bandung. 7. Prahasta, Eddy, 2004, Sistem Informasi Geografis Rools dan Plug-Ins, Penerbit Informatika Bandung, Bandung. 8. Pramono, Andi. And Syafii, M, 2004 , Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Website, Penerbit Andi, Yogyakarta. 9. Sandra, Evy, 2004, XML Aplication in Database Server Accessing, Teknik Informatika, Fakultas Teknik, Universitas Sanata Dharma, Yogyakarta 10. Viche, 2005, Sistem Informasi Makanan Indonesia Berbasis Web, Ilmu Komputer, Fakultas MIPA, Universitas Sanata Dharma, Yogyakarta.

87


11. ________, Pedoman Penulisan Skripsi. (2003). Yogyakarta : Universitas Sanata Dharma 12. http://www.klanjabrik.com, 2007, Konversi SHP ke Flash dengan MAPublisher (Freehand) at KLANJABRIK_COM - Internet PHP Flash Tips Tricks_files 13. http://www.klanjabrik.com, 2007, Flash Date Function Expired Implementation at KLANJABRIK_COM - Internet PHP Flash Tips Tricks 14. http://www.kirupa.com, 2007, kirupa_com - XML Guestbook Using PHP2_files 15. _________, 2007, help Macromedia Flash 8
































SISTEM INFORMASI GEOGRAFIS REKLAME PAPAN atau BILLBOARD di KOTA YOGYAKARTA BERBASIS WEB

Recommend Documents