139 pengisian selesai, sistem akan mengecek apakah data sudah benar,
apabila masih invalid maka Admin input data kembali. Jika data sudah valid maka sistem akan menyimpan data karyawan dan akan
menampilkan kembali halaman karyawan yang sudah ada. Setelah itu aktifitas usecase karyawan berakhir.
4.7.4 Class Diagram
Class diagram diagram kelas menunjukkan kelas objek yang menyusun sistem, juga hubungan antara kelas tersebut. Class diagram mendeskripsikan
jenis-jenis objek dalam sistem dan berbagai macam hubungan dan interaksi diantara mereka Jeffrey L. Whitten, Lonnie D. Bentley, Kevin C. Dittman, 2004 :
418. Berikut ini adalah class diagram yang merupakan objek-objek dari usecase yang telah dibahas dalam perancangan sistem yaitu:
140
Gambar 4.33 Class Diagram
141
4.7.5 Statechart Diagram
Statechart diagram adalah sebuah diagram UML yang menggambarkan kombinasi state yang dapat diasumsikan oleh objek selama masa hidupnya,
kejadian-kejadian yang memicu transisi antar-state, dan aturan yang mengatur dari dan ke state mana sebuah objek dapat melakukan transisi. Diagram statechart
tidak dibutuhkan oleh seluruh objek. Biasanya, state diagram dibuat hanya untuk objek-objek yang dengan jelas memiliki state yang dapat diidentifikasi dan
behavior yang kompleks Jeffrey L. Whitten, Lonnie D. Bentley, Kevin C. Dittman, 2004 : 662-663.
Oleh karena itu pada Statechart diagram ini ada beberapa usecase yang tidak digambarkan karena hanya berfungsi untuk melihat view saja seperti :
home, produk , hubungi kami, tentang kami dan info yang ada pada publik. 1.
Statechart Diagram Front End Publik dan pelanggan a.
Testimonial
Gambar 4.34 Statechart Diagram Testimonial
142 Dari statechart diagram gambar 4.34, publik memulai state
awal dari testimonial dan kemudian ingin menginput tambah testimonial. Sistem akan memproses input data dari publik, jika data
invalid maka publik akan input data kembali dan kemudian akan diterima oleh sistem. Apabila data valid maka data akan disimpan ke
dalam database testimonial dan kemudian akan menampilkan kembali data testimonial beserta dengan data yang telah di inputkan
dan state diagram dari testimonial untuk tambah testimonial berakhir. b.
Registrasi Pelanggan
Gambar 4.35 Statechart Diagram Registrasi Pelanggan
Dari statechart diagram gambar 4.35, publik memulai state awal registrasi pelanggan dan kemudian ingin menjadi pelanggan
143 Super Shop and Drive dengan melakukan registrasi. Sistem akan
memproses input data yang di isi oleh calon pelanggan, jika data invalid maka calon pelanggan akan input data kembali dan akan
diterima oleh sistem. Apabila data valid maka data akan disimpan ke dalam database pelanggan dan kemudian akan menampilkan
konfirmasi untuk melakukan login dan state diagram registrasi pelanggan berakhir.
2. Statechart Diagram Front End Pelanggan
a. Lupa Password
Gambar 4.36 Statechart Diagram Lupa Password
Dari statechart diagram gambar 4.36, publik memulai state awal lupa password dan kemudian pelanggan menginput data
144 emailnya. Data email akan diproses untuk dicek ke dalam database,
jika data invalid tidak ada maka pelanggan akan menginput data email kembali. Apabila data email valid maka sistem akan mengirim
password dan akan menampilkan konfirmasi data terkirim dan state diagram lupa password berakhir.
b. Login
Gambar 4.37 Statechart Diagram Login
Dari statechart diagram gambar 4.37, publik memulai state awal login dan kemudian pelanggan menginput data login. Data login
akan diproses untuk dicek ke dalam database, jika data invalid tidak ada maka pelanggan akan menginput data login kembali. Apabila
145 data login valid maka sistem akan menampilkan halaman home
beserta dengan menu pelanggan dan state diagram login berakhir.
c. Data Pelanggan
Gambar 4.38 Statechart Diagram Data Pelanggan
Dari statechart diagram gambar 4.38, pelanggan memulai state awal data pelanggan dan kemudian pelanggan ingin merubah data diri
dengan mengedit. Setelah data di rubah, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka pelanggan
menginput kembali data yang dirubah. Apabila data sudah valid maka sistem akan menyimpan perubahan pada database pelanggan dan
146 menampilkan data diri pelanggan. State diagram data pelanggan
berakhir.
d. Pesan Produk
Gambar 4.39 Statechart Diagram Pesan Produk
Dari statechart diagram gambar 4.39, pelanggan memulai state awal pesan produk dan kemudian pelanggan ingin melakukan
pemesanan dengan menginput pesan. Setelah data di isi, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka
pelanggan menginput kembali data pesan. Apabila data sudah valid maka sistem akan menyimpan data pada database pesan_produk dan
menampilkan data pesanan. Setelah data ditampilkan pelanggan dapat menghapus data pesanan yang sudah ada atau ingin melihat data
147 pesananan yang ada, kemudian ingin di cetak atau di simpan dalam
bentuk file. Setelah itu State diagram pesan produk berakhir.
e. Saran dan Kritik
Gambar 4.40 Statechart Diagram Saran dan Kritik
Dari statechart diagram gambar 4.40, pelanggan memulai state awal saran dan kritik kemudian pelanggan ingin memberikan saran
dan kritik baru kepada perusahaan dengan menginput data saran dan kritik baru. Setelah data di isi, sistem akan memproses untuk
mengecek format pengisian. Jika data invalid maka pelanggan menginput kembali data saran dan kritik. Apabila data sudah valid
maka sistem akan menyimpan data pada database sarankritik dan menampilkan data saran dan kritik. Setelah data ditampilkan,
pelanggan dapat menghapus data saran dan kritik yang sudah ada atau
148 ingin melihat data saran dan kritik yang ada. Setelah itu State diagram
saran dan kritik berakhir.
f. Konsultasi
Gambar 4.41 Statechart Diagram Konsultasi
Dari statechart diagram gambar 4.41, pelanggan memulai state awal konsultasi kemudian pelanggan ingin melakukan konsultasi baru
dengan menginput data konsultasi. Setelah data di isi, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka
pelanggan menginput kembali data konsultasi. Apabila data sudah valid maka sistem akan menyimpan data pada database konsultasi dan
menampilkan data konsultasi. Setelah data ditampilkan, pelanggan
149 dapat menghapus data konsultasi yang sudah ada atau ingin melihat
data konsultasi yang ada dan kemudian ingin mereplay jika admin telah menjawab pertanyaan yang telah diajukan oleh pelanggan
sebelumnya. Setelah itu State diagram konsultasi berakhir.
g. Beritahu Teman
Gambar 4.42 Statechart Diagram Beritahu Teman
Dari statechart diagram gambar 4.42, publik memulai state awal beritahu teman dan kemudian pelanggan menginput data email
dan nama teman. Data teman akan diproses untuk dicek ke apakah sudah benar atau belum. Jika data invalid maka pelanggan akan
menginput data email dan nama teman kembali. Apabila data valid
150 maka sistem akan mengirim informasi keteman dan akan
menampilkan konfirmasi data terkirim dan state diagram beritahu teman berakhir.
3. Statechart Diagram Back End Admin Update Publik
a. Berita
Gambar 4.43 Statechart Diagram Berita
Dari statechart diagram gambar 4.43, admin memulai state awal berita dan kemudian admin ingin menambah berita baru. Setelah data
berita di input, sistem akan memproses untuk mengecek format pengisian. Jika data invalid maka , admin menginput kembali data
yang salah. Apabila data sudah valid maka sistem akan menyimpan data pada database berita kemudian akan ditampilkan. Setelah data
151 ditampilkan admin dapat menghapus data berita atau merubah data
berita yang sudah ada dan State diagram berita pun berakhir.
b. Produk