Perancangan Aplikasi E-Commerce Penyewaan Mobil Cv. Roswan Kamin Berbasis Web

(1)

TUGAS AKHIR

FAIZ AMRI 122406045

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2015


(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ahli madya

FAIZ AMRI 122406045

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2015


(3)

PERSETUJUAN

Judul : PERANCANGAN APLIKASI E-COMMERCE

PENYEWAAN MOBIL CV. ROSWAN

KAMIN BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : FAIZ AMRI

Nomor Induk Mahasiswa : 122406045

Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA

Depaetemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU

PENGETAHUAN ALAM (MIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Mei 2015

Diketahui Oleh

Ketua Departemen Matematika

FMIPA USU Pembimbing,

Prof. Tulus, M.Si, Ph.D Dr.Syahriol Sitorus, S.Si., M.I.T. NIP. 19620901 198803 1 002 NIP. 197103101997031004


(4)

PERNYATAAN

PERANCANGAN APLIKASI E-COMMERCE

PENYEWAAN MOBIL CV. ROSWAN KAMIN BERBASIS WEB

TUGAS AKHIR

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

Medan, Juni 2015

FAIZ AMRI 122406045


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rahmat dan ridho Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul “PERANCANGAN APLIKASI E-COMMERCE PENYEWAAN MOBIL CV. ROSWAN KAMIN BERBASIS WEB. Penyusunan dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Teknik Informatika Program Studi Diploma 3 di Fakultas Matematika Ilmu Pengetahuan Alam Universitas Sumatera Utara Medan.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan terima kasih dan penghargan yang setinggi-tingginya kepada :

1. Bapak Drs. Sutarman M.Si, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Dr.Syahriol Sitorus, S.Si., M.I.T. selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.

4. Seluruh Dosen pengajar Program Studi D3 Teknik Informatika Fakultas Matematika Ilmu Pengetahuan Alam Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

5. Almarhum Ayahanda Ir. Zulkifli AK MT. dan Ibunda Ir. Rahmalina sebagai orangtua yang selalu mendukung, memberikan Doa, Nasehat, Kasih Sayang, Cinta kepada penulis hingga bisa bertahan sampai saat ini dan selamanya.


(6)

6. Kepada Abangda Rizal Fadli, M. Fakhri Akbar dan Adinda Vina Akmaliah yang selalu memberikan Motivasi maupun Semangat kepada penulis untuk terus belajar.

7. Untuk Sahabat-sahabat dan Teman-teman Komputer A 2012 semasa kuliah, serta seluruh mahasiswa D3 Teknik Informatika angkatan 2012.

Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalampenulisan Tugas Akhir ini dan sekali lagi penulis berharap semoga Tugas Akhir ini dapat memberikan manfaat bagi penulis dan pembaca.

Medan, Mei 2015 Penulis,


(7)

ABSTRAK

Perancangan aplikasi e-commerce berbasis web di CV. Roswan Kamin telah dilaksanakan dengan tujuan untuk menghasilkan suatu sistem informasi berbasis web untuk membahas pengelolaan data penyewaan, data mobil, dan data pengembalian, khususnya dalam hal proses penyewaan. Sistem ini dirancang dengan menggunakan bahasa pemrograman PHP dan database MySQL. Hasil dari perancangan sistem ini adalah menghasilkan sistem informasi penyewaan rental mobil yang meliputi pengelolaan data sewa, mobil, pengembalian mobil pada bagian admin dan penyewa dapat mengetahui status penyewaan mobilnya disetujui atau tidak. Sehingga tercapailah tujuan dari tugas akhir ini yaitu dapat mengatasi masalah yang ada di CV. Roswan Kamin rental mobil.


(8)

DAFTAR ISI

Halaman

Persetujuan ii

Penyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Perumusan Masalah 3

1.3 Batasan Masalah 4

1.4 Tujuan Penelitian 4

1.5 Manfaat Penelitian 4

1.6 Metodologi Penelitian 5

1.7 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8

2.1 Pengertian Aplikasi 8

2.2 Pengertian Internet 8

2.2.1 Network 9

2.2.2 Web Server 9

2.2.3 World Wide Web (WWW) 11

2.2.4 Hyper Text Transfer Protocol (HTTP) 11 2.3 Hyper Text Markup Language (HTML) 12

2.4 Personal Home Page (PHP) 14

2.4.1 Sejarah PHP 14

2.4.2 Konsep Dasar PHP 15

2.5 MySQL 17

2.6 Sublime Text 2 18

2.7 CSS (Cascading Style Sheet) 18

2.8 JavaScript 19

2.9 Data Flow Diagram 19


(9)

BAB 3 PERANCANGAN SISTEM 25

3.1 Perancangan Sistem 25

3.1.1 Diagram Konteks 25

3.1.2 Data Flow Diagram Level 1 Proses Pendaftaran User

26 3.1.3 Data Flow Diagram Level 2 Poses

Pemesanan Mobil

26

3.1.4 Entity Relationship Diagram 27

3.1.5 Relationship Diagram 27

3.2 Perancangan Database 28

3.3 Flowchart 30

3.3.1 Flowchart Menu Utama 30

3.3.2 Flowchart Member 31

3.3.3 Flowchart Admin 32

3.4 Perancangan Antar Muka (Interface) 33

BAB 4 IMPLEMENTASI SISTEM 39

4.1 Implementasi Sistem 39

4.2 Tujuan Implementasi 39

4.3 Komponen Dalam Implementasi Sistem 40 4.3.1 Kebutuhan Perangkat Keras (Hardware) 40 4.3.2 Kebutuhan Perangkat Lunak (Software) 41

4.3.3 Kebutuhan Brainware 41

4.4 Tampilan Halaman Website 41

BAB 5 KESIMPULAN DAN SARAN 48

5.1 Kesimpulan 48

5.2 Saran 48

Daftar Pustaka 49


(10)

DAFTAR TABEL

Nomor Tabel

Judul Halaman

2.1 Simbol-simbol Data Flow Diagram 20

2.2 Flow Directian Symbols 21

2.3 Tabel Processing Symbols 22

2.4 Tabel Input-Output Symbols 23

2.5 Simbol dalam ERD 24

3.1 Tabel tbl_member 28

3.2 Tabel tbl_mobil 28

3.3 Tabel tbl_pesanan 29

3.4 Tabel tbl_buktipembayaran 29


(11)

DAFTAR GAMBAR

Nomor Gambar

Judul Halaman

3.1 Data Flow Diagram (DFD) 25

3.2 Data Flow Diagram Level 1 Proses Pendaftaran User 26 3.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil 26

3.4 Entity Relationship Diagram 27

3.5 Relationship Diagram 27

3.6 Alur Flowchart Beranda 30

3.7 Alur Flowchart Member 31

3.8 Alur Flowchart Admin 32

3.9 Perancangan tatap muka halaman utama 33

3.10 Perancangan tatap muka halaman login 34

3.11 Perancangan tatap muka pesan mobil 34

3.12 Perancangan tatap muka status pesanan 35

3.13 Perancangan tatap muka bukti pembayaran 35

3.14 Perancangan tatap muka tentang kami 36

3.15 Perancangan tatap muka halaman login admin 36

3.16 Perancangan tatap muka mobil 37

3.17 Perancangan tatap muka pesanan 37

3.18 Perancangan tatap muka member 38

3.19 Perancangan tatap muka password admin 38

4.1 Beranda 42

4.2 Halaman Pesan Mobil 43

4.3 Halaman Status Pemesanan 43

4.4 Halaman Tentang Kami 43

4.5 Halaman Login Member 44

4.6 Halaman Upload Bukti Pembayaran 44

4.7 Halaman Login Admin 45

4.8 Halaman Tambah Mobil 45

4.9 Halaman Update Mobil 46

4.10 Halaman Pesanan Member 46

4.11 Halaman Member 47


(12)

ABSTRAK

Perancangan aplikasi e-commerce berbasis web di CV. Roswan Kamin telah dilaksanakan dengan tujuan untuk menghasilkan suatu sistem informasi berbasis web untuk membahas pengelolaan data penyewaan, data mobil, dan data pengembalian, khususnya dalam hal proses penyewaan. Sistem ini dirancang dengan menggunakan bahasa pemrograman PHP dan database MySQL. Hasil dari perancangan sistem ini adalah menghasilkan sistem informasi penyewaan rental mobil yang meliputi pengelolaan data sewa, mobil, pengembalian mobil pada bagian admin dan penyewa dapat mengetahui status penyewaan mobilnya disetujui atau tidak. Sehingga tercapailah tujuan dari tugas akhir ini yaitu dapat mengatasi masalah yang ada di CV. Roswan Kamin rental mobil.


(13)

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi yang berkembang pesat belakangan ini telah memasuki hampir pada semua bidang kehidupan, pendidikanm seni dan budaya kesehatan maupun pada bidang bisnis, hal ini ditandai oleh semuakin banyaknya pengguna (user) computer, baik digunakan secara pribadi, maupun untuk kepentingan umum,layaknya perusahaan yang memiliki karyawan banyak ataupun untuk lahan bisnis seperti warung internet (warnet).

Pada era global ini, kebutuhan akan informasi yang tidak terbatas menuntut para pengguna computer untuk merambah informasi yang tidal terbatas menuntut para pengguna computer untuk menambah nfirmasi yang kebuh kuas dan tanpa batas, hal ini didukung dengan semakin banyaknya para pengembang teknologi informasi yang dituntut untuk lebih kreatif dan inovatif dalam memajukan industri hardware (perangkat keras dan software (perangkat lunak) komputer.

Sejalan dengan kemajuan tersebut kebutuhan masyarakat akan kemudahan akses pada sesuatu cenderung meningkat, baik dari faktor pelayanan yang mencakup kecepatan, kerapian, keakuratan dan ketelitian maupun segala kemudahan lainya.


(14)

Para pengusaha kecil maupun pengusaha besar yang mencoba untuk memanfaatkan kecanggihan dan perkembangan teknologi, baik untuk kebutuhan antara perusahaan ke perusahaan, dari perusahaan kepada customer, maupun untuk kebutuhan intern perusahaan sendiri dalam memanage (mengatur) stabilitas dan keberlangsungan perusahaan. Hal ini dilakukan untuk meningkatan pelayanan terhadap konsumen yang semakin hari semakin bertambah dan kebutuhan konsumen akan produk barang dan jas yang sangat mengedepankan kualitas pelayanan.

Mobilitas yang tinggi, waktu yang sedikit, transportasi menjadi bagian penting dalam menunjang kecepatan dan efisien kerja pada masyarakat, tidak jarang banyak orang memanfaatkan kendaraan darat sebagai angkutan paling digemari, mobil contohnya, selain dapat digunakan sesuka hati dimana akan beristirahat, juga dirasa cukup cepat sebagai angkutan yang dapat menyelesaikan mobilitas yang tinggi. Namun, bagi mereka yang tidak mampu memiliki kendaraan pribadi, juga tidak jarang mereka memanfaatkan rental mobil sebagai pra sarana untuk menggunakan kendaraan darat.

Melihat dari kenyataan tersebut, rental mobil merupakan salah satu pra saran untuk menunjang kebutuhan masyarakat. Perusahaan yang menyediakan jasa rental mobil, kinipun semakin melambung tinggi, terutama di daerah Medan yang notabene selain menjadi kota metropolitan juga merupakan kota lading bisnis menuntuk pelaku usaha memiliki mobilitas tinggi. Namun, tidak banyak perusahaan yang menyediaakan jasa rental mobil yang telah menggunakan


(15)

aplikasi desktop untuk mempermudah dalam mengelola perusahaan rental mobilnya, khususnya dalam bidang administrasinya. Dengan adanya aplikasi desktop dapat menjadi prasarana untuk meningkatkan pelayanan konsumen, baik dari segi efisiensi waktu, keakuratan data, dan kemudahan bertransaksi.

Maka untuk mengatasi masalah tersebut penulis membuat solusi aplikasi penyewaan mobil berbasis web yang efisien,efektif dan murah dan bisa di gunakan kapan dan dimana saja. Yaitu : Perancangan Aplikasi E-Commerce Penyewaan Mobil CV. Roswan Kamin Berbasis Web.

Penulis memilih judul ini untuk di implementasikan secara khusus kepada calon konsumen dan pemilik rntal mobil. Alasannya adalah untuk mempermudah konsumen dalam melakukan penyewaan mobil rental sehingga customer dapat menentukan sendiri kapan dia akan melakukan booking dan menentukan jenis mobil, harapan informasi dan data yang akurat menjadikan konsumen lebih puas pada pelayanan yang telah disuguhkan.

1.2 Perumusan Masalah

Berdasarkan uraian di atas, yang menjadi perumusan masalah adalah bagaimana, bagaimana merancang E-Commerce penyewaan mobil berbasis Web, bagaimana sistem ini menjadi solusi untuk kemudahan transaksi antara customer dan pengelola perusahaan, bagaimana customer melakukan booking kendaraan dengan menentukan dan memilih jenis mobil dengan mudah.


(16)

1.3 Batasan Masalah

Didalam perancangan aplikasi ini, penulis membatasi masalah-masalah yang akan dibahas, meliputi:

1. Sistem tidak menyimpan data seluruh staff (hanya yang berhubungan dengan pemesanan, pembayaran, dan pengembalian mobil sewa).

2. Sistem hanya melakukan perhitungan harga untuk pemesanan mobil saja.

3. Pemesanan mobil dapat dilakukan lewat website. 4. Menampilkan history penyewaan.

1.4 Tujuan Penelitian

Berdasarkan perumusan masalah yang di uraikan, maka aplikasi ini bertujuan untuk:

1. Merancang dan membangun suatu web yang dapat memberikan solusi adanya masalah terkait efesiensi dalam mengelola sebuah perusahaan rental mobil, antara pengelola perusahaan dengan customer.

2. Merancang sistem yang dapat memudahkan costumer dalam hal penyewaan mobil.

1.5 Manfaat Penelitian

Manfaat yang diperoleh dari aplikasi ini adalah

1. Perusahaan dapat memonitor keluar masuknya mobil dengan lebih mudah


(17)

3. Sebagai sistem kontrol antara pemilik terhadap karyawan perusahaan 4. Konsumen dapat bertransaksi dengan perusahaan real time

5. Efektifitas dan efisiensi waktu didapatkan oleh pelanggan dan perusahaan.

1.6 Metodologi Penelitian

Adapun metode penelitian yang digunakan penulis untuk menyelesaikan permasalahan adalah:

1. Tahap pengumpulan informasi kebutuhan

Pengumpulan data-data yang erat kaitannya dengan permasalahan yang terjadi dengan cara membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya.

2. Tahap Analisis

Setelah data didapat kemudian dianalisis sebaik dan sebenar mungkin. Untuk mendapatkan informasi dan kesimpulan yang tepat. Untuk kemudian dituangkan kedalm sebuah website.

3. Tahap desain dan seleksi

Setelah semua informasi dikumpulkan, informasi–informasi dianalisa dan dirancang terlebih dahulu sebelum masuk ke langkah

coding/pemrograman.

4. Pemrograman

Menyusun kode program dalam membangun aplikasi. 5. Implementasi

Melakukan perbaikan atau penambahan pada website, guna menciptakan aplikasi eccomerce website agar sesuai dan dapat memudahkan costumer


(18)

6. Review and Evaluation

Dalam tahap ini aplikasi yang telah dibangun, ditinjau dan dievaluasi. Dilakukan perbaikan jika terdapat kesalahan dan membuat kesimpulan analisis yang dilakukan.

7. Penyusunan laporan berbentuk tugas akhir.

1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :

BAB 1 : PENDAHULUAN

Bab ini merupakan bagian yang berisi mengenai latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, metode penelitian serta sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini merupakan uraian teoritis mengenai pengertian-pengertian dan mengenai bahasa pemrograman yang digunakan.

BAB 3 : PERANCANGAN SISTEM

Bab ini menguraikan mengenai perancangan sistem mulai dari perancangan layout, perancangan database, diagram konsepsi sistem, hingga flowchart sistem.


(19)

BAB 4 : IMPLEMENTASI SISTEM

Bab ini berisi uraian pengertian dan implementasi sistem, spesifikasi aplikasi, instalasi PHP, MySQL dan Apache, Pengujian pada browser dan tampilan halaman aplikasi web yang dirancang.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini menguraikan tentang kesimpulan dan saran yang dikutip oleh penulis selama proses pembangunan aplikasi.


(20)

LANDASAN TEORI

2.1 Pengertian Aplikasi

Aplikasi berasal dari kata application yang artinya penerapan; lamaran; penggunaan. Secara istilah aplikasi adalah: program siap pakai yang direka untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh sasaran yang dituju. (www.totalinfo.or.id)

2.2 Pengertian Internet

Internet berasal dari kata interconnection-networking, merupakan sistem global

dari seluruh jaringan komputer yang saling terhubung menggunakan standar

Internet Protocol Suite (TCP/IP) untuk melayani milyaran pengguna di seluruh

dunia. Internet juga merupakan sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet

switching communication protocol). Rangkaian Internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah ini

dinamakan Internetworking.

Sedangkan pengertian Internet menurut segi ilmu pengetahuan, Internet adalah sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan


(21)

milyaran) informasi atau data yang dapat berupa teks, grafik, audio maupun animasi dan lain-lain dalam bentuk media elektronik. Semua orang bisa berkunjung ke perpustakaan tersebut kapan saja serta dari mana saja, jika dilihat dari segi komunikasi, Internet adalah sarana yang sangat efektif dan efesien untuk melakukan pertukaran informasi jarak jauh maupun jarak dekat, seperti di dalam lingkungan perkantoran, tempat pendidikan, atapun instansi terkait.

2.2.1 Network

Network adalah jaringan sistem komunikasi data yang melibatkan sebuah

atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di

printer komputer lain, dapat memberi berita ke komputer lain walaupun

berlainan area. Network merupakan cara yang sangat berguna untuk mengi ntegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lainnya.

2.2.2 Web Server

Web Server adalah sebuah perangkat lunak server yang berfungsi menerima

permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Salah satu server web yang terkenal di


(22)

linux adalah Apache. Apache merupakan server web antar platform yang dapat

berjalan di beberapa platform seperti linux dan windows. Web Server juga merupakan sebuah komputer yang menyediakan layanan untuk Internet . Server disebut juga dengan host. Agar anda dapat memasukkan web yang anda rancang ke dalam Internet , maka 11 anda harus memiliki ruangan terlebih dahulu dalam

Internet , dan ruangan ini disediakan oleh server. Itulah yang disebut Web Server.

Macam–macam web server antara lain : 1. Apache (Open Source).

2. Xitami. 3. IIS. 4. PWS.

Website (situs web) merupakan alamat (URL) yang berfungsi sebagai

tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu.

URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi

pada suatu web server. Situs atau web dapat dikategorikan menjadi 2 yaitu : 1. Web Static, yaitu web ya ng berisi atau menampilkan infomasi

informasi yang sifatnya statis (tetap).

2. Web Dinamic, yaitu web yang menampilkan informasi serta dapat


(23)

2.3.3 World Wide Web (WWW)

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

pengenal global yang disebut Uniform Resource Identifier (URI) untuk mengidentifikasi sumber-sumber daya yang berguna. Juga merupakan kumpulan

server web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan

data dan informasi untuk dapat digunakan dalam jaringan Internet.

2.3.4 Hyper Text Transfer Protocol (HTTP)

HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu

protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client. HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan

juga web browser sebagai respon atas perintah-perintah yang ada pada protokol

HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada Internet browser Anda, maka sebenarnya web browser akan mengirimkan

perintah HTTP ke web server.

Web server kemudian akan menerima perintah ini dan melakukan aktivitas

sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke

database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan

kembali ke web browser untuk ditampilkan kepada pengguna.

(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftp-domain-hosting-dan-www/)


(24)

2.3 Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML) adalah sebuah bahasa markup yang

digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. 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 berupa kode-kode tag yang menginstruksikan browser untuk

menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti

Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh

aplikasi pembuka e-mail ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam

dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks 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 teks yang ingin ditebalkan, dan


(25)

diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. Secara garis besar terdapat 4 elemen dari HTML :

1. Structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai

Heading 1.

2. Presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks. 3. Hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen

tersebut atau pranala ke halaman dokumen yang lain. Sebagai contohnya

adalah tag <a>, pada tag <a

href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan Ilmu Kita sebagai sebuah hyperlink ke URL tertentu).

4. Elemen widget yang membuat objek-objek lain seperti tombol (<button>),

list (<li>), dan garis horizontal (<hr>).

Selain markup presentational, markup yang lain tidak menentukan

bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag

HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan


(26)

(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftp-domain-hosting-dan-www/)

2.4 Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar

yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). Kasiman Peranginangin, (2009)

2.4.1 Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus lerdorf adalah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudianmenambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuahkelompok pengembang software yang terdiri dari Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk


(27)

menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x. Kasiman Peranginangin, 2009

2.4.2 Konsep Dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <?

...skrip PHP ?>

2. <script language=”PHP” ...skrip PHP

</script> 3. <%

....skrip PHP %>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu Embedded Script dan Non-Embedded Script.


(28)

a. Embedded Script adalah Script PHP yang disisipkan antara tag dokumen hmtl. Contoh penulisan Embedded Script :

<html>

<head><title>Embedded Script</title></head> <body>

<?pho

echo “Hallo, selamat menggunakan PHP”; ?>

</body> </html>

b. Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script:

<?php

echo “<html>”: echo “<head>”:

echo “<title>Mengenal PHP</title>”: echo “</head>”:

echo “<body>”:

echo “<p>PHP itu mudah</p>”: echo “</body>”:

echo “<html>”:?>

Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer


(29)

local maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penaman dokumen html, pemberian nama dokumen yang sama tetapi dituliskan dengan caseyang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen html, begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP. Kasiman Peranginangin, 2009.

2.5 MySQL

MySQL merupakan software sistem manajemen database (Database Management System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur


(30)

akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database.(R.W. Rosari, 2008).

2.6 Sublime Text 2

cross-platform editor teks dan kode sumber dengan antarmuka pemrograman aplikasi Python ( API ) . Keasliannya mendukung banyak bahasa pemrograman dan bahasa markup , dan fungsinya dapat diperpanjang oleh pengguna dengan plugin , biasanya masyarakat dibuat dan dikelola di bawah lisensi bebas software .

2.7 CSS (Cascading Style Sheet)

CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer


(31)

yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010)

2.8 JavaScript

JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.

JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.

2.9 Data Flow Diagram

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.


(32)

Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi.

DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

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

Tabel 2.1 Simbol-simbol Data Flow Diagram

No. Simbol fungsi

1. Eksternal Entity merupakan kesatuan

di luar lingkungan system yang dapat berupa seseorang, organisasi yang dapat 2. Arus data merupakan tempat mengalirnya informasi menunjukan arus data berupa sistem.


(33)

3. Proses merupakan pengolahan data atau aliran data masuk menjadi data aliran keluar.

4. Penyimpanandata merupakan tempat

penyimpanan data yang ada di dalam sistem. (Al-Bahra Bin Ladjamudin, 2005)

2.10 Flowchart

Flowchart adalah sekumpulan simbol–simbol yang menunjukan atau

menggambarkan rangkaian kegiatan–kegitan program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah– langkah pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang–lambang

flowchart dapat didefinisikan dan dibagi menjadi tiga kelompok seperti dibawah :

Table 2.2 Flow Direction Symbols

NO Simbol Fungsi

1

Symbol Off-line Connector ( Simbol untuk keluar/masuk prosedure atau proses dalam lembar/halaman yang lain).

2

Symbol Connector (Simbol untuk keluar/masuk

prosedur atau proses dalam lembar/halaman yang sama)


(34)

3.

Symbol Communication Link (simbol informasi dari satu lokasi ke lokasi lainnya)

(Al-Bahra Bin Ladjamudin, 2005)

Table 2.3 Tabel Processing Symbols

NO Simbol Fungsi

1

Symbol Process (Simbol yang menunjukkan pengolahan yang dilakukan oleh komputer)

2

Symbol Manual Operation (Simbol yang

menunjukkan pengolahan yang tidak dilakukanoleh komputer)

3

Symbol Decision (Simbol untuk kondisi yang

akan menghasilkan beberapa kemungkinan jawaban/aksi).

4

Symbol Predefined Process (Simbol

untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam

5 Symbol Terminal (Simbol untuk permulaan atau

akhir dari suatu program)

6

Symbol Off-line Storage (Simbol yang

menunjukkan bahwa data di dalam symbol ini akan

8

Symbol Manual Input (Simbol untuk pemasukan data secara manual on-line keyboard)

9

Symbol Keying Operation (Simbol operasi

dengan menggunakan mesin yang mempunyai (Al-Bahra Bin Ladjamudin, 2005)


(35)

Table 2.4 Tabel Input-Output Symbols

NO Simbol Fungsi

1

Symbol input-output (Symbol yang

menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya)

2

Symbol magnetig-tape unit (Symbol yang

menyatakan input berasal pita magnetic atau output disimpan ke pita magnetic)

3

Symbol punched card (Symbol yang

menyatakan input berasal dari kartu atau output ditulis ke kartu)

4

Symbol disk and on-line storage (Symbol

untuk menyatakan input berasal dari disk atau output disimpan ke disk)

5

Symbol disk and on-line storage (Symbol untuk menyatakan input berasal dari disk atau output disimpan ke disk)

6

Symbol transmittal tape (Symbol untuk

menyatakan input berasal dari mesin jumlah/hitung)

7

Symbol dokumen (symbol yang menyatakan

input berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas)


(36)

2.11 Entity Relationship Diagram (ERD)

Menurut Fathansyah (2001), Entity Relationship Diagram merupakan

diagram yang berisi komponen- komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta yang ditinjau. Berikut ini merupakan simbol-simbol yang digunakan dalam pembuatan ERD.

Tabel 2.5 Simbol dalam ERD

No. Simbol Fungsi

1

Menunjukkan himpunan entitas yang merupakan suatu obyek yang dapat diidentifikasi dalam lingkungan pemakai.

2

Menujukkan atribut yang berfungsi mendeskrisikan

3

Menunjukkan himpunan relasi antar entitas.

4

Digunakan sebagai penghubung antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atributnya.


(37)

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user

(pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemrogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.

3.1.1 Diagram Konteks

Diagram konteks yang penulis ajukan yaitu:


(38)

3.1.2 Data Flow Diagram Level 1 Proses Pendaftaran User

Gambar 3.2 Data Flow Diagram Level 1 Proses Pendaftaran User

3.1.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil


(39)

3.1.4 Entity Relationship Diagram

Entity relationship diagram perancangan website e-commerce ini ditunjukkan pada Gambar 3.4.

Gambar 3.4 Entity Relationship Diagram

3.1.5 Relationship Diagram

Relationship diagram hubungan relasi antar tabel perancangan website e- commerce ini ditunjukkan pada Gambar 3.5.


(40)

3.2 Perancangan Database

Berikut adalah rancangan table yang penulis gunakan dalam membangun sistem di dalam aplikasi simulasi try-out sbmptn :

a. Tabel tbl_member terdiri dari :

Table 3.1 Tabel tbl_member

Nama Field Tipe Data Lebar Data

id_member* nt 3

user varchar 20

pass varchar 40

nama text 30

no_ktp varchar 30

no_hp varchar 15

alamat varchar 50

scan_ktp varchar 30

foto_member varchar 30

b. Tabel tbl_mobil terdiri atas :

Tabel 3.2 tbl_mobil

Nama field Tipe data Lebar data

id_mobil* int 5

no_polisi varchar 15

nama_mobil varchar 30

transmisi varchar 15

tahun int 10

kapasitas_mesin int 10

kapasitas_kursi int 5

harga int 20


(41)

c. Tabel tbl_pesanan terdiri atas :

Tabel 3.3 tbl_pesanan

Nama field Tipe data Lebar data

id_pesan* int 10

id_mobil int 10

id_member int 10

tgl_pesan varchar 20

banyak int 2

lama_pemesanan int 2

biaya int 20

status int 2

d. Tabel tbl_buktipembayaran terdiri atas :

Tabel 3.4 tbl_buktipembayaran Nama field Tipe data Lebar data

id_upload* int 11

id_member int 11

id_pesan int 10

jumlah int 20

no_rek int 30

no_atm Int 30

bank varchar 10

an varchar 30

rek_tujuan varchar 30


(42)

a. Tabel tbl_user terdiri atas :

Tabel 3.5 tbl_user

Nama field Tipe data Lebar data

id_user* int 3

user varchar 20

pass char 40

3.3 Flowchart

3.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar dibawah ini :


(43)

3.3.2 Flowchart Member

Start

Tampilan

Web Login

Pesan Mobil

Upload Pembayaran

Ambil Mobil Finish


(44)

3.3.3 Flowchart Admin Start

Login

Edit Mobil

Edit Status Pesanan

Edit Member

Edit Password Tampilan

Web

Finish

Gambar 3.8 Alur Flowchart Admin

3.4 Perancangan Antar Muka (Interface)

Antarmuka (Interface) merupakan bagian dari sistem aplikasi yang digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka ini


(45)

1. Halaman Utama (index.php)

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada halaman ini berisi menu utama beranda, pesan mobil, status pesanan, hubungi kami, logout..

Gambar 3.9 Perancangan tatap muka halaman utama

2. Halaman login (halamanlogin.php)

Halaman ini merupakan halaman tempat para login.Agar dapata melakukan pemesana dan konfirmasi pembayaran.

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Halaman penyambutan member dan pengenalan CV. ROSWAN KAMIN

Catatan kaki


(46)

Gambar 3.10 Perancangan tatap muka halaman login

3. Perancangan antar muka pesan mobil (produk.php)

Pada halaman sebelumnya pengguna melakukan login setelah itu pengguna dapat memilih mobil yang ingin disewa.

Gambar 3.11 Perancangan tatap muka pesan mobil

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Catatan kaki

Jenis- jenis mobil yang tersedia

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Catatan kaki


(47)

4. Perancangan antar muka status pemesanan (status.php)

Pada halaman sebelumnya pengguna dapat memilih mobil yang ingin disewa.Pada halaman ini pengguna dapat melihat status dari mobil yang telah dipesan. Pengguna dapat melihat apakah permintaannya sudah diproses atau belum.

Gambar 3.12 Perancangan tatap muka status pesanan

5. Perancangan antar muka bukti pembayaran (buktipembayaran.php) Pada halaman ini pengguna dapat mengupload bukti pembayaran.

Gambar 3.13 Perancangan tatap muka bukti pembayaran

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Catatan kaki Status pesanan pengguna

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Catatan kaki Upload Bukti Pembayaran


(48)

6. Perancangan antar muka tentang kami (tentangkami.php)

Pada halaman ini pengguna dapat melihat lebih jauh tentang web tersebut.

Gambar 3.14 Perancangan tatap muka tentang kami

7. Halaman login admin (index.php)

Halaman ini merupakan halaman tempat login admin.

Gambar 3.15 Perancangan tatap muka halaman login admin

Header (LOGO) Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout

Catatan kaki Tentang Kami

Header (LOGO) Beranda | Mobil |Pesanan | Member |Password | Logout


(49)

8. Perancangan antar muka pesan mobil (mobil.php)

Pada halaman sebelumnya admin melakukan login setelah itu admin dapat menambah, mengedit dan menghapus mobil yang disewakan.

Gambar 3.16 Perancangan tatap muka mobil

9. Perancangan antar muka status pesanan (pesanan.php)

Pada halaman sebelumnya admin dapat mengelola mobil yang ingin disewakan. Pada halaman ini admin dapat melihat status dari mobil yang telah disewakan.

Gambar 3.17 Perancangan tatap muka pesanan

Header (LOGO) Beranda | Mobil |Pesanan | Member |Password | Logout

Status pesanan pengguna

Header (LOGO) Beranda | Mobil |Pesanan | Member |Password | Logout


(50)

10. Perancangan antar muka member (member.php) Pada halaman ini admin dapat menghapus member.

Gambar 3.18 Perancangan tatap muka member

11. Perancangan antar muka password (password.php)

Pada halaman ini admin dapat melihat mengganti passwordnya..

Gambar 3.19 Perancangan tatap muka password admin Header (LOGO) Beranda | Mobil |Pesanan | Member |Password | Logout

Password Admin

Header (LOGO) Beranda | Mobil |Pesanan | Member |Password | Logout


(51)

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya sistem untuk di implementasikan. Berikut cara-cara yang dilakukan untuk mengimplementasikan sistem seperti yang diuraikan dibawah ini :

1. Menerapkan rencana implementasi. 2. Melakukan kegiatan implementasi. 3. Tindak lanjut implemetasi.

4.2 Tujuan Implementasi

Tujuan dari implementasi sistem, yaitu :

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai


(52)

5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan melakukan instalasi secara benar.

4.3 Komponen Dalam Implementasi Sistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware).

4.3.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (hardware) merupakan komponen–komponen peralatan yang membentuk suatu sistem komputer dan peralatan–peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan website ini adalah :

1. Personal Computer dengan Processor min Intel Pentium 4. 2. Memory min 512 MB.

3. MonitorW 14”resolution 1024x768. 4. Hardisk sebagai media penyimpan. 5. DVDR/W.


(53)

4.3.2 Kebutuhan Perangkat Lunak (Software)

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan perangkat kerasnya adalah:

1. Windows 7 2. Apache 3. MySQL 4. Browser 5. Subline Text 2

4.3.3 Kebutuhan Brainware

Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi menjadi 2 yaitu :

1. Administrator. 2. Pengunjung.

4.4 Tampilan Halaman Website

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Mozilla Firefox dan Google Chrome setelah web

browser jalan, ketikkan pada addres bar ://localhost/cvroswankamin/ untuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut :


(54)

Gambar 4.1 Beranda


(55)

Gambar 4.3 Halaman Status Pemesanan


(56)

Gambar 4.5 Halaman Login Member


(57)

Gambar 4.7 Halaman Login Admin


(58)

Gambar 4.9 Halaman Update Mobil


(59)

Gambar 4.11 Halaman Member


(60)

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Dari hasil analisis dan perancangan, serta implementasi dan pembahasan pada bab-bab sebelumnya dalam skripsi ini dapat diambil kesimpulan sebagai berikut:

1. Hasil dari penelitian ini berupa aplikasi sistem informasi penyewaan rental mobil berbasis web.

2. Sistem informasi penyewaan rental mobil ini berisi aplikasi pengolahan data mobil, pengolahan data penyewa.

3. Adanya sistem informasi penyewaan mobil ini bertujuan untuk memudahkan pemilik rental mobil dalam pengecekan penyewaan data sewa dan membantu dalam penyimpanan dan pengolahan data penyewa..

5.2. Saran

Meskipun Sistem Informasi Penyewaan Pada Rental Mobil Berbasis Web dan telah berhasil dilaksanakan, sistem ini masih dapat dikembangkan lagi menjadi lebih baik. Saran yang dapat penulis sampaikan adalah sebagai berikut:

1. Tingkat security sistem lebih ditingkatkan agar dapat menjamin kerahasiaan data dari pihak yang tidak berwenang.

2. Sebaiknya sistem ini dilengkapi dengan fasilitas member dan non member sehingga memudahkan proses pengarsipan tentang data penyewa.


(61)

DAFTAR PUSTAKA

Christiady, Erick. 2007. Penerapan Suatu System Database. Internet. WordPress Desiani, A., dan Arhami, M. 2008. Konsep Kecerdasan Buatan. Yogyakarta.

penerbit ANDI

Kadir, Abdul. 2004. Dasar Pemrograman Web dengan ASP. Yogyakarta. Penerbit ANDI

Kadir, Abdul. 2009. Belajar Database Menggunakan MySQL. Yogyakarta. Penerbit Andi

Kemaludin, Lulu 2011. Be Your Super Self . Kemaludin E-Publishing House

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor

:Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Rindri, A,Y, S.Kom. Pengantar Database . E-book Internet. Diakses 15-09-2013 Robbins, Anthony. 1986. Unlimited Power The New Science Of Personal

Achievment. New York. FREE PRESS

Solichin, Achmad. 2010. MySQL 5 dari Pemula Hingga Mahir. Jakarta. Achmatim.Net

Solichin, Achmad, S.Kom. Pemrograman Web dengan PHP dan MySQL. Jakarta. Achmatim.Net


(62)

1. index.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /><!-- Start WOWSlider.com HEAD section -->

<link rel="stylesheet" type="text/css" href="engine1/style.css" />

<script type="text/javascript"

src="engine1/jquery.js"></script>

<!-- End WOWSlider.com HEAD section --> </head> <body> <?php session_start(); include('koneksi.php'); include('header.php'); ?>

<div id = "slider"> <?php include('slider.php');?> </div>

<div id="selamatdatang">

Selamat datang di website rental mobil Medan yang terbaik. CV. Roswan Kamin adalah rental mobil di Medan yang berizin resmi. Kami menyediakan berbagai macam jenis mobil dengan kondisi prima yang dapat Anda sewa baik untuk 12 jam, harian, ataupun mingguan. Armada kami terdiri dari berbagai merek dan tipe kendaraan, seperti Xenia, Toyota Avanza, Kijang Innova, Pregio dan masih banyak lagi. Hubungi kami untuk mendapatkan daftar lengkap tipe mobil yang tersedia dan tarif sewanya. Pastikan perjalanan Anda aman dan nyaman bersama kami, karena kami memiliki ijin resmi, mobil-mobil baru dengan kondisi yang prima.

Untuk menyewa mobil, Anda dapat menggunakan sistem online pemesanan yang tersedia di website ini,


(63)

lanjut. Anda juga dapat menghubungi kami via telepon di (0274) 446 2813, 0812 2956 6974. Jika Anda ingin mendapatkan konfirmasi instan, reservasi/komunikasi via telepon adalah yang terbaik. Selain itu, dengan

melakukan reservasi via telepon, Anda akan

mendapatkan informasi yang lebih lengkap mengenai layanan (tipe mobil yang tersedia, paket tour), dan tarif kami. Kemanapun tujuan perjalanan Anda, CV. Roswan Kamin Rent Car solusinya. <br /><br />

<a href="product.php"></a> </div> <?php include('footer.php');?> </body> </html> 2. buktipembayaran.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php session_start(); include('koneksi.php'); include('header.php'); ?> <div id="isi">

<form id="uploadbukti" name="uploadbukti" method="post"

action="proses/simpanbuktipembayaran.php" enctype="multipart/form-data">

<label for="uploadbukti"></label> <?php

$query=mysql_query("select * from tbl_member where user='$_SESSION[namamember]'");

$no=1;

while($q=mysql_fetch_array($query)){ $id_m=$q['id_member'];


(64)

<h1>

<input name="id_m" type="hidden" class="input" id="id_m" value="<?php echo $id_m; ?>"/>

</h1>

<table width="512" height="181" border="0" align="center">

<tr>

<td width="136">Jumlah IDR</td> <td width="10">:</td>

<td width="276">

<input name="jumlah" type="text" class="input" id="jumlah" /> </tr> <tr> <td>No. Rek</td> <td>:</td> <td>

<input name="norek" type="text" class="input" id="norek" /> </tr> <tr> <td>No.ATM</td> <td>:</td> <td>

<input name="noatm" type="text" class="input" id="noatm" /> </td> </tr> <tr> <td>Bank </td> <td>:</td>

<td><select name="bank" size="1" class="input" id="bank">

<option value="BCA"

selected="selected">BCA</option> <option value="BNI">BNI</option> <option value="Mandiri">Mandiri</option> <option value="BRI">BRI</option> </select></td> </tr> <tr> <td>A/n</td> <td>:</td>

<td><input name="an" type="text" class="input" id="an" /></td>


(65)

<td>:</td>

<td><select name="rek_tujuan" size="1" class="input" id="rek_tujuan">

<option value="BCA : 1276374926374 Faiz Amri" selected="selected">BCA : 1276374926374 Faiz Amri</option>

<option value="BNI : 310244945 Faiz Amri">BNI : 310244945 (Faiz Amri)</option>

<option value="BRI : -">BRI : -</option> </select></td>

</tr> <tr>

<td>Bukti transfer </td> <td>:</td>

<td>

<input id= "filenya" type="file" name="filenya" size="20"/></td>

</tr> <tr>

<td>&nbsp;</td> <td>&nbsp;</td>

<td><input name="id_pesan" type="hidden" class="input" id="id_pesan" value="<?php echo $_GET['id_pesan'];?>" /></td>

</tr> <tr>

<td>&nbsp;</td> <td>&nbsp;</td>

<td><input name="uploadbukti" type="submit" class="submitButton" id="uploadbukti" value="Submit" /></td> </tr> </table> </form></td> <p> </p> </div> </body> </html> 3. detail.php <?php include('koneksi.php');

$query=mysql_query("select * from tbl_mobil where id_mobil='$_GET[id_mobil]'");


(66)

class='gambar' width='140'>"; echo"<h2>$r[nama_mobil]</h2>";

echo"<h3>Harga $r[harga] <i>(belum termasuk ongkir)</i></h3>";

} ?>

4. halamanlogin.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php session_start(); include('koneksi.php'); include('header.php'); if(empty($_SESSION['namamember'])){ ?> <div id="isi">

<form method="post" action="login.php"> <table align="center">

<tr>

<td width="100">Username</td><td width="20">:</td><td><input type="text" class="input" size="50" name="user" /> *</td></tr> <tr>

<td width="100">Password</td><td width="20">:</td><td><input type="password" class="input" size="50" name="pass" /> *</td></tr> <tr><td width="100"></td><td width="20"></td><td><input type="submit" class="submitButton" value="Masuk"/> <input type="reset" class="submitButton" value="Hapus"/><a href="registrasi.php"><div

class="submitButton">Daftar Akun


(67)

<?php }else{

echo "<meta http-equiv='refresh' content='0; url=index.php'>"; }?> </div> </div> </div> <?php include('footer.php');?> </body> </html> </body> 5. header.php <div id="background-menu">

<div class="batas-menu" ><div class="logo"><img src="images/logo.png" width="311" height="117" /></div>

<div class="menu" id="nav"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="produk.php">Pesan Mobil</a></li>

<?php

if (isset($_SESSION['nama'])>null ) {

?>

<li><a href="status.php">Status Pesanan</a></li> <?php

} ?>

<li><a href="tentangkami.php">Hubungi Kami</a></li>

<?php

if (isset($_SESSION['nama'])>null ) {

?>

<li><a href="logout.php">Log Out</a></li> <?php }else{ ?> <li><a href="halamanlogin.php">Log In</a></li> <?php


(68)

</div> </div> </div> 6. koneksi.php <?php mysql_connect("localhost","root",""); mysql_select_db("sempurna"); ?> 7. login.php <?php include "koneksi.php"; $pass=$_POST['pass']; $user=$_POST['user'];

$login=sprintf("SELECT * FROM tbl_member WHERE

user='$user' AND pass='$pass'",

mysql_real_escape_string($user), mysql_real_escape_string($pass)); $cek_lagi=mysql_query($login); $ketemu=mysql_num_rows($cek_lagi); $r=mysql_fetch_array($cek_lagi);

// Apabila username dan password ditemukan if ($ketemu==TRUE){

session_start();

$_SESSION['namamember'] = $user; $_SESSION['nama'] = $r['nama'];

echo "<meta http-equiv='refresh' content='0; url=index.php'>";

} else{ ?>

<script type="text/javascript">

alert("Username atau Password salah. Silahkan coba lagi.");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=halamanlogin.php'>"; } ?> 8. logout.php <?php session_start(); session_destroy();


(69)

9. pesan.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php session_start(); include('koneksi.php'); include('header.php'); ?> <div id="isi"> <div id="kiri"> <div id="pesan"> <?php if(empty($_SESSION['namamember'])){ ?> <script type="text/javascript">

alert("Anda belum Log In...!!!\nUntuk melakukan pembelian/pemesanan, anda diwajibkan untuk Log In terbelih dahulu.\nJika belum menjadi member, silahkan mendaftar terlebih dahulu...!!!");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=registrasi.php'>";

} else{

$query=mysql_query("select * from tbl_mobil where id_mobil='$_GET[id_mobil]'"); $no=1; while($r=mysql_fetch_array($query)){ $nama_mobil=$r['nama_mobil']; $harga=$r['harga']; $id_mobil=$r['id_mobil']; $gbr=$r['gambar_mobil']; }


(70)

while($q=mysql_fetch_array($query2)){ $id_m=$q['id_member'];

}

echo"<div id='judul'>Pesan $nama_mobil</div>";

echo"<img src='admin/gambarmobil/$gbr'

class='gambar2' width='170'> <table>

<tr><td width='100' valign='top'>Nama Mobil</td><td valign='top'

width='5'>:</td><td><b>$nama_mobil</b></td></tr> <tr><td width='100' valign='top'>Harga Mobil

perhari</td><td valign='top'

width='5'>:</td><td><b>$harga</b></td></tr> </table>";

echo"<form method='post'

action='proses/simpanpesanan.php'>Banyak : <select name='banyak' >";

for($i=1;$i<='3';$i++) {

echo"<option value='$i'>$i</option>"; }

echo"</select> Lama Pemesanan : <select

name='lama_pemesanan' ><option

value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option></select>";

echo"<input type='hidden' value='$id_mobil' name='id_mobil'><input type='hidden' value='$id_m'

name='id_member'> <input type='hidden'

value='$harga' name='harga'> <input type='submit' value='Simpan & Kirim' ></form>";

} ?> </div> </div>

<div id="kanan">

<div id="judul">Kontak Kami</div> <div id="widget">

<li class="li-class">Medan</li>

<li class="li-class-no">Jl. Dr.Mansyur no.09</li> <p>061 4572757 - 08126381532</p>


(71)

include('footer.php'); ?> </body> </html> 10. pesanan.php <?php session_start(); if(empty($_SESSION['namamember'])){

echo "<meta http-equiv='refresh' content='0; url=../index.php'>";

} ?>

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php include('koneksi.php'); include('header.php'); ?> <div id="isi">

<div id="judul">Selamat Datang di Control Panel Admin</div> <?php $batas=15; $no=1; $paging=isset ($_GET['paging']); if(empty($paging)) { $posisi=0; $paging=1; } else{

$posisi=($paging-1) * $batas; }


(72)

tbl_pesanan.id_member=tbl_member.id_member and tbl_pesanan.id_mobil=tbl_mobil.id_mobil order by id_pesan desc limit $posisi,$batas");

echo"<table style='border:1px dashed #333;' width='100%' border=2>";

echo"<tr><td>Nomor</td><td>Nama Pemesan</td><td>Nama Mobil</td><td>Tanggal Pemesanan</td><td>Lama Pemesanan

(hari)</td><td>Biaya</td><td>Status</td></tr>"; while($r = mysql_fetch_array($query))

{ echo("<tr><td>$no</td><td>$r[nama]</td><td>$r[nama_m obil]</td><td>$r[tgl_pesan]</td><td>$r[lama_pemesana n]</td><td>$r[biaya]</td><td>$r[status]</td><td>$rke terangan</td></tr>"); $no++; } echo"</table>"; //penomoran

echo "<tr><td colspan='2' valign='top' align='center'>";

$query2=mysql_query("select * from tbl_barang"); $jumlah_data=mysql_num_rows($query2);

$jumlah_halaman=ceil($jumlah_data/$batas);

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio

$back=$paging-1;

echo "<div id='kotak-paging'><a

href='pesanan.php?paging=$back'><b>Back</b></a></div >"; } else{ echo"<div id='kotak-paging'>Back</div>"; }

if ($paging != $jumlah_halaman){ $next=$paging+1;

echo" <div id='kotak-paging'><a

href='pesanan.php?paging=$next'> <b>Next</b></a></div>";

} else {


(73)

</div>

<div id="menu-bawah">

<div id="footer">Copyright © Sempurna Rental Mobil. All Right Reserved<br />Jl. Pancing 1 Martubung no.77 |

Telp: 0812-6088-9179 Bbm :5251797b idline: armayarbi email : muhammadarmayarbi@yahoo.com </div>

</div> </body> </html> </body> 11. produk.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php session_start(); include('koneksi.php'); include('header.php'); ?> <div id="isi">

<div id="judul">Daftar Mobil Rental</div> <?php $batas=6; $paging=isset($_GET['paging']); if(empty($paging)) { $posisi=0; $paging=1; } else{

$posisi=($paging-1) * $batas; }


(74)

while($r=mysql_fetch_array($query)) {

echo"<div id='sub-barang'><div class='jdl-brg'>$r[nama_mobil]</div><img

src='admin/gambarmobil/$r[gambar_mobil]' width='90' class='gambar'><div id='harga'><i>Harga Rp.$r[harga]</i>

<a href='pesan.php?id_mobil=$r[id_mobil]'><div id='kotak-paging'>Pesan Mobil</div></a><a onclick=\"window.open('detail.php?id_mobil=$r[id_mob il]','scrollwindow','top=200,left=350,width=575,heig ht=400')\"><div id='kotak-paging'>Lihat Detail</div></a>

</div></div>"; }

//penomoran

echo "<tr><td colspan='2' valign='top' align='center'>";

$query2=mysql_query("select * from tbl_mobil"); $jumlah_data=mysql_num_rows($query2);

$jumlah_halaman=ceil($jumlah_data/$batas); echo"<div id='paging'>";

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio

$back=$paging-1;

echo "<div id='kotak-paging'><a

href='product.php?paging=$back'><b>Back</b></a></div >"; } else{ echo"<div id='kotak-paging'>Back</div>"; }

if ($paging != $jumlah_halaman){ $next=$paging+1;

echo" <div id='kotak-paging'><a

href='product.php?paging=$next'> <b>Next</b></a></div>";

} else {

echo "<div id='kotak-paging'>Next</div>"; }


(75)

<?php include('footer.php');?> </body> </html> 12. registrasi.php <?php session_start(); if(($_SESSION['namamember'])>1){

echo "<meta http-equiv='refresh' content='0; url=index.php'>";

} ?>

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php include('koneksi.php'); include('header.php'); ?> <div id="isi">

<div id="judul">Registrasi Member</div>

<form method="post" action="proses/register.php"> <table align="center">

<tr><td width="100">Nama</td><td width="20">:</td><td><input type="text" class="input" size="40" name="nama" /></td></tr> <tr>

<td width="100">No. KTP</td><td width="20">:</td><td><input name="no_ktp" type="int" class="input" id="no_ktp" size="40" /></td></tr> <tr>

<td width="100">No. Handphone</td><td width="20">:</td><td><input type="int" class="input" size="40" name="no_hp" /></td></tr>


(76)

<tr><td width="100">Username</td><td width="20">:</td><td><input type="text" class="input" size="40" name="user" /></td></tr> <tr><td width="100">Password</td><td width="20">:</td>

<td><input type="password" class="input" size="40" name="pass" /></td>

</tr>

<tr><td width="100"></td><td width="20"></td><td><input type="submit" class="submitButton" value="Daftar"/> <input type="reset" class="submitButton" value="Hapus"/></td></tr> </table> </form> </div> <?php include('footer.php');?> </body> </html> </body> 13. status.php <?php session_start(); if(empty($_SESSION['namamember'])){

echo "<meta http-equiv='refresh' content='0; url=index.php'>";

} ?>

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <?php include('koneksi.php'); include('header.php'); ?>


(77)

$batas=10; $no=1; $paging=isset ($_GET['paging']); if(empty($paging)) { $posisi=0; $paging=1; } else{

$posisi=($paging-1) * $batas; }

$no=$posisi+1;

$query=mysql_query("select * from tbl_pesanan left

join (tbl_member,tbl_mobil) on

tbl_pesanan.id_member=tbl_member.id_member and

tbl_pesanan.id_mobil=tbl_mobil.id_mobil where nama like '$_SESSION[nama]' limit $posisi,$batas");

echo"<table style='border:1px solid #333;' width='100%' border=2>";

echo"<tr><td>Nomor</td><td>Nama Pemesan</td><td>Nama Mobil</td><td>Tanggal Pemesanan</td><td>Lama Pemesanan (hari)</td><td>Biaya</td><td>Status</td>"; while($r = mysql_fetch_array($query))

{

if ($r['status'] == "1") {

$status = 'Silahkan transfer dan Upload bukti transfer.';

}

elseif ($r['status'] == "2") {

$status = 'Bukti transaksi sedang dicek mohon tunggu sebentar.';

}

elseif ($r['status'] == "3") {

$status = 'Pemesanan berhasil. Silahkan ambil mobil anda.';

}

elseif ($r['status'] == "4") { $status = 'Selamat Berkendara.'; }

elseif ($r['status'] == "5") {

$status = 'Terimakasih sudah menggunakan jasa kami.';

}

else {


(78)

n]</td><td>$r[biaya]</td><td>$status</td>"); if ($r['status'] == "1") {

$status = 'Silahkan transfer dan Upload bukti transfer.';

echo "<td><button

onclick='myFunction($r[id_pesan])'>Batalkan Pesanan</button><a

href='buktipembayaran.php?id_pesan=$r[id_pesan]'><bu

tton>Upload Bukti Pembayaran</button>

</a></td></tr>"; } $no++; } echo"</table>"; //penomoran

echo "<tr><td colspan='2' valign='top' align='center'>";

$query2=mysql_query("select * from tbl_mobil"); $jumlah_data=mysql_num_rows($query2);

$jumlah_halaman=ceil($jumlah_data/$batas);

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio

$back=$paging-1;

echo "<div id='kotak-paging'><a

href='status.php?paging=$back'><b>Back</b></a></div> "; } else{ echo"<div id='kotak-paging'>Back</div>"; }

if ($paging != $jumlah_halaman){ $next=$paging+1;

echo" <div id='kotak-paging'><a

href='status.php?paging=$next'> <b>Next</b></a></div>";

} else {

echo "<div id='kotak-paging'>Next</div>"; }


(1)

Telp: 081260889179 bbm: line: email : info@muhammadarmayarbi.com </div>

</div> </body> </html> 15. terimakasih.php

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rental Mobil CV. Roswan Kamin</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />

</head> <body> <?php

session_start();

include('koneksi.php'); include('header.php'); ?>

<div id="isi">

<div id="judul">Terima Kasih</div>

<p>Terima Kasih <strong><?php echo"$_SESSION[nama]";?></strong> telah melakukan pemesanan. Silahkan transfer sejumlah yang tertera di bawah kerekening kami. Kemudian silahkan upload bukti pembayaran..

</p>

<p>&nbsp;</p>

<form method="post" action="kirim-pesan.php"><table width="503" border="0" align="center">

<tr>

<td width="226">Ke rekening</td> <td width="9">-</td>

<td width="252">BNI : 310244945 (Faiz Amri)</td></tr>

<tr>

<td width="226">&nbsp;</td> <td width="9">-</td>

<td>BRI : -</td></tr> <tr>

<td width="226">&nbsp;</td> <td width="9"> -</td>


(2)

<td>BCA : 1276374926374 (Faiz Amri)</td></tr> <tr>

<td width="226" valign="top">Jumlah awal yang harus dibayarkan</td>

<td width="9" valign="top"><p> :</p></td>

<td>Rp. <?php echo $_GET['biaya'];?></td></tr> <tr>

<td valign="top">&nbsp;</td> <td valign="top">&nbsp;</td> <td>&nbsp;</td>

</tr> <tr>

<td colspan="3" valign="top"><a href="status.php">Upload Bukti Pembayaran dan Lihat Status Pesanan</a>.</td>

</tr> </table>

<p>&nbsp;</p> </form><br /> </div>

</div>

<?php include('footer.php');?> </body>

</html>

16. batalkanpesanan.php <?php

session_start();

include('../koneksi.php');

if (empty($_SESSION['namamember'])){

echo "<meta http-equiv='refresh' content='0; url=../halamanlogin.php'>";

} else{

$query=mysql_query("delete from tbl_pesanan where id_pesan='$_GET[id_pesan]'") or die (mysql_error()); echo "<meta http-equiv='refresh' content='0; url=../status.php'>";

} ?>

17. register.php <?php

session_start();

if(!empty($_SESSION['namamember'])){ ?>

<script type="text/javascript"> alert("Anda sudah Log In."); </script>


(3)

<?php

echo "<meta http-equiv='refresh' content='0; url=../index.php'>";

} else{

include('../koneksi.php'); $nama=$_POST['nama'];

$user=$_POST['user']; $pass=$_POST['pass']; $no_ktp=$_POST['no_ktp']; $no_hp=$_POST['no_hp']; $alamat=$_POST['alamat'];

mysql_query("insert into tbl_member

(nama,user,pass,no_ktp,no_hp,alamat) values

('$nama','$user','$pass','$no_ktp','$no_hp','$alamat ')");

?>

<script type="text/javascript">

alert("Pendaftaran berhasil, Sekarang anda bisa Log In.");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=../halamanlogin.php'>";

} ?>

18. simpanbuktipembayaran.php <?php

session_start();

if(empty($_SESSION["namamember"])){ ?>

<script type="text/javascript">

alert("Anda tak berhak masuk ke halaman ini...!!!");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=..\index.php'>";

} else{

include('../koneksi.php');

$folder = "../admin/buktipembayaran";

$tmp_name = $_FILES["filenya"]["tmp_name"]; $nama_file = $_FILES["filenya"]["name"];

$name = $folder."/".$_FILES["filenya"]["name"]; move_uploaded_file($tmp_name, $name);


(4)

$jumlah=$_POST['jumlah']; $norek=$_POST['norek']; $noatm=$_POST['noatm']; $bank=$_POST['bank']; $jumlah=$_POST['jumlah'];

$rek_tujuan=$_POST['rek_tujuan']; $an=$_POST['an'];

$id_m=$_POST['id_m'];

$id_pesan=$_POST['id_pesan'];

mysql_query("insert into tbl_buktipembayaran values ('','$id_m','$id_pesan','$jumlah','$norek','$noatm', '$bank','$an','$rek_tujuan','$nama_file')");

include('../koneksi.php');

$query=mysql_query("update tbl_pesanan set status='2' where id_pesan='$id_pesan'") or die (mysql_error());

?>

<script type="text/javascript">

alert("Terima Kasih. Bukti Transfer Sudah terupload. Silahkan tunggu konfirmasi melalui SMS atau kami akan menghubungi anda.");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=../index.php'>";

} ?>

19. simpanpesanan.php <?php

session_start();

if(empty($_SESSION["namamember"])){ ?>

<script type="text/javascript">

alert("Anda tak berhak masuk ke halaman ini...!!!");

</script> <?php

echo "<meta http-equiv='refresh' content='0; url=../index.php'>";

} else{

include('../koneksi.php'); $d=date('d');


(5)

$y=date('Y');

$tanggal = $d.'-'.$m.'-'.$y; $id_mobil=$_POST['id_mobil']; $id_m=$_POST['id_member'];

$lama_pemesanan=$_POST['lama_pemesanan']; $harga=$_POST['harga'];

$banyak=$_POST['banyak'];

$biaya=$lama_pemesanan*$harga*$banyak;

mysql_query("insert into tbl_pesanan

(id_mobil,id_member,lama_pemesanan,banyak,status,bia

ya,tgl_pesan) values

('$id_mobil','$id_m','$lama_pemesanan','$banyak',1,' $biaya','$tanggal')");

echo "<meta http-equiv='refresh' content='0; url=../terimakasih.php?biaya=$biaya'>";

} ?>

20. slider.php

<!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1">

<div class="ws_images"><ul> <li><img

src="data1/images/198683_allnewxeniaattivo_663_382.j pg" alt="198683_all-new-xenia-attivo_663_382" title="198683_all-new-xenia-attivo_663_382"

id="wows1_0"/></li> <li><img

src="data1/images/allnewinnova2013.jpg" alt="all-new-innova-2013" title="all-new-innova-2013" id="wows1_1"/></li>

<li><img src="data1/images/avanza_color5.png" alt="avanza_color5" title="avanza_color5" id="wows1_2"/></li>

<li><a href="http://wowslider.com"><img src="data1/images/toyotaalphard24x20121.jpg"

alt="slider bootstrap" title="toyota-alphard-2-4x-2012-1" id="wows1_3"/></a></li>

<li><img

src="data1/images/toyota_innova_face.jpg"

alt="Toyota_Innova_face" title="Toyota_Innova_face" id="wows1_4"/></li>

</ul></div>

<div class="ws_bullets"><div>

<a href="#" title="198683_all-new-xenia-attivo_663_382"><span><img


(6)

.jpg" alt="198683_all-new-xenia-attivo_663_382"/>1</span></a>

<a href="#" title="all-new-innova-2013"><span><img

src="data1/tooltips/allnewinnova2013.jpg" alt="all-new-innova-2013"/>2</span></a>

<a href="#" title="avanza_color5"><span><img src="data1/tooltips/avanza_color5.png"

alt="avanza_color5"/>3</span></a>

<a href="#" title="toyota-alphard-2-4x-2012-1"><span><img

src="data1/tooltips/toyotaalphard24x20121.jpg" alt="toyota-alphard-2-4x-2012-1"/>4</span></a>

<a href="#"

title="Toyota_Innova_face"><span><img

src="data1/tooltips/toyota_innova_face.jpg" alt="Toyota_Innova_face"/>5</span></a>

</div></div><div class="ws_script" style="position:absolute;left:-99%"><a

href="http://wowslider.com/vi">javascript slider</a> by WOWSlider.com v8.2</div>

<div class="ws_shadow"></div> </div>

<script type="text/javascript"

src="engine1/wowslider.js"></script>

<script type="text/javascript"

src="engine1/script.js"></script>