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

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

Assessment

Presentation

Computers

1st Grade

Medium

Created by

นางสาวเยาวลักษณ์ อ่วมมีเพียร

Used 24+ times

FREE Resource

8 Slides • 10 Questions

1

media

2

media

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

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

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

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

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

media
media
media

3

media

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

media

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

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

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

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

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

media
media
media

4

media

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

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

media
media
media

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

media

5

Multiple Choice

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

1
2

6

Fill in the Blank

Question image

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

.
.
.

7

Multiple Choice

Question image

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

1

Project

2

Connect

3

Build

4

Setting

8

media

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

media
media

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

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

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

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

9

Multiple Choice

Question image

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

1

Scrollable

2

Center

3

Image

4

Top

10

Multiple Choice

Question image

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

1
2
3
4

11

Multiple Choice

Question image

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

1

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

2

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

3

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

4

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

12

media

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

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

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

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

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

  • TimePicker แสดงเวลา

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

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

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

media
media

13

media

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

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

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

  • Height ความสูง

  • Width ความกว้าง

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

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

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

media
media
media

14

Multiple Choice

Question image

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

1

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

2

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

3

การเพิ่ม Code

4

การออกแบบ

15

Multiple Choice

Question image

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

1

Webbrower

2

Websites

3

WebView

4

WebViewer

16

media

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

Height ความสูง

Width ความกว้าง

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

media

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

media
media

17

Multiple Choice

Question image

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

1

Pic.jpg

2

Pic.png

3

ภาพ.png

4

ภาพ.jpg

18

Poll

Question image

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

เกม

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

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

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

media

Show answer

Auto Play

Slide 1 / 18

SLIDE