
Përmbajtje:
- Hapi 1: Çfarë ju nevojitet
- Hapi 2: Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
- Hapi 3: Në Visuino Vendosni Bordin StickC
- Hapi 4: Në Visuino Shtoni Komponentë
- Hapi 5: Në Komponentët e Visuino Set
- Hapi 6: Në Visuino Connect Components
- Hapi 7: Gjeneroni, përpiloni dhe ngarkoni kodin Arduino
- Hapi 8: Luaj
2025 Autor: John Day | [email protected]. E modifikuara e fundit: 2025-01-23 15:10
Në këtë tutorial do të mësojmë se si të programojmë ESP32 M5Stack StickC me Arduino IDE dhe Visuino për të shfaqur një kohë në LCD dhe gjithashtu të vendosim kohën dhe shkëlqimin duke përdorur menunë dhe butonat StickC.
Shikoni një video demonstruese.
Hapi 1: Çfarë ju nevojitet


M5StickC ESP32: mund ta merrni këtu
Programi Visuino: Shkarkoni Visuino
Shënim: Shikoni këtë tutorial këtu se si të instaloni bordin StickC ESP32
Hapi 2: Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C



Filloni Visuino siç tregohet në foton e parë Klikoni në butonin "Tools" në përbërësin Arduino (Figura 1) në Visuino Kur të shfaqet dialogu, zgjidhni "M5 Stack Stick C" siç tregohet në Figurën 2
Hapi 3: Në Visuino Vendosni Bordin StickC




- Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë
- Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar,
- Zgjidhni "Shfaq ST7735" dhe klikoni "+" për ta zgjeruar atë,
- Vendosni "Orientimin" në "goRight"
- Vendosni "Ngjyrën e Sfondit" në "ClBlack"
- Zgjidhni "Elementet" dhe klikoni në butonin blu me 3 pika…
- Dialogu i elementeve do të tregojë
- Në Dialogun e Elementeve tërhiqni 2X "Fusha e Tekstit" nga ana e djathtë në të majtë
- Klikoni në "Fusha e Tekstit1" në anën e majtë për ta zgjedhur atë, pastaj në "Dritaren e pronave" klikoni në "Ngjyra" dhe vendoseni në "aclOrange" dhe klikoni në "Plotësoni ngjyrën" dhe vendoseni në "aclBlack" (Ju mund të luani me ngjyrat nëse dëshironi) -gjithashtu në pronat dritaret vendosni X: 10 dhe Y: 20 kjo është ajo ku dëshironi të shfaqni kohën në madhësinë e vendosur në LCD: 3 (kjo është madhësia e shkrimit të kohës)
- Klikoni në "Fusha e tekstit2" në anën e majtë për ta zgjedhur atë, pastaj në "Dritaren e pronave" klikoni në "Ngjyra" dhe vendoseni në "aclAqua" dhe klikoni në "Plotësoni ngjyrën" dhe vendoseni në "aclBlack"
(Mund të luani me ngjyrat nëse dëshironi) -vendosni "Vlera fillestare" në: Vendosni ORA
-gjithashtu në pronat dritaret e vendosura X: 10 dhe Y: 2 kjo është ajo ku ju doni të shfaqni menunë në LCD -madhësia e vendosur: 1 (kjo është madhësia e fontit të menysë)
Mbyllni dritaren e elementeve
- Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë
- Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar,
- Zgjidhni "Shfaq Ora e Alarmit në kohë reale (RTC)" dhe klikoni "+" për ta zgjeruar atë,
- Zgjidhni "Elementet" dhe klikoni në butonin blu me 3 pika…
- Në Dialogun e Elementeve tërhiqni "Vendosni orën" nga ana e djathtë në të majtë-dhe në dritaren e vetive vendosni "Shto vlerën" në: Vërtetë dhe "Vlera" në: 1
- Në Dialogun e Elementeve tërhiqni "Vendos Minutën" nga ana e djathtë në të majtë-dhe në dritaren e vetive vendosni "Shto vlerë" në: Vërtetë dhe "Vlerë" në: 1
- Në Dialogun e Elementeve tërhiqni "Set Second" nga ana e djathtë në të majtë-dhe në dritaren e pronave vendosni "Add Value" në: True dhe "Value" në: 1
Mbyllni dritaren e elementeve
Hapi 4: Në Visuino Shtoni Komponentë

- Shtoni 2 herë komponentin "Debounce Button"
- Shtoni komponentin "Butoni i Përsëritjes Auto"
- Shtoni përbërësin "Array Text"
- Shtoni përbërësin "Analog Array"
- Shtoni 2 herë komponentin "Counter"
- Shtoni përbërësin "Clock Demux (Switch Multiple Channel Output)"
- Shtoni komponentin "Dekodimi (ndarja) Data/Ora"
- Shtoni përbërësin "FormattedText1"
Hapi 5: Në Komponentët e Visuino Set



- Zgjidhni përbërësin "FormattedText1" dhe nën dritaren "Properties" vendosni "Text" në:%0:%1:%2
- Klikoni dy herë në përbërësin "FormattedText1" dhe në dialogun Elementet tërhiqni 3x "Elementin e tekstit" në të majtë
- Zgjidhni "TextElement1" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Length" në: 2
- Zgjidhni "TextElement2" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Gjatësia" në: 2
- Zgjidhni "TextElement3" në anën e majtë dhe në dritaren e pronave vendosni "Plotësoni karakterin" në: 0 dhe "Gjatësia" në: 2
- Zgjidhni përbërësin "ClockDemmux1" dhe në dritaren e pronave vendosni "Kunjat e daljes" në: 5
- Zgjidhni përbërësin "Counter1" dhe në dritaren e pronave zgjeroni "Max" dhe vendosni "Vlera" në: 4
- Zgjidhni përbërësin "Counter1" dhe në dritaren e pronave zgjeroni "Min" dhe vendosni "Vlera" në: 0
- Zgjidhni përbërësin "Counter2" dhe në dritaren e pronave zgjeroni "Max" dhe vendosni "Vlera" në: 6
- Zgjidhni komponentin "Counter2" dhe në dritaren e pronave zgjeroni "Min" dhe vendosni "Vlera" në: 0BILIDING THE MENU:
- Zgjidhni komponentin "Array1" (Text Array) dhe klikoni dy herë mbi të.-Në dritaren e elementeve tërhiqni 4X "Vlera" në anën e majtë-Në anën e majtë Zgjidhni "Artikullin [1]" dhe në dritaren e pronave vendosni "Vlera" te: SET ORA-Në anën e majtë Zgjidhni "Artikullin [2]" dhe në dritaren e pronave vendosni "Vlera" në: SET MINUTES-Në anën e majtë Zgjidhni "Pika [3]" dhe në dritaren e pronave vendosni "Vlera" te: SET SECONDS-Në anën e majtë Zgjidhni "Artikullin [4]" dhe në dritaren e vetive vendosni "Vlera" në: SET BRIGHTNESS Mbyllni dritaren e Elementeve. VENDOSJA E VLERAVE P FORR SHKURTRIA:
-
Zgjidhni përbërësin "Array2" (Array Analog) dhe klikoni dy herë mbi të.-Në dritaren e elementeve tërhiqni 6X "Vlera" në anën e majtë-Në anën e majtë Zgjidhni "Artikullin [0]" dhe në dritaren e pronave vendosni "Vlera" te: 1
-Në anën e majtë Zgjidhni "Artikullin [1]" dhe në dritaren e pronave vendosni "Vlera" në: 0.9
-Në anën e majtë Zgjidhni "Artikullin [2]" dhe në dritaren e pronave vendosni "Vlera" në: 0.8 -Në anën e majtë Zgjidhni "Pika [3]" dhe në dritaren e pronave vendosni "Vlera" në: 0.7 -Aktiv ana e majtë Zgjidhni "Artikullin [4]" dhe në dritaren e pronave vendosni "Vlera" në: 0.6-Në anën e majtë Zgjidhni "Pika [5]" dhe në dritaren e pronave vendosni "Vlera" në: 0.55
Hapi 6: Në Visuino Connect Components




- Lidhni pinin "M5 Stack Stick C" A (M5) me pinin "Button2" [In]
- Lidhni pinin "M5 Stack Stick C" [B] me pinin "Button1" [In]
- Lidhni pinin "Button2" [Out] me pinin "RepeatButton1" [In]
- Lidhni pinin "RepeatButton1" [Out] me pinin "ClockDemmux1" [In]
- Lidhni pinin "Button1" [Out] me pinin "Counter1" [In]
- Lidhni pinin "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)" Out [Out] me pinin "DecodeDateTime1" [In]
- Lidhni pinin "DecodeDateTime1" [Orë] në "FormattedText1"> "TextElement1" pin [In]
- Lidhni pinin "DecodeDateTime1" [Minute] me pinin "FormattedText1"> "TextElement2" [In]
- Lidhni pinin "DecodeDateTime1" [E dyta] me "FormattedText1"> "TextElement3" pin [In]
- Lidhni pinin "FormattedText1" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> "Field Field1" pin [In]
- Lidhni pinin "Counter1" [Out] me pinin "ClockDemmux1" [Select] dhe pinin "Array1" [Index]
- Lidhni pinin "Counter2" [Out] me pinin "Array2" [Index]
- Lidhni pinin "Array1" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> "Field Field2" pin [In]
- Lidhni pinin "Array2" [Out] në tabelën "M5 Stack Stick C"> "Display ST7735"> pin [Brightness]
- Lidhni kunjin "ClockDemmux1" [1] në tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> Kunja "Cakto orën 1" [Ora]
- Lidhni kunjin "ClockDemmux1" [2] në tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> Pina "Vendosja e minutës 1" [Ora]
- Lidhni pinin "ClockDemmux1" [3] me tabelën "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)"> "Vendos sekondën 1" pin [Ora]
- Lidhni pinin "ClockDemmux1" [4] me pinin "Counter2" [In]
Hapi 7: Gjeneroni, përpiloni dhe ngarkoni kodin Arduino

Në Visuino, në fund klikoni në skedën "Ndërto", sigurohuni që porti i saktë është zgjedhur, pastaj klikoni në butonin "Përpilo/Ndërto dhe Ngarko".
Hapi 8: Luaj
Nëse aktivizoni modulin M5Sticks, ekrani duhet të fillojë të tregojë kohën. Ju mund të ndryshoni kohën dhe ndriçimin duke përdorur butonat "B" për të shfaqur Menunë dhe ndërrimin midis (Set Orëve, Set Minutes, Set Seconds, Set Brightness) dhe përdorni butonin "M5" për ta vendosur atë.
Urime! Ju keni përfunduar projektin tuaj M5Sticks me Visuino. I bashkangjitur është edhe projekti Visuino, që kam krijuar për këtë Instructable, mund ta shkarkoni këtu. Mund ta shkarkoni dhe hapni atë në Visuino:
Recommended:
Si të bëni orë analoge dhe orë dixhitale me shirit led duke përdorur Arduino: 3 hapa

Si të Bëni Orë Analog & Orë Dixhitale Me Led Strip Duke Përdorur Arduino: Sot do të bëjmë një Orë Analog & Ora dixhitale me Led Strip dhe moduli MAX7219 Dot me Arduino. Do të korrigjojë kohën me zonën kohore lokale. Ora Analog mund të përdorë një shirit LED më të gjatë, kështu që mund të varet në mur për t'u bërë një art
IoT i Grupit të ngushtë: Ndriçimi i zgjuar dhe matja hapin rrugën për një ekosistem më të mirë dhe më të shëndetshëm: 3 hapa

IoT Band i ngushtë: Ndriçimi i zgjuar dhe matja hapin rrugën për një ekosistem më të mirë dhe më të shëndetshëm: Automatizimi ka gjetur rrugën e tij pothuajse në çdo sektor. Duke filluar nga prodhimi tek kujdesi shëndetësor, transporti dhe zinxhiri i furnizimit, automatizimi ka parë dritën e ditës. Epo, të gjitha këto janë padyshim tërheqëse, por ka një që duket
Pranimi i orës - Si të ndërtoni një orë të bërë nga orë !: 14 hapa (me fotografi)

Clockception - Si të ndërtoni një orë të bërë nga orë !: Përshëndetje të gjithëve! Ky është paraqitja ime për Konkursin e Autorit për herë të parë 2020! Nëse ju pëlqen ky projekt, do ta vlerësoja shumë votën tuaj :) Faleminderit! Ky udhëzues do t'ju udhëheqë përmes procesit të ndërtimit të një ore të bërë nga orë! Unë me zgjuarsi kam emëruar
C51 Orë Elektronike 4 Bits - Orë druri: 15 hapa (me fotografi)

C51 Ora Elektronike 4 Bits - Orë Druri: Kishte pak kohë të lirë këtë fundjavë, kështu që shkova përpara dhe mblodha këtë Orë Elektronike DIY 4 -Botërore prej 2.40 AU $ 2.40 të cilën e bleva nga AliExpress pak kohë më parë
Ndërtoni një orë që godet me kambanë të vërtetë për kompjuterin tuaj dhe një orë që godet zjarrfikësin .: 3 hapa (me fotografi)

Ndërtoni një orë që godet me kambanë të vërtetë për kompjuterin tuaj dhe një orë që godet zjarrfikësin: Një kambanë prej bronzi, një stafetë e vogël, disa gjëra të tjera dhe një zile e vërtetë mund të godasin orët në desktopin tuaj. Edhe pse ky projekt funksionon në Windows dhe Mac OS X gjithashtu, vendosa të instaloj Ubuntu Linux në një kompjuter që gjeta në plehra dhe të punoja në të: Unë kurrë nuk kisha