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 perancangan sistem ini penulis mencoba untuk memberikan 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:
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
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 Type Data Size Description Kode_provinsi Int 2 Kode provinsi
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 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 banyak Int 11 Jumlah pcs produk
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 Description 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.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
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 Description Id_wishlist Int 12 Id wishlist (primary key) Id_user Varchar 10 Id user Kode_produk Varchar 12 Kode produk 3.4 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 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 Beranda Yes Produk-produk terbaru No Produk Yes 1. Flatshoes 2. Flipon 3. Heels 4. Loafer 5. Sandal 6.Wedges Kontak Yes Informasi profil toko Daftar Yes Informasi data pembeli Finish Gambar 3.2 Flow Chart Halaman Utama
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
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
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.
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.
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.
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.
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.
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
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
Gambar 4.5 Tampilan Admin
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 e- commerce 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.
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 pelanggan. Selain memberikan produk yang bagus, hendaknya didukung dengan memberikan berbagai penawaran serta kemudahan dan kenyamanan bagi pelanggan dalam mengakses dan melakukan transaksi. 2. Untuk permulaan pembuatan sistem penjualan online dengan web e- commerce 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.