Perancangan Aplikasi E-commerce Penyewaan Mobil CV. Jaya Abadi Berbasis Web Chapter III V

(1)

BAB 3

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.

3.1.1 Diagram Konteks

Diagram konteks yang penulis ajukan yaitu:

- data ketersediaan mobil

- no. handphone - data ketersediaan supir - form pendaftaran - harga sewa mobil

- info data penyewaan - info data pengembalian

- info ketersediaan mobil - info penyewaan mobil

(2)

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

(3)

3.2 Perancangan Database

Berikut adalah rancangan tabel yang penulis gunakan dalam membangun sistem di dalam aplikasi:

a. Tabel tbl_user terdiri dari:

Table 3.1 tbl_user

Field Type Length Keterangan

id_user* int 16 Nomor ktp

password varchar 10 Password

(4)

b. Tabel tbl_mobil terdiri atas:

Tabel 3.2 tbl_mobil

id_mobil* int 15 Nomor rangka mesin

no_polisi varchar 6 Plat Mobil

nama_mobil varchar 10 Nama Mobil

transmisi varchar 10 Transmisi

tahun int 4 Tahun Mobil

kapasitas_mesin int 6 Kapasitas mesin kapasitas_kursi int 1 Kapasitas Kursi

harga currency - Harga Sewa

gambar_mobil blob - Foto Mobil

Keterangan: (*) primary key

c. Tabel tbl_pesanan terdiri atas:

Tabel 3.3 tbl_pesanan

id_pesan* int 10 nomor pesanan

id_user** int 10 id member

id_mobil** Int 10 No. rangka mesin tgl_pesan date - Tanggal Pemesanan

banyak_mobil int 2 Banyak Mobil

dipesan

lama_pemesanan int 2 Durasi

pemesanan/hari

biaya currency - Biaya

status int 1 Status peminjaman

(5)

d. Tabel tbl_buktipembayaran terdiri atas:

Tabel 3.4 tbl_buktipembayaran

id_upload* blob - Bukti pembayaran

id_pesan** Int 10 Nomor pesanan

rek_tujuan varchar 20 Nomor rekening rental Keterangan: (*) primary key

e. Tabel tbl_admin terdiri atas:

Tabel 3.5 tbl_admin

id_admin* int 5 Username admin

password char 5 Password

(6)

3.2.1 Entity Relationship Diagram

ERD (Entity Relationship Diagram) adalah suatu diagram yang digunakan untuk merancang suatu basis data, dipergunakan untuk memperlihatkan hubungan atau relasi antar entitas atau objek yang terlihat beserta atributnya.

Dalam ERD, hubungan (relasi) dapat terdiri dari sejumlah entitas yang disebut dengan derajad relasi. Derajad relasi maksimum disebut dengan kardinalitas sedangkan derajad minimum disebut dengan modalitas. Jadi kardinalitas relasi menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas lain. Kardinalitas relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dapat berupa:

1. Satu ke satu (one to one/ 1-1)

Setiap entitas pada himpunan entitas A dapat berelasi dengan paling banyak satu entitas pada himpunan entitas B, demikian juga sebaliknya.

2. Satu ke banyak (one to many/ 1- N ) / N-1

Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya. Atau Setiap entitas pada himpunan entitas A hanya dapat berelasi dengan satu entitas pada himpunan entitas B, tetapi tidak sebaliknya.

3. Banyak ke banyak (many to many/ N –N)

(7)

3.2.2 Hubungan Antar Tabel

Relasi antar table pada sistem ini adalah One to One dan One to Many yang ditunjukan pada Gambar 3.4

(8)

3.3 Flowchart

Flowchart adalah suatu bagan dengan symbol tertentu yang menunjukkan urutan proses secara mendetail dan hubungan antara suatu proses dengan proses lainnya dalam suatu program.

3.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada Gambar 3.6 Start

(9)

3.3.2 Flowchart Member

(10)

3.3.3 Flowchart Admin

Gambar 3.8 Alur Flowchart Admin

3.4 Perancangan Antar Muka (Interface)

(11)

1. Halaman Utama (index.php)

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

Gambar 3.9 Perancangan tatap muka halaman utama

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

Halaman

penyambutan member dan pengenalan CV. JAYA ABADI

Catatan kaki

(12)

2. Halaman login (halamanlogin.php)

Halaman ini merupakan halaman tempat para pengguna login. Agar dapat melakukan pemesanan dan konfirmasi pembayaran.

Gambar 3.10 Perancangan tatap muka halaman login

Catatan kaki

(13)

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

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

Gambar 3.11 Perancangan tatap muka pesan mobil

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

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.

Catatan kaki

Jenis- jenis mobil yang tersedia

(14)

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

Gambar 3.13 Perancangan tatap muka bukti pembayaran

6. Perancangan antar muka tentang kami (tentangkami.php) Halaman ini dapat melihat lebih jauh tentang web tersebut.

Gambar 3.14 Perancangan tatap muka tentang kami

Catatan kaki Upload Bukti Pembayaran

(15)

7. Halaman login admin (index.php)

Halaman ini merupakan halaman tempat login admin.

Gambar 3.15 Perancangan tatap muka halaman login admin

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

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

Header (LOGO) _{Beranda | Mobil |Pesanan | Member |Password | Logout}

Gambar mobil CV. JAYA ABADI

(16)

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

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

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

Gambar 3.18 Perancangan tatap muka member

Status pesanan pengguna

(17)

11.Perancangan antar muka password (password.php)

Halaman ini admin dapat melihat mengganti passwordnya..

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

(18)

BAB 4

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Setelah dianalisis secara rinci dan telah diseleksi. Saatnya sistem untuk implementasi. Berikut cara yang dilakukan untuk mengimplementasikan sistem seperti yang diuraikan di bawah 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

yaitu dengan menguji sistem secara keseluruhan.

(19)

4.3 Komponen Dalam Implementasi Sistem

Perancangan sistem yang telah dikerjakan harus berjalan baik, perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Komponen utama yang dibutuhkan 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 membuat 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 minimal Intel Pentium 4.

2. Memory secukupnya.

(20)

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 (dua) yaitu:

1. Administrator.

2. Pengunjung.

4.4 Tampilan Halaman Website

Penulis menggunakan Web browser Mozilla Firefox dan Google Chrome untuk menjalankan sistem, setelah Web browser jalan ketikkan pada addres bar

(21)

Halaman utama sistem tersebut seperti pada gambar berikut:

(22)

Gambar 4.3 Halaman Status Pemesanan

(23)

Gambar 4.5 Halaman Login Member

(24)

Gambar 4.7 Halaman Login Admin

(25)

(26)

(27)

Gambar 4.12 Halaman Edit Password

4.5 Ringkasan

(28)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Sesuai dengan ringkasan pada bab sebelumnya penulis dapat menyimpulkan bahwa:

1. Aplikasi penyewaan mobil CV. Jaya Abadi dibuat dengan menggunakan bahasa pemrograman PHP dan database MySQL. Pembuatan dilakukan melalui beberapa tahapan, yaitu:

a. Studi kelayakan yaitu kajian yang hasilnya digunakan untuk mengambil keputusan suatu proyek yang dijalankan.

b. Analisa sistem yaitu fase pengembangan sistem dengan mempelajari sistem dan proses kerja.

c. Perencanaan yaitu proses membuat perencanaan dalam membangun sistem.

d. Perancangan sistem yaitu tahap membangun gambaran pada perencanaan.

e. Implementasi yaitu tahap penerapan sistem agar siap di operasikan.

(29)

5.2 Saran

Berdasarkan kesimpulan dari penelitian ini, dapat disarankan hal-hal berikut ini: 1. Agar tingkat security sistem lebih ditingkatkan untuk menjamin

kerahasiaan data dari pihak yang tidak berwenang.Kiranya pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.