1.0Visual Paradigm Bloghttps://blog.visual-paradigm.com/idDiagram State – Tutorial Cepat - Visual Paradigm Blogrich600338<blockquote class="wp-embedded-content" data-secret="U8R6HPCKP5"><a href="https://blog.visual-paradigm.com/id/state-diagram-a-quick-tutorial/">Diagram State – Tutorial Cepat</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://blog.visual-paradigm.com/id/state-diagram-a-quick-tutorial/embed/#?secret=U8R6HPCKP5" width="600" height="338" title="“Diagram State – Tutorial Cepat” — Visual Paradigm Blog" data-secret="U8R6HPCKP5" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
/* ]]> */
</script>
https://blog.visual-paradigm.com/id/wp-content/uploads/sites/16/2026/01/State-Machine-Diagram-Phone.png1211366Apa itu diagram state UML? Diagram state (disebut dalam spesifikasi UML 1.x) adalah diagram yang menunjukkan mesin state dan disebut diagram mesin state dalam UML 2.x. Mesin state yang disebutkan adalah perilaku yang menggambarkan berbagai status dan transisi status dari suatu objek dalam siklus hidupnya. Diagram state adalah salah satu dari 14 diagram UMLyang digunakan […]