proyek_3wps7_hendry ashary dan muhammad nurrian.pdf

35
  PROYEK WEB PROGRAMMING FOR SHARIA COMPLIANCE WEB Sistem Informasi Pemesanan Tiket Pesawat Online Disusun oleh: 1. Hendry Ashary 2. Muhammad Nurrian Faculty : Shinta Oktaviana R, S.Kom Kelas : 3 TIPS 7 CEP-CCIT FTUI BEKERJASAMA DENGAN PUSBANGSITEK UIN SYARIF HIDAYATULLAH JAKARTA 2014 

Upload: muhammad-nurrian

Post on 04-Feb-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 1/35

 

PROYEK WEB PROGRAMMING FOR SHARIA COMPLIANCE

“WEB Sistem Informasi Pemesanan Tiket Pesawat Online” 

Disusun oleh:

1.  Hendry Ashary

2.  Muhammad Nurrian

Faculty : Shinta Oktaviana R, S.Kom

Kelas : 3 TIPS 7

CEP-CCIT FTUI BEKERJASAMA DENGAN

PUSBANGSITEK UIN SYARIF HIDAYATULLAH JAKARTA

2014 

Page 2: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 2/35

 

i

KATA PENGANTAR

Assalamualaikum Wr. Wb

Puji syukur penulis panjatkan kehadirat Allah SWT, atas rahmat dan petunjuk-

 Nya yang telah dilimpahkan kepada penulis. Sehingga akhirnya penulis dapat

menyelesaikan penulisan proyek ini. Adapun judul penulisan proyek yang penulis ambil

adalah sebagai berikut “Web Sistem Informasi Pemesanan Tiket Pesawat Online” 

Tujuan penulisan proyek ini dibuat untuk memenuhi salah satu syarat mengikuti Ujian

Akhir Semester. Untuk itu penulis mungucapkan terima kasih yang sebesar-besarnya atas

 bantuan yang diberikan kepada penulis, baik secara moril maupun secara materil kepada

Ibu Shinta Oktaviani selaku dosen pembimbing Tugas Proyek WPS.

Akhir kata, penulis menyadari sepenuhnya bahwa dalam penyajian dan pembahasan

masalah dalam laporan ini masih terdapat kekurangan-kekurangan karena keterbatasan,

kemampuan dan pengetahuan yang penulis miliki. Oleh karena itu, izinkanlah penulis

memohon kritik dan saran yang bersifat membangun demi kesempurnaan penulis dimasa

yang akan datang. Penulis berharap proyek ini dapat bermanfaat bagi penulis khususnya

dan bagi para pembaca yang berminat.

Wassalamualaikum Wr. Wb.

Depok, Desember 2014

Page 3: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 3/35

 

ii

DAFTAR ISI

KATA PENGANTAR ........................................................................................... i 

DAFTAR ISI ........................................................................................................ ii 

DAFTAR GAMBAR ........................................................................................... iv 

BAB I PENDAHULUAN .................................................................................... 1 

1.1 Latar Belakang ............................................................................................ 1 

1.2 Rumusan Masalah ..................................................................................... 1 

1.3 Tujuan Penulisan ....................................................................................... 2 

1.4  Batasan Masalah ..................................................................................... 2 

1.5 

Metodologi Penulisan ............................................................................. 2 

I.6 

Sistematika Penulisan ............................................................................. 3 

BAB II PEMBAHASAN ...................................................................................... 4 

2.1 

Sejarah Perkembangan WEB .................................................................. 4 

2.2 

Sistem Pemesanan Tiket Online ............................................................. 5 

2.3 Pengenalan HTML .............................................................................. 6 

2.4 

CSS ( Cascading Style Sheets ) .............................................................. 8 

2.4.1 

Pengertian CSS ................................................................................. 8 

2.4.2  Fungsi dan Kegunaan CSS ............................................................... 8 

2.5 

MYSQL ................................................................................................ 11 

2.5.1 

Keistimewaan MySQL ................................................................... 13 

2.6  PHP (Hypertext Preprocessor) .............................................................. 14 

2.6.1 

Kegunaan PHP ................................................................................ 14 

2.6.2 

Cara Kerja PHP ............................................................................... 15 

2.6.3 

Fungsi PHP dalam Pemograman Web ............................................ 15 

BAB III ANALISA PERMASALAHAN .......................................................... 18 

3.1 

Definisi Sistem ...................................................................................... 18 

3.2  Entity Relationship Diagram Aplikasi .................................................. 19 

3.3 

Flowchart .............................................................................................. 20 

3.4 

Fitur-fitur Aplikasi ................................................................................ 23 

BAB IV PENUTUP ............................................................................................ 28 

Page 4: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 4/35

 

iii

4.1 Kesimpulan ............................................................................................... 28 

4.2  Saran ..................................................................................................... 29 

DAFTAR PUSTAKA ......................................................................................... 30 

Page 5: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 5/35

 

iv

DAFTAR GAMBAR

Gambar 3. 1 ERD Aplikasi ................................................................................. 19 

Gambar 3. 2. Flowchart Tampilan Utama .......................................................... 20 

Gambar 3. 3. Flowchart Login Member ............................................................. 21 

Gambar 3. 4. Flowchart Login Admin ............................................................... 21 

Gambar 3. 5. Flowchart Reservasi ..................................................................... 22 

Gambar 3. 6. Flowchart Detail Reservasi ........................................................... 22 

Gambar 3. 7. Flowchart Menu Admin ................................................................ 23 

Gambar 3. 8. Tampilan Halaman Utama ............................................................ 23 

Gambar 3. 9. Cara Pemesanan dan Pembayaran ................................................ 24 

Gambar 3. 10. Profil Perusahaan ........................................................................ 24 

Gambar 3. 11. Reservasi ..................................................................................... 24 

Gambar 3. 12. Detail Pemesanan........................................................................ 25 

Gambar 3. 13. Pembayaran................................................................................. 25 

Gambar 3. 14. Jadwal Penerbangan.................................................................... 25 

Gambar 3. 15. Perubahan Jadwal ....................................................................... 26 

Gambar 3. 16. Daftar Pemesanan ....................................................................... 26 

Gambar 3. 17. Daftar Pembayaran .................................................................... 27 

Page 6: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 6/35

 

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Di zaman yang sudah semakin modern ini manusia sudah semakin dipermudah

dan dimanjakan dengan fasilitas yang mempermudah orang-orang untuk melakukan

sesuatu secara instan tanpa perlu bersusah payah bahkan dapat menyita waktu, khususnya

dibidang pelayanan. Banyak orang yang ingin berpergian dengan trasportasi-transporasi

yang ada. Hal itu pula di dukung oleh sistem pelayanan yang mempermudah orang untuk

melakukan transaksi khususnya di bidang transportasi penerbangan, yaitu sistem Tiket

Online pada pesawat. Sistem ini mempermudah siapapun yang ingin melakukan

 penerbangan dapat dengan mudah memesan dan membeli tiket secara online dimana pun

dan kapan pun berada tanpa harus datang ketempat penjualan tiket langsung. Banyak

manfaat yang didapat dari sistem ini. Oleh karena itu kami ingin membuat sistem ini

dengan berbasis web yang diimplementasikan dengan pemrograman HTML yang

nantinya aplikasi yang akan kami buat akan terintegrasi dengan database dan ditampilkan

dalam bentuk atau berbasis web.

1.2 Rumusan Masalah

Berdasarkan latar belakang tersebut maka penulis merumuskan masalah sebagai

 berikut:

1.  Apa yang dimaksud dengan Web Programming. 

2.  Bagaimana analisa dan perancangan sistem aplikasi tiket online pesawat.

3.  Bagaimana membangun sistem aplikasi tiket online pesawat berbasis web. 

Page 7: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 7/35

 

2

1.3 Tujuan Penulisan

Berdasarkan rumusan masalah yang telah diuraikan diatas, maka tujuan penulisan

makalah ini sebagai berikut:

1.  Mengetahui maksud dari Web Programming. 

2.  Mengetahui bagaimana analisa dan perancangan sistem aplikasi tiket online

 pesawat. 

3.  Mengetahui bagaimana membangun sistem aplikasi tiket online pesawat berbasis

Web. 

1.4 Batasan Masalah

Berikut adalah batasan masalah dalam pembuatan aplikasi ini:

1.  Calon pelanggan harus melakukan registrasi untuk bisa mengakses pemesanan tiket

2. 

Pelanggan yang sudah memiliki akun registrasi harus login untuk melakukan

 pemesanan tiket

3. 

Pelanggan yang sudah login dapat memilih jenis maskapai penerbangan, waktu

 penerbangan dan melihat harga tiket dari penerbangan yang akan digunakan.

4.  Pelanggan akan mendapatkan report notifikasi setelah proses transaksi selesai

dilakukan.

5. 

Administrator dapat mengolah database pemesanan tiket penerbangan.

6.  Administrator dapat mengolah database pelanggan yang telah melakukan registrasi.

7.  Administrator dapat memberikan notifikasi lanjutan apabila terdapat kesalahan teknis

atas penerbangan yang telah dipilih pelanggan.

8.  Aplikasi pemesan tiket penerbangan online ini menggunakan html, css, php, dan

mySql.

1.5 Metodologi Penulisan 

Tahapan dalam pembuatan sistem aplikasi ini adalah System / Information

 Enginering and Modelling, Analysis, Design, Coding dan Testing. Selanjutnya penulis

Page 8: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 8/35

 

3

menggunakan metode penulisan deskriptif yang bersumber dari buku, internet, dan

diskusi.

I.6 Sistematika Penulisan

Dalam penyusunan makalah ini penulis mengikuti aturan-aturan sistematika

 penulisan sebagai berikut:

1.  Bab I Pendahuluan

Bab ini berisi latar belakang, rumusan masalah, tujuan penulisan, batasan

masalah, metodologi penulisan dan sistematika penulisan.

2. 

Bab II Landasan Teori

Dalam bab ini menjelaskan tentang teori dasar mengenai  HTML, Web

 Programming. 

3.  Bab III Analisis dan Perancangan

Dalam bab ini menguraikan pengimplementasian dari mata kuliah Web

 Programming (WPS).

4.  Bab IV Penutup

Pada Bab ini berisi Kesimpulan dan saran yang di berikan penulis terhadap penyusunan proyek ini.

Page 9: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 9/35

 

4

BAB II

PEMBAHASAN

2.1 Sejarah Perkembangan WEB

Keberadaan web tidak terlepas dari internet, karena keduanya saling berkaitan

dan saling mendukung.web semakin terkenal dan banyak digunakan seiring dengan

 perkembangan teknologi internet. Internet mulai berkembnag pada dekade 1960-an,

 bermula dari pembentukan ARPA (Advanced Research Project Agency) pada tahun

1957 oleh Departemen Pertahanan Amerika Serikat (AS), yang bertugas

meningkatkan kemampuan teknologi yang dapatdimanfaatkan oleh militer. ARPA

menjalankan tugasnya dengan melakukan kontrak kerja dan memberikan kepada

universitas-universitas serta perusahaan-perusahaan yang menjanjikan bagi

operasinya.

Dari hasil kerjasama dengan universitas-universitas tersebut, maka ARPA

memutuskan bahwa jaringan yang dibutuhkan oleh Departemen Pertahanan Amerika

Serikat tersebut berbentuk packet-switching yang terdiri dari sebuah sub-net dan

komputer-komputer host. Pada Desember 1968, ARPA memberikan kontraknya

 pada sebuah biro konsultan di Cambridge, Massachuset untuk membnagun jaringan

tersebut serta perangkat lunak (software) pendukungnya.

Jaringan-jaringan tambahan seperti LAN makin banyak dihubungkan dengan

ARPANET seiring dengan semakin luasnya jaringan, host menjadi semakin mahal.

DNS (Domain Name System)dibentuk untuk mengorganisasikan mesin ke dalam

domain-domain tertentu dan memetakan nama-nama komputer host kedalam alamat-

alamat IP, sehingga sejak saat itu DNS menjadi sistem basis data(database) yang menyimpan berbagai macam bentuk informasi yang berhubungan

dengan penamaan alamat server dalam jaringan ARPANET.

Sejarah Web dimulai pertama kali tahun 1989, saat Timothy Berners-Lee,

seorang ahli komputer dari Inggris mengajukan penelitian manajemen informasi

terkait bagaiman informasi dapat ditransfer dengan mudah melalui internet

menggunakan hypertext, yang saat ini dekenal degan sistem navigasi informasi

Page 10: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 10/35

Page 11: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 11/35

 

6

sangat memudahkan bagi para pebisnis yang ingin menjalankan bisnisnya atau bertemu

klien di luar pulau atau bahkan di luar negeri.

Hampir semua maskapai penerbangan meneyediakan sistem reservasi tiket

 pesawat secara online. Contohnya pemesanan tiket pesawat Garuda bisa dilakukan di

agen yang telah bekerjasama dengan Garuda Indonesia untuk menyediakan tiket pesawat

yang bisa dipesan secara online.Supaya anda lebih nyaman dalam merencanakan

 perjalanan menggunakan pesawat terbang, jangan lupa pesan tiket dengan

melakukanpemesanan tiket pesawat online.

2.3 Pengenalan HTML

Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali

setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian

mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah

 pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang

menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai

Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentangdokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang

menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO

membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu  SGML

(Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa

SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem

 perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu

HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang

menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.

HyperText Markup Language (HTML) adalah sebuah bahasa markah  yang

digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di

dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis

dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan

dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah

Page 12: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 12/35

 

7

HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia

 penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup

 Language), HTML adalah sebuah standar yang digunakan secara luas untuk

menampilkan halaman web. HTML saat ini merupakan standar Internet yang

didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium

(W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika

mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi

tinggi di Jenewa).

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 format di dalam halaman web daripada menentukan

 penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan

susunan halaman ke gaya built-in 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 eksistensi HTML adalah tersedianya Lingua

 franca  (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna

Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat

dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat

tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang

menggunakan Produk- produk  Sun Microsystems. namun demikian pengguna-pengguna

tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan

Pranala. 

Page 13: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 13/35

 

8

2.4 CSS ( Cascading Style Sheets )

2.4.1 Pengertian CSS

Dalam bahasa bakunya, seperti di kutip dari wikipedia, CSS adalah “kumpulankode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa

markup ini salah satunya adalah HTML.

Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan

untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa

mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua

kode tag HTML.

CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling

melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web.

Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “ HTML

 for content, CSS for Presentation”.

2.4.2 Fungsi dan Kegunaan CSS

Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang

semakin kompleks. Pada awal kemunculan HTML, kita bisa membuat suatu paragraf bewarna merah dengan menulis langsung kode tersebut didalam tag HTML, atau

membuat latar belakang sebuah halaman dengan warna biru. Contoh kode HTML untuk

hal itu adalah sebagai berikut:

1

2

3

4

5

<!DOCTYPE html>

<html>

<head>

<title>Test Tag Font HTML</title>

</head>

Page 14: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 14/35

Page 15: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 15/35

 

10

 Namun setelah website tersebut memiliki katakanlah 50 artikel seperti diatas, dan

karena sesuatu hal anda ingin merubah seluruh text merah tadi menjadi biru, maka akan

dibutuhkan waktu yang lama untuk mengubahnya satu persatu, halaman per halaman.

Dalam kondisi inilah CSS mencoba ‘memisahkan’  tampilan dari konten. Untuk

 paragraf yang sama, berikut kode HTML bila ditambahkan kode CSS:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html>

<head>

<title>Test Background Color CSS</title>

<style type="text/css">

.warna {

color: red;

}

</style>

</head>

<body>

<p>

CSS merupakan bahasanya <span class=warna>desainer web</span>.

 Namun sebenarnya, apa itu CSS?

Page 16: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 16/35

 

11

Dalam contoh CSS  diatas, mengubah tag <font> menjadi tag <span>. Tag

<span> sendiri merupakan tag yang tidak bermakna, namun bisa di kostumasi

menggunakan CSS. Tag span  saya tambahkan dengan atribut

atribut class=”warna”. Atribut class berguna untuk memasukkan kode CSS pada tag

<style>. CSS memungkinkan kita merubah tampilan dari halaman, tanpa mengubah isi

dari halaman. Dalam tutorial selanjutnya, kita akan membahas Cara Menginput Kode

CSS ke Halaman HTML. 

2.5 MYSQL

Mysql adalah sebuah server database open source yang terkenal yang digunakan

 berbagai aplikasi terutama untuk server atau membuat WEB. Mysql berfungsi sebagai

SQL (Structured Query Language) yang dimiliki sendiri dan sudah diperluas oleh Mysql

umumnya digunakan bersamaan dengan PHP untuk membuat aplikasi server yang

16

17

18

19

20

21

22

23

24

25

26

<br />

<span class=warna>CSS </span>adalah kumpulan kode

yang digunakan untuk mendefenisikan desain dari bahasa markup,

<span class=warna>salah satunya adalah HTML</span>.

<br />

Dengan CSS kita bisa mengubah desain dari

<span class=warna>text, warna, gambar dan latar belakang</span>

dari (hampir) semua kode tag HTML.

</p>

</body>

</html>

Page 17: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 17/35

 

12

dinamis dan powerfull. Tidak sama dengan proyek-proyek seperti Apache, dimana

 perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber

dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah

 perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas

semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan

MySQL AB tersebut adalah: David Axmark, Allan Larsson, dan Michael “Monty”

Widenius.

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional

(RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public

License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan

 batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat

komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

 basisdata yang telah ada sebelumnya; SQL(Structured Query Language). SQL adalah

sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan

 pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah

secara otomatis.

Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja

 pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh

 pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen

 basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata

non-transaksional. Pada modus operasi non-transaksional, MySQL dapat dikatakan

unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor

lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas

reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya

cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi

 blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang

ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata

transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus

transaksional tidak secepat unjuk kerja pada modus non-transaksional.

Page 18: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 18/35

 

13

2.5.1 Keistimewaan MySQL

MySQL memiliki beberapa keistimewaan, antara lain :

1. 

Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti

Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan ma\sih banyak

lagi.

2.  Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak

sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3.  Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang

 bersamaan tanpa mengalami masalah atau konflik.

4. 

‘Performance tuning’, MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL

 per satuan waktu.

5.  Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed

/ unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6.  Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah Select dan Where dalam perintah (query).

7. 

Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask,nama host, dan izin akses user  dengan sistem perizinan yang mendetail serta sandi

terenkripsi.

8.  Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala

 besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5

milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada

tiap tabelnya.

9. 

Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia

 belum termasuk di dalamnya.

Page 19: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 19/35

 

14

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi

dan bahasa pemrograman dengan menggunakan fungsi API (Application

Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat

digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada

disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam

menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL

ataupun Oracle.

2.6 PHP (Hypertext Preprocessor)

PHP merupakan singkatan dari ” Hypertext Preprocessor”, PHP adalah sebuah

 bahasa scripting atau sering disebut bahasa pemrograman yang terpasang pada HTML.

Sebagian besar sintaksnya mirip dengan bahasa pemrograman C, Java, asp dan

Perl, ditambah beberapa fungsi PHP yang spesifik dan mudah dimengerti. Sejarah

PHP, awalnya PHP merupakan kependekan dari Personal Home Page (situs personal)

dan PHP itu sendiri pertama kali di buat oleh Rasmus Lerdorf pada tahun 1995, dan padasaat PHP masih bernama FI (Form Interpreter), yang wujudnya berupa sekumpulan sript

yng digunakan untuk mengolah data form dari web dan selanjutnya Rasmus merilis kode

sumber tersebut untuk umum dan menamakannya PHP.

2.6.1 Kegunaan PHP

Kegunaan dari PHP adalah untuk membuat tampilan web menjadi lebih dinamis,

dengan php kita bisa menampilkan atau menjalankan beberapa file dalam 1 file dengan

cara di include atau require, dan php itu sendiri sudah bisa beriteraksi dengan

 beberapa database walaupun dengan kelengkapan yang berbeda, yaitu seperti :

  DBM,

 

FilePro (Personic, Inc),

  Informix,

  Ingres,

Page 20: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 20/35

Page 21: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 21/35

 

16

menggunakan PHP sama sekali. Anda bisa membuat sebuah website, murni dengan

menghubungkan beberapa halaman HTML saja.

 Namun jika anda ingin membuat web yang dinamis, bisa menyimpan data ke

dalam database, atau ingin membuat halaman yang berubah-ubah sesuai input dari user ,

maka pada saat itulah PHP dibutuhkan.

Untuk pembuatan web, kode HTML biasanya di sisipkan kedalam dokumen PHP.

Karena fitru inilah PHP disebut juga sebagai Scripting Language atau bahasa

 pemograman script.

Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1

sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara

manual seperti kode berikut ini:

<!DOCTYPE html>

<html>

<head>

<title>Contoh list dengan HTML</title>

</head>

<body>

<h2>Daftar Absensi Mahasiswa</h2>

<ol>

<li>Nama Mahasiswa ke-1</li>

<li>Nama Mahasiswa ke-2</li>

<li>Nama Mahasiswa ke-3</li>

<li>Nama Mahasiswa ke-4</li>

Page 22: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 22/35

 

17

<li>Nama Mahasiswa ke-5</li>

<li>Nama Mahasiswa ke-6</li>

<li>Nama Mahasiswa ke-7</li>

<li>Nama Mahasiswa ke-8</li>

<li>Nama Mahasiswa ke-9</li>

<li>Nama Mahasiswa ke-10</li>

</ol>

</body>

</html>

Page 23: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 23/35

 

18

BAB III

ANALISA PERMASALAHAN

3.1 Definisi Sistem

Aplikasi pemesanan tiket pesawat online berbasis ini merupakan sistem aplikasi

web yang dapat membantu seseorang yang ingin memesan tiket pesawat untuk

melakukan perjalanan, baik perjalanan liburan maupn perjalanan bisnis. Dengan adanya

sistem aplikasi web ini, seseorang yang ingin melakukan perjalanan dapat memesan tiket

dimana pun dan kapan pun, terutama apabila dalam keadaan darurat yang mengharuskan

mereka harus berpergian dengan pesawat udara.

Dalam aplikasi ini baru bekerjasama dengan satu maskapai dalam melayani

 perjalanan para pelanggan, dan baru memiliki Tujuh rute kota penerbangan, yaitu Medan,

Jakarta, Bandung, Surabaya, Yogyakarta, Denpasar dan Lombok. Proses pembayaran dari

aplikasi web ini menggunakan sistem transfer bank yang sudah menjadi relasi aplikasi

web ini.

Untuk kedepannya, aplikasi web ini terus dikembangkan agar dapat menjangkau

rute penerbangan domestik lainnya, atau bahkan penerbangan non-domestik. Selain itu,

dapat bekerjasama dengan maskapai lainnya terutama maskapai yang dapat melakukan

rute penerbangan ke daerah yang jarang dijangkau maskapai pada umunya.

Page 24: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 24/35

 

19

3.2 Entity Relationship Diagram Aplikasi

Gambar 3. 1 ERD Aplikasi

Page 25: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 25/35

 

20

3.3 Flowchart

Mulai

Menu Utama

1 Beranda

2 Profil

3 cara pemesanan

4 Reservasi

5 Login

Jika pilihan

==beranda

Terima

Inputan

Menu

Jika pilihan

==reservasi

Jika pilihan

==carapemesa

nan

Jika pilihan

==profil

Jika pilihan

==login

Berabda

---------

---------

---------

Profil

---------

---------

---------

Cara Pemesana:

---------

---------

---------

Login==0

Reservasi Login

 A

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak Ya

 

Gambar 3. 2. Flowchart Tampilan Utama 

Page 26: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 26/35

 

21

Login

Sudah

memember?Registrasi

Terima

inputan

username

password

Terima

inputan

registrasi

 A

Username:

Password:

Username &

password ==True

Ya

Tidak

Ya

Tidak

 

Gambar 3. 3. Flowchart Login Member 

Mulai

Login Admin

Terima

Inputan

 Admin

Username &

Password ==

True

 Admin

Ya

Tidak

 

Gambar 3. 4. Flowchart Login Admin

Page 27: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 27/35

 

22

Reservasi

Pilih Rute Penerbangan Anda!!!

- Kota Asal :

- Kota Tujuan:

- Tanggal Keberangkatan

List Jadwal

Terima

inputan

Terima

Inputan

Pembayaran

 

Gambar 3. 5. Flowchart Reservasi 

Pembayaran

Input DetailReservasi

TerimaInputan

Pembayaran

Selesai

 

Gambar 3. 6. Flowchart Detail Reservasi 

Page 28: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 28/35

 

23

 Admin

Halaman

Utama Admin

ListPembayaran

Member Jadwal

PenerbanganPemesananPembayaran

List Member  List JadwalList

Pemesanan

Selesai

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak

 

Gambar 3. 7. Flowchart Menu Admin 

3.4 Fitur-fitur Aplikasi

Berikut ini adalah fitur-fitur yang terdapat didalam aplikasi web pemesanan tiket

 pesawat online 

Gambar 3. 8. Tampilan Halaman Utama 

Page 29: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 29/35

 

24

Gambar 3. 9. Cara Pemesanan dan Pembayaran 

Gambar 3. 10. Profil Perusahaan 

Gambar 3. 11. Reservasi 

Page 30: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 30/35

 

25

Gambar 3. 12. Detail Pemesanan 

Gambar 3. 13. Pembayaran 

Gambar 3. 14. Jadwal Penerbangan 

Page 31: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 31/35

 

26

Gambar 3. 15. Perubahan Jadwal 

Gambar 3.16 Daftar Pelanggan

Gambar 3. 16. Daftar Pemesanan 

Page 32: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 32/35

 

27

Gambar 3. 17. Daftar Pembayaran 

Page 33: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 33/35

 

28

BAB IV

PENUTUP

4.1 Kesimpulan

Pemesanan tiket pesawat online merupakan aktifitas dimana orang dapat

melakukan pemesanan atau reservasi tiket pesawat secara online atau melalui

internet.Sebelum sistem online berlaku, orang memesan tiket pesawat melalui jalur

telepon atau melalui call centre, namun seiring perkembangan teknologi internet saat ini

sistem reservasi tiket menjadi lebih mudah dengan mengandalkan jaringan internet

 pelanggan bisa langsung mengunjungi situs website agen penjual tiket untuk

mendapatkan tiket dan info tiket pesawat murah langsung dari website tersebut.Dengan

reservasi online pelanggan juga bisa melakukan booking tiket pesawat online tentunya

dengan kemudahan yang ditawarkan ada banyak keuntungan yang bisa anda dapatkan

dari transaksi tiket pesawat melalui online.

Dalam Aplikasi Pemesanan Tiket Online Penerbangan berbasis Web ini para

calon pelanggan yang ingin memesan tiket untuk melakukan perjalanan dengan pesawatudara dapat memilih rute penerbangan yang telah ada didalam aplikasi web ini. Namun

sebelumnya para calon pelanggan tersebut harus mendaftar terlebih dahulu untuk dapat

melakukan reservasi. Setelah itu, pelanggan dapat memilih rute penerbangan yang telah

tersedia, pelanggan dapat memilih kota tujuan, tanggal keberangkatan dan jumlah kursi

yang akan dipesan. Kemudian, pelanggan akan mengisi data perwakilan untuk melakukan

konfirmasi pemesanan oleh pihak agent penjualan tiket penerbangan online. Setelah

 pelanggan merasa sesuai pemesanan yang telah dilakukan dengan notifikasi yang

diberikan, maka pelanggan dapat melakukan pembayaran sesuai total harga yang

 berdasarkan pada harga ruter penerbangan yang dipilih dan jumlah kursi yang dipesan.

Pengeoperasionalan aplikasi ini dikelola oleh seorang admin, dimana mereka

dapat mengelola jadwal penerbangan dengan mengubah dan menghapus jadwal apabila

ada perubahan dari pihak maskapai, serta dapat melihat daftar pemesanan, daftar

 pelanggan dan daftar pembayaran.

Page 34: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 34/35

 

29

4.2 Saran

Untuk dapat memenuhi kebutuhan akan para pelanggan yang ingin melakukan

 perjalanan dengan pesawat udara, perlu dilakukan pelayanan yang optimal. Mulai dari

operasional jadwal penerbangan, penentuan maskapai hingga rute penerbangan yang

dituju. Namun, dalam aplikasi ini baru memiliki satu relasi maskapai penerbangan

dalam pelayanan operasionalnya, dan juga baru memiliki tujuh rute kota penerbangan

yaitu Medan, Jakarta, Bandung, Surabaya, Yogyakarta, Denpasar dan Lombok. 

Oleh karena itu, pengembangan aplikasi ini dimasa yang akan datang sangat

diperlukan untuk memenuhi kebutuhan para pelanggan yang ingin melakukan

 perjalanan dengan pesawat udara tanpa harus datang ke kantor agent penjualan tiket

 pesawat. Dengan adanya penjualan tiket pesawat online yang dapat memenuhi

kebutuhan para pelanggan tersebut, dapat membantu mereka dalam memesan tiket

 pesawat kapanpun dan dimanapun. 

Page 35: PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

7/21/2019 PROYEK_3WPS7_Hendry Ashary dan Muhammad Nurrian.pdf

http://slidepdf.com/reader/full/proyek3wps7hendry-ashary-dan-muhammad-nurrianpdf 35/35

 

30

DAFTAR PUSTAKA

Bagir, Muhammad dan Agus Perwira Purnomo. 2011.Web Programming Sharia

Compliance.Depok: CCIT-FTUI, .

Indraani, Sri Enggal. Analisis Sistem Pemesanan Tiket Pesawat Terbang Secara Online

(E-Ticketing). Paper, Medan: Prodi D3 Teknik Informatika, Departenmen

Matematika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas

Sumatera Utara, 2014.

Tanouf, Lucky. Sistem Informasi Pemesanan Tiket Berbasis Online (PT. Maharani

Travel Agency). Laporan Praktek Kerja Lapangan, Kupang: Prodi S1 Teknik

Informatika, Sekolah Tinggi Manajemen Informatika Komputer (STIKOM)

Artha Buana, 2013.

www.tiketpesawatkamu.com (2 Nopember 2014) 

www.traveloka.com(2 Nopember 2014)