BAB IV RANCANGAN SISTEM YANG DIUSULKAN 4.1 Usulan Prosedur yang Baru maka Setelah mengadakan penelitian dan analisa sistem yang berjalan selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan dibangun. Ada beberapa usulan prosedur yang baru. Prosedur yang baru bertujuan untukmemperbaiki dan menyempurnakan sistem yang berjalan. Melakukan pengembangan Aplikasi Mobile untuk toko sparepart Tunas Variasi yang mampu memberikan pelayanan sebuah toko online berbasis mobile web yang lebih efektif sehingga konsumen dapat melihat dan membeli lebih cepat dan mudah. Dan Toko Tunas Variasi dapat meningkatkan volume penjualan melalui aplikasi ini. 4.2 Tata Laksana Sistem yang Diusulkan Untuk menganalisa sistem yang diusulkan pada penelitian ini digunakan program ArgoUML. untuk menggambarkan Use Case Diagram, Sequence Diagram, Statechart Diagram dan Activity Diagram. 67
68 4.2.1 Analisa Sistem Yang Diusulkan Pada Use Case Diagram 4.2.1.1 Use Case Diagram Keseluruahan Yang Diusulkan Gambar 4.1 Use Case Diagram Keseluruhan Yang Diusulkan Berdasarkan gambar 4.1 Use Case Diagram Keseluruhan yang diusulkan diatas terdapat: a. 1 sistem yang mencakup seluruh kegiatan Aplikasi Mobile-Web Tunas Variasi. b. 2 actor yang melakukan kegiatan, yaitu Pegawai toko/ admin dan konsumen/ user. c. 5 use case yang biasa dilakukan oleh actor. d. 2 include yang berasal dari use case. e. 6 Extend yang berasal dari use case
69 4.2.2 Analisa Sistem Yang Diusulkan Pada Activity Diagram 4.2.2.1 Activity Diagram Customer Yang Diusulkan Gambar 4.2 Activity Diagram Admin Yang Diusulkan Berdasarkan gambar 4.2 Activity Diagram Admin yang diusulkan diatas terdapat: a. 1 initial node sebagai yang mengawali objek. b. 14 action yang menggambarkan eksekusi kegiatan. c. 3 fork node menjelaskan adanya beberapa aliran. d. 1 activity final node menjelaskan bahwa objek dibentuk.
70 4.2.2.2 Activity Diagram admin Yang Diusulkan Gambar 4.3 Activity Diagram Pengurus Yang Diusulkan Berdasarkan gambar 4.3 Activity Diagram Pengurus yang diusulkan diatas terdapat: a. 1 initial node sebagai yang mengawali objek. b. 8 action yang menggambarkan eksekusi kegiatan. c. 2 fork node menjelaskan adanya beberapa aliran. d. 1 activity final node menjelaskan bahwa objek dibentuk.
71 4.3 Analisa Sistem Yang Diusulkan Pada Sequence Diagram 4.3.1 Sequence Diagram Admin Yang Diusulkan Gambar 4.4 Sequence Diagram Admin Yang Diusulkan Berdasarkan gambar 4.4 Sequence Diagram Admin yang diusulkan diatas terdapat: a. 6 lifeline antarmuka yang saling berinteraksi, yaitu admin, login, kategori, produk, user dan laporan. b. 1 actor yang melakukan kegiatan yaitu admin. c. 10 message spesifikasi dari komunikasi antar objek yang memuat informasi tentang aktifitas yang terjadi atau kegiatan yang biasa dilakukan oleh actor.
72 4.3.2 Class Diagram Aplikasi Mobile-Web Yang Diusulkan Berdasarkan gambar 4.5 Class diagram diatas terdapat: a. 2 tabel transaksi yaitu Order data, User data dan Produk. Dimana table order data mengambil header data dari table order (master) melalui foreign key order_id. Dan table produk mengambil detail kategori dari table kategori melalui foreign key kategori_id b. 4 tabel master yaitu kategori, order, foto produk dan user.
73 4.3.3 Impementasi Program Tampilan Program a. Tampilan Menu Home Pada tampilan ini terdapat menu Home untuk tampilan awal dari aplikasi web yang menampilkan menu pilihan jenis produk sparepart web yang tersedia di Toko Tunas Variasi. Gambar 4.10 Tampilan Menu Home b. Tampilan Menu Beranda Admin Pada menu Admin, User dapat mengakses menu menu yang terdiri dari kategri, produk, user dan laporan. Gambar 4.11 Tampilan Menu admin
74 c. Tampilan Menu Beranda produk Pada menu produk, User dapat mengakses menu menu yang terdiri dari lihat spesifikasi dan add to cart. Gambar 4.12 Tampilan Menu produk d. Tampilan Menu Beranda login Pada menu login, User diminta memasukkan username dan password jika belum terdaftar maka akan akan muncul keterangan beum terdaftar, jika sudah terdaftar akan masuk langsung ke halaman produk atau cart Gambar 4.13 Tampilan Menu login e. Tampilan Menu Keranjang belanja Pada menu ini, ditampilkan harga dan pilihan barang serta kuantitas barang serta pilihan lanjut update, lanjut atau kosongkan keranjang belanja. Jika update bisa membeli barang lagi, jika lanjut masuk kemenu pembayaran dan pengiriman dan jika kosongkan berarti keranjang belanja menjadi kosong
75 Gambar 4.13 Tampilan Menu keranjang belanja
76 4.4. Spesifikasi Hardware dan Software a. Rancangan Perangkat Keras (Hardware) Rancangan perangkat keras (hardware) yang diusulkan untuk sistem baru ini adalah sebagai berikut : 1. Handpone : Android 4.xx atau Iphone 4 xx 2. Memori : 1 GB 5. Storage : 1 Gb b. Rancangan Perangkat Lunak (Software) Perangkat lunak (software) merupakan penghubung antara computer dan Instruksi yang dimasukkan agar computer dapat menghasilkan data/ informasi yang diharapkan. Adapun usulan software pada rancangan system baru ini adalah : 1. Sistem Operasi Android atau OSX 2. Chrome dan Safari Browser 3. Xampp 1.7.3 4. Jquery Mobile HTML 5,CSS 4, PHP dan Mysql c. Hak Akses (Brainware) 1. Admin Dapat membuat,mengubah, dan menghapus data user, kategori produk, laporan beserta detail foto. 2. User Hanya mempunyai akses untuk melihat produk dan spesifikasi, memilih dan membeli atau melanjutkan cart jika sudah terdaftar dan login ke aplikasi.
77 d. Jadwal Pengolahan Perancangan system yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dan kegiatan yang dilakukan adalah : Bulan No Kegiatan November Desember Januari Februari 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 pengumpulan data 2 Analisa system 3 Perancangan system 4 Pembuatan program 5 Test Program 6 Evaluasi Program 7 Perbaikan Program 8 Pelatihan User 9 Implementasi 10 Dokumentasi Tabel 4.8 Jadwal Pengolahan