การเขียน App สำหรับ Android smartphone เรียนรู้การเขียนโปรแกรม MIT App Inventor ทดสอบการเชื่อมต่อโปรแกรมกับโทรศัพท์มือถือ MIT AI2 Companion

การเตรียมตัว (โปรแกรม) - MIT App Inventor ไม่สามารถใช้กับ Internet Explorer http://appinventor.mit.edu/explore/ Login ด้วย google account

การเตรียมตัว (การเชื่อมต่อกับโทรศัพท์มือถือ) - MIT App Inventor http://appinventor.mit.edu/explore/ Resources Get Started Setup Instructions Setup Instructions ทดลองการเชื่อมต่อด้วย WiFi

ตัวอย่างที่ 1 การทดลองใช้งาน Designer 3 click ที่ปุ่ม หรือ ที่คำว่า Button1 1 click ที่ปุ่ม Designer 4 Properties เลื่อนลงไปที่ Text 2 Button drag & drop แก้เป็น test

ถ้าใช้ WiFi ได้ http://appinventor.mit.edu/explore/ Resources >> Get Started 1. Setup Instructions Option One Instructions

ทดสอบ project ด้วย MIT AI2 Companion MIT App Inventor click ที่ Connect >> AI Companion ใช้ app : MIT AI2 Companion อ่าน QR code หรือ ใส่รหัส โทรศัพท์มือถือ

ตัวอย่างที่ 2 จงสร้างโปรแกรมบวกเลข ลำดับความคิด จะบวกเลขกี่ตัว รับค่าตัวเลขจากไหน ได้ค่าตัวเลขแล้วนำมาบวกกัน นำผลลัพธ์มาแสดง

ตัวอย่างที่ 2 จงสร้างโปรแกรมบวกเลข ลำดับความคิด จะบวกเลขกี่ตัว รับค่าตัวเลขจากไหน ได้ค่าตัวเลขแล้วนำมาบวกกัน นำผลลัพธ์มาแสดง 2 ตัว จากช่องรับค่า การดำเนินการ (การคำนวณ) ช่องแสดงผลลัพธ์ เหตุการณ์เกิดขึ้นเมื่อไร เมื่อกดปุ่ม

ตัวอย่างที่ 2 Designer โปรแกรมบวกเลข Properties Label1 Text แก้เป็น + Button1 Text แก้เป็น = FontSize แก้เป็น 30 Label2 Text แก้เป็น 0000 TextBox1 Label1 TextBox2 Button1 Label2

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข click ที่ Button1 จะมีส่วนนี้เปิดออกมา 2 1 click ที่ปุ่ม Blocks when [Button1].Click drag & drop 3

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข click ที่ Label2 4 5 Set [Label2].Text to ลากมาต่อที่ด้านในของ when [Button1].Click

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข 5 click ที่ Math >> เลือกการบวก >> ลากมาต่อท้าย

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข 6 click ที่ TextBox1 >> เลือก [TextBox1].[Height] >> ลากมาใส่ในช่องว่างแรก 8 click ที่รูปสามเหลี่ยม เปลี่ยนจาก Height เป็น Text 7 ทำแบบเดียวกันที่ TextBox2

ตัวอย่างที่ 2 Blocks โปรแกรมบวกเลข เมื่อ กด Button1 ทำการ ตั้งค่า ข้อความ Label2 เป็น ข้อความ TextBox1 + ข้อความ TextBox2

ตัวอย่างที่ 3 Designer โปรแกรมแสดงค่าความเร่งแกน x 1 Display hidden components in Viewer AccelerometerSensor1 2 4 Label1 3 Sensors

ตัวอย่างที่ 3 Blocks โปรแกรมแสดงค่าความเร่งแกน x เมื่อ AccelerometerSensor1 เปลี่ยนค่าความเร่ง ทำการ ตั้งค่า ข้อความ Label1 เป็น ความเร่งแกน x ของ AccelerometerSensor1 1 2 3

ถ้าใช้ WiFi ไม่ได้ install app ด้วย QR code โทรศัพท์มือถือ Settings >> Security >> click ให้ใช้ Unknown sources ได้ MIT App Inventor click ที่ Build >> App (provide QR code for .apk) ใช้โทรศัพท์มือถือ อ่าน QR code

ถ้าใช้ WiFi ไม่ได้ install app ด้วย QR code Open URL แล้วจะเริ่มการ download เอง เมื่อ download เสร็จแล้ว เปิด File Manager เช่น ES Explorer เลือกไฟล์ .apk ชื่อเดียวกับที่กำลังเขียนโปรแกรม Complete action using >> Package Installer >> Install จะเริ่มการ install โปรแกรมที่เขียน เสร็จแล้ว open โปรแกรม

ถ้าใช้ WiFi ไม่ได้ save ผ่านคอมพิวเตอร์ โทรศัพท์มือถือ Settings >> Security >> click ให้ใช้ Unknown sources ได้ MIT App Inventor click ที่ Build >> App (save .apk to my computer) Save file มาที่คอมพิวเตอร์

ถ้าใช้ WiFi ไม่ได้ save ผ่านคอมพิวเตอร์ copy ไฟล์ .apk ที่สร้างขึ้นไปที่โทรศัพท์มือถือ เปิด File Manager เช่น ES Explorer เลือกไฟล์ .apk นั้น ทำการ install ในมือถือ

เมื่อเลิกเรียนแต่ละครั้ง - คอมพิวเตอร์ sign out จาก MIT App Inventor - โทรศัพท์มือถือ ถ้าต้องการประหยัดพื้นที่ ให้ uninstall app ที่สร้างขึ้นในการเรียน ปิดการใช้ Unknown source

แบบฝึกหัด http://www.calculatoredge.com/matweight/material%20wt.htm