Perancangan Aplikasi Penjualan Online Berbasis Web Pada Distro Molotov Chapter III V

(1)

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.2Perancangan 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

(2)

Tabel 3.2 Kategori

Kode_kategori varchar 10 Kode katgeori barang (primary key)

Nama_kategori varchar 50 Nama kategori barang

Tabel 3.3 Kecamatan

Kode_provinsi Int 2 Kode provinsi

Kode_kabupaten_kota Int 4 Kode kabupaten kota

Id_kecamatan Int 4 Id Kecamatan

Nama_kecamatan Char 40 Nama kecamatan

Tabel 3.4 Keranjang

Id_keranjang 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

(3)

Tabel 3.5 Produk

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 Foto produk

Deskripsi Longtext Detail produk

Stok Int 10 Stok sisa

Tgl_update Date Update produk terbaru

Total_lihat Int 10 Jumlah yang melihat produk

Tabel 3.6 Provinsi

Field Name Type Size Description

Nama_provinsi Int 2 Kode provinsi (primary key)

Id_provinsi Varchar 45 Nama provinsi

Tabel 3.7 Subkategori

(4)

Kode_kategori Varchar 10 Kode kategori Nama_subkategori Varchar 50 Nama subkategori

Tabel 3.8 User

Id_user Varchar 10 Id user (primary key)

Alamat Varchar 500 Alamat lengkap user

Kode_pos Varchar 10 Kode pos user

Telepon Varchar 15 No telepon user

Tabel 3.9 Wishlist

Id_wishlist Int 12 Id wishlist (primary key)

Id_user Varchar 10 Id user

(5)

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.

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

APLIKASI - _{Daftar produk}

(6)

(7)

3.3.3 Flow Chart Halaman Utama

(8)

3.3.4 Flow Chart Pemesanan

(9)

3.3.5 Flow Chart Admin

Start

Halaman Utama

Finish No

Produk-produk terbaru

Produk Tambah dan

Hapus Produk

Transaksi Informasi

pemesanan Yes

Yes

No

(10)

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

(11)

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.

(12)

4.3Tujuan 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.4Demonstrasi Tampilan

Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari web penjualan sepatu online yang telah dibuat, berikut ini tampilannya:

1. Tampilan Beranda

(13)

Gambar 4.1 Tampilan Beranda

2. Tampilan Kategori Produk

(14)

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.

(15)

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

(16)

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

(17)

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.

(18)