อย่างมาวันนี้ก็ออกมาเป็นเวอร์ชั่น 1.4.1 ให้คุณได้ download ไปใช้งานพัฒนา Cross platform mobile application ด้วยเทคโนโลยีด้าน Web Standard กันถ้วนหน้าแล้วล่ะครับ

Mobile platform ทีไ่ด้รับการปรับปรุงมีดังนี้

• Android
• iOS
• BlackBerry
• Windows Phone

Download PhoneGap SDK มาเริ่มลองใช้งานได้ที่นี่ครับ

ที่มา – PhoneGap

ต้นฉบับของบทความนี้อยู่ที่ - http://flexblog.teerasej.com/adobe-cs-th/phonegap/phonegap-1-4-1-%E0%B8%A1%E0%B8%B2%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7/

เคยเจอปัญหาเวลาที่จะอัพโหลดรูปภาพ หรือวิดีโอไปที่ Facebook ไหมครับ?​ ไม่รู้ว่าจะ upload ด้วยขนาดเท่าไหร่ถึงจะพอดี

Facebook Cheat sheet sizes and dimensions by DreamGrow

บ่อยครั้งที่ผมก็เจอปัญหาแบบเดียวกับคุณที่แหละ และพยายามหาวิธีและขนาดที่ดีที่สุด (ขนาดที่ถูกต้องสำหรับรูปภาพต่างๆ ที่จะใช้บน Facebook) เพื่อให้คนที่เข้ามาเยี่ยมเยียน Facebook Profile, Fan Page, หรือ video ต่างๆ ของคุณนั้นประทับใจ แต่ใน Google นั้นก็มีหลากหลายวิธีเหลือเกิน หาทีก็ต้องมานั่งกรองอีกว่าอันไหนเหมาะสม

แต่มาวันนี้ คุณ Priit Kallas ได้รวมพวกนั้นไว้ใน Cheat sheet ไว้อ้างอิงในแผ่นเดียวเลย ดังนั้นคุณก็ไม่ต้องไปค้นหาสูตรและขนาดพวกนี้ทุกครั้ง เรียกได้ว่าดูแผ่นเดียวก็เอาอยู่! ดูรายละเอียดด้านล่างได้เลยครับ

ใน Cheat sheet ระบุขนาดและคำแนะนำที่เหมาะสมให้กับแต่ละส่วนดังนี้ครับ:

• Big Picture for Timeline
• Profile Image for Page
• Thumbnail
• Facebook Page
• Uploading Picture
• Pictured displayed on Facebook
• Facebook Ads
• Facebook status update
• Video

และคุณยังสามารถ download  PDF version  ได้ด้วยครับ ขอให้สนุกกับการตกแต่ง Facebook นะครับ!

ที่มา – DreamGrow

ความเปลี่ยนแปลง และ Feature เด่นๆ ที่เพิ่มเข้ามามีดังนี้ครับ

• Drivers gating for hardware acceleration relaxed (new in beta 4)
  
  
• Throttling event (new in beta 4) — เพิ่ม ThrottleEvent เข้ามา ซึ่งเจ้า ThrottleEvent นี้จะถูก dispatch ออกมาจาก Stage
  
  
• Mouse lock, relative mouse coordinates, right and middle click events —
  
  
• Multi-threaded video decoding (Windows, Mac OS, and Linux)
  
  
• Flash Player background updates (Windows)

ที่มา – Adobe Labs

หลายๆ คนก็คงกำลังเตรียมตัว อยากรู้ อยากเห็นอะไรใหม่ๆ อยากรู้ว่า Flash จะตายจริงมั้ย?​ ตายแล้วไปไหน?​ HTML5 จะมาหรือยัง? มายังไง?​  ทำ Digital Magazine ต้องทำยังไงบ้าง? ทำคนเดียวได้มั้ย? และอีกมากมายหลายคำถามที่อยากรู้ว่า Adobe Technology จะตอบโจทย์ของคุณได้อย่างไร วันนั้นเราจะมาคุยกันครับ

แต่ว่าก่อนที่จะมาร่วมงาน Bangkok Adobe Camp 2012 ในวันเสาร์ที่ 28 มกราคมนี้ มารู้เกร็ดเล็กๆ น้อยๆ 5 อย่างเพื่อที่จะร่วมงานของ Thai Adobe User Group ได้สนุกสนานและเต็มที่มากขึ้นกันดีกว่า

1. Bangkok Adobe Camp คืออะไร?

มันคืองาน “นำเสนอเทคโนโลยีอัพเดตใหม่ล่าสุดของ Adobe” เป็นงานใหญ่ที่จะจัดขึ้นปีละครั้งในประเทศไทย ขอบอกว่างานนี้ไม่ใช่งานฝึกอบรม เป็นการนำเทคโนโลยีที่ได้รับการกล่าวขวัญในงาน Adobe MAX ที่อเมริกามาเล่า มาแสดง มาสาธิต มาแนะนำให้ผู้ที่สนใจฟัง โดยจะมีกลุ่ม Adobe User Group ในประเทศไทยร่วมกันเฮมาช่วยกันจัดงาน โดยในงานจะมีเทคโนโลยีทั้ง Designer และ Developer รวมถึงมีการเชิญ Adobe Evangelist จากต่างประเทศตัวจริงมาเจาะลึกด้วย

2. มาในนามบริษัทได้ไหม จะมีการออกใบเสร็จรับเงินอะไรไหม?

งานนี้เป็นงานของ User Group ที่จัดโดยการรวมกลุ่มกันจัด ไม่ได้มีการทำธุรกิจ ไม่มีเจ้าภาพที่เป็นนิติบุคคลจัดหารายได้ดังนั้นจึงไม่มีใบเสร็จจากองค์กร User Group และที่สำคัญ ผู้ที่จะมางานต้องเป็นสมาชิก User Group ซึ่งสามารถสมัครเป็นสมาชิกได้ฟรี และผู้ที่สมัครสมาชิกได้ ต้องเป็นในนามบุคคลเท่านั้น ไม่ใช่ในนามบริษัท เพราะหากติดต่อในนามบริษัทต้องติดต่อกิจกรรมกับแผนกการตลาด หรือแผนกขายของ Adobe เท่านั้น เพราะมันเป็นธุรกิจไปแล้ว

3. บรรยากาศในงานจะเป็นอย่างไร?

เมนของงานคือ Meeting สนุกสนานเฮฮา เหมือนเป็นคนที่ชอบในสิ่งๆ เดียวกันมาพบปะกัน สถานที่จัดงานเป็นโรงแรม เราจะมีห้องใหญ่ไว้รวมมิตร (Developer+Designer+Other) สำหรับช่วงเช้า มาทำความเข้าใจแนวทางหลักของ Adobe ไปด้วยกัน ส่วนช่วงบ่ายเราจะแยกออกเป็น 2 ส่วน คือ Developer จะไปส่วนหนึง Designer จะไปอีกส่วนหนึง ตอนนี้ล่ะครับ Speaker เฉพาะด้านจะฉีดคุณด้วยความรู้และเทคโนโลยีให้คุณเต็มที่ มีอาหารกลางวัน มีอาหารว่าง ไว้คุยแลกเปลี่ยนไอเดีย ขอเบอร์ ขอ Facebook ก็ว่ากันไป กันเองครับ เราไม่ได้มาสอบเข้าหน่วยงานหรือมหาลัยไหน

4. มีค่าใช้จ่ายไหม?

มีครับ ค่าเข้าร่วมงานจะอยู่ในหน้า Registration ของ Bangkok Adobe Camp ครับซึ่งก็จะเปลี่ยนเป็นเสื้อยืดสวยหรูให้คุณได้เอากลับไปใส่บอกว่าเราคือ Adobe User Group (
เรามีเสื้อให้ทุกท่านที่ลงทะเบียน แต่ไม่สามารถเลือกขนาดได้ เพราะเราทำขนาดมาคละกัน ดังนั้นหากท่านต้องการจะเปลี่ยนขนาดท่านต้องขอแลกเปลี่ยนกันเอง ทั้งนี้จะทำให้ท่านได้คุ้นเคยกันกับสมาชิกท่านอื่นด้วย ) และมีอาหารเที่ยง พร้อมของว่างขึ้นชื่อ ซึ่งเป็นที่โปรดปรานของชาว Adobe User Group ระหว่างเบรก ตลอดวันงานครับ

5. จะลงทะเบียนอย่างไร?

เข้าไปที่ http://www.bangkok.adobecamp.net/registration.html แล้วอ่านรายละเอียดเล็กน้อย พร้อมทำการลงทะเบียนตามวิธีที่ระบุไว้ได้เลยครับ

6. ถ้าเดินทางมาด้วยรถไฟฟ้าใต้ดิน (MRT) จะเดินทางไปโรงแรมบางกอกเซ็นเตอร์ต่อได้อย่างไร?

หลังจากเดินทางมาถึงสถานีรถไฟใต้ดิน MRT หัวลำโพงแล้ว สามารถออกทางออกที่ 1 (ดูแผนที่) แล้วเดินย้อนกลับมาเล็กน้อยก็เห็นทางเข้าโรงแรมแล้วครับ หรือใครสะดวก Google Map ก็ดูได้ที่นี่ครับ

แล้วเจอกันในงานนะครับ

ขอบคุณพี่ Kajorn Bhirakit เจ้าของงานที่ให้ข้อมูลมา ณ ที่นี้ครับ

1. purepdf

เจ้านี่เป็น Actionscript 3 library เพียวๆ เลย ลอกแบบมาจาก Java library ที่ชื่อว่า iText เกือบทั้งหมด เพียงแค่เปลี่ยนการทำงานให้เหมาะสมกับสภาพแวดล้อม Actionscript 3 เท่านั้น purepdf นั้นมีเป้าหมายที่จะทำให้คุณทำงานกับ PDF ได้เท่าๆ กับที่ library ที่คิดเงินอื่นๆ มี. แม้ว่าเวอร์ชั่นตอนที่เขียนบทความนี้คือ 0.7 แต่ถ้าเทียบกับความสามารถในการสร้างเอกสาร PDF ได้จาก Flash application ตรงๆ มันก็น่าเอาไปลองกับ project คุณนะครับ

2. TCPDF

คราวนี้มาทางฝั่ง PHP บ้าง TCPDF เป็นหนึ่งใน PHP class หลายๆ ตัวที่สามารถสร้างเอกสาร PDF ได้จากฝั่ง server sie นั่นหมายถึง ไม่ว่าคุณจะพัฒนา Flash platform application บน web หรือบน mobile device คุณก็สามารถสร้างเอกสาร PDF โดยการส่งไปติดต่อกับทาง PHP server ได้ (จะต่างจาก purePDF ที่เน้นสร้างจากตัว client เลย). ซึ่งคุณก็สามารถเข้าไป download ทดสอบได้ว่าจะเหมาะกับ project ของคุณหรือเปล่า

3. FPDF

อีก PHP Class ที่มีความสามารถในการสร้างเอกสาร PDF จากฝั่ง server FPDF นั้นเป็น open-source เต็มตัวซึ่งคุณสามารถเอาไปใช้ได้อย่างสบายใจ และสามารถเข้าไปแก้ไข code เองได้ด้วย

สรุป

Adobe นั้นไม่สามารถนำเสนอทุกอย่างที่เหมาะกับทุกความต้องการของคุณใน Product เดียวได้ (ถ้าได้แล้ว คุณจะสู้ราคาไหวไหมล่ะ) แต่บรรดา open source ต่างๆ ที่นำเสนอมาล่าสุดนี้ก็สามารถช่วยให้คุณในเทคโนโลยี Flash Platform เข้าถึงความต้องการของลูกค้าได้ไม่อยากเย็นเลยครับ

Have a great day!

URL ของ Page ที่กำลังเปิดอยู่คืออะไร?

ซึ่งบ่อยครั้งที่ข้อมูลพวกนี้จะเป็นประโยชน์ในการใช้งาน API ของ Social Network อย่างเช่น Facebook Graph API สำหรับ Website ตัวอย่างก็เช่น Social Plugin อย่าง Like Button.

ถ้าเป็นหน้า web page ที่ user เยี่ยมชมอยู่เป็นประเภท Blog Post (เรียกอีกอย่างว่า Article) คุณสามารถใช้ code template ของ WordPress ที่ชื่อ the_permalink() ได้ แต่ถ้าหน้า web page ที่เปิดอยู่เป็น WordPress Page นั้น ยังไม่มี code template ในการเรียกค่า URL ออกมา แต่คุณก็ยังสามารถใช้ code PHP ในการเรียกค่า URL ของ web page ปัจจุบันออกมาได้ ตัวอย่างโค้ดอยู่ด้านล่างครับ:

 echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
 

ไอผมก็ไม่แน่ใจนะว่าใน version ล่าสุดของ WordPress มันจะมี code template สำหรับการเรียกค่า URL ออกมาจาก WordPress’s Page หรือเปล่า แต่ code นี้ก็สามารถทำให้คุณทำงานต่อได้อย่างไม่มีปัญหาครับ

ต้องขอบคุณคำเฉลยนี้จาก Mark / t31os ใน WordPress Forum ซึ่งเป็นที่มาของ code นี้ครับ

จำเครื่องเกมส์พกพาเครื่องแรกๆ ของคุณกันได้ไหมครับ?

ของผมหน่ะ เป็นเกมส์ “ฆ่ามังกร” ถึงแม้ว่ามันจะเป็นเกมส์ง่ายๆ (กดเลื่อนซ้าย-ขวา แล้วก็กดตีมังกร) แต่ผมก็พบว่าผมเล่นมันทุกวันเกือบ 2 เดือนแน่ะ และความทรงจำนั้นก็ยังคงอยู่ในสมองของผม จนกระทั่งผมได้มาพบ Pica Pic ที่ได้รวมเกมส์เหล่านั้น (ยอมรับว่าผมมีแค่เกมส์เดียว) มาทำใหม่ให้เราเข้าไปเลือกเล่นอีกครั้งด้วยเทคโนโลยี Adobe Flash Platform

Pica Pic นั้นดูจะพยายามรวบรวมเกมส์พวกนี้ให้กลับมามีชีวิตบนโลกออนไลน์ให้หมดทีเดียว นอกจาก Donkey Kong และ Zelda, พวกเขายังนำ ARALE,  Mickey and Donald, The Terminator, Aerogun field, และเกมส์พกอื่นๆ อีกมากเลยให้คุณไปสัมผัสใน Website

เห็นตัวอย่างแบบนี้แล้วผมว่า Pica Pic เลือกเทคโนโลยีมาใช้ได้ถูกงานเลย แทนที่จะเลือก HTML5 ตามกระแส แต่มาเลือก Flash Platform ที่สามารถสร้างงาน Interactive แบบนี้ได้เร็วกว่า และง่ายกว่า

คุณสามารถเข้าไปเลือกเล่นเกมส์เหล่านั้นได้เลยที่นี่ ขอให้สนุกนะครับ (พวกเด็กๆ ก็ลองเข้าไปดู เกมส์ง่ายๆ แต่สนุกเล่นเพลินเหมือนกัน)

ขนาดที่ว่า Adobe ประกาศจะเดินหน้าออกเครื่องมือที่จะทำงานกับ HTML5 ได้ดีและสะดวกกว่าเดิม และการวางหมากอันทรงพลังของศาสดาผู้ล่วงลับอย่าง Steve Job ของ Apple ที่กล่าวบนเวทีว่า “ถึงเวลาของ HTML5 แล้ว”

หากแต่ตำแหน่ง “Web Standard” นั้น จำเป็นต้องอาศัยส่วนประกอบและการยอมรับจากหลายๆ ฝ่าย ทำนองเดียวกับการขานรับกฎหมายโลกใหม่แห่งโลก Internet เลยทีเดียว ซึ่ง Adobe Flash เคยสร้างปรากฎการณ์นี้มาแล้วในยุค PC Era ที่ Browser ทั้งหมดจำยอมให้ Flash ก้าวเข้าไปเป็นตัวเชื่อม Interactive Multimedia และ Video Streaming Technology จนพา YouTube และธุรกิจอื่นๆ ประสบความสำเร็จมาแล้วทั้งด้านการสร้างความตื่นตาจื่นใจ และการใช้งาน (แนะนำให้ดูตัวอย่างจาก Prezi.com และ FarmVille)

นั่นคือ Web Standard นั้น ส่วนสำคัญส่วนหนึงคือ ต้องเข้าถึงได้จาก Browser เกือบทุกประเภทในโลก การสร้าง Website หรือ Web Application นั้นต้องสามารถแสดงผลได้เหมือน หรือใกล้เคียงกันมากที่สุดใน Browser แต่ละตัว ซึ่งในปัจจุบันโจทย์นี้ก็ใหญ่ขึ้นเรื่อยๆ จากจำนวน Web Browser บน Desktop ที่มีเจ้าใหญ่ๆ อยู่แล้ว ก็ยังมี Browser ที่อยู่ใน Smartphone และ Tablet อีก ซึ่งการที่จะรวม Browser จากหลายๆ ค่ายให้อ่านและเข้าใจภาษาเดียวกันนั้น เป็นเรื่องที่ดูไม่ใกล้ และไม่ไกลจนเกินไป ยังคงต้องรอปัจจัยที่จะเพิ่มเติมขึ้นมาในอนาคต ซึ่งจะทำให้ Developer และ Designer ทำงานได้สะดวกมากขึ้น

แต่ช่วงเดือนธันวาคม 2011 นี้เองอะไรหลายๆ อย่างได้เริ่มแสดงตัวออกมาแล้ว เหมือนจิ๊กซอว์ที่เราเริ่มเห็นมันปะติดปะต่อกัน ผมสรุปมาคุยกัน 2 เหตุการณ์ด้วยกันครับ

1. Chrome ก้าวขึ้นแท่น Browser ผู้ใช้สูงสุด

นั่งมองข่าวมันมาเรื่อยๆ คิดว่าในที่สุดก็จะถึงวันนี้จนได้ วันที่ IE ไม่ได้เป็น Web Browser ที่คนใช้มากที่สุดในโลกอีกต่อไป

ก็แน่ล่ะ Chrome งี้ Firefox งี้ ยิ่ง iOS ที่ใช้ Safari ขายดีไปทั่วโลก ก็เริ่มนับวันรอเลยว่าเมื่อไหร่หนอที่ IE จะร่วงจากบัลลังก์

แต่เดิม Google ผู้เป็นเจ้าของ Chrome นั้นเป็นผู้ยึดถือหลักการ “ทุกอย่างจะอยู่ใน Web” มาตลอด (ซึ่งจะค้านกับหลักการของ Apple ที่ “ทุกอย่างจะกลายเป็น App”) ซึ่งก็คงแนวคิดนี้ในเวทีของตัวเองมาโดยตลอด นับตั้งแต่ Google Maps หรือ Google App for Business รวมไปถึง Chrome Book ที่เหมือนจะต้องอาศัย Internet ในการดำรงชีวิต แต่กุญแจสำคัญของ Google นั้นอยู่ที่การดัน HTML5 ให้เป็น Web Standard ให้เร็วที่สุด เพื่อที่ทุกอย่างที่เขาสร้างขึ้นจะกลายเป็นสภาพแวดล้อมที่เอื้อต่อธุรกิจที่สร้างบนรากฐานของ Web technology

การที่ Chrome ก้าวขึ้นเป็นผู้นำ Web Browser ของโลก เป็นการตอกป้ายย้ำว่า HTML5 จะเข้าถึงและทำงานได้เป็นอย่างดีให้ผู้ท่องเว็บทั่วโลกกลุ่มใหญ่ๆ ได้แล้ว

2. Microsoft ตัดสินใจทำให้ IE ตั้งแต่เวอร์ชั่น 9 เป็นต้นไป update ตัวเองได้

ตัวนี้ใครติดตามข่าวก็คงไม่แปลกใจที่ Microsoft ตัดสินใจเปลี่ยนรูปแบบให้ IE ใน XP, Vista, และ Windows 7 (สามารถอัพเดตตัวเองได้อัติโนมัติ ซึ่งเป็นสูตรที่พา Chrome ได้รับความนิยมอย่างล้นหลามมาแล้ว โดยจะเริ่มในช่วงเดือนมกราคมปี 2012

ผลที่เกิดขึ้นตามมาคือ ผู้ใช้ IE (ซึ่งเป็นฐานผู้ใช้มากเป็นอันดับต้นๆ ของโลก) จะได้รับการอัพเดต Web Browser ของตนเองอัตโนมัติ ซึ่งหมายถึงคนกลุ่มนี้จะสามารถเข้าถึงเทคโนโลยีอันสวยงามที่ชื่อว่า HTML5 โดยอัตโนมัติ เป็นการขยายฐานผู้ “มีสิทธิ์” ในการเข้าถึงเทคโนโลยีตัวใหม่นี้ พาให้ HTML5 เข้าใกล้แท่นตำแหน่ง Web Standard ตัวจริงเข้าไปอีก

สรุป

HTML5 ยังอยู่ในช่วงเริ่มต้นเท่านั้น แต่ก็เป็นช่วงเริ่มต้นที่คนส่วนใหญ่รออย่างใจจดใจจ่อ ทั้ง Web Developer ที่ยังยึดติดกับ HTML อย่างเหนียวแน่น และเหล่า Flash Developer ที่มองหาแหล่งเทคโนโลยีใหม่ๆ ในการนำเสนอความคิดสร้างสรรค์ของตัวเอง เป็นช่วงเริ่มต้นของการเปลี่ยนถ่ายเทคโนโลยีหลายๆ ด้าน (เช่น การบริโภคของ user ที่เปลี่ยนจาก PC ไปเป็น Smart Device)

จริงๆ ปีหน้าน่าจะมี จิ๊กซอว์อีกหลายๆ ส่วนที่จะปรากฎขึ้นมาต่อภาพใหญ่ของเทคโนโลยีนี้ให้สมบูรณ์ขึ้น สมดังที่ผู้คนจะกล่าวขานกันว่า HTML5 นี่ล่ะคือเทคโลยี Web Standard ที่ (ทำงานได้สมบูรณ์อย่าง) แท้จริง

วันนี้สวัสดีครับ

PS. จริงๆ มีเทคโนโลยีอีกตัวหนึ่งด้านการทำ Mobile Application ด้วย HTML5 ที่มีชื่อว่า PhoneGap ถ้าสนใจ ติดตามอ่านรายละเอียดได้ที่นี่ครับ

ขอบคุณแหล่งข้อมูลอ้างอิง – Blognone, Drawlogic

น่าจะเป็นคำถามที่คนอีกกว่าหลายล้านคนทั่วโลกเริ่มถามถึง หลังจากงาน Adobe MAX 2011 ที่ Adobe ประกาศบนเวทีเลยว่า ได้เข้าซื้อ Nitobi ผู้เป็นเจ้าของเทคโนโลยี PhoneGap เรียบร้อยแล้ว และในเมื่อเทคโนโลยีหนึงถูกซื้อโดย Adobe มันก็กลายเป็นเรื่องที่น่าสนใจทีเดียวว่า Adobe มองเห็น และกำลังจะทำอะไรกับเจ้า PhoneGap

ดังนั้นเรามาทำความเข้าใจในเทคโนโลยีนี้กันดีกว่า เพื่อจะได้ใช้มันกับงานของคุณได้ถูกต้อง และเรียนรู้การใช้งาน Adobe Tool ที่กำลังจะออกมา support เทคโนโลยีนี้ในอนาคตอันใกล้

1. กำเนิด PhoneGap

ในอดีตนั้น อุปกรณ์มือถือที่เราเรียกติดปากว่า Mobile Device หรือ Device นั้นต่างก็มีระบบปฏิบัติการของตัวเอง (เรียกย่อๆ ว่า OS “โอเอส”) ไว้เพื่อจัดการการทำงานต่างๆ เช่นการบันทึก Contact หรือเชื่อมต่อ Internet ซึ่งไม่ว่าจะเป็น Nokia หรือ Samsung ต่างก็มีระบบ OS เป็นของตัวเอง

และในเมื่อ Developer อยากจะพัฒนา Application มาให้กับ Mobile Device ที่ต้องการ ก็จำเป็นต้องเรียนรู้ภาษา programming ที่ออกแบบมาเฉพาะกับ OS นั้นๆ ซึ่งถ้าโลกนี้มันมีแค่ 1 – 2 OS ก็ไม่น่าตื่นเต้นเท่าไหร่หรอก หากแต่ว่ามันมีเยอะหน่ะสิ! เวลา Developer หรือนักลงทุนจะเริ่มพัฒนา Mobile Application ก็จะเก้ๆ กังๆ ว่าจะลงทุนเงินและเวลาให้กับ OS ไหนดี เพราะการพัฒนา Application บน OS ตัวใดตัวหนึ่งนั้นใช้เวลาและเงินทุนมาก นับไปตั้งแต่ซื้อ Tool, จ้าง Programmer ที่เชี่ยวชาญ, ศึกษาระบบของ OS นั้นๆ จนไปถึง​Model การตลาดและการขายต่างๆ ขอแต่ละเจ้าก็ไม่เหมือนกัน ยิ่งถ้าต้องการให้บริการหรือสินค้าของตัวเองไปปรากฎบนทุกๆ OS นั้นเป็นเรื่องที่ใช้เงินทุนมหาศาล

ทว่าเมื่อมนุษย์สร้างปัญหาขึ้นมา ก็ต้องมีมนุษย์ที่คิดแก้ปัญหา มีคนกลายกลุ่ม (และหลายบริษัท) พยายามสร้างรูปแบบการพัฒนา Mobile Application  แบบพัฒนาทีเดียว แต่นำไปใช้งานได้เหมือนกันบน Mobile OS แต่ละเจ้า นั่นคือต้นกำเนิดของรูปแบบการพัฒนา Mobile Application ที่เราเรียกว่า Cross-platform นั่นเอง ซึ่งในเวลาที่เขียนบทความนี้อยู่โลกก็แบ่งออกเป็นส่วนๆ ให้กับ Apple iOS, Google Android, Windows Phone, และ RIM BlackBerry ไปเรียบร้อยแล้ว การสร้างชุดเครื่องมือในการพัฒนา (ที่เรียกกันติดปากว่า Tool หรือ Framework) จึงมุ่งเน้นไปที่เจ้าใหญ่ๆ ที่พูดถึงอยู่นี้ให้ได้ ในตอนแรก Adobe Flash เป็นเทคโนโลยีตัวเต็งที่สร้างชื่อจากการเป็น Cross-browser technology มาก่อน แต่ก็ต้องหรี่แสงไปด้วยวาทะของ Steve Jobs และในขณะเดียวกันก็จุดประกายให้ HTML5 ขึ้นมาผงาดอยู่บนเวทีได้ในเวลาอันรวดเร็ว

แต่แล้วทั้งแล้ว HTML5 ก็ยังยืนอยู่ฝั่ง Web technology อยู่ดี มันต้องเข้าถึงด้วย Web browser ผ่านเครือข่าย Internet ตามลักษณะของ Website ดั้งเดิม คำถามคือเราสามารถนำ Web technology มาสร้างเป็น Mobile Application จริงๆ ได้ไหม? เราจะสามารถสร้าง  Application ที่สามารถ download ผ่าน Online Store ทั้งหลาย, ทำงานได้แม้จะไม่ต้องเชื่อมต่อกับ Wifi หรือ 3G และสามารถพัฒนาเพื่อใช้งานกับอุปกรณ์บน Device ต่่างๆ โดยที่ใช้ภาษาการเขียน Web อย่าง HTML/Javascript/CSS ได้อย่างไร?

หนึ่งในคำตอบนั้น ก็ไม่พ้นเทคโนโลยีที่ร้อนแรงที่สุดตอนนี้ที่มีชื่อว่า PhoneGap นั่นเอง

2. PhoneGap ทำงานอย่างไร?

PhoneGap นั้นอาศัยหลักการง่ายๆ ที่คุณควรทำความเข้าใจ เพื่อที่จะรู้ว่ามันจะพาคุณไปได้ไกลแค่ไหน (photo by oskay)

หากจะพูดให้ง่าย การทำ Website แต่เดิมคือการสร้าง HTML file และรวมรูปรวมถึง link ต่างๆ เข้าด้วยกันแล้วเอาขึ้นไปไว้บน Server เพื่อให้ผู้ใช้เปิดผ่าน Web browser จาก computer ของตัวเอง นั่นหมายถึงไม่มีการติดตั้ง Application บนเครื่องของผู้ใช้ แต่เปิดใช้งานผ่าน Web browser ซึ่งจำเป็นต้องอาศัยการเชื่อมต่อ Internet อยู่ตลอด

แต่รูปแบบการทำงาน PhoneGap นั้น มันจะทำการ “ห่อ” Website ทั้งหมดของเราให้เป็น Application (ให้นึกถึงข้าวมันไก่ในตอนเช้าที่มันถูกห่อกระดาษก่อนใส่ถุงให้เราหิ้วมากินที่ออฟฟิศ) โดย “กระดาษห่อ” ที่ PhoneGap เตรียมไว้ให้นี้ (ภาษาฝรั่งเรียกว่า Wrapper) แต่ละแบบก็จะเหมาะสมกับการทำงานบน Mobile OS แต่ละเจ้า ซึ่งตอนนี้ก็เรียกว่า Support เกือบจะทุก Mobile OS เลยทีเดียว ตั้งแต่ iOS, Android, Windows Phone, webOS, Symbian และ Bada

3. แนวทางการพัฒนา Mobile Application ด้วย PhoneGap เป็นอย่างไร?

การใช้งาน PhoneGap สำหรับ Web Developer หรือ Designer นั้น ถือว่าสะดวกมาก (photo by smallandround)

รูปแบบการพัฒนา Mobile Application ด้วย PhoneGap นั้น จะเป็นการใช้ความรู้ความสามารถในการเขียน Website หรือที่เขาเรียกกันติดปากกันไปอีกนานว่า HTML5/Javascript/CSS เป็นหลัก (ผมได้ยินเสียงหัวเราะเบาๆ ของ Web Designer กับ Web Developer นะ) เพียงแต่คุณต้องปรับรูปแบบการทำงานให้เหมาะกับ Mobile User Experience แทนที่จะเป็น Web User Experience เท่านั้น ซึ่งจะขอกล่าวถึงในโอกาสต่อไป

บางคนอาจจะถามว่า แล้วมันสามารถพัฒนาเรียกใช้งาน function ต่างๆ ใน Mobile Device ได้ไหม? สามารถถ่ายภาพผ่าน Camera ได้ไหม? หรือจะเก็บข้อมูลไว้ใน Database ภายในเครื่องได้หรือเปล่า? ขอตอบตรงนี้ว่าได้ครับ เพราะ PhoneGap จะมีชุดคำสั่ง (เรียกกันทั่วไปว่า API) ไว้ให้คุณเขียนเพื่อเรียกใช้งาน feature ส่วนนี้โดยเฉพาะ

จากนั้นเมื่อทุกอย่างเรียบร้อย ก็จะเป็นขั้นตอนการ “Packaging” ตัว Project ของคุณให้กลายเป็น Application File ที่เหมาะสมกับ Mobile OS แบบต่างๆ เพื่อที่จะ upload ขึ้นไปบน Online Store ต่อไป

ตอนนี้ผมกำลังเรียบเรียงเนื้อหาและวิธีการใช้งาน PhoneGap ออกมาเป็นหนังสือไว้ให้ทุกคนได้ใช้อ้างอิงและเรียนรู้กัน และจะปล่อยบางส่วนออกมาให้ทุกคนได้ comment กัน

4. PhoneGap มีค่าใช้จ่ายหรือเปล่า?

PhoneGap นั้นเป็น open source นั่นหมายความว่าคุณไม่ต้องมีค่าใช้จ่ายในการเริ่มนำมันมาใช้งาน (photo by quazie)

หากเริ่มสนใจจะใช้งาน PhoneGap แล้วล่ะก็ คงต้องถามถึงราคาที่ต้องลงทุนแน่นอน โชคดีจริงๆ ที่ PhoneGap นั้นเป็น open source เปิดให้ทุกคนรวมถึงคุณนำไปใช้งานได้ฟรีๆ ดังนั้นคุณไม่จำเป็นต้องเสียค่าใช้จ่ายเพิ่มเติมสำหรับเทคโนโลยี PhoneGap ครับ แต่ก็มีบริษัทบางที่ สร้างเครื่องมือที่ทำให้การทำงานผ่าน PhoneGap นั้นง่ายขึ้น อย่างเช่น Adobe Dreamweaver CS5.5 ที่มี feature อำนวยความสะดวกในการ export web project ของคุณออกเป็น Mobile Application ง่ายๆ ครับ หรือจะเป็น XCode ของ Apple ที่ตอนนี้มี Project Template ของ PhoneGap มาให้พร้อม

5. แล้วจากนี้จะติดตามเทคโนโลยี PhoneGap และเครื่องมือของ Adobe ในการใช้งาน HTML5 อย่างไร? 

"PhoneGap น่าสนใจมาก แต่จะติดตามเพิ่มเติมได้อย่างไร? หรือจะมี training ไหม?" (photo by Tostie14)

Adobe อยู่ในช่วงก้าวแรกของเทคโนโลยี HTML5 จริงๆ อย่าง Adobe MUSE และ Adobe Edge ที่ยังอยู่ในช่วง Beta ตอนที่เขียนบทความอยู่นี้ แต่ก็สามารถสร้างภาพให้มองเห็นอนาคตอันใกล้ว่า Adobe กำลังสร้างเครื่องมืออะไรให้เทคโนโลยีนี้บ้าง

คุณสามารถไป download และเริ่มศึกษาการพัฒนา Mobile Application ได้ทั้งจาก Website ของ JQuery Mobile  และ PhoneGap รวมถึงตัวทดลองใช้งานของ Adobe Dreamweaver ได้แล้ววันนี้ ซึ่งต้องบอกว่าการพัฒนาของทั้ง 2 ค่ายนั้นมีอยู่ตลอดเวลาจึงควรเข้าไปเช็คบ่อยๆ

หรือจะคอยติดตามกิจกรรมของ User Group: Thai Adobe Developer Community โดยการลงทะเบียนรับข่าวสารและกิจกรรมที่ให้คุณเข้ามาร่วมสนุกและเรียนรู้กันได้เป็นระยะ จากนั้นค่อยไป subscribe Vimeo Channel และ Like ThaiADC Fan Page ได้ใน Facebook เช่นกัน

และวันที่ 28 มกราคม 2555 ในงาน Bangkok Adobe Camp 2012 ช่วง Developer Session ผมกับ Peter ก็จะมาพูดถึง PhoneGap และแนวทางของเทคโนโลยีตัวนี้เช่นกันครับ ตอนนี้รีบไปลงทะเบียนจองที่นั่งกันก่อนที่ Website นี้ได้เลยครับ รายละเอียดเพิ่มเติมสอบถามที่คุณ Kajorn Bhirakit ได้เลย

Enjoy PhoneGap ครับ

เชิญเข้าร่วมกลุ่ม Thai Adobe Developer Community

ลงทะเบียนเพื่อรับข่าวสารเพื่อเข้าร่วมกิจกรรม,​ สัมผัสเทคโนโลยีใหม่ๆ ก่อนใคร, พบปะกับเพื่อนในวงการเดียวกัน,​ และมีสิทธิ์ลุ้นรับของรางวัล และ software จาก Adobe ในกิจกรรมของกลุ่มครับ

สมัครเข้าร่วมกลุ่มเพื่อรับแจ้งกิจกรรมทาง email และรับสิทธิร่วมสนุกรับของรางวัลได้ที่นี่ (ถ้าไม่มี Adobe Account ระบบจะให้คุณลงทะเบียน Adobe Account ก่อนครับ) จากนั้นติดตามข่าวสารได้ทาง ThaiADC Fan Page ครับ

• jQuery และ jQuery Mobile สุดยอด Framework นำโด่งในขณะนี้ (มีอยู่ใน list แล้ว)
• CSS3 PIE - ช่วยแปลงให้ CSS3 บางตัวไปใช้กับ IE รุ่นเก่าๆ (อย่าง Internet Explorer 6 ได้) - http://www.css3pie.com/
• Bootstrap - Bootstrap เป็นเครื่องมือที่ดูแลโดย twitter ไว้ให้นักพัฒนาสามารถสร้าง Web App ได้เร็วๆ . http://twitter.github.com/bootstrap/
• LESS ภาษาเชิง programming ที่ทำให้เขียน CSS ได้ dynamic มากขึ้น และถูกกล่าวถึงในงาน Google I/O ด้วย (เหมาะสำหรับ Developer ที่ไม่ชอบการมานั่งเขียน CSS แบบเดิม) -  http://lesscss.org/
• Chrome Developer Tools - เครื่องมือสำหรับนักพัฒนาที่อยู่ใน Chrome - http://www.chromium.org/devtools
• SourceKit และ Ace - มันคือ IDE ภายในเบราว์เซอร์ – SourceKit on Chrome
• PhoneGap – เครื่องมือช่วยในการ publish website project ของคุณให้เป็น Mobile Application (Adobe ประกาศว่าเข้าซื้อ technology นี้ในงาน Adobe MAX 2011)– http://phonegap.com
• Popcorn และ Popcorn.js - HTML5 Media framework ดูแลโดย Mozilla - http://www.popcornjs.org/
  

ใครอยากศึกษา list เครื่องมือตัวเต็มก็กดดูได้ที่นี่ครับ ว่าแต่เครื่องมือที่คุณใช้อยู่มีอะไรบ้าง แชร์ comment กันด้านล่างได้เลยครับ

ที่มา – ReadWriteWeb, Blognone