Posts tagged Adobe Flash Platform

Flash brings the web to life!

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

ที่มา – Webkitchen.be

How to: Glowing the image


นี่เป็น video ที่แนะนำวิธีการนำ Glow effect มาใช้ใน Flex application ของพวกเราอย่างง่ายๆ นะครับ โดยส่วนประกอบในการทำคือ Image control และ Glow effect เท่านั้นเอง

ดู Sample และ source code ได้ที่นี่ครับ (คลิกขวา บนตัว application แล้วเลือก View Source) 

สวัสดี Adobe Flex, นายคือใครหรอ?

Level: Novice

กาลครั้งหนึ่ง…

ในโลกที่เต็มไปด้วยภาษาการเขียนเวปมากมายอย่างเช่น ASP.NET, JSP (Java Server Page) หรือ PHP กำลังได้รับความนิยมอย่างแพร่หลาย เห็นได้ชัดเจนมากที่สุดคือจำพวก Webboard, ร้านค้า หรือ แม้กระทั่งเวบบริษัทที่มีข้อมูลต่างๆ เป็นแบบ Dynamic หรือเรียกมาจาก database นั่นเอง เวปที่สร้างด้วย platform เหล่านี้มีลักษณะเด่น คือการทำงานแบบ Form process หรือการใส่ข้อมูลต่างๆ ลงไปใน Form และเปลี่ยนจาก Form หนึ่งไปยังอีกฟอร์มหนึ่ง กระบวนการทำงานแบบนี้ทำให้มีการร้องขอ (เรียกว่า request) ไปยัง server เพื่อให้ประมวลผลข้อมูลและแสดงใน web browser อีกทีหนึ่ง วิธีนี้เป็นที่ยอมรับกันอย่างแพร่หลายในช่วงยุคนั้น (มีบางคนเรียกช่วงเวลานี้ภายหลังว่า Web 1.0)

ทุกอย่างก็ปกติดี จนกระทั่ง

กระทั่งนาย Jesse James Garrett ได้คิดเทคนิคการทำงานประเภทหนึ่งซึ่งมีประสิทธิภาพกว่าการทำงานแบบ Form Process แบบเดิมขึ้นมา ซึ่งหนึ่งในลักษณะเด่นของมันคือการ refresh ข้อมูลในหน้า web site ที่แสดงผลอยู่เป็นส่วนๆ แทนที่จะเป็นการร้องขอทั้งหน้าแบบเดิม เทคนิคนี้คือ Ajax

เทคนิคนี้เริ่มแพร่หลายกันในวงการ web application จนบริษัทยักษ์ใหญ่ต่างๆ เช่น Microsoft หรือ Sun ตัดสินใจพัฒนาเทคนิคเดียวกันนี้อย่างเงียบๆ เพื่อปล่อยออกมาโดยฝังกับ development platform ของตัวเอง อย่าง Silverlight และ JavaFX.

แน่นอนว่าเจ้าพ่อวงการ web developement tool ในยุคนั้นอย่าง Macromedia ก็ไม่ได้อยู่เฉย จับเอาวิธีการของ Ajax มาใส่ product ของตัวเอง ชื่อว่า Macromedia Flash จนออกมาชื่อว่า Adobe Flex 1.0 ซึ่งตอนนั้นราคาแพงระยับ ติดเพดานเลยต้องใช้ server และ IDE เฉพาะของ Macromedia เอง

และ เขาก็เข้ามา

Adobe เล็งเห็นความก้าวหน้า และอนาคตที่ยิ่งใหญ่ของ product จาก Macromedia จึงตัดสินใจควบกิจการของ Macromedia เอง พวกเราจึงเห็น ชื่อคำนำหน้าของ product ขึ้นต้นด้วย Adobe … แทนที่ Macromedia … ตั้งแต่นั้นมา ซึ่งรวมถึง Flex ที่ดูเหมือนจะถูกกลืนหายไปอย่างเงียบๆ ด้วย

การกลับมาที่ยิ่งใหญ่

จริงๆ แล้ว Adobe ไม่ได้ละทิ้ง Flex ไปตอนเข้าควบกิจการ หากแต่นำเอา Flex ไปเข้าโครงการลับ (เงียบ) สุดยอด เพื่อที่จะเปลี่ยนโฉมหน้าของ Adobe Flash ให้ต่างจากเดิม โดยเน้นไปที่กลุ่มนักพัฒนา software หัวกะทิทั้งหลาย (ต่อไปจะเรียกว่า developer) ที่อยู่ในโลกของ coding ให้ได้สัมผัสพลังที่สวยงามจาก Flash บ้าง (เดิมที Flash จะโด่งดังในกลุ่ม Designer)

แล้วเขาคือใคร?

เกี่ยวข้องกับ Flash หรือเปล่า?

ใช่แล้ว Adobe Flex พูดง่ายๆ คือ framework ตัวหนึ่งของ Adobe Flash ที่มีชุดคำสั่งที่ทำให้นักพัฒนา web application สามารถใช้ platform ของ Flash ในการสร้างสรรค์ผลงานของตัวเองได้ง่ายยิ่งขึ้น (แต่เดิมใครเคยพยายามทำ web application หรือ web form ใน Flash ก็ต้องน้ำตาตกเป็นส่วนใหญ่ เพราะเป็นภาษา Script) โดย Adobe พยายามเปลี่ยนภาษาเดิม (ActionScript 2) ที่เป็นภาษาพื้นฐาน ให้เป็นภาษาเชิง OOP หรือเชิงโปรแกรมมิ่ง (ActionScript 3) ซึ่งมีผลตั้งแต่ Flash Player 9.0 ขึ้นไป

น่าสนใจดี แล้วมันจะดีขึ้นยังไงล่ะ?

จากประสบการณ์ที่ฝังใน Flex development มานาน ส่วนตัวมีความเห็นครับว่า Adobe Flex คือ platform ใหม่ที่มีความสวยงาม และ function อยู่ในตัว การเปลี่ยนแปลงจาก ActionScript 2 มาเป็น ActionScript 3 แม้ว่าจะทำให้ designer บ่นกันระงม แต่กลับเป็นผลดียิ่งยวดสำหรับ developer เพราะภาษาดังกล่าวมีโครงสร้างเหมือน Java หรือ .NET ไม่มีผิด ทำให้การย้ายมาลอง Flex ทำได้ง่ายมาก มีผลในการ re-use หรือนำสิ่งที่สร้างไปแล้ว นำกลับมาใช้ใหม่ได้เรื่อยๆ (เหนื่อยน้อยลง) รวมถึงการที่ Flash Player มีอยู่ในตัวเครื่องคอมพิวเตอร์เกือบทุกเครื่องเป็นหลักอยู่แล้ว ทำให้การพัฒนา web application บน Adobe Flex เป็น platform ที่ตลาดกว้างมาก ครอบคลุมทั้ง Window และ Macintosh (Linux ไม่รู้ครับว่ามี Flash player หรือเปล่า)

ดูดีนะ ว่าแต่ถ้าไม่รู้อะไรมาก่อนเลยล่ะ? แบบว่าอยากเริ่มพัฒนา web application ครั้งแรกในชีวิตจะทำไงดี?

สบายมากครับ เพราะ Adobe Flex มีเครื่องมืออย่าง Adobe Flex Builder ในการพัฒนา User Interface และ coding เพื่อช่วยในการพัฒนาให้ง่ายขึ้น (ไม่ต้องเขียนจาก notepad แล้ว) โดยหลักการแล้ว Adobe Flex จะประกอบด้วย 2 ส่วนใหญ่ๆ คือในการพัฒนา (หรือเขียน program) คือ MXML ที่ใช้สร้าง User Interface และ ActionScript 3 ที่ใช้ในการเขียน logic การทำงานของ Application ของเรานั่นเอง

หอมปาก หอมคอแค่นี้ก่อนนะครับ จะมาเขียนต่อคราวหน้าใหม่

Mailbox: Flex ต่างจาก Flash อย่างไร?


มีเพื่อนๆ เขียนเมลล์เข้ามาถามนะครับ เห็นว่าเป็นคำถามที่น่าจะมีประโยชน์กับคนอื่นๆ ก็เลยขอเอามาเปิดซองที่นี่นะครับ

Q: โปรแกรม Flex คือโปรแกรมที่พัฒนาจากโปรแกรม Flash หรอค่ะ แล้วการทำงานของมันทำยังไง รบกวนช่วยตอบกลับด้วยนะค่ะ ขอบคุณค่ะ

A: Adobe Flex framework ในความหมายจริงๆ แล้ว (ในแง่ของ computer programming) คือชุดคำสั่งที่มีโครงสร้างของมันเองในการใช้ ActionScript 3 (เป็นภาษา script รุ่นล่าสุดของ Flash) สร้าง Web Application ขึ้นมาครับ

เปรียบเทียบง่ายๆ คือเหมือนการทำเพรสเซลของ Auntie Annesที่มีรสชาติพิเศษ (Flash application) กว่าเพรสเซลปกติที่เขาทานกันอยู่ทั่วโลกนั่นล่ะครับ (Adobe Flash) ซึ่งถ้าใช้สูตรของ Annes เขา (Flex framework) ก็จะทำเพรสเซลที่ดีได้เร็วและมีคุณภาพกว่าสูตรทั่วๆ ไปล่ะครับ

ดังนั้น Flex มีพื้นฐานเต็มๆ อยู่บน Adobe Flash นั่นล่ะครับ โดยต่อยอดเขามาอีกที

Flex จะแตกต่างที่การ coding ครับ โดยที่จะไม่เป็นภาษา script ที่ฝังอยู่ใน Timeline เหมือนกับ Adobe Flash แต่จะหนักไปทางโครงสร้างภาษาทาง computer programming คล้ายๆ กับ Java หรือ .NET C# เป็นส่วนใหญ่ แต่ผลผลิตที่เราจะได้คือ SWF ไฟล์เหมือนกับ Flash ครับผม

Flash is lighting up on iPhone!

เมื่อต้นสัปดาห์ที่ผ่านมา มีการออกมายอมรับกันอย่างเป็นทางการแล้วว่า Adobe ไม่ได้ทิ้ง iPhone ไปไหน เพียงแต่ทาง Apple นั้นไม่สามารถรับรองได้ว่าประสิทธิภาพของ Flash version ที่จะรันบน iPhone นั้นจะสามารถทำได้อย่างมีประสิทธิภาพเหมือนใน PC เนื่องจากความสามารถของ Hardware ที่ iPhone มีจำกัด

ก่อนหน้านี้ก็มีข่าวออกมาว่า Flash ที่สร้างเสร็จแล้วไม่ได้รับการรับรองจากทาง Apple เนื่องด้วยปัญหาเดียวกัน หากแต่ตอนนี้ทางหัวหน้าทีมพัฒนาของ Adobe ได้ออกมาแถลงอย่างเป็นทางการแล้วว่า ทั้งสองฝ่ายกำลังทำงานร่วมกัน เพื่อสามารถทำให้ Flash รันบน iPhone ได้

โดยส่วนตัวแล้ว ผมว่าอาจต้องรอ Hardware ที่อัพเกรดแล้วของ iPhone version หน้าก็เป็นได้

My jobs, powered by Adobe Flex


I have started to work on my freelance job which is a company web-site for next-generation dance school for a weeks. and finally I found Adobe Flex can do more than only data-application. I found many technique to build the visual component and make its looking good from google. I think a can show you soon as beta version.

My question raise on “Why do you love Flex?”, is it easy to implement some cool web application? is it flashy? is it suitable for my static-image design? the answer is up to you. But for me, I love Flex because it has changed my programming world forever. I can see my good looking result without to hanging in those definition (Sorry for Java) and in the other hand, I love to design and graphic creator, Flex impresses me a lot.

If you still didn’t try Adobe Flex before, I suggest you should, go to Adobe’s Flex official site and changed you UI world forever.

 

ผมได้เริ่มงานพิเศษของผมกับโรงเรียนสอนเต้นยุค Next-Gen ที่หนึ่งมาได้ราวสัปดาห์กว่าๆ แล้ว และผมก็ได้ค้นพบว่า Adobe Flex นั้นท่าทางจะไม่ได้จำกัดอยู่แค่การสร้าง application จัดการข้อมูลอย่างเดียวเสียแล้ว มันสามารถก้าวข้ามขอบเขตไปสู่ Flash-based ต่างๆ เช่น การเขียนเกม หรือการสร้าง Flash web-site ที่หรูหรา แต่ developer อย่างเราๆ ควบคุมและรู้สึกดีกับมันมากขึ้นกว่าเดิม (บางทีอาจเป็นเพราะ Object-Oriented programming ใน Actionscript 3) ผมสามารถหาและศึกษาการทำให้ component ต่างๆ ดูดีได้จาก google ทั่วไป ผมคิดว่าไม่ช้าก็จะสามารถนำ beta version มาให้เพื่อนๆ ได้ดูเร็วๆ นี้

คำถามของผมเกิดขึ้นทันที ว่า “ทำไมถึงชอบ Flex ล่ะ” มันสวยหรอ? มันช่วยให้เราทำเวบ application เจ๋งๆ ได้ง่ายขึ้นหรอ? หรือว่ามันสุดยอด? หรือว่ามันเจ๋งที่จะใช้กับภาพนิ่งแสนสวยงามของพวกเรา? คำตอบต้องขึ้นอยู่กับพวกเราเอง แต่สำหรับผม Adobe Flex ได้เปลี่ยนโลกการพัฒนาโปรแกรมของผมไปตลอดกาล ตอนแรกที่ไม่มี Flex ผมชอบ Dreamweaver เพราะอะไรหน่ะหรือ เพราะมันทำให้ผมเห็นสิ่งที่มันควรจะเป็นก่อนที่ผมจะลงไป code ซะอีก ผมมองตัวเอง แล้วก็รู้ว่าผมเป็น developer ประเภท hybrid, ครึ่ง designer และ developer ผมจึงไปไหนไกลจาก graphic และ animation ไม่ได้ (พวกคุณเป็นเหมือนผมหรือเปล่า?) และนั่นหล่ะ ผมชอบเขียนแล้วเล่นได้ทันที

ถ้าคุณยังไม่เคยลอง ขอแนะนำให้ลองซะ! จากมุมมองของผมตอนนี้ อีกนานกว่าจะมีใครตาม Adobe ทัน คุณสามารถเรียนรู้จาก ต้นฉบับ ได้ที่ Adobe’s Flex official site

หรือว่าจะร่วมกัน กัน Community ของเรา, Thailand Flex and AIR community ยินดีต้อนรับ!

Get some new update of Flex Builder


Hi, everyone. I am very happy to tell you about new update for Flex builder 3 to 3.01.

One of the most important part is Adobe AIR 1.1 development environment which has no need to do manual configure anymore (cheer for Adobe team, I almost believe the update of Flex builder will release in Flex builder 4.) You can get latest version for Flex builder via Adobe updater program, picture below.

image

By the way, the update file size is up to 200+ mb, so you will feel more relax to let its update along the night.

Adobe lunch a week tutorial!


Adobe seems move advanced against the competition now. In this week, they have lunched ‘Flex in a Week’, the video tutorial series which are full with essential contents (I wonders about the feeling of someone who already brought the Total training’s one) This is very good, good enough to say I would see more good Flex developer around the world, especially in Thailand more grow up the number.

Cheer! Adobe.

http://www.adobe.com/devnet/flex/videotraining/

image

Adobe ดูท่าทางจะแรงไม่ใช่เล่นแล้วครับ ล่าสุดได้ทำการปล่อย series video tutorial ของ Adobe Flex ออกมาเพื่อเป็นการสร้างจำนวน Flex developer ที่เพิ่มมากขึ้นให้ทะลุขีดจำกัดขึ้นไปอีก (สงสัยก็คนที่ซื้อ Total training ไปแล้วจะคิดอย่างไร) นี่เป็นสิ่งที่ดี ดีมากจริง เพราะผมเชื่อได้เลยว่า (เข้าไปดูมาแล้ว) การแจกฟรีสื่อการสอนแบบนี้ จะทำให้จำนวน Flex developer เพิ่มจำนวนประชากร Flex developer ขึ้นสูงอย่างแน่นอน โดยเฉพาะในประเทศไทย อย่างเราๆ ก็คงมีผู้สนใจอีกมาก ที่จะสามารถเพิ่ม skill ด้านนี้ได้จาก tutorial ชุดนี้อย่างแน่นอน

สุดยอด! Adobe

http://www.adobe.com/devnet/flex/videotraining/

Let’s it heat with Adobe Thermo!

Finally, Adobe has revealed some of screenshot of “Thermo”, the RIA tool which will make designer and developer more happy! Mr.Ted has posted some of those screenshot on his web. But I have put it here! so, enjoy.

PS. I don’t sure Adobe is using thier Flex framework with thier next product (included with CS4). But it looks like very much.

In Thai:
ในที่สุด Adobe ก็ปล่อย screenshot ของ “Thermo” โค้ดเนมเครื่องมือ RIA ตัวล่าสุดจาก Adobe ที่จะทำให้ทั้งคนออกแบบ และ โปรแกรมเมอร์แฮปปี้ไปตามๆ กัน คุณ Ted ได้แปะภาพบางส่วนไว้ใน Blog ของเขาครับ ผมก็ขอเอามาลงไว้ในที่นี้

ปล. ไม่รู้ผมคิดไปเองหรือเปล่านะ แต่รู้สึกเหมือน Adobe จะใช้ Flex framework ในพัฒนา Application รุ่นต่อไปหรือเปล่า หน้าตามันละม้ายคล้ายกันมากเลยครับ

If you want to see in high-resolution, just click on the image :)
ถ้าต้องการเห็นภาพเต็มๆ คลิกที่ภาพเบาๆ หนึ่งทีครับผม

Join us! at Social Community of Flex and AIR developer of Thailand!


Well, I think there is a growing number of people, student, and developer who are interesting in, passion in, and well, already love them, Adobe Flex & Adobe AIR.

So I have found a good social network service from Ning. Now there are few members here, somes are advanced in thier field, some is a beginner, but we welcome everyone! Let’s share, Exchange, ask, and answer!

image

If you want to join us, just click on the second link at the right side of my blog

or just click here Thailand Flex & AIR developer community

Thank you and be Happy!

Greendog

In Thai:

เอาล่ะ ผมคิดว่าจำนวนคนที่เริ่มสนใจในเทคโนโลยี Adobe Flex และ Adobe AIR กำลังเพิ่มขึ้นในอัตราที่สูงขึ้น ทั้งนักเรียน นักศึกษา และนักพัฒนา ที่ล้วนแล้วแต่สนใจมัน หลงไหลมัน และรักมันไปแล้ว

ผมจึงขออณุญาตตั้ง Social community ของ Adobe Flex และ Adobe AIR ของชาวไทยเราขึ้น (ด้วยความอนุเคราะห์จาก Ning) ตอนนี้มีสมาชิกอยู่จำนวนหนึ่งแล้ว บางคนเชี่ยญชาญในด้านที่ตนเองถนัดมาก่อน บางคนกำลังเริ่มเรียนรู้ แต่เราก็ต้อนรับทุกคนนะ! มาเลย ร่วมแบ่งปัน ร่วมแลกเปลี่ยน ร่วมถาม และร่วมตอบกันเถอะ!

ถ้าอยากเข้ามาจอยกัน ก็คลิกที่ลิ้งค์ด้านขวา ลำดับที่สองของ blog ผมเลยนะครับ

หรือ Click ที่นี่ได้เลยไม่ว่ากัน –> Thailand Flex & AIR developer community

ขอบคุณครับและจงมีความสุข!

Greendog