Sistem Penjualan Sepatu Online Berbasis Web Chapter III V

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis
program dan model yang akan dibuat. Oleh karena itu semua data yang ada
didalam sistem akan dikemas dalam suatu basis data, kemudian dideskripsikan
kedalam Data Flow Diagram (DFD), Entity Relationship Diagram (ERD) dan
Flowchart sistem. Tahap ini bertujuan untuk menghasilkan sistem penjualan
online sepatu yang baik.

3.2 Data Flow Diagram

Data Flow Diagram merupakan alat bantu yang dapat digunakan untuk
menggambarkan aliran data informasi dan proses mulai dari pemasukan data
hingga output. Dalam
memberikan

perancangan


sistem

ini

penulis

mencoba

untuk

gambaran mengenai alur arus data dari sistem penjualan. Ini

bertujuan untuk mempermudah pembuatan dan perancangan sistem yang baik.
Adapun

rancangan

Data


Flow Diagram pada sistem penjualan ini adalah

sebagai berikut:

Universitas Sumatera Utara

Gambar 3.1 Diagram Konteks Penjualan Sepatu

3.3 Perancangan Data Base

Database adalah kumpulan dari data yang berhubungan antara satu dengan
yang lainnya, tersimpan diperangkat keras komputer dan menggunakan

Universitas Sumatera Utara

perangkat

lunak untuk memanipulasinya. Database merupakan salah satu

komponen yang penting yakni sebagai basis penyedia informasi dan

dikelompokkan kedalam file. Informasi yang digabungkan dari sejumlah file
kemudian dikelompokkan lagi secara terstruktur dan ditampilkan kedalam bentuk
tabel-tabel informasi. Berikut ini adlah perancangan database yang penulis gunakan
untuk membangun E-commerce ini:

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

Tabel 3.2 Kategori
Field Name


Type Data

Size

Description

Kode_kategori

Varchar

10

Kode katgeori barang
(primary key)

Nama_kategori

Varchar


50

Nama kategori barang

Tabel 3.3 Kecamatan
Field Name
Kode_provinsi

Type Data

Size

Int

2

Description
Kode provinsi

Universitas Sumatera Utara


Kode_kabupaten_kota

Int

4

Kode kabupaten kota

Kode_kecamatan

Int

4

Kode kecamatan

Nama_kecamatan

Char


40

Nama kecamatan

Tabel 3.4 Pesan
Field Name

Type Data

Size

Description

Id_pesan

Int

11


Id pesan

Id_user

Varchar

10

Id user

Judul

Varchar

100

Judul pesan

Pesan


Mediumtext

Isi pesan

Tabel 3.5 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.6 Provinsi
Field Name

Type

Size

Description

Kode_provinsi

Int

2

Kode provinsi (primary key)

Nama_provinsi

Char

30

Nama provinsi

Tabel 3.7 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

Int

Tgl_update

Date

Total_lihat

Int

Description

Foto produk
Detail produk

10

Stok sisa
Update produk terbaru

10

Jumlah yang melihat produk

Universitas Sumatera Utara

Tabel 3.8 Slide
Field Name

Type Data

Size

Description

Id_slide

Int

10

Id slide

Judul

Varchar

20

Judul slide

Konten

Varchar

50

Isi konten slide

Foto

Varchar

100

Foto tampilan slide

Tabel 3.9 Testimoni
Field name

Type Data

Size

Description

Id_testimoni

Int

11

Id testimoni

Id_user

Varchar

10

Id user

pesan

Varchar

500

Isi testimoni

Tabel 3.10 User
Field Name

Type Data

Size

Description

Id_user

Varchar

10

Id user (primary key)

Email

Varchar

100

Email user

Password

Varchar

500

Password

Universitas Sumatera Utara

Nama_depan

Varchar

100

Nama depan

Nama_belakang

Varchar

100

Nama belakang

Provinsi

Varchar

10

Provinsi

Kabkot

Varchar

10

Kabupaten atau kota

Kecamatan

Varchar

10

Kecamatan

Alamat

Varchar

500

Alamat lengkap user

Telepon

Varchar

15

No telepon user

Tabel 3.11 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

3.4

Description

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

Universitas Sumatera Utara

masalah pemrograman atau penganalisaan dari yang besar hingga menjadi segmen
yang lebih kecil sehingga pemecahan masalah bisa dianalisis secara efektif ke
point inti.

3.4.1 Flow Chart Halaman Utama
Start

Halaman
utama

Yes

Beranda

Yes

Produk

No

Produk-produk
terbaru
1. Flatshoes
2. Flipon
3. Heels
4. Loafer
5. Sandal
6.Wedges

Yes

Informasi profil
toko

Kontak

Yes

Daftar

Informasi data
pembeli

Finish

Gambar 3.2 Flow Chart Halaman Utama

Universitas Sumatera Utara

3.4.2 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.4.3 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

4.1 Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan untuk
merealisasikan

perancangan

sistem

yang

sebelumnya

telah

disetujui.

Implementasi sistem bertujuan untuk menciptakan sistem baru maupun
mengganti sistem yang telah ada.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware
sebagai sarana pengolahan data dan penyajian data.
2. Menyelesaikan rancangan sistem yanag ada di dalam dokumen sistem
yang baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan sistem dengan
mudah.

Universitas Sumatera Utara

4.3 Kebutuhan Sistem

Pada dasarnya, dalam pengimplementasian sistem terdapat beberapa komponen
penting agar aplikasi yang dibangun dapat berjalan. Berikut beberapa komponen
yang dibutuhkan.

4.3.1 Perangkat Keras

Perangkat keras merupakan bagian dari komputer yang dapat dilihat secara fisik
dan dapat disentuh. Perangkat keras merupakan seluruh komponen peralatan yang
membentuk suatu sistem komputer serta peralatan lainnya yang memungkinkan
komputer dapat melakukan tugasnya. Dalam menyusun sistem informasi ini,
penulis membutuhkan perangkat keras sebagai berikut :
a. CPU (Central Processing Unit)
Merupakan

jantung

dari

komputer,

komputer

yang

merupakan

pusat pengolahan data serta pusat pengontrolan dari keseluruhan sistem
computer
b.

Memori
Merupakan tempat penampungan atau tempat penyimpanan data untuk
sementara.

c.

Monitor
Merupakan layar yang menampilkan output program.

d. Keyboard
Merupakan alat input.

Universitas Sumatera Utara

e. Modem
Modem (Modulator-demodulator) merupakan alat bantu komputer
untuk proses komunikasi. Alat ini berfungsi mengubah signal analog
menjadi signal digital dan sebaliknya.

4.3.2 Perangkat Lunak

Perangkat lunak adalah sekumpulan instruksi yang memungkinkan perangkat
keras untuk dapat memproses data. Perangkat lunak ini tidak berbentuk fisik,
melainkan berupa program yang diciptakan melalui perangkat elektronik. Dalam
perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program
aplikasi. Penulis mengembangkan bagian perangkat lunak berupa aplikasi..

4.3.3 Brainware

Brainware atau pengguna adalah manusia yang terlibat dalam mengoperasikan
serta mengatur sistem di dalam komputer. Diartikan juga sebagai perangkat
intelektual yang mengoperasikan dan mengeksplorasi kemampuan dari perangkat
keras maupun perangkat lunak.

Brainware termasuk bagian penting dari sebuah sistem komputer. Karena
sebuah sistem tidak akan berjalan apabila tidak ada peran brainware.

Universitas Sumatera Utara

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 computer.

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 flatshoes,
flipon, heels, loafer, sandals dan wedges. Tampilan ini berfungsi untuk
mempermudah pembeli mencari produk yang dibutuhkan.

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.

Universitas Sumatera Utara

Gambar 4.3 Tampilan Kontak

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

Universitas Sumatera Utara

5. Tampilan Log in
Tampilan ini bisa diakses setelah pembeli melakukan registrasi atau
pendaftaran akun

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 data-data penting lainnya

Universitas Sumatera Utara

Gambar 4.5 Tampilan Admin

Universitas Sumatera Utara

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam Penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan
sistem dalam penjualan online sepatu dengan web e-commerce. Maka ada
beberapa kesimpulan yang penulis dapatkan, yaitu :
1. Penjualan online sepatu dengan web e-commerce merupakan solusi bagi para
user yang ingin mencari berbagai jenis sepatu namun tidak mau bersusah payah
dalam mencari sepatu yang diinginkan. Karena dengan adanya web ecommerce ini user dapat mencari dan membeli sepatu yang diinginkan
kapanpun dan dimanapun user berada.
2. Penjualan online sepatu dengan web e-commerce ini merupakan solusi bagi
perusahan sepatu yang ingin mengembangkan usahanya, meningkatkan
jangkauan usaha, dan meningkatkan jumlah pembeli serta keuntungan
perusahaannya dengan cara yang lebih efisien dibandingkan membuat outlet
baru yang cenderung lebih sulit dan mahal.
3. Untuk menarik minat user dalam mengunjungi website, diperlukan adanya
strategi baik dalam harga, kemudahan dalam mengakses produk yang
diinginkan user serta interface dengan desain yang menarik minat user untuk
kembali berkunjung.

Universitas Sumatera Utara

d. Kecepatan user dalam mengakses halaman web sangat penting, karena itu
dalam website ini penulis membuat Search Engine Optimization (SEO) yang
bertujuan agar website terdaftar di search engine seperti google dan mudah di
akses oleh user.

5.2 Saran

Saran merupakan suatu ide dan harapan yang dimunculkan oleh penulis sebagai
masukan yang diharapkan akan berguna dimasa yang akan datang. Adapun
saran- saran tersebut adalah sebagai berikut :
1. Agar selalu dipercaya oleh pelanggan, maka diperlukan suatu strategi
yang baik untuk

mendatangkan

produk

bagus, hendaknya didukung dengan memberikan

yang

pelanggan.

Selain

memberikan

berbagai penawaran serta kemudahan dan kenyamanan bagi pelanggan
dalam mengakses dan melakukan transaksi.
2. Untuk permulaan pembuatan sistem penjualan online dengan web ecommerce mungkin cukup sulit, juga memerlukan biaya yang sedikit
mahal. Namun itu bukan merupakan hal yang perlu ditakutkan. Karna
pada tahap-tahap selanjutnya bisa jadi akan sangat menguntungkan dan
menghemat

pengeluaran

misalnya

dalam hal

perluasan

dan

pengembangan usaha.
3. Yang berkaitan dengan tulisan ini, penulis berharap dapat terus melakukan
pengembangan baik dari segi kelengkapan data, fitu-fitur tambahan, serta
sistem keamanan yang semakin baik.

Universitas Sumatera Utara