Posts tagged Adobe Flash Builder 4

ทำไมเรายังใช้ Flash Builder 4 สร้าง Android App สะดวกๆ ไม่ได้?

Android 2.2 มากับศักยภาพในการรองรับ Adobe Flash และ Adobe AIR

Android 2.2 มากับศักยภาพในการรองรับ Adobe Flash และ Adobe AIR

หลังจากการเปิดตัวของ AIR for Android ในงาน Google I/O ที่ผ่านมานั้น เหล่านักพัฒนาคงตื่นตัวและโหลดตัว SDK มาลองกันอย่างบ้าคลั่งแล้ว บางคนอาจจะกำลังวางแผนซื้อ Android phone มาใช้กันด้วยซ้ำ

ว่าแต่บางคนอาจสังเกตว่า…

เฮ้ย! ทำไมใช้แค่ Flash Professional CS5 สร้างได้อย่างเดียวอ้ะ!?

เอาแหล่ว ทำไม Flash Builder 4 สร้างไม่ได้หว่า

คำตอบมีอยู่ในตัวมันเองครับ นั่นเป็นเพราะ Flex SDK 4.0 และ Flash Builder 4 ในปัจจุบันนั้นไม่ได้ออกแบบมาเพื่อการ compile ให้เหมาะกับสถาพแวดล้อมของอุปกรณ์พกพา (แรมน้อย CPU ต่ำ) มันจึงเหมาะกับ Desktop และ Web application มากกว่าเป็นไหนๆ

แต่นักพัฒนาคนไหนใช้เป็นแต่ Flash Builder 4 ก็อย่าเพิ่งน้ำตาไหลพรากๆ

Adobe เขาไม่ใจร้ายขนาดนั้นครับ

เพราะจริงๆ แล้ว Adobe ก็กำลังซุ่มสร้าง Flex SDK สำหรับ mobile โดยเฉพาะ ชื่อโครงการว่า “Slider” รายละเอียดหาดูได้ใน lab ของพวกเขาครับ

เป็นไงครับ? ไม่ร้องแล้วนะ

แต่ส่วนตัวผมใช้ Flash professional CS5 แล้ว ปัญหาน้อยลงเพราะ code hinting ที่แหละ

สวัสดีครับ ขอบคุณที่แบ่งปัน

งึนๆ งงๆ เวลาใช้ Flash Builder 4 หรอ? Help content ช่วยได้!

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

นั่นก็คือ Adobe เขาก็เตรียมพร้อมเหมือนกับพวก .NET และ Java แหละครับ โดยแทนที่จะปล่อยให้นักพัฒนาไปค้นหาตามน้องเกิ้ล เขาก็ทำการ release เอกสารอ้างอิงโดยละเอียด พร้อมตัวอย่างและวิธีใช้ Flash Builder และการทำงานกับ Flex SDK มาให้ในตัว Flash Builder 4 เลย  วิธีการเข้าไปอ่านมีดังนี้ครับ ง่ายกว่าที่คิดซะอีก

ตามมาด้านในเลยครับ More >

ขอต้อนรับเข้าสู่ยุคของ Flash Builder 4!

สวัสดีครับ

วันนี้ผมมีความยินดีและตื่นเต้นเป็นอย่างยิ่ง เพราะหนึ่งใน tool หลายๆ ตัวที่ developer นับล้านๆ คนทั่วโลกเฝ้ารอคอยก็ได้มาจุติ ณ โลกใบนี้ซะที นั่นก็คือ Adobe Flash Builder 4 full release นั่นเอง IDE คู่ใจชาว Flex application developer ที่ได้รับการยกเครื่องด้วย Flex SDK 4.0 และอัดฉีดเครื่องมืออำนวยความสะดวกเข้าไปหลายโดสทีเดียว (แล้วจะมาจาระไนต่อครับ โปรดติดตามกันต่อไป) ตอนนี้ทาง Adobe ก็ได้ update หน้า web ที่ตอนแรกเป็น Flex Builder ก็กลายเป็น Flash Builder แล้วเรียบร้อยครับ ใครที่เคี่ยวกรำอยู่ในยุทธภูมิ Flex มานานก็สามารถไปหา download มาลองกันได้แล้วครับ

ส่วนตัวผม ขอไปเรียบเรียงความรู้เก่า และใหม่ก่อนครับ มีอะไรจะได้เอามาแบ่งปันกัน

หน้าตอนโหลดเข้า Flash Builder 4 (Loading screen)

หน้าตอนโหลดเข้า Flash Builder 4 (Loading screen)

More >

ของใหม่ๆใน Flash Builder 4 beta – Part 2: Enabling data-centric development

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

ตอนนี้เรามาถึงส่วนที่สองของ feature ใหม่ๆ ใน Flash Builder 4 Beta กันบ้าง โดย Adobe ได้ศึกษาการนำ Adobe Flex ไปใช้งานของลูกค้าส่วนใหญ่ พบว่าจะเป็นการทำไปใช้ในองค์กรโดยทำงานกับข้อมูลเป็นหลัก หรือนำไปสร้าง user interface เจ๋งๆ ในกับ ระบบ back-end เดิมที่อาจจะใช้ Adobe ColdFusion, Microsoft ASP.NET, Java, หรือ PHP รวมถึงการติดต่อกับพวก Third-party API ที่เป็น web service อย่าง REST หรือ SOAP ทาง Adobe เลยให้ความสำคัญกับส่วนการ ทำงานที่เกี่ยวข้องกับข้อมูลนี้มาก โดยใจความสำคัญคือ

ไม่ว่าระบบเดิมจะถูกสร้างขึ้นบน platform ใดๆ หรือบน technology อะไรก็ตาม ใจความสำคัญคือการทำงานกับ data หรือข้อมูล โดยการเชื่อมต่อกับแหล่งข้อมูลดังกล่าว และเชื่อมมันเข้ากับ Flex Component

ข้อความข้างบนคือใจความสำคัญของ feature ที่สองใน Flash Builder 4 ครับ โดยมุ่งเน้นไปที่ความง่ายและรวดเร็ว เหนือกว่าการทำงานแบบเดียวกันใน HTML

Flash Builder 4 provides data-centric which support on existing technology

การทำงานของ Data centric development ใน Flash Builder 4 ประกอบไปด้วย 3 ส่วนใหญ่ๆ

  • การระบุลักษณะหรือแหล่งที่มาของข้อมูล (defining a data/service model)
  • เชื่อมต่อการทำงานเข้ากับ Flex component (binding service operations to Flex components)
  • เพิ่มลักษณะการทำงานของข้อมูลแบบพิเศษ เช่น การทำ paging และ data-management

การสร้าง model และเชื่อมต่อข้อมูล หรือ service ที่ง่ายกว่าเดิม

Data/Service model เป็นวิธีการหนึ่งที่ถูกนำมาใช้ในการเชื่อมต่อและดึงข้อมูลจาก service ที่เรามีอยู่แล้ว ใน Flash Builder 4 Beta วิธีการนี้กลับมาโดดเด่นอีกครั้งครับ โดยเราแค่ให้ Flash Builder ทำการวิเคราะห์ logic ที่เรามีอยู่แล้ว ไม่ว่าจะเป็น ColdFusion component, PHP Classes, Java, หรือ web service โดยเราสามารถที่จะ binding ข้อมูลจาก service พวกนี้เข้ากับ Flex component อย่างง่ายดาย

data/service wizard on Flash Builder 4 Beta

Advanced data management features

แน่นอนว่าการพัฒนา application แบบ data-centric ต้องมีอะไรมากกว่าการ binding ข้อมูลเข้ากับ component แน่นอนครับ. Flash Builder สามารถช่วยคุณสร้าง client ที่สามารถจัดการข้อมูลได้อย่างง่ายๆ เช่นการ fetching ข้อมูลตามความเหมาะสมเพื่อการทำงานกับข้อมูลขนาดใหญ่, การติดตามการเปลี่ยนแปลงของข้อมูล, การอนุญาตให้ user ยกเลิกการเปลี่ยนแปลงก่อนหน้า, และการทำงานแบบ CRUD ที่ทั้งหมดนี้ปกติจะต้องทำการทำเองตั้งแต่ต้น ผลลัพธ์คือทำให้พวกเราสามารถนำเสนอข้อมูลให้กับ user เกินกว่าที่ HTML ธรรมดาทั่วไปจะทำได้

 

แล้วพบกันใน part 3 ครับ

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

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

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

เป็นที่ทราบกันดี ว่า 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 ได้ทันที

image

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

Adobe Flash Catalyst beta

image

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

Out of the box, Flash Builder 4!

กาลเวลาเวียนมาบรรจบครบรอบ สิ่งเก่าๆ ก็เริ่มจางหายไป สิ่งใหม่ๆ ก็เข้ามาแทนที่ เป็นช่วงเวลาที่ Software ทั้่งหลายจะแตกหน่อกำเนิดเวอร์ชั่นใหม่ๆ มาสั่นสะเทือนวงการ ฉันใด ก็ฉันนั้น ร่ายมาซะยาว เรื่องที่จะมาบอกกันวันนี้คือ Flex Builder เวอร์ชั่นล่าสุด ในนามของ Flash Builder 4 นั่นเอง

ทำไมเปลี่ยนชื่อล่ะ?

ด้วยเหตุผลในการผลักดัน มาตรฐานใหม่อย่าง Flash Platform ทำให้ Flex Builder กลายเป็นผลิตภัณฑ์ที่น่าจะสร้างความสับสนให้กับผู้ใช้อย่างไม่น้อย (เห็นได้ชัดถ้าเปรียบเทียบกับ Flash CS Professional และ Flash catalyst) Adobe  จึงได้ประกาศชื่อใหม่ใน version ถัดไปของ Flex Builder ว่า “Flash Builder 4” ซึ่งยังคงใช้ Adobe Flex 4 SDK หรือรหัส Gumbo ในการทำงานอยู่นั่นเอง

เปลี่ยนชุดใหม่ ข้างในก็ใหม่กว่าเดิม

แน่นอนครับ ว่าการเปลี่ยนแปลงที่สร้างความสับสนนี้ หากจะเรียกไม่ให้งง มันก็ยังคงเป็น Adobe Flex Builder 4 ในความหวังของหลายๆ คนล่ะครับ โดยที่ยังคงเอกลักษณ์การทำงานของ Eclipse ที่เราคุ้นเคยกันเป็นอย่างดี ไม่ขาดตกบกพร่อง

image

โดยการเปลี่ยนแปลงที่ผมพบตอนนี้มีดังนี้ครับ

  • การอ้างถึง tag lib ของ MXML มีการเปลี่ยนจาก mx ไปเป็น s เพราะมีการใช้ spark (การจัดการ component แบบใหม่ของ Flex ที่มีความยืดหยุ่นกว่ามาก) มาแทนที่ระบบจัดการ component แบบเก่า
  • มี tag FX ด้วย ตอนนี้กำลังค้นหาว่ามันคืออะไร
  • มีการฝัง Unit Test framework มากับตัว IDE คาดว่าจะทำให้เราทำ test unit ได้ง่ายขึ้น (จากของเก่าที่ต้องใช้ third-party อย่าง Flunit)
  • มีการ support การเขียน ASDoc อย่างเห็นได้ชัด
  • มีการเพิ่ม tool สำหรับการจัดการ Data service อย่างเป็นสัดส่วนชัดเจน คาดว่าตอนแล้วเสร็จจะมีการปรับปรุงอย่างมากในส่วนดังกล่าว

image

โดยรวมแล้ว Adobe Flash Builder 4 มีการปรับปรุงอย่างมากมาย โดยจะเห็นจาก feature สำคัญๆ อย่าง ASDoc, TestUnit, และการพัฒนา Spark ขึ้นมาต่อยอดการพัฒนา component ตัวเดิม ซึ่งผมขอคาดการณ์เลยว่า (ใครไม่ให้ก็คาดได้แล้วนะ) จะเป็นหัวหอกในการเพิ่มศักยภาพให้นักพัฒนา (Developer และ Designer) สามารถสร้างสรรค์ไอเดียใหม่ๆ ให้กับ Flex application ได้อย่างแน่นอน

จะค่อยๆ ชำแหละ มาเล่าสู่กันฟังนะครับ

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


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

State of our button

Now, we can define interaction directly.. before coding

Now, we can define interaction directly.. before coding

 

Yes! even property can define by Catalyst

Yes! even property can define by Catalyst