Indikator Materi:

  • Mengetahui cara Analisa Perancangan menggunakan Activity diagram, sequence diagram dan class diagram.

Use Case

  • Use Case adalah deskripsi fungsi dari sebuah sistem dari perspektif pengguna.
  • Sejak tahun 1992, dengan adanya pengembang UML, yaitu Jacob Et All, menjadikan Use case sebagai model utama atau yang dibutuhkan (Requeirment Model)
    pada UML.
  • Use case dibuat berdasar keperluan actor, merupakan “apa” yang dikerjakan system, bukan “bagaimana” system mengerjakannya
  • Use case diberi nama yang menyatakan apa hal yang dicapai dari hasil interaksinya dengan actor.
  • Use case dinotasikan dengan gambar (horizontal ellipse)


  • Use case biasanya menggunakan kata kerja
  • Nama use case boleh terdiri dari beberapa kata dan tidak boleh ada 2 use case yang memiliki nama yang sama

Use Case Diagram

  • Menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”.
  • Menurut Rosa dan Salahudin use case diagram tidak menjelaskan secara detail tentang penggunaan tiap use case, namun hanya memberi gambaran singkat hubungan antara use case, aktor, dan sistem. Melalui use case diagram kita dapat mengetahui fungsi-fungsi apa saja yang ada pada sistem (Rosa-Salahudin, 2011: 130).
  • Usecase Diagram digunakan untuk mengambarkan interaksi antara pengguna sistem (actor) dengan kasus (use case) yang disesuaikan dengan langkah-langkah (scenario) yang telah ditentukan.
  • Menggambarkan kebutuhan system dari sudut pandang user
  • Mengfokuskan pada proses komputerisasi (automated processes)
  • Menggambarkan hubungan antara use case dan actor
  • Use case menggambarkan proses system (kebutuhan system dari sudut pandang user)

    Secara umum use case adalah:

  • Pola perilaku system
  • Urutan transaksi yang berhubungan yang dilakukan oleh satu actor

    Use case diagram terdiri dari:

    • Use case
    • Actors
    • System boundary boxes (optional)
    • Packages (optional)

    Tujuan Use case Diagram

    • Untuk mengumpulkan kebutuhan dari sebuah system
    • Untuk mendapatkan pandangan dari luar system
    • Untuk mengidentifikasikan factor yang mempengaruhi system baik internal maupun external.
    • Untuk menunjukkan interkasi dari para actor dari system.

      Use Case: Mengapa penting?

    • Ide dasarnya adalah bagaimana melibatkan penggunaan system di fase fase awal Analisa dan perancangan system, sehingga diharapkan akan bisa dibangun suatu system yang bisa membantu pengguna.


    Gambar. Simbol Use Case

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