Package Diagram – SI-17A

Package Diagram

  • Menggambarkan pengelompokkan elemen-elemen sistem (class, objek, dsb.)

Visualisasi Package

Generalisasi dan Dependensi

Refinement Relationship

Penyatuan Package

Transformasi Hasil Penyatuan

Interaction Overview Diagram

  • Gabungan dari sequence diagram dan activity diagram

Timing Diagram


Pengembangan Perangkat Lunak dengan UML

  • Buat daftar semua business process yang diperlukan
  • Buat use case untuk setiap business process
  • Buat use case diagram lebih detil dan lebih lengkap (requirement, constraints dan catatan-catatan lain)
  • Buat deployment diagram
  • Definisikan requirement lain (non-fungsional, security dan sebagainya) yang juga harus disediakan oleh sistem.
  • Buat activity diagram berdasarkan use case
  • Definisikan objek-objek level atas (package atau domain) buatlah sequence dan/atau collaboration diagram untuk tiap alir pekerjaan.
  • Buarlah rancangan user interface model yang menyediakan antarmuka bagi pengguna untuk menjalankan skenario use case.
  • Berdasarkan model-model yang sudah ada, buatlah class diagram.
  • Setelah class diagram dibuat, kita dapat melihat kemungkinan pengelompokan class menjadi komponen-komponen. Karena itu buatlah component diagram pada tahap ini. Juga, definisikan tes integrasi untuk setiap komponen meyakinkan ia berinteraksi dengan baik.
  • Perhalus deployment diagram yang sudah dibuat. Detilkan kemampuan dan requirement piranti lunak, sistem operasi, jaringan, dan sebagainya. Petakan komponen ke dalam node.
  • Mulailah membangun sistem. Ada dua pendekatan yang dapat digunakan :
    • Pendekatan use case, dengan meng-assign setiap use case kepada tim pengembang tertentu untuk mengembangkan unit code yang lengkap dengan tes.
    • Pendekatan komponen, yaitu meng-assign setiap komponen kepada tim pengembang tertentu.
  • Lakukan uji modul dan uji integrasi serta perbaiki model berserta codenya. Model harus selalu sesuai dengan code yang aktual.
  • Piranti lunak siap dirilis.

Untuk lebih jelasnya silahkan download file berikut ini:

Terimakasih atas perhatiannya.

Deployment Diagram – SI-17A

Deployment Diagram

  • Menunjukkan bagaimana artifak-artifak terpasang pada perangkat keras sistem dan bagaimana bagian-baian perangkat keras terhubung satu dengan yang lain
  • Node adalah komponen utama perangkat keras sumber daya penghitungan
  • Device adalah node yang menjalankan artifak-artifak

Visualisasi Node


Deployment Artifak pada Node

Hubungan Antar Node

Spesifikasi Deployment & Hubungannya dengan Artifak

Contoh 1

Contoh 2

Untuk lebih jelasnya silahkan download file berikut ini:

Terimakasih atas perhatiannya.

Component Diagram – SI-17A

Component Diagram

Definisi-definisi Component

  • Komponen perangkat lunak adalah bagian dari sebuah sistem
  • Komponen perangkat lunak dapat berupa tabel, file data, file .exe, file .dll, dan sebagainya.
  • Dalam UML 2.0 komponen perangkat lunak disebut artifak yaitu bagian informasi yang digunakan dan dihasilkan oleh sistem
  • Komponen adalah bagian yang menentukan fungsionalitas sistem
  • Komponen merupakan implementasi dari satu class atau lebih
  • Artifak yang dapat dieksekusi merupakan implementasi dari sebuah komponen

Manfaat Component Diagram

  • Struktur dan fungsi sistem dapat digambarkan dengan jelas
  • Struktur panduan apa yang harus dikerjakan oleh developer
  • Dokumentator dalam memahami apa yang akan ditulis
  • Siap digunkan kembali untuk projek lain

Component dan Interface

  • Interface adalah rangkaian operasi yang menentukan perilaku sebuah class
  • Interface seperti class tetapi hanya memiliki operasi saja
  • Interface dapat berwujud konseptual atau fisik

Visualisasi Component Diagram

Component Di Dalam Package

Hubungan Artifak Dengan Component


Component dan Interface

Realisasi Dan Dependensi


Black Box dan White Box


Contoh 1

Contoh 2

Untuk lebih jelasnya silahkan download file berikut ini:

Terimakasih atas perhatiannya.

Activity Diagram – SI-17A

Activity Diagram

  • Merupakan penggambaran apa yang terjadi pada sebuah operasi dalam sistem
  • Mirip dengan Flow Chart
  • Terdiri dari langkah-langkah, percabangan, dan titik pengambilan keputusan

Visualisasi Activity Diagram

Pengambilan Keputusan

Fork dan Join

  • Fork : suatu langkah dipecah menjadi dua langkah dan dua langkah tersebut dijalankan secara simultan
  • Join : akhir dari dua langkah yang berjalan simultan bermuara pada suatu langkah

Pengiriman Sinyal

Swim Lane

  • Menunjukkan peran-peran dalam sistem dan aktivitas yang dilakukan masing-masing peran


Penanda Waktu dan Akhir Flow

Node Objek (PIN) dan Transformation

  • Node Objek menggambarkan parameter input maupun output
  • Transformation menggambarkan ekspresi yang digunakan dalam suatu activity

Expansion Region

  • Menandai sebuah area yang berisi aksi yang terjadi sekali untuk setiap item pada sebuah koleksi

Untuk lebih jelasnya silahkan download file berikut ini:

Terimakasih atas perhatiannya.

Sequence Diagram, Communication Diagram – SI-17A

Sequence Diagram

  • Menggambarkan interaksi antar-objek dalam beberapa perilaku dalam sebuah skenario
  • Elemen pada sequence diagram :
    • Objek / participant
    • Pesan / message
    • Waktu / time

Visualisasi Sequence Diagram

Contoh 1 : Kunci Mobil

Contoh 2 : Mesin Penjual Soda

Penghapusan Object

Frame

Frame Interaksi

Operator pad Frame Interaksi

Communicaton Diagram

  • Merupakan penggambaran pengiriman message antar objek yang saling berhubungan
  • Merupakan perluasan dari Object Diagram
  • Dapat dibuat berdasarkan Sequence Diagram atau sebaliknya
  • UML 1.x disebut Collaboration Diagram

Visualisasi Communication Diagram

Untuk lebih jelasnya silahkan download file berikut ini:

Composite Structure Diagram, State Diagram – SI-17A

Composite Structure Diagram (Context Diagram)

  • Menunjukkan diagram komponen-komponen suatu class di dalam sebuah diagram class yang lebih besar

 



State Diagram

  • Menggambarkan status atau keadaan-keadaan dan transisi sebuah objek serta menampilkan titik awal dan titik akhir status.
  • State diagram dapat membantu developer untuk mengerti perilaku-perilaku objek pada sebuah sistem


Contoh State Diagram


Aktivitas

  • Aktivitas terdiri dari :
    • Event
    • Aksi
  • Tiga kategori aktivitas :
    • Entry; apa yang terjadi saat sistem memasuki status
    • Exit; apa yang terjadi saat sistem meninggalkan status
    • Do; apa yang terjadi saat sistem berada dalam status
  • Transisi adalah event atau aksi yang dapat menyebabkan terjadinya perubahan status

State Diagram dengan Activity


Internal Activity

  • Status dapat bereaksi terhadap event tanpa adanya transition dengan menggunakan internal activity


Guard Condition


Composite State: Super State dan Sub State


Concurrent State & History State


Connection Point


Untuk lebih jelasnya silahkan download file berikut ini:

Use Case Diagram – SI-17A

Use case diagram adalah menggambarkan tentang cara user berkomunikasi dengan sistem yang berjalan dan berfungsi untuk mengetahui fungsi-fungsi yang ada didalam sistem , berikut adalah proses usulan dengan Use case Diagram:


Sumber: Hasil Penelitian (2016)

Gambar IV. 9.

Use Case Diagram proses keseluruhan sistem pembayaran siswa

  1. Use case Login

Use case login menggambarkan proses ineraksi antar sistem login dengan actor, berikut adalah gambar use case login:


Sumber: Hasil Penelitian (2016)

Gambar IV. 10.

Use Case Diagram Login

Berikut adalah tabel dari proses use case login:

Tabel IV.12.

Scenario Use case login

Use Case Name

Login

Use Case ID

UCU-1

Actor

Bendahara

Description

Use Case menggambarkan Bendahara melakukan login dan masuk ke menu utama.

Scanario

Bendahara melakukan login dan sistem melakukan vadisasi login, setelah itu masuk kemenu utama.

  1. Use case Data Master

Use case data master menggambarkan proses ineraksi antar sistem pengolahan data master dengan bendahara berikut adalah gambar use case master:


Sumber: Hasil Penelitian (2016)

Gambar IV. 11.

Use Case Diagram Data Master

Berikut adalah tabel scenario dari proses use case :

Tabel IV.13.

Scenario Use case pembayaran siswa

Use Case Name

Data Master

Use Case ID

UCU-2

Actor

Bendahara

Description

Use Case menggambarkan bendahara mebuat, mengedit dan menghapus data master

Scenario

Bendahara dapat membuat data master seterlah itu bendahara dapat mengedit serta menghapus data master sesuai dengan id master

  1. Use case Pembayaran

Use case pembayaran menggambarkan proses ineraksi antar sistem pembayaran, actor, dan siswa berikut adalah gambar use case pembayaran:


Sumber: Hasil Penelitian (2016)

Gambar IV. 12.

Use Case Diagram Pembayaran Siswa

Berikut adalah tabel dari proses use case pembayaran siswa:

Tabel IV.14.

Scenario Use case pembayaran siswa

Use Case Name

Pembayaran

Use Case ID

UCU-4

Actor

Bendahara dan siswa

Description

Use Case menggambarkan siswa memberikan kartu dan uang pembayaran dan bendahara melayani pembayaran siswa serta memberikan bukti dan kartu pembayaran kepada siswa

Scanario

Siswa memberikan kartu dan uang pembayaran kepada bandahara sekolah dan bandahara melayani dan mengilah pembayaran siswa, setelah itu bendahara memberikan bukti dan kartu pembayaran kepada siswa

  1. Use case Tunggakan Siswa

Use case tunggkan siswa menggambarkan proses ineraksi antar sistem tunggakan, actor, dan siswa berikut adalah gambar use case tunggakan:


Sumber: Hasil Penelitian (2016)

Gambar IV. 13.

Bentuk Use Case Diagram Tunggakan Siswa

Berikut adalah tabel dari proses use case tunggakan:

Tabel IV.15.

Scenario Use case Tunggakan Siswa

Use Case Name

Tunggkan Siswa

Use Case ID

UCU-3

Actor

Bendahara dan Siswa

Description

Use Case menggambarkan Bendahara membuatkan data tunggakan dan memberikan kepada siswa

Scanario

Bendahara membuatkan data tunggakan kepada siswa sesuai dengan jumlah dan rincian siswa dan setalah itu bendahara memberikan data tunggakan kepada masing-masing siswa.

  1. Use case Laporan Pembayaran

Use case laporan pembayaran menggambarkan proses interaksi antar sistem laporan, actor,kepala sekolah dan yayasan berikut adalah gambar use case yaysan:

Sumber: Hasil Penelitian (2016)

Gambar IV. 14.

Bentuk Use Case Diagram laporan

Berikut adalah tabel dari proses use case laporan:

Tabel IV.16.

Scenario Use case Laporan

Use Case Name

Laporan transaksi

Use Case ID

UCU-4

Actor

Bendahara, Kepala Sekolah dan Yayasan

Description

Use Case menggambarkan bendahara membuat laporan transaksi dan diserahkan kepada kepada sekolah dan yayasan

Scanario

Bendahara membuat laporan transaksi, setelah itu menyerahkan laporan kepada kepala sekolah dan yayasan

  1. Use case Logout

Use case Logout menggambarkan proses ineraksi antar sistem tunggakan dan bendahara berikut adalah gambar use case
logout:

Sumber: Hasil Penelitian (2016)

Gambar IV. 15.

Bentuk Use Case Diagram
logout

Berikut adalah tabel dari proses use case logout:

Tabel IV.17.

Scenario Use case logout

Use Case Name

Logout

Use Case ID

UCU-5

Actor

Bendahara

Description

Use Case menggambarkan bendahara melakukan proses logout

Scanario

Bendahara masuk ke menu logout dan melakukan logout setelah itu akan kembali ke menu login.

Sumber:

Skripsi Merza Deo, Prodi Sistem Informasi, STMIK Bina Insani