BAB III ANALISIS DAN PERANCANGAN SISTEM

Transkripsi

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 1. Ibu Novi UKM 2. Bpk. Muzaqir UKM 3. Ibu Kesya UKM 4. Ibu Dwi UKM Alamat Jl. Asia Baru Rt. 005/004, Duri Kepa., Kebon Jeruk, Jakarta Barat. Jl. Asia Baru Rt. 007/04, Duri Kepa., Kebon Jeruk, Jakarta Barat. Lt. Dasar Blok A No , Pasar Kopro, Jalan Tanjung Duren Barat Rt. 014/05, Tj. Duren Selatan., Grogol Pertamburan, Jakarta Barat. Jl. Raya Basmol Rt. 08/04 Jakarta Barat Bentuk Usaha Pakaian Wanita Anak Dagang) Alat-Alat Kosmetik (Usaha Dagang) & (Usaha Tas & Sepatu (Usaha Dagang) Toko Pakaian (Usaha Dagang) 31

2 32 Jl. Grenville tahap 4 Blok BD 5. Ibu Liping UKM No 31. Jakarta Barat Sumber : Data Olahan Peneliti Peralatan Tidur (Usaha Dagang) 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 1. Ibu Novi 2. Bpk. Muzaqir Gambaran Umum UKM usaha bu novi dibuka sejak tahun 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. 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 33 3. Ibu Kesya 4. Ibu Dwi 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. 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. 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 34 5. Ibu Liping 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. 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. Sumber : Data Olahan Peneliti

5 Analisis Proses Bisnis Yang Berjalan Berdasarkan gambaran UKM yang telah dilakukan penelitian, berikut ini adalah proses bisnis yang berjalan pada UKM : 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. ini : Berikut adalah proses bisnis yang tergambar dalam activity diagram di bawah

6 36 Activity Diagram Proses Bisnis Pembelian Barang Di Toko Pelanggan Toko UKM Mulai Tidak Pelanggan Mendatangi Toko Pelanggan Melihat Barang Yang Ingin Dibeli Melayani Pelanggan Melihat Jenis Barang Yang Diinginkan Ingin Membeli Ya Mencari Jenis Barang Yang Diinginkan Oleh Pelanggan Melakukan Pembayaran atas barang yang telah dibeli Memproses Pembayaran dan memberikan struk pembayaran Memproses dan memberikan detail pembelian pelanggan Selesai Gambar 3.1 Activity Diagram Proses Bisnis Berjalan Nama Tabel 3.3 Deskripsi Activity Diagram Proses Bisnis Berjalan Activity Diagram Proses Pembelian Barang Ditoko Keterangan Skenario Pelanggan dan Karyawan Toko Menjelaskan tentang proses pembelian barang yang ada ditoko 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 37 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 No Faktor Hasil Analisa 1 Akurat Pada proses penjualan di UKM, informasi yang didapatkan setelah pelanggan melakukan order

8 38 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 No Faktor Hasil Analisa 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. (Sumber : Data Olahan Peneliti)

9 39 D. Analisis Kontrol (Control) Tabel 3.7 Analisis Kontrol No Faktor Hasil Analisa 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 No Faktor Hasil Analisa 1 Penggunaan Dari hasil analisis, bahwa belum memiliki sistem Sumber Daya yang mendukung proses penjualan, serta tidak adanya pembuatan laporan dari anggota UKM. 2 Hasil yang Sering kesalahan perhitungan, terutama dalam didapat 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 40 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 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 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 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 Diagram Use Case Sistem Usulan Daftar Sebagai Anggota UKM Kelola Informasi <<include>> Kelola Informasi Penjualan Kelola Produk UKM <<include>> <<include>> <<include>> <<include>> Login <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> Lihat Data Produk UKM Lihat Informasi Kelola Jenis Kategori Produk UKM Lihat Data Penjualan Kelola Data Anggota UKM Admin Anggota UKM Informasi tentang kami dan kontak Login Kelola Informasi Tentang Kami dan Kontak <<include>> <<include>> <<include>> Lihat Data Produk Logout Melakukan Transaksi Pembelian <<include>> <<include>> Keranjang Belanja Lihat Informasi UKM Pembeli Lihat Produk UKM Logout Gambar 3.2 Diagram Use Case Sistem Usulan

13 43 Nama Use Case Deskripsi Pre-kondisi Tindakan Post kondisi Alternatif Tabel 3.10 Skenario Use Case Login Login Pengguna Pengguna memilih login Pengguna melakukan login Pengguna memasukkan username dan password Pengguna masuk ke halaman home user 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 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 Admin Deskripsi Admin memilih menu manage Pre-kondisi Admin melakukan login terlebih dahulu dan admin melihat 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 Admin

14 44 Deskripsi Pre-kondisi Tindakan Post kondisi Admin memilih menu informasi Admin melakukan login terlebih dahulu dan admin melihat system Admin Lihat Informasi UKM 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 Admin Deskripsi Admin memilih data manage Pre-kondisi Admin melakukan login terlebih dahulu dan admin melihat 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 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 Admin Deskripsi Admin memilih menu informasi tentang kami dan kontak Pre-kondisi Admin melakukan login terlebih dahulu dan admin melihat sistem

15 45 Tindakan Post kondisi Admin kelola informasi tentang kami dan kontak 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 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 Anggota UKM Deskripsi Anggota UKM memilih menu informasi Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin 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 Anggota UKM Deskripsi Anggota menu penjualan Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin melihat sistem Tindakan Anggota UKM kelola transaksi penjualan Post kondisi Anggota UKM dapat melihat data penjualan

16 46 Tabel 3.20 Skenario Use Case Kelola produk UKM Nama Use Case Kelola produk UKM Anggota UKM UKM Deskripsi Anggota UKM menu produk Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin 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 Anggota UKM Deskripsi Anggota menu UKM Indonesia Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin 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 Pelanggan Deskripsi Anggota menu transaski Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin melihat sistem Tindakan Pelanggan melakukan transaksi pembelian Post kondisi Pelangan hanya dapat membeli dan bertransaksi

17 47 Tabel 3.23 Skenario Use Case Lihat produk UKM Nama Use Case Lihat produk UKM Pelanggan Deskripsi Pelanggan memilih menu produk Pre-kondisi Anggota UKM melakukan login terlebih dahulu dan admin 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 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 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 informasi tentang seputar UKM

18 48 Tabel 3.26 Skenario Use Case Lihat produk UKM Nama Use Case Lihat produk UKM 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 Diagram Activity Sistem Usulan Activity Diagram Admin - Login Admin Sistem Mulai Melakukan Login Menampilkan Form Login Mengisi Username dan Password Gagal Verifikasi Berhasil Menampilkan Halaman Utama Aplikasi Selesai Gambar 3.3 Diagram Activity Login Admin

19 49 Tabel 3.20 Diagram Activity Login Admin Nama diagram activity Deskripsi Login Admin 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 Mulai Mengelola Data User Menampilkan Menu Manage User Melihat Detail User Menampilkan Detail User Menset User Menjadi Non Aktif Tidak Yakin Ya User Menjadi Tidak Aktif Selesai Gambar 3.4 Diagram Activity Manage User / Anggota UKM

20 50 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 Mulai Mengelola Kategori Produk Menampilkan Menu Kategori Menmbahkan Kategori Produk Menampilkan Form Kategori Mengisi Kategori Produk Tidak Simpan Ya Menampilkan Data Kategori Selesai Gambar 3.5 Diagram Activity Manage Kategori Tabel 3.22 Diagram Activity Manage Kategori Nama diagram activity Deskripsi Manage Kategori Admin hanya dapat mengelola kategori produk dengan menambahkan kategori produk dengan mengisi kategori produk

21 51 Activity Diagram Admin - Manage Penjualan Admin Sistem Mulai Mengelola Penjualan Menampilkan Menu Penjualan Melihat Data Penjualan Menampilkan Form Detail Penjualan Selesai Gambar 3.6 Diagram Activity Manage Penjualan Tabel 3.23 Diagram Activity Manage Penjualan Nama diagram activity Deskripsi Manage Penjualan Admin hanya dapat mengelola dan melihat data penjualan

22 52 Activity Diagram Admin - Lihat Produk Admin Sistem Mulai Lihat Data Produk UKM Menampilkan Menu Produk Melihat Produk dan Kategori Menampilkan Form Produk dan Kategori Selesai Gambar 3.7 Diagram Activity Lihat Produk Tabel 3.24 Diagram Activity Lihat Produk Nama diagram activity Deskripsi Lihat Produk Admin hanya dapat melihat produk UKM

23 53 Activity Diagram Anggota UKM - Login Anggota UKM Sistem Mulai Melakukan Sign In Akun Menampilkan Form Sign Mengisi Username dan Password Gagal Verifikasi Berhasil Menampilkan Halaman Utama Aplikasi Selesai Gambar 3.8 Diagram Activity Anggota UKM - Login Tabel 3.25 Diagram Activity Anggota UKM - Login Nama diagram activity Deskripsi Anggota UKM Login 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 54 Activity Diagram Anggota UKM - Data Transaksi Penjualan Admin Sistem Mulai Mengelola Data Penjualan Menampilkan Menu Halaman Penjualan Melihat Detail Penjualan Menampilkan Form Detail Penjualan Dari Pembeli Selesai Gambar 3.9 Diagram Activity Data Transaksi Penjualan Tabel 3.26 Diagram Activity Data Transaksi Penjualan Nama diagram activity Deskripsi Data Transaksi Penjualan Anggota UKM dapat mengelola dan melihat data penjualan

25 55 Activity Diagram Anggota UKM - Add Produk Anggota UKM Sistem Mulai Mengelola Data Produk Menampilkan Menu Produk Memilih Add Produk Mengisi Informasi Produk Menampilkan Fom Produk Tidak Simpan Ya Data Produk Berhasil Disimpan Selesai Gambar 3.10 Diagram Activity Tambah Produk Tabel 3.27 Diagram Activity Tambah Produk Nama diagram activity Deskripsi Tambah Produk Anggota UKM mengelola dan melihat add produk dan mengisi informasi produk

26 56 Activity Diagram Anggota UKM - Profile Anggota UKM Sistem Mulai Mengelola Profile Menampilkan Form Profile Melakukan Edit Profile menapilkan Form Edit Profile Mengisi Form Edit Profile Tidak Simpan Form Edit Berhasil Di simpan Ya Selesai Gambar 3.11 Diagram Activity Profile Tabel 3.28 Diagram Activity Profile Nama diagram activity Profile Deskripsi Anggota UKM dapat mengelola dan melakukan edit profile

27 57 Activity Diagram Anggota UKM - Tentang Kami dan Kontak Anggota UKM Sistem Mulai Melihat Informasi Tentang Kami Menampilkan Halaman Utama Aplikasi Melihat Kontak Menampilkan Kontak Selesai Gambar 3.12 Diagram Activity Tentang Kami Dan Kontak Tabel 3.29 Diagram Activity Tentang Kami Dan Kontak Nama diagram activity Deskripsi Tentang Kami Dan Kontak Anggota UKM hanya dapat melihat tentang kami dan kontak

28 58 Activity Diagram Pelanggan - Pembelian Produk Pelanggan Sistem Mulai Memilih Produk Menampilkan Halaman Produk Melihat Informasi Produk Ya Add To Cart Menampilkan Detail Produk Menampilkan Keranjang Belanja Tidak Menampilkan Form Pembayaran Beli Lagi Melakukan Pembayaram Tidak Menampilksan Form Pembayaran dan upload strul Bayar Menampilkan Halaman Pembelian Ya Selesai 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 Sequence Diagram Sistem Usulan Anggota UKM Form Login Database User Halaman Utama Aplikasi Melakukan Login () Menampilkan Form Login () Mengisi Username dan Password () Verifikasi () 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 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 60 Anggota UKM Halaman Menu Form Login Penjualan Form Data Penjualan Database Penjualan Mengelola Data Penjualan () Menampilkan Halaman Penjualan () Klik Data Pembeli () Execute Query () Menampilkan Informasi Penjualan () Gambar 3.15 Diagram Sequence data transaksi penjualan Tabel 3.32 Diagram Sequence data transaksi penjualan Nama diagram sequence Deskripsi Anggota UKM data transaksi penjualan Anggota UKM 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 61 Anggota UKM Halaman Form Utama Login Aplikasi List Menu Produk Form Add Produk Database Product Menampilkan Home() Melihat Menu Produk() Menampilkan List() Memilih List Produk() Menampilkan List Produk() Menambahkan Data Produk() Mengisi Form Add Produk() Menampilkan Form() Melakukan Simpan Data Produk() Simpan Data Produk() Execute Query() Data Berhasil Disimpan() Gambar 3.16 Diagram Sequence Tambah Produk Tabel 3.33 Diagram Sequence Tambah Produk Nama diagram sequence Deskripsi Anggota UKM Tambah Produk Anggota UKM 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 62 Anggota UKM Halaman Utama Form Login Aplikasi Halaman Menu Informasi Data Informasi Form Informasi Database Product Mengelola Informasi() Menampilkan Halaman Utama Aplikasi() Melihat Informasi() Menampilkan Informasi() Menambahkan Informasi Menampilkan Informasi() Mengisi informasi() Execute Query() Data Tersimpan() Menampilkan Di Halaman Informasi() Gambar 3.17 Diagram Sequence Membuat Dan Melihat Informasi Tabel 3.34 Diagram Sequence Membuat Dan Melihat Informasi Nama diagram sequence Deskripsi Anggota UKM Membuat Dan Melihat Informasi Anggota UKM 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 63 Anggota UKM Mengelola Profile() Halaman Utama Form Login Aplikasi Menampilkan Menu() Menu Profile Menampilkan Data() Data Profile Form Profile Database User Melakukan Ubah Data Profile() Menampilkan Form() Mengisi Profile yang diubah() Simpan Data() Data Berhasil Dirubah() Gambar 3.18 Diagram Sequence Profile Tabel 3.35 Diagram Sequence Profile Nama diagram sequence Deskripsi Anggota UKM Profile Anggota UKM Anggota UKM masuk ke halaman utama aplikasi, ke menu profile untuk mengubah data profile setelah diubah simpan data setelah itu data berhasil dirubah. Anggota UKM Halaman Utama Form Login Aplikasi Melihat Informasi tentang web() Menampilkan Menu() Halaman Menu Tentang Kami Halaman Menu Kontak Melihat Informasi Kontak() Menampilkan Menu() Menampilkan Kontak Gambar 3.19 Diagram Sequence Tentang Kami Dan Kontak

34 64 Tabel 3.36 Diagram Sequence Tentang Kami Dan Kontak Nama diagram sequence Deskripsi Anggota UKM Tentang Kami Dan Kontak Anggota UKM Anggota UKM masuk ke halaman utama aplikasi, ke menu kontak kami dan kontak. Disini hanya melihat tentang kami dan kontak. Pembeli Halaman Form Login Utama Aplikasi Halaman Menu Pembelian Data Produk Keranjang Belanja Pembayaran Database Pembelian Melakukan Pembelian() Menampilkan Halaman Pembelian Produk() Memilih Produk() Add To Cart Produk() Menampilkan Data Produk() Menampilkan Form Keranjang () Menambahkan Jumlah Barang yang Dibeli() Melakukan Pembayaran Menampilkan Form Pembayaran() Upload Struk Pembayaran() Execute Query() Menampilkan Status Pembelian() Gambar 3.20 Diagram Sequence Pelanggan Transaksi Pembelian Produk Tabel 3.37 Diagram Sequence Pelanggan Transaksi Pembelian Produk Nama diagram sequence Pelanggan Transaksi Pembelian Produk 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 65 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. Admin Halaman Menu Form Login Login Form Login Database User Halaman Utama Aplikasi Melakukan Login() Menampilkan Form() Mengisi Username dan Password() Execute Query() Verifikasi User() Login Berhasil, Menampilkan Halaman Aplikasi() Gambar 3.21 Diagram Sequence Admin Login Tabel 3.38 Diagram Sequence Admin Login Nama diagram sequence Deskripsi Admin Login Admin 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 66 Admin Mengelola Penjualan() Halaman Utama Form Login Aplikasi Menampilkan Menu Halaman Manage Penjualan Data Penjualan Melihat Data Penjualan Menampilkan Detail Data Penjualan() Gambar 3.22 Diagram Sequence Manage Penjualan Tabel 3.39 Diagram Sequence Manage Penjualan Nama diagram sequence Deskripsi Admin Manage Penjualan Admin Admin masuk ke halaman utama aplikasi, ke menu penjualan disini admin hanya mengelola penjualan dengan melihat data penjualan dan detail data penjualan. Admin Melihat Data Produk() Halaman Utama Form Login Aplikasi Menampilkan Menu() Halaman Menu Produk Data Produk Melihat Detail Produk() Menampilkan Detail Data Produk() Gambar 3.23 Diagram Sequence Lihat Produk

37 67 Tabel 3.40 Diagram Sequence Lihat Produk Nama diagram sequence Deskripsi Admin Lihat Produk Admin Admin masuk ke halaman utama aplikasi, menuju ke menu produk. Disini admin hanya melihat data produk dan detail produk. Admin Halaman Utama Form Login Aplikasi Mengelola Kategori produp() Menampilkan Menu() Halaman Menu Kategori Produk Data Kategori Produk Melihat Detail Kategori() Menampilkan Data Kategori() Gambar 3.24 Diagram Sequence Manage Kategori Tabel 3.41 Diagram Sequence Manage Kategori Nama diagram sequence Deskripsi Admin Manage Kategori Admin Admin masuk ke halaman utama, ke menu kategori produk untuk mengelola kategori produk dan melihat detail suatu produk.

38 68 Admin Kelola Data User() Halaman Utama Form Login Aplikasi Menampilkan Menu() Halaman Menu User Data User/Anggota UKM Lihat Data User() Menampilkan Detail User() Set User menjadi tidak aktif() Data 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 Deskripsi Admin UKM Manage User / Anggota Admin 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 Perancangan Basis Data Diagram Class Sistem Usulan Spesifikasi Basis Data Gambar 3.26 Class Diagram Aplikasi 1. Nama Tabel : User 2. Media Penyimpanan : Database 3. Primary Key : username 4. Struktur : Data User

40 70 No Nama Field Jenis Lebar Keterangan 1. username Varchar 20 Username pengguna 2. Varchar 20 Alamat 3. phone Varchar 15 Nomer Telepon 4. password Text Password 5. address Varchar 50 Alamat 6. no Int 11 Nomer Spesifikasi Basis Data 1. Nama Tabel : Informasi 2. Media Penyimpanan : Database 3. Primary Key : Id_informasi 4. Struktur : Data Informasi No Nama Field Jenis Lebar Keterangan 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 Spesifikasi Basis Data 1. Nama Tabel : Profil 2. Media Penyimpanan : Database 3. Primary Key : Id_profil 4. Struktur : Data Profil

41 71 No Nama Field Jenis Lebar Keterangan 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. Varchar 50 Alamat Spesifikasi Basis Data 1. Nama Tabel : Product 2. Media Penyimpanan : Database 3. Primary Key : id_product 4. Struktur : Data Product No Nama Field Jenis Lebar Keterangan 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 9. kategory Varchar 15 Kategori produk

42 72 Spesifikasi Basis Data 1. Nama Tabel : Cart 2. Media Penyimpanan : Database 3. Primary Key : id_user 4. Struktur : Data Keranjang Belanja No Nama Field Jenis Lebar Keterangan 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 Spesifikasi Basis Data 1. Nama Tabel : Kategori 2. Media Penyimpanan : Database 3. Primary Key : Id_kategori 4. Struktur : Data kategori No Nama Field Jenis Lebar Keterangan 1. id_kategori varchar 10 id kategori produk 2. no Int 11 Nomer 3. Nama text Nama kategori produk Spesifikasi Basis Data 1. Nama Tabel : Beli_header 2. Media Penyimpanan : Database 3. Primary Key : id_pembeli 4. Struktur : Data pembelian

43 73 No Nama Field Jenis Lebar Keterangan 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 Spesifikasi Basis Data 1. Nama Tabel : Beli_Detail 2. Media Penyimpanan : Database 3. Primary Key : id_product 4. Struktur : Data detail barang No Nama Field Jenis Lebar Keterangan 1. id_barang Varchar 10 Id Barang Atau Produk 2. No Int 11 Nomer 3. Kode Varchar 10 Kode Barang 4. Qty Varchar 50 Jumlah Stok Barang

44 Perancangan Antar Muka Struktur Menu/Tampilan Menu Sign In Halaman Admin Logout Home Informasi Tentang kami Kontak Manage Profil Menu UKM Home Informasi Produk Transaksi Penjualan Profil MENU PELANGGAN Home Pencarian Produk UKM Informasi Keranjang Belanja Transaksi Pembelian Profil Gambar 3.27 Struktur Menu/Tampilan Rancangan Layar/User Interface 1. Rancangan Layar Tampilan Login Admin, Anggota UKM, dan Pelanggan Gambar 3.28 Halaman Login

45 75 2. Rancangan Layar Tampilan Informasi Admin Gambarr 3.29 Halaman Informasi Admin 3. Rancangan Layar Tampilan Tentang Kami Admin Gambar 3.30 Halaman Tentang Kami Admin

46 76 4. Rancangan Layar Tampilan Kontak Admin Gambar 3.31 Halaman Kontak Admin 5. Rancangan Layar Tampilan Manage Penjualan Admin Gambar 3.32 Halaman Manage Penjualan Admin

47 77 6. Rancangan Layar Tampilan Manage User Admin Gambar 3.33 Halaman Manage User Admin 7. Rancangan Layar Tampilan Manage Product Admin Gambar 3.34 Halaman Manage Product Admin

48 78 8. Rancangan Layar Tampilan Manage Category Admin Gambar 3.35 Halaman Manage Category Admin 9. Rancangan Layar Tampilan Profil Admin Gambar 3.36 Halaman Profil Admin

49 Rancangan Layar Tampilan Daftar Anggota UKM / Pelanggan Gambar 3.37 Halaman Daftar Anggota UKM / Pelanggan 11. Rancangan Layar Tampilan Home Anggota UKM / Pelanggan Gambar 3.38 Halaman Home Anggota UKM / Pelanggan

50 Rancangan Layar Tampilan Add Product Anggota UKM Gambar 3.39 Halaman Add Product Anggota UKM 13. Rancangan Layar Tampilan Transaksi Penjualan Anggota UKM Gambar 3.40 Halaman Transaksi Penjualan Anggota UKM

51 Rancangan Layar Transaksi Pembelian Pelanggan Gambar 3.41 Halaman Transaksi Pembelian Pelanggan 15. Rancangan Layar Profil Anggota UKM / Pengguna Gambar 3.42 Halaman Profil Anggota UKM / Pengguna