MENGGGUNAKAN TEKNOLOGI AJAX
TUGAS AKHIR
Diajukan untuk Memenuhi Sebagai Persyaratan
Dalam Memperoleh Gelar Sarjana Komputer
Jurusan Teknik Informatika
Disusun oleh :
TUTUT ARIANI
NPM. 0734015025
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAWA
TIMUR
SURABAYA
2011
MENGGUNAKAN TEKNOLOGI AJAX
Oleh
TUTUT ARIANI NPM : 0734015025
Telah disetujui untuk mengikuti Ujian Negara Lisan Gelombang IV Tahun Akademik 2010/2011
Ketua Jurusan Teknik Informatika Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
i
MENGGUNAKAN TEKNOLOGI AJAX
Penyusun : Tutut Ariani
Pembimbing I : Hj. Asti Dwi Irfianti, S.Kom, M.Kom Pembimbing II : Wahyu S. J. Saputra, S.Kom
ABSTRAK
Pariwisata Indonesia merupakan sektor yang memiliki potensi besar dalam menghasilkan pendapatan Negara apabila dikembangkan secara optimal. Oleh karena itu, berbagai aspek dalam bisnis kepariwisataan guna meningkatkan pendapatan pada sektor ini. Namun persoalan yang ada pada saat ini adalah pengotimalan pemanfaatan teknologi intenet dalam aplikasi kepariwisataan Indonesia belum dijalankan secara optimal. Oleh karena itu, pemanfaatan E-commerce yang menekankan pada online booking, sebagai landasan dalam pengembangan pariwisata Indonesia merupakan hal mutlak yang harus diperhatikan. Dengan berbasis internet, maka wisatawan dapat memperoleh informasi dan kepastian tempat sampai dengan melakukan kunjungan ke Indonesia.
Pada tugas akhir ini dibuat suatu konsep pemesanan paket wisata. Dimana aplikasi ini ditujukan untuk wisatawan sebagai user yang melakukan pemesanan paket wisata. Hal pertama yang harus dilakukan oleh user yang ingin memanfaatkan fasilitas yang ada pada aplikasi ini adalah melakukan registrasi atau pendaftaran. Setelah registrasi yang dilakukan berhasil, maka wisatawan dapat melakukan pemesanan paket wisata yang telah disediakan. Dalam pengembangan aplikasi web di internet yang disebut sebagai AJAX merupakan model baru untuk antar-muka aplikasi web yang lebih responsif dan cepat layaknya aplikasi desktop.
Aplikasi ini dibuat untuk memundahkan user dalam hal pemesanan paket wisata dan promosi paket wisata dengan cepat dan mudah karena memanfaatkan media alternatife yaitu internet.
Keyword : E-comerce, Online Booking, Pemesanan, AJAX
v DAFTAR ISI
Halaman
ABSTRAK ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... v
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... xiii
2.2.1 Manfaat Pemesanan Online Bagi Perusahaan... 8
2.2.2 Manfaat Pemesanan Online Bagi Konsumen... 9
2.2.3 Manfaat Pemesanan Online Bagi Masyarakat ... 9
2.3 Definisi World Wide Web ... 10
2.10 Koneksi Database MySQL Dengan PHP... 18
2.10.1 Mysql_connect () ... 18
2.11 Definisi Ajax ... 18
BAB III ANALISA DAN PERANCANGAN SISTEM ... 21
3.1 Analisis Sistem... 21
3.2 Perancangan Sistem ... 21
3.2.1 Deskripsi Umum Sistem ... 22
3.2.2 Klasifikasi Pemakai Sistem... 22
3.3 DFD Level 0 ... 23
3.3.1 DFD Level 1 ... 24
3.3.2 DFD Level 2 ... 27
3.4 Perancangan Data... 31
3.5 Perancangan Tabel ... 33
3.6 Perancangan Antarmuka ... 36
3.6.1 Perancangan Antarmuka untuk Wisatawan ... 36
BAB IV IMPLEMENTASI PROGRAM... 40
4.1 Lingkungan Implementasi ... 40
4.2 Implementasi Proses ... 41
4.3 Implementasi Antarmuka ... 47
4.3.1 Halaman Website Sub-Sistem Administrator ... 47
4.3.2 Halaman Website Sub-Sistem Pengunjung ... 60
BAB V UJI COBA DAN EVALUASI ... 71
5.1 Lingkungan Uji Coba ... 71
5.2 Pelaksanaan Uji Coba ... 71
5.2.1 Uji Coba Sistem ... 72
5.3 Halaman Uji Coba Sistem Administrator ... 72
5.3 Halaman Uji Coba Sistem Website Pengunjung ... 83
BAB VI PENUTUP... 94
6.1 Kesimpulan ... 94
6.2 Saran ... 95
ix
Gambar 3.4 DFD Level 2 Proses Pendaftaran ... 27
Gambar 3.5 DFD Level 2 Proses Transaksi ... 28
Gambar 3.6 DFD Level 2 Proses Cek Transaksi ... 29
Gambar 3.7 DFD Level 2 Proses Maintenance Data... 30
Gambar 3.8 Model Data Konseptual E-commerce ... 31
Gambar 3.9 Model Data Fisik E-commerce ... 32
Gambar 3.10 Tampilan Awal Untuk Aplikasi ... 37
Gambar 3.11 Tampilan Paket Wisata ... 37
Gambar 3.12 Tampilan Pesan Paket Wisata ... 38
Gambar 3.13 Tampilan Form Hotel ... 38
Gambar 3.14 Tampilan Transaksi Paket Wisata... 39
Gambar 3.15 Tampilan Konfirmasi Pemesanan ... 39
Gambar 4.1 Tampilan Login Administrator ... 47
Gambar 4.2 Tampilan Utama Halaman Administrator... 48
Gambar 4.3 Tampilan Antar Muka Halaman Admin Paket ... 49
Gambar 4.4 Tampilan Halaman Antarmuka Tambah Paket... 50
Gambar 4.5 Tampilan Halaman Data Berhasil Dimasukkan... 51
Gambar 4.6 Tampilan Halaman Antarmuka Halaman Edit Paket... 51
Gambar 4.7 Tampilan Halaman Paket Berhasil Di Edit ... 52
Gambar 4.8 Tampilan Halaman Hapus Paket... 53
Gambar 4.9 Tampilan Halaman Admin Laporan ... 53
Gambar 4.10 Tampilan Halaman Admin Laporan Data Paket ... 54
Gambar 4.11 Tampilan Halaman Admin Laporan Seluruh Paket ... 55
Gambar 4.14 Halaman Laporan Data Transaksi... 57
Gambar 4.15 Halaman Data Transaksi Pernomor ... 58
Gambar 4.16 Halaman Detail Transaksi Pernomor ... 59
Gambar 4.17 Halaman Transaksi Perperiode ... 59
Gambar 4.18 Halaman Transaksi Perperiode ... 60
Gambar 4.19 Tampilan Halaman Pendaftaran Wisatawan ... 61
Gambar 4.20 Halaman Home Halaman Pengunjung... 62
Gambar 4.21 Tampilan Halaman Login ... 62
Gambar 4.22 Tampilan Halaman Cara Pesan ... 63
Gambar 4.23 Tampilan Halaman Informasi ... 64
Gambar 4.24 Halaman Buku Tamu ... 64
Gambar 4.25 Tampilan Komentar Yang Masuk... 65
Gambar 4.26 Halaman Paket ... 66
Gambar 4.27 Halaman Home Setelah Login ... 67
Gambar 4.28 Halaman Kantong Belanja ... 68
Gambar 4.29 Halaman Konfirmasi Pembayaran ... 69
Gambar 4.30 Halaman Konfirmasi Transaksi ... 70
Gambar 4.31 Halaman Konfirmasi Transaksi Sukses ... 70
Gambar 5.1 Tampilan Halaman Login Administrator... 72
Gambar 5.2 Tampilan Jika Login Gagal... 73
Gambar 5.3 Tampilan Halaman Awal Login Sukses ... 73
Gambar 5.4 Tampilan Halaman Paket ... 74
Gambar 5.5 Tampilan Halaman Edit Paket ... 75
Gambar 5.6 Tampilan Halaman Berhasil Edit... 76
Gambar 5.7 Tampilan Halaman Hapus Paket... 77
Gambar 5.8 Tampilan Halaman Admin Laporan ... 77
Gambar 5.9 Tampilan Halaman Laporan Seluruh Paket ... 78
Gambar 5.10 Tampilan Laporan Paket Perperiode... 79
xi
Gambar 5.13 Data Transaksi Pernomor Transaksi ... 80
Gambar 5.14 Halaman Detail Transaksi Pernomor ... 81
Gambar 5.15 Halaman Laporan Transaksi Perperiode ... 82
Gambar 5.16 Tampilan Data Laporan Transaksi Perperiode... 82
Gambar 5.17 Halaman Pendaftaran Wisatawan ... 83
Gambar 5.18 Halaman Konfirmasi Pendaftaran... 84
Gambar 5.19 Halaman Home ... 84
Gambar 5.20 Tampilan Halaman Login ... 85
Gambar 5.21 Tampilan Peringatan Login Gagal ... 85
Gambar 5.22 Halaman Indexmember ... 86
Gambar 5.23 Halaman Cara Pesan ... 86
Gambar 5.24 Halaman Informasi... 87
Gambar 5.25 Halaman Buku Tamu ... 88
Gambar 5.26 Tampilan Komentar Masuk ... 88
Gambar 5.27 Halaman Paket ... 89
Gambar 5.28 Halaman Kantong Belanja ... 90
Gambar 5.29 Halaman Konfirmasi Pembayaran ... 91
Gambar 5.30 Tampilan Halaman Konfirmasi Transaksi ... 92
Gambar 5.31 Halaman Konfirmasi Transaksi Sukses ... 92
Gambar 5.32 Tampilan Halaman Cetak Pembayaran... 93
Halaman
Tabel 3.1 Detail Paket... 33
Tabel 3.2 Tabel Hotel ... 33
Tabel 3.3 Tabel Lokasi Wisata ... 34
Tabel 3.4 Tabel Profinsi Wisata... 34
Tabel 3.5 Tabel Pengguna... 35
Tabel 3.6 Tabel Buku Tamu ... 35
Tabel 3.7 Tabel Informasi... 36
1
BAB I
PENDAHULUHAN
1.1. Latar belakang
Teknologi adalah suatu ilmu pengetahuan dalam pengunaan alat-alat
dan mesin-mesin untuk melakukan aktivitas secara efisien. Teknologi digunakan
untuk membuat hidup manusia lebih mudah dan lebih baik. Manusia
menggunakan teknologi untuk meningkatkan kemampuan mereka dalam bekerja.
Teknologi memungkinkan manusia untuk membuat paket yang lebih baik. Pada
setiap detik yang berlalu, teknologi akan terus berkembang. Perkembangan
teknologi ini memiliki efek yang sangat besar bagi kehidupan manusia. Teknologi
bisa dimanfaatkan secara positif namun juga bisa disalah gunakan oleh manusia.
Saat ini, diciptakan keberadaan pemesanan secara elektronik demi
kualiatas bisnis tour dan travel yang terus meningkat tersebut. Tour dan Travel
yang dahulu hanya dapat dipesan melalui telephon ataupun kita datang langsung
pada agen tersebut, dan pengisian data yang tidak membuang waktu dan lebih
flexibel. Pemesanan secara elektronik yang sudah dikenal masyarakat secara luas
yaitu tentang pemesanan tiket pesawat, kereta api, dan sebagainya, namun
mungkin saja dengan nama yang berbeda dan dengan teknologi yang berbeda
yaitu pemesanan tour dan travel yang menggunakan metode Ajax.
Dengan pembuatan pemesanan secara elektronik ini dipergunakan
untuk pelanggan lebih mudah dalam hal pemesanan dan dalam hal memilih paket
wisata yang di inginkan yaitu pelangan dapat menentukan biaya, menentukan
jadwal keberangkatan, dan menentukan tujuan wisata yang di inginkan. Semua
terdapat dalam pemesanan secara elektronik yang saya buat ini.
AJAX memiliki kepanjangan Asynchronous Javascript And XML
merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa
pemrograman yang baru. Sejak telah dikembangkan sekitar 2-3 tahun yang lalu,
AJAX mulai dilirik oleh para web desainer dan web programmer. Dengan adanya
AJAX, akses data ke server yang dikirim melalui client via web dapat lebih cepat
daripada mekanisme biasa. Hal ini dikarenakan AJAX tidak perlu melakukan
proses loading page (refresh page) atau pindah ke page yang lain.
1.2. Perumusan Masalah
Berdasarkan uraian mengenai latar belakang diatas maka, permasalahan
dapat dirumuskan sebagai berikut :
a. Bagaimana membangun aplikasi pemesanan paket tour dan travel berbasis
web.
b. Bagaimana membuat aplikasi informasi yang mudah agar para pelanggan
lebih mudah dalam pemesanan.
c. Bagaimana menrapkan metode ajax pada interface web yang dibuat.
1.3. Batasan Masalah
Adapun yang menjadi batasan masalah pada pembuatan tugas akhir
a. Tidak membahas masalah keamanan jaringan. Koneksi antara server dan
client diasumsikan aman.
b. Sistem pembayarannya masih belum melalui layanan mobile banking yang
pada umumnya melayani transfer antar rekening dan pembayaran tagihan
c. Simulasi dilakukan dengan menggunakan komputer
d. Proses pembatalan pesanan hanya dapat dilakukan sebelum pelanggan
logout dari sistem
e. Tidak membahas tentang inventaris
1.4. Tujuan Penelitian
Adapun tujuan dari pembuatan aplikasi e-commerce berbasis web
menggunakan teknologi AJAX, PHP, dan MySQL antara lain :
a) Menyediakan sistem e-commerce dengan interface yang mudah digunakan
agar dapat menjadi symbol kemajuan di dunia bisnis di Era Global.
b) Memberikan kemudahan bagi pelanggan dalam hal pemesanan.
1.5. Metodologi
Untuk menyelesaikan proyek akhir ini, dilakukan langkah-langkah
sebagai berikut:
a. Observasi
Mencari data tour dan travel dengan melakukan survey Nikita Tour dan
Travel.
b. Study Litelatur
Mempelajari litelatur tentang pemograman PHP dan database MySQL.
c. Perancangan/Desain
Prinsip kerja system ini adalah komputer merequest halaman wap.
menghubungkan dengan internet, wap server melalui internet.
d. Pembagunan/developer
Pada aplikasi ini terdapat satu sistem yaitu pelanggan dan admin
sama-sama menggunakan pc dan terhubung dengan internet
e. Pembuatan database dan script program php
Pada database di server (menggunakan mysql) dimasukkan data-data yang
diperlukan pada tabel. Kemudian dibuat program untuk menggolah
data-data degan program disisipkan pada file-file html pada pembuatan
homepage
f. Instalasi
Wap server di gunakan adalah apache web server. untuk menambahkan
layanan wap pada sebuah server web, diperlukan mime-type. Sedangkan
agar apache dapat mengenali script php, maka perlu ditambahkan aplikasi
application-type untuk php pada file/etc/apache/httpd.conf.
g. Evaluasi
Hasil dari realisasi perencanaan sistem database kemudian dievaluasi.
Evaluasi ini antara program wap dan database. Menjelaskan
langkah-langkah yang dilakukan saat mengeksekusi program. Pengujian ini
menghasilkan tampilan sesuai yang diinginkan atau belum.dari penguji ini
diharapkan sistem dapat berjalan secara keseluruhan.
h. Penulis buku
Pembuatan buku tugas akhir sebagai bentuk dokumentasi terhadap semua
proses yang dilakukan baik mulai awal sampai dengan tahap akhir.
1.6. Manfaat
Adanya tugas akhir tentang pembuatan “aplikasi e-commerce berbasis
web menggunakan teknologi AJAX” ini diharapkan dapat bermanfaat bagi :
a. Bagi Mahasiswa
Mengetahui dan menambah pengalaman dalam dunia kerja yang
sebenarnya sehingga dapat memiliki bekal pengetahuan yang praktis
dan cukup memadai bagi kesiapan memasuki dunia kerja.
b. Bagi pelaku usaha
a) Mengimplementasikan apikasi e-commerce pada tour dan
travel yang di pimpin
b)Mempermudah para pelanggan untuk pemesanan paket wisata
secara online
1.7. Sistematika Penulisan
Adapun sistem penulisan laporan Tugas Akhir (TA) ini adalah sebagai
berikut:
BAB I PENDAHULUHAN
Pada bab ini membahas latar belakang TA, tujuan TA, rumusan
masalah, batasan masalah, metodologi penulisan, dan manfaat TA.
BAB II TINJAUAN PUSTAKA
Pada bab ini membahas tinjauan pustaka tentang proses serta apa
saja yang dibutuhkan dalam program.
BAB III METODE TUGAS AKHIR
Pada bab ini membahas tempat dan waktu kapan TA dilaksanakan,
jadwal TA, peralatan yang dibutuhkan, teknik pengolahan data,
dan diagram alur TA.
BAB IV IMPLEMENTASI
Pada bab ini membahas tentang perancangan antarmuka wisatawan
dan admin serta pembuatan database.
Pada bab ini membahas tentang analisa sistem dan uji coba sistem
dan menganalisa aplikasi.
BAB VI PENUTUP
Pada bab ini berisi tentang kesimpulan dari pelaksanaan tugas
akhir dan saran dari web yang dibuat.
DAFTAR PUSTAKA
Berisi tentang litelatur sebagai teori pendukung pembahasan pada
laporan tugas akhir ini. Berupa buku maupun litelature elektronik
seperti e-book dan file doc atau file presentasi
BAB
II
TINJAUAN PUSTAKA
2.1. Deskripsi Perusahaan
CV. NIKITA bergerak di bidang jasa tour dan travel. Wilayah operasi
jawa timur dan sekitarnya. Pelanggan dapat melakukan pemesanan langsung pada
perusahaan atau melakukan pemesanan melalui telephon dengan melakukan
pembayaran kontan di tempat atau melalui transfer uang muka 50%. Pemesanan
pada perusahaan ini masih secara manual dan tidak efisien yang dikelola oleh
pegawai perusahaan tersebut. Pelanggan yang berada di luar jawa timur tidak
mengetahui info liburan yang kami tawarkan dan mereka sulit untuk memesan
paket tour dan travel yang kami tawarkan karena terbentur oleh sistem pemesanan
yang masih manual dan yang tidak efisien.
2.2 Definisi Pemesanan Online
Pemesanan online ialah : suatu bentuk pasar elektronik (virtual market)
dimana pemesan dan penjual bertemu dan dihubungkan melalui suatu transaksi
elektronik (online) yang dapat diakses secara cepat, aman dan dapat dilakukan
dari mana saja dan kapan saja (terbebas dari jam kerja suatu tempat) Adapun
a. Para pelaku usaha dibantu dalam proses marketing dan promosi paket
melalui Business Center Network.
b. Menekan biaya marketing dan promosi perusahaan.
c. Area Marketing dan Promosi yang lebih luas.
d. Waktu pemasaran yang lebih lama (24 jam).
e. Tidak memerlukan Ruang Pamer Usaha (Showroom).
Fasilitas yang disediakan adalah:
a. Web Server
b. Customer Service
c. Business Developer
Pemesanan online dapat memberikan banyak manfaat kepada berbagai
pihak sekaligus, yaitu pihak konsumen dan pihak perusahaan yang menjalankan
belanja online maupun bagi masyarakat.
2.2.1. Manfaat pemesanan online bagi perusahaan :
a. Dapat mengembangkan pemasaran secara nasional dan internasional
sehingga perusahaan dapat menjangkau lebih banyak pelanggan, memilih
supplier terbaik, dan menjalin relasi dengan mitra bisnis yang dinilai
paling cocok.
b. Mengurangi biaya pembuatan, pemprosesan, pendistribusian,
penyimpanan, dan perolehan data yang berbasis informasi (paperbased
information).
c. Memberikan kemampuan untuk menciptakan peluang bisnis yang sangat
khusus melalui situs di internet.
d. Mempercepat perputaran antara pengeluaran modal dan penerimaan
barang dan jasa.
e. Menekan biaya telekomunikasi.
f. Dapat mensupport usaha business reengineering. Dengan merubah proses
dan peningkatan produktivitas penjualan, pengetahuan karyawan dan
administrasi.
g. Manfaat-manfaat lainnya termasuk memperbaiki image, meningkatkan
pelayanan konsumen, menemukan mitra bisnis baru, penyederhanaan
proses, mengurangi waktu yang digunakan dalam bisnis, mempercepat
akses informasi, mengurangi biaya transport dan komunikasi
meningkatkan fleksibilitas.
2.2.2. Manfaat pemesanan online bagi konsumen :
a. Konsumen dapat memperoleh barang dan jasa dengan biaya yang lebih
murah karena mereka dapat berbelanja ataupun melakukan transaksi kapan
saja dan dari mana saja, serta melakukan proses perbandingan dengan
lebih cepat.
b. Konsumen dapat langsung menerima informasi yang relevan dan detil
dalam waktu yang cepat pada kasus tertentu.
c. Memungkinkan konsumen untuk dapat saling berhubungan dan saling
menukar ide ataupun membandingkan pengalaman.
2.2.3. Manfaat pemesanan online bagi masyarakat :
a. Memungkinkan lebih banyak orang untuk lebih mudah merencankan
liburan tanpa harus berkeliling pada perusahaan tour dan travel, sehingga
b. Memungkinkan persaingan harga sehingga masyarakat dapat membeli
lebih banyak memesan dan dapat meningkatkan taraf kehidupan.
2.3. Definisi world wide web
World Wide Web mendapat perhatian publik yang sangat besar yang tidak
dapat disamai oleh aplikasi internet. Pada tahun 1995, www menggantikan FTP
sebagai aplikasi internet yang bertanggung jawab atas sebagian besar lalu lintas
internet. Web telah menjadi sedemikian terkenalnya sehingga terkadang
dicampuradukkan dengan istilah internet itu sendiri meskipun pengertian ”di web”
dan ”di internet” sebenarnya tidaklah sama.
2.4. Aplikasi Web
Pada awalnya aplikasi web dibangun hanya dengan menggunakan bahasa
yang disebut HTML (Hypertext Transfer Protokol). Pada perkembangan
berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas
kemampuan HTML. Pada saat ini, banyak skrip seperti itu antara lain yaitu PHP
dan ASP, sedangkan contoh yang berupa objek antara lain adalah applet (Java).
Aplikasi web sendiri dapat dibagi menjadi :
a. Web statis, dan
b. Web dinamis.
Web statis dibentuk dengan menggunakan HTML saja. Kekurangan
aplikasi seperti ini terletak pada keharusan untuk memelihara program secara
terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini
diatasi dengan model aplikasi Web dinamis.
Dengan memperluas kemampuan HTML, yakni dengan menggunakan
perangkat lunak tambahan, perubahan informasi dalam halaman-halaman web
dapat ditangani melalui perubahan data, bukan melalui perubahan program.
Sebagai implementasinya, aplikasi web dapat dikoneksikan ke basis data. Dengan
demikian perubahan informasi dapat dilakukan oleh operator atau yang
bertanggung jawab terhadap kemutahiran data, dan tidak menjadi tanggung jawab
pemrograman atau webmaster.
2.5. Mengenal Web Server
Web server adalah sebuah perangkat lunak server yang berfungsi
menerima permintaan HTTP atau HTTPS dari client, hal ini di kenal dengan nama
web browser, dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman
web yang umumnya berbentuk dokumen HTML. Web server yang terkenal di
antaranya adalah Apache dan Microsoft Internet Information Service (IIS).
Apache (server HTTP Apache atau server web/www Apache) adalah
web server yang dapat di jalankan di banyak sistem operasi (Unix, BSD, Linux,
Microsoft Windows, dan Novell Netware) yang berguna untuk melayani dan
memfungsikan web. Protokol yang di gunakan untuk melayani fasilitas web/www
ini menggunakan HTTP.
Sedangkan, definisi dari IIS atau Internet Information Server adalah
mulai dari Windows NT 4.0 Server, Windows 2000 Server atau Windows Server
2003. Layanan ini merupakan layanan terintegrasi dalam Windows 2000 Server,
Windows Server 2003 atau sebagai add-on dalam Windows NT 4.0. Layanan
tersebut berfungsi sebagai pendukung protokol TCP/IP yang berjalan dalam
lapisan aplikasi (application layer). IIS juga menjadi fondasi dari platform
Internet dan Intranet Microsoft, yang mencakup Microsoft Site Server, Microsoft
Commercial Internet System dan produk-produk Microsoft BackOffice lainnya.
2.6. Pengertian PHP
PHP adalah singkatan dari “PHP: Hypertext preaprocessor”, yang
merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar
sintaks mirip dengan bahasa C, java dan pcrl, ditambah beberapa fungsi PHP yang
spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan
perancang web menulis halaman web dinamik dengan cepat.
Halaman web biasanya disusun dari kode-kode html yang disimpan
dalam sebuah file berektensi html. File html ini dikirimkan oleh server (atau file)
ke browser, kemudian browser meterjemahkan kode-kode tersebut sehingga
menghasilkan suatu tampilan yang indah. Lain halnya dengan program php,
program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode
html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri
sendiri ataupun disisipkan diantara kode-kode html sehingga dapat langsung
ditampilkan bersama dengan kode-kode html tersebut. Program php dapat
ditambahkan dengan mengapit program tersebut diantara tanda <? Dan ?>.
tanda terseut biasanya disebut tanda untuk escaping (kabur) dari kode html. File
html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi php3
atau php.
PHP merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting, dimana script-nya menyatu dengan HTML dan
berada di server. Artinya adalah sintaks dan perintah-perintah yang kita berikan
akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal
sebagai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server
dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active
Server Pages) dan JSP (Java Server Pages)
.
2.7. Kelebihan
Ketika e-commerce semakin berkembang, situs-situs yang statispun
semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar,
padahal situs tersebut harus tetap dinamis. Pada saat ini bahas PERL dan CGI
sudah jauh tertinggal jaman sehingga sebagian besar designer web banyak beralih
ke bahasa server-side scripting yang lebih dinamis seprti PHP. Seluruh aplikasi
berbasis web dapat dibuat dengan PHP.
Namun kekuatan yang paling utama PHP adalah pada konektivitasnya
dengan sistem database di dalam web. Sistem database yang dapat didukung oleh
PHP adalah:
b. MySQL
c. Sybase
d. PostgreSQL
e. Dan lainya
PHP dapat berjalan di berbagai sistem operasi
Windows98/NT,UNIX/LINUX, solaris maupun macintosh. PHP merupakan
software yang open source yang dapat anda download secara grafis dari situs
resminya yaitu http://www.php.net ataupun dari situs-situs yang menyediakan
software tersebut seperti di ftp://gerbang.che.itb.ac.id Software ini juga dapat
berjalan pada web server seperti PWS (Personal Web Server), Apache, IIS,
AOLServer, fhttpd, phttpd dan sebagainya. PHP juga merupakan bahasa
pemograman yang dapat kita kembangkan sendiri seperti untuk menambah
fungsi-fungsi baru.
Keunggulan lainnya dari php adalah bahwa php juga mendukung
komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 dan
bahkan HTTP. PHP dapat diinstal sebagai bagian atau modul dari apache web
server atau sebagai CGI script yang mandiri. Banyak keuntungan yang dapat
diperoleh jika menggunakan PHP sebagai modul dari apache, diantaranya adalah :
a) Tingkat keamanan yang cukup tinggi.
b) Waktu eksekusi yang lebih cepat dibandingkan dengan bahasa
pemograman web lainnya yang berorentasi pada server-side
scripting.
c) Akses ke sistem database yang lebih fleksibel, seperti MySQL
2.8. Dasar – dasar PHP
PHP dijalankan dalam file berekstensi php, php 3 arau phtml, itu
tergantung dengan settingan PHP anda, tetapi secara umum ekstensi file PHP
adalah php. Kode php menyatu dengan tag <? Atau <?php dan ditutup dengan ?>.
Contoh :
<?
Phpinfo ();
?>
Struktur penulisan dalam PHP, sama seperti dalam C++, yaitu setiap
pernyataan diakhiri oleh semilocon (;) dan bersifat case sensitive untuk penulisan
nama variabel. Cara penulisan komentar dalam php juga sama dengan C++
Contoh :
<?
$nama = “divisi komputer hme itb”; // Huruf
$NAMA=”DIVISI KOMPUTER HME ITB”; // Huruf besar
semua
print “$nama variable menggunakan huruf
kecil.<br>”;
print “$NAMA variable menggunakan huruf
besar.”;
2.9. My SQL
MySQL AB menyebut produknya sebagai database open source
terpopuler di dunia. Sangat bisa jadi benar, melihat begitu banyaknya skrip dan
situs yang berpasangan, bahkan “menikah”, dengan produk yang satu ini. MySQL
adalah database yang paling banyak dipakai. Menurut perusahaan
pengembangnya, MySQL telah terpasang disekitar 3 juta komputer puluhan
hingga ratusan ribu situs mengandalkan MySQL bekerja siang malam memompa
data bagi par pengunungnya.
Penyebab utama MySQL begitu popular di kalangan Web adalah
karena ia memang cocok bekerja dilingkungan tersebut. Pertama, MySQL tersedia
di berbagai platform linux dan berbagai varian unix. Sesuatu yang tidak dimiliki
MS Access, padahal MS Access amat popular di platform Windows. Banyak server
web berbasiskan unix, ini manjadikan MS Access otomatis tidak dapat dipakai
karena ia pun tidak memiliki kemampuan clien-server/networking.(Bimo,2003)
Kedua, fitur-fitur yang dimiliki MySQL memang yang biasanya
banyak dibutuhkan dalam aplikasi web. Misalnya, klausa LIMIT SQL-nya, praktis
untuk melakukan paging. Atau jenis indeks field FULLTEXT, untuk full text
searching. Atau sebutlah kekayaan fungsi-fungsi builintinya, mulia dari
memformat dan memanipulasi tanggal, mengolah string, regex, enkripsi dan
hashing
Tabel 2.1 Tipe Data dalam MySQL (Anonim,oktober 2003)
Yang terakhir misalnya, praktis untuk melakukan pemyinpanan
password anggota situs. Sementara fitur-fitur yang lebih jarang digunakan belum
atau baru muncul saja di versi-versi terakhir. Subselek misalnya, sampai saat ini
tidak ada di MySQL. Atau view, atau stored procedure, atau trigger. Ini membuat
MySQL tetap langsung dan cepat, akan tetapi pengembang aplikasi bisnis
TipeData Keterangan
INT(M)N[UNSIGNED] Angka (‐2147483648 s/d 2147483647)
FLOAT(MD) Angka pecahan
DATE Tanggal
Format : YYYY‐MM‐DD
CHARM(M)
String dengan panjang tetap sesuai dengan yang ditentukan.
panjangnya 1‐255 karakter
VARCHAR(M)
String dengan panjang yang berubah‐ubah sesuai dengan yang disimpansaat itu
panjangnya 1‐255 karakter
BLOB
Teks dengan panjang maksimum 65535 karakter
LONGBLOB
mungkin jadi berkerut muka mengetahui ini, karena fitur-fitur yang hilang ini
seringkali mereka pakai untuk menyederhanakan logika aplikasi mereka. Sebelum
versi 3.23.15 sekitar dua tahun yang lalu MySQL tidak bisa melakukan transaksi
sama sekali.
Ketiga MySQL memiliki overhead koneksi yang rendah. Soal
kecepatan melakukan transaksi atau kinerja di kondisi load tinggi mungkin bisa
diperdebatkan dengan berbagai benchmark berbeda, tapi kalau soal yang satu ini
MySQL lah juaranya. Karakteristik ini membuat MySQL cocok bekerja dengan
aplikasi CGI, di mana di setiap request skrip akan melakukan koneksi,
mengirimkan satu atau lebih perintah SQL, lalu memutuskan koneksi lagi.
Cobalah melakukan hal ini dengan interbase atau bahkan oracle. Maka dengan
load beberapa request per detik saja server web/database anda mungkin akan
segera menyerah karena tidak bisa mengimbangi beban ini.
2.10.Koneksi Database MySQL dengan PHP
Berikut ini adalah penulisan fungsi script PHP untuk koneksi ke
dalam database MySql:
2.10.1. MySql_connect()
Perintah ini digunakan untuk melakukan koneksi ke server database
MySql, fungsi ini memiliki format penulisan sebagai berikut.
mysql_connect (host, username, password) ;
2.10.2. MySql_select_db()
Perintah ini digunakan untuk memilih database yang ada di server MySql,
fungsi ini memiliki format penulisan sebagai berikut.
mysql_select_db (nama_database, pengenal_koneksi) ;
2.10.3. MySql_query()
Perintah ini digunakan untuk melakukan query atau menjalankan
permintaan terhadap sebuah tabel atau sejumlah tabel database, fungsi ini
memiliki format penulisan sebagai berikut:
mysql_query (permintaan, pengenal koneksi) ;
2.11. Definisi AJAX
AJAX memiliki kepanjangan Asynchronous Javascript And XML
merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa
pemrograman yang baru. Sejak telah dikembangkan sekitar 2-3 tahun yang lalu,
AJAX mulai dilirik oleh para web desainer dan web programmer. Dengan adanya
AJAX, akses data ke server yang dikirim melalui client via web dapat lebih cepat
daripada mekanisme biasa. Hal ini dikarenakan AJAX tidak perlu melakukan
proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapat
diintegrasikan dengan server side programming seperti PHP, ASP, JSP dll.
Gambar 1.1 Arsitektur Ajax dengan PHP
Pada mekanisme di atas, proses berawal dari web client. Web client
meminta sebuah halaman PHP ke server melalui Javascript. Selanjutnya server
akan merespon dan menjalankan script PHP. Script PHP akan menghasilkan
respon dalam bentuk XML dan data XML tersebut akan dikirim kembali ke web
client untuk diolah oleh Javascript. Hasil olahan javascript tersebut akhirnya akan
ditampilkan di web client sebagai output tanpa harus merefresh halaman web.
Bandingkan dengan mekanisme biasa dalam menjalankan PHP seperti yang
ditunjukkan pada gambar:
Gambar 1.2 Arsitektur PHP
Pada mekanisme biasa, respon yang dihasilkan oleh server berupa HTML
yang mengakibatkan halaman web akan merefresh tampilan. Dilihat dari sisi
efisiensi, hal ini tentu kurang sekali. Sedangkan kekurangan AJAX dibandingkan
mekanisme biasa adalah memiliki tingkat kesukaran pemrograman yang lebih
tinggi, karena programmer harus menguasai 4 hal yaitu HTML-(XHTML),
Javascript, XML dan juga server side programming seperti PHP dan lain
sebagainya. dengan Ajax, Javascript berkomunikasi langsung keserver dengan
sebuah fungsi yang disebut XMLHttpRequest. dengan XMLHttpRequest suatu
halaman web dapat direquest dari server dan diterima hasilnya tanpa perlu terjadi
refresh pada halaman web tersebut. XMLHttpRequest telah disupport oleh IE 5
keatas, Safari 1.2 keatas, Mozilla Firefox keatas dan Opera 8 keatas. Ajax
merupakan penggabungan teknologi-teknologi Javascript, HTML/XHTML,
XML, CSS dan Server Side Client. Jadi jika anda belum menguasai salah satu dari
teknologi tersebut disarankan untuk anda mempelajari dahulu sebelum
23
BAB III
ANALISA DAN PERANCANGAN SISTEM
3.1. Analisa Sistem
Dalam sub bab ini akan dijelaskan mengenai analisa dan perancangan
sistem dari E-commerce jasa pelajanan di wilayah jawa timur. Sistem ini nantinya
akan dijadikan media promosi dari travel agent khususnya pariwisata di wilayah
Jawa Timur serta dijadikan media pemesanan bagi wisatawan yang ingin berlibur
di wilayah Jawa Timur. Dalam hal ini ada user yang berinteraksi dengan sistem
adalah admin (petugas), travel agent, dan wisatawan. Travel agent akan
mempromosikan paket perjalanan wisata yang ditawarkan khususnya wisata ke
Jawa Timur. Travel agent akan menginputkan data sesuai kebutuhan kedalam
sistem yang telah disediakan oleh admin (petugas). Sedangkan untuk wisatawan
dapat menginputkan data pemesanan paket perjalanan wisata yang sesuai dengan
yang diinginkan. Sebelum untuk travel agent maupun wisatawan diharuskan
registrasi terlebih dahulu untuk memanfaatkan fasilitas yang disediakan.
3.2. Perancangan Sistem
Dalam sub-bab ini menjelaskan tentang proses perancangan sistem
yang nantinya akan dibuat. Mulai dari deskripsi umum sistem, konsep
perancangan dalam bentuk flowchart diagram, perancangan proses, perancangan
data, perancangan tabel dan perancangan antar muka.
3.2.1. Deskripsi Umum Sistem
Deskripsi umum dalam sistem ini dapat dilihat dalam bentuk gambar
diagram sebagai berikut:
Gambar 3.1 Deskripsi Umum Sistem
Dari gambar 3.1 dapat dijelaskan sebagai berikut, travel agent atau
agent wisata dan wisatawan dapat melakukan pemesanan dan mempromosikan
disediakan oleh admin (petugas). Data tersebut nantinya akan disimpan pada
database pada web server yang digunakan.
3.2.2. Klasifikasi Pemakai Sistem
Dalam sistem ini klasifikasi dari pemakai sistem terdiri dari:
a) Admin(petugas) istrator(admin(petugas))/petugas
Admin(petugas) istrator atau admin(petugas) dalam hal ini adalah petugas
disini bertugas untuk memasukkan data (update dan delete) data status
login para travel agent, admin(petugas) juga bertugas untuk melakukan
pengaturan sistem transaksi pembayaran wisatawan.
Travel agent disini bertugas untuk mengisikan data (insert dan update)
data identitas agent serta mengisikan data (insert dan update) data promosi
prodak agent wisata.
b) User (wisatawan)
Wisatawan disini hanya dapat melakukan pendaftaran serta melakukan
pemesanan paket wisata sesuai dengan travel agent yang diplihnya.
3.3. DFD Level 0
DFD level 0 ini merupakan gambaran umum dari sistem aplikasi yang
akan dibuat. Terdapat 3 entitas utama dalam sistem ini, yaitu: admin, pengunjung,
dan pengguna. Seperti yang tampak pada gambar dibawah ini:
Gambar 3.2 DFD Level 0
Pada DFD level 0 ini, admin bertugas untuk memasukkan data profinsi
wisata, data setuju, data login admin, serta data lihat transaksi. Dan untuk
wisatawan hanya bertugas memasukkan data pesan, data konfirmasi, data login,
dan keteranagan wisatawan.
3.3.1. DFD Level 1
DFD 1 menjelaskan tentang sub proses yang terjadi pada DFD level 0.
Pada DFD level 1 ini akan dijelaskan beberapa sub proses diantaranya proses
urusan pencarian, proses pendaftaran, proses urusan transaksi pembayaran.
Didalam aplikasi yang akan dibuat terdapat level login. Demikian juga
untuk registrasi, terdapat 2 macam registrasi yang ada dalam pada aplikasi ini.
sebagai database aplikasi yang akan dibuat. Diantaranya ada Data_Pengguna, ,
Data_transaksi, detail paket. Untuk lebih jelasnya dapat dilihat pada gambar 3.3
dibawah ini:
Gambar 3.3 DFD Level 1 E-commerce
Dari gambar 3.3 diatas dapat dijelaskan sebagai berikut untuk setiap
proses yang ada: DFD level 1 diatas terdapat 6 proses yaitu:
a) Proses Pencarian
Hanya ada 1 entitas pada proses pencarian, yaitu entitas
pengunjung. Pada entitas ini akan melakukan pencarian paket-paket yang
dimiliki NIKITA TRAVEL dan sistem akan memperoleh informasi
tentang paket yang dicari.
b) Proses Pendaftaran
Pada proses pendaftaran juga ada 1 entitas yang terlibat, yaitu
entitas pengunjung, pada entitas pengunjung terjadi proses pengunjung
melakukan pendaftaran agar bisa menjadi pengguna (wisatawan) dan
melakukan proses pemesanan online, yaitu dengan memasukkan data
pengunjung ke dalam system dan system akan memberikan id dan
password untuk login sebagai pengguna (wisatawan).
c) Proses Transaksi
Setelah Pengguna (Wisatawan) memasukkan username dan
password dengan benar, pengguna (Wisatawan) dapat melakukan proses
pemesanan secara online dan sistem akan menampilkan data hasil
d) Proses Konfirmasi
Disini jika pengguna (Wisatawan) telah memesan paket maka
secara otomatis akan diminta konfirmasi pembayaran melalui sistem.
e) Proses Cek Transaksi
Entitas yang terlibat disini adalah admin. Admin dapat melihat dan
mengecek data transaksi Pengguna (Wisatawan) dan sistem akan
menampilkan data transaksi hasil Pengguna (Wisatawan).
f) Proses Maintanance Data
Proses ini hak akses untuk admin dimana admin dapat
me-maintenance data yakni menambah data, mengubah data dan menghapus
data. Adapun data yang dapat diolah oleh admin hampir keseluruhan.
3.3.2. DFD Level 2
Untuk DFD level 2 merupakan pecahan dari proses DFD level 1.
adapun gambar DFD Level 2 proses pendaftaran ditunjukkan pada gambar
a. Proses Pendaftaran
Pengunjung yang ingin jadi anggota harus mengisi formulir
pendaftaran yang telah disediakan oleh admin. Data diri harus diisi secara
lengkap. Kemudian data yang disimpan akan masuk ke database member.
Setelah pengisian pendaftaran, data diri tersebut akan diaktifasi oleh
sistem. Jika pendaftaran berhasil maka pengunjung akan mendapat id dan
password untuk login sebagai Pengguna (anggota).
Gambar 3.4 DFD Level 2 Proses Pendaftaran
b. Proses Transaksi
Untuk DFD level 2 merupakan pecahan dari proses DFD level 1.
adapun gambar DFD Level 2 proses transaksi ditunjukkan pada Gambar
Gambar 3.5 DFD Level 2 Dari Proses Transaksi
Untuk dapat melakukan proses transaksi pengguna (Wisatawan) harus
login terlebih dahulu, setelah itu pengguna dapat memilih paket yang hendak
dipesan. Pemilihanpaket atau pesan paket diambil dari data paket.
c. Proses Cek Transaksi
Untuk DFD level 2 merupakan pecahan dari proses DFD level 1.
adapun gambar DFD Level 2 proses cek transaksi ditunjukkan pada
Gambar 3.6 :
Gambar 3.6 DFD Level 2 Proses Cek Transaksi
Disini admin dapat mengecek data transaksi yang dipesan oleh
pengguna. Mula-mula admin mengecek data transaksi pengguna, jika ada
transaksi dan pengguna telah melunasinya maka status transaksi penggunna akan
di proses untuk pengubahan status transaksi yaitu diubah menjadi “LUNAS” dan
dari proses ini nantinya hasil pendapatan dari transaksi online akan diketahui.
d. Proses Maintanance Data
Untuk DFD level 2 merupakan pecahan dari proses DFD level 1.
adapun gambar DFD Level 2 proses maintenance data ditunjukkan pada
Gambar 3.7 Proses Maintenance Data
Hak akses pada proses ini adalah untuk admin. Disini admin dapat
me-maintenance data : penambahan data, pengubahan data, dan penghapusan data.
Adapun data yang dapat ditambahkan oleh admin adalah data paket, data
informasi dan data buku tamu. Data yang dapat diubah adalah data paket, data
informasi dan data belanja. Dan data yang dapat dihapus adalah data paket, data
informasi, data buku tamu, data belanja.
3.4. Perancangan Data
Dalam perancangan data ini, menjelaskan tentang 2 model data yaitu:
model data konseptual dan model data fisik. Untuk lebih jelasnya dapat dijelaskan
pada penjelasan di bawah ini:
a. Model Data Konseptual (Conseptual Data Model)
Model data konseptual adalah rancangan dalam bentuk diagram sebelum
pembutan database secara detail. Model data konseptual ini dibuat tanpa harus
mempertimbangkan DBMS apa yang nantinya dipakai, karena bentuk ini hanya
sebuah konsep rancangan yang nantinya bisa digunakan oleh semua DBMS.
Konsep rancangan ini dibuat dengan menggunakan Power Designer 15. Untu
Gambar 3.8 Model Data Konseptual E-commerce
b. Model Data Fisik
Model data fisik dibuat dengan cara merubah model data konseptual yang
terlihat pada gambar 3.8 diatas. Model data ini mempresentasikan rancangan fisik
basis data yang akan disimpan deserver. Model data ini menghasilkan tabel-tabel
yang nantinya akan dipakai dalam implementasi sistem yang dibuat. Untuk lebih
jelasnya dapat dilihat pada gambar 3.9 dibawah ini:
Gambar 3.9 Model Data Fisik E-commerce
3.5. Perancangan Tabel
Dari model data fisik dapat dilihat tabel-tabel apa saja yang nantinya akan
digunakan oleh sistem untuk menyimpan data. Tabel-tabel itu antara lain:
Tabel ini digunakan untuk menyimpan paket perjalanan wisata yang
ditawarkan oleh Nikita Travel. Field tabel ini adalah:
Tabel 3.1 Tabel Detail Paket
No Nama Fields Type Panjang NotNull Keterangan
1 id_dpaket Char 10 √ primary key
2 nama_paket varchar 20 √
3 harga_paket Int √
4 kapasitas_penumpang varchar 15 √
5 Foto Image √
6 keterangan_paket Text √
7 tanggal_berangkat date&time √
8 jenis_kendaraan varchar 20 √
9 Fasilitas varchar 30 √
10 Pemandu varchar 35 √
b) Tabel Hotel
Tabel hotel ini digunakan untuk menyimpan data hotel yang
bekerjasama dengan Nikita Travel dan yang ditawarkan untuk tempat
menginap. Field tabel ini adalah:
Tabel 3.2 Tabel Hotel
No Nama Fields Type Panjang NotNull Keterangan
Tabel ini digunakan untuk menyimpan data lokasi wisata yang
nantinya akan disesuaikan dengan profil wisata yang akan ditampilkan untuk
referensi wisatawan. Field tabel ini adalah:
Tabel 3.3 Tabel Lokasi Wisata
No Nama Fields Type Panjang NotNull Keterangan
1 id_lok_wis Int 10 √ primary key
2 lokasi_tujuan Varchar 50 √
d) Tabel Prof_Wisata
Tabel ini digunakan untuk menyimpan data profil wisata yang akan
ditampilkan di dalam aplikasi yang akan dibuat. Field tabel ini adalah:
Tabel 3.4 Tabel Profinsi Wisata
No Nama Fields Type Panjang NotNull Keterangan
Tabel ini untuk menyimpan data pengguna, pada tabel pengguna
ini terdapat golonga level user yaitu admin, dan wisatawan. Field tabel ini
Tabel 3.5 Tabel Pengguna
No Nama Fields Type Panjang NotNull Keterangan
Tabel ini digunakan untuk menyimpan data para tamu yang telah
mengunjunggi website Nikita Travel. Field tabel ini adalah:
Tabel 3.6 Tabel Buku Tamu
No Nama Fields Type Panjang NotNull Keterangan
g) Tabel Informasi
Tabel ini digunakan untuk menyimpan informasi pariwisata terbaru
yang akan ditawarkan didalm aplikasi. Field tabel ini adalah:
Tabel 3.7 Tabel Informasi
No Nama Fields Type Panjang NotNull Keterangan
Perancangan antarmuka merupakan perancangan halaman aplikasi
yang berinteraksi langsung antara sistem dengan pengguna. Dalam
penjelasan kali ini aka menampilkan rancangan antarmuka untuk
wisatawan, travel agent, dan petugas.
3.6.1. Perancangan Antarmuka Untuk Wisatawan
Perancangan antarmuka wisatawan dimulai dari tampilan awal dari
apliksi ini. Seperti yang tampak pada Gambar 3.10 di bawah ini. Dimana
wisatawan atau travel agent untuk login. Kemudian ada menu-menu
paket, ada pendaftaran untuk wisatawan.
Untuk form login, sebelum melakukan login user diharuskan untuk
mengisikan username, password untuk ferivikasi data sebelum mengakses paket.
Gambar 3.10 Tampilan Awal Untuk Aplikasi
Setelah wisatawan berhasil login, maka dapat memilih paket wisata
sesuai dengan kebutuhan dan perjalanan wisata yang ingin dilakukan.
Perancangan form paket wisata dapat dilihat pada gambar 3.11 dibawah ini:
Gambar 3.11 Tampilan Paket Wisata
Setelah memilih paket wisata, wisatawan dapat melanjutkan pada
proses pesan. Untuk perancangan form pesan paket wisata seperti yang terlihat
pada Gambar 3.12 di bawah ini:
Setelah memilih paket wisata yang diinginkan wisatawan dapat
melihat hotel yang di tawarkan pada paket wisata. Untuk perancangan form hote;
seperti yang terlihat pada Gambar 3.13 di bawah ini:
Gambar 3.13 Tampilan Form Hotel
Setelah melakukan pemilihan paket wisata, wisatawan melanjutkan
pada proses transaksi. Untuk perancangan form pesan paket wisata seperti yang
terlihat pada Gambar 3.14 di bawah ini:
Gambar 3.14 Tampilan Transaksi Paket Wisata
Selanjutnya wisatawan akan menerima konfirmasi pemesananseperti
yang terlihat pada Gambar 3.15 di bawah ini:
45
BAB IV
IMPLEMENTASI
Pada bab IV ini akan dibahas mengenai implementasi dari rancangan
sistem yang telah dibuat pada bab III. Bagian implementasi sistem kali ini
meliputi: lingkungan implementasi, implementasi proses, dan implementasi
antarmuka.
4.1. Lingkungan Implementasi
Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat
lunak yang digunakan pada implementasi sistem ini.
Perangakat Lunak Yang Digunakan :
Pada perancangan dan implementasi program, beberapa perangkat lunak
(software) yang digunakan pada saat pembuatan website aplikasi sistem
pengambilan keputusan adalah dijabarkan sebagai berikut:
Perangkat lunak (software) yang digunakan adalah :
a) Komputer dengan processor Intel Celeron.
b) Memori 1GB.
c) Modem Internet
Perangkat Software :
a) Sistem operasi Windows XP.
b) PHP sebagai bahasa pemograman yang digunakan untuk aplikasi
pengolahan Sistem Informasi E-commerce.
c) Server menggunakan PHP Appachen 5
d) Mysql 5.0.24 untuk menyimpan dan mengolah data di aplikasi ini.
e) Adobe Photoshop CS 3 dan Dreamweaver untuk mengolah gambar.
4.2. Implementasi Proses
Pada tahapan ini akan dibahas mengenai implementasi data dari
perancangan data yang telah dibahas sebelumnya. Dari hasil generatae database
didapat script untuk membuat tabel-tabel dalam database yang akan dibuat.selain
tabel hasil generate dari PDM. Berikut script untuk membuat tabel yang
dibutuhkan.
Tabel 4.1 Tabel Database
/*==========================================================
drop table if exists BUKU_TAMU;
drop table if exists DETAIL_BELANJA;
drop table if exists DETAIL_PAKET;
drop table if exists INFORMASI;
drop table if exists M_ADMIN;
drop table if exists M_AKOMODASI;
drop table if exists M_HOTEL;
drop table if exists M_KENDARAAN;
drop table if exists M_KONSUMSI;
drop table if exists M_LOKASI;
drop table if exists M_PAKET;
drop table if exists M_PENGGUNA;
/*========================================================== ====*/
/* Table: BELANJA
*/
/*==========================================================
primary key (ID_BUKU_TAMU)
primary key (ID_DBELANJA)
);
KAPASITAS_PENUMPANG varchar(20),
primary key (ID_INFORMASI)
primary key (ID_AKOMODASI)
);
NAMA_HOTEL varchar(50),
primary key (ID_KENDARAAN)
primary key (ID_KONSUMSI)
);
primary key (ID_LOKASI_WISATA)
);
ID_ADMIN int not null,
alter table BELANJA add constraint FK_MELAKUKAN foreign key (ID_USER)
alter table DETAIL_BELANJA add constraint FK_BELANJA foreign key (ID_BELANJA)
references BELANJA (ID_BELANJA) on delete restrict on update restrict;
alter table DETAIL_BELANJA add constraint FK_DETAIL_PEMESANAN foreign key (ID_DPAKET)
references DETAIL_PAKET (ID_DPAKET) on delete restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_DETAIL_AKOMODASI foreign key (ID_AKOMODASI)
references M_AKOMODASI (ID_AKOMODASI) on delete
restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_DETAIL_HOTEL foreign key (ID_HOTEL)
references M_HOTEL (ID_HOTEL) on delete restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_DETAIL_KENDARAAN foreign key (ID_KENDARAAN)
references M_KENDARAAN (ID_KENDARAAN) on delete
restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_DETAIL_KONSUMSI foreign key (ID_KONSUMSI)
references M_KONSUMSI (ID_KONSUMSI) on delete restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_DETAIL_LOKASI_WISATA foreign key (ID_LOKASI_WISATA)
references M_LOKASI (ID_LOKASI_WISATA) on delete
restrict on update restrict;
alter table DETAIL_PAKET add constraint FK_PAKET foreign key (ID_PAKET)
references M_PAKET (ID_PAKET) on delete restrict on update restrict;
alter table M_PAKET add constraint FK_MENENTUKAN foreign key (ID_USER)
references M_PENGGUNA (ID_USER) on delete restrict on update restrict;
alter table M_PAKET add constraint FK_MENGISI foreign key (ID_ADMIN)
references M_ADMIN (ID_ADMIN) on delete restrict on update restrict;
4.3. Implementasi Antarmuka
Pada sub-bab 4.2 ini akan dibahas mengenai implementasi dari rancangan
sistem yang telah dibuat pada sub-bab 4.1. Bagian implementasi sistem kali ini
meliputi : implementasi halaman website.
Dalam aplikasi kali ini implementasi halaman website ada 2 macam
halaman, yaitu: halaman sub-sistem administrator dan halaman sub-sistem
pengunjung.
Pada form utama terdapat 6 pilihan menu yaitu paket, informasi, customer,
daftar belanja, buku tamu, dan laporan.
1) Halaman Login
Administrator harus login terlebih dahulu sehingga dapat mengakses
halaman administrator. Halaman login terlihat seperti gambar berikut :
Gambar 4.1 Tampilan Login Administrator
Setelah login berhasil, pengguna admin memasuki halaman administrator
untuk memilih salah satu layanan yang disediakan yaitu manajemen paket,
manajemen informasi, manajemen customer, manajemen daftar belanja,
manajemen buku tamu, manajemen laporan. Antarmuka halaman login admin
(sukses) terlihat seperti gambar berikut :
Gambar 4.2 Tampilan Utama Halaman Administrator
2) Halaman Proses Tambah Paket
Dalam halaman administrator terdapat halaman-halaman antara lain :
halaman paket, informasi, customer, daftar belanja, buku tamu, laporan dan
logout.
Jika administrator ingin menambah data paket, administrator dapat
menekan menu paket yang sudah di sediakan. Maka sistem akan secara otomatis
menuju ke halaman paket seperti yang terlihat pada (Gambar 4.3 Tampilan Antar
Gambar 4.3 Tampilan Antarmuka Halaman Admin Paket
Untuk dapat menambahkan sebuah paket kita harus melalui proses tambah
paket dengan cara menekan icon tambah yang sudah disediakan di halaman admin
paket. Kemudian barulah kita dapat menambahkan sebuah paket. Setelah dipilih
menu tambah maka sistem akan secara otomotis menuju ke halaman tambah
paket, seperti yang terlihat pada gambar di bawah ini. (Gambar 4.4 Tampilan
Antarmuka Tambah Paket).
Gambar 4.4 Tampilan Antarmuka Tambah Paket
Setelah memilih menu tambah paket maka akan muncul tampilan seperti
gambar diatas. Setelah itu administrator dapat memasukkan data paket, pada
tampilan seperti gambar diatas terlihat bahwa telah disediakan field-field id paket,
nama paket, harga, kapasitas, lama wisata, jumlah, keterangan yang harus diisikan
oleh administrator yang nantinya akan tersimpan secara otomatis ke dalam
database setelah administrator menekan tombol Simpan.
Jika data berhasil di tambah ke dalam database, maka akan muncul
tampilan seperti gambar dibawah ini (Gambar 4.5 Tampilan Halaman Jika Data
Gambar 4.5 Tampilan Halaman Jika Data Berhasil Dimasukkan
3) Halaman Proses Edit Paket
Untuk melakukan pengubahan data paket caranya sangat mudah,
administrator tinggal menekan tulisan edit disamping data yang akan diubah.
Seperti terlihat gambar dibawah ini :
Gambar 4.6 Tampilan Antarmuka Halaman Edit Paket
Jika data berhasil di ubah ke dalam database, maka akan muncul tampilan
seperti gambar dibawah ini :
Gambar 4.7 Tampilan Halaman Berhasil di Edit
4) Halaman Proses Hapus Paket
Untuk melakukan penghapusan data paket caranya sangat mudah,
administrator memilih paket-paket yang akan dihapus kemudian dilanjutkan
dengan menekan tombol Hapus, maka secara otomatis data paket akan terhapus
Gambar 4.8 Tampilan Antarmuka Halaman Hapus Paket
5) Halaman Laporan
Admin dapat melihat laporan dengan memilih menu Laporan. Didalam
halaman laporan terdapat beberapa laporan, antara lain : laporan paket, laporan
customer dan laporan transaksi. Seperti yang muncul pada gambar dibawah ini :
Gambar 4.9 Halaman Admin Laporan
6) Halaman Laporan Data Paket
Pada halaman laporan data paket terdapat dua pilihan, melihat laporan
seluruh paket dan laporan paket perperiode, berikut adalah tampilan dari halaman
laporan data paket :
Gambar 4.10 Halaman Admin Laporan Data Paket a. Laporan seluruh paket
Pada laporan seluruh paket dapat diketahui sisa stok dari
Gambar 4.11 Halaman Admin Laporan Seluruh Paket
b. Laporan paket perperiode
Pada laporan paket perperiode dapat diketahui jumlah dari
paket yang terjual dari setiap periode yang diinginkan. Setelah
menekan tombol “tampil” yang ada disebelah kanan laporan
Perperiode maka akan ditamplkan form untuk memfilter periode yang
diinginkan, seperti gambar berikut ini :
Gambar 4.12 Halaman Admin Laporan Data Paket Per Periode Setelah menentukan periode yang diinginkan, kemudian
meneka tombol show untuk menampilkan laporan data paket dari
periode yang telah ditentukan:
Gambar 4.13 Halaman Admin Laporan Penjualan Paket Per Periode
Admin dapat melihat laporan transaksi dengan menekan tombol tampil.
Setelah menekan tombol tampil maka akan keluar menu laporan transaksi yaitu :
laporan transaksi per nomor dan laporan transaksi per periode, seperti yang
tampak pada gambar dibawah ini :
Gambar 4.14 Halaman Admin Laporan Data Transaksi
Jika admin ingin melihat laporan per nomor transaksi maka tinggal
menekan tombol tampil yang ada disampingnya dan akan keluar laporan transaksi
pernomor yang telah dibayar seperti pada gambar berikut :
Gambar 4.15 Halaman Admin Laporan Data Transaksi Pernomor Transaksi Untuk melihat laporan pernomor secara detail maka admin tinggal
menekan tombol tampil, maka akan tampil detail belanja per nomor transaksi
seperti pada gambar berikut :
Gambar 4.16 Halaman Admin Laporan Data Detail Transaksi Pernomor Admin juga dapat melihat laporan transaksi perperiode dengan menekan
tombol tampil di sebelah laporan transaksi per periode, maka akan muncul filter
untuk memilih periode yang diinginkan, seperti gambar dibawah ini :
Gambar 4.17 Halaman Admin Laporan Data Transaksi Perperiode
Setelah memilih tanggal yang diinginkan, klik tombol show maka akan
muncul transaksi belanja yang dilakukan pada tanggal tersebut, seperti pada
gambar dibawah ini :
Gambar 4.18 Halaman Admin Laporan Data Transaksi Perperiode
Setelah melakukan melakukan pengaksesan data pada halaman
administrator, maka admin harus mengakses halaman log out, untuk menghapus
semua history yang ada.
4.3.2. Halaman Website Sub-Sistem Pengunjung
Pada form utama terdapat beberapa pilihan menu yaitu home, cara pesan,
pendaftaran, informasi, tentang kami, denah lokasi, buku tamu, paket dan Login.
1) Halaman Pendaftaran Wisatawan
Untuk melakukan pendaftaran menjadi member, memilih menu daftar
terlebih dahulu, maka akan ditampilkan form pendaftaran seperti pada gambar
Gambar 4.19 Tampilan Halaman Pendaftran Wisatawan
2) Halaman Home
Pada halaman home, ditampilkan beberapa infrmasi seputar paket terlaris
di Perusahaan Nikita Travel. Berikut adalah halaman home pada halaman
pengunjung :
Gambar 4.20 Halaman Home Pada Halaman Pengunjung
3) Halaman Login Wisatawan
Untuk dapat menjalankan aplikasi, pengunjung harus Login terlebih
dahulu, berikut adalah gambar form untuk Login:
4) Halaman Cara Pesan
Pada halaman cara pesan, dapat mengetahui bagaimana cara memesan
paket yang ada di Perusahaan Nikita Travel, berikut adalah tampilan dari halaman
cara pesan :
Gambar 4. 22 Halaman Cara Pesan
5) Halaman Informasi
Pada Halaman Informasi terdapat beberapa info-info menarik seputar
madu. Seperti bagaimana kegunaan madu dan apa saja kandungan didalam madu.
Tampilan dari halaman informasi dapat kita lihat denngan memilih menu
Informasi. Berikut adalah tampilan halaman informasi :
Gambar 4.23 Halaman Informasi 6) Halaman Buku Tamu
Pada halaman buku tamu, pngunjung dapat memberikan saran dan
kritiknya dengan mengisi komentar pada form buku tamu. Berikut adalah
tampilan form buku tamu :
Setelah mengisi form buku tamu kemudian menekan tombol submit, maka
secara otomatis komentar akan disimpan dan kemudian ditampilkan dalam
komentar masuk dihalaman buku tamu, tampilan komentar yang masuk dapat
dilihat pada gambar berikut ini :
Gambar 4.25 Halaman Komentar Yang Masuk Pada Buku Tamu 7) Halaman Paket
Halaman Paket menampilkan semua paket-paket Nikita Travel. Disini
Pengunjung yang telah mendaftar menjadi member dapat langsung memesan
paket dengan menekan tombol beli. Berikut adalah gambar dari halaman paket:
Gambar 4.26 Halaman Paket 8) Halaman Login Member
Tampilan home sebelum login berbeda dengan tampilan home ketika
Gambar 4.27 Halaman Home setelah Login 9) Halaman Kantong Belanja
Setelah melakukan pencarian paket, untuk memesan paket yang
diinginkan dapat dilakukan dengan cara menekan tombol beli pada paket yang
akan dipesan. Setelah menekan tombol beli akan menuju kehalaman kantong
belanja, jika ingi belanja kembali menekan tombol “kembali belanja”, untuk
mengubah jumlah paket yang dipesan tekan tombol ubah, jika selesai berbelanja
tekan tombol lanjutkan.
Gambar 4.28 Halaman Kantong Belanja 10) Halaman Konfirmasi Pembayaran
Setelah selesai berbelanja kemudian akan ditampilkan halaman
konfirmasi pembayaran. Pada halaman konfirmasi pembayaran wisatawan dapat
mengecek kembali data-datanya, jika masih ada kesalah wisatawan dapat
Gambar 4.29 Halaman Konfirmasi Pembayaran
11) Halaman Konfirmasi Transaksi
Jika semua data sudah benar wisatawan dapat melanjutkan transaksi
pemesanan. Kemudian akan tampil halaman konfirmasi transaksi. Dihalaman ini
wisatawan diberi peringatan untuk mengecek kembali data-datanya dan
mengetahui nominal yang harus dibayar oleh wisatawan. Halaman konfirmasi
transaksi dapat dilihat pada gambar berikut ini:
Gambar 4.30 Halaman Konfirmasi Transaksi Setelah pemesanan sukses akan tampil halaman seperti berikut ini:
Gambar 4.31 Halaman Konfirmasi Transaksi Sukses
Setelah melakukan transaksi, pengunjung harus mengakses halaman log
