Sistem Informasi Pemesanan Tiket Perjalanan berbasis web d Biro Perjalanan berbasis web di biro Perjalanan Alam's Tours & Travel

SISTEM INFORMASI PEMESANAN PAKET PERJALANAN

BERBASIS WEB DI BIRO PERJALANAN

ALAM’S TOUR & TRAVEL

KERJA PRAKTEK

Diajukan Untuk Memenuhi Tugas Mata Kuliah Kerja Praktek Program Studi Teknik Informatika

Fakultas Teknik dan Ilmu Komputer

ARMI YULIANSYAH P

10109695

MASESA ANGGA WIJAYA

10109690

SURYANINGRAT TRI DARMA A

10111986

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

2014

Riwayat Hidup

Data Pribadi

Pendidikan

Bandung,05Januari2014 Hormat saya,

( Armi Yuliansyah Perdana) NAMA Armi Yuliansyah Perdana

TEMPAT, TANGGAL

LAHIR Bengkulu , 15 july 1989 STATUS Mahasiswa

JENIS KELAMIN Laki-laki KEWARGANEGAAAN Indonesia

ALAMAT Jl. Sekeloa Utara No. 63 Bandung TELEPON 085720000793

E-mail basilhawkinsjr@yahoo.com

No. Tahun

1 1995-2001 SDN 20, Bengkulu 2 2001-2004 SMPN 5 , Bengkulu

Riwayat Hidup

Data Pribadi

Pendidikan

Bandung, 05 Januari 2014 Hormat saya,

( Masesa Angga Wijaya ) NAMA Masesa Angga Wijaya

TEMPAT, TANGGAL

LAHIR Lampung, 13 Agustus 1988 STATUS Mahasiswa

JENIS KELAMIN Laki-Laki KEWARGANEGAAAN Indonesia

ALAMAT Jalan Teratai V No. 1 Rancaekek - Bandung

TELEPON 08572 20 20 666

E-mail masesawijaya@yahoo.com

No. Tahun

1 1995-2000 SD Negeri Sejahtera 2 Bandung 2 2000-2003 SMP Negeri 3 Rancaekek 3 2003-2006 SMA Negeri 1 Rancaekek 4 2006-2007 Diploma 1 LPTP Panghegar

Riwayat Hidup

Data Pribadi

Pendidikan

Bandung, 05 Januari 2014 Hormat saya,

( Suryaningrat Tri Darma. A) NAMA Suryaningrat Tri Darma Apriyadi

TEMPAT, TANGGAL

LAHIR Atambua, 28 April 1991 STATUS Mahasiswa

JENIS KELAMIN Laki-laki KEWARGANEGAAAN Indonesia

ALAMAT

Jl. Batujajar ds. Laksana Mekar Perum Pusdikter RT.06/05 Padalarang Bandung Barat

TELEPON 083820702912 E-mail Iyha.em@gmail.com

No. Tahun

1 1997-1999 SDN Majenang II , Sukodono Jawa Tengah 2 1999-2001 SDN IV Sragen , Sragen Jawa Tengah 3 2001-2003 SDN II Cimareme, Padalarang Jawa Barat 4 2003-2006 SMPN IV Cimahi , Cimahi Jawa Barat 5 2006-2009 SMAN V Cimahi , Cimahi Jawa Barat

iii DAFTAR ISI

LEMBAR JUDUL

LEMBAR PENGESAHAN

KATA PENGANTAR ... i

DAFTAR ISI ... iii

DAFTAR TABEL... vii

DAFTAR GAMBAR ... viii

DAFTAR LAMPIRAN ... x

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 2

1.3 Maksud dan Tujuan ... 2

1.3.1. Maksud ... 2

1.3.2. Tujuan ... 2

1.4 Batasan Masalah... 2

1.5. Metode Penelitian... 3

1.6 Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA ... 7

2.1 Profil Tempat Kerja Praktek ... 7

2.1.1 Sejarah Singkat Alam’s Tour & Travel ... 7

2.1.2 Logo Alam’s Tour & Travel ... 8

2.1.3 Badan Hukum... 8

2.1.4 Struktur Organisasi Dan Jobs Description ... 8

2.2 Landasan Teori ... 15

2.2.1 Konsep Dasar Sistem ... 15

2.2.2 Konsep Dasar Informasi ... 16

2.2.3 Konsep Dasar Sistem Informasi ... 16

2.2.4 Konsep Dasar Basis Data ... 17

2.2.5 World Wide Web (WWW) ... 18

iv

2.2.7 Metode Analisis dan Perancangan Terstruktur ... 19

2.2.7.1 Flowmap ... 19

2.2.7.2 Diagram Konteks ... 19

2.2.7.3 Data Flow Diagram (DFD) ... 20

2.2.7.4 Kamus Data ... 20

2.2.8 Basis Data... 21

2.2.8.1 Relational Database ... 22

2.2.8.2 Relational Database Management System (RDBMS) .... 23

2.2.8.3 Perancangan Basis Data ... 23

2.2.9 Bahasa Pemrograman ... 26

2.2.9.1 HTML (HyperText Markup Languange) ... 26

2.2.9.2 Javascript ... 27

2.2.9.3 PHP (PHP Hypertext Prepocessor) ... 28

2.2.9.4 CSS (Cascading Style Sheets) ... 29

2.2.9.5 SQL (Structuure Query Languange) ... 30

2.2.10 Intranet ... 32

2.2.11 Perangkat Lunak Pendukung... 32

2.2.11.1 Web Browser ... 32

2.2.11.2 Microsoft Visio ... 32

2.2.11.3 Adobe Dreeamweaver CS5 ... 33

BAB III PEMBAHASAN ... 34

3.1 Analisis Sistem ... 34

3.2 Analisis Sistem Berjalan ... 34

3.2.1 Analisis Prosedur ... 34

3.3 Analisis Masalah ... 35

3.3.1 Analisis Kebutuhan non Fungsional ... 35

3.3.2 Analisis Pengguna ... 36

3.3.3 Analisis Perangkat Keras ... 37

3.3.4 Analisis Perangkat Lunak ... 38

v

3.3.5.1 Perancangan ERD ... 39

3.3.5.2 Perancangan Diagram Konteks ... 39

3.3.5.3 Perancangan Data Flow Diagram ... 40

3.3.5.4 Spesifikasi Proses ... 42

3.4 Perancangan Basis Data... 48

3.4.1 Kamus Data ... 48

3.4.2 Skema Relasi ... 50

3.4.3 Perancangan Struktur Tabel ... 51

3.5 Perancangan Antarmuka (Interface) ... 52

3.5.1 Perancangan Struktur Menu ... 52

3.5.2 Perancangan Interface Web... 53

3.5.3 Perancangan Interface Admin ... 57

3.5.4 Perancangan Interface Pesan ... 58

3.6 Jaringan Semantik... 59

3.7 Implementasi ... 60

3.7.1 Implementasi Perangkat Lunak ... 60

3.7.2 Implementasi Perangkat Keras ... 61

3.7.3 Implementasi Prosedur Dan Data... 61

3.7.4 Implementasi Antarmuka ... 61

3.7.5 Implementasi Antarmuka Penggunaan Program ... 61

3.7.5.1 Tampilan Halaman User ... 62

3.7.5.1.1 Tampilan Home User ... 62

3.7.5.1.2 Tampilan Menu Package ... 62

3.7.5.1.3 Tampilan Menu Full Package ... 62

3.7.5.1.4 Tampilan Menu Semi Full Package ... 63

3.7.5.1.5 Tampilan Menu Semi Package ... 65

3.7.5.1.6 Tampilan Booking/Reservation ... 66

3.7.5.1.7 Tampilan Contact ... 68

3.7.5.2 Tampilan Halaman Admin ... 69

3.7.5.2.1 Tampilan Login Admin ... 69

vi

BAB IV PENUTUP ... 71

4.1 Kesimpulan ... 71

4.2 Saran ... 71

i

KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa karena atas izin Nya penulis dapat menyelesaikan laporan kerja praktek dengan judul ”SISTEM INFORMASI PEMESANAN PAKET PERJALANAN BERBASIS WEB DI BIRO PERJALANAN ALAM’S TOUR & TRAVEL”.

Laporan ini ditulis dalam rangka memenuhi tugas kerja praktek di Biro Perjalanan Alam’s Tour & Travel. Sehubungan dengan tersusunnya karya tulis ini penulis mendapat bantuan dari berbagai pihak. Oleh karena itu dalam kesempatan kali ini penulis ingi menyampaikan rasa terimakasih yang sebesar-besarnya kepada semua pihak yang telah membantu dan membimbing penulisan ini. Secara khusus penulis ingin menyampaikan terimakasih kepada :

1.

Kedua orang tua kami tercinta yang senantia selalu memberikan segala dukungan dan doa restu serta kasih sayangnya,

2.

Bapak Ir. Eddi Soeryanto Soegoto, M.Sc selaku rektor Universitas Komputer Indonesia

3.

Bapak Prof. Dr. H. Denny Kurniadie, Ir., M.Sc. selaku Dekan Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

4.

Bapak Irawan Afrianto, S.T., M.T. selaku ketua Program Studi Teknik Informatika

5.

Bapak Alif Finandhita, S.Kom selaku dosen wali sekaligus pembimbing.

6.

Seluruh Dosen Pengajar dan Staff di Universitas Komputer Indonesia

7.

Bapak Alamsyah Wijaya sebagai pembimbing kerja praktek di Alam’s Tour & Travel terimakasih atas bimbingannya.

8.

Seluruh Mahasiswa IF-16 2009 terima kasih untuk kerjasama dan dukungannya.

9.

Seluruh rekan lainnya dan semua pihak yang telah membantu dalam penyelesaian laporan kerja praktek ini.

ii

Semoga semua kebaikan yang telah mereka berikan mendapat balasan yang jauh lebih baik dari Tuhan Yang Maha Esa, amin dan semoga karya tulis ini bermanfaat bagi penulis khususnya dan bagi pembaca pada umumnya.

Penulis menyadari masih sangat banyak kekurangan dan kelemahan yang terdapat pada karya tulis ini, karenanya kritik dan saran yang sangat membangun akan penulis terima dengan senang hati demi penyempurnaan karya tulis ini dimasa yang akan datang.

Bandung, 12 Januari 2014

71

BAB IV PENUTUP 4.1 Kesimpulan

Berdasarkan data hasil penelitian yang dilakukan di Alam’s Tour & Travel Bandung, maka penulis dapat mengambil kesimpulan :

1. Dengan dibuatnya sistem pemesanan berbasis web memudahkan proses pemesanan paket perjalanan dan bisa menjangkau semua target pemesanan, menjadikan pemesanan via online dengan tidak harus datang ke kantor Alam’s Tour & Travel.

2. Dengan adanya sistem pemesanan berbasis web ini proses pemesanan dan laporan pemesanan sudah terkomputerasi dan akurat secara otomatis serta lebih cepat sehingga meminimalkan waktu kinerja baik itu dari data yang lama karena sudah tersimpan di dalam sistem ini .

4.2Saran

Untuk meningkatkan kinerja dari “SISTEM INFORMASI PEMESANAN PAKET PERJALANAN BERBASIS WEB DI BIRO PERJALANAN

ALAM’S TOUR & TRAVEL”, penulis memberikan saran-saran sebagai berikut:

1. Situs web bagian pemberian informasi paket-paket perjalanan apa saja yang tersedia.

2. Sistem dapat dikembangkan dengan menambah fasilitas mailing list sehingga dapat semakin mendekatkan diri dengan pelanggan.

7 BAB II

TINJAUAN PUSTAKA

2.1. Profil Tempat Kerja Praktek

Tinjauan perusahaan merupakan penjelasan secara singkat tentang keadaan perusahaan yang meliputi sejarah, logo, badan hukum, struktur organisasi dan job description.

2.1.1. Sejarah Singkat Alam’s Tour & Travel

Dalam penelitian ini, yang menjadi objek penelitian adalah Alam’s Tour & Travel divisi Marketing Officer JL. Teratai V no.1 Rancaekek - Bandung.

Biro Perjalanan ini berawal dari seseorang yang telah berkecimpung dalam dunia Tour & Travel selama 30 Tahun dari tahun 1983 hingga 1993, mengawali karier sebagai Tour Guide di Hotel Sangkuriang yang beralamat di Cisitu lama Bandung, berbagai tempat di Pulau Jawa, Bali dan Lombok sudah sering dikunjungi serta berbagai wisatawan baik domestic maupun luar negeri sudah dikenalkan. Lalu pada tahun 1993 berinisiatif untuk membuka usaha Tour & Travel sendiri, dengan pengalaman yang sudah didapat dan koneksi beberapa orang di berbagai tempat menjadi modal utama dalam mengembangkan usaha ini. Maka berdirilah biro perjalanan tersebut dengan menggunakan nama awalan pemilik yakni ALAM’S TOUR & TRAVEL. Selain membuka kantor di Bandung – Indonesia, ALAM’S TOUR & TRAVEL ini juga membuka kantor cabang di Zevenbergen – Belanda. Dimana parawisatawan luar negeri dapat berkomunikasi terlebih dahulu melalui kantor yang berada di Belanda untuk memudahkan.

8 2.1.2. Logo Alam’s Tour & Travel

Gambar 2.1 Logo Alam’s Tour & Travel

Arti logo Alam’s Tour & Travel adalah :

1. Bentuk Lingkaran menunjukan sebuah kehidupan yang bagaikan roda yang terus berputar terkadang berada di bawah dan terkadang berada di atas, dengan maksud dalam memiliki suatu usaha harus tetap kuat saat di bawah dan bersyukur saat berada diatas.

2. Bentuk Segitiga menunjukan bahwa tiap sudut mewakili 3 pulau yakni Jawa, Bali dan Lombok atau dapat juga diartikan lebih religi yakni Hubungan dengan Tuhan, Hubungan antar Manusia dan Hubungan Manusia dengan Alam.

3. Bentuk Huruf a dan t menunjukan nama dari perusahaan tersebut yakni Alam’s Tour & Travel

2.1.3. Badan Hukum

Alam’s Tour & Travel memiliki bentuk badan hukum yakni perusahaan perseorangan.

2.1.4. Struktur Organisasi dan Job Description  Struktur organisasi Alam’s Tour & Travel :

9

Gambar 2.2 Struktur Organisasi Alam’s Tour & Travel

Job Description :

1. Posisi Jabatan : Direktur Utama

Deskripsi tugas :

- memimpin perusahaan dengan menerbitkan kebijakan-kebijakan perusahaan

- memilih, menetapkan, mengawasi tugas dari karyawan dan kepala bagian (manajer)

- menyetujui anggaran tahunan perusahaan

- Mengelola semua kegiatan yang berkaitan dengan sistem kerja, dengan sasaran tercapainya kelancraan kerja dan kualitas pekerjaan serta jadwal yang telah ditetapkan.

- Merencanakan dan mengkoordinasi pelaksanaan pengembangan kompetensi SDM

2. Posisi : General Manager

10

- Merencanakan strategi implementasi atas kebijakan perusahaan

secara menyeluruh agar dapat dijalankan secara optimal

- Memonitor pelaksanaan kebijakan dan strategi perusahaan serta

memastikan kelancaran pelaksanaannya agar dapat berjalan secara maksimal dan tepat

- Mengontrol dan mengevaluasi implementasi strategi agar

memperoleh masukan strategis sebagai usulan untuk kebijakan tahun berikutnya

- Mengevaluasi dan menganalisa hasil implementasi strategi

perusahaan serta mencari usulan atas pemecahan masalah yang timbul

3. Posisi : HRD Manager

Deskripsi Tugas :

- Memelihara data/arsip kepegawaian per orang meliputi, biodata, kontrak, perjanjian, cuti, kehadiran dll,serta melengkapi bila terdapat arsip baru terkait karyawan tersebut.

- Mengatur payroll, tunjangan-tunjangan, menyeimbangkan pendapat antara karyawan sesuai tingkatan dan beban kerja masing-masing karyawan.

- Mengkoordinir pelaksanaan evaluasi kerja / penilaian karyawan - Memastikan hubungan ketenagakerjaan antara karyawan dan

perusahaan berjalan harmonis sesuai dengan keadaan dan kondisi perusahaan.

- Melakukan bimbingan kepada para karyawan tentang keserasian kerja dengan tetap menghormati tingkatan jabatan, berdasarkan Struktur organisasi yang berlaku.

- Membuat jobdesc / uraian pekerjaan untuk setiap posisi yang ada serta memeliharanya apabila terdapat perubahan.

- Mengatur berbagai kegiatan karyawan terkait kegiatan non pekerjaan seperti rekreasi, olah raga, halal bihalal dll

11 - Melakukan proses penerimaan karyawan dan menyiapkan

kontrak kerja.

- Melaksanakan kegiatan penerimaan karyawan sesuai kebutuhan & melakukan analisa kebutuhan tenaga kerja pada setiap unit kerja.

- Menyelenggarakan pelatihan bagi karyawan baru atau lama sesuai kebutuhan & melakukan analisa kebutuhan tenaga kerja pada setiap unit kerja.

- Menangani kegiatan Hubungan Industrial (Disnaker, warga dan lain-lain)

- Melaksanakan tugas lain yang diberikan pimpinan perusahaan.

4. Posisi : Finance Manager

Deskripsi Tugas :

- Merencanakan, mengembangkan, dan mengontrol fungsi keuangan dan akuntansi di perusahaan dalam memberikan informasi keuangan secara komprehensif dan tepat waktu untuk membantu perusahaan dalam proses pengambilan keputusan yang mendukung pencapaian target financial perusahaan.

- Mengelola fungsi akuntansi dalam memproses data dan informasi keuangan untuk menghasilkan laporan keuangan yang dibutuhkan perusahaan secara akurat dan tepat waktu.

- Mengkoordinasikan dan mengontrol perencanaan, pelaporan dan pembayaran kewajiban pajak perusahaan agar efisien, akurat, tepat waktu, dan sesuai dengan peraturan pemerintah yang berlaku.

- Merencanakan, mengkoordinasikan dan mengontrol arus kasperusahaan (cashflow), terutama pengelolaan piutang dan hutang, sehingga memastikan ketersediaan dana untuk operasional perusahaan dan kesehatan kondisi keuangan.

12 - Merencanakan dan mengkoordinasikan penyusunan anggaran perusahaan, dan mengontrol penggunaan anggaran tersebut untuk memastikan penggunaan dana secara efektif dan efisien dalam menunjang kegiatan operasional perusahaan.

- Merencanakan dan mengkoordinasikan pengembangan sistem danprosedur keuangan dan akuntansi, serta mengontrol pelaksanaannya untuk memastikan semua proses dan transaksi keuangan berjalan dengan tertib dan teratur, serta mengurangi risiko keuangan.

- Mengkoordinasikan dan melakukan perencanaan dan analisa keuangan untuk dapat memberikan masukan dari sisi keuangan bagi pimpinan perusahaan dalam mengambil keputusan bisnis, baik untuk kebutuhan investasi, ekspansi, operasional maupun kondisi keuangan lainnya.

- Merencanakan dan mengkonsolidasikan perpajakan seluruh perusahaan untuk memastikan efisiensi biaya dan kepatuhan terhadap peraturan perpajakan.

5. Posisi : Admin Manager

Deskripsi Tugas :

- Membuat dan menyusun Surat Perjanjian Kerjasama dengan staf, lembaga mitra, pihak ketiga.

- Melakukan pengajuan honor staf dan pihak ketiga sesuai dengan tanggal dan jumlah yang tertera dalam Surat Perjanjian kerjasama

- Melakukan penghitungan cuti, uang makan dan entri data absensi.

- Melakukan pendokumentasian data-data berkaitan dengan Surat Perjanjian Kerjasama, Hasil Evalusi, SoP dan Surat Keputusan. - Mengagendakan Surat Masuk dan Surat Keluar.

13 - Memperhatikan dan menyiapkan segala kebutuhan dan pengadaan alat-alat tulis kantor bagi setiap departemen yang ada di perusahaan itu serta pengadaan alat-alat kebersihan beserta kelengkapannya bagi petugas kebersihan.

- Menjaga dan melakukan pembaharuan informasi administrasi sehingga saat diperlukan oleh pimpinan perusahaan, laporan administrasi terbarulah yang akan diinformasikan kepada pimpinan.

6. Posisi : Marketing Manager

Deskripsi Tugas :

- Bertanggung jawab terhadap keseluruhan aspek marketing – brand management perusahaan, termasuk mengelola semua promo iklan diberbagai media iklan dalam menunjang pencapaian target yang telah ditentukan, sesuai dengan visi perusahaan.

- Mengelola seluruh anggota tim Divisi Marketing perusahaan untuk mencapai tujuan bersama.

- Menjaga dan meningkatkan hubungan kerjasama Internal dan External.

- Membuat dan menyetujui anggaran tahunan untuk tim marketing

- Menentukan strategi promosi dan eksekusinya

- Memonitor efektivitas kegiatan promotion dan aktivitas marketing lainnya, serta memonitor dan memeriksa pertanggungjawaban penggunaan anggaran tahunan

- Memonitor pencapaian target baik

- Mengatur tugas tim marketing, dan melakukan perombakan struktur organisasi tim marketing

- Memeriksa, melakukan verifikasi dan memberikan persetujuan terhadap biaya operasional marketing

14

7. Posisi : Driver Chief

Deskripsi Tugas :

- Pembersihan di dalam dan di luar kendaraan - Pengecekan mesin pada :

 Air Radiator  Air ACCU  Tekanan Ban  Lampu dan Sein

 Tolkit ( alat –alat kunci )  Ban Cadangan

 Air Wiper

 Ukuran Temperatur

 BBM ( Bahan Bakar dan Minyak ) - Pengecekan perlengkapan kendaraan  Surat STNK, BPKB

 Buku KIR

- Pengecekan Surat Pengemudi yaitu :

 SIM

 KTP

- Selama menjalankan kendaraan :

 Mengetahui dan mematuhi rambu-rambu lalu lintas  Mengetahui dan menguasai jalan / tujuan pemakai jasa.  Memberikan pelayanan yang baik ( tidak ugal ugalan dalam

mengemudi ).

 Menjaga penampilan dan sikap sopan santun  Mengutamakan keselamatan penumpang - Sesudah menjalankan kendaraan :  Membersihkan kendaraan luar dalam

15  Pengecekan setelah kendaraan dipakai

8. Posisi : Guide Chief

Deskripsi Tugas : - TOUR PREPARING  Koordinasi.

 Serah Terima Tugas dan Pekerjaan  Serah terima Tour Fund

 Penyusunan Jadwal Kegiatan Harian Tour Guide

 Persiapan Perlengkapan dan Peralatan serta Personal in Charge  Persiapan Tour Guide

 Memahami Sikap Dalam Memberi Pelayanan  Memahami Teknik Pelayanan

- PELAKSANAAN TOUR GUIDING  Pra Penjemputan Tour Participants  Penjemputan Tour Participants

 Penjelasan pada obyek kunjungan / stop over / transit  Mencipta suasana menyenangkan berperjalanan  Menghadapi dan mengatasi keberatan ( complain )  Closing Guide

- LAPORAN GUIDE.

 Laporan Aktual Perjalanan Wisata

 Laporan Analisa Keberatan & Kepuasan Tour Participants  Laporan Pertanggungjawaban Tour

2.2. Landasan Teori

Pada bagian ini akan diuraikan teori-teori yang menunjang dalam pemecahan masalah yang dianggap relevan dengan pokok bahasan.

16 2.2.1 Konsep Dasar Sistem

Suatu sistem terdiri dari bagian-bagian yang saling berhubungan. Beroperasi bersama-sama untuk mencapai beberapa sasaran atau tujuan. Sistem mengacu pada kelompok elemen yang dipadukan untuk tujuan bersama dalam mencapai beberapa tujuan. Sebuah sistem harus mempunyai lebih dari satu elemen dan semua elemen dari suatu sistem harus mempunyai hubungan yang terpadu.

Terdapat dua kelompok pendekatan didalam mendefinisikan sistem, yaitu menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Pendekatan sistem yang lebih menekankan pada prosedurnya, mendefinisikan sistem sebagai berikut :

“Suatu sistem adalah suatu jaringan kerja dari prosedur -prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan sesuatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.”[2]

Pendekatan sistem yang lebih menekankan pada elemen atau komponennya mendefinisikan sistem sebagai berikut :

“Sistem adalah kumpulan elemen-elemen yang berinteraksi untuk, mencapai suatu tujuan tertentu”.[2]

Kedua kelompok definisi ini adalah benar dan tidak bertentangan, yang berbeda adalah cara pendekatannya.

2.2.2 Konsep Dasar Informasi

Suatu informasi sangat penting dalam suatu organisasi. Informasi dapat didefinisikan sebagai berikut :

”Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”.[2]

Sumber dari informasi adalah data. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian (

17 2.2.3 Konsep Dasar Sistem Informasi

Informasi adalah hal yang sangat penting bagi manajemen didalam pengambilan keputusan. Informasi dapat diperoleh dari sistem informasi. Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoc Davis sebagai berikut :

“Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”.[2]

2.2.4 Konsep Dasar Basis Data

Definisi basis data (database) yang dirumuskan oleh James Martindalam bukunya yang berjudul “Database Organization” adalah :

“Basis data adalah satu data yang terhubung ( interrelated data ) yang disimpan secara bersama-sama pada suatu media tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data ( controller redundancy) dengan cara-cara tertentu sehingga mudah untuk digunakan atau ditampilkan kembali, dapat digunakan oleh satu atau lebih program aplikasi secara optimal, data disimpan tanpa mengalami ketergantungan pada program yang akan digunakannya. Data disimpan sedemikian rupa sehingga penambahan, pengambilan dan modifikasi dapat dilakukan dengan mudah dan terkontrol “.[3]

Dari definisi diatas dapat disimpulkan bahwa basis data mempunyai beberapa kriteria yaitu :

1. Bersifat data oriented.

2. Dapat digunakan oleh beberapa program aplikasi tanpa perlu mengubah baris datanya.

3. Dapat memenuhi kebutuhan sistem-sistem baru secara mudah.

18 4. Dapat berkembang dengan mudah, baik volume maupun

strukturnya.

5. Dapat digunakan dengan cara-cara yang berbeda. 6. Kerangkapan data minimal.

Basis data merupakan salah satu hal yang penting dalam perancangan sistem komputer satu organisasi, dengan alasan :

1. Basis data tidak hanya berisi data tetapi juga rencana atau model data.

2. Basis data dapat menjadi sumber data utama yang

digunakan bersama oleh berbagai orang dalam perusahaan sesuai dengan kebutuhannya.

2.2.5 World Wide Web (WWW)

Salah satu layanan aplikasi di Internet adalah World Wide Web (WWW), pelayanan yang dikembangkan di Internet dan menjadi layanan aplikasi yang paling populer digunakan pemakai jaringan Internet. WWW atau yang biasa disebut Web saja, bekerja dengan teknologi yang disebut

hypertext, yang kemudian dikembangkan menjadi suatu protocol aplikasi yang disebut HTTP ( HyperText Transfer Protocol ). WWW atau Web

merupakan fasilitas hypertext untuk menampilkan data berupa text, grafik atau gambar, suara, animasi, dan sebagainya. Apabila diumpamakan WWW merupakan perpustakaan besar yang menyediakan berbagai buku dengan berbagai informasi yang dibutuhkan.[4]

2.2.6 Pengembangan Sistem Informasi Pemesanan Paket Perjalanan Berbasis Web Di Biro Perjalanan Alam’s Tour & Travel.

Pengembangan sistem informasi pemesanan paket perjalanan berbasis web di biro perjalanan Alam’s tour & travel adalah aplikasi yang memudahkan para konsumen untuk mendapatkan informasi langsung mengenai paket-paket yang tersedia berupa tempat wisata yang bisa dikunjungi beserta harga-harganya.

19 2.2.7 Metode Analisis dan Perancangan Terstruktur

Metode yang digunakan diantaranya menggunakan tool-tool seperti Flowmap, Diagram konteks, Data Flow Diagram, Kamus data, ERD dan Tabel relasi.[5]

2.2.7.1 Flowmap

Flowmap adalah campuran peta dan flow chart, yang menunjukkan pergerakan benda dari satu lokasi ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah barang yang diperdagangkan, atau jumlah paket dalam jaringan. Flowmap menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian.[5]

2.2.7.2 Diagram Konteks

Diagram konteks merupakan alat pemodelan atau suatu diagram yang menggambarkan sistem berbasis komputer yang dirancang secara global dan merupakan suatu diagram alir data tingkat atas, dimana didalam diagram konteks ini menggambarkan seluruh jaringan, baik masukan maupun sebuah keluaran sebuah sistem. [5]

Diagram konteks terdiri dari sebuah simbol proses tunggal yang menggambarkan sebuah sistem dan menunjukan data aliran utama untuk dan dari terminator. Diagram ini merupakan dasar yang digunakan untuk menentukan aliran data yang mengalir menuju sistem (input sistem) dan keluar dari sistem (output sistem), yang meliputi objek berupa kesatuan luar (ekseternal entity). Diagram konteks dapat mendefinisikan jangkauan proses penurunan sistem informasi yaitu menentukan apa yang menjadi bagian dari sistem informasi dan apa yang tidak menjadi bagian sistem informasi.

20 Diagram konteks dapat dibuat berjenjang mulai dari yang paling umum sampai yang paling terperinci. Salah satu bentuk turunan diagram lebih terperinci dari diagram konteks, adalah Diagram Aliran Data atau (Data Flow Diagram/DFD).

2.2.7.3 Data Flow Diagram (DFD)

DFD merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuatan program.[5]

DFD digunakan pada metodologi pengembangan sistem yang terstruktur (structured Analysis and design). Model analisis harus dapat mencapai tiga sasaran utama, yaitu menggambarkan apa yang dibutuhkan oleh pelanggan, membangun dasar bagi pembuatan desain perangkat lunak dibangun.

Diagram aliran data merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram aliran data adalah memudahkan pemakai atau user yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan.

2.2.7.4 Kamus Data

Kamus data merupakan kumpulan data-data. Kamus data adalah katalog fakta tentang data dan kebutuhan informasi dari suatu sistem informasi.[9] Kamus data merupakan tempat penyimpanan definisi dari aliran-aliran data, file-file dan proses-proses dalam sebuah sistem informasi. Dengan menggunakan kamus data, analisis sistem dapat memberikan informasi mengenai definisi struktur pemakaian masing-masing elemen, dapat mendefinisikan data yang mengalir di sistem dengan lengkap,

21 dapat menghindari duplikasi elemen-elemen dan menghindari konflik antara elemen-elemen.

Kamus data berfungsi untuk membantu pelaku sistem untuk mengartikan alokasi secara detail dan mengorganisasikan semua elemen data yang digunakan dalam sistem secara persis sehingga pemakai dan penganalisis sistem mempunyai dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses. [6]

2.2.8 Basis Data

Pengertian Basis Data adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya.[7] Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi yang akan disimpan. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada para pengguna atau user. Basis data digunakan karena memiliki keuntungan sebagai berikut:

1. Mengurangi redundansi

2. Data dapat di-share antar aplikasi 3. Dapat dilakukan standardisasi data 4. Batasan security dapat diterapkan

5. Mengelola integritas data (akurasinya terjamin)

6. Independensi data (objektif DBS), basis data dapat berkembang tanpa mempengaruhi aplikasi yang telah ada Secara definitif, basis data merupakan suatu objek terstruktur . Objek terstruktur tersebut terdiri atas data dan metadata. Data pada basis data merupakan informasi deskriptif yang benar-benar tersimpan, misalnya “Nama” atau “Alamat”. Sedangkan metadata merupakan bagian yang menjelaskan tentang struktur data tersebut dalam basis data, misalnya field

22 untuk “Nama” dan “Alamat”, panjang field, atau tipe data untuk masing -masing field.

Untuk menentukan struktur suatu basis data digunakan pemodelan basis data. Pemodelan basis data ada banyak macamnya. Beberapa diantaranya yaitu:

1. File Sistems

2. Hierarchical Database Model 3. Network Database Model 4. Relational Database Model

Dari keempat pemodelan basis data di atas, relational database model merupakan solusi terbaik saat ini untuk menangani proses penyimpanan maupun pengambilan data.

2.2.8.1 Relational Database

Basis data relasional ditemukan oleh seorang periset IBM, Dr. E.F. Codd. Basis data relasional ini dapat mengatasi berbagai batasan yang ada pada model hierachical database tanpa mengabaikan struktur hirarki data. Pada basis data relasional, setiap tabel dapat diakses tanpa harus mengakses objek parent-nya. Selain itu, setiap tabel dapat dihubungkan tanpa perlu terpengaruh dengan posisi hirarkis masing-masing tabel. Berdasarkan keberadaannya, relasi terbagi menjadi tiga macam [7]:

1. Base relation, yaitu relasi yang skemanya terdefinisi dan benar-benar ada pada basis data.

2. Derived relation, yaitu relasi yang diturunkan dari relasi lainnya dengan menggunakan ekspresi relasional.

23 2.2.8.2 Relational Database Management Sistem (RDBMS)

Database Management Sistem (DBMS) adalah suatu sistem perangkat lunak yang digunakan untuk memanipulasi / memproses basis data. Sedangkan istilah relational database management sistem digunakan untuk menyebut suatu perangkat lunak yang dapat menangani basis data relasional dan berkomunikasi dengan engine basis data tersebut.[7]

2.2.8.3 Perancangan Basis Data

Perancangan merupakan suatu hal yang sangat penting dalam pembuatan basis data. Permasalahan yang dihadapi pada waktu perancangan yaitu bagaimana basis data yang akan dibangun ini dapat memenuhi kebutuhan saat ini dan masa yang akan datang. Untuk itu diperlukan perancangan basis data baik secara fisik maupun secara konseptualnya.

Perancangan konseptual akan menunjukkan entity dan relasinya berdasarkan proses yang diiginkan oleh organsisasinya. Untuk menentukan entity dan relasinya perlu dilakukan analisis data tentang informasi yang ada dalam spesifikasi di masa yang akan datang.

a. Normalisasi

Proses normalisasi adalah proses pengelompokan data elemen menjadi tabel-tabel yang menunjukkan entity dan relasinya. [6] Pada proses normalisasi dilakukan pengujian pada beberapa kondisi apakah ada kesulitan pada saat menambah/menyisipkan, menghapus, mengubah dan mengakses pada suatu basis data. Bila terdapat kesulitan pada pengujian tersebut maka perlu dipecahkan relasi pada beberapa tabel lagi atau dengan kata lain perancangan basis data belum optimal.

24 1. Bentuk Normal kesatu ( 1 NF /First Normal Form )

Syarat agar suatu relasi dapat dikatakan memenuhi bentuk normal kesatu antara lain jika tidak mengandung repeaty group dan harus atomic.

2. Bentuk normal kedua ( 2 NF /Second normal form ) Suatu relasi akan memenuhi bentuk normal kedua apabila telah memenuhi bentuk normal kesatu dan semua atribut bukan kunci harus secara fungsi bergantung penuh pada atribut kunci.

3. Bentuk normal ketiga ( 3 NF /Third normal form ) Suatu relasi dapat memenuhi bentuk normal ketiga jika telah memenuhi syarat normal kedua dan tidak mengandung “Transitive Functional dependenciey” ( ketergantungan transitif /tidak langsung ).

b. Tabel Relasi

Relasi table secara sederhana dapat dikatakan sebagai suatu database yang didalamnya terdapat table-tabel yang saling berelasi satu sama lain. Relasi antar table dengan table yang lainnya ditentukan berdasarkan aturan-aturan tertentu.

c. Entitiy Relationship Diagram (ERD)

ERD adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. [6] ERD berbeda dengan DFD yang merupakan suatu model jaringan fungsi yang akan dilaksanakan oleh sistem, sedangkan ERD merupakan model jaringan data yang menekankan pada struktur-struktur dan hubungan data.

Adapun elemen-elemen dari ERD adalah sebagai berikut:

25 1. Entity (entitas)

Entity (entitas) adalah sesuatu apa saja yang ada di dalam sistem, nyata ataupun abstrak di mana data tersimpan atau di mana terdapat data. Entity digambarkan dengan sebuah bentuk persegi panjang.

2. Relationship

Relationship adalah hubungan alamiah yang terjadi antar entity (entitas). Relationship digambarkan dengan sebuah bentuk belah ketupat.

3. Relationship degree (derajat relationship)

Relationship degree adalah jumlah entitas yang berpartisipasi dalam satu relationship.

4. Atribut

Atribut adalah sifat atau karakteristik dari tiap entitas maupun tiap relationship.

5. Kardinalitas (cardinality)

Kardinalitas relasi menunjukkan jumlah maksimum baris yang dapat berrelasi dengan entitas pada entitas yang lain.

Ada 3 macam kardinalitas, yaitu : a. One to one (satu ke satu)

Tingkat hubungan ini menunjukkan hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, dan hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua. Artinya setiap baris pada entitas A berhubungan dengan paling banyak satu baris pada entitas B dan begitu juga sebaliknya.

b. One to many atau many to one (satu ke banyak atau banyak ke satu)

26 Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu tergantung dari arah mana hubungan itu dilihat. Artinya untuk satu kejadian pada entitas pertama mempunyai banyak hubungan dengan kejadian pada entitas kedua.

c. Many to many (banyak ke banyak)

Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya. Dilihat dari entitas yang pertama maupun dari entitas yang kedua.

d. Struktur File

Struktur file merupakan struktur dari file-file dalam basis data, baik itu file tipe data maupun deskripsi lain file-file tersebut.

e. Kodefikasi

Kodefikasi berfungsi untuk mendefinisikan suatu objek secara singkat, mengklasifikasikan data dan memasukan data kedalam database. Kode dapat dibentuk dari kumpulan huruf angka dan karakter khusus.

2.2.9 Bahasa Pemrograman

Bahasa pemograman yang digunakan dalam pembuatan program untuk Aplikasi Logistik Persuratan berbasis Web sebagai berikut :

2.2.9.1 HTML (HyperText Markup Language)

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan formating hypertext sederhana yang ditulis ke dalam berkas format ASCII (American Standard Code for

27

Information Interchange) agar dapat menghasilkan tampilan wujud yang terintegerasi.[4]

HTML berupa kode-kode tag yang menginstruksikan penjelajah web untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan penjelajah web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka surel ataupun dari PDA dan perangkat lunak lain yang memiliki kemampuan browser. Dengan menggunakan perintah-perintah HTML memungkinkan pengguna untuk melakukan tugas-tugas berikut:

1. Menentukan ukuran dan alur tulisan. 2. Mengintegerasikan gambar dengan tulisan.

3. Mengintegerasikan berkas suara dan rekaman gambar hidup. 4. Membuat form interaktif.

2.2.9.2 Javascript

JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa skrip yang didasarkan pada konsep pemrograman berbasis prototipe. [4] Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain.

Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>. Berikut ini adalah contohnya (yang akan

28 menampilkan sebuah dialog box berisi Halo Dunia! ketika sebuah tombol diklik oleh pengguna):

<input type="button" value="Tekan di sini" onclick="halo();"> <script type="text/javascript">

function halo() { alert( "Halo Dunia!" ); }

</script>

2.2.9.3 PHP (PHP Hypertext Preprocessor)

PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks - sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh server tetapi disertakan pada halaman HTML biasa.[4]

PHP adalah teknologi yang diperkenalkan tahun 1994 oleh Rasmus Lerdorf. Beberapa versi awal yang tidak dipublikasikan digunakan pada situs pribadinya untuk mencatat siapa saja yang mengakses daftar riwayat hidup onlinenya. Versi pertama digunakan oleh pihak lain pada awal tahun 1995. Terkandung didalamnya sebuah parser engine (mesin pengurai) yang sangat disederhanakan, yang hanya mampu mengolah macro khusus dan beberapa utilitas yang sering digunakan pada pembuatan home page, seperti buku tamu, pencacah dan hal semacamnya. Parser tersebut ditulis ulang pada pertengahan 1995 dan dinamakan PHP/FI version 2. FI (Form Interpreter) sendiri berasal dari kode lain yang ditulis juga oleh Rasmus, yang menterjemahkan HTML dari data. Ia menggabungkan script Personal Home Page dalam Form Interpreter dan menambahkan dukungan terhadap server database yang menggunakan format

29 mySQL, sehingga lahirlah PHP/FI. PHP/FI tumbuh dengan pesat, dan orang-orang mulai menyiapkan kode-kode programnya supaya bisa didukung oleh PHP.

Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server. Ketika menggunakan PHP sebagai server-side embedded script language maka server akan melakukan hal - hal sebagai berikut :

1. Membaca permintaan dari client/browser. 2. Mencari halaman page di server.

3. Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi pada halaman/page.

4. Mengirim kembali halaman tersebut kepada client melalui internet atau intranet.

Pada awalnya PHP dirancang untuk integritasikan dengan web server Apache. Namun belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server), dan Xitami. PHP bersifat open source, artinya kita tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Kita dapat mendownloadnya melalui situs www.php.net.

2.2.9.4 CSS (Cascading Style Sheets)

CSS atau Cascading Style Sheets merupakan suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).[4]

30 CSS digunakan antara lain untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

2.2.9.5 SQL (Structure Query Language)

Banyak perintah dan fungsi SQL yang dapat digunakan untuk mendefinisikan maupun memanipulasi . Secara umum perintah-perintah pada SQL dibagi menjadi dua kelompok yaitu [6]:

1. DDL (Data Definition Language)

DDL merupakan bagian dari SQL yang digunakan untuk mendefenisikan data dan proyek database. Perintah digunakan untuk mendefenisikan suatu proyek, yaitu membuat, mengubah, menghapus dan anggotaikan izin.

Beberapa perintah pada SQL yang temasuk DDL, seperti :

31 - Create Index untuk Membuat Index.

- Create View untuknMembuat View.

- Alter Table untuk Mengubah atau menyisipkan ke dalam tabel.

- Drop Table untuk Menghapus Tabel. - Drop Index untuk Menghapus Index. - Drop View untuk Menghapus View.

- Grant untuk memberikan izin akses kepada user.

2. DML (Data Manipulation Language)

DML merupakan bagian dari SQL yang digunakan untuk memanipulasi data. Perintah-perintah ini bertugas untuk melakukan query dan perubahan yang dilakukan dalam suatu tabel.

Beberapa perintah SQL yang termasuk DML, Seperti :

- Select diigunakan untuk memilih data dari suatu tabel atau view.

- Insert digunakan untuk Menyisipkan baris dari suatu tabel.

- Delete digunakan untuk Menghapus baris dari suatu tabel.

- UpDate digunakan untuk Mengubah isi dari kolom (field) pada suatu tabel.

- Commit digunakan untuk Menuliskan perubahan ke dalam disk.

- Rollback dingunakan untuk Membatalkan perubahan yang dilakukan setelah perintah Commit yang berakhir.

32 2.2.10 Intranet

Intranet adalah konsep LAN yang mengadopsi teknologi Internet dan mulai diperkenalkan pada akhir tahun 1995. Atau bisa dikatakan Intranet adalah LAN yang menggunakan standar komunikasi dan segala fasilitas Internet, diibaratkan berInternet dalam lingkungan lokal. umumnya juga terkoneksi ke Internet sehingga memungkinkan pertukaran informasi dan data dengan jaringan Intranet lainnya (Internet working) melalui backbone Internet.[8]

2.2.11 Perangkat Lunak Pendukung

Aplikasi pembangun yang digunakan untuk membuat program dan mendukung dalam proses pengolahan sistem adalah :

2.2.11.1 Web Browser

Web browser digunakan untuk memperoleh informasi dengan format hypertext. Web browser akan mengirimkan request

ke web server, dan menampilkan hasilnya ke pengguna.[4] Selain itu web browser juga akan mengirimkan form ke web server untuk diproses. Contoh dari web browser adalah Mozilla Firefox, NCSA Mosaic, Netscape Navigator, MacWeb, IE, Opera, Conqueror dan lain-lain.

2.2.11.2Microsoft Visio

Microsoft Visio adalah aplikasi yang digunakan untuk merancang suatu model perencanaan, model ini dimanfaatkan untuk kebutuhan developer maupun engineering yang didesain untuk berbagai macam kebutuhan.[5]

Pada Microsoft Visio terdapat beberapa menu pilihan mulai dari menu file, edit, view, insert, format, tools, shape, windows maupun help. Menu-menu ini memiliki kemiripan dengan

33 aplikasi lain yang dibuat oleh Microsoft, dengan beberapa diantaranya merupakan menu khusus yang didesain untuk Visio itu sendiri.

2.2.11.3Adobe Dreamweaver CS5

Adobe Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola suatu

web.[10] Keunggulan Dreamweaver CS5 dibandingkan editor

lainnya adalah memungkinkan pengguna berkreasi secara bebas dan cepat pada suatu lingkungan visual, tanpa menulis sebaris pun kode atau tag HTMLnya, dan setelah itu kita dapat menguji tampilan halaman web kita langsung di browser yang kita inginkan.

Kegunaan Adobe Dreamweaver CS5 :

 Dapat mendesain secara visual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat membuat halaman web dan websites secara mudah dan cepat.

 Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah terinstall. Web Browser

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Kemajuan dan perkembangan teknologi, khususnya teknologi komunikasi dan teknologi informasi menjadikan sebuah informasi dapat diperoleh dengan mudah kapanpun dan dimanapun. Dalam sebuah perusahaan keinginan untuk terus berkembang serta menggapai kesuksessan merupakan visi utama yang ingin dicapai, dengan berkembangan dunia usaha saat ini disertai bermunculannya para pesaing mau tidak mau membuat suatu perusahaan harus terus berinovasi untuk dapat meningkatkan pelayanan terhadap konsumen

Alam’s Tour & Travel merupakan sebuah perusahaan dalam bidang jasa Transportasi. Selama ini penyebaran informasi masih menggunakan pamplet dan spanduk. Melalui media tersebut tidak ada proses interaksi antara calon konsumen dan pihak perusahaan. Hal ini juga di nilai kurang efektif karena informasi yang diberikan akan sulit untuk didapatkan dan di ketahui oleh calon konsumen. Adapun sistem pemesanan tiket yang terjadi pun karena belum melakukan sistem yang terkomputerisasi hanya dilakukan manual dan dicatat dalam sebuah buku.

Solusi untuk mengatasi masalah diatas yaitu dengan membangun sebuah sistem informasi berbasis web . Web merupakan suatu teknologi yang bisa diakses oleh siapa saja, kapan saja dan dimana saja. Hal ini jelas sangat membantu para calon konsumen itu sendiri dalam melihat konsistensi Alam’s Tour & Travel pada pelayanan mereka dan juga dapat memberikan informasi yang dibutuhkan konsumen mengenai harga tiket , tujuan , dan promosi yang sedang berlangsung serta memudahkan konsumen untuk melakukan pemesanan tiket. Berdasarkan uraian tersebut penyusun tertarik untuk membangun sebuah sistem informasi dengan menggunakan teknologi internet. Maka penyusun mengajukan laporan hasil kerja praktek dengan judul :SISTEM INFORMASI PEMESANAN PAKET PERJALANAN BERBASIS WEB DI BIRO PERJALANAN

2 1.2 PerumusanMasalah

Berdasarkan latar belakang yang telah diuraikan, maka dapat dirumuskan masalah yaitu “Bagaimana cara mengembangkan sistem informasi tour & travel berbasis web pada Alam’s Tour & Travel”.

1.3 Maksud dan Tujuan 1.3.1 Maksud

Maksud dari kerja praktek ini adalah membangun system informasi tempat wisata beserta harga berbasis web pada Alam’s Tour & Travel.

1.3.2 Tujuan

Adapun kerja praktek ini dilakukan bertujuan untuk : 1. Memudahkan proses pemesanan tiket

2. Merancang sistem informasi pengisian data customer dalam

reservasi paket perjalanan di Alam’s Tour & Travel. 1.4 BatasanMasalah

Agar pembahasan masalah tersebut menjadi lebih terfokus maka pembuatan system informasi tempat wisata beserta harga tersebut ini, sistem yang dikaji adalah:

1. Sistem informasi ini hanya membahas mengenai tempat wisata beserta harganya.

2. Pada fitur dalam web, hanya terdapat fitur untuk memilih kota tujuan, tempat wisata yang sudah dipaket beserta harganya saja.

3. Sistem informasi tempat wisata dan harga paket a. Pemilihan tujuan dipilih

- Tujuan tersebut terdiri dari 3 Pilihan yakni Full Package (Pulau Jawa-Bali-Lombok), Semi-Full Package (Pulau Jawa-Bali) dan

3 b. Pengolahan data pada sistem

- Pemilihan kota tujuan - Pemilihan Paket c. Keluaran data pada sistem

- Tampilnya isi dalam paket beserta harganya d. Metode analisis

Metode analisis yang digunakan dalam pembangunan sistem ini adalah metode structural dengan menggunakan Data Flow Diagram (DFD) serta Entity Relation Diagram (ERD) untuk memodelkan aliran data dan untuk memodelkan relasi antara data.

1.5 Metode Penelitian

Metode yang digunakan penulis dalam menyusun laporan kerja praktek ini adalah sebagai berikut :

1. Metode Pengumpulan Data

Dalam kegiatan pengumpulan data menggunakan teknik sebagai berikut :

a. Observasi.

Melakukan kerja praktek langsung di Alam’s Tour & Travel. b. Interview.

Melakukan tanya jawab secara langsung dengan pihak yang dapat memberikan informasi mengenai aplikasi yang dibutuhkan.

c. Penelitian

Melakukan penelitian yang bersifat teoritis dengan mempelajari hal-hal yang berhubungan dengan topik yang dibahas.

2. Metode Pengembangan Perangkat Lunak

PEMBANGUNAN PERANGKAT LUNAK INI MENGGUNAKAN METODE WATERFALL YANG TERDIRI DARI BEBERAPA TAHAP, YAITU[1]:

a. Sistem Engineering

Merupakan tahap awal dalam pengembangan system yaitu menetapkan segala hal yang diperlukan dalam membangun perangkat

4 lunak dengan meminta penjelasan dari pihak-pihak yang memiliki keterkaitan dengan aplikasi yang dibuat.

b. Analysis

Mempelajari serta memahami perangkat lunak yang akan dibuat dengan menentukan karakteristik, hubungan antar objek-objek.

c. Design

Merupakan tahap penerjemah atau transformasi dari tahapan analisis ke dalam suatu metode desain perangkat lunak yang mudah dimengerti oleh user.

d. Code

Tahap ini merupakan tahap penterjemah data atau pemecahan masalah yang telah dirancang ke dalam format yang dapat di baca oleh mesin dengan menggunakan bahasa pemrograman komputer.

e. Testing

Pengujian (testing) perangkat lunak yang mengintegrasikan metode desain test case ke dalam sederetan langkah yang direncanakan dengan baik, dan hasilnya adalah konstruksi perangkat lunak yang baik. Pada kerja praktek tahapan testing tidak dilakukan.

f. Maintenance

Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan–perubahan atau penambahan sesuai dengan permintaan user.

5

System engineering

Analysis

Coding

Testing

Maintenance Design

Gambar 1.1 ModelWaterfall [1]

1.6 Sistematika Penulisan

BAB I PENDAHULUAN

Menguraikan mengenai latar belakang, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Memaparkan tentang profil tempat kerja praktek yang terdiri dari sejarah instansi, logo instansi, badan hukum instansi, struktur organisasi dan job description, selain itu juga membahas tentang landasan teori yang berkaitan mendukung dalam laporan ini.

6 BAB III PEMBAHASAN

Pada bab ini di jelaskan langkah-langkah perancangan dan pembuatan “Sistem Informasi Pemesanan Paket Perjalanan Berbasis Web Di Biro Perjalanan Alam’s Tour & Travel”.

BAB IV KESIMPULAN DAN SARAN

Menyajikan penjelasan dan uraian memgenai kesimpulan dari hasil laporan kerja praktek dan berisi pula saran-saran dari penulis sebagai kelanjutan dari hasil kesimpulan yang bersifat membangun.

34 BAB III

PEMBAHASAN

3.1 Analisis Sistem

Analisis sistem adalah suatu ilmu yang digunakan untuk memecahkan masalah dengan menggunakan beberapa tindakan. Dalam ruang lingkup perkembangan sistem komputer, analisis sistem adalah suatu ilmu yang mempelajari beberapa aplikasi , biasanya untuk mendapatkan sistem yang baru.

Analisis sistem bertujuan untuk menentukan kebutuhan informasi dari tiap bagian organisasi, serta untuk menentukan kelemahan dari prosedur dan metode yang digunakan pada saat ini.

Analisis sistem akan menjelaskan tentang analisis pengguna, analisis prosedur dan evaluasi sistem yang sedang berjalan di Alam’s Tour & Travel. 3.2 Analisis Sistem Berjalan

3.2.1 Analisis Prosedur

Berikut ini alur Pemesanan paket perjalanan di Alam’s Tour & Travel adalah sebagai berikut :

1. Customer memberikan data order paket perjalanan pada bagian pemesanan, kemudian bagian pemesanan memeriksa paket perjalanan yang tersedia, jika paket perjalanan tersebut tidak ada maka akan diberikan lagi pada customer.

2. Jika paket perjalanan tersebut ada maka bagian pemesanan langsung membuat nota pemesanan sebanyak dua rangkap. Nota rangkap pertama diberikan pada customer, nota rangkap kedua dijadikan sebagai acuan laporan pemesanan lalu laporan pemesanan tersebut diberikan ke bagian administrasi.

35 3. Bagian pemesanan membuat laporan paket yang dipesan, laporan paket yang dipesan tersebut disimpan sebagai bukti/file paket perjalanan mana saja yang telah dipesan customer.

4. Bagian administrasi mendapatkan salinan laporan pemesanan yang telah dibuat dan diberikan oleh bagian pemesanan.

Prosedur pemesanan paket perjalanan digambarkan dengan menggunakan flow map pada gambar 3.1 berikut ini:

36 3.3 Analisis Masalah

3.3.1 Analisis Kebutuhan Non Fungsional

Analisis Non Fungsional adalah analisis untuk mengetahui elemen-elemen apa saja yang berhubungan dengan sistem yang sedang berjalan. 3.3.2 Analisis Pengguna

Sistem yang sedang dibangun ini merupakan sebuah system informasi berbasis website yang akan digunakan oleh admin dan customer.

Tabel 3.1 Analisis Pengguna

Pengguna Tanggung

Jawab Hak Ases

Tingkat

Keterampilan Kemampuan Admin Maintenance

Aplikasi pengolahan data dan dapat

menambah, hapus, edit data yang masuk, membuat laporan data

tiap 1

bulannya.

Mengelolah data dalam update, hapus, tambah kategori, serta menentukan data yang masuk. Dapat maintenance dan menggunakan aplikasi dengan baik Mampu

mengoperasikan dan memahami fungsi aplikasi dengan baik.

Customer Memberikan data dengan lemgkap, menyetujui dengan benar paket dan jumlah

Mendapatkan informasi dengan lengkap, dapat memilih paket tour

Memahami alur fungsi dari aplikasi engan baik, memahai cara pelayanan dalam

Mampu menggunakan internet dan fungsinya dengan baik

37 tour yang

sudah dipilih, bersedia dihubungi perusahaan apabila sudah terjalin kesepakatan perjalanan, edit, cancel, atau booking, dapat menghubungi perusahaan apabila terjadi kesepakatan membuat kesepakatan dengan

Alam’s Tour Travel

3.3.3 Analisis Perangkat Keras

Spesifikasi perangkat keras minimum yang mendukung aplikasi ini dapat digunakan dengan baik, sebagai berikut :

Tabel 3.2 Analisis Perangkat Keras

Spesifikasi Perangkat Keras Processor Intel Pentium Core 2 Duo 2.4 GHz

Monitor Monitor 17 inch

VGA Card VGA ATI Radeon 5470 512 Mb

Harddisk 500 Gb

Memori RAM DDR3 2 Gb

DVD DVD RW

Printer Printer Warna

Berdasarkan analisis perangkat keras yang dilakukan pada saat kerja praktek , maka dapat disimpulkan bahwa spesifikasi perangkat keras

38 yang di miliki Perusahaan Alam’s Tour Travel sudah memenuhi standar penerapan aplikasi ini.

3.3.4 Analisis Perangkat Lunak

Adapun minimum spesifikasi perangkat lunak yang dibutuhkan untuk sistem yang dibangun adalah sebagai berikut :

Tabel 3.3 Analisis Perangkat Lunak

Server Client

Microsoft Windows XP Microsoft Windows XP

Adobe Dreamweaver Wamp Server

PHP, HTML, dan CSS Web Browser

MySQL

Wamp Server

Web Browser

Berdasarkan analisis perangkat keras yang dilakukan pada saat kerja praktek, maka dapat disimpulkan bahwa spesifikasi perangkat lunak yang dimiliki perusahaan Alam’s Tour Travel sudah memenuhi standar penerapan aplikasi ini.

3.3.5 Analisis Kebutuhan Fungsional

Analisis sistem yang dilakukan menggunakan tools Data Flow Diagram (DFD), adapun penjelasan perancangan sistem adalah sebagai berikut:

39 3.3.5.1 Perancangan ERD

Gambar 3.2 ER Diagram

3.3.5.2 Perancangan Diagram Konteks

Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan seluruh elemen sistem sebagai sebuah balon tunggal dengan data input output yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan. Diagram konteks menjelaskan mengenai sistem secara umum yang terdiri dari 2 entitas, yaitu admin dan customer. Berdasarkan sistem yang dibuat, maka diagram konteksnya sebagai berikut:

40 3.3.5.3 Perancangan Data Flow Diagram

Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. DFD Sistem informasi pemesanan yang diusulkan terdiri dari beberapa bagian, berikut data flow diagram selengkapnya :

Gambar 3.4 Data Flow Diagram Level 1

Berikut adalah data flow diagram level 2 proses 1 :

Gambar 3.5 Data Flow Diagram Level 2 Proses 1 Mengolah Data Paket Oleh Admin

41 Berikut adalah data flow diagram level 2 proses 2 :

Gambar 3.6 Data Flow Diagram Level 2 Proses 2 Mengolah Data Tujuan Oleh Admin

Berikut adalah data flow diagram level 2 proses 5 :

Gambar 3.7 Data Flow Diagram Level 2 Proses 5 Mengolah Data Booking Oleh Admin dan Customer

42 Berikut adalah data flow diagram level 2 proses 6.1:

Gambar 3.8 Data Flow Diagram Level 2 Proses Mengolah Data Customer Oleh Admin dan Customer

3.3.5.4 Spesifikasi Proses

Spesifikasi proses bertujuan untuk mendeskripsikan dari setiap fungsi proses yang disajikan pada diagram alir data.

Tabel 3.4 Spesifikasi Proses

No Proses Keterengan

1. No.Proses 1

Nama Proses Mengelola Paket Source (sumber) Admin

Input Data paket

Output Info paket

Destination (tujuan)

Admin

Logika proses 1. Admin dapat menambah, hapus atau mengedit data paket

43 2. Sistem akan menyimpan penambahan dan

pengubahan data paket ke tabel paket

2. No.Proses 2

Nama Proses Mengelola tujuan Source (sumber) Admin

Input Data tujuan

Output Info tujuan

Destination (tujuan)

Tabel tujuan

Logika proses 1. Admin menambah, hapus atau mengedit data tujuan

2. Sistem akan menyimpan penambahan dan pengubahan data tujuan ke tabel tujuan

3. No.Proses 3

Nama Proses Pengolahan laporan Source (sumber) Admin

Input Data customer dan data booking

Output Laporan booking dan laporan customer Destination

(tujuan)

-

Logika proses 1. Admin memilih button print.

2. Sistem akan menampilkan laporan berupa dengan format pdf yang bisa langsung dprint atau menampilkan laporan kosong.

4. No.Proses 4

Nama Proses Login Source (sumber) Admin

Input Data admin

Output Info admin

44 (tujuan) customer.

Logika proses 1. Admin memasukkan data admin berupa username dan password

2. Sistem akan mengecek, jika valid maka akan menampilkan menu utama, jika salah akan memberikan pesan eror.

5. No.Proses 5

Nama Proses Mengelola booking Source (sumber) Admin dan customer

Input Data booking

Output Info booking

Destination (tujuan)

Tabel booking

Logika proses 1. Admin dapat menghapus data booking 2. Customer dapat menambah data booking

3. Sistem akan menyimpan penambahan dan pengubahan data booking ke tabel booking

6. No.Proses 6

Nama Proses Mengelola Customer Source (sumber) Admin dan Customer

Input Data customer

Output Info customer

Destination (tujuan)

Tabel customer

Logika proses 1. Admin dapat menghapus data customer 2. Customer dapat menambah data customer

3. Sistem akan menyimpan penambahan dan pengubahan data customer ke tabel customer

7 No.Proses 7

45 Source (sumber) Admin

Input Data booking dan data detail_booking Output Info detail_booking dan data detail_booking Destination

(tujuan)

Tabel detail_booking

Logika proses Admin memilih booking, lalu data booking memasukkan data ke data detail_booking

8 No.Proses 8

Nama Proses Cart pemesanan Source (sumber) Admin

Input Data tujuan dan data cart Output Info cart dan data cart Destination

(tujuan)

Tabel cart

Logika proses Admin memilih tujuan, lalu data tujuan memasukkan data ke data tujuan

9 No.Proses 1.1

Nama Proses Update paket Source (sumber) Admin

Input Data paket terbaru

Output Info paket

Destination (tujuan)

Tabel paket

Logika proses Admin memilih pilihan update dan tampil update data paket

10 No.Proses 1.2

Nama Proses Hapus paket Source (sumber) Admin

Input -

46 Destination

(tujuan)

Tabel paket

Logika proses Admin memilih pilihan hapus maka data paket akan dihapus

11 No.Proses 1.3

Nama Proses Tambah kategori paket Source (sumber) Admin

Input Data paket

Output Info paket

Destination (tujuan)

Tabel paket

Logika proses Admin memilih pilihan tambah kategori maka tampil data paket tambah kategori yang harus diisi lalu klik simpan atau cancel

12 No.Proses 2.1

Nama Proses Update tujuan Source (sumber) Admin

Input Data tujuan terbaru

Output Info tujuan

Destination (tujuan)

Tabel tujuan

Logika proses Admin memilih pilihan update dan tampil update data tujuan

13 No.Proses 2.2

Nama Proses Hapus tujuan Source (sumber) Admin

Input -

Output Info tujuan

Destination (tujuan)

47 Logika proses Admin memilih pilihan hapus maka data paket akan

dihapus

14 No.Proses 2.3

Nama Proses Tambah kategori tujuan Source (sumber) Admin

Input Data tujuan

Output Info tujuan

Destination (tujuan)

Tabel tujuan

Logika proses Admin memilih pilihan tambah kategori maka tampil data tujuan tambah kategori yang harus diisi lalu klik simpan atau cancel

15 No.Proses 5.1

Nama Proses Hapus booking Source (sumber) Admin

Input -

Output Info booking

Destination (tujuan)

Tabel tujuan

Logika proses Admin memilih pilihan hapus maka data paket akan dihapus

16 No.Proses 5.2

Nama Proses Tambah booking Source (sumber) Customer

Input Data booking

Output Info booking

Destination (tujuan)

Tabel tujuan

Logika proses Customer memilih pilihan booking maka data booking akan tersimpan dan bisa dicek di menu booking

48

17 No.Proses 6.1

Nama Proses Hapus customer Source (sumber) Admin

Input -

Output Info customer

Destination (tujuan)

Tabel customer

Logika proses Admin memilih pilihan hapus maka data customer akan dihapus

18 No.Proses 6.2

Nama Proses Tambah customer Source (sumber) Customer

Input Data customer

Output Info customer

Destination (tujuan)

Tabel customer

Logika proses Customer memilih button save, lalu mengisi personal contact dan klik confirm maka data customer akan muncul pesan data berhasil disimpan lalu kembali ke halaman utama

3.4 Perancangan Basis Data 3.4.1 Kamus Data

Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data yang ada di diagram flow data. Berikut ini adalah kamus data yang di ambil dari data flow diagram yang diusulkan :

49

Tabel 3.5 Kamus Data

No Kamus Keterangan

1 Nama Aliran Data Data paket

Deskripsi Pengolahan data paket

Struktur Data id_paket+nama_paket+gambar

id_paket [A-Z]

nama_paket [A-Z | a-z] gambar [A-Z | a-z |0-9] 2 Nama Aliran Data Data Tujuan

Deskripsi Pengolahan Data Tujuan

Struktur Data id_tujuan+nama+harga+paket+keterangan+gambar id_tujuan [A-Z | 0-9]

nama [A-Z | a-z ]

harga [0-9]

paket [A-Z]

keterangan [A-Z | a-z |0-9] gambar [A-Z | a-z |0-9] 3 Nama Aliran Data Data cart

Deskripsi Pengolahan Data cart Struktur Data no_booking+id_tujuan+qty

no_booking [0-9]

id_tujuan [A-Z | 0-9]

qty [0-9]

4 Nama Aliran Data Data Detail_booking

Deskripsi Pengolahan Data Detail_booking Struktur Data no_booking+id_tujuan+qty

no_booking [0-9]

id_tujuan [A-Z | 0-9]

qty [0-9]

50 3.4.2 Skema Relasi

Skema relasi menggambarkan hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom.dapat dilihat pada gambar dibawah ini :

Gambar 3.11 Skema Relasi

Deskripsi Pengolahan Data Booking Struktur Data id_cust+no_booking+tanggal

id_cust [0-9]

no_booking [a-z |0-9]

tanggal [0-9]

6 Nama Aliran Data Data Customer

Deskripsi Pengolahan Data Customer

Struktur Data id_cust+nama+alamat+telepon+email

id_cust [ a-z |0-9]

nama [A-Z | a-z ]

alamat [A-Z | a-z |0-9]

telepon [0-9]

51 3.4.3 Perancangan Struktur Tabel

Tabel 3.6 Paket

No Nama Field Tipe Data Ukuran Atribut

1 id_paket Varchar 3 Primary key

2 nama_paket Varchar 20

3 gambar Varchar 50

Tabel 3.7 Tujuan

No Nama Field Tipe Data Ukuran Atribut

1 id_tujuan Varchar 5 Primary key

2 nama Varchar 50

3 harga Integer 11

4 paket Varchar 3

5 keterangan Text - Foreign key

6 gambar Varchar 255

Tabel 3.8 Cart

No Nama Field Tipe Data Ukuran Atribut

1 no_booking Varchar 20

2 id_tujuan Varchar 5

3 qty Integer 11

Tabel 3.9 Detail_booking

No Nama Field Tipe Data Ukuran Atribut

1 no_booking Varchar 20

2 id_tujuan Varchar 5

52

Tabel 3.10 Booking

No Nama Field Tipe Data Ukuran Atribut

1 id_cust Varchar 15

2 io_booking Varchar 20

3 tanggal Timestamp

Tabel 3.11 Customer

No Nama Field Tipe Data Ukuran Atribut

1 id_cust Varchar 15 Primary key

2 nama Varchar 50

3 alamat Varchar 255

4 telepon Varchar 13

5 email Varchar 50 Foreign key

3.5 Perancangan Antar Muka

Perancangan antar muka merupakan tahapan untuk membuat tampilan atau desain dari system yang akan dibuat. Perancangan antar muka pemakai sangat penting untuk memenuhi kriteria yang mudah digunakan, menarik dan nyaman digunakan oleh pemakai. Rancangan tampilan yang dibuat meliputi struktur menu, rancangan input dan rancangan output dari system yang dibuat.

3.5.1 Perancangan Struktur Menu

Perancangan menu digunakan untuk memudahkan penelusuran serta alur program ketika kita menjalankan program yang kita buat. Berikut ini gambar struktur menu usulan pemesanan paket perjalanan yang dapat dilihat pada gambar berikut:

53 a. Bagan Struktur Menu Utama Web

Gambar 3.12 Struktur Menu

b. Bagan Struktur Menu Admin

Gambar 3.13 Bagan Struktur Menu Admin

3.5.2 Perancangan Interface Web

Perancangan interface untuk system informasi pemesanan paket perjalanan di Alam’s Tour & Travel adalah sebagai berikut :

54

a. Desain Halaman Menu Utama _Home

Gambar 3.14 Halaman Menu Utama Home

b. Desain Halaman Menu Package

55 c. Desain Halaman Menu Package Booking Tujuan Paket

Gambar 3.16 Desain Halaman Booking Pada Menu Package

d. desain Halaman Menu Booking/Reservation

56

e. Desain Halaman Personal Contact Pada Menu Booking/Reservation

Gambar 3.18 Desain Halaman Personal contact Pada Menu Booking/Reservation

f. Desain Halaman Menu Contact

57 3.5.3 Perancangan Interface admin

a. Desain Halaman Menu login pada halaman Admin

58 b. Desain Halaman Admin

59 3.5.3 Perancangan Interface Pesan

Perancangan antarmuka form pesan pada aplikasi web Alam’s Tour Travel.

a. Perancangan Pesan Pada Personal Contact Apabila Valid

Rancangan pesan P01 yang ditampilkan pada personal contact di menu Booking/Reservation jika data sudah diisi dengan lengkap.

Gambar 3.22 Desain Halaman Pesan Pada Personal Contact Apabila Valid

b. Perancangan Pesan Pada Personal Contact Apabila Tidak Valid

Gambar 3.23 Desain Halaman Pesan Pada Personal Contact Apabila Tidak Valid

60 3.6 Jaringan Semantik

Jaringan semantik adalah jaringan pengetahuan grafis yang menunjukkan hubungan antara berbagai objek. Jaringan semantik pada aplikasi ini dijelaskan pada gambar berikut :

Gambar 3.24 Jaringan Semantik

Gambar 3.25 Jaringan Semantik admin

3.7 Implementasi

Tahap implementasi sistem merupakan tahapan menterjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan sesungguhnya. Seluruh kode aplikasi diskusi menggunakan HTML dan PHP.

3.7.1 Implementasi Perangkat Lunak

Perangkat lunak yang dipasang pada sistem komputer yang digunakan untuk membangun website ini adalah sebagai berikut :

61 1. Sistem Operasi Windows 7.

2. XAMPP versi 2. 5

3. Macromedia Dreamweaver 8 untuk desain aplikasi diskusi dan penulisan kode program.

4. Adobe Photoshop untuk desain gambar pada aplikasi diskusi

3.7.2 Implementasi Perangkat Keras

Kebutuhan minimal perangkat keras (hardware) yang diperlukan untuk mengimplementasikan program aplikasi ini adalah perangkat keras komputer PC kompatibel dengan spesifikasi yang tersebut dibawah ini. Semakin tinggi spesifikasi komputer semakin baik untuk menjalankan program apilkasi ini :

a. 1 Gigahertz (GHz) atau lebih 32-bit (x86) atau 64-bit (x64) Prosesor. b. 1 Gigabyte (GB) RAM (32-bit) atau 2 GB RAM (64-bit).

c. 16 GB spasi hard disk (32-bit) atau 20 GB (64-bit). d. LAN CARD. e. Monitor SVGA.

3.7.3 Implementasi Prosedur dan Data

Dalam pembuatan Aplikasi berbasis web ini menggunakan Macromedia Dreamweaver 8 untuk mendesain, PHP untuk bahasa pemograman dan MySQL untuk Databasenya, serta menggunakan direktori folder pada server untuk menyimpan data.

3.7.4 Implementasi Antarmuka

Interface dalam antar muka merupakan tampilan dari suatu aplikasi web yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog dengan Customer. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan mudah digunakan oleh Customeryang bersangkutan.

62 3.7.5 Implementasi Antarmuka Penggunaan Program

Penggunaan program ini bertujuan untuk mempermudah user dalam menjalankan web ini, yaitu dengan mengikuti langkah-langkah yang akan dijelaskan. Dimana akan dijelaskan mulai dari tampilan utama ketika user menggunakan program, memilih paket perjalanan, melakukan proses transaksi dan melakukan proses booking.

3.7.5.1 Tampilan halaman web

Merupakan sebagai awal tampilan dari web dengan menyediakan berbagai menu pilihan yang diantaranya ada menu home, Package, Booking/Reservation dan Contact sebagai pilihan untuk user.

3.7.5.1.1 Tampilan home

Gambar. 3.26 Tampilan Home

3.7.5.1.2 Tampilan menu package

Pada Menu Package disediakan 3 Menu pilihan sebagai paket tour wisata, Full-Package, Semi-Full-Package, Semi-Package.

63 3.7.5.1.3 Tampilan menu full-package

Pada Full-Package ini menyediakan layanan tour meliputi Jawa-Bali-Lombok.

Gambar 3.27 Tampilan Menu Full-Package

Pada interface berikutnya apabila user tertarik dan ingin memilih paket ini maka klik pada gambar lalu klik booking sebagai persetujuan bahwa user setuju.

64 3.7.5.1.4 Tampilan menu semi-full-package

Pada paket Semi-Full-Package ini menyediakan layanan tour meliputi Jawa-Bali.

Gambar 3.29 Tampilan Menu Semi-Full-Package

Pada interface berikutnya apabila user tertarik dan ingin memilih paket ini maka klik pada gambar lalu klik booking sebagai persetujuan bahwa user setuju.

Gambar 3.30 Tampilan Booking Semi-Full-Package

3.7.5.1.5

65 Pada paket Semi-Package ini menyediakan layanan tour meliputi Jawa.

Gambar 3.31 Tampilan Menu Semi-Package

Pada interface berikutnya apabila user tertarik dan ingin memilih paket ini maka klik pada gambar lalu klik booking sebagai persetujuan bahwa user setuju.

66 3.7.5.1.7 Tampilan Booking/Reservation

Pada Menu Booking/Reservation menampilkan Data booking yang sebelumnya sudah dipilih user pada menu sebelumnya. Menu ini mendata ulang dari data sebelumnya dengan salah satunya mengubah total person yang akan booking paket, maka total harga akan berubah otomatis sesuai dari jumlah person yang dimasukkan. Button cancel untuk menunda paket yang tidak diinginkan. Button save untuk menyimpan paket yang dipilih user.

Gambar 3.33 Tampilan Menu Booking/Reservation

Apabila dirubah person dari salah satu paket dan cancel salah satu paket, maka total harga dan total person akan berubah. Berikut tampilannya.

67 Apabila user setuju maka klik button Save, lalu akan lanjut ke halaman personal contact, dimana user menginputkan data lengkap diri yang bisa dihubungi oleh pihak Alam’s Tour Travel dan klik button confirm untuk menyelesaikan transaksi dan cancel untuk kembali ke menu sebelumnya.

Gambar 3.35 Tampilan Personal Contact

Setelah user sudah memasukkan data dengan benar dan lengkap, selanjutnya klik button confirm lalu ok maka user sudah menyelesaikan transaksi dimana user akan dihubungi oleh pihak travel paling lambat 3 hari setelah transaksi dilakukan user melalui personal contact yang sudah diinputkan.

68 Dan apabila user salah menginputkan data atau tidak mengisi data dengan lengkap, maka akan muncul sebuah pesan validasi.

Gambar 3.37 Tampilan Pesan Validasi pengisian personal contact

3.7.5.1.8 Tampilan Contact

Pada Menu Contact ini menampilkan contact yang bisa dikunjungi dan dihubungi oleh user untuk meningkatkan kepercayaan user pada web Alam’s Tour Travel ini.

69

Gambar 3.38 Tampilan Menu Contact

3.7.5.2 Tampilan Halaman Admin 3.7.5.2.1 Tampilan Login Admin

Gambar 3.39 Tampilan Halaman Login Pada Admin

3.7.5.2.2 Tampilan Halaman Utama Admin

70

Gambar 3.41 Halaman utama Admin (2)

71

66 3.7.5.1.7 Tampilan Booking/Reservation

Pada Menu Booking/Reservation menampilkan Data booking yang sebelumnya sudah dipilih user pada menu sebelumnya. Menu ini mendata ulang dari data sebelumnya dengan salah satunya mengubah total person yang akan booking paket, maka total harga akan berubah otomatis sesuai dari jumlah person yang dimasukkan. Button cancel untuk menunda paket yang tidak diinginkan. Button save untuk menyimpan paket yang dipilih user.

Gambar 3.33 Tampilan Menu Booking/Reservation

Apabila dirubah person dari salah satu paket dan cancel salah satu paket, maka total harga dan total person akan berubah. Berikut tampilannya.

67 Apabila user setuju maka klik button Save, lalu akan lanjut ke halaman personal contact, dimana user menginputkan data lengkap diri yang bisa dihubungi oleh pihak Alam’s Tour Travel dan klik button confirm untuk menyelesaikan transaksi dan cancel untuk kembali ke menu sebelumnya.

Gambar 3.35 Tampilan Personal Contact

Setelah user sudah memasukkan data dengan benar dan lengkap, selanjutnya klik button confirm lalu ok maka user sudah menyelesaikan transaksi dimana user akan dihubungi oleh pihak travel paling lambat 3 hari setelah transaksi dilakukan user melalui personal contact yang sudah diinputkan.

68 Dan apabila user salah menginputkan data atau tidak mengisi data dengan lengkap, maka akan muncul sebuah pesan validasi.

Gambar 3.37 Tampilan Pesan Validasi pengisian personal contact 3.7.5.1.8 Tampilan Contact

Pada Menu Contact ini menampilkan contact yang bisa dikunjungi dan dihubungi oleh user untuk meningkatkan kepercayaan user pada web Alam’s Tour Travel ini.

69 Gambar 3.38 Tampilan Menu Contact

3.7.5.2 Tampilan Halaman Admin 3.7.5.2.1 Tampilan Login Admin

Gambar 3.39 Tampilan Halaman Login Pada Admin

3.7.5.2.2 Tampilan Halaman Utama Admin

70 Gambar 3.41 Halaman utama Admin (2)

71 Gambar 3.43 Halaman utama Admin (4)