47
33 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisa Kebutuhan Software A. Tahapan analisis Sebuah e-commerce adalah sistem penjualan secara online berbasis web dimana penjual dan pembeli tidak bertatap muka secara langsung. Calon pembeli melalui media browser. Berikut spesifikasi kebutuhan (system requirement) dari sistem e-commerce: User : A1. User dapat memilih barang A2. User dapat memilih barang berdasarkan kategori A3. User dapat melakukan pembelian A4. User dapat menambahkan produk ke keranjang belanja A5. User dapat login A6. User dapat melakukan checkout A6. User dapat melakukan konfirmasi bayar A7. User dapat logout Admin : B1. Admin dapat login B2. Admin dapat mengelola data kategori B3. Admin dapat mengelola data produk

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · Sebuah e-commerce adalah sistem penjualan secara online berbasis web ... 4 Alamat jenis_kelamin Varchar 255 ... Email Already Exist in

Embed Size (px)

Citation preview

33

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

A. Tahapan analisis

Sebuah e-commerce adalah sistem penjualan secara online berbasis web

dimana penjual dan pembeli tidak bertatap muka secara langsung. Calon pembeli

melalui media browser. Berikut spesifikasi kebutuhan (system requirement) dari

sistem e-commerce:

User :

A1. User dapat memilih barang

A2. User dapat memilih barang berdasarkan kategori

A3. User dapat melakukan pembelian

A4. User dapat menambahkan produk ke keranjang belanja

A5. User dapat login

A6. User dapat melakukan checkout

A6. User dapat melakukan konfirmasi bayar

A7. User dapat logout

Admin :

B1. Admin dapat login

B2. Admin dapat mengelola data kategori

B3. Admin dapat mengelola data produk

34

B4. Admin dapat mengelola data pembayaran

B5. Admin dapat mengelola data pesanan

B. Use Case Diagram

Use case diagram digunakan untuk menggambarkan apa yang seharusnya

dilakukan oleh sistem. Use case diagram bekerja dengan mendeskripsikan

interaksi antara pengguna dengan sistem itu sendiri melalui sebuah proses

bagaimana sistem itu dipakai.

1. Use case diagram pembelian user

Gambar IV.1 Use case Diagram Pembelian user

35

Tabel IV.1 Use Case diagram pembelian user:

Use Case Name Diagram pembelian user

Requirment A1-A7

Goal Apabila user ingin membeli barang

Per-Condition user telah memilih barang

Post-Conditons user menerima barang sesuai pesanan

Failed end condition membatalkan checkout. Kemungkinan

ingin menambah barang, atau membatalkan

pesanan

Primary Actors User

Main Flow 1. user memilih icon checkout

2. tampil rincian belanja

3. lanjutkan pemesanan

4. user login atau daftar jika belum registrasi

5. user melanjutkan ke order transaksi

6. tampil detail order

7. user melakukan pembayaran

Invariant A

2. Use case diagram Admin

Gambar IV.2. Use case Diagram Admin

36

Tabel IV.2 Use Case diagram Admin

Use Case Name Admin

Requirment B1-B7

Goal Admin

Pre-Conditions Admin melakukan login

Post-Conditons Jika berhasil login maka akan tampi di beranda admin

Failed end condition Login gagal jika email dan password salah

Primary Actors Admin

Main Flow 1. Admin melakukan login

2. Admin dapat melihat data product kategori, mendelete,

dan mengedit data

3. Admin dapat melihat data pemesanan mendelete, dan

mengedit data

4. Admin dapat melihat data konfirmasi bayar, mendelete,

mengedit, dan menambah

5. Admin dapat melihat laporan penjualan dan dapat

mencetak laporan

6. Admin dapat melihat laporan penjualan produk, dan

dapat mencetak laporan

7. Admin dapat logout

Invariant B

37

C. Activity Diagram

1. Activity diagram pembelian

Gambar IV.4. Activity Diagram diagram pembelian

38

2. Activity diagram Admin mengelola data produk

Gambar IV.5. Activity Diagram Admin Mengelola data produk

39

4.2. Desain

4.2.1. Database

Basis data (database) adalah kumpulan dari berbagai data yang saling

berhubungan satu dengan yang lain. Basis data tersimpan di perangkat keras, serta

dimanipukasi dengan menggunakan perangkat lunak. Pendefinisian basis data

meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau informasi

yang akan disimpan. Basis data merupakan salah satu komponen yang penting

dalam sistem informasi, karena merupakan basis yang menyediakan informasi

pada para pengguna. Penulis menggunakan tools untuk database yaitu ERD

(Entity Relationship Diagram) dan LRS (Logical Record Struktur) untuk

mendisain yaitu menggunakan UML (Unifield Modeling Language).

1. ERD (Entity Relationship Diagram)

ERD ini fungsinya untuk menggambarkam model database yang dipakai.

Model database yang digunakan adalah database relasional, dimana setiap

entitas saling berhubungan dengan entitas lain. Entitas dan hubungan yang

digambarkan tersebut nantinya akan dipakai untuk merancang basis data sistem

penjualan. Berikut adalah ERD sistem yang diusulkan :

40

Gambar IV.13. ERD

41

2. LRS (Logical Record Structure)

Gambar IV.14. LRS

42

3. Spesifikasi File

1. Tabel Admin

Tabel ini berguna untuk menyimpan data administrator.

Tabel IV.4 Tabel Admin

No Elemen Data Akronim Type Width Keterangan

1 Id Id int 11 primary key

2 Username Username varchar 16

3 Password Password varchar 40

4 Sid Sid varchar 255

Spesifikasi File Admin

Nama database : Yusra

Nama file : Admin

Akronim : Admin.MYD

Tipe file : File Master

Akses file : Random

Panjang record : 322 Byte

Kunci field : id

2. Tabel Produk

Tabel ini berfungsi menyimpan produk

Tabel IV.5 Tabel Produk

No Elemen Data Akronim Type Width Keterangan

1 Id Id int 11 primary key

2 Name Name varchar 255

Spesifikasi File kategori

Nama database : Yusra

43

Nama file : kategori

Akronim : kategori.MYD

Tipe file : File Master

Akses file : Random

Panjang record : 266 Byte

Kunci field : id

3. Tabel User

Tabel ini berfungsi menyimpan data user

Tabel IV.6 Tabel User

No Elemen Data Akronim Type Width Keterangan

1 Id Id int 11 primary key

2 Name name varchar 255

3 No_hp No_hp Varchar 255

4 Alamat jenis_kelamin Varchar 255

5 Email Email varchar 255

6 password password varchar 255

7 Kota Kota varchar 255

Spesifikasi File member

Nama database : Yusra

Nama file : user

Akronim : user.MYD

Tipe file : File Master

Akses file : Random

Panjang record : 1541 Byte

Kunci field : id

44

4.2.2. Software Architecture

A. Component Diagram

Component diagram merepresentasikan dunia rill item yaitu component

software. Component software menetap di komputer bukan di benak para analis.

Berikut gambarnya :

Gambar IV.15 Component Diagram

B. Deployment Diagram

Deployment diagram menyediakan bagaimana sistem secara fisik akan

terlihat. Sistem terdiri dari node-node dimana sebuah node diwakili oleh sebuah

kubus. Garis yang menghubungkan anatar dua kubus dan menunjukkan hubungan

diantara kedua node tersebut. Berikut gambarannya :

Website Yushra Fashion

Xampp

PHP

Jquery.js

Style.css

MySQL

45

Gambar IV.16. Deployment Diagram

4.2.3. User Interface

Website yang dinamis memiliki tampilan frontend dan backend. Frontend

adlah halama utama yang dapat diakses oleh pengunjung, sedangkan halaman

backend adalah halaman kontrol yang mengatur konten dari halaman utama dan

hanya dapat diakses oleh admin website. Berikut tampilan frontend dan backend

dari website yusra fashion :

Web server

Database server

Client PC

WebsiteYushraFashion

Jquery.js

Style.css Xampp

MySQL

Browser

Windows 7

yushra database

46

1. Halaman Beranda

Halaman index user merupakan homepage dari situs ini. Ada beberapa

navigasi beranda, semua produk, tentang kami, cara pemesanan, dan hubungi

kami. Dalamhalaman beranda ini user dapat melihat kategori produk, cara

pembelian dan pembayaran, memilih produk dan mengirim pesan kepada admin

melalui fasilitas hubungi kami.

Gambar IV.17 Tampilan Halaman Beranda

47

2. Halaman semua produk

Pada halaman ini pengunjung dapat melihat semua produk yang ada di

website toko Yusra fashion dan melakukan pembelian.

Gambar IV.18 Tampilan Halaman Semua Produk

3. Halaman daftar akun

Di halaman ini pengunjung dapat membuat akun baru untuk membeli produk

di toko Yusra fashion.

48

Gambar IV.19 Tampilan Halaman daftar akun

49

4. Halaman detail barang

Di halaman ini pengunjung dapat melihat detail barang pada website toko

Yusra fashion.

Gambar IV.20 Tampilan Halaman Detail Barang

50

5. Halaman login

Di halaman ini pengunjung dapat login dengan memasukan email dan

password.

Gambar IV.21 Tampilan Halaman Login

6. Halaman login admin

Halaman ini adalah halaman security sebelum masuk ke backend admin.

Gambar IV.22 Tampilan Halaman Login Admin

51

7. Halaman beranda admin

Halaman ini adalah halaman untuk mengelola konten, transaksi dan laporan.

Gambar IV.23 Tampilan Halaman Beranda admin

8. Halaman data bank

Halaman ini adalah halaman data bank pemilik toko dimana pembeli akan

melakukan pembayaran ke nomor rekening pemilik toko.

Gambar IV.24 Tampilan Halaman Data Bank

52

9. Halaman product category

Halaman ini adalah halaman untuk mengelola produk kategori yang ada di toko

Yusra Fashion.

Gambar IV.25 Tampilan Halaman Product Category

10. Halaman Produk

Halaman ini adalah halaman untuk menambah, mengedit dan menghapus

produk yang ada di toko Diva Parfum.

Gambar IV.26 Tampilan Halaman Data Produk

53

11. Halaman data order

Di halaman ini admin dapat melihat dan mengelola order yang masuk di

toko Yusra Fashion.

Gambar IV.27 Tampilan Halaman Data Order

12. Halaman konfirmasi bayar

Di halaman ini admin dapat melihat dan mengelola konfirmasi bayar yang

masuk di toko Yusra Fashion.

54

Gambar IV.28 Tampilan Halaman Konfirmasi Bayar

13. Halaman order penjualan

Di halaman ini admin dapat melihat order penjualan yang ada di Toko

Diva Parfum. Baik yang pending maupun yang status nya sudah completed

55

Gambar IV.29 Tampilan Halaman Order Penjualan

14. Halaman penjualan product

Di halaman ini admin dapat melihat penjualan yang terjadii Toko Diva

Parfum yang status nya sudah completed.

56

Gambar IV.30 Tampilan Halaman Penjualan Product

4.3. Code Generation

1. Register Member

<?php

include('include-global.php');

$titleofme = "$basetitle - Sign Up";

include('include-styles.php');

echo '</head>

<body class="cms-index-index cms-home-page">';

include('include-header.php');

include('include-navbar.php');

?>

<!-- Main Container -->

<section class="main-container col1-layout bounceInUp animated">

57

<div class="main container">

<div class="account-login">

<fieldset class="col2-set">

<div class="col-md-6 col-md-offset-3">

<h1>Daftar Akun Baru</h1>

<div class="content">

<?php

if($_POST)

{

$name = mysql_real_escape_string($_POST["name"]);

$alamat = mysql_real_escape_string($_POST["address"]);

$no_hp = mysql_real_escape_string($_POST["mobile"]);

$email = mysql_real_escape_string($_POST["email"]);

$password = mysql_real_escape_string($_POST["password"]);

$password2 = mysql_real_escape_string($_POST["password2"]);

$err1=0;

$err2=0;

$err3=0;

$err4=0;

$err5=0;

$err6=0;

$err7=0;

$err8=0;

if(trim($name)=="")

{

$err1=1;

}

if(trim($alamat)=="")

{

$err2=1;

}

if(trim($no_hp)=="")

58

{

$err3=1;

}

if(trim($email)=="")

{

$err4=1;

}

if($password!=$password2)

{

$err5=1;

}

if(strlen($password)<="4")

{

$err6=1;

}

$eee = mysql_fetch_array(mysql_query("SELECT COUNT(*) FROM

users WHERE email='".$email."'"));

if($eee[0]>="1")

{

$err7=1;

}

$error = $err1+$err2+$err3+$err4+$err5+$err6+$err7+$err8;

if ($error == 0){

$passmd = md5($password);

$res = mysql_query("INSERT INTO users SET name='".$name."',

no_hp='".$no_hp."', alamat='".$alamat."', email='".$email."',

pass='".$passmd."'");

if($res){

echo "<div class=\"alert alert-success alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Pendaftaran Berhasil!

59

</div>";

}else{

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Some Problem Occurs, Please Try Again.

</div>";

}

} else {

if ($err1 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Nama Tidak Boleh Kosong!!!

</div>";

}

if ($err2 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Alamat Tidak Boleh Kosong!!!

</div>";

}

if ($err3 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Nomor HP Tidak Boleh Kosong!!!

</div>";

}

if ($err4 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

60

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Email Can Not be Empty!!!

</div>";

}

if ($err5 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Password and Confirm Password not match!!!

</div>";

}

if ($err6 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Password must be minimum 5 Char!!!

</div>";

}

if ($err7 == 1){

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

Email Already Exist in our database... Please Use another Email!!

</div>";

}

}

}

?>

<form action="" method="post">

<ul class="form-list">

<li>

61

<label for="email">Nama <span

class="required">*</span></label>

<br>

<input type="text" title="Nama Lengkap" class="input-text"

required="" name="name">

</li>

<li>

<label for="email">Alamat <span

class="required">*</span></label>

<br>

<input type="text" title="Alamat" class="input-text" required=""

name="address">

</li>

<li>

<label for="email">Nomor Handphone <span

class="required">*</span></label>

<br>

<input type="text" title="Nomor Handphone" class="input-text"

required="" name="mobile">

</li>

<li>

<label for="email">Alamat E-Mail <span

class="required">*</span></label>

<br>

<input type="text" title="Email" class="input-text" id="email"

required="" name="email">

</li>

<li>

<label for="pass">Kata Sandi <span

class="required">*</span></label>

62

<br>

<input type="password" title="Password" class="input-text"

required="" name="password">

</li>

<li>

<label for="pass">Masukan Ulang Kata Sandi <span

class="required">*</span></label>

<br>

<input type="password" title="Retype Password " class="input-

text" required="" name="password2">

</li>

</ul>

<div class="buttons-set">

<button type="submit" class="button create-account"><span>Buat

Baru</span></button>

<a href="<?php echo "$baseurl/signin"; ?>" class="btn btn-primary

btn-xs pull-right">Masuk</a>

</form>

</div>

</div>

</fieldset>

</div>

<br>

<br>

<br>

<br>

<br>

</div>

</section>

<!-- Main Container End -->

<?php

include('include-footer.php');

63

?>

</body>

</html>

2. Login Member

<?php

include('include-global.php');

$titleofme = "$basetitle - Sign In";

include('include-styles.php');

echo '</head>

<body class="cms-index-index cms-home-page">';

include('include-header.php');

include('include-navbar.php');

?>

<!-- Main Container -->

<section class="main-container col1-layout bounceInUp animated">

<div class="main container">

<div class="account-login">

<fieldset class="col2-set">

<div class="col-md-6 col-md-offset-3">

<h1>Silahkan Masuk Kedalam Akun Kamu</h1>

<div class="content">

<?php

if($_POST)

{

$email = mysql_real_escape_string($_POST["email"]);

$password = mysql_real_escape_string($_POST["password"]);

$passmd = md5($password);

$grant = mysql_fetch_array(mysql_query("SELECT COUNT(*) FROM

users WHERE email='".$email."' AND pass='".$passmd."'"));

if($grant[0]==1){

//---------------------------->>>>>>>>>>>LOGIN

64

$_SESSION['email'] = $email;

$uu = $email;

$tm = time();

$un = uniqid();

$si = "$uu$tm$un";

$sid = md5($si);

$_SESSION['sid'] = $sid;

mysql_query("UPDATE users SET sid='".$sid."' WHERE

email='".$uu."'");

echo "<meta http-equiv=\"refresh\" content=\"0; url=$baseurl/dashboard\"

/>";

redirect("$baseurl/dashboard");

//---------------------------->>>>>>>>>>>LOGIN

}else{

echo "<div class=\"alert alert-danger alert-dismissable\">

<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-

hidden=\"true\">&times;</button>

WRONG Email and Password Combination !

</div>";

}

}

?>

<form action="" method="post">

<ul class="form-list">

<li>

<label for="email">Alamat E-mail <span

class="required">*</span></label>

<br>

<input type="text" title="Email Address" class="input-text"

id="email" required="" name="email">

</li>

65

<li>

<label for="pass">Kata Sandi <span

class="required">*</span></label>

<br>

<input type="password" title="Password" class="input-text"

required="" name="password">

</li>

</ul>

<div class="buttons-set">

<button type="submit" class="button

login"><span>Masuk</span></button>

<a href="<?php echo "$baseurl/signup"; ?>" class="btn btn-primary

btn-xs pull-right">Daftar Baru</a>

</form>

</div>

</div>

</fieldset>

</div>

<br>

<br>

<br>

<br>

<br>

</div>

</section>

66

<!-- Main Container End -->

<?php

include('include-footer.php');

?>

</body>

</html>

3. Chart

<?php

include('include-global.php');

$titleofme = "$basetitle";

include('include-styles.php');

echo '</head>

<body class="cms-index-index cms-home-page">';

include('include-header.php');

include('include-navbar.php');

?>

<!-- Main Container -->

<section class="main-container col1-layout wow bounceInUp

animated">

<div class="main container">

67

<div class="col-main">

<div class="cart">

<div class="page-title">

<h2>Shopping Cart</h2>

</div>

<div class="table-responsive">

<form method="post" action="#">

<input type="hidden" value="Vwww7itR3zQFe86m"

name="form_key">

<fieldset>

<table class="data-table cart-table" id="shopping-cart-table">

<thead>

<tr class="first last">

<th rowspan="1">&nbsp;</th>

<th rowspan="1"><span class="nobr">Product

Name</span></th>

<th colspan="1" class="a-center"><span class="nobr">Unit

Price</span></th>

<th class="a-center " rowspan="1">Qty</th>

<th colspan="1" class="a-center">Subtotal</th>

<th class="a-center" rowspan="1">&nbsp;</th>

</tr>

</thead>

<tfoot>

<tr class="first last">

<td class="a-right last" colspan="8">

<a href="<?php echo $baseurl; ?>/checkout">

<button class="button btn-continue" title="Continue Shopping"

type="button"><span>Checkout</span></button></a>

68

<button id="empty_cart_button" class="button"

title="Clear Cart" value="empty_cart" name="update_cart_action"

type="submit"><span>Clear Cart</span></button></td>

</tr>

</tfoot>

<tbody>

<?php

$i=1;

$ddaa = mysql_query("SELECT pid, qty, rraate, id FROM carrrt WHERE

code='".$unique."' ORDER BY id");

echo mysql_error();

while ($data = mysql_fetch_array($ddaa))

{

$ppp = mysql_fetch_array(mysql_query("SELECT name, img FROM

products WHERE id='".$data[0]."'"));

$ttl = $data[2]*$data[1];

$um = urlmod($ppp[0]);

$urrl = "$baseurl/product/$data[0]/$um";

?>

<tr id="row<?php echo $i;?>">

<td class="image">

<a class="product-image" title="<?php echo $ppp[0]; ?>"

href="<?php echo $urrl; ?>">

<img width="75" alt="<?php echo $ppp[0]; ?>" src="<?php

echo "$baseurl/productimages/$ppp[1]";?>"></a>

</td>

69

<td><h2 class="product-name"> <a href="<?php echo $urrl;

?>"><?php echo $ppp[0];?></a> </h2></td>

<td class="a-center hidden-table"><span class="cart-price">

<span class="price"><?php echo $data[2]; ?></span> </span></td>

<td class="a-center movewishlist">

<div class="add-to-cart">

<div class="pull-left">

<div class="custom pull-left">

<button id="btnminus<?php echo $i;?>" onClick="var

result = document.getElementById('qty<?php echo $i;?>'); var qty =

result.value; if( !isNaN( qty ) &amp;&amp; qty &gt; 1 ) result.value--

;return false;" class="reduced items-count" type="button"><i class="icon-

minus">&nbsp;</i></button>

<input type="text" id="qty<?php echo $i;?>" class="input-

text qty" title="Qty" disabled="" value="<?php echo $data[1]; ?>"

maxlength="12" id="qty<?php echo $i;?>" name="qty">

<button id="btnplus<?php echo $i;?>" onClick="var result

= document.getElementById('qty<?php echo $i;?>'); var qty =

result.value; if( !isNaN( qty )) result.value++;return false;" class="increase

items-count" type="button"><i class="icon-plus">&nbsp;</i></button>

</div>

</div>

<input type="hidden" id="id" name="id" value="<?php echo $iidd; ?>">

<input type="hidden" id="unique" name="unique" value="<?php echo

$unique; ?>">

</div>

70

</td>

<td class="a-center movewishlist"><span class="cart-

price"> <span id="chk<?php echo $i;?>" class="price"><?php echo $ttl;

?></span> </span></td>

<td class="a-center last"><a id="btnrmv<?php echo $i;?>"

class="button remove-item" title="Remove item"

href="#"><span><span>Remove item</span></span></a></td>

</tr>

<script>

$(document).ready(function() {

$("#btnplus<?php echo $i;?>").click(function() {

$.post(

"<?php echo $baseurl;?>/api-cart-update.php",

{

unique: "<?php echo $unique;?>",

cccid: "<?php echo $data[3];?>",

act: "plus"

},

function(data) {

$('#chk<?php echo $i;?>').html(data);

71

}

);

});

$("#btnminus<?php echo $i;?>").click(function() {

$.post(

"<?php echo $baseurl;?>/api-cart-update.php",

{

unique: "<?php echo $unique;?>",

cccid: "<?php echo $data[3];?>",

act: "minus"

},

function(data) {

$('#chk<?php echo $i;?>').html(data);

}

);

});

$("#btnrmv<?php echo $i;?>").click(function() {

72

$.post(

"<?php echo $baseurl;?>/api-cart-remove.php",

{

unique: "<?php echo $unique;?>",

cccid: "<?php echo $data[3];?>"

},

function(data) {

$('#row<?php echo $i;?>').fadeOut('slow');

}

);

});

});

</script>

<?php

$i++;

}

?>

</tbody>

</table>

</fieldset>

</form>

</div>

<!--cart-collaterals-->

73

</div>

</div>

</div>

</section>

<?php

include('include-footer.php');

?>

</body>

</html>

4.4. Testing

A. Form Login Customer

Tabel IV.13 Form Login Customer

No Skema Pengujian Test Case Hasil Yang

Diharapkan

Hasil Pengujia

n

Kesimpulan

1

E mail dan password tidak diisi kemudian

klik tombol login

E mail:kosong, password:kosong

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

2

Email diisi dan password kosong

kemudian klik tombol login

E mail:aldilahputri

@yahoo.com password:kosong

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

3

E mail kosong dan password diisi kemudian klik tombol login

E mail:kosong password:123456

7

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

4

E mail dan password diisi dengan benar kemudian klik tombol login

E mail:aldilahputri

@yahoo.com password:123456

7

sistem menerima akses login

sesuai harapan

Valid

74

B. Form Register member

Tabel IV.14 Form Register member

No

Skema Pengujian Test Case Hasil Yang

Diharapkan

Hasil Penguji

an

Kesimpulan

1

nama, no. Telepon, email, alamat, username, dan

password kosong kemudian klik daftar

sekarang

nama, no. Telepon, email,

alamat, username, dan password

kosong

sistem akan menolak akses member dan menampilkan this fields is

required

sesuai harapa

n Valid

2 satu field kosong

walaupun selebihnya diisi

satu field kosong walaupun

selebihnya diisi

sistem akan menolak akses member dan menampilkan

this is a required fields

pada field yang kosong

sesuai harapa

n Valid

3

mengetikkan nama, no. Telepon, email, alamat, username,

dan password kemudian klik daftar

sekarang

nama=aldilah putri, no.

Telepon=089674119252,

[email protected],

alamat=komplek griya bintara indah,

username=dilah, password=1234567

sistem akan menerima

pendaftaran member

sesuai harapa

n Valid

C. Form keranjang belanja

Tabel IV.15 Form keranjang belanja

No Skema Pengujian Test Case

Hasil Yang Diharapkan

Hasil Pengujian

Kesimpulan

75

1

apabila member ingin

menambahkan jumlah belanja

klik update chart

qty = 3

sistem akan menambahkan

keranjang belanja dan menampilkan order baru yang

sudah update

sesuai harapan

Valid

D. Form Login Admin

Tabel IV.16 Form Login Admin

No Skema

Pengujian Test Case

Hasil Yang Diharapkan

Hasil Pengujian

Kesimpulan

1

username dan

password tidak diisi kemudian

klik tombol login

username:kosong, password:kosong

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

2

username diisi dan

password kosong

kemudian klik tombol

login

username: admin password:kosong

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

3

username kosong dan password

diisi kemudian

klik tombol login

username:kosong password:admin

sistem akan menolak akses member dan menampilkan

this is a required fields

sesuai harapan

Valid

4

username dan

password diisi dengan

benar kemudian

klik tombol

username: admin password:admin

sistem menerima akses

login

sesuai harapan

Valid

76

login

4.5. Support

4.5.1. Publikasi Web

Hal utama dalam mempuliksaikan web adalah mencari layanan hosting yang

bagus dan bisa support 24 jam. Kemudian pesan paket yang tersedia dan domain

nya. Domain dan hosting mempunyai pengertian masing – masing :

1. Nama domain

Nama doain (domain name) adalah nama unik yang diberikan untuk

mengidentifikasi nama server komputer seperti web server atau email server di

jaringan komputer atau internet. Nama domain berfungsi untuk mempermudah

pengguna di internet pada saat melaukan akses ke server, selain juga dipakai

untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan

angka yang rumit yang dikenal sebagai IP adress. Nama domain ini dikenal juga

sebagai sebuah kesatuan dari sebuah situs web seperti contohnya

www.rajaweb.com. Nama domain disebut juga dengan URL, atau alamat website.

Untuk itu nama domain sebaiknya berbentuk IP atau bisa didaftarkan sesuai

kebutuhan.

2. Spesifikasi hosting dan analisa biaya

Hosting adalah jasa layanan internet yang menyediakan server-server untuk

disewakan sehingga memungkinkan organisasi atau individu menemptkan

informasi di internet. Kapasitas hosting yang ditawarkan sangat beragam. Melihat

kebutuhan storage database web ini tidak terlalu besar maka kemungkinan

77

kapasitas yang diambil adalah 2000 MB. Untuk analisa biaya perusahaan atau

individu harus membayar nama domain dan biaya hosting. Kedua biaya tersebut

tergantung pada hosting yang dipilih.

4.5.2. Spesifikasi Hardware dan Software

secara umum suatu sistem dikatakan berhasil digunakan jika didukung

dengan tiga unsur utama yaitu hardware, software brainware. Perangkat keras

(hardware)merupakan itilah untuk mendeskripsikan elemen elektronik dan

mekanik komputer. Komputer sendiri dapat membentuk sistemnya menjadi empat

komponen yaitu input unit, storage, cpu dan output.

Perangkat lunak (software) merupakan komponen data pocessing sistem

berupa program-program dan teknik lain untuk mengotrol sistem serta digunakan

untuk mendeskripsikan program pada sistem kompuer.

a. Spesifikasi Hardware

Adapun perangkat keras minimal diperlukan server adalah :

Processor : Pentium IV. 2,4 Ghz

Memori (RAM) : 2GB (DDRAM)

Monitor : SVGA colour 15”

Drive : DVD / CD RW

Harddisk : 80 GB

Keyboard : 107 Keys

Mouse : Optical mouse

78

Printer : Epson

Adapun perangkat keras minimal yang diperlukan client adalah :

Processor : Pentium III.800 Mhz

Memori (RAM) : 256 MB (DDRAM)

Monitor : SVGA colour 15”

Drive : DVD / CD RW

Harddisk : 40 GB

Keyboard : 107 Keys

Mouse : Optical mouse

Printer : Epson

b. Spesifikasi Software

Perangkat lunak atau software adalah serangkaian unsur – unsur yang

terdiri dari beberapa perangkat lunak program komputer yang digunakan untuk

membantu proses kerja user. Pemakaian komputer tidak terlepas dari penggunaan

software sebagai sarana pendukung program yang dibuat.

Adapun perangkat lunak minimal yang diperlukan server adalah :

Sistem Operasi : Windows 7

Bahasa pemograman : PHP

Interpreter : PHP 5.2.6

Database Server : MySql Server Versi 5.0 51b

79

Web Server : Apache Versi 2.0 (windows)

Keyboard : 107 Keys

Database Tools : PhpMyadmin versi 2.1.1.7

Adapun perangkat lunak minimal yang diperlukan client adalah :

Sistem Operasi : Windows XP

Browser : Mozila Firefox 3.01

4.6. Spesifikasi dokumen dan usulan

Dokumen sistem usulan merupakan bentuk dokumen yang terlibat dengan

sistem yang sudah dibuat. Berikut spesifikasinya :

a. Nama : Laporan Order Penjualan

Fungsi : Sebagai Laporan Penjualan

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap Terjadi Order Yang Masuk

Format : Lampiran B.1

b. Nama : Laporan Penjualan Produk

Fungsi : Sebagai Laporan Penjualan

Sumber : Admin

Tujuan : Admin

Frekuensi : Setiap Terjadi Transaksi Penjualan

Format : Lampiran B.2