bab iv analisa dan perancangan sistem 4
Post on 12-Jan-2022
11 Views
Preview:
TRANSCRIPT
BAB IV
ANALISA DAN PERANCANGAN SISTEM
4.1 Tinjauan Organisasi
Organisasi adalah suatu wadah serta proses kerja sama sejumlah manusia
yang terkait hubungan formal rangkaian hirarki untuk mencapai tujuan yang telah
ditentukan dalam berorganisasi diharapkan adanya suatu interaksi atau suatu
hubungan timbal balik dan saling berkoordinasi serta menanamkan sifat jujur
antara sesama pernagkat organisasi. Dengan demikian tujuan yang diharapkan
oleh suatu usaha dapat tercapai dengan baik.
4.1.1 Sejarah Perusahaan
Herbalife merupakan Salah satu merk dagang produk herbal yang berdiri
sejak 1980 oleh Mark Hughes di Kanada. Herbalife khususnya menjual berbagai
macam produk-produk kesehatan seperti obat untuk menurunkan berat badan,
menjaga kesehatan sehari-hari dan berbagai jenis produk lainnya, hingga sampai
saat ini produk Herbalife sudah di pakai oleh 58 Negara di seluruh dunia.
Di dalam transaksi penjualan adalah bagian dari kegiatan utama yang sangat
mendukung terjadinya transaksi –transaksi jual beli. Dalam Penjualan yang
dilakukan ada yang secara tunai. Terbentuknya perusahaan Herbalife adalah ikut
berperan serta dalam menyediakan berbagai kebutuhan kesehatan di kalangan
masyarakat dan dunia.
4.1.2 Visi dan Misi Perusahaan
a. Visi Perusahaan
Herbalife yang dibangun oleh Mark Hughes bermimpi tentang “masa depan
brilian yang luar biasa” dengan membantu orang dalam meningkatkan hidup
mereka melalui konsumsi gizi dan nutrisi yang lebih baik dan membangun
peluang bisnis yang tak tertandingi.
b. Misi Perusahaan
mengubah kehidupan orang dengan menyediakan nutrisi terbaik dan produk-
produk pengelolaan berat badan di dunia dan peluang usaha dengan metode
penjualan langsung yang terbaik.
4.1.3 Struktur Organisasi Perusahaan
Suatu organisasi harus mempunyai struktur organisasi agar melakukan suatu
pekerjaan agar dapat berjalan dengan baik, agar tidak terjadi tumpang tindih tugas
yang berakibat mengganggu jalannya kegiatan yang ada. Sehingga kegiatan
operasionalnya dapat berjalan dengan lancar sesuai yang diinginkan.
Struktur organisasi bukan hanya untuk pembagian tugas wewenang dan
tanggung jawab untuk mencapai tujuan tertentu akan tetapi harus mempunyai
prinsip yang mantap agar keserasian kerja dapat tercapai secara efektif yang
sekaligus mendapatkan suatu keuntungan yang diinginkan usaha tersebut.
Struktur organisasi seperti gambar dibawah ini :
PEMILIK
Gambar 4.1 Struktur organisasi
4.2 Analisisa Sistem
Proses Analisisa sistem merupakan penguraian dari suatu sistem yang
utuh kedalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan-permasalahan. Hal-hal yang
akan dianalisis pada tahap analisis sistem ini adalah analisis masalah, solusi
masalah, analisis prosedur sistem yang sedang berjalan, dan analisis basis data.
Teknik pemecahan masalah yang mengurangi sebuah sistem menjadi bagian-
bagian komponen dengan tujuan mempelajari seberapa baik bagian-bagian
STAF PENJUALAN STAF GUDANG
komponen dengan tujuan yang diharapkan. Analisa sistem merupakan tahapan
awal dengan proses pengembangan sistem, sehingga tahapan ini menjadi acuan
pelaksanaan pada proses pengembangan sistem.
Dalam penyelesaian sistem sering menghasilkan kebutuhan untuk
memperbaharui dan mendapatkan penyelesaian dari banyak masalah yang ada.
Tugas analisa sistem merupakan proses penemuan, perbaikan, pemodelan dan
spesifikasi. Setiap model analisa harus dapat mencapai tiga sasaran utama : a. Adanya gambaran apa yang dibutuhkan oleh pemakai b. Merancang dan membangun dasar bagi pembuatan desain perangkat lunak c. Mencakup batasan serangkai persyaratan yang dapat divalidasi begitu
perangkat lunak diimplementasikan.
4.2.1 Analisa Sistem Berjalan
Dalam analisis terhadap sistem yang berjalan dimaksudkan untuk
mempelajari terhadap suatu sistem yang sedang dijalanakan oleh suatu organisasi
atau instansi, sehingga mampu memperkirakan dan merincikan seluruh dokumen
ataupun prosedur yang terlibat. Adapun sistem berjalan yang terjadi pada
Herbalife adalah sebagai berikut :
a. Konsumen memilih produk, kemudian memberikan produk yang telah dipilih
kepada kasir.
b. Kasir menerima produk yang telah diambil pembeli
c. Kasir memberitahu kepada konsumen berapa total harga dari produk yang
harus dibayar.
d. Konsumen memberikan sejumlah uang ke kasir sesuai dengan total harga dari
barang yang dibelinya
e. Kasir mencetak nota pembelian dan diberikan kepada konsumen beserta
barang belanjaannya.
Memilih Produk
yang diinginkan
Menerima pemberitahuan
total harga
Membayar sesuai
dengan total harga
Menerima Struk dan
Barang belanjaan
Menerima produk
yang telah dipilih
Memasukan data
pembelian
Memberi informasi
total pembelian
Menerima Uang dan
memasukan data jumlah uang
Memberi Struk dan
Barang belanjaan
Menyimpan data
pembelian
Menghitung total
harga pembelian
Mencetak
struk
SystemKasirKonsumen
Gambar 4.2 Activity Diagram Sistem berjalan
4.2.2 Evaluasi Sistem Berjalan
Dari analisa dari evaluasi system berjalan ada beberapa titik permasalahan
baik itu secara langsung maupun tidak langsung yang dapat mempengaruhi
kinerja terhadap system yang ada. Proses pencarian , pemilihan dan pembelian
produk masih dilakukan di tempat sehingga mengharuskan konsumen untuk
datang ketempat tujuan agar mendapatkan produk. Setelah melakukan
identifikasi terhadap penyebab permasalahan yang ada, penulis juga melakukan
pengamatan dengan maksud untuk mengumpulkan fakta atau data yang menjadi
permasalahan pada sistem ini.
4.2.3 Analisa Sistem Usulan
Dari hasil dari penelitian yang berjalan, sistem yang diusulkan untuk
memberikan solusi pada permasalahan ini adalah pembangunan aplikasi penjualan
pada Herbalife.
Dalam sistem ini konsumen tidak perlu lagi datang ke toko untuk
berbelanja, dan dapat melakukan transaksi secara online sehingga dapat lebih
mempersingkat waktu pencarian dan tentu saja tidak terbatas ruang dan waktu.
Berikut Gambar Rancangan Solusi yang ditawarkan dengan perancangan sistem
ini :
Gambar 4.3 Solusi yang ditawarkan
Sistem Aplikasi client pada m-commerce ini adalah aplikasi mobile yang
dapat digunakan oleh user jika terhubung dengan internet.
Aplikasi client m-commerce juga didukung oleh web server sebagai pusat
pengolahan dala dalam bentuk client –server. Pada penelitian ini program client
akan dibuat dengan menggunakan platform android. Berikut Rancangan
Arsitektur dari sistem yang akan dibuat :
Gambar 4.4 Arsitektur Sistem Usulan
4.3 Analisa Kebutuhan
Proses analisa kebutuhan bertujuan untuk mendefinisikan kebutuhan dari
sistem yang akan dikembangkan. Analisa kebutuhan sistem dibedakan menjadi
kebutuhan fungsional dan kebutuhan non fungsional.
4.3.1 Analisa Kebutuhan NonFungsional
Proses Analisa Kebutuhan Non Fungsional adalah analisis yang dibutuhkan
untuk menentukan spesifikasi kebutuhan sistem yang meliputi elemen atau
komponen yang dibutuhkan untuk sistem yang akan dibangun sampai dengan
implementasinya. Dalam pembangunan sistem ini ada 3 (tiga) kebutuhan non
fungsional yang digunakan yaitu : Kebutuhan Pengguna, Perangkat Keras dan
Perangkat Lunak.
4.3.1.1 Analisa Kebutuhan Pengguna
Pengguna / User Mobile dapat melakukan pencarian produk menggunakan
melihat produk-produk yang ditawarkan dan melakukan pembelian barang.
4.3.1.2 Analisa Kebutuhan Perangkat Keras
Perangkat keras yang sesuai dengan karakteristik rancangan sistem ini.
Adapun perangkat keras yang digunakan dalam pembangunan sistem ini adalah
sebagai berikut :
a. Processor Intel Core i3
b. VGA Card 1GB DDR3
c. Kapasitas Harddisk 500Gb
d. Komputer
Selain itu dibutuhkan juga perangkat keras yang digunakan untuk
menjalankan sistem aplikasi ini dengan spesifikasi sebagai berikut :
a. Smartphone Android Jelly Bean 4.2.2
4.3.1.3 Analisa Kebutuhan Perangkat Lunak
Perangkat - Perangkat lunak yang digunakan untuk membangun sistem ini
adalah :
a. Java Development Kit versi 5 atau 6, untuk mengkompilasi kode program.
b. Java Runtime, sebagai platform untuk menjalankan sistem.
c. Dreamweaver, sebagai perangkat lunak untuk membangun aplikasi server.
d. Eclipse Juno, sebagai perangkat lunak untuk membangun aplikasi client pada
android.
e. Android SDK, untuk pengembangan aplikasi android.
f. Android Development Tool, sebagai plugin android pada android studio.
g. Android Virtual Device, sebagai emulator untuk menjalankan sistem android.
h. Xampp, sebagai perangkat lunak untuk localhost database dan aplikasi.
Confirmation Succes
Login
Product
Profi le
Information
About
Share
Contact
Cart
Checkout
User Mobile
Category List Menu Product
Checkout
Detail Menu Product
Order Detail
Includes Includes Includes
Includes
IncludesIncludes
Extends
Extends
Registrasi
i. Sistem Operasi Windows 7
j. Android OS
4.3.2 Kebutuhan Fungsional
Proses Analisis kebutuhan fungsional bertujuan untuk mengetahui
informasi yang mengalir melalui perangkat lunak. Analisis dilakukan dengan
mendeskripsikan fungsi sistem yang dibangun, mengidentifikasi aktor, membuat
use case diagram, activity diagram, sequence diagram, class diagram dan
deployment diagram.
4.4 Desain Perancangan Perangkat Lunak ( UML )
4.4.1 Use Case Diagram
Gambar 4.5 Use Case Diagram Usulan
a. Deskripsi Usecase
Tabel 4.1 Tabel Deskripsi Usecase Registrasi
Usecase Registrasi
Actor User Mobile
Entry Condition User Mobile membuka aplikasi yang telah diinstal di
handphone androidnya.
Flow of Events 1. User Mobile yang belum terdaftar memilih Daftar
untuk mendaftar sebagai user baru.
2. User Mobile dapat mengisikan data pribadi untuk
menjadi user baru.
Exit Condition User Mobile sudah melakukan register dan dapat login
aplikasi.
Tabel 4.2 Tabel Deskripsi Usecase Login
Usecase Login
Actor User Mobile
Entry Condition User Mobile mengakses aplikasi yang telah terinstal di
handphone androidnya.
Flow of Events 1. User Mobile mengklik pilihan Login yang ada
ditampilan awal aplikasi.
2. User Mobile mengisikan username dan password
yang sudah terdaftar dalam sistem dan merupakan
milik pribadi dari masing –masing user.
3. User Mobile mengklik tombol login untuk
masuk..
Exit Condition User Mobile sudah melakukan login dan dapat
menggunakan aplikasi m-commerce.
Tabel 4.3 Tabel Deskripsi Usecase Product
Usecase Product
Actor User Mobile
Entry Condition User Mobile telah login aplikasi
Flow of Events User Mobile memilih menu Product
Include : User Mobile memilih kategori produk
User Mobile memilih menu produk
User Mobile melihat detail produk
User Mobile memasukkan jumlah barang
yang akan dipesan dan masuk ke
Shopping cart
User Mobile memilih jenis jasa pengiriman
dan data alamat tujuan pengiriman
barang dalam form checkout
Exit Condition User Mobile mendapatkan pesan konfirmasi bahwa
pemesanan telah berhasil dilakukan.
Tabel 4.4 Tabel Deskripsi Usecase Cart
Usecase Cart
Actor User Mobile
Entry Condition User Mobile telah melakukan pesanan di shopping
Cart
Flow of Events 1. User Mobile dapat mengecek pesanan produk yang
berbeda langsung dari menu home.
2. User Mobile dapat membatalkan pesanan dengan
menekan tombol Clear
Exit Condition User Mobile melihat rincian harga dan melanjutkan
sistem checkout
Tabel 4.5 Tabel Deskripsi Usecase Checkout
Usecase Checkout
Actor User Mobile
Entry Condition User Mobile memasukkan data tujuan pengiriman
Flow of Events User Mobile mendapat pemberitahuan selesai transaksi
Exit Condition User Mobile selesai melakukan transaksi dan logout
dari aplikasi
Tabel 4.6 Tabel Deskripsi Usecase Profile
Usecase Profile
Actor User Mobile
Entry Condition User Mobile memilih menu Profile
Flow of Events User Mobile melihat sub konten about us dan
introduction tentang toko
Exit Condition User Mobile selesai melihat profile toko dan kembali
ke menu Home
Tabel 4.7 Tabel Deskripsi Usecase Information
Usecase Information
Actor User Mobile
Entry Condition User Mobile memilih Menu Information
Flow of Events User Mobile melihat informasi tentang ,
payment/pembayaran, shopping/cara belanja, dan
cancelation/aturan pembatalan transaksi.
Exit Condition User Mobile selesai melihat informasi dan kembali ke
menu Home
Tabel 4.8 Tabel Deskripsi Usecase About
Usecase About
Actor User Mobile
Entry Condition User Mobile memilih menu About
Flow of Events User Mobile melihat informasi pembuat aplikasi
Exit Condition User Mobile selesai melihat tentang pembuat aplikasi
dan kembali ke menu Home
Tabel 4.9 Tabel Deskripsi Usecase Share
Usecase Share
Actor User Mobile
Entry Condition User Mobile memilih menu Share
Flow of Events User Mobile dapat melakukan sharing url download
aplikasi melalui bbm, gmail, twitter atau aplikasi-
aplikasi sosial media yang ada diponsel
Exit Condition User Mobile selesai melakukan sharing, dan kembali
ke menu Home
Tabel 4.10 Tabel Deskripsi Usecase Contact Us
Usecase Contact
Actor User Mobile
Entry Condition User Mobile memilih menu Contact
Flow of Events User Mobile dapat mengirimkan pesan secara otomatis
keemail toko, dengan data pengirim email yang
digunakan di ponsel.
Exit Condition User Mobile selesai mengirimkan pesan, dan kembali
ke menu Home
Form Login
Memasukkan Username dan
Password yang telah terdaftar
Verifikasi Username
dan Password
Masuk Menu
Utama
tidak
ya
SystemUser Mode
4.4.2 Activity Diagram
Suatu Activity diagram adalah gambaran grafis dari alur kerja tahapan
aktivitas. Adapun Activity diagram yang diusulkan dari Aplikasi Mobile
Commerce ini adalah sebagai berikut :
a. Activity Diagram Login
Proses Login adalah proses utama yang harus dilakukan oleh semua user. Mereka
harus memasukan username dan password setelah itu di verifikasi oleh sistem.
Gambar 4.6 Activity Diagram Login pengguna
b. Activity Diagram Pemesanan Barang
Activity Diagram pemesanan produk, setelah user melakukan login pada aplikasi user dapat melakukan pemesanan produk melalui scaning barcode. Setelah proses pemesanan selesai, selanjutnya user mendapatkan konfirmasi.
Login
Memilih menu
produk
Memilih Produk
Memesan
Produk
Melakukan Checkout
Pesanan
Menampilkan
Menu Utama
Menampilkan
Kategori Produk
Menampilkan
Detail Produk
Menampilkan
Detail Order
ya tidak
Mengirimkan
Data Pesanan
Pesan Konfirmasi
Pengiriman Sukses
Menyimpan
Data Pesanan
DatabaseAplikasi M-CommerceUser Mobile
Gambar 4.7 Activity Diagram Pemesanan Barang
Login
Administrator
Masuk ke
Halaman Web
Memilih Menu
Order List
Memilih Menu
Order Detail
Merubah Status
Pesanan
Menampilkan
Data Pesanan
Menampilkan
Status Pesanan
Ada Pesanan ??
Menyimpan
Data Pesanan
DatabaseAdmin Web PanelAdministrator
c. Activity Diagram Manage Pesanan oleh Administrator
Gambar 4.8 Activity Diagram Manage Pemesanan oleh Admin
4.5 Perancangan
Suatu Perancangan dilakukan setelah tahap analisis terhadap sistem
selesai dilakukan. Perancangan dapat didefinisikan sebagai proses pengaplikasian
berbagai teknik dan prinsip yang bertujuan mendefinisikan suatu perangkat, suatu
proses atau sistem dalam detail yang memadai untuk memungkinkan realisasi
fisiknya. Perancangan digambarkan sebagai proses multi-langkah dimana
representasi struktur data, struktur program, karakteristik interface, dan detail
prosedur, disintesis dari sistem.
4.5.1 Perancangan Basis Data
Perancangan basis data adalah tahapan untuk memetakan model
konseptual ke model basis data yang akan dipakai. Perancangan data terbagi
menjadi dua yaitu diagram relasi dan perancangan struktur tabel.
4.5.1.1 ERD ( Entity Relationship Diagram ) -
Gambar 4.9 ERD
4.5.1.2 Transformasi ERD ke LRS
Gambar 4.10 Transformasi ERD ke LRS
4.5.1.3 LRS
Gambar 4.11 LRS
4.5.1.4 Tabel
a. Tabel User
Tabel 4.11 Tabel User
Id nama email password contact
Pk
b. Tabel Category
Tabel 4.12 Tabel Category Barang
Category_Id Category_name Category_image
PK c. Tabel Menu
Tabel 4.13 Tabel Menu Barang
Menu_ID Menu_name Category_Id Price Serve_for
PK FK
Menu_image Description Quantity
d. Tabel Reservation
Tabel 4.14 Tabel Reservation
ID Name Alamat Kota Provinsi
PK
Shipping Date_n_time Phone_number Order_list Status
Comment Email
e. Tabel Reservation Detail
Tabel 4.15 Tabel Reservation Detail
Reservation_ID Menu_ID Menu_name Price Quantity Subtotal
FK Fk
Pk
f. Tabel Setting
g. Tabel 4.16 Tabel Setting
Variable Value
h. Tabel Admin
Tabel 4.17 Tabel Admin
ID Username Password Email
PK
4.5.1.5 Spesifikasi Basis Data
a. Nama File : User
Media : Harddisk
Isi : Data pelanggan
Organisasi : Index-Sequential
Primary Key : Id
Panjang Record : 63 byte
Struktur
No Nama Field Jenis Lebar Desimal Keterangan
1
Id_user int
11 Nomor Identitas
Pelanggan
2 nama Varchar 20 Nama pelanggan
3 email Varchar 20 Email pelanggan
4
password Text Password
pelanggan
5
contact Varchar
12 Nomor Kontak
pelanggan
Tabel 4.18 Spesifikasi Basisdata User
b. Nama File : Category
Media : Harddisk
Isi : Category Product
Organisasi : Index-Sequential
Primary Key : Category_ID
Panjang Record : 61 Byte
Struktur
No Nama Field Jenis Lebar Desimal Keterangan
1 Category_ID Int 11 ID kategori
2 Category_name Varchar 50 Nama kategori
2 Category_image Text Gambar kategori
Tabel 4.19 Spesifikasi Basisdata Category
c. Nama File : Menu Barang
Media : Harddisk
Isi : Data barang
Organisasi : Index-Sequential
Primary Key : Menu_ID
Foreign Key : Category_ID
Panjang Record : 143 Byte
Jumlah Record : Record
Struktur :
No Nama Field Jenis Lebar Desimal Keterangan
1 Menu_ID Int 11 ID menu Barang
2
Menu_name Varchar
50 Nama menu
barang
3
Category_ID Int
11 ID kategori
barang
4 Price Int 15 Harga barang
Layanan
5 Serve_for Varchar 45 pengiriman
barang
6
Menu_image Text Gambar menu
barang
7 Description Text Deskripsi Barang
8 Quantity int 11 Jumlah Barang
Tabel 4.20 Spesifikasi Basisdata Menu Barang
d. Nama File : Reservation
Media : Harddisk
Isi : Data reservasi pemesanan barang
Organisasi : Index-Sequential
Primary Key : Reservation_ID
Panjang Record : 679 Byte
Struktur :
No Nama Field Jenis Lebar Desimal Keterangan
1 Reservation_ID Int 11 ID Pesanan
2 Name Varchar 50 Nama Pelanggan
3
Alamat
Varchar
255
Alamat
Pelanggan
4 Kota Varchar 100 Kota Pelanggan
5
Provinsi
Varchar
100
Provinsi
Pelanggan
Layanan
6 Order_shipping Varchar 50 Pengiriman
Barang
Tanggal dan
7 Date_n_time Datetime waktu Pemesanan
barang
8
Phone_number
Varchar
12
Telepon
Pelanggan
9
Order_list
Text
Daftar pesanan
barang
10 Status Char 1 Status Order
Komentar dari
11 Comment Text pelanggan atas
pesanan
12 Email Varchar 100 Email Pelanggan
Tabel 4.21 Spesifikasi Basisdata Reservasi Pemesanan Barang
e. Nama File : Reservation Detail
Media : Harddisk
Isi : Detail Pesanan
Organisasi : Index-Sequential
Foreign Key : Reservation_ID
Foreign Key : Menu_ID
Panjang Record : 82 byte
Struktur
No Nama Field Jenis Lebar Desimal Keterangan
1 Reservation_ID int 11 Id pesanan
2 Menu_ID int 11 Id menu barang
3 Menu_name Varchar 30 Nama barang
4 Price int 8 Harga barang
5 Quantity int 11 Jumlah pesanan
6 Subtotal int 11 Total belanja
Tabel 4.22 Spesifikasi Basisdata Detail Pemesanan Barang
f. Nama File : Payment
Media : Harddisk
Isi : Data Pembayaran
Organisasi : Index-Sequential
Primary Key : Id_bayar
Panjang Record : 112 byte
Struktur
No Nama Field Jenis Lebar Desimal Keterangan
1 Id_bayar int 11 Id Pembayaran
2 Reservation_ID Varchar 11 Id Pesanan
3
Nama_rekening Varchar
45 Nama rekening
pelanggan
4 Jenis_pembayaran Varchar 20 Tipe pembayaran
5
Telp Varchar
25 Telepon
pelanggan
6
Jumlah_bayar text Jumlah bayar
pesanan
Tabel 4.23 Spesifikasi Basisdata Payment
g. Nama File : Setting
Media : Harddisk
Isi : Pengaturan Tax Barang dan Mata Uang
Organisasi : Index-Sequential
Panjang Record : 25 Byte
Struktur :
No Nama Field Jenis Lebar Desimal Keterangan
1 Variable Varchar 20 Format mata uang
2
Value Varchar
5 Nilai Pajak
Barang
Tabel 4.24 Spesifikasi Basisdata Setting
h. Nama File : Admin
Media : Harddisk
Isi : Data Admin
Organisasi : Index-Sequential
Primary Key : ID_ADMIN
Panjang Record : 76 Byte
Struktur :
No Nama Field Jenis Lebar Desimal Keterangan
1 Username Int 11 Id Admin
2 Username Varchar 15 Nama Admin
3 Password Text Password Admin
4 Email Varchar 50 Email Admin
Tabel 4.25 Spesifikasi Basisdata Administrator
4.5.2 Perancangan Interface
Interface adalah tampilan dari suau program aplikasi yang berperan
sebagai media komunikasi yang digunakan sebagai sarana berdialog antara
program dengan user. Sistem yang akan dibangun diharapkan menyediakan
interface yang mudah dipahami dan digunakan oleh user. Berikut adalah
rancangan interface Aplikasi Mobile Commerce . a. Rancangan Layar Client
1) Rancangan Layar Menu utama
Gambar 4.12 Rancangan Layar Menu Utama
2) Rancangan Layar Utama_Login
Gambar 4.13 Rancangan Layar Utama Login
3) Rancangan Layar Menu Category Barang
Gambar 4.14 Rancangan Layar Category Barang
4) Rancangan Layar Menu Barang
Gambar 4.15 Rancangan Layar Menu Barang
5) Rancangan Layar Detail Barang
Gambar 4.16 Rancangan Layar Detail Barang
6) Rancangan Layar Input Order Barang
Gambar 4.17 Rancangan Layar Input Order Barang
7) Rancangan Layar Detail Order
Gambar 4.18 Rancangan Layar Detail Order
8) Rancangan Layar Checkout Order
Gambar 4.19 Rancangan Layar Checkout Order
b. Rancangan Layar Web Server
1) Rancangan Layar Login
Gambar 4.20 Rancangan Layar Login
2) Rancangan Layar Menu Utama Website
Gambar 4.21 Rancangan Layar Menu Utama Website
3) Rancangan Layar Tambah Kategori Barang
Gambar 4.22 Rancangan Layar Tambah Kategori Barang
4) Rancangan Layar Menu Tambah Barang
Gambar 4.23 Rancangan Layar Tambah Barang
4.5.3 Class Diagram
Gambar 4.24 Class Diagram
: Admin : Admin : formrLogin : formrLogin : contorllogin : contorllogin : datauser : datauser : menuutama : menuutama
1: isi username,password
2: isi username,password
3: data user
4: validasi user
username password salah
pesan username passowrd salah6:
7:
5:
menampilkan menu utama
menampilkan menu utama
9:
menampilkan menu utama
menu utama tampil10:
8:
4.5.4 Diagram Sequence a. Diagram Sequence Login
Gambar 4.25 Diagram Sequence Login
5:
: user : user : formregistrasi : formregistrasi : formdatauser : formdatauser
1: open
2: input data
4: pesan registrasi berhasil
3:
pesan data belum lengkap /salah()
save data
b. Diagram Sequence Register
Gambar 4.26 Diagram Sequence Register
c. Diagram Sequence Shopping Cart
: user : Menu Utama : Category Barang : Menu_barang : Reservation : Shopping Cart
1
open 2
get category 3
get barang 4
get pesanan 5
masuk shopping cart
ok 6
display pesanan
7
Gambar 4.27 Diagram Sequence Shopping Cart
5:
: user : user : formregistrasi : formregistrasi : formdatauser : formdatauser
1: open
2: input data
4: pesan registrasi berhasil
3:
pesan data belum lengkap /salah()
save data
4.6 Instalasi Perangkat Lunak a. Instalasi Java Development Kit (JDK)
JIkan belum ada JDK, maka download Java JDK Versi Terbaru dari Java
JDK dengan mengunjungi halaman berikut, kemudian memilih Java Platform
(JDK) untuk versi yang terbaru saat ini adalah Java Platform (JDK). Klik dua kali
pada file instalasi yang sudah kamu download dan akan membuka dialog installer
java.
Gambar 4.28 Dialog Wizard Instalasi JDK
Klik next, kemudian membaca dan menerima lisensi.
Gambar 4.29 Jendela Opsi Instalasi JDK Pada layar berikutnya akan melihat proses instalasi java jdk sedang berjalan dan
melihat status instalasi sedang melakukan extracting installer. Tunggu hingga
proses ini selesai
Gambar 4.30 Loading Java SE
Tentukan lokasi instalasi JDK
Gambar 4.31 Jendela Penentuan Lokasi Instalasi JDK
Setelah melakukan semua pengaturan, berikutnya adalah proses instalasinya.
Gambar 4.32 Jendela Proses Instalasi JDK
Klik Close, Instalasi selesai
Gambar 4.33 Proses Instalasi selesai
b. Instalasi Eclipse Juno Selanjtnya kita menginstall JDK berikut ini cara menginstall Android SDK di
Eclipse JUNO. Pertama-tama siapkan dulu software Eclipse dan beberapa plugin
yang dibutuhkan.
1) Eclipse Juno
2) Android Developer Tools (ADT) Setelah semua file di atas di download dan extract buka Eclipse.exe dari folder
eclipse tadi. Kemudian klik Help Install New Software.
Gambar 4.34 Install ADT Plugin Kemudian klik Add Archive cari lokasi ADT yang sudah disiapkan tadi dan klik open atau tekan enter .
Gambar 4.35 Direktori ADT Plugin
Centang semua pilihan instalasi plugin ADT kemudian klik next lalu tunggu hingga instalasi selesai dan pilih yes saat ada dialog box apakah akan merestart
eclipse.
Setelah Eclipse restart install android SDK dengan cara klik window
preferences. Lalu klik tab Android klik browse, cari folder hasil dari file
AndroidSDK yang sudah diextract klik open atau tekan enter klik apply klik
finish.
Gambar 4.36 Install SDK
4.7 Implementasi
Terpenuhinya semua kebutuhan yang diperlukan, maka langkah selanjutnya
adalah menjalankan aplikasi ini. Saat pertama kali dijalankan, aplikasi akan
memeriksa apakah database sudah dibuat atau belum, jika belum aplikasi akan
memberitahukan bahwa aplikasi belum terkoneksi ke database, silahkan periksa
atau hubungi teknisi. Jika sudah muncul sebuah form halaman login, pengguna
harus mengisi Username dan Password agar dapat masuk ke aplikasi. Berikut
adalah beberapa tampilan layar form yang ada pada aplikasi client dan server.
4.7.1 Tampilan Layar Aplikasi Client ( Mobile )
a. Tampilan Layar Awal Aplikasi Dijalankan.
Dari gambar 4.37 adalah layar awal dari aplikasi handphone android
ketika aplikasi dijalankan
Gambar 4.37 Tampilan Layar Aplikasi dijalankan
b. Tampilan Layar Menu Login
Dari gambar 4.38 adalah tampilan Menu Login dimana seorang
pelanggan harus mendaftar terebih dahulu sebelum memesan salah satu produk
Gambar 4.38 Tampilan Layar Menu Login
c. Tampilan Layar Menu Register
Dari gambar 4.39 adalah tampilan registrasi ketika pelanggan memilih
daftar disini pelanggan diharuskan untuk memasukkan alamat email, password,
nama, dan contact.
Gambar 4.39 Tampilan Layar Menu Register
d. Tampilan Layar Menu Utama
Dari gambar 4.40 adalah tampilan menu utama setelah pelanggan
berhasil mendaftar dan masuk ke menu utama
Gambar 4.40 Tampilan Layar Menu Utama
e. Tampilan Layar Menu Utama Drawer Bar
Dari gambar 4.41 adalah tampilan layar menu utama drawer
bar berada di atas pada logo herbalife
Gambar 4.41 Tampilan Layar Menu Utama Drawer Bar
f. Tampilan Layar Menu Kategori Produk
Dari gambar 4.42 adalah tampilan menu kategori produk
pada saat pelanggan memilih icon produk pada menu utama
Gambar 4.42 Tampilan Layar Menu Kategori Produk
g. Tampilan Layar Menu Produk
Dari gambar 4.43 adalah tampilan menu produk yang sudah
dipilih pada menu kategori
Gambar 4.43 Tampilan Layar Menu Produk
h. Tampilan Layar Detail Menu Product
Dari Gambar 4.44 adalah tampilan detil menu dari suatu produk
yang sudah dipilih oleh pelanggan.
Gambar 4.44 Tampilan Layar Detail Menu Product
i. Tampilan Layar Shopping Cart
Dari gambar 4.45 adalah tampilan jumlah pesanan yang harus dimasukkan
oleh pelanggan dalam memilih jumlah yang diinginkan
Gambar 4.45 Tampilan Layar Shopping Cart
j. Tampilan Layar Detail Order
Dari gambar 4.46 adalah tampilan detail dari barang yang sudah
dipesan oleh pelanggan
Gambar 4.46 Tampilan Layar Detail Order
k. Tampilan Layar Form Reservasi Data Pesanan
Dari gambar 4.47 adalah tampilan form reservasi data pesanan yang
harus diisi oleh pelanggan dalam melakukan pemesanan untuk mengisi
keterangan alamat tujuan barang yang akan dikirim
Gambar 4.47 Tampilan Layar Reservasi Data pesanan
l. Tampilan Layar Profile Toko
Dari gambar 4.48 adalah Tampilan Layar Profile mengenai Herbalife
Gambar 4.48 Tampilan Layar Profile Toko
m. Tampilan Layar Informasi
Dari gambar 4.49 adalah tampilan informasi pada menu utama
Gambar 4.49 Tampilan Layar Informasi
n. Tampilan Layar About
Dari gambar 4.50 adalah tampilan logo aplikasi Herbalfe
Gambar 4.50 Tampilan Layar About
o. Tampilan Layar Share
Dari gambar 4.51 adalah tampilan share
Gambar 4.51 Tampilan Layar Share
p. Tampilan Layar Contact Us
Pada gambar 4.52 adalah tampilan kontak pelanggan kepada
penjual jika ingin mengirimkan sebuah pesan email kepada penjual
Gambar 4.52 Tampilan Layar Contact Us
4.7.2 Tampilan Layar Aplikasi Server ( Website Admin Panel)
a. Tampilan Layar Menu Login
Gambar 4.53 Tampilan Layar Menu Awal
b. Tampilan Layar Menu Utama
Gambar 4.54 Tampilan Layar Menu Utama
c. Tampilan Layar Menu Katalog Barang
Gambar 4.55 Tampilan Layar Katalog Barang
d. Tampilan Layar Menu Barang
Gambar 4.56 Tampilan Layar Menu Barang
e. Tampilan Layar Menu Pesanan
Gambar 4.57 Tampilan Layar Menu Pesanan
f. Tampilan Layar Menu Pembayaran
Gambar 4.58 Tampilan Layar Menu Pembayaran
g. Tampilan Layar Menu Seting Pajak
Gambar 4.59 Tampilan Layar Menu Seting Pajak
h. Tampilan Layar Menu Admin
Gambar 4.60 Tampilan Layar Menu Admin
i. Tampilan Menu Data Konsumen
Gambar 4.61 Tampilan Layar Menu Data Konsumen
4.8 Pengujian
Aplikasi ini diuji dengan menggunakan metode BlackBox, pengujian ini berfokus pada persyaratan fungsional dari aplikasi yang dibuat.
Tabel 4.26 Keterangan Pengujian Aplikasi
NO PENGUJIAN HASIL YANG
B/S
DIHARAPKAN
Klik icon aplikasi pada
handphone, maka secara Menampilkan Form Menu
otomatis aplikasi akan B
1. Utama
menampilkan tampilan
awal aplikasi yang
berisikan menu awal
2.
Klik tombol login untuk Menampilkan Bagian Form
Login B
masuk ke menu Login
Klik tombol Register
3. untuk masuk ke menu Menampilkan Form Register B
Register
4. Klik Button login untuk
Menampilkan halaman Utama B
masuk menu Utama
5. Klik tombol menu untuk Menampilkan masing- masing
B
memilih fitur menu fitur menu
Klik Button Search pada
6. form maka Akan Menampilkan halaman kotak B
menampilkan halaman Pencarian
Pencarian
Klik Button Keranjang
7. pada form maka akan Menampilkan halaman form B
menampilkan halaman Keranjang
menu Keranjang
8. Tombol exit diklik maka
Keluar dari Sistem Aplikasi B
akan keluar dari aplikasi
4.9 Kelebihan dan Kekurangan Aplikasi
Di dalam rancangan aplikasi ini , dilakukan suatu evaluasi terhadap
program aplikasi yang telah dibuat. Dan dilakukan untuk mengetahui
kelebihan dan kekurangan yakni :
a. Kelebihan Aplikasi
1) Sistem aplikasi ini dalam penggunaannya sangat mudah bagi pengguna.
2) Sistem aplikasi ini masih bisa di peluas dan dikembangkan lagi dengan
tingkat yang lebih luas.
b. Kekurangan Aplikasi
1) Sistem aplikasi belum begitu sempurna, dari segi design dan fitur masih
kurang lengkap dan menarik.
2) Pada pengaturan database bersifat simple.
3) Metode pembayaran masih dilakukan secara manual (transfer ataupun
cash) belum metode langsung dengan layanan via paypal dan lain-lain.
top related