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
Halaman
84
Teknik Informatika Unhalu

Revisi
11 Mei 2013
DAFTAR PERUBAHAN
Revisi A Deskripsi
Penambahan link login admin pada skenario use case administrator.
INDEX
TGL Ditulis oleh Diperiksa oleh Disetujui oleh
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
Penambahan link login admin pada skenario use case administrator.
Halaman
Revisi
Inception-G04
BAB I
Daftar Isi Pendahuluan ..........................................................................................6 1.1 1.2 1.3 1.4 Tujuan Penulisan Dokumen .........................................................6 Lingkup Masalah .........................................................................6 Referensi ......................................................................................7 Deskripsi Umum Dokumen (Ikhtisar) .........................................7
BAB II
Kebutuhan Perangkat Lunak .................................................................8 2.1 2.2 2.3 Deskripsi Umum Sistem ..............................................................8 Fungsi Utama Perangkat Lunak ...................................................8 Model Use Case ...........................................................................9 2.3.1Definisi Actor ......................................................................9 2.3.2Definisi Use Case.................................................................9 2.3.3Diagram Use Case .............................................................15 2.4 2.5 2.6 Prototipe Antarmuka ..................................................................17 Spesifikasi Tambahan ................................................................29 Glossary .....................................................................................30
BAB III
Model Analisis ....................................................................................32 3.1 Deskripsi Arsitektur ...................................................................32 3.1.1 Identifikasi Paket Analisis ................................................32 3.1.2 Identifikasi Kelas Analisis ................................................32 3.2 3.3 3.4 3.5 Realisasi Use Case Tahap Analisis ............................................34 Kelas Analisis ............................................................................57 Paket Analisis ............................................................................58 Pedoman Perancangan ...............................................................58
BAB IV
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
Antarmuka .................................................................................73
Implementasi .......................................................................................75 5.1 Implementasi Antarmuka ...........................................................75
BAB VI
Pengujian .............................................................................................75 6.1 6.2 6.3 Rencana Pengujian.....................................................................81 Kasus Uji....................................................................................81 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 1.2.2 Fasilitas Login untuk admin. 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 form traksaksi dan untuk mengorder. data Dengan dimana
mempertimbangkan
kemudahan
navigasi
lalu lintas
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 Admin 1. Administrator Deskripsi mengelola server hak web &
maintenance pemberian
database, serta
akses
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 Untuk Deskripsi melihat produk-produk
1.
Melihat Produk
yang disediakan.
Inception-G04
2.
Transaksi
Use case untuk mengatur proses transaksi. Untuk Contact. Untuk validasi username dan password admin. Merupakan use case generalisasi dari menu-menu administrasi. Untuk melakukan perubahan proses dan menginputkan data
3.
Mengisi Data Contact
4.
Login
5.
Mengelola Web
6.
Edit Data Artikel
penginputan,
penghapusan data artikel. Untuk 7 Edit Data Produk melakukan dan proses
penginputan data admin,
penghapusan perubahan
serta
password admin. Untuk 8 Edit Data Admin melakukan perubahan proses dan
penginputan,
penghapusan data admin. Untuk melihat data customer dan 9. Edit Data Contact 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 11. Edit Data Transaksi melakukan transaksi. Untuk 12. Edit Data Kategori melakukan perubahan proses dan penghapusan data
penginputan,
penghapusan data kategori.
Keterangan Use Case Nama Use Case Actor Skenario Aktor Skenario normal 1. Customer mengakses Menampilkan Lomoland. Menampilkan halaman produk. homescreen website : : : Sistem Melihat Produk Customer
halaman website. 2. Memilih menu Product 3. Memilih produk
kategori Menampilkan katalog produk berdasarkan kategori.
Nama Use Case Actor Skenario Aktor Skenario normal 1. Pembeli produk
: : :
Transaksi Customer
Sistem
memilih yang akan
Sistem
menghitung
pembelian
yang
dibeli dengan menekan
dilakukan dan menampilkan
Inception-G04
tombol Get. 2. Pembeli merubah produk dibeli yang dan dapat jumlah akan Sistem melakukan perhitungan ulang daftar belanja pembeli.
menekan
tombol save. 3. Pembeli menambah produk yang dapat jenis akan
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. Bila Sistem memverifikasi data pembeli dan meyimpan data ke dalam database.
bersedia
melakukan
transaksi tekan tombol submit.
Nama Use Case Actor Skenario Aktor Skenario normal
: : :
Mengisi Data Contact Customer
Sistem
Inception-G04
1. Customer
mengakses Menampilkan Lomoland.
homescreen
website
halaman website. 2. Memilih menu Contact 3. Mengisi form contact dengan nama, comment. memasukkan email dan
Menampilkan Form Contact
Menyimpan data contact kedalam database.
Nama Use Case Actor Skenario Aktor Skenario normal 1. Memilih Admin
: : :
Login Administrator
Sistem
link
Login
Tampilan form login.
2. Menginputkan username password Skenario alternatif Username dan password salah dan
Masuk dalam halaman administrator dan menampilkan menu-menu administrasi.
Muncul pesan kesalahan dan kembali ke form login.
Inception-G04
Nama Use Case Actor Skenario Aktor Skenario normal
: : :
Mengelola Web Administrator
Sistem
1. Masuk dalam halaman administrator Menampilkan halaman sesuai menu yang dipilih dan menampilkan pilihan insert, update dan delete. Melakukan proses ke dalam database sesuai pilihan.
2. Memilih administrasi
menu
3. Mengelola web (insert, update atau delete) Skenario alternatif 1. Masuk dalam halaman administrator
2. Memilih administrasi
menu
Menampilkan halaman sesuai menu yang dipilih dan menampilkan pilihan insert, update dan delete. Tidak dapat melakukan proses ke dalam database sesuai pilihan.
3. Mengelola web (insert, update atau delete)
Inception-G04
2.3.3
Diagram Use Case
Melihat produk
<<include>>
Transaksi
<<extend>> Customer Mengisi data contact
Edit Data Artikel Edit Data Produk Edit Data User Mengelola web Edit Data Contact Edit Data Customer Edit Data Transaksi Edit Data Kategori Administrator Login
<<include>>
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 komentar Contact. dapat dengan meninggalkan mengisi daftar
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 kemudian penginputan, dapat mengakses data proses dan
melakukan perubahan
penghapusan data artikel. Use Case Edit Data Produk : Admin kemudian penginputan, dapat mengakses data proses dan
melakukan perubahan
penghapusan data produk. Use Case Edit Data User : Admin kemudian dapat mengakses data proses
melakukan
penginputan dan penghapusan data user dalam hal ini adalah admin, serta perubahan password admin. Use Case Edit Data Contact : Admin kemudian penginputan, dapat mengakses data proses dan
melakukan perubahan
penghapusan data Contact. Use Case Edit Data Customer : Admin kemudian penginputan, dapat mengakses data proses dan
melakukan perubahan
penghapusan data customer. Use Case Edit Data Transaksi : Admin kemudian dapat mengakses data proses
melakukan
penginputan, dan penghapusan data transaksi. Use Case Edit Data Kategori : Admin kemudian dapat mengakses data proses
melakukan
Inception-G04
penginputan,
perubahan
dan
penghapusan data kategori produk.
2.4
Prototipe Antarmuka 2.4.1 Antarmuka Customer a. Halaman Home

Deskripsi : 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 : Tampilan menu. Desain Tampilan :
HOME ABOUT PRODUCT CONTACT
Login Admin
BANNER
Hello! Playground Logo Hot Item
Logo
Find Me at
LOGO
LOMOLAND
Product
Logo
FOOTER Gambar 2.2 Halaman Home
Inception-G04
b.
Halaman About Deskripsi : 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 :
Desain Tampilan :
Tampilan menu.
PAGE TITLE
CONTENT
LOGO
LOMOLAND
FOOTER
Gambar 2.3 Halaman About
c.
Halaman Product Deskripsi : 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
Desain Tampilan :
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
Gambar CATEGORIES
Get!
Produk
Gambar
Get!
LOGO
LOMOLAND
Produk
FOOTER
Gambar 2.4 Halaman Product
d.
Halaman Detail Order Deskripsi : 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
Desain Tampilan :
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
Sub Total
Total
Rp.
add
cancel
save
order
LOGO
LOMOLAND
FOOTER Gambar 2.5 Halaman Detail Order
e.
Halaman Data Customer Deskripsi : 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.
Desain Tampilan :
Inception-G04
HOME ABOUT PRODUCT CONTACT Name E-mail Address Province City Phone Shipping Via LOGO
LOMOLAND
TIKI
Submit
JNE
FOOTER Gambar 2.6 Halaman Data Customer
f.
Halaman Contact Deskripsi : 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.
Desain Tampilan :
Inception-G04
PAGE TITLE
Name Email Comment

submit
LOGO
LOMOLAND
FOOTER Gambar 2.7 Halaman Contact
2.4.2
Antarmuka Administrator a. Login

Deskripsi : Halaman form login. Warna background biru. Tulisan label form menggunakan font 12px. Logo berada di sebelah kiri form. Jenis : Form masukan (entry) dan tombol. Desain Tampilan :
ADMINISTRATOR
LOGO
LOMOLAND
Username Password LOGO LOGO
LOGO
submit
Gambar 2.8 Login
Inception-G04
b. Artickels Data
Deskripsi : 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 : Form masukan (entry) dan tombol. Desain Tampilan :
Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data
BANNER
Id Artickel
Explain
Menu
DATABASE TABLE
Submit
LOGO
LOMOLAND
FOOTER Gambar 2.9 Halaman Artickels Data
Inception-G04
c.
Products Data
Deskripsi : 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 : Form masukan (entry) dan tombol. Desain Tampilan :
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 : 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 : Form masukan (entry) dan tombol. Desain Tampilan :
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 : 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 : Form masukan (entry) dan tombol. Desain Tampilan :
BANNER
Name
Email
Comment
DATABASE TABLE
Submit
LOGO
LOMOLAND
FOOTER Gambar 2.12 Halaman Contacts Data
f.
Categories Data
Deskripsi : Halaman form data Kategori. Desain menggunakan css. Tema utama desain adalah langit dan dataran. Warna background Desain Tampilan :
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 : Form masukan (entry) dan tombol.
BANNER
Id Category
Category
Submit
DATABASE TABLE
LOGO
LOMOLAND
FOOTER Gambar 2.13 Halaman Categories Data
g.
User Data
Deskripsi : 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 Desain Tampilan :
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 : Form masukan (entry) dan tombol.
BANNER
Id User
Username
Password
DATABASE TABLE
Submit
LOGO
LOMOLAND
FOOTER Gambar 2.14 Halaman Users Data
h. Transaction Data
Deskripsi : 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 Desain Tampilan :
Inception-G04
gelap dan biru terang yang diselang-seling tiap barisnya. Jenis : Form masukan (entry) dan tombol.
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 Sub Class
Merupakan class induk (orang tua) 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 Asosiasi Spesialisasi Hubungan bagian dari (part of) Hubungan antar objek 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 mengelola untuk web
yaitu update dan 1. Login 2. Paket Administrator 2. Mengelola Web manage database
sistem. Yang hak aksesnya diberikan hanya admin memiliki akun. kepada yang
3.1.2
Identifikasi Kelas Analisis

Jenis Kelas No Nama Paket Nama Kelas Analisis (Boundary, Control, Entity) 1. 1 Paket Customer 2. 3. 4. Main Koneksi Database Melihat Produk Tproduk Boundary Control Entity Entity
Inception-G04
5. 6. 7. 8. 1. 2. 3. 4. 5. 6. 7. Paket Administrator 8. 9.
Transaksi Ttransaksi Mengisi Data Contact TContact Main Koneksi Database Login Edit Data Contact TContact Edit Data Customer TCustomer Edit Data Transaksi TTransaksi
Entity Entity Entity Entity Boundary Control Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity
10. Edit Data Produk 11. TProduk 12. Edit Data Artikel 13. TArtikel 14. Edit Data User 15. TUser 16. Edit Data Kategori 17. TKategori
Inception-G04
3.2
Realisasi Use Case Tahap Analisis 3.2.1 Class Diagram Customer
Main +main() +uiMenu() +uiMemilihProduk() +uiTransaksi() +uiMengisiDataTamu()
1 1 1 1 1 MelihatProduk 1
1..*
TProduk +kode_produk +jenis +file +id_kategori +harga +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()
+cariProdukbyId_kategori() 1..* KoneksiDatabase +host +database +username +password +membukaKoneksi() +eksekusiQuerySelect() +eksekusiQueryUpdate() +tutupKoneksi()
1..*
1 1..* 1 1..* Transaksi 1 +memasukkanTransaksi() 1
1..*
1 1
1 MengisiDataContact 1..* TTransaksi +kode_transaksi +kode_produk +jumlah +kode_customer +setKode_transaksi() +getKode_transaksi() +setKode_produk() +getKode_produk() +setJumlah() +getJumlah() +setKode_costumer() +getKode_costumer()
+memasukkanContact() 1..* TContact +name +email +comment +setName() +getName() +setEmail() +getEmail() +setComment() +getComment()
Gambar 3.1 Class Diagram Customer
Inception-G04
a.
Customer
Use Case: Melihat Produk

main: Main MelihatProduk KoneksiDatabase
Id_kategori
cariProdukById_kategori() <<create>> membukaKoneksi() eksekusiQuerySelect() hasil query
TProduk <<create>> getKode_produk() getJenis() getFile() getId_kategori() getHarga() data produk <<destroy>> <<destroy>>
Inception-G04
b.
Customer
Use Case: Transaksi

Main Transaksi KoneksiDatabase
data transaksi memasukkanTransaksi() TTransaksi <<create>>
<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
X
c.
Customer data contact memasukkanContact() TContact <<create>>
Use Case: Mengisi Data Contact

Main MengisiDataContact KoneksiDatabase
Inception-G04
3.2.2
Main
Class Diagram Administrasi

1 1
TProduk +kode_produk +jenis +file +id_kategori +harga +setKode_produk() +getKode_produk() +setJenis() +getJenis() +setFile() +getFile() +setId_kategori() +getId_kategori() +getHarga() +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() 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()
+main() +uiMenu() +uiLogin() +uiEditDataArtikel() +uiEditDataProduk() +uiEditDataAdmin() +uiEditDataTamu() +uiEditDataCustomer() +uiEditDataTransaksi() +uiEditDataKategori()
1
1 1 1
EditDataProduk
1..*
+cariProdukbyKode_produk() +memasukkanProduk() 1 +mengubahProduk() +menghapusProduk()

1 1 1
1 1..*
EditDataCustomer
1 1 1 1 1 1 1 1 1
Login +validasiLogin() +logout()
+cariCustomerById() +memasukkanProduk() +mengubahCustomer() +menghapusCustomer()

1
EditDataContact
1
+cariTamuByNama() +memasukkanProduk() +mengubahTamu() 1 +menghapusTamu()
KoneksiDatabase +host +database +username +password +membukaKoneksi() +eksekusiQuerySelect() +eksekusiQueryUpdate() +tutupKoneksi()
1..* 1..* 1..* 1..* 1..* 1 1 1
1..*
EditDataArtikel +cariArtikelById_artikel() +memasukkanArtikel() 1 +mengubahArtikel() +menghapusArtikel()

1 1 1 1
1..*
TUser +id +username +password +setId() +getId() +setUsername() +getUsername() +setPassword() +getPassword()
EditDataUser +cariUserById() +memasukkanUser() +mengubahUser() +menghapusUser()

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
a.
Admin
Use Case: Login

Main <<create>> username & password validasiLogin() true / false validasi pesan tidak valid jika false Login
b.
Customer
Use Case: Edit Data Contact

Main data contact memasukkanContact() TContact <<create>> EditDataContact KoneksiDatabase
X
Diagram Sequence Memasukkan Data Contact
Inception-G04
Admin nama
Main
EditDataContact
koneksiDatabase
cariContactByNama() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <<create>> setName() setEmail() setComment() Data Contact Konfirmasi ubah mengubahContact() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Pesan data telah diubah
Diagram Sequence Mengubah Data Contact
Inception-G04
Admin nama
Main
EditDataContact
koneksiDatabase
cariContactByNama() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <<create>> setName() setEmail() setComment() Data Contact Konfirmasi hapus menghapusContact() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Pesan data telah dihapus
Diagram Sequence Menghapus Data Contact
Inception-G04
c.
Customer
Use Case: Edit Data Produk

Main data produk memasukkanProduk() TProduk <<create>> EditDataProduk KoneksiDatabase
X
Diagram Sequence Memasukkan Data Produk
Inception-G04
Admin Kode_produk
Main
EditDataProduk
koneksiDatabase
cariCostumerById() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TProduk <<create>> setKode_produk() setJenis() setFile() setId_Kategori() setProvinsi() setHarga() Data produk
Konfirmasi ubah mengubahProduk() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
X
Diagram Sequence Mengubah Data Produk
Inception-G04
Admin Kode_produk
Main
EditDataProduk
koneksiDatabase
TProduk <<create>> setKode_produk() setJenis() setFile() setId_Kategori() setProvinsi() setHarga() Data produk
Konfirmasi hapus menghapusProduk() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
X
Diagram Sequence Menghapus Data Contact
Inception-G04
d.
Use Case: Edit Data Customer
Customer data customer
Main
EditDataCustomer
KoneksiDatabase
memasukkanCustomer()
TCustomer <<create>>
X
Diagram Sequence Memasukkan Data Costumer
Inception-G04
Admin Id
Main
EditDataCustomer
koneksiDatabase
TCostumer <<create>> setKode_costumer() setNama() setEmail() setAlamat() setProvinsi() setKota() setTelepon() setVia() Data costumer Konfirmasi ubah mengubahCostumer() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Mengubah Data Customer
Inception-G04
Admin Id
Main
EditDataCustomer
koneksiDatabase
TCostumer <<create>> setKode_costumer() setNama() setEmail() setAlamat() setProvinsi() setKota() setTelepon() setVia() Data costumer Konfirmasi hapus menghapusCostumer() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Menghapus Data Customer
Inception-G04
e.
Admin
Use Case: Edit Data Transaksi

Main Kode_transaksi
cariTransaksiByKode_transaksi()
EditDataTransaksi
koneksiDatabase
<<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TTransaksi <<create>> setKode_transaksi() setKode_produk() setJumlah() setKode_costumer() Data transaksi Konfirmasi hapus menghapusTransaksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
X
Diagram Sequence Menghapus Data Transaksi
Inception-G04
f.
Admin
Use Case: Edit Data Artikel

Main Data artikel memasukkanArtikel() <<create>> <<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> TArtikel EditDataArtikel koneksiDatabase
<<destroy>>
X
Diagram Sequence Memasukkan Data Artikel
Inception-G04
Admin Id
Main
EditDataArtikel
koneksiDatabase
cariArtikelById() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TArtikel <<create>> setId() setKeterangan() setMenu()
Data artikel Data yang diubah mengubahArtikel() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Mengubah Data Artikel
Inception-G04
Admin Id
Main
EditDataArtikel
koneksiDatabase
cariArtikelById() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TArtikel <<create>> setId() setKeterangan() setMenu()
Data artikel Data yang dihapus menghapusArtikel() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Menghapus Data Artikel
Inception-G04
g.
Admin
Use Case: Edit Data User

Main Data user memasukkanUser() <<create>> <<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> TUser EditDataUser koneksiDatabase
<<destroy>>
X
Diagram Sequence Memasukkan Data User
Inception-G04
Admin Id
Main
EditDataUser
koneksiDatabase
cariUserById() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TUser <<create>> setId() setUsername() setPassword() Data user Data yang diubah mengubahUser() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Mengubah Data User
Inception-G04
Admin Id
Main
EditDataUser
koneksiDatabase
cariUserById() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TUser <<create>> setId() setUsername() setPassword() Data user Data yang hapus menghapusUser() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Menghapus Data User
Inception-G04
h.
Use Case: Edit Data Kategori
Customer data kategori
Main
EditDataKategori
KoneksiDatabase
memasukkanKategori()
TKategori <<create>>
X
Diagram Sequence Memasukkan data kategori
Inception-G04
Admin Id_kategori
Main
EditDataKategori
koneksiDatabase
cariContactById_kategori() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <<create>> setId_kategori() setNama_kategori()
Data Contact Konfirmasi ubah mengubahContact() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Mengubah data kategori
Inception-G04
Admin Id_kategori
Main
EditDataKategori
koneksiDatabase
cariContactById_kategori() <<create>> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <<create>> setId_kategori() setNama_kategori()
Data Contact Konfirmasi hapus menghapusContact() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>
Diagram Sequence Menghapus data kategori
Inception-G04
3.3
Kelas Analisis
No 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Main Koneksi Database Melihat Produk Edit Data Produk Tproduk Transaksi Edit Data Transaksi TTransaksi Mengisi Data Contact Edit Data Contact TContact Login Edit Data Customer TCustomer Edit Data User TUser Edit Data Artikel TArtikel Edit Data Produk TProduk Edit Data Kategori TKategori Nama Kelas Boundary Control Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Entity Jenis
Inception-G04
3.4
Paket Analisis
Web Lomoland
Customer
Administrator
Control
Entity
Control
Entity
3.5
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
SELECT * FROM artikel WHERE MENU='$var'
Keterangan Menampilkan data menu.
Nama Kelas Algoritma
: Koneksi Database :
<? $host="localhost"; $user="root"; $password=""; $database="db_lomo"; mysql_connect($host,$user,$password); mysql_select_db($database); ?>
4.2.1.3
: Memilih produk :
include"config.php"; $hasil=mysql_query("SELECT * FROM kategori"); while($data=mysql_fetch_row($hasil)) { echo "<a href='product.php?kategori_id=$data[0]' class='cat'>$data[1]</a>"; }
Inception-G04
include"config.php"; $hasil=mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[kategori_id]'"); echo "<table border='0' cellpadding='20' cellspacing='20'>"; while($data=mysql_fetch_row($hasil)) { echo "<tr>"; echo "<td> <font face = 'Lucida Sans Unicode, Lucida Console, sansserif' size='2'> $data[1] <br> Rp. $data[4]</font> <br> <a href='get.php?tombol=add&kode_produk=$data[0]'> <img src='images/get.png' border='0'> </a></td>"; echo "<td> <img src='$data[2]'> </td>"; echo "</tr>"; } echo "</table>";
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 </script>"; } 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'</script>"; } $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
: 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.
Q-002 Q-003 Q-004
Menambah produk. Cancel transaksi. Menyimpan penambahan transaksi.
Q-005
Melakukan transaksi.
4.2.1.5
: 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
: Query
INSERT INTO contact (name, email, comment) VALUES ('$_GET[name], $_GET[email]', '$_GET[comment]')
Keterangan Memasukkan data contact.
4.2.1.6
: 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
SELECT * FROM user WHERE user='$user' AND password='$password'
Keterangan 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
INSERT INTO artikel (id_artikel, ket, menu) VALUES('$_GET[id_artikel]', '$_GET[ket]', '$_GET[menu]')
Keterangan 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); }
: Query
UPDATE artikel SET ket='$_POST[ket2]', menu='$_POST[menu2]' WHERE id_artikel='$_POST[id_artikel2]'
Keterangan
Mengubah data artikel.
4.2.1.9
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!'); </script>"; }
: 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?'; </script> "; }
Query No Query
: Query
INSERT INTO produk (kode_produk, jenis, file, id_kategori, harga) VALUES ('$_POST[kode_produk]', '$_POST[jenis]', '$direktori', '$_POST[id_kategori]', '$_POST[harga]')
Keterangan
Q-001
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?'; </script>";
: Query
UPDATE produk SET jenis = '$jenis', id_kategori = '$id_kategori', harga = '$harga' WHERE kode_produk='$id'
Keterangan
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!'); </script>"; }
: 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
: Query
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]')
Keterangan
Q-001
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
: Query
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]'
Keterangan
Q-001
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
DELETE FROM costumer WHERE kode_costumer='$_GET[kode_costumer]'
Keterangan 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
INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]', '$_GET[email]', '$_GET[comment]')
Keterangan 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
UPDATE contact SET email='$_POST[email]', comment='$_POST[comment]' WHERE name='$_POST[name]'
Keterangan
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
DELETE FROM contact WHERE name='$_GET[id]'
Keterangan 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
INSERT INTO kategori (id_kategori, nama_kategori) VALUES ('$_GET[id_kategori]', '$_GET[nama_kategori]')
Keterangan 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
UPDATE kategori SET nama_kategori='$_POST [nama_kategori2]', WHERE id_kategori='$_POST [id_kategori2]'
Keterangan
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
UPDATE user SET user='$_POST[user2]', password='$_POST[password2]', WHERE id_user='$_POST[nama2]'
Keterangan
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
DELETE FROM user WHERE id_user='$_GET[id]'
Keterangan 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 Q-001 WHERE
: Query
DELETE FROM transaksi kode_transaksi='$_GET[id]'
Keterangan Menghapus data transaksi berdasarkan kode transaksi.
Inception-G04
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 Menambah Produk
Menampilkan form total transaksi
Ya
Tidak
Insert data customer Konfirmasi Transaksi
Menampilkan form data customer
Ya
Tidak
Update database
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
Edit Data Transaksi
Mengelola web
Update database
Inception-G04
4.3
Antarmuka 4.3.1 Antarmuka Login: Gambar 2.8

Jenis Button Nama Submit Keterangan Membuka menu Artickels Data
Id_Objek Button1
4.3.2
Id_Objek Button1 Button2 Button3
Antarmuka Artikels Data: Gambar 2.9

Jenis Button Button Button Nama Submit Delete Update Keterangan Menyimpan data artikel ke dalam database. Menghapus data artikel dalam database. Mengubah data artikel dalam database.
4.3.3
Antarmuka Products Data: Gambar 2.10

Jenis Button Button Button Nama Submit Delete Update Keterangan Menyimpan data artikel ke dalam database. Menghapus data artikel dalam database. Mengubah data artikel dalam database.
4.3.4
Antarmuka Customers Data: Gambar 2.11

Jenis Button Button Button Nama Submit Delete Update Keterangan Menyimpan data customer ke dalam database. Menghapus data customer dalam database. Mengubah data customer dalam database.
4.3.5
Antarmuka Contacts Data: Gambar 2.12

Jenis Button Button Button Nama Submit Delete Update Keterangan Menyimpan data contact ke dalam database. Menghapus data contact dalam database. Mengubah data contact dalam database.
Inception-G04
4.3.6
Antarmuka Categories Data: Gambar 2.13

Jenis Button Button Button Nama Submit Delete Update Keterangan Menyimpan data categories ke dalam database. Menghapus data categories dalam database. Mengubah data categories dalam database.
4.3.7
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.
4.3.8
Id_Objek Button1
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 76 dari 84 halaman
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 4 5 6 7 8 9 10 11
Rencana Pengujian
Use Case Melihat produk Transaksi Mengisi data contact Login Edit data artikel Edit data produk Edit data user Edit data contact Edit data customer Edit data transaksi Edit data kategori Pengujian Skenario normal Skenario normal Skenario normal 1. Skenario normal 2. Skenario alternatif Skenario normal 1. Skenario normal 2. Skenario alternatif Skenario normal Skenario normal Skenario normal Skenario normal Skenario normal Jenis Pengujian Black box Black box Black box 1. Black box 2. Black Box Black box 1. Black box 2. Black Box Black box Black box Black box Black box Black box Identifikasi U-01-01 U-02-01 U-03-01 U-04-01 U-04-02 U-05-01 U-06-01 U-06-02 U-07-01 U-08-01 U-09-01 U-10-01 U-11-01
6.2
Kasus Uji
Prosedur Pengujian - Memilih menu Product - Memilih kategori produk - Memilih menu Product - Memilih kategori produk - Menekan tombol get - Menekan tombol order - Menekan tombol submit Hasil yang Diharapkan Menampilkan daftar produk Hasil yang Didapat Menampil kan daftar produk Berhasil insert, kembali ke halaman home
Identifikasi U-01-01
Deskripsi Pengujian hasil tampilan produk Pengujian proses transaksi
Masukan
Ket. Diterima
U-02-01
- Jumlah produk - Name, email, address, province, city, phone, dan shipping via
- Konfirmasi submit data - Insert data dalam tabel temp, customer dan transaksi
Diterima
Inception-G04
U-03-01
Pengujian insert data contact
U-04-01
Pengujian berhasil login
- 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
Username dan password
U-04-02
Pengujian gagal login
- Memilih link login admin pada halaman home - Menekan tombol submit form login
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
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
Menampil kan menu admin
Diterima
Menampil kan pesan username atau password salah
Ditolak
- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data terhapus dari tabel
Diterima
- 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
- 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
Inception-G04
U-11-01
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
6.3
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)

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

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

Diunggah oleh

Hak Cipta:

Format Tersedia

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

Teknik Informatika Unhalu

TGL Ditulis oleh Diperiksa oleh Disetujui oleh

Teknik Informatika Unhalu

Halaman 2 dari 84 halaman

Daftar Halaman Perubahan

Teknik Informatika Unhalu

Halaman 3 dari 84 halaman

Teknik Informatika Unhalu

Halaman 4 dari 84 halaman

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

Teknik Informatika Unhalu

Halaman 5 dari 84 halaman

BAB I Pendahuluan 1.1 Tujuan Penulisan Dokumen

Teknik Informatika Unhalu

Halaman 6 dari 84 halaman

Deskripsi Umum Dokumen (Ikhtisar)

Teknik Informatika Unhalu

Halaman 7 dari 84 halaman

BAB II Kebutuhan Perangkat Lunak

Fungsi Utama Perangkat Lunak

Teknik Informatika Unhalu

Halaman 8 dari 84 halaman

Model Use Case 2.3.1 Definisi Actor

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

Teknik Informatika Unhalu

Halaman 9 dari 84 halaman

Mengisi Data Contact

Edit Data Artikel

penginputan data admin,

Teknik Informatika Unhalu

Halaman 10 dari 84 halaman

penghapusan data kategori.

halaman website. 2. Memilih menu Product 3. Memilih produk

kategori Menampilkan katalog produk berdasarkan kategori.

memilih yang akan

dibeli dengan menekan

dilakukan dan menampilkan

Teknik Informatika Unhalu

Halaman 11 dari 84 halaman

tombol save. 3. Pembeli menambah produk yang dapat jenis akan

transaksi tekan tombol submit.

Nama Use Case Actor Skenario Aktor Skenario normal

Mengisi Data Contact Customer

Teknik Informatika Unhalu

Halaman 12 dari 84 halaman

mengakses Menampilkan Lomoland.

Menampilkan Form Contact

Menyimpan data contact kedalam database.

Tampilan form login.

Masuk dalam halaman administrator dan menampilkan menu-menu administrasi.

Muncul pesan kesalahan dan kembali ke form login.

Teknik Informatika Unhalu

Halaman 13 dari 84 halaman

Nama Use Case Actor Skenario Aktor Skenario normal

Mengelola Web Administrator