PERANCANGAN APLIKASI WEB PADA DINAS PARIWISATA SENI BUDAYA PEMUDA DAN OLAHRAGA (PERSENIBUDPORA) KABUPATEN PASAMAN BARAT DENGAN MENGGUNAKAN SCRIPT PEMROGRAMAN ACTIVE SERVER PAGES (ASP) “ Rini Sovia, M. Kom Dosen Tetap UPI “YPTK Abstract According by research which have been at Dinas pariwisata seni Budaya pemuda dan olahraga (PERSENIBUDPORA) Kabupaten west Pasaman pecially at presentation of tourism information hence told by fundamental things which require to be studied and paid attention by information designer. all important matter which must be paid attention ability in watering down work with low expense which used to create information system in organization.Through direct observation of leisure have been found by weakness at existing system. Although not as a whole, but more flange at problem of specific.And hope can give which contribution for user of system By exploiting computer informatika science literature and relevant site on problems. The research of laboratory by applying cycle live software, made a expected application can solve existing problems. Exploiting internet media and use web scheme application which exploiting and professional server side programming. Expected can improve efesiensi work part of relevant in the end the target of which is expected to be reached. And particularly target finally as real contribution to science till in turn can be presented by really information. I. Pendahuluan Dalam kemajuan ilmu dan teknologi informasi, Internet merupakan istilah tidak asing lagi dalam dunia komputer. Bahkan bagi orang awam sekalipun, kata-kata world wide web (www) merupakan bagian yang tak bisa dipisahkan dari kehidupan manusia modern saat ini. Situs-situs web menampilkan informasi apapun secara cepat, mudah dan murah, seperti informasi, teknologi, olahraga, entertainment dan lain-lain, sehingga manusia cenderung menggunakan web sebagai agen informasi terbesar saat ini. Web bukan saja digunakan untuk menampilkan informasi secara tepat, namun fungsi web makin meluas. Web mulai digunakan untuk aplikasi yang banyak membutuhkan interaksi dari user. Untuk membuat situs web yang menarik dan informative diperlukan suatu aplikasi untuk menggantikan Hypertext Markup Language (HTML) konvensional yang bersifat statis. Salah satunya adalah dengan penggunaan Pemograman Active Server Pages (ASP) bersama-sama dengan HTML yang mampu menampilkan web yang lebih menarik, informative, lebih bersahabat dan memberikan reaksi timbal balik dengan user yang disebut dengan Aplikasi Web. Dinas PERSENIBUDPORA Kabupaten Pasaman Barat merupakan sebuah instansi pemerintah yang bergerak di bidang pariwisata, seni, budaya, pemuda dan olahraga yang memberikan service berupa : tracking, mountainaring, climbing, caving, Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
11
Diving, Tourism Development yang sudah memanfaatkan media internet dalam pengembangan pariwisatanya. Untuk menciptakan web yang lebih dinamis penulis mencoba memperbaharui secara konstan seperti : menggunakan program update otomatis, sistem tambahan diskusi interaksi timbal balik dengan user, pembuatan link yang tepat sehingga user, pembuatan link yang tepat sehingga user cepat mendapat informasi. II. Teoritis 2.1. Microsoft Active Server Pages (ASP) Untuk sebagian pengembang Web, yang mereka masukkan dalam pengembangan database adalah juga yang mereka masukkan ke dalam pemrograman berbasis server. Pengembangan script koe pemrograman dalam wujud blok-blok pendek yang berjalan pada server Web agak sedikit berbeda dengan pengembangan script yang berjalan pada browser. 1. Bahasa (pemrograman) utama script berbasis browser adalah Java Script. Untuk yang berbasis server adalah VBScript untuk server Web Microsoft yang berjalan pada browser. 2. Umumnya script berbasis broser membicarakan masalah presentasi visual. Mereka tidak punya akses ke sistem pengunjung Web kecuali untuk tampilan. Script berbasis server dapat mengakses sebagian atau seluruh sumber daya pada server itu sendiri dan pada server jaringan (tentu saja yang telah dijamin bisa oleh adinistrator server). Hal ini melibatkan sejumlah server file, database, sistem e-mail, printer, dan faximili. 3. menjalankan script berbasis server menghabiskan lebih banyak sumber daya server resiko keamanan yang lebih besar dari pada mengirim halaman Web sederhana. Untuk alasan ini, mendapatkan sumber daya script berbasis server dari penyedia layanan atau departemen TI biasanya lebih sulit, lebih mahal, atau lebih terbatas dari pada mendapatkan ruang bagi Web non script. 2.2. Struktur Aplikasi dan Halaman ASP Program berbasis server biasannya membutuhkan pengembangan yang cepat. Web dijalankan pada jadwal pengembangan berdasarkan jam atau harian, bukan mingguan, bulanan, atau tahunan. Ini menjelaskan mengapa script berbasis server dan berbasis browser cenderung dibuat seperti terburu-buru, tingkat tinggi, diterjemahkan oleh bahasabahasa seperti JavaScript, VBScript, dan Perl. Menurut strukturnya , halaman asp seperti juga halaman html biasa yang telah ditambahkan kode berisi satu atau lebih blok script yang berbasis server. Cara paling umum menandai blok kode script ini adalah dengan tag <% dan %>, seperti <% Response.Write “
teks . teks.
” & vbCrlf %> Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
12
Response.write merupakan cara kode asp mengirimkan html yang dikustomisasi kepengunjung Web. Pengolah asp tidak mengirimkan kode di antara tag-tag <% dan %> ke browser pengunjung web, namun ia mengirimkan kode html yang disekelilingnya dan output dari pernyataan-pernyataan response.write. setelah pemrosesan halaman asp yang ditampilkan di bawah, sebagai contoh, penerjemah asp akan mengirim html kepada pengunjung Web.
teks. teks.
jika menempatkan awal dan akhir lop dalam blok script yang berbeda, html di tengah akan muncul dalam halaman Web hasilnya setiap pengulangan. Sepert : <% For cnt = 1 to 5 %>
teks. teks.
<% Next %> maka hasilnya adalah text berulang sebannyak perulangan tersebut.
teks. teks.
teks. teks.
teks. teks.
teks. teks.
teks. teks.
2.3. VBScript Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
13
Pada topik ini menjelaskan tentang scipt yang dipakai oleh halaman-halaman yang berkestensi file .asp, control logika dan fungsinya.
2.3.1. Perbedaan VBScript dengan Bentuk Visual Basic Perbedaan anatar VBScript dan Visual basic : 1. Kekurangan dalam aspek tampilan Ia tidak dapat menampilkan jendela-jendela atau kotak dialog dan, dijalankan dalam halaman asp ia tidak mnedukung fungsi msgbox atau inputbox. Alasanya karena script-script asp dijalankan pada server Web. 2. Pendeifisian variabel-variabel secara implisit Variabel-variabel biasa tidak memerlukan pendefenisian secara eksplisit dalam VBScript. Untuk membua variabel baru tidak dibutuhkan oleh VBScript. 3. Kelemahan dalam pemberian tipe variabel-variabel VBScript hanya mendukung dua variabel, obyek dan varian.. Semua variabelvariabel lain adalah varian. 4. Obyek-obyek yang hanya diperuntukkan bagi VBScript 5. Cakupan berbagai variable 2.4.
Pengertian Home Page Home page merupakan istilah dalam web site yang merupakan halaman awal dari suatu Web site. Dan home page itu sendiri berisi sajian informasi awal, hyperlink, hypertext, gambar atau suara yang akan diberikan kepada pengunjung. Langkah pertama dalam mendisain halaman Web adalah membuat struktur informasi di halaman awal tadi. Dan Home page tersebut menentukan apakah halaman Web site kita terstruktur dengan baik atau tidak seperti gambar di bawah ini :
Gambar 2.8 Organisasi Data pada Home Page Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
14
Banyak web site di Internet yang memiliki informasi yang penting dan berguna, tetapi tidak memiliki struktur yang baik sehingga memusingkan pengunjung. Selain itu, dengan dibuatnya suatu diagram alir, maka Anda akan memudahkan Anda menuliskan apa saja yang perlu ditampilkan dalam masing-masing halaman, dan akan menghindari terjadinya tumpang tindih informasi antar satu halaman dengan halaman lain. Berikut beberapa format tampilan yang terdapat pada Home Page beserta maksud dan tujuannya :
a. Banner/ Logo Sebuah banner atau logo merupakan tampilan awal pada sebuah halaman web. Hal ini merupakan suatu identitas khusus bagi situs web sehingga dapat mengingatkan audiens, sedang berada di situs web manakah mereka berada. Buatlah sebuah logo yang unik dan menarik sehingga ketika ditampilkan menjadi daya tarik pada audiens untuk mengetahui lebih lanjut. b. Statement of Purpose Sebaris kalimat pada tampilan awal web dengan maksud untuk menjelaskan pertama kali kepada audiens, untuk apa dan siapa situs web tersebut ditujukan.
c. Table of Content Merupakan tampilan daftar isi pada sebuah halaman web yang dimaksudkan sebagai petunjuk informasi apa yang akan dilihat oleh audiens. Seperti halnya daftar isi pada sebuah buku yang menunjukan letak halaman pada setiap topik yang dimaksud. Pada halaman web dibuat beberapa teks yang saling berhubungan (hyperlink) dengan warna huruf yang dibedakan. Audiens tinggal meng-klik-nya untuk menuju tampilan yang diinginkan. d. Contact Information Bila anda bermaksud menjual suatu produk pada audiens melalui situs web sehingga mereka tertarik untuk membelinya. Bagaimana dan dimana barang tersebut bisa didapatkan ? Disinilah maksud informasi kontak dibuat yaitu untuk melakukan transaksi lebih lanjut antara anda dan audiens Buatlah sebuah ‘link’ yang meliputi informasi : - nama perusahaan - alamat perusahaan - no. telepon perusahaan - no. faksimili perusahaan - alamat e-mail perusahaan - daftar kontak personel yang berhubungan dengan informasi yang dibutuhkan Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
15
III. Analisa Dan Hasil 3.1.
Analisa Sistem Yang Sedang Berjalan Setelah melakukan identifikasi masalah terhadap sistem yang akan dikembangkan, maka langkah kedua dari tahap analisa sistem adalah memahami kerja dari sistem yang ada. Langkah ini dapat dilakukan dengan mempelajari secara rinci bagaimana sistem yang ada beroperasi. Untuk mempelajari operasi dari sistem, maka diperlukan data yang dapat diperoleh dengan melakukan penelitian. Analisa sistem perlu mempelajari apa dan bagaimana operasi dari sistem yang ada sebelum mencoba untuk menganalisa permasalahan, kelemahan-kelemahan dan kebutuhan pemakai sistem untuk memberikan rekomendasi pemecahannya. Dengan demikian dapat diketahui bagian mana yang harus dikembangkan ataupun dirancang kembali. Adapun proses Penyajian Informasi dalam hal ini promosi yang ada pada Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat saat ini masih berjalan secara manual, yaitu dengan mencetak brosur yang berisi informasi pariwisata dan jasa pariwisata yang kemudian mereka berikan kepada penyedia jasa transportasi utama di Indonesia. Seperti jasa penerbangan yang ada di bandar udara, kemudian jasa kendaraan bus antar lintas propinsi dan travel. Kemudian jasa lintas laut seperti pelabuhan. Berdasarkan peninjauan atas prosedur kerja yang ada, dapat dilihat sistem penyajian informasi untuk wisatawan pada Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat masih lamban. Dan kendala yang dihadapi oleh sistem yang lama tersebut, seperti penyajian informasi terbaru akan sangat sulit sampai kepada semua jasa-jasa transportasi yang telah disebutkan diatas, terlebih lagi terhadap konsumen yang belum pernah sama sekali datang ke Indonesia. Mengingat cukup banyaknya informasi yang akan disajikan, sudah sepantasnyalah diterapkan penyajian informasi berbasis internet, yaitu fasilitas yang memungkinkan bagi pengguna (dalam hal ini adalah wisatawan) untuk menerima maupun mengakses informasi secara on-line (langsung) dimanapun mereka berada. 3.2.
Desain Sistem Baru
40
Tahap awal rancangan sistem baru ini bertujuan untuk menanggulangi masalah dan kendala yang selama ini dihadapi oleh pihak manajemen Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat dalam mempromosikan keberadaan Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat kepada publik. Berdasarkan hal ini, maka penulis membuat suatu rancangan sistem baru dengan membuat sebuah Web Site yaitu suatu koleksi dokumen HTML pribadi atau perusahaan kedalam sebuah Web Server. Yang dirancang dengan menggunakan script (aplikasi) pemrograman ASP yang berbasiskan server side untuk pembuatan web site tentang Dinas Pariwisata Seni Budaya Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
16
Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat. Sehingga memungkinkan para pengguna yang berada diluar daerah Sumatera Barat untuk melihat secara sekilas tentang Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat dan fasilitas-fasilitas yang disediakan didalamnya. . 3.2.1 Desain Sistem Secara Global Dalam desain global ini akan digambarkan desain-desain secara garis besar tentang alur dari suatu program dan data-data yang dibutuhkan serta hubungan antara database. Yang akan digambarkan dalam bentuk Aliran Sistem Informasi (ASI) baru, Context Diagram, Data Flow Diagram (DFD) Level 0 dan Entity Relationship Diagram. Untuk lebih jelasnya, maka penulis akan menggambarkan disain global dari sistem baru ini satu demi satu. 3.2.1.1 Aliran Sistem Informasi (ASI) Baru Perancangan sistem informasi baru ini merupakan implementasi dari berbagai aspek yang saling terkait seperti pengunjung (User), Web Server dan Administrator. Keterkaitan dari komponen-komponen tersebut dapat dilihat pada gambar berikut :
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
17
P en g un ju n g
A la m a t H om epage
P a re m a te r A lam at Hom epage
B ro w s i n g
P a re m a te r A la m a t Hom epage
P a re m a te r A la m a t H om epage
B u ka Hom epage
H a l a m a n In d e x
H a l a m a n In d e x
C a ri In fo rm a s i
P a ra m e te r P e n c a ri a n
In fo rm a s i P a ri w i s a ta
A
A d m i n i s tra to r
W e b S e rve r
B u ka Hom epage
H a l a m a n In d e x
A lam at Hom epage
B ro w s i n g
P a re m a te r A lam at Hom epage
P a ra m e te r Us er Nam e, P a s s w o rd
H a l a m a n In d e x
Op e n H a la m a n A d m i n i s tra to r
L o g in
Ha la m a n A d m i n i s tra to r
P a ra m e te r P e n c a ri a n
D a ta In fo rm a s i P a ri w i s a ta
B u ka H a l a m a n In fo rm a s i
S i m p a n d a ta In fo rm a s i P a ri w i s a ta
In fo rm a s i P a ri w i s a ta
D a ta In fo rm a s i P a ri w i s a ta
P a ra m e te r User Nam e, P a s s w o rd
Ha la m a n A d m i n i s tra to r
E n try D a ta In fo rm a s i P a ri w i s a ta
D a ta In fo rm a s i P a ri w i s a ta
R e fre s h D a ta In fo rm a s i P a ri w i s a ta
In fo rm a s i P a ri w i s a ta
In fo rm a s i P a ri w i s a ta
P ro m o s i A l a m a t H om e P age
A In fo rm a s i P a ri w i s a ta
Gambar 3.1 Aliran Sistem Informasi (ASI) Home Page Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat 3.2.1.2 Context Diagram Pada context diagram ini dapat dilihat gambaran dari sistem baru secara keseluruhan. Yang memperlihatkan batasan sistem, entity eksternal, dan interaksi antara entity serta gambaran umum terhadap arus data antara system dengan entity.
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
18
Pengunjung
Administrator
Parameter Alamat Homepage, Parameter Pencarian
Alamat Homepage, Halaman Index, Informasi Pariwisata
Parameter Alamat Homepage, Parameter User Name dan Pasword, Data Informasi Pariwisata
0
Halaman Index, Halaman Administrator
Sistem Informasi Pariwisata
Parameter Alamat Homepage, Parameter User Name dan Pasword, Data Informasi Pariwisata, Parameter Pencarian
Informasi Pariwisata, Halaman Index, Halaman Administrator
Web Server
Gambar 3.2 Context Diagram 3.2.1.3 Data Flow Diagram (DFD) DFD sebagai tindak lanjut dari context diagram yang menitikberatkan pada data dan aliran datanya. Data flow diagram merupakan penguraian dari proses yang tertera pada context diagram. Yang dapat dilihat pada gambar berikut :
Gambar 3.3 Data Flow Diagram (DFD) Level 0 Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
19
3.2.1.4 Entity Relationship Diagram (ER-D) Pada model relational hubungan antar file direlasikan dengan field kunci (field key) dari masing-masing file. Perancangan database yang tepat akan menyebabkan program akan bekerja lebih optimal. Gambar berikut ini adalah bentuk Entiti Relationship Diagram dari sistem informasi Home page Dinas Pariwisata Seni Budaya Pemuda Dan Olahraga (PERSENIBUDPORA) Kabupaten Pasaman Barat
Gambar 3.4 EntityRelation Diagram (ERD) 3.2.3. Desain Sistem Secara Detail Desain terinci atau desain detail adalah menggambarkan secara terinci sistem yang akan dirancang. Dalam desain terinci akan digambarkan desain-desain terinci tentang input, desain file, dan disain program itu sendiri. Disain Input
1.
Disain Input Login
2.
Disain Input Kategori
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
20
3.
4.
Disain Input Detail
Disain Input Kegiatan
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
21
3.2.4. Desain File
Desain File merupakan suatu media penyimpanan yang bersifat sementara, disamping itu fungsi Desain database tersebut digunakan untuk proses pengolahan data baik itu proses pengentrian data maupun proses pembuatan laporan. Adapun bentuk rancangan file tersebut dapat dilihat pada format berikut :
1.
2.
Disain Tabel Kategori Nama Database
: Kategori
Nama Tabel
: Master.mdb
Keyfield
: Kd_kategori
No
Nama Field
1.
id
2.
Kd_Kategori
3.
Lebar Tipe -
Keterangan
Auto number
Nomor ID
10
Text
Kode Kategori
Nm_kategori
20
Text
Nama Kategori
4.
Nm_Daerah
50
Text
Nama Daerah
5.
Ket
150
Text
Keterangan
Disain Tabel Detail Nama Database
: Master.mdb
Nama Tabel
: Detail
Keyfield
: Kd_kategori, Kd_Detail
No
Nama Field
Lebar
Tipe
Keterangan
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
22
3.
Auto number
Nomor ID
10
Text
Kode Kategori
Kd_Detail
10
Text
Kode Detail
4.
Nm_Gbr
10
Text
Nama File Gambar
5.
Titel
20
Text
Titel
6.
Descripsi
150
Text
Descripsi
1.
id
-
2.
Kd_Kategori
3.
Disain Tabel Kegiatan Nama Table
: Kegiatan
Keyfield
: Kd_kategori, Kd_kegiatan
No
Nama Field
1.
id
2.
Kd_Kategori
3.
Lebar
Tipe
Keterangan
Auto number
Nomor ID
10
Text
Kode Kategori
Kd_Kegiatan
10
Text
Kode Kegiatan
4
Nama Kegiatan
20
Text
Nama Kegiatan
5.
Ket
150
Text
Keterangan
-
IV.Kesimpulan Kesimpulan Dari uraian permasalahan yang telah dikemukakan pada bab-bab sebelumnya, serta berdasarkan analisa dari data yang ada dan berdasarkan penelitian yang penulis lakukan pada Dinas PERSENIBUDPORA Kabupaten Pasaman Barat maka yang menjadi kesimpulan pada akhir penulisan ini adalah sebagai berikut : 1. Dengan penggunaan sistem yang baru, informasi yang diinginkan dapat dengan cepat diterima karena informasi tersebut bisa didapat kapanpun dan dimanapun. Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
23
2.
Web akan menjadi media utama dalam melakukan penyajian informasi. Hal ini disebabkan berbagai kemudahan yang diberikan oleh media Web tersebut. Disamping itu juga kelebihan Web dan Internet yang mampu menekan biaya promosi, bagi Perusahaan yang ingin berkompetisi dan bertahan dalam lingkungan bisnis saat ini.
DAFTAR PUSTAKA Agung, Greogorius. “ASP Programing“. MITSAQ:2002 Gunadi, Fx. Sutioso dan Hanny Agustine. “Belajar Sendiri Memahami konsep LAN” PT. Elex Media Kopetindo. Keluarga Gramedia. Jakarta:2002. Halvorson, Michael.”Step By Step Microsoft Visual Basic 6.0”. PT Elex Media Koputindo Gramedia. Jakarta:2002. Hendra. “Pengenalan Visual Basic”. Indopro.com HM, Jogianto. “Analisa & Disain:Sistim Informasi Pendekatan Struktur Teori dan Praktek Aplikasi Bisnis Oleh Jogianto HM”. Yogyakarta.Andi:1999. Jim,Buyens.”Web Database Development” PT Elex Media Komputindo Jakarta : 2001 Kurniawan, Andy “ Microsoft Active Server Pages “. PT Elex Media Komputindo Jakarta : 2000 Lucas Jr,” Analisa Perancangan dan Implementasi Sistem Informasi “.1984 Petroutos, Evangelos. “ Database dengan Visual Basic 6 “. PT Elex Media Komputindo. Jakarta: 2000 Pramono, Djoko (1999), “ Mudah Menguasai visual Basic 6.0 “. Jakarta Media Elex Media Komputindo “ Petroutos, Evangelos. “ Database dengan Visual Basic 6 “. PT Elex Media Komputindo. Jakarta: 2000 Petrotus, Evangolos “ Visual Basic Developer’ Guide to ADO and SQL Server 7 in Record Time “. PT Elex Media Komputindo. Jakarta : 2000
Jurnal MEDIA SISFO Vol. 5, No.1, Februari 2011 - STIKOM Dinamika Bangsa - Jambi
24
