การสร้างโปรเจ็คใหม่ ดาวน์โหลด อัพโหลด

หลังจากที่ได้ทำการล็อกอินเข้าสู่ระบบเรียบร้อยแล้วจะปรากฏหน้าต่างดังภาพ

เพื่อให้ผู้ใช้ทำการสร้างโปรเจ็คขึ้นมาก่อน โดยทำการคลิกเลือกที่ New หลังจากที่คลิกแล้วจะปรากฏหน้าต่างขึ้นมา

ให้เราทำการตั้งชื่อให้กับโปรเจ็คที่เราจะสร้าง ในที่นี้ตั้งชื่อเป็น RC3S

คลิกที่ปุ่ม OK เพื่อยืนยันการสร้างโปรเจ็ค

หลังจากนั้นจะปรากฏรายการของโปรเจ็คที่สร้างขึ้น โดยจะแสดงชื่อ และ วันเวลาที่โปรเจ็คนี้ถูกสร้างขึ้น

ขั้นตอนการอัพโหลดโปรแกรม

การอัพโหลดโปรแกรมใช้ในกรณีที่เรามีไฟล์โปรเจ็ค หรือไฟล์ตัวอย่างที่ถูกสร้างไว้แล้วจากโปรแกรม AppInventor มาทำการดัดแปลง แก้ไข ซึ่งจำเป็นต้องทำการอัพโหลดไฟล์นั้นไปไว้ยังเซิร์ฟเวอร์ของเราก่อน  โดยให้คลิกเลือกไปที่ Upload Source

จากนั้นจะปรากฏหน้าต่างขึ้นมาสำหรับให้เราทำการเลือกไฟล์ที่จะทำการอัพโหลดไปยังเซิร์ฟเวอร์ ดังภาพ

คลิกที่ปุ่มเลือกไฟล์เพื่อทำการเลือกไฟล์โปรเจ็คที่เราต้องการจะอัพโหลด

เลือกตำแหน่งที่อยู่ไฟล์ที่เราเก็บไว้ในเครื่องคอมพิวเตอร์หลังจากนั้นคลิกที่ปุ่ม Open

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

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

หลังจากที่เราได้ทำการอัพโหลดไฟล์เสร็จเรียบร้อย โปรแกรมจะเปลี่ยนหน้าต่างไปยังมุมมองแบบ Design ทันที ซึ่งหน้าต่างนี้ถือเป็นหน้าต่างหลักในการทำงานของโปรแกรม AppInventor  ดังแสดงในภาพ

การลงทะเบียนเข้าใช้งาน AppInventor

พิมพ์  URL    appinventor.mit.edu     คลิกที่ Invent เพื่อเข้าใช้ AppInventor

จะปรากฏหน้าต่างสำหรับลงชื่อเข้าใช้งาน

ใครมีบัญชีผู้ใช้งานของ google อยู่แล้วสามารถลงชื่อเข้าใช้ได้เลย โดยพิมพ์ที่อยู่อีเมลล์และรหัสผ่าน

บัญชีของ google ได้มาจาก การสมัครเข้าใช้งาน email  site.google และ app ต่างๆที่ google ทำขึ้น

สำหรับผู้ที่ยังไม่มีบัญชีผู้ใช้งานของ google ให้คลิกที่สมัครใช้งาน  จากนั้นจะเข้าสู่หน้าต่างการสร้างบัญชี

กรอกรายละเอียดข้อมูล ให้ถูกต้องและครบถ้วน

ในช่องว่าอีเมลล์ของคุณ   ให้กรอกชื่ออีเมลล์ที่อยู่แล้วลงไป  สำหรับผู้ที่ไม่มีอีเมลล์จำเป็นต้องไปสมัครใช้งานอีเมลล์ก่อน ไม่ว่าจะเป็น googlemail  hotmail  yahoo หรืออะไรก็ได้

เมื่อกรอกรายละเอียดเสร็จเรียบร้อยแล้ว คลิกเพื่อสร้างบัญชีใหม่   จะปรากฏหน้าต่างดังภาพ เพื่อแสดงการสร้างบัญญชีเรียบร้อยแล้ว

หลังจากสร้างบัญชีเรียบร้อยแล้ว ต่อไปก็เป็นการยืนยันที่อยู่อีเมลล์ที่เราใช้ในการสมัครเข้าไปที่อีเมลล์ของเรา หลังจากคลิกเพื่อเข้าไปยืนยันอีเมลล์ google

จะปรากฏหน้าต่าง สำหรับกรอกเบอร์โทรศัพท์

ยืนยันการใช้งานด้วยหมายเลขโทรศัพท์  คลิกที่บันทึกและดำเนินการต่อ

ที่หน้าหลักของ appinventor.mit.edu  ให้ลงชื่อเข้าใช้งานด้วยบัญญชีที่เราได้สมัครไว้แล้ว

จะปรากฏหน้าต่างแสดงการขออนุญาตการเข้าถึงบัญชี google ของเรา   ให้คลิกที่อนุญาต

จะเข้าสู่หน้าต่างหลักของ AppInventor ถือเป็นอันเสร็จสิ้นขั้นตอนการสมัครเข้าใช้งาน app inventor 

การตั้งค่าโทรศัพท์ให้สามารถใช้งานร่วมกับ AppInventor ได้

การตั้งค่าโทรศัพท์มือถือเพื่อให้สามารถใช้งานร่วมกับ App Inventor ได้

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

1.  เปิดโทรศัพท์ขึ้นมา

2.  เลือกแทบเมนูการตั้งค่า (Setting) แล้วเลือกไปที่แอพพลิเคชั่น (Application)

3.  คลิกเลือก Unknown sources setting ให้เป็นเครื่องหมายถูก ซึ่งหมายถึงเราสามารถติดตั้งแอพพลิเคชั่นจากแหล่งที่มาอื่นๆได้ โดยไม่จำเป็นต้องติดตั้งผ่าน Google Play 

4.  คลิกเลือกหัวข้อสำหรับนักพัฒนา (Development)

5.  คลิกเครื่องหมายถูกที่หัวข้อ USB debugging และ Stay awake ซึ่งเราจะใช้เป็นช่องทางในการทำงานร่วมกันระหว่างมือถื คอมพิวเตอร์  และ AppInventor

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

·       USB Connected  หมายถึง โทรศัพท์ของเราได้ทำการเชื่อมต่ออยู่กับคอมพิวเตอร์

·       USB Debugging Connected  ทำให้ AppInventor สามารถจำลองการทำงานบนโทรศัพท์มือถือได้

เช่นเดียวกันกับการทำงานบนคอมพิวเตอร์ และเป็นช่องทางการดาวน์โหลดและติดตั้งโปรแกรมด้วย

เริ่มต้นการใช้งาน app inventor

               ในปัจจุบันโทรศัพท์เคลื่อนที่และแท็บเลตระบบปฏิบัติกรแอนดรอยด์นั้นมีจำนวนมาก หลายหลายรุ่น หลายยี่ห้อ ให้เลือกใช้งาน และคาดว่าในอนาคตจะมีการใช้งานกันมากขึ้นเรื่อยๆ ซึ่งเป็นผลให้นักพัฒนาแอพพลิเคชั่นจำเป็นต้องพัฒนาแอพพลิเคชั่นเพื่อให้สามารถตอบสนองความต้องการของผู้ใช้ได้ แต่เนื่องจากแอพพลิเคชั่นบนระบบปฏิบัติการแอนดรอยด์นั้นถูกพัฒนาขึ้นด้วยโปรแกรมภาษาจาวา ซึ่งเป็นเรื่องยากสำหรับนักพัฒนาแอพพลิเคชั่นมือใหม่ ที่อยากจะเรียนรู้เกี่ยวกับเรื่องของการเขียนโปรแกรม App Inventor เป็นเครื่องมือตัวหนึ่งที่ใช้ในการพัฒนาแอพพลิเคชั่นบนมือถือระบบปฏิบัติการแอนดรอยด์  ซึ่งถูกออกแบบและพัฒนาโดยเริ่มต้นจากทีมงานของกูกเกิล และปัจจุบันอยู่ในการควบคุมดูแลของสถาบัน MIT (Massachusetts Institute of Technology) AppInventor ออกแบบมาเพื่อให้ง่ายต่อการใช้งาน โดยอาศัยหลักการทำงานผ่านระบบเครือข่ายอินเตอร์เนตเป็นหลัก ซึ่งใช้เว็บบราวเซอร์ในการทำงานร่วมกับเว็บเซิฟเวอร์ แอพพลิเคชั่นที่ถูกพัฒนาจะถูกจัดเก็บไว้ในเครื่องคอมพิวเตอร์เซิฟเวอร์ ซึ่งเวลาที่เราเรียกใช้งาน จะต้องเข้าไปที่เว็บไซด์ appinventor.mit.edu/ เพื่อที่จะนำแอพพลิเคชั่นที่สร้างขึ้นมาแก้ไข และพัฒนาต่อได้ ถือเป็นอีกหนึ่งแนวทางในการพัฒนาแอพพลิเคชั่นบนมือถือรูปแบบใหม่ ที่น่าสนใจ และใช้เป็นพื้นฐานในการพัฒนาแอพพลิเคชั่นขั้นสูงต่อไป

การตั้งค่าและการติดตั้งโปรแกรมเพื่อใช้งาน  AppInventor

ก่อนอื่นให้เราเข้าไปที่  http://www.appinventor.mit.edu/    เป็นเว็บไซด์หลักในการเข้าใช้งานโปรแกรม  และดาวน์โหลดโปรแกรมสำหรับติดตั้งลงบนคอมพิวเตอร์

เราสามารถเข้าไปดาวน์โหลดไฟล์โปรแกรมได้ฟรี โดยคลิกไปที่ Explore     http://explore.appinventor.mit.edu/learn   

หลังจากนั้นคลิกเลือกไปที่แถบเมนู  Learn  แล้วคลิกเลือกที่หัวข้อ Setup

คอมพิวเตอร์และระบบปฏิบัติการที่ใช้

Macintosh (with Intel processor): Mac OS X 10.5, 10.6

Windows: Windows XP, Windows Vista, Windows 7

GNU/Linux: Ubuntu 8+, Debian 5+

โปรแกรมประเภทเว็บบราวเซอร์ต่างๆ

Mozilla Firefox 3.6 หรือ สูงกว่า

Apple Safari 5.0 หรือ สูงกว่า

Google Chrome 4.0 หรือ สูงกว่า

Microsoft Internet Explorer 7 หรือ สูงกว่า

*****แนะนำให้ผู้ใช้ดาวน์โหลดโปรแกรมเว็บบราวเซอร์ที่เวอร์ชั่นล่าสุดในปัจจุบัน

หลังจากได้เตรียมการเสร็จเรียบร้อยแล้ว  ขั้นตอนต่อไปเป็นขั้นตอนการติดตั้งโปรแกรม AppInventor  ที่บริเวณตำแหน่งด้านล่างของเพจ  http://explore.appinventor.mit.edu/content/setup   จะบอกถึงขั้นตอนการติดตั้งโปรแกรม AppInventor ที่สามารถทำงานได้บนระบบปฏิบัติการต่างๆ ไมว่าจะเป็น Mac OS, Linux และ Windows โดยในที่นี้ผมจะขออธิบายเฉพาะการติดตั้งโปรแกรมบนระบบปฏิบัติการ Windows โดยคลิกเลือกไปที่ Instructions for Windows

คลิกเพื่อดาวน์โหลดโปรแกรมเพื่อใช้ในการติดตั้ง  

หลังจากดาวน์โหลดเสร็จเรียบร้อย จะได้ไฟล์ชื่อว่า AppInventor_Setup_Installer_v_1_2.exe   

คลิก Next>

คลิก I Agree เพื่อยอมรับข้อตกลงในการเข้าใช้งานโปรแกรม AppInventor

เลือกตำแหน่งสำหรับติดตั้งโปรแกรม แนะนำให้เป็นตำแหน่งปกติที่โปรแกรมตั้งไว้ให้

คลิกที่ปุ่ม Install เพื่อทำการติดตั้งโปรแกรม

การติดตั้งโปแกรม AppInventor อาจจะต้องใช้เวลาระยะหนึ่ง ขึ้นอยู่กับความแรงของเครื่องคอมพิวเตอร์ด้วย 

หลังจากโปรแกรมทำการติดตั้งเสร็จเรียบร้อยแล้วจะปรากฏหน้าต่างดังภาพ  ให้คลิกที่ Finish เพื่อเสร็จสิ้นกระบวนการติดตั้งโปรแกรม

VDO สอนการติดตั้งโปรแกรม

บทความหน้าจะกล่าวถึงเนื้อหาของการเริ่มต้นการใช้งานโปรแกรม AppInventor