CTEC1433 Internet of Things Applications

Announcements

The primary online resource is w3schools.com.

The course begins on Monday, January 11th, 2021, and runs to Friday, April 23, 2021.  As of January 25th, lecture videos are online, labs take place in L117.

---

Course Description

You will develop a network-capable embedded system using an industry-standard platform, protocols, and software tools. The course will also focus on security concerns and other practical issues facing Internet-connected devices.

Week 1

Unit 1: Intro to WWW

• Lab Exercises and Sample Code

XAMPP

•    XAMPP [apachefriends.org] — run Apache, PHP and MySQL on your own computer to do web development — using http://127.0.0.1 or http://localhost

---

Week 2

Due Date:

• Lab Zero: January 22nd

Unit 2: Basic HTML

• Lab Exercises and Sample Code

Links

• World Wide Web Consortium (W3C) [w3.org]
• HTML Validator [w3.org]
• HTML5 Standard [w3.org]
• W3 Schools [w3schools.com]
• HTML Reference [w3schools.com]
• HTML Tutorial [w3schools.com]
• HTML Entity Reference [w3.org]

---

Week 3

L117 will be open this week (starting Jan. 25)

Lab 1 is due this Friday (Jan. 29)

Unit 3: Basic CSS

Content

• CSS Box Model [PNG, 769 x 555, 54,143 bytes]
• Lab Software (requires password)

Links

• CSS Validator [w3.org]
• CSS Home Page [w3.org]
• CSS Reference [w3schools.com]
• CSS Tutorial [w3schools.com]
• Encycolorpedia [encycolorpedia.com]
• Colours from xkcd [xkcd.com]:
  • rgb.html [HTML; 121,406 bytes] — colour samples
  • rgb.txt [TXT; 19,245 bytes] — list of all colours
  • rgb.css [CSS; 31,569 bytes] — CSS file with a class for each colour that sets the foreground (color)
  • rgb_bg.css [CSS; 44,859 bytes] — CSS file with a class for each colour that sets the background (background-color)

---

Week 4

Lab 2 is due this Friday (Feb. 5)

Unit 4: Images

• Using four-number padding
• Checkpoint 4.1.2 (original): HTML CSS
• Checkpoint 4.1.2 (fixed): HTML CSS
• Checkpoint 4.2.1: HTML CSS Background image [JPG; 7,304 bytes]
• Checkpoint 4.2.2: HTML CSS
• Checkpoint 4.2.3: HTML CSS
• Background image for Checkpoint 4.2.2 and Checkpoint 4.2.3 [GIF; 3,430 bytes]

Links

• Lab image files — for use with lab exercise 2.2

---

Unit 6: More CSS

Unit 6 Code

• box.html
• box1.html
• box2.html
• float.html
• Image [JPG; 23,832 bytes]
• floatyls.html
• floatylsclear1.html
• floatylsclear2.html
• floatylsoverflow.html
• floatylsscroll.html

Unit 7: Page Layout with CSS

Two-Column Layout

Note: all links within each page result in 404's

• Image [JPG; 28,883 bytes]
• version 1
• version 2
• version 3
• version 4

---

Week 5

Week 6

Week 7

Lab 3 is due Friday, Feb. 19

Lab 4 is due Monday, Mar. 1

Forms: Unit 9 Code

• contact.html
• form1.html
• form2.html
• form3.html
• form4.html
• form5.html
• form6.html
• formcss.html
• color.html
• date.html
• email.html
• list.html
• range.html
• search.html
• spinner.html
• tel.html
• url.html

Introduction to PHP

• PHP

Forms Using PHP

•  form.html
•  formproc.php  view source
•  input_tags.php — generates and processes its own form  view source

More Unit 10 code

1. Visitor form example — uses the HTML5 required attribute; and label, fieldset, legend, and datalist elements.
2. Brochure form example — View source uses the required attribute, combined with a PHP function to indicate required fields.
3. Brochure form example 2 View source — inlined CSS into PHP function, plus added PHP code to "process itself".
4. All HTML5 input types:
   
   • Form View source — all possible input types — try it in each browser to see the level of support
   • GET processor View source — action for the <input type="image"> element View image [PNG, 210×70]
5. Comment form example — uses JavaScript to pre-process (validate) the form inputs.

Links

• HTML Forms [w3schools.com]
• HTML Form Elements [w3schools.com]
• HTML Input Types [w3schools.com]
• HTML Input Attributes [w3schools.com]

Mid-Term Break: March 1—5

Week 8

Midterm Exam takes place this week, in L117, from 2:30-4:30 PM, on your scheduled lab day:

• Section 01:  Wednesday, March 10th

• Section 02:  Monday, March 8th

• Section 03:  Friday, March 12th

Week 9

Raspberry Pi labs begin this week in L117

Raspberry Pi materials

Raspberry Pi Links

• Official site [raspberrypi.org]

---

Week 10

Quiz 4 is on Thursday, March 25

Lab 5 is due this Friday (Mar. 26)

Raspberry Pi materials — updated Beginner's Guide and Python template are here

Sense HAT Links

• Official site [raspberrypi.org]
• Getting started with the Sense HAT [raspberrypi.org]
• RaspberryPiIVBeginners - Sense Hat [youtube.com]
• Python library [pythonhosted.org]
• Online Sense HAT Emulator [trinket.io]
• Sense HAT Projects [raspberrypi.org]

Python Links

• Official site [python.org]
• Python Beginners Guide for Programmers [python.org]
• Python Beginners Guide for Non-Programmers [python.org]
• Moving to Python from other languages [python.org]
• The Python Language Reference [python.org]
• The Python Tutorial [python.org]
• W3Schools' Python Tutorials [w3schools.com]
• Thonny official site [thonny.org]

---

Week 11

No Friday lab this week (April 2 is Good Friday)

JpGraph materials

Requests [readthedocs.io]

Requests is an elegant and simple HTTP library for Python, built for human beings.

MQTT Links

• Beginners Guide To The MQTT Protocol [steves-internet-guide.com]
• Understanding the MQTT Protocol Packet Structure [steves-internet-guide.com]
• Beginners Guide To The Paho MQTT Python Client [steves-internet-guide.com]
• Paho Documentation [eclipse.org]
• Eclipse Mosquitto™ — An open source MQTT broker [mosquitto.org]

---

Week 12

Quiz 5 is on Thursday, April 8

Lab 6 is due this Friday (Apr. 9)

---

Week 13

---

Week 14

updated Thu Mar 25 2021:  corrected exam dates

Lab 7 is due this Monday (Apr. 19)

Final Exam takes place this week, in L117, from 2:30-4:30 PM, on your scheduled lab day

• Section 01:  Wednesday, April 21st

• Section 02:  Monday, April 19th

• Section 03:  Friday, April 23rd