-
Notifications
You must be signed in to change notification settings - Fork 5
/
chapter_3-2.qmd
369 lines (293 loc) · 20 KB
/
chapter_3-2.qmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
# 3.2 Smart Watch {.unnumbered}
<br />
The watch is a common item in life. Even though various electronic devices now have timing functions, and mobile phones can replace watches as timing tools, watches are still a popular item. They are not only timing tools, but also have fashion matching functions. Although watches are delicate and small, they involve complex craftsmanship. Now with XIAO and its expansion board, we can easily make them.
## 3.2.1 Background Knowledge
### 3.2.1.1 RTC Clock
RTC stands for Real_Time Clock, which is an integrated circuit used to display time, also called an RTC clock chip. RTCs are widely used, and we can find RTC in almost any electronic device. In the XIAO expansion board, there is an RTC clock chip, as shown in the following figure. We can display the date and time on the OLED display on the expansion board, and it can be powered by a button battery or lithium battery. Even if we disconnect, it can continue to track time. When we reconnect the power supply, we will find that the time is still moving. With the RTC clock, we can make timed reminder devices, such as timed watering, timed pet feeding, and so on.
<!--  -->
<div style="text-align:center;"><img src="https://files.seeedstudio.com/wiki/XIAO_Big_Power-Board-ebook-photo/chapter_3-2/chapter_3-2_1.png" width="400" height="auto" style="margin:0 auto" /><br /><sub>Position of the RTC clock chip on the XIAO expansion board</sub></div>
<br />
Grove also has an RTC module: [Grove - DS1307 RTC (Real Time Clock) for Arduino](https://www.seeedstudio.com/Grove-RTC-DS1307.html?queryID=73f4015b0d2879c1ce927a4167c7ac98&objectID=1814&indexName=bazaar_retailer_products), as shown in the figure below.
<br />
<!--  -->
<div style="text-align:center;"><img src="https://files.seeedstudio.com/wiki/XIAO_Big_Power-Board-ebook-photo/chapter_3-2/chapter_3-2_2.png" width="400" height="auto" style="margin:0 auto" /><br /><sub>Grove RTC Module</sub></div>
## 3.2.2 Task 1: Displaying RTC Clock in the Serial Monitor
#### **Adding [PCF8563-Arduino-Library](https://github.com/Bill2462/PCF8563-Arduino-Library) Library**
Before starting to program the RTC on the XIAO expansion board with Arduino IDE, you need to add the necessary library files. Enter the library file address 🔗 <https://github.com/Bill2462/PCF8563-Arduino-Library> in the browser address bar, go to the GitHub page, click `Code→Download ZIP` to download the resource package `PCF8563-Arduino-Library-master.zip` to the local, as shown in the figure below.
<!--  -->
Add the previously downloaded resource package `PCF8563-Arduino-Library-master.zip` in `Sketch→Include Library→Add .ZIP Library` in the menu bar until you see the library loading success prompt.
#### **Opening the Sample File**
Creating an RTC clock can't be without the powerful library file. Open the `simple` example through the following path: `File→Examples→PCF8563→simple`. This example program can display the RCT clock through the serial monitor. After opening the example program, we only need to modify the current date and start time:
``` cpp
#include <PCF8563.h> //Declare library file
PCF8563 pcf;//Define variable pcf
void setup() {
Serial.begin(9600);
pcf.init();//Initialize the clock
pcf.stopClock();//Stop the clock
//Set the current date and time. After setting, it will start timing from this moment
pcf.setYear(23);//Year
pcf.setMonth(05);//Month
pcf.setDay(29);//Day
pcf.setHour(16);//Hour
pcf.setMinut(10);//Minute
pcf.setSecond(0);//Second
pcf.startClock();//Clock starts timing
}
void loop() {
Time nowTime = pcf.getTime();//Get time
//Print the current date and time on the serial monitor
Serial.print(nowTime.day);
Serial.print("/");
Serial.print(nowTime.month);
Serial.print("/");
Serial.print("20"); // Manually input the set year
Serial.print(nowTime.year);
Serial.print("/");
Serial.print(nowTime.hour);
Serial.print(":");
Serial.print(nowTime.minute);
Serial.print(":");
Serial.println(nowTime.second);
delay(1000);
}
```
> Get this program from Github <br />
> <https://github.com/mouseart/XIAO-Mastering-Arduino-and-TinyML/tree/main/code/L12_RTC_simple_XIAO_en>
Without connecting other electronic modules, you can click the upload program button. After the code is uploaded, open the serial monitor, and you will be able to see the time.
<!--  -->
## 3.2.3 Project Making: Smart Watch
### Project Description
In this section, we are going to make a smart watch that can display the date, time, temperature, and humidity in real time. To display the date and time, we just need XIAO and the expansion board. To display the temperature and humidity, we need to add a temperature and humidity sensor.
### Programming
The program consists of the following steps:
- Declare the necessary libraries and define variables.
- Initialize the libraries, and set the current time.
- Read temperature and humidity variables, get the current time, and display the temperature, humidity, and date/time on the OLED screen.
> ⚠️ Note
>
> - Before starting to program for the OLED of the XIAO expansion board, make sure that the `U8g2_Arduino` library has been loaded into the Arduino IDE. The loading method can be referred to the instructions in the "How to Download and Install Arduino Libraries" section of Section 1.1.
> - Before starting to program for the Grove temperature and humidity sensor, make sure that the Arduino IDE has loaded the `Grove_Temperature_And_Humidity_Sensor` library. The loading method can be referred to the instructions in the "Adding the [Grove_Temperature_And_Humidity_Sensor](/chapter_2-2.html#task-1-reading-temperature-and-humidity-values-in-the-serial-monitor-based-on-the-dht20-model) Library" section of Section 2.2.
#### **Task 2: Display the current time and temperature/humidity values on the OLED display of the XIAO expansion board (based on the DHT20 sensor)**
Step 1: Declare the necessary libraries and define variables.
``` cpp
#include <Arduino.h>
#include <U8x8lib.h> //use u8x8 library
#include <PCF8563.h> //RTC library
PCF8563 pcf; //define variable pcf
#include <Wire.h>
#include "DHT.h" //DHT library
#define DHTTYPE DHT20 //The type of the temperature and humidity sensor is DHT20
DHT dht(DHTTYPE);
U8X8_SSD1306_128X64_NONAME_HW_I2C u8x8(/* reset=*/ U8X8_PIN_NONE); //OLED's constructor, set data type, connect OLED display
```
Step 2: Initialize the libraries, and set the current time.
``` cpp
void setup() {
Serial.begin(9600);
u8x8.begin(); //u8x8 starts working
u8x8.setFlipMode(1);
Wire.begin();
pcf.init(); //Initialize the clock
pcf.stopClock(); //Stop the clock
//Set the current time and date:
pcf.setYear(23);
pcf.setMonth(05);
pcf.setDay(29);
pcf.setHour(18);
pcf.setMinut(53);
pcf.setSecond(0);
pcf.startClock(); //The clock starts timing
}
```
Step 3: Read temperature and humidity variables, get the current time, and display the temperature, humidity, and date/time on the OLED screen.
``` cpp
void loop() {
float temp, humi; //Define temperature and humidity variables
temp = dht.readTemperature(); //Read the temperature value
humi = dht.readHumidity(); //Read the humidity value
Time nowTime = pcf.getTime(); //Get the time
u8x8.setFont(u8x8_font_chroma48medium8_r); //u8x8 font
//Display the current date, time, temperature, and humidity at different coordinates on the OLED screen.
u8x8.setCursor(0, 0);
u8x8.print(nowTime.day);
u8x8.print("/");
u8x8.print(nowTime.month);
u8x8.print("/");
u8x8.print("20");
u8x8.print(nowTime.year);
u8x8.setCursor(0, 1);
u8x8.print(nowTime.hour);
u8x8.print(":");
u8x8.print(nowTime.minute);
u8x8.print(":");
u8x8.println(nowTime.second);
delay(1000);
u8x8.setCursor(0, 2);
u8x8.print("Temp:");
u8x8.print(temp);
u8x8.print("C");
u8x8.setCursor(0,3);
u8x8.print("Humidity:");
u8x8.print(humi);
u8x8.print("%");
u8x8.refreshDisplay();
delay(200);
}
```
For the complete program, please refer to:
``` cpp
#include <Arduino.h>
#include <U8x8lib.h> //use u8x8 library
#include <PCF8563.h> //RTC library
PCF8563 pcf; //define variable pcf
#include <Wire.h>
#include "DHT.h" //DHT library
#define DHTTYPE DHT20 //The type of the temperature and humidity sensor is DHT20
DHT dht(DHTTYPE);
U8X8_SSD1306_128X64_NONAME_HW_I2C u8x8(/* reset=*/ U8X8_PIN_NONE); //OLED's constructor, set data type, connect OLED display
void setup() {
Serial.begin(9600);
u8x8.begin(); //u8x8 starts working
u8x8.setFlipMode(1);
Wire.begin();
pcf.init(); //Initialize the clock
pcf.stopClock(); //Stop the clock
//Set the current time and date:
pcf.setYear(23);
pcf.setMonth(05);
pcf.setDay(29);
pcf.setHour(18);
pcf.setMinut(53);
pcf.setSecond(0);
pcf.startClock(); //The clock starts timing
}
void loop() {
float temp, humi; //Define temperature and humidity variables
temp = dht.readTemperature(); //Read the temperature value
humi = dht.readHumidity(); //Read the humidity value
Time nowTime = pcf.getTime(); //Get the time
u8x8.setFont(u8x8_font_chroma48medium8_r); //u8x8 font
//Display the current date, time, temperature, and humidity at different coordinates on the OLED screen.
u8x8.setCursor(0, 0);
u8x8.print(nowTime.day);
u8x8.print("/");
u8x8.print(nowTime.month);
u8x8.print("/");
u8x8.print("20");
u8x8.print(nowTime.year);
u8x8.setCursor(0, 1);
u8x8.print(nowTime.hour);
u8x8.print(":");
u8x8.print(nowTime.minute);
u8x8.print(":");
u8x8.println(nowTime.second);
delay(1000);
u8x8.setCursor(0, 2);
u8x8.print("Temp:");
u8x8.print(temp);
u8x8.print("C");
u8x8.setCursor(0,3);
u8x8.print("Humidity:");
u8x8.print(humi);
u8x8.print("%");
u8x8.refreshDisplay();
delay(200);
}
```
> Get this program from Github <br />
><https://github.com/mouseart/XIAO-Mastering-Arduino-and-TinyML/tree/main/code/L12_SmartWatch_DHT20_XIAO_en>
**Step 4:** Connect the hardware and upload the program. First, connect the DHT20 temperature and humidity sensor to the I2C interface of the XIAO expansion board, and connect the XIAO to the computer with a data cable, as shown in the picture:
<!--  -->
Click the "Upload" button in the Arduino IDE to upload the program to the hardware. When the debugging area shows "Upload successful", observe whether the OLED display correctly outputs the current time and starts timing, as well as the real-time temperature and humidity.
<!--  -->
#### **Task 3: Display the current time and temperature and humidity values on the OLED display of the XIAO expansion board (based on the DHT11 sensor)**
If you are using the Grove DHT11 temperature and humidity sensor with a blue casing, part of the program code needs to be modified as follows: <br />
`#define DHTPIN 0`, this needs to be modified according to the actual pin number to which the temperature and humidity sensor is connected. <br />
`#define DHTTYPE DHT11`, since there are different models of temperature and humidity sensors, you need to select the correct model --- DHT11. The modified example code is as follows:
``` cpp
#include <Arduino.h>
#include <U8x8lib.h>
#include <PCF8563.h>
PCF8563 pcf;
#include <Wire.h>
#include "DHT.h"
#define DHTPIN 0
#define DHTTYPE DHT11
DHT dht(DHTPIN, DHTTYPE);
U8X8_SSD1306_128X64_NONAME_HW_I2C u8x8(/* reset=*/ U8X8_PIN_NONE);
//U8X8_SSD1306_128X64_NONAME_SW_I2C u8x8(/* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); // OLEDs without Reset of the Display
void setup() {
Serial.begin(115200);
u8x8.begin();
u8x8.setFlipMode(1);
Wire.begin();
pcf.init(); //initialize the clock
pcf.stopClock(); //stop the clock
pcf.setYear(23); //set year
pcf.setMonth(05); //set month
pcf.setDay(29); //set date
pcf.setHour(18); //set hour
pcf.setMinut(53); //set minute
pcf.setSecond(0); //set second
pcf.startClock(); //start the clock
}
void loop() {
float temp, humi;
temp = dht.readTemperature();
humi = dht.readHumidity();
Time nowTime = pcf.getTime(); //get current time
u8x8.setFont(u8x8_font_chroma48medium8_r); // choose a suitable font
u8x8.setCursor(0, 0);
u8x8.print(nowTime.day);
u8x8.print("/");
u8x8.print(nowTime.month);
u8x8.print("/");
u8x8.print("20");
u8x8.print(nowTime.year);
u8x8.setCursor(0, 1);
u8x8.print(nowTime.hour);
u8x8.print(":");
u8x8.print(nowTime.minute);
u8x8.print(":");
u8x8.println(nowTime.second);
delay(1000);
u8x8.setCursor(0, 2);
u8x8.print("Temp:");
u8x8.print(temp);
u8x8.print("C");
u8x8.setCursor(0,3);
u8x8.print("Humidity:");
u8x8.print(humi);
u8x8.print("%");
u8x8.refreshDisplay();
delay(200);
}
```
> Get this program from Github <br />
<https://github.com/mouseart/XIAO-Mastering-Arduino-and-TinyML/tree/main/code/L12_SmartWatch_DHT11_XIAO_en>
------------------------------------------------------------------------
After modifying the code, first connect the DHT11 temperature and humidity sensor to the `A0` interface of the XIAO expansion board, as shown in the image below.
<!--  -->
Then connect the XIAO development board to your computer, upload the modified sample program to the XIAO via Arduino IDE, and you should be able to see the time, temperature, and humidity readings on the OLED of the XIAO expansion board. You can place the temperature and humidity sensor in different environments to observe changes in temperature and humidity readings.
<!--  -->
## 3.2.4 Exterior Design
Given its compact size, XIAO is especially suitable for creating wearable devices. The expansion board incorporates an RTC chip, a buzzer, and an OLED display screen, which means you can create a variety of applications even without adding other modules. In this section, we have made a smart watch using the on-board OLED display, RTC chip, and an external temperature and humidity sensor. When creating the appearance, we only need to consider wearability, organization of modules and connecting wires, and the exposure of the OLED display screen. As shown below, we provide a wearable watch style and the laser cutting files for it. With just a simple installation, your wearable device is ready.
<!--  -->
Download files for laser cutting machine 🔗 <br />
<https://github.com/mouseart/XIAO-Mastering-Arduino-and-TinyML/blob/main/dxf/XIAO_X_watch.dxf>.
<!--  -->
<!--  -->
<!--  -->
<!--  -->
