วันนี้โค้ชพล มีแอพตัวอย่างดีๆ ที่สร้างด้วย PhoneGap มาแนะนำ พร้อมเทคนิคที่ทางทีมพัฒนานี้เปิดเผยออกมาว่าพวกเขาเอา PhoneGap ไปรวมกับการสร้าง Web application ด้วย HTML, CSS, และ Javascript อย่างไร
SceneScout แอพสำรวจสถานที่ถ่ายภาพหน้าตาเรียบง่าย
SceneScout เกิดขึ้นมาสำหรับช่างภาพทั่วไป และช่างภาพวิดีโอ ในการที่ต้องออกไปสำรวจสถานที่ โค้ชพลเห็นว่าประเทศไทยจัดทริปถ่ายภาพกันเยอะ ไม่ว่าจะเป็น ทริปถ่ายวิวทิวทัศน์, ถ่ายภาพวัตถุ, หรือ ถ่ายพริตตี้ (อ่ะฮ้า) แอพนี้จึงน่าเอามาลองใช้งานมาก
Download ใช้งานบน iOS (App Store) และ Android (Play Store)
ตัวแอพมีความสามารถดังนี้
- แสดงภาพบริเวณ (Scene) ที่สำรวจแล้ว, สามารถเพิ่ม Scene ของตัวเองเข้าไปบันทึกไว้, และมีระบบจัดการ Scene ต่างๆ
- เชื่อมต่อกับ Flickr เพื่อดึงภาพสถานที่ที่น่าสนใจ
- มีระบบ log in เข้าใช้งานด้วย Social Login, แบ่งปัน (share)
ตัวอย่างประโยชน์ที่ช่างภาพสามารถใช้ได้
- ตัวแอพจะช่วยให้ช่างภาพสำรวจสถานที่ต่างๆ เพื่อใช้ในการถ่ายภาพให้ลูกค้าได้อย่างรวดเร็ว
- สำรวจสถานที่ต่างๆ เพื่อจัดเป็นทริป outdoor
- เผยแพร่ผลงานของตัวเอง หรือแบ่งปันสถานที่ให้กับช่างภาพคนอื่น
จาก HTML, CSS, Javascript สู่ Mobile application
ทีมพัฒนา SceneScout ประกอบไปด้วย Web developer และ Web Designer ล้วนๆ ครับ
ดังนั้นเพื่อไม่ให้เสียโอกาสในการเข้าถึง Mobile platform ที่เปิดกว้างในปัจจุบัน ทาง SceneScout ก็เลยเลือก PhoneGap เป็นเครื่องมือที่จะช่วยให้ทักษะในการสร้างและออกแบบ Web application มาโลดแล่นในรูปแบบ Mobile application ได้อย่างในเวลาสั้นๆ
ซึ่งทาง SceneScout เผยว่านอกจากการใช้ภาษาพื้นฐานอย่าง HTML, CSS, และ Javascript แล้ว ทางทีมกพัฒนาก็ยังเลือกใช้ Javascript framework ที่ชื่อ “Lavaca” เพื่อจัดระเบียบโครงสร้างของ code เป็นแบบ MVC (ง่ายต่อการแก้ไข และพัฒนาแอพขนาดใหญ่) Hammer.js เพื่อเพิ่มความเร็ว และประสิทธิภาพในการจับการลากนิ้วไปมาบนแอพเพื่อซูม, ปัด, และขยาย
ที่น่าสนใจคือ Lavaca มีระบบการจัดการ View ที่สามารถคืนหน่วยความจำสู่ระบบได้อย่างมีประสิทธิภาพ เดี๋ยวโค้ชพลลองแล้วจะทำ tutorial มาให้ศึกษากัน
แนวคิดการทำแอพ PhoneGap บน Android และ iOS ของ SceneScout
เนื่องจากทีมพัฒนาเลือกใช้ PhoneGap จึงสามารถ “ใช้โค้ดเดิม” ทั้งใน iOS และ Android application ได้ แต่นักพัฒนาก็ให้คำแนะนำเพิ่มเติมมาดังนี้
- ในตอนแรกคุณอาจจะเลือกทำแอพเฉพาะ iOS (iPhone และ iPad) แต่นั่นไม่สนุกเท่าไหร่ เพราะในวันพรุ่งนี้สิ่งที่คุณออกแบบไว้อาจจะใช้ไม่ได้อย่างสิ้นเชิง อย่างเช่น iOS 7 ที่แถบ status bar ด้านบน “กลืน” ด้านบนของแอพไป 20px
- ควรใช้มุมมองและออกแบบ UI ของแอพเป็น Responsive Web Design ตั้งแต่แรก
- ถ้ามองถึงอนาคต อย่างเช่นการขยายไป FireFox OS หรือ Windows Phone ซึ่งมีการรองรับ HTML และ CSS ที่แตกต่างไปจาก iOS และ Android ให้คำนึงถึงพวก feature detection ว่าสามารถใช้งานได้หรือไม่ (โค้ชพลแนะนำ Modernizr)
- ทีมพัฒนาปล่อยเวอร์ชั่น iOS ก่อน และทดสอบ “อย่างจริงจัง“ กับ Android รุ่น KitKat ก่อนที่จะปล่อยตามออกมาทีหลัง
เรียนรู้พื้นฐานการทำแอพ iOS และ Android ด้วย HTML และ PhoneGap อย่างรวดเร็ว
โค้ชพลสร้างวิดีโอเริ่มต้นติดตั้งโปรแกรม ทำตามได้ง่ายที่ “เริ่มต้นเรียนรู้สร้างแอพ iOS และ Android ด้วย PhoneGap” หรือถ้าสนใจเรียนรู้เร็ว เป็นเร็ว เข้าใจแนวคิด เอาไปใช้ประกอบอาชีพ โค้ชพลก็มีเปิดสอน รอบละ 2 วัน ดูรายละเอียดหลักสูตร PhoneGap ได้ที่นี่