mobile5-5

ใบงานที่ 5 การสร้างแอพบันทึกและเล่นไฟล์ประเภทเสียง

วัตถุประสงค์

1. เพื่อศึกษาวิธีการสร้างบันทึกและเล่นไฟล์ประเภทเสียงจากสมาร์ทโฟน

2. สามารถบอกขั้นตอนการสร้าง App เพื่อบันทึกและเล่นเสียงจากสมาร์ทโฟน

3. สามารถบอกขั้นตอนการบันทึกเสียงและเล่นไฟล์เสียงที่ต้องการได้

เนื้อหา

ให้นักศึกษาเขียนขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อบันทึกและเล่นเสียงได้โดยสามารถแทรกเสียงที่ต้องการโดยใช้แถบเครื่องมือที่ใช้ในการพัฒนา

การทดลอง

1.ให้บอกขั้นตอนการเข้าสร้าง App เพื่อบันทึกและเล่นไฟล์ประเภทเสียง

ขั้นตอนแรกเข้าไปที่ google แล้วเข้าไปที่

http://appinventor.mit.edu/explore/#

แล้วเข้าไปที่  ปุ่มสีส้มมุมขวามือ

จากนั้นก็กรอก Gmail เข้าไป

ขั้นตอนต่อไปเข้าไปที่  Projects และ Start new project

ตั้งชื่องาน Mobile 5

ลาก Label มาวาง2ปุ่ม

คลิก Layout ลาก horizontalarrangement มาวาง 

จากนั้นลาก Botton มาวางสามปุ่ม

คลิก Layout ลาก horizontalarrangement มาวาง 

ลาก Slider และBotton มาวางใน horizontalarrangement

คลิก Media ลาก SoundRacorder,Player1 และSound มาวาง ดังรูป

เตรียมไฟล์ภาพสำหรับแสดงในปุ่มตามลิงค์ในรูป

เมื่อได้ไฟล์ภาพแล้วให้อัฟโหลดลงปุ่ม Botton ทั้งสี่ปุ่ม

เปลี่ยนชื่อใน Label เป็น ชื่อไฟล์เสียง และStatus: IDEL

คลิกที่ Blocks ไปที่ปุ่ม Botton1 ลาก whan Click มาวาง

ไปที่ปุ่ม Label2 ลาก set Lable2 Text มาวาง

ไปที่ Text ลาก Sting เปล่าๆมาวางต่อท้ายแล้วใส่ข้อความ Status: Racording

ไปที่ Soundracorder ลาก Sound Stat มาวางต่อ

ไปที่ปุ่ม Botton3 ลาก whan Click มาวาง

คลิกขวาเลือก Duplicate เพื่อก็อปปี้ชุดข้างบนมาวางต่อชุดข้างล่างแล้วเปลี่ยนข้อความเป็น Status: IDEL

ไปที่ Soundracorder ลาก Sound Stop มาวางต่อ

ไปที่ Player1 ลากPalyer1 Stop มาวางต่อ

ไปที่ Soundracorder ลาก AfterSoundracorder มาวาง

ไปที่ Label1 ลาก set Lable1 Text มาวาง คลิกที่ Sound เลือกget sound

ไปที่ Player1 ลาก Player1 Source มาวาง คลิกที่ Sound เลือกget sound

ไปที่ปุ่ม Botton2 ลาก whan Click มาวาง

จากนั้น คลิกขวาเลือก Duplicate เพื่อก็อปปี้ชุดข้างบนมาวางต่อชุดข้างล่างแล้วเปลี่ยนข้อความเป็น Status: Playing

คลิกที่ Player1 ลาก Stat มาวาง

คลิกที่ Player1 ลาก whan completed มาวาง คลิกขวาเลือก Duplicate เพื่อก็อปปี้ชุดข้างบนมาวางต่อชุดข้างล่าง

ไปที่ Sound ลาก vibrate มาวาง

ไปที่ Math คลิกเลือกตัวเลขที่เป็น0เพื่อเปลี่ยนค่าเป็น500

ต่อมาคลิกที่ Slider เลือก Position ไปที่ Player1 ลาก Volune จากนั้นเอา get thump มาวางต่อ

ลาก when click ของปุ่ม Botton4 มาวาง Duplicate Volume เพื่อก็อปปี้ชุดข้างบนมาวางต่อชุดข้างล่าง แล้วลบget ออก

ไปที่ Math คลิกเลือกตัวเลขที่เป็น0 แล้วไปที่ Slider ลากThumbPosition แล้วลาก0มาต่อท้าย

2.สร้างแอปให้มีเงื่อนไขดังต่อไปนี้

A.แอปบันทึกเสียง

B. แอพ เล่นไฟล์เสียงโดยสามารถเลือกเล่นเสียง 

i. เจ้าของผลงาน สวัสดีครับ

ii. ขอบคุณครับ       

           

iii. เสียงเครื่อง

iv. ฉิ่ง

v. ฉาบ

vi. กลอง

vii. ปรบมือ

viii. ดีใจ

ix. เสียใจ

DownLoadLink: (APK and AIA)

mobile4-5

ใบงานที่ 4 การสร้างแอพเพื่อสแกนบาร์โค้ด

วัตถุประสงค์
1. เพื่อศึกษาวิธีเขียนแอพเพื่อเก็บข้อมูลจากบาร์โค้ดของสินค้า

2. สามารถบอกขั้นตอนการสร้างแอพเพื่อเก็บข้อมูลที่ได้จากการอ่านบาร์โค้ด

3. สามารถเขียนแอพเพื่อเก็บและเรียกดูข้อมูลที่ได้จากการอ่านบาร์โค้ด

เนื้อหา

ให้นักศึกษา เขียนขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อสแกนบาร์โค้ดพร้อมแสดงข้อมูลที่เก็บไว้ได้

การทดลอง

1.ให้บอกขั้นตอนการเข้าสร้าง App เพื่อสแกนบาร์โค้ดจากฉลากสินค้าให้อยู่ในรูปของตัวเลข

ขั้นตอนแรกเข้าไปที่ google แล้วเข้าไปที่ 

http://appinventor.mit.edu/explore/#

แล้วเข้าไปที่  ปุ่มสีส้มมุมขวามือ

จากนั้นก็กรอก Gmail เข้าไป

ขั้นตอนต่อไปเข้าไปที่  Projects และ Start new project

ตั้งชื่องาน mobile 4

ลาก TextBox มาวาง ใช้สำหรับแสดงข้อมูลที่สแกนได้

คลิก Layout ลาก horizontalarrangement มาวาง

จากนั้นลาก Botton มาวางสองปุ่ม

คลิกที่ Sansors ลาก Barcodescanner และClock มาวาง

คลิกที่ Social ลาก Sharing มาวาง

คลิกปุ่ม Botton เพื่อใส่รูปภาพ

คลิกที่ Barcodescanner แล้วเอาเครื่องหมายถูกออก

คลิกที่ Clock แล้วเอาเครื่องหมายถูกออก

คลิกที่ Blocks ไปที่ปุ่ม Botton1 ลาก whan Click มาวาง

คลิกที่ BarcodeScanner ลาก DoScan มาไว้ใน when

คลิกที่ BarcodeScanner ลาก AfterScan มาวาง

คลิก result ลาก get ออกมาวาง

คลิกที่ TextBox ลาก set Text มาวาง

คลิก Text เลือก join

ไปที่ Clock ลาก now และFormatDateTime มาต่อ join และลากnow มาต่อ FormatDateTime ดังรูป

ขยายช่อง join เพิ่มเป็น 5 ช่อง

คลิก Text เอา sting เปล่าๆมาใส่ใช่องที่2และ4

เอา result มาใส่ในช่องที่3

ช่องแรกของ Sting ใส่เครื่องหมายลบ ช่องที่2ใส่\n 

จากนั้นคลิกที่ TextBox ลาก Text มาวางในช่องที่5

คลิกปุ่ม Botton2 ลากwhen Click มาวาง

คลิก Sharing เลือกSharMessage แล้วลาก TexeBox มาวางต่อSharMessage

ไปที่ Build และเลือกอันแรก

จากนั้นเข้าโทรศัพท์ไปยังแอพ

เข้าไปที่ Scan QR code

ที่ตรงหน้าจอ

จากนั้นแอพที่เราเขียนก็จะไปแสดงผลบนโทรศัพท์

คลิกที่ไอคอนบาร์โค้ดเพื่อสแกนบาร์โค้ดสินค้า

สินค้าที่เราสแกนจะโชว์อยู่ที่หน้าจอ

DownLoadLink: (APK and AIA)