BAB IV PERANCANGAN SISTEM 4.1 Perancangan Prosedur Pada bab sebelumnya dijelaskan mengenai sistem yang sedang berjalan di CV.WATER’O menggunakan use case, selanjutnya pada bab ini penulis akan menjelaskan mengenai sistem yang baru dengan menggunakan sistem berbasis web. 4.2 Diagram Rancangan Sistem Penulis membuat Diagram Rancangan sistem dengan menggunakan sistem OOAD (Object Oriented Analysis and Design) yaitu menggunakan UML (Unified Modeling Language) yang terdiri dari Use Case Diagram, Class Diagram, Sequence Diagram dan Activity Diagram. 4.2.1 Use Case Diagram Use Case Diagram adalah gambaran graphical dari beberapa atau semua actor, use case, dan interaksi diantara komponen-komponen tersebut yang memperkenalkan suatu sistem yang akan dibangun. Use Case diagram menjelaskan manfaat sutau sistem jika
28
Embed
widyindri.files.wordpress.com · Web viewBAB IV. PERANCANGAN SISTEM. Perancangan Prosedur. Pada bab sebelumnya dijelaskan mengenai sistem yang sedang berjalan di CV.WATER’O menggunakan
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
BAB IV
PERANCANGAN SISTEM
4.1 Perancangan Prosedur
Pada bab sebelumnya dijelaskan mengenai sistem yang sedang
berjalan di CV.WATER’O menggunakan use case, selanjutnya pada bab ini
penulis akan menjelaskan mengenai sistem yang baru dengan menggunakan
sistem berbasis web.
4.2 Diagram Rancangan Sistem
Penulis membuat Diagram Rancangan sistem dengan menggunakan
sistem OOAD (Object Oriented Analysis and Design) yaitu menggunakan
UML (Unified Modeling Language) yang terdiri dari Use Case Diagram,
Class Diagram, Sequence Diagram dan Activity Diagram.
4.2.1 Use Case Diagram
Use Case Diagram adalah gambaran graphical dari beberapa atau
semua actor, use case, dan interaksi diantara komponen-komponen tersebut
yang memperkenalkan suatu sistem yang akan dibangun. Use Case diagram
menjelaskan manfaat sutau sistem jika dilihat menurut pandangan orang
yang berada di luar sistem. Diagram ini menunjukan fungsionalitas suatu
sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia
luar. Berikut adalah model use case diagram pada website CV.WATER’O :
Gambar 4.1 Use Case
Keterangan :
1. Marketing untuk masuk kedalam sistem ini marketing dapat :
- Menambah dan merubah isi website CV.WATER’O untuk
mengupdatekan informasi terbaru
- Melihat, menghapus, edit data dari member (user).
2. User untuk masuk kedalam sistem ini user dapat :
- Melihat isi (informasi) website CV.WATER’O
- Mendaftarkan menjadi pelanggan CV.WATER’O.
4.2.2 Class Diagram
Class Diagram menggambarkan struktur sistem dari segi
pendefinisian kelas kelas yang akan dibuat untuk membangun sistem. Kelas
memiliki apa yang diebut atribut dan metode atau operasi.
Marketing User
Menambah & merubah Web
Melihat dan Entry Data
Entry Data (pelanggan)
Melihat Isi Website
Home
+Judul+Home
+Add Data Home ()+View Data Home ()+Edit Data Home ()
+Hapus Data Home()
Profile
+Judul+Profile
+Add Data Profile ()+View Data Profile ()+Edit Data Profile ()
+Hapus Data Home()
Sertifikat&Hasil LAb
+Judul+Sertifikat &Hasil Lab
+Add Data Sertikat&Hasil Lab()+View Data Sertikat&Hasil Lab ()+Edit Data Sertikat&Hasil Lab ()
+Hapus Data Sertikat&Hasil Lab ()
Product
+Judul+Product
+Add Data Product ()+View Data Product ()+Edit Data Product ()
+Hapus Data Product ()
Pengertian
+Judul+Pengertian
+Add Data Pengertian ()+View Data Pengertian ()+Edit Data Pengertian ()
+Hapus Data Pengertian ()
Proses
+Judul+Proses
+Add Data Proses ()+View Data Proses ()+Edit Data Proses ()
+Hapus Data Proses ()
Manfaat
+Judul+Manfaat
+Add Data Manfaat ()+View Data Manfaat ()+Edit Data Manfaat ()
+Hapus Data Manfaat ()
Contact
+Nama+Alamat
+ Telepon
+Add Data Contact ()+View Data Contact ()+Edit Data Contact ()+Hapus Data Contact
()
About
+Judul+About
+Add Data About ()+View Data Product ()
+Edit Data About ()+Hapus Data Product ()
Sejarah
+Judul+Sejarah
+Add Data Home ()+View Data Home ()+Edit Data Home ()
+Hapus Data Home()
Struktur Organisasi
+Judul+Struktur Organisasi (S.O)
+Add Data S.O ()+View Data S.O ()+Edit Data S.O ()