Anda di halaman 1dari 84

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.

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
Penambahan link login admin pada skenario use case administrator.

Halaman

Revisi

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

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

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

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

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 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.

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 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.

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 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.

Teknik Informatika Unhalu

Inception-G04

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

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.

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 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

Teknik Informatika Unhalu

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 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

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 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.

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 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)

Teknik Informatika Unhalu

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

<<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

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 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

Teknik Informatika Unhalu

Inception-G04

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 : 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

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 : 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

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 :

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

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 :

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 :
HOME ABOUT PRODUCT CONTACT

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 :

Teknik Informatika Unhalu

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 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 :

Teknik Informatika Unhalu

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 : 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

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 : 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

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 : 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 :

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

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 : 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 :

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

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 : 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 :

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

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 :

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 : Form masukan (entry) dan tombol.

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

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 :

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 : Form masukan (entry) dan tombol.

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

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 :

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 Sub Class

Merupakan class induk (orang tua) Merupakan class anak (turunan) yang mewarisi super class.

Inheritance

Pewarisan sifat-sifat super class yang berupa data,

Teknik Informatika Unhalu

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 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).

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 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

Teknik Informatika Unhalu

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.

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

Teknik Informatika Unhalu

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 +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

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.
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>>

Teknik Informatika Unhalu

Inception-G04

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.
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

<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>

Teknik Informatika Unhalu

Inception-G04

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
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..*

Teknik Informatika Unhalu

Inception-G04

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.
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

<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>

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 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

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 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

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.
Customer

Use Case: Edit Data Produk


Main data produk memasukkanProduk() TProduk <<create>> EditDataProduk KoneksiDatabase

<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>

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 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>>

Pesan data telah diubah

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 Kode_produk

Main

EditDataProduk

koneksiDatabase

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

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

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

Pesan data telah dihapus

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 data customer

Main

EditDataCustomer

KoneksiDatabase

memasukkanCustomer()

TCustomer <<create>>

<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>

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 Id

Main

EditDataCustomer

koneksiDatabase

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

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

Pesan data telah diubah

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 Id

Main

EditDataCustomer

koneksiDatabase

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

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

Pesan data telah dihapus

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.
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>>

Pesan data telah dihapus

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.
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

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 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>>

Pesan data telah diubah

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 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>>

Pesan data telah dihapus

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.
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

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 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>>

Pesan data telah diubah

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 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>>

Pesan data telah dihapus

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 data kategori

Main

EditDataKategori

KoneksiDatabase

memasukkanKategori()

TKategori <<create>>

<<create>> membukaKoneksi() eksekusiQueryUpdate() tutupKoneksi() <<destroy>> <<destroy>>

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 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>>

Pesan data telah diubah

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 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>>

Pesan data telah dihapus

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 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

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

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.

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
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

Nama Kelas Algoritma

: 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>"; }

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 "<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.

Nama Kelas Algoritma

: 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))

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'</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

Nama Kelas Algoritma

: 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

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

Keterangan Memasukkan data contact.

4.2.1.6

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
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 No Query Q-001

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

Keterangan Memasukkan data artikel.

Teknik Informatika Unhalu

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

: 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 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?'; </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 No Query Q-001

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

Keterangan

Mengubah data produk.

Teknik Informatika Unhalu

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!'); </script>"; }

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

: 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.

Teknik Informatika Unhalu

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

: 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 No Query Q-001

: 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); }

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
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 No Query Q-001

: 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 No Query Q-001

: 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]')";

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
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 No Query Q-001

: 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 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
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 No Query Q-001

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

Keterangan Menghapus data user berdasarkan id.

Teknik Informatika Unhalu

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 Q-001 WHERE

: Query
DELETE FROM transaksi kode_transaksi='$_GET[id]'

Keterangan Menghapus data transaksi berdasarkan kode transaksi.

Teknik Informatika Unhalu

Inception-G04

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 Menambah Produk

Menampilkan form total transaksi

Ya

Tidak

Insert data customer Konfirmasi Transaksi

Menampilkan form data customer

Ya

Tidak

Update database

Teknik Informatika Unhalu

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

Edit Data Transaksi

Mengelola web

Update database

Teknik Informatika Unhalu

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 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
Id_Objek Button1 Button2 Button3

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
Id_Objek Button1 Button2 Button3

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
Id_Objek Button1 Button2 Button3

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.

Teknik Informatika Unhalu

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 Button1 Button2 Button3

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
Id_Objek Button1 Button2 Button3

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.

Teknik Informatika Unhalu

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
Inception-G04 Halaman 76 dari 84 halaman

Teknik Informatika Unhalu

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 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

Teknik Informatika Unhalu

Inception-G04

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

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

Username dan password

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

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

- 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

Teknik Informatika Unhalu

Inception-G04

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

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

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.

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.