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

  • 0 0 0
  • Suka dengan makalah ini dan mengunduhnya? Anda bisa menerbitkan file PDF Anda sendiri secara online secara gratis dalam beberapa menit saja! Sign Up
File loading please wait...
Citation preview

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 :



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 ""; echo ""; echo ""; } echo "
$data[1]
Rp. $data[4]




";



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



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



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



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



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



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



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.