4
Data Sekunder, data dan informasi yang diperoleh dari dokumen, publikasi, laporan penelitian dari
instansi manapun sumber data yang menunjang.
3.2.1 Penggambaran Sistem
1. Class Diagram Didalam Class Diagram terdapat beberapa obyek,
diantaranya login admin yang memiliki atribut id, nama, password. Obyek Posting memiliki atribut
judul, herga, stok, keterangan. Form yang hanya berisi tampil_data. Dan Pesan memiliki atribut
kode_pesan, harga, jenis_produk, tanggal, nama, alamat, no_telp.
2. Use Case Diagram Didalam Use Case Diagram ini terdapat dua actor,
yaitu Admin yang dapat melakukan beberapa kegiatan,
yaitu login_admin,
input_pesan, lihat_pesan, hapus_pesan, dan tampil_data. Actor
yang kedua adalah tamu, yang dapat melakukan kegiatan isi_pesan dan satu kegiatan yang sama
dengan actor lain yaitu tampil_data. 3. Sequence Diagram
Didalam Sequence Diagram ini terdapat dua actor yang memiliki interaksi terhadap system. Interaksi
dari actor admin adalah login_admin, input_pesan, lihat_pesan, hapus_pesan. Dan interaksi dari actor
yang kedua yaitu actor tamu, adalah isi_pesan dan tampil_data.
4. State Diagram Didalam State Diagram ini objek tamu dapat
melakukan aktivitas isi_pesan dan tampil_data dan diproses sebelum berubah menjadi kondisi akhir.
Sementara objek admin, setelah kondisi menunggu, admin melakukan kegiatan login_admin dengan
meminta input nama_admin dan input password. Setelah sukses login baru dapat melakukan
beberapa aktifitas yaitu input_pesan, hapus_pesan, dan lihat_pesan yang berikutnya diproses dan
menjadi kondisi akhir.Berdasarkan tahapan proses penelitian di atas, maka dapat diuraikan
BAB IV HASIL PENELITIAN DAN PEMBAHASAN
4.1 Pengembangan Sistem
Diharapkan agar gambaran tentang Object Oriented Design OOD berikut ini dapat digunakan sebagai
bahan acuan untuk perancangan website agar sesuai dengan syarat
– syarat desain sistem website sesuai dengan ketentuan yang diharuskan.
1. Class Diagram
Gambar 4.1 Class Diagram Class Diagram adalah dekripsi kelompok obyek-
obyek dengan properti, perilaku operasi dan relasi yang sama. Sehingga dengan adanya class diagram
dapat memberikan pandangan global atas sebuah system. Hal tersebut tercermin dari class- class
yang ada dan relasinya satu dengan yang lainnya. Sebuah sistem biasanya mempunyai beberapa class
diagram. Class diagram
diatas akan
sangat membantu dalam visualisasi struktur kelas dari
sistem website yang akan dikembangkan. 2. Use Case Diagram
5
Gambar 4.2 : Use Case Diagram Use case Diagram adalah abstraksi dari interaksi
antara sistem dan actor. Melalui deskripsi use case diagram kita dapat menjabarkan kebutuhan -
kebutuhan yang dibutuhkan oleh sistem dan oleh aktor. Aktor diluar sistem yang meliputi admin, dan
tamu masyarakat umum akan mempunyai jalur –
jalur dan hak akses tersendiri dalam sistem website. Seperti admin yang bisa memasukkan berita
– berita
teraktual dan
mengeditnya atau
menghapusnya. 3. Sequence Diagram
Gambar 4.3 : Sequence Diagram Sequence Diagram digunakan untuk menunjukkan
aliran fungsionalitas dalam use case. Sequence Diagram adalah diagram yang disusun berdasarkan
urutan waktu. Kita membaca Sequence Diagram dari atas ke bawah. Setiap Sequence Diagram
mempresentasikan suatu aliran dari beberapa aliran dalam use case. Kita dapat membaca diagram ini
dengan memperhatikan obyek – obyek dan pesan –
pesan yang ada di diagram. Obyek yang terlibat dalam aliran ditunjukkan dengan bujur sangkar
yang ada di atas diagram.
4.2 Desain Program a.
Home
Gambar. 4.5 : Tampilan halaman home Halaman diatas merupakan home yaitu halaman
terdepan dari website Al-Vedha gubuk flanel. Adapun isi dari home sendiri yaitu produk terbaru
dan produk terlaris dari Al-Vedha gubuk flanel, dimana disetiap produk terdapat komposisi dari
produk tersebut.
b. Produk Gallery
