Perancangan Aplikasi Penjualan Online Berbasis Web Pada Distro Molotov Chapter III V
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Tujuan utama dari perancangan sistem adalah memberikan gambaran perancangan
sistem yang akan dibangun atau dikembangkan, serta untuk memahami alur informasi
dan proses dalam sistem.
3.2 Perancangan Database
Database adalah kumpulan daridata yang berhubungan antara satu dengan yang
lainnya,tersimpandiperangkatkeraskomputerdanmenggunakanperangkat
lunak
untukmemanipulasinya.Databasemerupakan salah satu komponen yang penting
dalamsistemkomputerisasi.Adapun perancangan database mengenai sistem informasi ini
diperlukan beberapatabeldatabaseyaitusebagaiberikut:
Tabel 3.1 Kabkot
Field Name
Type Data
Size
Description
Kode_provinsi
Int
2
Kode provinsi
Kode_kabupaten_kota
Int
4
Kode kabupaten kota
Nama_kabupaten_kota
Char
40
Nama kabupaten
Universitas Sumatera Utara
Tabel 3.2 Kategori
Field Name
Type Data
Size
Kode_kategori
varchar
10
Nama_kategori
varchar
50
Description
Kode katgeori barang
(primary key)
Nama kategori barang
Tabel 3.3 Kecamatan
Field Name
Type Data
Size
Kode_provinsi
Int
2
Kode provinsi
Kode_kabupaten_kota
Int
4
Kode kabupaten kota
Id_kecamatan
Int
4
Id Kecamatan
Char
40
Nama kecamatan
Nama_kecamatan
Description
Tabel 3.4 Keranjang
Field Name
Type Data
Size
Description
Int
11
Id keranjang belanja (primary key)
Id_user
Varchar
10
Id user
Kode_produk
Varchar
12
Kode produk
Ukuran
Int
11
Size produk yang diminta
banyak
Int
11
Jumlah pcs produk
Id_keranjang
Universitas Sumatera Utara
Tabel 3.5 Produk
Field Name
Type Data
Size
Kode_produk
Varchar
12
Kode produk (primary key)
Nama_produk
Varchar
500
Nama produk
Kategori
Varchar
10
Kategori produk
Diskon
Int
3
Diskon
Harga
Int
15
Harga produk
Foto
Varchar
9000
Deskripsi
Longtext
Stok
10
Date
Total_lihat
Int
Foto produk
Detail produk
Int
Tgl_update
Description
Stok sisa
Update produk terbaru
10
Jumlah yang melihat produk
Tabel 3.6 Provinsi
Field Name
Nama_provinsi
Id_provinsi
Type
Size
Description
Int
2
Kode provinsi (primary key)
Varchar
45
Nama provinsi
Tabel 3.7 Subkategori
Field Name
Kode_subkategori
Type Data
Size
Varchar
12
Description
Kode subkategori
Universitas Sumatera Utara
Kode_kategori
Varchar
10
Kode kategori
Nama_subkategori
Varchar
50
Nama subkategori
Tabel 3.8 User
Field Name
Type Data
Size
Description
Id_user
Varchar
10
Id user (primary key)
Email
Varchar
100
Email user
Password
Varchar
500
Password
Nama
Varchar
100
Nama
Provinsi
Varchar
10
Provinsi
Kabkot
Varchar
10
Kabupaten atau kota
Kecamatan
Varchar
10
Kecamatan
Alamat
Varchar
500
Alamat lengkap user
Kode_pos
Varchar
10
Kode pos user
Telepon
Varchar
15
No telepon user
Tabel 3.9 Wishlist
Field Name
Type Data
Size
Int
12
Id wishlist (primary key)
Id_user
Varchar
10
Id user
Kode_produk
Varchar
12
Kode produk
Id_wishlist
Description
Universitas Sumatera Utara
3.3 Perancangan Proses
Perancangan proses pada pembangunan atau pengembangan sistem ini meliputi data
flow diagram (DFD), algoritma, dan flowchart.
3.3.1 Data Flow Diagram (DFD)
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa
maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke
pembuat program.
ADMIN
-
Daftar produk
Log in
konsumen
APLIKASI
PENJUALAN
FASHION
DISTRO
MOLOTOV
USER
-
Pembelian
Penjualan
Informasi
Gambar 3.1 Diagram Konteks Penjualan Fashion Distro Molotov
3.3.2 Flow Chart
Flow chart merupakan kumpulan simbol-simbol yang digunakan untuk menggambarkan
urutan atau langkan logis dalam suatu prosedur atau program. Flowchart dibutuhkan
dalam pemecahan masalah karena efektif untuk memecah masalah pemrograman atau
Universitas Sumatera Utara
penganalisaan dari yang besar hingga menjadi segmen yang lebih kecil sehingga
pemecahan masalah bisa dianalisis secara efektif ke point inti.
Universitas Sumatera Utara
3.3.3 Flow Chart Halaman Utama
Start
Halaman
utama
Yes
Beranda
Produk-produk
terbaru
1. Baju
Kemeja
Kaos
Jacket
Sweater
2.Sepatu
Sneakers
Boot
Sport
3. Celana
Drawsting
Jeans
Jogger
Yes
Produk
No
Yes
Informasi profil
toko
Kontak
Yes
Daftar
Informasi data
pembeli
Finish
Gambar 3.2 Flow Chart Halaman Utama
Universitas Sumatera Utara
3.3.4 Flow Chart Pemesanan
Start
Pilih kategori
Pilih Produk
No
Input Banyak
dan Ukuran
Database
Lanjut
Pemesanan
Yes
Alamat
Pengirim
Database
Detail Pesanan
Finish
Gambar 3.3 Flow Chart Pemesanan
Universitas Sumatera Utara
3.3.5 Flow Chart Admin
Start
Halaman
Utama
Yes
Produk-produk
terbaru
No
Produk
Yes
Tambah dan
Hapus Produk
No
Transaksi
Informasi
pemesanan
Finish
Gambar 3.4 Flow Chart Admin
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Defenisi Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain
sistem yang ada dalam dokumen desain sistem yang disetujui dan menguji,
menginstall dan memulai menggunakan sistem yang baru atau sistem yang diperbaiki.
4.2 Kebutuhan Sistem
Untuk menjalankan sistem, kita perlu mengetahui perangkat apa saja yang akan
mendukung dalam proses program dan data. Perangkat computer yang diperlukan
yaitu:
1. Perangkat Keras (Hardware)
Penggunaan perangkat keras yang baik akan mempengaruhi cepat lambatnya proses
program yang dijalankan dan yang dihasilkan. Kebutuhan hardware merupakan mesin
utama dalam penggunaan komputer, bekerja dengan bantuan
sistem informasi.
Universitas Sumatera Utara
2. Perangkat Lunak (Software)
Untuk mendukung sistem kerja dari hardware maka diperlukan juga
software didalamnya. Kebutuhan ini menyangkut segala jenis instruksi yang
mengarah pada komputer untuk menjalankan suatu program.
3. Pemakai (Brainware)
Dalam mengolah suatu program, diperlukan tenaga sumber daya manusia
yang akan menjadikan program tersebut dapat berjalan dengan baik dan
efisien. Adapun tenaga sumber daya manusia yang diperlukan adalah
sebagai berikut:
a. Sistem analis, yaitu seorang professional yang bergerak di bidang
pengembangan sistem yang akan membentuk dan membangun
fasilitas sistem.
b. Programmer, yaitu seorang yang akan menyusun instruksi pada
komputer agar dapat digunakan oleh pemakai serta merancang
antarmuka pemakai pada program.
c. Operator, yaitu seorang yang akan langsung menangani secara
langsung pengolahan data pada komputer.
d. Data
entry
operator,
yaitu
orang
yang
akan
melakukan
pengurusan data yang akan diolah, mulai dari pengumpulan data,
perekaman data kedalam komputer hingga pemeriksaan dan
pengiriman informasi yang dihasilkan oleh komputer.
Universitas Sumatera Utara
4.3 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah bukti nyata dari perencanaan yang
matang. Segala aspek dalam perencanaan sistem direalisasikan sehingga sistem
akhirnya dapat diuji dan dioperasikan langsung oleh pengguna. Pengguna berhak
memastikan bahwa pengimplementasian sistem sesuai dengan perencanaan sistem.
Implementasi sistem memperhitungkan banyak hal seperti memastikan sistem berjalan
dengan baik, penginstalan sistem secara benar, serta pengontrolan yang dilakukan
secara kontinu.
4.4 Demonstrasi Tampilan
Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari web
penjualan sepatu online yang telah dibuat, berikut ini tampilannya:
1. Tampilan Beranda
Berikut adalah tampilan halaman beranda. Tampilan ini berfungsi untuk melihat
menu utama seperti produk, daftar, log in dan kontak.
Universitas Sumatera Utara
Gambar 4.1 Tampilan Beranda
2. Tampilan Kategori Produk
Tampilan ini berisikan pilihan kategori sepatu diantaranya baju, celana, dan
sepatu. Tampilan ini berfungsi untuk mempermudah pembeli mencari produk
yang dibutuhkan.
Universitas Sumatera Utara
Gambar 4.2 Tampilan Kategori Produk
3. Tampilan Kontak
Tampilan ini berisikan alamat, no telepon dan email toko yang dapat dihubungi
oleh pembeli bila memiliki kendala dalam proses jual beli produk.
Gambar 4.3 Tampilan Kontak
Universitas Sumatera Utara
4. Tampilan Daftar
Tampilan ini berisikan data pembeli yang dibutuhkan untuk proses pengiriman
barang. Menu daftar dibutuhkan agar pembeli memiliki akun sendiri, tanpa
memiliki akun pembeli tidak dapat membeli produk. Jika sudah memiliki akun
maka hanya perlu mengisi pilihan log in.
Gambar 4.4 Tampilan Daftar
5. Tampilan Log in
Tampilan ini bisa diakses setelah pembeli melakukan registrasi atau pendaftaran
akun
Universitas Sumatera Utara
Gambar 4.5 Tampilan Log In
6. Tampilan Admin
Tampilan ini merupakan tampilan untuk admin, dimana data-data tentang toko
dan produk diedit. Tampilan ini berfungsi untuk menambah dan menghapus
produk, mengkonfirmasi pemesanan, mengganti tampilan slide awal dan datadata penting lainnya
Gambar 4.6 Tampilan Admin
Universitas Sumatera Utara
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Kesimpulan dari uraian hasil dan pembahasan di atas, bahwa website e-commerce distro
Molotov sudah dapat dibuat menggunakan bahasa pemograman PHP dan database
MySQL. Kelebihan pemesanan produk pada website ini menghemat waktu dan biaya
dibandingkan dengan pemesanan secara langsung datang ke toko, dan pembeli dapat
melihat katalog produk yang dapat langsung dilihat di halaman website ini.
5.2 Saran
Berdasarkan kesimpulan yang diperoleh maka penulis mempunyai saran-saran
sebagai berikut:
1. Konfirmasi pembayaran belum dapat ditangani oleh sistem secara otomatis,
maka perlu dibuat pengembangan sistem ini lebih lanjut untuk memudahkan
transaksi pembelian.
2. Stok produk yang digunakan merupakan stok produk sekarang, sehingga
perlu dikembangkan lebih lanjut.
Universitas Sumatera Utara
3. Content website e-commerce perlu ditambah untuk menarik lebih banyak
pembeli.
Universitas Sumatera Utara
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Tujuan utama dari perancangan sistem adalah memberikan gambaran perancangan
sistem yang akan dibangun atau dikembangkan, serta untuk memahami alur informasi
dan proses dalam sistem.
3.2 Perancangan Database
Database adalah kumpulan daridata yang berhubungan antara satu dengan yang
lainnya,tersimpandiperangkatkeraskomputerdanmenggunakanperangkat
lunak
untukmemanipulasinya.Databasemerupakan salah satu komponen yang penting
dalamsistemkomputerisasi.Adapun perancangan database mengenai sistem informasi ini
diperlukan beberapatabeldatabaseyaitusebagaiberikut:
Tabel 3.1 Kabkot
Field Name
Type Data
Size
Description
Kode_provinsi
Int
2
Kode provinsi
Kode_kabupaten_kota
Int
4
Kode kabupaten kota
Nama_kabupaten_kota
Char
40
Nama kabupaten
Universitas Sumatera Utara
Tabel 3.2 Kategori
Field Name
Type Data
Size
Kode_kategori
varchar
10
Nama_kategori
varchar
50
Description
Kode katgeori barang
(primary key)
Nama kategori barang
Tabel 3.3 Kecamatan
Field Name
Type Data
Size
Kode_provinsi
Int
2
Kode provinsi
Kode_kabupaten_kota
Int
4
Kode kabupaten kota
Id_kecamatan
Int
4
Id Kecamatan
Char
40
Nama kecamatan
Nama_kecamatan
Description
Tabel 3.4 Keranjang
Field Name
Type Data
Size
Description
Int
11
Id keranjang belanja (primary key)
Id_user
Varchar
10
Id user
Kode_produk
Varchar
12
Kode produk
Ukuran
Int
11
Size produk yang diminta
banyak
Int
11
Jumlah pcs produk
Id_keranjang
Universitas Sumatera Utara
Tabel 3.5 Produk
Field Name
Type Data
Size
Kode_produk
Varchar
12
Kode produk (primary key)
Nama_produk
Varchar
500
Nama produk
Kategori
Varchar
10
Kategori produk
Diskon
Int
3
Diskon
Harga
Int
15
Harga produk
Foto
Varchar
9000
Deskripsi
Longtext
Stok
10
Date
Total_lihat
Int
Foto produk
Detail produk
Int
Tgl_update
Description
Stok sisa
Update produk terbaru
10
Jumlah yang melihat produk
Tabel 3.6 Provinsi
Field Name
Nama_provinsi
Id_provinsi
Type
Size
Description
Int
2
Kode provinsi (primary key)
Varchar
45
Nama provinsi
Tabel 3.7 Subkategori
Field Name
Kode_subkategori
Type Data
Size
Varchar
12
Description
Kode subkategori
Universitas Sumatera Utara
Kode_kategori
Varchar
10
Kode kategori
Nama_subkategori
Varchar
50
Nama subkategori
Tabel 3.8 User
Field Name
Type Data
Size
Description
Id_user
Varchar
10
Id user (primary key)
Varchar
100
Email user
Password
Varchar
500
Password
Nama
Varchar
100
Nama
Provinsi
Varchar
10
Provinsi
Kabkot
Varchar
10
Kabupaten atau kota
Kecamatan
Varchar
10
Kecamatan
Alamat
Varchar
500
Alamat lengkap user
Kode_pos
Varchar
10
Kode pos user
Telepon
Varchar
15
No telepon user
Tabel 3.9 Wishlist
Field Name
Type Data
Size
Int
12
Id wishlist (primary key)
Id_user
Varchar
10
Id user
Kode_produk
Varchar
12
Kode produk
Id_wishlist
Description
Universitas Sumatera Utara
3.3 Perancangan Proses
Perancangan proses pada pembangunan atau pengembangan sistem ini meliputi data
flow diagram (DFD), algoritma, dan flowchart.
3.3.1 Data Flow Diagram (DFD)
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa
maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke
pembuat program.
ADMIN
-
Daftar produk
Log in
konsumen
APLIKASI
PENJUALAN
FASHION
DISTRO
MOLOTOV
USER
-
Pembelian
Penjualan
Informasi
Gambar 3.1 Diagram Konteks Penjualan Fashion Distro Molotov
3.3.2 Flow Chart
Flow chart merupakan kumpulan simbol-simbol yang digunakan untuk menggambarkan
urutan atau langkan logis dalam suatu prosedur atau program. Flowchart dibutuhkan
dalam pemecahan masalah karena efektif untuk memecah masalah pemrograman atau
Universitas Sumatera Utara
penganalisaan dari yang besar hingga menjadi segmen yang lebih kecil sehingga
pemecahan masalah bisa dianalisis secara efektif ke point inti.
Universitas Sumatera Utara
3.3.3 Flow Chart Halaman Utama
Start
Halaman
utama
Yes
Beranda
Produk-produk
terbaru
1. Baju
Kemeja
Kaos
Jacket
Sweater
2.Sepatu
Sneakers
Boot
Sport
3. Celana
Drawsting
Jeans
Jogger
Yes
Produk
No
Yes
Informasi profil
toko
Kontak
Yes
Daftar
Informasi data
pembeli
Finish
Gambar 3.2 Flow Chart Halaman Utama
Universitas Sumatera Utara
3.3.4 Flow Chart Pemesanan
Start
Pilih kategori
Pilih Produk
No
Input Banyak
dan Ukuran
Database
Lanjut
Pemesanan
Yes
Alamat
Pengirim
Database
Detail Pesanan
Finish
Gambar 3.3 Flow Chart Pemesanan
Universitas Sumatera Utara
3.3.5 Flow Chart Admin
Start
Halaman
Utama
Yes
Produk-produk
terbaru
No
Produk
Yes
Tambah dan
Hapus Produk
No
Transaksi
Informasi
pemesanan
Finish
Gambar 3.4 Flow Chart Admin
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Defenisi Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain
sistem yang ada dalam dokumen desain sistem yang disetujui dan menguji,
menginstall dan memulai menggunakan sistem yang baru atau sistem yang diperbaiki.
4.2 Kebutuhan Sistem
Untuk menjalankan sistem, kita perlu mengetahui perangkat apa saja yang akan
mendukung dalam proses program dan data. Perangkat computer yang diperlukan
yaitu:
1. Perangkat Keras (Hardware)
Penggunaan perangkat keras yang baik akan mempengaruhi cepat lambatnya proses
program yang dijalankan dan yang dihasilkan. Kebutuhan hardware merupakan mesin
utama dalam penggunaan komputer, bekerja dengan bantuan
sistem informasi.
Universitas Sumatera Utara
2. Perangkat Lunak (Software)
Untuk mendukung sistem kerja dari hardware maka diperlukan juga
software didalamnya. Kebutuhan ini menyangkut segala jenis instruksi yang
mengarah pada komputer untuk menjalankan suatu program.
3. Pemakai (Brainware)
Dalam mengolah suatu program, diperlukan tenaga sumber daya manusia
yang akan menjadikan program tersebut dapat berjalan dengan baik dan
efisien. Adapun tenaga sumber daya manusia yang diperlukan adalah
sebagai berikut:
a. Sistem analis, yaitu seorang professional yang bergerak di bidang
pengembangan sistem yang akan membentuk dan membangun
fasilitas sistem.
b. Programmer, yaitu seorang yang akan menyusun instruksi pada
komputer agar dapat digunakan oleh pemakai serta merancang
antarmuka pemakai pada program.
c. Operator, yaitu seorang yang akan langsung menangani secara
langsung pengolahan data pada komputer.
d. Data
entry
operator,
yaitu
orang
yang
akan
melakukan
pengurusan data yang akan diolah, mulai dari pengumpulan data,
perekaman data kedalam komputer hingga pemeriksaan dan
pengiriman informasi yang dihasilkan oleh komputer.
Universitas Sumatera Utara
4.3 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah bukti nyata dari perencanaan yang
matang. Segala aspek dalam perencanaan sistem direalisasikan sehingga sistem
akhirnya dapat diuji dan dioperasikan langsung oleh pengguna. Pengguna berhak
memastikan bahwa pengimplementasian sistem sesuai dengan perencanaan sistem.
Implementasi sistem memperhitungkan banyak hal seperti memastikan sistem berjalan
dengan baik, penginstalan sistem secara benar, serta pengontrolan yang dilakukan
secara kontinu.
4.4 Demonstrasi Tampilan
Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari web
penjualan sepatu online yang telah dibuat, berikut ini tampilannya:
1. Tampilan Beranda
Berikut adalah tampilan halaman beranda. Tampilan ini berfungsi untuk melihat
menu utama seperti produk, daftar, log in dan kontak.
Universitas Sumatera Utara
Gambar 4.1 Tampilan Beranda
2. Tampilan Kategori Produk
Tampilan ini berisikan pilihan kategori sepatu diantaranya baju, celana, dan
sepatu. Tampilan ini berfungsi untuk mempermudah pembeli mencari produk
yang dibutuhkan.
Universitas Sumatera Utara
Gambar 4.2 Tampilan Kategori Produk
3. Tampilan Kontak
Tampilan ini berisikan alamat, no telepon dan email toko yang dapat dihubungi
oleh pembeli bila memiliki kendala dalam proses jual beli produk.
Gambar 4.3 Tampilan Kontak
Universitas Sumatera Utara
4. Tampilan Daftar
Tampilan ini berisikan data pembeli yang dibutuhkan untuk proses pengiriman
barang. Menu daftar dibutuhkan agar pembeli memiliki akun sendiri, tanpa
memiliki akun pembeli tidak dapat membeli produk. Jika sudah memiliki akun
maka hanya perlu mengisi pilihan log in.
Gambar 4.4 Tampilan Daftar
5. Tampilan Log in
Tampilan ini bisa diakses setelah pembeli melakukan registrasi atau pendaftaran
akun
Universitas Sumatera Utara
Gambar 4.5 Tampilan Log In
6. Tampilan Admin
Tampilan ini merupakan tampilan untuk admin, dimana data-data tentang toko
dan produk diedit. Tampilan ini berfungsi untuk menambah dan menghapus
produk, mengkonfirmasi pemesanan, mengganti tampilan slide awal dan datadata penting lainnya
Gambar 4.6 Tampilan Admin
Universitas Sumatera Utara
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Kesimpulan dari uraian hasil dan pembahasan di atas, bahwa website e-commerce distro
Molotov sudah dapat dibuat menggunakan bahasa pemograman PHP dan database
MySQL. Kelebihan pemesanan produk pada website ini menghemat waktu dan biaya
dibandingkan dengan pemesanan secara langsung datang ke toko, dan pembeli dapat
melihat katalog produk yang dapat langsung dilihat di halaman website ini.
5.2 Saran
Berdasarkan kesimpulan yang diperoleh maka penulis mempunyai saran-saran
sebagai berikut:
1. Konfirmasi pembayaran belum dapat ditangani oleh sistem secara otomatis,
maka perlu dibuat pengembangan sistem ini lebih lanjut untuk memudahkan
transaksi pembelian.
2. Stok produk yang digunakan merupakan stok produk sekarang, sehingga
perlu dikembangkan lebih lanjut.
Universitas Sumatera Utara
3. Content website e-commerce perlu ditambah untuk menarik lebih banyak
pembeli.
Universitas Sumatera Utara