BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

18
BAB 4 HASIL DAN ANALISIS 4.1 Implementasi DataBase dan User Interface Pembuatan database dilakukan setelah penginstalan codeigniter. Pembuatan databaseini diperlukan untuk memasukkan, menghapus, mengubah, mamanipulasi, dan memperoleh data atau informasi seluruh content yang ada di website e-commerce nantinya. Pembuatan database menggunakanMysql dengan cara sebagai berikut: 1. Buka jendela browser (dalam hal ini penulis menggunakan Google Crome 66.0) 2. Ketikkan http://localhost/phpmyadmin/ pada address bar. 3. Ketikkan codeigniter pada create new database. 4. Kemudian klik create. 5. Database sudah terbentuk secara otomatis dengan tabel sekaligus jumlah field yang sudah dikonfigurasi oleh phpmyadmin.

Transcript of BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Page 1: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

BAB 4

HASIL DAN ANALISIS

4.1 Implementasi DataBase dan User Interface

Pembuatan database dilakukan setelah penginstalan

codeigniter. Pembuatan databaseini diperlukan untuk

memasukkan, menghapus, mengubah, mamanipulasi, dan

memperoleh data atau informasi seluruh content yang ada di

website e-commerce nantinya. Pembuatan database

menggunakanMysql dengan cara sebagai berikut:

1. Buka jendela browser (dalam hal ini penulis

menggunakan Google Crome 66.0)

2. Ketikkan http://localhost/phpmyadmin/ pada address bar.

3. Ketikkan codeigniter pada create new database.

4. Kemudian klik create.

5. Database sudah terbentuk secara otomatis dengan tabel

sekaligus jumlah field yang sudah dikonfigurasi oleh

phpmyadmin.

Page 2: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.0Tampilan Phpmyadmin Pada Localhost.

Untuk selanjutnya database website e-commerceakan

terbentuk secara otomatis ketika kita menambahkan modul

atau komponen ke dalam website.

Implementasi user interface pada codeigniter ditujukan

kepada pengguna agar lebih mudah untuk mengakses website

e-commerce. Implementasi ini didasarkan atas desain yang

telah dibuat pada tahapan physical design. Implementasi user

interface website e-commerce Inventory Aksesoris Motor

adalah sebagai berikut :

4.1.1 Halaman Utama User

Halaman Utama User adalah halaman utama, halaman

pertama, halaman pembuka dari suatu Website/ situs web.

Hompage merupakan halman yang paling penting pada suatu

website karena merupakan halaman utama dan halaman yang

di index terlebih dahulu oleh search engine sebelum halaman-

Page 3: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

halaman yang lain pada suatu website. Lebih jelasnya dapat

dilihat pada Gambar 4.1.

Gambar 4.1Halaman Utama User

4.1.2 Halaman Register User

Registrasi User adalah sebuah pendaftaran setiap program

yang berfungsi untuk menghubungkan data pribadi anda di

program tersebut.Lebih jelasnya dapat dilihat Gambar 4.2.

Page 4: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.2 Halaman Register User

1.1.3 Menu Login User

Login Useradalah proses untuk mengakses komputer

dengan memasukkan identitas dari akun pengguna dan kata

sandi guna mendapatkan hak akses menggunakan sumber

daya komputer tujuan.Lebih jelasnya dapat dilihat Gambar

4.3.

Page 5: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.3 Menu Login User

1.1.4 Halaman Tampilan Produk User

Produk User adalah halaman ini pembeli dapat melihat

produk-produk yang ditampilkan, kemudian setelah

mendapatkan produk yang sesuai dapat menambahkan ke

keranjang belanja, Lebih jelasnya dapat dilihat Gambar 4.4.

Page 6: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.4 Halaman Tampilan Produk User

1.1.5 Halaman Keranjang Belanja User

Keranjang Belanja User adalah informasi pemesanan

pembeli, seperti informasi produk yang telah dipilih beserta

jumlah total harga, Lebih jelasnya dapat dilihat Gambar 4.5.

Page 7: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.5 Halaman Keranjang Belanja User

1.1.6 Halaman CheckoutForm User

Checkout Form User adalah pembeli harus mengisi form

yang tersedia dengan lengkap dan benar sesuai identitas

pembeli dan memasukkan alamat pengiriman produk, Lebih

jelasnya dapat dilihat Gambar 4.6

Page 8: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.6 Halaman Checkout Form User

1.1.7 Halaman Konfirmasi Tujuan Pengiriman User

Konfirmasi Tujuan Pengiriman User adalah Halaman ini

menampilkan informasi tentang pembeli beserta tujuan

pengiriman produk, Lebih jelasnya dapat dilihat Gambar 4.7.

Gambar 4.7 Halaman Konfirmasi Tujuan Pengiriman User

Page 9: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

4.1.8 Halaman About

About adalah Profil tentang Toko Online Inventory

Aksesoris Motor.Lebih jelasnya dapat dilihat Gambar 4.8

Menu AboutUser

Gambar 4.8 Halaman About User

4.1.9 Halaman Login Admin

Login adminadalah admin harus login terlebih dahulu

untuk dapat masuk ke halaman admin, Lebih jelasnya dapat

dilihat Gambar 4.9

Page 10: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Gambar 4.9 HalamanLogin Admin

4.1.10 Halaman Utama Admin

Halaman utama admin terdapat menu manajemen produk

dan logout.Menu manajemen produk terdiri dari input produk

dan list produk sedangkan logout menu untuk keluar. Lebih

jelasnya dapat dilihat Gambar 4.10 Halaman Utama Admin

Gambar 4.10 Halaman Utama Admin

Page 11: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

4.2 Hasil Pengujian

Pengujian metode black box merupakan pengujian

terhadap fungsionalitas input/output dari suatu perangkat lunak.

Penguji mendefinisikan sekumpulan kondisi input kemudian

melakukan sejumlah pengujian terhadap program sehingga

menghasilkan suatu output yang nilainya dapat dievaluasi. Modul

Testing dilakukan dengan menguji modul : pemesanan barang,

pengadaan barang, penyiapan dan pengiriman barang,

pembayaran, penagihan dan pembayaran ke pemasok

Tabel 4.1Hasil Pengujian Website Inventory Aksesoris Motor

No Data

Masukan

Yang

diharapka

n

Hasil

Pengamatan

Kesimpulan

1 Proses

Daftar

Nama

Depan

Benar,

Nama

Belakang

Benar,

Email

Benar ,

Passwordb

Gagal daftar

dan notifikasi

kesalahan

muncul.

Valid

Page 12: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

enar, Re-

enter

Password

salah No

telepon

benar, kota

benar ,

Provinsi

benar

Nama

Depan

Benar,

Nama

Belakang

Benar,

Email

Benar ,

Password

benar, Re-

enter

Password

benar, No

telepon

benar, kota

benar ,

Berhasil

Registrasi

Valid

Page 13: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Provinsi

benar

2 Proses

Login

Email

benar,

Password

salah

Gagal

Login

sebagai

user

Valid

Email

benar,

Password

benar

Berhasil

Login

Valid

3 Halaman

Tampilan

Produk

Memilih

Produk

Menampilkan

Akses Produk

Valid

4 Halaman

Keranjang

Belanja

Menga

kses

Produk

,

Mengh

apus

Produk

Gagal di

proses

pembayaran.

Valid

5 Halaman

Checkout

Form

Nama

Benar,

Username

Benar,

Passwordsa

Gagal

Checkout

Valid

Page 14: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

lah, Email

Benar,

Alamat

Benar,

Kode Pos

Benar,

Kota

Benar, No

Telepon

Benar, No

Rekening

Benar,

Nama

Rekening

Benar

Nama Bank

Benar.

Nama

Benar,

Username

Benar,

Password

Benar,

Email

Benar,

Menampilkan

tujuan

pengiriman

dan

menampilkan

informasi

tentang

pembeli

Valid

Page 15: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Alamat

Benar,

Kode Pos

Benar,

Kota

Benar, No

Telepon

Benar, No

Rekening

Benar,

Nama

Rekening

Benar

Nama Bank

Benar.

Tabel 4.2Hasil Pengujian Halaman Admin Inventori Aksesoris Motor

N

o

Data Masukan Yang

diharapkan

Hasil

Pengamat

an

Kesimpu

lan

1 Form Login Username

Benar,

Password salah

Gagal

login

Valid

Page 16: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Username

Benar

Password

Benar.

Berhasil

Login

Valid

2 Halaman Input

Produk

Memilih

menu Input

Produk

kemudian

dapat

menambah

produk baru

data produk

baru diisi

dengan benar

Berhasil

menamba

hkan

produk

baru

Valid

3 Halaman List

Produk

Terdapat

detail

produk

dan link

Edit dan

hapus

Klik

edit

menamp

ilkan

form

edit

produk

dan klik

hapus

data

produk

Valid

Page 17: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

terhapus

4 Menu Logout Keluar

dari

halaman

admin

Berha

sil

keluar

Valid

4.3 Analisis

Page 18: BAB 4 HASIL DAN ANALISIS 4.1 Implementasi

Pengujian website Inventory Aksesoris Motor telah

menunjukan bahwa sistem mampu berjalan dengan baik

sesuwai dengan keinginan penulis.

Secara sistem, pada setiap menu masih perlunya

penambahan atau perbaikan seperti menambah ringkasan,

detail produk, penilaian dan ulasan, pilihan produk, pilihan

pengiriman, pengembalian dan garansi produk. Perbaikan

tampilan produk, total pembayaran, dan tarif pengiriman

produk.