app blynk 2.0

1. เปิดโปรแกรม Blynk 2.0 บน Smart Phone

2. กดปุ่ม Login 

3. ใส่ Username หรือ Email และรหัสผ่านตามที่สมัครไว้ใน Web Blynk   แต่ถ้ายังไม่สมัครก็ย้อนกลับไปสมัครก่อน

4. เมื่อ Login เข้ามาแล้ว จะปรากฎ Template ที่เราได้สมัครไว้ใน Web Blynk สามารถกดเลือก Template ที่ต้องการสร้าง Widget

5. เปิดปุ่มเครื่องมือตามภาพ

6. จะปรากฎหน้า Widgets แต่ตอนนี้จะยังไม่มีเพราะเรายังไม่ได้สร้าง แล้วให้กดปุ่ม + ตามภาพเพื่อเข้าไปสร้าง Widget

7. จะมาหน้า Widgets Box ให้เลือก Widgets  Button 

8. Widgets Button จะแสดงที่หน้าแก้ไข Widgets จากนั้นให้กดเลือก Widgets Button ดังภาพ

9. Button Settings ให้ตั้งค่า Widgets Button โดยเลือก Data Stream  ที่ต้องการตามที่เราได้สร้างไว้ใน Web Blynk

10.  ในตัวอย่างจะเลือก Data Stream คือ Switch1 (V1)

11.   - เมนู ON/OFF/Value คือ การกำหนดให้แสดงตัวหนังสือ ON/OFF

- Mode คือ ต้องการเลือกแบบ Oush หรือ Switch

ในตัวอย่างนี้ให้เลือกดังภาพ

12. เมื่อกดปุ่ม Design ข้างล่างจะแสดงการตั้งค่าที่เกี่ยวกับการออกแบบ Widget ตามที่ต้องการ

13. เมื่อเราตั้งค่าที่เกี่ยวกับการออกแบบ Widget จะแสดงตัวอย่างที่เราแก้ไขข้างบน  

และเมื่อออกแบบเสร็จแล้ว ให้คลิกที่ปุ่ม X ข้างบนเพื่อกลับไปหน้าแก้ไข Widget 

14. ที่หน้าแก้ไข Widget จะแสดง Widget button ที่เราได้ออกแบบไว้ จากนั้นให้เรากดปุ่ม + เพื่อเข้าไปสร้าง Widget  ต่อ

15. กดเลือก Widget LED 

16. จะแสดง Widget LED ที่หน้าแก้ไข Widget  จากนั้นให้กด Widget LED เพื่อเข้าไปตั้งค่า

17. เลือก Data Stream ตารมที่ต้องการ 

18. ในที่นี้ให้เลือก คือ Switch1 (V1)

19. กดปุ่ม Design ข้างล่างเพื่อไปตั้งค่าที่เกี่ยวกับการออกแบบ Widget ตามที่ต้องการ

และเมื่อออกแบบเสร็จแล้ว ให้คลิกที่ปุ่ม X ข้างบนเพื่อกลับไปหน้าแก้ไข Widget 

20. ที่หน้าแก้ไข Widget จะแสดง Widget LED  ที่เราได้ออกแบบไว้  

จากนั้นให้เรากดปุ่ม + เพื่อเข้าไปสร้าง Widget  ต่อ

21. กดเลือก Widget Gauge

22. จะแสดง Widget Gauge ที่หน้าแก้ไข Widget  จากนั้นให้กด Widget Gauge เพื่อเข้าไปตั้งค่า

23. เลือก Data Stream ตามที่ต้องการ 

24. ในที่นี้ให้เลือก คือ Temperature (V5)

25. กดปุ่ม Design ข้างล่างเพื่อไปตั้งค่าที่เกี่ยวกับการออกแบบ Widget  Gauge ตามที่ต้องการ

26. ออกแบบ Widget Gauge ตามที่ต้องการ

และเมื่อออกแบบเสร็จแล้ว ให้คลิกที่ปุ่ม X ข้างบนเพื่อกลับไปหน้าแก้ไข Widget 

27. และเมื่อสร้าง  Widget  เสร็จแล้ว ให้คลิกที่ปุ่ม <- ข้างบนตามภาพ  เพื่อกลับไปหน้าแสดงผลการทำงานของ Widget  

28. หน้าแสดงผลการทำงานของ Widget