ดาวน์โหลดงานนำเสนอ
งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ
1
การเขียน App สำหรับ Android smartphone
เรียนรู้การเขียนโปรแกรม MIT App Inventor ทดสอบการเชื่อมต่อโปรแกรมกับโทรศัพท์มือถือ MIT AI2 Companion
2
การเตรียมตัว (โปรแกรม)
- MIT App Inventor ไม่สามารถใช้กับ Internet Explorer Login ด้วย google account
3
การเตรียมตัว (การเชื่อมต่อกับโทรศัพท์มือถือ)
- MIT App Inventor Resources Get Started Setup Instructions Setup Instructions ทดลองการเชื่อมต่อด้วย WiFi
4
ตัวอย่างที่ 1 การทดลองใช้งาน Designer
3 click ที่ปุ่ม หรือ ที่คำว่า Button1 1 click ที่ปุ่ม Designer 4 Properties เลื่อนลงไปที่ Text 2 Button drag & drop แก้เป็น test
5
ถ้าใช้ WiFi ได้ http://appinventor.mit.edu/explore/
Resources >> Get Started 1. Setup Instructions Option One Instructions
6
ทดสอบ project ด้วย MIT AI2 Companion
MIT App Inventor click ที่ Connect >> AI Companion ใช้ app : MIT AI2 Companion อ่าน QR code หรือ ใส่รหัส โทรศัพท์มือถือ
7
ตัวอย่างที่ 2 จงสร้างโปรแกรมบวกเลข
ลำดับความคิด จะบวกเลขกี่ตัว รับค่าตัวเลขจากไหน ได้ค่าตัวเลขแล้วนำมาบวกกัน นำผลลัพธ์มาแสดง
8
ตัวอย่างที่ 2 จงสร้างโปรแกรมบวกเลข
ลำดับความคิด จะบวกเลขกี่ตัว รับค่าตัวเลขจากไหน ได้ค่าตัวเลขแล้วนำมาบวกกัน นำผลลัพธ์มาแสดง 2 ตัว จากช่องรับค่า การดำเนินการ (การคำนวณ) ช่องแสดงผลลัพธ์ เหตุการณ์เกิดขึ้นเมื่อไร เมื่อกดปุ่ม
9
ตัวอย่างที่ 2 Designer โปรแกรมบวกเลข
Properties Label1 Text แก้เป็น + Button1 Text แก้เป็น = FontSize แก้เป็น 30 Label2 Text แก้เป็น 0000 TextBox1 Label1 TextBox2 Button1 Label2
10
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
click ที่ Button1 จะมีส่วนนี้เปิดออกมา 2 1 click ที่ปุ่ม Blocks when [Button1].Click drag & drop 3
11
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
12
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
click ที่ Label2 4 5 Set [Label2].Text to ลากมาต่อที่ด้านในของ when [Button1].Click
13
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
14
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
5 click ที่ Math >> เลือกการบวก >> ลากมาต่อท้าย
15
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
6 click ที่ TextBox1 >> เลือก [TextBox1].[Height] >> ลากมาใส่ในช่องว่างแรก 8 click ที่รูปสามเหลี่ยม เปลี่ยนจาก Height เป็น Text 7 ทำแบบเดียวกันที่ TextBox2
16
ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข
เมื่อ กด Button1 ทำการ ตั้งค่า ข้อความ Label2 เป็น ข้อความ TextBox1 + ข้อความ TextBox2
17
ตัวอย่างที่ 3 Designer โปรแกรมแสดงค่าความเร่งแกน x
1 Display hidden components in Viewer AccelerometerSensor1 2 4 Label1 3 Sensors
18
ตัวอย่างที่ 3 Blocks โปรแกรมแสดงค่าความเร่งแกน x
เมื่อ AccelerometerSensor1 เปลี่ยนค่าความเร่ง ทำการ ตั้งค่า ข้อความ Label1 เป็น ความเร่งแกน x ของ AccelerometerSensor1 1 2 3
19
ถ้าใช้ WiFi ไม่ได้ install app ด้วย QR code
โทรศัพท์มือถือ Settings >> Security >> click ให้ใช้ Unknown sources ได้ MIT App Inventor click ที่ Build >> App (provide QR code for .apk) ใช้โทรศัพท์มือถือ อ่าน QR code
20
ถ้าใช้ WiFi ไม่ได้ install app ด้วย QR code
Open URL แล้วจะเริ่มการ download เอง เมื่อ download เสร็จแล้ว เปิด File Manager เช่น ES Explorer เลือกไฟล์ .apk ชื่อเดียวกับที่กำลังเขียนโปรแกรม Complete action using >> Package Installer >> Install จะเริ่มการ install โปรแกรมที่เขียน เสร็จแล้ว open โปรแกรม
21
ถ้าใช้ WiFi ไม่ได้ save ผ่านคอมพิวเตอร์
โทรศัพท์มือถือ Settings >> Security >> click ให้ใช้ Unknown sources ได้ MIT App Inventor click ที่ Build >> App (save .apk to my computer) Save file มาที่คอมพิวเตอร์
22
ถ้าใช้ WiFi ไม่ได้ save ผ่านคอมพิวเตอร์
copy ไฟล์ .apk ที่สร้างขึ้นไปที่โทรศัพท์มือถือ เปิด File Manager เช่น ES Explorer เลือกไฟล์ .apk นั้น ทำการ install ในมือถือ
23
เมื่อเลิกเรียนแต่ละครั้ง
- คอมพิวเตอร์ sign out จาก MIT App Inventor - โทรศัพท์มือถือ ถ้าต้องการประหยัดพื้นที่ ให้ uninstall app ที่สร้างขึ้นในการเรียน ปิดการใช้ Unknown source
24
แบบฝึกหัด
งานนำเสนอที่คล้ายกัน
