
การตั้งค่าและเครื่องมือ App Inventor
Presentation
•
Computers
•
1st Grade
•
Medium
นางสาวเยาวลักษณ์ อ่วมมีเพียร
Used 24+ times
FREE Resource
8 Slides • 10 Questions
1
2
ข้อควรรู้ในการใช้งาน App Inventor
เว็บไซต์ในการเริ่มต้นใช้งาน www.appinventor.mit.edu
สามารถบันทึกไฟล์งาน เป็นภาษาอังกฤษเท่านั้น
เป็นโปรแกรมที่สามารถพัฒนาได้บนระบบปฏิบัติการ Andriod
ข้อมูลในโปรแกรมจะเชื่อมต่อกับ อีเมลล์ที่ใช้ Login
3
เครื่องมือ App Inventor
ในหน้าแรกของการเริ่มใช้งานเราจะพบกับเมนูหลักของโปรแกรมโดยจะทำการเริ่มต้น ที่
MY projects เพื่อดูไฟล์งานต่างๆ
Start new project เพื่อเริ่มต้นชิ้นงานใหม่
Import project เพื่อดึงไฟล์งานมาแก้ไข
Export project เพื่อบันทึกไฟล์งานลงในเครื่อง
4
เครื่องมือ App Inventor
คำสั่งสำหรับการทดสอบรันโปรแกรมในมือถือก่อนการบันทึกงาน ผ่านแอป Mit ai2
คำสั่งสำหรับการบันทึกไฟล์เพื่อไป ติดตั้งในมือถือเพื่อใช้งาน ไม่สามารถแก้ไขได้
5
Multiple Choice
โปรแกรม App Inventor ไม่สามารถใช้งานกับโทรศัพท์รุ่นไหน
6
Fill in the Blanks
7
Multiple Choice
ถ้านักเรียนต้องการทดสอบการรันโปรแกรม ต้องเลือกที่เมนูใด
Project
Connect
Build
Setting
8
การตั้งค่า Screen
ถ้าต้องการให้เนื้อหาอยู่ตรงการ ให้กำหนด เป็น Center
ถ้าต้องการเปลี่ยนสีพื้นหลัง
ให้เป็น สีพื้น หรือ รูปภาพ
ถ้าต้องการกำหนดชื่อในแถบบนหน้าจอ ให้แก้ไขที่ Title
ถ้าต้องการสร้างแถบเลื่อนหน้าจอ
ให้กำหนดเลือก Scrollable
9
Multiple Choice
การตั้งค่าหน้า Screen ให้เครื่องมืออยู่ตรงกลางเสมอต้องตั้งค่าที่ใด
Scrollable
Center
Image
Top
10
Multiple Choice
ถ้าต้องการเปลี่ยนสีพื้นหลังเป็นรูปภาพ ต้องเลือกที่ใด
11
Multiple Choice
การเลือก เปิดการใช้งาน Scrollable มีผลอย่างไร
สร้างกรอบภาพ
สร้างแถบเลื่อนหน้าจอ
เพิ่มหน้างานใหม่
กำหนดชื่อแถบบน
12
กลุ่มเครื่องมือ User Interface
Button การสร้างปุ่ม
Image การแทรกรูปภาพ
Label การแทรกข้อความ
Textbox ทำช่องสำหรับ กรอกข้อมูล
TimePicker แสดงเวลา
DatePicker แสดงวันที่
WebViewer การเชื่อมต่อหน้าเว็บไซต์ผ่านโปรแกรม
**เป็นเครื่องมือที่ใช้โต้ตอบกับผู้ใช้งาน
13
Button
การตั้งค่าของปุ่ม
Font bold ตัวอักษรหนา
Font size ขนาดตัวอักษร
Height ความสูง
Width ความกว้าง
Image การแทรกรูปภาพเป็นปุ่ม
Shape การใช้รูปทรงเป็นปุ่ม
Text ช่องสำหรับแก้ไข ข้อความเป็นปุ่ม
14
Multiple Choice
UserInterface หมายถึง กลุ่มเครื่องมือแบบใด
โต้ตอบกับผู้ใช้งาน
เชื่อมต่อไฟล์งาน
การเพิ่ม Code
การออกแบบ
15
Multiple Choice
เครื่องมือที่ใช้ในการเปิด เว็บไซต์ ลงในโปรแกรม
Webbrower
Websites
WebView
WebViewer
16
Image
การตั้งค่าของรูปภาพ
Height ความสูง
Width ความกว้าง
Picture การแทรกรูปภาพเป็นปุ่ม
***ไฟล์รูปภาพที่มีความเหมาะสมในการใช้งานคือ PNG เนื่องจากเป็นไฟล์ที่ไม่ติดพื้นหลังทำให้ภาพสวยงาม
17
Multiple Choice
ถ้านักเรียนแทรกรูปภาพลงในโปรแกรม นักเรียนควรเลือกรูปใด
Pic.jpg
Pic.png
ภาพ.png
ภาพ.jpg
18
Poll
นักเรียนคิดว่านักเรียนจะพัฒนาโปรแกรม App Inventor ในรูปแบบใด
เกม
สื่อการเรียนรู้
แอปทางธุรกิจ
ทำแอปไว้ใช้เอง
Show answer
Auto Play
Slide 1 / 18
SLIDE
Similar Resources on Wayground
11 questions
ปฏิกิริยาเคมี ม.3
Presentation
•
1st - 2nd Grade
11 questions
งานและพลังงาน ม.2
Presentation
•
1st - 2nd Grade
15 questions
บทเรียน เรื่อง ร่างกายของฉัน
Presentation
•
KG
11 questions
การงานอาชีพ
Presentation
•
1st Grade
10 questions
บทเรียนวิชาคอมพิวเตอร์พื้นฐาน
Presentation
•
KG
14 questions
คนไทยมาจากไหน
Presentation
•
2nd Grade
11 questions
การแยกสาร ม2
Presentation
•
1st Grade
13 questions
สังคม
Presentation
•
1st Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade