วิชา การพัฒนาโปรเกรมประยุกต์บนอุปกรณ์พกพา 1

ใบงานที่ 3 สรุปความรู้เกี่ยวกับ  MIT App Inventor 2 โปรแกรมนี้จะสร้าง Project  ใหม่อยู่เสมอ เริ่มต้นด้วย 1.New Project ขึ้นมาใหม่ 2.หลังจากนั้นจะปรากฏกล่องข้อความให้เรากรอกชื่อ Project ที่เราจะสร้างชิ้นงานใหม่ ที่ Project name จากหน้า Screen จะประกอบด้วยเครื่งมือดังนี้ 1.Button 2.TextBox 3.TinyDB 4.TinyWebDB 5.Notifier 6.SpeechRecognizer 7.TextToSpeech จากนั้นนำอุปกรณ์ที่แนะนำขั้นต้นมาวางที่ Screen จากนั้นนำ Button และ Label มาวางดังรูป แล้วเปลี่ยนโหมดการเขียนโปรแกรมไปที่ Block หลังจากนั้น เป็นการเขียนโปรแกรมบน Blocks 4. หน้าตาของโค้ดเมื่อทำการเขียนเรีบร้อย จากนั้นทำการทดลองแอปพลิเคชั่น ด้วยการ Build  ทำการสแกนแล้วดาวน์โหลดแอปพลิเคชั่น จากนั้นทดลองใช้ ทดลองกรอกข้อความลงใน Textbox  เมื่อกดปุ่ม text for Button1 จะมี PopUp แสดงขึ้นมา เมื่อกดปุ่ม text for Button2 จะเก็บข้อความไว้ที่ tinywebDB เมื่อกดปุ่ม กดพูด จะมีเสียงพูดตามที่เราพิมพ์ เมื่...

ใบงานที่ 2 การประยุกต์ใช้Web viewer และ BarcodeScanner การประยุกต์ใช้ Web viewer และ BarcodeScanner ดังนี้ 1.  เมื่อเรา เข้าเว็บไซต์ ai2appinventor แล้วให้ทำการ New Project ขึ้นมาใหม่ 2. เมื่อทำการ New Project แล้วให้ตั้งชื่อตามที่ต้องการ แต่ควรจะสื่อความหมายในสิ่งที่เรากำลังจะทำ เช่นในครั้งนี้เราจะทำแอปพิเคชั่นเกี่ยวกับการสแกนบาร์โค้ด ก็ควรตั้งให้ใกล้เคียงที่สุด เช่น BarcodeScanner Scanner เป็นต้น 3.เมื่อเราสร้าง New Project ขึ้นใหม่เสร็จเรียบร้อยแล้วจะขึ้นหน้า Screen 1 เราสามารถที่จะเปลี่ยนชื่อในจุดนี้ได้ตามที่เราต้องการ จากนั้นให้เราลาก Button และ Label มาวางไว้ที่ Screen 1  แล้วปรับการจัดวางให้เหมาะสมสวยงาม แล้วเปลี่ยนชื่อ Button การเปลี่ยนชื่อ Button                                 4.  ที่แถบเครื่องมือ เลือกที่ Sensors แล้วลาก BarcodeScanner มาวางไว้ที่ Screen 1 เมื่อนำเครื่องมือมาวางครบที่ต้องการแล้ว ที่หน้าจอ Screen1 จะมี 1 Button กับอีก 1 Label...

      App Inventor จะเป็นเหมือนเครื่องมือที่ช่วยในการสร้าง Application บนมือถึอที่ใช้ระบบปฏิบัติการ Android โดยที่เราไม่จำเป็นที่จะต้องรู้ โค้ดที่ใช้ในการเขียนโปรแกรม  ตัวเครื่องมือหรือ App Inventor จะมี บล๊อก ที่รวบรวมคำสั่งต่างๆ เอาไว้ เราก็เพียงแค่ลากบล๊อกเหล่านั้นมาเชื่อมต่อกัน ตามการทำงานที่เราได้ออกแบบไว้ อาจจะเข้าใจยากสักหน่อยสำหรับผู้เริ่มต้นนะครับ แต่เมื่อได้อ่านบทความที่จะเขียนไปเรื่อยๆ ก็จะเข้าใจได้เอง ก่อนที่เราจะสามารถใช้ App Inventor ได้นั้น เราจะต้องมีบัญชีของ Google ก่อน การสมัครบัญชีของ Google เข้าไปที่เว็บไซต์ http://www.google.co.th กดลงชื่อเข้าสู่ระบบ ด้านขวามือ จากนั้นกดสมัครใช้งาน กรอกข้อมูลของเราลงไป เมื่อเสร็จขั้นตอนนี้เราก็จะมีบัญชีของ Google ไว้ใช้งานแล้วขั้นตอนต่อไป คือ เข้าเว็บไซต์ http://ai2.appinventor.mit.edu/ ลงชื่อเข้าใช้ จะได้หน้าจอดังภาพข้างล่าง กด new project เพื่อทำการสร้างโปรเจคใหม่ ส่วนของการหน้าจอการออกแบบ ส่วนของการจัดการ Blocks ตัวอย่าง การเขียนโปรแกรม หน้า Designer เป็นส่วนของออกแบบหน้าจอ ...