การตั้งค่าและเครื่องมือ App Inventor

ข้อควรรู้ในการใช้งาน App Inventor

• เว็บไซต์ในการเริ่มต้นใช้งาน www.appinventor.mit.edu

• สามารถบันทึกไฟล์งาน เป็นภาษาอังกฤษเท่านั้น

• เป็นโปรแกรมที่สามารถพัฒนาได้บนระบบปฏิบัติการ Andriod

• ข้อมูลในโปรแกรมจะเชื่อมต่อกับ อีเมลล์ที่ใช้ Login

เครื่องมือ App Inventor

​ในหน้าแรกของการเริ่มใช้งานเราจะพบกับเมนูหลักของโปรแกรมโดยจะทำการเริ่มต้น ที่

• MY projects เพื่อดูไฟล์งานต่างๆ

• Start new project เพื่อเริ่มต้นชิ้นงานใหม่

• Import project เพื่อดึงไฟล์งานมาแก้ไข

• Export project เพื่อบันทึกไฟล์งานลงในเครื่อง

เครื่องมือ App Inventor

คำสั่งสำหรับการทดสอบรันโปรแกรมในมือถือก่อนการบันทึกงาน ผ่านแอป Mit ai2

คำสั่งสำหรับการบันทึกไฟล์เพื่อไป ติดตั้งในมือถือเพื่อใช้งาน ไม่สามารถแก้ไขได้

Multiple Choice

โปรแกรม App Inventor ไม่สามารถใช้งานกับโทรศัพท์รุ่นไหน

Fill in the Blanks

ให้นักเรียนพิมพ์ชื่อ เว็บไซต์เข้าใช้งาน App Inventor

Multiple Choice

ถ้านักเรียนต้องการทดสอบการรันโปรแกรม ต้องเลือกที่เมนูใด

• Project

• Connect

• Build

• Setting

​การตั้งค่า Screen

ถ้าต้องการให้เนื้อหาอยู่ตรงการ ให้กำหนด เป็น Center

ถ้าต้องการเปลี่ยนสีพื้นหลัง
ให้เป็น สีพื้น หรือ รูปภาพ

ถ้าต้องการกำหนดชื่อในแถบบนหน้าจอ ให้แก้ไขที่ Title

ถ้าต้องการสร้างแถบเลื่อนหน้าจอ
ให้กำหนดเลือก Scrollable

Multiple Choice

การตั้งค่าหน้า Screen ให้เครื่องมืออยู่ตรงกลางเสมอต้องตั้งค่าที่ใด

• Scrollable

• Center

• Image

• Top

Multiple Choice

ถ้าต้องการเปลี่ยนสีพื้นหลังเป็นรูปภาพ ต้องเลือกที่ใด

Multiple Choice

การเลือก เปิดการใช้งาน Scrollable มีผลอย่างไร

• สร้างกรอบภาพ

• สร้างแถบเลื่อนหน้าจอ

• เพิ่มหน้างานใหม่

• กำหนดชื่อแถบบน

กลุ่มเครื่องมือ User Interface

• ​Button การสร้างปุ่ม

• Image การแทรกรูปภาพ

• Label การแทรกข้อความ

• Textbox ทำช่องสำหรับ กรอกข้อมูล

• TimePicker แสดงเวลา

• DatePicker แสดงวันที่

• WebViewer การเชื่อมต่อหน้าเว็บไซต์ผ่านโปรแกรม

**เป็นเครื่องมือที่ใช้โต้ตอบกับผู้ใช้งาน

Button
การตั้งค่าของปุ่ม

• Font bold ตัวอักษรหนา

• Font size ขนาดตัวอักษร

• Height ความสูง

• Width ความกว้าง

• Image การแทรกรูปภาพเป็นปุ่ม

• Shape การใช้รูปทรงเป็นปุ่ม

• Text ช่องสำหรับแก้ไข ข้อความเป็นปุ่ม

Multiple Choice

UserInterface หมายถึง กลุ่มเครื่องมือแบบใด

• โต้ตอบกับผู้ใช้งาน

• เชื่อมต่อไฟล์งาน

• การเพิ่ม Code

• การออกแบบ

Multiple Choice

เครื่องมือที่ใช้ในการเปิด เว็บไซต์ ลงในโปรแกรม

• Webbrower

• Websites

• WebView

• WebViewer

Image
การตั้งค่าของรูปภาพ

Height ความสูง

Width ความกว้าง

Picture การแทรกรูปภาพเป็นปุ่ม

***ไฟล์รูปภาพที่มีความเหมาะสมในการใช้งานคือ PNG เนื่องจากเป็นไฟล์ที่ไม่ติดพื้นหลังทำให้ภาพสวยงาม

Multiple Choice

ถ้านักเรียนแทรกรูปภาพลงในโปรแกรม นักเรียนควรเลือกรูปใด

• Pic.jpg

• Pic.png

• ภาพ.png

• ภาพ.jpg

Poll

นักเรียนคิดว่านักเรียนจะพัฒนาโปรแกรม App Inventor ในรูปแบบใด

• เกม

• สื่อการเรียนรู้

• แอปทางธุรกิจ

• ทำแอปไว้ใช้เอง