SISTEM INFORMASI BOOKING BRAVADO RENT CAR BERBASIS WEB MENGGUNAKAN FRAMEWORK CAKE.

(1)

FRAMEWORK CAKE

SKRIPSI

Oleh :

ODDIE ERCHA RAMANDHA

0934010089

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL

(2)

FRAMEWORK CAKE

SKRIPSI

Diajukan Untuk Memenuhi Sebagai Persyaratan Dalam Memperoleh Gelar Sarjana Komputer

Program Studi Teknik Informatika

Oleh :

ODDIE ERCHA RAMANDHA

0934010089

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL

(3)

SISTEM INFORMASI PENILAIAN ARTIKEL ILMIAH

PADA E-J OURNAL SCAN TEKNIK INFORMATIKA

DI UPN “VETERAN” J AWA TIMUR

Disusun oleh :

ODDIE ERCHA RAMANDHA

0934010089

Telah disetujui mengikuti Ujian Negara Lisan Gelombang V Tahun Akademik 2013 / 2014

Pembimbing I

I Gede Susr ama S.T, M.Kom NIP. 3 7006 060 2111

Pembimbing II

Sugiar to S.Kom NPT. 387021303431

Mengetahui,

Ketua Program Studi Teknik Informatika Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur

(4)

SISTEM INFORMASI BOOKING BRAVADO RENT

CAR BERBASIS WEB MENGGUNAKAN

FRAMEWORK CAKE

Disusun Oleh :

ODDIE ERCHA RAMANDHA

0934010089

Telah dipertahankan dan diterima oleh Tim Penguji Skripsi Program Studi Teknik Informatika Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur Pada Tanggal 20 Desember 2014

Pembimbing : 1.

I Gede Susrama S.T, M.Kom NIP. 3 7006 060 2111

Tim Penguji : 1.

Dr. Ir. Ni Ketut Sari, M.T NIP. 19650731 199203 2001

2.

Sugiarto S.Kom NPT. 387021303431

2.

I Made Suartana, S.Kom,M.Kom NIP.

3.

Sugiarto S.Kom NPT. 387021303431

Mengetahui,

Dekan Fakultas Teknologi Industri

Universitas Pembangunan Nasional ”Veteran” Jawa Timur

(5)

KETERANGAN REVISI

Kami yang bertanda tangan di bawah ini menyatakan bahwa mahasiswa berikut :

Nama : ODDIE ERCHA RAMANDHA

NPM : 0934010089

Jurusan : Teknik Informatika

Telah mengerjakan revisi / tidak ada revisi*) pra rencana (design) / skripsi ujian lisan gelombang V , TA 2013/2014 dengan judul:

“SISTEM INFORMASI BOOKING BRAVADO RENT CAR BERBASIS WEB MENGGUNAKAN FRAMEWORK CAKE”

Surabaya, 20 Desember 2013 Dosen Penguji yang memeriksa revisi

1) Dr.Ir. Ni Ketut Sari, M.T

NIP. 19650731 199203 2001

{ }

2) Sugiarto S.Kom

NPT. 387021303431

{ }

3)

I Made Suartana, S.Kom,M.Kom

NIP.

_{{ }}

Mengetahui, Dosen Pembimbing

Pembimbing I

I Gede Susr ama S.T, M.Kom NIP. 3 7006 060 2111

Pembimbing II

(6)

Assalamu’alaikum Wr. Wb.

Syukur Alhamdulillah atas segala limpahan karunia dan kasih sayang Allah SWT, sehingga dengan segala keterbatasan waktu, tenaga, dan pikiran yang dimiliki oleh penulis, akhirnya skripsi yang berjudul “ SISTEM INFORMASI BOOKING BRAVADO RENT CAR BERBASIS WEB MENGGUNAKAN FRAMMEWORK CAKE” dapat

terselesaikan sesuai dengan waktu yang telah ditetapkan.

Melalui Skripsi ini, penulis merasa mendapat kesempatan besar untuk memperdalam ilmu pengetahuan yang diperoleh selama di perkuliahan, terutama dengan implementasi Teknologi Informasi dalam kehidupan sehari-hari. Namun demikian penulis menyadari bahwa Skripsi ini masih memiliki banyak kelemahan dan kekurangan. Oleh karena itu, kritik dan saran yang bersifat membangun sangatlah diharapkan dari berbagai pihak agar Skripsi ini bisa lebih baik lagi, sehingga dapat userikan manfaat bagi semua pihak yang

membutuhkannya.

Dalam penyusunan Skripsi ini, banyak pihak yang telah userikan bantuan baik

materiil maupun spiritual ini, sehingga pada kesempatan ini penulis mengucapkan rasa terima kasih yang sebesar-besarnya kepada:

1. ALLAH SWT dan RASUL-Nya . Alhamdulillah atas segala kelancaran dan kemudahan yang selalu engkau limpahkan kepada penulis.

(7)

bermanfaat kepada penulis.

4. Teman-teman TF’09, terimakasih selalu memberi semangat dan memberi hiburan dalam momen pengerjaan project dan menyusun laporan.

5. Albert dan Agil yang banyak memberi support

6. The last and the best, thanks to my beloved family papa, mama, dek Ollin, dek Ocha,

dan Aminah yang selalu menjadi motivasi untuk cepat lulus kuliah.

Serta pihak-pihak lain yang ikut userikan informasi dan data-data di dalam menyelesaikan laporan Skripsi ini, penulis mengucapkan terima kasih.

Akhir kata penulis harap agar Skripsi yang disusun sesuai dengan kemampuan dan pengetahuan yang sangat terbatas ini dapat bermanfaat bagi semua pihak yang membutuhkan.

Wassalamu’alaikum Wr. Wb

Surabaya,4 Desember 2013

(8)

Halaman LEMBAR PENGESAHAN

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iv

DAFTAR GAMBAR ... iv

DAFTAR TABEL ... viii

BAB I PENDAHULUAN ... 1

1.1.Latar Belakang ... 1

1.2.Rumusan Masalah ... 3

1.3.Batasan Masalah ... 3

1.4.Tujuan Penelitian ……….. ... 3

1.5. ManfaatPenelitian ... 4

1.6. Sistematika Penulisan ... 4

BAB II TINJAUAN PUSTAKA... 6

2.1 Pengertian Sistem Informasi ... 6

2.2.Definisi Sistem Informasi ... 6

2.2.1Konsep Dasar Sistem ... 6

2.2.2Konsep Dasar Informasi ………. 8

2.2.3Sekilas Tentang Sistem Informasi ………. 9

2.3.Pengertian PHP... 10

2.4.Pengertian CSS ... 15

2.5. Pengertian Flowchart……….... 16

2.5.1 Cara Membuat Flowchart ... 16

(9)

2.6 CDM dan PDM ………... ... 19

2.7 Validitas Kappa Cohen ………. 21

BAB III METODELOGI PENELITIAN ... 23

3.1 Analisa Sistem ... 23

3.5 Perancangan Antar Muka ……… 45

BAB IV HASIL DAN PEMBAHASAN ... 47

4.1 Spesifikasi Sistem ... 47

4.1.1 Perangkat Keras (Hardware) yang digunakan ... 47

4.1.2 Perangkat Lunak (Software) yang digunakan ... 47

4.2 Poses dan Kebijakan... . 48

4.2.1 Kebijakan Bravado Rent Car... . 48

4.2.2 Proses Penyewaan... . 49

4.3 Implementasi Proses ... 49

4.3.1 Halaman Menu Utama ………. 49

4.3.2 Halaman Tentang kami………. 50

4.3.3 Halaman Menu Login………...…… 52

4.3.4 Halaman Admin...……….. 54

4.3.5 Halaman Menu Promosi...……….. 56

(10)

4.3.7 Halaman Menu Data Pesanan...……….. 60

4.3.8 Halaman Menu Komentar...……….. 62

4.3.9 Halaman Menu Pilih Mobil...………. 64

4.3.10 Halaman Menu Input Data Diri...……….. 66

4.4 Implementasi Database ... . . 70

4.5 Sekenario Uji Coba ... 74

Pelaksanaan Uji Coba ... 75

4.5.1 Uji Coba Pembookingan ……….…………... ... 75

4.5.2 Pengujian Validitas Aplikasi... 77

BAB VI PENUTUP ... 83

5.1Kesimpulan ... 83

5.2Saran ... 83

(11)

DOSEN PEMBIMBING I : I GEDE SUSRAMA S.T M.Kom DOSEN PEMBIMBING II : SUGIARTO, S.Kom.

Sistem Infor masi Pembookingan Bravado Rent Car berbasis web menggunakan Fr amewor k Cake yang diter apkan pada sistem infor masi suatu perusahaan, memungkinkan peningkatan sistem ke arah sistem terbuka dan global. Hal ini sangat ber manfaat untuk distr ibusi infor masi perusahaan dan secara subtansial mendukung usaha promosi, Pengguna dapat mengakses infor masi dari sistem infor masi berbasis web untuk mengetahui har ga dan bentuk fisik dari mobil yang akan disewa

Perangkat lunak untuk pelayanan ini dibangun dengan metode pr ototype dan menggunakan bahasa pemr ograman Per sonal Home Page (PHP) ser ta menggunakan MySQL sebagai basis datanya. perangkat ini bekerja pada komputer ser ver sebagai tempat untuk mempr oses transaksi-tr ansaksi yang terjadi di dalam sistem ser ta bekerja pada komputer client untuk mengakses dan melakukan tr ansaksi-transaksi pembookingan mobil. Dengan dibangunnya sistem pelayanan yang bar u ini, par a pelanggan tidak per lu datang untuk memastikan adanya mobil yang dibutuhkan, sebaliknya pelanggan dapat membooking mobil melalui interaksi langsung secara visual dengan system.

(12)

PENDAHULUAN

1.1 Latar Bela kang

Dalam era globalisasi dan teknologi dewasa ini, penggunaan komputer sebagai salah satu alat teknologi informasi sangat dibutuhkan keberadaannya hampir disetiap aspek kehidupan. Penggunaan perangkat komputer sebagai perangkat pendukung manajemen dan pengolahan data adalah sangat tepat dengan mempertimbangkan kuantitas dan kualitas data, dengan demikian penggunaan perangkat komputer dalam setiap informasi sangat mendukung sistem pengambilan keputusan. [Alan subhakti,2010]

Dalam aktivitasnya membuat Sistem Informasi Rental Mobil Online, belum menerapkan sistem komputerisasi secara optimal. Biasanya jika seseorang ingin melihat-lihat mobil sebelum menyewa, maka harus datang langsung ke tempat rental mobil, namun dengan adanya sistem informasi melalui internet, pihak customer dapat memilih mobil yang sesuai dengan apa yang diinginkannya. Atas dasar itulah perlu adanya sistem informasi rental mobil yang mendukung. Perkembangan teknologi informasi telah bergerak dengan cepat. [Alan subhakti,2010]

(13)

dimanapun asalkan ada media yang terhubung dengan internet. [Alan subhakti,2010]

Hal inilah yang terjadi Bravado Rent Car, mereka harus menyebarkan brosur memasang iklan hanya untuk menyebarkan sebuah informasi yang dimana akan memakan biaya yang banyak dan membuang banyak tenaga belum lagi pelanggan yang datang ke tempat hanya untuk melihat jenis-jenis mobil yang disewakan oleh Bravado Rent Car dan para customer mulai tidak puas harus rela datang ke tempat dengan demikian Bravado Rent Car mengatasi keluhan dari customer dengan membuat web agar customer tidak merasa kecewa dan puas dengan pelayanan Bravado Rent Car [Alan subhakti,2010]

Dengan memiliki sistem pembookingan secara terkomputerisasi, customer akan dapat melakukan pemesanan mobil dimanapun dan kapanpun. Sistem penerimaan kas yang terkomputerisasi juga mendukung pemilik dalam rangka penyebaran informasi promosi. Customer dan admin bravado rent car akan mngetahui dengan cepat mengakumulasikan data transaksi dalam pembookingan yang untuk dibayarkan oleh customer kepada bravado rent car. [Alan subhakti,2010]

(14)

1.2 Perumusan Masalah

Berdasarkan latar belakang yang sudah diuraikan di atas, maka di dapatkan rumusan sebagai berikut.

1) Bagaimana sistem informasi pembookingan yang sudah berjalan pada Bravado Rent Car ?

2) Bagaimana membuat pencatatan transaksi agar dapat tersimpan secara rapi?

3) Bagaimana penyebaran promosi pada Bravado Rent Car sudah berjalan dengan baik?

1.3 Batasan Masalah

Sehubungan dengan besar dan luasnya permasalahan yang terdapat pada sistem ini, maka akan dibuat batasan permasalahan yang akan dibahas sebagai berikut :

1) Sistem yang dibuat hanya untuk pembookingan dan penyebaran promosi saja sebelum nya hanya di lakukan secara manual.

2) Sistem informasi ini login hanya dilakukan oleh admin untuk

memanajemen web dan user tidak perlu login untuk penyewaan mobil. 3) Sistem informasi pembookingan ini belum ada sistem penjadwalan dan

hanya pembookingan berdasarkan tanggal sewa dan harga. 1.4 Tujuan

(15)

1) Membantu pencatatan transaksi pembookingan pada Bravado Rent Car. 2) Sebagai jembatan penyebaran informasi yang ada pada bravado rent car.

1.5 Manfaat

Manfaat yang diperoleh dalam Sistem Informasi pembookingan Bravado Rent Car berbasis web menggunakan framework cake adalah :

1) Sistem Informasi pembookingan ini dibuat untuk mempermudah customer dalam menyewa mobil tanpa harus data ke tempat untuk memastikan adanya mobil yang di inginkan.

2) Mengatasi keluhan dari customer pada Bravado Rent Car.

3) Pengelolaan data transaksi yang lebih tertata sehingga admin dapat melihat transaksi yang terjadi setiap harinya secara update dan pencatatan transaksi yang lebih rapi.

1.6 Sistematika Penulisan

Dalam penyusunan tugas akhir, sistematika pembahasan diatur dan disusun dalam lima bab, dan tiap-tiap bab terdiri dari sub-sub bab. Untuk memberikan gambaran yang lebih jelas, maka diuraikan secara singkat mengenai materi dari bab-bab dalam penulisan tugas akhir ini sebagai berikut:

BAB I PENDAHULUAN

(16)

BAB II TINJ AUAN PUSTAKA

Pada bab ini menjelaskan tentang teori-teori pemecahan masalah yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan tentang tata cara metode perancangan sistem yang digunakan untuk mengolah sumber data yang dibutuhkan sistem antara lain: Flowcahart, UML, CDM dan PDM, perancangan database, dan desain antarmuka

BAB IV HASIL DAN PEMBAHASAN

Pada bab ini akan dibahas mengenai hasil dan pembahasan dari rancangan sistem informasi yang telah dibuat pada bab sebelumnya. Bagian implementasi sistem informasi ini meliputi: implementasi data, implementasi proses, dan implementasi antarmuka, serta uji coba program yang telah dibuat.

BAB V PENUTUP

Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan sistem.

DAFTAR PUSTAKA

(17)

TINJ AUAN PUSTAKA

2.1 Pengertian sistem infor masi

Sistem informasi adalah bagian dari serangkaian aktivitas penambah nilai dalam mengambil,mentransformasikan dan menyebarkan informasi yang dapat digunakan oleh owner dalam menjalankan pengambilan keputusan memperluas kinerja organisasi dan akhirnya meningkatkan keuntungan perusahaan.

Lebih luas Kennevan sebagaimana yang ditulis oleh McLeod (1983) mengartikan SI sebagai berikut: sistem informasi adalah sebuah metoda yang terorganisasi yang mengelolah dan menyajikan data dan informasi tentang masa lalu saat ini dan proyeksi masa depan baik berkaitan dengan kegiatan internal organisasi maupun informasi keadaan yang berasal dari luar organisasi.SI harus dapat mendukung perencanaan pengedalian dan fugsi-fungsi operasional dari suatu organisasi dengan cara mengelolah data dan informasi dimaksud secara tepat dalam rangka mengarahkan proses pengambilan keputusan

2.2.1 Konsep Dasar Sistem

Menurut (Wahana,2005). Kata sistem mengandung arti ‘kumpulan dari komponen-komponen yang memiliki keterkaitan antara yang satu dengan yang lainnya. Sistem informasi merupakan kumpulan dari komponen dalam organisasi yang berhubungan dengan proses penciptaan dan pengaliran informasi. Sering orang salah mengartikan antara sistem informasi dengan teknologi informasi.

(18)

prosedur yang saling berhubungan, berkumpul secara bersama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu. Menurut (Indri,2012) Berikut ini beberapa karakteristik Sistem :

a. Memiliki komponen

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja sama membentuk satu kesatuan. Komponen sistem dapat berupa suatu subsistem atau bagian dari sistem. Setiap sistem tidak perduli betapapun kecilnya, selalu mengandung komponen atau subsistem. Setiap subsistem mempunyai sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan.

b. Batas sistem (boundary)

Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batas suatu sistem menunjukkan ruang lingkup dari sistem tersebut.

c. Lingkungan luar sistem (environment)

Apapun di luar batas dari sistem yang mempengaruhi operasi sistem. d. Penghubung sistem (interface)

Merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya.

e. Masukan sistem (input)

(19)

sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran.

f. Keluaran sistem (Output)

Merupakan hasil dari energi yang diolah oleh sistem. g. Pengolah sistem (Process)

Bagian proses masukan untuk menjadi keluaran yang diinginkan. h. Sasaran system

Kalau sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya.

2.2.2 Konsep Dasar Infor masi

Teknologi informasi sendiri merupakan perngembangan dari teknologi komputer yang dipadukan dengan teknologi telekomunikasi. Menurut (Wahana,2005) Kata ‘informasi’ sendiri telah disepakati sebagai ‘hasil dari pengolahan data’ yang secara prinsip memiliki nilai yang lebih dibandingkan dengan data mentah. Dalam perkembangannya teknologi informasi berkempang dengan sangat pesatnya sampai dunia terasa lebih sempit.

Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi. Jalannya dari proses tranformasi menjadi suatu informasi yaitu input - proses – output.

(20)

a. Akurat, berarti informasi harus bebas dari beberapa kesalahan dan tidak bisa atau menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya.

b. Tepat pada waktunya, berarti informasi yang datang pada penerima tidak boleh terlambat.

c. Harus relevan. Informasi tersebut menpunyai manfaat untuk pemakainya. Relevansi informasi untuk setiap orang satu dengan yang lainnya berbeda.

2.2.3 Sekilas Tentang Sistem Infor masi

Suatu sistem informasi tidaklah harus memiliki komponen teknologi informasi. Keandalan suatu sistem informasi dalam organisasi terletak pada keterkaitan antarkomponen yang ada, sehingga dapat dihasilkan suatu informasi yang berguna untuk organisasi yang bersangkutan.

Dengan melihat penjelasan sistem serta informasi pada sub-bab sebelumnya, menurut (Wahana,2005) dapat disimpulkan bahwa sistem informasi adalah menajemen kegiatan sehari-hari. Sistem informasi juga suatu sistem yang menyediakan informasi untuk manajemen dalam mengambil keputusan dan juga untuk menjalankan operasional perusahaan, di mana sistem tersebut merupakan kombinasi dari orang-orang, teknologi informasi dan prosedur-prosedur yang tergorganisasi.

Sistem ini memanfaatkan perangkat keras dan perangkat lunak komputer, prosedur manual, model manajemen dan basis data. Berdasarkan definisi di atas terdapat beberapa kata kunci :

(21)

Berbasis komputer: perancang harus memahami pengetahuan komputer dan pemrosesan informasi. Sistem manusia mesin yaitu ada interaksi antara manusia sebagai pengelola dan mesin sebagai alat untuk memroses informasi. Ada proses manual yang harus dilakukan manusia dan ada proses yang terotomasi oleh mesin.

b. Sistem basis data terintegrasi

Adanya penggunaan basis data secara .bersama-sama (sharing) dalam sebuah data base manajemen system.

2.3Pengertian PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama F1 (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/F1, pada saat tersebut kepanjangan dari PHP/F1 adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, banyak programmer yang tertarik mengembangkan PHP.

(22)

versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.

PHP adalah bahasa server-side scripting yang manyatu dengan HTML untuk membuat halaman web yang dinamis. Berdasarkan penelitian Rudyanto Arief (2011) Karena PHP merupakan server-side scripting maka sintaks dan perintah – perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser dalam format HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk emmebentuk halaman web yang dinamis, yaitu halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan.

Rudyanto Arief (2011) mengemukakan bahwa PHP termasuk dalam Open

Source Product, sehingga source code PHP dapat diubah dan didistribusikan

secara bebas. PHP juga dapat berjalan pada berbagai web server seperti : IIS (Internet Information Server), PWS(Personal Web Server), Apache, Xitami. PHP juga mampu lintas platform. Artinya PHP dapat berjalan di banyak sistem operasi yang beredar, diantaranya : Sistem Operasi Microsoft Windows (semua versi), Linux, Mac OS, Solaris.

(23)

PostgreSQL, dan tak terkecuali semua database berinterface ODBC. PHP juga memiliki integrasi dengan beberapa library eksternal yang dapat membuat anda melakukan segalanya dari dokumen PDF hingga mem-parse XML PHP mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP, NNTP, POP3, atau bahkan HTTP. Namun kekuatan utama adalah konektivitas basis data dengan web yaitu persiapan Dasar. Ada beberapa hal yang perlu dipersiapkan/diinstall didalam komputer, diantaranya :

a. Sistem Operasi Windows. Contoh kode program di buku ini dibuat di komputer sistem operasi windows. Semua versi windows dapat digunakan. b. Browser. Browser dibutuhkan untuk menjalankan dan menampilkan contoh

kode program yang terdapat di dalam PHP. Berikut ini adalah beberapa program aplikasi browser yang cukup populer yaitu Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari. Untuk menghindari masalah kompatibilitas sebaiknya gunakan browser versi terbaru yang dapat diunduh secara gratis di masing – masing situs web resmi vendor yang membuat browser tersebut.

c. XAMPP. Merupakan aplikasi yang mengintegrasikan beberapa aplikasi utama web didalamnya. Dalam XAMPP terdapat instalasi modul PHP,MySQL, web server Apache.

(24)

Bahasa pemrograman PHP memiliki kelebihan disbanding dengan bahasa pemrograman lain, diantaranya:

a. Bahasa perograman PHP adalah sebuah bahasa script yang tidak melakukan kompilasi dalam penggunaanya.

b. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan configurasi yang relative mudah.

c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu daam pengembangan.

d. PHP adalah bahasa scripting yang paling mudah karena refrensi yang banyak. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.[sunarfrihantono,2002]Cara pertama merupakan format yang dianjurkan tetapi mungkin cara yang kedua dapat digunakan untuk mengantisipasi editor – editor yang tidak dapat menerima cara yang pertama. Parser PHP bekerja membaca file HTML sampai ditemukan penanda khusus yang memberitahukan untuk menerjemahkan skript berikutnya sebagai kode php. Parser php akan mengeksekusi semua perintah dalam blok kode PHP tersebut. Deangan cara inilah maka kode skrip PHP dapat ditempelkan pada dokumen HTML. Teks lainnya yang berada di luar blok PHP akan dianggap sebagai skrip HTML biasa.

(25)

untuk memberi penjelasan/keterangan pada kode – kode program PHP yang diketikkan dalam sebuah dokumen web. Ada dua cara penggunaan komentar di P PHP terkenal dengan mempunyai 4 kelebihannya yaitu 4P (Four Pee) :

a. Practical / Praktis

PHP adalah bahasa pemrograman yang sangat longgar dalam penulisan, dan ini meningkatkan kepraktisan buat para penggunanya. Misalnya saja programmer tidak diharuskan untuk menuliskan atau menghapus variabel. Walaupun kadang mereka juga tidak bisa mengatakan dengan mudah yang kemudian dipanggil dalam sebuah skrip, menebak formula terbaik dalam penetapan variabel secara otomatis kemudian menghapus variabel dan dan mengembalikan resource ke sistem setelah skrip berhasil di eksekusi. Pada akhirnya, PHP mampu membuat programmer lebih berpikir pada tujuan akhir dari project yang akan dibuat.

b. Power

Sudah menjadi rahasia umum kalau PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain yang disebutkan tadi, ternyata PHP juga dapat melakukan hal – hal lain. Seperti membuat dan memanipulasi file Macromedia Flash, gambar, dan Portable Document Format PDF, berkomunikasi dengan LDAP, berkomunikasi dengan banyak protocol, termasuk IMAP, POP3 dan NNTP dan berkomunikasi dengan Credit-Card Processing Solution. c. Possibility

(26)

PHP. Contohnya ada pada database yang didukung oleh PHP. Kurang lebih semuanya ada 25 database, termasuk Adabas D, dBase, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, mSQL, direct MS-SQL, MyMS-SQL, Oracle, Oyrimos, PostgreMS-SQL, Solid, Sybase, Unix dbm dan Velocis. Kemampuan string-parsing juga bisa dianggap sebagai banyaknya kemungkinan yang ditawarkan oleh PHP. Dalam hal ini, PHP memiliki lebih dari 85 function untuk memanipulasi string. Kelebihan ini tak hanya akan menawarkan keleluasaan untuk melakukan operasi string yang kompleks, namun juga menjembatani program yang memiliki

functionalitas yang sama (seperti Python dan Perl) lewat PHP.

d. Price

PHP merupakan salah satu open source software, yang dapat diartikan sebagai PHP yang dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya serta pengembangan dan auditing yang dilakukan secara terbuka. [Sunarfrihantono,2002]

2.4 CSS

CSS (Cascading Style Sheets) digunakan dalam kode HTML (Hypertext

Markup Language) untuk menciptakan suatu kumpulan Style yang terkadang

dapat digunakan untuk memperluas kemampuan HTML (Hypertext Markup

Language).

(27)

ukuran, jarak, posisi pada dokumen-dokumen web. CSS (Cascading Style Sheet) sangat membantu para web designer untuk memperindah halaman web template.

CSS (Cascading Style Sheet) sama fungsinya dengan cara format HTML (Hypertext Markup Language) biasa, namun CSS mempunyai lebih banyak elemen yang bisa kita atur. Contoh : Tag table punya elemen border, CSS (Cascading Style Sheet) juga punya format untuk border namun lebih detail lagi seperti : border-top, border-right, border-bottom, border-left. artinya lebih kompleks karena memungkinkan kita membuat sisi border yang berbeda. [Syafii,2004]

2.5 Pengertian Flowchart

Salah satu alternatif dari Stratification Diagram adalah Flow Chart. Flow

Chart merupakan gambaran atau bagan yang memperlihatkan urutan dan

hubungan antar proses berserta instansinya.Gambaran ini dinyatakan dengan

simbol. Dengan demikian setiap simbol menggambarkan proses tertentu,

sedangkan hubungan antara proses digambarkan dengan garis pendukung. Flow

Chart juga didefinisikan sebagai penyajian yang sistematis tentang proses dan

logika dari kegiatan penanganan informasi atau penggambaran secara grafik dari

langkah-langkah dan urut-urutan prosedur. Flow Chart menolong untuk

memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong

dalam menganalisis alternatif-alternatif lain dalam pengoperasian.[Hendra

Purwanto,2008]

(28)

Jika akan membuat flow Chart, ada beberapa petunjuk yang harus

diperhatikan, seperti :

1) Flow Chart digambarkan dari halaman atas ke bawah dan dari kiri ke

kanan.

2) Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan

definisi ini harus dapat dimengerti oleh pembacanya.

3) Kapan aktivitas dimulai dan berakhir harus ditentukan secara jelas.

4) Setiap langkah dari aktivitas harus diuraikan dengan menggunakan

deskripsi kata kerja, misalkan Melakukan penggandaan.

5) Setiap langkah dari aktivitas harus berada pada urutan yang benar.

6) Lingkup dan range dari aktifitas yang sedang digambarkan harus ditelusuri

dengan hati-hati. Percabangan-percabangan yang memotong aktivitas yang

sedang digambarkan tidak perlu digambarkan pada flowchart yang sama.

Simbol konektor harus digunakan dan percabangannya diletakan pada

halaman yang terpisah atau hilangkan seluruhnya bila percabangannya

tidak berkaitan dengan sistem.

7) Gunakan simbol-simbol flowchart yang standar.

2.5.2 J enis-jenis Flowchart

Ada lima macam bagan alir yang akan dibahas di modul ini, yaitu sebagai

berikut:

(29)

Merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan

di dalam system secara keseluruhan dan menjelaskan urutan dari

prosedur-prosedur yang ada dalam system.

Gambar 2.1 Contoh bagan alir sistem

Sumber : (Abdul Aziz Zazulli, 2013)

2. Bagan alir dokumen (document flowchart).

Menelusuri alur dari data yang ditulis melalui system. Fungsi utamanya untuk

menelusuri alur form dan laporan system dari satu bagian ke bagian yang lain.

Gambar 2. 2 Contoh bagan alir dokumen

(30)

Merupakan teknik penggambaran rekayasa industrial yang memecah dan

menganalisis langkah selanjutnya dari sebuah sistem.

Gambar 2.3 Contoh bagan alir proses

2.6 CDM dan PDM

(31)

Gambar 2.4 Contoh CDM

(Anonim, 2011)

Gambar 2.5 Contoh PDM

(32)

2.7

Validitas Kappa Cohen

Reliabilitas antar rater ini dipakai menilai konsistensi dua orang rater dalam menilai performansi individu melalui checklist yang menghasilkan data nominal. Misalnya untuk mengetahui kesamaan psikolog menilai ada tidaknya simtom depresi pada klien (1=ada, 0=tidak), mengetahui kesamaan antara observer terhadap emosi objek. Data yang dihasilkan adalah data nominal, misalnya (1=senang, 2=sedih, 3=takut, 4=marah). Semakin banyak kemiripan hasil penilaian antara satu rater dan rater lainnya maka koefisien reliabilitas yang dihasilkan akan tinggi.[10] Kappa Cohen dihitung dengan menggunakan tabel kontingensi 2x2[11] seperti gambar dibawah 2.6 (Sacket et al.,1991).

.

Gambar 2.6 Kontigensi 2x2 Kappa Cohen

Sumber : (Murti. Bisma, 2011)

Cara menghitung Kappa Cohen secara manual seperti penjelasan di bawah ini. Sel a dan b disebut sel konkordan, sel b dan c disebut sel diskordan.

Gambar 2.7 Proporsi frekuensi kesepakatan teramati

Sumber : (Murti. Bisma, 2011) O11 ialah frekuensi teramati sel 11 (= sel a)

(33)

N ialah jumlah semua pengukuran.

Gambar 2.8 Proporsi frekuensi kesepakatan harapan

Sumber : (Murti. Bisma, 2011) E11 ialah frekuensi harapan sel 11 (= sel a).

E22 ialah frekuensi harapan sel 22 (= sel d).

Dengan Tabel 2x2 (tabelr 2.1), dapat dihitung E11 dan E22:

Gambar 2.9 Penghitungan E11 dan E22 Sumber : (Murti. Bisma, 2011)

Untuk menghitung sebarapa valid aplikasi Lelang Online Barang Antik ini menggunakan tabel kesepakatan Kappa menurut Joseph L. Fleiss seperti pada gambar 2.9

Gambar 2.10 Tingkat reliabilitas antar rater menurut Fleiss

(34)

METODELOGI PENELITIAN

Pada bab ini dijelaskan mengenai metodelogi penelitian untuk pembuatan sistem informasi booking Bravado Rent Cars Berbasis Web Menggunakan Framework Cake. Rancangan penelitian pada bab ini akan dibagi dalam dua pokok bahasan yaitu : analisa sistem, dan perancangan sistem.

3.1Analisis Sistem

Perancangan Aplikasi Teknologi PHP pada website dinamis untuk Pembookingan rental mobil, pada penelitian ini dirancang untuk menyediakan sarana pelanggan dalam penyewaan mobil. Informasi yang disajikan dalam web untuk memberikan informasi promo,data mobil, dan sarana untuk pemesanan mobil.

3.2Perancangan Sistem

Sub-bab ini akan menjelaskan mengenai proses desain sistem yang akan dibuat. Proses desain sistem pembooking dalam sub-bab ini akan dibagi menjadi 3 tahapan penting, yaitu: perancangan proses, perancangan database, dan perancangan antarmuka.

3.3Perancangan Pr oses

Sistem perancangan proses yang ada pada aplikasi ini 3 entitas luar yang terdapat dalam sistem ini, yaitu :

(35)

Entitas admin sebagai administrator memiliki hak akses penuh terhadap sistem. Input data yang dibutuhkan dalam sistem ini seperti data mobil, data promosi,mengatur harga sewa,dan manajemen pesanan.

b) user/customer

user/customer data melihat data mobil dan dapat memesan mobil pada halaman yang sudah disediakan.

3.3.1 Flowchart Sistem

Pada sub-bab ini menjelaskan tentang flowchart rancangan model desain web. Dimana dapat diketahui desain web secara global. Bagaima proses alur sistem secara garis besar. Flowchart tersebut adalah sebagai berikut :

(36)

3.3.2 Perancangan UML

Sebelum memasuki perancangaan website, hal yang perlu dilakukan adalah menentukan aktor, fungsi, dan interaksi antara user dan sistem. Ketiga hal tersebut dapat digambarkan pada UML. Adapun UML tersebut adalah sebagai berikut :

A. USE CASE DIAGRAM

Gambar dibawah ini merupakan use case diagram dari rancangan sistem

booking

Gambar 3.2 Use Case Diagram

(37)

melakukan login terlebih dahulu. Sedangkan actor user memiliki beberapa fungsi ,booking,input komentar,view kontak.

B. ACTIVITY DIAGRAM

1. ACTIVITY DIAGRAM LOGIN

Di bawah ini merupakan gambar activity diagram dari sistem yang akan

Gambar 3.3 Activity Diagram Login

Activity diagram login diatas menerangkan bagaimana alur kerja aktivitas

(38)

setelah halaman login ditampilkan oleh sistem, user dapat melakukan pengisian nama dan password yang terdapat dalam form tersebut, kemudian sistem melakukan pencarian data dan verifikasi data, apabila data ditemukan dan cocok maka sistem akan load halaman utama dari web, jika data nama dan password tidak cocok maka sistem akan kembali menampilkan halaman login dimana user diminta untuk mengisi data lagi.

2. ACTIVITY DIAGRAM BOOKINGS

Di bawah ini merupakan gambar activity diagram dari sistem yang akan dibangun.

pilih categori mobil

input data sewa dan lama sewa

klik booking

input data customer

klik save

tampil list data mobil

tampil detail data customer

tampil notifikasi terbooking

(39)

Gambar 3.4 Activity Diagram booking

Activity diagram booking diatas menerangkan bagaimana alur kerja

aktivitas booking yang dilakukan antara user dan sistem, dimulai dengan user memilih category mobil terus memilih mobil yang di inginkan lalu inputkan tanggal sewa dan hari lalu user menginput data diri dan info bank setelah di submit maka user sudah memilih mobil yang di inginkan

3. ACTIVITY INSERT

klik create

input data mobil pilih menu

mobil

simpan

tampil detail kolom input data

tampilkan notifikasi tersimpan

(40)

Gambar 3.5 Activity Diagram Insert

Activity diagram insert data mobil merupakan activity yang dilakukan

oleh admin untuk menginputkan data mobil yang akan disewakan oleh bravado

rent car agar pelanggan data mengetahui mobil yang disediakan oleh pihak

bravado rent car.

4. ACTIVITY DIAGRAM UPDATE

pilih menu mobil

pilih salah satu list data

klik update

edit data

simpan data edit

tampil list data keseluruhan

tampilkan detail data mobil

tampilkan notifikasi telah di edit

(41)

Gambar 3.6 Activity Diagram update

Activity diagram update mobil diatas menerangkan bagaimana alur kerja

aktivitas untuk mengupdate data mobil yang dilakukan oleh admin untuk melakukan activitas memperbarui data yang sudah ada untuk menyediakan informasi yang terbaru bagi pengguna

5. ACTIVITY DIAGRAM DELETE

pilih menu mobil

pilih salah satu list data

hapus data

tampil list data keseluruhan

tampil notifikasi terhapus

(42)

Gambar 3.7 Activity Diagram delete

6. ACTIVITY DIAGRAM CETAK

pilih view pilih menu data pesanan

cetak

tampil detail data

sis tem admin

(43)

Activity diagram cetak ini digunakan oleh admin untuk menyimpan data

dalam bentuk kertas dan untuk arsip dari bravado rent car.

C. CLASS DIAGRAM

(44)

Class diagram diatas menunjukan dimana terdapat 9 class, yaitu class controller, manage, comment, promosi, category, merk, car, search, order. Tiap class memiliki operasi masing – masing, untuk class controller tiddak memunyai atribut dikarenakan class tersebut hanya berfungsi untuki menampilkan data yang di isikan oleh admin, untuk class comment memp[unyai operasi view dan add yang dimana apabila pelanggan ingin berkomentar kritik dan saran dapat menuliskan di class comment, class manage ini mempunyai banyak operasi diantaranya operasi insert, update, delete, login dan view, dan mempunyai dua atribut username dan password dilakukan oleh admin untuk memasuki halaman admin yang dapat mnengoperasikan semua operasi yang tersedia, class promosi, car, dan order merupakan turunan dari class manage yang mempunyai operasi sendiri selain turunan dari operasi manage yaitu cetak, search, dan upload dan untuk class merk dan categori merupakan turunan dari class car, selain itu ada juga class search yang menjadi turunan dari class car dan class order untuk mencari data yang di inginkan oleh admin bedasarkan keyword nama.

D. SEQUENCE DIAGRAM

1. SEQUENCE DIAGRAM LOGIN

(45)

: admin

: admin _{V_login}_{V_login}

C_login

C_login M_loginM_login

pilih menu login( )

insert username( )

insert password( )

command login( )

proses login( )

validasi username & password( )

proses validasi( )

konfirmasi sukses( )

berhasil login( )

Gambar 3.10 Sequence Diagram Login

Sequence diatas menjelaskan tentang langkah urutan proses login. Saat actor membuka halaman login maka loadView akan berjalan mengirim pesan ke control login untuk membuka form login, kemudian form login terbuka dan actor dapat mengisi username dan password dan melakukan command login setelah itu actionLogin berjalan mengirim pesan ke control login kemudian diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control kemudian diteruskan ke form, proses login selesai.

2. SEQUENCE DIAGRAM BOOKING

(46)

: user

: user V_bookingV_booking C_bookingC_booking _{M_booking}_{M_booking}

pilih categori mobil( )

input tanggal_sewa( )

input lama sewa( )

tampil detail data customer( )

proses load data( )

return detail data( )

tampilkan detail data( )

input data customer( )

save( )

proses simpan data( )

simpan data( )

return detail data( )

konfirmasi tersimpan( )

data berhasil disimpan( )

Gambar 3.11 Sequence Diagram booking

(47)

diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control kemudian diteruskan ke form inputan data diri diteruskan ke control data diri kemudian diteruskan ke model login untuk dibaca, pesan dikirim kembali ke control, proses login selesai.

3. SEQUENCE DIAGRAM INSERT

Berikut ini merupakan gambar sequence diagram insert.

: admin : admin

view_insert

view_insert C_insertC_insert m_insertm_insert

pilih menu mobil( )

input data mobil ( )

klik simpan ( )

proses tersimpan( )

proses simpan data( )

konfirmasi tersimpan( )

tersimpan( )

Gambar 3.12 Sequence Diagram insert

(48)

memberikan konfirmasi ke control dan control memberikan pesan ke actor bahwa data tersimpan

4. SEQUENCE DIAGRAM UPDATE

Berikut ini merupakan gambar sequence diagram update

: admin

: admin _{v_update}_{v_update}

C_update return hasil detail data( ) return hasildata( )

Gambar 3.13 Sequence Diagram update

(49)

mengembalikan ke control sehingga actor akan mendapatkan list data actor akan memilih data dan klik update maka secara otomatis control akan memproses pemanggilan data yang dilakukan oleh actor dan mengirimkan kembali ke model untuk menampilkan detail data yang akan di update dan menampilkan detail data yang di pilih oleh actor setelah update data actor klik tombol update maka

control kembali memproses dan menyimpannya di datebase melalui model lalu

model memberikan konfirmasi kembali ke control dan control memberikan pesan pada actor data telah di update

5. SEQUENCE DIAGRAM DELETE

Berikut ini merupakan gambar sequence diagram delete

: admin : admin

v_del ete

v_del ete C_deleteC_delete M_deleteM_delete pilih menu mobil( )

proses load data( )

proses load( )

return hasil list data( )

return hasil data( )

tampilkan hasi l lis t data( )

pilih data( )

Gambar 3.14 Sequence Diagram delete

(50)

mengembalikan ke control sehingga actor akan mendapatkan list data actor akan memilihi data dan klik delete maka secara otomatis control akan memproses penghapusan data yang dilakukan oleh actor dan mengirimkan kembali ke model untuk menghapus data didatabase lalu control dan control memberikan pesan pada actor data telah di dihapus

6. SEQUENCE DIAGRAM CETAK

Berikut ini merupakan gambar sequence diagram cetak

: admin

: admin _{V_delete}_{V_delete}

C_cetak

proses cetak data / load( )

proses cetak data( ) return cetak data( ) konfirmasi cetak( )

berhasil dicetak( )

Gambar 3.15 Sequence Diagram cetak

Actor memilih menu data pesanan dan diproses oleh control lalu dikirim

(51)

diminta oleh actor dan diteruskan oleh control ke actor dan memilih data lalu klik cetak dan control menerima permintaan dari actor dan dan melakukan proses pencetakan lalu control memberikan konfirmasi melalu pesan bahwa data berhasil di cetak

3.4Perancangan Tabel

Dari CDM (Conceptual Data Model) dan PDM (Physical Data Model) sebelumnya, maka dapat dibuat tabel-tabel yang akan menjadi acuan dari pembuatan sebuah database.

Berikut ini adalah detail masing-masing tabel pada subbab berikut ini: 1) Tabel User s

Tabel users akan menyimpan username dan password login yang berhak masuk pada halaman administrator Dimana dalam tabel users ini nantinya menyimpan data sebagai hak akses untuk masuk kedalam sistem admin.

Tabel 3.1 users

Field Name

Data

Type Size Keterangan

id Int 11

username Varchar 32 utl8_general_ci password Varchar 32 utl8_general_ci

2) Tabel Bookings

Tabel bookings menyimpan data id nofaktur, jumlah, hari, dan tanggal sewa.

(52)

Field Name Data Type Size Keterangan

id int 5

nofaktur varchar 13 utl8_general_ci

jumlah int 3

hari int 11

tanggal_sewa datetime

id_product int 11

subtotal double

3) Tabel Categories

Tabel categories menyimpan data id_category dan category yang digunakan untuk membedakan category mobil.

Tabel 3.4 Tabel Categori

id_category Int 11

category varchar 30 utl8_general_ci

4) Tabel Customers

Tabel customer ini merupakan form inputan data customer. Untuk mengetahui data dari penyewa dan sebagai arsip bagi bravado rent car. Dan untuk memudahkan dari pihak bravado rent car menghubungi penyewa

Tabel 3.5 Customers

Field Name Data Type Size Keterangan idkonsumen varchar 13 utl8_general_ci

(53)

alamat Text utl8_general_ci provinsi varchar 50 utl8_general_ci kota varchar 50 utl8_general_ci kodepos varchar 5 utl8_general_ci phone varchar 50 utl8_general_ci email varchar 50 utl8_general_ci nama_bank varchar 50 utl8_general_ci cabang varchar 40 utl8_general_ci atas_nama varchar 50 utl8_general_ci rekening varchar 20 utl8_general_ci

5) Tabel mer ks

Tabel merk yang digunakan untuk menyimpan id_merk dan merk yang digunakan untuk membedakan merk dari setiap mobil.

Tabel 3.6 merks

id_merk Int 11

merk varchar 20 utl8_general_ci

gambar Text utl8_general_ci

6) Tabel Orders

(54)

Tabel 3.7 orders

Field Name Data Type Size Keterangan nofaktur varchar 13 utl8_general_ci idkonsumen varchar 13 utl8_general_ci

id_product Int 11

jumlah Int 5

hari Int 11

tanggal_sewa datetime

subtotal double

tanggal Date

status Char 1 utl8_general_ci

7) Tabel Pr oducts

Tabel products digunakan untuk menyimpan data dari mobil apabila ada data mobil baru dapat di inputkan di dalam tabel ini dari merk,category, gambar dan harga dari mobil tersebut. Dengan atribut id_product, id_category, nama, id_merk, gambar, harga, stok, spesifikasi, keterangan, tanggal masuk

Tabel 3.9 products

id_product Int 11

id_category Int 11

nama varchar 100 utl8_general_ci

id_merk Int 11

(55)

harga double

stok Int 5

spesifikasi text utl8_general_ci keterangan text utl8_general_ci

tanggal_masuk date 1

8) Tabel Pr omotions

Tabel promotions bertujuan untuk menyimpan informasi apabila ada promosi yang diberikan oleh pihak bravado rent cars. Memiliki field id, nama, keterangan yang berisikan keterangan dari promosi, dan gambar.

Tabel 3.10 promotions

id Int 11

nama varchar 100 utl8_general_ci

keterangan Text

gambar Text 100

9) Tabel Coments

Tabel coments bertujuan untuk pengguna memberikan pesan dan komentar.yang mempunyai entity id, nama, email, pesan, dan date.

Tabel 3.11 coments

Field Name

Data

Type Size Keterangan

id Int 11

(56)

email varchar 50 utl8_general_ci

pesan Text utl8_general_ci

date Date 100

3.5Perancangan Antar Muka

Perancangan Antar Muka (interface) yang dibuat pada website dan telah ter-design dengan teratur sebagai berikut :

1) Tampilan awal bravado rent cars

Untuk perkiraan tampilan awal bravado rent cars seperti pada gambar dibawah ini. Terdapat header dibagian baris atas, menu atas, contents,contents samping kanan dan footer.

Gambar 3.17 Tampilan Awal bravado rent cars

2) Tampilan Halaman Admin

HEADER

M ENU ATAS

CONTENS

CONTENS SAM PING

(57)

Halaman Admin digunakan untuk mengelola sistem baik berupa tambah data, hapus, dan edit. Untuk perkiraan tampilan halaman Admin pada sistem ini seperti gambar dibawah ini, terdapat menu di bagian kanan , header, contents, dan footer.

Gambar 3.18 Tampilan Halaman Admin

3) Tampilan Login

Perkiraan tampilan login sebelum masuk ke halaman Admin pada sistem ini.

Gambar 3.19 Tampilan Login

HEADER

M enu 4 M enu 1

M enu 2

M enu 3

M enu 5

cont ent

FOOTER

User name

passw ord

GAM BAR

(58)

BAB IV

HASIL DAN PEMBAHASAN

Pada bab ini akan dibahas mengenai hasil dan pembahasan dari perancangan sistem website yang telah dibuat pada bab sebelumnya. Bagian implementasi sistem website ini meliputi: implementasi proses, implementasi database, dan uji coba .

4.1 Spesifikasi Sistem

Peralatan yang digunakan untuk semua proses dari keseluruhan transaksi yang ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatan-peralatan baik berupa perangkat keras dan perangkat lunak.

4.1.1 Perangkat Keras (Hardware) yang Digunakan

Laptop HP, Type Pavilion g4, Memori RAM 2GB, AMD A4, HDD 500GB.

4.1.2 Perangkat Lunak (Software) yang Digunakan

1) Sistem Operasi Microsoft Windows 7 ultimate 64bit 2) Microsoft Visio

(59)

6) Notepad++

4.2 Pr oses dan kebijakan

Proses dari pemesanan bravado rent car ini mempunyai ketentuan-ketentuan dalam pemesanan yang dimana semua diatur dengan kebijakan perusahaan,

4.2.1 Kebijakan Bravado Rent Car Kebijakan yang ada di bravado rent car

1. Apabila customer menyewa 1 hari melalui website maka penyewa harus melakukan pembayaran maximal 5 jam dari jam memasukan data sewa apabila tidak ada transaksi dalam waktu 5 jam dari maka di anggap sewa batal baik 1 mobil atau selebihnya dan data akan dihapus oleh admin. 2. Apabila customer menyewa lebih dari melalui website 3 hari maka diberi

waktu 1 hari dari tanggal memasukkan data sewa maka harus sudah melakukan transaksi pembayaran apabila tidak melakukan transaksi di anggap transaksi batal dan data akan terhapus secara otomatis.

3. Apabila customer yang sudah menyewa dan melakukan transaksi pada saat mengambil mobil maka customer harus membawa struk transaksi pembayaran,ktp asli dan fotocopy kartu keluarga untuk ditukar dengan mobil yang disewa ktp asli dan kartu keluarga untuk jaminan (struk pembayaran untuk bukti sudah melakukan transaksi dan akan di cocokkan oleh database datanya)

(60)

dikenakan cash dihitung dari mobil batas waktu akhir penyewaan perhitungan jam dilakukan diwaktu pengambilan mobil ditempat.

4.2.2 Pr oses penyewaan

1. Peraturan penyewaan di bravado rentcar maximal penyewaan via website 7 hari.

2. Penyewa harus membawa struk bukti transfer untuk konfirmasi pembayaran dan membawa ktp asli dan fotocopy kartu keluarga untuk jaminan. 3. Apabila penyewa datang langsung ke tempat dan ingin langsung menyewa maka harus meninggalkan ktp asli dan kendaraan beserta STNK untuk jaminan dan mobil dapat langsung dibawa.

4.3 Implementasi Pr oses

Pada perancangan proses dijelaskan pembuatan proses bagaimana sistem aplikasi website ini diatur dan ditata sehingga setiap entitas saling ber-relasi dengan baik.

4.3.1 Halaman Menu Utama

(61)

Gambar 4.3.1 halaman utama

4.3.2 Menu tentang kami

Pada Gambar 4.3.2 merupakan tampilan halaman tentang kami yang berisi tentang Bravado Rent Cars.

(62)

Data berita yang telah di isi oleh pengelola web/admin akan ditampilkan di halaman tentang kami.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--[if IE]>

<![endif]-->

<div id="content"><h1 class="title"><a href="#">Welcome to bravado rent car</a></h1>

(63)

maupun keperluan lain. Selain menyediakan kendaraan pribadi, kami juga menyediakan kendaraan untuk kgiatan sekolah,yang bermanfaat untuk kelangsungan kegiatan sekolah, misalnya mengantar rombangan regu futsal atau yang lain. Bravado memberikan penawaran menarik dengan memberikan berbagai macam promosi untuk pelanggan, adanya diskon atau potongan khusus bagi pelanggan tetap maupun tidak.

Tentang Pelayanan Bravado : 24 jam melayani Anda, Syarat sewa mobil yang tidak rumit, Sistem pemesanan sewa sangat sederhana, Harga kompetitif untuk rental mobil surabaya, Fasilitas Sewa Mobil Bersih, Supir kami yang profesional & ramah dalam pelayanan, karena kami memiliki standarisasi dalam hal pelayanan pelanggan

</div>

</div> </div>

4.3.3 Menu Login

Pada gambar 4.3.3 adalah tampilan halaman menu login seperti terlihat pada gambar dibawah ini menampilkan form yang digunakan admin untuk login

Gambar 4.3.3 halaman menu login

(64)

<?php echo $this->Html->css('login'); ?> <table align=center width=355>

<tr>

<td coslpan="3"> <div id="message"> <?php echo $this->Session->flash(); ?> </div> </td>

</tr> <tr> <td>

<h2><font face=tahoma>Form Login</font></h2> <?php echo $html->image('login.gif',

array('align' => 'left')); ?> <?php

echo $form->create('User',

array('action'=>'login','inputDefaults' => array('label' => false, 'div' => false)));

?>

<strong> <?php $session->flash('auth'); ?> </strong> <table>

<tr>

<td> <font face=tahoma size=2> Username </font></td> <td> : </td>

<td> <?php echo $form->input('username'); ?> </td> </tr>

<tr>

<td> <font face=tahoma size=2> Password </font></td> <td> : </td>

<td> <?php echo $form->password('password'); ?> </td> </tr>

<tr>

(65)

4.3.4 halaman admin

Pada Gambar 4.3.4 merupakan tampilan halaman admin yang digunakan admin untuk manajemen website

Gambar 4.3.4 halaman admin

Dibawah ini merupakan syntax untuk halaman admin

<?php echo $this->Html->charset(); ?>

<?php echo $this->Html->script('stm31'); ?> <?php echo $this->Html->css('paging'); ?> <?php echo $this->Html->css('menu_admin'); ?>

<title>

<?php __('Bravado'); ?>

<?php echo $title_for_layout; ?> </title>

</head> <body>

(66)

<td align="center"><?php echo

$html->image('admin.jpg', array('width' => 780, 'height' => 200)); ?></td>

</tr> </table>

<ul><li> <?php echo $this->Html->link(__('Home Website', true), '../homes/index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Home Admin', true), '../admin/'); ?> </li>

<li> <?php echo $this->Html->link(__('Data Pesanan', true), '../orders/order/'); ?> </li>

<li> <?php echo $this->Html->link(__('Manajemen Produk', true), '../products/admin_category/'); ?> </li>

<li> <?php echo $this->Html->link(__('Manajemen Promosi', true), '../promotions/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('SMS Gateway', true), '../Outboxs/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Merk', true), '../merks/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Kategori', true), '../categories/'); ?> </li>

<li> <?php echo $this->Html->link(__('Links', true), '../links/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Komentar', true), '../comments/admin_index/'); ?> </li>

<li> <?php echo $this->Html->link(__('Cari Produk', true), '../products/admin_search/'); ?> </li>

<li> <?php echo $this->Html->link(__('Cari Pesanan', true), '../orders/admin_search/'); ?> </li>

<li> <?php echo $this->Html->link(__('Ubah Password', true), '../users/change_password/'); ?> </li>

<li> <?php echo $this->Html->link(__('Logout', true), '../users/logout/'); ?> </li>

(67)

</div>

<div id="message"> <?php echo $this->Session->flash(); ?> </div>

<?php echo $content_for_layout; ?> <p> </p>

</tr> <tr>

4.3.5 Menu promosi

(68)

Gambar 4.3.5 halaman promosi

Dibawah ini merupakan syntax menampilkan halaman promosi.

<h4><?php echo $form->Html->link(__('Add Promotion', true), 'add'); ?></h4>

<th width=260><div id="tahoma"> <?php echo $paginator->sort('keterangan'); ?> </div></th>

<?php

foreach ($promotions as $promotion):

$keterangan = $promotion['Promotion']['keterangan']; $keterangan = substr ($keterangan, 0,40);

(69)

<tr>

<td width=50 align=center> <?php echo

$html->image('edit.png', array('url' => array('action' => 'edit', $promotion['Promotion']['id']))); ?> </td>

$html->image('delete.png', array('url' => array('action' => 'delete', $promotion['Promotion']['id']))); ?> </td>

</tr>

<?php

endforeach; ?>

</table> </div>

<?php echo $this->element('paging'); ?>

4.3.6 Menu view edit

(70)

Gambar 4.3.6 halaman edit

Dibawah ini merupakan syntax menampilkan halaman promosi.

<h4><?php echo $form->Html->link(__('Add Promotion', true), 'add'); ?></h4>

<th width=260><div id="tahoma"> <?php echo $paginator->sort('keterangan'); ?> </div></th>

<?php

foreach ($promotions as $promotion):

$keterangan = $promotion['Promotion']['keterangan']; $keterangan = substr ($keterangan, 0,40);

?> <tr>

<td> <div id="tahoma"> <?php echo

(71)

<td> <div id="tahoma"> <?php echo

$promotion['Promotion']['nama']; ?> </div> </td>

$html->image('edit.png', array('url' => array('action' => 'edit', $promotion['Promotion']['id']))); ?> </td>

$html->image('delete.png', array('url' => array('action' => 'delete', $promotion['Promotion']['id']))); ?> </td>

</tr> <?php

endforeach; ?>

</table> </div>

4.3.7 Menu Data Pesanan

Pada Gambar 4.3.7 merupakan tampilan halaman komentar yang digunakan oleh user untuk menuliskan saran kritik dan komentar untuk bravado rent car

(72)

Dibawah ini merupakan syntax menampilkan halaman data pesanan.

<h4> Semua Pesanan (All Orders) </h4> <?php echo $this->element('paging'); ?> <?php echo $this->element('rupiah'); ?> <br>

<th width="100"> <div id="tahoma"> Tanggal </div> </th>

<th width="100"> <div id="tahoma"> No Faktur </div> </th>

<th width="100"> <div id="tahoma"> Nama </div> </th> <th width="100"> <div id="tahoma"> Status </div> </th> <th width="100" colspan="3"> <div id="tahoma"> Aksi </div> </th>

</tr> <?php $i = 1;

foreach($orders as $order):

if ($order['Order']['status'] == 1) { $status = 'Baru';

}

else if ($order['Order']['status'] == 2) { $status = 'Siap Kirim';

}

(73)

<td width=50 align=center> <?php echo $html->image('view.png', array('url' => array('action' => 'view_order', $order['Order']['nofaktur']))); ?> </td>

<td width=50 align=center> <?php echo $html->image('delete.png', array('url' => array('action' => 'delete', $order['Order']['nofaktur']))); ?> </td>

</tr> <?php $i++;

endforeach; ?>

</table>

4.3.8 Menu komentar

Pada Gambar 4.3.8 merupakan tampilan halaman komentar yang digunakan oleh user untuk menuliskan saran kritik dan komentar untuk bravado rent car

Gambar 4.3.8 halaman komentar