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 http://digilib.mercubuana.ac.id/
Gambar 3.1 Perancangan Arsitektur Aplikasi
3.3 Proses Jual Beli Barang Seni 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 http://digilib.mercubuana.ac.id/
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 Actor Deskripsi
Mengunjungi penjual Pembeli Pembeli mengunjungi penjujual barang seni untuk mengetahui barang yang akan dibeli
20 http://digilib.mercubuana.ac.id/
Tabel 3.3 Skenario Use Case Diagram melakukan transaksi pembelian Nama Use Case Actor
Melakukan transaksi pembelian Penjual dan Penbel Pembeli melakukan transaksi pembelian yaitu pembayaran
Deskripsi
atas barang seni yang sudah disepakati
3.5 Activity Diagram Jual Beli Barang Seni
3.5.1. 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
Activity Diagram Jual Beli Barang Seni Pembeli melakukan transaksi pembelian kepada penjual
Deskripsi Singkat
Baran seni
21 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
Gambar 3.4 Use Case Diagram Sistem Usulan
3.8 Deskripsi Uses Case dan Activty Diagram Actor Admin 3.8.1 Use Case Login
Gambar 3.5 Deskripsi Use Case Login
23 http://digilib.mercubuana.ac.id/
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 -Membuka
Tindakan Alternatif
user id dan password
form menu utama
Jika username & password salah, maka akan muncul tampilan warning
Pasca kondisi
Aktor bisa melakukan kegiatan selanjutnya
3.8.2 Activity Diagram Mengelola Data User
Gambar 3.6 Activity Diagram Mengelola data Table 3.6 Activity Diagram Mengelola Data User 24 http://digilib.mercubuana.ac.id/
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.
3.8.3 Activity Diagram Mengelola Data Kota
25 http://digilib.mercubuana.ac.id/
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.
3.8.4 Activity Diagram Kelola Peralatan Seni
26 http://digilib.mercubuana.ac.id/
Gambar 3.8 Activity Diagram Kelola Peralatan Seni Table 3.8 Activity Diagram Kelola Peralatan Seni Nama Use Case
Activity Diagram Kelola Peralatan Seni
Deskripsi singkat
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.
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.
3.9 Deskripsi Uses Case dan Activty Diagram Actor User 3.9.1. Activity Diagram Pencarian Peralatan Seni
27 http://digilib.mercubuana.ac.id/
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.
3.10 Sequence Diagram Usulan 3.10.1 Sequence Diaram Login
Gambar 3.10 Sequence Diagram Login
28 http://digilib.mercubuana.ac.id/
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
3.10.2 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 http://digilib.mercubuana.ac.id/
3.10.3 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 http://digilib.mercubuana.ac.id/
3.10.4 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 http://digilib.mercubuana.ac.id/
3.11 Penerapan Algoritma Searching Pada Barang Seni 3.11.1 Flowchart Pencarian Barang Seni
ambar 3.14 Flowchart Pencarian Barang Seni
32 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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
Email
varchar(150)
Alamat email
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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, email, phone, username password dan konfirmasi password.
39 http://digilib.mercubuana.ac.id/
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, email.
40 http://digilib.mercubuana.ac.id/