ANALISIS DAN PERANCANGAN
2. Perangkat Keras
3.2.8 Statechart Diagram
Menggambarkan transisi dan perubahan keadaan ( dari satu state ke state lainnya ) suatu obyek pada sistem sebagai akibat dari stimulans yang diterima. Keadaan dari suatu obyek bergantung pada kegiatan dan keadaan yang berlaku pada saat itu. Diagram StateChart menunjukan kemungkinan dari keadaan obyek dan proses yang menyebabkan perubahan pada keadaannya.
Statechart Diagram proses Login
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi
Gambar 3.17 Statechart Diagram proses Login
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login.
Statechart Diagram lihat data surat dan cari data surat di halaman web Dokumen
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi Dokumen entry/Display entry/Search Pilih menu Database entry/Cek [ data ]
Tampil data surat entry/Display [ data ]
Gambar 3.18 Statechart Diagram lihat data surat dan cari data surat di halaman web Dokumen
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Dokumen. Tampil halaman web Dokumen. Di dalam halaman web Dokumen terdapat data surat masuk dan pengguna dapat melakukan fungsi cari.
Statechart Diagram kelola surat masuk
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ]
Home Memenuhi syarat Validasi Pilih menu Surat Masuk entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] entry/Display [ data ] entry/Search [ data ] Input data entry/Input [ data ] Edit data entry/Edit [ data ] Surat Masuk entry/Delete [ data ] Surat Masuk entry/Display [ data ] Surat Masuk entry/Search [ data ] Database entry/Simpan [ data ] entry/Hapus [ data ] entry/Tampil [ data ] Detail data entry/Display [ data ]
Gambar 3.19 Statechart Diagram kelola surat masuk
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Dokumen. Tampil halaman web Dokumen. Pengguna memilih sub menu Surat Masuk. Tampil halaman web Surat Masuk. Di dalam halaman web Surat Masuk terdapat data surat masuk. Pengguna dapat melakukan kelola surat masuk dengan memilih fungsi input, edit, delete, detail, cari, cetak dan disposisi.
Statechart Diagram disiposisi surat masuk
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi Surat Masuk Disposisi entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] Pilih menu Pilih menu Database entry/Simpan [ data ] entry/Hapus [ data ]
Gambar 3.20 Statechart Diagram disposisi surat masuk
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Dokumen. Tampil halaman web Dokumen. Pengguna memilih sub menu Surat Masuk. Tampil halaman web Surat Masuk. Pengguna memilih data yang akan di disposisi. Pengguna memiih button disposisi dari data tersebut. Tampil halaman web Disposisi. Di dalam halaman web Disposisi terdapat data surat masuk yang telah di disposisi. Pengguna dapat melakukan kelola disposisi dengan menggunakan fungsi input, delete dan cari.
Statechart Diagram kelola surat keluar
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ]
Home Memenuhi syarat Validasi Pilih menu Surat Keluar entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] entry/Display [ data ] entry/Search [ data ] Input data entry/Input [ data ] Edit data entry/Edit [ data ] Surat Keluar entry/Delete [ data ] Surat Keluar entry/Display [ data ] Surat Keluar entry/Search [ data ] Database entry/Simpan [ data ] entry/Hapus [ data ] entry/Tampil [ data ] Detail data entry/Display [ data ]
Gambar 3.21 Statechart Diagram kelola surat keluar
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Dokumen. Tampil halaman web Dokumen. Pengguna memilih sub menu Surat Keluar. Tampil halaman web Surat Keluar. Di dalam halaman web Surat Keluar terdapat data surat keluar. Pengguna dapat melakukan kelola surat masuk dengan memilih fungsi input, edit, delete, detail, cari dan cetak.
Statechart Diagram kelola pengguna
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi Pengguna entry/Input [ data ] entry/Edit [ data ] entry/Delete [ data ] Database entry/Simpan [ data ] entry/Hapus [ data ] Pilih menu
Gambar 3.22 Statechart Diagram kelola pengguna
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Pengguna. Tampil halaman web Pengguna. Pengguna dapat melakukan kelola pengguna dengan memilih fungsi input, edit, delete dan cari.
Statechart Diagram cetak data surat
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi
Laporan entry/Print [ data ]
Cetak data Pilih menu
Gambar 3.23 Statechart Diagram cetak data surat
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Laporan. Tampil halaman web Laporan. Fungsi yang terdapat dalam halaman web Laporan adalah cari dan cetak. Fungsi utama dari halaman web Laporan adalah cetak. Pengguna dapat mencetak data surat masuk ataupun data surat keluar.
Logout
Login
entry/Input [ Username dan password ] Menjalankan aplikasi
Database entry/Cek [ data ] Home Memenuhi syarat
Validasi
Logout Pilih menu
Gambar 3.24 Statechart Diagram proses Logout
Pengguna sebagai admin menjalankan aplikasi di web browser. Tampil halaman web login di web browser. Pengguna melakukan proses login untuk dapat masuk ke aplikasi. Pengguna menginput username dan password. Jika username dan password cocok maka akan tampil halaman web home, jika tidak maka akan tampil halaman web login. Pengguna memilih menu Logout. Pengguna keluar dari aplikasi. Tampil halaman web Login.