{"id":494,"date":"2026-09-29T01:18:25","date_gmt":"2026-09-29T00:18:25","guid":{"rendered":"https:\/\/kuliahelektro.org\/?p=494"},"modified":"2026-09-29T01:18:25","modified_gmt":"2026-09-29T00:18:25","slug":"button-untuk-ganti-animasi-dan-text-running-text-di-led-dot-matrix-simulator-wokwi-wokwi-arduino","status":"publish","type":"post","link":"https:\/\/kuliahelektro.org\/?p=494","title":{"rendered":"Button untuk Ganti Animasi dan TEXT Running Text di LED DOT MATRIX SIMULATOR WOKWI #wokwi #arduino"},"content":{"rendered":"\n<p>Pada bagian ini akan dibahas pembuatan sistem Running Text interaktif berbasis mikrokontroler Arduino Uno, modul tampilan LED Dot Matrix MAX7219 (8 Modul Cascaded), serta tombol push button penukar efek animasi pada software simulasi WOKWI. Skematik rangkaian ditunjukkan pada Gambar 1, program Arduino pada Kode 1, dan video pembuatan pada tautan Video 1. Sistem memanfaatkan pustaka MD_Parola dan MD_MAX72xx untuk menampilkan teks berjalan dan efek visual interaktif. Pengguna dapat menekan tombol push button untuk mengganti hingga 10 variasi animasi teks secara dinamis (seperti Scroll Left, Scroll Right, Scroll Up, Wipe, Blinds, dan Random) yang diproses secara presisi dengan teknik debouncing tombol.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.youtube.com\/watch?v=0t9vrRgYc9M&amp;lc=Ugw-cOQox7uhNAcIjTt4AaABAg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"890\" height=\"583\" src=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-28.png\" alt=\"\" class=\"wp-image-490\" srcset=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-28.png 890w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-28-300x197.png 300w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-28-768x503.png 768w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-28-368x240.png 368w\" sizes=\"(max-width: 890px) 100vw, 890px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>Gambar 1. Skematik rangkaian sistem<\/strong><\/p>\n\n\n\n<p><strong>List Pin:<\/strong><\/p>\n\n\n\n<ul>\n<li>Modul LED Dot Matrix MAX7219 (8-in-1 FC-16 \/ Parola HW)<br>VCC =&gt; 5V<br>GND =&gt; GND<br>DIN (Data Pin) =&gt; Digital Pin 11 (DATA_PIN)<br>CS (Chip Select) =&gt; Digital Pin 10 (CS_PIN)<br>CLK (Clock Pin) =&gt; Digital Pin 13 (CLK_PIN)<\/li>\n\n\n\n<li>Tombol Pemilih Animasi (Push Button)<br>Pin 1 =&gt; Digital Pin 2 (BTN_PIN &#8211; Mode INPUT_PULLUP)<br>Pin 2 =&gt; GND<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul><\/ul>\n\n\n\n<p class=\"has-text-align-center\"><strong>Kode Arduino 1. Kode Program<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ ============================= \n\/\/ ALFIAN CENTER \n\/\/ SUBSCRIBE \n\/\/ Ganti Animasi Running Text dengan Button di LED DOT MATRIX\n\/\/ PROGRAM BAKAL AKU KIRIM DENGAN SYARAT DIBAWAH \n\/\/ LIKE 50, KOMEN 30 DAN * WAJIB SUBSCRIBE *\n\/\/ PROGRAM DIKIRIM VIA KOMENTAR \n\/\/ =============================\n\n#include &lt;MD_Parola.h&gt;\n#include &lt;MD_MAX72xx.h&gt;\n#include &lt;SPI.h&gt;\n\n#define HARDWARE_TYPE MD_MAX72XX::PAROLA_HW\n#define MAX_DEVICES   8\n#define CS_PIN        10\n#define DATA_PIN      11\n#define CLK_PIN       13\n\n#define BTN_PIN 2   \/\/ Tombol untuk ganti animasi\n\nMD_Parola myDisplay = MD_Parola(HARDWARE_TYPE, DATA_PIN, CLK_PIN, CS_PIN, MAX_DEVICES);\n\n\/\/ ====== List Semua Efek ======\ntextEffect_t effects&#91;] = {\n  PA_SCROLL_LEFT,\n  PA_SCROLL_RIGHT,\n  PA_SCROLL_UP,\n  PA_SCROLL_DOWN,\n  PA_WIPE,\n  PA_OPENING_CURSOR,\n  PA_CLOSING_CURSOR,\n  PA_RANDOM,\n  PA_PRINT,\n  PA_BLINDS\n};\n\nString effectName&#91;] = {\n  \"SCROLL LEFT\",\n  \"SCROLL RIGHT\",\n  \"SCROLL UP\",\n  \"SCROLL DOWN\",\n  \"WIPE\",\n  \"OPEN CURSOR\",\n  \"CLOSE CURSOR\",\n  \"RANDOM\",\n  \"PRINT\",\n  \"BLINDS\"\n};\n\nint totalEffects = 10;\nint indexEfek = 0;\n\nint lastButtonState = HIGH;\nunsigned long lastDebounce = 0;\nconst unsigned long debounceDelay = 200;\n\n\/\/ ============================= \nvoid setup() {\n  pinMode(BTN_PIN, INPUT_PULLUP);\n\n  Serial.begin(9600);\n  Serial.println(\"=== RUNNING TEXT MAX7219 + BUTTON ANIMASI ===\");\n\n  myDisplay.begin();\n  myDisplay.setIntensity(2);\n  myDisplay.displayClear();\n\n  myDisplay.displayText(\n    \"Alfian Center\",\n    PA_LEFT,\n    80,\n    0,\n    effects&#91;indexEfek],   \/\/ Efek masuk\n    effects&#91;indexEfek]    \/\/ Efek keluar\n  );\n\n  Serial.print(\"Animasi: \");\n  Serial.println(effectName&#91;indexEfek]);\n}\n\n\/\/ ============================= \nvoid loop() {\n\n  \/\/ ---- Cek Tombol ----\n  int reading = digitalRead(BTN_PIN);\n\n  if (reading == LOW &amp;&amp; lastButtonState == HIGH &amp;&amp; (millis() - lastDebounce &gt; debounceDelay)) {\n    lastDebounce = millis();\n\n    \/\/ Ganti animasi ke berikutnya\n    indexEfek++;\n    if (indexEfek &gt;= totalEffects) indexEfek = 0;\n\n    \/\/ Terapkan animasi baru\n    myDisplay.displayText(\n      \"Alfian Center\",\n      PA_LEFT,\n      80,\n      0,\n      effects&#91;indexEfek],\n      effects&#91;indexEfek]\n    );\n    \n    Serial.print(\"Animasi berubah ke: \");\n    Serial.println(effectName&#91;indexEfek]);\n  }\n\n  lastButtonState = reading;\n\n  \/\/ ---- Jalankan Tampilan ----\n  if (myDisplay.displayAnimate()) {\n    myDisplay.displayReset();\n  }\n}\n\n\/\/ ============================= \n\/\/ ALFIAN CENTER \n\/\/ SUBSCRIBE \n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.youtube.com\/watch?v=0t9vrRgYc9M&amp;lc=Ugw-cOQox7uhNAcIjTt4AaABAg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29-1024x576.png\" alt=\"\" class=\"wp-image-492\" srcset=\"https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29-1024x576.png 1024w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29-300x169.png 300w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29-768x432.png 768w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29-1536x864.png 1536w, https:\/\/kuliahelektro.org\/wp-content\/uploads\/2026\/09\/image-29.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>Video 1. Video tutorial pembuatan<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">TAG:<\/h1>\n\n\n\n<p>running text arduino, led dot matrix max7219, md parola arduino, md max72xx arduino, ganti animasi running text, push button running text, simulasi wokwi arduino, tutorial arduino wokwi, led matrix 8 in 1 wokwi, arduino running text button, max7219 fc16 arduino, program running text arduino, library md parola, library md max72xx, gpio arduino max7219, pinout max7219 arduino, tombol ganti efek running text, animasi led dot matrix, scroll left running text, scroll right running text, scroll up running text, wipe effect max7219, blinds effect max7219, random effect max7219, debounce button arduino, tutorial max7219 arduino ide, koding running text arduino, teks berjalan arduino, display matrix max7219, proyek arduino pemula, proyek mekatronika led, praktikum mikrokontroler arduino, simulasi arduino tanpa hardware, platform simulasi wokwi, wokwi arduino max7219, source code running text, program arduino led matrix, diy running text arduino, papan informasi digital arduino, jam digital dot matrix, display informasi pertokoan, jam running text arduino, efek animasi md parola, parallax running text, kontrol animasi tombol, digitalread debounce arduino, spi hardware arduino pin 11 13, cs pin arduino 10, pin button arduino 2, arduino uno max7219, belajar arduino running text, panduan wokwi arduino, simulator dot matrix wokwi, tutorial mikrokontroler indonesia, proyek elektronika populer, kodingan dot matrix lengkap, jam dot matrix arduino, papan nilai led matrix, display score board arduino, sistem teks interaktif arduino, tampilan running text bergerak, cara koding max7219, ganti pesan running text, variabel text effect md parola, fungsi displayanimate, fungsi displayreset, fungsi displaytext, pemrograman c plus plus arduino, proyek sains elektro, ide tugas akhir arduino, skripsi arduino running text, mekatronika visual display, media informasi dot matrix, otomatisasi display informasi, sistem Running Text interaktif, simulator hardware arduino ide, wawasan teknik elektro, proyek arduino uno populer, kodingan running text sederhana, display matrix 8 modul, cascading max7219 arduino, tutorial lengkap wokwi arduino<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada bagian ini akan dibahas pembuatan sistem Running Text interaktif berbasis mikrokontroler Arduino Uno, modul tampilan LED Dot Matrix MAX7219 (8 Modul Cascaded), serta tombol push button penukar efek animasi pada software simulasi WOKWI. Skematik rangkaian ditunjukkan pada Gambar 1, program Arduino pada Kode 1, dan video pembuatan pada tautan Video 1. Sistem memanfaatkan pustaka MD_Parola dan MD_MAX72xx untuk menampilkan&#8230;<\/p>\n","protected":false},"author":3,"featured_media":492,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/494"}],"collection":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=494"}],"version-history":[{"count":1,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/494\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/posts\/494\/revisions\/497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=\/wp\/v2\/media\/492"}],"wp:attachment":[{"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kuliahelektro.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}