NASKAH PUBLIKASI KARYA ILMIAH Portal Informasi Kota Solo Dan Reservasi Tiket Berbasis Web.
NASKAH PUBLIKASI KARYA ILMIAH
PORTAL INFORMASI KOTA SOLO DAN RESERVASI
TIKET BERBASIS WEB
Disusun Oleh :
ANDREYA DELVI WIBOWO D 400 070 029
JURUSAN ELEKTRO FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH SURAKARTA
(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 400 070 029
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 :
(3)
PORTAL INFORMASI KOTA SOLO DAN RESERVASI
TIKET BERBASIS
WEB
Andreya Delvi Wibowo
FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO UNIVERSITAS MUHAMMADIYAH SURAKARTA
E-mail : 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 1.7.4 (MySQL 5.0.7 (Community Server), PHP 5.3.5 dan phpMyAdmin 3.3.9 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
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.
1.1.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 event- event 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.
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
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 sub-sistemnya, 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
e-mail, facebook,videoconferencing, internet relaychat, internet phone.
3. Untuk kebutuhan sistem
perdagangan (e-commerce) internet
sangat banyak digunakan yaitu perdagangan lewat bisnis dengan
internet (http://forum.ptpn3.co.id)
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
www.php.net. (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. WebBrowser
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, http://id.wikipedia.org/wiki/Peramban_ 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.
2.2.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 padaaplikasi 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)
Gambar 2 Flowchart Sistem
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,
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.
2.4.User Interface (Skema Kerangka)
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.
3. 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 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 4.3
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.1Pengujian 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 4.9
Gambar 4.9
Halaman Pembelian Berhasil 4.2Halaman Perbandingan dengan
Web yang sejenis .
Salah satu situs yang membuat
website Portal Informasi Kota Solo yakni http://www.surakarta.go.id/.
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.3Hasil 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
4.4Grafik Hasil Kuisioner
Setelah Penulis mengetahui hasil kuisioner, selanjutnya Penulis membuat grafik chart bar hasil dari perhitungan Tabel 4.1
(12)
Gambar 4.47. 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.1Kesimpulan
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.2Saran
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. 2005. Buku Latihan PHP 5 dan MySQL. Jakarta : PT Elex Media Komputindo.
3. Anonim. 2006. Menguasai
Pemrograman Web dengan PHP 5. Yogyakarta : Wahana Komputer dan Andi Offset (Penerbit Andi).
4. Sardi, Irawan. 2004. Manajemen, Desain dan Pengembangan Situs Web dengan Macromedia Dreamweaver MX dan Adobe Photoshop 7.0. Jakarta : PT. Elex Media Komputindo.
5. Kadir, A. 2002. Pemrograman Web mencakup : HTML, CSS, Java Script & PHP. Yogyakarta : Andi Offset (Penerbit Andi).
6. Pramono, Andi, Syafii, M. 2005.
Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Web Site.Yogyakarta : Andi.
(1)
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.
2.2.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
(2)
Gambar 2 Flowchart Sistem
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,
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.
2.4.User Interface (Skema Kerangka)
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
(3)
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.
3. 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 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 4.3
Gambar 4. 3 Halaman LogIn
3.3. Halaman Reservasi Tiket
Halaman ini menyediakan fitur untuk pemesanan tiket secara online. Lihat Gambar 4.7
(4)
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.1Pengujian 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 4.9
Gambar 4.9
Halaman Pembelian Berhasil 4.2Halaman Perbandingan dengan
Web yang sejenis .
Salah satu situs yang membuat website Portal Informasi Kota Solo yakni http://www.surakarta.go.id/. 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.3Hasil 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
4.4Grafik Hasil Kuisioner
Setelah Penulis mengetahui hasil kuisioner, selanjutnya Penulis membuat grafik chart bar hasil dari perhitungan Tabel 4.1
(5)
Gambar 4.47. 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.1Kesimpulan
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.2Saran
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.
(6)
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. 2005. Buku Latihan PHP 5 dan MySQL. Jakarta : PT Elex Media Komputindo.
3. Anonim. 2006. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta : Wahana Komputer dan Andi Offset (Penerbit Andi).
4. Sardi, Irawan. 2004. Manajemen, Desain dan Pengembangan Situs Web dengan Macromedia Dreamweaver MX dan Adobe Photoshop 7.0. Jakarta : PT. Elex Media Komputindo.
5. Kadir, A. 2002. Pemrograman Web mencakup : HTML, CSS, Java Script & PHP. Yogyakarta : Andi Offset (Penerbit Andi).
6. Pramono, Andi, Syafii, M. 2005. Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Web Site.Yogyakarta : Andi.