Site icon Cerita Hosting ☁️

Analisa Perancangan Sistem Informasi(APSI):11-Activity Diagram

Indikator Materi:

Use Case

Use Case Diagram

Untuk mempermudah pemahaman dari penggunaan Activity diagram, Sequence Diagram, use case akan diberikan contoh dari tulisan:

“APLIKASI SISTEM MONITORING i-HCR (INTERGRATED HUMAN CAPITAL READINESS) BERBASIS WEB PADA DIVISI SUMBER DAYA MANUSIA DI PT. PLN DISTRIBUSI JAKARTA RAYA”

Perancangan Sistem Usulan

Use Case

Use case diagram yang diusulkan pada sistem website ini terdiri dari 2 aktor yaitu kantor distribusi sebagai admin, dan area sebagai user. Use case diagram menggambarkan relasi input dan output aktor dengan sistem. Berikut adalah use case diagram dari sistem pada website i-HCR ini


Use Case Diagram i-HCR

Deskripsi Use Case Diagram

    Deskripsi use case mendeskripsikan aktor dan fungsi yang digambarkan dalam use case diagram. Berikut adalah deskripsi aktor dan definisi use case diagram i-HCR:

Identifikasi Actor Use Case

No. Aktor Deskripsi
1. Admin / Kantor Distribusi Admin merupakan aktor yang mempunyai hak mempunyai hak untuk mengelola keseluruhan data pada halaman SJF pada setiap area dan melihat data pada halaman Competency Profile. Diperuntukan untuk Kantor Distribusi Jakarta Raya.
2. User / Area User / Area merupakan aktor yang mempunyai hak untuk mengelola data pada halaman SJF berdasar pada areanya saja dan melihat data Competency Profile. Diperuntukan untuk SDM area.

Skenario Use Case Login

Use Case Name Login
Actor Area, Admin
Description Melakukan proses login akun masuk ke aplikasi
Precondition Aktor membuka halaman login
Typical course of event Actor Action System Response
1. Aktor membuka halaman login

2. Aktor memasukan username dan password lalu klik tombol login

1.1 Sistem menampilkan

halaman login dan form login

2.1 Sistem verifikasi username dan password

2.2 Berhasil login dan sistem menampilkan halaman home

Alternate course Jika username dan password yang dimasukan salah atau data tidak ada, aktor tidak akan masuk ke halaman home
Post Condition Aktor berhasil login dan masuk ke halaman home

Skenario Use Case Melihat SJF Semua Area

Use Case Name Melihat SJF semua area
Actor Admin
Description Melihat semua data Strategic Job Famillies pada semua area
Precondition Aktor sudah login
Typical course of event Aktor Action System Response
1. Aktor membuka halaman Strategic Job Famillies dan memilih area 1. Sistem menampilkan tabel Strategic Job Famillies area yang dipilih
Alternate Course –
Postcondition –

Skenario Use Case Melihat SJF Area-nya Saja

Use Case Name Melihat SJF area-nya saja
Actor Area
Description Melihat semua data Strategic Job Famillies pada areanya saja
Precondition Aktor sudah login
Typical course of event Aktor Action System Response
1. Aktor login sebagai areanya dan membuka halaman Strategic Job Famillies 1. Sistem menampilkan tabel Strategic Job Famillies
Alternate Course –
Postcondition –

Skenario Use Case Kelola SJF Berdasarkan Triwulan

Use Case Name Melihat Usulan dan Realisasi pada SJF
Actor Area
Description Edit data SJF, Wajib Sertifikasi, usulan dan realisasi pada SJF
Precondition Aktor sudah login
Typical course of event Aktor Action System Response
1. Aktor membuka halaman Strategic Job Famillies

2. Aktor memilih triwulan pada halaman Strategic Job Famillies

3. Aktor memilih data pada Strategic Job Famillies yang akan diubah

4. Aktor mengubah data pada form edit Strategic Job Famillies

1.1. Sistem menampilkan halaman Strategic Job Famillies berdasarkan area-nya

2.1 Sistem menampilkan data Strategic Job Famillies berdasarkan triwulan yang dipilih

3.1 Sistem menampilkan halaman form edit Strategic Job Famillies

4.1 Sistem menyimpan data yang telah diinputkan kedalam database

Alternate Course –
Postcondition Data tersimpan kedalam database

Skenario Use Case Mencetak Laporan SJF

Use Case Name Mencetak Laporan SJF
Actor Admin, User
Description Mencetak laporan data Strategic Job Famillies
Precondition Aktor sudah login
Typical course of event Aktor Action System Response
1. Aktor membuka halaman Strategic Job Famillies dan memilih triwulan

2. Aktor memilih cetak laporan pada halaman SJF

1.1. Sistem menampilkan data Strategic Job Famillies

2.1 Sistem menampilkan laporan data SJF yang dapat didownload dengan format PDF

Alternate Course Jika hanya ingin melihat data yang terdapat pada SJF yang dipilih maka tidak perlu download dan dapat kembali ke halaman sebelumnya
Postcondition –

Skenario Use Case Melihat Data Competency Profile

Use Case Name Melihat Data Competency Profile
Actor Area, Admin
Description Melihat semua data pada halaman Competency Profile
Precondition Aktor sudah login
Typical course of event Aktor Action System Response
1. Aktor membuka halaman Competency Profile 1. Sistem menampilkan tabel Competency Profile
Alternate Course –
Postcondition –

Activity Diagram

    Menggambarkan aktivitas bisnis yang lebih kompleks, dimana digambarkan hubungan antara satu use case dengan use case lainnya. Berikut adalah Activity Diagram dari aplikasi i-HCR:

Diagram Login

Activity Diagram Login

Berikut adalah penjelasan activity diagram login:

1. User mengakses halaman login melalui browser.

2. Sistem akan menampilkan halaman login beserta dengan form login.

3. User login dengan cara mengisi username dan password akun.

4. Sistem akan melakukan pemeriksaan data username dan password yang

diisi oleh user.

Activity Diagram Melihat SJF Semua Area


Activity Diagram Melihat SJF Semua Area

Berikut adalah penjelasan activity diagram melihat SJF semua area:

  1. Admin login untuk masuk kedalam aplikasi.
  2. Admin mengakses halaman Strategic Job Famillies pada menu aplikasi.
  3. Sistem akan menampilkan daftar keseluruhan area
  4. Jika admin ingin melihat data SJF pada area yang lain, maka admin harus memilih area yang ingin dilihat dan kemudian sitem akan menampilkan data area yang dipilih pada halaman SJf
  5. Jika admin tidak ingin melihat data SJF pada area lain, maka sistem akan menampilkan data SJF pada area Kantor Distribusi Jakarta Raya.
  6. User memilih triwulan ke berapa yang ingin dilihat SJF-nya.
  7. Admin akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.
Activity Diagram Melihat SJF Area-nya Saja

Activity Diagram Melihat SJF Area-nya Saja

Berikut adalah penjelasan activity diagram melihat SJF area-nya saja:

  1. User login untuk masuk kedalam aplikasi.
  2. User memilih menu halaman SJF
  3. Sistem menampilkan halaman Strategic Job Famillies.
  4. User memilih triwulan ke berapa yang ingin dilihat SJF-nya.
  5. Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.
Activity Diagram Kelola SJF Berdasarkan Triwulan

Activity Diagram Kelola SJF Berdasarkan Triwulan

Berikut adalah penjelasan activity diagram edit SJF admin:

  1. User / Admin login untuk masuk kedalam aplikasi
  2. User / Admin kemudian memilih menu halaman SJF
  3. Sistem menampilkan halaman Strategic Job Famillies.
  4. User memilih triwulan ke berapa yang ingin dilihat SJF-nya.
  5. Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih.
  6. Jika User / Admin ingin mengubah data SJF maka data yang ditampilkan adalah berdasarkan triwulan yang dipilih sebelumnya.
  7. User / Admin memilih data SJF yang akan dirubah.
  8. Sistem akan menampilkan data SJF yang dipilih secara detail.
  9. User / Admin melakukan edit data sesuai dengan apa yang diperlukan perusahaan.
  10. Sistem akan menyimpan data yang telah diedit.
Activity Diagram Mencetak Laporan SJF

Activity Diagram Mencetak Laporan SJF

Berikut adalah penjelasan activity diagram mencetak laporan SJF:

  1. User/ Admin login untuk masuk kedalam aplikasi.
  2. User / Admin memilih menu halaman SJF
  3. Sistem menampilkan halaman Strategic Job Famillies.
  4. User / Admin memilih triwulan ke berapa yang ingin dicetak SJF-nya.
  5. Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.
  6. Sistem menampilkan laporan SJF berdasarkan triwulan yang dipilih dengan format pdf.
  7. Jika User / Admin ingin mencetak laporan maka pilih cetak laporan.
  8. Jika User / Admin ingin mencetak laporan SJF dari triwulan yang berbeda maka pilih triwulan kembali.
Sequence Diagram

Sequence diagram menjelaskan interaksi object yang disusun dalam suatu urutan waktu. Diagram ini secara khusus berasosiasi dengan use case, sequence diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu di dalam use case.

Sequence Diagram Login

Sequence Diagram Login

Berikut adalah penjelasan sequence diagram login:

1:         User membuka halaman login.

1.1:         Halaman login akan memuat form login.

2:         User memasukan username dan password.

2.1:         Data dikirim dari form ke sistem.

2.1.1:         Sistem melanjutkan data yang dikirim form ke database untuk pencarian data.

2.1.1.1:     Database melakukan pencarian data.

2.1.1.2:     Data ditemukan dan dikirim ke sistem

2.1.1.3:     User berhasil login dan sistem menampilkan halaman utama

Sequence Diagram Melihat SJF Semua Area

3.2.3.3 Sequence Diagram Melihat SJF Area

Sequence Diagram Melihat SJF Semua Area

Berikut adalah penjelasan sequence diagram edit SJF area:

1:     Admin membuka halaman home

1.1:    Admin memilih menu SJF

2:     Admin memilih area yang ingin dilihat SJFnya

2.1:     Admin memilih triwulan

2.1.1:     Meminta data ke sistem

2.1.2:    Sistem mengambil data dari database

2.1.3:     Database mengirim data ke sistem untuk ditampilkan

2.2:     sistem menampilkan data SJF

Sequence Diagram Kelola SJF Berdasarkan Triwulan

Sequence Diagram Kelola SJF Berdasakan Triwulan

1:     User / Admin membuka halaman home

1.1:    User / Admin memilih menu SJF

2:     User / Admin memilih triwulan yang ingin dilihat SJFnya

2.1:     User / Admin memilih edit SJF

2.1.1:     Sistem melakukan validasi data

2.1.2:    Data valid

2.1.3:    Sistem menyimpan data ke database

2.2:     Database mengirim data ke sistem untuk ditampilkan

2.2.1:    Sistem menampilkan data SJF

Sequence Diagram Cetak Laporan SJF


Sequence Diagram Cetak Laporan SJF

Berikut adalah penjelasan sequence diagram melihat SJF area:

1:     Admin / User membuka halaman home

1.1:    Admin / User memilih menu SJF

2:     Admin / User memilih triwulan yang ingin dilihat SJFnya

2.1:     Meminta data ke sistem

2.1.1:     Sistem mengambil data dari database

2.1.2:    Database mengirim data ke sistem untuk ditampilkan

2.2:     Sistem menampilkan data SJF

3:    Admin / User menekan tombol cetak

3.1:    Sistem melakukan proses cetak data

Class Diagram

Class Diagram

Spesifikasi Database

  1. Nama Database    : pln

    Nama Tabel        : tb_area

    Primari key        : id_area

Tabel 3.10. tabel tb_area

No. Nama Field Tipe Data Size Keterangan
1. id_area int 11 Primary key
2. nama_area varchar 30 Daftar nama area
  1. Nama Database    : pln

    Nama Tabel        : tb_bidang

    Primari key        : id_bidang

Tabel 3.11. tabel tb_bidang

No.

Nama Field

Tipe Data

Size

Keterangan

1.

id_bidang

int

11

Primary key

2.

kompetensi

varchar

6

Nama kompetensi

3.

kepanjangan

varchar

100

Kepanjangan dari kompetensi

4.

cp

varchar

450

Nama competency profile

  1. Nama Database    : pln

    Nama Tabel        : tb_profesi

    Primari key        : id_profesi

Tabel 3.12. tabel tb_profesi

No. Nama Field Tipe Data Size Keterangan
1. id_profesi int 11 Primary key
2. kode_profesi varchar 10 Kode profesi
3. nama_profesi varchar 50 Nama profesi
  1. Nama Database    : pln

    Nama Tabel        : tb_sjf

    Primari key        : id_sjf

Tabel 3.13. tabel tb_sjf

No. Nama Field Tipe Data Size Keterangan
1. id_sjf int 11 Primary key
2. id_profesi int 11 Nomor id profesi
3. kode_sjf varchar 20 Kode sjf
4. nama_jabatan varchar 100 Nama jabatan

  1. Nama Database    : pln

    Nama Tabel        : tb_sjfarea

    Primari key        : id_sjfarea

Tabel 3.14. tabel tb_sjfarea

No. Nama Field Tipe Data Size Keterangan
1. id_sjfarea int 11 Primary key
2. id_area int 11 Nomor id area
3. id_sjf int 11 Nomor id sjf
4. id_triwulan int 11 Nomor id triwulan
5. sjf varchar 5 sjf
6. wajib_sertifikasi varchar 5 Wajib sertifikasi
7. realisasi int 11 Realisasi yang dilakukan
8. usulan int 11 Usulan yang diperlukan

  1. Nama Database    : pln

    Nama Tabel        : tb_triwulan

    Primari key        : id_triwulan

Tabel 3.15. tabel tb_triwulan

No. Nama Field Tipe Data Size Keeterangan
1. id_triwulan int 11 Primary key
2. nama_triwulan varchar 3 Nama triwulan
  1. Nama Database    : pln

    Nama Tabel        : tb_user

    Primari key        : id_user

Tabel 3.16. tabel tb_user

No. Nama Field Tipe Data Size Keterangan
1. id_user int 11 Primary key
2. id_area int 11 Nomor id area
3. username varchar 6 Username
4. password varchar 15 Password

Rancangan Layar

Rancangan Layar Login

Rancangan Layar Login

Rancangan Layar Dashboard

Rancangan Layar Dashboard

Rancangan Layar SJF

Rancangan Layar SJF


Rancangan Layar Edit SJF

Rancangan Layar Competency & Cetak Laporan Profile

 

PUSTAKA


Exit mobile version