Statechart

Diagram .
 Statechart diagram, atau yang biasa juga disebut state diagram
digunakan untuk mendokumentasikan beragam kondisi/keadaan
yang bisa terjadi terhadap sebuah class dan
kegiatan apa saja yang dapat merubah kondisi/keadaan tersebut.
Contohnya sebuah televisi yang dapat berada dalam kondisi
menyala atau mati, jika tombol power ditekan maka televisi akan
menyala, begitu juga sebaliknya akan mati jika tombol power
ditekan kembali. Maka disini kita
mempunyai sebuah kelas yaitu televisi, 2 state yaitu menyala dan
mati dan 2 transition yaitu menyalakan TV dan mematikan TV.
Tidak seperti diagram-diagram behavioural lainnya yang
memodelkan interaksi diantara beberapa class, state diagram
justru biasanya hanya memodelkan transisi yang terjadi hanya
pada sebuah class. Berikut adalah notasi state diagram :
 Notasi State menggambarkan kondisi
State sebuahentitas, dan digambarkan dengan
segiempat yang pinggirnya tumpul
dengan nama state didalamnya State1
State1

Sebuah Transition menggambarkan sebuah

Transition perubahan kondisi objek yang disebabkan oleh
sebuah event. Transition digambarkan dengan
sebuah anak panah dengan nama event yang Transition
ditulis diatasnya, dibawahnya atau sepanjang

anak panah tersebut .

sebuah kondisi awal sebuah
Initial State object sebelum ada perubahan keadaan. Initial
State digambarkan dengan sebuah lingkaran
solid. Hanya satu Initial State yang diizinkan
dalam sebuah diagram

menggambarkan ketika objek berhenti

Final State memberi respon terhadap sebuah event. Final
State digambarkan dengan lingkaran solid
didalam sebuah lingkaran kosong.
 Statechart diagram menggambarkan transisi dan
perubahan keadaan (dari satu state ke state lainnya)
suatu objek pada sistem sebagai akibat dari stimuli yang
diterima. Pada umumnya statechart
diagram menggambarkan class tertentu (satu class dapat
memiliki lebih dari satu statechart
diagram).
Dalam UML, state digambarkan berbentuk segiempat
dengan sudut membulat dan memiliki nama
sesuai kondisinya saat itu. Transisi antar state umumnya
memiliki kondisi guard yang merupakan
syarat terjadinya transisi yang bersangkutan, dituliskan
dalam kurung siku. Action yang dilakukan
sebagai akibat dari event tertentu dituliskan dengan diawali
garis miring.
Titik awal dan akhir digambarkan berbentuk lingkaran
berwarna penuh dan berwarna setengah.
Contoh statechart diagram :
State Machine Diagram (Statechart diagram in versi 1.x)

Untuk memodelkan behavior/methode (lifecycle) sebuah kelas atau object

Memperlihatkan urutan kejadian sesaat (state) yang dilalui sebuah object,
transisi dari sebuah state ke state lainnya
State Machine Diagram (Statechart diagram in versi 1.x)
Sebuah state machine diagram mempunyai :
state (kejadian sesaat) are represented by the values of attributes of an object
State digambarkan dengan bentukData Kosong
Data Kosong

Data Kosong
atau
Black Hole states
is state has transitions into it but none out
Miracle states
is state has transitions out of it but none into it
initial state / creation state dengan tanda
Untuk memulai sebuah state machine diagram
(in western culture people read from left to right, top to bottom, starting in the
top-left corner)
Final state dengan tanda
Untuk mengakhiri sebuah state machine diagram
Letakkan pada pojok kanan bawah(in western culture people read from left to
right, top to bottom, starting in the top-left corner)
Simple State
Sebuah State yang tidak mempunyai Sub States/region/submachines
State Machine Diagram (Statechart diagram in versi 1.x)
Composite State State 1
Kumpulan dari
beberapa states Digunakan untuk
yang setidaknya
State 2 State 3 mendukung konsep
dalam sebuah encapsulation
region State 1
Sebuah state tidak boleh
Orthogonal State, mempunyai region dan
jenis composite State 2
State 4
submachine secara
state lebih dari 1 bersamaan
region State 3
State 5
Nama state mempunyai
sintaks :
Submachine State nama submachine state :
Sejenis composite state Statereferenced
0 : state state machine
yang isinya didefinisikan
NamaSubMachine:
Nama State machine
oleh
Masukstate machine lain
State Machine yangBatalkan berisi
submachine state disebut
Containing state machine
Sebuah state yang
dihubungkan ke state
machine lainnya
Dihubungkan ke satu/lebih
entry point dan satu/lebih
exit point
State Machine Diagram (Statechart diagram in versi 1.x)
Sub States State 1

Sebuah state yang ada dalam sebuah region State 4

Direct Substate, Sub state State 2
State 5
yang tidak berisi state lain
Indirect Substate, Sub state State 3
State 6

yang berisi state lain

Region (kelompok state)
Dipisahkan dengan garis terputus, yang setiap region boleh mempunyai
nama sebagai optional
Sebuah state tidak boleh mempunyai region dan submachine secara
bersamaan
State terpisah menjadi 3 bagian yaitu
Activity label bisa berupa Entry, Exit atau do
Dimana Activity expression adalah penggunaan atribut
NIP Kosong Nama State

Entry/isi NIP Internal Activity, kegiatan yang dilakukan dalam state

Exit/ sintaks : Activity label/activity expression
Help/Tekan F1

Klik Internal transition

Double klik
State Machine Diagram (Statechart diagram in versi 1.x)
Transition
digambarkan dengan tanda anak panah
progressions from one state to another, will be triggered by an event
Transition adalah hasil dari methode yang menyebabkan perubahan state,
walaupun tidak semua methode menyebabkan perubahan state

label on transition is in the format

event [guard][/methode list()]
event biasa dituliskan dengan past tense
event menyebabkan sebuah object berpindah dari satu state ke state lain
Guard, condition that must be true for the transition to be triggered
Guard harus konsisten dan tidak overlap
Contoh: X<0, X=0 dan X>0 konsisten
X<=0 dan X>=0 tidak konsisten
Guards harus lengkap logikanya
Contoh: X<0 dan X>0 , bagaimana jika X=0 ?
Methode dijalankan
ketika object memasuki state diindkasikan dengan methode bernama
entry( )
ketika object keluar state diindikasikan dengan methode bernama exit( )
Methode menyebabkan perubahan di sebuah state bisa juga tidak
State Machine Diagram (Statechart diagram in versi 1.x)
Join, menggabungkan
beberapa transition menjadi Dimungkinkan transition ke
sebuah transition sebuah state yang berisi
beberapa state yang
Fork, memecah sebuah disebut state list
transition menjadi beberapa
transition yang berkondisi State1,
AND (transition harus State2
dilewati semuanya).
Junction, Menggabungkan
sebuah/beberapa transition State 0 State 1
dan memecahnya menjadi
sebuah/beberapa transition
yang berkondisi AND Event 1 [b<0] Event 2 [b<0]
(transition harus dilewati
semuanya).
Digunakan tanda lingkaran [a<0] [a>7]
hitam kecil [a=5]
Contoh:
State 2 State 3 State 4
State Machine Diagram (Statechart diagram in versi 1.x)
Choice, Mengkondisikan sebuah transition menjadi sebuah/beberapa
transition, yang hanya dipilih salah satu transition(choice).
Digunakan lambang diamond
Operand dapat diletakkan didalam diamond atau pada transition
Contoh:
[>5] [A>5]
A atau
[=5] [A=5]
[<5] [A<5]

Entry point Exit point

Dilambangkan sebuah lingkaran Dilambangkan sebuah lingkaran
kecil yang ditaruh pada pinggiran kecil bersilang yang ditaruh pada
state(bisa juga didalam atau pinggiran state (bisa juga didalam
diluar), dan berguna sebagai atau diluar), dan berguna sebagai
submachine state submachine state

NamaSubMachine: NamaSubMachine:
Nama State machine Nama State machine
lagi batalkan
State Machine Diagram (Statechart diagram in versi 1.x)
State Machine Diagram ada 2 jenis
Behavioral State Machines
Merupakan state machine diagram umumnya
Digunakan untuk mendefinisikan perilaku sebuah object
Protocol State Machines
Digunakan untuk penggunaan protocol pada sebuah system
Dapat didefinisikan ke spesifik Protocol State Machines atau ke
Behavioral State Machines
Didefinisikan sebagai diagram context (global overview)
Notasi yang digunakan Door
sama dengan Behavioral State Machines
{protocol}

dengan penambahan kata {protocol}

Tidak adanya internal activity seperti entry,exit,do

Transition pada Protocol State Machines harus menggunakan Protocol
Transition
Protocol Transition
Sintaks : [pre condition] event / [post condition]
precondition atau postcondition adalah guard (Guard is condition
that must be true for the transition to be triggered)
Precondition, kondisi sebelum transition
Postcondition, kondisi setelah transition
Statechart diagram
Statechart diagram menggambarkan transisi dan perubahan
keadaan (dari satu state ke state lainnya) suatu objek pada
sistem sebagai akibat dari stimuli yang diterima.
Pada umumnya statechart diagram menggambarkan class
tertentu (satu class dapat memiliki lebih dari satu statechart
diagram).
Dalam UML, state digambarkan berbentuk segiempat dengan
sudut membulat dan memiliki nama sesuai kondisinya saat itu.
Transisi antar state umumnya memiliki kondisi guard yang
merupakan syarat terjadinya transisi yang bersangkutan,
dituliskan dalam kurung siku. Action yang dilakukan sebagai
akibat dari event tertentu dituliskan dengan diawali garis miring.
Titik awal dan akhir digambarkan berbentuk lingkaran berwarna
penuh dan berwarna setengah.
Contoh State Diagram
Deployment Diagram

Deployment/physical diagram menggambarkan detail

bagaimana komponen di-deploy dalam infrastruktur
sistem, di mana komponen akan terletak (pada mesin,
server atau piranti keras apa), bagaimana kemampuan
jaringan pada lokasi tersebut, spesifikasi server, dan hal-
hal lain yang bersifat fisikal
Sebuah node adalah server, workstation, atau piranti
keras lain yang digunakan untuk men-deploy komponen
dalam lingkungan sebenarnya. Hubungan antar node
(misalnya TCP/IP) dan requirement dapat juga
didefinisikan dalam diagram ini.
Component Diagram

Component diagram menggambarkan struktur dan hubungan

antar komponen piranti lunak, termasuk ketergantungan
(dependency) di antaranya.
Komponen piranti lunak adalah modul berisi code, baik berisi
source code maupun binary code, baik library maupun
executable, baik yang muncul pada compile time, link time,
maupun run time.
Pada umumnya komponen terbentuk dari beberapa class
dan/atau package, tapi dapat juga dari komponen-komponen
yang lebih kecil.
Komponen dapat juga berupa interface, yaitu kumpulan layanan
yang disediakan sebuah komponen untuk komponen lain.
Contoh : Component Diagram

applet1.class applet1.java

Demo.html applet2.class applet2.java

logo.gif
Contoh : Component & Deployment Diagram
Referensi Materi UML

Sebagai referensi dalam mempelajari dan menggunakan UML, situs-

situs yang merupakan pointer
http://www.cetus-links.org/oo_uml.html
http://www.omg.org
http://www.omg.org/technology/uml/
http://www.rational.com/uml
http://www.uml.org/
 Contoh kasus (AcknowledgmentsToekotriyanto)
state chart diagram pendaftaran statechart diagram pengisian data kwitansi.

pengisian kirim isi ulang

data
pengisian kirim isi ulang
data masukan data

simpan data masukan

simpan