White Box - Metode Pengujian Black Box dan White Box

BAB III LANDASAN TEORI

3.7 Metode Pengujian Black Box dan White Box

3.7.2 White Box

Menurut Roger S. Pressman (2012) pengujian white box didasarkan pada pemeriksaan yang teliti terhadap detail prosedural.

Jalur logis di seluruh perangkat lunak dan kolaborasi antar komponen diuji dengan menguji serangkaian kondisi dan atau loop

spesifik. Dengan menggunakan metode pengujian whitebox, perekayasa sistem dapat melakukan test case yang:

a. Memberikan jaminan bahwa semua jalur independen pada suatu modul telah digunakan paling tidak satu kali.

b. Menggunakan semua keputusan logis pada sisi true dan false.

c. Mengeksekusi semua loop pada batasan mereka dan pada batas operasional.

d. Menggunakan struktur data internal untuk menjamin validasi.

Untuk menghitung kompleksitas logika program, maka digunakan metode cyclomatic complexity atau (V(G)) dapat dihitung dengan menggunakan rumus:

V(G) = E – N + 2

V(G) = cyclomatic complexity E = jumlah Node

N = jumlah rusuk

23 BAB IV

PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

4.1 Analisa Sistem

Analisa dan perancangan merupakan salah satu kegiatan yang sangat penting yang dilakukan dalam pembuatan perangkat lunak. Analisa secara umum dapat diartikan sebagai penguraian suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan yang ada dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan untuk memperbaikinya. Sedangkan perancangan secara umum dapat diartikan sebagai penggambaran, perancangan perencanaan dan pembuatan sketsa atau pengaturan dan beberapa elemen terpisah kedalam satu kesatuan yang utuh dan berfungsi. Analisa bertujuan untuk mengevaluasi dan mengidentifikasi permasalahan, sedangkan perancangan bertujuan untuk memenuhi kebutuhan pemakaian sistem dan memberikan gambaran yang jelas tentang rancangan bangun sistem secara umum.

4.1.1 Kebutuhan Perangkat Lunak (Software)

Perangkat lunak yang dibutuhkan dalam membuat aplikasi e-commerce pada Manfaat Cell adalah sebagai berikut :

1) Microsoft Windows 7 sebagai sistem operasi.

2) XAMPP + PHP/AppServ sebagai Web Server 3) MySQL sebagai Database Server

4) Notepad++ sebagai Editor Web

5) Mozilla firefox / Google Chrome sebagai Web browser

4.1.2 Kebutuhan Perangkat keras (Hardware) 1. Intel Pentium (R) D CPU 2,80 Ghz 2. Memory DDR2 512 MB

3. Hardisk 80 GB SATA 4. Terkoneksi Internet

5. Monitor resolusi 1024 x 768 pixel 4.1.3 Analisa Kebutuhan Pengguna (User)

Analisa kebutuhan user atau pengguna dapat di kategorikan sebagai berikut :

1. Admin membutuhkan Aplikasi untuk mengatur data. Mengatur disini antara lain menambah dan mengedit data produk, menambah dan mengedit isi tampilan web, membuat data backup database dari aplikasi ini.

2. User yaitu pengguna yang hanya dapat membuka, melihat dan memesan produk yang dijual.

4.2 Perancangan Sistem

Setelah melakukan analisa kebutuhan sistem, tahap berikutnya adalah melakukan perancangan sistem. Perancangan sistem dibuat dengan menggunakan diagram-diagram UML (Unified Modeling Language).

4.2.1 Use Case Diagram

Use case diagram menggambarkan suatu urutan interaksi antara satu atau lebih aktor dan sistem. Model Use case menggambarkan sistem sebagai sebuah kotak hitam dan interaksi antara aktor dan sistem dalam suatu bentuk naratif, yang terdiri dari input user dan respon-respon sistem.

Use case Website E-Commerce Hand Phone di Manfaat Cell dapat dilihat pada gambar 4.1.

Gambar 4.1 Use Case Diagram

Skenario Use Case Mengelola Data Web

Nama Use Case : Mengelola Data Web

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu setting

Tujuan : Mengubah data Web E-Commerce

Manfaat Cell

Postkondisi : Admin berhasil mengubah data web

Tabel 4.1 Skenario Use Case Mengelola Data Web

Aktor Sistem Aplikasi

1. Admin login aplikasi, untuk mengisi atau mengedit data Web

Skenario Use Case Mengelola Produk

Nama Use Case : Mengelola Produk

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu produk.

Tujuan : Menambah, meng-edit dan menghapus data produk

Postkondisi : Admin berhasil menambah, meng-edit dan , menghapus produk

Tabel 4.2 Skenario Use Case Mengelola Produk

Aktor Sistem Aplikasi

1. Admin login aplikasi, selanjutnya masuk ke menu produk

2. Menampilkan form data produk yang berisi tambah, edit dan hapus data produk 3. Admin melakukan edit,

tambah dan hapus data Produk

4. Sistem melakukan update data Produk di database

Skenario Use Case Mengelola Pesanan

Nama Use Case : Mengelola Pesanan

Aktor : Admin

Tipe : Primary

Prekondisi : Admin login aplikasi, selanjutnya masuk ke menu data pesanan

Tujuan : Mengelola data pesanan seperti

menghapus dan meng-edit status pada data pesanan

Postkondisi : Admin berhasil menghapus dan meng-edit status pesanan

Tabel 4.3 Skenario Use Case Mengelola Pesanan

Aktor Sistem Aplikasi

1. Admin login aplikasi, selanjutnya masuk ke menu data pesanan

2. Menampilkan form data pesanan

3. Admin melakukan ubah status dan hapus data pesanan

4. Sistem meng-update database

Skenario Use Case Memesan Produk

Nama Use Case : Memesan Produk

Aktor : Konsumen

Tipe : Primary

Prekondisi : Konsumen buka browser dan

memasukkan alamat Website E-Commerce Manfaat Cell

Tujuan : Membeli atau memesan Produk dan

melihat serta mengunjungi Website Postkondisi : Konsumen berhasil memesan produk

yang ada.

Tabel 4.4 Skenario Use Case Memesan Produk

Aktor Sistem Aplikasi

1. Konsumen membuka browser dan memasukkan alamat Website E-Commerce Manfaat Cell

2. Menampilkan menu utama halaman Konsumen

3. Konsumen memilih Produk mana yang akan di beli kemudian mengisi data pesanan.

4. Sistem melakukan update data pesanan yaitu data Konsumen dan data Produk yang meliputi : nama, harga, dan jumlah stok

4.2.2 Class Diagram

Class diagram adalah diagram yang digunakan untuk menampilkan beberapa kelas yang sedang dikembangkan. Class diagram dapat dilihat pada Gambar 4.2

Gambar 4.2 Class Diagram 4.2.3 Activity Diagram

Activity diagram menggambarkan berbagai alir aktifitas perancangan sistem, bagaimana alur berawal dari keputusan yang mungkin terjadi, dan bagaimana berakhir.

4.2.3.1 Activity Diagram Mengelola Data Web

Gambar 4.3 Activity Diagram Mengelola Data Web

4.2.3.2 Activity Diagram Mengelola Produk

Gambar 4.4 Activity Diagram Mengelola Produk

4.2.3.3 Activity Diagram Mengelola Pesanan

Gambar 4.5 Activity Diagram Mengelola Pesanan

Start

Input username &

Password

Home Admin

Data Pesanan

Cek Status Pesanan

Simpan

End

4.2.3.4 Activity Diagram Memesan Produk

Gambar 4.6 Activity Diagram Memesan Produk

4.2.4 Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem yang berupa message yang digambarkan terhadap waktu.

4.2.4.1 Sequence Diagram Mengelola Data Web

Gambar 4.7 Sequence Diagram Mengelola Data Web

Start

End Mengunjungi

Website

Melihat Produk

Memilih Produk

Mengisi Data Pemesan

Simpan

4.2.4.2 Sequence Diagram Mengelola Produk

Gambar 4.8 Sequence Diagram Mengelola Produk

4.2.4.3 Sequence Diagram Mengelola Pesanan

Gambar 4.9 Sequence Diagram Mengelola Pesanan

4.2.4.4 Sequence Diagram Memesan Produk

Gambar 4.10 Sequence Diagram Memesan Produk

4.3 Perancangan Database

Dalam perancangan Website E-Commerce ini terdiri dari tabel- tabel sebagai berikut :

4.3.1 Tabel Login

Tabel 4.6 Tabel Login

No Nama Type Panjang Indeks

1 Userid Varchar 30 Primary

2 Passwd Varchar 50 -

3 Level Varchar 5 -

4 Nama_user Varchar 50 -

4.3.2 Tabel Cara

Tabel 4.7 Tabel Cara

No Nama Type Panjang Indeks

1 Nama Varchar 50 -

2 Text Long text -

4.3.3 Tabel Produk

Tabel 4.8 Tabel Produk

No Nama Type Panjang Indeks

4.3.4 Tabel Kategori

Table 4.9 Tabel Kategori

No Nama Type Panjang Indeks

1 Id_kategori Int 12 Primary

2 Nama_kategori Varchar 100 -

4.3.5 Tabel Temp Pemesanan

Tabel 4.10 Tabel Temp Pemesanan

No Nama Type Panjang Indeks

4.3.6 Tabel Pemesanan

Tabel 4.11 Tabel Pemesanan

No Nama Type Panjang Indeks

1 Id_pesan Varchar 30 Primary

2 Nama_pemesan Varchar 100 -

3 Alamat Varchar 100 -

4 Telepon Varchar 20 -

5 Email Varchar 50 -

6 Tgl_order Date - -

7 Jam_order Time - -

8 Status_order Char 20 -

4.3.7 Tabel Detail Pemesanan

Tabel 4.12 Tabel Detail Pemesanan

No Nama Type Panjang Indeks

1 Id_pesan Varchar 50 -

2 Id_kategori Varchar 30 -

3 Id_produk Varchar 30 -

4 Nama Varchar 100 -

5 Harga Int 30 -

6 Qty Int 30 -

7 Ttl_harga Int 20 -

8 Tgl Date - -

9 Jam Time - -

4.3.8 Tabel Profil

Tabel 4.13 Tabel Profil

No Nama Type Panjang Indeks

1 Id_toko Varchar 10 Primary

2 Nama toko Varchar 50 Primary

3 Alamat Varchar 100 -

4 Telp Varchar 50 -

5 Email Varchar 50 -

6 Profil Longtext - -

7 No_rekening Varchar 50 -

4.3.9 Tabel Hubungi Kami

Tabel 4.14 Tabel Hubungi Kami

No Nama Type Panjang Indeks

1 Id_tamu Int 30 Primary

2 Nama Varchar 100 -

3 Email Varchar 100 -

4 Subjek Varchar 100 -

5 Message Longtext - -

6 Tanggal Date - -

4.4 Perancangan Antarmuka

Perancangan antarmuka merupakan gambaran dari user interface.

Berikut ini merupakan rancangan antar muka dari Aplikasi E-Commerce Hand Phone di Manfaat Cell

4.4.1 Home Page

Gambar 4.11 Perancangan home page

Home atau beranda digunakan untuk menampilkan halaman depan aplikasi pemesanan Aksesoris dan Hand Phone. Berisi profil perusahaan dan juga produk.

4.4.2 Produk

Gambar 4.12 Perancangan Halaman Produk

Pada halaman Produk terdapat beberapa jenis Produk, jika ingin memesan Produk maka klik saja salah satu Detail Product yang di inginkan.

4.4.3 Hubungi Kami

Gambar 4.13 Perancangan Halaman Hubungi Kami Pada halaman Hubungi Kami pembeli dapat mengirimkan pesan atau komentar apa saja mengenai produk yang di jual.

4.4.2 Cara Berbelanja

Gambar 4.14 Perancangan Halaman Cara Berbelanja Cara belanja merupakan halaman yang digunakan untuk memberitahukan informasi tentang cara atau langkah- langkah yang harus dilakukan untuk belanja produk di Manfaat Cell secara online.

4.4.3 Login Administrator

Gambar 4.15 Perancangan Login Administrator

Halaman login digunakan untuk masuk ke halaman administrator. Isikan username dan password kemudian klik tombol login, jika username dan password benar maka akan ditampilkan halaman administrator, jika username dan password salah maka akan kembali lagi ke halaman login

4.4.4 Home Admin

Gambar 4.16 Perancangan Home Admin

Halaman home administrator berisikan ucapan selamat datang kepada admin dan informasi sedikit tentang Manfaat Cell.

4.4.5 Perancangan Setting Profil

Gambar 4.17 Perancangan Setting Profil

Halaman setting profil berfungsi untuk pengaturan isi profil toko. Pada halaman ini juga admin dapat memuat kontak yang dapat dihubungi.

4.4.6 Perancangan Setting Cara Berbelanja

Gambar 4.18 Perancangan Setting Cara Berbelanja

Halaman setting cara belanja berfungsi untuk pengaturan cara belanja. Pada halaman ini admin menulis langkah- langkah cara belanja.

4.4.7 Perancangan Kategori

Gambar 4.19 Perancangan Kategori

Halaman menu kategori berfungsi untuk memasukkan daftar kategori produk yang ditawarkan. Untuk menambah data kategori produk isikan nama kategori kemudian klik simpan, untuk mengubah data kategori klik edit kemudian jika pengisian telah benar klik simpan. Klik hapus untuk menghapus data kategori dari tabel.

4.4.7 Perancangan Produk

Gambar 4.20 Perancangan Produk

Menu Produk digunakan untuk mengisikan produk yang di jual. Dengan cara mengisikan data produk dengan memilih dahulu kategorinya dan kemudian mengisikan nama produk, harga, stok dan gambar, dan detail produknya.

4.4.8 Perancangan Data Pe mesan

Gambar 4.21 Perancangan Data Pemesan

Menu data pemesanan berisi data customer yang memesan produk

4.4.12 Perancangan Hubungi Kami

Gambar 4.22 Perancangan Hubungi Kami

Halaman hubungi kami berfungsi untuk mengirimkan pesan kepada Admin.

4.4.13 Perancangan Ganti Password

Gambar 4.23 Perancangan Ganti Password

Halaman perancangan ganti password berfungsi untuk mengganti password.

43 BAB V

IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi Sistem

Implementasi sistem merupakan tindakan nyata dari fase perencanaan dan analisa perancangan sistem. Langkah – langkah implentasi akan berjalan baik saat perencanaan dan perancangan sistem benar-benar matang dan tersusun rapi.

Seperti dijelaskan ditahap Analisa dan Perancangan sistem aplikasi ini menggunakan bahasa pemograman PHP dan MySQL sebagai database nya, Aplikasi ini dibuat sesederhana mungkin bertujuan agar operator / admin dapat dengan mudah mengoperasikannya.

5.2 Tampilan Antar Muka 5.2.1 Home

Gambar 5.1 Halaman Home

Home atau beranda digunakan untuk menampilkan halaman depan aplikasi pemesanan Aksesoris dan Hand Phone. Berisi profil perusahaan dan juga produk.

5.2.2 Produk

Untuk berbelanja di Manfaat Cell, pembeli harus melihat barang-barang yang di sediakan di halaman produk. Untuk lebih jelasnya lihat pada gambar 5.2 di bawah ini.

Gambar 5.2 Halaman Produk

Pada halaman Produk terdapat beberapa jenis Produk, jika ingin memesan Produk maka klik saja salah satu Detail Product yang di inginkan, maka pembeli langsung di arahkan ke halaman Pesan. Lebih jelasnya lihat pada gambar 5.3

Gambar 5.3 Halaman Pesan

Setelah mengklik pesan maka pembeli di beri 2 kondisi yaitu pertama ketika pembeli masih ingin mencari produk lagi yang ingin di beli maka pembeli harus memilih menu lihat produk lain. Kondisi yang kedua yaitu jika pembeli sudah merasa cukup dalam pembeliannya, maka pilih simpan lalu klik selesai order seperti pada gambar 5.4

Gambar 5.4 Halaman Order

Apabila pembeli sudah memilih tombol selesai order, maka halaman selanjutnya yaitu halaman daftar order. Halaman ini berisi daftar order pembeli. Lalu klik lanjutkan Seperti gambar dibawah ini.

Gambar 5.5 Halaman Daftar Pesanan

Pembeli diminta untuk mengisikan data pembeli sesuai dengan kolom yang telah di sediakan. Tampilannya seperti gambar 5.6

Gambar 5.6 Halaman Data Pemesan

Setelah selesai mengisi data pembeli pilih menu simpan yang nantinya akan di bawa ke halaman nota pesanan. Lebih jelasnya lihat pada gambar 5.7.

Gambar 5.7 Halaman Nota Pesanan

Pada halaman ini pembeli di beritahukan mengenai jumlah nama barang yang di beli, harga, total barang yang di beli dan total pembayaran.

5.2.3 Hubungi Kami

Gambar 5.8 Halaman Hubungi Kami

Pada halaman Hubungi Kami pembeli dapat mengirimkan pesan atau komentar apa saja mengenai produk yang di jual.

5.2.4 Cara Belanja

Gambar 5.9 Cara Belanja

Cara belanja merupakan halaman yang digunakan untuk memberitahukan informasi tentang cara atau langkah- langkah yang harus dilakukan untuk belanja produk di Manfaat Cell secara online.

5.3 Halaman Admin 5.3.1 Login

Gambar 5.10 Halaman Login

5.3.2 Home

Gambar 5.11 Halaman Home

Halaman home administrator berisikan ucapan selamat datang kepada admin dan informasi sedikit tentang toko tersebut.

5.3.3 Setting Profil

Gambar 5.12 Halaman Setting Profil

Halaman setting profil berfungsi untuk pengaturan isi profil toko. Pada halaman ini juga admin dapat memuat kontak yang dapat dihubungi.

5.3.4 Setting Cara Belanja

Gambar 5.13 Setting Cara Berbelanja

Halaman setting cara belanja berfungsi untuk pengaturan cara belanja. Pada halaman ini admin menulis langkah- langkah cara belanja.

5.3.5 Kategori

Gambar 5.14 Halaman Kategori

5.3.6 Produk

Gambar 5.15 Halaman Produk

Menu Produk digunakan untuk mengisikan produk yang di jual. Dengan cara mengisikan data produk dengan memilih dahulu

kategorinya dan kemudian mengisikan nama produk, harga, stok dan gambar, dan detail produknya.

5.3.7 Data Pemesanan

Gambar 5.16 Halaman Data Pemesanan

Menu data pemesanan berisi data customer yang memesan produk.

5.3.8 Hubungi Kami

Gambar 5.17 Halaman Hubungi Kami

Halaman hubungi kami berfungsi untuk mengirimkan pesan kepada Admin

5.3.9 Admin

5.18 Halaman Admin

Halaman Admin berfungsi untuk mengganti password.

5.4 Implementasi Database

Dalam pembuatan E-commerce Manfaat Cell, terdapat beberapa tabel sebagai berikut :

5.4.1 Tabel Login

Gambar. 5.19 Tabel Login 5.4.2 Tabel Profil

Gambar. 5.20 Tabel Profil

5.4.3 Tabel Cara

Gambar. 5.21 Tabel Cara 5.4.4 Tabel Kategori

Gambar. 5.22 Tabel Kategori 5.4.5 Tabel Produk

Gambar. 5.23 Tabel Produk 5.4.6 Tabel Hubungi Kami

Gambar. 5.24 Tabel Hubungi Kami

5.4.7 Tabel Temp Pemesanan

Gambar. 5.25 Tabel Temp Pemesanan 5.4.8 Tabel Pemesanan

Gambar. 5.26 Tabel Pemesanan 5.4.9 Tabel Detail Pemesanan

Gambar. 5.27 Tabel Detail Pemesanan

5.5 Pengujian Sistem

Pengujian pada dasarnya adalah menemukan serta menghilangkan bug (kesalahan-kesalahan) yang ada di dalam sistem/perangkat lunak.

Metode yang digunakan dalam pengujian validasi pada tugas akhir ini adalah metode black-box dan white-box.

5.5.1 Pengujian Black Box

Pada pengujian black-box tidak perlu tahu apa yang sesungguhnya terjadi dalam sistem/perangkat lunak. Di dalam black-box, item- item yang diuji dianggap "gelap" karena logikanya tidak diketahui, yang diketahui hanya apa yang masuk dan apa yang keluar dari kotak hitam. Yang diuji adalah masukan serta keluarannya artinya dengan berbagai masukan yang diberikan, apakah sistem/perangkat lunak memberikan keluaran seperti yang diharapkan.

Pada pengujian black-box ini kasus-kasus pengujian yaitu pengujian login didasarkan pada spesifikasi kebutuhan sistem dimana masukan dan keluaran didefinisikan dari program yang dibuat.

Tabel 5.1 Tabel Pengujian Admin

Kelas Uji Butir Uji Hasil Uji

Login

Isi data login Berhasil

Validasi Username dan password

Berhasil

Setting Profil

Ubah data pada halaman setting profil

Berhasil Simpan data setting profil Berhasil

Setting Cara Berbelanja

Ubah data pada halaman setting cara berbelanja

Berhasil Simpan data setting cara

bebelanja

Berhasil

Kategori Tambah kategori Berhasil

Simpan kategori Berhasil

Hapus kategori Berhasil

Produk

Tambah Produk Berhasil

Simpan Produk Berhasil

Hapaus Produk Berhasil

Data Pemesanan

Edit status pesanan Berhasil

Hapus pesanan Berhasil

Hubungi Kami Hapus pesan Berhasil

Admin

Ubah Password pada halaman Admin

Berhasil

Simpan Password Berhasil

Logout

Keluar Dari Sistem sebagai Admin

Berhasil

Tabel 5.2 Hasil Pengujian Aplikasi Customer

Kelas Uji Butir Uji Hasil

Pengujian

Home Menampilkan menu home Berhasil

Produk Menampilkan menu Produk Berhasil

Pesan Menampilkan menu pesan Berhasil

Kategori Menampilkan kategori Berhasil

Detail produk Menampilkan detail produk Berhasil Komentar Menampilkan komentar

konsumen

Berhasil Cara Berbelanja Menampilkan Cara Berbelanja Berhasil

5.5.2 Pengujian White Box

Untuk pengujian menggunakan metode white box adalah pengujian berbasis path. Dengan menggunakan basis path ini memungkinkan desainer test case mengukur kompleksitas logis dari desain procedural dan menggunakannya sebagai pedoman untuk menetapakan basis set dari setiap jalur eksekusi. Test case yang dilakukan menggunakan basis set yang menggunakan statement di dalam program paling tidak sekali selama pengujian. Berikut pengujian white box :

1. Flowchart Produk

Gambar 5.28 Flowchart Produk

<title>

<?php

include "../include/koneksi.php";

$qrystrk = "select * from tb_profil";

$resultk = mysql_query($qrystrk);

while ($row = mysql_fetch_array($resultk, MYSQL_BOTH)) { echo ".:: " . $row['nama_toko'] ." ::.";

}

mysql_free_result($resultk);

</title>

<!--[if lt IE 9]>

<![endif]-->

<h4>Produk</h4>

<br>

<form role="form" method="post" action="tambah_product.php"

enctype="multipart/form-data" >

<option value=""> ~ Pilih Kategori ~

<?php

$qrystrk = "select * from tb_kategori";

echo "<option value='$row[id_kategori]'>$row[nama_kategori]";

}

mysql_free_result($resultk);

</select>

</div>

</td>

</tr>

<tr>

<th width="200">NAMA PRODUK</th>

</td>

</tr>

echo "<tr>

<th width='100'>GAMBAR</th>

<td>

</div>

</td></tr>";

<tr>

<th width="200">HARGA</th>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<th width="200">DETAIL</th>

</div>

</td>

</tr>

</table>

<input type="submit" name="submit"value="SIMPAN"

<th bgcolor="#0099CC">NAMA PRODUCT</th>

<th bgcolor="#0099CC">GAMBAR</th>

<th bgcolor="#0099CC">HARGA</th>

Dalam dokumen E-COMMERCE HAND PHONE DI MANFAAT CELL MENGGUNAKAN PHP DAN MYSQL (Halaman 36-0)