BAB III PEMBAHASAN - repository.bsi.ac.id...jersey, informasi diskon harga barang, memproses...

Post on 23-Oct-2020

0 views 0 download

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id...jersey, informasi diskon harga barang, memproses...

  • 21

    BAB III

    PEMBAHASAN

    3.1. Analisa Kebutuhan

    Analisa kebutuhan yang penulis buat bahwa sistem pembelian semakin cepat

    berkembang dan persaingan pasar semakin pesat, maka membutuhkan adanya

    sistem penjualan yang mempermudah konsumen untuk proses pembelian barang

    agar lebih cepat. Maka dari itu dengan membuat web e-commerce penjualan

    jersey ini untuk mengatasi permasalahan tersebut sehingga mempermudah

    konsumen untuk belanja tanpa harus datang ke toko. Oleh karena itu analisa

    kebutuhan sistem meliputi :

    A. Analisa Kebutuhan Pengguna

    Analisa Kebutuhan pengguna memahami dengan sebenar-benarnya

    kebutuhan dari sistem baru dengan mengembangkan sebuah sistem yang

    mewadahi kebutuhan tersebut, baik dari kebutuhan sistem atau pengguna. Adapun

    analisis kebutuhan pengguna yang meliputi :

    1. Skenario Administator (Admin) :

    a. Admin memberikan hak akses dengan adanya proses login.

    b. Admin dapat menambahkan produk jersey.

    c. Admin dapat menambahkan kategori baru.

    d. Admin dapat memproses transaksi penjualan jersey, total harga, harga

    barang dan sub total .

  • 22

    e. Sistem dapat mengetahui yang berisi laporan produk, laporan member, dan

    laporan penjualan.

    2. Skenario User (Konsumen) :

    a. konsumen dapat melihat profil website.

    b. Konsumen dapat melihat produk-produk yang ditawarkan oleh toko jersey.

    c. Konsumen dapat melakukan pendaftraran member.

    d. Konsumen dapat melakukan konfirmasi pembelian jersey.

    e. Konsumen dapat melakukan pemesanan secara online jersey.

    3. Skenario Pengguna

    a. Admin

    Admin adalah penanggung jawab dari website dan memiliki hak akses

    tertinggi dalam sistem. Admin dapat melakukan pengolahan data-data yang

    ada di dalam website. Baik itu informasi produk baru, informasi stok barang

    jersey, informasi diskon harga barang, memproses transaksi pembelian.

    b. Pengunjung

    Pengunjung website di sini dapat melihat produk barang yang ditawarkan

    berbagai barang dari toko kami apabila pengunjung ingin melakukan

    pemesanan jersey, maka pengunjung diharuskan mengisi form register

    untuk melakukan pembelian jersey.

    c. User

    User adalah orang yang mengunjungi website ini yang telah terdaftar

    menjadi member. User dapat melakukan pembelian jersey.

  • 23

    B. Kebutuhan Sistem

    Kebutuhan sistem menjelaskan bagaimana mengenai proses-proses yang

    nantinya akan dilakukan oleh sistem. Kebutuhan sistem juga berisi informasi-

    informasi yang harus akan ada dan dihasilkan oleh sistem. Berikut adalah analisis

    kebutuhan sistem yang ada pada aplikasi kebutuhan sistem adalah tipe kebutuhan

    yang berisi perilaku yang dimiliki oleh sistem. Adapun analisis kebutuhan sistem

    meliputi :

    1. Kebutuhan Sistem

    a. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses

    aplikasi e-commerce berbasis website ini dengan memasukan user dan

    password agar privasi masing-masing dapat terjaga keamanannya.

    b. Pengguna yang dapat login juga harus bisa melakukan logout setelah

    selesai menggunakan aplikasi toko jersey berbasis website ini.

    c. Sistem melakukan kalkulasi stok barang.

    3.2. Rancangan Dokumen Antarmuka

    A. Rancangan Dokumen Masukan (Input)

    Rancangan Dokumen Masukan ini merupakan langkah awal dari pengolahan

    data untuk proses selanjutnya guna menghasilkan output yang diinginkan. Adapun

    rancangan dokumen masukan tersebut sebagai berikut :

    1. Nama Masukan : From Register Customer

    Fungsi : Untuk menginput From register customer

    Sumber : Calon Customer

    Tujuan : Administator

  • 24

    Media : Tampilan Layar

    Jumlah : -

    Frekuensi : Setiap ada customer baru

    Bentuk : Lihat lampiran A1

    2. Nama Masukan : Data pemesanan

    Fungsi : Untuk customer melakukan data pemesanan

    Sumber : Calon Customer

    Tujuan : Administator

    Media : Tampilan Layar

    Jumlah : -

    rekuensi : Setiap ada pesanan barang

    Bentuk : Lihat Lampiran A2

    B. Rancangan Dokumen Keluaran (Output)

    Rancangan Dokumen Keluaran adalah rancangan dokumen yang diperoleh

    dari hasil rancangan dokumen masukan, dengan tujuan menghasilkan informasi

    yang diinginkan. Adapun rancangan dokumen keluaran tersebut sebagai berikut :

    1. Nama Keluaran : Laporan Penjualan

    Fungsi : Untuk mengetahui hasil penjualan

    Sumber : Karyawan

    Tujuan : Administator

    Media : Tampilan Layar

  • 25

    Jumlah : -

    Frekuensi : Harian, mingguan, bulanan

    Bentuk : Lampiran B 1

  • 26

    3.3. Entity Relationship Diagram

    A. ERD (Entity Relationship Diagram)

    Kota

    Produk

    Kategori

    Kustomer

    memiliki

    Nama_kota

    Ongkos_kirim

    Id_kota

    Id_kustomer Id_kota

    Id_kustomer

    Nama_

    lengkap

    alamat Password telpon

    Id_kota

    email

    Nama_kategoriId_kategori

    memilikiId_produk Id_kategori

    Id_kategori

    berat

    Gambar

    Id_produk

    Tgl_masuk

    diskon

    dibeli

    harga

    Melakukan Orders

    Id_Orders

    Satuan_Orders

    Tgl_Orders

    Memiliki

    Id_Customer Jam_Orders

    Id_Orders

    Id_Kustomer

    Id_ProdukId_Orders

    Orders_DetailId_Produk

    Id_Orders

    Memiliki

    M

    M M

    M

    11

    1

    M

    Id_produk

    1

    1

    M

    Gambar III.1.

    Entity Relationship Diagram Penjualan Jersey

  • 27

    B. LRS (Logical Record Structur)

    kustomer

    orders

    kota

    produk

    kategori

    orders_detail

    1

    id_kustomerPK

    password

    nama_lengkap

    alamat

    id_ordersPK

    status_order

    tgl_order

    jam_order

    id_kotaPK

    nama_kota

    ongkos_kirim

    id_produkPK

    id_kategori

    nama_produk

    deskripsi

    id_kategoriPK

    nama_kategori

    email

    id_kustomer

    harga

    stok

    berat

    tgl_masuk

    gambar

    dibeli

    diskon

    id_ordersPK

    id_produk

    jumlah

    id_kotaM

    1

    M

    M

    M

    1

    M

    1

    1

    Gambar III.2.

    Logical Record Structur Penjualan Jersey

  • 28

    3.4. Spesifikasi File

    Spesifikasi file dibuat sebagai pendukung agar pemakai sistem mengetahui

    segala yang berhubungan dengan file atau field name pada pengelolaan database.

    Database yang digunakan penulis adalah. Adapun spesifikasi yang digunakan

    dalam perancangan sistem informasi penjualan ini adalah sebagai berikut :

    1. Nama Tabel : Tabel Admin

    Akronim : admins.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 112

    Kunci : Username

    Software : MySQL

    Tabel III.1.

    Tabel Admins

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 User Name Username Varchar 50 Primary Key

    2 Password Password Varchar 50

    3 Level Level Varchar 12

    2. Nama Tabel : Tabel Kategori

    Akronim : kategori.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

  • 29

    Panjang Record : 105

    Kunci : id_kategori

    Software : MySQL

    Tabel III.2.

    Tabel Kategori

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Kategori id_kategori Int 5 Primary Key

    2 Nama Kategori nama_kategori Varchar 100

    3. Nama Tabel : Tabel Kota

    Akronim : kota.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 113

    Kunci : id_kota

    Software : MySQL

    Tabel III.3.

    Tabel Kota

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Kota id_kota Int 3 Primary Key

    2 Nama Kota nama_kota Varchar 100

    3 Ongkos Kirim ongkos_kirim Int 10

    4. Nama Tabel : Tabel Kustomer

    Akronim : kustomer.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

  • 30

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 280

    Kunci : id_kustomer

    Software : MySQL

    Tabel III.4.

    Tabel Kustomer

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Kustomer id_kustomer Int 5 Primary Key

    2 Password Password Varchar 50

    3 Nama Lengkap nama_lengkap Varchar 100

    4 Alamat Alamat Text 25

    5 E-mail Email Varchar 100

    6 Telepon Telpon Varchar 20

    7 Kota id_kota Int 5

    5. Nama Tabel : Tabel Modul

    Akronim : modul.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 105

    Kunci : id_modul

    Software : MySQL

  • 31

    Tabel III.5.

    Tabel Modul

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Modul id_modul Int 5 Primary Key

    2 Statik Konten static_content Text

    3 Gambar Gambar Varchar 100

    6. Nama Tabel : Tabel Orders

    Akronim : orders.MYD

    Tipe : File Transaksi

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 60

    Kunci : id_orders

    Software : MySQL

    Tabel III.6.

    Tabel Orders

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Order id_orders Int 5 Primary Key

    2 Status Order status_order Varchar 50

    3 Tanggal Order tgl_order Date

    4 Jam Order jam_order Time

    5 Kustomer id_kustomer Int 5

    7. Nama Tabel : Tabel Orders Detail

    Akronim : orders_detail.MYD

    Tipe : File Transaksi

    Organisasi File : Index Sequential

    Akses File : Random

  • 32

    Media File : Hard Disk

    Panjang Record : 15

    Kunci : id_orders

    Software : MySQL

    Tabel III.7.

    Tabel Orders Detail

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Order id_orders Int 5 Primary Key

    2 Produk id_produk Int 5

    3 Jumlah Jumlah Int 5

    8. Nama Tabel : Tabel Orders Temp

    Akronim : orders_temp.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 120

    Kunci : id_orders_Temp

    Software : MySQL

    Tabel III.8.

    Tabel Orders Temp

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Order id_orders_temp Int 5 Primary Key

    2 Produk id_produk Int 5

    3 Session id_session Varchar 100

    4 Jumlah Jumlah Int 5

  • 33

    5 Tanggal Order tgl_order_temp Date

    6 Jam Order jam_order_temp Time

    7 Stok stok_temp Int 5

    9. Nama Tabel : Tabel Produk

    Akronim : produk.MYD

    Tipe : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media File : Hard Disk

    Panjang Record : 246

    Kunci : id_orders_Temp

    Software : MySQL

    Tabel III.9.

    Tabel Produk

    No Elemen Data Akronim Tipe Panjang Keterangan

    1 Produk id_produk Int 5 Primary Key

    2 Kategori id_kategori Int 5

    3 Nama Produk nama_produk Varchar 100

    4 Deskkripsi Deskripsi Text

    5 Harga Harga Int 20

    6 Stok Stok Int 3

    7 Berat Berat Decimal 3

    8 Tanggal Masuk tgl_masuk Date

    9 Gambar Gambar Varchar 100

    10 Dibeli Dibeli Int 5

    11 Diskon Diskon Int 5

  • 34

    3.5. Pengkodean

    Dalam pembuatan perancangan program penjualan jersey sepak bola, penulis

    menggunakan kode sebagai indentifikasi data. Berikut penjelasan secara rinci

    mengenai struktur kode :

    1. Kode kategori

    Setiap kategori harus memliki nomor masing-masing sehingga dapat

    membatasi hak akses dari masing-masing kategori, diantaranya :

    Contoh :

    Kode urut Kode urut kategori

    ke dua

    2. Kode kota

    Setiap kota harus memiliki nomor masing-masing sehingga dapat membedakan

    dari masing-masing kota atau tempat, diantaranya :

    Contoh :

    Kode urut Kode urut kota

    ke enam

    3. Kode kustomer

    Setiap kustomer harus memiliki nomor masing-masing sehingga dapat

    membedakan dari setiap nomor kustomer, diantaranya :

    Contoh :

    Kode urut Kode urut kustomer

    Pertama

    9 9 1 0

    9 9 0 6

    9 9 4 4

  • 35

    4. Kode orders

    Setiap orders harus memiliki nomor masing-masing sehingga dapat

    membedakan nomor dari setiap orders yang masuk, diantaranya :

    Contoh :

    Kode urut Kode urut orders

    ke lima

    5. Kode orders detail

    Setiap orders detail harus memiliki nomor masing-masing sehingga dapat

    membedakan nomor dari setiap orders detail yang dipesan, diantaranya :

    Contoh :

    Kode urut Kode urut orders

    detail pertama

    6. Kode produk

    Setiap produk harus memiliki nomor masing-masing agar dapat membedakan

    nomor dari setiap produk barang yang tersedia, diantaranya :

    Contoh :

    Kode urut Kode urut produk

    ke tiga

    9 9 9 2 0 5

    9 9 9 1 9 1

    9 9 6 3

  • 36

    3.6. Struktur Navigasi

    1. Struktur Navigasi Admin

    Home

    Ongkos kirim Profil toko Cara PembelianInfo rekening

    tokoorderprodukKategori produk laporan logoutberanda

    Tambah

    kategori

    Tambah

    produk

    Tambah

    ongkos kirimData order Edit profil

    toko

    Edit cara

    pembelian

    Edit info

    rekening toko

    Info data

    laporan

    Front-end

    Index

    Gambar III.3.

    Struktur Navigasi Admin Penjualan Jersey

    2. Struktur Navigasi Menu User

    Home

    Cara

    Pembelian

    Keranjang

    BarangLogoutprofilBerandaKategori Jersey

    Keranjang

    Barang

    Jesey Klub Info Cara

    PembelianInfo Profil

    Index

    Jerssey

    Negara

    Menu Anda

    Profil

    Anda

    Keranjang

    Barang

    Logout

    Tampilan

    Home

    Gambar III.4.

    Struktur Navigasi User Penjualan Jersey

  • 37

    3. Struktur Navigasi Pengunjung

    Home

    Cara

    Pembelian

    Keranjang

    Barang Login RegisterprofilBerandaKategori JerseyKeranjang

    Barang

    Jersey

    klub

    Info Cara

    PembelianInfo Profil Menu

    Login

    Menu

    Register

    Index

    Jersey

    Negara

    Gambar III.5.

    Struktur Navigasi Pengunjung Penjualan Jersey

  • 38

    3.7. Spesifikasi Sistem Komputer

    Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

    yang dibutuhkan untuk mengimplementasikan program sistem informasi

    penjualan Jersey.

    1. Umum

    Suatu sistem komputer merupakan gabungan dari beberapa peralatan

    komputer yang saling berhubungan. Komputer juga mempunyai aspek-aspek

    dasar sebagai fasilitas yang secara prinsipil harus ada apabila suatu usaha telah

    memasuki langkah-langkah maju dengan menggunakan komputer sebagai alat

    bantu dalam pengelolaan data.

    Aspek-aspek dasar yang dimaksud adalah sebagai berikut :

    1. Aspek Teknis

    a. Perangkat Lunak (Software)

    b. Perangkat Keras (Hardware)

    c. Tenaga Pelaksana (Brainware)

    2. Aspek Non Teknis

    a. Dukungan Manajemen

    b. Kedisiplinan

    Untuk memanfaatkan komputer secara maksimal, aspek-aspek tersebut harus

    bekerja secara terpadu. Perangkat keras sebagai mesin utama komputer dengan

  • 39

    dibantu perangkat lunak dan tenaga pelaksana harus dapat berinteraksi dengan

    baik, karena aspek tersebut saling berhubungan satu dengan lainnya dalam

    melakukan pengelolahan data yang nantinya akan menghasilkan informasi yang

    bermanfaat.

    Suatu program yang baik tidak akan dicapai bila tidak didukung oleh sarana

    atau peralatan yang baik pula. Sarana pendukung suatu program tidak harus selalu

    menggunakan merk tertentu, tetapi yang penting dapat berinteraksi dengan sistem

    komputer yang ada, agar dapat beroprasi dengan baik.

    2. Spesifikasi Perangkat Keras

    A. Server

    1. CPU

    a. Processor Core 2, 1.9 Ghz

    b. RAM 4 GB

    c. Harddisk 2 GB

    d. VGA Nvidia GeForce GT 430

    2. Mouse

    3. Keyboard

    4. Monitor dengan resolusi layar minimum 1024x720

    5. Koneksi Internet 20 Mbps

    B. Client

    1. CPU

    a. Processor Intel Core 2 Duo 1.9 Ghz

    b. RAM 2 GB

  • 40

    c. Harddisk 500 GB

    d. VGA Intel HD Graphics

    2. Mouse

    3. Keyboard

    4. Monitor dengan resolusi layar minimum 1024x720

    5. Koneksi Internet 1 Mbps

    3. Spesifikasi Perangkat Lunak

    1. Server

    a. Sistem operasi Microsoft Windows 2013 Server

    b. Aplikasi bundle web server adalah Xampp versi 2.5 terdiri dari

    beberapa komponen yaitu:

    1. Bahasa Script PHP

    2. Database MySQL

    3. Web Server Apache

    c. Aplikasi web browser seperti Internet Explorer, Google Chrome,

    Mozilla Firefox.

    2. Client

    a. Sistem operasi Microsoft Windows 8 Ultimate 32bit (x86).

    b. Aplikasi web browser seperti Internet Explorer, Google Chrome,

    Mozilla Firefox.

  • 41

    3.8. Implementasi

    Implementasi adalah suatu tindakan atau pelaksanaan dari sebuah rencana

    yang sudah disusun secara matang dan terperinci, implementasi selain

    memerlukan aksi nyata juga membutuhkan konsistensi dalam pelaksanaan. Dalam

    mengimplementasikan suatu rancangan tentu ada saja kendala dan hambatan yang

    dihadapi.

    A. Implementasi Rancangan Antarmuka Admin

    Implementasi rancangan antarmuka admin adalah merupakan bentuk

    tampilan grafis yang berhubungan langsung dengan pengelola (admin).

    Antarmuka pengelola (admin) berfungsi untuk menghubungkan antara admin

    dengan sistem operasi.

    1. Halaman Login Admin

    Administator harus melakukan login terlebih dahulu untuk dapat

    menggunakan modul-modul yang tersedia jika menu form login berhasil,

    maka menu-menu yang sesuai dengan kategori user tersebut akan

    ditampilkan.

    Gambar III.6.

    Halaman Login Admin

  • 42

    2. Halaman Home Admin

    Setelah Administator melakukan login, Admonistator akan dibawa ke

    halaman menu utama admin, diantaranya yaitu menu : Home, kategori

    produk, produk, order, ongkos kirim, profil toko, cara beli, info rekening

    toko, laporan dan logout.

    Gambar III.7.

    Halaman Home Admin

  • 43

    3. Halaman Kategori Produk Admin

    Administator bisa masuk ke halaman kategori produk , halaman ini berfungsi

    untuk melihat data kategori produk baru admin yang sedang login.

    Gambar III.8.

    Halaman Kategori Produk Admin

  • 44

    4. Halaman Tambah Kategori Produk Admin

    Administator bisa masuk ke halaman Tambah kategori produk , halaman ini

    berfungsi untuk menambah data kategori produk baru admin yang sedang login.

    Gambar III.9.

    Halaman Tambah Kategori Produk Admin

  • 45

    5. Halaman Edit Kategori Produk Admin

    Administator bisa masuk ke halaman edit kategori produk, halaman ini

    berfungsi untuk mengubah data kategori produk admin yang sedang login.

    Gambar III.10.

    Halaman Edit Kategori Produk Admin

  • 46

    6. Halaman Produk Admin

    Administator bisa masuk ke halaman produk , halaman ini berfungsi untuk

    melihat produk baru yang tersedia admin yang sedang login.

    Gambar III.11.

    Halaman Produk Admin

  • 47

    7. Halaman Tambah Produk Admin

    Administator bisa masuk ke halaman tambah produk, halaman ini berfungsi

    untuk menambah produk terbaru yang ingin ditampilkan.

    Gambar III.12.

    Halaman Tambah Produk Admin

  • 48

    8. Halaman Edit Produk Admin

    Administator bisa masuk ke halaman edit produk, halaman ini berfungsi untuk

    mengubah jenis produk yang di inginkan.

    Gambar III.13.

    Halaman Edit Produk Admin

  • 49

    9. Halaman Order Admin

    Administator bisa masuk ke halaman order, halaman ini berfungsi untuk

    melihat daftar order yang masuk admin yang sedang login.

    Gambar III.14.

    Halaman Order Admin

  • 50

    10. Halaman Detail Order Admin

    Administator bisa masuk ke halaman detail order, halaman ini berfungsi untuk

    mengubah status pembelian pada kustomer admin yang sedang login.

    Gambar III.15.

    Halaman Detail Order Admin

  • 51

    11. Halaman Ongkos Kirim Admin

    Administator bisa masuk ke halaman ongkos kirim, halaman ini berfungsi

    untuk melihat nama kota dan biaya kirim.

    Gambar III.16.

    Halaman Ongkos Kirim Admin

  • 52

    12. Halaman Tambah Ongkos Kirim Admin

    Administator bisa masuk ke halaman tambah ongkos kirim, halaman ini

    berfungsi untuk menambah nama kota dan biaya ongkos kirim.

    Gambar III.17.

    Halaman Tambah Ongkos Kirim Admin

  • 53

    13. Halaman Edit Ongkos Kirim Admin

    Administator bisa masuk ke halaman edit ongkos kirim, halaman ini

    berfungsi untuk Mengubah nama kota dan biaya ongkos kirim.

    Gambar III.18.

    Halaman Edit Ongkos Kirim Admin

  • 54

    14. Halaman Profil Toko Jersey Admin

    Administator bisa masuk kehalaman profil toko, halaman ini berfungsi untuk

    melihat profil toko jersey serta mengubah tampilan profil toko dan isi profil toko.

    Gambar III.19.

    Halaman Profil Toko Jersey Admin

  • 55

    15. Halaman Cara Beli Admin

    Administator bisa masuk kehalaman Cara beli, halaman ini berfungsi untuk

    melihat isi dari cara pembelian produk toko jersey.

    Gambar III.20.

    Halaman Cara Beli Admin

  • 56

    16. Halaman Info Rekening Toko Admin

    Administator bisa masuk kehalaman Info rekening toko, halaman ini berfungsi

    untuk melihat isi rekening toko jersey dan bisa mengubah jenis pembayaran pada

    nomor rekening.

    Gambar III.21.

    Halaman Info Rekening Toko Admin

  • 57

    17. Halaman Laporan Produk Admin

    Administator bisa masuk kehalaman Laporan Produk, halaman ini berfungsi

    untuk melihat data laporan pemesanan masuk dari kustomer.

    Gambar III.22.

    Halaman Laporan Produk Admin

  • 58

    B. Implementasi Rancangan Antarmuka User

    Merupakan bentuk tampilan grafis yang berhubungan langsung dengan

    penggunan (user). Antarmuka pengguna berfungsi untuk menghubungkan antara

    pengguna dengan sistem operasi.

    1. Halaman Home User

    User dapat melihat tampilan index (tampilan awal website).

    Gambar III.23.

    Halaman Home User

  • 59

    2. Halaman Register User

    User dapat masuk ke form register customer, halaman ini berfungsi untuk

    mengisi data customer.

    Gambar III.24.

    Halaman Register User

  • 60

    3. Halaman User Login

    User dapat masuk ke halaman ini login user, berfungsi untuk memasukkan

    data email dan password customer .

    Gambar III.25.

    Halaman User Login

  • 61

    4. Halaman User Profil Toko

    User dapat masuk ke menu Profil toko jersey, halaman ini berfungsi untuk

    melihat profil pemilik toko jersey.

    Gambar III.26.

    Halaman User Profil Toko

  • 62

    5. Halaman User Cara Pembelian

    User dapat masuk ke menu Cara beli, halaman ini berfungsi untuk melihat cara

    pembelian barang.

    Gambar III.27.

    Halaman User Cara Beli

  • 63

    6. Halaman User Kategori Jersey Klub

    User dapat masuk ke menu kategori jersey klub, halaman ini berfungsi untuk

    melihat dan memilih produk yang ingin di beli.

    Gambar III.28.

    Halaman User Kategori Jersey Klub

  • 64

    7. Halaman User Kategori Jersey Negara

    User dapat masuk ke menu kategori jersey negara, halaman ini berfungsi untuk

    melihat dan memilih produk yang ingin di beli.

    Gambar III.29.

    Halaman User Kategori Jersey Negara

  • 65

    8. Halaman Home User Setelah Login

    User dapat masuk ke menu home setelah login, halaman ini berfungsi untuk

    melihat berbagai macam produk yang ditawarkan.

    Gambar III.30.

    Halaman Home User Setelah Login

  • 66

    9. Halaman User Keranjang belanja

    User dapat masuk ke menu Keranang Belanja, halaman ini berfungsi untuk

    melihat apa saja barang yang sudah kita pesan, setelah itu klik menu selesai

    belanja.

    Gambar III.31.

    Halaman User Keranjang Barang

  • 67

    10. Halaman User Detail Transaksi Pembelian Jersey

    User dapat masuk ke menu detail transaksi, halaman ini berfungsi untuk

    melihat biaya yang harus dibayar dan proses transaksi selesai.

    Gambar III.32.

    Halaman User Detail Transaksi Pembelian Jersey

  • 68

    3.9. Pengujian Unit

    A. Pengujian Black Box Testing Form Login Admin

    Tabel III.10.

    Tabel Pengujian Black Box Testing Halama login Admin

    No Skenario Pengujian Test Case Hasil yang diharapkan

    Hasil

    Pengujian Kesimpulan

    1 Username dan password

    dikosongkan kemudian klik tombol login

    Username : (kosong)

    password : (kosong)

    Sistem akan menolak akses dan menampilkan

    "Anda belum mengisikan Username dan Password"

    Sesuai harapan Valid

    2 Mengetikkan username dan

    password tidak diisi kemudian klik

    tombol login

    Username : (admin)

    password : (kosong)

    Sistem akan menolak akses dan menampilkan

    "Anda belum mengisikan Password"

    Sesuai harapan Valid

    3 Username tidak diisi dan password diisi kemudian klik

    tombol login

    Username : (kosong) password :

    (admin)

    Sistem akan menolak akses dan menampilkan "Anda belum

    mengisikan Username"

    Sesuai harapan Valid

    4 Mengetikkan username dan

    password kemudian klik tombol login

    username : (admin)

    password : (admin)

    Sistem akan menerima akses dan menampilkan

    "Hai selamat datang di halaman administrator"

    Sesuai harapan Valid

  • 69

    B. Pengujian Black Box Testing Form Login User

    Tabel III.11.

    Tabel Pengujian Black Box Testing Halaman login User

    No Skenario Pengujian Test Case Hasil yang diharapkan

    Hasil Pengujian

    Kesimpulan

    1 Email tidak diisi

    dan password diisi kemudian klik tombol login

    Email :

    (kosong) password : (********)

    Sistem akan menolak

    akses dan menampilkan "Anda belum mengisikan

    Email"

    Sesuai

    harapan

    Valid

    2 Mengetikkan email dan

    password tidak diisi kemudian klik tombol login

    Email : (ambon)

    password : (kosong)

    Sistem akan menolak akses dan

    menampilkan "Anda belum mengisikan Password"

    Sesuai harapan

    Valid

    3 Email tidak diisi

    dan password tidak diisi

    kemudian klik tombol login

    Email :

    (kosong) password :

    (kosong)

    Sistem akan menolak

    akses dan menampilkan "Anda

    belum mengisikan Email dan password"

    Sesuai

    harapan

    Valid

    4 Mengetikkan

    email dan password kemudian klik

    tombol login

    Email :

    (ambon@gmail.com) password : (*****)

    Sistem akan

    menerima akses dan menampilkan “Silahkan berbelanja

    di toko kami”.

    Sesuai

    harapan

    Valid

  • 70

    C. Pengujian Black Box Testing Form Register

    Tabel III.12

    Tabel Pengujian Black Box Testing Halaman Menu Register

    No Skenario Pengujian Test Case Hasil yang diharapkan

    Hasil Pengujian

    Kesimpulan

    1

    Nama Lengkap, Password, Alamat Pengiriman, Nomor

    Telepon, Email, Kota Tujuan dan Captcha

    dikosongkan kemudian klik tombol DAFTAR

    Nama Lengkap :

    (kosong) Password : (kosong) Alamat

    Pengiriman : (kosong)No Telepon : (kosong) Email :

    (kosong) Kota Tujuan : (kosong)

    Captcha : (kosong)

    Sistem akan menolak akses

    dan menampilkan

    "Anda Belum Mengisi Data Dengan

    Lengkap, Silahkan

    Periksa Kembali."

    Sesuai

    harapan Valid

    2

    Nama Lengkap diisi

    sedangkan Password, Alamat Pengiriman,

    Nomor Telepon, Email, Kota Tujuan dan Captcha

    dikosongkan kemudian klik

    tombol DAFTAR

    Nama Lengkap :

    (ambon) Password : (kosong) Alamat Pengiriman :

    (kosong) Nomor Telepon : (kosong)

    Email : (kosong) Kota Tujuan : (kosong) Captcha :

    (kosong)

    Sistem akan menolak akses

    dan menampilkan

    "Anda Belum Mengisi Data Dengan

    Lengkap, Silahkan

    Periksa Kembali."

    Sesuai harapan

    Valid

    3

    Mengetikkan

    Password sedangkan Nama Lengkap, Alamat Pengiriman,

    Nomor Telepon, Email, Kota Tujuan

    dan Captcha dikosongkan kemudian klik

    tombol DAFTAR

    Nama Lengkap :

    (kosong) Password : (*****) Alamat Pengiriman :

    (kosong) Nomor Telepon : (kosong)

    Email : (kosong) Kota Tujuan : (kosong) Captcha :

    (kosong)

    Sistem akan menolak akses

    dan menampilkan

    "Anda Belum Mengisi Data Dengan

    Lengkap, Silahkan

    Periksa Kembali."

    Sesuai harapan

    Valid

  • 71

    4

    Mengetikkan Alamat Pengiriman

    sedangkan Nama Lengkap, Password, Nomor Telepon,

    Email, Kota Tujuan dan Captcha

    dikosongkan kemudian klik tombol DAFTAR

    Nama Lengkap :

    (kosong) Password : (kosong) Alamat

    Pengiriman : (Jl.Bhakti cilandak timur,jakarta

    selatan.no 09) Nomor Telepon :

    (kosong) Email : (kosong) Kota Tujuan : (kosong)

    Captcha : (kosong)

    Sistem akan menolak akses dan

    menampilkan "Anda Belum

    Mengisi Data Dengan Lengkap,

    Silahkan Periksa

    Kembali."

    Sesuai

    harapan Valid

    5

    Mengetikkan Nomor

    Telepon sedangkan Nama Lengkap, Password, Alamat

    Pengiriman, Email, Kota Tujuan dan

    Captcha dikosongkan kemudian klik tombol DAFTAR

    Nama Lengkap : (kosong) Password :

    (kosong) Alamat Pengiriman :

    (kosong)No Telepon : (081314556821) Email : (kosong)

    Kota Tujuan : (kosong) Captcha :

    (kosong)

    Sistem akan menolak akses

    dan menampilkan "Anda Belum

    Mengisi Data Dengan

    Lengkap, Silahkan Periksa

    Kembali."

    Sesuai harapan

    Valid

    6

    Mengetikkan Email

    sedangkan Nama Lengkap, Password, Alamat Pengiriman,

    Nomor Telepon, Kota Tujuan dan

    Captcha dikosongkan kemudian klik tombol DAFTAR

    Nama Lengkap : (kosong) Password :

    (kosong) Alamat Pengiriman :

    (kosong)No Telepon : (kosong) Email : ambon@gmail.com)

    Kota Tujuan : (kosong) Captcha :

    (kosong)

    Sistem akan menolak akses

    dan menampilkan "Anda Belum

    Mengisi Data Dengan

    Lengkap, Silahkan Periksa

    Kembali."

    Sesuai harapan

    Valid

    7

    Mengetikkan Kota

    Tujuan sedangkan Nama Lengkap,

    Password, Alamat Pengiriman, Nomor Telepon, Email, dan

    Captcha dikosongkan kemudian klik

    tombol DAFTAR

    Nama Lengkap :

    (kosong) Password : (kosong) Alamat

    Pengiriman : (kosong)No Telepon : (kosong) Email :

    (kosong) Kota Tujuan : (Jakarta)

    Captcha : (kosong)

    Sistem akan menolak akses

    dan menampilkan

    "Anda Belum Mengisi Data Dengan

    Lengkap, Silahkan

    Periksa Kembali."

    Sesuai harapan

    Valid

  • 72

    8

    Mengetikkan Captcha sedangkan Nama Lengkap,

    Password, Alamat Pengiriman, Nomor

    Telepon, Email dan Kota Tujuan dikosongkan

    kemudian klik tombol DAFTAR

    Nama Lengkap : (kosong) Password :

    (kosong) Alamat Pengiriman : (kosong)No Telepon

    : (kosong) Email : (kosong) Kota

    Tujuan : (kosong) Captcha : (EF21AB)

    Sistem akan

    menolak akses dan

    menampilkan "Anda Belum Mengisi Data

    Dengan Lengkap,

    Silahkan Periksa Kembali."

    Sesuai

    harapan Valid

    9

    Mengetikkan Nomor

    Telepon, Nama Lengkap, Password,

    Alamat Pengiriman, Email, Kota Tujuan dan Captcha

    dikosongkan kemudian klik

    tombol DAFTAR

    Nama Lengkap :

    (ambon) Password : (*****) Alamat

    Pengiriman : (Jl.Bhakti cilandak timur,jakarta

    selatan.no 09 ) No Telepon :

    (0813145586821) Email : (ambon@gmail.com)

    Kota Tujuan : (Jakarta) Captcha :

    (EF21AB)

    Sistem akan

    menerima dan masuk ke menu

    "Your Profile"

    Sesuai harapan

    Valid