บทเรียน 2.2 — แล็บ: ติดตั้ง Twin บน VS Code และเซสชันแรก

เป้าหมาย

เมื่อทำครบ คุณจะ

1. ติดตั้ง Bitstream Studio และผูก workspace กับโปรเจกต์เฟิร์มแวร์หรือแพ็กแล็บ
2. เปิดเซสชันแรกสำเร็จอย่างน้อยหนึ่งเส้นทาง (Simulator หรือ Bitstream) พร้อมสกรีนช็อตหลักฐาน

ก่อนเริ่ม

• อ่านจบ บทเรียน 2.1
• เปิดแผ่นสรุป vscode-twin-setup.md ไว้กรอกระหว่างแล็บ
• ทำได้ด้วยโหมด Simulator (ไม่ต้องมีบอร์ด) หรือใช้บอร์ด TESAIoT PSoC Edge DevKit จริง

ดูของจริงก่อน — เกณฑ์ผ่านของแต่ละบล็อก

ฝึกเติม/แล็บ (1) — Lab A: Install

1. ติดตั้ง VS Code (หรือ Cursor)
2. ติดตั้ง Bitstream Studio — Path A: Marketplace, หรือ Path B: VSIX จาก Hackathon vsix/
3. Reload → Command Palette → Open Bitstream Studio
4. (ถ้าจะใช้โหมดไม่มีบอร์ด) ติดตั้ง Bitstream Simulator ตามคู่มือของชุดที่ใช้
5. ทำขั้นตอน CA/credentials เฉพาะเมื่อ คู่มือรอบนั้นระบุ

ฝึกเติม/แล็บ (2) — Lab B: Workspace bind

1. สร้างหรือเปิดโฟลเดอร์ workspace ตามโครงในบทเรียน
2. วางหรือลิงก์โฟลเดอร์ firmware/ (หรือ clone Hackathon เป็นอ้างอิงเวอร์ชัน)
3. เปิด Bitstream Studio จากหน้าต่าง workspace เดียวกัน
4. จด path โปรเจกต์ + เวอร์ชัน VSIX/HEX ลง setup sheet

ฝึกเติม/แล็บ (3) — Lab C: First live session

ทำอย่างน้อย หนึ่ง เส้นทางให้จบ — แนะนำเริ่ม Simulator ถ้าบอร์ดยังไม่พร้อม

C1 Simulator path — Toolbar → Simulator → Start Simulator / Streaming → Link/Connect → เปิด Sensor Telemetry → แคปหน้าจอ: ค่าขยับ + สถานะ Link

C2 Bitstream path (board) — Flash HEX ที่จับคู่ VSIX → Toolbar → Bitstream · เลือก COM → Link/Connect จน handshake → ยืนยันกราฟ/ค่าจากบอร์ด → แคปหน้าจอ

ฝึกเติม/แล็บ (4) — Lab D: Observe & switch (แนะนำ)

1. ถ้าทำได้ทั้ง Simulator และ Bitstream — สลับโหมดหนึ่งครั้ง แล้วยืนยันว่าข้อมูลเก่าถูกล้าง/ไม่ปะปน
2. เปิด Output / log สั้น ๆ เมื่อมี error แล้วจดข้อความ
3. (ทางเลือก) เปิดหน้า web-app/ จาก Hackathon ตามคู่มือ — ชี้ว่าเป็น Visualization ชั้นนอก แล้วถ่ายภาพหน้าจอของคุณเองเป็นหลักฐาน

เช็กความเข้าใจ — ไล่อาการก่อนขอความช่วยเหลือ

ถ้าติดปัญหา ให้ตอบตัวเองก่อนว่าน่าจะตรงแถวไหน:

1. ไม่เห็นคำสั่ง Open Bitstream Studio — น่าจะเกิดจากอะไร
2. Session / Link ไม่ขึ้น — ควรตรวจอะไรก่อน
3. Simulator ไม่มีค่า — สาเหตุที่พบบ่อยคืออะไร
4. UI โหลดแต่กราฟนิ่ง — ควรตรวจอะไร

ไปต่อ

ก่อนส่งงาน ตรวจกับตัวเองว่ามีครบ:

• [ ] Lab A–C ผ่าน
• [ ] vscode-twin-setup.md กรอกครบ
• [ ] หลักฐานเซสชันแรก (สกรีนช็อต)
• [ ] (แนะนำ) Lab D

พร้อมแล้ว ไปต่อ โมดูล 3 — การสร้างแบบจำลองอุปกรณ์เสมือน

บทเรียนโมดูล 3 →

แหล่งที่มา

"บทเรียน 2.2 — แล็บ: ติดตั้ง Twin บน VS Code และเซสชันแรก" จาก TESA Open Knowledge โดยสมาคมสมองกลฝังตัวไทย
(Thai Embedded Systems Association: TESA) https://github.com/tesaiot/tesa-qualification-program
สัญญาอนุญาต CC BY-NC 4.0

เนื้อหาต้นฉบับโดย ผศ.ดร.สันติ นุราช ภาควิชาวิศวกรรมระบบควบคุมและเครื่องมือวัด คณะวิศวกรรมศาสตร์
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี (KMUTT) (https://github.com/drsanti) ภายใต้การสนับสนุนของสมาคมสมองกลฝังตัวไทย (TESA)
นำเข้าจาก drsanti/TESAIoT-Courses — C2 (commit 287c218) ภายใต้สัญญาอนุญาต CC BY 4.0

ไม่มีภาพจากบุคคลที่สามในสไลด์ชุดนี้