BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Berjalan Sebelum dilakukan perancangan dan pembuatan aplikasi voting ini perlu dilakukan analisis terhadap permasalahan yang ada berkaitan dengan tujuan perancangan yang ditentukan sejak awal dimana pembeli sangat sulit untuk melakukan pembelian benda benda seni yang memang tidak umum dijual disekitar tempat tinggal pembeli dan memedahkan penjual untuk lebih bisa menjual produk dagangan mereka secara meluas.hal tersebutlah yang membuat beberapa orang kesuitan dalam mencari barang seni yang diminati dan bagi penjual kebanyakan kurang puas atas penjualan barang seni ereka karana kuranganya pengetahuan tentang took atau tempat pnjualan barang seni 3.2 Perancangan Arsitektur Aplikasi Dalam penjualan atau pembelian barang seni, aplikasi terhubung ke server untuk mendapatkan data penjualan dan pembelian barang seni menggunakan database mysql. Proses pengambilan data dari web server dengan menggunakan parsing json. Alur kerja atau intergrasi sitem dapat dilihat pada gambar di bawah ini : 18

2 3.3 Proses Jual Beli Barang Seni Gambar 3.1 Perancangan Arsitektur Aplikasi Prosedur yang akan diambil dari langkah-langkah yang terjadi atau yang dilakukan dalam suatu sistem. Prosedur sistem yang sedang berjalan dari jual beli barang seni sebagai berikut: a. Pencarian info Penjual Pembeli akan mencari tahu informasi si penjual barang seni melalui berbagai macam sumber informasi baik dari media cetak,elektronik ataupun dari orang ketiga untuk mengetahui keberadaan dan identitas si penjual barag seni b. Mengunjungi Penjual Setelah pebeli mendapatkan informasi penjual,pembeli wajib mengunjungi penjual untuk memastikan kondisi dn barang yang akan dibeli c. Melakukan Transaksi Pembelian Setelah pembeli memastikan haraga dan kondisi barang yang akan dibeli selanjutnya pembeli melakukan transaksi pembayaran terhadap pelaku penjual untuk memastikan kesepakatan antara sipenjual dan sipembeli d. Deskrpsi tugas dalam Penjualan Barang Seni Pembeli : Adalah Pelaku yang mencari barang seni Penjual : Adalah Pelaku yang menyediakan barang seni. 19

3 3.4 Use Case Diagram Sistem Berjalan Gambar 3.2 Use Case Diagram Sistem Berjalan Setiap Use Case dideskripsikan dalam dokumen untuk mendefinisikan bagaimana alur yang harus dilakukan pembeli dan penjual. Fungsi dari sistem yang telah digambarkan menggunakan use case diagram dan dijelaskan secara lebih detail pada bagian tabel use case spesifikasi sebagai berikut : Table 3.1 Seknario Use Case Diagram mencari info penjual Nama Use Case Actor Deskripsi Mencari info Penjual Pembeli Pembeli mencari info penjual barang seni Tabel 3.2 Skenario Use Case Diagram mengunjungi penjual Nama Use Case Mengunjungi penjual Actor Pembeli Deskripsi Pembeli mengunjungi penjujual barang seni untuk mengetahui barang yang akan dibeli 20

4 Tabel 3.3 Skenario Use Case Diagram melakukan transaksi pembelian Nama Use Case Actor Deskripsi Melakukan transaksi pembelian Penjual dan Penbel Pembeli melakukan transaksi pembelian yaitu pembayaran atas barang seni yang sudah disepakati 3.5 Activity Diagram Jual Beli Barang Seni Activity Diagram Jual Beli Barang Seni Gambar 3.3 Activity Diagram Jual beli Barang Seni Tabel 3.4. Activity diagram Jual beli Barang Seni Nama Activity Deskripsi Singkat Activity Diagram Jual Beli Barang Seni Pembeli melakukan transaksi pembelian kepada penjual Baran seni 21

5 Aktor Pembeli Dan Penjual Pra Kondisi - Sebelum melakukan transaksi pembelian pembeli mencari informasi penjual,kemudian mengunjungi Tindakan Utama penjual 3.6 Analisa Sistem Usulan Untuk memberikan kemudahan dalam melakuakan pembelian ataupun penjualan barang seni system yang akan dibuat dengan beberapa fitur menarik memudahkan pembeli untuk mendapatkan informasi penjual ataupun penjual yang dimudahkan untuk menjual karya seninya hanya dengan mengakses aplikasi ini sendiri. Dengan adanya aplikasi pembeli tak perlu repot repot lagi untuk mencari keberadaan penjual seni dan tak perlu lagi bingun mengenai barang yng akan dibeli apakah sesuai dengan keinginan si pembeli karena aplikasi sendiri sudah dilengkapai dengen foto haraga serta domisili barang seni itu berada. 3.7 Use Case Diagram Sistem Usulan 22

6 Gambar 3.4 Use Case Diagram Sistem Usulan 3.8 Deskripsi Uses Case dan Activty Diagram Actor Admin Use Case Login Gambar 3.5 Deskripsi Use Case Login 23

7 Tabel 3.5 Deskripsi Use Case Login Nama Activity diagram login. Admin dan user harus login terlebih dahulu yakni Deskripsi singkat mengisi username dan password untuk memasuki menu selanjutnya. Aktor Admin dan User Pra Kondisi - Tindakan utama -Memasukan user id dan password -Membuka form menu utama Tindakan Alternatif Jika username & password salah, maka akan muncul tampilan warning Pasca kondisi Aktor bisa melakukan kegiatan selanjutnya Activity Diagram Mengelola Data User Gambar 3.6 Activity Diagram Mengelola data Table 3.6 Activity Diagram Mengelola Data User 24

8 Nama Activity diagram mengelola data user Deskripsi singkat Admin dan user membuka aplikasi, melakukan login, apabila tidak diterima username dan password tidak akan bisa masuk, apabila diterima masuk kehalaman utama, setelah itu memilih kelola data user lalu admin dapat menambah, mengedit, dan menghapus setelah selesai sistem akan menyimpan perubahan. Actor Admin dan User Pra Kondisi - Tindakan Utama - Memasukan user id dan password - Membuka form menu utama Tindakan aleternatif Jika username & password salah, tidak akan bisa login Pasca Kondisi Admin dan user bisa melakukan kegiatan selanjutnya Activity Diagram Mengelola Data Kota 25

9 Gambar 3.7 Activity Diagram mengelola Data Kota Table 3.7 Activity Diagram Mengelola Data Kota Nama Activty diagram mengelola data kota Deskripsi singkat Admin dan user membuka aplikasi, melakukan login, apabila tidak diterima username dan password tidak akan bisa masuk, apabila diterima masuk kelola data kota, lalu admin dapat menambah, mengedit, dan menghapus setelah selesai sistem akan menyimpan perubahan. Actor Admin dan User Pra Kondisi - Tindakan Utama - Memasukan user id dan password - Membuka form menu utama Tindakan alternative Jika username & password salah tidak akan bisa login Pasca Kondisi Admin dan user bisa melakukan kegiatan selanjutnya Activity Diagram Kelola Peralatan Seni 26

10 Gambar 3.8 Activity Diagram Kelola Peralatan Seni Table 3.8 Activity Diagram Kelola Peralatan Seni Nama Use Case Deskripsi singkat Actor Pra kondisi Tindakan utama Tindakan alternative Pasca kondisi Activity Diagram Kelola Peralatan Seni Admin dan user membuka aplikasi, melakukan login, apabila tidak diterima username dan password tidak akan bisa masuk, apabila diterima masuk kelola peralatan seni, lalu admin dapat menambah, mengedit, dan menghapus setelah selesai sistem akan menyimpan perubahan. Admin dan User - Memasukan user id dan password - Membuka form menu utama Jika username & password salah tidak akan bisa login Admin dan user bisa melakukan kegiatan selanjutnya. 3.9 Deskripsi Uses Case dan Activty Diagram Actor User Activity Diagram Pencarian Peralatan Seni 27

11 Gambar 3.9 Activity Diagram Pencarian Peralatan Seni Table 3.9 Activity Diagram Web Pencarian Peralatan Seni Nama Use Case Activity diagram Pencarian Peralatan Seni Deskripsi singkat User dapat melakukan pencarian barang seni sesuai kategori,dan domisili Actor User Pra kondisi Pilih menu pencarian seni Tindakan utama - Tindakan alternative Pindah ke page/ laman lain Pasca kondisi User bisa melakukan kegiatan selanjutnya Sequence Diagram Usulan Sequence Diaram Login Gambar 3.10 Sequence Diagram Login 28

12 Pada sequence in admin atau user harus melakukan login yaitu menginput username dan password sebelum masuk ke aplikasi, kemudian sistem akan memvalidasi jika berhasil admin masuk kemenu utama jika gagal kembali ke login awal Sequence Diagram Mengelola Data Seni Admin membuka aplikasi, lalu melakukan login,dengan username dan password,jika password atau usermane salah gagal,jika benar lanjut ke menu utama admin selanjutnya memilih kelola seni.admin dapat menambahkan,mengganti,dan menghapus data seni,setelah itu system menyimpan data baru,jika batal kembali ke menu kelola seni,dan jika admin melakukan logout kembali kehalaman menu login 29

13 Sequence Diagram Mengelola Data Kota Gambar 3.12 Sequence Diagram Mengelola Data Kota Admin membuka aplikasi, lalu melakukan login,dengan username dan password,jika password atau usermane salah gagal,jika benar lanjut ke menu utama admin selanjutnya memilih kelola kota.admin dapat menambahkan,mengganti,dan menghapus data kota,setelah itu system menyimpan data baru,jika batal kembali ke menu kelola kota,dan jika admin melakukan logout kembali kehalaman menu login 30

14 Sequence Diagram Change Profil Gambar 3.13 Sequence Diagram Change Profil Admin dan user membuka aplikasi, lalu melakukan login,dengan username dan password,jika password atau usermane salah gagal,jika benar lanjut ke menu utama admin selanjutnya memilih change profil.admin dan user dapat mengubah profil,setelah itu system menyimpan data baru,jika batal kembali ke menu change profil,dan jika admin dan user melakukan logout kembali kehalaman menu login 31

15 3.11 Penerapan Algoritma Searching Pada Barang Seni Flowchart Pencarian Barang Seni ambar 3.14 Flowchart Pencarian Barang Seni 32

16 3.12 ERD Gambar 3.15 ERD 3.13 Struktur Basis Data Tabel 3.10 Struktur Basis Data Barang Nama Field Type Keterangan idbarang Int(11) Id Barang iduser Int(11) Id user namabarang Varchar(150) Naa barang Kategori Varchar(20) kategori Harga Double Harga barang Deskripsi Text Keterangan barang Foto1 varchar(150) Foto Barang Foto2 varchar(150) Foto Barang 33

17 Foto3 varchar(150) Foto Barang Foto4 varchar(150) Foto Barang Tabel 3.11 Struktur Basis Data Kota Nama Field Type Keterangan idkota Int(11) Id Kota namaprovinsi varchar(150) Nama Provinsi namakota varchar(150) Nama Kota Tabel 3.12 Struktur Basis Data User Nama Field Type Keterangan iduser Int(11) Id Voting namauser varchar(100) Nama user Jk varchar(20) Jenis kelamin user Alamat Text Alamat user varchar(150) Alamat Phone varchar(15) Phone user Username varchar(30) Username user Password varchar(30) Password user Foto varchar(150) Foto user Pengguna varchar(20) Pengguna user Deskripsi Text Deskripsi user idkota Int(11) Id kota user Konfirmasi Varchar(20) Konfirmasi 34

18 1. Rancangan Layar Utama Gambar 3.16 Rancangan Layar Utama Berikut adalah rancngan layar utama pada aplikasi. Disini terdapat Pencarian Seni, Login, Registrasi, Lupa Password, dan Keluar. 35

19 2. Rancangan Pencarian Seni Gambar 3.17 Rancangan Pencarian Seni Berikut adalah rancangan dari pencarian seni dimana penguna bisa mencari barang seni yang diinginkan,penguna bisa memilih kategori seni dan kota yang dimau sesuai keinginan pengguna. 36

20 3. Rancangan login admin. Gambar 3.18 Rancangan Login admin Berikut adalah rancangan dari login admin,dimana admin dapat mengelola kota,mengelola user, mengelola seni,change profil,change password, dan keluar kelayar utama. 37

21 4. Rancangan Login User Gambar 3.19 Rancangan Login User Berikut adalah rancangan dari login user,dimana user dapat mengelola peralatan seni, mengganti profil,mengganti password, dan keluar kelayar utama. 38

22 5. Rancangan Registrasi Gambar 3.20 Rancangan halaman Registrasi Berikut adalah rancangan dari halaman registrasi,dimana user harus melakukan registrasi terlebih dahulu sebelum mengelola barang seni yang ingin diupload dengan mengisi kolom kolom dari layar registrasi berupa nama user, memilih jenis kelamin, alamat, , phone, username password dan konfirmasi password. 39

23 6. Rancangan Lupa Password Gambar 3.21 Rancangan halaman Lupa Password Berikut adalah rancangan lupa password, dimana user harus melakukan penggantin password baru jika pengguna lupa pada password yang digunakan dengan mengisi kolom nama lengkap, phone, . 40