SRS (Software Requirement Specification) Sistem Penjualan Online berbasis PHP (Lomoland)

DOKUMEN REKAYASA PERANGKAT LUNAK Sistem Penjualan Online berbasis PHP (Lomoland) Dosen : Subardin ST., MT.

untuk: Teknik Informatika Unhalu

Dipersiapkan oleh: Agtria Prilika Herniaty E1E110078

Teknik Informatika – Universitas Haluoleo Kendari

Nomor Dokumen

Teknik Informatika Unhalu

Halaman 84

Revisi

11 Mei 2013

DAFTAR PERUBAHAN Revisi A

Deskripsi Penambahan link login admin pada skenario use case administrator.

B

C

D

E

F

G

INDEX

TGL Ditulis oleh Diperiksa oleh Disetujui oleh

A

B

C

D

E

F

G

20 mei 2013 Agtria Prilika H. Subardin, ST., MT. Subardin, ST., MT.


Inception-G04

Halaman 2 dari 84 halaman

Dokumen ini dan informasi yang dimilikinya adalah milik Teknik Informatika-Unhalu dan bersifat rahasia. Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Teknik Informatika Unhalu.

Daftar Halaman Perubahan Halaman 13

Revisi

Halaman

Revisi

Penambahan link login admin pada skenario use case administrator.


Inception-G04



BAB I

BAB II

Daftar Isi Pendahuluan ..........................................................................................6 1.1

Tujuan Penulisan Dokumen .........................................................6

1.2

Lingkup Masalah .........................................................................6

1.3

Referensi ......................................................................................7

1.4

Deskripsi Umum Dokumen (Ikhtisar) .........................................7

Kebutuhan Perangkat Lunak .................................................................8 2.1

Deskripsi Umum Sistem ..............................................................8

2.2

Fungsi Utama Perangkat Lunak ...................................................8

2.3

Model Use Case ...........................................................................9 2.3.1Definisi Actor ......................................................................9 2.3.2Definisi Use Case.................................................................9 2.3.3Diagram Use Case .............................................................15

BAB III

2.4

Prototipe Antarmuka ..................................................................17

2.5

Spesifikasi Tambahan ................................................................29

2.6

Glossary .....................................................................................30

Model Analisis ....................................................................................32 3.1

Deskripsi Arsitektur ...................................................................32 3.1.1 Identifikasi Paket Analisis ................................................32 3.1.2 Identifikasi Kelas Analisis ................................................32

BAB IV

3.2

Realisasi Use Case Tahap Analisis ............................................34

3.3

Kelas Analisis ............................................................................57

3.4

Paket Analisis ............................................................................58

3.5

Pedoman Perancangan ...............................................................58

Model Perancangan .............................................................................59 4.1

Deskripsi Arsitektural ................................................................59 4.1.1Konfigurasi Jaringan ..........................................................59

4.2

Kelas Perancangan .....................................................................59 4.3.4Algoritma/Query ................................................................59 4.3.5Diagram Activity ...............................................................71


Inception-G04



4.4 BAB V

Implementasi .......................................................................................75 5.1

BAB VI

Antarmuka .................................................................................73

Implementasi Antarmuka ...........................................................75

Pengujian .............................................................................................75 6.1

Rencana Pengujian.....................................................................81

6.2

Kasus Uji....................................................................................81

6.3

Kesimpulan Hasil Pengujian......................................................84


Inception-G04



BAB I Pendahuluan 1.1

Tujuan Penulisan Dokumen Dokumen ini berisi Spesifikasi Kebutuhan Perangkat Lunak (SKPL) atau Software Requirement Spesification (SRS) untuk Sistem Penjualan Online, yaitu Lomoland toko kamera lomo online. Tujuan dari penulisan dokumen ini adalah untuk memberikan penjelasan mengenai perangkat lunak yang akan dibangun baik berupa gambaran umum maupun penjelasan detil dan menyeluruh. Pengguna dari dokumen ini adalah pengembang perangkat lunak Lomoland dan pengguna (user) dari perangkat lunak atau personil-personil yang terlibat dalam sistem. Dokumen ini akan digunakan sebagai bahan acuan dalam proses pengembangan dan sebagai bahan evaluasi pada saat proses pengembangan perangkat lunak maupun di akhir pengembangannya. Dengan adanya dokumen SRS ini diharapkan pengembangan perangkat lunak akan lebih terarah dan lebih terfokus serta tidak menimbulkan ambiguitas terutama bagi pengembang Sistem Penjualan Online Lomoland.

1.2

Lingkup Masalah Perangkat lunak yang akan dikembangkan adalah perangkat lunak Penjualan Kamera Lomo, yaitu merupakan perangkat lunak yang digunakan untuk mempermudah proses administrasi dan penjualan kamera lomo. Aplikasi ini dapat melakukan hal-hal berikut ini : 1.2.1

Fasilitas Login untuk admin.

1.2.2

Melayani penjualan secara online berbasis web, pelanggan dapat berbelanja kamera kapanpun dan dimanapun tanpa harus datang langsung ke toko

1.2.3

Admin dapat melihat data transaksi. Dengan adanya Aplikasi ini diharapkan, konsumen tidak perlu meluangkan

waktunya untuk berbelanja kamera lomo, seiring perkembangan jaman dan tingkat kesibukan masyarakat sekarang yang begitu tinggi sehingga mereka dapat berbelanja disela kesibukan mereka tanpa membuang waktu.


Inception-G04



1.3

Referensi 1. Panduan Penggunaan dan Pengisian Dokumen Pembangunan Perangkat Lunak. Jurusan Teknik Informatika, Institut Teknologi Bandung, 2000. 2.

A.S, Rossa, Shalahuddin, M., "Rekayasa Perangkat Lunak" Modula, Bandung, 2011.

1.4

Deskripsi Umum Dokumen (Ikhtisar) Dokumen ini secara garis besar terdiri dari tiga bab dengan perincian sebagai berikut: 1.4.1

Bab 1 Pendahuluan, merupakan pengantar dokumen SRS yang berisi tujuan penulisan dokumen, lingkup masalah pengembangan perangkat lunak, juga memuat definisi, akronim dan istilah yang digunakan serta deskripsi umum dokumen yang merupakan ikhtisar dokumen SRS.

1.4.2

Bab 2 Deskripsi Global Perangkat Lunak, mendefinisikan perspektif produk perangkat lunak serta asumsi dan ketergantungan yang digunakan dalam pengembangan aplikasi penjualan kamera lomo online.

1.4.3

Bab 3 Deskripsi Rinci Kebutuhan, mendeskripsikan kebutuhan khusus bagi sistem penjualan kamera lomo online, yang meliputi kebutuhan antarmuka eksternal, kebutuhan fungsionalitas, kebutuhan performansi, batasan perancangan, atribut sistem perangkat lunak dan kebutuhan lain dari sistem penjualan kamera lomo online.


Inception-G04



BAB II Kebutuhan Perangkat Lunak 2.1

Deskripsi Umum Sistem Perangkat lunak Penjualan Kamera Lomo Online ini merupakan perangkat lunak yang digunakan untuk mempermudah proses penjualan kamera lomo. Aplikasi penjualan kamera lomo berkaitan dengan beberapa entitas luar, yaitu calon pembeli dan admin. Sistem penjualan kamera lomo online merupakan suatu web database application yang mengolah data pelanggan saat melakukan transaksi dengan membeli produk. Pelanggan mendapatkan informasi mengenai produk, setelah menentukan produk

kemudian

mengisi

mempertimbangkan

form

kemudahan

traksaksi

navigasi

dan

untuk

mengorder.

lalu lintas

data

Dengan dimana

pelanggan harus memberikan beberapa informasi pribadi, pendaftaran hanya dapat

dilakukan

melalui

web.

Sistem pembelian

kamera juga

masih

mengakomodir pembelian kamera di toko Lomoland sendiri. Sistem penjualan kamera lomo online menjadi pelengkap sistem penjualan kamera lomo yang ada sekarang.

2.2

Fungsi Utama Perangkat Lunak Perangkat Lunak Sistem penjualan kamera lomo ini mempunyai beberapa fungsi utama, antara lain: 2.2.1

Fungsi Transaksi Fungsi utama yang melayani transaksi customer. Terdiri dari beberapa subfungsi. Subfungsi Add Subfungsi ini digunakan untuk menambah produk transaksi. Subfungsi Cancel Subfungsi ini digunakan untuk membatalkan proses transaksi. Subfungsi Save Subfungsi ini digunakan untuk menyimpan sementara proses transaksi. Subfungsi Order Subfungsi ini digunakan untuk melanjutkan proses transaksi.


Inception-G04



2.2.2

Fungsi Administrasi Fungsi utama yang melayani admin untuk mengakse dan mengelola data sistem. Terdiri dari beberapa subfungsi. Subfungsi Insert Data Subfungsi ini digunakan untuk memasukkan data ke dalam database sistem. Subfungsi Update Data Subfungsi ini digunakan untuk mengubah data di dalam database sistem. Subfungsi Delete Data Subfungsi ini digunakan untuk menghapus data dari dalam database sistem.

2.3

Model Use Case 2.3.1 Definisi Actor No

Actor

Deskripsi Admin

1.

Administrator

mengelola

maintenance pemberian

web

server hak

&

database,

akses

serta

menyediakan informasi bagi user Customer 2.

Customer

dapat

meminta

informasi mengenai produk dan memberikan

komentar

tentang

pelayanan dan sistem.

2.3.2 Definisi Use Case No

Use Case

1.


Deskripsi

Melihat Produk

Inception-G04

Untuk

melihat

produk-produk

yang disediakan.



2.

Transaksi

3.

Mengisi Data Contact

4.

Login

5.

Mengelola Web

Use case untuk mengatur proses transaksi. Untuk

menginputkan

Contact. Untuk validasi username dan password admin. Merupakan use case generalisasi dari menu-menu administrasi. Untuk

6.

data

Edit Data Artikel

melakukan

penginputan,

proses

perubahan

dan

penghapusan data artikel. Untuk Edit Data Produk

7

melakukan

penginputan data

dan

admin,

proses

penghapusan

serta

perubahan

password admin. Untuk Edit Data Admin

8

melakukan

penginputan,

perubahan

proses dan

penghapusan data admin. Untuk melihat data customer dan Edit Data Contact

9.

melakukan proses penginputan, perubahan dan penghapusan data Contact. Untuk melihat data customer dan

10

Edit Data Customer

melakukan proses penginputan, perubahan dan penghapusan data customer.


Inception-G04



Untuk melihat data transaksi dan Edit Data Transaksi

11.

melakukan

penghapusan

data

transaksi. Untuk Edit Data Kategori

12.

melakukan

penginputan,

perubahan

proses dan

penghapusan data kategori.

Keterangan Use Case Nama Use Case

:

Melihat Produk

Actor

:

Customer

Skenario

: Aktor

Sistem

Skenario normal 1. Customer

mengakses Menampilkan

halaman website.

website

Lomoland.

2. Memilih menu Product 3. Memilih

homescreen

Menampilkan halaman produk.

kategori Menampilkan katalog produk berdasarkan

produk

kategori.

Nama Use Case

:

Transaksi

Actor

:

Customer

Skenario

: Aktor

Sistem

Skenario normal 1. Pembeli produk

memilih yang

akan

dibeli dengan menekan


Sistem

menghitung

pembelian

yang

dilakukan dan menampilkan

Inception-G04



tombol Get. 2. Pembeli

dapat

merubah

jumlah

produk

yang

dibeli

dan

akan

Sistem melakukan perhitungan ulang daftar belanja pembeli.

menekan

tombol save. 3. Pembeli

dapat

menambah

jenis

produk

akan

yang

dibeli dengan menekan tombol add. Jika ingin membatalkan menekan tombol cancel. 4. Pembeli tombol

menekan order

untuk

Akan muncul data pembeli yang harus diisi.

melanjutkan berbelanja. 5. Pembeli mengisi form data

pembeli.

bersedia

Bila

melakukan

transaksi tekan tombol

Sistem memverifikasi data pembeli dan meyimpan data ke dalam database.

submit.

Nama Use Case

:


Actor

:

Customer

Skenario

: Aktor

Sistem

Skenario normal


Inception-G04



1. Customer

mengakses Menampilkan

halaman website.

homescreen

website

Lomoland.

2. Memilih menu Contact

Menampilkan Form Contact

3. Mengisi form contact dengan

memasukkan

nama,

email

dan

Menyimpan data contact kedalam database.

comment.

Nama Use Case

:

Login

Actor

:

Administrator

Skenario

: Aktor

Sistem

Skenario normal 1. Memilih

link

Login

Admin 2. Menginputkan username

dan

password

Tampilan form login.

Masuk dalam halaman administrator dan menampilkan menu-menu administrasi.

Skenario alternatif Username dan password

Muncul pesan kesalahan dan kembali ke

salah

form login.


Inception-G04



Nama Use Case

:

Mengelola Web

Actor

:

Administrator

Skenario

: Aktor

Sistem

Skenario normal 1. Masuk dalam halaman administrator

2. Memilih

menu

administrasi

Menampilkan halaman sesuai menu yang dipilih dan menampilkan pilihan insert, update dan delete.

3. Mengelola web (insert, update atau delete)

Melakukan proses ke dalam database sesuai pilihan.

Skenario alternatif 1. Masuk dalam halaman administrator

2. Memilih

menu

administrasi


dipilih dan menampilkan pilihan insert, update dan delete.

3. Mengelola web (insert, update atau delete)

Menampilkan halaman sesuai menu yang

Tidak dapat melakukan proses ke dalam database sesuai pilihan.

Inception-G04



2.3.3

Diagram Use Case

Melihat produk

<>

Transaksi

<> Customer Mengisi data contact

Edit Data Artikel Edit Data Produk

Login

<>

Edit Data User Mengelola web Edit Data Contact

Edit Data Kategori

Edit Data Customer

Administrator

Edit Data Transaksi

Gambar 2.1 Diagram Use Case

Use Case Melihat Produk

:

Use case awal sebelum dilakukannya proses transaksi.

Use Case Transaksi

:

Use case ini dimulai setelah customer memilih produk.

Use Case Mengisi Data Contact :

Pengunjung non-customer maupun customer

dapat

komentar

dengan

meninggalkan mengisi

daftar

Contact.


Inception-G04



Use Case Login

:

Admin

dapat

mengakses

sistem

setelah berhasil melakukan login. Use Case Mengelola Web

:

Use case untuk kegiatan mengelola data-data web yang dilakukan oleh admin dan merupakan generalisasi menu-menu administrasi.

Use Case Edit Data Artikel

:

Admin

dapat

kemudian

mengakses

melakukan

penginputan,

perubahan

data proses dan

penghapusan data artikel. Use Case Edit Data Produk

:

Admin

dapat

kemudian

mengakses

melakukan

penginputan,

perubahan

data proses dan

penghapusan data produk. Use Case Edit Data User

:

Admin

dapat

kemudian

mengakses

melakukan

data proses

penginputan dan penghapusan data user dalam hal ini adalah admin, serta perubahan password admin. Use Case Edit Data Contact

:

Admin

dapat

kemudian

mengakses

melakukan

penginputan,

perubahan

data proses dan

penghapusan data Contact. Use Case Edit Data Customer

:

Admin

dapat

kemudian

mengakses

melakukan

penginputan,

perubahan

data proses dan

penghapusan data customer. Use Case Edit Data Transaksi

:

Admin kemudian

dapat

mengakses

melakukan

data proses

penginputan, dan penghapusan data transaksi. Use Case Edit Data Kategori

:

Admin kemudian


Inception-G04

dapat

mengakses

melakukan

data proses



penginputan,

perubahan

dan

penghapusan data kategori produk.

2.4

Prototipe Antarmuka 2.4.1 Antarmuka Customer a. Halaman Home Deskripsi

:

Desain Tampilan :

Halaman utama web. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Diatas banner terdapat link login admin dengan font putih ukuran 12px. Pada halaman Home, terbagi dua kolom content.

Jenis

:

HOME ABOUT PRODUCT CONTACT

Tampilan menu.

Login Admin

BANNER Hello!

Playground Logo

Logo

Hot Item

Find Me at Product

LOGO

Logo

LOMOLAND

FOOTER Gambar 2.2 Halaman Home


Inception-G04



b.

Halaman About Deskripsi

:

Desain Tampilan :

Halaman informasi web. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background page title dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman About, content menggunakan font 12px.

Jenis

: HOME ABOUT PRODUCT CONTACT

Tampilan menu.

PAGE TITLE

CONTENT

LOGO LOMOLAND

FOOTER

Gambar 2.3 Halaman About

c.

Halaman Product Deskripsi

:

Desain Tampilan :

Halaman daftar produk. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol


Inception-G04



scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman Home, terbagi dua kolom content yaitu categories dan daftar produk. Lebar gambar daftar produk adalah 216px dan tinggi maksimal 276px. Hal ini untuk menghindari jarak antar item yang terlalu dekat dan mengakibatkan mata kelelahan. Jenis

:

Tampilan menu.


PAGE TITLE

CATEGORIES

Gambar Get!

Produk

Gambar Get!

LOGO

Produk

LOMOLAND

FOOTER

Gambar 2.4 Halaman Product

d.

Halaman Detail Order Deskripsi

:

Desain Tampilan :

Halaman detail order. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman


Inception-G04



detail order, terdapat tabel detail produk dan textfield untuk mengubah quantity serta tombol add, cancel, save dan order. Jenis

:

Form masukan dan tombol.


Product

Price

Quantity

Total

add

cancel

Sub Total

Rp.

save

order

LOGO LOMOLAND

FOOTER Gambar 2.5 Halaman Detail Order

e.

Halaman Data Customer Deskripsi

:

Desain Tampilan :

Halaman detail order. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman detail order, terdapat tabel detail produk dan textfield untuk mengubah quantity serta tombol add, cancel, save dan order.

Jenis


:

Form masukan dan tombol.

Inception-G04



HOME ABOUT PRODUCT CONTACT Name E-mail Address Province City Phone Shipping Via

TIKI

LOGO

JNE

Submit

LOMOLAND

FOOTER Gambar 2.6 Halaman Data Customer

f.

Halaman Contact Deskripsi

:

Desain Tampilan :

Halaman form contact. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background page title dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman Contact, content menggunakan font 12px.

Jenis


:

Form masukan (entry) dan tombol.

Inception-G04




PAGE TITLE

Name Email Comment submit

LOGO LOMOLAND

FOOTER Gambar 2.7 Halaman Contact

2.4.2

Antarmuka Administrator a. Login Deskripsi

:

Desain Tampilan :

Halaman form login. Warna background biru. Tulisan label form menggunakan font 12px. Logo berada di sebelah kiri form.

Jenis

:


ADMINISTRATOR

LOGO LOMOLAND

Username

LOGO

Password LOGO LOGO

submit

Gambar 2.8 Login


Inception-G04



b. Artickels Data Deskripsi

:

Desain Tampilan :

Halaman form data artikel. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya.

Jenis

:

Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data


BANNER Id Artickel

Explain

DATABASE TABLE

Menu

Submit

LOGO LOMOLAND

FOOTER Gambar 2.9 Halaman Artickels Data


Inception-G04



c.

Products Data Deskripsi

:

Desain Tampilan :

Halaman form data produk. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya.

Jenis

:



BANNER Product

Type

File

Id_Category

DATABASE TABLE

Price

LOGO LOMOLAND

Submit

FOOTER Gambar 2.10 Halaman Products Data


Inception-G04



d. Customer Data Deskripsi

:

Desain Tampilan :

Halaman form data customer. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya.

Jenis

:



BANNER Name

Email

Address

Province

DATABASE TABLE

City

Phone

LOGO LOMOLAND

Submit

FOOTER Gambar 2.11 Halaman Customers Data


Inception-G04



e.

Contact Data Deskripsi

:

Desain Tampilan :

Halaman form data contact. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya.

Jenis

:



BANNER Name

Email

Comment

DATABASE TABLE

Submit

LOGO LOMOLAND

FOOTER Gambar 2.12 Halaman Contacts Data

f.

Categories Data Deskripsi

:

Desain Tampilan :

Halaman form data Kategori. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background


Inception-G04



kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya. Jenis

:



BANNER Id Category

Category

DATABASE TABLE

Submit

LOGO LOMOLAND

FOOTER Gambar 2.13 Halaman Categories Data

g.

User Data Deskripsi

:

Desain Tampilan :

Halaman form data user. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol


Inception-G04



scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, terbagi dua kolom content yaitu form insert new data dan tabel database. Tabel database menggunakan background biru gelap dan biru terang yang diselang-seling tiap barisnya. Jenis

:



BANNER Id User

Username

DATABASE TABLE

Password

Submit

LOGO LOMOLAND

FOOTER Gambar 2.14 Halaman Users Data

h. Transaction Data Deskripsi

:

Desain Tampilan :

Halaman form data transaksi. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background kombinasi biru dan biru terang. Background banner dengan gambar awan sedangkan footer dengan gambar landscape. Navigasi menu fixed, sehingga saat menarik tombol scroll halaman ke bawah navigasi menu akan tetap berada di sebelah kiri. Pada halaman ini, tabel database menggunakan background biru


Inception-G04



gelap dan biru terang yang diselang-seling tiap barisnya. Jenis

:



BANNER

DATABASE TABLE TRANSACTION

LOGO LOMOLAND

FOOTER Gambar 2.15 Halaman Transaction Data

2.5

Spesifikasi Tambahan 2.5.1

Kebutuhan antar muka eksternal a. Antarmuka pemakai Aplikasi Lomoland ini dikembangkan dalam bentuk web grafis dalam ukuran tampilan maksimal 1280 x 1024 Pixel dengan 32 Bit Color Quality. Perangkat lunak ini dilengkapi dengan menu untuk pengaksesan

berbagai

fungsi

yang

disediakan.dan

pengguna

mengoperasikannya menggunakan keyboard dan mouse dengan sistem operasi windows, linux dan android. b. Antarmuka Perangkat Keras Aplikasi ini berjalan di atas perangkat keras berupa komputer yang saling terhubung oleh jaringan internet. Kebutuhan minimum perangkat keras yang dapat digunakan adalah: 1. PC dengan memory 128 MB


Inception-G04



2. Monitor VGA yang dapat menampilkan resolusi minimal 800 x 600 pixel. 3. Keyboard dan mouse untuk interaksi antara pengguna dengan sistem. Semua perangkat keras yang digunakan merupakan perangkat standar dalam sistem komputer dan menggunakan port standar yang ada. c. Antarmuka perangkat lunak Perangkat lunak yang diperlukan oleh Lomoland adalah: 1. Sistem Operasi (Window, Linux atau Android) 2. Browser Internet (Internet Explorer, Opera, Firefox, dll)

2.6

Glossary Istilah Package

Deskripsi Merupakan kumpulan dari class-class dengan karakteristik sama.

Objek

Entitas yang memiliki jati diri, state, dan behavior, bereaksi terhadap pesan dari objek lain, dan sering disebut sebagai instance.

Class

Sekumpulan objek yang mempunyai ciri sama Protected Access modifier pada class dengan sifat dapat diakses oleh class itu sendiri atau class yang mewarisi. Private

Access modifier yang hanya dapat diakses oleh class itu sendiri.

Public

Access modifier yang dapat diakses secara umum

Super Class

Merupakan class induk (orang tua)

Sub Class

Merupakan class anak (turunan) yang mewarisi super class.

Inheritance


Pewarisan sifat-sifat super class yang berupa data,

Inception-G04



fungsi, atau prosedur. Encapsulation

Menyembunyikan, mengamankan informasi serta menentukan cara aksesnya.

Polymorphism

Ada banyak objek dari class berbeda dapat bereaksi pada class yang sama

Agregasi

Hubungan bagian dari (part of)

Asosiasi

Hubungan antar objek

Spesialisasi

Pengkhususan, objek dari class anak memiliki kekhasan tertentu yang tidak dimiliki oleh objek dari class induk.

Generalisasi

Peng-umuman class anak untuk mem[peroleh class orang tuanya (induk).


Inception-G04



BAB III Model Analisis 3.1

Deskripsi Arsitektur 3.1.1

Identifikasi Paket Analisis No

Nama Paket

Use Case Terkait 1. Memilih Produk

1.

Paket Customer

2. Transaksi 3. Mengisi Data Contact

Keterangan Paket

yang

melibatkan use case pada

antarmuka

customer. Paket

untuk

mengelola

web

yaitu update dan

2.

Paket Administrator

1. Login

manage

2. Mengelola

sistem. Yang hak

Web

database

aksesnya diberikan hanya

kepada

admin

yang

memiliki akun.

3.1.2

Identifikasi Kelas Analisis Jenis Kelas No

Nama Paket

Nama Kelas Analisis

(Boundary, Control, Entity)

1

Paket Customer


1.

Main

Boundary

2.

Koneksi Database

Control

3.

Melihat Produk

Entity

4.

Tproduk

Entity

Inception-G04



2

Paket Administrator


5.

Transaksi

Entity

6.

Ttransaksi

Entity

7.


Entity

8.

TContact

Entity

1.

Main

Boundary

2.

Koneksi Database

Control

3.

Login

Entity

4.

Edit Data Contact

Entity

5.

TContact

Entity

6.

Edit Data Customer

Entity

7.

TCustomer

Entity

8.

Edit Data Transaksi

Entity

9.

TTransaksi

Entity

10. Edit Data Produk

Entity

11. TProduk

Entity

12. Edit Data Artikel

Entity

13. TArtikel

Entity

14. Edit Data User

Entity

15. TUser

Entity

16. Edit Data Kategori

Entity

17. TKategori

Entity

Inception-G04



3.2

Realisasi Use Case Tahap Analisis 3.2.1 Class Diagram Customer

Main

1..*

1 1

+main() +uiMenu() +uiMemilihProduk() +uiTransaksi() +uiMengisiDataTamu()

1 1 MelihatProduk

1

1 1..*

+cariProdukbyId_kategori() 1..* KoneksiDatabase +host +database +username +password

1 1..* 1

+membukaKoneksi() +eksekusiQuerySelect() +eksekusiQueryUpdate() +tutupKoneksi()

1..*

1

Transaksi 1 +memasukkanTransaksi() 1..*

1

1 1

TProduk +kode_produk +jenis +file +id_kategori +harga

1 MengisiDataContact

+memasukkanContact() 1..* TContact +name +email +comment +setName() +getName() +setEmail() +getEmail() +setComment() +getComment()

1..* TTransaksi +kode_transaksi +kode_produk +jumlah +kode_customer +setKode_transaksi() +getKode_transaksi() +setKode_produk() +getKode_produk() +setJumlah() +getJumlah() +setKode_costumer() +getKode_costumer()

+setKode_produk() +getKode_produk() +setJenis() +getJenis() +setFile() +getFile() +setId_kategori() +getId_kategori() +setHarga() +getHarga() TCostumer +kode_costumer +nama +email +alamat +provinsi +kota +telepon +via +setKode_costumer() +getKode_costumer() +setNama() +getNama() +setEmail() +getEmail() +setAlamat() +getAlamat() +setProvinsi() +getProvinsi() +setKota() +getKota() +setTelepon() +getTelepon() +setVia() +getVia()

Gambar 3.1 Class Diagram Customer


Inception-G04



a.

Use Case: Melihat Produk

Customer

main: Main

MelihatProduk

KoneksiDatabase

Id_kategori

cariProdukById_kategori() <> membukaKoneksi() eksekusiQuerySelect() hasil query

TProduk <> getKode_produk() getJenis() getFile() getId_kategori() getHarga() data produk <> <>

X


Inception-G04

X



b.

Use Case: Transaksi

Customer

Main

Transaksi

KoneksiDatabase

data transaksi TTransaksi

memasukkanTransaksi()

<>

<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>

X c. Customer

X

Use Case: Mengisi Data Contact Main

MengisiDataContact

KoneksiDatabase

data contact TContact

memasukkanContact()

<>


X


Inception-G04

X



3.2.2

Class Diagram Administrasi 1

Main

TProduk

1

+main() +uiMenu() +uiLogin() +uiEditDataArtikel() +uiEditDataProduk() +uiEditDataAdmin() +uiEditDataTamu() +uiEditDataCustomer() +uiEditDataTransaksi() +uiEditDataKategori()

EditDataProduk

1 1

1..*

+cariProdukbyKode_produk() +memasukkanProduk() 1 +mengubahProduk() +menghapusProduk()

1

1

1 1..*

1 1

1 1

1

EditDataCustomer 1

+cariCustomerById() +memasukkanProduk() +mengubahCustomer() +menghapusCustomer()

1 1

1

Login +validasiLogin() +logout()

1 1 1 1 1

1

+kode_produk +jenis +file +id_kategori +harga +setKode_produk() +getKode_produk() +setJenis() +getJenis() +setFile() +getFile() +setId_kategori() +getId_kategori() +getHarga() +getHarga()

1

1

EditDataContact 1

+cariTamuByNama() +memasukkanProduk() +mengubahTamu() 1 +menghapusTamu()

1

KoneksiDatabase +host +database +username +password +membukaKoneksi() +eksekusiQuerySelect() +eksekusiQueryUpdate() +tutupKoneksi()

1

1..*

1..*

1..* 1

1..*

1

EditDataArtikel

1..* 1..*

1..*

+cariArtikelById_artikel() +memasukkanArtikel() 1 +mengubahArtikel() +menghapusArtikel()

1

1 1

1

EditDataUser

TUser +id +username +password +setId() +getId() +setUsername() +getUsername() +setPassword() +getPassword()

1

1..*

+cariUserById() +memasukkanUser() +mengubahUser() +menghapusUser()

1..*

1

1

1

1

EditTransaksi 1 1

+cariTransaksiByKode_transaksi() +mengubahTransaksi() +menghapusTransaksi() 1

TTransaksi +kode_transaksi +kode_produk +jumlah +kode_costumer +setId() +setId_terbang() +setId_cust() +setJumlah()

1..*

1..*


Inception-G04

TCostumer +kode_costumer +nama +email +alamat +provinsi +kota +telepon +via +setKode_costumer() +getKode_costumer() +setNama() +getNama() +setEmail() +getEmail() +setAlamat() +getAlamat() +setProvinsi() +getProvinsi() +setKota() +getKota() +setTelepon() +getTelepon() +setVia() +getVia() TContact +name +email +comment +setName() +getName() +setEmail() +getEmail() +setComment() +getComment() TArtikel +id +judul +artikel +tanggal +menu +setId() +getId() +setJudul() +getJudul() +setArtikel() +getArtikel() +setTanggal() +getTanggal() +setMenu() +getMenu()



a.

Use Case: Login

Admin

Main

Login <>

username & password validasiLogin() true / false validasi pesan tidak valid jika false

b.

Use Case: Edit Data Contact

Customer

Main

EditDataContact

KoneksiDatabase

data contact memasukkanContact()

TContact <>


X

X

Diagram Sequence Memasukkan Data Contact


Inception-G04



Admin

Main

EditDataContact

koneksiDatabase

nama cariContactByNama() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TContact <> setName() setEmail() setComment() Data Contact Konfirmasi ubah mengubahContact() eksekusiQueryUpdate() tutupKoneksi() <> <>

X

Pesan data telah diubah

X

Diagram Sequence Mengubah Data Contact


Inception-G04



Admin

Main

EditDataContact

koneksiDatabase

nama cariContactByNama() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TContact <> setName() setEmail() setComment() Data Contact Konfirmasi hapus menghapusContact() eksekusiQueryUpdate() tutupKoneksi() <> <>

X

Pesan data telah dihapus

X

Diagram Sequence Menghapus Data Contact


Inception-G04



c.

Use Case: Edit Data Produk

Customer

Main

EditDataProduk

KoneksiDatabase

data produk memasukkanProduk()

TProduk <>


X

X

Diagram Sequence Memasukkan Data Produk


Inception-G04



Admin

Main

EditDataProduk

koneksiDatabase

Kode_produk cariCostumerById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TProduk <> setKode_produk() setJenis() setFile() setId_Kategori() setProvinsi() setHarga() Data produk

Konfirmasi ubah mengubahProduk() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Mengubah Data Produk


Inception-G04



Admin

Main

EditDataProduk

koneksiDatabase

Kode_produk cariCostumerById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TProduk <> setKode_produk() setJenis() setFile() setId_Kategori() setProvinsi() setHarga() Data produk

Konfirmasi hapus menghapusProduk() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Menghapus Data Contact


Inception-G04



d.

Use Case: Edit Data Customer

Customer

Main

EditDataCustomer

KoneksiDatabase

data customer memasukkanCustomer()

TCustomer <>


X

X

Diagram Sequence Memasukkan Data Costumer


Inception-G04



Admin

Main

EditDataCustomer

koneksiDatabase

Id cariCostumerById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TCostumer <> setKode_costumer() setNama() setEmail() setAlamat() setProvinsi() setKota() setTelepon() setVia() Data costumer Konfirmasi ubah mengubahCostumer() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Mengubah Data Customer


Inception-G04



Admin

Main

EditDataCustomer

koneksiDatabase

Id cariCostumerById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TCostumer <> setKode_costumer() setNama() setEmail() setAlamat() setProvinsi() setKota() setTelepon() setVia() Data costumer Konfirmasi hapus menghapusCostumer() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Menghapus Data Customer


Inception-G04



e.

Use Case: Edit Data Transaksi

Admin

Main

EditDataTransaksi

koneksiDatabase

Kode_transaksi cariTransaksiByKode_transaksi()

<> membukaKoneksi() eksekusiQuerySelect() Hasil query

TTransaksi <> setKode_transaksi() setKode_produk() setJumlah() setKode_costumer() Data transaksi Konfirmasi hapus menghapusTransaksi() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Menghapus Data Transaksi


Inception-G04



f.

Use Case: Edit Data Artikel

Admin

Main

EditDataArtikel

koneksiDatabase

Data artikel TArtikel

memasukkanArtikel() <>

<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <>

<>

X

X

Diagram Sequence Memasukkan Data Artikel


Inception-G04



Admin

Main

EditDataArtikel

koneksiDatabase

Id cariArtikelById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TArtikel <> setId() setKeterangan() setMenu()

Data artikel Data yang diubah mengubahArtikel() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Mengubah Data Artikel


Inception-G04



Admin

Main

EditDataArtikel

koneksiDatabase

Id cariArtikelById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TArtikel <> setId() setKeterangan() setMenu()

Data artikel Data yang dihapus menghapusArtikel() eksekusiQueryUpdate() tutupKoneksi() <> <>

X


X

Diagram Sequence Menghapus Data Artikel


Inception-G04



g.

Use Case: Edit Data User

Admin

Main

EditDataUser

koneksiDatabase

Data user TUser

memasukkanUser() <>

<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <>

<>

X

X

Diagram Sequence Memasukkan Data User


Inception-G04



Admin

Main

EditDataUser

koneksiDatabase

Id cariUserById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TUser <> setId() setUsername() setPassword() Data user Data yang diubah mengubahUser() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Mengubah Data User


Inception-G04



Admin

Main

EditDataUser

koneksiDatabase

Id cariUserById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TUser <> setId() setUsername() setPassword() Data user Data yang hapus menghapusUser() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Menghapus Data User


Inception-G04



h.

Use Case: Edit Data Kategori

Customer

Main

EditDataKategori

KoneksiDatabase

data kategori memasukkanKategori()

TKategori <>


X

X

Diagram Sequence Memasukkan data kategori


Inception-G04



Admin

Main

EditDataKategori

koneksiDatabase

Id_kategori cariContactById_kategori() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TContact <> setId_kategori() setNama_kategori()

Data Contact Konfirmasi ubah mengubahContact() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Mengubah data kategori


Inception-G04



Admin

Main

EditDataKategori

koneksiDatabase

Id_kategori cariContactById_kategori() <> membukaKoneksi() eksekusiQuerySelect() Hasil query

TContact <> setId_kategori() setNama_kategori()

Data Contact Konfirmasi hapus menghapusContact() eksekusiQueryUpdate() tutupKoneksi() <> <>


X

X

Diagram Sequence Menghapus data kategori


Inception-G04



3.3

Kelas Analisis No

Nama Kelas

Jenis

1

Main

Boundary

2

Koneksi Database

Control

3

Melihat Produk

Entity

4

Edit Data Produk

Entity

5

Tproduk

Entity

6

Transaksi

Entity

7

Edit Data Transaksi

Entity

8

TTransaksi

Entity

9


Entity

10

Edit Data Contact

Entity

11

TContact

Entity

12

Login

Entity

13

Edit Data Customer

Entity

14

TCustomer

Entity

15

Edit Data User

Entity

16

TUser

Entity

17

Edit Data Artikel

Entity

18

TArtikel

Entity

19

Edit Data Produk

Entity

20

TProduk

Entity

21

Edit Data Kategori

Entity

22

TKategori

Entity


Inception-G04



3.4

Paket Analisis

Web Lomoland

Administrator

Customer

Control

3.5

Entity

Control

Entity

Pedoman Perancangan Batasan perancangan program ini adalah aplikasi berbasis web dan dapat berjalan pada sistem operasi atau platform apapun yang mendukung aplikasi berbasis web.


Inception-G04



BAB IV Model Perancangan 4.1

Deskripsi Arsitektural 4.1.1 Konfigurasi Jaringan Database Lomoland disimpan dalam server layanan web hosting, IP address, DNS (Domain Name Server) dan FTP (File Transfer Protokol) disediakan sesuai layanan web hosting yang digunakan. Hubungan ClientServer menggunakan jaringan internet, dengan client adalah Sistem Lomoland dan server adalah server web hosting.

4.2

Kelas Perancangan 4.2.1

Algoritma/Query 4.2.1.1

Nama Kelas Algoritma

: Main :

include "config.php"; if ($_GET[menu]) { $var=$_GET[menu]; $perintah="SELECT * FROM artikel WHERE MENU='$var'"; $hasil=mysql_query($perintah); $data=mysql_fetch_row($hasil); echo "$data[1]"; }

Query No Query Q-001 4.2.1.2

: Query

Keterangan

SELECT * FROM artikel WHERE MENU='$var'

Menampilkan data menu.


: Koneksi Database :

4.2.1.3


: Memilih produk :

include"config.php"; $hasil=mysql_query("SELECT * FROM kategori"); while($data=mysql_fetch_row($hasil)) { echo "$data[1]"; }


Inception-G04



include"config.php"; $hasil=mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[kategori_id]'"); echo ""; while($data=mysql_fetch_row($hasil)) { echo ""; echo ""; echo ""; echo ""; } echo "
$data[1]
Rp. $data[4]

";

Query : No Query Query Q-001 SELECT * FROM kategori Q-002 4.2.1.4

SELECT * FROM produk WHERE id_kategori = '$_GET[kategori_id]'


Keterangan Menampilkan data kategori. Menampilkan data produk.

: Transaksi :

$perintah="SELECT * FROM temp WHERE id_temp = '$sesi' AND kode_produk ='$_GET[kode_produk]'"; $hasil=mysql_query($perintah); $jml_data=mysql_num_rows($hasil); if ($jml_data==0 and $_GET[tombol]=="add") { $perintah="INSERT INTO temp (id_temp,kode_produk,jumlah) VALUES ('$sesi','$_GET[kode_produk]','1')"; mysql_query($perintah); } if ($_GET[tombol]=="cancel") { $perintah="DELETE FROM temp WHERE id_temp='$sesi'"; mysql_query($perintah); echo "<script> window.location='product2.php’ "; } if ($_GET[tombol]=="save") { $jml=$_GET[qty]; $i=0; $perintah="SELECT * FROM temp WHERE id_temp='$_SESSION[id_temp]'"; $hasil=mysql_query($perintah); while ($data=mysql_fetch_row($hasil))


Inception-G04



{ $perintah="UPDATE temp SET jumlah='$jml[$i]' WHERE kode_produk='$data[1]' AND id_temp='$_SESSION[id_temp]'"; mysql_query($perintah); $i++; }} if ($_GET[tombol]=="order") { echo "<script> window.location='order.php'"; } $perintah="SELECT jenis,harga,jumlah,harga*jumlah as total FROM temp t,produk p WHERE p.kode_produk=t.kode_produk AND d_temp='$sesi'"; $hasil=mysql_query($perintah); $bayar=0;

Query No Query Q-001

Q-002 Q-003 Q-004

Q-005

4.2.1.5

: Query SELECT * FROM temp WHERE id_temp = '$sesi' AND kode_produk = '$_GET[kode_produk] INSERT INTO temp (id_temp,kode_produk,jumlah) VALUES ('$sesi', '$_GET[kode_produk]', '1') DELETE FROM temp WHERE id_temp='$sesi' SELECT * FROM temp WHERE id_temp = '$_SESSION[id_temp]' SELECT jenis, harga ,jumlah, harga*jumlah as total FROM temp t, produk p WHERE p.kode_produk = t.kode_produk AND d_temp = '$sesi'


Keterangan Menampilkan produk yang dipilih.

Menambah produk. Cancel transaksi. Menyimpan penambahan transaksi.

Melakukan transaksi.

: Mengisi Data Contact :

if ($_GET[masuk]=="Submit") { $perintah="INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]', '$_GET[email]', '$_GET[comment]')"; mysql_query($perintah); }


Inception-G04




4.2.1.6

: Query

Keterangan

INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]’, ‘$_GET[email]', '$_GET[comment]')

Memasukkan data contact.


: Login :

if(ISSET($_POST['user']) && ISSET($_POST['password'])) { $user=$_POST['user']; $password=$_POST['password']; $perintah="SELECT * FROM user WHERE user='$user' AND password='$password'"; $hasil=mysql_query($perintah); $jml_data=mysql_num_rows($hasil); if ($jml_data>0) { $_SESSION['user']=$user; include "artikel.php"; }

Query No Query Q-001 4.2.1.7

: Query

Keterangan

SELECT * FROM user WHERE user='$user' AND password='$password'

Memvalidasi username dan password.

Nama Kelas : Edit Data Artikel Nama Operasi : Insert Data Artikel Algoritma : if($_GET[tombol]=="Submit") { $perintah="INSERT INTO artikel (id_artikel, ket, menu) VALUES ('$_GET[id_artikel]','$_GET[ket]','$_GET[menu]')"; mysql_query($perintah); }



: Query

Keterangan

INSERT INTO artikel (id_artikel, ket, menu) VALUES('$_GET[id_artikel]', '$_GET[ket]', '$_GET[menu]')

Memasukkan data artikel.

Inception-G04



4.2.1.8

Nama Kelas Nama Kelas Nama Operasi Algoritma

: Edit Data Artikel : Update Data Artikel : :

if ($_POST[tombol_update]=="Submit") { $perintah="UPDATE artikel SET ket='$_POST[ket2]', menu='$_POST[menu2]' WHERE id_artikel='$_POST[id_artikel2]' "; mysql_query($perintah); }


4.2.1.9

: Query

Keterangan

UPDATE artikel SET ket='$_POST[ket2]', menu='$_POST[menu2]' WHERE id_artikel='$_POST[id_artikel2]'

Mengubah data artikel.

Nama Kelas : Edit Data Artikel Nama Operasi : Delete Data Artikel Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM artikel WHERE id_artikel='$_GET[id]'"; mysql_query($perintah); } if ($_GET[tombol]=="delete") { echo "<script type='text/javascript'> x=window.confirm('Do you want to delete this?'); if (x) window.location.href='artikel.php?tombol=jadi_delete&id=$_GET[id]' ; else window.alert('Cancel delete!'); "; }


: Query DELETE FROM artikel WHERE id_artikel='$_GET[id]'

Keterangan Menghapus data artikel.

4.2.1.10 Nama Kelas : Edit Data Produk Nama Operasi : Insert Data Produk Algoritma : $lokasi_file= $_FILES['fupload']['tmp_name']; $nama_file= $_FILES['fupload']['name']; $ukuran_file= $_FILES['fupload']['size']; $direktori= "images/$nama_file";


Inception-G04



if (move_uploaded_file($lokasi_file,"$direktori")) { header('location:data_product.php?message=success1'); $perintah="INSERT INTO produk (kode_produk, jenis, file,id_kategori, harga) VALUES ('$_POST[kode_produk]','$_POST[jenis]','$direktori', '$_POST[id_kategori]', '$_POST[harga]')"; mysql_query($perintah); } else { echo "<script type='text/javascript'> window.alert('Failed!') window.location.href='data_product.php?'; "; }

Query No Query

Q-001

: Query

Keterangan

INSERT INTO produk (kode_produk, jenis, file, id_kategori, harga) VALUES ('$_POST[kode_produk]', '$_POST[jenis]', '$direktori', '$_POST[id_kategori]', '$_POST[harga]')

Memasukkan data produk.

4.2.1.11 Nama Kelas : Edit Data Produk Nama Operasi : Update Data Produk Algoritma : $id = $_POST['kode_produk']; $jenis = $_POST['jenis']; $id_kategori = $_POST['id_kategori']; $harga = $_POST['harga']; $query = mysql_query("UPDATE produk SET jenis = '$jenis', id_kategori = '$id_kategori', harga = '$harga' WHERE kode_produk='$id'") or die(mysql_error()); echo "<script type='text/javascript'> window.alert('Success!') window.location.href='data_product.php?'; ";



: Query

Keterangan

UPDATE produk SET jenis = '$jenis', id_kategori = '$id_kategori', harga = '$harga' WHERE kode_produk='$id'

Mengubah data produk.

Inception-G04



4.2.1.12 Nama Kelas : Edit Data Produk Nama Operasi : Delete Data Produk Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM produk WHERE kode_produk='$_GET[id]'"; mysql_query($perintah); } if ($_GET[tombol]=="delete") { echo "<script type='text/javascript'> x=window.confirm('Do you want to delete this?'); if (x) window.location.href='data_product.php?tombol=jadi_delete&id=$_G ET[id]'; else window.alert('Cancel delete!'); "; }


: Query DELETE FROM produk WHERE kode_produk='$_GET[id]'

Keterangan Menghapus data produk.

4.2.1.13 Nama Kelas : Edit Data Customer Nama Operasi : Insert Data Customer Algoritma : if($_GET[tombol]=="Submit") { $perintah="INSERT INTO costumer (nama, email, alamat, provinsi, kota, telepon, via) VALUES ('$_GET[nama]','$_GET[email]', '$_GET[alamat]', '$_GET[provinsi]', '$_GET[kota]', '$_GET[telepon]', '$_GET[via]')"; mysql_query($perintah); }

Query No Query

Q-001


: Query

Keterangan

INSERT INTO costumer (nama, email, alamat, provinsi, kota, telepon, via) VALUES ('$_GET[nama]','$_GET[email]', '$_GET[alamat]', '$_GET[provinsi]', '$_GET[kota]', '$_GET[telepon]', '$_GET[via]')

Memasukkan data customer.

Inception-G04



4.2.1.14 Nama Kelas : Edit Data Customer Nama Operasi : Update Data Customer Algoritma : if ($_POST[tombol_update]=="Submit") { $perintah="UPDATE costumer SET email='$_POST[email2]', alamat='$_POST[alamat2]',provinsi='$_POST[provinsi2]', kota='$_POST[kota2]', telepon='$_POST[telepon2]', via='$_POST[via2]' WHERE nama='$_POST[nama2]' "; mysql_query($perintah); }

Query No Query

Q-001

: Query

Keterangan

UPDATE costumer SET email='$_POST[email2]', alamat='$_POST[alamat2]', provinsi='$_POST[provinsi2]', kota='$_POST[kota2]', telepon='$_POST[telepon2]', via='$_POST[via2]' WHERE nama='$_POST[nama2]'

Mengubah data customer.

4.2.1.15 Nama Kelas : Edit Data Customer Nama Operasi : Delete Data Customer Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM costumer WHERE kode_costumer='$_GET[kode_costumer]'"; mysql_query($perintah); }


: Query

Keterangan

DELETE FROM costumer WHERE kode_costumer='$_GET[kode_costumer]'

Menghapus data customer.

4.2.1.16 Nama Kelas : Edit Data Contact Nama Operasi : Insert Data Contact Algoritma : if($_GET[tombol]=="Submit") { $perintah="INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]','$_GET[email]','$_GET[comment]')"; mysql_query($perintah); }


Inception-G04




: Query

Keterangan

INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]', '$_GET[email]', '$_GET[comment]')

Memasukkan data contact.

4.2.1.17 Nama Kelas : Edit Data Contact Nama Operasi : Update Data Contact Algoritma : if ($_POST[tombol_update]=="Submit") { $perintah="UPDATE contact SET email='$_POST[email]', comment='$_POST[comment]' WHERE name='$_POST[name]' "; mysql_query($perintah); }


: Query

Keterangan

UPDATE contact SET email='$_POST[email]', comment='$_POST[comment]' WHERE name='$_POST[name]'

Mengubah data contact.

4.2.1.18 Nama Kelas : Edit Data Contact Nama Operasi : Delete Data Contact Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM contact WHERE name='$_GET[id]'"; mysql_query($perintah); }


: Query

Keterangan

DELETE FROM contact WHERE name='$_GET[id]'

Menghapus data contact.

4.2.1.19 Nama Kelas : Edit Data Kategori Nama Operasi : Insert Data Kategori Algoritma : if($_GET[tombol]=="Submit") { $perintah="INSERT INTO kategori (id_kategori, nama_kategori) VALUES ('$_GET[id_kategori]','$_GET[nama_kategori]')";


Inception-G04



mysql_query($perintah); }


: Query

Keterangan

INSERT INTO kategori (id_kategori, nama_kategori) VALUES ('$_GET[id_kategori]', '$_GET[nama_kategori]')

Memasukkan data kategori.

4.2.1.20 Nama Kelas : Edit Data Kategori Nama Operasi : Update Data Kategori Algoritma : if ($_POST[tombol_update]=="Submit") { $perintah="UPDATE kategori SET nama_kategori='$_POST[nama_kategori2]', WHERE id_kategori='$_POST[id_kategori2]' "; mysql_query($perintah); }


: Query

Keterangan

UPDATE kategori SET nama_kategori='$_POST [nama_kategori2]', WHERE id_kategori='$_POST [id_kategori2]'

Mengubah data contact.

4.2.1.21 Nama Kelas : Edit Data Kategori Nama Operasi : Delete Data Kategori Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM kategori WHERE id_kategori='$_GET[id]'"; mysql_query($perintah); }


: Query DELETE FROM kategori WHERE id_kategori='$_GET[id]'

Keterangan Menghapus data contact.

4.2.1.22 Nama Kelas : Edit Data User Nama Operasi : Insert Data User Algoritma : if($_GET[tombol]=="Submit")


Inception-G04



{ $perintah="INSERT INTO user (id_user, user, password) VALUES ('$_GET[id_user]', '$_GET[user]', MD5('$_GET[password]'));"; mysql_query($perintah); }


: Query INSERT INTO user (id_user, user, password) VALUES ('$_GET[id_user]', '$_GET[user]', MD5('$_GET[password]'))

Keterangan

Memasukkan data user.

4.2.1.23 Nama Kelas : Edit Data User Nama Operasi : Update Data User Algoritma : if ($_POST[tombol_update]=="Submit") { $perintah="UPDATE user SET user='$_POST[user2]', password='$_POST[password2]', WHERE id_user='$_POST[nama2]' "; mysql_query($perintah); }


: Query

Keterangan

UPDATE user SET user='$_POST[user2]', password='$_POST[password2]', WHERE id_user='$_POST[nama2]'

Mengubah data user.

4.2.1.24 Nama Kelas : Edit Data User Nama Operasi : Delete Data User Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM user WHERE id_user='$_GET[id]'"; mysql_query($perintah); }



: Query

Keterangan

DELETE FROM user WHERE id_user='$_GET[id]'

Menghapus data user berdasarkan id.

Inception-G04



4.2.1.25 Nama Kelas : Edit Data Transaksi Nama Operasi : Delete Data Transaksi Algoritma : if ($_GET[tombol]=="jadi_delete") { $perintah="DELETE FROM transaksi WHERE kode_transaksi='$_GET[id]'"; mysql_query($perintah); }

Query No Query

: Query DELETE FROM transaksi

Q-001 WHERE kode_transaksi='$_GET[id]'


Inception-G04

Keterangan Menghapus data transaksi berdasarkan kode transaksi.



4.2.2

Diagram Activity a. Diagram Activity Transaksi Customer

System

Menampilkan halaman Home

Memilih menu Product

Menampilkan halaman Product

Memilih kategori produk

Menampilkan daftar produk berdasarkan kategori

Menekan tombol get

Menampilkan form total transaksi

Menambah Produk

Ya

Tidak

Insert data customer

Menampilkan form data customer

Konfirmasi Transaksi

Ya


Update database

Tidak

Inception-G04



b. Diagram Activity Mengelola Web Admin

System

Menampilkan form login

Mengisi username & password

Verifikasi username & password

Data tidak sesuai

Data sesuai

Menampilkan halaman utama

Memilih menu administrator

Edit data artikel

Edit Data Produk

Edit Data User

Edit Data Kategori

Edit Data Contact

Edit Data Customer

Update database

Mengelola web


Edit Data Transaksi

Inception-G04



4.3

Antarmuka 4.3.1

Id_Objek Button1

4.3.2 Id_Objek

Antarmuka Login: Gambar 2.8 Jenis Button

Nama Submit

Jenis

Nama

Button

Submit

Button2 Button3

Button Button

Delete Update

Id_Objek

Jenis

Submit

Button2 Button3

Button Button

Delete Update

Jenis

Menyimpan data artikel ke dalam database. Menghapus data artikel dalam database. Mengubah data artikel dalam database.

Nama

Button

Submit

Button2

Button

Delete

Button3

Button

Update

Id_Objek

Keterangan

Antarmuka Customers Data: Gambar 2.11

Button1

4.3.5

Menyimpan data artikel ke dalam database. Menghapus data artikel dalam database. Mengubah data artikel dalam database.

Nama

Button

Id_Objek

Keterangan

Antarmuka Products Data: Gambar 2.10

Button1

4.3.4

Membuka menu Artickels Data

Antarmuka Artikels Data: Gambar 2.9

Button1

4.3.3

Keterangan

Keterangan Menyimpan data customer ke dalam database. Menghapus data customer dalam database. Mengubah data customer dalam database.

Antarmuka Contacts Data: Gambar 2.12 Jenis

Nama

Button1

Button

Submit

Button2 Button3

Button Button

Delete Update


Keterangan Menyimpan data contact ke dalam database. Menghapus data contact dalam database. Mengubah data contact dalam database.

Inception-G04



4.3.6 Id_Objek

Antarmuka Categories Data: Gambar 2.13 Jenis

Nama

Button1

Button

Submit

Button2

Button

Delete

Button3

Button

Update

4.3.7 Id_Objek Button1 Button2 Button3

4.3.8 Id_Objek Button1

Keterangan Menyimpan data categories ke dalam database. Menghapus data categories dalam database. Mengubah data categories dalam database.

Antarmuka Users Data: Gambar 2.14 Jenis Button Button Button

Nama Submit Delete Update

Keterangan Menyimpan data user ke dalam database. Menghapus data user dalam database. Mengubah data user dalam database.

Antarmuka Transactions Data: Gambar 2.15 Jenis Button

Nama Delete


Keterangan Menghapus data user dalam database.

Inception-G04



BAB V Implementasi 5.1

Implementasi Antarmuka -

Halaman Home Halaman ini adalah halaman utama yang diakses oleh customer dan merupakan index web saat pertama kali mengakses halaman web.

-

Halaman About Halaman About berisi tentang informasi mengenai lomografi yaitu tema web Lomoland.

-

Halaman Product Halaman yang menampilkan daftar produk berdasarkan kategori dan halaman untuk proses transaksi.


Inception-G04



-

Halaman Detail Order Halaman yang tampil setelah menekan tombol untuk transaksi pada halaman sebelumnya. Dan terdapat tombol add, cancel, save dan order.

-

Halaman Data Customer Halaman yang menampilkan form untuk diisi oleh customer dan merupakan bagian dari proses transaksi.

-

Halaman Contact


Inception-G04



Halaman contact menampilkan form yang dapat diisi oleh customer maupun pengujung.

-

Login Login yang dilakukan oleh admin untuk masuk ke halaman utama administrator dengan memasukkan username dan password yang sesuai.

-

Halaman Artikels Data Menampilkan tabel artikel sesuai database, form untuk memasukkan data baru serta tombol update dan delete.


Inception-G04



-

Halaman Products Data Menampilkan tabel produk sesuai database, form untuk memasukkan data baru serta tombol update dan delete.

-

Halaman Customers Data Menampilkan tabel customer sesuai database, form untuk memasukkan data baru serta tombol update dan delete.


Inception-G04



-

Halaman Contacts Data Menampilkan tabel contact sesuai database, form untuk memasukkan data baru serta tombol update dan delete.

-

Halaman Categories Data Menampilkan tabel kategori sesuai database, form untuk memasukkan data baru serta tombol update dan delete.


Inception-G04



-

Halaman Users Data Menampilkan tabel user sesuai database, form untuk memasukkan data baru serta tombol update dan delete.

-

Halaman Transactions Data Menampilkan tabel transaksi sesuai database, serta tombol delete.


Inception-G04



BAB VI Pengujian

6.1 No 1 2 3

Rencana Pengujian Use Case Melihat produk Transaksi Mengisi data contact

4

Login

5

Edit data artikel

6

Edit data produk

7 8

Edit data user Edit data contact Edit data customer Edit data transaksi Edit data kategori

9 10 11

6.2

Pengujian Skenario normal Skenario normal

Jenis Pengujian Black box Black box

Identifikasi U-01-01 U-02-01

Skenario normal

Black box

U-03-01

1. Skenario normal 2. Skenario alternatif Skenario normal 1. Skenario normal 2. Skenario alternatif Skenario normal Skenario normal

1. Black box 2. Black Box Black box 1. Black box 2. Black Box Black box Black box

U-04-01 U-04-02 U-05-01 U-06-01 U-06-02 U-07-01 U-08-01

Skenario normal

Black box

U-09-01

Skenario normal

Black box

U-10-01

Skenario normal

Black box

U-11-01

Kasus Uji

Identifikasi

Deskripsi

U-01-01

Pengujian hasil tampilan produk Pengujian proses transaksi

U-02-01

Prosedur Pengujian - Memilih menu Product - Memilih kategori produk - Memilih menu Product - Memilih kategori produk - Menekan tombol get - Menekan tombol order - Menekan tombol submit


Masukan

- Jumlah produk - Name, email, address, province, city, phone, dan shipping via

Inception-G04

Hasil yang Diharapkan

Hasil yang Didapat

Ket.

Menampilkan daftar produk

Menampil kan daftar produk

Diterima

- Konfirmasi submit data - Insert data dalam tabel temp, customer dan transaksi

Berhasil insert, kembali ke halaman home

Diterima



U-03-01

Pengujian insert data contact

- Customer mengakses halaman website. - Memilih menu Contact - Mengisi form contact dengan memasukkan nama, email dan comment. - Memilih link login admin pada halaman home - Menekan tombol submit form login

Name, email, dan comment

Insert data dalam tabel contact

Berhasil insert, halaman contact form kosong

Diterima

U-04-01

Pengujian berhasil login

Username dan password

Menampil kan menu admin

Diterima

Pengujian gagal login

- Memilih link login admin pada halaman home - Menekan tombol submit form login


Menampil kan pesan username atau password salah

Ditolak

U-05-01

Pengujian edit data artikel

- Memilih menu - Memasukkan data artikel pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete

Id artikel, ket dan menu

- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data terhapus dari tabel

Diterima

U-06-01

Pengujian edit data produk

- Memilih menu - Memasukkan data produk pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete

Kode produk, type file, id kategori dan harga

- Mengecek berdasarkan tabel user - Masuk menu administrasi menampilkan menu Artickels Data - Mengecek berdasarkan tabel user - Masuk menu administrasi menampilkan menu Artickels Data - Data insert, data masuk dan tampil pada tabel artikel - Data update, data terubah dan tampil pada tabel artikel - Data delete, data terhapus dari tabel artikel - Data insert, data masuk dan tampil pada tabel produk - Data update, data terubah dan tampil pada tabel produk - Data delete, data terhapus dari tabel produk

U-04-02

- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data terhapus dari tabel

Diterima


Inception-G04



U-06-02

Pengujian edit data produk


Kode produk, type file, id kategori dan harga

U-07-01

Pengujian edit data user

- Memilih menu - Memasukkan data user pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete


U-08-01

Pengujian edit data kontak


Nama, email dan komentar

U-09-01

Pengujian edit data customer


Name, email, address, province, city, phone, dan shipping via

U-10-01

Pengujian edit data transaksi

- Memilih menu - Menekan tombol delete


Inception-G04

- Data insert, data masuk dan tampil pada tabel produk - Data update, data terubah dan tampil pada tabel produk - Data delete, data terhapus dari tabel produk - Data insert, data masuk dan tampil pada tabel user - Data update, data terubah dan tampil pada tabel user - Data delete, data terhapus dari tabel user - Data insert, data masuk dan tampil pada tabel contact - Data update, data terubah dan tampil pada tabel contact - Data delete, data terhapus dari tabel contact - Data insert, data masuk dan tampil pada tabel costumer - Data update, data terubah dan tampil pada tabel costumer - Data delete, data terhapus dari tabel costumer Data terhapus dari tabel transaksi

- Data yang dimasukk an tidak tampil pada tabel - Data tidak terubah pada tabel - Data tidak terhapus dari tabel

Ditolak

- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data tidak terhapus dari tabel

Diterima


Diterima


Diterima

Data terhapus dari tabel transaksi

Diterima



U-11-01

6.3

Pengujian edit data kategori

- Memilih menu - Memasukkan data kategori pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete

Id kategori dan kategori

- Data insert, data masuk dan tampil pada tabel kategori - Data update, data terubah dan tampil pada tabel kategori - Data delete, data terhapus dari tabel kategori


Diterima

Kesimpulan Hasil Pengujian Berdasarkan hasil pengujian dengan kasus uji diatas, maka dapat ditarik kesimpulan bahwa Sistem Penjualan Online Lomoland berbasis PHP bebas dari kesalahan sintaks dan berjalan sesuai dengan yang diharapkan.


Inception-G04



SRS (Software Requirement Specification) Sistem Penjualan Online berbasis PHP (Lomoland)

Recommend Documents