บทเรียน 1.1 — ทัวร์บอร์ด: เล่นของจริงก่อน

ดูของจริงก่อน — บอร์ดนี้ทำอะไรได้บ้าง

วันนี้ยังไม่ต้องเขียนโปรแกรมอะไรยาว ๆ เราจะ เล่นก่อน และเราจะเริ่มเล่นตั้งแต่สไลด์ถัดไป ไม่ใช่ตอนกลางบทเรียน

บอร์ดที่อยู่ตรงหน้าผู้เรียนตอนนี้ ข้างในมีของครบทุกอย่างที่ระบบ AIoT จริงต้องมี — เซนเซอร์วัดการเคลื่อนไหว เข็มทิศ ปุ่มสัมผัส หน้าจอ ไมโครโฟน และวิทยุ WiFi

คอร์สนี้ใช้บอร์ดสองรุ่น — PSoC Edge Eval Kit (Eva Kit) และ TESAIoT Dev Kit — ภาพร่างข้างบนวาดจาก Eva Kit ส่วน Dev Kit มีของชุดเดียวกันนี้ครบ และเพิ่มเซนเซอร์อุณหภูมิ/ความชื้น ความกดอากาศ เรดาร์ ลูกบิดสี่ตัว และ RGB dot matrix เข้ามา โค้ดที่เขียนในคอร์สนี้รันได้ทั้งสองบอร์ด ที่ต่างกันจะบอกไว้ตรงจุด

สิ่งที่เราจะทำในชุดบทเรียนนี้คือ กดมันให้ทั่ว จดว่าอะไรทำงานยังไง แล้วปิดท้ายด้วยการส่งข้อความของทีมเราเองขึ้นจอ

ของทุกอย่างที่เห็นบนจอวันนี้ อีกสิบเอ็ดชุดบทเรียนข้างหน้าเราจะสร้างมันขึ้นมาเองทีละชิ้น

เป้าหมายของชุดบทเรียนนี้

1. เล่นเมนูหลักบนบอร์ดให้ครบ แล้วบอกได้ว่า เมนูไหนใช้เซนเซอร์ตัวไหน
2. รู้จักสมองสองก้อนของบอร์ด (CM33 กับ CM55) ว่าใครทำหน้าที่อะไร
3. ใช้โมดูล lcd กับ ui ส่งข้อความและตัวเลขของทีมขึ้นจอได้
4. ต่อบอร์ดเข้ากับ BENTO IDE แล้ว รันไฟล์ตัวอย่างของชุดบทเรียนนี้ได้ครบ

ปลายทางของวันนี้: จอบอร์ดขึ้นชื่อทีมเรา ชื่อสมาชิกไล่ทีละคน และบรรทัดสีเขียวว่าสำเร็จ

ชุดบทเรียนนี้วัดกันที่ "เล่นเป็น + อธิบายได้" ไม่ใช่ "เขียนโค้ดยาว" — เปิดบอร์ดได้เลยตั้งแต่สไลด์หน้า

รอบที่ 1 — เล่นหน้า Home ให้ทั่ว

ยังไม่มีโค้ดของเราสักบรรทัด แต่ค่าพวกนี้วิ่งอยู่แล้ว — เพราะเฟิร์มแวร์อ่านเซนเซอร์ให้ตลอดเวลา

รอบที่ 2 — สามเมนูที่ต้องเล่นให้ครบ

Controls (Eva Kit เท่านั้น) — แตะวงกลมสีบนจอ แล้วมอง หลอด LED จริงบนบอร์ด ว่าติดตาม
นี่คือครั้งแรกที่ผู้เรียนเห็นว่า "แตะกระจก" ทำให้ "ของจริงเปลี่ยนสถานะ" ได้ (บทเรียน 2.1–2.3 กับ 2.4–2.6 เราจะสร้างหน้านี้เอง) · Dev Kit ไม่มีการ์ด Controls — ทีมที่ถือ Dev Kit ให้ข้ามไปเมนูถัดไปก่อน แล้วดูไฟจริงติดจากโค้ดตอนรัน 11_lights_and_a_button.py ในครึ่งหลังของชุดบทเรียนแทน

Sensor Dashboard — เขย่าบอร์ดเบา ๆ แล้วดูกราฟทางซ้ายกระเพื่อม เข็มทิศทางขวาหมุนตามการหันบอร์ด
(บทเรียน 3.4–3.6 กับ 3.7–3.9 เราจะสร้างกราฟและเข็มทิศแบบนี้เอง)

Smart Watch — ปัดนิ้วซ้าย-ขวาเพื่อเปลี่ยนหน้า มีทั้งหน้านาฬิกา สุขภาพ เพลง อากาศ
ตัวนับก้าวคำนวณจากเซนเซอร์ความเร่งตัวเดียวกับที่เราจะใช้ในบทเรียน 3.1–3.3 · เวลาบนหน้าปัดยังไม่ตรง เพราะบอร์ดตั้งนาฬิกาจากอินเทอร์เน็ตเท่านั้น และยังไม่ได้ต่อ WiFi (ชุดบทเรียนถัดไปต่อแล้วจะตรงเอง)

เล่นแล้วจดลงบันทึกการเรียน ทันที — ความจำจากการเล่นหายเร็วกว่าที่คิด

รอบที่ 3 — เมนูที่ต้องรู้ว่ามีอยู่

Audio Player (Eva Kit เท่านั้น — Dev Kit ไม่มีการ์ดนี้) — เครื่องเล่นเพลงจริงจาก SD card
ถ้าไม่ได้เสียบ SD card หน้านี้จะขึ้น Now Playing: No SD Card และบรรทัด สีแดง SD Card failed: step 2 (InitCard) — นี่ไม่ใช่บอร์ดเสีย ปุ่มเล่นและแถบเสียงยังอยู่ครบ ขาดแค่รายชื่อไฟล์

Wi-Fi Setting — สแกนหาเครือข่าย เลือก แล้วใส่รหัส
ชุดบทเรียนนี้ยังไม่ต้องต่อ (บทเรียน 1.4–1.6 จะต่อด้วยโค้ดของเราเอง) แต่ให้กดเข้าไปดูว่าหน้าตาเป็นยังไง — เมนูนี้มีทั้งสองบอร์ด และอยู่ในเกณฑ์ผ่านของชุดบทเรียน

BENTO Playground — หน้าที่สำคัญที่สุดสำหรับเรา
ทุกครั้งที่เราส่งโค้ดจากคอมมาที่บอร์ด ผลลัพธ์จะมาโผล่ที่หน้านี้ ถ้าไม่เปิดหน้านี้ค้างไว้ จะงงว่าทำไมส่งโค้ดแล้วไม่เห็นอะไร

TESAIoT Connectivity (Eva Kit เท่านั้น — Dev Kit ไม่มีการ์ดนี้) — แดชบอร์ดสถานะการเชื่อมต่อกับแพลตฟอร์ม IoT
ปลายทางของบทเรียน 4.4–4.9 อยู่ตรงนี้ กดเข้าไปดูไว้ก่อนได้ว่าเราจะไปจบที่ไหน — ทีมที่ถือ Dev Kit จะได้เห็นปลายทางเดียวกันผ่านโค้ดของตัวเองในบทเรียน 4.4–4.9

เมนู Playground คือประตูที่เราจะเดินผ่านทุกบทเรียนตั้งแต่วันนี้เป็นต้นไป

ปลายทางของชุดบทเรียนนี้ — จอที่เราจะได้ตอนจบชุดบทเรียน

• เลขตัวเดียวขับทุกอย่างบนจอพร้อมกัน (ในภาพคือ 64) — Arc, Compass, Seg7, Bar, Slider, Switch, Checkbox, Chart, Spinner, Image
• มุมล่างเขียนว่า ui.list() นับได้ 23 ตัว จาก 64 — บอร์ดนับ widget ของตัวเองได้ · 64 คือเพดานของเฟิร์มแวร์ ส่วนงบที่คอร์สตั้งให้ตัวเองคือ 32 ต่อหน้า (บทเรียน 2.4–2.6 อธิบายว่าทำไม)
• ปุ่ม "แตะฟังเสียง" มีจริง กดแล้วดัง — บน Eva Kit ดังจากลำโพงบนบอร์ด (Dev Kit: ฟังที่บอร์ดของทีม)

ทั้งหมดนี้เขียนด้วย Python บนบอร์ด ไม่มี LVGL ไม่มี C สักบรรทัด — และวันนี้ผู้เรียนจะได้เขียนเอง