แต่การที่จะ update ไปใช้งาน 4.6 คุณอาจจะต้องเตรียมความพร้อมล่วงหน้าและทำความเข้าในให้ดีก่อน ไม่งั้นอาจจะเจอเรื่องแปลกใจเอาง่ายๆ

1. ไม่มี Auto Update

เนื่องจากการปรับปรุงครั้งนี้ มีการแก้ไขและปรับปรุงด้านในไปหลายส่วน รวมถึงเพิ่มโครงสร้างภายใน Flash builder เองเพื่อตอบสนองต่อ feature ที่เพิ่มเข้าไป ทำให้ Flash builder version ก่อนหน้านี้จะไม่รับรู้ต่อการมาของ 4.6 (แม้ว่าจะสั่ง Help > Search for Flash Builder Update… ก็จะไม่เจอ) การ update ต้องโหลดตัวใหม่มาติดตั้งเท่านั้นครับ

 2. ต้อง uninstall Flash Builder version ก่อนหน้านี้ออกก่อนทำการ install version 4.6

หลังจาก download version 4.6 มาไว้ในเครื่องคุณแล้ว คุณจะพบว่าการ install 4.6 ไม่ได้เป็นการ update ให้กับ Adobe Flash Builder เวอร์ชั่นที่คุณมีอยู่แต่อย่างไร มันจะแจ้งให้คุณเอา version ก่อนหน้านี้ออกก่อน! ซึ่งอย่าตกใจไป ให้อ่านข้อที่ 3 แล้วจากนั้นค่อย uninstall Flash Builder version ที่คุณมีอยู่ในเครื่องออกก่อน (ไม่ว่าจะเป็น 4.5, 4.5.1 หรือ pre-release version)

3. Workspace 4.5 Compatible support และ Eclipse 3.6 support แบบ plug-in

อย่าตกใจไปที่ต้อง uninstall ตัว Flash Builder ที่คุณมีออก เพราะการ uninstall version ที่มีอยู่ผ่านตัว uninstaller (ใน Mac) หรือ Control Panel (ใน Windows) จะช่วยให้คุณเก็บ preference และ workspace ที่คุณมี และ workspace ใน version 4.5 สามารถนำกลับมาทำงานใน version 4.6 ได้อย่างไม่มีปัญหา รวมถึงใน Flash Builder 4.6 ได้ update มาใช้ Eclipse 3.7 ซึ่งคุณยังสามารถเลือกติดตั้ง Flash Builder 4.6 แบบ plug-in ให้กับ Eclipse 3.6 ในกรณีที่ยังไม่พร้อมไปใช้ Eclipse 3.7 เช่นกัน

สรุป

นั่นคือทั้งหมดที่คุณควรรู้ก่อนที่จะเริ่มคิด update มาใช้งาน Adobe Flash Builder 4.6 หลายๆ สิ่งอาจทำให้คุณตกใจ แต่โดยรวมแล้วไม่มีปัญหาต่อการทำงานแน่ๆ ครับ

พร้อมแล้วก็ไป download ได้ที่นี่ครับ ขอให้สนุกกับการสร้าง AIR Application บน Mobile!

เชิญเข้าร่วมกลุ่ม Thai Adobe Developer Community

ลงทะเบียนเพื่อรับข่าวสารเพื่อเข้าร่วมกิจกรรม,​ สัมผัสเทคโนโลยีใหม่ๆ ก่อนใคร, พบปะกับเพื่อนในวงการเดียวกัน,​ และมีสิทธิ์ลุ้นรับของรางวัล และ software จาก Adobe ในกิจกรรมของกลุ่มครับ

สมัครเข้าร่วมกลุ่มเพื่อรับแจ้งกิจกรรมทาง email และรับสิทธิร่วมสนุกรับของรางวัลได้ที่นี่ (ถ้าไม่มี Adobe Account ระบบจะให้คุณลงทะเบียน Adobe Account ก่อนครับ) จากนั้นติดตามข่าวสารได้ทาง ThaiADC Fan Page ครับ

คิดว่าบางคนน่าจะพยายามลองใช้ Adobe Flex เชื่อมต่อกับระบบ SAP Gateway Service มาบ้าง ซึ่งการทำมือขึ้นมาเองนั้นใช้เวลานานจริงๆ  (ผมเคยลองครั้งหนึ่งตอน Adobe Flex 3 เหนื่อยเอาการ)

แต่มาวันนี้ Adobe คงเล็งเห็นการจับตลาดองค์กรมากขึ้น เลยริเริ่มสร้าง plug-in ของ Adobe Flash Builder ที่จะอำนวยความสะดวกในการสร้าง Web App/Desktop App/Mobile App เชื่อมต่อกับ SAP NetWeaver Gateway Service ได้สะดวก และเร็วขึ้น

Feature สำคัญใน SAP NetWeaver Gateway Service plug-in

• เพิ่ม SAP NetWeaver Gateway Wizard เข้าใน Flash Builder DCD (Data-Centric Development)
• NGS Catalog Browser
• Service Introspection และ Actionscript Service Wrapper Generator
• สามารถใช้งาน Drag and Drop data service integration เหมือนกับ DCD ประเภทอื่นๆ

Download มาลองกัน

ตอนนี้ก็ได้ปล่อยเวอร์ชั่นแรกออกมาใน Adobe Labs แล้วครับ ซึ่งสามารถกดเข้าไป download โดยตรงได้ที่นี่เลย (แต่ต้องสมัคร Adobe ID ก่อนนะ ถ้ายังก็แค่ทำตามขั้นตอนใน website ได้เลย)

คุณคิดว่าการที่ Adobe ทำ plug-in โดยเฉพาะให้ SAP Gateway จะมีผลยังไงบ้างครับ? แชร์กันด้านล่างได้เลย

แต่ในเนื้อหาการประกาศต้นฉบับ จะมีใครสักกี่คนน้อ ที่เห็นย่อหน้าเล็กๆ กล่าวถึงสิ่งใหม่ๆ ที่กำลังตามมา และ (อาจจะ?) กำลังจะเปิดตัวในงาน Adobe MAX 2011 ครั้งนี้ด้วย!

นั่นคือ 3D framework ที่สร้างขึ้นโดย Adobe ชื่อรหัสว่า “Proscenium”

โดย Adobe วางแผนไว้ว่า จะเป็นเครื่องมือสำหรับ Developer (ทำงานกับ Adobe Flash Builder) ในการสร้าง “แบบจำลองง่ายๆ” และใส่ Interactive เข้าไป โดยตอนนี้ให้ข้อมูลแค่ว่าสามารถสร้างเกมส์ง่ายๆ ได้,​ data virtualization, และการแสดงผลกลุ่มโมเดลความละเอียดสูง ซึ่ง Adobe จะปล่อยออกมาให้ทดสอบกันใน Adobe Labs ก่อนเร็วๆ นี้

ขอยกข้อความจากต้นฉบับมาแปะไว้ที่นี่นะครับ

Adobe will also soon make a 3D framework technology preview called Proscenium available on Adobe Labs. Proscenium will allow developers using Flash Builder to rapidly prototype experiences focused on simple content interaction and display, whether for simple games, visualization, or high-quality rendering of small object collections.

อ่านแล้ว คิดเห็นอย่างไรครับ? แชร์ comment คุยกับผมด้านล่างได้เลย

หลังจากการทิ้งช่วงให้ Fan Club ชาว Flash และชาว Flex นอนรอมาประมาณเดือนกว่าๆ Adobe ก็ได้ทำตามสัญญาที่ให้ไว้ว่า

เราจะปล่อยตัว update ให้กับ Adobe Flash Builder เพื่อให้พวกคุณสามารถพัฒนา mobile application ได้ทั้ง 3 platform ในอีกหนึ่งเดือนข้างหน้า

เอาเป็นว่าแค่ตัว Adobe Flash Builder 4.5 ออกมาสู่สายตาชาวโลก ก็เรียกกระแสซื้อได้ไม่น้อยเลยครับ ไว้มาดูกันว่า Adobe Flash จะไปถึงฝั่งฝันหรือไม่

เอ้าใครมี Adobe Flash Builder 4.5 อยู่แล้ว ไปโหลดตัว update ได้ที่นี่กันเลยครับ

แต่ถ้าใครยังไม่มี ไม่เค๊ย ไม่เคย และอยากลอง อยากเริ่ม เจ้า alternative solution ในการพัฒนา Mobile Application บน mobile application ล่ะก็ เข้าไป download ตัว trial version ของ Adobe Flash Builder ล่าสุดได้เลยครับ

รักคนอ่าน

ว่าแต่ก่อนมาสนใจเจ้า Adobe Flash เนี่ย เคยเขียนภาษา mobile application อะไรกันมาบ้างแล้วครับเนี่ย? แชร์ด้านล่างกันหน่อย

UPDATE!! – ดูบทความและ Video สาธิตประสิทธิภาพของ AIR Application บน iOS (iPad 1) ได้ที่นี่ครับ หรือจะดูแต่ Video โดยตรงได้ที่นี่เลย (YouTube|Vimeo)

อะไรนี่? Adobe Download Assistant?

มาครั้งนี้ Adobe สร้างตัว downloader และ installer ด้วย Adobe AIR เลย

หากคนที่เคย download trial version ของ Adobe มาลองใช้งานบ่อยๆ จะค้นพบว่ามาคราวนี้ Adobe ไม่ปล่อยให้เรา download เป็น installer file ตรงๆ แล้ว แต่จะให้เราติดตั้งผ่าน Adobe Download Assistant แทน (ซึ่งเป็น Adobe AIR application สร้างขึ้นมาแล้วก็ใช้ซะให้คุ้ม) โดยจะบังคับกลายๆ ให้คุณสมัคร Adobe Account ในการ download ตัวโปรแกรม trail มาติดตั้งเหมือนเดิม เพียงแต่ตัว Adobe Download Assistant นี้จะทำหน้าที่เหมือน downloader ทำการ download และติดตั้งโปรแกรมให้เสร็จสมบูรณ์เลยครับ

Where to go from here?

เรียกได้ว่าเป็นการ release trial version ของ Adobe Creative Suite เต็มรูปแบบซะที หลังจากทำให้พวกเราลุ้นใจหายใจคว่ำ ว่าจะมี feature อะไรดีๆ เด่นๆ ออกมากันบ้างหนอ หากพร้อมแล้วก็ตรงไปยัง Adobe website โดยพลัน แล้วลองโหลดขุมพลังใหม่ของพวกเรามาลองกันเลยครับ

Code templates

หนึ่งในขั้นตอนที่ developer อย่างเราๆ ออกจะขี้เกียจอย่างหนึ่งคือการ code คำสั่งเดิมๆ ซ้ำๆ กัน อย่างเช่นการเขียน for loop ซึ่งก็ต้องมานั่งพิมพ์ for ( var i = … ) ไปเรื่อยๆ เปิดปีกกาไปเรื่อยๆ แล้วก็ปิดใช่ไหมครับ? ใน Flash Builder 4.5  ได้เสริมส่วนการใช้งาน code template เพื่อลดเวลาการทำงานที่ซ้ำซ้อนแบบนี้เข้ามา เช่น หากเราจะสร้าง for…loop เราก็พิมพ์แค่ “fori” แล้วก็กด CTRL-Space มันก็จะสร้าง block ของ for…loop ให้เราเรียบร้อย ที่เหลือแค่ใส่ logic เข้าไปเท่านั้น

Figure 1.1: Flash Builder 4.5 มีการเพิ่ม code template เข้ามาเพื่อให้การทำงานของพวกเรารวดเร็วขึ้น

และถ้าเกิดคุณต้องการทำงานกับการ coding โดยแบบฉบับของตัวเอง ก็สามารถสร้าง code template ของตัวเองเก็บไว้ใช้ได้ด้วย! โดยการเข้าไปที่ Preferences > Flash Builder > Editors > Code Templates > ActionScript/CSS/MXML ก็จะเห็นเป็น panel ไว้จัดการ code template ดังภาพด้านล่างครับ

Figure 1.2: Flash Builder 4.5 ยังให้อิสระแก่ developer ในการจัดการและสร้าง code template ของตัวเองได้ด้วย

นอกจากนี้คุณยังสามารถ import/export template ของคุณเองไว้แลกเปลี่ยนกันใน team ด้วยนะครับ

Customized code generation

หากใครได้เปลี่ยนจาก Adobe Flex Builder 3 มาใช้งาน Adobe Flash Builder 4 แล้วละก็ น่าจะชื่นชอบ feature ที่ตัว Editor มันสร้าง event handler จาก button ให้อัติโนมัตินะครับ ส่วนนี้เองนี่เรียกว่า code generation ซึ่งในเวอร์ชั่น 4.5 เราสามารถสร้างและแก้ไข code generation ได้ด้วยนะ

Flash Builder 4 มี code generation ที่ช่วยอำนวยความสะดวกให้ developer อย่างมาก ในรูปเป็นการสร้าง event handler โดยใช้ชื่อของ component นั้นๆ รวมกับชื่อของ event

โดยเราสามารถเข้าไปแก้ไขตัว template ของ code generation ได้ด้วยตัวเองใน panel ที่เตรียมไว้ให้ อย่างเช่นถ้าต้องการให้ event handler ทุกอันสร้างขึ้นเป็นแบบ private function ก็สามารถกำหนดจาก template ได้ทันที ดังภาพด้านล่างครับ

Flash Builder 4.5 เพิ่มความยืดหยุ่นโดยการให้เราสามารถปรับแต่ง code generation ต่างๆ ได้ด้วยตัวเอง

Metadata code completion

เมื่อการพัฒนา application ของคุณเริ่มลงลึก คุณจะได้เจอกับการใช้ Metadata tag แน่นอน ในเวอร์ชั่น 4.5 การเขียน Metadata tag จะง่ายขึ้นมากมาย เพราะมัน content assist เข้าร่วมในส่วนนี้แล้ว ทำให้คุณไม่ต้องนั่งเดาว่าเราใส่ attribute ถูกหรือผิดอีกต่อไป ทำให้ทำงานได้เร็วขึ้น

ในที่สุด code assist ก็ใช้งานกับ metadata tag ได้ซะที ^ ^

คุณยังสามารถใช้ code assist กับ parameter ต่างๆ ในการเขียน Metadata tag ด้วยนะ

Override implement methods

อีกอย่างหนึ่งที่ช่างทำให้การ coding เป็นเรื่องที่ทำให้พวกเรา (ผมคนหนึ่งล่ะ ยอมรับ) หลังย้าวยาว คือการมานั่งดูว่าเราจะต้อง override superclass function ไหนบ้าง หรือว่าต้อง implement function จาก interface ยังไง ซึ่งมาในเวอร์ชั่น 4.5 นี้ ทำให้พวกเราสามารถทำได้ง่ายๆ ผ่าน Source menu แล้ว

การทำการ overriding function และ implement function จาก interface จะทำได้ง่ายขึ้นมาก

Quick Assists

สำหรับ feature นี้เรียกว่าเป็นเครื่องมืออรรถประโยชน์ก็ว่าได้ คือ Flash Builder 4.5 จะทำการรวมคำสั่งทำงานที่พวกเราต้องใช้บ่อยๆ ในการทำงานแต่ละวันมาช่วยเราครับ โดยการเรียกผ่าน CTRL-1 ดูกันดีกว่าว่ามีอะไรบ้าง

• Rename in file— เปลี่ยนชื่อ variable หรือ method ใน file ที่กำลังทำงานอยู่ (โดยของเก่าเราต้องใช้ search & replace) โดยเราจะเห็นการแก้ไขแบบ real time กันเลยทีเดียว
• Rename in workspace—ตัวนี้เหมือนกับการใช้คำสั่ง refactor ครับ
• Convert local variable to field—ยกระดับ (ไม่ใช่การชุมนุมนะ) local variable หรือตัวแปรที่อยู่ใน method ให้เป็นตัวแปรในระดับ Class และลบตัวแปรที่ประกาศไว้ใน method นั้นๆ ออกไปด้วย
• Assign to variable—ประกาศ variable มารับค่าที่ได้จากการ initialization หรือ return value ของ method

• Split variable declaration—แยกการ declaration statement ของ variable ออกจาก initialization statement
• Generate getter/setter—เรียกหน้าจอสร้าง getter และ setter method ขึ้นมาสำหรับ variable ที่เราเลือก
• Organize imports—จัดการ import statement ที่เราไว้อ้างอิง class จากที่อื่นมาใช้งาน
• Insert import – สร้าง import statement ให้กับ instance ของ class ที่เรายังไม่ได้ประกาศ import เข้ามา

Generate from usage

ตัวนึ้แหละ ถือเป็นสิ่งที่ผมคนหนึ่งต้องการมากมาตั้งแต่ Flex Builder 3 แล้ว นั่นคือเวลา code ไปเรื่อยๆ เราอาจจะต้องการ function หรือ variable สักตัว (ก็เพิ่งคิดได้ตอนหลังนี่) เราก็ต้องมานั่งประกาศ variable หรือ function เองอีก (โอว ต้อง scroll ขึ้นไปข้างบนอีกแล้วใช่มั้ย!?) มาเวอร์ชั่นนี้เราสามารถสั่งสร้างได้ตรงๆ จากจุดที่เรากำลังทำงานอยู่เลยดังภาพด้านล่างครับ โดยเราสามารถใช้ feature นี้ได้กับ

• Variable
• Method
• Class/interface
• และ Event Handler ครับ

Generate Method from usage

Generate method ขณะการ code สดๆ

CSS improvements

ตัวสุดท้ายที่ได้รับการปรับปรุงคือ CSS Editor นี่เอง ความสามารถของเธอเพิ่มขึ้นเป็นทวีคูณทีเดียว (หลังจากเหมือนโดนลดระดับ โดยการเอา design view ออก) สิ่งที่ปรับปรุงขึ้นมามีดังนี้ครับ

Content Assist ของ Class Reference — ทำให้เราเข้าถึง class Flash ต่างๆ ได้รวดเร็วยิ่งขึ้น

เราสามารถ reference ถึง class ได้โดยตรงจาก CSS Editor ได้เลย

Code completion for media query

Code completion ยังครอบคลุม media query แล้วด้วย

Hyperlinks— ทำให้เรากระโดดเข้าไปยัง Class ที่ถูกอ้างอิงได้ทันที

เราสามารถกระโดดไปยัง Class ที่เราต้องการแก้ไขได้จาก CSS Editor ทันที

Where to go from here?

เป็นอย่างไรครับ กับ feature ใหม่ๆ ที่เพิ่มเข้ามาใน Adobe Flash builder 4.5 หรือที่บางคนจะคุ้นหูกันในนาม “Buritto” กัน ส่วนใหญ่ที่ปรับปรุงขึ้นมา คือการลดความยุ่งยากในการทำงานให้ทำงานกับ application ได้เร็วขึ้น มากขึ้น โดยที่ใช้เวลาน้อยลง โดยในตอนนี้ Adobe Flash Builder 4.5 ยังอยู่ในเวอร์ชั่น beta (ฟักตัวอยู่ใน Adobe Labs) ซึ่งใครอย่าเอามาใช้ใน project จริงๆ เลยเชียวเดี๋ยวจะหาว่าพลไม่เตือน แต่ถ้าโหลดมาลองแกล้มๆ ได้นะครับ โดนเวอร์ชั่นจริงจะออกประมาณต้นเดือนพฤษภาคมครับ

หากสนใจในตัวเทคโนโลยี หรือต้องการวิทยากรฝึกอบรมเกี่ยวกับการใช้งาน Flash Builder ไว้สร้าง Web application, mobile application, หรือ desktop application ติดต่อผม 086-661-5058 หรือเข้าไปดูรายละเอียดได้ก่อนด้านล่างนี้ครับ

ดูรายละเอียดการฝึกอบรมต่างๆ

ที่มา – Adobe Developer Connection

But sometime you may found the component you just modified in Flash Professional CS5 (used in Flash Builder 4 as SWC file) are not be updated in Flash Builder project!?

Stay calm, don’t scream like me, and before you are going to waste your next 5 hours, please try to remove your SWC file, then compile its from Flash Professional CS5 again.

Walla! You will found your component are updated!

ERROR #1014: Class IIMEClient could not be found.

The easiest way to solve this problem is described below:

1. Go to your <application-name>-app.xml
2. Replace your Adobe AIR version in this line:

   <application xmlns="http://ns.adobe.com/air/application/1.5.3">

3. With this line:

   <application xmlns="http://ns.adobe.com/air/application/2.0">

4. Save and re-compile your application.

Thank you for your interesting and cheer!

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.

จากที่เห็นใน video นั้น สังเกตดีๆ นะครับ ว่าเขาใช้ Flash builder! มิได้ใช้ Flash professional CS5 แต่อย่างใด! โอ้ว กล้วยทอดกรอบโรยงา! มันยอดจริงๆ!

สิบตาเห็นไม่เท่ามือคลำ อย่างนี้มันต้องเริ่มเอามาลองกันแล้วครับ

ที่มา - Flash streamworks, Youtube