BAB III PEMBAHASAN. berdasarkan kebutuhan pengguna dan kebutuhan sistem. melalui halaman dashboard, admin juga dapat meng-input, update, hapus

(1)

3.1 Analisa Kebutuhan

Analisa kebutuhan adalah pengidentifikasian kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem.

Berikut adalah contoh kebutuhan pengguna:

1. Kebutuhan Pengguna a. Admin

Bagian admin dapat melihat semua data yang masuk di dalam database melalui halaman dashboard, admin juga dapat meng-input, update, hapus produk, hapus member, hapus admin, menambah admin.

b. Pengguna (client)

Client dapat melakukan pendaftaran melalui form daftar di halaman beranda ,

dan melakukan pembelian barang.

2. Kebutuhan Sistem a. Create

Untuk membuat atau meng-input data ke dalam database dari pendaftar yang melakukan pendaftaran.

b. Read

Digunakan untuk menampilkan data yang telah tersimpan di dalam database ke halaman web.

c. Update

Sistem ini untuk melakukan perubahan data yang ada di dalam database.

1

(2)

d. Delete

Untuk dapat melakukan penghapusan data melalui halaman website.

3.2 Perancangan Perangkat Lunak 3.2.1 Rancangan Antar Muka A. Rancangan Antar Muka Halaman User 1. Halaman Beranda

Halaman ini merupakan yang akan pertama kali tampil di website, dibagian ini terdapat menu yang akan menyambung ke halaman-halaman didalam website.

Pada saat kita klik menu main frameakan berganti. Desain tampilannya sebagai berikut:

Gambar III.1

Rancangan Antarmuka Halaman Beranda 2. Halaman Profil

(3)

Halaman ini adalah halaman dimana akan menampilkan visi dan misi perusahaan.

Gambar III.2

Rancangan Antarmuka Halaman Profil 3. Halaman Cara Pesan

Halaman ini adalah halaman dimana akan menampilkan cara memesan barang.

Gambar III.3

Rancangan Antarmuka Halaman Cara Pesan

(4)

4. Halaman Buku Tamu

Halaman ini adalah halaman buku tamu yang berguna untuk mempertanyakan sesuatu dan bisa untuk saran dan kritik .

Gambar III.4

Rancangan Antarmuka Halaman Buku Tamu 5. Halaman Keranjang Belanja

Halaman ini adalah halaman yang menampilkan pilihan brang sementara sebelum barang yang dipilh akan dibeli.

(5)

Gambar III.5

Rancangan Antarmuka Halaman Keranjang Belanja 6. Halaman Alamat Pengiriman

Halaman ini dimana akan memperbaharuan alamat pengiriman yang akan dikirim.

Gambar III.6

Rancangan Antarmuka Halaman Alamat Pengiriman

B. Rancangan Antarmuka Halaman Admin 1. Halaman Login Admin

Halaman ini adalah halaman pertama tampil sebelum kita masuk ke halaman web admin.

Gambar III.7 Rancangan Antarmuka Login Admin

(6)

2. Halaman Produk

Pada halaman ini berisi produk-produk yang akan dijual dan dapat melakukan penginputan produk baru.

Gambar III.8

Rancangan Antarmuka Halaman Produk

3. Halaman Pemesanan

Pada halaman ini berisi pemesanan-pemesanan member.

Gambar III.9

Rancangan Antarmuka Halaman Pemesanan

(7)

4. Halaman Konfirmasi

Pada halaman ini berisi Konfirmasi pembayaran oleh member.

Gambar III.10

Rancangan Antarmuka Halaman Konfirmasi

5. Halaman Laporan

Pada halaman ini berisi laporan-laporan pengiriman sementara admin.

Gambar III.11

Rancangan Antarmuka Halaman Laporan

(8)

6. Halaman Kategori

Pada halaman ini berisi kategori-kategori produk yang memisahkan jenis produk-produk.

Gambar III.12

Rancangan Antarmuka Halaman Kategori

7. Halaman Admin

Pada halaman ini berisi data-data admin.

Gambar III.13

Rancangan Antarmuka Halaman Admin

(9)

8. Halaman Member

Pada halaman ini berisi data-data member.

Gambar III.14

Rancangan Antarmuka Halaman Member

9. Halaman Buku Tamu

Pada halaman ini berisi pesan-pesan member yang meninjau aplikasi penjualan ini serta saran-saran dan kritik dari penggunjung aplikasi ini.

Gambar III.15

Rancangan Antarmuka Halaman Buku Tamu

(10)

3.3.2. Basis Data

A. Entity Relationship Diagram

Gambar III.16 Entity Relationship Diagram

(11)

B. Logical Record Struktur

Gambar III.17 Logical Record Structure

Keterangan: *= Primary key C. Spesifikasi File

Spesifikasi file menjelaskan tentang file – file yang akan digunakan dalam rancangan website yang diajukan dan sebagai media penyimpanan data dari proses yang terjadi pada rancangan website. Adapun spesifikasi file – file sebagai berikut antara lain:

1. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : Pelanggan.myd

Fungsi : Menyimpan data pelanggan Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 74 karakter Kunci Field : Id_pelanggan

Software : MySQL

(12)

Tabel III.1

Spesifikasi File Pelanggan

No Elemen Data Nama Field Type Size Ket

1. Kode Pelanggan id_pelanggan integer 2 Primary key

2. Username Username varchar 15

3. Password Password varchar 10

4. Nama Pelanggan nama_pelanggan varchar 15

5. Alamat Alamat text

6. Kode Pos Kodepos text

7. Telpon Telpon varchar 12

8. Email Email varchar 20

2. Spesifikasi File Barang

Nama File : Barang

Akronim : Barang.myd

Fungsi : Menyimpan data barang Tipe File : File Master

Media : Harddisk

Panjang Record : 345 karakter Kunci Field : Id_barang

Tabel III.2 Spesifikasi File Barang

1 Kode Barang id_barang integer 3 Primary key,

Auto_increment

2 Kategori Kategori varchar 10

(13)

3 Nama Barang Nama varchar 30

4 Harga Harga double

5 Stok Stok integer 2

6 Deskripsi Deskripsi varchar 300

7 Gambar Gambar text

3. Spesifikasi File Pemesanan

Nama File : Pemesanan

Akronim : Pemesanan.myd

Fungsi : Menyimpan data pemesanan Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 62 karakter Kunci Field : id_pesan

Tabel III.3

Spesifikasi File Pemesanan

1 Kode Pesanan id_pesan Integer 2 Primary key, Auto_Increment

2 No. Pesanan no_pesan varchar 10

3 Tgl. Pesanan tgl_pesan Date

4 Username Username varchar 15

5 Jam Pesanan jam_pesan Time

6 Status Pesanan status_pesan varchar 15

(14)

7 Id kota id_kota Integer 5

8 Ongkos kirim ongkir_pesan Integer 15

4. Spesifikasi File Kantong

Nama File : Kantong

Akronim : Kantong.myd

Fungsi : Menyimpan data pemesanan barang Tipe File : File Transaksi

Media : Harddisk

Panjang Record : 35 karakter Kunci Field : Id_kantong

Tabel III.4

Spesifikasi File Kantong

1 Kode Kantong id_kantong integer 5 Primary key,

Auto_increment

2 Kode Barang id_barang integer 5

3 Jumlah Jumlah integer 5

4 Tgl Kantong tgl_kantong date

5 Jam Kantong jam_kantong time

6 Stok Stok integer 5

5. Spesifikasi File Admin

Nama File : Admin

(15)

Akronim : Admin.myd

Fungsi : Memproses data

Tipe File : File Master Organisasi File : Index Sequential

Media : Harddisk

Panjang Record : 13 karakter Kunci Field : Id_admin

Tabel III.5 Spesifikasi File Admin

1 Kode Admin id_admin integer 3 Primary key,

Auto_increment

3 Password Password varchar 10

6. Spesifikasi File Kategori

Nama File : Kategori

Akronim : Kategori.myd

Fungsi : Membentuk pilihan Tipe File : File Master

(16)

Media : Harddisk

Panjang Record : 12 karakter Kunci Field : Id_kategori

Tabel III.6

Spesifikasi File Kategori

1 Kode Kategori id_Kategori integer 2 Primary key,

Auto_increment

2 Kategori Kategori varchar 10

7. Spesifikasi File Pemesanan Detail

Nama File : Pemesanan Detail Akronim : Pemesanan_detail.myd

Fungsi : Tempat penyimpanan pilihan barang sementara Tipe File : File Master

(17)

Media : Harddisk Panjang Record : 12 karakter Kunci Field : -

Tabel III.7

Spesifikasi File Pemesanan_detail

1 Nomor pesan no_pesan varchar 6

2 Kode Barang id_barang integer 3

3 Jumlah Jumlah integer 3

8. Spesifikasi File Pengiriman

Nama File : Pengiriman

Akronim : Pengiriman.myd

Fungsi : Berfungsi untuk mengirim barang Tipe File : File Master

Media : Harddisk

Panjang Record : 30 karakter

(18)

Kunci Field : Id_kirim

Tabel III.8

Spesifikasi File Pengiriman

1 Kode Kirim id_kirim integer 5 Primary key,

Auto Increment

2 Tanggal Kirim tgl_kirim date

3 Jam Kirim jam_kirim time

4 Nomor Pesan no_pesan varchar 10

5 No.Resi Pengiriman

resi varchar 15

9. Spesifikasi File Kota

Nama File : Kota

Akronim : Kota.myd

Fungsi : Tempat barang di tuju Tipe File : File Master

Media : Harddisk

Panjang Record : 25 karakter Kunci Field : Id_kota

Tabel III.9

(19)

Spesifikasi FileKota

1 Kode Kota id_kota integer 5 Primary key,

Auto Increment

2 Nama Kota nama_kota varchar 10

3 Ongkos Kirim ongkos_kirim integer 10

10. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : Konfirmasi.myd

Fungsi : Tempat status pembayaran user Tipe File : File Master

Media : Harddisk

Panjang Record : 67 karakter Kunci Field : no_konfirmasi

Tabel III.10

Spesifikasi FileKonfirmasi

(20)

1 Nomor

Konfirmasi no_konfirmasi integer 5 Primary key, Auto Increment

3 Nomor Pesan no_pesan varchar 10

4 Jumlah Bayar Jumbay integer 11

5 Tanggal Bayar tgl_bayar date

6 Gambar Gambar text

7 Dari Rekening dari_rekening varchar 11

8 Dari Bank dari_bank varchar 15

3.3.3 Rancangan Struktur Navigasi

1. Struktur Navigasi Linier dan Hirarki Halaman Index

Gambar III.19

Struktur Navigasi Linier dan Hirarki Halaman Index 2. Struktur Navigasi Linier dan Hirarki Halaman Member

Gambar III.20

Struktur Navigasi Linier dan Hirarki Halaman Member 3. Struktur Navigasi Linierdan Hirarki Halaman Admin

Gambar III.21

Struktur Navigasi Linier dan Hirarki Halaman Admin 3.4 Implementasi dan Pengujian Unit

3.4.1 Implementasi

A. Implementasi Rancangan AntarMuka Halaman User

Implementasi rancangan antar muka pada sistem informasi penjualan berdasarkan hasil rancangan antar muka.

(21)

1. Halaman Beranda

Gambar III.21 Halaman Beranda 2. Halaman Profil

(22)

Gambar III.22 Halaman Profil

3. Halaman Cara Pesan

(23)

Gambar III.23 Halaman Cara Pesan

(24)

4 Halaman Buku Tamu

Gambar III.24 Halaman Buku Tamu

(25)

5 Halaman Keranjang Belanja

Gambar III.25

Halaman Keranjang Belanja 6 Halaman Alamat Pengiriman

(26)

Gambar III.26

Halaman Alamat Pengiriman B. Implementasi Rancangan Antarmuka Halaman Admin 1. Halaman Login Admin

Gambar III.27 Halaman Login Admin

2. Halaman Produk

Gambar III.28 Halaman Produk

(27)

3. Halaman Pemesanan

Gambar III.29 Halaman Pemesanan

4. Halaman Konfirmasi

(28)

Gambar III.30 Halaman Konfirmasi

5. Halaman Laporan

Gambar III.31 Halaman Laporan

6. Halaman Kategori

(29)

Gambar III.32 Halaman Kategori 7. Halaman Admin

Gambar III.33 Halaman Admin

8. Halaman Member

(30)

Gambar III.34 Halaman Member 9. Halaman Buku Tamu

Gambar III.35 Halaman Buku Tamu C. Spesifikasi Sistem Komputer

(31)

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan sistem informasi penjualan untuk toko Komputer.

1. Spesifikasi Perangkat Keras a. Server

1) CPU

(a) Processor Core i3 (b) RAM DDR3 4 GB (c) Hard Disk 2 TB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps.

6) LCD b. Client

1) CPU

(a) Processor Core i3 (b) RAM DDR3 4 GB (c) Hard Disk 1 TB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 56 kbps.

(32)

6) LCD

2. Spesifikasi Perangkat Lunak a. Server

1)Sistem operasi yang umum digunakan seperti: Microsoft Windows.

2) Aplikasi bundle web server seperti :Xampp.yang terdiri dari beberapa komponen, diantaranya:

a.i. Aplikasi PHP Server v5 a.ii. Aplikasi MySQL Server v5 a.iii. Aplikasi phpMyAdmin v3

a.iv. Aplikasi Micromedia Dreamweaver CS6

3) Aplikasi Web Lihat seperti Mozilla Firefox, Internet Explorer, Google Chrome.

b. Client

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows.

2) Aplikasi web browser seperti Mozilla Firefox, Internet Explorer, Google Chrome.

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login Pelanggan Tabel III.11

Hasil Pengujian Halaman Login Pelanggan

No. Skenario pengujian

Test case Hasil yang diharapkan Hasil pengujian

Kesimpulan

(33)

1 Username dan Password tidak diisi kemudian klik tombol login

Username:

(kosong) Password:

(kosong)

Sistem akan menolak akses user dan

menampilkan “Username belum terisi atau anda gagal login”

Sesuai

harapan Valid

2 Username disisi dan Password tidak diisi atau kosong kemudian klik tombol login

Username : (dwi) Password:

(kosong)

menampilkan “Password belum diisi”

Sesuai harapan

Valid

3 Username tidak diisi (kosong) dan Password diisi kemudian klik tombol login

Username:

(password)

menampilkan “Username belum terisi atau anda gagal login”

Sesuai

harapan Valid

4 Mengetikkan salah satu kondisi salah pada username atau Password kemudian klik tombol login

Username:

(dwi) benar Password:

(capcuz) salah

Sistem akan menolak akses user dan menampilkan “Gagal login. Harap masukkan username dan Password dengan benar”

Sesuai

harapan Valid

5 Mengetikkan Username dan Password dengan data yang benar kemudian klik tombol login

Username:

(password) benar

Sistem menerima akses login dan kemudian langsung menampilkan

“Selamat datang di Toko Komputer sdr/sdri “

Sesuai

harapan Valid

B. Pengujian Terhadap Form Daftar Pelanggan Tabel III.12

Hasil Pengujian Halaman Daftar Pelanggan

(34)

No. Skenario

pengujian Test case Hasil yang diharapkan Hasil

pengujian Kesimpulan 1 Nama, Email,

Telpon, Alamat, Username dan Password tidak diisi kemudian klik tombol Daftar

Nama: (kosong) Email: (kosong) Telpon:

(Kosong) Alamat:

(Kosong) Username:

(Kosong) Password:

(Kosong)

menampilkan “Harap Isi Nama Lengkap Anda”

Sesuai

harapan Valid

2 Nama tidak diisi, Email diisi, Telpon diisi, Alamat diisi, Username diisi dan Password diisi

kemudian klik tombol Daftar

Nama: (kosong) Email:

(tara.ara93@gm ail.com) Telpon:

(081297675161 )

Alamat:

(Cakung) Username:

(rara) Password:

(rara)

menampilkan “Harap Isi Nama Lengkap Anda”

Sesuai

harapan Valid

3 Nama diisi, Email tidak diisi, Telpon diisi, Alamat diisi, Username diisi dan Password diisi

Nama: (rara) Email:

(Kosong) Telpon:

(081297675161 )

Alamat:

(Cakung) Username:

(rara) Password:

(rara)

menampilkan “Harap Isi Email Anda”

Sesuai

harapan Valid

4 Nama diisi, Email diisi, Telpon tidak diisi, Alamat diisi, Username diisi dan Password diisi kemudian klik tombol Daftar

Nama: (rara) Email:

(Kosong) Alamat:

(Cakung) Username:

(rara) Password:

(rara)

menampilkan “Harap Isi Telpon Anda”

Sesuai harapan

Valid

5 Nama diisi, Email diisi, Telpon diisi,

Nama: (rara) Email:

(tara.ara93@gm

menampilkan “Harap Isi

Sesuai harapan

Valid

(35)

Alamat tidak diisi, Username diisi dan Password diisi kemudian klik tombol Daftar

ail.com) Telpon:

(081297675161 )

Alamat:

(Kosong) Username:

(rara) Password:

(rara)

Alamat Anda”

6 Nama diisi, Email diisi, Telpon diisi, Alamat diisi, Username tidak diisi dan Password diisi kemudian klik tombol Daftar

Nama: (rara) Email:

(081297675161 )

Alamat:

(Cakung) Username:

(Kosong) Password:

(rara)

menampilkan “Harap Isi username Anda”

Sesuai

harapan Valid

7 Nama diisi, Email diisi, Telpon diisi, Alamat diisi, Username diisi dan Password tidak diisi kemudian klik tombol Daftar

Nama: (rara) Email:

(081297675161 )

Alamat:

(Cakung) Username:

(rara) Password:

(Kosong)

menampilkan “Harap Isi password Anda”

Sesuai

harapan Valid

8 Nama diisi, Email diisi, Telpon diisi, Alamat diisi, Username diisi dan Password diisi

Nama: (rara) Email:

(081297675161 )

Alamat:

(Cakung) Username:

(rara) Password:

(rara)

Sistem menerima akses daftar dan kemudian langsung menampilkan

“Anda Berhasil terdaftar, Silahkan Login “

Sesuai

harapan Valid

C. Pengujian Terhadap Form Login Admin

(36)

Tabel III.13

Hasil Pengujian Halaman Login Admin

pengujian Test case Hasil yang

diharapkan Hasil

pengujian Kesimpulan 1 Usernamedan

Password tidak diisi kemudian klik tombol login

Username:

(kosong)

Sistem akan menolak akses user dan menampilkan

“Username belum terisi atau anda gagal login”

Sesuai

harapan Valid

2 Username diisi dan Password tidak diisi atau kosong kemudian klik tombol login

Username : (dwi) Password:

(kosong)

“Password belum terisi”

Sesuai

harapan Valid

3 Username tidak diisi(kosong) dan Password diisi kemudian klik tombol login

Username:

(admin)

“Username belum terisi atau anda gagal login”

Sesuai

harapan Valid

4 Mengetikkan salah satu kondisi salah pada username atau Password kemudian klik tombol login

Username:

(capcuz) salah

“Username atau Password salah”

Sesuai

harapan Valid

5 Mengetikkan username dan Password dengan data yang benar kemudian klik tombol login

Username:

(admin) benar

Sistem menerima akses login dan kemudian langsung menampilkan

“Login sukses dan masuk kehalaman beranda admin”.

Sesuai

harapan Valid

D. Pengujian Terhadap Form Pembelian Barang Tabel III.14

Hasil Pengujian Halaman Pembelian Barang

pengujian Test case Hasil yang

diharapkan Hasil

pengujian Kesimpulan

(37)

1 User tidak bisa membeli sebelum melakukan pendaftaran member

User tidak memiliki idmember

Sistem akanmenolak akses user dan menampilkan “anda harus mendaftar menjadi member? Klick daftar pada login member”

Sesuai

harapan Valid

E. Pengujian Terhadap Form Halaman Konfirmasi Tabel III.15

Hasil Pengujian Halaman Konfirmasi

No. Skenariopengujia n

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan 1 Mengisi form

konfirmasi dengan lengkap

Klik button daftar

Data Pelanggan yang sudah diisi tersimpan di database

Sesuai harapan

Valid

2 Mengisi form daftar salah satu data tidak diisi

Klik button daftar

Sistem akan menolak akses user dan menampilkan

“Harap isi dengan lengkap”

Sesuai harapan

Valid

3 Form daftar tidak

diisi semua Klik button

daftar Sistem akan menolak akses user dan menampilkan

“Harap Isi Nomor Pesan”

Sesuai

harapan Valid