ซึ่งวันก่อนผมได้เขียนอธิบาย feature ที่สำคัญๆ ไว้แล้ว (คลิกที่นี่เพื่อเข้าไปอ่านเพิ่มเติม)

วันนี้มาดูเฉพาะเจาะจงกับ iOS Simulator Support ที่ทำให้คุณสามารถทดลอง test ตัว Adobe AIR Application กับ iOS Simulator บน Mac OS ได้ (Windows หมดสิทธิ์ครับงานนี้)

ซึ่งถ้าจะพูดถึงเรื่องการทดสอบ Application ที่เราสร้างให้กับ iOS ก่อนหน้านี้นั้น เราต้องทำการทดสอบบนตัว Device

ไม่งั้นก็ต้อง test กับ Adobe AIR Simulator ซึ่งอาจมีความสามารถไม่ทัดเทียมเหมือนกับ iOS Simulator ที่ติดมากับ XCode

และด้วย feature ใหม่นี้ ทำให้เราสามารถทดสอบ Adobe AIR Application ได้โดยไม่ต้องอาศัย certificate file ซึ่งเป็นไฟล์ที่จำเป็นในการนำ Application ไปทดสอบบนเครื่องจริงๆ

น่าจะถูกใจคนที่ยังไม่อยากตัดสินใจซื้อเครื่องจริงๆ มาทดสอบนะครับ

สามารถไปดูวิธีการทำโดยละเอียด จากแหล่งที่มา คลิกที่นี่ได้เลยครับ 

โดยเฉพาะ feature ใหม่ๆ ที่กำลังเพิ่มเข้ามาทำให้ Adobe AIR ดูจะมีอนาคตที่สดใสมากขึ้นเรื่อยๆ ในฐานะ Cross platform runtime จริงๆ (อย่างที่ผมเคยชี้แจงไว้ในบทความการเปลี่ยนแปลงของ Adobe และ Flash)

feature ที่ผมชอบที่สุดดูเหมือนจะเป็นการปรับปรุงให้สามารถนำเข้าไปใน Mac App Store ได้ (ได้ผลิตอะไรเจ๋งๆ ออกมาขายใน Mac App Store ล่ะงานนี้)

ว่าแล้วก็ค่อยๆ ดูไปพร้อมกันเลยครับว่ามีอะไรบ้าง

3. Stylus support for Android 4.0

น่าจะเคยผ่านตากันสำหรับ มือถือ Galaxy Note ที่แถม Stylus ที่มีชื่อเก๋ไก๋ว่า S-pen มาให้

นั่นเป็นสัญญาณแรกว่า Mobile Device ที่สามารถรับ input แบบปากกากลับมาอีกครั้ง แม้จะไม่โดดเด่นเท่ายุคก่อน แต่มันก็เพิ่มมิติใหม่ๆ ในการสร้างสรรค์ประเภทของ Application จริงๆ

โดยเฉพาะใน Android 4.0 ที่ Google บอกว่าจะมี API สำหรับ Stylus มาเป็นมาตรฐาน ใครจะเอาไปสร้างอะไรก็ตามสบาย

Adobe เลยไม่รอช้า สร้างส่วนที่รองรับ Stylus API มาให้พร้อมใช้งานครับ

เอ้า ใครคิดอยากสร้าง App วาดรูปดีๆ เจ๋งๆ หรืออย่างอื่นที่ใช้ Stylus ควบคุม ก็ยิ้มออกกันได้แล้วนะครับ

4. Simulator Support (Mac)

ตัวนี้เขาจัดให้สำหรับคนที่เคยอยากทดสอบ Adobe AIR บน iOS Simulator (จริงๆ) ไม่ใช่ Adobe AIR simulator

เวอร์ชั่นนี้เขาทำให้คุณสามารถยิงคำสั่งผ่าน ADT เพื่อนำ Adobe AIR  Application ของคุณไปวิ่งอยู่บน iOS Simulator ได้แล้วครับ

สำหรับส่วนนี้ Windows ไม่เกี่ยว – -

5. Aspect Ratio Enhancements

ปัญหาของ Adobe AIR เวอร์ชั่นก่อนๆ ที่ Application จะมีปัญหากับ Ratio การแสดงผลก็จะถูกปรับปรุงให้ดีขึ้นกว่าเดิมมาก

6. Improved Mac App Store Support 

ส่วนนี้ผมชอบที่สุด และรอมนานแล้ว โดยมีการเพิ่มการสนับสนุน ให้สามารถ Submit Adobe AIR Application ไปที่ Mac App Store ได้

ลองกันเลย!

หลังจากอ่าน feature ใหม่ๆ ใน Adobe AIR 3.3 แล้ว อยากลองของใหม่หรือยังครับ?

ถ้าอยากลองก็ไป download Adobe AIR 3.3 Beta ได้จาก Adobe Labs ได้เลย ถ้าสงสัยอะไรก็สามารถคลิกเข้าไปถามได้ใน Adobe Forum และสุดท้ายถ้าเจอ Bug ก็สามารถคลิกเพื่อ report ไปที่ Adobe เพื่อช่วยกันทำให้ Adobe AIR สมบูรณ์มากขึ้นกว่าเดิมครับ

มีปัญหาหรือคิดว่า Adobe AIR ควรมีอะไรเพ่ิมเติม แลกเปลี่ยนความคิดเห็นกันใน comment ด้านล่างได้นะครับ

ที่มา – Adobe Labs

โดยความน่าสนใจของ BBX คือการรองรับเครื่องมือพัฒนาที่หลากหลาย เช่น HTML5 ด้วย Blackberry WebWork, Adobe AIR, ภาษา C, C++ และทุก Application ในปัจจุบันที่ทำงานบน Blackberry Playbook ได้ในตอนนี้ ก็จะสามารถทำงานบน BBX ได้เช่นกัน

โดยในการเปิดตัว BBX ก็มีการประกาศ UI Framework ใหม่เช่นกัน โดย framework ใหม่จะเชื่อมเข้ากับระบบบริการต่างๆ ของ Blackberry เช่น alway-on Push service, Blackberry Security, และ BBM Social Platform เป็นต้น

ถ้ามีอัพเดตเพิ่มเติมจะมาอัพเดตให้ทันทีครับ

ที่มา – BlackBerry DevBlog

นี่เป็นวิดีโอตัวที่ 2 ในชุด Video Series: Getting Started Adobe Flex for Mobile ที่สร้างขึ้นเพื่อนำคุณเข้าสู่โลกของการพัฒนา Mobile Application ที่ทำงานได้หลาย Platform ด้วย Adobe Flex ได้อย่างรวดเร็วกัน

ในชุดนี้ประกอบไปด้วย

1. Create your first Mobile project: เริ่มสร้าง Adobe Flex for Mobile Project
2. Basic laying out your component: รู้จักกับระบบการจัดวาง User Interface พื้นฐานใน Mobile application ของคุณ
3. Knowing your application’s structure: ทำงานกับ Flex Mobile Application ต้องรู้จักโครงสร้างของมันก่อน
4. Working with List & Data Service: ทำงานกับ List และ Data Service เพื่อสร้าง Dynamic content ให้ Mobile Application ของคุณ
5. Test your mobile application on device (Android): ทดสอบ Mobile application บน Android Device ของคุณ

Video นี้กล่าวถึงอะไร?

คราวนี้มาดูระบบการจัดการ User Interface ของ Adobe Flash Builder ในการเขียน Mobile application ของคุณ กันโดยระบบพื้นฐานได้แก่ Absolute Positioning และ Layout container จะช่วยให้คุณทำงานได้เร็วขึ้นแน่นอน

นี่เป็นวิดีโอตัวที่ 1 ในชุด Video Series: Getting Started Adobe Flex for Mobile ที่สร้างขึ้นเพื่อนำคุณเข้าสู่โลกของการพัฒนา Mobile Application ที่ทำงานได้หลาย Platform ด้วย Adobe Flex ได้อย่างรวดเร็วกัน

ในชุดนี้ประกอบไปด้วย

1. Create your first Mobile project: เริ่มสร้าง Adobe Flex for Mobile Project
2. Basic laying out your component: รู้จักกับระบบการจัดวาง User Interface พื้นฐานใน Mobile application ของคุณ
3. Knowing your application’s structure: ทำงานกับ Flex Mobile Application ต้องรู้จักโครงสร้างของมันก่อน
4. Working with List & Data Service: ทำงานกับ List และ Data Service เพื่อสร้าง Dynamic content ให้ Mobile Application ของคุณ
5. Test your mobile application on device (Android): ทดสอบ Mobile application บน Android Device ของคุณ

Video นี้กล่าวถึงอะไร?

พูดถึงเครื่องมือ Adobe Flash Builder ตัวล่าสุด การสร้าง Mobile Project อย่างถูกต้อง รวมไปถึงความเข้าใจในการใช้งานเคร่ืองมือต่างๆ ในการสร้างและทดสอบ Mobile Application บนเครื่องของคุณ

เมื่อความจริงทางการเมือง ต้องได้รับการเปิดเผย คุณจะทำอย่างไร!?

นี่เป็นหนึ่งในคำถามที่ PolitiFact ที่ได้รับรางวัลพูลิสเซอร์ ต้องตอบให้ได้!

และเมื่อโลกใบนี้ถูกครอบครองด้วยอำนาจที่อยู่เหนือการเมือง! อำนาจอย่าง Mobile Device ที่คนหลายร้อยล้านคนทั่วโลกต้องตกอยู่ภายใต้อำนาจการใช้งานที่สะดวกสบายของมันอยากหลีกเลี่ยงไม่ได้ PolitiFact จึงจำเป๊น จำเป็นต้องขยายฐานอำนาจไปยังส่วนนี้

และเหตุใดสำนักข่าวที่คอยที่แผ่ความจริงทางการเมืองของอเมริกาอย่าง PolitiFact ที่ต้องการความรวดเร็วและถูกต้องของเนื้อหา และรูปแบบการนำเสนอสื่อ จึงเลือกใช้เทคโนโลยี Adobe Flash Platform แทนที่จะเป็นเทคโนโลยีอื่นๆ ตามกระแสอย่าง HTML5?

ที่มาที่ไปและได้ผลอย่างไรนั้น เรามาดูกันครับ

การนำความจริงมาอยู่ในมือคุณ!

PolitiFact ได้ใช้เครื่องมือเพียง 2 – 3 ตัว อย่าง Adobe Flash Builder 4.5.1,​ Adobe Flex 4.5, และ Adobe Illustrator ในการสร้าง Mobile Application เวอร์ชั่นใหม่ให้กับ PolitiFact Truth-O-Meter

และในเวลาเพียง 3 อาทิตย์ PolitiFact ก็สามารถนำ Truth-O-Meter ไปวางให้คนนับหลายล้านคน download ไปใช้งานได้ทั้งใน App Store, App World, และ Android Market ครบทั้ง 3 ตลาดโลกในตอนนี้

และด้วยการใช้งาน Adobe Flash Platform ทำให้การพัฒนาตัว Mobile application สามารถทำได้จาก project เดียว โดยที่ไม่ต้องมานั่งพัฒนาใหม่ให้แต่ละ Mobile Device ให้เปลืองเงิน และเวลา 

เรียกได้ว่าลดลงมา 3 เท่าก็ได้

โดยทาง PolitiFact ให้ feedback ในการใช้ Adobe Flash Platform นำข้อมูลของเขาลง Mobile Device ดังนี้ครับ

• ส่วนเครื่องมือที่พัฒนาได้เร็ว และมีระบบทดสอบในตัว ทำให้สามารถปล่อย version สมบูรณ์ได้ในเวลาเพียง 3 อาทิตย์
• ลดค่าใช้จ่ายในการพัฒนา โดยพัฒนาเพียงครั้งเดียว แต่สามารถส่งออกไปได้หลาย platform
• สามารถรองรับการแสดงผลในหน้าจอหลายขนาดได้
• ได้รับคำวิจารณ์ในทางบวกจากสื่อและผู้ใช้

สามารถอ่านเนื้อหาแบบสมบูรณ์ได้ที่นี่ครับ

เพราะหลังจากที่ Adobe ย้อนกลับไปปรับทัพเทคโนโลยีมาครั้งใหม่ ก็ได้เจาะเข้า iOS ได้ด้วย Adobe AIR ไม่ใช่ Adobe Flash อย่างที่ทุกคนเคยคาดการณ์กันไว้ก่อนหน้านี้

และมาวันนี้ Mobile application ที่สร้างด้วย Adobe AIR หนึ่งในเทคโนโลยี Adobe Flash Platform ก็รุกเข้าสู่ App Store อย่างต่อเนื่อง

และ Machinarium ก็คือหนึ่งใน Flash Game ที่ขึ้น Game of the week ไปแล้วครับ!!

The Machinarium

Machinarium (แมช-ชีน-นา-เรียม) เป็นผลงานจาก Amanita Design ที่ได้ร่วมมือกับ Adobe Evangilist เลื่องชื่อ นาม Tom Krcha  จนเปลี่ยนไอเดียบรรเจิดจาก game free บน website นี้ ให้กลายเป็น game บน iPad 2 (เน้นว่า iPad 2 เพราะสร้างมาให้ทำงานกับ iPad 2 โดยเฉพาะ)

ซึ่งทำให้ Amanita Design เข้าถึง user ได้ง่ายกว่า เยอะกว่าเดิม (จากฐานผู้ใช้ iPad 2 ที่มีมากมายมหาศาล) และที่สำคัญมันเปลี่ยน content ที่ไม่ทำกำไร ให้กลายมาเป็น mobile application ที่ทำกำไรบน Apple App Store ได้

ซึ่งความมหัศจรรย์นี้ ทำได้ด้วย Flash Platform นั่นเองครับ ใครสนใจอยากลอง download มาเล่นก็ไป download จาก App Store ที่นี่ได้เลย

แล้วคุณคิดยังไงกับ Flash บน iOS? คุณกำลังมีคำถามสำหรับการใช้เทคโนโลยี Flash Platform นำไอเดียของคุณไปโลดแล่นบน iOS ไหม? แชร์กันด้านล่างได้เลยครับ

นั่นเป็นเพราะว่ามันกลายเป็น 1 ในสุดยอด platform ที่ลงทรัพยากร ทั้งเงินและเวลาครั้งเดียว ก็สามารถ publish นำไปทำเงินได้ทั้ง Apple App Store, Android Market, และ BlackBerry App World หน่ะสิครับ!!

แต่ก็มีคำถามเกิดขึ้นมาเยอะทีเดียว เพราะก่อนหน้านี้ Apple เคยบอกว่า “iOS Device ของพวกเขาไม่เอา Flash!” (ให้จินตนาการเสียงเอคโค่เอา)

แล้วทำไมมันทำลง iOS Device ขายกันเป็นล่ำเป็นสันได้แล้วเนี่ย!!

วันนี้มาทราบกันดีกว่าครับว่าเบื้องหลังความสำเร็จนี้ มันมีที่มาอย่างไร

หรือว่านี่คือ Adobe AIR?

หากนี่เป็นคำตอบที่คุณคาดไว้ ถูกต้องแล้วครับ!!

Adobe AIR เป็น Technology ที่คิดค้นโดย Adobe ที่เกิดขึ้นมาถูกที่ถูกเวลา

ตอนแรกมีเป้าหมายในการ Publish พวก Flash Content จาก Web ให้มาลง Desktop Platform ทำให้เกิดการพัฒนาเป็น Application กันอย่างเป็นรูปธรรม มากกว่าการสร้าง Banner สวยงามเพียงอย่างเดียว (ส่วนนี้เนื่องมาจากการเกิดของ Adobe Flex framework และ Adobe Flash Builder)

และเมื่อยุคของ Mobile Device มาถึง Adobe AIR ได้ทีผันตัวเองไปติดตั้งในระบบปฏิบัติการของ Mobile OS ต่างๆ โดยเฉพาะเจ้าใหญ่ๆ อย่าง Apple, Google, และ BlackBerry จนดังเป็นพลุแตก

สร้างก็ง่ายอยู่แล้ว ดันจับไปทำเงินบนตลาด Mobile Application ใหญ่ๆ ได้อีก

เฉิดฉายขึ้นมาทันทีครับ คุณ Adobe

จับมือกับ Android และ BlackBerry Playbook

ต้องบอกให้เคลียร์ ณ ที่นี้เลยว่าตอนแรก Adobe CS 5 นั้นมีเป้าหมายลง iOS เป็นที่แรก (แต่โดนหักอก จนเกิดสงครามน้ำลายต่อเนื่องกันเป็นปี)

Adobe เลยหันไปหาศัตรูหน้าใหม่ของ Apple นั่นคือ Google Android ซึ่งมีท่าทีอ้าแขนรับ Adobe มากกว่า

และ BlackBerry เอง ที่สนใจความ “ง่าย” ในการพัฒนา Application และ Interactive Content ที่รวดเร็วของ Adobe Flash จนประกาศเป็น platform แรกๆ ที่สามารถเขียน Application ลงบน BlackBerry Playbook

การทำงานของมันก็จะเหมือนกับการทำงานของ Adobe Flash Player บน Web Browser และการทำงานของ Adobe AIR Desktop ต้องมีการลงตัว Player ในระบบก่อนครับ

Google Android จะต้องมีการติดตั้ง Adobe AIR Runtime ก่อน ถ้าไม่มี ตอนเปิดใช้งาน Flash application ครั้งแรก มันจะแจ้งให้ download มาลงอัตโนมัติ ลงครั้งเดียวใช้ได้ตลอด และจะมีการแจ้ง update version ใหม่ตลอดเวลา ไร้กังวล

ส่วน Blackberry Playbook นั้นจะมีติดตั้งมาให้กับตัว device ตั้งแต่ต้นเลย และเวลามีเวอร์ชั่นใหม่ก็จะแจ้งอัพเดตผ่าน Blackberry App World เช่นกัน

สองกลุ่มนี้ มีท่าทีเป็นมิตรชัดเจนกับ Adobe การพัฒนา Application ด้วย Flash Platform จึงมีประสิทธิภาพและ feature หลากหลายกว่าฝ่ายสุดท้าย (แต่ก็ลงเอยด้วยดีกันอยู่ดีครับ)

พิชิต iOS

ส่วนการที่ Flash Platform สามารถเข้าถึง Mobile Device ของค่าย Apple ได้เป็นผลสำเร็จนั้น เป็นเพราะ Adobe AIR เช่นกัน!! (ตามที่บอกไปข้างต้น)

แต่ต่างกับ Android และ BlackBerry Playbook ตรงที่ Adobe AIR ไม่ได้แยกออกมาเป็น Runtime ให้ download ไปติดตั้งบนเครื่อง iOS

นั่นเป็นเพราะนโยบายความปลอดภัยของ Apple เอง ที่ไม่อยากให้ Application ในเครื่อง (โดยเฉพาะที่ไม่ใช่ของ Apple เอง) ยุ่งกับการทำงานของระบบหลักมากนัก

Adobe Flash Platform ก็เลย bundle Adobe AIR มาพร้อมในตัว Flash application มันซะเลย!!

นี่ยังเป็นคำตอบของคำถามที่ว่า “ทำไมไฟล์ iOS application ที่สร้างจาก Adobe Flash Platform จึงมีขนาดใหญ่ มากกว่า Android และ BlackBerry Playbook”

และก็แตกต่างกันเล็กน้อยเท่านั้น (ถ้านักพัฒนาไม่สุรุ่ยสุร่าย เขียนตามใจฉันมากเกินไป)

ดังนั้นการทำงานบน iOS ของ Adobe Flash Platform จึงบุกเบิกได้ด้วยการฉะนี้ครับ

จากนี้จะเป็นยังไงต่อล่ะ?

Adobe นับได้ว่าประสบความสำเร็จในการเบิกโรงให้กับ Flash technology ในตลาด Mobile Device ได้อย่างสวยงามแล้ว

ขั้นตอนต่อไปก็คือการพัฒนาประสิทธิภาพและวิธีการเข้าถึงความสามารถของ Mobile Device ได้ทั่วถึงยิ่งขึ้น ซึ่งจะถูกรวมอยู่ใน road map ของ Adobe AIR รุ่นต่อไปด้วย ขอให้ติดตามข่าวจาก FlexBlog ให้ดีครับ

บางคนยังแอบๆ กระซิบถามผมว่า “พี่ๆ แล้ว Windows Phone ล่ะ?” 

ผมยังพูดอะไรมากไม่ได้ในตอนนี้ ขอให้จับตาดู Platform Mobile ที่ได้รับการกล่าวขานว่า เป็นไพ่ที่จะทำให้ “กษัตริย์” คือ “บัลลังก์” อีกครั้ง

แล้วพบกันใหม่ ขอให้สนุกกับ Adobe Flash Platform ครับ

องค์กรไหน หรือใครสนใจฝึกอบรมการใช้ Adobe Creative Suite 5.5 ในการพัฒนา Mobile Application ด้านต่างๆ เข้าไปดูรายละเอียดได้ที่ส่วนของ training หรือติดต่อ 086-661-5058 ได้เลยครับ

ปัญหาภาษาไทยสำหรับ Adobe Flex on Android

หลังจากมีการอัพเดตเป็น Android version 2.3 พบว่าเครื่อง Galaxy S แสดงผลภาษาไทยเป็นภาษาต่างดาวที่สวยงาม 4 เหลี่ยมเรียงกันเป็นแถว และพบว่าเป็นเหมือนกันใน Android เครื่องอื่นๆ อย่าง Samsung Nexus S ก็ด้วย (เครื่องแม่เลยนะเนี่ย)

ทีนี้เราก็จะใช้วิธีที่ Adobe Flex เตรียมไว้ให้เรามาแก้ไขครับ นั่นคือการใช้ CSS นั่นเอง

วิธีแก้ปัญหาภาษาไทยบน Flex on Android

วิธีแก้คือวิธีการฝัง font ภาษาไทย (Embed font) ลงไปใน Application ของเราครับ โดยการฝัง font ภาษาไทยจะแตกต่างจากที่ทำบน Flex Web application และ AIR application คือตรงนี้ครับ

@font-face {
...
embedASCFF: false;
...
}

เพราะ Flex on mobile ถูกปรับแต่งมาเพื่อไม่ให้กินทรัพยากรของเครื่องมากเกินไป การ embed font ลักษณะนี้จะเหมาะสมที่สุดสำหรับ Mobile application ครับ

รับชมคำอธิบายจาก video ด้านล่างได้เลยครับ

เพราะ mobile platform เป็นเรื่องละเอียดอ่อนมากกับ memory และทรัพยากรบนเครื่อง ซึ่งหากละเลย ก็หมายถึง application ค้างหรือ hang กันไปเลย

ทางทีมงานของ Adobe เลยเน้นไปที่ component ที่ใช้งานบ่อยๆ ก่อน แล้วค่อยๆ ไล่สร้าง mobile-ready component ให้กับ component ที่เหลืออยู่อย่างต่อเนื่องนี่แหละครับ

ว่าแต่เราจะรู้ได้อย่างไร ว่า component ตัวไหนมันพร้อม (ให้เราสบายใจ) ให้ใช้งานบน mobile project แล้วล่ะ??

ก็ไปเจอ note ของคุณ Christian Cantrell ที่บอกว่าเพื่อนของเขา (คุณ Piotr Walczyszyn) แนะนำวิธีดีๆ ที่จะตามดูได้เรื่อยๆ ว่า component ตัวไหนพร้อมแล้วบ้าง จะได้เลือกใช้ และเลี่ยงใช้ได้อย่างสบายใจครับ เข้าไปดูตาม link ด้านล่างนี่เลย

Documentation for Mobile Skin

แล้วคุณล่ะ รู้หรือยังว่า Flash เขียน mobile application ได้แล้วนะ? มีคำถามอะไรก็ฝากไว้ด้านล่างได้เลยครับ