ของใหม่ๆใน Flash Builder 4 beta – Part 1: Improving designer/developer workflow

Greendog — Fri, 07 Aug 2009 18:21:12 +0000

ที่มา: What’s new in Flash Builder 4 beta – by Tim Buntel

คุณกำลังอ่านส่วนที่ 2 ใน 3 ของ “ของใหม่ๆ ใน Flash Builder 4 beta” ทั้งหมดมี 3 ตอน ตามรายการข้างล่างนี้ครับ

Part 1: Improving designer/developer workflow
Part 2: Enabling data-centric development
Part 3: Making developer more productive

เป็นที่ทราบกันดี ว่า Flash Builder 4 กำลังจะออกมาให้เหล่า Flex developer ได้ติดเครื่องใช้กันอีกครั้งในปลายปี 2009 นี้นะครับ ตามซุนวูว่าไว้ “รู้แต่เขา รบห้าสิบ ชนะห้าสิบ รู้แต่เรา รบห้าสิบ ชนะห้าสิบ รู้เขารู้เรา รบร้อยครั้ง ชนะร้อยครั้ง” ดังนั้น เรามาทำความรู้จักกับ Flash Builder 4 กันแต่เนิ่นๆ ดีกว่า ว่าจะมี feature อะไรใหม่ๆบ้าง โดยในแต่ละส่วนผมจะขอใส่ข้อคิดเห็นส่วนตัวลงไปด้วยนะครับ โดยขอขอบคุณ Mr. Time Buntel ที่สร้างบทความดีๆ มาให้พวกเราอ่านกัน เลยขออนุญาตแปลข้อมูลบางส่วนมา ณ ที่นี้

Focusing on new features

เนื่องจากมีการทำ wish list ขึ้นมาก่อนหน้านี้เพื่อเก็บ requirement จากผู้ใช้ Adobe Flex Builder 3 ก่อนหน้านี้ ทำให้ Adobe ทราบว่า การพัฒนา Flex application นั้นจะเกิดในกระบวนการพัฒนา 3 ขั้นตอนใหญ่ๆ ได้แก่ การออกแบบ (Design), การเขียนโปรแกรม (Coding), และการทดสอบ (Testing) ทำให้ Adobe ได้เพิ่ม feature เข้าไปในสามส่วนนี้ได้แก่

ความต่อเนื่องในการร่วมมือกันทำงานของ designer และ developer (Designer/Developer workflow)
การพัฒนาโดยยึดข้อมูลเป็นสำคัญ (Data-centric development)
การปรับปรุง IDE และการทดสอบโปรแกรม (IDE productivity and testing)

Improving designer/developer workflow

เรื่องของเรื่องคือ application ในยุค web 2.0 ทำให้ designer เข้ามาร่วมวงพัฒนา software อย่างจริงจัง เพราะความสวยงาม น่าใช้ กลายมาเป็น feature หลักที่สามารถดึดดูดผู้คนเข้าสู่ web ของตัวเองได้อย่างล้นหลาม รวมถึงความที่จะทำให้ application มัน “ใช้งานได้ตามต้องการ” (Usability) ก็เป็นสิ่งที่ต้องคำนึงถึงมากทีเดียว ทำให้การพัฒนาร่วมกันแบบ ฉันวาด เธอเอาไป code เกิดขึ้นมาเป็นมาตรฐานที่เด่นชัดกว่าแต่ก่อนในแวดลง software development.

แต่ก็นั่นล่ะ ในเมื่อทั้งสองฝ่ายต่างก็มองความสวยงามคนละแบบ (คนหนึ่งมองภาพสวย อีกคนมอง code สวย) และเครื่องมือเครื่องใช้ ก็ไม่ได้ออกแบบมาให้การทำงานมันเข้ากันได้สักเท่าไหร่นัก การทำงานแบบร่วมมือกัน (Collaboration) โดยที่ยังคงความเข้ากันได้จากต้นฉบับ (Artwork ของ designer) กับตอนนำไปทำ interactive (Coding โดย developer) จึงเป็นปัญหามาหลายยุคสมัย จะเห็นได้ชัดจากการที่ designer ออกแบบ web site แต่เมื่อ developer เริ่มทำการ “ยำ” ให้หน้า web เป็น dynamic ความโกลาหลจะเกิดขึ้นหลังจากมีการเปลี่ยนแปลง design หรือ function การ coding

Adobe เลยเล็งเห็นจุดบอดตรงนี้ เลยคิดหาทางให้การทำงานระหว่าง Flex Builder ต้องสามารถเข้ากันได้กับชุดออกแบบ Creative Suite ของตัวเองให้มากที่สุด ก็เลยพุ่งเป้ามาที่โปรแกรมสำคัญคือ Adobe Flash Professional และ Adobe Flash Catalyst ทั้งสองของตัวเอง

New workflow

อย่างที่กล่าวว่า Flash Builder 4 ได้มีการพัฒนาส่วนที่จะช่วยให้การทำงานระหว่างตัวของมันเองกับ Flash Professional สะดวกมากขึ้น อย่างเช่น Flash Builder 4 จะมี component ใหม่ เช่น “New Flash Component” กับ “New Flash Container” ที่สามารถนำไปวางในส่วนต่างๆ ของ Application ได้เหมือนกัน component ทั่วไป จากนั้นเราก็สามารถ เปิด Flash Professional ได้โดยตรงเพื่อสร้าง หรือแก้ไขได้โดยตรงเลย จากนั้นก็สามารถ กด Done ยืนยันการแก้ไขเพื่อกลับมายัง Flex Builder ได้ทันที

จากภาพจะเห็นว่า เวลาเราเลือก Flash component ส่วนของ properties panel จะแสดงปุ่ม Create in Adobe Flash เพื่อให้เราสร้าง Flash content ได้โดยตรง

Adobe Flash Catalyst beta

น้องใหม่มาแรงอย่าง Adobe Flash Catalyst มีผลในการเปลี่ยนแปลง workflow การทำงานอย่างมาก โดยจุดประสงค์หลักของ Adobe Flash Catalyst นั้นคือการนำ Artwork จากการใช้ Creative Suite มาใช้ในการพัฒนา Rich Internet Application อย่างจริงจังนั่นเอง ซึ่ง Adobe มีการหมายมั่นเอาไว้ว่าน้องใหม่คนนี้จะทำให้การทำงานระหว่าง desiger และ developer ง่ายขึ้นอย่างที่ไม่เคยเกิดขึ้นมาก่อนเลยทีเดียว
(หากสนใจ อย่าลืมแวะไป download Adobe Flash Catalyst Beta มาลองใช้ดูได้นะครับ)

Adobe MAX, San Francisco: Flash catalyst and Flex Builder 4

Greendog — Sat, 09 May 2009 06:03:16 +0000

Finally, Adobe give a DVD that included with Adobe Flash Catalyst and Adobe Flex Builder 4 to the audience. This report is owned by Russ Ferguson. and you can read more here.

In my opinion, this is the great news that we are getting improved tools and toys that can make we work more fun and easier!

First meeting... hmm...

State of our button

Now, we can define interaction directly.. before coding