{"id":2133,"date":"2026-11-09T09:31:41","date_gmt":"2026-11-09T09:31:41","guid":{"rendered":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/"},"modified":"2026-11-09T09:36:04","modified_gmt":"2026-11-09T09:36:04","slug":"flowchart-fundamentals-a-complete-guide-with-solved-examples","status":"publish","type":"post","link":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/","title":{"rendered":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan"},"content":{"rendered":"<h2 data-nodeid=\"4854\">Pendahuluan<\/h2>\n<p data-nodeid=\"4855\">Flowchart adalah alat visual yang kuat yang mengubah proses pemecahan masalah yang kompleks menjadi diagram langkah demi langkah yang jelas. Baik Anda seorang pemula yang mempelajari dasar-dasar pemrograman maupun pengembang berpengalaman yang mendokumentasikan logika bisnis, flowchart menyediakan bahasa universal untuk mengomunikasikan algoritma dan proses.<\/p>\n<p><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-4021\" decoding=\"async\" fetchpriority=\"high\" height=\"941\" sizes=\"(max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751.png 1672w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751-300x169.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751-1024x576.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751-768x432.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1934a52751-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<p data-nodeid=\"4856\">Panduan komprehensif ini membimbing Anda melalui dasar-dasar flowchart menggunakan contoh-contoh praktis yang telah terpecahkan. Kita akan menjelajahi lima masalah pemrograman umum\u2014mulai dari mencari bilangan terbesar dari dua angka hingga menghasilkan tabel perkalian\u2014dan mendemonstrasikan cara merepresentasikan setiap solusi secara visual. Pada akhir artikel ini, Anda akan memahami cara menerjemahkan algoritma ke dalam flowchart dan menggunakan alat modern seperti<strong data-nodeid=\"5072\">Visual Paradigm<\/strong>untuk membuat diagram profesional dengan mudah.<\/p>\n<hr data-nodeid=\"4857\"\/>\n<h2 data-nodeid=\"4858\">Konsep Utama<\/h2>\n<p data-nodeid=\"4859\">Sebelum masuk ke contoh, mari kita tetapkan blok bangunan esensial dari flowchart:<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-4025\" decoding=\"async\" height=\"941\" sizes=\"(max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d.png 1672w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d-300x169.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d-1024x576.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d-768x432.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af193f23191d-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<table data-nodeid=\"4861\">\n<thead data-nodeid=\"4862\">\n<tr data-nodeid=\"4863\">\n<th data-nodeid=\"4865\">Simbol<\/th>\n<th data-nodeid=\"4866\">Nama<\/th>\n<th data-nodeid=\"4867\">Tujuan<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"4871\">\n<tr data-nodeid=\"4872\">\n<td data-nodeid=\"4873\"><strong data-nodeid=\"5083\">Oval<\/strong><\/td>\n<td data-nodeid=\"4874\">Terminator<\/td>\n<td data-nodeid=\"4875\">Menandai awal atau akhir dari sebuah flowchart<\/td>\n<\/tr>\n<tr data-nodeid=\"4876\">\n<td data-nodeid=\"4877\"><strong data-nodeid=\"5089\">Jajar Genjang<\/strong><\/td>\n<td data-nodeid=\"4878\">Masukan\/Keluaran<\/td>\n<td data-nodeid=\"4879\">Mewakili operasi input atau output data<\/td>\n<\/tr>\n<tr data-nodeid=\"4880\">\n<td data-nodeid=\"4881\"><strong data-nodeid=\"5095\">Persegi Panjang<\/strong><\/td>\n<td data-nodeid=\"4882\">Proses<\/td>\n<td data-nodeid=\"4883\">Menunjukkan komputasi, penugasan, atau tindakan<\/td>\n<\/tr>\n<tr data-nodeid=\"4884\">\n<td data-nodeid=\"4885\"><strong data-nodeid=\"5101\">Berlian<\/strong><\/td>\n<td data-nodeid=\"4886\">Keputusan<\/td>\n<td data-nodeid=\"4887\">Mewakili cabang kondisional (Ya\/Tidak)<\/td>\n<\/tr>\n<tr data-nodeid=\"4888\">\n<td data-nodeid=\"4889\"><strong data-nodeid=\"5107\">Panah<\/strong><\/td>\n<td data-nodeid=\"4890\">Garis Alur<\/td>\n<td data-nodeid=\"4891\">Menunjukkan arah aliran proses<\/td>\n<\/tr>\n<tr data-nodeid=\"4892\">\n<td data-nodeid=\"4893\"><strong data-nodeid=\"5113\">Lingkaran<\/strong><\/td>\n<td data-nodeid=\"4894\">Penghubung<\/td>\n<td data-nodeid=\"4895\">Menghubungkan bagian-bagian berbeda dari sebuah flowchart<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"4896\">Prinsip Inti<\/h3>\n<ul data-nodeid=\"4897\">\n<li data-nodeid=\"4898\">\n<p data-nodeid=\"4899\"><strong data-nodeid=\"5121\">Alur Berurutan:<\/strong> Proses dieksekusi dari atas ke bawah kecuali diarahkan lain<\/p>\n<\/li>\n<li data-nodeid=\"4900\">\n<p data-nodeid=\"4901\"><strong data-nodeid=\"5126\">Cabang Keputusan:<\/strong> Bentuk berlian membagi alur berdasarkan kondisi<\/p>\n<\/li>\n<li data-nodeid=\"4902\">\n<p data-nodeid=\"4903\"><strong data-nodeid=\"5131\">Perulangan:<\/strong> Panah dapat kembali untuk mengulang langkah hingga kondisi terpenuhi<\/p>\n<\/li>\n<li data-nodeid=\"4904\">\n<p data-nodeid=\"4905\"><strong data-nodeid=\"5136\">Kejelasan:<\/strong> Setiap simbol harus memiliki satu tujuan yang jelas<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"4906\"\/>\n<h2 data-nodeid=\"4907\">Contoh Selesai dengan Diagram PlantUML<\/h2>\n<h3 data-nodeid=\"4908\">Contoh 1: Temukan Bilangan Terbesar dari Dua Bilangan<\/h3>\n<p data-nodeid=\"4909\"><strong data-nodeid=\"5142\">Algoritma:<\/strong><\/p>\n<ol data-nodeid=\"4910\">\n<li data-nodeid=\"4911\">\n<p data-nodeid=\"4912\">Mulai<\/p>\n<\/li>\n<li data-nodeid=\"4913\">\n<p data-nodeid=\"4914\">Masukkan dua variabel <code data-backticks=\"1\" data-nodeid=\"5145\">a<\/code> dan <code data-backticks=\"1\" data-nodeid=\"5147\">b<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4915\">\n<p data-nodeid=\"4916\">Periksa kondisi: Jika <code data-backticks=\"1\" data-nodeid=\"5149\">a &gt; b<\/code>, lanjut ke Langkah 4; jika tidak, lanjut ke Langkah 5<\/p>\n<\/li>\n<li data-nodeid=\"4917\">\n<p data-nodeid=\"4918\">Cetak &#8220;a lebih besar&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"4919\">\n<p data-nodeid=\"4920\">Cetak &#8220;b lebih besar&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"4921\">\n<p data-nodeid=\"4922\">Berhenti<\/p>\n<\/li>\n<\/ol>\n<p id=\"KQqHAHz\"><img alt=\"\" class=\"alignnone size-full wp-image-4010\" decoding=\"async\" height=\"877\" sizes=\"(max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe.png 1919w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe-300x137.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe-1024x468.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe-768x351.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191591adfe-1536x702.png 1536w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RSzF2u9040Nm-y9-Xy4k2XtwWnqCohA4Bj6ruwYhBUgkp8v1txuLkXGT1txlFIPrZCHZtqdXMcq69EpXKB9-QduTiMmRigEfCjjPWjbvdQ_oqrzggLBqOSju4sSBAJoSsgL8BcOO6N0EnLOANKE8i8DY7m4_b87mhbma1K1o8sqO0WJje265h2Zm2TKv1U7LVg7Y5vbArzEa7QH8_UM_UWC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RSy_2y8m40NmFP3lSDIb1GV_K8SAMgqMt1nS72zDQaFJf5nImMzl2owYuy7llSVbFY25eJES-LRR7WaxE5H1FtLu7R5g7-G6Amjd7C7il2vNvUalTIGLVTWotQJ5WhCHJksSPHVR3m5m3cBBcQuXHjY1s2SG6cKXlcF26K1s9Mq3H0X62Ts0K1uf6XFAU0NnJKjilw3uWLRgUffrFMVvU8sVlG40\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"4923\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam ActivityBackgroundColor #E3F2FD\r\nskinparam ActivityBorderColor #1565C0\r\n\r\nstart\r\n:Input a, b;\r\nif (a &gt; b?) then (Ya)\r\n  :Print \"a lebih besar\";\r\nelse (Tidak)\r\n  :Print \"b lebih besar\";\r\nendif\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RSy_2y8m40NmFP3lSDIb1GV_K8SAMgqMt1nS72zDQaFJf5nImMzl2owYuy7llSVbFY25eJES-LRR7WaxE5H1FtLu7R5g7-G6Amjd7C7il2vNvUalTIGLVTWotQJ5WhCHJksSPHVR3m5m3cBBcQuXHjY1s2SG6cKXlcF26K1s9Mq3H0X62Ts0K1uf6XFAU0NnJKjilw3uWLRgUffrFMVvU8sVlG40\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RSzF2u9040Nm-y9-Xy4k2XtwWnqCohA4Bj6ruwYhBUgkp8v1txuLkXGT1txlFIPrZCHZtqdXMcq69EpXKB9-QduTiMmRigEfCjjPWjbvdQ_oqrzggLBqOSju4sSBAJoSsgL8BcOO6N0EnLOANKE8i8DY7m4_b87mhbma1K1o8sqO0WJje265h2Zm2TKv1U7LVg7Y5vbArzEa7QH8_UM_UWC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"4924\"><strong data-nodeid=\"5166\">Penjelasan:<\/strong> Berlian keputusan mengevaluasi <code data-backticks=\"1\" data-nodeid=\"5164\">a &gt; b<\/code>. Jika benar, cabang kiri dieksekusi; jika tidak, cabang kanan dieksekusi. Kedua jalur bertemu di akhir.<\/p>\n<hr data-nodeid=\"4925\"\/>\n<h3 data-nodeid=\"4926\">Contoh 2: Periksa Apakah Sebuah Bilangan Ganjil atau Genap<\/h3>\n<p data-nodeid=\"4927\"><strong data-nodeid=\"5171\">Algoritma:<\/strong><\/p>\n<ol data-nodeid=\"4928\">\n<li data-nodeid=\"4929\">\n<p data-nodeid=\"4930\">Mulai<\/p>\n<\/li>\n<li data-nodeid=\"4931\">\n<p data-nodeid=\"4932\">Masukkan <code data-backticks=\"1\" data-nodeid=\"5174\">a<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4933\">\n<p data-nodeid=\"4934\">Periksa kondisi: Jika <code data-backticks=\"1\" data-nodeid=\"5176\">a % 2 == 0<\/code>, lanjut ke Langkah 5; jika tidak, lanjut ke Langkah 4<\/p>\n<\/li>\n<li data-nodeid=\"4935\">\n<p data-nodeid=\"4936\">Cetak &#8220;bilangan ganjil&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"4937\">\n<p data-nodeid=\"4938\">Cetak &#8220;bilangan genap&#8221;<\/p>\n<\/li>\n<li data-nodeid=\"4939\">\n<p data-nodeid=\"4940\">Berhenti<\/p>\n<\/li>\n<\/ol>\n<p id=\"fFUhaWO\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4011\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870.png 1915w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870-300x137.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870-1024x466.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870-768x350.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19179c9870-1536x699.png 1536w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TSzF2u9040Nm-y9-Xy48z5Q618QaHaANwDfnQyTQr5dPFqBVlZKwrd7WzzvZIkk4SNxeERETeb4OCK1rTsfIxbMBU_SmsfCyw5uRM3IROzPaFwas4isNRUjrKwMS1JYtSvQVQFGEn8uprK8iO0af50MizWcu9nB4LxG9Pm3vnIXo494VRcX0MS09AGf1x2r2VDP_c9RoeqYgTjxL8sTbkC9hRm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TSz12u9040NW-yB-Xy48z5Q618QaHaAt3bqwJhhQv3ehwnhqxzFeMCU1xxt7f8D3wyPEIp6qn3rQx20h7Jt9lN8isyQQaQk3qSR2ejWSeoBwIOsjbFsoRRukib2A2SxjKiGdxaS7k9E2Ql0HbX12ai1g7u2xAmR_Ye4K0F7P4ZlmRgIH6sHe56FlJJcb1mN-XIfi_qZa1-aFvOhgUTlqKgJJDRtt1W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"4941\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam ActivityBackgroundColor #F3E5F5\r\nskinparam ActivityBorderColor #7B1FA2\r\n\r\nstart\r\n:Input a;\r\nif (a % 2 == 0?) then (Ya)\r\n  :Print \"bilangan genap\";\r\nelse (Tidak)\r\n  :Print \"bilangan ganjil\";\r\nendif\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TSz12u9040NW-yB-Xy48z5Q618QaHaAt3bqwJhhQv3ehwnhqxzFeMCU1xxt7f8D3wyPEIp6qn3rQx20h7Jt9lN8isyQQaQk3qSR2ejWSeoBwIOsjbFsoRRukib2A2SxjKiGdxaS7k9E2Ql0HbX12ai1g7u2xAmR_Ye4K0F7P4ZlmRgIH6sHe56FlJJcb1mN-XIfi_qZa1-aFvOhgUTlqKgJJDRtt1W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TSzF2u9040Nm-y9-Xy48z5Q618QaHaANwDfnQyTQr5dPFqBVlZKwrd7WzzvZIkk4SNxeERETeb4OCK1rTsfIxbMBU_SmsfCyw5uRM3IROzPaFwas4isNRUjrKwMS1JYtSvQVQFGEn8uprK8iO0af50MizWcu9nB4LxG9Pm3vnIXo494VRcX0MS09AGf1x2r2VDP_c9RoeqYgTjxL8sTbkC9hRm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"4942\"><strong data-nodeid=\"5195\">Penjelasan:<\/strong> Operator modulo <code data-backticks=\"1\" data-nodeid=\"5191\">%<\/code> mengembalikan sisa bagi. Jika sisa bagi adalah nol, bilangan tersebut genap; jika tidak, bilangan tersebut ganjil.<\/p>\n<hr data-nodeid=\"4943\"\/>\n<h3 data-nodeid=\"4944\">Contoh 3: Cetak Bilangan Input 5 Kali<\/h3>\n<p data-nodeid=\"4945\"><strong data-nodeid=\"5200\">Algoritma:<\/strong><\/p>\n<ol data-nodeid=\"4946\">\n<li data-nodeid=\"4947\">\n<p data-nodeid=\"4948\">Mulai<\/p>\n<\/li>\n<li data-nodeid=\"4949\">\n<p data-nodeid=\"4950\">Masukkan bilangan <code data-backticks=\"1\" data-nodeid=\"5203\">a<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4951\">\n<p data-nodeid=\"4952\">Inisialisasi <code data-backticks=\"1\" data-nodeid=\"5205\">c = 1<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4953\">\n<p data-nodeid=\"4954\">Periksa kondisi: Jika <code data-backticks=\"1\" data-nodeid=\"5207\">c &lt;= 5<\/code>, lanjut ke Langkah 5; jika tidak, lanjut ke Langkah 7<\/p>\n<\/li>\n<li data-nodeid=\"4955\">\n<p data-nodeid=\"4956\">Cetak <code data-backticks=\"1\" data-nodeid=\"5210\">a<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4957\">\n<p data-nodeid=\"4958\"><code data-backticks=\"1\" data-nodeid=\"5211\">c = c + 1<\/code>, pergi ke Langkah 4<\/p>\n<\/li>\n<li data-nodeid=\"4959\">\n<p data-nodeid=\"4960\">Berhenti<\/p>\n<\/li>\n<\/ol>\n<p id=\"wlJVZWu\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4012\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664.png 1919w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664-300x136.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664-1024x465.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664-768x349.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191b635664-1536x697.png 1536w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROyz2y8m54NtGFx30vSMSR1IrDPg_OZW8gwE8GqQsYRX9L7yzwReuE1s7-VmBhTsdgCFVKU9QvMs77aFM-7LG_dNZelsXYRePcywWp1YYsFEbdzLWut4hvQn-M6MKHB5uJibnKdRu86NCGgeO1e3IYjvP0351PN-q7WCNC3unu7dNNKI4W6h2l9D2if1SfKkfMIoFfjog36Mabhg9Yvv0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROyz2y8m54NtGFx30vSMSR1IrDPg_OZW8gwE8GqQsYRX9L7yzwReuE1s7-VmBhTsdgCFVKU9QvMs77aFM-7LG_dNZelsXYRePcywWp1YYsFEbdzLWut4hvQn-M6MKHB5uJibnKdRu86NCGgeO1e3IYjvP0351PN-q7WCNC3unu7dNNKI4W6h2l9D2if1SfKkfMIoFfjog36Mabhg9Yvv0m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"4961\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam ActivityBackgroundColor #E8F5E9\r\nskinparam ActivityBorderColor #2E7D32\r\n\r\nstart\r\n:Input a;\r\n:c = 1;\r\nrepeat\r\n  :Print a;\r\n  :c = c + 1;\r\nrepeat while (c &lt;= 5?) is (Yes)\r\n-&gt;No;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROyz2y8m54NtGFx30vSMSR1IrDPg_OZW8gwE8GqQsYRX9L7yzwReuE1s7-VmBhTsdgCFVKU9QvMs77aFM-7LG_dNZelsXYRePcywWp1YYsFEbdzLWut4hvQn-M6MKHB5uJibnKdRu86NCGgeO1e3IYjvP0351PN-q7WCNC3unu7dNNKI4W6h2l9D2if1SfKkfMIoFfjog36Mabhg9Yvv0m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROyz2y8m54NtGFx30vSMSR1IrDPg_OZW8gwE8GqQsYRX9L7yzwReuE1s7-VmBhTsdgCFVKU9QvMs77aFM-7LG_dNZelsXYRePcywWp1YYsFEbdzLWut4hvQn-M6MKHB5uJibnKdRu86NCGgeO1e3IYjvP0351PN-q7WCNC3unu7dNNKI4W6h2l9D2if1SfKkfMIoFfjog36Mabhg9Yvv0m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"4962\"><strong data-nodeid=\"5226\">Penjelasan:<\/strong> Ini memperkenalkan sebuah <strong data-nodeid=\"5227\">struktur perulangan<\/strong>. Penghitung <code data-backticks=\"1\" data-nodeid=\"5222\">c<\/code> melacak iterasi. Perulangan diulang selama <code data-backticks=\"1\" data-nodeid=\"5224\">c &lt;= 5<\/code>, mencetak angka input sebanyak lima kali.<\/p>\n<hr data-nodeid=\"4963\"\/>\n<h3 data-nodeid=\"4964\">Contoh 4: Cetak Angka dari 1 hingga 10<\/h3>\n<p data-nodeid=\"4965\"><strong data-nodeid=\"5232\">Algoritma:<\/strong><\/p>\n<ol data-nodeid=\"4966\">\n<li data-nodeid=\"4967\">\n<p data-nodeid=\"4968\">Mulai<\/p>\n<\/li>\n<li data-nodeid=\"4969\">\n<p data-nodeid=\"4970\">Inisialisasi <code data-backticks=\"1\" data-nodeid=\"5235\">c = 1<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4971\">\n<p data-nodeid=\"4972\">Periksa kondisi: Jika <code data-backticks=\"1\" data-nodeid=\"5237\">c &lt; 11<\/code>, pergi ke Langkah 4; jika tidak, pergi ke Langkah 6<\/p>\n<\/li>\n<li data-nodeid=\"4973\">\n<p data-nodeid=\"4974\">Cetak <code data-backticks=\"1\" data-nodeid=\"5240\">c<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4975\">\n<p data-nodeid=\"4976\"><code data-backticks=\"1\" data-nodeid=\"5241\">c = c + 1<\/code>, pergi ke Langkah 3<\/p>\n<\/li>\n<li data-nodeid=\"4977\">\n<p data-nodeid=\"4978\">Berhenti<\/p>\n<\/li>\n<\/ol>\n<p id=\"IppOntP\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4013\" decoding=\"async\" height=\"875\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a.png 1917w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a-300x137.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a-1024x467.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a-768x351.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af191e72896a-1536x701.png 1536w\" width=\"1917\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn2i8m68JtGDxXmAN5fK5qQ1MhqexYwXZIO4FRfFn95T_Uj7HqlEFxZYjza1IceUVCTyQEakI0YmhcRSBtAbNt8ZVPvkPwHzZKTRshih-eeqRJYbM7lSWY5i5vdRDSuGHHSFPfJQ-HA1mXn3c5yKYUsgUS0Vc3Z0rGnH9cGs6xMDesgtXtwJpgHixAsCRVFm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn2i8m68JtGDxXmAN5fK5qQ1MhqexYwXZIO4FRfFn95T_Uj7HqlEFxZYjza1IceUVCTyQEakI0YmhcRSBtAbNt8ZVPvkPwHzZKTRshih-eeqRJYbM7lSWY5i5vdRDSuGHHSFPfJQ-HA1mXn3c5yKYUsgUS0Vc3Z0rGnH9cGs6xMDesgtXtwJpgHixAsCRVFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"4979\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam ActivityBackgroundColor #FFF3E0\r\nskinparam ActivityBorderColor #E65100\r\n\r\nstart\r\n:c = 1;\r\nwhile (c &lt; 11?) is (Yes)\r\n  :Print c;\r\n  :c = c + 1;\r\nendwhile (No)\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn2i8m68JtGDxXmAN5fK5qQ1MhqexYwXZIO4FRfFn95T_Uj7HqlEFxZYjza1IceUVCTyQEakI0YmhcRSBtAbNt8ZVPvkPwHzZKTRshih-eeqRJYbM7lSWY5i5vdRDSuGHHSFPfJQ-HA1mXn3c5yKYUsgUS0Vc3Z0rGnH9cGs6xMDesgtXtwJpgHixAsCRVFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn2i8m68JtGDxXmAN5fK5qQ1MhqexYwXZIO4FRfFn95T_Uj7HqlEFxZYjza1IceUVCTyQEakI0YmhcRSBtAbNt8ZVPvkPwHzZKTRshih-eeqRJYbM7lSWY5i5vdRDSuGHHSFPfJQ-HA1mXn3c5yKYUsgUS0Vc3Z0rGnH9cGs6xMDesgtXtwJpgHixAsCRVFm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"4980\"><strong data-nodeid=\"5256\">Penjelasan:<\/strong> Sebuah <strong data-nodeid=\"5257\">loop while<\/strong> memeriksa kondisi sebelum setiap iterasi. Loop berjalan untuk <code data-backticks=\"1\" data-nodeid=\"5252\">c = 1, 2, ..., 10<\/code>, mencetak setiap angka hingga <code data-backticks=\"1\" data-nodeid=\"5254\">c<\/code> mencapai 11.<\/p>\n<hr data-nodeid=\"4981\"\/>\n<h3 data-nodeid=\"4982\">Contoh 5: Cetak 5 Kelipatan Pertama dari 3<\/h3>\n<p data-nodeid=\"4983\"><strong data-nodeid=\"5262\">Algoritma:<\/strong><\/p>\n<ol data-nodeid=\"4984\">\n<li data-nodeid=\"4985\">\n<p data-nodeid=\"4986\">Mulai<\/p>\n<\/li>\n<li data-nodeid=\"4987\">\n<p data-nodeid=\"4988\">Inisialisasi <code data-backticks=\"1\" data-nodeid=\"5265\">c = 1<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4989\">\n<p data-nodeid=\"4990\">Periksa kondisi: Jika <code data-backticks=\"1\" data-nodeid=\"5267\">c &lt; 6<\/code>, lanjut ke Langkah 4; jika tidak, lanjut ke Langkah 6<\/p>\n<\/li>\n<li data-nodeid=\"4991\">\n<p data-nodeid=\"4992\">Cetak <code data-backticks=\"1\" data-nodeid=\"5270\">3 * c<\/code><\/p>\n<\/li>\n<li data-nodeid=\"4993\">\n<p data-nodeid=\"4994\"><code data-backticks=\"1\" data-nodeid=\"5271\">c += 1<\/code>, lanjut ke Langkah 3<\/p>\n<\/li>\n<li data-nodeid=\"4995\">\n<p data-nodeid=\"4996\">Berhenti<\/p>\n<\/li>\n<\/ol>\n<p id=\"pcIuyIy\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4014\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1921px) 100vw, 1921px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2.png 1921w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2-300x136.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2-1024x465.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2-768x349.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af19210433a2-1536x698.png 1536w\" width=\"1921\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn3e8m54Nt9ls7cxY0BXWZHj084XcDgsDJ6co0bhmMZNylAAFhoRadDtDUa1-wbZFNQDCB4XrowVLJ-_TPoAOcEvYgiAqbB2vHkIlplwgbIj6iHL6ytnQSZU9KvooHE6ATSlPww5OXa3WWFeNG3i5TkP0p8BcHDXuRB27JBv1O_LRALFFmQiCfQdlEif6Elpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn3e8m54Nt9ls7cxY0BXWZHj084XcDgsDJ6co0bhmMZNylAAFhoRadDtDUa1-wbZFNQDCB4XrowVLJ-_TPoAOcEvYgiAqbB2vHkIlplwgbIj6iHL6ytnQSZU9KvooHE6ATSlPww5OXa3WWFeNG3i5TkP0p8BcHDXuRB27JBv1O_LRALFFmQiCfQdlEif6Elpy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"4997\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam ActivityBackgroundColor #E0F7FA\r\nskinparam ActivityBorderColor #00695C\r\n\r\nstart\r\n:c = 1;\r\nwhile (c &lt; 6?) is (Yes)\r\n  :Print 3 * c;\r\n  :c += 1;\r\nendwhile (No)\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn3e8m54Nt9ls7cxY0BXWZHj084XcDgsDJ6co0bhmMZNylAAFhoRadDtDUa1-wbZFNQDCB4XrowVLJ-_TPoAOcEvYgiAqbB2vHkIlplwgbIj6iHL6ytnQSZU9KvooHE6ATSlPww5OXa3WWFeNG3i5TkP0p8BcHDXuRB27JBv1O_LRALFFmQiCfQdlEif6Elpy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROwn3e8m54Nt9ls7cxY0BXWZHj084XcDgsDJ6co0bhmMZNylAAFhoRadDtDUa1-wbZFNQDCB4XrowVLJ-_TPoAOcEvYgiAqbB2vHkIlplwgbIj6iHL6ytnQSZU9KvooHE6ATSlPww5OXa3WWFeNG3i5TkP0p8BcHDXuRB27JBv1O_LRALFFmQiCfQdlEif6Elpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit PlantUML di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"4998\"><strong data-nodeid=\"5280\">Penjelasan:<\/strong> Loop ini mengalikan penghitung dengan 3 selama setiap iterasi, menghasilkan output: <code data-backticks=\"1\" data-nodeid=\"5278\">3, 6, 9, 12, 15<\/code>.<\/p>\n<hr data-nodeid=\"4999\"\/>\n<h2 data-nodeid=\"5000\">Alat: Visual Paradigm Flowchart + VPasCode + AI<\/h2>\n<p data-nodeid=\"5001\">Pembuatan diagram modern telah direvolusi oleh alat yang dibantu AI.<strong data-nodeid=\"5287\">Visual Paradigm<\/strong>menawarkan rangkaian lengkap untuk pembuatan bagan alur:<\/p>\n<p><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4016\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png 1672w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c-300x169.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c-1024x576.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c-768x432.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<h3 data-nodeid=\"5002\">Visual Paradigm Flowchart<\/h3>\n<ul data-nodeid=\"5003\">\n<li data-nodeid=\"5004\">\n<p data-nodeid=\"5005\"><strong data-nodeid=\"5293\">Antarmuka Seret dan Lepas:<\/strong>Palet simbol yang intuitif dengan bentuk bagan alur standar<\/p>\n<\/li>\n<li data-nodeid=\"5006\">\n<p data-nodeid=\"5007\"><strong data-nodeid=\"5298\">Penjajaran Cerdas:<\/strong>Penyambungan otomatis ke grid dan perutean konektor<\/p>\n<\/li>\n<li data-nodeid=\"5008\">\n<p data-nodeid=\"5009\"><strong data-nodeid=\"5303\">Pemformatan Kaya:<\/strong>Warna, font, dan tema kustom untuk output profesional<\/p>\n<\/li>\n<li data-nodeid=\"5010\">\n<p data-nodeid=\"5011\"><strong data-nodeid=\"5308\">Opsi Ekspor:<\/strong>PNG, SVG, PDF, dan tautan berbagi langsung<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"5012\">VPasCode (Visual Paradigm sebagai Kode)<\/h3>\n<ul data-nodeid=\"5013\">\n<li data-nodeid=\"5014\">\n<p data-nodeid=\"5015\"><strong data-nodeid=\"5314\">Teks ke Diagram:<\/strong>Tulis kode PlantUML atau Mermaid dan hasilkan diagram secara instan<\/p>\n<\/li>\n<li data-nodeid=\"5016\">\n<p data-nodeid=\"5017\"><strong data-nodeid=\"5319\">Ramuan Kontrol Versi:<\/strong>Simpan diagram sebagai teks untuk integrasi Git<\/p>\n<\/li>\n<li data-nodeid=\"5018\">\n<p data-nodeid=\"5019\"><strong data-nodeid=\"5324\">Prototipe Cepat:<\/strong>Sempurna untuk pengembang yang lebih memilih keyboard daripada mouse<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"5020\">Pembuatan Diagram yang Dibantu AI<\/h3>\n<ul data-nodeid=\"5021\">\n<li data-nodeid=\"5022\">\n<p data-nodeid=\"5023\"><strong data-nodeid=\"5330\">Input Bahasa Alami:<\/strong>Deskripsikan proses Anda dalam bahasa Inggris sederhana\u2014AI menghasilkan bagan alur<\/p>\n<\/li>\n<li data-nodeid=\"5024\">\n<p data-nodeid=\"5025\"><strong data-nodeid=\"5335\">Pelengkapan Otomatis:<\/strong>AI menyarankan langkah selanjutnya berdasarkan konteks<\/p>\n<\/li>\n<li data-nodeid=\"5026\">\n<p data-nodeid=\"5027\"><strong data-nodeid=\"5340\">Deteksi Kesalahan:<\/strong>Mengidentifikasi celah logika seperti cabang keputusan yang hilang<\/p>\n<\/li>\n<li data-nodeid=\"5028\">\n<p data-nodeid=\"5029\"><strong data-nodeid=\"5345\">Algoritma ke Bagan Alur:<\/strong> Tempelkan pseudokode dan biarkan AI mengubahnya menjadi diagram<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"5030\"><strong data-nodeid=\"5352\">Tips Alur Kerja:<\/strong> Mulailah dengan deskripsi dalam bahasa alami \u2192 biarkan AI membuat draf bagan alir \u2192 perbaiki menggunakan VPasCode \u2192 sematkan dalam editor visual Visual Paradigm.<\/p>\n<hr data-nodeid=\"5031\"\/>\n<h2 data-nodeid=\"5032\">Kesimpulan<\/h2>\n<p data-nodeid=\"5033\">Bagan alir tetap menjadi salah satu alat paling efektif untuk memvisualisasikan algoritma dan proses. Melalui lima contoh terpecahkan dalam panduan ini, kami telah menjelajahi konsep-konsep penting\u2014dari aliran sekuensial dasar dan percabangan keputusan hingga loop iterasi\u2014dengan menggunakan<strong data-nodeid=\"5361\">PlantUML<\/strong> untuk pembuatan diagram berbasis kode.<\/p>\n<p><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-4018\" decoding=\"async\" height=\"1086\" loading=\"lazy\" sizes=\"auto, (max-width: 1448px) 100vw, 1448px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af192ab70041.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af192ab70041.png 1448w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af192ab70041-300x225.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af192ab70041-1024x768.png 1024w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af192ab70041-768x576.png 768w\" width=\"1448\"\/><\/p>\n<p data-nodeid=\"5034\"><strong data-nodeid=\"5365\">Poin Penting:<\/strong><\/p>\n<ul data-nodeid=\"5035\">\n<li data-nodeid=\"5036\">\n<p data-nodeid=\"5037\">Bagan alir menggunakan simbol standar (oval, persegi panjang, berlian, jajar genjang) untuk merepresentasikan operasi yang berbeda<\/p>\n<\/li>\n<li data-nodeid=\"5038\">\n<p data-nodeid=\"5039\">Struktur keputusan memungkinkan logika percabangan; loop memungkinkan pengulangan<\/p>\n<\/li>\n<li data-nodeid=\"5040\">\n<p data-nodeid=\"5041\">PlantUML menyediakan pendekatan berbasis teks yang dapat dikontrol versinya untuk pembuatan diagram<\/p>\n<\/li>\n<li data-nodeid=\"5042\">\n<p data-nodeid=\"5043\"><strong data-nodeid=\"5373\">Visual Paradigm<\/strong> menggabungkan kemudahan drag-and-drop dengan fleksibilitas VPasCode dan bantuan AI, menjadikannya alat yang ideal baik untuk pemula maupun profesional<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"5044\">Baik Anda merancang pengecek ganjil\/genap sederhana atau mendokumentasikan alur kerja bisnis yang kompleks, menguasai bagan alir akan mempertajam keterampilan pemecahan masalah Anda dan meningkatkan komunikasi dengan pemangku kepentingan. Mulailah dengan pena dan kertas, beralihlah ke PlantUML untuk presisi, dan manfaatkan alat berbasis AI seperti Visual Paradigm untuk menghidupkan diagram Anda.<\/p>\n<hr data-nodeid=\"5045\"\/>\n<p class=\"\" data-nodeid=\"5046\"><em data-nodeid=\"5382\">Siap membuat bagan alir pertama Anda? Coba editor online gratis Visual Paradigm atau tempelkan salah satu contoh PlantUML di atas ke dalam VPasCode untuk melihatnya dirender secara instan.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pendahuluan Flowchart adalah alat visual yang kuat yang mengubah proses pemecahan masalah yang kompleks menjadi diagram langkah demi langkah yang jelas. Baik Anda seorang pemula yang mempelajari dasar-dasar pemrograman maupun&hellip;<\/p>\n","protected":false},"author":2,"featured_media":2134,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[61,99],"tags":[],"asset-category":[],"class_list":["post-2133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-flowchart"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates\" \/>\n<meta property=\"og:description\" content=\"Pendahuluan Flowchart adalah alat visual yang kuat yang mengubah proses pemecahan masalah yang kompleks menjadi diagram langkah demi langkah yang jelas. Baik Anda seorang pemula yang mempelajari dasar-dasar pemrograman maupun&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Viz Note Indonesian - AI Insights &amp; Software Industry Updates\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-09T09:31:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-09T09:36:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7\"},\"headline\":\"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan\",\"datePublished\":\"2026-11-09T09:31:41+00:00\",\"dateModified\":\"2026-11-09T09:36:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\"},\"wordCount\":854,\"publisher\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png\",\"articleSection\":[\"AI\",\"Flowchart\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\",\"url\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\",\"name\":\"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates\",\"isPartOf\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png\",\"datePublished\":\"2026-11-09T09:31:41+00:00\",\"dateModified\":\"2026-11-09T09:36:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage\",\"url\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png\",\"contentUrl\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png\",\"width\":1672,\"height\":941},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.viz-note.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#website\",\"url\":\"https:\/\/www.viz-note.com\/id\/\",\"name\":\"Viz Note Indonesian - AI Insights &amp; Software Industry Updates\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.viz-note.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#organization\",\"name\":\"Viz Note Indonesian - AI Insights &amp; Software Industry Updates\",\"url\":\"https:\/\/www.viz-note.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2025\/03\/cropped-viz-note-logo.png\",\"contentUrl\":\"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2025\/03\/cropped-viz-note-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Viz Note Indonesian - AI Insights &amp; Software Industry Updates\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/id\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.viz-note.com\/id\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/","og_locale":"id_ID","og_type":"article","og_title":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates","og_description":"Pendahuluan Flowchart adalah alat visual yang kuat yang mengubah proses pemecahan masalah yang kompleks menjadi diagram langkah demi langkah yang jelas. Baik Anda seorang pemula yang mempelajari dasar-dasar pemrograman maupun&hellip;","og_url":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/","og_site_name":"Viz Note Indonesian - AI Insights &amp; Software Industry Updates","article_published_time":"2026-11-09T09:31:41+00:00","article_modified_time":"2026-11-09T09:36:04+00:00","og_image":[{"url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png","type":"","width":"","height":""},{"width":1672,"height":941,"url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/11\/img_6af1925e7704c.png","twitter_misc":{"Ditulis oleh":"curtis","Estimasi waktu membaca":"6 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#article","isPartOf":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/"},"author":{"name":"curtis","@id":"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7"},"headline":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan","datePublished":"2026-11-09T09:31:41+00:00","dateModified":"2026-11-09T09:36:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/"},"wordCount":854,"publisher":{"@id":"https:\/\/www.viz-note.com\/id\/#organization"},"image":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png","articleSection":["AI","Flowchart"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/","url":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/","name":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan - Viz Note Indonesian - AI Insights &amp; Software Industry Updates","isPartOf":{"@id":"https:\/\/www.viz-note.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png","datePublished":"2026-11-09T09:31:41+00:00","dateModified":"2026-11-09T09:36:04+00:00","breadcrumb":{"@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#primaryimage","url":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png","contentUrl":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2026\/11\/img_6af1925e7704c.png","width":1672,"height":941},{"@type":"BreadcrumbList","@id":"https:\/\/www.viz-note.com\/id\/flowchart-fundamentals-a-complete-guide-with-solved-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.viz-note.com\/id\/"},{"@type":"ListItem","position":2,"name":"Dasar-Dasar Flowchart: Panduan Lengkap dengan Contoh Terpecahkan"}]},{"@type":"WebSite","@id":"https:\/\/www.viz-note.com\/id\/#website","url":"https:\/\/www.viz-note.com\/id\/","name":"Viz Note Indonesian - AI Insights &amp; Software Industry Updates","description":"","publisher":{"@id":"https:\/\/www.viz-note.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viz-note.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.viz-note.com\/id\/#organization","name":"Viz Note Indonesian - AI Insights &amp; Software Industry Updates","url":"https:\/\/www.viz-note.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.viz-note.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2025\/03\/cropped-viz-note-logo.png","contentUrl":"https:\/\/www.viz-note.com\/id\/wp-content\/uploads\/sites\/12\/2025\/03\/cropped-viz-note-logo.png","width":512,"height":512,"caption":"Viz Note Indonesian - AI Insights &amp; Software Industry Updates"},"image":{"@id":"https:\/\/www.viz-note.com\/id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7","name":"curtis","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.viz-note.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.viz-note.com\/id\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/posts\/2133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/comments?post=2133"}],"version-history":[{"count":0,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/posts\/2133\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/media\/2134"}],"wp:attachment":[{"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/media?parent=2133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/categories?post=2133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/tags?post=2133"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.viz-note.com\/id\/wp-json\/wp\/v2\/asset-category?post=2133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}