NASKAH PUBLIKASI KARYA ILMIAH

Transkripsi

1 NASKAH PUBLIKASI KARYA ILMIAH PORTAL INFORMASI KOTA SOLO DAN RESERVASI TIKET BERBASIS WEB Disusun Oleh : ANDREYA DELVI WIBOWO D JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2012

2 LEMBAR PERSETUJUAN Naskah Publikasi Karya Ilmiah dengan judul PORTAL INFORMASI KOTA SOLO DAN RESERVASI TIKET BERBASIS WEB ini diajukan oleh : NAMA : ANDREYA DELVI WIBOWO NIM : D Guna memenuhi salah satu syarat untuk menyelesaikan program Sarjana jenjang pendidikan Strata-Satu (S1) pada Fakultas Teknik Program Studi Teknik Elektro Universitas Muhammadiyah Surakarta, telah diperiksa dan disetujui pada : Hari : Tanggal :

3 PORTAL INFORMASI KOTA SOLO DAN RESERVASI TIKET BERBASIS WEB Andreya Delvi Wibowo FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO UNIVERSITAS MUHAMMADIYAH SURAKARTA andre.delvi@gmail.com ABSTRAKSI Perkembangan internet dan teknologi komunikasi sangat luar biasa dan jauh berbeda dengan masa awal kehadirannya. Website merupakan salah satu sumber daya internet yang berkembang pesat. Website telah membentang ke seluruh penjuru dunia, tidak hanya terbatas pada lembaga-lembaga pendidikan yang ingin memberikan informasi. Tujuan makalah ini Merancang dan membuat portal informasi kota Solo mencakup event dilengkapi dengan informasi mengenai ragam kebudayaan, daftar obyek wisata, daftar kuliner Solo, daftar penginapan dan pasar-pasar tradisional serta fitur reservasi tiket. Website portal informasi kota solo dan reservasi tiket ini untuk memberikan informasi secara terperinci serta sebagai media publikasi yang dapat menghemat waktu dan lebih efisien. Sehinga nantinya akan memudahkan dalam mendapat informasi seputaran kota solo serta memudahkan mendapatkan tiket. Pengembangan portal informasi kota solo dan reservasi tiket ini diharapkan mendapatkan suatu portal informasi berbasis Web dinamis dan kompleks. Metodologi yang digunakan adalah dengan mempelajari landasan-landasan teori yang ada, kemudian melakukan observasi terhadap web portal yang serupa. Perancangan dilakukan menggunakan tool software ApacheFriends XAMPP (Basispaket) version (MySQL (Community Server), PHP dan phpmyadmin dan notepad++ sebagai media kerja. Pengujian dilakukan secara localhost. Hasil pengujian menunjukkan bahwa perancangan portal informasi kota solo dan reservasi tiket ini menghasilkan sebuah web portal informasi memudahkan dalam memperoleh informasi. Kata kunci : MySQL, PHP, Portal Informasi, Website. 1. PENDAHULUAN Perkembangan teknologi saat ini sudah mengalami kemajuan yang sangat pesat, salah satunya adalah internet. Manfaat internet saat ini sangat dirasakan masyarakat dan bahkan sudah menjadi kebutuhan. Langkah awal munculnya teknologi internet ini membuat beberapa subyek untuk membangun. Penggunaan website sebagai salah satu sarana komunikasi sudah sedemikian luasnya

4 dengan faktor biaya yang murah, kemudahan akses dan efisiensi karena dapat diakses dalam waktu 24 jam. Teknologi website mengalami perkembangan yang cukup pesat. Website saat ini bukan hanya merupakan media informasi yang sekedar di baca atau cenderung statis, tetapi telah berkembang menjadi media yang lebih dinamis dan interaktif. Solo memiliki banyak sekali keanekaragaman budaya, kesenian, kuliner, tempat-tempat wisata. Tidak hanya sampai di situ Solo menjadi tempat diselenggarakannya event-event bertaraf internasional. Sehingga cukup banyak pengunjung dari kota lain bahkan banyak turis yang berkunjung untuk melihat keindahan dan keanekaragaman kota Solo. Akan tetapi disini timbul beberapa permasalahan diantaranya, banyak wisatawan yang tertarik dengan kota Solo 1.2. Telaah Penelitian Anwar M K, Sistem Informasi Pemesanan Online Event Organizer Tiara Cipta Kreasi Yogyakarta Berbasis Web Menggunakan PHP Dan MySQL. Peneliti mengembangkan aplikasi web yang mendukung terciptanya transaksi pemesanan secara online, sehingga dapat meningkatkan penjualan produk/jasa, konsumen tidak perlu datang untuk mendapatkan informasi pelayanan, produk/jasa dan proses transaksi. Mila, Sistem Informasi Event Pariwisata Dan Kebudayan Berbasis Web Di Dinas Pariwisata Dan Kebudayaan Provinsi Jawa Barat. Masyarakat dapat dengan mudah memiliki keterbatasan dalam memperoleh informasi seputar kota Solo. Hal itu dikarenakan adanya keterbatasan waktu dan juga letak geografis sehingga wisatawan luar kota dan luar negeri kesulitan memperoleh informasi yang terperinci Perumusan Masalah Berdasarkan uraian latar belakang masalah di atas, maka dapat dirumuskan bahwa masalah yang melatar belakangi tugas akhir ini adalah : Bagaimana merancang dan membuat sebuah website portal informasi yang mencakup informasi mengenai eventevent di kota Solo, ragam kebudayaan, daftar kuliner Solo, daftar penginapan dan pasar-pasar tradisional yang banyak menjual marchendise khas Solo serta terdapat reservasi tiket online. memperoleh informasi tanpa harus datang langsung ke kantor atau melalui telepon, menjadi media alternatif untuk menyelesaikan masalah keterbatasan bagi masyarakat dalam memperoleh data tentang pariwisata dan kebudayaan yang khususnya di Provinsi Jawa Barat. Perean, I Gusti KG, Rancang Bangun Sistem Informasi Pariwisata Dan Reservasi Hotel Terpadu Berbasis Internet. Sistem ini adalah suatu sistem yang secara terpadu memberi suatu informasi kepada seseorang yang akan berkunjung ke daerah yang mana dalam hal ini dipakai Pulau Bali. Informasi utama yang diberikan adalah informasi keseluruhan tentang Bali dan informasi

5 hotel sebagai sarana akomodasi tempat menginap. a. Definisi Web Informasi dan Data Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi suara, video dan atau gabungan dari semuanya. Baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing masing dihubungkan dengan jaringan jaringan halaman (hyperlink). Informasi merupakan hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegunaan sebagai dasar dalam pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang (Sutanta, 2004). Data didefinisikan sebagai bahan keterangan tentang kejadian-kejadian nyata atau fakta - fakta yang dirumuskan dalam sekelompok lambing tertentu yang tidak acak menunjukkan jumlah, tindakan dan hal. (Sutanta, 2004). Sistem informasi merupakan sistem pembangkit informasi. Dengan integrasi yang dimiliki antar subsistemnya, sistem informasi akan mampu menyediakan informasi yang berkualitas, tepat, cepat dan akurat sesuai dengan manajemen yang membutuhkannya (Sutedjo, 2002) b. Internet Internet adalah suatu jaringan komputer yang satu dengan yang lain saling terhubung untuk keperluan komunikasi dan informasi. Sering juga Internet diartikan sebagai jaringan komputer di seluruh dunia yang berisikan informasi dan sebagai sarana komunikasi data yang berupa suara, gambar, video dan juga teks. Adapun beberapa kegunaan internet antara lain : 1. Khususnya dalam dunia bisnis, sarana informasi dan komunikasi internet juga digunakan sebagai media komunikasi promosi. 2. Internet sudah semakin popular, yang mana telah banyak digunakan sebagai media komunikasi interaktif oleh berbagai pihak dalam bentuk , facebook,videoconferencing, internet relaychat, internet phone. 3. Untuk kebutuhan sistem perdagangan (e-commerce) internet sangat banyak digunakan yaitu perdagangan lewat bisnis dengan internet ( c. PHP ( Personal Home Page ) PHP adalah bahasa program yang berbentuk script yang diletakkan didalam server web dan hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. PHP diciptakan dari ide Rasmus Lerdof yang membuat sebuah script perl,yang digunakan sendiri. kemudian dikembangkan lagi sehingga menjadi sebuah bahasa yang disebut Personal Home Page.

6 PHP adalah bahasa programming yang baru dibangun sekitar tahun 1994/1995. PHP dapat menukarkan static website yang menggunakan HTML ke dinamic web pages yang berfungsi secara otomatis seperti ASP, CGI, dan sebagainya. PHP merupakan program yang berjalan pada platform LINUX sehingga membuat program ini menjadi freeware. Selanjutnya PHP mengalami perkembangan yakni dibuat dalam versi Windows. Script murni PHP dapat diperoleh dari alamat (PHP dan MySQL dengan Editor Dreamweaver MX, Bunafit Nugroho). d. Database Database sering didefinisikan sebagai kumpulan data yang terkait. Secara teknis, yang berada dalam sebuah database adalah sekumpulan tabel atau objek lain (indeks, view, dan lain-lain). Tujuan utama pembuatan database adalah untuk memudahkan dalam mengakses data. Data dapat ditambahkan, dihapus, atau dibaca dengan relatif mudah dan cepat. Acces, MS SQL Server, dan MySQL merupakan contoh dari produk pengelola database. Beberapa diantaranya berkelas database server, yaitu jenis yang secara aktif memantau permintaan akses terhadap data. ( Membuat Aplikasi Web dengan PHP dan Database MySQL, Abdul Kadir, 2009 ) e. SQL (Structured Query Language) SQL adalah kependekan dari Structured Query Language ( bahasa query yang terstruktur). SQL mengacu kepada Structured Query Language bahasa yang telah distandarkan untuk digunakan dalam mengakses basis data. SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Postres, SQL Server dan lain lain. (PHP dan MySQL dengan Editor Dreamweaver MX, Bunafit Nugroho). f. MySQL (My Structure Query Language) MySQL (My Structure Query Language) adalah sebuah program pembuat database yang bersifat open source. MySQL (My Structure Query Language) merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna). Kelebihan lain dari MySQL (My Structure Query Language) adalah menggunakan bahasa Query standar yang dimiliki SQL (Structure Query Language. (PHP dan MySQL dengan Editor Dreamweaver MX, Bunafit Nugroho). g. Flowchart Menurut Bodnar dan Hopwood (2004) Flowchart adalah sebuah diagram simbol yang menunjukkan alur data dan proses dari operasi dalam sebuah sistem. Flowchart disusun dengan simbol sebagai alat bantu menggambarkan

7 proses di dalam program. Simbol-simbol yang digunakan dapat dilihat pada Tabel 2.1. Tabel 2.1 Tabel simbol flowchart h. CSS (Cascade Style Sheet) CSS adalah sebuah set aturan yang memberikan kontrol lengkap tampilan halaman web dan tampilan isinya (Jamsa,2002). Menurut Neiderst (2001) CSS bermanfaat untuk : a. Greater Typhography and page layout control (mengontrol typhography dan tampilan halaman dengan baik). b. Style is separate from structure (style terpisah dari struktur halaman) c. Potentially smaller documents (berpotensi membuat dokumen lebih kecil). d. Easier site maintenance (lebih mudah di-maintenance) i. PHP MyAdmin PHPMyAdmin adalah suatu program yang digunakan untuk mengakses database MySQL yang dapat mempermudah dan mempersingkat kerja. PhpMyAdmin adalah utilitas yang dapat digunakan untuk berinteraksi dengan database MySQL. Utilitas ini berbasis web dan dapat digunakan untuk melakukan berbagai operasi yang mengakses database. (Membuat Aplikasi Web dengan PHP dan Database MySQL, Abdul Kadir, 2009) j. Web Browser Browser adalah program aplikasi yang menterjemahkan kode HTML dan merepresentasikan halaman web site. Aplikasi inilah yang paling sering kita gunakah setiap hari untuk melakukan browsing di dunia maya. Macam browser sekarang semakin banyak saja diantaranya adalah Internet Explorer, Netscape, Mozilla firefox, Google Chrome, Safari, web 2. METODE PENELITIAN 2.1. Alur Metode Penelitian Dimulai dengan pencarian referensi berupa buku-buku, internet, dan informasi lainnya. Referensi yang telah ada kemudian dilakukan pencarian data yang diperlukan untuk membuat portal informasi berbasis web

8 menggunakan PHP.Perancangan website dilakukan agar dalam pembuatan website bisa menjadi mudah dengan bantuan data yang telah dikumpulkan. Website yang sudah dibuat, kemudian dilakukan pengujian, pengujian terdapat dua hasil kemungkinan yaitu program berjalan sesuai dengan rencana atau sebaliknya atau program tidak berjalan sesuai rencana. Analisa dilakukan jika program yang dibuat belum berjalan sesuai rencana, tetapi jika program berjalan sesuai rencana maka dilakukan penyempurnaan program dan menulis laporan tentang hasil program yang telah dibuat Flowchart Pada rancangan alur sistem ini Penulis membuat rancangan seperti alur diatas supaya mempermudah dalam penggunaanya. Sistem dapat mengolah data hanya dengan atau lewat admin, sedangkan user cukup memanfaatkan fasilitas yang diberikan oleh admin, berikut ini adalah hak akses dari admin dan user pada aplikasi ini : a. Administrator / Admin Semua proses dan data yang ada dalam aplikasi ini adalah wewenang admin. Hak akses admin meliputi menambah, menghapus dan mengedit artikel/berita sebagai infomasi. Menghapus akun user yang tidak bertanggung jawab dengan akun yang digunakan. Mengkonfirmasi artikel atau blog yang dipublish user, serta menghapus komentar yang dianggap tidak membangun. Memanage panjualan tiket. b. User Hak akses user tidak seperti administrator yang memiliki hak akses penuh. Hak akses user terbatas meliputi mengedit akun yang dimiliki, melihat artikel yang ada, memposting artikel / blog serta menambahkan komentar. Terakhir user dapat memesan tiket event yang disediakan dan mengedit pesanannya. a. Flowchart Penelitian Proses ini dibagi dalam beberapa tahapan untuk mempermudah melakukan penelitian seperti pada Gambar 1 Gambar 1 Flowchart Penelitian b. Flowchart Sistem Proses ini dibagi dalam beberapa tahapan untuk mempermudah melakukan perancangan sistem seperti pada Gambar 2

9 komponen blog komen, komponen blog kategori, komponen event order dan tabel photo. 3. Table komponen blog berelasi one to many dengan tabel komponen blog kategori dan komponen blog komen. Gambar 3 menunjukkan hubungan antar tabel. Gambar 3 ER-Diagram Hubungan antar Tabel. Gambar 2 Flowchart Sistem 2.4. User Interface (Skema Kerangka) 2.3. Hubungan Antar Tabel Setelah mendesain tabel serta menentukan primary key, langkah berikutnya adalah membangun Relationship antar tabel untuk menghubungkan kaitan antara tabel yang satu dengan yang lainnya yang nantinya akan digunakan untuk sistem informasi. Hubungan antar tabel yang terjalin adalah : 1. Tabel artikel berelasi dengan tabel komponen tiket event dengan hubungan one to one. 2. Tabel user, berelasi one to many dengan tabel komponen blog, Gambar 4 Kerangka User Interface. Pada Gambar 3.4. merupakan contoh dari setiap halaman yang akan dibuat Penulis dan dapat dijelaskan fungsi dari masing-masing form tersebut yaitu: a) Top Navigasi : yaitu menu navigasi dibagian paling atas

10 website yang berisi komponen dan menu seperti Home, Abaut Us dan Contac Us. b) Menu navigasi : adalah menu atau pilihan utama dari program aplikasi yang Penulis buat, berisi komponen, artikel dan blog. Pada menu ini berisi Home, Pasar, Event, Seni&Budaya, Hotel, Blog, Kuliner, Reservasi Tiket. c) Content 1 : ialah kumpulan konten slider yang menampilkan berita/artikel-artikel yang ada. d) Content 2, 3, 4 : yaitu berisi tentang konten seperti popular blog, Recent blog, dan recent news. e) Footer : merupakan tampilan paling bawah / akhir dari sebuah halaman website. Gambar 5 Halaman Utama (home) 3.2. Halaman login Adalah halaman untuk memasukan akun user yang telah terdaftar, sehingga dapat mengakses website lebih detail. Lihat Gambar HASIL PERANCANGAN DAN PEMBAHASAN 3.1. Pengujian Halaman Home Halaman home merupakan halaman utama website yang menampilkan semua menu-menu yang berkaitan dengan user ataupun admin. Halaman ini dapat diakses oleh siapapun. Untuk lebih jelasnya dapat dilihat pada Gambar 5 Gambar 4. 3 Halaman LogIn 3.3. Halaman Reservasi Tiket Halaman ini menyediakan fitur untuk pemesanan tiket secara online. Lihat Gambar 4.7

11 Gambar 4.7. Halaman Reservasi Tiket Terdapat beberapa daftar nama Event, jika user ingin melihat detail event terdapat pada kolom informasi, untuk memesannya pilih Order event. 4.1 Pengujian Halaman Pembelian Berhasil Adalah halaman yang menampilkan pemesanan tiket yang ada pada keranjang telah berhasil dan user diminta untuk melakukan konfirmasi pembayaran lewat user control panel. Lihat Gambar Hasil Kuisioner Hasil Pengujian Website Setelah Penulis melakukan pengujian, lalu membuat kuisioner untuk mengetahui bagaimana respon dan pendapat para responden yang telah mencoba atau hanya melihat website ini saat pengujian, maka berikut ini Tabel 4.1 dalah hasil pengujian website Portal informasi Kota Solo dan Reservasi Tiket Berbasis Web berdasarkan kuisioner yang terdapat pada halaman lampiran. Tabel 4.1 Hasil Kuisioner Gambar 4.9 Halaman Pembelian Berhasil 4.2 Halaman Perbandingan dengan Web yang sejenis. Salah satu situs yang membuat website Portal Informasi Kota Solo yakni Kelebihan dalam website ini sudah sangat kompleks dan professional, tampilan website yang cukup menarik, perbedaan dengan website Penulis terletak pada konten dan tampilan. Kekurangan di website Penulis yaitu tampilan yang kurang menarik dengan style sederhana, isi konten yang masih sangat terbatas dan penyampaian informasi Penulis baru sampai dengan tulisan. 4.4 Grafik Hasil Kuisioner Setelah Penulis mengetahui hasil kuisioner, selanjutnya Penulis membuat grafik chart bar hasil dari perhitungan Tabel 4.1

12 Gambar Grafik Kuisioner Grafik tersebut bisa menjadi tolak ukur bagi Penulis atas kepuasan atau respon para responden terhadap sistem informasi lowongan kerja yang Penulis buat. 4. PENUTUP 5.1 Kesimpulan Perancangan sampai pengujian sistem menghasilkan kesimpulan sebagai berikut : 1. Portal Informasi Kota Solo Berbasis Web ini dirancang dengan menggunakan bahasa pemrograman PHP dan database MySQL. 2. Web ini berfungsi untuk memberikan informasi kepada masyarakat umum tentang apa : saja yang ada di kota Solo dan sekitarnya. 3. Fitur pemesanan tiket pada website ini mempermudah masyarakat dalam memperoleh tiket sebuah event. 4. Fitur Bloging pada website ini dapat menjadi tempat untuk saling bertukar informasi seputar solo dan dapat menjadi ajang kreatifitas dalam membuat blog. 5. Tampilan pada aplikasi ini Penulis menggunakan CSS yang didesain sederhana sederhana sehingga mudah di pahami oleh user atau pemakai aplikasi ini. 5.2 Saran Penulis memiliki beberapa saran kepada beberapa pihak mengenai perancangan yang dilakukan ini, yaitu 1. Ukuran file perlu diperhatikan dalam pembuatan website, semakin kecil ukuran file maka akan lebih cepat dan mudah untuk di akses oleh para pengunjung website. 2. Pengembangan lebih lanjut perlu dilakukan untuk meningkatkan kinerja dengan sistem berbasis teknologi informasi, sehingga nantinya akan lebih memudahkan diakses dimanapun untuk memperoleh sumber informasi. 3. Perancangan berikutnya diharapkan dapat menyempurnakan bagian keamanan basis data yang digunakan di MySQL.

13 4. Diharapkan perancangan berikutnya untuk Tampilan dan CSS dibuat lebih menarik dan menggunakan fitur-fitur yang lebih interaktif. 5. Perancangan berikutnya diharapkan isi dan konten dari website lebih kompleks. Daftar Pustaka 1. Kurniawan, Rulianto, Desember 2007, 54 Trik Tersembunyi PHP, Palembang : Maxicom. 2. Ramadhan, Arief S.Kom, dan Saputra, Hendra S.Kom Buku Latihan PHP 5 dan MySQL. Jakarta : PT Elex Media Komputindo. 3. Anonim Menguasai Pemrograman Web dengan PHP 5. Yogyakarta : Wahana Komputer dan Andi Offset (Penerbit Andi). 4. Sardi, Irawan Manajemen, Desain dan Pengembangan Situs Web dengan Macromedia Dreamweaver MX dan Adobe Photoshop 7.0. Jakarta : PT. Elex Media Komputindo. 5. Kadir, A Pemrograman Web mencakup : HTML, CSS, Java Script & PHP. Yogyakarta : Andi Offset (Penerbit Andi). 6. Pramono, Andi, Syafii, M Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Web Site.Yogyakarta : Andi.