BAB IV
PERANCANGAN SISTEM USULAN
4.1 Tahapan Perancangan Sistem 4.1.1 Analisis Kebutuhan
1. Kebutuhan Pengguna
Kebutuhan Pengguna Analisis kebutuhan berfokus pada perangkat lunak yang akan dibuat oleh penulis. Penulis mendesignn rancangan antar muka yang terdapat pada Aplikasi e-Borobudur Store mempunyai tiga pengguna, yaitu :
A. Admin
Admin sebagai administrator yang menerima dan memproses informasi dari costumer pada aplikasi, yakni menggunakan sistem ini untuk melakukan proses sebagai berikut :
1. Admin dapat memproses pesanan costumer ke proses selanjutnya.
2. Admin dapat menambah, mengubah, dan menghapus password.
3. Admin dapat menambah, mengubah dan menghapus kategori barang.
4. Admin dapat melihat daftar costumer.
5. Admin dapat melihat data konfirmasi pembayaran.
6. Admin dapat mengirim barang yang terjual melalui ekspedisi toko.
7. Admin dapat melihat dan mencetak laporan.
B. Pengunjung
Pengunjung yang membuka Aplikasi hanya dapat melakukan hal - hal sebagai berikut :
1. Pengujung dapat melihat berbagai macam kategori barang yang dijual.
2. Pengujung dapat melihat tampilan profil barang seperti merek, jenis, bahan dan harga.
3. Pengujung dapat membuat akun untuk bisa bertransaksi dan status nya berubah menjadi Costumer.
C. Costumer
Costumer adalah pengunjung yang telah melakukan pedaftaran menjadi
anggota Costumer dapat melakukan proses sebagai berikut :
1. Costumer dapat Login dengan username dan password yang sudah dia daftarkan.
2. Costumer dapat membeli berbagai macam pakaian dengan berbagai kategori, merek dan harga yang ada pada aplikasi.
3. Costumer dapat melihat tampilan transaksi
4. Costumer dapat melakukan transaksi dikeranjang belanja
5. Costumer dapat melakukan transaksi dan memilih metode pembayaran 6. Costumer dapat menerima bukti transaksi dan bukti kurir pengiriman
barang.
2. Kebutuhan Sistem A. Sistem Administrator
Admin dapat login untuk masuk kehalaman administrator Aplikasi untuk menmproses data-data dan informasi yang terdapat pada aplikasi, dan dapat melihat order masuk serta laporan transaksi.
B. Sistem Member
Penggujung yang sudah mendaftar dapat login dengan username dan password yang dimilikinya, jika belum daftar pengunjung dapat membuat akun untuk daftar
dan login, anggota dapat melihat-lihat produk, melakukan pemesanan produk, melakukan pembayaran dengan berbagai metode dan tinggal menunggu barang diantar.
C. Sistem Keranjang Belanja
Produk yang dipilih akan masuk kedalam keranjang belanja, didalam keran- jang belanja produk masih dapat diubah jumlah beli, atau menambah produk lagi dan jika sudah sesuai keinginan dapat melanjutkan pembelian, serta memilih metode pembayaran dan metode pengiriman dan mencetak bukti transaksi.
4.1.2 Rancangan Diagram Use Case
Use Case Diagram digunakan untuk menggambarkan fungsi dari sebuah sitem dan siapa saja yang menggunakan fungsi tersebut. Dibawah ini adalah rancangan Use Case Diagram pada aplikasi E-Borobudur Store :
Gambar IV.1 Use Case Diagram E-Borobudur Store
4.1.3 Rancangan Diagram Aktivitas
Berikut adalah Rancangan Diagram Aktivitas pada Aplikasi E-Borobudur Store :
1. Rancangan Diagram Aktivitas Input Stock Awal :
Gambar IV.2 Activity Diagram Input Stock Awal
2. Diagram Aktivitas Proses Pembayaran
Gambar IV.3 Activity DiagramTransaksi Costumer
4.1.4 Rancangan Dokumen Sistem Usulan
Rancangan dokumen sistem usulan membahas rincian dokumen masukan (input) dan dokumen keluaran (output) yang ada pada Aplikasi E-Borobudur Store, berikut adalah dokumen masukan dan keluaran yang ada pada Aplikasi E- Borobudur Store :
1. Dokumen Masukan (input)
Dokumen masukan (input) adalah suatu dokumen yang berisi data – data yang digunakan sebagai dasar untuk nantinya diproses sehingga menghasilkan keluaran atau output, dibawah adalah dokumen masukan usulan yang ada pada Aplikasi E- Borobudur Store:
1. Nama Dokumen : SPPB (Surat Perintah Pengiriman Barang)
Sumber : Gudang Pusat
Tujuan : Ekspedisi / Admin
Media : Kertas
Bentuk : Lampiran A1
Jumlah : Menyesuaikan
Frekuensi : Setiap memmposting barang baru
Fungsi : Untuk menginput barang baru ke Aplikasi 2. Nama Dokumen : Data barang dipilih
Sumber : Costumer
Tujuan : Admin dan Sistem
Media : Aplikasi
Bentuk : Lampiran A1
Jumlah : Menyesuaikan
Frekuensi : Setiap terjadi Transaksi Penjualan Fungsi : Untuk menginput data barang terjual 3. Nama Dokumen : Input Metode Bayar
Sumber : Costumer
Tujuan : Admin dan Sistem
Media : Aplikasi
Bentuk : Lampiran A1
Jumlah : Menyesuaikan
Frekuensi : Setiap terjadi Transaksi Penjualan Fungsi : Menginput metode bayar dan Ekspedisi
2. Dokumen Keluaran (output)
Dokumen keluaran adalah dokumen yang dihasilkan dari dokumen masukan yang telah diinput. Dibawah ini adalah beberapa dokumen keluaran usulan yang ada pada Aplikasi E-Borobudur Store :
1. Nama Dokumen : Kode Pembayaran
Sumber : Sistem
Tujuan : Costumer
Media : Aplikasi
Bentuk : Lampiran A1
Jumlah : Menyesuaikan
Frekuensi : Setiap terjadi Transaksi Penjualan Fungsi : Untuk melakukan pembayaran Costumer 2. Nama Dokumen : Bukti Transaksi dan Nomor Resi
Sumber : Sistem
Tujuan : Admin, Manager dan Costumer
Media : Aplikasi
Bentuk : Lampiran A1
Jumlah : Menyesuaikan
Frekuensi : Setiap terjadi Transaksi Penjualan
Fungsi : Bukti bagi Costumer dan laporan Perusahaan 4.1.5 Rancangan Prototype
Dalam Sistem Aplikasi E-Borobudur Store terdapat 2 user,yaitu Admin dan Costumer, berikut adalah rancangan prototype Aplikasi E-Borobudur Store yang di ilustrasikan pada tampilan Dekstop :
1. Halaman Utama
Ini adalah tampilan mock up halaman pertama kali saat membuka
aplikasi,halaman ini berlaku untuk admin,costumer maupun pengunjung.
Link admin untuk login admin, link daftar untuk pengunjung yang daftar menjadi pelanggan, dan login untuk pelanggan yang sudah terdaftar.
Gambar IV.4 Mock up halaman utama
2. Halaman Login Admin
Selanjutnya jika kita pilih link Admin maka kita akan dibawa kehalaman login untuk admin, dalam aplikasi ini tidak menyediakan halaman daftar untuk admin dikarenakan admin adalah karyawan sendiri yang telah ditentukan untuk menjadi admin saat sistem dirancang,berikut adalah mock up halaman login admin :
Gambar IV.5 Mock up halaman login admin
3. Halaman Admin
Setelah admin mengisi NIK dan password, admin akan dibawa ke halaman utama admin,disini terdapat daftar barang yang bisa di cek dan diupdate atau di tambah artikelnya. Disini terdapat daftar barang menurut divisi masing masing
Gambar IV.6 Mock up halaman admin
4. Halaman Daftar Barang Dijual
Untuk melihat,mengupdate atau menambah stock,admin harus memilih salah satu divisi,missal admin memilih divisi A2 Men’s,dan akan terdapat tampilan seperti berikut :
Gambar IV.7 Mock up Daftar Barang Admin
Diatas dapat dilihat secara lengkap barang yang telah terupload pada aplikasi sesuai Nomor SKU, nama barang merek dan lainnya,bila admin ingin
merubah quantity barang tinggal di klik pada bagian tambah stock dan pada table stock,dan bila ingin menambah artikel admin harus memilih tambah barang dan akan dibawa ke tampilan tambah barang.
5. Halaman Tambah Barang
Halaman ini digunakan apabila admin ingin menambah artikel baru, disana tersedia menu Nama Barang, Harga Ukuran, Quantity dan upload foto, berikut adalah mock up tambah barang :
Gambar IV.8 Mock up tambah barang
6. Halaman Daftar Untuk Pelanggan
Setelah membahas mock up bagian pada halaman admin, selanjutnya adalah mock up bagian costumer, kembali lagi ke halaman awal, bila tadi admin memilih link admin,sekarang kita memilih link daftar untuk pengunjung yang ingin menjadi pelanggan,dan setelah mengklik link daftar kita akan dibawa ke halaman berikut :
Gambar IV.9 Mock up daftar untuk pengunjung
Setelah mengisi formulir diatas, pengunjung sudah menjadi member atau pelanggan dan bisa melanjutkan transaksinya ke tahap bayar.
7. Halaman Login Costumer
Halaman login diperuntukan untuk Pelanggan atau Costumer yang sudah terdaftar,berikut tampilannya :
Gambar IV.10 Mock up login costumer
8. Halaman Barang
Setelah Login,Sistem akan mengarahkan kembali Costumer ke halaman utama dan link dikanan atas berubah menjadi nama costumer tersebut, dan apabila costumer mengklik salah satu bagian yang ingin dicari barangnya, maka sistem akan mengarahkan ke bagian halaman barang, ambil contoh costumer mencari pakaian pria di bagian men’s dan mock up nya sebagai berikut :
Gambar IV.11 Mock up daftar barang
9. Halaman Detail Barang
Selanjutnya costumer memilih barang yang tersedia lalu akan diarahkan ke halaman detail barang seperti berikut :
Gambar IV.12 Mock up detail barang
Pada halaman ini costumer dapat memilih ukuran, warna, dan jumlah yang dibeli,lalu memilih simpan dikeranjang atau beli langsung, apabila beli langsung costumer akan diarahkan ke halaman pilih metode pembayaran.
10. Halaman Metode Pembayaran
Pada halaman ini costumer di anjurkan untuk memilih metode pembayaran dari bank mana atau COD dan lainnya.berikut adalah mock up nya :
Gambar IV.13 Mock up pembayaran 1
Gambar IV.14 Mock up pembayaran 2
Pada menu diatas dicontohkan costumer memilih pembayaran melalui Bank BCA lalu pilih next,dan selanjutnya Costumer akan diberikan nomor Virtual Account BCA, dan setelah terbayar sistem akan terkonfirmasi ke admin dan barang langsung dikirm ke Costumer.
11. Halaman Bukti Transaksi
Halaman ini ditujukan untuk pembeli sebagai bukti transaksi yang sah
Gambar IV.15 Mock up bukti transaksi
4.2 Perancangan Perangkat Lunak 4.2.1 Entity Relationship Diagram (ERD)
ERD adalah diagram yang dipergunakan untuk memperlihatkan hubungan atau relasi antar entitas atau objek yang terlihat beserta atributnya. Berikut ERD usulan pada aplikasi E-Borobudur Store:
Gambar IV.16 ERD usulan aplikasi E-Borobudur Store
4.2.2 Logical Record Structure (LRS)
Logical Record Structure adalah representasi dari struktur record – record pada table – table yang terbentuk dari hasil relasi antar himpunan entitas. Berikut LRS pada sistem usulan aplikasi E-Borobudur Store:
Gambar IV.17 LRS usulan aplikasi E-Borobudur Store
4.2.3 Spesifikasi File
Spesifikasi file merupakan penjelasan mengenai bentuk-bentuk file database yang digunakan untuk pengolahan proses system. Nama Aplikasi ini adalah” E- Borobudur Store” Berikut beberapa File yang ada di Program Kasir Borobudur Department Store:
Developer membuat Database dengan table table sebagai berikut : 1. Nama File : Admin
Akronim : Admin
Atribut File : Username, Password, Nama dan No.ID
Fungsi File : Untuk menyimpan data dan identitas Admin Media File : Harddisk
Software : Mysql
Tabel IV.1
Daftar Spesifikasi File Admin
No Nama Field Jenis Lebar Keterangan
1 Id_admin Varchar 10 Primary key
2 Nama Admin Varchar 25
3 Username Varchar 15
4 Password Varchar 15
2. Nama File : Costumer Akronim : Costumer
Atribut File : Username, Password, Nama, No.ID, Alamat dan No.Telepon
Fungsi File : Untuk menyimpan data dan identitas Costumer
Media File : Harddisk Software : Mysql
Tabel IV.2
Daftar Spesifikasi File Pelanggan
No Nama Field Jenis Lebar Keterangan 1 Id_costumer Varchar 10 Primary key
2
Nama Costumer
Varchar 25
3 Username Varchar 15
4 Password Varchar 15
5 Alamat Varchar 50
6 No.Telepon Varchar 15
3. Nama File : Penjualan
Atribut File : No.Transaksi,Tanggal Transaksi, No.SKU, Nama Barang, Artikel, Jumlah dan Nilai.
Fungsi File : Untuk menyimpan data Penjualan Media File : Harddisk
Software : Mysql
Tabel IV.3
Daftar Spesifikasi File Penjualan
No Nama Field Jenis Lebar Keterangan 1 No_transaksi Varchar 10 Primary key
2
Tanggal_transa ksi
Varchar 15
3 No_SKU Varchar 15 Foreign key
4 Nama_barang Varchar 25
5 Artikel Varchar 10
6 Jumlah Varchar 5
7 Nilai Varchar 10
4. Nama File : Barang Akronim : Barang
Atribut File : No.SKU, Nama Barang, Merek,Artikel dan Harga.
Fungsi File : Menyimpan data Identitas Barang Media File : Harddisk
Software : Mysql
Tabel IV.4
Daftar Spesifikasi File Barang
No Nama Field Jenis Lebar Keterangan
1 No_sku Varchar 10 Primary key
2 Nama Barang Varchar 25
3 Merek Varchar 15
4 Artikel Varchar 15
5 Harga Varchar 15
4.2.4 Class Model / Class Diagram
Class model / Class diagram model statis yang menggambarkan struktur dan deskripsi class serta hubungannya antara class. Ini adalah class model usulan Aplikasi Borobudur Store :
Gambar IV.18 Class diagram usulan aplikasi E-Borobudur Store
4.2.5 Sequence Diagram
Sequence Diagram adalah salah satu diagram – diagram yang ada pada UML, sequence diagram ini adalah diagram yang menggambarkan kolaborasi dinamis antara sejumlah object. dibawah ini urutan Sequence Diagram pada aplikasi E- Borobudur Store :
1. Sequence Diagram Input Barang
Gambar IV.19 Sequence diagram usulan input data aplikasi E-Borobudur Store
2. Sequence Diagram Transaksi
Gambar IV.20 Sequence diagram usulan transaki aplikasi E-Borobudur Store
4.2.6 Spesifikasi Hardware dan Software
Spesifikasi hardware dan software untuk membangun sistem ini adalah sebagai berikut:
1. Spesifikasi Hardware
Tabel IV.5
Daftar Spesifikasi Hardware
No Komponen Spesifikasi
1 Laptop Dell Latitude E5420
Memory : 4096MB RAM
Procesor : Intel® Core ™ i5-2520M CPU @ 2.50Ghz (4 CPUs), ~2.5GHz 2 Smartphone Xiaomi Redmi 5a
Procesor : Qualcomm
Snapdragon™ 425 quad-core 1.4GHz
Baterai : 3000mAh
Memory : RAM 2GB,ROM 16GB 2. Spesifikasi Software
Tabel IV.6
Daftar Spesifikasi Software
No Komponen Spesifikasi
1 Text Editor Sublime Text 3
2 Sistem Operasi Windows 7 Ultimate 64-bit 3 Bahasa Pemrograman Java
4 Database MYSQL
4.3 Jadwal Implementasi
Jadwal implementasi yang penulis lakukan dalam menyelesaikan rancangan data ini, berlangsung seperti jadwal dibawah ini :
1. Instalasi Hardware dan Software
Adalah kegiatan yang dilakukan dalam rangka pemasangan perangkat keras dan perangkat lunak untuk mendukung dalam pembuatan sistem ini. Dalam kegiatan in- stalasi hardware dan software diperlukan waktu selama satu minggu.
2. Penyiapan Dokumen Input
Penyiapan dokumen input adalah kegiatan yang bertujuan untuk mengumpulkan data-data yang dibutuhkan sebagai masukan dalam pembuatan sistem ini. Kegiatan ini membutuhkan waktu seminggu.
3. Pembuatan Database
Pembuatan database adalah kegiatan yang dilakukan dalam membuat database file untuk menunjang berjalannya sistem ini. Dalam pembuatan database diperlukan waktu selama dua minggu.
4. Pembuatan dan Tes Program
Kegiatan yang dilakukan adalah membuat file program yang diperlukan dalam mengolah data yang ada, seperti program pemasukan data anggota Admin, program pencetakan daftar-daftar yang harus dilaporkan serta program lainnya. Setelah pro- gram dibuat kemudian dilakukan tes program guna mengetahui apakah dapat berjalan dengan baik. Kegiatan ini memerlukan waktu selama dua minggu.
5. Pembuatan Buku dan Petunjuk Operasi
Merupakan kegiatan yang bertujuan untuk membuat buku dan petunjuk yaitu mengenai bagaimana cara megoperasikan sistem yang sudah dirancang didalamnya meliputi cara pengisian format, pengoperasian komputer, serta prosedur pencetakan.
6. Training Calon User
Kegiatan ini bertujuan untuk memberikan petunjuk dan pelatihan bagi calon user,disini calon usernya admin, tentang bagaimana cara pengoperasian dari keseluruhan sistem ini, sehingga calon user yang mengerjakan dapat mengerti cara kerjanya.
7. Tes Sistem
Kegiatan ini bertujuan untuk melakukan uji coba terhadap sistem secara keseluruhan dan sampai dimana prooses tersebut dapat berlangsung dengan baik dan benar. Mulai dari pemasukan data karyawan sampai menghasilkan beberapa keluaran data. Kegiatan ini memerlukan waktu selama dua minggu.
8. Konversi
Kegiatan ini bertujuan untuk melakukan perbaikan sistem yang sedang berjalan, dengan sistem usulan yang lebih baik. Kegiatan ini memerlukan waktu selama dua minggu.
9. Operasi dan Evaluasi
Kegiatan ini merupakan langkah akhir dari jadwal implementasi yang bertujuan sebagai penilaian akhir dari langkah-langkah sebelumnya, sehingga dapat diambil keputusan dari pelaksanaannya. Kegiatan ini memerlukan waktuselama dua minggu.
Tabel IV.7
Daftar Jadwal Implementasi
No Kegiatan
Bulan Pertama
Bulan Kedua
Bulan Ketiga 1 2 3 4 1 2 3 4 1 2 3 4
1
Instalasi Hardware dan Soft- ware.
2 Penyiapan Dokumen Input.
3 Pembuatan Database.
4 Pembuatan dan Tes Program
5
Pembuatan Buku dan Petun- juk Operasi.
6 Training Calon User.
7 Tes Sistem 8 Konversi
9 Operasi dan Evaluasi