Changes for page LTS5 LoRa HMI Touch Screen

Last modified by Dilisi S on 2025/02/26 19:24

From version < 165.1 >

edited by BoYang Xie
on 2025/02/07 19:53

To version < 165.3 >

edited by BoYang Xie
on 2025/02/08 16:45

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -358,7 +358,7 @@
  = 4. Example Project 2: LoRaWAN RS485 Alarm =
--= 5. Example Project 3: P2P  =
++= 5. Example Project 3: P2P =
  The project achieves the function of receiving LoRa P2P messages and displaying them on the screen. The workflow is as follows: A LA66, running a P2P program, sends a message in a particular format via an AT command. Then, the LTS5 receives the message and displays it on the screen.
@@ -471,7 +471,7 @@
  == 6.1 firmware flashing approach ==
--The firmware flashing approach is the same as described in section [[5.1>>5.1]].
++The firmware flashing approach is the same as described in section 5.1.
  == 6.2 flowchart ==
@@ -479,7 +479,7 @@
  == 6.3 Usage ==
--6.3.1 TTN downlink panel data to display in LTS5
++This section now describes a process involving TTN downlink panel data that is to be displayed on the LTS5 screen.
 .3.1 Connect LA66 to the computer, open Serial Port Utility, and send the AT+CFG instruction to check whether the LA66 has downloaded correct program.
@@ -501,28 +501,30 @@
  [[image:image-20250207192107-28.png]]
--6.3.5 TTN distributes panel data in three batches.
++6.3.5 TTN distributes panel data in three phases: DEUI, Dev Name, and Sensor Data. The Dev Name, the last three bytes of the DEUI, and the panel type union together ensure the identification of a panel. Data about the same panel type will update the existing panel display, while data about a different panel type will create a new panel display on the LTS5 screen.
++There is an example for TTN downlink.
++
 . downlink DEUI F1A84041000181D4A8
 . downlink Dev Name F24B69746368656E2D467269676531FFFF
--1. downlink Sensor Data 5501A4CBBB0A8E085C02 或 5504A4CB01
++1. downlink Sensor Data 5501A4CBBB0A8E085C02 or 5504A4CB01. Both of them are vaild formats for LTS5. Note: 0x55 as prefix and any other prefix except 0xF1, 0xF2, 0xF3 means downlink is Sensor Data.
--= 5. The method for adding a new type of panel to the project =
++= 7. The method for adding a new type of panel to the project =
  If you don't have this need, then this part of the content can be ignored.
--1. Design a panel in SquareLine Studio, as shown in Image 5.1 below for reference.
++1. Design a panel in SquareLine Studio, as shown in Image 7.1 below for reference.
  [[image:image-20241121113445-1.png||height="584" width="934"]]
--                                                                                  Image 5.1: a panel about water_leak
++                                                                                  Image 7.1: a panel about water_leak
--2. **Export the UI file: **You need to adjust the export path first, then click '**Export -> Export UI Files**' on the menu bar. This step was introduced earlier. After that, you can get the UI files as shown in Image 5.2.
++2. **Export the UI file: **You need to adjust the export path first, then click '**Export -> Export UI Files**' on the menu bar. This step was introduced earlier. After that, you can get the UI files as shown in Image 7.2.
  [[image:image-20241121141120-4.png||height="383" width="795"]]
--                                                                              Image 5.2: Exported UI files
++                                                                              Image 7.2: Exported UI files
 . **Delete and rename some file.** Here are the steps:
@@ -535,114 +535,114 @@
  [[image:image-20241121151934-10.png||height="303" width="792"]]
--                                                                                 image 5.3 rest file (1)
++                                                                                 image 7.3 rest file (1)
  [[image:image-20241121142925-7.png||height="141" width="793"]]
--                                                                                 image 5.4 rest file (2)
++                                                                                 image 7.4 rest file (2)
--4. Open the project in **VS Code**.
++4. Open the project in VS Code.
--5. Add the file include path for **water_leak** in **extra_lib/CMakeLists.txt**, as shown in Images 5.5 and 5.6. Its format is similar to that of **tem_hum** or **door**."
++5. Add the file include path for **water_leak** in **extra_lib/CMakeLists.txt**, as shown in Images 7.5 and 7.6. Its format is similar to that of **tem_hum** or **door**."
  [[image:image-20241121181957-17.png||height="438" width="516"]]
--                          image 5.5 extra_lib/CMakeLists.txt before add
++                          image 7.5 extra_lib/CMakeLists.txt before adding
  [[image:image-20241121182239-18.png||height="520" width="518"]]
--                              image 5.6 extra_lib/CMakeLists.txt after add
++                              image 7.6 extra_lib/CMakeLists.txt after adding
 .  **Modify the header files included in the fonts and images directories**.
--Open the **fonts/ui_font_Font12.c** file, as shown in Image 5.7, and change **#include "../ui.h"** to **#include "../ui_water_leak.h"**. The modified file is shown in Image 5.8. Other font files need to be modified in the same way.
++Open the **fonts/ui_font_Font12.c** file, as shown in Image 7.7, and change **#include "../ui.h"** to **#include "../ui_water_leak.h"**. The modified file is shown in Image 7.8. Other font files need to be modified in the same way.
  [[image:image-20241121171629-11.png]]
--                               image 5.7 before-modified font file
++                               image 7.7 unmodified font file
  [[image:image-20241121171901-12.png]]
--                                  image 5.8 modified font file
++                                  image 7.8 modified font file
--Open the **images/ui_img_battery_empty_png.c** file, as shown in Image 5.9, and change **#include "../ui.h"** to **#include "../ui_water_leak.h"**. The modified file is shown in Image 5.10. Other image files need to be modified in the same way.
++Open the **images/ui_img_battery_empty_png.c** file, as shown in Image 7.9, and change **#include "../ui.h"** to **#include "../ui_water_leak.h"**. The modified file is shown in Image 7.10. Other image files need to be modified in the same way.
  [[image:image-20241121172714-13.png]]
--                                         image 5.9 before-modified image file
++                                                 image 7.9 unmodified image file
  [[image:image-20241121172908-14.png]]
--                                                  image 5.10 modified image file
++                                                  image 7.10 modified image file
--7. Modify the **ui_water_leak/CMakeLists.txt**. Open this file, and modify it as shown in image 5.11 (before) and image 5.12 (after).
++7. Modify the **ui_water_leak/CMakeLists.txt**. Open this file, and modify it as shown in image 7.11 (before) and image 7.12 (after).
  [[image:image-20241121180030-15.png]]
--  image 5.11 ui_water_leak/CMakeLists.txt before modification
++  image 7.11 ui_water_leak/CMakeLists.txt before modification
  [[image:image-20241121180517-16.png]]
--  image 5.12 ui_water_leak/CMakeLists.txt after modification
++  image 7.12 ui_water_leak/CMakeLists.txt after modification
--8. Modify the **ui_water_leak.h** file. Images 5.13 and 5.14 show the code before modification, while Images 5.15 and 5.16 show the code after modification.
++8. Modify the **ui_water_leak.h** file. Images 7.13 and 7.14 show the code before modification, while Images 7.15 and 7.16 show the code after modification.
  [[image:image-20241122094200-23.png]]
--                           image 5.13 ui_water_leak.h (1) before modification
++                           image 7.13 ui_water_leak.h (1) before modification
  [[image:image-20241122094320-24.png||height="852" width="554"]]
--                       image 5.14 ui_water_leak.h (2) before modification
++                       image 7.14 ui_water_leak.h (2) before modification
  [[image:image-20241122094600-25.png||height="1078" width="554"]]
--                       image 5.15 ui_water_leak.h (1) after modification
++                       image 7.15 ui_water_leak.h (1) after modification
  [[image:image-20241122094719-26.png||height="941" width="583"]]
--                         image 5.16 ui_water_leak.h (2) before modification
++                         image 7.16 ui_water_leak.h (2) before modification
--9. **Modify ui_water_leak.c file.** The image 5.17, 5.18, 5.19 show the code before modification, and the image 5.20, 5.21, 5.22 show the code after modification.
++9. **Modify ui_water_leak.c file.** The image 7.17, 7.18, 7.19 show the code before modification, and the image 7.20, 7.21, 7.22 show the code after modification.
  _ui_flag_modify( ((lv_obj_t *)(e->user_data)), LV_OBJ_FLAG_HIDDEN, _UI_MODIFY_FLAG_TOGGLE);    This code replaces 4 lines of code in ui_water_leak.c, so it is pasted here for convenience.
  [[image:image-20241122102929-27.png||height="619" width="426"]]
--           image 5.17 ui_water_leak.c (1) before modification
++           image 7.17 ui_water_leak.c (1) before modification
  [[image:image-20241122112838-30.png||height="551" width="628"]]
--                                     image 5.18 ui_water_leak.c (2) before modification
++                                     image 7.18 ui_water_leak.c (2) before modification
  [[image:image-20241122110815-29.png||height="725" width="712"]]
--                                                image 5.19 ui_water_leak.c (3) before modification
++                                                image 7.19 ui_water_leak.c (3) before modification
  [[image:image-20241122113158-31.png||height="872" width="677"]]
--                                             image 5.20 ui_water_leak.c (1) after modification
++                                             image 7.20 ui_water_leak.c (1) after modification
  [[image:image-20241122113259-33.png||height="874" width="724"]]
--                                                image 5.21 ui_water_leak.c (2) after modification
++                                                image 7.21 ui_water_leak.c (2) after modification
  [[image:image-20241122113359-34.png||height="804" width="746"]]
--                                                         image 5.22 ui_water_leak.c (3) after modification
++                                                         image 7.22 ui_water_leak.c (3) after modification
--10. **Modify ui_water_leak_events.h file.** The image 5.23 show the code before modification, and the image 5.24 show the code after modification.
++10. **Modify ui_water_leak_events.h file.** The image 7.23 show the code before modification, and the image 7.24 show the code after modification.
  [[image:image-20241122134113-35.png||height="380" width="421"]]
--              image 5.23 ui_water_leak_events_.h before modification
++              image 7.23 ui_water_leak_events_.h before modification
  [[image:image-20241122134420-37.png||height="201" width="283"]]
--image 5.24 ui_water_leak_events_.h after modification
++image 7.24 ui_water_leak_events_.h after modification
--11.** Modify ui_water_leak_events.c file.** The image 5.25 show the code before modification, and the image 5.26 show the code after modification.
++11.** Modify ui_water_leak_events.c file.** The image 7.25 show the code before modification, and the image 7.26 show the code after modification.
  Step1. '#include "ui.h"'~-~->'#include "ui_water_leak.h"'
@@ -656,11 +656,11 @@
  [[image:image-20241122135023-38.png||height="358" width="372"]]
--   image 5.25 ui_water_leak_events_.c before modification
++   image 7.25 ui_water_leak_events_.c before modification
  [[image:image-20241122135258-39.png||height="403" width="559"]]
--                        image 5.26 ui_water_leak_events_.c after modification
++                        image 7.26 ui_water_leak_events_.c after modification
 . **Modify ui_water_leak_style.c file.**
@@ -673,67 +673,67 @@
  [[image:image-20241122141536-41.png||height="361" width="612"]]
--                        image 5.27 ui_water_leak_style.c (1) before modification
++                        image 7.27 ui_water_leak_style.c (1) before modification
  [[image:image-20241122142129-42.png||height="386" width="613"]]
--                           image 5.28 ui_water_leak_style.c (1) after modification
++                           image 7.28 ui_water_leak_style.c (1) after modification
  Step2. modify 'void ui_ScreenMain_screen_init(void)'~-~->'panel_with_type create_water_leak(uint8_t index)'
--           delete code as shown in image 5.29
++           delete code as shown in image 7.29
  [[image:image-20241122145620-44.png||height="757" width="671"]]
--                                               image 5.29 ui_water_leak_style.c (2)
++                                               image 7.29 ui_water_leak_style.c (2)
--Step3. The image 5.30, 5.31 show the change.
++Step3. The image 7.30, 7.31 show the change.
  [[image:image-20241122152026-45.png||height="277" width="828"]]
--                                                      image 5.30 ui_water_leak_style.c (3) before modification
++                                                      image 7.30 ui_water_leak_style.c (3) before modification
  [[image:image-20241122152542-46.png||height="293" width="830"]]
--                                                         image 5.31 ui_water_leak_style.c (3) after modification
++                                                         image 7.31 ui_water_leak_style.c (3) after modification
--Step4. Copy partly the code in ui_water_leak.c, paste at extra_lib/sort.h(The process is shown in image 5.32, 5.33).
++Step4. Copy partly the code in ui_water_leak.c, paste at extra_lib/sort.h(The process is shown in image 7.32, 7.33).
  [[image:image-20241122153958-47.png]]
--                           image 5.32 ui_water_leak_style.c (4)
++                           image 7.32 ui_water_leak_style.c (4)
  [[image:image-20241122154755-49.png||height="864" width="513"]]
--                           image 5.33 ui_water_leak_style.c (4)
++                           image 7.33 ui_water_leak_style.c (4)
--Step5. Delete event function in code which was just pasted in extra_lib/sort.h(The process is shown in image 5.34).
++Step5. Delete event function in code which was just pasted in extra_lib/sort.h(The process is shown in image 7.34).
  [[image:image-20241122155650-50.png||height="922" width="513"]]
--              image 5.34 ui_water_leak_style.c (5)
++              image 7.34 ui_water_leak_style.c (5)
--Step6. Add some lines of code in extra_lib/sort.h as shown in image 5.35.
++Step6. Add some lines of code in extra_lib/sort.h as shown in image 7.35.
  [[image:image-20241122161934-51.png]]
--                           image 5.35
++                           image 7.35
--Step7. Add a line of code in extra_lib/sort.h as shown in image 5.36.
++Step7. Add a line of code in extra_lib/sort.h as shown in image 7.36.
  [[image:image-20241122162852-53.png||height="330" width="529"]]
--                                         image 5.37
++                                         image 7.37
--Step8. Add some code in ui_water_leak_style.c as shown in image 5.38 from line534 to line 576 in detail.
++Step8. Add some code in ui_water_leak_style.c as shown in image 7.38 from line534 to line 576 in detail.
  panel_with_type union_sensor;
@@ -749,16 +749,16 @@
  [[image:image-20250122173546-6.png||height="777" width="922"]]
--                                                                       image 5.38
++                                                                       image 7.38
 . Rest midification in sort.h file.
--In image 5.39 as below, we can see "WATER_LEAK_TYPE" at line 24 and water leak switch status definition at line 32,33, and these are what we need to add in sort.h.
++In image 7.39 as below, we can see "WATER_LEAK_TYPE" at line 24 and water leak switch status definition at line 32,33, and these are what we need to add in sort.h.
  [[image:image-20250122170230-1.png||height="580" width="513"]]
--                                        image 5.39 sort.h
++                                        image 7.39 sort.h
 . **Modify sort.c file.**
@@ -766,26 +766,26 @@
  [[image:image-20250122171910-5.png||height="524" width="510"]]
--                                           image 5.40 sort.c (1)
++                                           image 7.40 sort.c (1)
  There are still some changes need to be done in sort.c, and omit here for the moment.
--= 6.  FAQ =
++= 8.  FAQ =
--== 6.1 ==
++== 8.1 ==
--= 7.  Order Info =
++= 9.  Order Info =
--== 7.1  Part Number ==
++== 9.1  Part Number ==
  Part Number: (% style="color:#4472c4" %)LTS5
--== 7.2  Packing Info ==
++== 9.2  Packing Info ==
  **Package Includes**:
@@ -794,13 +794,13 @@
  * 5V,2A DC Power Adapter.
  * USB Type C Program Cable
--= 8.  Support =
++= 10.  Support =
  * Support is provided Monday to Friday, from 09:00 to 18:00 GMT+8. Due to different timezones we cannot offer live support. However, your questions will be answered as soon as possible in the before-mentioned schedule.
  * Provide as much information as possible regarding your enquiry (product models, accurately describe your problem and steps to replicate it etc) and send a mail to [[support@dragino.com>>url:file:///D:/市场资料/说明书/LoRa/LT系列/support@dragino.com]].
--= 9.  Reference material =
++= 11.  Reference material =
  * Datasheet
@@ -807,7 +807,7 @@
  * Source Code: [[dragino/LoRa-HMI-Touch-Screen: Open Source LoRa / LoRaWAN HMI Touch Screen Project>>url:https://github.com/dragino/LoRa-HMI-Touch-Screen/tree/main]]
  * Mechinical
--= 10.  FCC Warning =
++= 12.  FCC Warning =
  This device complies with part 15 of the FCC Rules.Operation is subject to the following two conditions:

Changes for page LTS5 LoRa HMI Touch Screen

Summary

Details

Applications

Navigation