Teerasej's Adobe Flash platform blog

Flash this, not that! – ตอน “เลือกโชว์ให้ถูกประเภท กันนะจ๊ะ!”

Greendog — Wed, 18 Aug 2010 04:07:57 +0000

เชื่อขนมอาม่ากินได้เลยครับว่า Flash กับ HTML5 จะเป็นสงครามศักดิ์สิทธิ์ไปจนกว่าอีกฝ่ายจะโดนฆ่าล้างเผ่าพันธุ์กันไปข้างหนึ่ง (จาก Flash platform และ iPhone OS 4.0 (ภาค 2: เมื่อ Apple ประกาศสงครามกับ Adobe และ Adobe และ “แสนยานุภาพ” ของพวกเขา ในงาน Mobile World Congress 2010 )

ซึ่งจริงๆ แล้ว นอกจากเหล่าสาวกของทั้งสองฝ่าย (จริงๆ จะบอกว่าเป็นสาวก HTML5 ก็จะไม่ถูกนัก เพราะศาสดาเขาออกมาพูดโหมโรงขนาดนั้น)

ก็ยังมีฝ่ายที่สามอีก ซึ่งเดินทางสายกลางของพระพุทธะ คือเชื่อในส่วนที่ดีของทั้งสองฝ่ายและเอามาปรับใช้ให้ตรงกับความต้องการได้ไม่น่าเกลียด

ไม่ใช่ Flash จ๋า หรือ HTML5 จ๋า (ตอนนี้ถ้าทำ HTML5 ล้วนๆ ออกมาให้ระวังการเปลี่ยน standard ของมันให้ดี)

คุณ Lee Brimlow หนึ่งในผู้ถือสายพุทธะ ฝั่ง Adobe ก็ได้ออกมาเผยแพร่คำสอนที่ “ผสมแล้ว” จากทั้งสองลัทธิมาให้พวกเราได้ชมกันเป็น Infographic series

ชุดแรกนี้คือ (ขอตั้งชื่อไทย) ….

“เลือกโชว์กันให้ถูกแบบ นะจ๊ะ”

หมายถึงอะไร?

ในชุดนี้เขาแนะนำเลยว่า ถ้าเกิดสิ่งที่คุณสร้างมันเกี่ยวข้องกับ Text และรูปภาพล้วนๆ หน่ะ อย่าไปใช้ Flash ให้ยากเกินไปเลย เพราะ technology web ที่พวกเรามีอยู่ทุกวันนี้มันก็สามารถสร้างความ smooth และความสวยงามได้ในระดับที่เรียกว่ายอดเยี่ยมอยู่แล้ว อย่างเช่น Twitter หรือ Facebook เขาก็ไม่จำเป็นจะต้องใช้ Flash ทั้งหน้าจอ (อันนี้คือสาวกฝั่ง Adobe) ก็สามารถทำให้ user ประทับใจม๊ากมากได้

แต่ว่าในอีกทางหนึ่ง หากข้อมูลที่คุณกำลังจะนำเสนอสู่สายตาประชาชน ในเชิงของความปลอดภัยของข้อมูล หรือการโชว์ข้อมูลในเชิงแผนภูมิ (Graph and Chart) ในแบบ real-time ให้ประชาชนรัก ให้ประชาชนหลงแล้วล่ะก็ Flash คือคำตอบขอบคุณอย่างไม่ต้องสงสัย ซึ่งในที่นี้จะครอบคลุมส่วนของ Rich internet application เป็นส่วนใหญ่ ดูตัวอย่างได้ที่นี่ครับ

หวังว่าคงทำให้หลายๆ คนปรับใช้ตามสไตล์ของตัวเองได้นะครับ

Have a great day,

HTML5: They have to united, not divided.

3 frameworks to smooth your Flex project development

Greendog — Wed, 11 Aug 2010 15:26:46 +0000

Oh my, Oh my

A day ago, I was looking into the code and yell “arggghhhh, I have to add new feature into these wormhole code?”

Such a long nightmare when you tried to integrate your new feature into a well-developed application after 6 versions has passed. It often happen if we still work with original Flex framework development. If you feel like me, I will suggest you the 3 new ways to be considered to be adopted in your coding style. Let’s see what they are…

1. Parsley framework

Parsley was founded by Jen Halm of Spicefactory. His framework will provide your the new enterprise-thinking development to maintain your code more easier. Parsley also adopted many popular design pattern such as Command pattern and also decoupling your object’s dependency with IoC (Inversion of control) technique, which is same as a very popular framework in Java world, the spring framework. In my experience, You have to know some coding practice like Object-Oriented programming (OOP) and some basic understanding in design pattern, will take you into fast and reliable development system in 30 minutes.

So if you…

Know object-oriented programming (OOP)
Understand some design pattern
Love to work with painless in enterprise application development

Start to download Parsley here, and browse to his good documentation here.

2. Robotlegs framework

This framework is shining out from the dark in this year (or I may just found it this year). Robotlegs is quite different from Parsley in term of platform adopting. Because it provides strong comprehensive on AS3 project, which included with Flash Professional project and Adobe Flex project. In technique, it implements the same principle like Parsley, such as design pattern and dependency injection, but seems friendly to AS3 project more than Parsley (In my opinion).

So if you…

Working with Flash professional project
Know some design pattern
Need to maintain your Flash professional project in long term or even reuse your code in term of development way

Just start to learn Robotlegs here, and you can also download it from GitHub here, or even a complete SWC library here.

3. Mate framework

Ok, you come to the last framework that will smooth your coding more creamy by ASFusion. Mate framework will be the easiest thing in all 3 frameworks I suggest you here. But be careful, The easiest mean the most flexible and if you could not get the concept, you will lost in there.

Anyway, Mate framework make me impressed and help me rapid develop and maintain many products from last 2 years. Its concept is easy to understand and if you just come from Animation of Flash world, this framework will not make you sick. The few concepts you need to understand are the configuration and the original Flex’s event mechanism. So be prepare in these knowledge and Mate framework will bring the magic of code maintaining to your application.

So if you…

Know basic of Flex framework (especially, Event mechanism)
Know a little about design pattern (please, understand ‘Command pattern‘)
Don’t want to drill down as a developer too much

Just feel free to learn from their example, and download Mate framework here.

Conclusion

Ok, then. I want to tell you here. You may not like all of them and yell “arrgghhh, why I should use these things?”. That is ok. You may love your traditional development. Everyone has their own ways to make a thing done. But if you are looking for long term maintaining the code and work with clean environment, I want to suggest you to pick one of them to try. You may found it is very amazing.

Have a great day,

การมาถึงของ Droid 2 และ Flash Player 10.1

Greendog — Wed, 11 Aug 2010 01:58:31 +0000

หากใครตามติดกระแส Flash Player 10.1 แล้ว สิ่งที่โดดเด่นออกมาท่ามกลาง feature นับโหล ก็คือการทำงานบนมือถือนี่แหละ

ระหว่าง 2 – 3 เดือนมานี่ เหล่านักพัฒนาอย่างผม (และอีกหลายๆ คนในประเทศไทย) ก็ได้สัมผัสเทคโนโลยีด้านการทำงานกับอุปกรณ์พกพาอย่าง Android OS กันถ้วนหน้า หากแต่ว่าน้อง Samsung Galaxy S ของผมกว่าจะได้อัพเดตเป็น 2.2 มันก็เดือนกันยาเลยหน่ะซี

แต่เอ… มันก็อีกไม่นานเนอะ

เลยเอาวิดีโอน่าสนใจมากฝาก…

ทีนี้ว่ากันเรื่องการโปรโมต

Adobe เขาก็เตรียมออกไม้ไล่ตีค่ายผลไม้อยู่ทุกลมหายใจ ตอนนี้เริ่มมีโอกาสแล้ว เพราะ Motorola เป็นเจ้าแรกๆ ที่ออกมือถือที่มาพร้อม Android 2.2 เลย รีบจับมาโชว์ประสิทธิภาพในวิดีโอกันเร็วปานสายฟ้าแล่บ

เอามาฝากกันข้างล่างนี่ครับ

ไม่รู้ว่าคุณ Steve จะว่าไงเอ่ย?

3rd party framework นั้นสำคัญไฉน?

Greendog — Mon, 09 Aug 2010 17:24:46 +0000

ฝนกระหน่ำลงสู่พื้นโลกในทันทีที่เท้าสองข้างผมเหยียบหน้าบ้านพอดี

ฉิวเฉียดจริงๆ

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

อ่ะ กลับมาต่อเรื่องของพวกเราดีกว่าครับ

เมื่อวานค้างไว้ที่…

3rd party framework (ต่อไปจะเรียก 3rd party)

อาจเรียกได้ว่าเป็น “framework มือที่สาม” แต่ไม่ได้เกิดขึ้นมาเพื่อจุดมุ่งหมายในการทำลาย หรือขัดผลประโยชน์

แต่มักเกิดจากการที่ชุมชนผู้ใช้งาน framework หลัก รู้สึกถึงบางสิ่งที่อาจดีกว่าที่ใช้อยู่ และลองสร้างขึ้นมาใช้ดู

จุดประสงค์ของ 3rd party framework คือเพื่อให้ทำงานกับ framework หลัก ได้ง่ายขึ้น และมีความสุขมากขึ้นนั่นเอง

หากแต่ผู้ที่จะนำ 3rd party พวกนี้ไปใช้ จำเป็นต้องเข้าลัทธิ หรือเข้าใจ concept ของการออกแบบ 3rd party ตัวนั้นๆ ก่อน

ไม่อย่างนั้นก็จะเหมือนได้ไบเบิ้ล แต่อ่านหนังสือไม่ออก หรืออ่านออกแต่ก็ใช้ประโยชน์ได้ไม่เต็มที่

ซึ่งการเกิดขึ้นของเหล่า 3rd party นี้ถ้ามองในมุมมองชีววิทยา คือการวิวัฒนาการโดยธรรมชาติ คือไม่ได้เกิดขึ้นโดยผู้สร้างแต่แรก (ในที่อาจจะเป็นพระเจ้าที่สร้างมนุษย์ หรือ Adobe ที่สร้าง Flex framework) แต่ผันแปรไปตามกาลเวลา และการใช้งานโดยสภาพแวดล้อมอีกทีหนึ่ง (เหล่าผู้ใช้งาน หรือพวกที่รวมกลุ่มกันเป็น community เฉพาะทางใดทางหนึ่ง)

พรุ่งนี้เรามาดูกันว่าเหล่าผู้ใช้งานอย่างพวกเรา “วิวัฒน์” อะไรขึ้นมาเสริมสร้างความแข็งแกร่งให้ Flex framework กันครับ

Have a good night,

มิติผันแปร กับการใช้ Adobe Flex framework

Greendog — Sun, 08 Aug 2010 15:59:53 +0000

วันนี้มีโอกาสไปดู Inception มา นำแสดงโดย Leonardo Dicarprio

ขอบอกว่าถ้า Leo ไม่ไว้เครา หน้ามันน่าจะยังเหมือนตอนแสดงไททานิคเด๊ะๆ ครับ ใสกิ๊ง

ตัวเรื่องหนังก็ดี ไม่หนักไปทาง Abstract มากเกินไปเหมือน The Matrix แต่ก็ไม่ใช่ว่าจะเดาได้ง่ายๆ เหมือนเรื่อง Jame Bone ใครอยากรู้ต้องดูครับ แล้วพยายามคิดตามหน่อย รับรองว่าสนุกมาก

เอาหล่ะ นอกเรื่องไปนิดแล้ว คราวนี้มาดูกันว่าการใช้ Flex framework มันจะผันแปรได้ยังไง

หากใครเคยดู The Matrix จะมีข้อความหนึ่งบอกว่า “กฎมีไว้ควบคุมธรรมชาติ แต่บางข้อเราทำให้งอได้ บางข้อเราทำให้หักได้” นั่นคือการบอกเป็นนัยว่าบางสิ่งไม่จำเป็นต้องตามกฎเสมอไป

เหมือนกับการโปรแกรมมิ่งนั่นแหละ

Java ยังมี Spring framework ที่เข้ามาล้มกฎการสร้าง Enterprise application อันยุ่งเหยิง และ Web platform ยังมี Ruby on Rails มาติดจรวดให้การพัฒนา Web application นั้นเร็วอย่างคาดไม่ถึง

Flex เองก็เช่นกัน

หากใครใช้ Adobe Flex หรือคุ้นเคยกับ Adobe Flash คล่องๆ หน่อย จะทราบถึงกฎการใช้ Event (Event mechanism) ที่ไว้สร้าง interaction ให้ผู้ใช้ทำงานโต้ตอบกับตัวโปรแกรมเราได้

ปกติกฏนี้คือ การส่ง Event ลงไปรับข้อมูลใน Component นั้นๆ (เช่นพอผู้ใช้ click ปุ่ม “Send” ตัว application จะทำการ “ยิง” event ลงไปรับข้อมูลที่เกี่ยวข้องกับการกระทำนั้นๆ ทันที จากนั้นก็จะค่อยลอยขึ้นมาเหมือนลูกโป่ง)

กฎนี้เข้าท่าในตอนเริ่มต้น และใช้งานได้ดีมากๆ

แต่สรรพสิ่งล้วนต้องผันแปรไปตามสภาพแวดล้อม การใช้ event mechanism จะกลายเป็นความยุ่งยาก (เขียนเยอะหน่อย) เมื่อทำการสร้างระบบที่ “ไม่ธรรมดา” และ “ต้องการความยืดหยุ่นสูง”

ผู้อ่านบางคนคงคิดว่า “ไอพลมันเป็นใครวะ จะมาบอกว่า Framework ของ Adobe ไม่ดี?!”

ไม่ครับ ผมไม่ได้บอกว่าไม่ดี มันดีอยู่แล้ว ดีมากด้วย

แต่หากเราจะก้าวข้ามไปสู่อีกระดับ เรามาลองเปิดกว้างกับระบบใหม่ๆ ดูดีไหม?

นั่นคือการใช้ 3rd party framework ครับ

มันคืออะไร? เราจะผันแปรการใช้ Flex framework ปัจจุบันได้มากกว่านี้อีกหรอ? มาต่อกันพรุ่งนี้ครับ

Have a great dream,

New device central CS5 is here!

Greendog — Thu, 05 Aug 2010 02:45:19 +0000

Yahoo! another good morning in Thailand…

…Let me check some news in my PC.

Wait… something notifying me at the notification area…

Hmm… What could brought my attention back to Adobe update manager is something like this:

Adobe Device Central CS5 now going to support Flash Player 10.1 emulator

with lighting speed click, my device central CS5 now shows up some new exciting features. Such as ‘marketplace’ profile and official Flash player 10.1 emulator profile which are ready for your creativity blow to them.

Adobe Device Central 3.0.1 comes with 'marketplace' profile. Does it means these are all marketplace that your application can be played around?

Are all marketplaces in the list is actually Adobe’s plan to bring our application to world wide customer? I can say ‘Yes’. Adobe has announced before that they are going to provide Flash content to almost hand held device around the world. You can see the important key players are all here (eg. Android Market, BlackBerry App World, OVI, and Windows Marketplace for Mobile)

I hope this news can boost your creativity for ready to engage world wide user at the end of this year.

Have a great day,

Trying on Flex 4 and Paypal’s Express check out integration

Greendog — Wed, 14 Jul 2010 09:31:39 +0000

Pheww… almost a week that I was trying on integration Paypal API with Adobe Flex 4 application. The result is correct. The money was transferred to seller account. I test this with Paypal’s sandbox account with Web Payment Pro. I also found some problem with Paypal’s sandbox service which almost everyone found. (I have to mention here that Paypal’s official developer who are helping developer is very gentle and they will get into your problem ASAP, cheer!)

Anyway I just done the re-skinning the PHP and HTML site, post them later.

At the moment, you will see it is work like a charm.

How to solved: Adobe AIR project get error after update Flash builder to version 4.0.1

Greendog — Fri, 09 Jul 2010 10:16:11 +0000

Yes, Adobe released new update for the most powerful RIA development tool. What will happen next? yes, we download and install it. So what will happen next with your exist Adobe AIR project? got the error like this when you try to compile both in release and debug mode.

ERROR #1014: Class IIMEClient could not be found.

The easiest way to solve this problem is described below:

Go to your -app.xml
Replace your Adobe AIR version in this line:
With this line:
Save and re-compile your application.

Thank you for your interesting and cheer!

The story of Adobe Flex framework’s “Hero”

Greendog — Thu, 01 Jul 2010 15:19:58 +0000

I’m sure that everyone, who is working with Adobe technology, already know about the official update for Adobe Flash Builder 4.0.1 and Adobe Flex 4.1. In this release, we got official project which supports Adobe Flash Player 10.1 and Adobe AIR 2 (ahh… Finally). So I think you will enjoy to start develop your project to gain benefit on these latest technology. Thank to Adobe officer.

The most interesting from this release is the announcement of “Hero”, the code-name for next version of Adobe Flex SDK, which describe about Multi-screen development environment, new spark component, and Large-Application development. Sure, I pay attention to Multi-screen development environment

Ok, How about their Multi-screen development?

Generally, Adobe Flash builder already support 2 kind of screens already, web and desktop, what we are familiar with. The point is mobile screen. It is quite sure that “Hero” will be the second code-name of “Slider” (as known as Flex mobile framework) and will be targeted to Google’s Android platform. Adobe continue to publish official specification about “Hero” in their open source web site already. So you can follow them here. I expect to see Spark component which is specified for mobile and completed mobile tool set for Flash builder soon.

Who’ll know? may be in this MAX 2010.

Cheer to Adobe’s hard work.

My wish list to Adobe Flex “Slider” framework

Greendog — Thu, 24 Jun 2010 05:30:30 +0000

What is “Slider” framwork? You may ask.

For common answer, it is an Adobe’s mobile application development platform.

For technique answer, this framework will lift up your Flex 4 to develop mobile application more easier.

Anyway, the framework is still in confidential development. But the feature seems shine out from the mobile development’s war. There are several things that “Slider” should has. So I listed what feature would make Flex developer feel happy here.

My Adobe “Slider” framework‘s wish list.

Best practice for memory allocation
Component for mobile (eg. List and DataGrid). They should support user’s activity such as swipe.
Improved view (or state) management. We can see this example in iPhone OS. Apple provides its very well.
Ability to access native resource and native service. This feature may consume a lot of time to prepare for public release. Because of different native platform (Android, Windows Phone 7, BlackBerry, etc.) Adobe has to tune up their framework for each platform. But I am sure they are doing better thing.
Enhanced Publishing. Flash Builder (aka. Flex Builder 4) shows us the great work flow to publish content through various project’s type (eg. AIR development and web development). I have no doubt that Adobe plans to add something like “Mobile development” (or more specific platform such as “BlackBerry development”).

How do you thing? In my opinion, these are all feature it should be included in Slider framework when it released. May be we will got a surprise from Adobe MAX 2010. Who will know?

Cheers, and have a great day to you.