ANALISIS DAN PERANCANGAN
2. Perangkat Keras
3.2.3 Use Case Diagram
Use case diagram menampilkan sekumpulan use case dan aktor ( pelaku ) dan hubungan diantara use case dan aktor tersebut. Use case diagram digunakan
untuk penggambaran use case statik dari suatu sistem.Use case menjelaskan apa
yang dilakukan sistem (atau subsistem) tetapi tidak tidak menspesifikasikan cara kerjanya.
System
Admin
Login
Kelola surat masuk Kelola surat keluar Kelola pengguna Cetak data Input data Edit data Delete data Detail data Cari data Cetak data Disposisi Input disposisi Delete data Cari data Input data Edit data Delete data Detail data Cari data Cetak data <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>><<include>> Input data Edit data Delete data Cari data Disposisi <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> Login <<include>>
Gambar 3.2 Use Case Diagram aplikasi
Tabel Deskripsi Aktor
Aktor Deskripsi
Admin
Orang yang memiliki account dan password khusus untuk masuk pada aplikasi dan untuk memperoleh hak akses penuh.
Tabel 3.12 Deskripsi Aktor
Menu Deskripsi
Login
Halaman web untuk melakukan proses masuk kedalam aplikasi dengan memasukkan identitas akun seperti username dan password untuk mendapatkan hak akses penuh.
Home Halaman utama dari website.
Pos Indonesia Halaman web yang berisi deskripsi dari perusahaan PT.
Pos Indonesia. Dokumen
Halamman web yang berisi data surat dalam bentuk grid view, dalam halaman web Dokumen terdapat fungsi search.
Surat Masuk
Halaman web Surat Masuk merupakan sub menu dari halaman web Dokumen. Halaman web Surat Masuk digunakan untuk mengelola surat masuk dan menggambarkan operasi utama dalam proses pengarsipan di dalam aplikasi, di dalam halaman web Surat masuk terdapat fungsi input, edit, delete, detail, disposisi, search dan cetak.
Surat Keluar
Halaman web Surat Keluar merupakan sub menu dari halaman web Dokumen. Halaman web Surat Keluar digunakan untuk mengelola surat keluar dan menggambarkan operasi utama dalam proses pengarsipan di dalam aplikasi, dalam halaman web Surat keluar terdapat fungsi input, edit, delete, detail, disposisi, search dan cetak.
Disposisi
Halaman web Disposisi merupakan sub menu dari halaman web Surat Masuk yang digunakan untuk melakukan persetujuan surat masuk, terdapat fungsi input, delete dan search.
Laporan Halaman web yang berisi fungsi cetak data dan search.
Pengguna
Halaman web yang yang digunakan untuk mengelola pengguna yang terdaftar ke aplikasi, dalam halaman web Pengguna terdapat fungsi input, edit, delete dan search.
Contact us Halaman web yang berisi informasi kontak dari
perusahaan PT. Pos Indonesia.
Skenario proses Login Identifikasi
Nama Login
Tujuan Masuk pada aplikasi, memiliki hak akses penuh
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan aplikasi
2. Tampil form Login 3. Input username
dan password
4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login.
Tabel 3.14 Skenario proses Login
Skenario tampil halaman utama ( Home ) Identifikasi
Nama Home
Tujuan Tampil halaman utama ( Home )
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan aplikasi
2. Tampil form Login 3. Input username
dan password
4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login.
Tabel 3.15 Skenario tampil halaman utama ( Home )
Skenario tampil halaman web Pos Indonesia Identifikasi
Nama Pos Indonesia
Tujuan Tampil informasi di halaman web Pos Indonesia
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan aplikasi
2. Tampil form Login 3. Input username
dan password
4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu Pos Indonesia
8. Tampil halaman web Pos Indonesia
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Pos Indonesia. Tampil halaman web Pos Indonesia.
Tabel 3.16 Skenario tampil halaman web Pos Indonesia
Skenario lihat data surat di halaman web Dokumen Identifikasi
Nama Dokumen
Tujuan Melihat data surat di halaman web Dokumen
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
Dokumen
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Di dalam halaman web Dokumen terdapat data surat dalam bentuk grid view.
Tabel 3.17 Skenario lihat data surat di halaman web Dokumen
Skenario cari data surat di halaman web Dokumen Identifikasi
Nama Dokumen
Tujuan Mencari data surat di halaman web Dokumen
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Input kriteria
data surat 10. Pilih button
search 11. Tampil data surat
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form index. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor input kriteria data surat dalam text box. Aktor pilih button search. Jika data surat yang dicari tersedia, akan tampil data surat. Jika data surat yang dicari tidak tersedia, data surat tidak akan tampil.
Skenario lihat data surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat Masuk
Tujuan Melihat data surat masuk di halaman web Surat
Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Di dalam halaman web Surat Masuk terdapat data surat masuk dalam bentuk grid view.
Tabel 3.19 Skenario lihat data surat di halaman web Surat Masuk
Skenario input data surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat masuk
Tujuan Menambah data surat masuk di halaman web Surat
Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
11. Pilih button
tambah data 12. Tampil form input data
13. Input data
14. Pilih button save 15. Data surat masuk tersimpan ke database
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form index. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Aktor memilih button tambah data. Tampil form input data. Aktor melakukan input data. Aktor pilih button save. Data surat masuk tersimpan ke database.
Tabel 3.20 Skenario input data surat masuk di halaman web Surat masuk
Skenario edit data surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat masuk
Tujuan Merubah data surat masuk yang sudah ada di halaman
web Surat Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
Masuk
11. Pilih data surat masuk
12. Pilih button edit 13. Tampil form edit data
14. Input data
15. Pilih button save 16. Data surat masuk ke database
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Aktor memilih data surat yang ingin dirubah. Aktor pilih button edit. Tampil form edit data. Aktor melakukan input data. Aktor memilih button save. Data surat masuk tersimpan ke database.
Tabel 3.21 Skenario edit data surat masuk di halaman web Surat masuk
Skenario hapus data surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat masuk
Tujuan Menghapus data surat masuk di halaman web Surat
Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
11. Pilih data surat masuk
12. Pilih button
delete 13. Data surat masuk terhapus dari database
Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Aktor memilih data surat yang ingin dihapus. Aktor memilih button delete. Data surat masuk terhapus dari database.
Tabel 3.22 Skenario hapus data surat di halaman web Surat masuk
Skenario melihat detail surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat masuk
Tujuan Melihat surat masuk secara detail di halaman web
Surat Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
11. Pilih data surat masuk
12. Pilih button
detail 13. Tampil detail data surat masuk
Kondisi Aktor menjalankan aplikasi pada web browser.
Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat masuk. Tampil halaman web Surat Masuk. Aktor
memilih data surat masuk yang ingin dilihat secara detail. Aktor pilih button detail. Tampil detail data surat masuk.
Tabel 3.23 Skenario detail surat di halaman web Surat masuk
Skenario cari data surat masuk di halaman web Surat Masuk Identifikasi
Nama Surat masuk
Tujuan Mencari data surat masuk di halaman web Surat
Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
11. Input kriteria data surat masuk 12. Pilih button
search 13. Tampil data surat masuk
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Aktor input kriteria data surat masuk yang ingin dicari dalam text box. Aktor pilih button search. Jika data surat masuk yang dicari tersedia, akan tampil data surat masuk. Jika data surat masuk yang dicari tidak tersedia, data surat masuk tidak akan tampil.
Skenario disposisi data surat masuk Identifikasi
Nama Surat masuk
Tujuan Melakukan disposisi data surat Masuk
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Masuk 10. Tampil halaman web Surat Masuk
11. Pilih data surat masuk
12. Pilih button
disposisi 13. Tampil halaman web Disposisi
14. Pilih button + 15. Tampil halaman web input data disposisi
16. Input data disposisi
17. Pilih button save 18. Data disposisi tersimpan ke database
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Masuk. Tampil halaman web Surat Masuk. Aktor pilih data surat masuk yang ingin ditambahkan disposisi. Aktor memilih button Disposisi. Tampil halaman web Disposisi. Aktor memilih button +. Tampil halaman web input data disposisi. Aktor input data disposisi. Aktor pilih button save. Data disposisi tersimpan ke database.
Tabel 3.25 Skenario disposisi data surat masuk
Skenario lihat data surat keluar di halaman web Surat Keluar Identifikasi
Nama Surat keluar
Tujuan Melihat data surat keluar di halaman web Surat
Keluar
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Keluar 10. Tampil halaman web Surat Keluar
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Keluar. Tampil halaman web Surat Keluar. Di dalam halaman web Surat Keluar terdapat data surat keluar dalam bentuk grid view.
Tabel 3.26 Skenario lihat data surat keluar di halaman web Surat Keluar
Skenario input data surat keluar di halaman web Surat Keluar Identifikasi
Nama Surat keluar
Tujuan Menambah data surat keluar di halaman web Surat
Keluar
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
5. Login 6. Tampil halaman utama ( Home ) 7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Keluar 10. Tampil halaman web Surat Keluar
11. Pilih button
tambah data 12. Tampil form input data
13. Input data
14. Pilih button save 15. Data surat keluar tersimpan ke database
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form index. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Keluar. Tampil halaman web Surat Keluar. Aktor memilih button tambah data. Tampil form input data. Aktor melakukan input data. Aktor memilih button save. Data surat keluar tersimpan ke database.
Tabel 3.27 Skenario input data surat keluar di halaman web Surat Keluar
Skenario edit data surat keluar di halaman web Surat Keluar Identifikasi
Nama Surat keluar
Tujuan Merubah data surat keluar yang sudah ada di halaman
web Surat Keluar
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Keluar 10. Tampil halaman web Surat Keluar
11. Pilih data surat keluar
14. Input data
15. Pilih button save 16. Data surat keluar yang telah di edit tersimpan ke database
Kondisi
Aktor menjalankan aplikasi pada web browser. Tampil form login. Aktor input username dan password. Jika username dan password cocok, maka aktor akan masuk halaman utama ( Home ). Jika username dan password tidak cocok, maka akan kembali ke form login. Setelah tampil halaman utama ( Home ), aktor memilih menu Dokumen. Tampil halaman web Dokumen. Aktor memilih menu Surat Keluar. Tampil halaman web Surat Keluar. Aktor memilih data surat yang ingin dirubah. Aktor memilih button edit. Tampil form edit data. Aktor melakukan input data. Aktor memilih button save. Data surat keluar tersimpan ke database.
Tabel 3.28 Skenario edit data surat keluar di halaman web Surat Keluar
Skenario hapus data surat keluar di halaman web Surat Keluar Identifikasi
Nama Surat keluar
Tujuan Menghapus data surat keluar di halaman web Surat
Keluar
Deskripsi
Tipe Primary, Essential
Aktor Admin
Skenario Utama
Kondisi Awal Tampil form login
Aksi Aktor Reaksi Sistem
1. Menjalankan
aplikasi 2. Tampil form Login
3. Input username
dan password 4. Validasi username dan password
5. Login 6. Tampil halaman utama ( Home )
7. Pilih menu
Dokumen 8. Tampil halaman web Dokumen
9. Pilih menu Surat
Keluar 10. Tampil halaman web Surat Keluar
11. Pilih data surat keluar
12. Pilih button
delete 13. Data surat keluar terhapus dari database
Kondisi Aktor menjalankan aplikasi pada web browser.
Tampil form login. Aktor input username dan