S1 Sistem Informasi
SKPL – SIP-AT
11/ 36
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi Sistem Informasi
SKPLSKPL
SKPL
SKPL
SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK
SIP-AT
(Sistem Informasi Penjualan Alat Tulis)
Untuk :
Toko Afta Purwokerto
Dipersiapkan oleh:
Remigius Oktavianus Moa Mosa
201501144
Program Studi S1 Sistem Informasi
Sekolah Tinggi Ilmu Komputer Yos Sudarso Purwokerto
S1
Sistem Informasi
Nomor Dokumen
Halaman
SKPL-SIP-AT
1/35
Revisi
DAFTAR PERUBAHAN
Revisi
Deskripsi
A
B
C
D
E
F
INDEX
TGL
-
A
B
C
D
E
F
G
Ditulis oleh
Diperiksa oleh
Disetujui oleh
Daftar Halaman Perubahan
Halaman
Revisi
Halaman
Revisi
Daftar Isi
1 Pendahuluan 6
1.1 Tujuan 6
1.2 Lingkup Masalah 6
1.3 Definisi, Akronim dan Singkatan 7
1.4 Referensi 7
1.5 Deskripsi umum (Overview) 8
2 Deskripsi Kebutuhan 9
2.1 Perspektif produk 9
2.2 Fungsi Produk 10
2.3 Karakteristik Pengguna 18
2.4 Batasan-batasan 18
2.5 Asumsi dan Ketergantungan 19
3 Kebutuhan khusus 19
3.1 Kebutuhan antarmuka eksternal 19
3.2 Kebutuhan Fungsionalitas Perangkat Lunak 21
4 Spesifikasi Rinci Kebutuhan 21
4.1 Spesifikasi Kebutuhan Fungsionalitas 21
5 Sketsa Antar Muka 24
6 Use Case Diagram 31
6.1 Activity Diagram 31
6.1.1 Activity Diagram Login 31
6.1.2 Activity Diagram Kategori Produk 32
6.1.3 Activity Diagram Pembelian 32
6.1.4 Activity Diagram Konfirmasi Order 33
6.1.5 Activity Diagram Cetak Detail Order 33
6.2 Sequence Diagram 34
6.2.1 Sequence Diagram Login 34
6.2.2 Sequence Diagram Tambah Produk 34
6.2.3 Sequence Diagram Edit Produk 35
6.2.4 Sequence Diagram Delete Produk 35
7 Entity Relationship Diagram (ERD) 36
Daftar Gambar
Gambar 1 Proses Bisnis Dengan E-Commerce............11
Gambar 2 Use Case Diagram...........................17
Gambar 3 Halaman Utama..............................25
Gambar 4 Tampilan Login.............................26
Gambar 5 Halaman Detail Login.......................26
Gambar 6 Halaman Shopping Cart......................27
Gambar 7 Halaman Confirmation Order.................28
Gambar 8 Halaman Pengelola Data Produk..............28
Gambar 9 Halaman Pengelola Input Data Produk........29
Gambar 10 Halaman Pengelola Data Order ..............30
Gambar 11 Halaman Pengelola Data Order Terkonfirmasi.30
Gambar 12 Halaman Pengelola Laporan Penjualan........31
Gambar 13 Activity Diagram Login.....................31
Gambar 14 Activity Diagram Kategori Produk...........32
Gambar 15 Activity Diagram Pembelian.................32
Gambar 16 Activity Diagram Konfirmasi Order..........33
Gambar 17 Activity Diagram Cetak Detail Order........33
Gambar 18 Sequence Diagram Login.....................34
Gambar 19 Sequence Diagram Tambah Produk.............34
Gambar 20 Sequence Diagram Edit Produk...............35
Gambar 21 Sequence Diagram Delete Produk.............35
Gambar 22 Entity Relationship Diagram................36
Pendahuluan
Tujuan
Dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL) ini merupakan dokumen spesifikasi kebutuhan perangkat lunak SIP-AT (Sistem Informasi Penjualan Alat Tulis Berbasis Web) untuk menciptakan sistem yang mampu menghasilkan informasi data penjualan, juga untuk membuat suatu perancangan sistem baru yang mengolah data penjualan barang dengan bantuan komputer.
Lingkup Masalah
Perangkat lunak SPK-PRaK dikembangkan dengan tujuan untuk:
Pendataan Sistem Informasi hanya pada sistem penjualan, pembelian, stok barang dan sistem informasi perhitungan laba rugi,
Laporan penjualan, pembelian dan laba rugi.
Menyediakan katalog produk yang lebih lengkap serta mempermudah penyampaian informasi produk.
Memperluas wilayah dan jangkauan dalam penjualan dan pemasaran produk.
Meningkatkan efektivitas dalam memperoleh informasi perhitungan laba rugi yang akurat dan tepat waktu dalam pelaporan data perhitungan laba rugi.
Sistem Informasi Penjualan Alat Tulis menggunakan PHP sebagai bahasa pemrogramannya dan MYSQL sebagai basis datanya.
Definisi, Akronim dan Singkatan
Tabel 1 berikut ini berisi daftar definisi akronim dan singkatan.
Tabel 1. Daftar Definisi Akronim dan Singkatan
Keyword/Phrase
Definisi
SKPL
Adalah spesifikasi kebutuhan dari perangkat lunak SIP-AT yang akan dikembangkan
SKPL-AT-xxx
kode yang merepresentasikan kebutuhan pada SIP-AT dimana xxx merupakan nomor fungsi produk.
SPK-AT
Perangkat lunak Pendukung keputusan Sistem Informasi Penjualan.
Role
Hak akses yang diberikan kepada pengguna dalam berhubungan dengan sistem.
Database
Kumpulan data yang terkait yang diorganisasikan dalam struktur tertentu dan dapat diakses dengan cepat.
User
Pengguna sistem dengan hak akses tertentu
Referensi
Referensi yang digunakan dalam pembuatan dokumen DPPL ini adalah sebagai berikut:
Panduan Penggunaan dan Pengisian Spesifikasi Perangkat Lunak (SKPL), Jurusan Teknik Informatika, Institut Teknologi Sepuluh Nopember.
Panduan Pengisian Spesifikasi Perangkat Lunak (SKPL) Beroriantasi Proses, Jurusan Teknik Informatika, Institut Teknologi Sepuluh Nopember.
Deskripsi umum (Overview)
Secara umum dokumen SKPL ini dibagi dalam 3 bagian utama. Bagian pertama berisi penjelasan mengenai dokumen SKPL yang mencakup tujuan pembuatan SKPL, ruang lingkup masalah dalam pengembangan perangkat lunak SIP-AT, definisi, akronim dan singkatan-singkatan yang digunakan dalam pembuatan SKPL.
Bagian kedua berisi penjelasan umum tentang perangkat lunak SIP-AT yang akan dikembangkan, mencakup perspektif produk yang akan dikembangkan, fungsi produk perangkat lunak, karakteristik pengguna, batasan dalam penggunaan perangkat lunak dan asumsi yang dipakai dalam pengembangan perangkat lunak SIP-AT.
Bagian ketiga berisi penjelasan lebih rinci tentang kebutuhan perangkat lunak SIP-AT yang akan dikembangkan, mencakup tentang kebutuhan antarmuka eksternal yang diperlukan dan memberi gambaran tentang kebutuhan fungsionalitas yang terdapat dalam perangkat lunak SIP-AT ini.
Bagian keempat berisikan penjelasan tentang spesifikasi kebutuhan perangkat lunak. Bagian ini akan menjelaskan tentang spesifikasi kebutuhan per fungsionalitas yang ada di dalam perangkat lunak SIP-AT.
Bagian kelima berisikan Use Case Diagram yang merupakan pemodelan untuk menggambarkan kelakuan (behavior) sistem yang akan dibuat.
Bagian keenam berisikan ERD (Entity Relationship Diagram) yang merupakan diagram yang berisikan hubungan-hubungan antar entitas yang ada di dalam perangkat lunak SIP-AT.
Deskripsi Kebutuhan
Perspektif produk
SIP-AT merupakan sebuah perangkat lunak yang mendukung sistem pengambilan keputusan. SIP-AT ini mempunyai dua bagian utama yaitu penjualan, pemasaran produk dan admin. Admin digunakan untuk mengelola produk dan menentukan laba rugi hasil penjulaan.
Tujuan SIP-AT ini sebagai Memperluas wilayah dan jangkauan dalam penjualan dan pemasaran produk. Metode yang digunakan yaitu Analitycal Hierarchy Process (AHP).
SIP-AT ini membantu mempermudah pencatatan, pemrosesan, penyimpanan dan pelaporan data penjualan dan daftar produk, mempercepat penyampaian informasi tentang produk kepada konsumen. Selain itu juga akan memberikan informasi barang yang selalu up to date dan cepat sehingga meningkatkan daya saing barang yang dipasarkan oleh perusahaan.
SIP-AT ini dapat menangani proses pengolahan data berupa data produk, data member, data pengunjung/user, data konfirmasi order, data order, data laporan penjualan, cetak data laporan penjualan, cetak laporan data produk, cetak laporan data member.
Perangkat lunak SIP-AT ini berjalan pada platform Windows, menggunakan bahasa pemrograman PHP. Database yang digunakan adalah MySQL.
Pengguna akan berinteraksi dengan sistem melalui antarmuka GUI (Graphical User Interface). Pengguna sistem ini dibagi dalam dua tipe yaitu pengguna sebagai sebagai admin untuk mengelola dan mengupdate data-data sistem dan pengguna sebagai pengunjung yang melihat katalog, melakukan transaksi dan order produk.
Gambar 1 Proses Bisnis Dengan E-Commerce
Fungsi Produk
Fungsi produk perangkat lunak SIP-AT adalah sebagai berikut :
Fungsi Login (SIP-AT-001),
merupakan fungsi yang digunakan oleh admin dan member untuk dapat masuk dalam sistem yang akan digunakan.
Fungsi Mengelola Data Produk (SIP-AT-002)
merupakan fungsi yang digunakan oleh admin untuk menangani pengelolaan data–data produk.
Fungsi Menambah data produk (SIP-AT-002-01),
merupakan fungsi yang digunakan untuk menambahkan data Produk baru baru.
Fungsi Mengubah Data Produk (SIP-AT-002-02),
merupakan fungsi yang digunakan untuk mengubah data produk yang telah ada.
Fungsi Menampilkan Data Produk (SIP-AT-002-03),
merupakan fungsi yang digunakan untuk menampilkan data Produk yang ada di dalam database.
Fungsi Mencari Data Produk (SIP-AT-002-04),
merupakan fungsi yang digunakan untuk mencari data produk sesuai dengan nama produk.
Fungsi Menghapus Data produk (SIP-AT-002-05),
merupakan fungsi yang digunakan untuk menghapus data produk.
Fungsi Mengelola Data User (SIP-AT-003)
merupakan fungsi yang digunakan untuk menangani pengelolaan data–data User.
Fungsi Menambah Data User (SIP-AT-003-01),
merupakan fungsi yang digunakan untuk menambahkan data User baru.
Fungsi Mengubah Data User (SIP-AT-003-02),
merupakan fungsi yang digunakan untuk mengubah data User yang ada.
Fungsi Menampilkan Data User (SIP-AT-003-03),
merupakan fungsi yang digunakan untuk menampilkan data User yang ada di dalam database.
Fungsi Mencari Data User (SIP-AT-003-04),
merupakan fungsi yang digunakan untuk mencari data User sesuai dengan nama User.
Fungsi Menghapus Data User (SIP-AT-003-05),
merupakan fungsi yang digunakan untuk menghapus data User.
Fungsi Mengelola Data Order (SIP-AT-004),
merupakan fungsi yang digunakan untuk menangani pengelolaan data–data Data Order baru yang ada.
Fungsi Menambah Data Order (SIP-AT-004-01),
merupakan fungsi yang digunakan untuk menambahkan data Data Order baru.
Fungsi Mengubah Data Order (SIP-AT-004-02),
merupakan fungsi yang digunakan untuk mengubah data Data Order yang ada.
Fungsi Menampilkan Data Order (SIP-AT-004-03),
merupakan fungsi yang digunakan untuk menampilkan data Order yang ada di dalam database.
Fungsi Mencari Data Order (SIP-AT-004-04),
merupakan fungsi yang digunakan untuk mencari data Order sesuai dengan nama aspek yang ingin dicari.
Fungsi Menghapus Data Order (SIP-AT-004-05),
merupakan fungsi yang digunakan untuk menghapus data Order.
Fungsi Mengelola Data Order Confirmation (SIP-AT-005),
merupakan fungsi yang digunakan untuk menangani pengelolaan Data Order Confirmation pada data order.
Fungsi Menambah Data Order Confirmation (SIP-AT-004-01),
merupakan fungsi yang digunakan untuk menambahkan data Order Confirmation baru.
Fungsi Mengubah Data Order Confirmation (SIP-AT-004-02),
merupakan fungsi yang digunakan untuk mengubah Data Order Confirmation yang ada.
Fungsi Menampilkan Data Order Confirmation (SIP-AT-004-03),
merupakan fungsi yang digunakan untuk menampilkan Data Order Confirmation yang ada di dalam database.
Fungsi Mencari Data Order Confirmation (SIP-AT-004-04),
merupakan fungsi yang digunakan untuk mencari Data Order Confirmation sesuai dengan sub aspek.
Fungsi Menghapus Data Order Confirmation (SIP-AT-004-05),
merupakan fungsi yang digunakan untuk menghapus Data Order Confirmation.
Fungsi Mencetak Laporan (SIP-AT-005),
merupakan fungsi yang digunakan untuk mencetak laporan penjualan.
Karakteristik Pengguna
Karakteristik dari pengguna perangkat lunak SIP-AT adalah sebagai berikut :
Pengunjung
Memahami pengoperasian aplikasi yang ada.
Mengerti tentang penggunaan komputer.
Memahami proses transaksi penjualan
Admin
Memahami pengoperasian aplikasi yang ada.
Mengerti tentang penggunaan komputer.
Memahami konsep dari AHP.
Batasan-batasan
Batasan-batasan dalam pembangunan perangkat lunak SIP-AT adalah sebagai berikut:
Keterbatasn perangkat keras
Dapat diketahui kemudian setelah sistem ini berjalan (sesuai dengan kebutuhan).
Asumsi dan Ketergantungan
Asumsi yang digunakan dalam pengembangan perangkat lunak SIP-AT yaitu sebagai berikut:
Tersedia komputer desktop dengan spesifikasi minimal prosesor 2.4 GHz, memori utama 4 GB.
Data yang diinputkan valid.
Kebutuhan khusus
Kebutuhan antarmuka eksternal
Kebutuhan antar muka eksternal pada perangkat lunak SIP-AT meliputi kebutuhan antarmuka pemakai, antarmuka perangkat lunak, antarmuka komunikasi.
Antarmuka pemakai
Aplikasi ini menggunakan antarmuka grafis (GUI). Pengguna dapat menginputkan melalui keyboard dan mouse, serta digunakan dengan sistem operasi apapun dengan web browser .
Antarmuka perangkat keras
Antarmuka perangkat keras yang digunakan dalam perangkat lunak SIP-AT adalah :
Perangkat Komputer (PC)
Sistem Informasi ini berjalan di komputer server. Semua komputer yang digunakan untuk server harus saling terhubung dalam LAN
Antarmuka perangkat lunak
Perangkat lunak yang dibutuhkan untuk mengoperasikan perangkat lunak SIP-AT adalah sebagai berikut :
Sistem operasi windows 10 profesional
Browser seperti internet Mozila Firefox
Star UML 5.0 : 21.6 MB
Virtual Webserver Menggunakan XAMPP
Bahasa PHP sebagai sistem processor dan HTML sebagai tampilan
Mysql sebagai Database server
PHP MyAdmin sebagai tools untuk pengelolaan database berbasis Web
Kebutuhan Fungsionalitas Perangkat Lunak
Use Case Diagram
Gambar 2. Use Case Diagram
Spesifikasi Rinci Kebutuhan
Spesifikasi Kebutuhan Fungsionalitas
Use case Spesification : Login
Brief Description
Use Case ini digunakan oleh aktor untuk memperoleh akses ke sistem. Login didasarkan pada sebuah username dan password yang berupa rangkaian karakter.
Primary Actor
Admin, User
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk melakukan login
Sistem menampilkan antarmuka untuk login
Aktor memasukkan username dan password
Sistem memeriksa username dan password yang diinputkan aktor
E-1 Password atau username user tidak sesuai atau tidak terdaftar di dalam database
Sistem memberikan akses ke aktor
Use Case ini selesai
Alternative Flow
none
Error Flow
E-1 Password atau nama user tidak sesuai atau tidak terdaftar di dalam database
Sistem akan menampilkan halaman login kembali.
Kembali ke Basic Flow langkah ke 3
PreConditions
none
PostConditions
Aktor memasuki sistem dan dapat menggunakan fungsi-fungsi pada sistem.
Use case Spesification : Mengelola Data produk
Brief Description
Use Case ini digunakan oleh aktor untuk mengelola data produk. Aktor dapat menambah data produk, mengubah data produk, mencari data produk, menampilkan data produk, serta menghapus data produk.
Primary Actor
Admin
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk mengelola data produk.
Sistem menampilkan antarmuka pengelolaan data produk.
Aktor memilih untuk melakukan menambah data produk
A-1 Aktor memilih untuk mengubah data produk
A-2 Aktor memilih untuk menampilkan data produk
A-3 Aktor memilih untuk menghapus data produk
A-4 Aktor memilih untuk mencari data produk
Aktor menginputkan data–data produk baru seperti nama produk.
Aktor meminta sistem untuk menyimpan data produk yang telah diinputkan
Sistem mengecek data produk yang telah diinputkan
E-1 Data produk yang diinputkan aktor belum lengkap
Sistem menyimpan data produk ke database
Use Case selesai
Alternative Flow
A-1 Aktor memilih untuk mengubah data produk
Sistem menampilkan seluruh data produk yang ada
Aktor memilih data produk yang ingin diubah
Sistem menampilkan antarmuka untuk mengubah data produk yang dipilih
Aktor mengubah data produk yang diinginkan
Aktor meminta sistem untuk menyimpan data produk yang telah diubah
Sistem melakukan pengecekan terhadap data produk yang telah diubah
E-1 Data produk yang diinputkan aktor belum lengkap
Berlanjut ke Basic Flow langkah ke 7
A-2 Aktor memilih untuk melakukan menampilkan data produk
1. Sistem menampilkan seluruh data produk yang ada
2. Berlanjut ke Basic Flow langkah ke 8
A-3 Aktor memilih untuk melakukan menghapus data produk
Aktor memilih produk yang ingin dihapus
Aktor meminta sistem untuk menghapus data produk yang dipilih
Sistem akan menghapus data produk yang dipilih
Berlanjut ke Basic Flow langkah ke 8
A-4 Aktor memilih untuk melakukan mencari data produk Aktor meminta sistem menampilkan antarmuka pencarian produk
Sistem menampilkan antarmuka pencarian berdasrkan produk
Aktor memasukan nama produk yang akan dicari
Sistem akan mencari data produk di dalam database sesuai nama produk
Sistem akan menampilkan data produk
Berlanjut ke basic flow langkah ke 8
Error Flow
E-1 Data produk yang diinputkan aktor tidak lengkap
Sistem memberikan pesan peringatan bahwa data yang diinputkan tidak lengkap
Kembali ke Basic Flow Langkah ke 6 atau Alternate Flow-1 langkah ke 6
PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
PostConditions
Data produk di database telah terupdate
Use case Spesification : Mengelola Data Order
Brief Description
Use Case ini digunakan oleh aktor untuk mengelola data order. Aktor dapat melakukan set pembayaran .
Primary Actor
Admin
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk mengelola data order.
Sistem menampilkan antarmuka pengelolaan data objek order.
Aktor meminta sistem untuk menyimpan data set pembayaran yang telah di setujui.
Sistem mengecek data order yang telah masuk.
E-1 Data order yang diinputkan aktor belum lengkap
Sistem menyimpan data order ke database
Use Case selesai
5.PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
6.PostConditions
Data Anggota Tim di database telah terupdate
Use case Spesification : Mengelola Data Confirmation Order
Brief Description
Use Case ini digunakan oleh aktor untuk mengelola data Confirmation Order. Aktor dapat melihat detai order terkonfirmasi.
Primary Actor
Admin
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk mengelola data Confirmation Order.
Sistem menampilkan antarmuka pengelolaan data objek Confirmation Order.
Aktor menginputkan data–data Tim baru seperti kode tim, nama Tim.
Aktor meminta sistem untuk menyimpan data Confirmation Order yang telah terkonfirmasi.
Sistem mengecek data Tim yang telah terkonfirmasi
E-1 Data cohfirmation order yang terkonfirmasi aktor belum lengkap
Sistem menyimpan data confirmation order ke database
Use Case selesai
PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
PostConditions
Data confirmation order di database telah terupdate
Use Case Spesification : Mengubah Password Admin
Brief Description
Use Case ini digunakan oleh aktor untuk mengubah password aktor.
Primary Actor
Admin
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk melakukan perubahan terhadap password
Sistem menampilkan antarmuka untuk mengubah password
Aktor memasukkan password baru
Sistem memeriksa password baru yang diinputkan aktor
Sistem memberikan informasi bahwa password berhasil diubah
Use Case ini selesai
Alternative Flow
none
Error Flow
none
PreConditions
Use Case Login telah dilakukan
Aktor telah memasuki sistem
PostConditions
Password aktor berhasil diubah.
Use Case Spesification : Mencetak Laporan
Brief Description
Use Case ini digunakan oleh aktor untuk mencetak laporan.
Primary Actor
Admin
Supporting Actor
none
Basic Flow
Use Case ini dimulai ketika aktor memilih untuk mencetak laporan
Sistem menampilkan antarmuka untuk mencetak laporan
Aktor memasukkan kategori laporan yang akan dicetak
Aktor meminta sistem mencetak laporan
Sistem memeriksa kategori laporan yang akan dicetak
Sistem memberikan informasi bahwa laporan sedang dicetak
Use Case ini selesai
Alternative Flow
none
Error Flow
none
PreConditions
Use Case Login telah dilakukan
Aktor telah memasuki sistem
PostConditions
Cetak laporan berhasil dilakukan.
SKETSA ANTAR MUKA
Halaman Utama
Deskripsi : Tampilan Halaman Utama dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 3. Halaman Utama
Tampilan login member dan admin
Deskripsi : Tampilan Halaman login member dan admin dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 4. Tampilan Login
Tampilan Detail Produk
Deskripsi : Tampilan Halaman Detail Produk dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 5. Halaman Detail Produk
Halaman Shopping Cart
Deskripsi : Tampilan Halaman Shopping Cart dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 6. Halaman Shopping cart
Halaman Confirmation Order
Deskripsi : Tampilan Halaman Confirmation Order dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 7. Halaman Confirmation Order
Halaman Pengelola Data Produk
Deskripsi : Tampilan Halaman Pengelola Data Produk dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 8. Halaman Pengelola Data Produk
Halaman Pengelola Input Data Produk
Deskripsi : Tampilan Halaman Pengelola Input Data Produk dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 9. Halaman Pengelola Input Data Produk
Halaman Pengelola Data Order
Deskripsi : Tampilan Halaman Pengelola data order dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 10. Halaman Pengelola Data Order
Halaman Pengelola Data Order Terkonfirmasi
Deskripsi : Tampilan Halaman Pengelola data order terkonfirmasi dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 11. Halaman Pengelola Data Order Terkonfirmasi
Halaman Pengolah Laporan Penjualan Perbulan
Deskripsi : Tampilan Halaman Laporan Penjualan Perbulan dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari HTML dan CSS
Gambar 12. Halaman Pengelola Laporan Penjualan
Use Case Diagram
Activity Diagram
6.1.1 Activity Diagram Login
Gambar 13. Activity Diagram Login
6.1.2 Activity Diagram Kategori Produk
Gambar 14. Activity Diagram Kategori Produk
6.1.3 Activity Diagram Pembelian
Gambar 15. Activity Diagram Pembelian
6.1.4 Activity Diagram Konfirmasi Order
Gambar 16. Activity Diagram Konfirmasi Order
6.1.5 Activity Diagram Cetak Detail Order
Gambar 17. Activity Diagram cetak detail order
Sequence Diagram
6.2.1 Sequence Diagram Login
Gambar 18. Sequence Diagram Login
6.2.2 Sequence Diagram Tambah Produk
Gambar 19. Sequence Diagram Tambah Produk
6.2.3 Sequence Diagram Edit Produk
Gambar 20. Sequence Diagram Edit Produk
6.2.4 Sequence Diagram Delete Produk
Gambar 21. Sequence Diagram Delete Produk
Entity Relationship Diagram (ERD)
Gambar 22. Entity Relationship Diagram