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.
Teknik Informatika Unhalu
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 3 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 4 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 5 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 6 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 7 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 8 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.
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.
Teknik Informatika Unhalu
Deskripsi
Melihat Produk
Inception-G04
Untuk
melihat
produk-produk
yang disediakan.
Halaman 9 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 10 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.
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
Teknik Informatika Unhalu
Sistem
menghitung
pembelian
yang
dilakukan dan menampilkan
Inception-G04
Halaman 11 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.
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
:
Mengisi Data Contact
Actor
:
Customer
Skenario
: Aktor
Sistem
Skenario normal
Teknik Informatika Unhalu
Inception-G04
Halaman 12 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 13 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.
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
Teknik Informatika Unhalu
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
Halaman 14 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 15 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.
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
Teknik Informatika Unhalu
Inception-G04
dapat
mengakses
melakukan
data proses
Halaman 16 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 17 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 18 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.
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.
HOME ABOUT PRODUCT CONTACT
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
Teknik Informatika Unhalu
Inception-G04
Halaman 19 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.
detail order, terdapat tabel detail produk dan textfield untuk mengubah quantity serta tombol add, cancel, save dan order. Jenis
:
Form masukan dan tombol.
HOME ABOUT PRODUCT CONTACT
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
Teknik Informatika Unhalu
:
Form masukan dan tombol.
Inception-G04
Halaman 20 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.
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
Teknik Informatika Unhalu
:
Form masukan (entry) dan tombol.
Inception-G04
Halaman 21 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.
HOME ABOUT PRODUCT CONTACT
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
:
Form masukan (entry) dan tombol.
ADMINISTRATOR
LOGO LOMOLAND
Username
LOGO
Password LOGO LOGO
submit
Gambar 2.8 Login
Teknik Informatika Unhalu
Inception-G04
Halaman 22 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.
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
Form masukan (entry) dan tombol.
BANNER Id Artickel
Explain
DATABASE TABLE
Menu
Submit
LOGO LOMOLAND
FOOTER Gambar 2.9 Halaman Artickels Data
Teknik Informatika Unhalu
Inception-G04
Halaman 23 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.
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
:
Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data
Form masukan (entry) dan tombol.
BANNER Product
Type
File
Id_Category
DATABASE TABLE
Price
LOGO LOMOLAND
Submit
FOOTER Gambar 2.10 Halaman Products Data
Teknik Informatika Unhalu
Inception-G04
Halaman 24 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.
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
:
Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data
Form masukan (entry) dan tombol.
BANNER Name
Email
Address
Province
DATABASE TABLE
City
Phone
LOGO LOMOLAND
Submit
FOOTER Gambar 2.11 Halaman Customers Data
Teknik Informatika Unhalu
Inception-G04
Halaman 25 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.
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
:
Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data
Form masukan (entry) dan tombol.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 26 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.
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
Form masukan (entry) dan tombol.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 27 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.
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
Form masukan (entry) dan tombol.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 28 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.
gelap dan biru terang yang diselang-seling tiap barisnya. Jenis
:
Form masukan (entry) dan tombol.
Artickels Data Products Data Customers Data Contacts Data Categories Data Users Data Transaction Data
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
Teknik Informatika Unhalu
Inception-G04
Halaman 29 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.
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
Teknik Informatika Unhalu
Pewarisan sifat-sifat super class yang berupa data,
Inception-G04
Halaman 30 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.
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).
Teknik Informatika Unhalu
Inception-G04
Halaman 31 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.
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
Teknik Informatika Unhalu
1.
Main
Boundary
2.
Koneksi Database
Control
3.
Melihat Produk
Entity
4.
Tproduk
Entity
Inception-G04
Halaman 32 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.
2
Paket Administrator
Teknik Informatika Unhalu
5.
Transaksi
Entity
6.
Ttransaksi
Entity
7.
Mengisi Data Contact
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
Halaman 33 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 34 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.
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
Teknik Informatika Unhalu
Inception-G04
X
Halaman 35 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.
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()
<>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
Teknik Informatika Unhalu
Inception-G04
X
Halaman 36 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.
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..*
Teknik Informatika Unhalu
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()
Halaman 37 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.
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 <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
X
Diagram Sequence Memasukkan Data Contact
Teknik Informatika Unhalu
Inception-G04
Halaman 38 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 39 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.
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
Teknik Informatika Unhalu
Inception-G04
Halaman 40 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.
c.
Use Case: Edit Data Produk
Customer
Main
EditDataProduk
KoneksiDatabase
data produk memasukkanProduk()
TProduk <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
X
Diagram Sequence Memasukkan Data Produk
Teknik Informatika Unhalu
Inception-G04
Halaman 41 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.
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() <> <>
Pesan data telah diubah
X
X
Diagram Sequence Mengubah Data Produk
Teknik Informatika Unhalu
Inception-G04
Halaman 42 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.
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() <> <>
Pesan data telah dihapus
X
X
Diagram Sequence Menghapus Data Contact
Teknik Informatika Unhalu
Inception-G04
Halaman 43 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.
d.
Use Case: Edit Data Customer
Customer
Main
EditDataCustomer
KoneksiDatabase
data customer memasukkanCustomer()
TCustomer <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
X
Diagram Sequence Memasukkan Data Costumer
Teknik Informatika Unhalu
Inception-G04
Halaman 44 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.
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() <> <>
Pesan data telah diubah
X
X
Diagram Sequence Mengubah Data Customer
Teknik Informatika Unhalu
Inception-G04
Halaman 45 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.
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() <> <>
Pesan data telah dihapus
X
X
Diagram Sequence Menghapus Data Customer
Teknik Informatika Unhalu
Inception-G04
Halaman 46 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.
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() <> <>
Pesan data telah dihapus
X
X
Diagram Sequence Menghapus Data Transaksi
Teknik Informatika Unhalu
Inception-G04
Halaman 47 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.
f.
Use Case: Edit Data Artikel
Admin
Main
EditDataArtikel
koneksiDatabase
Data artikel TArtikel
memasukkanArtikel() <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <>
<>
X
X
Diagram Sequence Memasukkan Data Artikel
Teknik Informatika Unhalu
Inception-G04
Halaman 48 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.
Admin
Main
EditDataArtikel
koneksiDatabase
Id cariArtikelById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TArtikel <> setId() setKeterangan() setMenu()
Data artikel Data yang diubah mengubahArtikel() eksekusiQueryUpdate() tutupKoneksi() <> <>
Pesan data telah diubah
X
X
Diagram Sequence Mengubah Data Artikel
Teknik Informatika Unhalu
Inception-G04
Halaman 49 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.
Admin
Main
EditDataArtikel
koneksiDatabase
Id cariArtikelById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TArtikel <> setId() setKeterangan() setMenu()
Data artikel Data yang dihapus menghapusArtikel() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
Pesan data telah dihapus
X
Diagram Sequence Menghapus Data Artikel
Teknik Informatika Unhalu
Inception-G04
Halaman 50 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.
g.
Use Case: Edit Data User
Admin
Main
EditDataUser
koneksiDatabase
Data user TUser
memasukkanUser() <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <>
<>
X
X
Diagram Sequence Memasukkan Data User
Teknik Informatika Unhalu
Inception-G04
Halaman 51 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.
Admin
Main
EditDataUser
koneksiDatabase
Id cariUserById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TUser <> setId() setUsername() setPassword() Data user Data yang diubah mengubahUser() eksekusiQueryUpdate() tutupKoneksi() <> <>
Pesan data telah diubah
X
X
Diagram Sequence Mengubah Data User
Teknik Informatika Unhalu
Inception-G04
Halaman 52 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.
Admin
Main
EditDataUser
koneksiDatabase
Id cariUserById() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TUser <> setId() setUsername() setPassword() Data user Data yang hapus menghapusUser() eksekusiQueryUpdate() tutupKoneksi() <> <>
Pesan data telah dihapus
X
X
Diagram Sequence Menghapus Data User
Teknik Informatika Unhalu
Inception-G04
Halaman 53 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.
h.
Use Case: Edit Data Kategori
Customer
Main
EditDataKategori
KoneksiDatabase
data kategori memasukkanKategori()
TKategori <>
<> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <> <>
X
X
Diagram Sequence Memasukkan data kategori
Teknik Informatika Unhalu
Inception-G04
Halaman 54 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.
Admin
Main
EditDataKategori
koneksiDatabase
Id_kategori cariContactById_kategori() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <> setId_kategori() setNama_kategori()
Data Contact Konfirmasi ubah mengubahContact() eksekusiQueryUpdate() tutupKoneksi() <> <>
Pesan data telah diubah
X
X
Diagram Sequence Mengubah data kategori
Teknik Informatika Unhalu
Inception-G04
Halaman 55 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.
Admin
Main
EditDataKategori
koneksiDatabase
Id_kategori cariContactById_kategori() <> membukaKoneksi() eksekusiQuerySelect() Hasil query
TContact <> setId_kategori() setNama_kategori()
Data Contact Konfirmasi hapus menghapusContact() eksekusiQueryUpdate() tutupKoneksi() <> <>
Pesan data telah dihapus
X
X
Diagram Sequence Menghapus data kategori
Teknik Informatika Unhalu
Inception-G04
Halaman 56 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.
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
Mengisi Data Contact
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
Teknik Informatika Unhalu
Inception-G04
Halaman 57 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 58 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.
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.
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
Nama Kelas Algoritma
: Memilih produk :
include"config.php"; $hasil=mysql_query("SELECT * FROM kategori"); while($data=mysql_fetch_row($hasil)) { echo "$data[1]"; }
Teknik Informatika Unhalu
Inception-G04
Halaman 59 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.
include"config.php"; $hasil=mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[kategori_id]'"); echo ""; while($data=mysql_fetch_row($hasil)) { echo ""; echo " $data[1] Rp. $data[4] | "; echo " | "; echo "
"; } echo "
";
Query : No Query Query Q-001 SELECT * FROM kategori Q-002 4.2.1.4
SELECT * FROM produk WHERE id_kategori = '$_GET[kategori_id]'
Nama Kelas Algoritma
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))
Teknik Informatika Unhalu
Inception-G04
Halaman 60 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.
{ $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'
Nama Kelas Algoritma
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); }
Teknik Informatika Unhalu
Inception-G04
Halaman 61 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.
Query No Query Q-001
4.2.1.6
: Query
Keterangan
INSERT INTO contact (name, email, comment) VALUES ('$_GET[name]’, ‘$_GET[email]', '$_GET[comment]')
Memasukkan data contact.
Nama Kelas Algoritma
: 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 No Query Q-001
Teknik Informatika Unhalu
: Query
Keterangan
INSERT INTO artikel (id_artikel, ket, menu) VALUES('$_GET[id_artikel]', '$_GET[ket]', '$_GET[menu]')
Memasukkan data artikel.
Inception-G04
Halaman 62 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.
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 No Query Q-001
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 No Query Q-001
: 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";
Teknik Informatika Unhalu
Inception-G04
Halaman 63 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.
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 No Query Q-001
Teknik Informatika Unhalu
: Query
Keterangan
UPDATE produk SET jenis = '$jenis', id_kategori = '$id_kategori', harga = '$harga' WHERE kode_produk='$id'
Mengubah data produk.
Inception-G04
Halaman 64 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.
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 No Query Q-001
: 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
Teknik Informatika Unhalu
: 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
Halaman 65 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.
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 No Query Q-001
: 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); }
Teknik Informatika Unhalu
Inception-G04
Halaman 66 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.
Query No Query Q-001
: 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 No Query Q-001
: 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 No Query Q-001
: 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]')";
Teknik Informatika Unhalu
Inception-G04
Halaman 67 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.
mysql_query($perintah); }
Query No Query Q-001
: 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 No Query Q-001
: 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 No Query Q-001
: 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")
Teknik Informatika Unhalu
Inception-G04
Halaman 68 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.
{ $perintah="INSERT INTO user (id_user, user, password) VALUES ('$_GET[id_user]', '$_GET[user]', MD5('$_GET[password]'));"; mysql_query($perintah); }
Query No Query Q-001
: 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 No Query Q-001
: 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 No Query Q-001
Teknik Informatika Unhalu
: Query
Keterangan
DELETE FROM user WHERE id_user='$_GET[id]'
Menghapus data user berdasarkan id.
Inception-G04
Halaman 69 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.
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]'
Teknik Informatika Unhalu
Inception-G04
Keterangan Menghapus data transaksi berdasarkan kode transaksi.
Halaman 70 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.
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
Teknik Informatika Unhalu
Update database
Tidak
Inception-G04
Halaman 71 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.
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
Teknik Informatika Unhalu
Edit Data Transaksi
Inception-G04
Halaman 72 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.
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
Teknik Informatika Unhalu
Keterangan Menyimpan data contact ke dalam database. Menghapus data contact dalam database. Mengubah data contact dalam database.
Inception-G04
Halaman 73 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.
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
Teknik Informatika Unhalu
Keterangan Menghapus data user dalam database.
Inception-G04
Halaman 74 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 75 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.
-
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
Teknik Informatika Unhalu
Inception-G04
Halaman 76 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.
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 77 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.
-
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 78 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.
-
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 79 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.
-
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 80 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.
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
Teknik Informatika Unhalu
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
Halaman 81 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.
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
Username dan password
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
Teknik Informatika Unhalu
Inception-G04
Halaman 82 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.
U-06-02
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
U-07-01
Pengujian edit data user
- Memilih menu - Memasukkan data user pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete
Username dan password
U-08-01
Pengujian edit data kontak
- Memilih menu - Memasukkan data produk pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete
Nama, email dan komentar
U-09-01
Pengujian edit data customer
- Memilih menu - Memasukkan data produk pada form - Menekan tombol submit - Menekan tombol update - Menekan tombol delete
Name, email, address, province, city, phone, dan shipping via
U-10-01
Pengujian edit data transaksi
- Memilih menu - Menekan tombol delete
Teknik Informatika Unhalu
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
- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data tidak terhapus dari tabel
Diterima
- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data tidak terhapus dari tabel
Diterima
Data terhapus dari tabel transaksi
Diterima
Halaman 83 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.
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
- Data yang dimasukk an tampil pada tabel - Data terubah pada tabel - Data tidak terhapus dari tabel
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.
Teknik Informatika Unhalu
Inception-G04
Halaman 84 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.