BAB IV ANALISA DAN PERANCANGAN SISTEM 4

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


Primary Key : Category_ID

Panjang Record : 61 Byte

Struktur


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


Primary Key : Menu_ID

Foreign Key : Category_ID


Jumlah Record : Record

Struktur :


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


Primary Key : Reservation_ID


Struktur :


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


Foreign Key : Reservation_ID

Foreign Key : Menu_ID


Struktur


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


Primary Key : Id_bayar


Struktur


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



Struktur :


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


Primary Key : ID_ADMIN


Struktur :


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


9:


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

http://java.sun.com/javase/downloads/index.jsp

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.

http://adf.ly/ulLhx

http://adf.ly/ulLvZ

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.

Documents

BAB IV ANALISA DAN PERANCANGAN SISTEM 4