SISTEM PENYEWAAN SEPEDA BERBASIS WEB

TUGAS KELOMPOK UAS

Diajukan untuk memenuhi salah satu syarat kelulusan Mata Kuliah

Analisa Perancangan Sistem Informasi

Nama Dosen :

Riski Annisa, M.Kom.

Nama Kelompok:

OKKY SETIAWAN 12180647

AGUS SRIFAH12191041

VINKA RINDU YUNI GADAH 12190087

TANIA 12190684

EKA KURNIA SARI 12191054

Program Studi Sistem Informasi Kampus Kota Pontianak

Fakultas Teknik dan Informatika

Universitas Bina Sarana Informatika

1
 2021

KATA PENGANTAR

Puji syukur kami panjatkan kehadirat Tuhan Yang Maha Esa, Karena hanya dengan

rahmat-Nyalah kami akhirnya bisa menyelesaikan Makalah kelompok kami ini dengan baik.

Dalam pembuatan makalah ini kami mengambil judul “SISTEM PENYEWAAN SEPEDA

BERBASIS WEB”.

Tujuan dibuat makalah ini adalah sebagai pokok pembelajaran pembahasan kami

agar berguna bagi pembaca maupun pendengar dan sebagai syarat kelulusan studi Sistem

Informasi Manajemen di Universitas Bina Sarana Informatika. Sebagai bahan penulisan ini

diambil berdasarkan Program yang kami buat dalam sebuah Makalah Metode Penelitian .

Kelompok kami menyadari bahwa tanpa bimbingan dan dorongan semua pihak,

maka makalah ini tidak akan selesai pada waktunya. Oleh karena itu pada kesempatan kali

ini, izinkanlah kelompok kami menyampaikan ucapan terima kasih kepada :

1. Rektor Universitas Bina Sarana Informatika

2. Dosen-Dosen Mata Kuliah APSI, IMK, MPSI, Web Programing 3, Metode Penelitian

3. Orang tua tercinta yang telah memberikan dukungan moral maupun spritual

4. Rekan-rekan Mahasiswa kelas SI-4A

Demikian, makalah ini kami buat dengan segalah kelebihan dan kekurangan. Oleh sebab itu,

kritik dan saran yang membangun demi perbaikan makalah ini sangat kami harapkan.

Pontianak, 28 April 2021

2
 Tim Penulis

DAFTAR ISI

Lembar Judul Laporan........................................................................................................1

Kata Pengantar..................................................................................................................2

Daftar Isi............................................................................................................................3

BAB I Project Charter

1.1.Latar Belakang.............................................................................................................5

1.2.Tujuan dan Manfaan Perangkat Lunak........................................................................6

1.2.1. Tujuan............................................................................................................6

1.2.2. Manfaat.........................................................................................................6

1.3.Ruang Lingkup Perangkat Lunak..................................................................................6

1.4. Sistematika Penulisan.................................................................................................7

BAB II Metode Penelitian

2.1 Bentuk Penelitian.........................................................................................................8

2.2 Teknik Pengumpulan Data...........................................................................................8

2.3 Populasi dan Sampel....................................................................................................9

BAB III Landasan Teori

3.1 Pengertian Penyewaan................................................................................................10

3.2 Pengertian Sistem Informasi........................................................................................10

3.3 Konsep Dasar Web.......................................................................................................11

3.4 Website........................................................................................................................12

BAB IV Project Report

4.1. Analisis Kebutuhan Sistem..........................................................................................13

1. Input.......................................................................................................................13

2. Proses ....................................................................................................................13

3. Output....................................................................................................................14

4. Topologi.................................................................................................................16

3
4.2. Desain Sistem..............................................................................................................17

1. Use Case Diagram...................................................................................................18

2. Activity Diagram ....................................................................................................19

3. Class Diagram.........................................................................................................23

4. Sequence Diagram.................................................................................................24

4.2.1. Desain Basis Data.............................................................................................27

1. ERD ..............................................................................................................27

2. Spesifikasi File..............................................................................................28

3. Struktur Kode...............................................................................................33

4.2.2. Desain Antar Muka...........................................................................................34

4.2.3. Struktur Navigasi.............................................................................................. 38

4.3. Pembuatan Kode Program .........................................................................................38

4.4. Pengujian ...................................................................................................................62

4.5. Pemeliharaan..............................................................................................................63

BAB V Penutup

5.1.Kesimpulan..................................................................................................................64

5.2. Saran...........................................................................................................................64

Daftar Pustaka...............................................................................................................65

4
 BAB I

Project Charter

1.1. Latar Belakang

Akhir-akhir ini sepeda sedang menjadi favorit para pencinta olahraga

khususnya di daerah Pontianak baik itu digunakan untuk rekreasi sore hari banyak

juga yang menggunakan sepeda pada saat carfreeday. Demi memenuhi hobby para

penggemar olahraga sepeda yang semakin banyak, para penyedia penyewaan sepeda

bermunculan.

Saat ini meskipun sudah banyak yang membuka penyewaan sepeda .Namun

tetap saja jika kita tidak dapat melakukan pemesanan sepeda tersebut pada jam yang

kita inginkan, dikarenakan sudah ada yang boking terlebih dahulu dan langsung

datang ke tempat penyewaan tersebut. Oleh sebab itu maka disini kita akan

membantu memudahkan para konsumen dalam melakukan pemesanan sepeda

sesuai keinginan dengan membuat aplikasi berbasis web.

Berdasarkan permasalah yang sering dihadapin pencinta olahraga sepeda

tersebut, maka dibutuhkan “SISTEM PENYEWAAN SEPEDA BERBASIS WEB” yang dapat

membantu konsumen dalam memilih sepeda yang akan dicari sesuai dengan

keinginan dalam menggunakan layanan tersebut. Aplikasi ini juga akan sangat

bermanfaat dalam melihat sepeda yang teredia maupun yang sudah dipesan oleh

5
orang lain tanpa harus datang ke tempatnya langsung. Selain itu juga dapat

memberikan informasi terkait tentangpenyewaan sepeda.

6
1.2. Tujuan dan Manfaat Perangkat Lunak

Berdasarkan rumusan masalah di atas, maka yang menjadi tujuan dan manfaat

penelitian ini adalah :

1.2.1. Tujuan

a. Menjelaskan bagaimana cara kerja sistem yang telah dibuat untuk

membantu pemilik sepeda dan pelanggan dalam penyewaan sepeda.

b. Agar sistem informasi penyewaan sepeda ini dapat memberikan informasi

laporan transaksi dan informasi tentang penyewaan sepeda.

1.2.2. Manfaat

a. Dengan adanya sistem informasi ini dapat meningkatkan layanan

terhadap pelanggan dan pengelolaan penyewaa sepeda akan lebih

mudah.

b. Dengan sistem informasi penyewaan sepeda ini dapat memberikan

keuntungan informasi kepada pelanggan dan kepada pemilik sepeda

dalam hal penyewaan sepeda.

1.3. Ruang Lingkup Perangkat Lunak

Adapun ruang lingkup perangkat lunak adalah sebagai berikut :

1. Tabel Admin mencakup : id, nama admin, user name, email, password

2. Tabel Penyewa mencakup : id, nama, gender, email, alamat, no hp

3. Tabel Sepada mencakup : id, mfn, tipe_sepeda, harga

4. Tabel Transaksi Koleksi mencakup : id, tb_sepeda_id, nomor_koleksi, stts,

tb_penyewa_id

7
1.4. Sistematika Penulisan

BAB I Pendahuluan

Bab ini berisi tentang latar belakang, rumusan masalah, maksud dan tujuan,

metode yang digunakan selama pembangunan program, dan sistematika penulisan

dalam pembuatan laporan penelitian.

BAB II Metode Penelitian

Menguraikan gambaran obyek penelitian, analisis semua permasalahan,

perancangan sistem baik secara umum maupun spesifik

BAB III Landasan Teori

Bab ini membahas mengenai penjelasan dasar teori yang digunakan penulis

dalam melakukan pembangunan program. Landasan teori dapat membantu sebagai

referensi penelitian dan penggunaan tools.

BAB IV Pembahasan

Bab ini memberikan uraian tentang tahap-tahap analisis dan desain

perangkat lunak yang digunakan penulis.

BAB V Penutup

Bab ini berisi kesimpulan akhir dari pembahasan penelitian secara

keseluruhan dan saran untuk pengembangan lebih lanjut.

8
 BAB II

Metode Penelitian

Dalam penelitian ini penulis menggunakan metode penelitian deskriptif. Metode

deskriptif dapat diartikan sebagai prosedur pemecahan masalah yang diselidiki dengan

menggambarkan keadaan subjek atau objek dalam penelitian dapat berupa orang, lembaga,

masyarakat dan yang lainnya yang pada saat sekarang berdasarkan fakta-fakta yang tampak

atau apa adanya.

2.1 Bentuk Penelitian

a. Penelitian Kepustakaan (Library Research), yaitu dengan mempelajariliteratur-

literatur, tulisan para sarjana, Undang-undang, peraturan-peraturan hukum serta

buku-buku yang ada hubungannya dengan masalah yang diteliti.

b. Penelitian Lapangan ( Field Research), yaitu bentuk penelitian yang dilakkan dengan

cara melakukan penelitian secara langsung ke lapangan, guna mendapatkan dan

mengumpulkan data serta mengamati data yang menjadi permasalahan dalam

penelitian ini.

2.2 Teknik Pengumpulan Data

a. Teknik komunikasi langsung, yaitu penulis mengadakan kontak secara langsung

dengan sumber data (responden) guna mendapatkan dan mengumpulkan data

melalui wawancara/interview.

9
 b. Teknik komunikasi tidak langsung, yaitu penulis mengadakan kontak secara tidak

langsung dengan sumber data, dengan cara menyebarkan angket/kuensioner kepada

sumber data yang berhubungan dengan penelitian ini.

2.3 Populasi dan Sampel

a. Populasi

Populasi adalah kumpulan keseluruhan objek yang lengkap yang akan dijadikan

objek penelitian. Menurut Bambang Sunggono, Populasi adalah keseluruhan atau himpunan

objek dengan ciri yang sama. Populasi dapat berupa himpunan orang, benda (hidup atau

mati), kejadian, kasus- kasus, waktu, atau tempat, dengan sifat atau ciri yang sama .

Adapun Populasi yang diambil dalam penelitian ini adalah:

1) Penyewaan Sepeda di Pontianak

2) Konsumen Penyewaan Sepeda

b. Sampel

Sampel adalah bagian dari populasi yang benar-benar diteliti. Teknik penggumpilan

sampel berdasarkan purposive sampling. Menurut Sugiyono purposive sampling adalah

teknik untuk menentukan sampel penelitian dengan beberapa pertimbangan tertentu yang

bertujuan agar data yang diperoleh nantinya bisa lebih representatif.Sampel dalam

penelitian ini sebagai berikut:

1) 2 Orang pemilik Penyewaan Sepeda

2) 2 (Dua) orang pengguna Penyewaan Sepeda

10
 BAB III

Landasan Teori

3.1 Pengertian Penyewaan

Penyewaan merupakan sebuah persetujuan di mana sebuah pembayaran dilakukan atas

penggunaan suatu barang atau properti secara sementara oleh orang lain. Barang yang
dapat disewa bermacam-macam, tarif dan lama sewa juga bermacam-macam. Dan berikut
ini pengertian penyewaan menurut para ahli, antara lain : 

Menurut Sadono Sukirno (2011) dalam jurnal Megawati, Mira Alhumaira, dan Tari Rezti
Aprianty (2015) menyatakan bahwa “sewa adalah bagian pembayaran ke atas sesuatu
faktor produksi yang melebihi dari pendapatan yang diterimanya dari pilihan pekerjaan lain
yang terbaik yang mungkin dilakukannya”. 

Menurut Raymodus (2011) dalam jurnal Wendi Wirasta dan Imam Febriansyah (2014),
menyatakan bahwa “Sewa sebagai sejumlah uang/ barang yang dibayarkan kepada pemilik
tanah oleh pihak yang menggunakan tanah sebagai balas jasa untuk penggunaan tanah
tersebut.”. 

Menurut Kimmel (2011) dalam jurnal Wendi Wirasta dan Imam Febriansyah (2014),
menyatakan bahwa “Penyewaan adalah perjanjian dimana pemilik dari aset perusahaan
memungkinkan pihak lain untuk menggunakan aset yang ada untuk jangka waktu tertentu
pada harga yang telah disepakati”. 

Menurut penjelesaan para ahli tersebut dapat disimpulkan bahwa sewa adalah harga yang
dibayar ke atas penggunaan tanah dan faktor-faktor produksi lainnya yang jumlah
penawarannya tidak dapat ditambah. 

3.2 Pengertian Sistem Informasi

Sistem informasi merupakan sistem yang menyediakan informasi untuk manajemen

dalam mengambil keputusan dan juga untuk menjalankan operasional perusahaan. Sistem
tersebut merupakan kombinasi dari orang-orang, teknologi informasi, dan prosedur-
prosedur yang tergorganisasi.

11
 Para ahli memiliki pendapat yang berbeda dalam menanggapi pengertian sistem
informasi. Berikut beberapa pengertian menurut para ahli:

a. Pengertian sistem informasi menurut Mc Leod adalah suatu sistem yang

memiliki kemampuan untuk mengumpulkan informasi dari semua sumber
dan menggunakan berbagai media untuk menampilkan informasi.
b. Erwan Arbie berpendapat bahwa pengertian sistem informasi adalah suatu
sistem dalam suatu organisasi yang mempertemukan kebutuhan pengolahan
transaksi harian, bantuan, dan dukungan operasi. Sistem ini bersifat
manajerial dari suatu organisasi dan membantu memfasilitasi penyediaan
laporan yang diperlukan
c. O’Brien menyatakan bahwa pengertian sistem informasi merupakan
kombinasi dari setiap unit yang dikelola orang-orang, hardware (perangkat
keras), software (perangkat lunak), jaringan komputer, serta jaringan
komunikasi data (komunikasi), dan database (basis data) yang
mengumpulkan, mengubah, dan menyebarkan informasi tentang bentuk
organisasi.
d. Menurut John F Nash, pengertian sistem informasi merupakan kombinasi dari
manusia, fasilitas atau alat teknologi, media, prosedur, dan pengendalian
yang ditujukan untuk mengatur jaringan komunikasi yang penting, proses
transaksi tertentu dan rutin, membantu manajemen dan pemakai intern dan
ekstern, dan menyediakan dasar untuk pengambilan keputusan yang tepat.
e. sedangkan Alter memiliki pendapat tersendiri, pengertian sistem informasi
ialah sebagai tipe khusus dari sistem kerja dimana manusia dan atau mesin
melakukan pekerjaan dengan menggunakan sumber daya untuk
memproduksi produk tertentu dan atau jasa bagi pelanggan.

3.3 Konsep Dasar Web

Web browser telah menjadi pilihan antarmuka pemakai untuk aplikasi

fungsiberbagai jenis usaha. Pada suatu usaha aplikasi web interaktif digunakan
dalamberagam cara. Tidak hanya penggunaan dan fungsi solusi berbasis web
perusahaanyang meluas tapi juga aplikasi web menjadi semakin kompleks, memberi
interaktifpemakai akhir, integrasi aplikasi lain dan pengaksesan basis data dan sumber data.

Sistem informasi di website pada umumnya dituliskan dalam format

HTML.Teknologi internet bekerja atas dasar web browser di computer klien
yangmenampilkan data, gambar dan suara. Web browser dikenal sebagai perangkat
lunakuntuk menjelajah website.

Website bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi
informasinya searah hanya pemilik dari website.Bersifat dinamis apabila isiinformasi
website selalu berubah-ubah, dan isi informasinya interaktif dua arahberasal dari pemilik
serta pengguna website. Sedangkan pemilik website statis hanyabisa di update oleh
pemiliknya saja, sedangkan dinamis bias di update oleh penggunadan pemilik.

12
3.4 Website

Website adalah sebuah kumpulan halaman pada suatu domain di internet

yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses
secara luas melalui halaman depan (home page) menggunakan sebuah browser
menggunakan URL website.

3.4.1 Sejarah Website

Website pertama kali dibuat oleh Tim Berners-Lee pada akhir 1980an dan
baru resmi online pada tahun 1991.Tujuan awal Tim Berners-Lee membuat
sebuah website adalah supaya lebih memudahkan para peneliti di tempatnya
bekerja ketika akan bertukar atau melakukan perubahan informasi.Jika Anda
ingin mengetahui seperti apa tampilannya, silakan akses tautan berikut
http://info.cern.ch/. Pada saat itu, website mulai dapat digunakan secara
gratis oleh publik baru diumumkan oleh CERN tepatnya tanggal 30 April
1993.Website dapat dimiliki oleh individu, organisasi, atau perusahaan. Pada
umumnya sebuah website akan menampilkan informasi atau satu topik
tertentu, meskipun saat ini banyak website yang menampilkan berbagai
informasi dengan topik yang berbeda.

3.4.2 Unsur-Unsur Website

Terdapat 3 unsur yang sangat vital pada website. Tanpa adanya semua unsur
ini, website anda tidak akan pernah ditemukan dan diakses oleh pengguna di
internet. Ketiga unsur yang dimaksud adalah:

1. Domain. Jika website diibaratkan sebagai produk, maka domain

adalah merk. Penggunaan domain yang menarik akan membuat orang
tertarik untuk memasuki suatu website. Dengan pemilihan nama
domain yang unik juga membuat orang mudah mengingatnya untuk
nantinya dikunjungi kembali.
2. Hosting. Tidak kalah pentingnya dengan domain, hosting memiliki
peran untuk menyimpan semua database (script, gambar, video, teks
dan lain sebagainya) yang diperlukan untuk membentuk suatu
website. Banyak sekali penyedia jasa hosting di Indonesia, salah
satunya Niagahoster yang menyediakan hosting terbaik untuk
kecepatan akses website Anda.
3. Konten. Tanpa adanya konten pada website, maka website bisa
dikatakan tidak memiliki tujuan yang jelas. Konten pada website dapat
berupa teks, gambar atau video. Jika dilihat dari konten yang
disuguhkan, terdapat beberapa macam website. Misalnya saja, sosial
media, website berita, website jual beli atau website yang berisi
konten yang berdasarkan minat, bakat serta hobi.

13
 BAB IV

Pembahasan

Project Report

4.1. Analisis Kebutuhan Sistem

Berikut ini adalah kebutuhan sistem yang berupa proses,input output dan topologi
jaringan :

1. Input

Input merupakan awal dimulainya sebuah proses informasi. Bahan mentah dari

informasi adalah data yang terjadi dari transaksi-transaksi yang dilakukan oleh

organisasi. Berikut ini adalah beberapa input yang ada pada sistem informasi

pengelolaan pembayaran pada penyewaan sepeda berbasis web.

A. Input formulir pendaftaran admin

Input berupa : Nama Admin, Username,Email, Password

B. Input formulir pendaftaran penyewa

Input Berupa : , Nama ,Gender,Email, Alamat, No Hp

C. Input formulir Tambah Sepeda

Input berupa : Mfn, Tipe Sepeda,Harga

D. Input formulir tambah transaksi

Input berupa : Admin Id Sewa,Admin id Kembali,Sepeda Koleksi id,penyewa

id,jam sewa,jam kembali,lama penyewaan,

2. Proses

Proses sistem informasi pengelolaan pembayaran berbasis web :

14
 a. Proses Pendaftaran Admin

Admin login pada website dan dibagian Admin, klik ‘Tambah Admin’ lalu

setelah itu akan muncul kontak dialog formulir admin.

Masukkan nama Admin, Username dan Alamat Email.

b. Proses Pendaftaran Penyewa

Proses ini dilakukan oleh admin, bagi penyewa yang telah memberikan data

dirinya. Pada bagian penyewa klik ‘Tambah Pemesan’ lalu masukkan Nama

Penyewa, Gender, alamat,email, no hp.

c. Proses Tambah Sepeda

Proses ini dilakukan oleh admin, dibagian Sepeda klik ‘Tambah Sepeda’

masukkan Mfn, jumlah exemplar,tipe sepeda, harga.

d. Proses Tambah Transaksi

Dibagian ini dilakukan oleh admin, kemudian untuk isi formulir yang diminta

berupa Admin Id sewa, Admin Id kembali, Sepeda koleksi id ,penyewa id ,jam

sewa, jam kembali, lama penyewaan, keterangan ,stts

3. Output
Berdasarkan input dan proses diatas, maka didapat input berupa tampilan sebagai
berikut:

a. Output Formulir Pendaftaran Admin

15
 Gambar 2.1 Output Formulir Pendaftaran Admin

b. Output Formulir tambah sepeda

Gambar 2.2 Output Formulir Tambah Sepeda

c. Output Formulir Tambah Penyewa

16
 Gambar 2.3 Output Formulir Tambah Penyewa

d. Output Formulir Tambah Transaksi

Gambar 2.4 Output Formulir Tambah Transaksi

4. Topologi Jaringan

17
 Topologi Jaringan adalah hal yang menjelaskann hubungan geometris. Antara unsur-

unsur dasar penyusun jaringan yaitu, node, link, dan station. Topologi jaringan yang

digunakan pada sistem informasi Penyewaan Sepeda berbasis web adalah topologi

Star, dan berikut ini adalah skema jaringannya.

Gambar 2.5 Topologi Jaringan

4.2. Desain Sistem

Desain Sistem adalah tahap setelah analisis sistem dari siklus pengembangan sistem

yang mendefinisikan dari kebutuhan-kebutuhan fungsional, persiapan untuk dirancang

bangun implementasi, menggambarkan bagaimana suatu sistem dibentuk yang dapat

berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari

beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi,

termasuk menyangkut mengkonfigurasi dari komponen-komponen perangkat lunak

dan perangkat keras suatu sistem.Berikut ini adalah desain sistem berupa Use Case

dan Activity Diagram pada sistem informasi penyewaan Sepeda berbasis web.

18
1. Use Case Diagram
Use Case adalah urutan transaksi dari aktor pada sistem yang menggambarkan apa
yang akan sistem lakukan dari perspektif user dan juga merupakan sekumpulan
scenario yang menjadi satu untuk tujuan user. Berikut ini adalah Use Case Sistem
Penyewaan Sepeda Berbasis Web :

19
 Gambar 2.6 Use Case Penyewaan Kos

2. Activity Diagram
Activity Diagram adalah teknik untuk menggambarkan logika prosedural maupun
proses bisnis. Berikut ini Activity Diagram pada Sistem Penyewaan Sepeda Berbasis
Web

20
 G
ambar 2.7 Diagram Activity Admin

21
Gambar 2.8 Diagram Activity Penyewa

22
Gambar 2.9 Diagram Activity Sepeda

23
Gambar 2.10 Diagram Activity Transaksi

24
3. Class Diagram
Class Diagram atau diagram kelas adalah diagram UML yang menggambarkan kelas-
kelas dalam sebuah sistem dan hubungannya anatara satu dengan yang lain, serta
dimasukkan pula atribut operasi. Berikut ini adalah class diagram pada sistem
penyewaan sepeda berbasis web

Gambar 2.11 Class Diagram

25
4. Sequence Diagram
Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan
waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap yang
seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan use case diagram.
Berikut ini adalah sequence diagram pada sistem informasi pengelolaan pembayaran
pada kos pondok ari berbasis web.

Gambar 2.12 Sequence Diagram Admin

26
Gambar 2.13 Sequence Diagram Penyewa

27
Gambar 2.14 Sequence Diagram Sepeda

28
4.2.1. Desain Basis Data

Berikut ini adalah desain basis data berupa ERD, Spesifikasi File dan Struktur Kode :

1. ERD
ERD (Entity Relationship Diagram) adalah suatu model untuk menjelaskan hubungan
antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai
hubungan antar relasi. Berikut ini adalah ERD dari Sistem Penyewaan Sepeda
Berbasis Web

Gambaar 2.15 Entity Relationship Diagram (ERD)

29
 2. Spesifikasi File
Spesifikasi File menjelaskan tentang file atau tabel yang terbentuk dari tranformasi
ERD ( dan atau file penunjang untuk web ). File-file ini tersimpan pada
<<namaDatabase>> dengan parameter-parameter yang telah ditentukan. Berikut ini
adalah Spesifikasi File Sistem Penyewaan Sepeda Berbasis Web

Spesifikasi File admin

Nama File : Admin

Akronim : admin.sql
TipeFile : File Master
Acces File : Random
Panjang Record : 458 Byte
Field Key : id
Software : SQLyog

Table 2.1
Spesifikasi File Admin

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id admin Id Int 11 Primary key
2 Nama admin nm_admin Varchar 80
3 Nama pengguna nama_pengguna Varchar 80
4 Email Email Varchar 255
5 Pass Pass Varchar 32

30
 Spesifikasi File sepeda

Nama File : Sepeda

Akronim : sepeda.sql
TipeFile : File Master
Acces File : Random
Panjang Record : 522 Byte
Field Key : id
Software : SQLyog

Table 2.2
Spesifikasi File Sepeda

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id sepeda Id Int 11 Primary key
2 Jenis sepeda jenis_sepeda Varchar 250
3 Fasilitas fasilitas_sepeda Varchar 250
sepeda
4 Harga Harga Int 11

31
 Spesifikasi File Penyewa

Nama File : Penyewa

Akronim : penyewa.sql
TipeFile : File Master
Acces File : Random
Panjang Record : 356 Byte
Field Key : id
Software : SQLyog

Table 2.3
Spesifikasi File Penyewa

No Elemen data Akronim Tipe Panjang Keterangan

1 Id penyewa Id Int 20 Primary key
2 Penomoran pyw Varchar 126
3 Nama penyewa nm_penyewa Varchar 80
4 No hp1 no_hp Varchar 50
5 alamat alamat Varchar 80

32
 Spesifikasi File Kamar Koleksi

Nama File : Sepeda Koleksi

Akronim : kamar_koleksi.sql
TipeFile : File Master
Acces File : Random
Panjang Record : 458 Byte
Field Key : id
Software : SQLyog

Table 2.4
Spesifikasi File Kamar koleksi

No Elemen Data Akronim Panjang Keterangan

1 Id Sepeda koleksi Id 11 Primary key
2 Id Sepeda tb_sepeda_id 11 Foreign Key
3 No koleksi no_koleksi 4
4 Status Stts enum
5 Id penyewa tb_penyewa_id 20

33
 Spesifikasi File Transaksi

Nama File : Transaksi

Akronim : transaksi.sql
TipeFile : FileTransaksi
Acces File : Random
Panjang Record : 135 Byte
Field Key : id
Software : SQLyog

Table 2.5
Spesifikasi File Transaksi

No Elemen data Akronim Tipe Panjang Keterangan

Id transaksi Id Int 11 Primary key
Id penyewa tb_penyewa_id Foreign Key
Id admin tb_admin_id Foreign
Key
Id sepeda koleksi tb_sepeda_koleksi_i Foreign
d Key
Total transaski total_transaksi
Tanggal mulai tgl_mulai Date
Tanggal selesai tgl_selesai Date
Lama sewa lama_sewa Varchar 80
Status transaksi status_transaksi enum

34
3. Struktur Kode
Struktur Kode atau pengkodean digunakan untuk mengklasifikasikan data, memasukkan data
ke dalam komputer dan untuk mengambil bermacam-macam informasi yang berhubungan
dengannya. Kode dapat berupa kumpulan angka, huruf, dan karakter khusus. Berikut adalah
struktur kode yang dibuat,

Gambar 2.17 Struktur Kode

Keterangan :

PYW : Penyewa

00003 : Kode Penyewa

35
4.2.2. Desain Antar Muka

Desain antarmuka atau lebih dikenal dengan Design Interface adalah desain untuk
komputer, peralatan, mesin, perangkat komunikasi mobile, aplikasi perangkat lunak
dan situs web yang berfokus pada pengalaman dan interaksi penggunanya. Berikut
adalah desain antarmuka Sistem Penyewaan Sepeda Berbasis Web

Gambar 2.17 Desain Antar Muka Form Login

36
Gambar 2.18 Desain Antar Muka Dashboard

Gambar 2.19 Desain Antar Muka Admin

37
Gambar 2.20 Desain Antar Muka Form Tambah Admin

Gambar 2.21 Desain Antar Muka Penyewa

38
Gambar 2.22 Desain Antar Muka Form Tambah Penyewa

Gambar 2.23 Desain Antar Muka Sepeda

39
 Gambar 2.24 Desain Antar Muka Form Tambah Sepeda

4.2.3 Struktur Navigasi

Struktur Navigasi adalah struktur atau alur dari suatu program. Menentukan struktur
navigasi sebaiknya dilakukkan sebelum membuat program atau aplikasi. Berikut ini
adalah struktur navigasi pada Sistem Informasi Pengelolaan Pembayaran Berbasis
Web.

40
 Gambar 2.37 Struktur Navigasi

4.3. Pembuatan Kode Program

Pembuatan kode program adalah suatu kegiatan membuat rangkaian pernyataan atau

deklarasi yang ditulis dalam bahasa pemrograman komputer yang terbaca manusia.
Berikut ini dalah kode program dari Sistem Penyewaan Sepeda Berbasis Web

A. Pembuatan Template Boostrap

1. Download Template Boostrap di Link

Berikuthttps://startbootstrap.com/themes/sb-admin-2/

2. Pindahkan ke tempat yang gampang di akses.

3. Salin script di login.html ke view -> login.blade.php, kalau belum ada file

login.blade.php buat dahulu.

41
4. Buat Controller untuk login.

5. Untuk mengakses view login yang telah dibuat tuliskan script di controller ->
Login.php seperti dibawah ini.

6. Daftar kan di route web.php dengan script seperti dibawah.

42
7. Pindahkan folder berikut dari dari tempat kita menyimpan template boostrap
yang telah di download ke bagian folder project kita -> public.

8. File tadi agar tampilan mengikuti template.

9. Untuk merubah gambar di login,buka di phpstorm public -> css -> sb-admin-
2.css -> sb-admin-2.min.css cari unsplash lalu di bg-login-image isi sesuai file
gambar yang mau di pasangkan.

10. Untuk merubah tulisan – tulisan yang ada di tampilan login,ke file resource ->
views -> login.blade.php.

43
 Sesu
aikan tulisannya dengan keperluan,disini kami mengganti kata Welcome
dengan Selamat Datang.

11. Kalimat yang di dalam placeholder untuk memberikan keterangan di teks

default login, seperti contoh dibawah ini “Masukkan Nama Pengguna”.

12. Untuk menghilangkan login with google atau login with facebook. Hapus
script di bawah di dalam file login.blade.php.

44
 B. Pembuatan View Form Login dan Controller

1. Pastikan di data di table database admin sudah terisi.

2. Untuk membuat password tidak terlihat, jalankan query di sql sebagai berikut.

3. Lalu buka file login.blade.php di phpstorm cari bagian form tambah kan method dan
post seperti dibawah .

4. Di route juga ditambahkan script yang di blok.

5. Lalu buat cek login di controller login.

6. Di file login.blade.php ganti script login menjadi seperti dibawah.

7. Perhatikan script input di file login.blade.php harus memiliki nama, pemberian nama
bebas asalkan jangan ada yang sama dengan elemen inputan yang lain dan jangan
pakai spasi.

45
 8. Buat method di controller -> login seperti dibawah ini, untuk pengecekan login.

9. Buat Beranda,di view dengan nama file dashboard.blade.php.

10. Salin ke file dashboard.blade.php semua script di file index dari template yang sudah
kita download .

11. Lalu ke route ,buat beranda.

12. Buat controller beranda.

13. Buat script di controller ->beranda.

46
14. Lalu tambah kan di Login.php seperti di bawah.

15. Lalu modifikasi dengan kalimat “Maaf,username dan password anda tidak terdaftar”
di login.blade.php

16. Lalu kenalkan status di file Login.php, tuliskan script berikut.

47
17. Cek di web dengan login menggunakan username dan password tidak benar

18. Jika benar akan masuk ke Dashboard

48
C. Pembuatan View Dashboard dan Controller
1. Buat directory baru di view dengan nama widget.

2. Lalu buat file dengan nama sidebar.blade.php di dalam widget.

3. Cut script sidebar di dashboard.blade.php lalu pindahkan ke sidebar.blade.php

4. Panggil lagi sidebar di dashboard.blade.php dengan scrip yang di block

berikut

5. Buat file footer.blade.php di dalam widget.

49
6. Cut script footer di dashoard.blade.php pindahkan ke footer.blade.php

7. Di dashboard.blade.php panggil lagi footer dengan script yang di block berikut.

8. Buat file topbar.blade.php di dalam widget.

9. Cut script topbar di dashboard.blade.php pindahkan ke topbar.blade.php

50
10. Panggil kembali topbar ke dashboard,dengan script yang di block berikut.

11. Buat file di dalam views dengan nama beranda.blade.php

12. Cut content di dashboard.blade.php ke dalam beranda.blade.php

13. Tambahkan script berikut didalam dashboard.blade.php

14. Lalu tuliskan extends dan section sebagai berikut di dalam beranda.blade.php

15. Pergi ke controller ->beranda.php ganti script yang lama menjadi seperti ini

51
 16. Cek di web beranda sudah tampil

17. Jika ingin merubah yang di sidebar pergi ke sidebar.blade.php ubah sesuai keperluan
anda

18. Kami merubah sidebar seperti ini.

52
D. Penerapan Middleware Auth

1. Buat di terminal dengan script sebagai berikut.

2. Daftarkan di kernel.php bagian routeMiddleware dengan script seperti yang di block.

3. Tambahkan construct di Beranda.php

4. Tambahkan session di Login.php seperti script yang di block.

53
5. Untuk mengakses session yang telah dibuat tadi tuliskan script di Otentikasi.php.

6. Modifikasi logout,pergi resource -> views -> dashboard.blade.php . Ganti href

dengan /logout

7. Buat di route dengan script sebagai berikut.

8. Tambah function di Login.php

54
 9. Daftarkan juga middleware di setiap controller yang memerlukan middleware

E. Membuat View dan Form TabelAdmin dan Pemesan

1. Buka Controller Admin tambahkan function list_data

Pada route web bagian admin juga diubah menjadi Admin@list_data

2. Selanjutnya buka template index, kemudian view page source dan copy semua source
code yang ada terlebih dahulu. Lalu buat form baru di resource/view dan beri nama
page admin_blade dan pastekan source code yang telah dicopy lalu
buang/hapusbagian yang tidak diinginkan.

55
3. Karena yang kta butuhkan adalah struktur table admin, maka judulnya kita beri nama
‘Admin’

4. Tambahkan extends dashboard dan section konten

5. Berikan definisi atau pesan yang menjelaskan data apa yang sedang ditampilkan

6. Beralih lagi ke controller admin, pada function list_data tadi tambahkan :

Return view(view’page_admin);

7. Pada view page_admin.blade buat field sesuai isi dari table admin (Nama
Admin,username,email,aksi)

56
8. Lalu lihat hasil table

9. Selanjutnya kita akan membuat tombol tambah, copy sourcode ini pada view beranda

Lalu pastekan pada view page_admin lalu ubah kata beranda menjadi Admin dan
report menjadi tambah admin

Lalu cek hasilnya

57
10. Selanjutnya kita akan membuat modals untuk mengisi data admin, copy sourcode
modals pada dashboard dan pastekan pada view admin, dan beri nama admin modal.
Title ubah saja menjadi Formulir Admin. Untuk bagian body modal bisa diambil
contoh dari form register lalu sesuaikan dengan data yang akan diisikan.

11. Selanjutnya kita akan membuat aksi, ambil logout modal pada view topbar lalu
pastekan pada view page_admin ubah menjadi admin modal

12. Untuk modal body, form sesuaikan dengan data yang akan diisikan

Hasil

58
13. Terakhir tambah kan aksi untuk tombol simpan dan cancel. Dan untuk pembuatan
view table pemesansama caranya tinggal disesuaikan saja dengan field atau data yang
akan diisikan.

14. Tampilan table Admin

Tambahkan Admin

59
15. Tambah penyewa

60
16. Tampilan Tabel Sepeda

61
17. Tampilan Form Sepeda

18. Tampilan tabel Transaksi

62
 19. Tampilan Form Transaksi

F. Implementasi CRUD di Form

Implementasi Create Penyewa

1. Buka file controller penyewa lalu buat method baru dengan script dibawah

63
2. Kemudian buka file page_penyewa.blade dan isikan script berikut

3. Berikut Tampilan apabila data berhasil disimpan

4. Buka file controller penyewa lagi dan ketikkan script seperti berikut

64
5. Apabila terjadi error maka akan muncul notif sebagai berikut

Implementasi Create Admin

1. Buka file controller Admin lalu buat method baru dengan script dibawah

2. Kemudian buka file page_admin.blade dan isikan script berikut

65
 3. Berikut tampilan apabila data berhasil disimpan

4. Buka file controller penyewa lagi dan ketikkan script seperti berikut

5. Apabila terjadi error maka akan muncul notif sebagai berikut

4.4 Pengujian

66
No Pengujia Input Proses Output Output Kesimpulan
n yang yang
Diharapkan Diinginkan
1 Login User : asd Cek Tidak Tidak Sesuai
dengan Pass : 123 eksistensi valid, user valid, user
usermane data user tidak tidak
dan di tabel ditemukan ditemukan
password user
yang
salah
2 Login User : Cek Valid,user Valid,user Sesuai
dengan Gunawan eksistensi ditemukan, ditemukan,
usermane Pass : 123 data user masuk ke masuk ke
dan di tabel ruang ruang
password user beranda beranda
yang
benar
3 Pengujia Nama : as / Keluar Keluar Sesuai
n simpan No hp : 089211 penyewa- error nm error nm
penyewa Alamat : jeruju simpan penyewa penyewa
tidak minimal 3 minimal 3
valid karakter karakter
4 Pengujia Nama : / Data Data Sesuai
n simpan Maulana penyewa- penyewa penyewa
penyewa No hp : simpan berhasil berhasil
baru 081245760901 disimpan disimpan
Alamat :
Sungai raya

5 Pengujia Nama /admin- Keluar Keluar Sesuai

n simpan Lengkap :SAG simpan error nm error nm
admin Nama admin admin
tidak Pengguna minimal 5 minimal 5
valid :Prasetya karakter karakter
Email :
pra@gmail.com

4.5 Pemeliharaan

1. Pemeliharaan Korektif
Pemeliharaan korektif adalah pemeliharaan yang mengkoreksi kesalahan-kesalahan
yang ditemukan pada sistem berjalan. Umumnya pemeliharaan korektif ini
mencakup koreksi penting atau bahaya yang memerlukan tindakan segera.

67
 2. Pemeliharaan Adaptif
Pemeliharaan adaptif dilakukan untuk menyesuaikan perubahan dalam lingkungan
data atau pemrosesan dan memenuhi persyaratan pemakai baru. Lingkungan
tempat sistem beroperasi adalah dinamik, dengan demikian sistem harus merespon
perubahan persyaratan pemakai.

BAB V

Penutup

5.1 Kesimpulan

Dengan adanya sistem informasi ini dapat meningkatkan layanan terhadap

pelanggan dan pengolaan penyewaan sepeda akan lebih mudah serta dapat
memberikan keuntungan informasi kepada pelanggan dan kepada pemilik sepeda
dalam hal penyewaan sepeda.

5.2 Saran

Dalam menggunakan perangkat lunak ini diperlukan pengetahuan komputer untuk

bisa menjalankannya oleh sebab itu alangkah baik nya untuk memberikan
pelatihan terhadap pegawai supaya terbiasa dan bisa menguasainya.

68
Daftar Pustaka

Prof. Dr. Sugiyono, Klaten, 14 Desember,  Jalan Utama 48, Pugeran Maguwoharjo, Depok,
Sleman, Yogyakarta,  Sarjana Teknik Mesin IKIP Yogyakarta Magister Manajemen IKIP Bandung
Doktor Manajemen IKIP Bandung

Melisa, Siti.2011. Pengantar Sistem Informasi

http://sitimelisa.student.ung.ac.id/files/2011/03/Pengantar-Sistem-Informasi.docx Diakses
tanggal 18 Oktober 2011

Haryanto, Jogiyanto, “Analisis dan Desain Sistem Informasi,” Yogyakarta: Andi Offset, 2005

69
 Muslihudin Muhamad dan Oktafianto, “Analisis dan Perancangan Sistem Informasi
Menggunakan Model Terstruktur dan UML”, Ed 1 , Yogyakarta : Andi, 201

Sahata, Andri S, dan Sutardi, Azis W.,”Sistem Informasi Penyewaan Rental Mobil di CV.Surya
Rental Mobil Bandung”, Jurnal Teknologi dan Informasi (JATI), vol.1 , no.5,pp 1-22,April,2014.

Hardjono, D. (Ed). 2006. Seri Panduan Lengkap Menguasai Pemrograman Web dengan PHP
5. Yogyakarta : ANDI

Fathansyah. 2012. Basis Data. Bandung : Informatika.

70