1287 views 4 comments

Android Dev : เปิดตัว App Inventor สร้างแอพแบบไม่ต้องเขียนโค้ด

by on กรกฎาคม 31, 2010
 


ขอเปิดหมวดหมู่ใหม่ใช้ชื่อว่า “Android Dev” สำหรับการพูดถึงเรื่องการสร้างแอพโดยเฉพาะ …ผมใช้เวลากว่า 3 อาทิตย์สำหรับการรอคอยอีเมล์จากทีมงาน App Inventor for Android ใครที่สนใจให้เข้าไปลงชื่อ ที่นี่ แต่หลังจากได้รับอีเมล์อนุญาติให้ใช้โปรแกรมแล้วใช่ว่าจะใช้ได้เลย ต้องตั้งค่าคอมพิวเตอร์และมือถือเสียก่อน และขอบอกไว้ก่อนครับว่าผมเพิ่งได้ลองเมื่อคืนนี้เอง เรื่องการทำแอพยังคงเป็นแบบ “พื้นๆ” ก็เลยจะมาแนะนำวิธีสร้างแอพแบบ “พื้นๆ”

สิ่งที่ต้องเตียม

  • ลง java 1.6 ไปดาวโหลดได้ที่ http://www.java.com/
  • ทดสอบการทำงานของ java ว่าได้ผล http://www.java.com/en/download/help/testvm.xml
  • ดาวโหลดและติดตั้ง App Inventor ที่นี่

เริ่มต้น

สรุปโดยคร่าวๆ ว่าขั้นตอนการทำงานมีดังนี้

  1. สร้างโปรเจค
  2. อัพโหลดไฟล์ (ใส่รูป ใส่ปุ่ม ใส่ตัวหนังสือ ฯลฯ )
  3. จัดองค์ประกอบหน้าตาของแอพ
  4. เชื่อมต่อกับโทรศัพท์
  5. ใส่แอคชั่น (เช่น กำหนดว่ากดปุ่มแล้วจะให้เกิดอะไรขึ้น)
  6. ส่งออกแอพ พร้อมติดตั้งบนมือถือ

**ตัวอย่างต่อไปนี้ จะเป็นการสร้างแอพประเภท Sound Board อย่างที่ผมเคยรีวิวไว้บ่อยๆ


1. สร้างโปรเจ็คโดยกดที่ New พร้อมทั้งตั้งชื่อ

ชื่อที่เราตั้งจะกลายเป็นชื่อของแอพตัวนั้นๆ

คราวนี้มาดูส่วนประกอบที่แนะนำ

อย่างแรกคือ Viewer คือหน้าตาของแอพเราจะออกมายังไง ก็ขึ้นอยู่กับตัวนี้แหล่ะ

ส่วนที่สองเป็น Palette ส่วนประกอบที่จะนำไปใส่ในแอพ เช่น ปุ่ม เสียง รูป นาฬิกา

ส่วนอันนี้ขอเรียกรวมๆว่า “ตัวจัดการไฟล์” ประกอบไปด้วย

Components ส่วนที่แอพของเราจะใช้ทำงาน

Media ดาวโหลดส่วนประกอบที่จะใช้ทั้งหมดมาไว้ที่นี่ (เช่น เสียง รูปภาพ )

Properties ไว้กำหนดค่าของ components เช่น เปลี่ยนสีพื้นหลัง เปลี่ยนชื่อ กำหนดขนาดของวัตถุ

2. อัพโหลด Media ที่จะใช้ เช่น รูปภาพ เสียง

ดาวโหลด เสียงแมว

ดาวโหมด ภาพแมว

3. ลาก Palette มาใส่ใน Viewer

สิ่งที่ต้องลากมา ได้แก่ Image  Label  Button และ Sound

4.กำหนดค่า Component

โดยเลือก component ที่ต้องการตั้งค่า และให้เปลี่ยนแปลงค่าที่ Properties

Sceen คือฉากหลัง สามารถกำหนดสี เปลี่ยนสีพื้นหลัง และเปลี่ยนชื่อ

Image รูปภาพ ให้กำหนดค่าที่ Properties โดยเลือกรูป (ที่เราอัพโหลดผ่าน Media)

Label ตัวหนังสือ ในส่วนของ Text ให้เรากำหนดค่าเป็นคำที่ต้องการใส่

ผมใส่คำว่า pet the ketty

Button ปุ่มกด สามารถเปลี่ยนสี ใส่ตัวอักษร หรือใส่พื้นหลังของปุ่มด้วยรูปภาพอื่นๆก็ยังได้

ผมใส่ชื่อปุ่มว่า pet me

Sound คือเสียง ให้เลือกเสียงที่ดาวโหลดผ่าน Media

5จัดหน้าตาของแอพให้เหมาะสม เลื่อนวัตถุไปมาได้

6 เชื่อมต่อกับโทรศัพท์

7. ใส่ Action

หลักการก็คือการสร้างเงื่อนไขของการกระทำ จะมี “เหตุ” และ “ผล”

ตั้งค่า “เหตุ” โดยเลือก My block >> Button >> When click button (ถ้ากดปุ่ม)

ตั้งค่า “ผล” โดยเลือก My block >> Sound >> Playsound (เล่นเสียง)

8. เชื่อมต่อแอพไปยังโทรศัพท์

เป็นการทดลองการใช้งาน ว่าแอพนั้นใช้ได้หรือไม่ >> บางทีต้องกดส่ง สองสามครั้ง เพราะมันไม่ทำงาน

9 ส่งออกแอพ

หลังจากมั่นใจแล้วว่า OK ก็ส่งออกเป็น .APK จะดาวโหลดใส่คอม ใส่มือถือ ทำเป็นบาร์โค้ดก็ไม่เป็นปัญหา

แต่ข้อสังเกตบางอย่างคือขนาดมันค่อนข้างใหญ่ เป็น M อย่างแอพตัวที่สร้างนี้ประมาณ 1 M ต่างกับแอพที่สร้างโดยการเขียนโค้ด จะประหยัดขนาดของข้อมูลมากกว่า (แต่ก็ยากกว่ามากๆ)

สรุป

มันไม่ค่อยเหมาะกับคนทั่วไปเท่าไหร่ แต่สำหรับคนที่สนใจจะใช้งานได้ดีกว่า เพราะความมุ่งมั่นจะทำให้สนุกกับการทดลอง ถ้าสนใจจะลองก็ส่งอีเมล์ไปเลย ช้าเร็วทีมงานน่าจะส่งอีเมล์ตอบกลับมา


  • สุโค้ยย.. ขอบคุณมากๆครับ

  • +10 จะรอดูแอพเด็ดๆจาก @Lovemaq

  • หาหน้า download อยู่ตั้งนาน ขอบคุณมากครับ