Perancangan Aplikasi E-commerce Penyewaan Mobil CV. Jaya Abadi Berbasis Web Chapter III V
23
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:
- no. handphone
- form pendaftaran
APLIKASI
PENYEWAAN
MOBIL
MEMBER
CV. JAYA
ABADI
- info ketersediaan mobil
- data ketersediaan mobil
- data ketersediaan supir
- harga sewa mobil
ADMIN
- info data penyewaan
- info data pengembalian
- info penyewaan mobil
Gambar 3.1 Data Flow Diagram (DFD) level 0
Universitas Sumatera Utara
24
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
Gambar 3.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil
Universitas Sumatera Utara
25
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
nama
text
30
User
Nama User
no_hp
varchar
12
Nomor Hp
alamat
varchar
30
Alamat
scan_ktp
blob
-
Foto Ktp
foto_user
blob
-
Foto user
Keterangan: (*) primary key
Universitas Sumatera Utara
26
b. Tabel tbl_mobil terdiri atas:
Tabel 3.2 tbl_mobil
Field
Type
Length
Keterangan
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
Field
Type
Length
Keterangan
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
lama_pemesanan
int
2
biaya
currency
-
Banyak Mobil
dipesan
Durasi
pemesanan/hari
Biaya
status
int
1
Status peminjaman
Keterangan: (*) primary key
Universitas Sumatera Utara
27
d. Tabel tbl_buktipembayaran terdiri atas:
Tabel 3.4 tbl_buktipembayaran
Field
Type
Length
Keterangan
id_upload*
blob
-
Bukti pembayaran
id_pesan**
Int
10
Nomor pesanan
id_user**
Int
10
Id member
jumlah
Int
1
Jumlah Mobil
no_rek
int
20
Nomor rekening
bank
varchar
10
Bank
atas nama
varchar
30
Nama Pemesan
rek_tujuan
varchar
20
Nomor rekening
rental
Keterangan: (*) primary key
e. Tabel tbl_admin terdiri atas:
Tabel 3.5 tbl_admin
Field
Type
Length
Keterangan
id_admin*
int
5
Username admin
password
char
5
Password
Keterangan: (*) primary key
Universitas Sumatera Utara
28
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)
Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak entitas pada
himpunan entitas B, demikian juga sebaliknya.
Universitas Sumatera Utara
29
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
member
Id_user*
Password
Nama
No_hp
Alamat
Scan_ktp
Foto_user
pesanan
Id_pesan*
Id_user**
Id_mobil**
Tgl_pesan
Banyak_mobil
Lama_pemesanan
Biaya
Status
mobil
Id_mobil*
No_polisi
Nama_mobil
Transmisi
Tahun
Kapasitas_mesin
Kapasitas_kursi
Harga
Gambar_mobil
Bukti pembayaran
User (admin)
Id_admin*
Password
Id_upload*
Id_user**
Id_pesan**
Jumlah
No_rek
Bank
Rek_tujian
Atas_nama
Gambar 3.4 Entity Relationship Diagram
Universitas Sumatera Utara
30
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
Tampilan
Web
Pilih Link
Beranda
Tampilan Beranda
Pesan
Tamplilan Pesan
Status
Tampilan Status
Tentang
Kami
Tentang Kami
Finish
Gambar 3.6 Alur Flowchart Beranda
Universitas Sumatera Utara
31
3.3.2
Flowchart Member
Start
Tampilan
Web
tidak
Login
ya
Pesan
Mobil
Upload
Pembayar
an
Ambil
Mobil
Finish
Gambar 3.7 Alur Flowchart Member
Universitas Sumatera Utara
32
3.3.3
Flowchart Admin
Start
Tampilan
Web
ya
tidak
Login
Edit Mobil
Edit Status
Pesanan
Edit
Member
Edit
Password
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 pengguna. Perancangan antarmuka ini
terdiri dari:
Universitas Sumatera Utara
33
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..
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Gambar mobil CV. JAYA ABADI
Halaman
penyambutan member
dan pengenalan CV. JAYA ABADI
Catatan kaki
Gambar 3.9 Perancangan tatap muka halaman utama
Universitas Sumatera Utara
34
2. Halaman login (halamanlogin.php)
Halaman ini merupakan halaman tempat para pengguna login. Agar dapat
melakukan pemesanan dan konfirmasi pembayaran.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Gambar mobil CV. JAYA ABADI
Catatan kaki
Gambar 3.10 Perancangan tatap muka halaman login
Universitas Sumatera Utara
35
3. Perancangan antar muka pesan mobil (produk.php)
Halaman sebelumnya pengguna melakukan login setelah itu pengguna
dapat memilih mobil yang ingin disewa.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Jenis- jenis mobil yang tersedia
Catatan kaki
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.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Status pesanan pengguna
Catatan kaki
Gambar 3.12 Perancangan tatap muka status pesanan
Universitas Sumatera Utara
36
5. Perancangan antar muka bukti pembayaran (buktipembayaran.php)
Halaman ini dapat mengupload bukti pembayaran pengguna.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Upload Bukti Pembayaran
Catatan kaki
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.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Tentang Kami
Catatan kaki
Gambar 3.14 Perancangan tatap muka tentang kami
Universitas Sumatera Utara
37
7. Halaman login admin (index.php)
Halaman ini merupakan halaman tempat login admin.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Gambar mobil CV. JAYA ABADI
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
Jenis- jenis mobil
Gambar 3.16 Perancangan tatap muka mobil
Universitas Sumatera Utara
38
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.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Status pesanan pengguna
Gambar 3.17 Perancangan tatap muka pesanan
10. Perancangan antar muka member (member.php)
Halaman ini admin dapat menghapus member.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Daftar Member
Gambar 3.18 Perancangan tatap muka member
Universitas Sumatera Utara
39
11. Perancangan antar muka password (password.php)
Halaman ini admin dapat melihat mengganti passwordnya..
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Password Admin
Gambar 3.19 Perancangan tatap muka password admin
Universitas Sumatera Utara
40
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.
5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol
dan melakukan instalasi secara benar.
Universitas Sumatera Utara
41
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.
3. Monitor W 14” resolution 1024x768.
4. Hardisk sebagai media penyimpanan.
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
Universitas Sumatera Utara
42
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
http://localhost/jayaabadi/ untuk pengetesan halaman utama.
Universitas Sumatera Utara
43
Halaman utama sistem tersebut seperti pada gambar berikut:
Gambar 4.1 Beranda
Gambar 4.2 Halaman Pesan Mobil
Universitas Sumatera Utara
44
Gambar 4.3 Halaman Status Pemesanan
Gambar 4.4 Halaman Tentang Kami
Universitas Sumatera Utara
45
Gambar 4.5 Halaman Login Member
Gambar 4.6 Halaman Upload Bukti Pembayaran
Universitas Sumatera Utara
46
Gambar 4.7 Halaman Login Admin
Gambar 4.8 Halaman Tambah Mobil
Universitas Sumatera Utara
47
Gambar 4.9 Halaman Update Mobil
Gambar 4.10 Halaman Pesanan Member
Universitas Sumatera Utara
48
Gambar 4.11 Halaman Member
Universitas Sumatera Utara
49
Gambar 4.12 Halaman Edit Password
4.5 Ringkasan
Ringkasan yang telah diperoleh dari Bab 4 (empat), penulis memperoleh hasil
yaitu software rental mobil yang berguna untuk mempermudah penyewaan mobil.
Universitas Sumatera Utara
50
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.
2. Hasil dari penelitian ini berupa software/aplikasi penyewaan mobil yang
mempermudah pengguna dalam menyewa mobil.
Universitas Sumatera Utara
51
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.
2. Sebaiknya sistem ini dilengkapi dengan fasilitas member dan nonmember
sehingga memudahkan proses pengarsipan tentang data penyewa.
Universitas Sumatera Utara
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:
- no. handphone
- form pendaftaran
APLIKASI
PENYEWAAN
MOBIL
MEMBER
CV. JAYA
ABADI
- info ketersediaan mobil
- data ketersediaan mobil
- data ketersediaan supir
- harga sewa mobil
ADMIN
- info data penyewaan
- info data pengembalian
- info penyewaan mobil
Gambar 3.1 Data Flow Diagram (DFD) level 0
Universitas Sumatera Utara
24
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
Gambar 3.3 Data Flow Diagram Level 2 Poses Pemesanan Mobil
Universitas Sumatera Utara
25
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
nama
text
30
User
Nama User
no_hp
varchar
12
Nomor Hp
alamat
varchar
30
Alamat
scan_ktp
blob
-
Foto Ktp
foto_user
blob
-
Foto user
Keterangan: (*) primary key
Universitas Sumatera Utara
26
b. Tabel tbl_mobil terdiri atas:
Tabel 3.2 tbl_mobil
Field
Type
Length
Keterangan
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
Field
Type
Length
Keterangan
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
lama_pemesanan
int
2
biaya
currency
-
Banyak Mobil
dipesan
Durasi
pemesanan/hari
Biaya
status
int
1
Status peminjaman
Keterangan: (*) primary key
Universitas Sumatera Utara
27
d. Tabel tbl_buktipembayaran terdiri atas:
Tabel 3.4 tbl_buktipembayaran
Field
Type
Length
Keterangan
id_upload*
blob
-
Bukti pembayaran
id_pesan**
Int
10
Nomor pesanan
id_user**
Int
10
Id member
jumlah
Int
1
Jumlah Mobil
no_rek
int
20
Nomor rekening
bank
varchar
10
Bank
atas nama
varchar
30
Nama Pemesan
rek_tujuan
varchar
20
Nomor rekening
rental
Keterangan: (*) primary key
e. Tabel tbl_admin terdiri atas:
Tabel 3.5 tbl_admin
Field
Type
Length
Keterangan
id_admin*
int
5
Username admin
password
char
5
Password
Keterangan: (*) primary key
Universitas Sumatera Utara
28
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)
Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak entitas pada
himpunan entitas B, demikian juga sebaliknya.
Universitas Sumatera Utara
29
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
member
Id_user*
Password
Nama
No_hp
Alamat
Scan_ktp
Foto_user
pesanan
Id_pesan*
Id_user**
Id_mobil**
Tgl_pesan
Banyak_mobil
Lama_pemesanan
Biaya
Status
mobil
Id_mobil*
No_polisi
Nama_mobil
Transmisi
Tahun
Kapasitas_mesin
Kapasitas_kursi
Harga
Gambar_mobil
Bukti pembayaran
User (admin)
Id_admin*
Password
Id_upload*
Id_user**
Id_pesan**
Jumlah
No_rek
Bank
Rek_tujian
Atas_nama
Gambar 3.4 Entity Relationship Diagram
Universitas Sumatera Utara
30
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
Tampilan
Web
Pilih Link
Beranda
Tampilan Beranda
Pesan
Tamplilan Pesan
Status
Tampilan Status
Tentang
Kami
Tentang Kami
Finish
Gambar 3.6 Alur Flowchart Beranda
Universitas Sumatera Utara
31
3.3.2
Flowchart Member
Start
Tampilan
Web
tidak
Login
ya
Pesan
Mobil
Upload
Pembayar
an
Ambil
Mobil
Finish
Gambar 3.7 Alur Flowchart Member
Universitas Sumatera Utara
32
3.3.3
Flowchart Admin
Start
Tampilan
Web
ya
tidak
Login
Edit Mobil
Edit Status
Pesanan
Edit
Member
Edit
Password
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 pengguna. Perancangan antarmuka ini
terdiri dari:
Universitas Sumatera Utara
33
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..
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Gambar mobil CV. JAYA ABADI
Halaman
penyambutan member
dan pengenalan CV. JAYA ABADI
Catatan kaki
Gambar 3.9 Perancangan tatap muka halaman utama
Universitas Sumatera Utara
34
2. Halaman login (halamanlogin.php)
Halaman ini merupakan halaman tempat para pengguna login. Agar dapat
melakukan pemesanan dan konfirmasi pembayaran.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Gambar mobil CV. JAYA ABADI
Catatan kaki
Gambar 3.10 Perancangan tatap muka halaman login
Universitas Sumatera Utara
35
3. Perancangan antar muka pesan mobil (produk.php)
Halaman sebelumnya pengguna melakukan login setelah itu pengguna
dapat memilih mobil yang ingin disewa.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Jenis- jenis mobil yang tersedia
Catatan kaki
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.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Status pesanan pengguna
Catatan kaki
Gambar 3.12 Perancangan tatap muka status pesanan
Universitas Sumatera Utara
36
5. Perancangan antar muka bukti pembayaran (buktipembayaran.php)
Halaman ini dapat mengupload bukti pembayaran pengguna.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Upload Bukti Pembayaran
Catatan kaki
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.
Header (LOGO)
Beranda | Pesan Mobil | Status Pesanan | Hubungi Kami | Logout
Tentang Kami
Catatan kaki
Gambar 3.14 Perancangan tatap muka tentang kami
Universitas Sumatera Utara
37
7. Halaman login admin (index.php)
Halaman ini merupakan halaman tempat login admin.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Gambar mobil CV. JAYA ABADI
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
Jenis- jenis mobil
Gambar 3.16 Perancangan tatap muka mobil
Universitas Sumatera Utara
38
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.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Status pesanan pengguna
Gambar 3.17 Perancangan tatap muka pesanan
10. Perancangan antar muka member (member.php)
Halaman ini admin dapat menghapus member.
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Daftar Member
Gambar 3.18 Perancangan tatap muka member
Universitas Sumatera Utara
39
11. Perancangan antar muka password (password.php)
Halaman ini admin dapat melihat mengganti passwordnya..
Header (LOGO)
Beranda | Mobil |Pesanan | Member |Password | Logout
Password Admin
Gambar 3.19 Perancangan tatap muka password admin
Universitas Sumatera Utara
40
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.
5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol
dan melakukan instalasi secara benar.
Universitas Sumatera Utara
41
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.
3. Monitor W 14” resolution 1024x768.
4. Hardisk sebagai media penyimpanan.
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
Universitas Sumatera Utara
42
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
http://localhost/jayaabadi/ untuk pengetesan halaman utama.
Universitas Sumatera Utara
43
Halaman utama sistem tersebut seperti pada gambar berikut:
Gambar 4.1 Beranda
Gambar 4.2 Halaman Pesan Mobil
Universitas Sumatera Utara
44
Gambar 4.3 Halaman Status Pemesanan
Gambar 4.4 Halaman Tentang Kami
Universitas Sumatera Utara
45
Gambar 4.5 Halaman Login Member
Gambar 4.6 Halaman Upload Bukti Pembayaran
Universitas Sumatera Utara
46
Gambar 4.7 Halaman Login Admin
Gambar 4.8 Halaman Tambah Mobil
Universitas Sumatera Utara
47
Gambar 4.9 Halaman Update Mobil
Gambar 4.10 Halaman Pesanan Member
Universitas Sumatera Utara
48
Gambar 4.11 Halaman Member
Universitas Sumatera Utara
49
Gambar 4.12 Halaman Edit Password
4.5 Ringkasan
Ringkasan yang telah diperoleh dari Bab 4 (empat), penulis memperoleh hasil
yaitu software rental mobil yang berguna untuk mempermudah penyewaan mobil.
Universitas Sumatera Utara
50
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.
2. Hasil dari penelitian ini berupa software/aplikasi penyewaan mobil yang
mempermudah pengguna dalam menyewa mobil.
Universitas Sumatera Utara
51
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.
2. Sebaiknya sistem ini dilengkapi dengan fasilitas member dan nonmember
sehingga memudahkan proses pengarsipan tentang data penyewa.
Universitas Sumatera Utara