BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

46

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

Pembuatan aplikasi penjualan komputer secara online untuk memudahkan para konsumen dalam hal pencarian informasi produk dan informasi lainnya sehingga menghemat waktu maupun biaya yang biasa dikeluarkan oleh konsumen.

Sistem ini dapat kita akses melalui web browser. Berikut ini kebutuhan dari sistem yang penulis buat :

A. Use case Diagram

Diagram use case merupakan pemodelan untuk melakukan sistem informasi yang akan dibuat dan mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan kata lain use case diagram digunakan untuk mengetahui fungsi apa saja yang ada dalam sistem informasi penjualan dan instalasi komputer berbasis web di toko AINUL YAQIN KOMPUTER dan siapa yang berhak menggunakan fungsi tersebut.

1. Use Case Diagram Halaman Pengunjung

Gambar IV.1.Use Case Halaman Pengunjung

(2)

Tabel IV.1. Deskrispsi Use Case Diagram Halaman Pengunjung Nama Use Case Halaman Pengunjung

Persyaratan Member atau non member

Tujuan

Pengunjung dapat melihat semua informasi tentang semua produk maupun informasi lainnya yang tersedia di website.

Pra Kondisi

Pengunjung hanya bisa melihat informasi produk dan informasi lainnya.

Pasca Kondisi

1. Pengunjung dapat melakukan input penambahan jumlah transaksi produk pembelian, lanjut transaksi pembelian atau pembatalan transaksi pembelian produk.

2. Pengunjung dapat melihat hasil transaksi pembelian produk serta melakukan konfirmasi pembayaran dan cetak hasil transaksi pembelian produk.

Kondisi akhir gagal

Pengunjung dapat melakukan hapus jumlah pembelin serta pembatalan transaksi pembelian produk.

Aktor Utama Pengunjung

Arus Utama / Jalur Dasar

1. Pengunjung mengakses web ainul yaqin komputer.

2. Pengunjung melihat harga dan spesifikasi produk.

3. Pengunjung melakukan pemesanan produk secara online.

4. Pengunjung melakukan pemesanan jasa instalasi komputer ke tempat yang telah ditetapkan dari hasil transaksi oleh pengunjung.

5. Pengunjung melakukan registrasi pembayaran transaksi pembelian produk secara online.

(3)

2. Use Case Diagram Halaman Admin

Gambar IV.2.Use Case Halaman Admin

Tabel IV.2. Deskrispsi Use Case Diagram Halaman Admin

Nama Use Case Halaman Admin

Persyaratan Akses menjadi admin

Tujuan Admin dapat mengelola semua data yang ada di website.

Pra Kondisi Admin harus login dan memiliki akses sebagai admin.

Pasca Kondisi Admin dapat mengelola semua data website penjualan komputer.

Kondisi akhir gagal Validasi username dan password.

Aktor Utama Admin

Arus Utama / Jalur Dasar

1. Admin melakukan login

2. Admin dapat mengelola data kategori.

3. Admin dapat mengelola data admin.

4. Admin dapat mengelola daftar order masuk.

5. Admin dapat mengelola data produk.

6. Admin dapat mengelola data konfirmasi pembelian produk.

(4)

B. Activity Diagram

Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada sistem bukan apa yang di lakukan oleh aktor atau juga menggambarkan tentang aktifitas yang terjadi pada sistem dari pertama sampai akhir, diagram ini menunjukkan langkah – langkah dalam proses kerja sistem yang kita buat.

1. Activity Diagram Admin

Gambar IV. 3. Activity Diagram Admin

(5)

2. Activity Diagram Admin Kategori

Gambar IV. 4. Activity Diagram Admin Kategori 3. Activity Diagram Admin Produk

Gambar IV. 5. Activity Diagram Admin Produk

(6)

4. Activity Diagram Admin Order

Gambar IV. 6. Activity Diagram Admin Order 5. Activity Diagram Admin Konfirmasi

Gambar IV. 7. Activity Diagram Admin Konfirmasi

(7)

6. Activity Diagram Admin Info

Gambar IV. 8. Activity Diagram Admin Info 7. Activity Diagram Pengunjung

Gambar IV. 9. Activity Diagram Pengunjung

(8)

C. Class Diagram

Class diagram adalah model statis yang menggambarkan struktur dan deskripsi class serta hubungannya antara class. Class diagram mirip ER-Diagram pada perancangan database, bedanya pada ER-diagram tidak terdapat operasi/methode tapi hanya atribut. Class terdiri dari nama kelas, atribut dan operasi/methode.

1. Class Diagram Admin

Gambar IV. 10. Class Diagram Admin

(9)

2. Class Diagram Pengunjung

Gambar IV. 11. Class Diagram Pengunjung D. Squence Diagram

Sequence Diagram adalah salah satu dari diagram - diagram yang ada pada UML, sequence diagram ini adalah diagram yang menggambarkan kolaborasi dinamis antara sejumlah object. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara object. Sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Berikut rangakaian squennce diagram yang peneliti gambarkan didalam penjualan komputer berbasis web.

(10)

1. Squence Diagram Pengunjung

Gambar IV. 12. Squence Diagram Pengunjung

(11)

2. Squence Diagram Admin

Gambar IV. 13. Squence Diagram Admin 3. Squence Diagram Admin Kategori

Gambar IV. 14. Squence Diagram Admin Kategori

(12)

4. Squence Diagram Admin Produk

Gambar IV. 15. Squence Diagram Admin Produk 5. Squence Diagram Admin Data Order

Gambar IV. 16. Squence Diagram Admin Data Order

(13)

6. Squence Diagram Admin Konfirmasi

Gambar IV. 17. Squence Diagram Admin Konfirmasi 7. Squence Diagram Admin Info

Gambar IV. 18. Squence Diagram Admin Info

(14)

4.2. Desain

Pada tahap ini akan dijelaskan desain yang digunakan pada aplikasi penjualan komputer berbasis web yaitu desain database, desain software architecture, dan desain interface.

4.2.1. Database

Pada desain kali ini dimana penulis akan gambarkan rician ERD (Entity Relationship Diagram) tentang penjualan komputer berbasis web yang ada ditoko AINUL YAQIN KOMPUTER.

1. ERD (Entity Relationship Diagram)

Gambar IV. 19. Entity Relationship Diagram

(15)

2. LRS (Logical Record Structure)

Gambar IV. 20. Logical Record Structure Diagram 3. Spesifikasi Database File Sistem Usulan

Tabel IV. 3. Database Admin Web

No Elemen Data Nama

Field Type Size Keterangan

1 ID Admin id_admin Int 11 Primary Key

2 Nama User username Varchar 30

3 Password password Varchar 50

4 Nama nama Varchar 30

5 Telephone telepone Varchar 12

6 Jabatan jabatan Varchar 10

Tabel IV. 4. Database Anggota

No Elemen Data Nama Field Type Size Keterangan

1 ID Anggota id_anggota Int 11 Primary Key

2 Nama User username Varchar 30

(16)

3 Alamat alamat Text -

4 Email nama Varchar 20

5 Telephone telepone Varchar 12

6 Jenis Kelamin jenis_kelamin Varchar 10

7 Password password Varchar 50

Tabel IV. 5. Database Katagori

No Elemen Data Nama Field Type Size Keterangan 1 ID Kategori id_kategori Int 11 Primary Key

2 Nama Kategori nama Varchar 30

Tabel IV. 6. Database Order Masuk

1 ID Order id_order Int 11 Primary Key

2 Kode Order kode_order Varchar 30 3 Tanggal Order tanggal_order Date -

4 Jam Order jam_order Time -

5 Order Info order_info Text -

6 Status status Varchar 10

Tabel IV. 7. Database Konfirmasi

No Elemen Data Nama Field Type Size Keterangan 1 Kode Order kode_order Varchar 30 Foreign Key

2 Tanggal tanggal date -

3 Nama Pemilik nama_pemilik Varchar 30 4 Nama Bank nama_bank Varchar 10 5 Jumlah

Trnasfer jumlah_transfer Varchar 20 6 Alamat Kiim alamat_kirim Txt -

(17)

Tabel IV. 8. Database Info

No Elemen Data Nama

Field Type Size Keterangan

1 ID id Int 11 Primary Key

2 Judul judul Varchar 30

3 Tanggal tanggal Datetime -

4 Author author Varchar 30

5 Isi isi Text -

6 Kategori kategori Text -

7 Views views Int 11

Tabel IV. 9. Database Pembeli

No Elemen Data Nama Field Type Size Keterangan 1 Kode Order kode_order Varchar 30 Foreign

Key 2 Nama Pembeli nama_pembeli Varchar 30

3 Email Pembeli email_pembeli Varchar 20 4 Telephone

Pembeli

telepone_pembe

li Varchar 12

5 Alamat Pembeli alamat_pembeli Text - Tabel IV. 10. Database Produk

1 ID Produk id_produk Int 5 Primary Key

2 Kategori category Varchar 20

3 Nama Produk nama_produk Varchar 50

4 Deskripsi deskripsi Text -

5 Harga harga Double -

6 Stok stok Varchar 3

7 Views views Int 11

(18)

4.2.2. Software Architecture 1. Component Diagram

Gambar IV. 21. Component Diagram Sistem Informasi Penjualan 2. Deployment Diagram

Gambar IV. 22. Deployment Diagam Sistem Informasi Penjualan

(19)

4.2.3. User Interface

1. Tampilan Halaman Utama

Gambar IV.23.Halaman Utama

Halaman utama dari aplikasi sietem informasi penjualan komputer berbasis web ini merupakan halaman yang bisa diakses oleh pengunjung dan segala informasi yang ada dihalaman utama bisa dilihat oleh pengunjung. Dihalaman utama ini terdapat informasi-informasi diantaranya :

a. Informasi tentang kategori.

b. Informasi tentang produk c. Informasi tentang beranda d. Informasi tantang kontak

e. Informasi tentang transaksi pembelian produk

(20)

2. Tampilan Halaman Kategori

Gambar IV.24. Tampilan Halaman Kategori

Dihalaman list kategori terdapat jenis dari produk itu sendiri yaitu Pc/All In One, Laptop, Hardware, Software dan jasa instalasi.

3. Tampilan Produk

Gambar IV.25. Tampilan Produk

(21)

Dari gambar diatas terdapat informsi detail dari setiap produk yang dilihat oleh konsumen serta terdapat tombol untuk masuk ke transaksi pembelian produk.

4. Tampilan Halaman Detail Pembelian Produk

Gambar IV.26. Tampilan Detail Pembelian Produk

Gambar diatas adalah tampilan hasil pembelian produk serta terdapat beberapa pilihan lagi didalamnya yaitu input tambah jumlah produk, hapus kembali apabila tidak menginginkan lalu ada tombol selesai atau kembali bertransaksi.

Gambar IV.27. Tampilan Detail Pembelian Tambah Jumlah

Dari urian diatas menunjukan bahawa ada perbedaan dimana apabila konsumen menambahkan jumlah produk dikolom jumlah pembelian maka secara otomatis akan bertambah nilai dari subtotalnya.

(22)

Gambar IV.28. Tampilan Detail Pembelian Lanjut Transaksi

Gambar ini menunjukkan apabila konsumen masih ingin melakukan transaksi kembali pada tombol lanjut transaksi maka akan dialihkan ke bagian halaman produk setelah itu pilih produk itu sendiri lalu klik tombol tambah maka akan muncul detail pembelian produk dimana produk tersebut akan ditambahkan dengan produk sebelumnya.

5. Tampilan Halaman Registrasi Pembelian Produk

Gambar IV. 29. Halaman Registrasi Pembelian

(23)

Ini adalah form registrasi pembelian produk dan konsumen harus menginputkan sesuai dengan gambar diatas dan tidak boleh ada yang masih kosong pada kolom input data.

6. Tampilan Hasil Data Pembelian

Gambar IV.30. Tampilan Hasil Data Pembelian

Gambar diatas merupakan hasil dari penginputan registrasi pembelian produk oleh konsumen dan hasilnya seperti gambar dibbawah ini.

Gambar IV.31. Tampilan Cetak Struk Pembelian

(24)

7. Tampilan Halaman Login

Gambar IV. 32. Tampilan Login Admin

Gambar diatas adalah tampilan untuk login admin serta semua pengelolaan data yang ada diwebsite penjualan komputer ini hanya admin yang mempunyai akses untuk mengelolanya.

8. Tampilan Halaman Utama Admin

Gambar IV. 33. Tampilan Halaman Utama Admin

Segala data yang ada didalam halaman konsumen bisa dikelola melalui halaman admin ini dan tentunya untuk mengelola semua data website harus memiliki hak akses sebagai admin.

(25)

9. Tampilan Halaman Admin Kategori

Gambar IV. 34. Tampilan Halaman Admin Kategori

Semua data kategori tersimpan dihalaman admin kaegori dan disinilah proses untuk penambahan, edit dan penghapusan data kategori.

10. Tampilan Halaman Admin Produk

Gambar IV. 35. Tampilan Halaman Admin Produk

(26)

Semua produk yang ada dihalaman pengunjung semua datanya berada dihalaman admin produk serta untuk mengelolanya data produknya baik tambah, edit maupun hapus produk harus mempunyai akses sebagai admin.

11. Tampilan Halaman Data Admin

Gambar IV. 36. Tampilan Data Admin

Untuk penambahan anggota admin maka harus mengisi form yang sudah disediakan serta memilih jabatan seperti admin dan owner agar bisa mengakses semua data yang ada diwebsite penjualan.

4.3. Code Generation

Dalam pembuatan website penjualan komputer berbasis web penulis menggunakan bahasa pemrograman terstruktur, pada tahapan code generation penulis menampilkan listing code yang berkaitan dengan proses bisnis utama sistem penjualan online.

(27)

1. Deklarasi Variable Transaksi Pembelian

<?php

if($_SESSION['cart']) {

$checkout_cnt.= "<table cellspacing=0 cellpadding=0 id=\"checkout_fisrt\">";

$checkout_cnt.= "<tr>

<td><b>Kode Barang</td>

<td><b>Nama Barang</td>

<td><b>Gambar</b></td>

<td><b>Harga</b></td>

<td><b>Jumlah Pembelian</b></td>

<td><b>Subtotal</b></td>

<td colspan='2'><b>Pilihan</b></td>

</tr>";

Souce code yang diatas adalah variable untuk mengalihkan data produk ke dalam keranjang lalu data tersebut dimasukkan kedalam tabel pembelian ketika terjadinya transaksi pembelian produk.

foreach($_SESSION['cart'] as $product_id => $quantity){

$gambar ="<a href=\"gambar/".$product_id.".jpg\">

<img src=\"gambar/".$product_id.".jpg\" width=80 height=90 align=center border=1px </a>";

$sql = "SELECT * FROM produk WHERE id_produk = '".$product_id."'

";

$result = mysqli_query($conn,$sql);

Pada source code kali ini berfungsi untuk mendifinisikan isi keranjang dengan keterangan $product_id sebagai key dan $quantity sebagai valueSedangkan untuk mendapatkan nama, deskripsi, harga dari database tergantung penamaan implementasi database itu sendiri.

(28)

if(mysqli_num_rows($result) > 0) {

$no++;

while($dt_produk = mysqli_fetch_object($result)){

$name = $dt_produk->nama_produk;

$price = $dt_produk->harga;

if(!empty($_GET['jumbel'])){ $quantity = $_GET['jumbel']; } else{ $quantity = 1; }

$line_cost = $price * $quantity;

$total_quantity += $quantity;

$sql2= sprintf("SELECT * FROM ukuran ");

$result = mysql_query($conn,$sql2);

while($row=mysql_fetch_array($result)) { $ukuran=$row['nama'];}

Pada bagian souce code kali ini yaitu untuk menghitung total ($line_cost) dari harga ($price) * jumlah ($quantity) maka secara otomatis akan bertambah baik jumlah maupun harganya ketika input jumlah produk dilakukan.

$totalx += $line_cost;

$checkout_cnt.="

<form

method=\"post\"action=\"".$_SERVER['PHP_SELF']."?id=$product_id\">

<tr>";

$checkout_cnt.="<td>$no.</td><td>BR$kode</td><td>$name</td>";

$checkout_cnt.="<td>".$gambar."</td>";

$checkout_cnt.="<td><select><option>".$ukuran."</option><select></td>"

;

$checkout_cnt.="<td >".format_currency($price)."</td>";

$checkout_cnt.="<td><input type='text' id='texbox' size='2' maxlength='3'

onKeyPress='return HanyaAngka(event)' class=\"jumbel\"

value='".$quantity."' name='jumbel' ></td>";

$checkout_cnt.="<td>".format_currency($line_cost)."</td>";

$checkout_cnt.="<td class=\"num\">"."<a

href=\"$_SERVER[PHP_SELF]? action=remove&id=$product_id\"><input type='button' class='btnhps' value='X'></a></td>";

$checkout_cnt.="<td>"."<input alt=\"".$_SERVER['PHP_SELF']."?

id=$product_id&action=update&jumbel=\" type='button' class=\"btupdate btn2\" value='Update' ></td>";

(29)

$checkout_cnt.=""."<a href=\"$_SERVER[PHP_SELF]?action=empty\"

class=\"btnkrnjg\" onclick=\"return confirm('Yakin Akan dihapus?');\">

<input type='button' value='Kosongkan Keranjang' class='button- flat'></a>";

$info_belanja.="$name | $gambar | $price | $quantity | $line_cost \n";

$checkout_cnt.="</tr>";

}}}

$checkout_cnt.="<tr>";

$checkout_cnt.="<tr>

<td colspan=\"8\" class=\"num\"

align=\"center\">»TOTALBAYAR</td>";

$checkout_cnt.="<td>".format_currency($totalx)."</td>";

$checkout_cnt.="</tr>";

$info_belanja.="TOTAL= $total\n";

$checkout_cnt.="</table><br>";

echo $checkout_cnt;?>

Menghitung total dengan menambahkan subtotal ($line_cost) pada masing- masing produk dengan variable $total = $total + $line_cost. Lalu data tersebut akan ditampilkan kedalam tabel pembelian produk dengan keterangan outputnya Nama pembeli, Id produk, Kode barang, Nama barang, Gambar produk, Jumlah produk, Harga, Subtotal.

2. Deklarasi Variable Konfirmasi Pembayaran

<?php

if (!empty($_POST['act']) && $_POST['act']=="add"){

$cek = mysqli_query($conn,"SELECT * FROM daftar_order WHERE kode_order ='".$_POST['kode_order']."'");

$num_row = mysqli_num_rows($cek);

if (empty($_POST['kode_order'])) $err['kode_order']="<span class=\"err\">

Kode Order Tidak Boleh Kosong</span>\n";

if (empty($_POST['tanggal'])) $err['tanggal']="<span class=\"err\">

Tanggal Tidak Boleh Kosong</span>\n";

if (empty($_POST['nama_pemilik'])) $err['nama_pemilik']="<span class=\"err\">

Nama Pemilik Rekening Tidak Boleh Kosong.</span>\n";

if($_POST['nama_bank']=='pilih') $err['nama_bank']="<span class=\"err\">

(30)

Nama Bank Harus Dipilih</span>\n";

if (empty($_POST['jumlah_transfer'])) $err['jumlah_transfer']="<span class=\"err\">

Jumlah Transfer Tidak Boleh Kosong.</span>\n";

if (empty($_POST['alamat'])) $err['alamat']="<span class=\"err\">

Silahkan Lengkapi Alamat pengiriman barang Anda.</span>\n";

if (empty($_FILES['gambar']['name'])) $err['gambar']="<span class=\"err\">

Gambar Tidak Boleh Kososng</span>\n";

If ($_POST['sixletterscode'] <>

$_SESSION['6_letters_code'])$err['sixletterscode']="<span class=\"err\">

Validasi Yang Anda Masukkan Salah.</span>\n";

If (count($err)>0){

echo "<div id='notif2'>Data Yang Anda Masukkan Masih Ada Yang Salah, Silahkan Perbaiki, Terima Kasih</div>";

}else{

$sql_add="INSERT INTO konfirmasi (kode_order,tanggal, nama_pemilik, nama_bank, jumlah_transfer,alamat_kirim VALUES ( "

"'".$_POST['kode_order']."','".$_POST['tanggal']."',

'".$_POST['nama_pemilik']."', '".$_POST['nama_bank']."' '".$_POST['jumlah_transfer']."', ".$_POST['alamat']."') ";

@mysqli_query($conn,$sql_add);

if( !empty($_FILES['gambar']['name']) ){

$path = "gambar/";

$lastid=@mysqli_result(@mysqli_query("SELECT kode_order FROM konfirmasiORDER BY kode_order DESC LIMIT 0,1"),0,0);

$new_image_name = $lastid.".jpg";

$tmp = $_FILES['gambar']['tmp_name'];

move_uploaded_file($tmp, $path.$new_image_name);

}

echo'<script>alert("Terima Kasih Customer Service Kami Akan segera Menghubungi Saudara '.$_POST['nama_pemilik'].'");window.location

="index.php";</script>';

}}?>

Pada source code diatas berfungsi untuk membuat input registrasi pembayaran yang sudah terhubung dengan database order dan database pembeli, setiap variable diatas sudah disinkronisasikan dengan id masing-masing inputannya.

(31)

4.4. Testing

Pengujian yang digunakan untuk perangkat lunak kali ini baik dari segi spesifikasi fungsional tanpa menguji desain dan kode programnya menggunakan Black Box Testing. Pengujian dimaksudkan oleh peneliti yaitu untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.

1. Black Box Testing Halaman Login Admin

Tabel IV. 11. Pengujian Black Box Testing Halaman Login Admin

No Pengujian Test Hasil Hasil

Pengujian Ket

1

Mengosongkan username dan password kemudia klik tombol login

Username:

(kosong) Password:

(kosong)

Tidak akan bisa masuk ke halaman admin

Sesuai

harapan Valid

2

Mengisi usename dan password yang tidak sesuai

Username (benar) password (salah)

Sistem akan menolak dan menampilkan

“file Null”

Sesuai

harapan Valid

3

Mengisi

usename denan email dan password

Username (email) password (benar)

Sistem akan menolak dan menampilkan

“file Null”

Sesuai

harapan Valid

4

Mengisi username dan password dengan benar

Username (benar) password (benar)

Sukses Sesuai

harapan Valid

2. Black Box Testing Mengelola Data Admin

Tabel IV. 12. Pengujian Black Box Testing Mengelola Data Admin

Pengujian Ket 1 Mengelola data

kategori

Tambah() Edit() Hapus()

Sukses Sesuai

harapan Valid

(32)

2 Mengelola data produk

Sukses Sesuai

harapan Valid 3 Mengelola data

order masuk Hapus() Sukses Sesuai

konfirmasi Hapus() Sukses Sesuai harapan

Valid

5 Mengelola data info

Tambah() Sukses Sesuai harapan

Valid Edit()

Sistem tidak bisa update

Tidak sesuai harapan

disabled Hapus() Sukses Sesuai

admin

Sukses Sesuai

harapan Valid

3. Black Box Testing Halaman Transaksi Pengunjung

Tabel IV. 13. Pengujian Black Box Testing Halaman Transaksi Pengunjung

Pengujian Ket 1

Input tambah jumlah produk pembeli

Input jumlah Update()

Sukses Sesuia harapan

Valid

2 Hapus jumlah

inputan barang Hapus() Sukses Sesuia

harapan Valid 3

Kosongkan keranjang pembelian

Klik tombol Sukses Sesuia

harapan Valid 4 Registrasi

pembayaran

Input

registrasi sukses Sesuai

harapan Valid 5

Cetak struk transaksi pembelian

Cetak() sukses Sesuai harapan

Valid

6 Konfirmasi pembayaran

Input registrasi pembayaran

sukses Sesuai

harapan Valid

(33)

4.5. Support

4.5.1. Publikasi Web

Toko AINUL YAQIN KOMPUTER menggunakan situs pencarian (search engine) local sehingga mempermudah masyarakat umum untuk mengetahui lebih jauh dan detail Toko AINUL YAQIN KOMPUTER dan juga dapat mempermudah sistem pengolahan data penjualan komputer.

Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna diinternet pada saat melakukan akses ke server, selain itu juga dapat dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenai deretan angka yang rumit yang dikenal sebagai IP address. Nama domain untuk website ini masih menggunakan IP local Mysql dengan nama domain http://localhost/komputer/.

4.5.2. Spesifikasi Hardware dan Software

Perangkat keras (hardware) tidak akan berfungsi tanpa adanya perangkat lunak (software). Perangkat lunak merupakan bagian dari sistem pengolahan data yang digunakan untuk mengaktifkan fungsi dari perangkat lunak komputer. Dalam penulisan skripsi ini penulis menggunakan perangkat keras dan perangkat lunak sebagai berikut :

1. Sistem Operasi : Windows 10 Pro 32-bit ( 10.0, Build 17763 ) 2. Processor : AMD A8-6410 APU with AMD radeon R5

graphich (4CPUs), ~2.0 GHz

(34)

3. RAM : 2 GB

4. Keyboard : Keyboard QWERTY

5. Mouse : Standar Mouse

6. Browser : Google Chrome 7. Bahasa Programan : PHP 5

8. Database Server : MySQL Server Versi 5.0 9. Web Server : Apache versi 1.6

10. Database Tools : PhpMyAdmin versi 5.6.35

11. Software : Macromedia Dreamweaver CS6, XAMPP 3.2.2

4.6. Spesifikasi Dokumen Sistem Usulan

Adapun spesifikasi dokumen sistem usulan dari website penjualan komputer AINUL YAQIN adalah sebagai berikut :