Sistem Informasi Pemesanan Tiket Online di PT Swadharma Travel

(1)

SISTEM INFORMASI PEMESANAN TIKET ONLINE DI PT

SWADHARMA TRAVEL

TUGAS AKHIR

HENI MARDIANA HSB

092406095

PROGRAM STUDI D3 TEKNIK KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERNYATAAN

SISTEM INFORMASI PEMESANAN TIKET ONLINE DI PT

SWADHARMA TRAVEL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, juni 2012

(3)

PENGHARGAAN

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayahNYA kepada penulis sehingga dapat menyelesaikan Tugas Akhir ini dengan baik. Tugas akhir ini merupakan salah satu persyaratan untuk menyelesaikan pendidikan pada program studi D3 Teknik Informatika di Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA) Universitas Sumatera Utara.

Dalam penulisan Tugas Akhir ini, penulis banyak menemui kesulitan, namun berkat bantuan dari berbagai pihak, sehingga laporan Tugas Akhir ini dapat diselesaikan. Pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada:

1. Bapak Drs. Partano Siagian, M.Sc. selaku dosen pembimbing Tugas Akhir yang telah memberikan waktu dan bimbingannya sehingga Tugas Akhir ini dapat diselesaikan dengan baik dan tepat waktu.

2. Bapak Dr. Sutarman, M.Sc sebagai Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam.

3. Bapak Prof. Dr. Tulus, M.Si., P.hD selaku ketua Departemen Program Studi D3 Teknik Informatika Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Syahril Efendi S.Si.,M.IT selaku ketua jurusan D3 Teknik Informatika dan Statistika Fakultas Matematika dan Ilmu Pengetahuan Alam.

5. Ucapan terima kasih yang sangat special kepada Bapak saya H.Sahminan dan Ibu saya yang cantik Hj.Saribanun, merekalah orang-orang dibalik penulis yang selalu memberikan dukungan baik materil maupun Doa kasih sayang yang tak ternilai harganya kepada penulis.

6. Kepada Orang Tua saya tercinta dan saudara saya yang telah menyemangati penulis. 7. Dan tentu saja teman-teman saya yang sangat saya sayangi di KOM-B khususnya

kepada Salamah Rizky, Rini Afdilah, Rizki Adillah Nst , Raisa Imanuela, penulis sangat berterima kasih kepada mereka karena mereka juga penulis bisa seperti ini.

Penulis menyadari bahwa Tugas Akhir jauh dari kesempurnaan, untuk itu penulis mengharapkan saran dan kritik yang membangun dari pembaca guna penyempurnaan laporan ini.

Akhir kata dengan segala kerendahan hati, penulis berharap semoga dengan tugas akhir ini mencapai manfaat maksimal bagi umat manusia terutama bagi penulis sendiri, Amin ya Robbal’Alamin.

Medan, Agustus 2012

(4)

ABSTRAK

(5)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

2.1 Sejarah Singkat Internet 6

2.2 World Wide Web 7

2.3 HTML ( Hypertext Markup Language) 14

2.4 DHTML (Dynamic Hypertext Markup Language) 21

2.5PHPMyAdmin 22

2.6 MySQL 22

Bab 3 Perancangan Sistem 30

3.1 Perencanaan dan Perancangan Sistem 30

3.2 Perancangan Halaman Sistem Informasi 31

3.3 Perancangan Data Flow Diagram (DFD) 32

3.4 Perancangan Database 36 3.5 Flowchart Diagram Alir (Flowchart )Website 39

3.4 Flowchart 19

Bab 4 Implementasi Sistem 42

4.1 Pengertian Implementasi Sistem 42

4.2 Komponen Implementasi Sistem 44

4.3 Instalasi Software 44

(6)

Bab 5 Kesimpulan dan Saran 53

5.1 Kesimpulan 53

5.2 Saran 53

(7)

DAFTAR TABEL

Halaman

Tabel 2.1 Elemen Html 17

Tabel 3.3 Tabel Jadwal 37

Tabel 3.4 Tabel Maskapai 37

Tabel 3.5 Tabel Pesawat 37

Tabel 3.6 Tabel Reservasi 38

(8)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Contoh Dokumen Html 18

Gambar 2.1 Tampilan Macromedia Dreamweaver 8 29

Gambar 3.1 DFD Level Konteks 33

Gambar 3.2 DFD Level Nol 34

Gambar 3.3 DFD Level Satu 35

Gambar 3.4 Flowchart Menu Utama 40

Gambar 3.5 Flowchart Login Admin 41

Gambar 4.1. Pemilihan Bahasa 45

Gambar 4.2 Instalasi XAMPP 45

Gambar 4.3 Menentukan Direktori Instalasi Xampp 46

Gambar 4.4.Pemilihan Instalasi 46

Gambar 4.5 Proses Instalasi Xampp 47

Gambar 4.6 Instalasi Xampp Sukses 47

Gambar 4.7 Halaman Home 48

Gambar 4.8 Halaman News 49

Gambar 4.9 Halaman About 49

Gambar 4.10 Halaman Booking 50

Gambar 4.11 Halaman Jadwal 51

Gambar 4.12 Halaman Contact 51

(9)

ABSTRAK

(10)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Keberadaan teknologi informasi dalam dunia usaha menjadi salah satu komponen vital dalam

gerak dan jalannya suatu usaha. Yang mana teknologi informasi sangat membantu dalam

kemudahan dalam pengiriman, penyampaian dan penerimaan informasi. Mulai dari

perusahaan- perusahaan, sekolah-sekolah, perguruan tinggi atau organisai lainnya yang telah

memanfaatkan aplikasi web dalam kegiatan penjualan, promosi maupun kegiatan lainnya.

Untuk memberikan pelayanan kepada pelanggan maka dibuat sebuah aplikasi

pemesanan tiket online, sehingga membantu para agen ataupun pelanggan dalam

menyampaikan atau mendapatkan informasi. Dengan adanya dukungan GPRS (General

Packet Radio Service) dari ponsel, maka memungkinkan user untuk dapat mengakses semua

informasi yang disajikan didalam internet. Sehingga mempermudah ruang kerja user yang

tidak terpaku pada suatu tempat atau alat saja.

1.2Batasan Masalah

Dalam penyusunan tugas akhir ini penulis membatasi ruang lingkup permasalahan yang akan

(11)

1. Aplikasi yang dibuat dalam penelitian ini menggunakan m-banking sebagai

media pembayaran.

2. Aplikasi yang dibuat dalam penelitian ini ditekankan pada pelayanan pemesanan

tiket keberangkatan dari kota medan (one-way).

3. Untuk para pelanggan diharapkan memiliki rekening bank yang ditunjuk.

Alasan penulis membatasi ruang lingkup pembahasan permasalahan yaitu sehubungan

dengan keterbatasan waktu dan data yang ada.

1.3 Tujuan Penelitian

Tujuan yang ingin dicapai dari penelitian yang dilakukan tentang sistem informasi

pemesanan tiket pesawat ini adalah :

1. Merancang sistem informasi pemesanan tiket online agar dapat mempermudah

pelanggan dalam memesan tiket tujuan mereka.

2. Sistem ini memberikan kemudahan dalam melakukan proses pengoperasian tentang

pemesanan tiket dengan cepat, tepat, dan akurat.

3. Dari sistem maka pelanggan akan dengan mudah berpergian ke luar kota tanpa harus

datang ke biro perjalanan.

1.4 Ruang Lingkup Masalah

Tugas akhir ini membahas pembuatan aplikasi web pemesanan tiket online sebagai suatu website

yang memberikan informasi mengenai pemesanan tiket online.aplikasi ini dibangun dibawah sistem

(12)

Aplikasi ini juga didukung dengan bahasa pemprograman web lainnya seperti Html(hypertext

markup language), Css(cascading style sheet) serta menggunakan macromedia dreamweaver 8.

1.5 Metode Penelitian

Adapun metode penelitian yang digunakan penulis adalah :

1. Studi Literatur

Membaca dari literatur-literatur terutama tentang pemprograman belajar dari

buku-buku sebagai acuan penulisan proposal tugas akhir.

2. Penelitian lapangan

Penelitian dilakukan langsung ke sebuah travel untuk mendapatkan data

dimana penulis mendapatka pengumpulan data dengan cara bertanya kepada

karyawan yang terkait.

1.6Sistematika Penulisan

Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :

Bab 1 : Pendahuluan

Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :

Dalam bab ini penulis menguraikan tentang latar belakang, identifikasi masalah, maksud dan

(13)

Bab 2 : Landasan Teori

Dalam bab ini penulis menguraikan beberapa hala yang berhubungan dengan aplikasi web

yang ingin dibangun penulis yaitu sejarah singkat internet, world wide web, Html(hypertext

markup language), Dhtml(dynamic hypertext markup language), pengenalan Php,

Mysql,Macromedia Dreamweaver 8.

Bab 3 : Perancangan Sistem

Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang meliputi

perancangan database server, gambaran aplikasi web yang akan dibuat serta bagaimana

algoritma aplikasi tersebut dijalankan.

Bab 4 : Implementasi Sistem

Dalam bab ini penulis menyajikan pengertian implementasi aplikasi, tujuan implementasi

aplikasi serta spesifikasi aplikasi.

Bab 5 : Kesimpulan Dan Saran

(14)

BAB 2

Tinjauan Internet

2.1 Sejarah Singkat Internet

Internet merupakan jaringan komputer yang saling terhubung secara global yang

memungkinkan pengguna internet saling bertukar informasi atau data melalui jaringan

tersebut. Internet adalah sistem komunikasi data berskala global, suatu infrastruktur yang

terdiri dari hardware dan software yang menghubungkan komputer yang berada di

jaringannya.

Kemunculan internet dimulai pada 1966, oleh ARPA (Advanced Research Project

Agency). Salah satu divisi di departemen pertahanan U.S.) dengan ide yang sangat sederhana

membuat jaringan komputer militer yang mampu bertukar data dari tempat yang jauh.

Di tahun 1969, ARPA dengan ARPANET-nya berhasil menghubungkan dua

komputer di University of California, Los Angeles dan SRI International di Menlo Park,

California. Hal ini lah yang menjadi salah satu embrio kelahiran internet.

Di tahun 1974, TCP/IP (Transmission Control Protocol/Internet Protocol)

diperkenalkan dan menjadi sangat populer serta diterima di tahun 80-an. TCP/IP adalah

standar komunikasi data yang digunakan untuk proses tukar-menukar data dalam jaringan

internet. Sederhananya, TCP/IP adalah protokol/aturan yang digunakan bersama dalam

mentransfer data dari satu komputer ke komputer lain dalam jaringan internet. TCP/IP

menggunakan skema pengalamatan yang disebut IP Address. Satu skema yang memberikan

satu alamat kepada satu mesin komputer, yang membuat data yang disimpan di dalamnya

(15)

Pada Oktober 1984, sistem domain name (.com, .org, .gov, .edu, etc) diperkenalkan.

Domain name adalah satu cara untuk membuat internet menjadi lebih mudah untuk di

jelajahi. Teknologi TCP/IP memberikan satu IP address untuk setiap komputer yang

membuatnya dapat diakses oleh komputer lain. IP address ini terdiri dari beberapa deret

angka, contohnya: 192.12.12.98 . Domain name adalah satu usaha untuk membuat internet

menjadi lebih manusiawi dengan cara menjadikan domain name sebagai “alias” dari IP

address.

Juni 1987, format gambar gif ditemukan. GIF, atau graphic interchange format adalah

salah satu format gambar digital yang relatif lebih efisien (karena ukurannya yang lebih kecil)

daripada format gambar lain (misalnya, .JPEG) yang segera membuat internet menjadi lebih

berwarna dengan berbagai gambar dalam format .gif.

November 1990, format World Wide Web atau www diperkenalkan oleh Tim Barners

Lee, seorang karyawan CERN (Organisasi gabungan negara-negara eropa yang meneliti

teknologi nuklir.

2.2 World Wide Web

Definisi WWW ( World Wide Web ) adalah suatu ruang informasi yang yang dipakai oleh

pengenal global yang disebut Uniform Resource Identifier

sumber-sumber daya yang berguna. WWW sering dianggap sama dengan Internet secara

(16)

Dengan adanya www memudahkan users dalam :

a. akses informasi mudah

b. setup server lebih mudah

c. informasi mudah disalurkan

d. menyediakan data dan informasi untuk dapat digunakan bersama.

2.2.1 Lahirnya Internet

Sejarah Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan

nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu

organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan

peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di

Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi

informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.

Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu

link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu

nomor untuk melakukan navigasi di dalam Web. Kebanyakan software tersebut dibuat untuk

komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa

dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua

ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for

Supercomputing Applications).

Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web

(17)

pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya

untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.

Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim

Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran

Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai

saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari

Microsoft. Pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang

dinamakan World Wide Web Consortium (W3C) yang bertugas untuk membangun standar

bagi teknologi Web.

Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat

sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar

300.000 website. Dan diperkirakan sekarang ini jumlah pemakai Web telah mencapat sekitar

30-an juta pemakai diseluruh dunia.

2.2.2 Browser Web

Web browser disebut juga penjelajah web adalah

menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh

digunakan. wide web sendiri adalah kumpulan jaringan berisi dokumen dan tersambung satu

(18)

Peramban web pertama pertama bernama World Wide Webberbasis teks, seperti

halnya Lynx yang populer hingga sekarang, karena

belum umum digunakan pada saat itu. Baru setelah sistem berbasis grafis mulai banyak

digunakan, seorang mahasiswa bernama Marc Andressen di University of Illinois di

Urbana-Champaign, Amerika Serikat, membuat sebuah peramban web berbasis grafis pertama yang

berjalan di atas sistem operasi Windowsdan UNIX(berbasis Motif). Peramban web tersebut

dinamai Mosaic.

Selanjutnya, setelah lulus dari universitas, Marc ditawari oleh Jim Clarc, salah

seorang petinggi

nama Mosaic Communication, yang kemudian berubah menjadi

Marc membuat sebuah peramban web populer pertama yang digunakan oleh umum, yang

disebut denga

kode Mozilla. Navigator merupakan peramban web komersial, akan tetapi seiring dengan

waktu akhirnya Navigator pun menjadi dapat diperoleh secara gratis. Sementara itu,

peramban web Mosaic yang gratis tidak diteruskan lagi pengembangannya, dan diserahkan

kepada NCS. Karena NCSA tidak

memiliki izin untuk mengomersialkan produk i, NCSA akhirnya menjual Mosaic kepada

Microsoft yang terlambat turun di pasar peramban web, pun membeli lisensi Mosaic

dari Spyglass, sehingga pada akhirnya merilis produk peramban web-nya, yang disebut

sebagai Internet Explorer, muncullah perang besar

antara peramban web populer, yakni antara Netscape Navigator, dan Microsoft Internet

(19)

2.2.2.1 Cara Kerja Browser Mengambil Halaman

Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah

request adalah sebuah request HTTP standart yang berisi sebuah page addres. Sebuah page

addres terlihat seperti berikut

2.2.2.2 Cara Kerja Browser Menampilkan Page

Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkan. Browser

menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum

untuk menampilkan disebut dengan tag HTML. Tag HTML contohnya adalah seperti berikut:

<p> Ini adalah paragraf </p>.

2.2.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web,

komputer ini akan melayani permintaan dokumen web dari kliennya.

Browser web seperti Explorer atau Navigator berkomunikasi melalui jaringan

(termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser akan

mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang

disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga

(20)

2.2.4 Berikut Ini Adalah Istilah-Umum Yang Harus Diketahu Lain Antara Lain :

a. Protokol adalah sebuah aturan atau standar yang mengatur atau mengijinkan

terjadinya hubunga

kombinasi dari keduanya. Pada tingkatan yang terendah, protokol mendefinisikan

koneksi perangkat keras. Protokol perlu diutamakan pada penggunaan standar teknis,

untuk menspesifikasi bagaimana membangun komputer atau menghubungkan

peralatan perangkat keras. Protokol secara umum digunakan pada komunikasi

penyimpanan jangka panjang.

b. URL (Uniform Resource Locator) adalah rangkai

mengenali sumber-sumber pada we

aplikasi yang membuat permintaan (request) ke server web seperti contoh URL

bagian.

c. Hypertext Transfer Protocol (HTTP) adalah sebua

yang digunakan unt

(21)

membent

menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat

menggunakan koneksi yang sama untuk melakukan transaksi. Dengan demikian,

HTTP/1.1 bisa lebih cepat karena memang tidak perlu membuang waktu untuk

pembuatan koneksi berulang-ulang.

d. Browsing

Browsing artinya membaca pencarian data pada jaringan (network) khususnya

internet.

e. Browser

Browser adalah program yang dibutukan untuk dapat mencari-cari dan menampilkan

data. Setidaknya ada 5 browser yang digunakan luas oleh pengguna internet, yakni :

Mozilla Firefox, Internet Explorer, Chrome, Safari, dan Opera.

2.3 HTML ( Hypertext Markup Language)

2.3.1 Dokumen HTML

HyperText Markup Language(HTML) adalah sebua

membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebua

dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII

(22)

dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format

sehingga menjadi home page dengan perintah-perintah HTML.

2.3.2 Kegunaan

Fungsi dari HTML itu sendiri adalah sebagai berikut :

a. Mengintegerasikan gambar dengan tulisan..

b. Mengintegerasikan berkas suara dan rekaman gambar hidup.

c. Membuat form interaktif.

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen

ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan

TAG tertentu.

Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti:

TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>.

Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang

ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating

di dalam halaman web daripada menentukan penampilannya.

Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman

penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang

dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang

(23)

dengan kemampuan berbeda. Pengguna

sebagaimana tampilan yang terlihat dalam pc berbasis Windows.

2.3.3 Format Tulisan

HTML memungkinkan kita untuk menyunting tampilan atau format berkas yang akan kita

kirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan

format berkas adalah :

a. Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat

digunakan untuk judul, heading dan sebagainya.

b. Kita dapat menampilkan tulisan dalam bentuk cetakan tebal

c. Kita dapat menampilkan sekelompok kata dalam bentuk miring

d. Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan

mesin ketik

e. Kita dapat mengubah-ubah ukuran tulisan untuk suatu karakter tertentu

2.3.4 Penamaan Dokumen Html

Setiap dokumen atau file yang disimpan secara default atau secara otomatis akan diberikan

sebuah extention atau akhiran, misalnya pada dokumen yang diedit dengan menggunakan

Microsoft Word, ketika disimpan pada media penyimpanan akan ditambahkan .doc (dibaca

dot dok) atau pada Microsoft Excel akan menambahkan .xls (dibacadotxls),dll

(24)

setiap dokumen yang disimpan harus ditambahkan sebuah akhiran .htm atau .html (dibaca

dot htm atau dot html). Karena pada dasarnya tiap dokumen html akan dieksekusi pada

sebuah browser seperti Internet Explorer yang di dalamnya dapat mengenali extention .htm

atau .html

Ekstensi dokumen HTML awalnya 3 karakter, adalah untuk mengakomodasi sistem

penamaan dalam DOS. Dalam pemberian nama sebuah dokumen bersifat case sensitive

sehingga dokumen dengan nama a.html akan berbeda dengan dokumen A.html.

2.3.4.1 Elemen dan Tag Html

Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.

Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.

Tabel 2.1 Elemen Html

Start tag * Isi Elemen End tag *

<p> This is a paragraph </p>

<br />

Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu

elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi/ konten pada

elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan

(25)

<html>

<body>

<p>selamat datang</p>\

</body>

</html>

Gambar 2.1 Contoh Dokumen Html

Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah:

Elemen <p>. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen

HTML. Elemen ini dimulai dengan start tag <p> dan diakhiri dengan end tag</p>. Isi atau

konten dari elemen ini adalah:

<p>Paragraf pertama</p>

Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen

(26)

Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag</body>. Isi atau

konten dari elemen ini adalah elemen paragraf.

<body>

</body>

Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini

dimulai dengan start tag<html> dan diakhiri dengan end tag</html>. Isi atau konten dari

elemen ini adalah: elemen body (yang sudah dijelaskan diatas).

<html>

<body>

</body>

</html>

a. ElemenHTML

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu

elemen-elemen <HEAD> yang memberikan informasi tentang dokumen, seperti

judul dokumen atau hubungannya dengan dokmen lain. Dan elemen-elemen

(27)

browser, seperti paragraf, list (daftar), tabel dan lain-lain. Di dalam elemen HTML

terdiri dari tag-tag beserta yang ada dalam tag-tag tersebut. Elemen Dasar HTML

b. Elemen Dasar HTML

HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu

menampilkan objek-objek multimedia seperti gambar, suara, video dan bahkan

telah merambah lebih jauh dengan adanya VRML serta aplet-aplet Java. Untuk

informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen,

seperti :

a. Paragraph<p>...</p> untuk membuat suatu paragraf.

b. Blockquote<blockquote>...</blockquote>untuk membuat suatu kutipan

teks.

c. Preformatted<pre>...</pre> untuk membuat suatu paragraf.

d. Divider<div>...</div> untuk membuat suatu paragraf.

b. TagHTML

Pada saat Web browser menampilkan suatu web page, browser tersebut akan

membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut

"Tag". Tag diapit oleh tanda<>. Tag biasanya merupakan pasangan, yang disebut tag

awal dan tag akhir. Tag awal dinyatakan dalam bentuk <namatag>, sedangkan tag

akhir dinyatakan dalam bentuk </nama tag>.

Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan

(28)

Contoh:Penulisan tag yang benar :

<tag 1>

teks tag 1

<tag 2>

teks tag 2

<tag 2>

<tag 1>

Kemungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir

sehingga hasil yang diperoleh tidak sesuai dengan yang diharapkan.

2.4 DHTML (Dynamic Hypertext Markup Language)

Dhtml adalah suatu istilah untuk membuat

mengkombinasika

HTML mengijinkan skrip bahasa pemrograman untuk diubah menjadi

variabel-variabel pada setiap pendefenisian

efek perubahan tampilan beserta dengan fungsi-fungsinya setela

Berbeda dengan HTML, yang memiliki kemampuan menghasilkan dan mengolah halaman

(29)

Sebagian besar hal yang bisa dinuat dhtml bisa dibuat dengan authoring web lain

seperti java, flash, atau shockwave. Penggunaan dhml memliki kelebihan karena tidak

membutuhkan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil

dibandingkan dengan penggunaan teknologi lain.

2.5PHPMyAdmin

PHPMyAdmin adalah suatu program open source yang berbasis web yang dibuat

menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL.

Program ini mempermudah dan mempersingkat kerja. Dengan kelebihannya, para pengguna

awam tidak harus paham sintak-sintak SQL dalam pembuatan database dan tabel (Bunafit

Nugroho, 2004).

2.6 MySQL

MySQL (My Structrure Query Language) atau yang biasa dibaca “mai-se-kuel” adalah

sebuah program pembuat database yang bersifat opensource, artinya siapa saja boleh

menggunakannya dan tidak dicekal. Saat mendengar kata open source, pasti akan teringat

dengan sistem operasi handal keluaran Unix, yaitu Linux. MySQL sebenarnya produk yang

berjalan pada platform Linux.

Karena sifatnya yang open source, dia dapat dijalankan pada semua platform baik

Windows maupun Linux. Selain itu, MySQL juga merupakan program pengakses database

(30)

Pengguna). Saat ini database MySQL telah digunakan hampir oleh semua programmer

database, apalagi dalam pemrograman web.

Kelebihan lain dari MySQL adalah ia menggunakan bahasa Query standar yang

dimiliki SQL (Structure Query Language). SQL adalah suatubahasa permintaan terstruktur

yang telah distandarkan untuk semua programpengakses database seperti Oracle, Posgress

SQL, SQL Server, dan lain-lain.Sebagai sebuah program penghasil database, MySQL tidak

dapatberjalan sendiri tanpa adanya sebuah aplikasi lain (interface). MySQL dapatdidukung

oleh hampir semua program aplikasi baik yang open source seprtiPHP maupun yang tidak,

yang ada pada platform Windows seperti VisualBasic, Delphi dan lainnya.Program-program

yang menggunakan bahasa SQL, antara lain :

a. MySQL

b. Posgres SQL

c. Oracle

d. SQL Server 97, 2000

e. Interbase

Program-program aplikasi pendukung MySQL, antara lain :

a. PHP (Page Hipertext Preprosesor)

b. Visual Delphi

c. Visual Basic

d. Cold Fusion, dan lain-lain.

Hal yang mungkin sulit bagi pemakai yang menyukai grafis pada MySQL adalah

(31)

yaitu memiliki prompt utama yang disebut MySQL > . Sehingga bagi orang yang baru

pertama dan belum mengenal perintah DOS akan merasa kesulitan.

(Bunafit Nugroho, 2004).

2.7 PHP

PHP adalah sebuah bahasa pemrograman yang didesain agar dapat disisipkan dengan mudah

ke halaman HTML. PHP memberikan solusi sangat murah (karena gratis digunakan) dan

dapat berjalan di berbagai jenis platform. Pada awalnya memang PHP berjalan di sistem

UNIX dan variannya, namun kini dapat berjalan dengan lancar di lingkungan sistem operasi

Windows. Suatu nilai tambah yang luar biasa karena proses pengembangan program berbasis

web dapat dilakukan lintas sistem operasi. Dengan luasnya cakupan sistem operasi yang

mampu menjalankan PHP dan ditambah begitu lengkapnya function yang dimilikinya

(tersedia lebih dari 400 function di PHP yang sangat berguna) tidak heran jika PHP semakin

menjadi tren di kalangan programmer web.

Penemu bahasa pemrograman ini adalah Rasmus Lerdorf, yang bermula dari

keinginan sederhana Lerdorf untuk mempunyai alat bantu dalam memonitor pengunjung

yang melihat situs web pribadinya. Inilah sebabnya pada awal pengembangannya, PHP

merupakan singkatan dari Personal HomePage tools, sebelum akhirnya menjadi Page

Hypertext Preprocessor.

Antusias komunitas Internet terhadap bahasa PHP ini begitu besar, sehingga Rasmus

(32)

dalam rangka gerakan open source. Tim ini membangun kembali PHP. Hasilnya adalah PHP

3.0 yang memiliki dukungan lebih luas lagi terhadap database. PHP 4.0 sebagai versi lanjutan

dari PHP 3.0 dirilis. Setelah itu, dengan menggunakan mesin scripting Zend untuk

memberikan kinerja yang lebih cepat dan lebih baik. Versi ini telah mampu mendukung

server web selain Apache dan secara built-in telah mampu menangani manajemen session.

Untuk dapat menjalankan script-script PHP, sebuah sistem harus mempunyai Apache

Web Server, PHP 4/PHP 5, dan database MySQL. Ketiganya adalah program open source

yang tersedia secara gratis di Internet dan dapat berjalan di berbagai platform (Windows

maupun UNIX / Linux) (Agus Bahtiar, 2008).

2.6.1 Kelebihan PHP

Diantara maraknya pemprograman server web saat ini ASP yang berkembang menjadi ASP,

NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemprograman web server

diatas, terdapat kelebihan dari PHP yaitu:

a. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam

penggunaanya. Tidak seperti halnya bahasa pemprograman aplikasi seperi visual

basic dan sebagainya.

b. PHP dapat berjalan paada web server yang dirilis oleh microsoft, seperti IIS atau

(33)

c. Karena sifatnya open source, maka perubahan dan perkembangan interpreter pada

PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap

membantu pengembanganya.

d. Jika dilihat dari segi pemahaman, PHP memillki referensi yang sangat mudah

dipahami.

e. PHP dapat berjalan pada 3 operating system. Yaitu: Linux, Unix dan windows serta

dapat juga dijalankan secara runtime pada suatu console.

2.6.2 Kelemahan PHP

Seperti pemprograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan,

diantaranya:

a. Tidak ideal untuk pengembangan skala besar.

b. Tidak memiliki sistem pemprograman berorientasi objek yang sesungguhnya(sampai

versi 4 saja). Namun pada versi php 5.0 sudah dilengkapi OOP yang sesungguhnya.

2.8 Apache

Apache merupakan software yang dikeluarkan oleh group apache. Group apache terlihat

dalam satu proyek yang disebut proyek apache untuk mengembangkan suatu software

implementasi di server HTTP (web) yang handal, standar komersial, dan source code-nya di

(34)

2.9 Cascading Style Sheet

Cascading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML

dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk

pemosisian dan layouting halaman web.

CSS banyak didukung browser, terutama versi baru sehingga penempatan layout

menjadi lebih fleksibel. Membuat html menggunakan tag minimal berpengaruh terhadap

ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang

lainnya dapat ditampilkan sesudahnya. Selain itu, penggunaan css pada file terpisah dapat

mempermudah pengubahan tampilan situs secara keseluruhan.

2.10 Javascript

Javascript mulanya bernama Livescript, dikembangkan pertama kali pada tahun 1995 di

netscape communication. Pada akhir tahun 1995 netscape communication dan sun

microsystem berkolaborasi dan mengganti nama Livescript menjadi Javascript.

Javascript adalah bahasa script yanng ditempatkan pada kode HTML dan diproses

pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih

luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap

selanjutnya. Bisa untuk membuat pemainan interaktif dan juga bisa untu menambah design

(35)

2.11 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web serverdesigner

maupun web programmer dalam membangun suatu web. Dreamweaver memberikan

kemudahan bagi penggunanya dalam menentukan ruangan kerja yang diinginkan. Tipe ruang

kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan

efektivitas dalam design maupun dalam membangun web.

Versi terbaru Macromedia Dreamweaver 8 di tahun 2005 adalah Macromedia

dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah

dalam penggunaannya. Fasilitas terbaru dari Macromedia dreamweaver 8 adalah zoom tool

and guides, panel css yang baru, code collapse, coding toolbar, insert flash video dan

tampilan baru dalam dreamweaver 8 membuat pekerjaan penulis lebih cepat selesai.

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung

pemrograman client side yang terkenal. Yaitu javascript dengan penggunaan yang sangat

mudah. Macromedia Dreamweaver 8 juga mendukung pemrograman script server side,

(36)

(37)

BAB 3

PERANCANGAN SISTEM

3.1 Perencanaan dan Perancangan Sistem

Membangun sebuah sistem informasi harus memiliki persiapan,perencanaan, dan

perancangan yang baik karena akan menarik perhatian pengunjung yang melihatnya.

Sebelum membangun sebuah situs, perlu dilakukan identifikasi awal antara lain :

a. Sistem informasi apa yang akan dibangun ?

b. Siapa saja pengunjung yang diharapkan berkunjung ke sistem informasi tersebut ?

c. Apa saja aktivitas yang pengunjuna lakukan dalam sistem informasi tersebut ?

d. Apa saja yang ingin dicapai dari pembuatan sistem informasi tersebut ?

Dengan menjawab pertanyaan diatas akan semakin mempermudah dalam pembangunan

sistem informasi karena dari sistem informasi ini akan terbentuk kata kunci untuk

membangun dan mengembangkan sistem informasi ke arah yang lebih lanjut.

Berkaitan dari sistem informasi yang akan dibangun, maka jawaban dari

pertanyaan diatas sebagai berikut :

a. Sistem informasi yang akan dibangun sistem informasi berbasis web, yang

menyediakan informasi yang menyangkut pemesanan tiket online,informasi jadwal

keberangkatan dan harga tiket tujuan keberangkatan.

b. Pengunjung yang diharapkan berkunjung ke sistem informasi ini adalah seluruh

(38)

c. aktivitas yang pengunjung lakukan dalam sistem informasi adalah pengunjung dapat

mengetahui informasi harga tiket, jadwal keberangkatan tujuan pengunjung.

d. Target yang ingin dicapai dari pembuatan sistem informasi ini adalah dapat

memberikan kemudahan pada para pengunjung dalam memperoleh informasi seputar

tiket pesawat dan lainnya.

3.2 Perancangan Halaman Sistem Informasi

3.2 .1 Halaman Home

Halaman ini merupakan halaman utama dari sistem informasi. Halaman ini berisikan

beberapa informasi umum tentang travel dan link-link utama yang menuju ke halaman lain.

3.2 .2 Halaman News

Halaman ini berisikan informasi yang terbaru mengenai promo-promo maupun informasi

lainnya.

3.2 .3 Halaman About

Halaman ini berisikan informasi mengenai travel .

3.2 .4 Halaman Booking

Halaman ini merupakan halaman bagi pengunjung untuk memesan tiket sesuai perjalanan

yang diinnginkan.

3.2 .5 Halaman Jadwal

(39)

3.2 Perancangan Data Flow Diagram (DFD)

Data flow diagram menggambarkan arus data didalam sistem dengan stuktur, jelas dan

menggunakan sejumlah bentuk-bentuk untuk menggamabarkan bagaimana data mengalir

melalui proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk data flow

diagram dari website Swadharma Travel medan.

ADMIN PENGUNJUNG

SISTEM INFORMASI PEMESANAN TIKET ONLINE

login

Input news input jadwal Input pesawat Input maskapai

Informasi news Informasi jadwal Informasi reservasi

Informasi pesawat Informasi maskapai

Informasi inbox

Input data pemesanan

Input contact

Informasi data jadwal Informasi news

(40)

3.4 Perancangan Database

Database merupakan komponen dasar dari sebuah sistem informasi dan pengembangan serta

penggunaannya sebaiknya dipandang dari perspektif kebutuhan organisasi yang lebih besar.

Oleh karena itu siklus hidup sebuah sistem informasi organisasi berhubungan dengan siklus

hidup sistem database yang mendukungnya.berikut ini adalah rancangan tabel yang

digunakan dalam membangun aplikasi web ini :

Tabel 3.1 Tabel User

Field name Type Width Description

Id user Int 4 Primary key

Username Varchar 20 Username

Password Varchar 20 Password

status varchar 20 status

Tabel 3.2 Tabel Berita

Id berita Int 5 Primary key

Judul Varchar 100 Judul

Isi berita Text Isi berita

(41)

Tabel 3.3 Tabel Jadwal

Id jadwal Int 4 Primary key

Id maskapai Int 4 Forgein key

Id pesawat Int 4 Forgein key

Jam varchar 5 Jam

Jam1 varchar 5 Jam1

Tgl berangkat date - Tgl berangkat

Dari varchar 40 Dari

Tujuan varchar 40 Tujuan

Harga varchar 7 Harga

Tabel 3.4 Tabel Maskapai

Id maskapai Int 4 Primary key

Nama maskapai Varchar 40 Nama maskapai

ket text - ket

Tabel 3.5 Tabel Pesawat

Id pesawat Int 4 Primary key

Id maskapai Varchar 20 Foreign key

Kode pesawat Varchar 20 Kode pesawat

(42)

Tabel 3.6 Tabel Reservasi

Id reservasi Int 4 Primary key

Id jadwal int 4 Foreign key

No ktp Varchar 40 No ktp

Telp varchar 40 Telp

status pemesanan varchar 20 Status pemesanan

Tgl pesan date 20 Tgl pesan

Tabel 3.7 Tabel Contact

Id contact Int 4 Primary key

Nama Varchar 20 Username

Email Varchar 20 Password

Pesan text 20 status

3.5 Flowchart Diagram Alir (Flowchart )Website

Flowchart adalah sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran

kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut

menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk

penyelesaian masalah yang ada di dalam proses atau algoritma tersebut.

Diagram alir(flowchart) ini menjelaskan secara rinci langkah-langkah dari proses

program flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan

(43)

3.5.1 Flowchart Menu Utama

Seoranng pengunjung website dapat mengakses web swadharma travel medan dan dapat

berpindah dari halaman satu ke halaman yang lainnya. Masing-masing halaman utama

memiliki link-link ynag dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat

pada gambar 3.3.dibawah ini:

START

PILIH LINK YANG ADA

PILIH LINK YANG ADA PILIH LINK YANG

ADA PILIH LINK YANG

ADA

PILIH LINK YANG ADA

KELUAR

PILIH LINK YANG ADA

(44)

3.5.2 Flowchart Login Admin

Halaman admin hanya bisa diakses oleh administrator.username dan password dari

administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka

admin akan masuk ke halaman administrator dan jika username dan password salah maka

akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada

gambar 3.4 di bawah ini.

H

INPUT USERNAME AND ADMIN

HALAMAN UTAMA

HALAMAN ADMIN

(45)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian dan Tujuan Implementasi

Implementasi sistem adalah Prosedur-prosedur Yang dilakukan pada tahap desain sistem

dalam dokumen yang disetujui dan menguji kemudian menginstalldan mulai menggunakan

program yang dibuat.

Tujuan dari implementasi sistem itu sendiri adalah :

a. Membuat perancangan sistem selama penelitian.

b. Memastikan bahwa pamakai (user) dapat mengoperasikan sistem baru.

c. Menguji dan mendokumentasikan prosedur dan program yang diperlukan

olehdokumen perancangan sistem yang telah dibuat.

d. Memastikan bahwa kkonversi ke sistem baru berjalan yaitu dengan membuat

rencana,mengontrol dan melakukan instalasi baru secara benar.

4.2 Komponen-Komponen Utama Implementasi Sistem

Untuk mengolah data menggunakan komputer dibutuhkan komponen-komponen

yang mencakup utama sebagai berikut :

4.2.1 Perangkat Keras (Hardware)

Hardware a d a l a h k o m p o n e n y a n g b e k e r j a s a m a d i d a l a m melaksanakan pengolahan

data yang dipergunakan yaitu seperangkat komputer. Dalam penulisan tugas akhir ini, perangkat keras yang

(46)

a. Monitor

b. CPU (Central unit processing)

c. Hardisk sebagai tempat sistem beroperasi dan media penyimpanan

d. Memori minimal 256 MB

e. Keyboard dan mouse

4.2.2 Perangkat lunak (software)

Software adalah sekumpulan data elektronik yang disimpan dan diatur oleh komputer, data

elektronik yang disimpan oleh komputer itu dapat berupa program atau instruksi yang akan

menjalankan suatu perintah.Dalam penulisan hal ini, perangkat keras yang digunakan penulis

adalah:

a. Sistem operasi windows 7.

b. Mysql sebagai bahasa pemprograman untuk database dalam bahasa SQL.

c. MACROMEDIA Dreamweaver 8 sebagai editor pendesainnya.

d. PHP sebagai bahasa pemprograman server side.

e. XAMPP sebagai server lokal dalam pengetesan halaman web.

f. Browser sebagai tempat media tampilan halaman website, seperti mozilla.

4.2.3 Unsur Manusia (Brainware)

Brainwaremerupakan faktor manusia yang menangani fasilitas komputer yang ada.faktor manusia

yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur

(47)

a. Sistem Analis, yaitu orang yang membentuk dan membangun fasilitas rancangan

sistem perancangan.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman dalam membuat

dan membangun program.

c. Komputer Operator, yaitu orang yang menangani langsung dalam pengolahan data

atau pun penggunaan sistem.

d. Public (pengguna), yaitu orang yang memakai sistem yang telah dirangcang untuk mendapatkan

informasi yang dibutuhkan.

4.3 Instalasi Software

Pada perancangan sistem informasi ini penulis menggunakan software xampp. Dimana software ini sudah

terdapat Apache, PHP dan MySQL.dengan menggunakan software ini penulis mendapat beberapa

kemudahan, yakni hanya perlu menginstall satu kali saja yakni XAMPP dan tidak perlu lagi untuk

(48)

Adapun tahap-tahap instalasi xampp adalah sebagai berikut :

a. Klik ganda pada file xampp kemudian akan muncul seperti gambar 4.1.

Gambar 4.1. Pemilihan Bahasa

b. Pilih bahasa yang dikehendaki kemudian pilih “OK”dan akan muncul gambar 4.2.klik

next untuk melanjutkan instalasi.

Gambar 4.1 Instalasi XAMPP

c. Setelah klik next maka akan muncul tampilan yang menentukan direktori tempat

(49)

Gambar 4.3 Menentukan Direktori Instalasi Xampp

d. Setelah itu akan muncul pesan proses instalasi telah selesai,namun masih ada

beberapa tahap lagi yang harus penulis selesaikan, sebelum penulis dapat

menggunakan XAMPP.Setelah penulis Klik Finish akan muncul pesan sebagaiberikut:

Install Xampp ( Apache, My SQL, FileZilla as Service ) pilh Yes,lalu akan

muncul pesan lagi install Apache 2 as Servicepilh Yes,InstallMy SQL as

servicepilh YesInstal Filezilla FTP as servicepilh No.

(50)

e. Maka akan muncul proses penginstallan sebagai berikut :

Gambar 4.5 Proses Instalasi Xampp

f. Setelah ini akan muncul tampilan

Gambar 4.6 Instalasi Xampp Sukses

4.4. Gambaran Umum Sistem Informasi

Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses

melalui jaringan interanet dan internet. Karena pogram ini berjalan mdalam sebuah jaringan

(51)

Maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak penggguna

secara bersamaan dari komputer yang berbeda.

4.4.1 Halaman Home

Halaman home merupakan halaman pembuka dari sekian banyak web page yang terdapat

dalam situs pemesanan tiket online.tampilan tersebut adalah sebagai berikut :

Gambar 4.7 Halaman Home

4.4.2 Halaman news

Halaman news merupakan halaman yang berisikan informasi-informasi ter-update dari travel

(52)

Gambar 4.8 Halaman News

4.4.3 Halaman About

Halaman about merupakan halaman yang berisikan tentang travel tersebut.

(53)

4.4.4 Halaman booking

Halaman booking merupakan halaman dimana pengunjung melakukan pemesananan tiket

online.

Gambar 4.10 Halaman Booking

4.4.5 Halaman Jadwal

Halaman jadwal adalah halaman yang menampilkan informasi jadwal pesawat yang akan

(54)

Gambar 4.11 Halaman Jadwal

4.4.6 Halaman Contact

Halaman Contact adalah halaman yang pengunjung dapat mengirimkan pesan kepada travel

tersebut.

(55)

Halaman Login Admin adalah kumpulan halaman web yang berfungsi sebagai ruang kerja

seorang admin untuk mengatur dan mengelola data dari website. Data yang ditampilkan pada

website diambil langsung oleh database. Ada 3(tiga) cara dari seorang admin mengelola

database melalui halaman admin yaitu menambah data, mengedit data,dan menghapus data.

Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu

menggunakan username: admin dan password : rahasia.

(56)

BAB 5

KESIMPULAN DAN SARAN

5.1Kesimpulan

Berdasarkan pembahasan yang telah dilakukan, maka dapat ditarik beberapa kesimpulan

yaitu:

a. Sistem yang digunakan masih sedikit manual sehinggga dalam penerapannya belum

memberikan hasil yang memuaskan dan sesuai keinginan.

b. Sistem informasi ini dapat diakses oleh pengunjung yang ingin melakukan perjalanan

maupun hanya sekedar melihat daftar harga.

c. Dengan adanya sistem informasi tiket online maka pengunjung dapat dengan mudah

memesan tiket ke tujuan manapun.

5.2 Saran

Beberapa saran penulis dalam pembuatan sistem informasi ini adalah :

a. Dengan adanya sistem informasi ini dapat memotivasi mahasiswa untuk

meningkatakan pengetahuan khususnya dalam bidang teknologi informasi.

b. Membuat sistem informasi sedemikian unik sehinggga banyak pengunjung yang suka

(57)

DAFTAR PUSTAKA

1. Amarullah, A. (2004). Tutorial Pembelajaran PHP dan MySQL. PDF ebook.

2. Pemrograman PHP. Retrieved June 5, 2007, from

3. Naramore E., Gerner J., Scouarnec YL., Stolz J., Michael G. (2005).Beginning PHP5,

Apache and MySQL : Web Development. Wiley.

4. PHP and MySQL Tutorial. Retrieved June 5, 2007, from

tutorial.com/.

5. Sanjaya R, W. Purbo, O. (2001). Membuat Aplikasi WAP dengan PHP. PT Elex Media Komputindo.

(58)

LAMPIRAN A : LISTING PROGRAM

1.listing Admin_index.php Admin

<!--

function MM_popupMsg(msg) { //v1.0 alert(msg);

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2)

eval(args[i]+".location='"+args[i+1]+"'");

<< First | <<Previous Next> | Last >>

2.listing Admin_Form.php

<tr>

<tr>

<td><div align="left" class="style8">Password :</div>

(59)

</tr> <!-- <tr>

<td><div align="left" class="style8">Status :</div> <select name="status">

3.listing Admin_Form Edit.php <?php

include ("../library/koneksi.php"); $id=$_REQUEST['id'];

$view= mysql_query ("select * from user where id_user='$id'",$koneksi)

or die (mysql_error());

$jumlah = mysql_num_rows($view); echo "<br><br>";

if ($row=mysql_fetch_array ($view)) {

?>

<h2><em>U</em>bah <em>P</em>assword</h2>

<tr>

<td width="205"><div align="left" class="style8">Nama :</div> <input type="text" name="nama" size="32" maxlength="32"

value="<?php echo $row['username']; ?>" /></td> </tr>

<tr>

<td><div align="left" class="style8">Password :</div>

</tr>

(60)

<?php include("../library/koneksi.php"); $id=$_REQUEST['id'];

$qry= mysql_query ("delete from user where id='$id'",$koneksi) or die (mysql_error());

if ($qry)

header ("location:../index.php?name=admin/index.php");

?>

5.listing Admin_Process.php <?php

include ("../library/koneksi.php"); $nama=$_REQUEST['nama'];

$password=$_REQUEST['password']; $status=$_REQUEST['status'];

$qry = mysql_query (" insert into

user(username,password,status,first_enter)

values ('$nama','$password','admin',sysdate())",$koneksi) or die (mysql_error());

(61)

$password=$_REQUEST['password']; $id=$_REQUEST['id'];

if($password=="") {

?>

window.location = "../index.php?name=admin/index.php"; alert('Password Tidak Diubah')

</script> <?php

}

else if ($id!="" and $password!="") {

$qry = mysql_query (" UPDATE user SET username = '$nama', password = '$password' WHERE id_user= $id",$koneksi) or die (mysql_error());

alert('Password Anda telah di ganti, terima kasih')

window.location = "../index.php?name=admin/form_edit&id=<?php echo $id; ?>";

alert('Tidak ada perubahan') </script>

<?php } ?>

(62)

a:visited {

</style> <h2>LIST DATA DOSEN</h2>

<?php

include ("../library/koneksi.php");

$sql = mysql_query("SELECT * FROM dosen"); ?><script type="text/JavaScript">

<!--

function MM_popupMsg(msg) { //v1.0 alert(msg);

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2)

eval(args[i]+".location='"+args[i+1]+"'"); }

//-->

</script> <?

//menentukan batas, cek dan posisi data $batas=5;

$halaman = $_REQUEST['halaman'];

if(empty($halaman)){

//sesuaikan perintah SQL dengan posisi dan batas

$sql= "SELECT * FROM dosen order by nip DESC LIMIT $posisi,$batas";

$result = mysql_query($sql); $test=mysql_num_rows($result); if ($test!=0)

(63)

$no=$posisi+1;

echo" <table width='400' table bordercolordark='#000000' cellpadding='1' cellspacing='1' bordercolor='#000000' border='0' style='color:#000000'>";

echo" <tr align='center'>"; echo "<th>NO</th>";

//pemberian warna berbeda pada tiap baris tampilan if (($no % 2)==0)

{ $warna="#ffffff"; } else { $warna="#EAEAEA";} $id= $row['id'];

echo "<tr bgcolor=$warna align='center' ><td>"; echo $no;

echo "</td><td>"; echo $row['nip'];

echo "</td><td style='text-transform:uppercase'>"; echo $row['nama'];

echo "</td><td>";

echo "<a href='dosen/hapus.php?id=$row[nip]' onClick=\"return confirm('Apakah Anda benar-benar akan menghapus data

ini?')\"><acronym title='Hapus data'><img

src='images/cancel.png' alt='delete'></a>   "?>

<!-- <acronym title="Lihat Data"><img src="images/info.png" alt="show"

onClick="MM_goToURL('parent','index.php?name=dosen/tampil_dose n.php&id=<?php echo $row['nip']; ?>');return

document.MM_returnValue" /></acronym>   --> <acronym title="Edit Data"><img src="images/info.png" alt="show" width="15" height="15"

onClick="MM_goToURL('parent','index.php?name=dosen/edit_form.p hp&id=<?php echo $row['nip']; ?>&nav= Data Dosen >> Edit Data Dosen');return document.MM_returnValue"

(64)

}

echo "</table><table width='500' align='left' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("select * from dosen")or die (mysql_error());

$result=mysql_num_rows($sql2); $jmlhalaman=ceil($result/$batas);

/* bangun Previous link */ if($halaman > 1){

$prev = ($halaman - 1); ?>

<a

href="index.php?name=dosen/index.php&halaman=1&nav= Data Dosen >> List Data Dosen"><< First </a> |

<a href="index.php?name=dosen/index.php&<? echo "halaman=$prev"; ?>&nav= Data Dosen >> List Data Dosen"><<Previous  </a>

<? } else {

echo "<p>First| < Previous "; } //tampilkan link halaman 1,2,3...

for($i = 1; $i <= $jmlhalaman; $i++){ if($i == $jmlhalaman){

echo "$i "; }

else { ?>

<a href="index.php?name=dosen/index.php&<? echo

"halaman=$i"; ?>&nav= Data Dosen >> List Data Dosen"><? echo $i; ?></a>

(65)

/* bangun Next link */

if($halaman < $jmlhalaman){ $next = $halaman + 1;

?>

<a href="index.php?name=dosen/index.php&<? echo "halaman=$next"; ?>&nav= Data Dosen >> List Data Dosen">Next> |</a>

<A href="index.php?name=dosen/index.php&<? echo

"halaman=$jmlhalaman"; ?>&nav= Data Dosen >> List Data Dosen">Last >></a>

<? }

echo "</td></tr></table>";

}//akhir dari kondisi bahwa data tidak kosong

else { echo "<div align='left'>TIDAK ADA DATA DALAM DATABASE </div>"; }

?> <p>

<a href="index.php?name=dosen/form.php&nav=Data Dosen >> Form Pengisian Data Dosen">Tambah Data</a>

8.listing Dosen_Edit_Form.php

var xmlhttp = createRequestObject();

function createRequestObject() { var ro;

var browser = navigator.appName;

if(browser == "Microsoft Internet Explorer"){ ro = new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.open('get', 'mahasiswa/edit_form.php?kode='+kode, true);

xmlhttp.onreadystatechange = function() {

(66)

}

<?php include ("../library/koneksi.php"); $id=$_REQUEST['id'];

$view= mysql_query ("select * from dosen where nip='$id'",$koneksi)

or die (mysql_error());

$jumlah = mysql_num_rows($view);

$row=mysql_fetch_array ($view) ?>

<h2>Edit Data Dosen</h2>

<tr>

<td height="28" colspan="3" valign="middle"><strong>Nama Lengkap </strong></td>

<tr>

<td height="28" colspan="3"

valign="middle"><strong>NIP</strong></td> <td colspan="2" valign="middle">

<tr>

valign="middle"><strong>Alamat</strong></td>

<tr>

valign="middle"><strong>Telepon</strong></td>

(67)

<tr>

valign="middle"><strong>Email</strong></td>

</tr>

</table> </form>

9. Listing Dosen_Edit_Process.php <?php

$qry = mysql_query (" update dosen set nama='$nama',

alamat='$alamat', telepon='$telepon',

(68)

if ($qry==true)

"../index.php?name=dosen/index.php&nav= Data Dosen >> List Data Dosen";

<h2>Form Pengisian Data Dosen</h2><br />

<tr>

<td height="28" colspan="3" valign="middle"><strong>Nama Lengkap </strong></td>

<tr>

valign="middle"><strong>NIP</strong></td>

<tr>

valign="middle"><strong>Alamat</strong></td> <td colspan="2" valign="middle"><textarea name="alamat"></textarea></td>

(69)

<tr>

valign="middle"><strong>Telepon</strong></td>

<tr>

valign="middle"><strong>Email</strong></td>

</tr>

<?php include("../../library/koneksi.php"); $id=$_REQUEST['id'];

echo $id;

$qry= mysql_query ("delete from dosen where nip='$id'",$koneksi) or die (mysql_error()); if ($qry)?>

window.location =

"../index.php?name=dosen/index.php&nav= Data Dosen >> List Data Dosen";

--></script> 12.Listing Dosen_Jurusan.php <?php

(70)

$kode=$_REQUEST['kode']; $sql2=mysql_query("SELECT *

FROM jurusan where tingkat='$kode'"); ?>

<?php while ($data=mysql_fetch_array($sql2)) {

13. Listing Dosen_Process.php <?php

$qry = mysql_query (" insert into dosen ( nip,

)" ,$koneksi) or die (mysql_error());

(71)

--></script> </script>

<?php

}

?>

14. Listing Dosen_Tampil_Dosen.php <?php

include ("../library/koneksi.php"); $id=$_REQUEST['id'];

$view= mysql_query ("select * from dosen,status where dosen.status=status.id_status and nip='$id'",$koneksi) or die (mysql_error());

$jumlah = mysql_num_rows($view);

echo "<br><br>";

if ($row=mysql_fetch_array ($view)) {

?>

<h2>Detail Data Dosen</h2> <table width="277" border="0">

<tr>

<td width="104"><div align="left" class="style8">Nama

</div></td><td width="163" style="border-bottom:#FF9900 solid 1px">: