Thai Adobe Flash Platform User Group

Adobe Edge Preview4

Apichai — Mon, 23 Jan 2012 01:07:55 +0000

Adobe Edge Preview4:

Motion and Interaction Design for HTML5

เมื่อวันที่ 19 มกราคม 2555 ทาง Adobe ได้ปล่อย Adobe Edge Preivew4 ออกมา ซึ่งความสามารถมีมากมาย และที่เด่นๆ เห็นจะเป็น Web Fonts และ Symbols ซึ่งทำให้เราสามารถสร้าง Animation ได้มีความยืดหยุ่นยิ่งขึ้น เรามาดูวิธีการเพิ่ม Web Fonts และ Symbols เข้ามาในชิ้นงานของเรา

ActionScript 3.0 Essential #08 Keyboard Events

Apichai — Fri, 18 Nov 2011 19:32:55 +0000

ActionScript 3.0 Essential #08 Keyboard Events

มาเรียนรู้การใช้งาน Keyboard Events กันเถอะ

มาเขียน AIR ให้ Kinect กันครับ

Apichai — Thu, 17 Nov 2011 03:11:46 +0000

ใครที่กำลังหลังข่าว เล่าประเด็น แล้วหันไปทางอื่นนั้น อย่างที่ผมบอกครับว่า “Flash Platform” ไปได้อีกไกลมากๆ ยิ่งเราสามารถทิ่มแทงลงไปยัง Native Libraries ได้แล้วหละก็ บอกได้คำเดียวว่าทะลุทะลวงหมดทุกๆ ที่ครับ คราวนี้เรามา update เล็กๆ กับการเขียนเข้า Kinect ซึ่งเป็นสิ่งที่ผมต้องนั่งเขียนด้วย C# แต่วันนี้ มันสามารถจัดการได้ด้วย ActionScript3.0 แล้วครับ

AIRKinect

จากเว็บไซต์ http://www.as3nui.com/ ได้ทำการส่ง Extension ให้เราทำงานได้ง่ายขึ้น โดยทางเว็บไซต์ได้กล่าวไว้ว่า “AIRKinect Extension is a Native Extension for use with Adobe AIR 3.0. AIRKinect allows AIR developers to tap into the rich experience of the Microsoft Kinect SDK and push interactivity to a new level” ซึ่งนี้คงเป็นการเปิดช่องทางการทำงานของ เหล่า Flash Developer ให้ทำงานได้กว้างขึ้น และลงลึกในระดับ Native Libraries ได้เลย

โดย Version 1.0 นั้นรองรับ :

Depth Video
Camera Video
Multiple Skeletons with 20 joint positions
Depth point mapping
RGB and Depth resolution customization
Get/Set of camera angle
Translation of joint points to virtual points
Transform smoothing parameters for Kinect
Kinect status with connect/disconnect

เรามาชมวิดิทัศน์แนะนำเบื้องต้นกันครับ

สนใจรายละเอียด และ ดาวน์โหลด AIRKinect ได้ที่ http://www.as3nui.com/air-kinect/

เรื่องเล่าเล็กๆ ของ Flash Developer กับ Flash Player for Mobile

Apichai — Fri, 11 Nov 2011 05:38:32 +0000

แน่นอนครับ ข่าวหลากกระแส วิ่งวนใน Timeline ของผม ไม่เว้นแม้แต่คนใกล้ตัวก็ถามว่า “เอาอย่างไร” ไม่ใช่ “เอาอยู่” นะครับ กับการที่ ทาง Adobe หยุดการพัฒนา Flash Player สำหรับ Mobile แน่นอนครับ ถ้าถามว่ามันมีผลกระทบหรือไม่ ส่วนตัวแล้ว ในเรื่องการทำงาน นั้นผมว่าไม่กระทบ แต่ในเรื่องความรู้สึก กระทบอย่างแรง

จากข่าวหลากสำนัก ไม่ว่า Gizmodo และ Engadget ไปจนถึง ZDNet และของไทยๆ ก็มีอีกมาก ต่างเสนอข่าวไปตามหน้าที่ที่ตนทำ แต่ ในส่วนของคนทำงานอย่างผมกับรู้สึกเฉยๆ กับการเปลี่ยนแปลงแบบนี้ เพราะการทำงานกับไม่กระทบกระเทือนเลย ทำไมถึงเป็นเช่นนั้น หลายคนคงคิด และคำถามนี้คงปรากฏขึ้นในสมองส่วนสั่งงาน ที่พาลสงสัย

สาเหตุที่ผมบอกว่าไม่กระทบกับการทำงานของผมนั้นก็เพราะว่า

ถ้าเราคิดให้ลึกๆ และดีๆ ไม่เข้าข้างฝ่ายใดๆ (ไม่ใช่เรื่องน้ำท่วมนะ) เราลองนึกดูนะครับ

ว่าถ้าเราทำโปรแกรมสักหนึ่งโปรแกรม ให้กับ Mobile เราจะทำผ่านเว็บบราวเซอร์หรือไม่

คำตอบก็คือ ไม่มีใครทำ โปรแกรม หรือเว็บให้ทำงานบนโมบาย เพราะจากที่เราได้ยินมากับคำว่า “From Web to App” มันคงเป็นสิ่งหลักๆ ในการยึดถือในการพัฒนา App บนโมบาย ใช่ครับ ฟังไม่ผิดหรอกครับ มันเป็นความจริง

แล้ว ทำไม จึงมี Flash Player for Mobile ออกมา ?

คำตอบง่ายๆ ก็คือ ในช่วงที่ผ่านมา ยังมีเว็บที่พัฒนาด้วย Flash จำนวนหนึ่ง และมีมาโดยตลอด ไม่ว่าจะเป็นป้ายโฆษณา หรือ อะไรก็ตาม เป็นสิ่งเล็กๆ ที่ปรากฏในหน้าเว็บหลัก และช่วงต่อมา การพัฒนาเว็บไซต์โดยหลักการแล้ว ก็มักจะยึดหลัก มาตรฐานเว็บ หรือ Web Standard ในการพัฒนา และหนึ่งใน Web Stand นั้นก็คือ HTML5 (ร้องอ๋อ? เลยหละสิ) เป็นคำตอบที่พัฒนา และทำงานได้ใกล้เคียง Adobe Flash ในสถานะเว็บไซต์ ย้ำ เว็บไซต์ ต่อเว็บไซต์นะครับ ไม่ได้แทนที่กันทั้งหมด

เมื่อใช้การพัฒนาแบบ Web Standard ก็ทำให้ไม่จำเป็นต้องใช้ Flash Player for Mobile อีกแล้ว แต่ถามว่า ถ้ายังมีเว็บหลงเหลือใช้อยู่หละ คำตอบง่ายๆ ก็คือ เจ้า Flash Player for Mobile มันก็ยังมีอยู่ให้เราใช้งานไปตลอดกาล เพียงแต่ ไม่ได้พัฒนาต่อเท่านั้นเอง และ ที่สำคัญ ส่วนหลักๆ ที่ใช้งานก็เพียงพอในการทำงานในปัจจุบันและอนาคตแล้ว

คำตอบเลยต้องมาออกที่ Adobe AIR

ส่วนคำถามอื่นๆ ที่ตามมา ไม่ว่าจะเป็นความสามารถในการทำงานที่สูงขึ้น ไปจนถึง การพัฒนาที่มีความซับซ้อนมายิ่งขึ้น เราคงไม่พัฒนาผ่าน SWF เป็นแน่แท้ คำตอบง่ายๆ ก็คือ เราก็ทำมันให้เป็น Application เลยใช่หรือไม่ครับ และ Adobe Flash ก็สามารถ Publish ให้ Android และ iOS ได้ ง่ายๆ และเหมาะสมกว่า การใช้ Web Browser เปิด และโดยธรรมชาติของ ผู้ใช้งาน ก็มักจะเปิด Application เพื่อเข้าถึงสิ่งที่เขาต้องการอยู่แล้ว ตัวอย่างง่ายๆ ถ้าเข้า Facebook ไม่มีใครเล่น ผ่าน Browser ก็มักจะเปิด Facebook Application ขึ้นมาใช้งาน

นี่แหละครับ ผมจึงถือว่าข่าว การหยุดพัฒนา Adobe Flash Player for Mobile ไม่กระทบกับการทำงาน แต่กระทบเพียงความรู้สึกเท่านั้น ใครที่เป็น Flash Developer ก็ไม่ต้องห่วงนะครับ Adobe AIR มันไปได้อีกไกลมาก

MUSE (Code Name) Beta4 มาแล้วครับ

Apichai — Sun, 06 Nov 2011 02:32:04 +0000

หลายๆ คนติดตกติดใจในการใช้งานที่ง่ายด้วยของ Adobe MUSE (Code Name) ด้วยการที่ถูกออกแบบมาเพื่อให้นักออกแบบ (Designer) ได้ทำงาน และพัฒนาเว็บไซตื (Web site) ได้ง่าย และตรงใจตนเอง ด้วยความแรง มีนักออกแบบกว่า 330,000 คนทั่วโลกใช้งานในขณะนี้ และวันที่ 4 พย.2554 เวลาเที่ยงๆ ของประเทศไทย ได้ออก Beta4 มาแล้วครับ

เรามาดู MUSE (Code Name) Beta4 ปรับปรุงอะไรบ้าง

ด้วยการแก้ไขปรับปรุงในครั้งนี้ มีการแก้ไข Bug มากมายที่เป็นปัญหาในรุ่นก่อน เพิ่มภาษาใหม่ๆ เข้าไป อาทิเช่น French, German, Spanish, Swedish, และ Dutch ไม่มีภาษาไทยครับ ใครจะใช้ MUSE beta4 ตัวนี้ ต้องติดตั้ง Adobe AIR3 ก่อนนะครับ ไม่งั้นมีปัญหาแน่ครับ

ความสามารถที่เพิ่มขึ้นในรุ่นนี้

ทำการเพิ่ม UI languages ในภาษา English (USA), French, German, Spanish, Swedish และ Dutch.
ลดระยะเวลาในการโหลดหน้าเพจลง ทำให้เว็บไซต์สามารถทำงานได้รวดเร็วขึ้น
ปรับปรุงให้มีการเลือกภาษาในช่วงที่เราเปิดโปรเจ็กต์ใหม่ ว่าเราจะใช้ UI Language ภาษาไหน ไปจนถึงการ AdobeID login
เพิ่ม UI language ใน Preferences ทำให้เราสามรถสลับการใช้งาน UI locale ในขณะทำงานได้

จะเห็นได้ว่าใน Adobe MUSE Beta4 มุ่งเน้นมากในเรื่องของการทำ UI Language เพื่อให้รองรับหลายภาษา โดยขณะนี้ รองรับภาษาหลักๆ ไปเกือบหมดแล้ว อีกไม่นานผมหวังว่าคงจะได้เห็นภาษาในฟากฝั่งตะวันออกอย่างเราๆ

ในส่วนของการปรับปรุงความสามารถให้ดีขึ้น มีดังนี้

ทำการเพิ่ม protocols (i.e. “mms://”, “smb://”) และ relative paths (i.e. “./documents/myfile.pdf”), และจัดการ เรื่องการเขียน email Account โดยที่ไม่ต้องมี “mailto:” นำหน้า อันนี้ชอบมาก เพราะทำให้เราสามารถเขื่อมโยงได้หลากหลาย Potocols มากขึ้น
ทำให้เปลี่ยน Style lists ให้ใช้ double click ในการเปิด style options และ click แล้วรอ เพื่อทำการ rename.
แน่นอนครับ Adobe MUSE beta4 นี้ใช้พลังของ Adobe AIR 3.0
ปรับปรุงการโหลด widgets ที่เราใช้งานในหน้าเว็บเพจ ในครั้งแรก ไม่ให้มันว่างๆ แบบไม่มี Style ซึ่งจะดูไม่งามนัก เท่านี้ยังไม่พอ ยังเพิ่มการรับรู้ในส่วนของเวลาในการโหลดด้วย
ทำการเพิ่ม option ให้กับ accordion widgets โดยเนื้อหาของเราสามารถโหลดขึ้นมารอในขณะที่ panels ปิด ตัวนี้เองเป็นอีกตัวหนึ่งที่ช่วยให้หน้าเว็บเราโหลดเร็วยิ่งขึ้น
Update version ของ jQuery library.
เพิ่มการรองรับในแนวตั้งของ transitions ใน slideshows.
ปรับปรุงการบริหารหน่วยความจำ (Memory) ของการใช้งานรูปภาพ (images) โดยเฉพาะเว็บที่ใช้ภาพมากๆ และมีความละเอียดของภาพสูงๆ
ในส่วนนี้ดุจะเป็นที่ชื่นชอบของผมมากๆ เพราะมีการเพิ่ม mini-webserver ใน Muse เพื่อใช้ในการรันหน้าเว็บ, หรือ HTML code ที่ฝั่งในหน้าเว็บไซต์ เช่นปุ่ม Like ของ Facebook ทำให้มีความปลอดภัย ยิ่งๆ ขึ้น และในส่วนนี้เรายังสามารถฝั่งไฟล์ Flash (.swf) เข้าไปได้อีกด้วย
มีการแก้ไขในการป้อนข้อมูลในการทำงานอาทิเช่น ถ้าเราป้อน 120 จากเดิมค่าเป็น 100% ระบบก็จะมองเป็น 120% แต่ถ้าเราทำการป้อน 15 จากเดิมค่าเป็น 12px ระบบก็จะมองเป็น 15px ด้วยเช่นกัน ทำให้เกิดการผิดพลาดน้อยลง
อันนี้บอกเพื่อทราบว่า อาจมีการเปลี่ยนชื่อ panel เพื่อให้มันเข้ากับ panels ของ CS6 มองไกลมาก เพราะฉะนั้นอย่ายึดติดชื่ออาจมีการเปลี่ยนแปลงครับ
ทำการแก้ไขในการใช้ภาพขนาดใหญ่ๆ ให้สามารถใช้งานได้สะดวกยิ่งขึ้น อันนี้ต้องยกความดีให้กับ Adobe AIR3.o ไปเต็มๆ
ทำการเพิ่ม tooltip ในการ เพิ่ม (add) และ ลบ (delete)

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

สนใจอ่านรายละเอียดเพิ่มเติม และดาวน์โหลดได้ที่ http://muse.adobe.com

Adobe Flash “Stage 3D” API

Apichai — Sat, 15 Oct 2011 04:36:41 +0000

หลังจากที่ทาง Adobe ได้ปล่อยตัวเจ้า Flash Player 11 ออกมา เราจะได้เห็นสิ่งหนึ่งที่มีความสำคัญ และเห็นอีกหนึ่งที่จะเพิ่มพลังการทำงานให้กับ Flash Player เป็นอย่างมาก นั้นคือ การสนับสนุน 3D Modeling ซึ่งเป็นสิ่งที่น่าตื่นตาตื่นใจ อย่างแน่นอน สำหรับนักพัฒนา Flash Platform อย่างเราๆ

และสิ่งที่อยู่เบื้อหลังคงเป็นเทคโนโลยีที่มีโค้ดเนมว่า “Molehill” ซึ่งต่อมาเราจะเรียกมันว่า Stage 3D API ซึ่งมันเป็นเทคโนโลยีที่รองรับการแสดงผลแบบ 2D และ 3D ซึ่งพัฒนาโดย Adobe โดยจะรองรับการทำงาน Low-Level GPU และยังสามารถเร่ง ความสามารถในการแสดงผลทั้ง 2D และ 3D ขั้นสูง และที่สำคัญมันยังรองรับกับ Mutiscreen ซึ่งหมายความว่า มันรองรับในทุกๆ ที่ไม่ว่าจะเป็น Mobile Phone, Tablet, Desktop ไปจนถึงทีวี ก็สามารถแสดงผลได้เช่นกัน โดยแสดงผลผ่าน Adobe Flash Platform runtimes นั้นเอง

my Tutorial on Vimeo

Apichai — Sat, 15 Oct 2011 02:57:54 +0000

สำหรับเพื่อนๆ ชาว Thai Adobe Flash Platform User Group ทางเราได้จัดทำ Tutorial ไว้ที่ Vimeo สามารถเข้าไปชมได้ที่…

http://vimeo.com/channels/thaiafpug

มี Tutorial ที่ทำไว้มากมาย และเริ่มทยอยขึ้นไป เพื่อการเรียนรู้ที่เป็นพื้นฐานหลายๆ อย่างอาทิเช่น ActionScript3.0, HTML5, Flex for Mobile และยังมีในส่วนของ PhoneGap และ Dreamweaver Go Mobile ออกมาอีก โปรดติดตามครับ

Thai Adobe Flash Platform User Group Go Live!

Apichai — Thu, 13 Oct 2011 06:52:27 +0000

วันนี้ได้รับข่าวดี ตั้งแต่ยังไม่ตื่นนอน เพราะเมื่อคืนกว่าจะได้นอนก็เกือบตีห้า เพิ่งมาทราบจากการเห็น Miss Call ของ พี่ขจร พีรกิจ เลยโทรกลับไป ทำให้ทราบว่า ทาง Adobe ได้รับรองจัดตั้งกลุ่ม Thai Adobe Flash Platform User Group อย่างเป็นทางการแล้ว งานนี้ต้องขอขอบคุณพี่ขจร พีรกิจ และคุณ john koch ที่ทำให้ Thai Adobe Flash Platform User Group กำเนิดขึ้นมาในวันที่ 12 ตุลาคม 2544 นี้

Thai Adobe Flash Platform User Group

เพื่อนๆ ที่สนใจติดตามข่าวสาร และกิจกรรมต่างๆ โดยสามารถสมัครสมาชิก (ฟรี) ที่

http://thaiflashplatform.groups.adobe.com/

Facebook Page : http://www.facebook.com/flashAR

Facebook: http://www.facebook.com/FlashPlatforms

Twitter: @Thinkafe

เว็บไซต์ : http://thaiflashplatform.groups.adobe.com/ และ http://www.flashplatform.net

ทำความรู้จักกับ PhoneGap

Apichai — Wed, 12 Oct 2011 06:57:59 +0000

PhoneGap ชื่อนี้ เราจำเป็นต้องทำความรู้จักให้มาก แม้มันจะมีมาสักระยะเวลาหนึ่งแล้ว แต่คนที่รู้จักมันน้อยมาก อยู่ในวงจำกัด ของนักพัฒนา Hybrid Application เท่านั้น แต่วันนี้ ชื่อ PhoneGap เป็นที่รู้จักในวงกว้าง และยิ่งมี Adobe ได้นำ PhoneGap เข้ามาเป็นส่วนหนึ่งของ Adobe Dreamweaver CS5.5 ยิ่งทำให้ ชื่อของ PhoneGap เป็นที่กล่าวถึงกันในวงกว้าง

What’s PhoneGap? (PhoneGap คืออะไร)

PhoneGap เราเรียกมันว่าเป็น Mobile application development framework ที่ช่วยให้เราสามารถพัฒนา Mobile Application ได้ง่ายและยังสามารถข้าม Platform ได้อีกด้วยครับ ซึ่งเป็น OpenSource และฟรี ผมแถมดี (มาก) ให้ดีด้วยครับ โดยส่วนตัว ผมจะเรียกเจ้า PhoneGap ตัวนี้ว่าเป็น Framework ที่เราใช้ทำ Hybrid Application สำหรับ Mobile Phone เหตุที่เป็นเช่นนี้ก็เพราะว่า เราสามารถเขียน Application ด้วย ภาษา HTML หรือ HTML5 หรือ JavaScript แล้วสามารถทำการแปลงให้เป็น Mobile Application ได้หลากหลาย Platform อาทิเช่น iOS, Android, BlackBerry, Symbian, webOS, bada, Windows Phone แต่ในส่วนที่ฝั่งไว้ใน Adobe Dreamweaver CS5.5 สามารถ พัฒนา Mobile Application ได้เพียง iOS และ Android เท่านั้นครับ

นอกจากความสามารถของ PhoneGap เองแล้ว สิ่งที่ทำให้ PhoneGap นั้น เป็นที่สนใจก็คือ การที่ทาง Adobe ประกาศให้ทางเลือกการพัฒนา Mobile Application ออกเป็นสองเทคโนโลยีดังนี้

Flash Platform ผ่านทาง Adobe Flash Professional และ Adobe Flash Builder
HTML5 ผ่านทาง Adobe Dreamweaver ซึ่งมีเจ้า PhoneGap เป็นตัวช่วยในการจัดการ

แต่ก็เป็นที่น่าสนใจที่ทาง Adobe ได้ติดปีกให้กับ Adobe Firework โดยส่ง CSS3 Mobile Pack for Adobe Fireworks® นั้นหมายความว่า Adobe Firework กับมามีชีวิตชีวาอีกครั้งหนึ่งหลังจากถูกวางไว้เงียบๆ ในชุด Creative Suit เท่านั้น แต่มีอีกหนึ่งสิ่งที่ดูไปแล้ว มีการทับเส้นกันของผลิตภัณฑ์ อย่าง Adobe Flash Catalyst กับ Adobe MUSE ซึ่งเป็นผลทำให้ Adobe Flash Catalyst นั้น ถูกเก็บในลิ้นชักเข้ากรุไปก่อน ซึ่งยังไม่รู้อนาคตว่าจะถูกดึงออกมาอีกเมื่อไร ส่วนการสร้าง User Interface ของ Flash Builder จึงถูกโยนกับมาให้ทาง Adobe Firework เช่นเดิม และยังได้ถูกวางตัวให้เจ้า Adobe Firework นั้นเป็น HTML based websites and mobile applications ฟังดูแล้ว Adobe Firework อนาคตดูสดใสขึ้นมาโดยทันใด แต่อนาคตดับดันตกไปอยู่กับ Adobe Flash Catalyst ไม่ถูกกล่าวถึงเลยในงาน Adobe MAX 2011

เรามาดูการกล่าวถึง PhoneGap ของ Danny Winokur, vice president and general manager, Platform, Adobe. โดยกล่าวว่า…

“PhoneGap is a fantastic solution for developing a broad range of mobile apps using the latest Web standards, and is already integrated with Dreamweaver® CS5.5. It’s a perfect complement to Adobe’s broad family of developer solutions, including Adobe AIR, and will allow us to continue to provide content publishers and developers with the best, cutting-edge solutions for creating innovative applications across platforms and devices.”

สรุปง่ายๆ ครับว่า PhoneGap นั้น เป็น Framework ที่ช่วยให้เราเขียน Mobile Application ได้ด้วย HTML, HTML5 หรือ JavaScript และยังสามารถพัฒนาข้าม Platform ได้อีกด้วย เหมาะกับคนที่อยากพัฒนา Mobile Application ที่ไม่สามารถเขียน Java หรือ Objective-C ได้ แล้วคุณหละ จะไม่สนใจลองบ้างเลยหรือครับ

Flex for Mobile #01 Hello World

Apichai — Tue, 11 Oct 2011 18:14:59 +0000

มาเรียนรู้การเขียน Flex สร้าง Application ให้กับ Mobile Devices ทั้งหลาย ไม่ว่าจะเป็น Android, iOS (iPhone, iPad) ไปจนถึง BlackBerry Tablet OS ในตอนที่ 1 นี้ เรามาเรียนรู้ในมุมกว้างๆ ของการสร้าง Application แบบง่ายๆ ด้วย Hello World app ที่สุดจะ Classic เมื่อเล่นแล้ว คุณจะเริ่มเห็นความสามารถของ Flash Platform ในอีกมุมมองหนึ่ง เพื่อไม่เป็นการเสียเวลา เชิญศึกษากันได้เลยครับ

Flex for Mobile #01 Hello World