เขียน Arduino ออนไลน์ ด้วย codebender.cc

arduino - codebender.cc

ทุกวันนี้เราๆท่านๆ อาจจะเจอปัญหาว่าหากทำโปรเจคกับคอมเครื่องหนึ่ง จะย้ายไปทำกับคอมอีกเครื่องหนึ่ง ก็จะต้องติดตั้งซอฟแวร์ ลงโปรแกรม ลงไดร์เวอร์ และต้องมีการนำไฟล์ใส่แฟลชไดรฟ์เพื่อนำไปเปิดกับคอมเครื่องอื่นอีก แล้วหากคอมเครื่องนั้นเกิดติดไวรัสขึ้นมา งานที่แสนรักของท่านก็อาจจะสูญหายไปอย่างง่ายดาย

วันนี้ผมจึงจะมาแนะนำเว็บไซต์ที่ช่วยให้การเขียน Arduino ง่ายดายมากยิ่งขึ้น สามารถใช้ได้กับทุกระบบปฎิบัติการ ทั้ง Windows Mac และ Google Chrome OS ทำให้ท่านไม่จำเป็นต้องนำไฟล์โปรเจคใส่ลงไปในแฟลชไดรฟ์ทุกครั้งที่ต้องย้ายไปใช้เครื่องอื่นแทน เว็บนั้นมีชื่อว่า codebender.cc

สมัครสมาชิก ขั้นตอนแรกเขียน Arduino ออนไลน์

เข้าไปที่ลิ้ง https://codebender.cc/register/ แล้วกรอกข้อมูลดังนี้

  • Username – ชื่อผู้ใช้งาน ใช้สำหรับเข้าสู่ระบบ
  • Email – กรอกที่อยู่อีเมบ์แอดเดรส
  • Type a password – ตั้งรหัสผ่าน
  • Repeat password – กรอกรหัสผ่านอีกครั้ง (ต้องตรงกับช่อง Type a password)

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

กดปุ่ม Confirm Account ในเมล์ที่ได้รับ

เมื่อกดปุ่มแล้ว สุดท้ายระบบจะพามาหน้าหลัก แล้วแสดงข้อความ Getting Started. เป็นอันว่าการสมัครสมาชิกเสร็จสมบูรณ์

ติดตั้งโปรแกรมเล็กน้อย

เนื่องจากเทคโนโลยี่เว็บ ไม่ได้ออกแบบมาเพื่อการควบคุมฮาร์แวร์ ดังนั้นเราจึงต้องลงปลักอินเสริมของเว็บเบราว์เซอร์ และไดร์เวอร์ เพื่อให้สามารถควบคุม Arduino บนเว็บได้

เพื่อไม่ให้ใช้เวลาไปเปล่าๆ โหลดไฟล์ที่ลิ้ง https://codebender.cc/drivers/windows-driver-installer.zip เก็บไว้ ไฟล์นี้จะใช้ในขั้นตอนที่ 3 ระหว่างรอโหลดก็ทำตามขั้นตอนได้เลย

กดปุ่ม Get me there หรือเข้าไปที่ลิ้ง https://codebender.cc/static/walkthrough/page/1 หน้าเพจจะแสดงขั้นตอนที่เราต้องทำต่อไป คลิกที่ปุ่ม Let’s Go! เพื่อไปขั้นตอนถัดไป

ในขั้นตอนต่อมา จะมีข้อความขึ้นว่า Searching for plugin แล้วรอจนกว่าจะมีข้อความขึ้นให้เรากดเพิ่มส่วนเสริมของเว็บเบราว์เซอร์ ตัวอย่างนี้ผมใช้ Google Chrome กดที่ลิ้ง Add to Chrome. แล้วกด เพิ่ม

มาถึงขั้นตอนที่ 3 แล้ว หากยังโหลดในลิ้งที่ให้โหลดตั้งแต่ก่อนเริ่มขั้นตอนยังไม่เสร็จก็จำเป็นต้องรอไปก่อน หากยังไม่ได้โหลด ก็คลิกที่ปุ่ม Download Drivers แล้วรอดาว์โหลด

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

7-5-2558 23-46-50

เมื่อติดตั้งเสร็จแล้วจะมีข้อความแจ้งประมาณนี้ เป็นอันเสร็จสมบูรณ์ กด OK ได้เลย ถ้าเด้งอะไรมาก็ปิดไปได้เลย

กลับมาที่หน้าเดิมที่เปิดค้างไว้ หน้าเพจก็จะมาหน้าของขั้นตอนที่ 4 อัตโนมัติ มาถึงหน้านี้ก็ต้องเลือกชนิดของบอร์ด และพอร์ต ตัวอย่างเลือก Arduino Uno และเลือกพอร์ตในบรรทัดถัดมา เมื่อเลือกครบแล้วลองกดปุ่ม Run on Arduino ดูได้เลย

เมื่อกดปุ่ม Run on Arduino ก็จะมีตัวโหลดหมุนๆอยู่ซักครู่หนึ่ง แล้วจะพามาหน้าขั้นตอนที่ 5 เป็นอันเสร็จสิ้นการติดตั้งโปรแกรมต่างๆเรียบร้อยแล้ว พร้อมสำหรับการเริ่มโปรเจคแรกยอดนิยมตลอดกาล Blink

ลองสร้างโปรเจคแรก Blink

หากยังไม่อยู่หน้าหลัก กด Logo codebender มุมบนซ้าย ก็จะกลับมาหน้าหลักได้ จากนั้นกดปุ่ม Create sketch แล้วรอหมุนๆซักครู่หนึ่ง

ก็จะแสดงลักษณะเป็นกล่อง Editor ขึ้นมาแล้วครับ เราก็พิมพ์โค้ดอะไรก็ได้ลงไปได้เลย

กดตรงคำว่า Untitled_Project ด้านซ้ายที่อยู่คู่กับไอค่อนลูกโลก ก็จะมีเป็นกล่องข้อความขึ้นมาแทนที่ เพื่อให้เราแก้ชื่อโปรเจคได้ทันที พอแก้เสร็จแล้วก็กด Enter บนคีย์บอร์ด

8-5-2558 0-09-51

เรียงตามหมายเลขแล้ว ตัวเลือก และปุ่ม มีรายละเอียดดังนี้

  1. เลือกบอร์ดที่ต้องการโปรแกรม
  2. เลือกพอร์ตที่ต้องการโปรแกรม
  3. กดปุ่มนี้ เพื่อทดสอบว่าโค้ดพิมพ์ถูกหรือไม่ รันได้หรือเปล่า
  4. เบิร์นโค้ดลงบอร์ด

 

ใน Editor ก๊อบโค้ดนี้ลงไป

// Elec-Za.com Blink Ex.

int led = 13;

void setup() {
 pinMode(led, OUTPUT);
}

void loop() {
 digitalWrite(led, HIGH);
 delay(1000);
 digitalWrite(led, LOW);
 delay(1000);
}

กดปุ่ม Run on Arduino จะขึ้นแท๊ปโหลดขึ้นมา
เมื่อเสร็จแล้ว จะขึ้นข้อความแจ้ง Upload successful! ขึ้นมาบอก

 

อย่าลืมกดปุ่ม Save หรือคีย์ลัด Ctrl + s บ่อยๆนะครับ ถ้าไฟดับ ที่เราพิมพ์มาก็หายได้เหมือนกัน

เปรียบเทียบข้อดี – ข้อเสีย

ข้อดีของการใช้ codebender.cc

  • นำโค้ดไปได้ในทุกๆที่
  • โปรแกรมที่จะต้องติดตั้งมีขนาดเล็กกว่ามาก และติดตั้งเร็วกว่ามาก
  • มีอธิบายอย่างละเอียดในทุกขั้นตอน
  • นำไปใช้บน OS ใดๆก็ได้
  • ใช้งานได้ฟรี

ข้อเสียของการใช้ codebender.cc

  • การใช้งานบน Arduino IDE สามารถเรียกตัวอย่างออกมาได้เลย แต่ใน codebender.cc ต้องกดไปหลายหน้ากว่าจะได้ที่ต้องการ
  • เน็ตไม่มี ก็ไม่สามารถใช้งานได้
  • หากเน็ตช้า การอัพเดทไลบารี่ก็ช้าไปด้วย

 

รวมๆแล้วก็ประมาณนี้ครับ codebender.cc ค่อนข้างทำหน้าตาออกมาไม่ค่อยดีเท่าไหร่ แต่ก็ทำให้ชีวิตสะดวกขึ้นครับ 🙂

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *