E-COMERCE TOUR DA TRAVEL BERBASIS WEB DENGAN MENGGUNAKAN TEKNOLOGI AJAX.

(1)

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


(2)

MENGGUNAKAN TEKNOLOGI AJAX

Oleh

TUTUT ARIANI NPM : 0734015025

Telah disetujui untuk mengikuti Ujian Negara Lisan Gelombang IV Tahun Akademik 2010/2011

Menyetujui,

Pembimbing Utama Pembimbing Pendamping

Hj. Asti Dwi. I, S.Kom, M.Kom. Wahyu S. J. Saputra, S.Kom NPT. 373 020 602 131 NPT. 386 081 002 951

Mengetahui

Ketua Jurusan Teknik Informatika Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur

Basuki Rahmat, S.Si, MT NPT. 369 070 602 091


(3)

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.


(4)

(5)

DAFTAR ISI

Halaman

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... v

DAFTAR GAMBAR ... viii

DAFTAR TABEL ... xiii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang... 1

1.2 Perumusan Masalah ... 2

1.3 Batasan Masalah ... 2

1.4 Tujuan Penelitian ... 3

1.5 Metodologi ... 3

1.6 Manfaat ... 5

1.7 Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA ... 7

2.1 Deskripsi Perusahaan ... 7

2.2 Definisi Pemesanan Online... 7

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.4 Aplikasi Web ... 10

2.5 Mengenal Web Server... 11

2.6 Pengertian PHP ... 12

2.7 Kelebihan ... 13

2.8 Dasar-dasar PHP ... 14


(6)

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


(7)

Gambar 1.1 Arsitektur Ajax Dan Php ... 19

Gambar 1.2 Arsitektur Php ... 20

Gambar 3.1 Deskripsi Umum Sistem ... 22

Gambar 3.2 DFD Level 0 ... 23

Gambar 3.3 DFD Level 1 e-commerce... 25

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


(8)

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


(9)

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


(10)

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


(11)

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


(12)

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 ini, yakni:


(13)

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


(14)

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 bertujuan untuk mengetahui apakah program yang telah dibuat


(15)

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


(16)

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.


(17)

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


(18)

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 keuntungan yang didapat adalah :


(19)

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.


(20)

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 otomatis akan mengurangi kepadatan di jalan raya dan juga polusi udara.


(21)

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.


(22)

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 sebuah HTTP web server yang di gunakan dalam sistem operasi server Windows,


(23)

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


(24)

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:


(25)

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 :


(26)

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 kecil semua


(27)

$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)


(28)

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    

Teks dengan panjang maksimum 429‐4967295  karaktet 


(29)

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()


(30)

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. Perhatikan mekanisme proses AJAX menggunakanPHPberikutini:


(31)

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


(32)

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 melanjutkan pemahaman tentang AJAX


(33)

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


(34)

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 paket wisata perjalanan melaui internet dan mengisikan pada form yang telah


(35)

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


(36)

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. Pada level 1 ini akan muncul beberapa data store yang nantinya akan digunakan


(37)

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:


(38)

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 transaksi pengguna (Wisatawan).


(39)

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


(40)

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 3.5 : 


(41)

 

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 : 


(42)

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 : 


(43)

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


(44)

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 lebih jelasnya dapat dilihat pada gambar 3.8 berikut ini:


(45)

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:


(46)

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:


(47)

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

1  id_hotel  Int  10 √ primary key 

2  nama_hotel  Varchar  50 √    

3  Alamat  Varchar  50 √    

4  no telp  Varchar  18 √    

5  Email  Image  20 √    


(48)

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

1  id_prof_wisata  Int     √ primary key 

2  nama_wisata  varchar  30 √    

3  Gambar  imaage          

4  profil_wisata  Text          

e) Tabel Pengguna

Tabel ini untuk menyimpan data pengguna, pada tabel pengguna ini terdapat golonga level user yaitu admin, dan wisatawan. Field tabel ini adalah:


(49)

Tabel 3.5 Tabel Pengguna

No Nama Fields Type Panjang NotNull Keterangan

1  id_user  Int  11 √ primary key 

2  password_user  Varchar  20 √    

3  nama_customer  Varchar  20 √    

4  nama_user  Varchar  50 √    

5  alamat_user  Varchar  55 √    

6  kota  Varchar  12 √    

7  telp_user  Varchar  12 √    

8  bank  Varchar  10 √    

9  no_rekening  Varchar  12 √    

10  status_pesan 

enum 

('FREE','ORDER)     √    

11  email_user  Varchar  30 √    

12  tanggal_daftar  Date     √    

f) Tabel Buku Tamu

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

1 id_buku tamu  Int  10 √ primary key 

2 Nama  varchar  50 √    


(50)

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

1 id_informasi  Int  11 √ primary key 

2 judul_informasi  Text  50 √    

3 Isi  Text     √    

4 Tanggal  Date     √    

3.6. Perancangan Antarmuka

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 pada tampilan awal ada form login yang nantinya untuk digunakan


(51)

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:


(52)

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:


(53)

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:


(54)

Gambar 3.14 Tampilan Transaksi Paket Wisata

Selanjutnya wisatawan akan menerima konfirmasi pemesananseperti yang terlihat pada Gambar 3.15 di bawah ini:


(55)

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


(56)

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

/*========================================================== ====*/

/* DBMS name: MySQL 5.0

*/

/* Created on: 3/5/2011 10:08:02 AM

*/

/*========================================================== ====*/


(57)

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;

/*========================================================== ====*/


(58)

/*========================================================== ====*/

create table BELANJA (

ID_BELANJA char(6) not null, ID_USER varchar(20), TANGGAL date,

WAKTU time, STATUS_BAYAR char(10), UNIK_TRANSFER char(3), TOTAL_BAYAR int, primary key (ID_BELANJA) );

/*========================================================== ====*/

/* Table: BUKU_TAMU

*/

/*========================================================== ====*/

create table BUKU_TAMU (

ID_BUKU_TAMU int not null, NAMA varchar(20), EMAIL varchar(30), ISI text,

TANGGAL date, primary key (ID_BUKU_TAMU) );


(59)

/*========================================================== ====*/

/* Table: DETAIL_BELANJA

*/

/*========================================================== ====*/

create table DETAIL_BELANJA (

ID_DBELANJA int not null, ID_DPAKET int,

ID_BELANJA char(6), JUMLAH int, primary key (ID_DBELANJA) );

/*========================================================== ====*/

/* Table: DETAIL_PAKET

*/

/*========================================================== ====*/

create table DETAIL_PAKET (

ID_DPAKET int not null, ID_HOTEL int,

ID_KENDARAAN int, ID_LOKASI_WISATA int, ID_KONSUMSI int,

ID_PAKET int not null, ID_AKOMODASI int,


(60)

KAPASITAS_PENUMPANG varchar(20), FOTO longblob, TANGGAL_BERANGKAT datetime, FASILITAS varchar(200), PEMANDU varchar(20), LAMA_WISATA varchar(50), primary key (ID_DPAKET)

);

/*========================================================== ====*/

/* Table: INFORMASI

*/

/*========================================================== ====*/

create table INFORMASI (

ID_INFORMASI int not null, JUDUL_INFORMASI text,

ISI text, TANGGAL date, primary key (ID_INFORMASI) );

/*========================================================== ====*/

/* Table: M_ADMIN

*/

/*========================================================== ====*/

create table M_ADMIN (


(61)

ID_ADMIN int not null, ADMIN_USER varchar(20), ADMIN_PASWORD varchar(10), EMAIL varchar(30), primary key (ID_ADMIN)

);

/*========================================================== ====*/

/* Table: M_AKOMODASI

*/

/*========================================================== ====*/

create table M_AKOMODASI (

ID_AKOMODASI int not null, PENJEMPUTAN longtext, KONSUMSI varchar(30), PENGINAPAN_ varchar(50), LOKASI_WISATA varchar(50), primary key (ID_AKOMODASI)

);

/*========================================================== ====*/

/* Table: M_HOTEL

*/

/*========================================================== ====*/


(62)

NAMA_HOTEL varchar(50), ALAMAT_HOTEL varchar(60), EMAIL_HOTEL varchar(25), TELP numeric(15,0), FASILITAS_HOTEL varchar(100), primary key (ID_HOTEL)

);

/*========================================================== ====*/

/* Table: M_KENDARAAN

*/

/*========================================================== ====*/

create table M_KENDARAAN (

ID_KENDARAAN int not null, JENIS_KENDARAN varchar(20), PLAT_KENDARAAN numeric(15,0), NAMA_KENDARAAN varchar(25), FOTO_KENDARAAN longblob, primary key (ID_KENDARAAN) );

/*========================================================== ====*/

/* Table: M_KONSUMSI

*/

/*========================================================== ====*/

create table M_KONSUMSI (


(63)

ID_KONSUMSI int not null, SNACK bool,

SARAPAN_PAGI bool, MAKAN_SIANG bool, MAKAN_MALAM bool, primary key (ID_KONSUMSI) );

/*========================================================== ====*/

/* Table: M_LOKASI

*/

/*========================================================== ====*/

create table M_LOKASI (

ID_LOKASI_WISATA int not null, NAMA_WISATA varchar(30), PROFIL_WISATA varchar(100), FOTO longblob, primary key (ID_LOKASI_WISATA) );

/*========================================================== ====*/

/* Table: M_PAKET

*/

/*========================================================== ====*/


(64)

ID_ADMIN int not null,

ID_USER varchar(20) not null, NAMA_PAKET varchar(20),

TGL_TUTUP_PAKET date,

KET_PAKET varchar(100), primary key (ID_PAKET)

);

/*========================================================== ====*/

/* Table: M_PENGGUNA

*/

/*========================================================== ====*/

create table M_PENGGUNA (

ID_USER varchar(20) not null, PASSWORD_USER varchar(20),

NAMA_USER varchar(50), ALAMAT_USER varchar(55), TELP_USER numeric(20,0), EMAIL_USER varchar(20), STATUS_USER varchar(15), primary key (ID_USER)

);

alter table BELANJA add constraint FK_MELAKUKAN foreign key (ID_USER)

references M_PENGGUNA (ID_USER) on delete restrict on update restrict;


(65)

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


(66)

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.


(67)

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 :


(68)

  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 Muka Halaman Admin Paket).


(69)

  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).


(70)

 

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 Berhasil Dimasukkan):


(71)

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 :


(72)

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 dari database. Seperti terlihat gambar dibawah ini :


(73)

  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 : 


(74)

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 paket-paket Nikita Tour. Berikut adalah tampilan laporan data seluruh paket-paket:


(75)

  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 :


(76)

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


(77)

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 :


(78)

  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 :


(79)

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 : 


(80)

  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 berikut ini:


(81)

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 :


(82)

  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:


(83)

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 :


(84)

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 :


(85)

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:


(86)

Gambar 4.26 Halaman Paket 8) Halaman Login Member

Tampilan home sebelum login berbeda dengan tampilan home ketika sudah login. Berikut adalah tampilan home setelah login:


(87)

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.


(88)

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 mengubah datanya kembali. Berikut ini adalah tampilan konfirmasi pembayaran:


(89)

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


(90)

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 out, untuk menghapus semua history yang ada.


(91)

BAB V

UJI COBA DAN ANALISA APLIKASI

Pada bab ini dibahas mengenai uji coba terhadap aplikasi yang telah dibuat dan selanjutnya akan dibuat evaluasi dari hasil uji coba tersebut. Uji coba dilaksanakan untuk mengetahui apakah aplikasi dapat berjalan dengan baik sesuai perancangan yang dibuat. Evaluasi dilakukan untuk menentukan tingkat keberhasilan dari aplikasi yang dibuat.

5.1. Lingkungan Uji Coba

Pada uji coba kali ini digunakan sebuah computer untuk mengakses situs e-commerce jasa perjalanan wisata dengan spesifikasi sebagai berikut:

a) System operasi: Windows XP

b) Server Database: Mysql 5.024

c) Web Server: Apache 5.2.3

d) Processor Intel Celeron M


(92)

Pelaksanan uji coba ini akan melakukan implementasi sistem yang telah dibuat. Uji coba ini terdapat dua percobaan yaitu uji coba sistem, uji coba pemesanan paket wisata, dan uji coba transakasi.

5.2.1. Uji Coba Sistem

Uji coba sistem yang dimaksud adalah melakukan percobaan terhadap fitur-fitur yang ada pada system daintaranya adalah:

5.3. Halaman Uji Coba Sistem Administrator

Pada form utama administrator terdapat 6 pilihan menu paket, informasi, customer, daftar belanja, buku tamu, dan laporan.

1) Halaman Login

Uji coba login ini dilakukan untuk dapat mengakses halaman admin (petugas), halaman wisatawan dan halaman admin. Dalam hal ini user (admin) dapat melakukan pengaturan terhadap data-data yang akan ditampilkan pada user. Sedangkan untuk wisatawan dapat melakukan pemesanan paket wisata. User harus mengisikan username dan password terlebih dahulu, seperti yang ditunjukan pada Gambar 5.1 berikut ini:


(93)

Gambar 5.1 Tampilan Login Administrator

Apabila user salah memasukkan username atau password, maka akan muncul pesan dan user tidak dapat mengakses halaman yang ditujunya seperti yang ditunjukan Gambar 5.2 berikut ini:

Gambar 5.2 Tampilan Jika Login Gagal

Apabila user benar memasukkan username atau password, maka akan pada halaman awal administrator yang ditunjukan Gambar 5.3 berikut ini:


(94)

Gambar 5.3 Tampilan Awal Login Sukses

2) Halaman Uji Coba Pengisian Paket Perjalanan Wisata

Uji coba pengisian paket ini dilakukan untuk dapat mengisikan paket terbaru yang akan ditampilkan pada website Nikita Travel. Dalam hal ini user (admin) dapat melakukan pengaturan terhadap data-data yang akan ditampilkan pada user. ditunjukan pada Gambar 5.4 berikut ini:


(95)

Gambar 5.4 Tampilan Halaman 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 5.4 Tampilan Halaman Jika Data Berhasil Dimasukkan):


(96)

3) Halaman Uji Coba Edit Paket Pejalanan Wisata

Untuk melakukan pengubahan data paket caranya sangat mudah, administrator tinggal menekan tulisan edit disamping data yang akan diubah. Seperti terlihat gambar dibawah ini :

Gambar 5.5 Tampila Halaman Edit Paket

Jika data berhasil di ubah ke dalam database, maka akan muncul tampilan seperti gambar dibawah ini :


(97)

  Gambar 5.6 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 dari database. Seperti terlihat gambar dibawah ini :


(98)

Gambar 5.7 Tampilan 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 :


(99)

Gambar 5.8 Tampilan Admin Laporan

6) Halaman Laporan Seluruh Paket

Pada laporan seluruh paket dapat diketahui sisa stok dari paket-paket Nikita Tour. Berikut adalah tampilan laporan data seluruh paket:

Gamabar 5.9 Tampilan Laporan Seluruh Paket

7) Halaman Laporan Paket per-periode


(100)

yang ada disebelah kanan laporan Perperiode maka akan ditamplkan form untuk memfilter periode yang diinginkan, seperti gambar berikut ini :

Gamabar 5.10 Tampilan Laporan Paket per-periode

Setelah menentukan periode yang diinginkan, kemudian meneka tombol show untuk menampilkan laporan data paket dari periode yang telah ditentukan:


(1)

Gambar 5.36 Uji Coba Ajax Pada Browser Safari

Pada uji coba Login dengan ajax pada browser Safari warna tombol Login tetap bewarna abu-abu seperti pada browser opera dapat dilihat pada gambar 5.37 dibawah ini:

Hak Cipta © milik UPN "Veteran" Jatim :


(2)

(3)

111 

 

BAB VI

PENUTUP

6.1. Kesimpulan

Setelah melakukan uji coba dan evaluasi sistem, maka kesimpulan yang dapat diambil yaitu:

a. Sistem yang telah di rancang dan di buat dapat mempromosikan tempat-tempat wisata. Dengan melihat profil wisata didalam aplikasi yang telah dibuat.

b. Sistem yang telah di rancang dan di buat dapat memberikan fasilitas bagi travel untuk mempromokasikan paket wisata-paket wisata yang ditawarkan.

c. Sistem yang telah di rancang dan di buat dapat memberikan fasilitas bagi wisatawan untuk melakukan pemesanan paket perjalanan wisata. Wisatawan yang ingin memanfaatkan fasilitas yang ada dalam aplikasi ini di haruskan untuk registrasi terlebih dahulu. Wisatawan dapat melihat paket apa saja yang ditawarkan.

d. Sistem yang telah dirancang dan di buat dapat memberikan informasi mengenai transaksi pembayaran serta dapat menangani transaksi pembayaran. Pembayaran dilakukan melalui transfer dengan nomer rekening yang telah di tentukan.

Hak Cipta © milik UPN "Veteran" Jatim :


(4)

6.2. Saran

a. Sistem dikembangkan lagi agar dapat mempromosikan tempat-tempat wisata diseluruh dunia kuhsusnya Indonesia.

b. Sistem dikembangkan lagi dengan berbasis mobile


(5)

113 

 

DAFTAR PUSTAKA

Hakim, Lukmanul. 2008. Membongkar Trik Rahasia Para Master PHP, Penerbit LOKOMEDIA, Yogyakarta.

Kadir, Abdul. 2009. Mastering Ajax dan PHP, Edisi I, Penerbit ANDI, Yogyakarta.

Nugroho, Bunafit, 2004 “PHP & mySQL dengan Editor Dreamweaver MX”, Penerbit Andi, Yogyakarta.

Pengertian Ajax 2 Diakses 30 Desember dari http://blog-indonesia.com/blog-archive-10849-56.html

 

Pengertian Dasar – dasar Ajax Diakses 10 Februari dari http://bimoweb.com/dasar-ajax.html

Pembuatan Grafik Diagram Diakses 23 Februari dari http://blog.rosihanari.net/membuat-grafik-chart-di-php

Sidik, Betha, 2004, “Pemrogramam WEB dengan PHP”, penerbit Informatika, Bandung.

Hak Cipta © milik UPN "Veteran" Jatim :


(6)

Surya Kadir, Abdul. 2009. Mastering Ajax dan PHP, Edisi I, Penerbit ANDI, Yogyakarta.

Suryaana,Taryana. 2009 ; Sarwono, Jonathan. E-commerce Menggunakan PHP Dan MySQL, Edisi I, Penerbit GRAHA ILMU, Yogyakarta

Syafii. M, 2004 – 2005, “Membangun Aplikasi Berbasis PHP dan MySQL”, Penerbit ANDI, Yogyakarta.