Class Diagram - Perancangan Sistem - PERENCANAAN DAN ANALISA PERANCANAGAN

BAB IV PERENCANAAN DAN ANALISA PERANCANAGAN

4.2 Perancangan Sistem

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>

$sql = "select * from tb_produK" ;

$qr = mysql_query ($sql);

while ($row = mysql_fetch_array ($qr))

{

<tr>

<td><img src="../img/product/<?=$row['gambar']?>"

width="80" height="50" /></td>

<td><a

href="master-produk-edit.php?id_product=<?=$row['id_produk']?>" style="color: black"><img src="images/b_edit.png" title='EDIT'></img>

href='hapus_product.php?id_product=<?=$row['id_produk']?>&gambar=<?=$row['gamb ar']?>' onclick = "return confirm ('apakah anda yakin ingin menghapusnya?')"><img src="images/b_drop.png" title='HAPUS'></img></td>

</tr>

<?php

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

$fm_tanggal = date('mY');

$query = "DELETE FROM tb_produk WHERE id_produk='$_GET[id_product]'";

$jalan = mysql_query($query);

$file = "../img/product/$_GET[gambar]";

if (!unlink($file)) {

echo ("Error deleting $file");

} else {

echo ("Deleted $file");

}

$panjang=$_POST['panjang'];

$harga=$_POST['harga'];

$stok=$_POST['stok'];

$detail=$_POST['detail'];

$today = date("Y-m-d");

while(list($key,$value) = each($_FILES['images']['name'])) {

if(!empty($value)) {

$filename = $value;

$filename=str_replace(" ","_",$filename);// Add _ inplace of blank space in file name, you can remove this line

$add = "../img/product/$filename";

$today = date("Y-m-d");

while(list($key,$value) = each($_FILES['images']['name'])) {

if(!empty($value)) {

$filename = $value;

$filename=str_replace(" ","_",$filename);// Add _ inplace of blank space in file name, you can remove this line

$add = "../img/product/$filename";

echo ("Error deleting $file");

} else {

echo ("Deleted $file");

}

echo "Gagal" ;

$query = "DELETE FROM tb_produk WHERE id_produk='$_GET[id_product]'";

$jalan = mysql_query($query);

$file = "../img/product/$_GET[gambar]";

if (!unlink($file)) {

echo ("Error deleting $file");

} else {

echo ("Deleted $file");

}

?><script type="text/javascript">window.location.href="master-produk.php"</script><?;

$today = date("Y-m-d");

while(list($key,$value) = each($_FILES['images']['name'])) {

if(!empty($value)) {

$filename = $value;

$filename=str_replace(" ","_ ",$filename);// Add _ inplace of blank space in file name, you can remove this line

$add = "../img/product/$filename";

<?php

session_start();

if(isset($_SESSION['userid'])) unset($_SESSION['userid']);

//echo " Berhasil Log Out, silahkan kembali kemenu <br--><a href=login.php>Login</a>"

header("location:index.php")

2. Notasi Diagram Alir

Gambar 5.29 Notasi Diagram Alir

3. Keterangan Gambar:

Node 1 : Start Node 2 : Produk Node 3 : Ubah Produk Node 4 : Hapus Produk

Node 5 : Tambah / simpan Produk 9

Tambah / simpan data Produk Log out

5. Kompleksitas Siklomatis (Pengukuran Kompleksitas) Pengukuran kompleksitas menggunakan rumus :

V(G) = E – N + 2 Dimana :

E = jumlah Edge grafik alir N = jumlah simpul grafik alir

Dari rumus tersebut didapat kompleksitasnya yaitu : V(G) = 11 – 9 + 2 = 4

sistem dikatakan sudah terbukti benar, dan karena kompleksitas siklomatis, region dan basis path adalah sama dengan 4, dan kurang dari 10 maka tergolong tidak kompleks.

Jadi kesimpulannya, hasil dari pengujian yang telah dilakukan telah membuktikan bahwa program telah bebas dari kesalahan logika.

5.7 Maintenance Sistem

Maintenance sistem diperlukan untuk mencegah kemungkinan sistem masih memiliki masalah selama pengujian sistem, selain itu karena adapatasi terhadap kebutuhan sehingga sistem harus diperbarui. Tahap operasi dan perawatan bertujuan untuk menjaga kualitas perangkat lunak.

Berikut langkah-langkah maintenance sistem yang dapat dilakukan : 1. Melakukan pemeriksaan untuk melakukan seberapa baik sistem.

2. Melakukan perbaikan jika sistem terdapat kesalahan (bug) dalam program atau kelemahan rancangan yang tidak terdeteksi saat tahap pengujian sistem.

3. Melakukan modifikasi terhadap sistem apabila terjadi potensi peningkatan sistem setelah sistem berjalan beberapa waktu.

4. Melakukan backup pada data secara berkala untuk menghindari adanya kehilangan atau kerusakan data.

71 BAB VI PENUTUP

6.1 Kesimpulan

Dari pembahasan bab-bab sebelumnya bisa diambil beberapa kesimpulan dari penelitian yang telah dilakukan pada MANFAAT CELL, sebagai berikut:

1. E-Commerce ini di bangun untuk menggantikan sistem yang lama yaitu penjualan dengan cara manual.

2. Aplikasi ini diharapkan dapat mempersingkat ruang dan waktu dalam berbelanja tanpa harus bertatap muka antara penjual dan pembeli.

3. Pengelola Manfaat Cell lebih mudah memonitoring stok produk serta bisa berinteraksi dengan konsumen lewat pesan-pesan yang dikirim.

6.2 Saran

Penulis memberikan saran-saran yang mungkin dapat dijadikan perhatian serta masukan nantinya, diantaranya :

1. Perlu adanya pelatihan untuk operator/admin yang menjalankan E-Commerce ini.

2. Dibutuhkan tenaga ahli untuk merawat sistem ini dengan baik dan teratur serta peningkatan sumber daya manusia yang ada, hal ini dilakukan sebagai upaya untuk meningkatkan kemampuan sistem.

3. Pihak pengelola lebih memperhatikan saran dan kritik yang diberikan oleh konsumen.

Aditya, Alan Nur, 2010, Jago PHP & MySQL Dalam Hitungan Menit, Dunia Komputer, Bekasi.

Anhar, 2010, Panduan Menguasai PHP & Mysql Secara Otodidak , Mediakita, Jakarta.

Hidayat, Rahmat, 2010, Cara Praktis Membangun Website Gratis, PT.

Elex Media Komputindo, Jakarta.

Ian Sommerville, 2011, Software Engineering 9^th ed. Massachusett, Pearson Education, Boston.

Nugroho, Adi, 2010, Rasional Rose Untuk Pemodelan Berorientasi Objek, Informatika, Bandung.

Raharjo, Budi, 2011, Membuat Database Menggunakan MySql, Informatika, Bandung.

Riyanto, 2010, Membuat sendiri Sistem Informasi Penjualan dengan PHP dan MySQL atau E-Commerce, Gava Media, Yogyakarta.

S. Pressman, Roger, 2012, Rekayasa Perangkat Lunak, Penerbit

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