BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 31 BAB III ANALISIS DAN PERANCANGAN 3.1 DESKRIPSI SISTEM Aplikasi toko online yang dibangun adalah aplikasi berbasis mobile android yang dapat digunakan di mana saja dan kapan saja. Dengan kata lain aplikasi ini memudahkan bagi pengguna yang memiliki keterbatasan waktu dan kesempatan dalam melakukan aktifitas belanja. Pada aplikasi ini pengguna cukup memilih produk yang tersedia pada server aplikasi. 3.2 ANALISIS SISTEM Analisis Sistem Penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahnya, kesempatan-kesempatan, hambatanhambatan yang terjadi dan kebutuhan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya Analisis SWOT Analisis SWOT adalah singkatan dari Strengths, Weaksness, Opportunities, dan Threats. Analasis SWOT sendiri sering digunakan dalam melakukan analisis suatu sistem agar dapat mengetahui kekuatan dan kelemahan serta apa-apa saja peluang yang dimiliki dalam membangun suatu sistem Strength (Kekuatan) Aplikasi toko online berbasis android memiliki beberapa kekuatan antara lain: 1. Produk yang ditawarkan oleh produsen dapat dengan mudah dipilih oleh konsumen tanpa harus dating ke lokasi produksi. 2. Aplikasi bersifat mobile sehingga lebih praktis untuk digunakan dimana saja dan kapan saja Weakness (Kelemahan) Berbanding terbalik dengan kekuatan yang dimiliki, 31

2 32 aplikasi ini memiliki kelemahan diantaranya: 1. Aplikasi membutuhkan koneksi internet untuk dapat digunakan. 2. Aplikasi ini terbatas untuk digunakan pada ponsel pintar berbasis Android, sehingga pengguna ponsel pintar berbasis selain Android tidak dapat menggunakan aplikasi toko online ini Opportunities (Peluang) Aplikasi toko online ini memiliki peluang yang dilihat dari faktor eksternal sistem dan dapat dikembangkan, diantaranya adalah: 1. Meningkatkan efisiensi waktu bagi para pengguna yang sedang ingin mencari suatu produk yang dibutuhkan. 2. Mobilitas yang tinggi juga sangat mempengaruhi perkembangan penggunaan ponsel berbasis android, karena ponsel pintar lebih mudah untuk dibawa dari pada menggunakan laptop atau perangkat lain Threat (Ancaman) Aplikasi mempunyai ancaman yang dapat mengganggu sistem, ancaman tersebut diantaranya: 1. Pesatnya perkembangan aplikasi android sehingga akan banyak pengembang aplikasi yang membuat aplikasi sejenis dengan fitur yang lebih lengkap. 2. Virus Analisis Kebutuhan Sistem Tahap identifikasi dan analisis kebutuhan sistem dilakukan untuk mengetahui kebutuhan pengguna terhadap aplikasi yang akan dikembangkan. Hal ini perlu dilakukan agar aplikasi yang dikembangkan sesuai dengan kebutuhan pengguna 1. Analisis Kebutuhan Fungsional

3 33 Berikut ini adalah layanan yang ada dalam aplikasi toko online berbasis Android : 1. Aplikasi menampilkan informasi mengenai produk-produk yang ditampilkan oleh server. 2. Aplikasi dapat menampilkan detail produk yang dicari. 3. dapat mengubah item pada keranjang belanja. 4. Aplikasi dapat menampilkan bukti pemesanan. 2. Analisis Kebutuhan Non Fungsional Kebutuhan non fungsional merupakan kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem. Berikut ini adalah beberapa kebutuhan non fungsional : a. Operasional 1. Aplikasi digunakan pada platform Android 2. Aplikasi berjalan pada versi Android 2.3 (gingerbread) dan versi diatasnya b. Informasi 1. Manual untuk membantu menggunakan aplikasi 2. Informasi tentang aplikasi. c. Kinerja Waktu untuk splash screen dibatasi 5 detik Kebutuhan Perangkat Keras (Hardware) Perangkat keras yang digunakan untuk perangcangan aplikasi kamus istilah kesehatan ini adalah: 1. Notebook Asus A43S dengan spesifikasi sebagai berikut: a. Operating System : Windows 7 Ultimate 64-bit. b. Memory : 5GB c. Processor : Intel(R) Pentium(R) CPU 2.00GHz (2 CPUs), ~2.0GHz d. Card name : NVIDIA GeForce GT 520M e. Display Memory : 1735 MB f. Harddisk : 250 Gb

4 34 2. ASUS Z007, dengan spesifikasi sebagai berikut : a. 600 MHz ARMv6 CPU b. Adreno 200 GPU c. A-GPS support d. Qualcomm MSM7227 chipset e. 1 GB RAM Kebutuhan Perangkat Lunak (Software) Perangkat lunak yang digunakan dalam melakukan perancangan aplikasi toko online ini adalah: 1. Eclipse Juno version: 4.2 untuk windows 32 bit 2. SDK (Software development Kit) Android minimal versi 8 3. ADT (Android DevelopmentTools) Kebutuhan Aplikasi mobile toko online ini hanya memiliki satu pihak yang akan menggunakan aplikasi, pihak tersebut adalah pengguna, pengguna dalam hal ini adalah pengguna smartphone android. dapat menggunakan aplikasi android toko online setelah mengikuti petunjukpetunjuk dalam melakukan konfigurasi dan istallasi aplikasi Analisis Kelayakan Sistem Analisis kalayakan sistem merupakan tahapan menjustifikasi apakah kebutuhan sistem yang dibuat layak untuk dilanjutkan menjadi sistem atau tidak Kelayakan Teknologi Kelayakan aplikasi toko online berbasis android ini ditinjau dari segi teknologi dengan konsep berbasis android yang mendukung untuk aplikasi ini. Teknologi ini memanfaatkan platform android yang sedang marak digunakan Kelayakan Hukum Analisis kelayakan hukum ditinjau dari segi hukum yang membahas apakah aplikasi ini bertentangan dengan hukum yang berlaku. Aplikasi ini tidak mengandung konten SARA maupun pornografi.

5 Kelayakan Operasional Analisis kelayakan operasional ditinjau dari kemampuan aplikasi memecahkan permasalahan seperti tujuan dibuatnya aplikasi tersebut. Aplikasi ini dapat memenuhi tujuan pembuatan yaitu mempermudah proses pemasaran pemesanan produk. 3.3 PERANCANGAN SISTEM Perancangan ini meliputi perancangan Use Case, Activity diagram, sequence diagram, class diagram, perancangan basis data, dan perancangan antar muka Use Case Diagram Use case merupakan metode berbasis teks untuk menggambarkan dan mendokumentasikan proses yang kompleks dengan menambahkan detail untuk kebutuhan yang telah didefinisikan. Berikut adalah use case pada aplikasi toko online yang menggambarkan tentang proses-proses apa saja yang dapat dilakukan oleh pengguna. Mobile.. Web. Melihat katalog produk Tambah/Ubah daftar produk Melihat detail produk << include >> Tambah/Ubah daftar propinsi User Tambah/edit item keranjang belanja Login << include >> Admin Mengisi form pemesanan Melihat bukti pemesanan << include >> << include >> Tambah/Ubah daftar ongkos Melihat/mempro es pesanan Gambar 3.1 Use Case Toko Online

6 36 Pada apikasi ini terdapat 2 user yaitu produsen sebagai user web dan konsumen sebagai user aplikasi mobile. User web dapat melakukan login, penginputan dan mengubah daftar produk, penginputan dan mengubah daftar propinsi, penginputan danmengubah daftar ongkos kirim serta melihat dan mengubah status pemesanan. Untuk user aplikasi mobile dapat melihat katalog produk, melihat detail produk, mengubah jumlah item keranjang belanja, mengisi form pemesanan dan melihat bukti pemesanan Activity Diagram Berikut ini adalah activity diagram yang ada pada aplikasi toko online berbasis android : 1. Activity Diagram Login Web Aplikasi Server User Admin Web Aplikasi Server Membuka web aplikasi melalui browser halaman login Input user dan password Login berhasil? Tidak Ya halaman utama Gambar 3.2 Activity Diagram Login Web Aplikasi Server User Admin

7 37 2. Activity Diagram Menambahkan Produk Web Aplikasi Server Pilih menu Master > Produk halaman menu produk Klik tombol tambah produk form input produk Input data produk Simpan data produk halaman menu produk Gambar 3.3 Activity Diagram Menambahkan Produk

8 38 3. Activity Diagram Menambah Daftar Propinsi. Web Aplikasi Server Pilih menu Master > Propinsi halaman menu propinsi Klik tombol tambah form input propinsi Input nama propinsi Simpan data propinsi halaman menu propinsi Gambar 3.4 Activity Diagram Menambah Daftar Propinsi

9 39 4. Activity Diagram Menambah Daftar Ongkos Kirim Web Aplikasi Server Pilih menu Master > Ongkir halaman menu ongkir Klik tombol tambah ongkir form input ongkir Input data ongkir Simpan data ongkir halaman menu ongkir Gambar 3.5 Activity Diagram Menambah Daftar Ongkos Kirim

10 40 5. Activity Diagram Melihat Pemesanan Web Aplikasi Server Pilih menu Transaksi > Pemesanan halaman pemesanan Klik tombol edit form edit status pemesanan Ubah status pemesanan Simpan status pemesanan halaman pemesanan Gambar 3.6 Activity Diagram Melihat Pemesanan

11 41 6. Activity Diagram Melihat Katalog Produk Aplikasi Mobile Membuka aplikasi splash screen katalog produk Gambar 3.7 Activity Diagram Melihat Katalog Produk 7. Activity Diagram Melihat Detail Produk Aplikasi Mobile Membuka aplikasi splash screen Pilih produk katalog produk detail produk Gambar 3.8 Activity Diagram Melihat Detail Produk

12 42 8. Activity Diagram Edit Item Keranjang Belanja Aplikasi Mobile Membuka aplikasi splash screen Pilih produk katalog produk detail produk Klik tombol beli keranjang belanja Klik Item yang akan diupdate jumlahnya menu update belanja Ubah jumlah item dan simpan Gambar 3.9 Activity Diagram Edit Item Keranjang Belanja

13 43 9. Activity Diagram Mengisi Form Pemesanan Aplikasi Mobile Membuka aplikasi splash screen Pilih produk katalog produk detail produk Klik tombol beli keranjang belanja Lanjutkan belanja? Ya Tidak Mengisi form pemesanan form pemesanan Kik tombol Simpan Gambar 3.10 Activity Diagram Mengisi Form Pemesanan

14 Activity Diagram Melihat Bukti Pemesanan Aplikasi Mobile Mengisi form pemesanan Kik tombol Simpan Menyimpan data pemesanan Konfirmasi pembayaran Menampikan bukti pemesanan Gambar 3.11 Activity Diagram Melihat Bukti Pemesanan

15 Class Diagram Berikut ini adalah class diagram aplikasi toko online berbasis android: SplashActivity +run : void +oncreate() : void +getapplicationcontex PelangganTrans +nama : String +alamat : String +telepon : String +propinsi : String +kabupaten : String +oncreate() +onbackpressed () +populatepropinsi() +populatekabupaten() +onitemselected() +onnothingselected() Katalog +idproduksi : String +produk : String +harga : String +link_image : String +oncreate() +onoptionsitemselected() +keluar() Keranjang +idproduksi : String +produk : String +harga : String +berat: String +qty : String +total: String +subtotal: String +oncreate() +SetListViewAdapter () DetailProduk +idproduksi : String +oncreate() DetailItemUpdate +idproduksi : String +textqty : String +oncreate() +onclick() () Gambar 3.12 Class Diagram Aplikasi Toko Onlien Berbasis Android Class Diagram Aplikasi Toko Onlien Berbasis Android menggambarkan keadaan (atribut/properti) suatu sistem, terdapat beberapa class yang ada pada aplikasi ini diantara nya adalah sebagai berikut: 1. SplashAvtivity, digunakan untuk menangani activity splash screen. 2. Katalog, class ini menangani penampilan data produk. 3. DetailProduk, digunakan untuk menampilkan detail produk berdasarkan id yang dibawa oleh intent yang dikirim dari class Katalog. 4. Keranjang, class ini menampilkan ListView item keranjang belanja dari sisi server. Di class ini juga menampilkan sub-total dari item yang dipilih, jumlah item yang dibeli dan total berat dari item yang dimasukkan ke keranjang belanja. 5. DetailItemUpdate, digunakan untuk melakukan perubahan pada quantity item yang terpilih atau bisa juga menghapus item produk yang tidak jadi dipilih atau tidak jadi dibeli.

16 46 6. PelangganTrans, digunakan untuk menyimpan data transaksi dan pembuatan bukti pemesanan Sequence Diagram Berikut ini adalah sequence diagram aplikasi toko online : 1. Sequence Diagram Login 1: Akses Website Form Login Dashboard 1.2: Form Login 2: Username dan Password benar 2.2: Tampil dashboard Gambar 3.13 Sequence Diagram Login 2. Sequence Diagram Menu Daftar Produk 1: Pilih menu Master > Produk Menu Produk Form Produk 1.2: Daftar Produk 2: Klik Tambah atau Edit Produk 2.2: Tampil Form Produk 2.3: Isi/Ubah data Produk dan Simpan Gambar 3.14 Sequence Diagram Daftar Produk

17 47 3. Sequence Diagram Daftar Propinsi 1: Pilih menu Master > Propinsi Menu Propinsi Form Propinsi 1.2: Daftar Propinsi 2: Klik Tambah atau Edit Propinsi 2.2: Tampil Form Propinsi 2.3: Isi/Ubah data Propinsi dan Simpan Gambar 3.15 Sequence Diagram Daftar Propinsi 4. Sequence Diagram Daftar Ongkos Kirim 1: Pilih menu Master > Ongkir Menu Ongkir Form Ongkir 1.2: Daftar Ongkir 2: Klik Tambah atau Edit Ongkir 2.2: Tampil Form Ongkir 2.3: Isi/Ubah data Ongkir dan Simpan Gambar 3.16 Sequence Diagram Ongkos Kirim

18 48 5. Sequence Diagram Melihat Status Pemesanan 1: Pilih menu Transaksi > Pemesanan 1.2: Daftar Pesanan Menu Pemesanan Form Pemesanan 2: Klik Edit Penesanan 2.2: Tampil Form Pemesanan 2.3: Ubah status pemesanan dan Simpan Gambar 3.17 Sequence Diagram Status Pemesanan 6. Sequence Diagram Melihat Katalog Produk 1: Splash screen Splash Activity Katalog Produk 1.2: Splash screen 2: Masuk katalog produk 2.2: Tampil katalog produk Gambar 3.18 Squence Diagram Katalog Produk Squence Diagram ini menjelaskan bagiamana proses interaksi antara menu utama dengan menu splash screen setelah membuka aplikasi pengguna akan langsung disuguhkan tampilan menu splash screen selama 5 detik kemudian aplikasi menampilkan katalog produk..

19 49 7. Sequence Diagram Melihat Detail Produk 1: Katalog produk 1.2: katalog produk Katalog Produk Detail Produk 2: Lihat detail produk 2.2: Tampil detail produk Gambar 3.19 Squence Diagram Lihat Detail Produk Squence Diagram ini menggambarkan skenario atau rangkaian langkahlangkah yang dilakukan setelah pengguna memilih produk dari katalog produk, pengguna akan diarahkan ke tampilan detail produk. 8. Sequence Diagram Ubah Item Keranjang Belanja Katalog Produk Detail Produk Keranjang Belanja 1: Pilih produk 2: Beli produk 3: Pilih tombol selesai 4: Ubah/hapus pesanan Gambar 3.20 Squence Diagram Ubah Item Keranjang Belanja Squence Diagram ini menggambarkan skenario atau rangkaian langkahlangkah yang dilakukan setelah pengguna memilih produk dari katalog produk, pengguna akan diarahkan ke tampilan detail produk. Kemudian pengguna menekan tombol selesai sehingga barang yang dipilih masuk ke dalam keranjang belanja. Update item dilakukan dengan cara memilih/menekan salah satu item produk pada keranjang belanja.

20 50 9. Sequence Diagram Mengisi Formulir Pemesanan Katalog Produk Detail Produk Keranjang Belanja Form Pesanan 1: Pilih produk 2: Beli produk 3: Pilih tombol selesai 4: Ubah/hapus pesanan 5: Daftar pesanan, keterangan pengiriman dan pembayaran Gambar 3.21 Squence Diagram Mengisi Formulir Pemesanan 10. Sequence Diagram Melihat Bukti Pemesanan Katalog Produk Detail Produk Keranjang Belanja Form Pesanan 1: Pilih produk 2: Beli produk 3: Pilih tombol selesai 4: Ubah/hapus pesanan Database 5: Daftar pesanan, keterangan pengiriman dan pembayaran 6: Validasi selesai belanja 7: Pesan transaksi disimpan Gambar 3.22 Squence Diagram Melihat Bukti Pemesanan Sequence diagram Pemesanan digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah pemesanan produk. Setelah pengguna memilih produk dari katalog produk, pengguna akan diarahkan ke tampilan detail menu. Di tampilan detail produk, jika ingin membeli maka pengguna menekan tombol beli

21 51 sehingga selanjutnya diarahkan ke tampilan keranjang belanja. Pada menu keranjang belanja pelanggan bisa mengubah jumlah produk yang akan dibeli atau menghapus produk yang tidak jadi dibeli. Kemudian pelanggan melakukan checkout dan diarahkan ke tampilan form pemesanan untuk mengisi data pengguna yang selanjutnya akan disimpan di database dan menghasilkan bukti pemesanan. 3.4 PERANCANGAN ANTARMUKA Perancangan antarmuka meliputi desain antarmuka yang akan ditampilkan pada aplikasi toko online berbasis android, perancangan antar muka meliputi perancangan splash screen, katalog produk, detail produk, keranjang belanja, edit item keranjang belanja, form pemesanan, dan bukti pemesanan. 1. Antarmuka Login Web Aplikasi Server Username Password [input] [input] Masuk Gambar 3.23 Antarmuka Login Web Aplikasi Server

22 52 2. Antarmuka Menu Produk XYZHomeIndustry Home Master Transaksi Laporan Logout Daftar Produk + Tambah No Nama Produk Aksi 1 Hanger Jilbab Edit Hapus 2 Rak Sepatu Gantung Edit Hapus 3 Rak Sepatu Kantung Edit Hapus Gambar 3.24 Antarmuka Menu Produk 3. Antarmuka Menu Input Produk XYZHomeIndustry Home Master Transaksi Laporan Logout Tambah Produk Nama Produk Deskripsi Produk Harga Produk Nama Toko Gambar Produk [input] [input] [input] [input] [input] Simpan Kembali Gambar 3.25 Antarmuka Menu Input Produk

23 53 4. Antarmuka Menu Propinsi XYZHomeIndustry Home Master Transaksi Laporan Logout Data Propinsi + Tambah No Nama Propinsi Aksi 1 Jawa Tengah Edit Hapus 2 Jawa Timur Edit Hapus 3 Jawa Barat Edit Hapus Gambar 3.26 Antarmuka Menu Propinsi 5. Antarmuka Menu Input Propinsi XYZHomeIndustry Home Master Transaksi Laporan Logout Tambah Data Propinsi Masukkan Nama Propinsi [input] Simpan Kembali Gambar 3.27 Antarmuka Menu Input Propinsi

24 54 6. Antarmuka Menu Ongkos Kirim XYZHomeIndustry Home Master Transaksi Laporan Logout Data Ongkos Kirim + Tambah No Nama Kota/Kabupaten Nama Propinsi Ongkos Kirim Aksi 1 Semarang Jawa Tengah Edit Hapus 2 Surabaya Jawa Timur Edit Hapus 3 Serang Jawa Barat Edit Hapus Gambar 3.28 Antarmuka Menu Ongkos Kirim 7. Antarmuka Menu Input Ongkos Kirim XYZHomeIndustry Home Master Transaksi Laporan Logout Tambah Data Ongkos Kirim Masukkan Nama Propinsi Pilih Nama Kota Masukkan Ongkos Kirim [drop list] [input] [input] Simpan Kembali Gambar 3.29 Antarmuka Menu Input Ongkos Kirim

25 55 8. Antarmuka Menu Pemesanan XYZHomeIndustry Home Master Transaksi Laporan Logout Data Pemesanan + Tambah ID Order Tanggal Order Jam Order Status Pemesanan Aksi 1 YYYY-MM-DD hh:mm:ss Belum Edit Hapus 2 YYYY-MM-DD hh:mm:ss Lunas Edit Hapus 3 YYYY-MM-DD hh:mm:ss Lunas Edit Hapus Gambar 3.30 Antarmuka Menu Pemesanan 9. Antarmuka Menu Ubah Status Pemesanan XYZHomeIndustry Home Master Transaksi Laporan Logout Edit Status Pembayaran ID Order Status Pemesanan [read only] [drop list] Simpan Kembali Gambar 3.31 Antarmuka Menu Ubah Status Pemesanan

26 Antarmuka Menu Detail Pesanan XYZHomeIndustry Home Master Transaksi Laporan Logout Order Detail ID Order Nama Pemesan Alamat Nomor Telepon Kota Kabupaten [read only] [read only] [read only] [read only] [read only] No Nama Produk Quantity Total Subtotal Total berat Total ongkos kirim Grand total Gambar 3.32 Antarmuka Menu Pesanan 11. Antarmuka Menu Laporan XYZHomeIndustry Home Master Transaksi Laporan Logout Laporan Pendapatan Periode Masukkan Tanggal Awal [date picker] Masukkan Tanggal Akhir [date picker] tampilkan kembali Laporan Periode ID Order Tanggal Order Jam Order Total Item Order Subtotal Pendap[atan Grand Total Gambar 3.33 Antarmuka Menu Laporan

27 Antarmuka Splash Screen LOGO Gambar 3.34 Antarmuka Splash Screen 13. Antarmuka Katalog Produk XYZ Home Industry Gambar Produk 1 Gambar Produk 2 Gambar Produk 3 Gambar Produk 4 Nama Produk 1 Harga Produk Nama Produk 2 Harga Produk Nama Produk 3 Harga Produk Nama Produk 4 Harga Produk Gambar 3.35 Antarmuka Katalog Produk

28 Antarmuka Detail Produk XYZ Home Industry Nama Produk Gambar Produk Diskripsi Produk Harga Beli Gambar 3.36 Antarmuka Detail Produk 15. Antarmuka Keranjang Belanja XYZ Home Industry Gambar Produk 1 Gambar Produk 2 Nama Produk 1 Harga Produk Nama Produk 2 Harga Produk Subtotal Jumlah Berat Lanjutkan Belanja CheckOut Gambar 3.37 Antarmuka Keranjang Belanja

29 Antarmuka Updae Item Keranjang Belanja Update Keranjang Nama Produk Gambar Produk Harga Produk Quantity Hapus Update Gambar 3.38 Antarmuka Update Item Keranjang Belanja 17. Antarmuka Proses Checkout Form Pelanggan Nama Edit Text Alamat EditText Telepon/Handphone EditText Propinsi Drop List Kota/Kabupaten Drop List SIMPAN Gambar 3.39 Antarmuka Proses Checkout

30 60