Contoh Statechart Diagram

Statechart merupakan sebuah diagram yang menggambarkan state machine. Sekilas pernyataan tersebut cukup membingungkan, namun jangan khawatir, dalam tulisan ini kita akan membahas mengenai statechart diagram secara lengkap, mulai dari definisi hingga contoh.

Pada praktenya statechart diagram sangat jarang sekali digunakan, bahkan beberapa orang yang belajar sistem informasi sekalipun tidak mengetahui tentang ini.

Akan tetapi untuk menambah wawasan dan pengetahuan tentu tidak ada salahnya kita mempelajari statechart diagram.

Bahkan siapa yang tahu suatu saat ini kita membutuhkan informasi dan pemahaman mengenai statechart diagram ini.

Baca Juga: Contoh DFD

Apa yang Dimaksud dengan Statechart Diagram?

Statechart atau state diagram adalah sebuah diagram yang menggambarkan, memperlihatkan serta mendeskripsikan tentang perilaku sistem.

Pada umumnya statechart diagram ini menggambarkan seluruh kondisi yang ada sebagai sebuah objek ataupun event.

Elemen yang terdapat pada state diagram ialah kotak yang menggambarkan sebuah objek, serta tanda panah sebagai tanda penunjuk perpindahan ke state lainnya.

Perbedaan Statechart Diagram dan Flowchart

Kedua diagram ini jelas sangat terlihat, karena memiliki fungsi yang berbeda. Seperti yang kita ketahui flowchart merupakan diagram yang menggambarkan proses yang dijalankan dari sebuah sistem.

Sedangkan untuk statechart diagram digunakan untuk menunjukan perubahan pada sebuah state, yang menjadikan perubahan tersebut bukanlah proses ataupun perintah.

Selain kedua hal tersebut, flowchart dan statechart memiliki perbedaan yang signifikan. Misal dalam pembuatan flowchart kita dituntut untuk mengetahui simbol yang begitu banyak.

Notasi dan Simbol Statechart Diagram

Berikut ini mrupakan simbol dan notasi yang digunakan dalam sebuah statechart diagram.

• Transisi

Transisi merupakan gambar sebuah panah yang menunjukan jalur bagian berbeda dari state sebuah objek. Taransisi tidak hanya mengarah ke state lain, akan tetapi dapat menunjuk balik ke dirinya sendiri.

• Initial State

Sebuah panah yang menunjuk pada lingkaran.

• Final State

Notasi ini menunjukan mewakili keadaan akhir objek.

• Synchronization and Splitting of Control

Ke dua gambar di atas merupakan sinkronasi kontrol. Gambar pertama dikenal dengan nama fork, dimana transisi tunggal atau satu transisi terbagi ke beberapa transisi.

Untuk gambar ke dua ialah join, yang mana dua transisi bergabung menjadi satu transisi.

• States

States adalah notasi menggambarkan suatu kondisi yang terjadi pada objek.

Cara Membuat Statechart Diagram

Sekilas statechart diagram ini terlihat simple dan mudah, akan tetapi ketika kita hendak menggambar dan membuatnya diharuskan mengikuti langkah langkah berikut ini.

1. Identifikasi objek yang sekiranya penting untuk dianalisis
2. Mengidentifikasi state
3. Mengidentifikasi peristiwa

Setelah kita mampu melakukan ke-3 hal di atas, selanjutnya ialah pikirkan tentang objek state, sebagai contoh dalam e-commerce produk.

Pada umumnya produk pada sebuah e-commerce memiliki rilis tanggal yang tersedia, terjual, stok atau persediaan dan lain sebagainya.

Sedangkan untuk sebuah transisi dalam keadaan tertentu tidaklah berlaku, misal ketika produk dalam keadaan dibeli atau habis.

Manfaat dan Tujuan Statechart Diagram

Statechart merupakan bagian dari diagram UML, meskipun pada prakteknya diagram ini tidak terlalu sering untuk digunakan.

Adapun manfaat dari statechart diagram adalah sebagai berikut;

• Memodelkan sistem reaktif, yaitu sebuah sistem yang merespon kejadian internal ataupun external.
• Memodelkan sebuah aktivitas life time dari awal hingga akhir.
• Memodelkan aspek dinamik suatu sistem.
• Memodelkan masa pakai sistem reaktif.
• Menggambarkan objek yang beda ketika sistem sedang berjalan.

Kumpulan Contoh Statechart Diagram

1. Contoh Statechart Diagram ATM

2. Contoh Statechart Diagram Penjualan

3. Contoh Statechart Diagram Login Perpustakaan

Penutup dan Kesimpulan

Meskipun dalam beberapa kesempatan statechart diagram ini jarang digunakan, akan tetapi tentu saja tidak ada salahnya bagi kita untuk mempelajarinya.

Karena statechart ini bagian yang tidak dipisahkan dengan diagram UML, sama halnya dengan use case diagram ataupun class diagram.

ERD dalah hal yang tidak kalah penting dengan statechart untuk dipelajari, tulisan mengenai contoh ERD sebelumnya dapat kalian pelajari..

Demikian tulisan tentang contoh statechart diagram yang dapat kami sajikan, semoga menjadi ilmu pengetahuan.

---

Hal yang sering ditanyakan;