Categories

  • GUI-O application translations

    1
    Topics
    1
    Posts

    K

    Instructions can be found here:
    https://www.gui-o.com/how-to-guides/how-to-translate-gui-o

    Hello GUI-O community!

    There are roughly 700 texts that can be displayed to the user within the GUI-O application.

    Some of them are shown often, while others will probably never be shown at all (maybe in some very specific cases). Nevertheless, all texts deserve equal right to be translated 🙂

    I am looking for translators for various languages. If anyone is interested to help, please send me a private message via Chat. Please specify which language you are interested in to translate. The source language is English.

    The translations that are already finished are (I will update the list as soon as new translation in added):

    English (done) Slovene (in progress) Portuguese (done) German (done) Polish (in progress) OTHER LANGUAGES...

    Thank you.
    Best regards,
    Kl3m3n

  • GUI-O application through practical examples

    22
    Topics
    22
    Posts

    K

    This example shows how to create custom push notification on any Internet enabled device (WiFi, Ethernet) and send it to a targeted Android device.

    NOTE: Push notifications are available in GUI-O PRO version only.

    The code from this example can be combined with other GUI-O examples using MQTT, Classic Bluetooth or Low Energy Bluetooth. See https://www.gui-o.com/examples/gui-o-and-boards.

    Software prerequisites:

    Arduino IDE (https://www.arduino.cc/en/software)

    Arduino source code (you can copy the source code from the snippet below, or download it here

    /* * GUI-O Basic Push notification example * * Copyright (C) 2024, GUI-O Team * * SPDX-License-Identifier: BSD-3-Clause */ #include <WiFiClientSecure.h> #include <HTTPClient.h> #include <ArduinoJson.h> static const char* ssid = "<ssid>"; // router name static const char* pass = "<pass>"; // router password static const char* appUuid = "<appUuid>"; // application uuid (retrieve from GUI-O app) static const char* resource = "https://apis.gui-o.com:9501/gui-o/resources/api/sendPushNotification"; // request resource / endpoint static const char* letsencrypt_ca = \ "-----BEGIN CERTIFICATE-----\n" \ "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\n" \ "-----END CERTIFICATE-----\n"; // Connection and requests handling WiFiClientSecure client; HTTPClient http; // Icoming data buffer String in; void setup() { // Debug output Serial.begin(115200); // Connect WiFi (keep trying...) Serial.print("Connecting to "); Serial.println(ssid); // Start WiFi WiFi.begin(ssid, pass); while(WiFi.status() != WL_CONNECTED) { Serial.print("."); delay(500); } // Set root CA client.setCACert(letsencrypt_ca); Serial.println("WiFi connected!"); } void loop() { while(Serial.available()) { const char c = Serial.read(); in += c; if(c == '\n') { // Send push notification sendPushNotification("GUI-O push notification example", in.c_str(), appUuid); // clear buffer in = ""; } } } void sendPushNotification(const char* title, const char* message, const char* appUuid) { DynamicJsonDocument jsonPayload(512); jsonPayload["appUuid"] = String(appUuid); jsonPayload["messageTitle"] = String(title); jsonPayload["messageText"] = String(message); String payload; serializeJson(jsonPayload, payload); if (http.begin(client, resource)) { http.addHeader("Content-Type", "application/json"); const int httpCode = http.POST(payload); if (httpCode == HTTP_CODE_OK) { String response = http.getString(); Serial.print("Response: "); Serial.println(response); } else { Serial.print("Request failed. Status code: "); Serial.println(httpCode); } http.end(); } } GUI-O application (https://play.google.com/store/apps/details?id=com.guio.guioapp)

    Hardware prerequisites:

    Any Internet enabled board (WiFi, Ethernet) that is compatible with Arduino IDE 1. Retrieve application's universally unique identifier (UUID)

    Open GUI-O application, navigate to settings and select "Info"

    Verify that the text "Available" is displayed under "Push notifications" entry

    Make a note of "Application UUID" (you can share the "Application UUID" by tapping on it)

    2. Modify and upload the code

    Open Arduino IDE

    Select "File -> Open"

    Navigate to location where BasicPushNotification.zip archive was extracted (if downloaded)

    Select BasicPushNotification.ino and confirm

    Set your router name and password

    Set your "Application UUID" (retrieved in form the GUI-O app)

    Make sure that your board is connected to your PC

    Ensure that the correct port and baud rate are selected

    Press upload button to start code upload

    3. Send a push notification

    Open any serial terminal and connect to your board (baud rate 115200)

    Enter your push notification message on the serial terminal - the text must be terminated with the \n (new line) character.

    Observe the response on the serial terminal - if successful, message "Push notification sent" will be displayed

    Check the push notification on your Android device

    NOTE: Customize the sound, vibration, LED light, and priority of GUI-O app notifications by navigating to "Android settings -> Apps -> Manage apps".

    If you have any questions or run into any problems, please let me know!

    Best regards,
    kl3m3n

  • Various video tutorials to help you get started with GUI-O

    10
    Topics
    10
    Posts

  • Share your GUI-O projects with us

    14
    Topics
    20
    Posts

    B

    Re : GUI-O Audio MIXER
    Hello Gammda,
    I'm talking to you because I see that you are the only one on this forum to use BASCOM.
    I took over your audio mixer project published on March 16, 2022. I modified it somewhat by removing the -60db to over LEDs and replaced by two sliders to display the values ​​of the two ADC converters (ch0-ch1). Everything works correctly [TableMixage.bas](Type de fichier non valide. Les types autorisés sont : .png, .jpg, .bmp, .txt, .pdf, .jpeg) if in the main routine, I do not activate lines 86 to 96. (reading and display on the 2 output sliders). If I activate these lines, the Ischarwaiting() = 1 function no longer works!!
    Do you have any idea of ​​the problem?
    Kind regards, Bernardcaps_2024-07-22T10_38_07.150.png ```
    code_text
    `'===============================================================================
    '' HW: Arduino Nano ATMEGA 328
    ' GUI-O Datalogger
    ' GUI-O Ver 1.0.78
    '===============================================================================

    '$sim
    $regfile = "m328pdef.dat"
    $crystal = 16000000
    $baud = 19200 '38400
    $hwstack = 128
    $swstack = 128
    $framesize = 128

    Config Serialin = Buffered , Size = 50

    Enable Interrupts
    'https://www.mcselec.com/index2.php?option=com_forum&Itemid=59&page=viewtopic&t=2543&highlight=gettoken
    $lib "GetToken.Lib"
    $external Gettoken
    Declare Function Gettoken(strinput As String , Byval Bseparator As Byte , Byval Bcount As Byte ) As String

    Dim Sep As Byte
    Dim Position As Byte

    Config Adc = Single , Prescaler = Auto , Reference = Aref 'internal=1,2v, aref =3.3V
    Start Adc

    Config Pinb.5 = Output
    Sig_sim Alias Portb.5
    Sig_sim = 0
    Dim Data_key As Byte
    Dim Rdata As String * 100
    Dim Guio_msg As String * 40
    Dim Slm1 As String * 5
    Dim Slm2 As String * 5
    Dim Slm3 As String * 5
    Dim Slm4 As String * 5
    Dim Slm5 As String * 5
    Dim Slm6 As String * 5
    Dim Slmlg As String * 5
    Dim Slmld As String * 5
    Dim Light_s As String * 5
    Dim Adcvg As Word
    Dim Adcvd As Word
    Dim Val_vug As Single
    Dim Temp1 As Single
    Dim Val_vud As Single
    Dim Temp2 As Single
    Dim Db_outg As Byte 'Single
    Dim Db_outd As Byte 'Single
    Dim Light As Byte
    Dim Flag_ini As Bit
    Reset Flag_ini

    Db_outd = 0
    'Gosub Set_led_g
    Db_outg = 0
    'Gosub Set_led_d

    Do
    If Ischarwaiting() = 1 Then 'message GUI-O ?
    Gosub Read_data
    End If

    If Flag_ini = 1 Then Exit Do End If

    Loop

    '===============================================================================
    '
    ' **********************************************************************
    ' * Main routine, manage leds, circular bar, Graph,textes, values, *
    ' **********************************************************************
    '+10db= 3,162v, 5db =1,778v, 0db=1v, -5db=0,562v, -10db=0,316v, -15db=0,178v, -20db=0,13v
    ' 988 555 312 175 98 55 40 ADC Value'
    '3,3v/1024= 0,0032 v par bit
    '--MS-GUI-O---------------------------------------------------------------------
    Main:
    Do

    If Ischarwaiting() = 1 Then 'message GUI-O ?
    Gosub Read_data
    End If
    '********* If y use this, Ischarwaiting() do not run !! ***********************
    '(
    While Sig_sim = 0
    Adcvg = Getadc(0) 'get ADC value from ch.0
    Temp1 = Adcvg * 0.0032 'Get the volt value
    Print "@slout_g VAL:" ; Temp1 ; " " 'print on Slider

    'Print "@valadc TXT:" ; Temp1 ; " Adcvd = Getadc(1) 'get ADC value from ch.1 Temp2 = Adcvd * 0.0032 'Get the volt value Print "@slout_d VAL:" ; Temp2 ; "" 'print on Slider

    Wend
    ')
    '******************************************************************************
    Waitms 50
    Loop

    '===============================================================================
    '
    ' *****************************
    ' * Lecture des messages GUI-O*
    ' *****************************

    '--MS-GUI-O----------------Durée de la fonction 60 msec -----------------------

    Read_data: ' retourne tout ce qui est après @ xxxxxxxxxxxxxxxxxx
    Data_key = Inkey()
    '-------------------------------------------------------------------------------
    Select Case Data_key
    Case "@": 'message GUI-O ?
    Set Sig_sim 'activer la led sur Arduino Nano
    Input Rdata 'Noecho
    Sep = &H20 '= espace
    Position = 1
    Guio_msg = Gettoken(rdata , Sep , Position) 'placer dans Guio_msg la commande reçue
    '------------------------------ Gestion des objets Météo -----------------------
    Select Case Guio_msg

    Case "slm1": 'Potentiometre CH-1 Gauche Slm1 = Mid(rdata , 6 , 4) Print "@slm1V TXT:" ; Slm1 ; " " 'affichage numerique de la valeur du Potentiometre gauche Case "slm2" : 'Potentiometre Ch -1 Droite Slm2 = Mid(rdata , 6 , 4) Print "@slm2V TXT:" ; Slm2 ; " " 'Affichage Numerique De La Valeur Du Potentiometre droite Case "slm3": 'Potentiometre CH-2 Gauche Slm3 = Mid(rdata , 6 , 4) Print "@slm3V TXT:" ; Slm3 ; " " 'affichage numerique de la valeur du Potentiometre gauche Case "slm4" : 'Potentiometre Ch -2 Droite Slm4 = Mid(rdata , 6 , 4) Print "@slm4V TXT:" ; Slm4 ; " " 'Affichage Numerique De La Valeur Du Potentiometre droite Case "slm5": 'Potentiometre CH-3 Gauche Slm5 = Mid(rdata , 6 , 4) Print "@slm5V TXT:" ; Slm5 ; " " 'affichage numerique de la valeur du Potentiometre gauche Case "slm6" : 'Potentiometre Ch -3 Droite Slm6 = Mid(rdata , 6 , 4) Print "@slm6V TXT:" ; Slm6 ; " " 'Affichage Numerique De La Valeur Du Potentiometre droite Case "slml" : 'Potentiometre de sortie Gauche Slmlg = Mid(rdata , 6 , 4) 'lire la valeur du potentiometre gauche Print "@Vu_g VAL:" ; Slmlg ; "" 'afficher sur le vu metre circulaire gauche Case "slmd": 'Potentiometre de sortie Droite Slmld = Mid(rdata , 6 , 4) 'lire la valeur du potentiometre droite Print "@Vu_d VAL:" ; Slmld ; "" 'afficher sur le vu metre circulaire droite Case "bton" 'reglage brillance ecran Light = Light + 10 If Light = 110 Then Light = 10 End If Light_s = Str(light) Print "@brs0 BRI:" ; Light_s ; " " Case "bt_fm": 'prendre une foto instantan� de la page meteo Print "@caps" Case "init": Gosub Guio_ini Set Flag_ini Case Else : Guio_msg = " " Clear Serialin End Select Case Else : Guio_msg = " " Clear Serialin

    End Select
    Guio_msg = " "
    Clear Serialin
    Reset Sig_sim
    Return

    '===============================================================================
    '
    '
    '
    '
    '===============================================================================
    Guio_ini:
    Print "@sls 500"
    Print "@cls"
    Print "@clh"
    Print "@gse COD:0 TSC:39" 'Utiliser Ă  la place de (chr(34)
    Print "@guis BGC:#2E2E2F ASR:0.4615"
    Print "|SORI UID:sori1 HID:sori ORI:2 SEN:0"

    Print "|LB UID:slm1V X:15 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-1 g
    Print "|LB UID:slm2V X:25 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-1 d
    Print "|LB UID:slm3V X:35 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-2 g
    Print "|LB UID:slm4V X:45 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-2 d
    Print "|LB UID:slm5V X:55 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-3 g
    Print "|LB UID:slm6V X:65 Y:15 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0'" 'valeur au dessus de ch-3 d
    Print "|LB UID:valadc X:95 Y:96 W:20 FGC:#fb0001 FSZ:5 FFA:'font8' TXT:'0000'" 'valeur au dessous des leds en bas Ă  droite (ADC )

    Print "|BSL UID:bslx11 X:11 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx12 X:11 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx13 X:11 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx14 X:11 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx15 X:11 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx16 X:11 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx17 X:11 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm1 X:15 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000E530A VIS:1 ROT:270 BGC:#000000 SFGC:#822D0A FGC:#4EB50A SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb1 X:15 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-1'"
    Waitms 100
    Print "|BSL UID:bslx21 X:21 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx22 X:21 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx23 X:21 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx24 X:21 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx25 X:21 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx26 X:21 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx27 X:21 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm2 X:25 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000e530a VIS:1 ROT:270 BGC:#000000 SFGC:#822d0a FGC:#4eb50a SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb2 X:25 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-1'"
    Waitms 100
    Print "|BSL UID:bslx31 X:31 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx32 X:31 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx33 X:31 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx34 X:31 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx35 X:31 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx36 X:31 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx37 X:31 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm3 X:35 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000e530a VIS:1 ROT:270 BGC:#000000 SFGC:#822d0a FGC:#4eb50a SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb3 X:35 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-2'"
    Waitms 100
    Print "|BSL UID:bslx41 X:41 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx42 X:41 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx43 X:41 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx44 X:41 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx45 X:41 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx46 X:41 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx47 X:41 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm4 X:45 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000e530a VIS:1 ROT:270 BGC:#000000 SFGC:#822d0a FGC:#4eb50a SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb4 X:45 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-2'"
    Waitms 100
    Print "|BSL UID:bslx51 X:51 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx52 X:51 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx53 X:51 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx54 X:51 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx55 X:51 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx56 X:51 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx57 X:51 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm5 X:55 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000e530a VIS:1 ROT:270 BGC:#000000 SFGC:#822d0a FGC:#4eb50a SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb5 X:55 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-3'"
    Waitms 100
    Print "|BSL UID:bslx61 X:61 Y:30 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx62 X:61 Y:40 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#FFFFFF"
    Print "|BSL UID:bslx63 X:61 Y:50 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx64 X:61 Y:60 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx65 X:61 Y:70 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx66 X:61 Y:80 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|BSL UID:bslx67 X:61 Y:90 SHE:0 ROT:0 LEN:8 BTH:0.1 FGC:#000000"
    Print "|SL UID:slm6 X:65 Y:60 W:28 H:2 HAH:6 HAW:6 IP:'Bout_Vol_In.png' HAR:0 HAC:#000e530a VIS:1 ROT:270 BGC:#000000 SFGC:#822d0a FGC:#4eb50a SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|LB UID:lb6 X:65 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'ch-3'"
    Waitms 100 ' Gradation pot. input Gauche
    Print "|LB UID:lbc1 X:8 Y:30 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'+10'"
    Print "|LB UID:lbc2 X:8 Y:40 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'+5db' "
    Print "|LB UID:lbc3 X:8 Y:50 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'0db'"
    Print "|LB UID:lbc4 X:8 Y:60 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-5'"
    Print "|LB UID:lbc5 X:8 Y:70 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-10'"
    Print "|LB UID:lbc6 X:8 Y:80 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-15'"
    Print "|LB UID:lbc7 X:8 Y:90 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-20'"
    Waitms 100 ' Gradation pot. input Droite
    Print "|LB UID:lbd1 X:72 Y:30 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'+10'"
    Print "|LB UID:lbd2 X:72 Y:40 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'+5db' "
    Print "|LB UID:lbd3 X:72 Y:50 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'0db'"
    Print "|LB UID:lbd4 X:72 Y:60 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-5'"
    Print "|LB UID:lbd5 X:72 Y:70 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-10'"
    Print "|LB UID:lbd6 X:72 Y:80 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-15'"
    Print "|LB UID:lbd7 X:72 Y:90 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3.5 FFA:'font8' TXT:'-20'"
    'potentiometre de sortie gauche et droite
    Print "|LB UID:lbm X:83.5 Y:98 ROT:0 SHE:1 FGC:#FFFFFF ALP:0 FSZ:3 FFA:'font8' TXT:'master'"
    Print "|SL UID:slml X:80 Y:60 W:28 H:2 HAH:7 HAW:7 IP:'Bout_Vol_Out.png' HAR:0 HAC:#00772200 VIS:1 ROT:270 BGC:#000000 SFGC:#ffc04c FGC:#a93c3c SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Print "|SL UID:slmd X:87 Y:60 W:28 H:2 HAH:7 HAW:7 IP:'Bout_Vol_Out.png' HAR:0 HAC:#00772200 VIS:1 ROT:270 BGC:#000000 SFGC:#ffc04c FGC:#a93c3c SHE:0 VAL:0 LVAL:-20 HVAL:+10 UD:1 RAD:1 SHH:1 CE:1 "
    Waitms 100
    'indicateur de sortie gauche et droite
    Print "|SL UID:slout_g X:92 Y:60 W:28 H:3 ROT:270 BGC:#000000 FGC:#4EB50A SFGC:#FF0000 HAW:6 HAH:6 HAR:5 HAC:#000E530A SHE:0 SHH:0 IP:" " VAL:0 LVAL:0.1 HVAL:4 XTC:6 LT:0.2 ACT:0 CE:1 UD:1 VIS:1 "
    Print "|SL UID:slout_d X:98 Y:60 W:28 H:3 ROT:270 BGC:#000000 FGC:#4EB50A SFGC:#FF0000 HAW:6 HAH:6 HAR:5 HAC:#000A530A SHE:0 SHH:0 IP:" " VAL:0 LVAL:0.1 HVAL:4 XTC:6 LT:0.2 ACT:0 CE:1 UD:1 VIS:1 "
    '( ' Leds de sortie Gauche
    Print "|SI UID:si1 X:98 Y:90 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2" '72
    Print "|SI UID:si2 X:98 Y:80 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2" '65
    Print "|SI UID:si3 X:98 Y:70 W:1.5 VIS:1 ROT:0 BGC:#b0c4de FGC:#009900 SHE:0 EN:1 OPA:0.2" '58
    Print "|SI UID:si4 X:98 Y:60 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2" '51
    Print "|SI UID:si5 X:98 Y:50 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#FFC300 SHE:0 EN:1 OPA:0.2" '44
    Print "|SI UID:si6 X:98 Y:40 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#FFC300 SHE:0 EN:1 OPA:0.2" '37
    Print "|SI UID:si7 X:98 Y:30 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#990000 SHE:0 EN:1 OPA:0.2"
    Waitms 100 ' Leds de sortie Droite
    Print "|SI UID:sj1 X:92 Y:90 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj2 X:92 Y:80 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj3 X:92 Y:70 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj4 X:92 Y:60 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#009900 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj5 X:92 Y:50 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#FFC300 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj6 X:92 Y:40 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#FFC300 SHE:0 EN:1 OPA:0.2"
    Print "|SI UID:sj7 X:92 Y:30 W:1.5 VIS:1 ROT:0 BGC:#B0C4DE FGC:#990000 SHE:0 EN:1 OPA:0.2"
    ')
    'Waitms 100 ' Gradation leds de sortie
    Print "|LB UID:lb11 X:95 Y:90 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'-20db'"
    Print "|LB UID:lb12 X:95 Y:80 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'-15db'"
    Print "|LB UID:lb13 X:95 Y:70 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'-10db'"
    Print "|LB UID:lb14 X:95 Y:60 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'-5db'"
    Print "|LB UID:lb15 X:95 Y:50 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'-0db'"
    Print "|LB UID:lb16 X:95 Y:40 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'+5db'"
    Print "|LB UID:lb17 X:95 Y:30 ROT:0 SHE:0 ALP:0 FGC:#FFFFFF FSZ:2.7 FFA:'font8' TXT:'over'"
    Waitms 100
    Print "|BSE UID:bseon X:5 Y:12 W:5.5 HIW:1 SHE:0 ROT:0 BTH:0.2 BGC:#a1a1a1 FGC:#a1a1a1"
    Print "|BT UID:bton X:5 Y:12 W:4 H:9 SHE:1 ROT:0 RAD:3 BGC:#7a7a7a SBGC:#d9d9d9 FGC:#FFFFFF FSZ:4 BTH:0 TXT:" " SVAL:'on '"
    Print "|BSA UID:bsao1 X:5 Y:12 W:1.1 SHE:0 ROT:0 BTH:0.3 BGC:#000000 STA:-245 ENA:65"
    Print "|BSL UID:bslo1 X:5 Y:12 ROT:90 FGC:#000000 LEN:1.5 BTH:0.3"
    Waitms 100 'vumetre de gauche et droite
    Print "|CB UID:Vu_g X:75 Y:16 W:10 BGC:#FF0000 FGC:00FF00 SFGC:#FF0000 HAW:1 HAH:0 HAR:0 HAC:#8ED3D3D2 SHE:0 SHHR:0 SHVR:0 SHR:0 VAL:0 LVAL:-20 HVAL:10 BTH:0.5 TXTC:#FFFFF XTC:6 YTC:0 SHN:1 NT:0.2 UD:1 ACT:0 SHT:1 "
    Print "|CB UID:Vu_d X:90 Y:16 W:10 BGC:#FF0000 FGC:00FF00 SFGC:#FF0000 HAW:1 HAH:0 HAR:0 HAC:#8ED3D3D2 SHE:0 SHHR:0 SHVR:0 SHR:0 VAL:0 LVAL:-20 HVAL:10 BTH:0.5 TXTC:#FFFFF XTC:6 YTC:0 SHN:1 NT:0.2 UD:1 ACT:0 SHT:1 "
    Waitms 100
    'Print "|KNO UID:kno1 X:95 Y:87 W:7 VIS:1 ROT:0 SHE:1 STR:10 STS:1.5" 'bouton en bas Ă  droite
    Print "|BRS UID:brs0 HID:brs BRI:100"
    Print "|BT UID:bt_fm X:83 Y:30 W:10 H:10 OPA:0.01 VIS:1 SCI:0 " 'bouton cach� pour prendre une foto de l'affichage
    Print "@hls 200"
    Return``

  • Request new application features

    15
    Topics
    67
    Posts

    A

    Hello,
    I've an application like the BLE example given in this forum, running on a XIAO BLE Sense.
    Messages are send via :

    void sendMsg(const String& msg) {
    guioCharacteristic.writeValue(msg);
    delay(50);
    }

    delay(50) is a limit causing 2 differents problems :

    no more than 20 msg/second program is inoperative during all this time in delay()

    I would like to fill a chartwith 64 or 128 values, each second, so I tried to reduce the delai time, but results are erratics.

    Can somebody explain me the reasons ?

    Further more, I've used Bluetooth classic with an HC05 and it was working well at 19200 bds.

    Sorry for my poor english !!

  • Examples of GUI-O in action

    4
    Topics
    5
    Posts

    G

    Here is the new RFID access control screen.
    https://i.imgur.com/8NE7gvC.png

  • Questions that frequently pop up

    7
    Topics
    50
    Posts

    K

    @Bernard Very nice! 🙂 It is always a good feeling when you solve a problem yourself! 👍

  • Announcements regarding our community

    8
    Topics
    94
    Posts

    K

    GUI-O Web installation is no longer receiving updates since version 1.0.57! Please use Google Play installation instead.

    See https://www.gui-o.com/download.

  • A place to talk about whatever you want

    22
    Topics
    113
    Posts

    B

    @kl3m3n
    Good morning,
    I have 2 very distinct applications which each run on an arduino card. (programmed with Bascom) They are both connected to ESP8266 Wemos D1 R1 and I use GUI-O. They worked without problems for months and suddenly, the two applications no longer want to connect to GUI-O!. If I replace the ESP8266 with Bluetooth modules, they work on GUI-O again.
    So I reprogrammed the esp8266s, reconnected to GUI-O successfully and put the ESP8266s back in place. I see that GUI-O connects to the application but the data exchange only partially works!
    An idea ? , although I was able to pair the ESP8266, could it be defective?
    Is there software capable of restoring the original firmware in the ESP8266?
    Kind regards, Bernard

  • Got a question? Ask away!

    55
    Topics
    370
    Posts

    S

    @kl3m3n

    Thank you

    Regards

  • Report GUI-O bugs and anomalies here

    17
    Topics
    82
    Posts

    K

    @Sato I will update the example, so it is compatible with the new esp32 version.

  • Blog posts from individual members

    6
    Topics
    6
    Posts

    japJ

    In the first part, I described the basics: I created a switch on the local GUI-O and described all the necessary settings so that it also works as an IoT - via a remote GUI-O. In the second part, I added the functionality of a thermometer, thermostat, created other graphic elements, set parameters, images, video. In the third part, however, follow the corrections of the mistakes I made. I will also add some important parameters.

    DoloÄŤanje formata ekrana ASR

    As I mentioned in the first part, the weekend management interface was also given to my wife on her phone. At the end of the second part, I wrote down my satisfaction, but when I saw the picture on my wife's phone, it was clear that something else needed to be done: Temperature display UID: lb_tmp went over the edge of the base UID: temp_container. The cause is in different screen formats. The wife has a more modern phone with a more elongated screen. The consequence is obvious. Graphic elements whose size is tied to the vertical dimension are larger in width here. With font size, this is obvious. I had a bit of a pitch in developing it because I was working on an older screen design. In principle, we need to predict what the screen format will be for most users. If you work for the market, I advise you to choose a modern format.

    How It Works

    The GUI-O application follows commands and cannot know if something is going over the edge intentionally or because of a different screen. The GUI-O determines the sizes according to the screen used, if we do not specify the format with the command. Therefore, the image where we develop is always consistent with our settings. The result is, of course, different on different screens. The solution is simple: Before we start developing the GUI, or before setting the W and H parameters to the graphic elements, we need to fix the screen format, otherwise we work on our own format. It is best to choose a commonly used format. Other screens will fill the extra space with a defined background color. This means that on a more elongated screen in terms of height, the GUI-O automatically adds a background color band at the bottom and top so that we get a reference format on the screen. Of course, this also applies to the width deviation - the wider screen gets a band right and left.

    All interfaces must be given information about the reference screen - this is the ratio between the pages: ASR . The data can be read from the technical data of the screen, or it can be obtained from the ANDROID device via the GUI-O interface by turning on the Developer mode: Settings menu → Info → 10x by pressing the Application version. New settings are opened for the developer. Developer mode can then be turned off with this same interface. The ASR of our appliance is also displayed here.
    I immediately added @guis ASR 0.5625\r\n to the initialization - after @cls\r\n:
    Of course, the format must also be specified on remote GUI-O: @guis ASR: 0.5625 PUB: ""\r\n
    My wife’s GUI-O interface got a white edge at the top and bottom. Both pictures: on my phone and my wife’s phone are now the same.

    Screen dimming
    The next problem and solution is completely user-friendly. The wife complained that the local GUI-O was lit at night and therefore could not sleep. Of course I solved the problem. I did a screen dimming. In the second part of the blog, I made different interfaces: on the remote interface, a BT UID: bt1 ... button has been added, with which we can look at the current temperature. The thermometer or uP against the mqtt server does not emit a constant temperature, so that I do not cause data traffic unnecessarily. There is no such BT on the local GUI-O. In the same place on the local GUI-O, I put another |BT UID:bt2 ... to dim the screen. I added to the local GUI-O initialization:

    sendstr2("|BT UID:bt2 X:90 Y:57 W:15 H:8 BGC:#a4d4e2 SBGC:#54b2cd RAD:3 SHE:1 SHHR:1 SHVR:1 SVAL:\"tipkal\" FSZ:10 TXT:\"<b>ZA</b>\"\r\n");

    Dimming is very simple: In response to the newly initialized @ bt2 1\r\n clear the screen and place a new large (full screen) |BT bt3 in the middle, where I specify all black colors.

    else if (!strcmp(argument[0],"@bt2")) {//new button response on the local sendstr2("@cls\r\n");//clear full screen - all GUI elements sendstr2("@guis ASR:0.5625 BGC:#000000\r\n");//reference format sendstr2("|BT UID:bt3 X:50 Y:50 W:110 H:110 FGC:#000000 BGC:#000000 SBGC:#000000 SVAL:\"tipka3\" FSZ:10 TXT:\"\"\r\n"); //full screen black button }

    The response to @bt3 1\r\n is to re-initialize the entire interface, which I do in the same way as after loading SW.

    else if (!strcmp(argument[0],"@bt3")) }//full screen black button response init_request = 1; //an event that triggers reinitialization in processing() in the same way as @init processing(); //analysis otherwise triggered \n\r - at the end of the string }

    The project is complete, HW installed on the cottage. Fixes and new functionalities will be in the following articles.

    Sources:

    https://www.gui-o.com/resources-stm-led.html. https://www.gui-o.com/assets/gui-o_developer_manual.pdf https://htmlcolorcodes.com/color-picker/