Laporan Sistem Informasi Penjualan Sepeda Motor

Berbasis Web Pada Ghebrina Motor

Disusun Oleh
NAMA : DANI SATRIAWAN
NIM : 20MI027

PROGRAM STUDI D3 MANAJEMEN INFORMATIKA

FAKULTAS VOKASI
UNIVERSITAS TEKNOLOGI MATARAM
2022
A. Latar Belakang
Perkembangan teknologi
Ghbrina Motor bergerak dalam bidang penjualan dan kredit sepeda motor
khususnya daerah Songak dan sekitarnya. Sepeda motor yang dijual memiliki
banyak jenis dan merk dengan variasi harga yang berbeda. Sepeda motor yang
dijual disediakan dengan kebutuhan pasar Setiap transaksi di Ghabrina Motor
penjualan masih diolah atau ditulis menggunakan tangan, masalah yang dapat
terjadi adalah rentannya kehilangan data dan pembuatan laporan membutuhkan
waktu cukup lama, Sehingga hal ini menyulitkan administrasi dalam pengelolaan
data penjualan sepeda motor. Oleh karena itu peneliti menggunakan teknologi
komputer untuk membuat sebuah sistem informasi yang dapat membantu
Ghebrina Motor dalam pengelolaan data penjualan sepeda motor.
Berdasarkan uraian di atas, maka penulis memilih judul “Sistem Informasi
Penjualan Sepeda motor Berbasis WEB Pada Ghebrina Motor”.

B. Rumusan Masalah
Dari latar belakang masalah diatas, maka didapatkan rumusan masalah penelitian
sebegai berikut :
1. Bagaimana agar pengolahan data penjualan tidak lagi menggunakan buku atau
tulis tangan sehingga data aman dan terhindar dari kehilangan data.
2. Mudah dalam pencarian data ?
3. Bagaimana agar pencetakan laporan dapat dilakukan dengan mudah dan
cepat?

C. Batasan Masalah
Dari latar belakang masalah diatas, maka dapat ditentukan batasan
masalah penelitian sebegaiberikut :
1. Aplikasi hanya untuk pengelolaan data penjualan .
2. Penelitian dilakukan di Ghebrina Motor
3. Input aplikasi ini berupa data penjualan sepeda motor.
4. Output aplikasi ini berupalaporan penjualan sepeda motor.
5. Pembuatan Aplikasi ini menggunakan pemrograman web dan
menggunakan basis data MySQL.
6. Bahasa pemrograman yang digunakan yaitu HTML, PHP, Javascript dan
CSS.

D. Tujuan
Adapun tujuan Sistem Informasi Pengolahan Data Penjualan, adalah
sebagai berikut :
a. Untuk memenuhi syarat kelulusan mata kuliah Riset Teknologi
Informasi
b. Menghasilkan aplikasi sistem informasi penjualan sepeda motor berbasis
 web.

E. Sistematika Penulisan
 BAB II
LANDASAN TEORI
2.1 SISTEM

Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan berkumpul bersama-sama untuk melakukan suatu kegiatan atau
untukmenyelesaikan suatu kegiatan atau untuk menyelesaikan suatu sasaran
atau tujuan tertentu. Sistem adalah suatu jaringan prosedur yang dibuat
menurut pola yang terpadu untuk melaksanakan kegiatan pokok perusahaan.
(Manurian, dkk, 2020 : 2). Sistem adalah kumpulan suatu jaringan yang saling
berinteraksiatau terhubung untuk melakukan suatu kegiatan untuk mencapai
suatutujuan yang diharapkan. (Wildaningsih dan Yulianeu, 2018 :
182).Sistem mempunyai karakteristik sebagai berikut:
1. Bahan-bahan Sistem (component)
2. Pembatasan Sistem (Boundary)
3. Lingkungan Luar Sistem (Environment)
4. Penghubung (Interface)
5. Masukan Sistem (Input)
6. Keluaran Sistem (Output)
7. Pengolahan Sistem (Process)

2.2 INFORMASI
Informasi adalah hasil dari kegiatan pengolahan data yang memberi
bentuk yang lebih berarti dari suatu kejadian.

2.3 Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhanpengelolaan transaksi harian, mendukung
operasi, bersifat manajerial, dan kegiatan strategi darisuatu organisasi dan
menyediakan pihak luar tertentu dengan laporan- laporan yang dibutuhkan.
(Palopakdan Tobing, 2020:50).

2.4 Penjualan
Penjualan merupakan kegiatan jual beli dan merupakan aktivitas
penerimaan yang diperoleh dari pengiriman barang dagangan atau dengan
cara berinteraksi langsung dengan costumer. Menjual adalah ilmu dan seni
mempengaruhi pribadiyang dilakukan oleh penjual untukmengajak orang
lain agar bersediamembeli barang/jasa yang ditawarkannya.
Penjualan merupakan kegiatan yang dilakukan oleh penjual dalam
menjual barang atau jasa dengan harapan akan memperoleh laba dari
adanya transaksi-transaksi tersebut dan penjualan dapat diartikan sebagai
pengalihan atau pemindahan hak
kepemilikan atas barang atau jasa dari pihak penjual ke pembeli.
(Perawati, dkk, 2020 : 42).
2.5 Sepeda Motor
Motor adalah mesin yang dapat mengubah energi menjadi gerak. Alat yang
dapat mengubah panas menjadi gerak biasanya disebut sebagai mesin, yang
mempunyai banyak sekali tipe. Sepeda motor merupakan alat transportasi yang
sangat efektif dan efisien, hal itu dapat dilihat dari setiap tahun dimana jumlah
produk motor semakin meningkat. Peningkatan jumlah produk motor tersebut
dikarenakan banyaknya konsumen yang mulai menggunakan sepeda motor untuk
kegiatan sehari- hari. Produk-produk sepeda motor di Indonesia juga sangat banyak,
seperti : Honda, Suzuki, Kawasaki, dan Yamaha. Sehubungan dengan banyaknya
produk motor diIndonesia, hal itu membuat banyak konsumen memiliki pilihan
tersendiri untuk membeli sepeda motor yang tepat dan sesuai dengan keinginan,
kebutuhan dankemampuannya. (Hermanto danIzzah, 2018 : 185).

2.6 Penjualan Motor

Penjualan Motor adalah suatu proses menawarkan kendaraan roda dua
(Motor) kepada pembeli. Penjualan Motor dengan berbagai macam merk yang
diinginkan oleh pembeli.

2.7 Perancangan Sistem

A. UML
UML (Unified Modelling Language) adalah suatu metode dalam pemodelan
secara visual yang digunakan sebagai sarana perancangan sistem berorientasi
objek. Awal mulanya, UML diciptakan oleh Object Management Group dengan
versi awal 1.0 pada bulan Januari 1997.
UML juga dapat didefinisikan sebagai suatu bahasa standar visualisasi,
perancangan, dan pendokumentasian sistem, atau dikenal juga sebagai bahasa
standar penulisan blueprint sebuah software.Contoh Diagram UML yang Sering
Digunakan antara lain :

1. Use Case Diagram

Sampai sini apakah kamu sudah paham tentang apa itu use case diagram,
Sob? Nah, perlu diketahui, dalam diagram ini juga terdapat simbol-simbol
yang berguna sebagai media penyampai pesan.
Kita bisa lihat gambar simbol-simbol diagram use case yang biasa digunakan
di bawah ini. Simbol-simbol tersebut nyatanya lebih sedikit dibandingkan
simbol pada flowchart diagram maupun ERD. Simbol-simbol pada use case
diagram antara lain :

Gambar Simbol-simbol Use Case Diagram

Use Case Diagram adalah satu jenis dari diagram UML (Unified Modelling
Language) yang menggambarkan hubungan interaksi antara sistem dan
aktor. Use Case dapat mendeskripsikan tipe interaksi antara si pengguna
sistem dengan sistemnya. Use Case merupakan sesuatu yang mudah
dipelajari. Langkah awal untuk melakukan pemodelan perlu adanya suatu
diagram yang mampu menjabarkan aksi aktor dengan aksi dalam sistem itu
sendiri, seperti yang terdapat pada Use Case.
2. Activity Diagram
Activity diagram atau dalam bahasa Indonesia berarti diagram aktivitas,
merupakan sebuah diagram yang dapat memodelkan berbagai proses yang
tejadi pada sistem. Seperti layaknya runtutan proses berjalannya suatu sistem
dan digambarkan secara vertikal. Activity diagram adalah salah satu contoh
diagram dari UML dalam pengembangan dari Use Case.

Simbol atau Komponen Activity Diagram antara lain:

Simbol Nama Keterangan

Status awal Sebuah diagram

aktivitas memiliki sebuah status
awal.

Aktivitas Aktivitas yang

dilakukan sistem,aktivitas
biasanya diawali
dengan kata kerja.

Percabangan / Percabangan
Decision dimana ada
pilihan aktivitas
yang lebih dari
satu.

Penggabungan Penggabungan
/ Join dimana yang
mana lebih dari
satu aktivitas lalu digabungkan
jadi satu.

Status Akhir Status akhir yang dilakukan

sistem, sebuah
diagram aktivitas
memiliki sebuah
status akhir

Swimlane Swimlane
memisahkan organisasi bisnis
yang bertanggung jawab terhadap
aktivitas yang
terjadi

Tabel Simbol-simbol pada Activity Diagram

3. Sequence Diagram
Sequence diagram merupakan diagram yang menjelaskan interaksi objek
berdasarkan urutan waktu. Sequence dapat menggambarkan urutan atau
tahapan yang harus dilakukan untuk dapat menghasilkan sesuatu, seperti yang
tertera pada Use Case diagram. Ada beberapa simbol activity diagram di
bawah ini adalah gambar dan kegunaannya antara lain :

Simbol Squence
Kegunaan
Diagram

Orang, proses, atau sistem lain yang

berinteraksi dengan sistem informasiyang akan dibuat di luar sistem
informasi yang akan dibuat itu sendiri,
jadi walaupun simbol dari aktor adalah
gambar orang, tapi aktor belum tentu merupakan orang; biasanya dinyatakan
menggunakan kata benda di awal frase nama actor

Aktivitas yang dilakukan sistem,aktivitas biasanya diawali dengan kata kerja

Menyatakan kehidupan suatu objek

Menyatakan objek yang berinteraksi pesan

Menyatakan objek dalam keadaan aktif

danberinteraksi, semua yang terhubung dengan waktu aktif ini adalah sebuah
tahapan yang dilakukan di dalamnya.

Menyatakan suatu objek membuat objek

yang lain, arah panah mengarah pada
objek yang dibuat

Menyatakan suatu objek memanggil

operasi/metode yang ada pada objek lain
atau dirinya sendiri
4. Class Diagram
a. Pengertian
Class diagram atau diagram kelas merupakan suatu diagram yang
digunakan untuk menampilkan kelas-kelas berupa pake-paket untuk
memenuhi salah satu kebutuhan paket yang akan digunakan nantinya.
Namun, pada Class diagram desain modelnya dibagi menjadi 2 bagian.
Class diagram yang pertama merupakan penjabaran dari domain model
yang merupakan abstraksi dari basis data. Class diagram yang kedua
merupakan bagian dari modul program MVC pattern (Model View
Controller), di mana terdapat class boundary sebagai class interface, class
control sebagai tempat ditemukannya algoritma, dan class entity sebagai
tabel dalam basis data dan query program.

b. Simbol Class Diagram

Berikut ini simbol-simbol dari class diagram yang sudah saya sediakan
ditabel ini.

Simbol Nama Keterangan

Kelas Kelas pada struktur

sistem.

Interface Sama dengan

konsep interface
dalam pemrograman
berorientasi objek.

Association Relasi antarclass

dengan arti umum,
asosiasi biasanya juga disertai
dengan
Multiplicity.

Directed Relasi antarkelas

Association dengan makna kelas
yang atau digunakan
oleh kelas yang lain,
asosiasi biasanya juga disertai
 dengan
multiplicity.

Generalisasi Relasi antarkelas

dengan makna
generalisasi-spesialisasi (umum
khusus).

Dependency Relasi antarkelas

dengan makna
kebergantungan
antarkelas’

Aggregation Relasi antarkelas

dengan makna
semua-bagian
(whole-part)

Flowcart
Flowcart adalah gabungan kata flow dan chart. Flow berarti aliran,
dan chart berarti bagan atau diagram. Sehingga pengertian dari flowchart adalah
bagan berupa aliran yang saling terhubung. Flowchart adalah representasi grafis
dari suatu algoritma. Programmer sering menggunakan flowchart sebagai alat
perencanaan program untuk memecahkan sebuah masalah dengan menggunakan
simbol-simbol yang saling terhubung untuk menunjukkan aliran informasi dan
pemrosesan.
Flowchart juga memiliki keuntungan dan kekurangan, antara lain:

Keuntungan flowchart Kekurangan flowchart

Cara paling efisien untuk
mengomunikasikan logika sistem
Sebagai panduan untuk cetak biru
selama program dirancang
Membantu proses debugging
Flowchart sulit digambar untuk
program yang besar dan kompleks
Tidak memiliki jumlah detail yang
tepat
Flowchart sangat sulit untuk
direproduksi
 Dapat membantu menganalisis
Flowchart sangat sulit untuk
program dengan lebih mudah dan
dimodifikasi
sebagai sebuah dokumentasi

Adapun Jenis-jenis flowchart antara lain:

1. System flowchart

System flowchart adalah diagram alir yang menggambarkan mengenai

tahapan kerja sebuah data yang sedang dikerjakan di dalam sistem dan
bagaimana keputusan diambil untuk mengendalikan sebuah
kasus. Flowchart ini menggambarkan urutan dari setiap prosedur di dalam
sebuah sistem kerja secara keseluruhan.

2. Document flowchart

Document flowchart adalah diagram alir yang menggambarkan

keseluruhan alur dari sebuah dokumen, laporan atau formulir beserta
tembusannya, tanpa harus membacanya terlebih dahulu, juga berfungsi
membantu pembaca lebih mudah memahaminya. Bagan alir ini disebut juga
sebagai alir formulir (form flowchart) atau paperwork flowchart.

3. Schematic flowchart

Schematic flowchart adalah diagram alir yang menggambarkan sebuah

skema atau prosedur di dalam sebuah sistem. Flowchart ini hampir serupa
dengan system flowchart. Namun, schematic flowchart memiliki gambaran
lebih detail dan prosedural berupa gambar-gambar komputer dan peralatan
lainnya yang digunakan. Tujuan dari penggunaan gambar-gambar ini adalah
supaya lebih dapat dipahami, walaupun sulit dan lama untuk digambarkan.

4. Program flowchart

Program flowchart adalah diagram alir yang menggambarkan secara rinci

langkah-langkah atau alur dari proses pemrograman atau
algoritma. Flowchart yang juga disebut notasi algoritma ini umum digunakan
sebagai patokan dalam membuat daftar program menggunakan bahasa
komputer.
 Ada dua macam program flowchart, yaitu program logic
flowchart dan detailed computer program flowchart. Program logic
flowchart berfungsi untuk menggambarkan setiap tahapan di dalam program
komputer secara logika yang dibuat oleh analis sistem. Sementara detailed
computer program flowchart berfungsi untuk menggambarkan instruksi dari
program komputer secara rinci yang dibuat oleh programmer.

5. Process flowchart

Process flowchart adalah diagram alir yang menggambarkan proses sebuah

kegiatan, yang umumnya digunakan dalam sebuah proses produksi di bidang
industri sebagai unsur dari analisis sistem produksi. Bagan alir ini banyak
digunakan dalam teknik industri.

2.8 Bahasa Pemrograman

Bahasa Pemrograman atau sering diistilahkan juga dengan bahasa komputer
atau bahasa pemrograman komputer, adalah instruksi standar untuk memerintah
komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks
dan semantik yang dipakai untuk mendefinisikan program komputer.
Adapun jenis Bahasa Pemrograman yang digunakan antara lain:
1. Hyper Text Markup Language (HTML)
HTML ialah kepanjangan dari Hypertext Markup Language.Definisi HTML
adalah bahasa yang digunakan untuk menulis halaman web. fungsi utama
HTML ialah memberi perintah pada browser untuk melakukan manipulasi
tampilan melalui tag-tag yang ditulis dalam HTML. (Rahmasari, 2019 :415).
2. MySQL
MySQL (My Structure Query Language) adalah salah satu Database
Management System (DBMS) dari sekian banyak DBMS seperti Oracle, MS
SQL, Postage SQL, dan lainnya. MySQL adalah sebuah perangkat lunak
system manajemen basis data SQL (Database Management System) atau
DBMS yang multithread, multi-user. Aplikasi pengembang yang digunakan
adalah XAMPP. XAMPP merupakan suatu software yang bersifat open
source yang merupakan pengembangan dari LAMP (Linux, Apache, MySQL,
PHP dan Perl). Database sendiri adalahsekumpulan tabel-tabel yang berisidata
 dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun
sebuah database Data Record dan Field. MySQL sendiri merupakan aplikasi
atau sistemoperasi yang berada dalam satu aplikasi XAMPP.

2.9 Perangkat Lunak Pendukung

Perangkat pendukung yang digunakan yaitu Google Chrome yaitu perangkat

lunak berbasis web yang dapat mengakses internet saat tersambung dengan
jaringan internet

2.10 Metode Pengembangan Perangkat lunak

Metode Perangkat Lunak yang digunakan adalah Metode Waterfall dimana

metode Waterfall merupakan pendekatan SDLC paling awal yang digunakan untuk
pengembangan perangkat lunak. Urutan dalam Metode Waterfall bersifat serial
yang dimulai dari proses perencanaan, analisa, desain, dan implementasi pada
sistem.

Gambar. Metode Waterfall

 BAB III
METODE PENELITIAN

3.1 Analisis Sistem Berjalan

Ghebrina Motor menyediakan penjualan sepeda motor dengan pembayaran cash dan kredit.
Biasanya untuk tahapan dalam melakukan transaksi pembelian sepeda motor maka
konsumen diharuskan menyerahkan data pribadi yang meliputi foto copy KTP, Kartu
Keluarga dan Rekening Listrik kepada leasing. Kemudian setelah data di cek oleh leasing,
selanjutnya surveyor mensurvei ke rumah konsumen.Setelah melakukan survey kemudian
proses persetujuan dilakukan selama 24 jam. Setelah seluruh proses disetujui maka
konsumen dapat memiliki sepeda motor dan data penjualan sepeda motor dicatat .

3.2 Analisis Masukan

Analisis masukan yang diperolah dari Ghebrina Motor adalah berdasarkan data pesanan
dan dapat dilihat pada Gambar 3.1.

Sistem Informasi Penjualan Sepeda Motor Ghebrina Motor

Gambar 3.1 Data Sepeda Motor

3.3 Analisis Prosedur

Analisis sistem berjalan digambarkan dengan flow of Document (diagram alir dokumen)
berdasarkan sistem yang berjalan pada Ghebrina Motor dan dapat diihat pada Gambar 3.2.

Gambar 3.2 Flow Of Document

3.4 Analisis Laporan
Analisis laporan yang diperoleh dari Ghabrina Motor berupa laporan hasil pesanan

Metode Perancangan Sistem Yang Akan Dibangun

Metode perancangan sistem berisi rancangan yang digunakan dalam membangun
sistem, diantaranya rancangan proses, rancangan basis data dan rancangan sistem.

Rancangan Proses
Rancangan proses pada penelitian ini menggunakan pemodelan Context Diagram dan
Data Flow Diagram (DFD).

Context Diagram
Rancangan proses pada menggunakan pemodelan Context Diagram dapat dilihat pada
Gambar 3.3.

Gambar 3.3 Context Diagram

Data Flow Diagram Level 0 Rancangan proses pada menggunakan pemodelan
Data Flow Diagram dapat dilihat pada Gambar 3.4.
 Gambar 3.4 Data Flow Diagram

Rancangan Basis Data

Rancangan basis data berisi pemodelan data yang dituangkan dalam bentuk ERD,
Rancangan Tabel dan Relasi Antar Tabel.
Entity Relationship Diagram Entity Relationship Diagram

Gambar 3.6 Entity Relationship Diagram

Rancangan Tabel
Tabel login
Tabel login dibuat dan digunakan untuk mengelola data
login dan dapat dilihat pada Tabel 3.1.
Nama Tabel : Login
Kegunaan :Menyimpan dan mengubah data login pengguna
Uraian :Pengguna dapat menyimpan data login diawal dan kemudian dapat
mengubah-ubah data login berupa sandi secara berkala.

Tabel 3.1 Desain Tabel Login

Tabel Sepeda Motor

Tabel Sepeda Motor dibuat dan digunakan untuk mengelola data Produk dan dapat dilihat
pada Tabel 3.2.
Nama Tabel : Sepeda Motor
Kegunaan : Mengelola data Sepeda Motor
Uraian :Pengguna dapat mengelola data Pelanggan yaitu menyimpan data, melihat
data, mengubah data dan menghapus data.

Tabel 3.2 Desain Tabel Sepeda Motor

C. Tabel Leasing
Tabel Pesanan dibuat dan digunakan untuk mengelola data Leasing dan dapat dilihat pada
Tabel 3.3.
Nama Tabel : Leasing
Kegunaan : Mengelola data Leasing
Uraian : Pengguna dapat mengelola data Leasing yaitu menyimpan data, melihat data,
mengubah data dan menghapus data.
Tabel 3.3 Desain Leasing
Tabel Penjualan
Tabel Penjualan dibuat dan digunakan untuk mengelola data Penjualan dan dapat dilihat
pada Tabel 3.5.
Nama Tabel : Penjualan Kegunaan : Mengelola data Penjualan
Uraian :Pengguna dapat mengelola data Penjualan yaitu menyimpan data, melihat data,
mengubah data dan menghapus data.
Tabel 3.5 Desain Penjualan

Tabel Konsumen
Tabel Konsumen dibuat dan digunakan untuk mengelola data Konsumen dan dapat dilihat
pada Tabel 3.6.
Nama Tabel : Konsumen
Kegunaan : Mengelola data Konsumen
Uraian :Pengguna dapat mengelola data Konsumen yaitu menyimpan data, melihat data,
mengubah data dan menghapus data.

Tabel 3.6 Desain Tabel Konsumen

 Gambar 3.7 Relasi Antar Tabel

3.2.4. Rancangan Program

Rancangan program berisi gambar rancangan program yang dimodelkan dengan flowchart.
Terdapat beberapa flowchart yaitu
Flowchart Login
Rancangan form login berisi gambar rancangan dari program yang dimodelkan dengan
flowchart yang dapat dilihat pada Gambar 3.8.

Gambar 3.8 Flowchart Form Login

3.5 Flowchart Sistem
a. Flowchat sisitem lama

Mulai

Pesan

Bayar

Proses

Pesanan

Selesai
b. Flowchat sistem diusulkan

Mulai

Form
Pesanan

Input
data
pesanan
TIDAK

Cek Input
Dan
Validasi

YA

Proses data
pesanan

Data Pesanan

Selesai