BAB III ANALISIS DAN PERANCANGAN SISTEM

(1)

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Metode Pelaksanaan

Pelaksanaan penelitian ini dilakukan mulai pada awal bulan April, bertempat di UKM sekitar wilayah Jakarta barat.

3.2 Hasil Penelitian

Adapun hasil penelitian yang telah dilakukan yaitu observasi dan survey secara langsung, berikut adalah data hasil observasi yang telah dilakukan :

Tabel 3.1 Data Observasi

No Nama

Pemilik

Jenis Usaha

Alamat Bentuk Usaha

1. _{Ibu Novi} UKM

Jl. Asia Baru Rt. 005/004, Duri Kepa., Kebon Jeruk, Jakarta Barat.

Pakaian

Wanita &

Anak (Usaha Dagang) 2. Bpk. Muzaqir UKM Jl. Asia Baru Rt. 007/04, _{Duri Kepa., Kebon Jeruk,}

Jakarta Barat.

Alat-Alat Kosmetik (Usaha Dagang)

3. Ibu Kesya UKM

Lt. Dasar Blok A No. 129-130, Pasar Kopro, Jalan Tanjung Duren Barat Rt. 014/05, Tj. Duren Selatan., Grogol Pertamburan, Jakarta Barat.

Tas & Sepatu (Usaha

Dagang)

4. Ibu Dwi UKM Jl. Raya Basmol Rt. 08/04

Jakarta Barat

Toko Pakaian (Usaha

(2)

5. Ibu Liping UKM Jl. Grenville tahap 4 Blok BD No 31. Jakarta Barat

Peralatan Tidur (Usaha

Dagang) Sumber : Data Olahan Peneliti

3.3 Gambaran Umum Usaha Kecil Menengah (UKM)

Berdasarkan data hasil penelitian yang telah diuraikan, maka gambaran umum dari UKM yang telah dilakukan penelitian adalah sebagai berikut :

Tabel 3.2 Gambaran Umum UKM

No Nama

Pemilik Gambaran Umum UKM

1. Ibu Novi

usaha bu novi dibuka sejak tahun 2015. Di toko ini menjual berbagai macam busana muslim, kerudungan dan celana legging. Dia memilih usaha ini hanya mengikuti trend karena banyak sekarang yang memakai hijab. Biasanya pelanggan yang belanja datang ke toko untuk melihat-lihat model dan nanya harganya jika cocok langsung beli. Cara memasarkannya dengan spanduk toko yang didepan, hanya dengan mulut ke mulut, dan tidak menggunakan sosial media. Kendalanya hanya kalau ada barang yang Riject tdk bisa dikembalikan tapi barang riject dijual dengan harga murah. Barang dibeli sendiri tidak dikirim, belinya dipasar grosir tanah abang. Selama 4 tahun usaha ini mengalami pasang surut biasanya tahun ini lumayan tahun kedepannya bersurut. kemudian di toko ini tidak menerima pesanan.

2. Bpk. Muzaqir

usaha bpk. Muzaqir dibuka sejak tahun 2016, di toko ini menjual alat-alat kosmetik seperti bedak, make up, lipstik, eye shadow, eye liner, maskara dll. Sebelumnya

(3)

beliau pernah membuka usaha toko beras tetapi beliau berpindah ke usaha kosmetik ini karena sangat menguntungkan. Biasanya pelanggan yang belanja kesini itu eceran. Cara pemasarannya hanya tergantung sama pembeli tidak memakai sosial media aja dan informasi hanya dari mulut ke mulut. Hambatannya jika kalau barang kosmetik di pasaran mahal maka di toko ini saya naikkan harganya dari harga biasanya yg dijual. Barang ini saya beli dipasar Asemka dan barang tersebut saya beli sendiri. Usaha ini mengalami kemajuan.

3. Ibu Kesya

usaha bu kesya dibuka sejak tahun 1995, di toko ini menjual aneka macam tas sekolah, tas wanita, tas koper dan sepatu. Memilih usaha ini karena orang banyak yang mencari untuk kebutuhannya dan mengikuti suatu trend. Orang yang belanja kesini hanya bergantung kepada pembeli yang datang trus melihat-lihat, menanyakan harga trus membeli. Cara memasarkannya cukup dengan menawarkan dan menanyakan kepada pembeli yang datang trus informasi hanya dari mulut ke mulut tidak menggunakan Sosial Media. Hambatanya hanya kurang modal. Barang ini dibeli dipasar senen, jatinegara, dan pasar pagi. Usaha ini sudah berjalan dengan baik dari tahun ke tahun, di kala ada peningkatkan dan juga ada penurunan. Soalnya hanya bergantung terhadap pembeli yang datang membeli.

4. Ibu Dwi

usaha bu dwi dibuka sejak tahun 2008, di toko ini menjual pakaian wanita, tas, aksesoris. Biasanya orang yang belanja datang ketoko, barang yang laku biasanya relatif kala awal bulan yang banyak dicari adalah Baju & tas itu sesuai kebutuhan pelanggan aja. Memilih usaha ini karena udah Fashion nya trus mengikuti trend pasar. Cara pemasarannya datang ke toko, mengandalkan

(4)

Spanduk ditoko dan tidak memakai sosial media informasi hanya dari mulut kemulut. Ibu dwi ini karena sudah banyak mempunyai pelanggan jadi tidak susah untuk memasarkannya. Hambatanya hanya modal karena biasanya modal lah untuk memulai suatu usaha, paling barang ada yang riject itu bisa dikembalikan atau dijual dengan harga murah tapi butuh waktu yang lama. Hanya butuh kesabaran untuk cari langganan atau pembeli. Barang dibeli dipasar grosir tanah abang dan dibeli sendiri. Usaha ini mengalami peningkatan dari tahun ke tahun trus ibu dwi membuka cabang juga.

5. Ibu Liping

Usaha Bu Liping dibuka sejak tahun 1887, ditoko ini menjual peralatan tidur seperti Sprei, Sarung (bantal & guling), bed cover. Sebelumnya mempunyai usaha peralatan tidur bu Liping membuka usaha kantin tetapi usaha peralatan tidur lebih menguntungkan, serta peralatan tidur juga banyak yang dicari orang untuk kebutuhan. Proses orang belanja biasanya datang melihat-lihat, membeli, trus ada juga yang membeli dengan eceran, kodian, dan grosiran. Cara pemasarannya dari mulut ke mulut dan tergantung pembeli yang datang. Disini juga menerima pesanan itu biasanya dikirim keluar kota, ke mall, dan ke hotel. Kendalanya karena banyak pesaing dan harga bahan baku bahannya yang terus naik. Paling kalau kita memesan bahan import yang lama datangnya karna masuk ke dalam negerinya. Bahan juga bisa langsung pesan dari importir Surabaya dan barang itu dikirim. Usaha ini terus berjalan dengan lancar dan mengalami peningkatan tetapi mengalami penurunan pas tahun 1998 pada zamannya krisis.

(5)

3.4 Analisis Proses Bisnis Yang Berjalan

Berdasarkan gambaran UKM yang telah dilakukan penelitian, berikut ini adalah proses bisnis yang berjalan pada UKM :

3.4.1 Proses Bisnis Pembelian Barang Ditoko

Pada proses bisnis ini dijelaskan bagaimana pelanggan melakukan pembelian barang di toko. Yaitu dengan datang langsung ke tempat UKM tersebut berjualan. Kemudian pelanggan dapat langsng melihat jenis produk atau barang yang diinginkan. Kemudian pelanggan dapat membeli jenis barang yang diinginkan. Kemudian pihak toko UKM tersebut melayani pelanggan dengan mencari jenis barang yang diinginkan oleh pelanggan. Jika pelanggan ingin membeli maka toko UKM akan langsng memproses pembelian dan mencari barang yang diinginkan UKM. Sebaliknya jika UKM tidak ingin membeli, maka pelanggan bisa hanya dapat melihat lihat jenis barang yang dijual di toko UKM tersebut. Setelah pelanggan memilih barang yang diinginkan, kemudian barang tersebut diproses ke pembayaran, setelah selesai. Pelanggan wajib membayar harga yang telah ditentukan oleh pihak UKM.

Berikut adalah proses bisnis yang tergambar dalam activity diagram di bawah ini :

(6)

Activity Diagram Proses Bisnis Pembelian Barang Di Toko

Pelanggan Toko UKM

Pelanggan Mendatangi Toko

Melayani Pelanggan Pelanggan Melihat Barang

Yang Ingin Dibeli

Memproses dan memberikan detail pembelian pelanggan Mulai

Selesai Ya

Melihat Jenis Barang Yang Diinginkan

Mencari Jenis Barang Yang Diinginkan Oleh Pelanggan

Melakukan Pembayaran atas

barang yang telah dibeli memberikan struk pembayaranMemproses Pembayaran dan Ingin Membeli

Tidak

Gambar 3.1 Activity Diagram Proses Bisnis Berjalan

Tabel 3.3 Deskripsi Activity Diagram Proses Bisnis Berjalan

Nama Activity Diagram Proses Pembelian Barang Ditoko

Aktor Pelanggan dan Karyawan Toko

Keterangan Menjelaskan tentang proses pembelian barang yang ada

ditoko

Skenario 1. Pelanggan mendatangi toko

2. Pelanggan melihat barang ingin dibeli 3. Karyawan toko melayani pelanggan

4. Pelanggan melihat jenis barang yang diinginkan

5. Karyawan toko mencari jenis barang yang diinginkan oleh pelanggan

(7)

6. Pelanggan melakukan pembayaran atas baran yang telah dibeli

7. Karyawan toko memperoses dan memberikan detail pembelian pelanggan

8. Karyawan toko memproses pembayaran dan memberikan struk pembayaran

3.5 Analisis Masalah Dengan Metode PIECES

Adapun analisis masalah yang akan diuraikan ini menggunakan Metode Analisis PIECES, guna mempermudah dalam proses analisis masalah yang akan diuraikan, berdasarkan framework PIECES (Performance, Information, Economic, Control, Efficiency, Service) :

A. Analisis Kinerja (Performance)

Tabel 3.4 Analisis Kinerja

No Faktor Hasil Analisa

1 Throughput/

ketepatan waktu

❖ Pada Proses penjualan, ketepatan waktu dalam melayani pelanggan sangat lambat, serta dalam tidak adanya informasi detail terhadap produk yang dijual di UKM tersebut.

2 Response Time ❖ Pada Proses Penjualan, response time yang di hasilkan terkesan lambat, terutama dalam mengecek ketersediaan produk yang ada di UKM tersebut.

(Sumber : Data Olahan Peneliti) B. Analisis Informasi (Information)

Tabel 3.5 Analisis Informasi

1 Akurat ❖ Pada proses penjualan di UKM, informasi yang

(8)

tidak sesuai. karena sering mengalami kesalahan dalam pencatatan permintaan produk (Order Product).

2 Kecepatan ❖ Pada proses penjualan di UKM, kecepatan informasi

tentang produk yang dijual tidak terlalu update. sehingga jika memproduksi jenis model baru tidak terlalu di ketahui oleh pelanggan.

3 Relevansi ❖ Pada proses penjualan, terjadi kesalahan dalam

pencatatan permintaan produk (order product) sering terjadi, sehingga data menjadi tidak relevan. Terutama dalam dokumentasi data pelanggan. (Sumber : Data Olahan Peneliti)

C. Analisis Ekonomi (Economy)

Tabel 3.6 Analisis Ekonomi

1 Biaya ❖ Biaya yang dikeluarkan cukup banyak untuk

pencatatan dokumentasi yang terjadi pada proses penjualan.

2 Perlengkapan ❖ Pendokumentasian yang dilakukan masih secara

manual, dan cukup banyak penggunaan media seperti buku dan nota penjualan.

(9)

D. Analisis Kontrol (Control)

Tabel 3.7 Analisis Kontrol

1 Pengamanan

data

❖ Dari analisis sistem lama diperoleh hasil, yaitu ada kekurangan dalam hal pendokumentasian pengolahan data anggota UKM.

(Sumber : Data Olahan Peneliti) E. Analisis Efisiensi (Efficiency)

Tabel 3.8 Analisis Efisiensi

1 Penggunaan

Sumber Daya

❖ _{Dari hasil analisis, bahwa belum memiliki sistem}

yang mendukung proses penjualan, serta tidak adanya pembuatan laporan dari anggota UKM.

2 Hasil yang

didapat

❖ Sering kesalahan perhitungan, terutama dalam proses penjualan di UKM. karena prosesnya masih dilakukan secara manual.

(Sumber : Data Olahan Peneliti) F. Analisis Layanan (Service)

Peningkatan pelayanan pada proses penjualan, Pada setiap UKM berguna untuk memberikan mutu produksi, penjualan dan kualitas hasil produksi yang lebih baik.

Karena masih menggunakan sistem yang bersifat manual, dan belum menggunakan sistem yang terintegrasi seperti proses penjualan.

3.6 Masalah yang dihadapi

Berdasarkan analisis masalah yang telah diuraikan, maka masalah yang di hadapi oleh pihak UKM tersebut adalah sebagai berikut :

1. Tidak adanya pemanfaatan teknologi informasi dalam proses pemasaran produk di UKM.

(10)

2. Tidak adanya media promosi dalam proses penjualan di UKM, Sehingga pelanggan tidak mengetahui update produk apa saja yang ada di UKM tersebut. 3. Tidak adanya dokumentasi data anggota UKM yang terdaftar.

3.7 Analisis Kebutuhan Sistem

3.7.1 Analisis Kebutuhan Fungsional

Adalah jenis requirement yang berisi proses-proses apa saja yang nantinya dilakukan oleh sistem. Kebutuhan fungsional juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan oleh aplikasi pengelolaan anggota UKM digital ini.

Tabel 3.9 Analiss Kebutuhan Fungsional

No. User Requirements

1 Admin 1. Login admin

2. Kelola Data Anggota UKM 3. Lihat Informasi Produk 4. Lihat Informasi UKM 5. Manage penjualan 6. Manage katagori produk

7. Lihat informasi tentang kami dan kontak 8. Logout

2 Anggota UKM 1. Daftar Sebagai Anggota UKM

2. Login Sebagai Anggota UKM 3. Kelola Informasi UKM 4. Kelola Produk UKM 5. Lihat Informasi UKM 6. Mengelola data produk 7. Transaksi Penjualan 8. Transaksi Pembelian 9. Logout

(11)

3.7.2 Rencana Kebutuhan Non Fungsional

Kebutuhan yang diperlukan di dalam non-functional requirement yang berisi property perilaku yang dimiliki aplikasi pengelolaan anggota UKM digital ini.

a) Information

Informasi merupakan hal penting karena dengan informasi tersebut pihak admin, dan anggota UKM dapat menggunakan aplikasi pengelolaan anggota UKM digital, apabila kemampuan sistem informasi baik, maka user akan mendapatkan informasi yang akurat, tepat waktu dan relevan, sehingga proses bisnis akan berjalan sesuai dengan yang diharapkan.

b) Performance

Aplikasi harus dapat merespon perintah yang diberikan oleh user, menampilkan data/informasi yang meng-update tepat pada waktunya setelah suatu proses memenuhi syarat dan dikatakan berhasil. Tindakan sistem separti menyimpan atau memuat banyak data jangan sampai mempengaruhi kecepatan akses data.

c) Security

Beberapa data tertentu hanya bisa dilihat dan diubah oleh admin, data tersebut selain disimpan pada sistem di perangkat, juga harus disimpan ke database pada web yang bisa diakses oleh admin.

d) Usability

User interface dari sistem ini tidak boleh terlalu banyak menampilkan konten yang tidak diperlukan, tidak banyak menu yang membingungkan, harus menggunakan font tulisan yang mudah dibaca dan kalimat informasi yang mudah dimengerti. Fitur-fitur yang terdapat pada sistem juga harus dapat berfungsi sesuai peranannya.

(12)

3.8 Perancangan Sistem Usulan Dan Pembangunan Aplikasi Usulan

Berdasarkan hasil analisis dan beberapa permasalahan yang dihadapi pada proses bisnis yang berjalan tersebut, maka pada bab ini akan dirancang suatu sistem usulan yaitu dengan membuat aplikasi pengelolaan data anggota UKM digital yang lebih praktis dan mudah dengan memanfaatkan teknologi yang sudah berkembang, Sehingga dengan aplikasi ini diharapkan dapat dipergunakan sebagai alat untuk mengatasi permasalahan yang ada. Untuk mempersiapkan suatu aplikasi pengelolaan data anggota UKM yang baik, maka diperlukan rencana-rencana dalam proses pembuatannya.

Aplikasi pengelolaan data anggota UKM ini akan dijelaskan dengan menggunakan metode pembuatan perangkat lunak eXtreme Programming dengan tahapan yang dimilikinya. Berikut ini adalah tahapan perancangan dan pembangunann aplikasi yang dibuat.

3.8.1 Diagram Use Case Sistem Usulan

Anggota UKM Admin Daftar Sebagai Anggota UKM Login Kelola Produk UKM Kelola Informasi Penjualan Kelola Informasi Lihat Data Penjualan Melakukan Transaksi Pembelian Keranjang Belanja Informasi tentang

kami dan kontak

Pembeli Kelola Data Anggota

UKM Lihat Data Produk

UKM Lihat Informasi Kelola Jenis Kategori

Produk UKM

Kelola Informasi Tentang Kami dan Kontak

Logout

Lihat Data Produk

Lihat Informasi UKM Lihat Produk UKM

<<include>> Logout <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> Login <<include>> <<include>> <<include>> <<include>> <<include>>

(13)

Tabel 3.10 Skenario Use Case Login Nama Use Case Login

Aktor Pengguna

Deskripsi Pengguna memilih login

Pre-kondisi Pengguna melakukan login

Tindakan Pengguna memasukkan username dan password

Post kondisi Pengguna masuk ke halaman home user

Alternatif Jika username atau password salah maka akan kembali ke

login

Tabel 3.11 Skenario Use Case Kelola data anggota UKM

Nama Use Case Kelola data anggota UKM

Aktor Admin

Deskripsi Admin memilih data manage

Pre-kondisi Admin melakukan login terlebih dahulu dan admin melihat

sistem

Tindakan Admin kelola data Anggota UKM

Post kondisi Admin dapat menonaktifkan anggota

Tabel 3.12 Skenario Use Case Lihat data produk UKM

Nama Use Case Lihat data produk UKM

Aktor Admin

Deskripsi Admin memilih menu manage

sistem

Tindakan Admin Lihat data produk UKM

Post kondisi Admin hanya dapat melihat produk UKM

Tabel 3.13 Skenario Use Case Lihat Informasi UKM

Nama Use Case Lihat Informasi UKM

(14)

Deskripsi Admin memilih menu informasi

system

Tindakan Admin Lihat Informasi UKM

Post kondisi Admin hanya dapat melihat dan menambahkan tentang

informasi UKM

Tabel 3.14 Skenario Use Case Kelola jenis kategori produk UKM

Nama Use Case Kelola jenis kategori produk UKM

Aktor Admin

Deskripsi Admin memilih data manage

sistem

Tindakan Admin kelola jenis kategori produk UKM

Post kondisi Admin dapat menambah dan merubah kategori UKM

Tabel 3.15 Skenario Use Case Lihat data penjualan

Nama Use Case Lihat data penjualan

Aktor Admin

Deskripsi Admin memilih menu manage

Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin

melihat sistem

Tindakan Admin lihat data penjualan

Post kondisi Admin hanya dapat melihat data penjualan

Tabel 3.16 Skenario Use Case Kelola informasi tentang kami dan kontak

Nama Use Case Kelola informasi tentang kami dan kontak

Aktor Admin

Deskripsi Admin memilih menu informasi tentang kami dan kontak

(15)

Tindakan Admin kelola informasi tentang kami dan kontak

Post kondisi Admin dapat merubah informasi tentang kami dan kontak

Tabel 3.17 Skenario Use Case Daftar sebagai Anggota UKM

Nama Use Case Daftar sebagai Anggota UKM

Aktor Anggota UKM

Deskripsi Anggota UKM memilih menu Daftar

Pre-kondisi Anggota UKM melakukan Daftar terlebih dahulu

Tindakan Anggota UKM harus login sebelum masuk ke halaman utama

aplikasi

Post kondisi Anggota UKM hanya mendaftar

Tabel 3.18 Skenario Use Case Kelola Informasi UKM

Nama Use Case Kelola Informasi UKM

Aktor Anggota UKM

Deskripsi Anggota UKM memilih menu informasi

melihat sistem

Tindakan Anggota UKM Kelola informasi tentang UKM

Post kondisi Anggota UKM melihat dan menambahkan informasi tentang

UKM

Tabel 3.19 Skenario Use Case Kelola transaksi penjualan

Nama Use Case Kelola transaksi penjualan

Aktor Anggota UKM

Deskripsi Anggota menu penjualan

melihat sistem

Tindakan Anggota UKM kelola transaksi penjualan

(16)

Tabel 3.20 Skenario Use Case Kelola produk UKM Nama Use Case Kelola produk UKM

Aktor Anggota UKM UKM

Deskripsi Anggota UKM menu produk

melihat sistem

Tindakan Anggota UKM kelola tentang produk UKM

Post kondisi Anggota UKM dapat melihat dan menambahkan produk

UKM

Tabel 3.21 Skenario Use Case Informasi, Tentang Kami, dan Kontak

Nama Use Case Informasi, Tentang Kami, dan Kontak

Aktor Anggota UKM

Deskripsi Anggota menu UKM Indonesia

melihat sistem

Tindakan Anggota UKM lihat informasi, tentang kami, dan kontak

Post kondisi Anggota UKM untuk informasi hanya dapat melihat dan

menambahkan produk, sedangkan tentang kami dan kontak hanya dapat melihat.

Tabel 3.22 Skenario Use Case Melakukan transaksi pembelian

Nama Use Case Melakukan transaksi pembelian

Aktor Pelanggan

Deskripsi Anggota menu transaski

melihat sistem

Tindakan Pelanggan melakukan transaksi pembelian

(17)

Tabel 3.23 Skenario Use Case Lihat produk UKM Nama Use Case Lihat produk UKM

Aktor Pelanggan

Deskripsi Pelanggan memilih menu produk

melihat sistem

Tindakan Pelanggan lihat produk UKM

Post kondisi Pelanggan hanya melihat – lihat produk UKM dan melakukan

pembelian

Tabel 3.24 Skenario Use Case Keranjang Belanja

Nama Use Case Keranjang Belanja

Aktor Pelanggan

Deskripsi Pelanggan memilih menu keranjang belanja

Pre-kondisi Pelanggan melakukan login terlebih dahulu dan admin

melihat sistem

Tindakan Pelanggan memilih keranjang belanja

Post kondisi Pelanggan melihat barang dan melakukan pembelian serta

transaksi di keranjang belanja

Tabel 3.25 Skenario Use Case Lihat Informasi UKM

Nama Use Case Lihat Informasi UKM

Aktor Anggota UKM dan Pelanggan

Deskripsi Anggota UKM dan Pelanggan memilih menu informasu

Pre-kondisi Anggota UKM dan Pelanggan melakukan login terlebih

dahulu dan admin melihat sistem

Tindakan Anggota UKM dan Pelanggan Lihat informasi UKM

Post kondisi Anggota UKM dan Pelanggan hanya dapat melihat

(18)

Tabel 3.26 Skenario Use Case Lihat produk UKM Nama Use Case Lihat produk UKM

Aktor Anggota UKM dan Pelanggan

Deskripsi Anggota UKM dan Pelanggan memilih menu produk

Pre-kondisi Anggota UKM dan Pelanggan melakukan login terlebih

dahulu dan admin melihat sistem

Tindakan Anggota UKM dan Pelanggan Lihat produk UKM

Post kondisi Anggota UKM dan Pelanggan hanya dapat melihat produk

UKM

3.8.2 Diagram Activity Sistem Usulan

Activity Diagram Admin - Login

Admin Sistem

Melakukan Login Menampilkan Form Login

Mengisi Username dan Password

Menampilkan Halaman Utama Aplikasi Mulai Selesai Gagal Verifikasi Berhasil

(19)

Tabel 3.20 Diagram Activity Login Admin Nama diagram activity Login Admin

Deskripsi Admin akan melakukan login terlebih dahulu dengan

menggunakan user pada menu login, jika sesuai akan masuk ke halaman utama, jika tidak sesuai akan kembali ke menu login

Activity Diagram Admin - Manage User / Anggota UKM

Admin Sistem

Mengelola Data User Menampilkan Menu Manage User

Melihat Detail User

User Menjadi Tidak Aktif Mulai

Selesai

Yakin Ya

Menampilkan Detail User Tidak Menset User Menjadi Non Aktif

(20)

Tabel 3.21 Diagram Activity Manage User / Anggota UKM Nama diagram activity Manage User / Anggota UKM

Deskripsi Admin dapat mengelola data user, melihat detail user.

Tetapi admin hanya dapat menset user menjadi tidak aktif

Activity Diagram Admin - Manage Kategori

Admin Sistem

Mengelola Kategori Produk Menampilkan Menu Kategori Menmbahkan

Kategori Produk

Menampilkan Data Kategori Mulai

Selesai

Simpan Ya

Menampilkan Form Kategori Tidak

Mengisi Kategori Produk

Gambar 3.5 Diagram Activity Manage Kategori

Tabel 3.22 Diagram Activity Manage Kategori

Nama diagram activity Manage Kategori

Deskripsi Admin hanya dapat mengelola kategori produk

dengan menambahkan kategori produk dengan mengisi kategori produk

(21)

Activity Diagram Admin - Manage Penjualan

Admin Sistem

Mengelola Penjualan Menampilkan Menu Penjualan

Melihat Data Penjualan

Mulai

Selesai Menampilkan Form Detail

Penjualan

Gambar 3.6 Diagram Activity Manage Penjualan

Tabel 3.23 Diagram Activity Manage Penjualan

Nama diagram activity Manage Penjualan

Deskripsi Admin hanya dapat mengelola dan melihat data

(22)

Activity Diagram Admin - Lihat Produk

Admin Sistem

Lihat Data Produk UKM Menampilkan Menu Produk

Melihat Produk dan Kategori

Mulai

Selesai

Menampilkan Form Produk dan Kategori

Gambar 3.7 Diagram Activity Lihat Produk

Tabel 3.24 Diagram Activity Lihat Produk

Nama diagram activity Lihat Produk

(23)

Activity Diagram Anggota UKM - Login

Anggota UKM Sistem

Melakukan Sign In

Akun Menampilkan Form Sign

Mengisi Username dan Password

Menampilkan Halaman Utama Aplikasi Mulai Selesai Gagal Verifikasi Berhasil

Gambar 3.8 Diagram Activity Anggota UKM - Login

Tabel 3.25 Diagram Activity Anggota UKM - Login

Nama diagram activity Anggota UKM – Login

Deskripsi Anggota UKM melakulan sign dengan mengisi form

sign terlebih dahulu, setelah itu memasukkan username dan password, jika sesuai maka akan masuk ke halaman utama, dan jika tidak sesuai akan kembali ke halaman login

(24)

Activity Diagram Anggota UKM - Data Transaksi Penjualan

Admin Sistem

Mengelola Data Penjualan Menampilkan Menu Halaman _Penjualan

Melihat Detail Penjualan Mulai

Selesai Menampilkan Form Detail

Penjualan Dari Pembeli

Gambar 3.9 Diagram Activity Data Transaksi Penjualan

Tabel 3.26 Diagram Activity Data Transaksi Penjualan

Nama diagram activity Data Transaksi Penjualan

Deskripsi Anggota UKM dapat mengelola dan melihat data

(25)

Activity Diagram Anggota UKM - Add Produk

Anggota UKM Sistem

Mengelola Data Produk Menampilkan Menu Produk

Memilih Add Produk

Data Produk Berhasil Disimpan Mulai

Selesai

Simpan Ya

Tidak Mengisi Informasi Produk

Menampilkan Fom Produk

Gambar 3.10 Diagram Activity Tambah Produk

Tabel 3.27 Diagram Activity Tambah Produk

Nama diagram activity Tambah Produk

Deskripsi Anggota UKM mengelola dan melihat add produk

(26)

Activity Diagram Anggota UKM - Profile

Anggota UKM Sistem

Mengelola Profile Menampilkan Form Profile

Melakukan Edit Profile

Form Edit Berhasil Di simpan Mulai

Selesai Simpan

Ya Tidak

Mengisi Form Edit Profile

menapilkan Form Edit Profile

Gambar 3.11 Diagram Activity Profile

Tabel 3.28 Diagram Activity Profile

Nama diagram activity Profile

Deskripsi Anggota UKM dapat mengelola dan melakukan edit

(27)

Activity Diagram Anggota UKM - Tentang Kami dan Kontak

Anggota UKM Sistem

Melihat Informasi Tentang

Kami Menampilkan Halaman Utama Aplikasi

Melihat Kontak Mulai

Selesai Menampilkan Kontak

Gambar 3.12 Diagram Activity Tentang Kami Dan Kontak

Tabel 3.29 Diagram Activity Tentang Kami Dan Kontak

Nama diagram activity Tentang Kami Dan Kontak

Deskripsi Anggota UKM hanya dapat melihat tentang kami

(28)

Activity Diagram Pelanggan - Pembelian Produk

Pelanggan Sistem

Memilih Produk Menampilkan Halaman Produk

Melihat Informasi Produk

Menampilkan Halaman Pembelian Mulai

Selesai

Bayar Ya

Menampilkan Detail Produk

Tidak Melakukan Pembayaram Ya Beli Lagi Add To Cart Tidak

Menampilksan Form Pembayaran dan upload strul

Menampilkan Keranjang Belanja Menampilkan Form Pembayaran

Gambar 3.13 Diagram Activity Pelanggan Pembelian Produk

Tabel 3.30 Diagram Activity Pelanggan Pembelian Produk

Nama diagram activity Pelanggan Pembelian Produk

Deskripsi UKM memilih dan melihat informasi produk,

menambahkan ke daftar belanja, serta melakukan transaksi pembayaran

(29)

3.8.3 Sequence Diagram Sistem Usulan

Anggota UKM Form LoginForm Login

Melakukan Login ()

Halaman Utama Aplikasi Database User

Verifikasi () Menampilkan Form Login ()

Mengisi Username dan Password ()

Execute Query ()

Login Berhasil Menampilkan Halaman Utama Aplikasi

Gambar 3.14 Diagram Sequence Anggota UKM - Login

Tabel 3.31 Diagram Sequence Anggota UKM - Login

Nama diagram sequence Anggota UKM – Login

Aktor Anggota UKM

Deskripsi Anggota UKM harus melakukan login terlebih

dahulu, sebelum itu harus mengisi form login setelah mengisi form login. Anggota UKM baru bisa memasukkan Username dan Password, jika login berhasil akan masuk ke halaman utama aplikasi dan jika tidak akan kembali ke menu login.

(30)

Anggota UKM Halaman Menu Form Login Penjualan

Mengelola Data Penjualan ()

Database Penjualan Form Data Penjualan

Menampilkan Halaman Penjualan ()

Klik Data Pembeli ()

Menampilkan Informasi Penjualan ()

Execute Query ()

Gambar 3.15 Diagram Sequence data transaksi penjualan

Tabel 3.32 Diagram Sequence data transaksi penjualan

Nama diagram sequence Anggota UKM – data transaksi penjualan

Aktor Anggota UKM

Deskripsi Setelah masuk ke halaman utama aplikasi,

Anggota UKM mengelola data penjualan yang ada pada menu penjualan. Setelah itu menampilkan halamamn penjualan. Jika kita klik data pembeli maka form data penjualan akan menampilkan informasi tentang penjualan.

(31)

Anggota UKM Halaman Utama AplikasiForm Login

Menampilkan Home()

Database Product List Menu Produk

Menampilkan List Produk()

Data Berhasil Disimpan()

Execute Query()

Form Add Produk

Melihat Menu Produk()

Memilih List Produk()

Menambahkan Data Produk()

Mengisi Form Add Produk()

Melakukan Simpan Data Produk()

Menampilkan Form() Menampilkan List()

Simpan Data Produk()

Gambar 3.16 Diagram Sequence Tambah Produk

Tabel 3.33 Diagram Sequence Tambah Produk

Nama diagram sequence Anggota UKM – Tambah Produk

Aktor Anggota UKM

Deskripsi Anggota UKM masuk ke halaman utama masuk ke

menu produk dan menampilkan list produk setelah tampil, anggota UKM menambahkan data produk dengan mengisi form add produk setelah selesai simpan data produk. Setelah itu data berhasil di simpan.

(32)

Anggota UKM Halaman Utama Form Login Aplikasi Mengelola Informasi() Database Product Halaman Menu Informasi Menampilkan Informasi()

Menampilkan Di Halaman Informasi()

Execute Query()

Data Informasi

Menampilkan Halaman Utama Aplikasi()

Menambahkan Informasi Mengisi informasi() Melihat Informasi() Form Informasi Menampilkan Informasi() Data Tersimpan()

Gambar 3.17 Diagram Sequence Membuat Dan Melihat Informasi

Tabel 3.34 Diagram Sequence Membuat Dan Melihat Informasi

Nama diagram sequence Anggota UKM – Membuat Dan Melihat Informasi

Aktor Anggota UKM

Deskripsi Anggota UKM masuk ke halaman utama aplikasi, anggota

UKM mengelola informasi dengan klik ke menu informasi setelah itu anggota UKM menambah informasi seputar UKM dengan mengisi informasi dan menyimpan informasi. Informasi akan tampil di halaman informasi.

(33)

Anggota UKM Halaman Utama Form Login Aplikasi Mengelola Profile() Database User Menu Profile Menampilkan Data()

Data Berhasil Dirubah()

Simpan Data()

Data Profile

Menampilkan Menu()

Mengisi Profile yang diubah() Melakukan Ubah Data Profile()

Form Profile

Menampilkan Form()

Gambar 3.18 Diagram Sequence Profile

Tabel 3.35 Diagram Sequence Profile

Anggota UKM Halaman Utama Form Login Aplikasi Melihat Informasi tentang web()

Halaman Menu Tentang Kami Halaman Menu Kontak Menampilkan Menu() Menampilkan Kontak Melihat Informasi Kontak()

Menampilkan Menu()

Gambar 3.19 Diagram Sequence Tentang Kami Dan Kontak

Nama diagram sequence Anggota UKM – Profile

Aktor Anggota UKM

Deskripsi Anggota UKM masuk ke halaman utama aplikasi, ke menu

profile untuk mengubah data profile setelah diubah simpan data setelah itu data berhasil dirubah.

(34)

Tabel 3.36 Diagram Sequence Tentang Kami Dan Kontak

Pembeli _{Utama Aplikasi}Form LoginHalaman

Melakukan Pembelian() Database Pembelian Halaman Menu Pembelian Memilih Produk()

Menampilkan Status Pembelian()

Execute Query()

Data Produk

Keranjang

Belanja Pembayaran

Menampilkan Halaman Pembelian Produk()

Menampilkan Data Produk()

Menambahkan Jumlah Barang yang Dibeli() Add To Cart Produk()

Menampilkan Form Keranjang ()

Menampilkan Form Pembayaran()

Melakukan Pembayaran

Upload Struk Pembayaran()

Gambar 3.20 Diagram Sequence Pelanggan – Transaksi Pembelian Produk

Tabel 3.37 Diagram Sequence Pelanggan – Transaksi Pembelian Produk

Nama diagram sequence Anggota UKM – Tentang Kami Dan Kontak

Aktor Anggota UKM

Deskripsi Anggota UKM masuk ke halaman utama aplikasi, ke menu

kontak kami dan kontak. Disini hanya melihat tentang kami dan kontak.

Nama diagram sequence Pelanggan – Transaksi Pembelian Produk

Aktor Pelanggan

Deskripsi Pelanggan masuk kehalaman aplikasi untuk

melakukan pembelian, setelah itu ke menu pembelian untuk membeli suatu barang, jika sudah memilih akan masuk ke keranjang belanjaan yang akan menampilkan form kerajang dengan bisa

(35)

Admin Halaman Menu Form Login Login

Melakukan Login()

Form Login Database User

Menampilkan Form()

Login Berhasil, Menampilkan Halaman Aplikasi() Mengisi Username dan Password()

Execute Query()

Halaman Utama Aplikasi

Verifikasi User()

Gambar 3.21 Diagram Sequence Admin – Login

Tabel 3.38 Diagram Sequence Admin – Login

menambahkan jumlah barang yang dibeli. Setelah membeli akan melakukan pembayaran terleebih dahulu dengan menampilkan form pembayaran sesudah membayar baru upload struk pembayarannya dan akan tampil status pembayarannya.

Nama diagram sequence Admin – Login

Aktor Admin

Deskripsi Admin melakukan login pada halaman menu login,

masukkan Username dan Password, jika berhasil akan masuk ke halaman aplikasi jika tidak kembali ke menu login.

(36)

Admin Halaman Utama Form Login Aplikasi Mengelola Penjualan()

Halaman Manage

Penjualan Data Penjualan

Menampilkan Menu

Melihat Data Penjualan

Menampilkan Detail Data Penjualan()

Gambar 3.22 Diagram Sequence Manage Penjualan

Tabel 3.39 Diagram Sequence Manage Penjualan

Admin Halaman Utama Form Login Aplikasi Melihat Data Produk()

Halaman Menu

Produk Data Produk

Menampilkan Menu()

Melihat Detail Produk()

Menampilkan Detail Data Produk()

Gambar 3.23 Diagram Sequence Lihat Produk

Nama diagram sequence Admin – Manage Penjualan

Aktor Admin

Deskripsi Admin masuk ke halaman utama aplikasi, ke

menu penjualan disini admin hanya mengelola penjualan dengan melihat data penjualan dan detail data penjualan.

(37)

Tabel 3.40 Diagram Sequence Lihat Produk

Admin Halaman Utama Form Login Aplikasi Mengelola Kategori produP()

Halaman Menu Kategori Produk

Data Kategori Produk

Menampilkan Menu()

Melihat Detail Kategori()

Menampilkan Data Kategori()

Gambar 3.24 Diagram Sequence Manage Kategori

Tabel 3.41 Diagram Sequence Manage Kategori

Nama diagram sequence Admin – Lihat Produk

Aktor Admin

Deskripsi Admin masuk ke halaman utama aplikasi, menuju ke menu

produk. Disini admin hanya melihat data produk dan detail produk.

Nama diagram sequence Admin – Manage Kategori

Aktor Admin

Deskripsi Admin masuk ke halaman utama, ke menu kategori

produk untuk mengelola kategori produk dan melihat detail suatu produk.

(38)

Admin Halaman Utama Form Login Aplikasi Kelola Data User()

Halaman Menu User Data User/Anggota UKM

Menampilkan Menu()

Lihat Data User()

Menampilkan Detail User()

Data User Menjadi Tidak Aktif() Set User menjadi tidak aktif()

Gambar 3.25 Diagram Sequence Manage User / Anggota UKM

Tabel 3.42 Diagram Sequence Manage User / Anggota UKM

Nama diagram sequence Admin – UKM Manage User / Anggota

Aktor Admin

Deskripsi Admin masuk ke halaman utama aplikasi, ke menu

user dan kelola data user, admin bisa set user jadi tidak aktif dan data user juga tidak aktif.

(39)

3.9 Perancangan Basis Data 3.9.1 Diagram Class Sistem Usulan

Gambar 3.26 Class Diagram Aplikasi

Spesifikasi Basis Data

1. Nama Tabel : User

2. Media Penyimpanan : Database

3. Primary Key : username

(40)

No Nama Field Jenis Lebar Keterangan

1. username Varchar 20 Username pengguna

2. email Varchar 20 Alamat Email

3. phone Varchar 15 Nomer Telepon

4. password Text Password

5. address Varchar 50 Alamat

6. no Int 11 Nomer

1. Nama Tabel : Informasi

3. Primary Key : Id_informasi

4. Struktur : Data Informasi

1. id Varchar 10 Id informasi

2. no Int 11 Nomer

3. tgl Varchar 25 Tanggal

4. isi Text Isi informasi

5. file Text File informasi

1. Nama Tabel : Profil

3. Primary Key : Id_profil

(41)

1. id_profil Varchar 10 Id Profil

2. no Int 11 Nomer

3. nama Varchar 50 Nama Pengguna

4. alamat Text Alamat Pengguna

5. phone Varchar 17 No Telp Pengguna

6. ttl Varchar 25 Tempat Tanggal Lahir Pengguna

7. kota Varchar 30 Kota Kelahiran

8. image Varchar 50 Foto

9. email Varchar 50 Alamat Email

1. Nama Tabel : Product

3. Primary Key : id_product

4. Struktur : Data Product

1. id_product Varchar 10 Id Produk

2. no Int 11 Nomer

3. nama Text Nama produk

4. description Text Deskripsi produk

5. price Int 11 Harga produk

6. information Text Informasi produk

7. image Text Gambar produk

8. user Varchar 10 User pengguna

(42)

1. Nama Tabel : Cart

3. Primary Key : id_user

4. Struktur : Data Keranjang Belanja

1. id_user varchar 10 Id user pengguna

2. id_product varchar 10 Id produk

3. no Int nomer

4. qty varchar 50 Jumlah produk

1. Nama Tabel : Kategori

3. Primary Key : Id_kategori

4. Struktur : Data kategori

1. id_kategori varchar 10 id kategori produk

2. no Int 11 Nomer

3. Nama text Nama kategori produk

1. Nama Tabel : Beli_header

3. Primary Key : id_pembeli

(43)

1. id_pembeli Varchar 10 Id pembelian produk

2. no Int 11 Nomer

3. kode varchar 10 Kode produk

4. tgl datetime Tanggal pembelian

5. total varchar 50 Total pembelian produk

6. status varchar 10 Status pembelian

1. Nama Tabel : Beli_Detail

3. Primary Key : id_product

4. Struktur : Data detail barang

1. id_barang Varchar 10 Id Barang Atau Produk

2. No Int 11 Nomer

3. Kode Varchar 10 Kode Barang

(44)

3.10 Perancangan Antar Muka 3.10.1 Struktur Menu/Tampilan MENU PELANGGAN Menu Sign In Home UKM Informasi Transaksi Pembelian Profil

Pencarian Produk Keranjang

Belanja Menu UKM

Halaman Admin

Home Informasi Tentang

kami Kontak Manage Profil

Home Informasi Produk Transaksi

Penjualan Profil

Logout

Gambar 3.27 Struktur Menu/Tampilan

3.10.2 Rancangan Layar/User Interface

1. Rancangan Layar Tampilan Login Admin, Anggota UKM, dan Pelanggan

(45)

2. Rancangan Layar Tampilan Informasi Admin

Gambarr 3.29 Halaman Informasi Admin

3. Rancangan Layar Tampilan Tentang Kami Admin

(46)

4. Rancangan Layar Tampilan Kontak Admin

Gambar 3.31 Halaman Kontak Admin

5. Rancangan Layar Tampilan Manage Penjualan Admin

(47)

6. Rancangan Layar Tampilan Manage User Admin

Gambar 3.33 Halaman Manage User Admin

7. Rancangan Layar Tampilan Manage Product Admin

(48)

8. Rancangan Layar Tampilan Manage Category Admin

Gambar 3.35 Halaman Manage Category Admin

9. Rancangan Layar Tampilan Profil Admin

(49)

10. Rancangan Layar Tampilan Daftar Anggota UKM / Pelanggan

Gambar 3.37 Halaman Daftar Anggota UKM / Pelanggan

11. Rancangan Layar Tampilan Home Anggota UKM / Pelanggan

(50)

12. Rancangan Layar Tampilan Add Product Anggota UKM

Gambar 3.39 Halaman Add Product Anggota UKM

13. Rancangan Layar Tampilan Transaksi Penjualan Anggota UKM

(51)

14. Rancangan Layar Transaksi Pembelian Pelanggan

Gambar 3.41 Halaman Transaksi Pembelian Pelanggan

15. Rancangan Layar Profil Anggota UKM / Pengguna