Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 0 added, 2 removed)
  • squalreline-trial.png
  • squareline.io_downloads.png

Details

Page properties

Content

...	...	@@ -107,32 +107,25 @@
107	107	== 2.1  About this demo ==
108	108
109	109
110		-This getting started example demonstrates how to design and deploy a simple display UI for the LTS5 device. The example includes:
	110	+In this Getting Started Example, we will show how to design a simple Display UI and upload it to LTS5. This UI has  a button , when user click the button. The Web UI will jump to a new page.
111	111
112		-* Creating a basic UI with a single button.
113		-* Implementing functionality to navigate the Web UI to a new page when the button is clicked.
114		-* Uploading the UI to the LTS5 device.
115	115
116		-By completing this demo, you will gain foundational knowledge for customizing the LTS5 interface and building more advanced IoT applications.
117		-
118		-
119	119	== 2.2  Install Software Running Environment ==
120	120
121	121
122		-The **ESP MCU** supports development with **ESP-IDF**, **Arduino**, or **MicroPython**. We use **ESP-IDF** for compilation and **Visual Studio Code (VS Code)** as the development environment for this project.
	116	+The ESP MCU can be developed using ESP-IDF, Arduino, or MicroPython. For this project, we utilize ESP-IDF for compilation and Visual Studio Code (VSCode) for editing.
123	123
124	124
125		-=== 2.2.1 Install VS Code and ESP-IDF extension ===
	119	+=== 2.2.1 Install VSCode and ESP-IDF extension ===
126	126
127	127
128		-First, download and install **VS Code** for your operating system from the Visual Studio Code website: [[Visual Studio Code - Mac, Linux, Windows>>https://code.visualstudio.com/download]].
	122	+Firstly, download and install VSCode for your computer's operating system from the official website: [[Download Visual Studio Code - Mac, Linux, Windows>>url:https://code.visualstudio.com/download]].
129	129
130		-Next, install the **ESP-IDF** extension within **VS Code**. Detailed steps for this process are shown in Image 1.
	124	+Next, you need to install the ESP-IDF extension within VSCode. The detailed operation steps are illustrated in image 1.
131	131
132		-
133	133	[[image:image-20240928110211-5.png||height="508" width="866"]]
134	134
135		- Image 1: ESP-IDF extension install
	128	+ image 1 ESP-IDF extension install
136	136
137	137	Links for reference: [[Install ESP32 ESP-IDF on Windows and Integrate with VS code (esp32tutorials.com)>>url:https://esp32tutorials.com/install-esp32-esp-idf-windows-integrate-vs-code/#:~~:text=In%20this%20tutorial,%20we%20will%20show%20you%20how%20to%20install]]
138	138
...	...	@@ -140,17 +140,11 @@
140	140	=== 2.2.2 Install SquareLine Studio ===
141	141
142	142
143		-Download and install the latest version of [[SquareLine Studio>>https://squareline.io/downloads#lastRelease]] on your computer. It supports Windows, Linux, and Mac OS. The software version we are using here is 1.4.2.
	136	+The version we are utilizing for this software is 1.4.2. You can download it from the official link: [[SquareLine Studio - Download the current version of SquareLine Studio>>url:https://squareline.io/downloads#lastRelease]].
144	144
145		-[[image:squareline.io_downloads.png]]
	138	+Please note that this software necessitates the registration of a license prior to usage, and various licenses come with distinct limitations. For instance, the free version imposes restrictions such as a limit of 1 component, 150 widgets, and 10 screens. However, for first-time downloads, you are granted unrestricted access for a period of 30 days without the need for immediate registration.
146	146
147	147
148		-After installation, you can use SquareLine Studio as a trial version for 30 days without activation. Click **CONTINUE WITH TRIAL** to use the trial version, or click **LOG IN** to activate the software with your license key.
149		-
150		-[[image:squalreline-trial.png||height="602" width="400"]]
151		-
152		-The free version restricts usage to 1 component, 150 widgets, and 10 screens.
153		-
154	154	== 2.3 Simple usage of SquareLine Studio and export UI code ==
155	155
156	156

squalreline-trial.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.pradeeka

Size

...	...	@@ -1,1 +1,0 @@
1		-60.4 KB

Content

squareline.io_downloads.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.pradeeka

Size

...	...	@@ -1,1 +1,0 @@
1		-1.5 MB

Content