Chromebooks, laptops, and PCs are crucial tools for coding and digital skills education. Chromebooks are ideal for web-based applications and collaborative projects, while laptops and PCs support a wider range of programming environments and software for more intensive tasks like software development and data analysis.IoT Web-Controlled LED Light
In this lesson, you will create a web page to control the LED light on your Raspberry Pi Pico using MicroPython and Thonny editor.
Take a moment to review the completed code provided above. This is the code you will be working with throughout the lesson.
Start by importing the necessary libraries for this project. Add the following lines of code at the beginning of your script in Thonny editor:
import network
import socket
from time import sleep
from picozero import pico_temp_sensor, pico_led
import machineReplace 'WIFI_SSID' and 'WIFI_PASSWORD' with your WiFi network's SSID and password. Then, add the following code to create a function called 'connect' that connects your Raspberry Pi Pico to the WiFi network:
ssid = 'WIFI_SSID'
password = 'WIFI_PASSWORD'
def connect():
#Connect to WLAN
wlan = network.WLAN(network.STA_IF)
wlan.active(True)
wlan.connect(ssid, password)
while wlan.isconnected() == False:
print('Waiting for connection...')
sleep(1)
ip = wlan.ifconfig()[0]
print(f'Connected on {ip}')
return ipAdd the following code to create a function called 'open_socket' that opens a socket for your Raspberry Pi Pico:
def open_socket(ip):
# Open a socket
address = (ip, 80)
connection = socket.socket()
connection.bind(address)
connection.listen(1)
print(connection)
return connectionCreate a function called 'webpage' that generates the HTML code for your web page. This page will have buttons to turn the LED light on and off, and display the current LED state and temperature:
def webpage(temperature, state):
#Template HTML
html = f"""
<!DOCTYPE html>
<html>
<form action="./lighton">
<input type="submit" value="Light on" />
</form>
<form action="./lightoff">
<input type="submit" value="Light off" />
</form>
<p>LED is {state}</p>
<p>Temperature is {temperature}</p>
</body>
</html>
"""
return str(html)
Get ready to embark on an incredible learning journey! Get access to this lesson and hundreds more in our Digital Skills Curriculum.