คอร์สอบรม ROS2 Web GUI เป็นคอร์สอบรมที่มีเนื้อให้ในการสอนสร้าง web-based Graphical User Interface เพื่อควบคุมหุ่นยนต์ ROS2 ผ่านอุปกรณ์ภายนอก เช่น laptop , tablet และมือถือ โดยใช้การสื่อสารผ่าน WiFi เชื่อมต่อหุ่นยนต์กับอุปกรณ์ด้วย ROS web bridge
ในการพัฒนาหน้าเว็บไซต์ จะพัฒนาโดยใช้ภาษา Javascript, HTML และ CSS ร่วมกับ ReactJS กับ library RosLibJS โดยจะมีเนื้อหาตัวอย่างตั้งแต่พื้นฐานจนถึงการสร้าง dashboard ควบคุมหุ่นยนต์ดังในคลิป มีการทดสอบทั้งใน simulator และในหุ่นยนต์จริง
Curriculum
- 3 Sections
- 34 Lessons
- Lifetime
Expand all sectionsCollapse all sections
- Preparation6
- Initialization12
- 2.1Explore ReactJS App11 Minutes
- 2.2Text Formatting8 Minutes
- 2.3Bootstrap10 Minutes
- 2.4Class Component: Header15 Minutes
- 2.5React Router Dom: Body19 Minutes
- 2.6Footer6 Minutes
- 2.7React Create Function13 Minutes
- 2.8React State12 Minutes
- 2.9ROS2 Web Bridge Connection34 Minutes
- 2.10Web bridge reconnection18 Minutes
- 2.11ROS2 Web Publisher24 Minutes
- 2.12ROS2 Web Subscriber13 Minutes
- Intermediate ROS2 Web16
- 3.1Simulator Installation5 Minutes
- 3.2Odometry Visualization on Web14 Minutes
- 3.3Joystick Teleoperation29 Minutes
- 3.4Layout Setting10 Minutes
- 3.5Map displaying on Web App23 Minutes
- 3.6Map Manipulation24 Minutes
- 3.7Robot Pose on Map21 Minutes
- 3.8Get Navigation Position by Click on the Map10 Minutes
- 3.9Navigation Console: Yaw Setup17 Minutes
- 3.10Navigation Console: Nav to point32 Minutes
- 3.11Show goal position on the map11 Minutes
- 3.12Navigation Console: Set Named Target11 Minutes
- 3.13Implementation on Real Robot14 Minutes
- 3.14Create Server on Real Robot15 Minutes
- 3.15React Router Fix5 Minutes
- 3.16FInal Code
Requirements
- มีความรู้พื้นฐานเรื่อง ROS2
Features
- สร้าง ROS2 Web Based GUI ด้วย JavaScript
Target audiences
- นักเรียน นักศึกษา
- นักวิจัย
- วิศวกร
- ผู้สนใจทั่วไป