Featured

วิธีฝากไฟล์รูปไว้ที่ Google Drive แล้วดึงมาใช้ใน Blog

การแทรกรูปใน Blog จะไม่สามารถอัปโหลดไฟล์เข้าสู่ Server ของ HCI Lab ได้โดยตรง โดยจะต้องทำการฝากไฟล์ไว้กับ Google Drive แล้วดึงรูปภาพเข้ามาแสดงผลใน Blog

ขั้นตอนที่ 1 : อัปโหลดและตั้งค่าสิทธิ์การเข้าถึง (Upload and Set Permissions)

  • Upload : ลากไฟล์ไปยัง GDrive ใน Directory ที่ต้องการ
  • Share : คลิกขวาที่ไฟล์ เลือก Share > Share
  • Access : ที่หัวข้อ General access เลือก Anyone with the link และปรับ Role เป็น View
  • Copy : คลิกที่ Copy link จากนั้นกด Done

ขั้นตอนที่ 2 : ดึง File ID เพื่อเตรียมสร้าง Direct URL

ในขั้นตอนที่ 1 หลังจาก Copy link แล้วจะได้ URL หน้าตารูปแบบประมาณนี้

https://drive.google.com/file/d/1234ABCDEFG56789/view?usp=sharing

จากนั้นให้ทำการหาค่า File ID จาก URL ดังกล่าว โดย File ID จะอยู่ระหว่าง /d/ และ /view จะได้ว่า File ID = 1234ABCDEFG56789 (ตัวอย่าง)

ขั้นตอนที่ 3 : เลือกใช้รูปแบบ Direct Link ที่ต้องการ

วิธีการแทรกรูปใน Blog ให้เลือก Blocks ชื่อ Image จากหมวด MEDIA ดังรูปจากนั้นจากลงไปยังตำแหน่งที่ต้องการแล้วคลิกเลือก

จากนั้นจากลงไปยังตำแหน่งที่ต้องการแล้วคลิกเลือก Insert from URL ดังรูป

ใส่ URL ของรูปที่ได้ทำการอัปโหลดไว้ที่ GDrive โดยรูปแบบของ URL มี 2 รูปแบบดังนี้

รูปแบบที่ 1

รูปแบบของ URL ในรูปแบบที่ 2 จะมีรูปแบบดังนี้

https://lh3.googleusercontent.com/d/File ID

จากตัวอย่างเมื่อนำ File ID มาใส้จะได้ผลลัพธ์ดังนี้

https://lh3.googleusercontent.com/d/=1234ABCDEFG56789

รูปแบบที่ 2

รูปแบบของ URL ในรูปแบบที่ 1 จะมีรูปแบบดังนี้

https://drive.google.com/uc?export=view&id=File ID

จากตัวอย่างเมื่อนำ File ID มาใส้จะได้ผลลัพธ์ดังนี้

https://drive.google.com/uc?export=view&id=1234ABCDEFG56789

ตัวอย่างการแทรกรูปจาก Google Drive

Link ที่แชร์จาก Google Drive (https://drive.google.com/file/d/19C_s8R6nFQ742zKBII8WdFsSJT4PPdvo/view?usp=sharing) เมื่อนำมาปรับให้เป็น Direct Link ตามรูปแบบที่ 1 จะได้ผลดังนี้

https://lh3.googleusercontent.com/d/19C_s8R6nFQ742zKBII8WdFsSJT4PPdvo

ตัวอย่างการแทรกคลิป Video

ยังไม่รองรับ Link ไฟล์ Video ที่แชร์จาก GDrive แบบรูปภาพในข้างต้นแต่ยังสามารถแทรกคลิปจาก Youtube ได้ปกติ

การใช้ YouTube Embed ได้ผลดังนี้

การใช้ Embed ได้ผลดังนี้

FRA631 Foundataion of Robotics Class Project 68340700410 พัฒนรัตน์ จีดจีน

หน้าที่ : ควบคุม stepper motor โดยใช้ MKSSERVO42/57D ผ่าน CAN Protocal, ทำ closed loop stepper motor control และ wiring 1. การเรียนรู้ด้าน closed loop stepper motor control ในส่วนนี้คือการทำ closed loop stepper control เพื่อควบคุมความเร็วขึ้นมาเองโดยใช้ AS5600 และ TB6600 ซึ่งไม่ได้ลงลึกถึง …

FRA631 Foundation of Robotics Class project 68340700413 อิทธิวัตร รัตตกูล

ส่วนรับผิดชอบ: System Integration, UX/UI, Database, Digital Twin, Support Vision For Safety และ Robot Assemblyผู้จัดทำ: นาย อิทธิวัตร รัตตกูล จากการทำงานในโครงงาน FIBO ROBOT CAFE หน้าที่หลักของผมคือการทำ System Integration เพื่อรวมระบบย่อยต่างๆ ทั้งฮาร์ดแวร์ ซอฟต์แวร์ การควบคุม และ AI เข้าด้วยกันให้ระบบทำงานได้จริง กระบวนการทำงานในส่วนนี้ทำให้ผมได้เรียนรู้และพัฒนาทักษะใหม่ๆ ในหลายด้าน ดังนี้ 1. …

FRA631 Foundation of Robotics Class project 68340700401 วัฒนชัย ผาคำ

สรุปสิ่งที่ได้เรียนรู้ระหว่างการทำ Class project ในตอนเริ่มแรกที่จะทำหุ่นยนต์ตัวนี้ยัง ในส่วนตัวผมยังไม่มีความรู้เรื่องระบบเกียร์ที่ใช้ในหุ่นยนต์มากแล้วก็แบบ 3d ในชิ้นส่วน mechanic ต่างๆของหุ่นยนต์ ส่วนใหญ่ที่ผมรู้จะเป็นพวกที่เกี่ยวกับ motor และ วิธีการ Drive โดยเกียร์ที่ใช้ในหุ่นของเราจะมีอยู่ 4 ชนิด คือ ก็ได้ไปค้นคว้าดูว่ามันต่างกันยังไง ไปเจอเว็บ https://howtomechatronics.com/how-it-works/what-is-the-best-3d-printed-drive-for-your-next-robotic-project/ ที่เขาทำการทดสอบจริงกับ Gear ที่ปริ้นมาจาก 3D print โดยการเลือกใช้กับหุ่นยนต์ของเรานั้นอาจจะไม่ได้คำนึงถึงผลของ torque เพียงอย่างเดียวต้องดูในเรื่องของน้ำหนัก และ พื้นที่ในการติดตั้งด้วยโดยจะเห็นได้ว่าส่วนที่เป็นฐานสามารถใช้เกียร์ที่มีน้ำหนักเยอะได้ และส่วนที่เป็น arm ยื่นออกไปจะใช้เกียร์ที่มีน้ำหนักเบาเพื่อให้หุนยนต์สามารถรับแรงจากโหลดที่ต้องการได้ แล้วก็ยังทำให้เข้าใจส่วนประกอบจริงๆของเกียร์จุดที่ส่งผ่านแรงต่างซึ่งสามารถนำไปใช้ต่อยอดในการออกแบบหุ่นยนต์อื่นโดยดึงจุดเด่นของแต่ละเกียร์มาใช้ได้ …

FRA631 Foundation of Robotics Class project 68340700411 แพร่พร้อมพงศ์ ยานะวิน

จากโพสต์ FIBO ROBOT CAFE ผมจะมารีวิวและสรุปความรู้ที่ได้จากการทำโปรเจกต์ FIBO ROBOT CAFE ซึ่งเป็นการนำความรู้จากวิชา Foundation of Robotics (FRA631) และเรื่อง Human-Robot Interaction (HRI) มาประยุกต์ใช้จริงครับในโปรเจกต์นี้ ผมได้รับผิดชอบหลักในส่วนของ โครงสร้างทางกล (Mechanics) และการออกแบบระบบ โดยมี 3 ประเด็นหลักที่ผมได้เรียนรู้ ดังนี้ครับ 1. งาน Hardware และกลไกการขับเคลื่อน (Robotics Integration) 2. การออกแบบ 3D …

FRA631 Foundation of Robotics Class project 68340700403 ตวัน ทองศุภโชค

Kinematics แขนกลที่ใช้สำหรับคลาสโปรเจคนี้คือ โมเดลสำเร็จรูปของ Arctos robotics เนื่องจากมีการส่งกำลังหลายรูปแบบจึงเหมาะสมแก่การป็นสื่อการเรียนรู้ ขนาดของระยะแต่ละข้อต่ออ้างอิงจาก Datasheet และ URDF file ของหุ่นยนต์ arctos ตัวหุ่นจะสามารถเคลื่อนที่ได้ทั้งแบบ joint space และ task space สามารถกำหนดจุดให้เคลื่อนที่ไปตามจุดๆนั้นและการกำหนดให้เคลื่อนที่ในแกนใดแกนหนึ่ง(jog) และการกำหนดจุดในการเคลื่อนที่แบบ task space เมื่อมีการตรวจพบว่าเส้นทางตัดกับพื้นที่ของฐานจะมีการสร้างทางอ้อมดังรูป Joint space move Task space move เป็นการเคลื่อนที่โดยอิงจากตำแหน่งมุมของข้อต่อหรือมอเตอร์เป็นหลัก เช่นข้อต่อที่1 เคลื่อนจาก0ไปที่100 องศา ทำให้เราสามารถสั่งมอเตอร์และใช้ …

FRA500: Human-Robotics Interface Class Project [VR Robot Cockpit]

VR Robot Cockpit VR Robot Cockpit เป็นระบบควบคุมหุ่นยนต์ผ่าน Virtual Reality (VR) ที่ออกแบบในรูปแบบ “Cockpit Interface” โดยได้รับแรงบันดาลใจจากอนิเมชันเรื่อง Gundam Build Fighters ระบบนี้มุ่งเน้นการสร้างประสบการณ์ควบคุมแบบ immersive พร้อมทั้งรองรับการแสดงผลข้อมูลของหุ่นยนต์แบบ real-time เช่น ภาพจากกล้อง, ข้อมูลเซนเซอร์ และสถานะการทำงาน ผ่านสภาพแวดล้อมเสมือนจริง ภายในระบบ ผู้ใช้งานสามารถควบคุมหุ่นยนต์ Hiwonder JetRover ได้โดยตรงผ่าน VR Controller ที่เชื่อมต่อกับระบบหุ่นยนต์ผ่าน ROS2 …

FRA500 : Human-Robotics Interface Class Project [ Put Your Hand Sign! ]

**ผู้จัดทำ:** 1. นายธเนศพล หีบแก้ว (65340500027) 2. นายชยากร ชื่นประเสริฐ (66340500012) 1. ที่มาและแนวคิดของโปรเจค (Project Background and Concept) โปรเจคนี้เริ่มต้นจากการที่เราอยากลองทำเกมที่ใช้เงามือเป็นคอนเซปหลัก โดยตั้งชื่อว่า **”Put Your Hand Sign!”** แนวคิดคือ การทำมือให้เกิดเงาแบบต่างๆ ตามโจทย์ที่ปรากฏบนหน้าจอ โดยมีเป้าหมายเพื่อให้ระบบ Computer Vision ตรวจจับและตรวจความถูกต้องของเงาได้รวดเร็ว จนสามารถนำมาแข่งกันได้ว่าใครทำตามโจทย์ได้เร็วกว่ากัน 2. รูปแบบการเล่นและกติกา (Gameplay and Rules) ตัวเกมถูกออกแบบมาให้เป็นการแข่งขันระหว่างผู้เล่น …

FIBO ROBOT CAFE

1. ที่มาและความสำคัญ แนวคิดของหุ่นยนต์บริการภายในโครงการนี้ได้รับการต่อยอดจากงานวิจัยและระบบร้านกาแฟอัจฉริยะที่มีการประยุกต์ใช้เทคโนโลยีหุ่นยนต์ในงานบริการ รวมถึงแนวคิดด้าน Human-Robot Collaboration และ Smart Service System ร่วมกับแพลตฟอร์มบริการร้านกาแฟอัตโนมัติ เช่น CafeX อีกทั้งยังได้รับแรงบันดาลใจจากแนวคิด Avatar Robot สำหรับผู้พิการ ซึ่งมุ่งเน้นการใช้เทคโนโลยีหุ่นยนต์เพื่อช่วยลดข้อจำกัดทางด้านร่างกายและเพิ่มโอกาสในการมีส่วนร่วมทางสังคม จึงนำมาสู่การพัฒนาโครงการนี้ในรูปแบบของ “หุ่นยนต์ผู้ช่วย” ที่สามารถทำงานร่วมกับมนุษย์ได้ในสภาพแวดล้อมจริง ภายใต้แนวคิดการเข้าถึงได้ ความปลอดภัย และความเท่าเทียมในการทำงาน 1. วัตถุประสงค์ของโครงการ (Objectives) วัตถุประสงค์หลักแบ่งออกเป็น 3 ด้านสำคัญ ดังนี้ 2. ขอบเขตของโครงการ (Scope) ขอบเขตการพัฒนาครอบคลุม …

Robot Arm Web UI FIBO ROBOT CAFE

ระบบ Robot Arm Web UI เป็นแพลตฟอร์มการควบคุมหุ่นยนต์ที่ถูกออกแบบมาเพื่อเชื่อมประสานช่องว่างระหว่างฮาร์ดแวร์กลไกกับผู้ใช้งานทั่วไป การทำงานเริ่มจากการรับส่งคำสั่งผ่านเครือข่าย ROS ที่มีเสถียรภาพ นำมาแสดงผลเป็น 3D Digital Twin ควบคู่กับการใช้ AI ประมวลผลจากภาพกล้องเพื่อความปลอดภัย ทั้งยังมีระบบฐานข้อมูลและ Simulation ที่ช่วยให้การวางแผนงาน (Task Planning) เป็นเรื่องง่ายและปลอดภัย ระบบนี้สะท้อนภาพลักษณ์ของเทคโนโลยีอุตสาหกรรมยุค 4.0 ที่เน้นความยืดหยุ่น ความปลอดภัย และประสิทธิภาพในระดับวิศวกรรม โดยมีรายละเอียดการพัฒนา ดังนี้ Closed Loop Stepper Control User Interface …

Safety vision FIBO ROBOT CAFE

จะใช้กล้อง Web camera สองตัวยี่ห้อ Fanteach รุ่น LuminousC50 2 ตัว กล้องทั้งสองส่องไปที่หุ่นปรับตั้งให้เห็นทั้งคน และ หุ่น โดย Setup ที่ใช้มีดังนี้ -กล้องซ้าย อยู่ที่ความสูง 1.74 เมตร ทำมุม 290 องศากับระนาบของหุ่น -กล้องขวา อยู่ที่ความสูง 1.79 เมตรทำมุม 110 องศากับระนาบของหุ่น -ระยะห่างระหว่าง 2 กล้อง(วัดจากจุดศูนย์กลางของกล้องทั้งสองตัวเทียบกัน) 1.95 เมตร -ค่าความสว่างวัดจากพื้นขึ้นมา 0.74 …