This timeline recorded where, when, and what Teerasej Jiraphatchandej did on his work in his life time. As Adobe AIR and Adobe Flex technology consultant and instructor.
Created by teerasej on 25/04/2011
Last updated: 25/04/11 at 09:01
Teerasej's work history has no followers yet. Be the first one to follow.
กลับมาอีกครั้ง กับมิตรรักแฟนเพลงค่าย Adobe เมื่อเวลาผ่านพ้นไปจนมันเวียนกลับมาครบรอบ ก็ได้เวลาอารามจัดการ ThaiAUG Meeting ครั้งที่ 2 ประจำปี 2011 อีกครั้ง โดยครั้งนี้พี่ขจร และพี่อ๊อดได้เปิดตัวแนะนำ feature ของ Adobe Creative Suite 5.5 ให้คนที่ร่วมงานก่อนใคร โดยพี่จรอธิบายเรื่อง feature ใหม่ๆ ของ Adobe InDesign 5.5 และพี่อ๊อดแนะนำเครื่องมือใหม่ๆ ของ Adobe Flash Professional 5.5 และ Adobe DreamWeaver 5.5 จนผู้ร่วมงานร้องอู้อ้าไปตามๆ กัน ส่วนผมเองก็ได้ขึ้นพูดแนะนำเรื่องความสามารถใหม่ๆ ของ Adobe Flash Builder 4.5 และการทำงานผสมผสานกับ Adobe Flash Professional และ Adobe Flash Catalyst ด้วย
สรุปจริงๆ สำหรับเวอร์ชั่น Creative Suite 5.5 นี้ คือการยกระดับให้การพัฒนาทุกอย่างเน้นไปที่อุปกรณ์มือถือ และพกพาแบบ Tablet มากขึ้น ไม่ว่าจะเป็นการทำ ePub และ Digital Magazine จาก Adobe Publishing Suite, การพัฒนา HTML5 เป็น mobile application ด้วย Adobe DreamWeaver หรือการพัฒนา mobile application ครั้งเดียวแล้ว publish ไปทำงานได้บนทุก mobile platform สำคัญต่างๆ เช่น iOS, BlackBerry PlayBook, และ Android OS ด้วย Adobe Flash Builder 4.5
เตรียมพร้อมกระโจนเข้าสู่ โลกแห่ง tablet และ mobile device หรือยังครับ?
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/2nd-thai-adobe-user-group-meeting-2011/
แน่นอนว่าปัญหามันมีมาตั้งแต่สมัยที่พวกฝรั่งเข้ามาบังคับให้ไทยทำสนธิสัญญาเบาริ่ง เอ้า ไปซะไกลเลย! จริงๆ มันเกิดจากการที่ technology ของชาติตะวันตกเขามีอะไรที่แตกต่างจากของเราๆ เนี่ยแหละครับ สิ่งที่มีปัญหาแรกๆ เลยคือ ภาษาไทย นั่นเอง (ไม่งั้นจะมีโรงเรียนสอนภาษาเปิดกันอย่างเอิกเกริกอย่างนี้รึ) ไม่วายที่โลกแห่งการใช้ technology ในการพัฒนา web application ก็โดนผลกระทบไปตามๆ กัน ตั้งแต่ยุคเริ่มแรกของ PHP ไล่มาที่ Java และ ASP.NET จนกระทั่งบัดนี้ ColdFusion ก็ไม่รอยจากวงล้อแห่งกรรมนี้ เอาล่ะ เรามาเช็กกันดีกว่า ว่าจะแก้ไขยังไง
1. เช็ค Database COLLATION ว่าเป็น UTF-8 หรือเปล่า
อย่างแรกเลย ต้องแน่ใจว่า COLLATION type ของ database เราสร้างเป็น UTF-8 หรือเปล่า? ตอนสร้างถ้าเลือกชนิด utf8_unicode_ci จะยอดมากเลยครับ ถ้าพบว่ามันไม่เป็นลอง ALTER ดูนะครับ
2. เช็ค table และ field ของมันว่า COLLATION เป็น UTF-8 ไหม
ถ้าดูแล้วว่า Database ของเรามี COLLATION เป็น UTF-8 แล้ว อย่านิ่งนอนใจ ให้เข้าไปเปิดดูในแต่ละ Table (โดยเฉพาะ Table ที่มีปัญหา) ว่า COLLATION ของ table นั้นๆ เป็น UTF-8 หรือยัง รวมถึง field (บางคนเรียกว่า column) ที่มีข้อมูลที่มีปัญหา ก็ต้องมี COLLATION เป็น UTF-8 นะครับ ถ้าไม่เป็น ก็ให้พยายามเปลี่ยนเป็น utf8_unicode_ci ให้หมดนะครับ
3. เพิ่ม connectionString เข้าไปใน Data Source ของ ColdFusion
มันยังดื้อใช่ไหมครับ? ลองยิงยาขนานเอกเข้าไปอีกรอบหนึง คราวนี้ ให้คุณเพิ่ม Query string ดังต่อไปนี้เข้าไปใน ช่อง Connection String ใน Data Source ที่มีปัญหาดูครับ (เลือกเข้าจาก Data & Services > Datasources แล้วกด ‘Show Advanced Setting’)
useUnicode=true&characterEncoding=UTF-8
ลองเพิ่ม connection string ดังกล่าวเข้าไปในส่วนของ Advanced Setting ดูนะ
Where to go from here?
ลองทำแต่ละขั้นแล้ว test โดยการ add ข้อมูลใหม่เข้าไปใน database นะครับ ว่าหายหรือยัง จำไว้ว่าคุณไม่จำเป็นต้องทำครบ 3 ขั้น เพราะส่วนใหญ่แล้วทำข้อ 1 และข้อ 2 ก็หายเป็นปกติแล้วครับ แต่ถ้าเราอัดยาเข้าไป 3 ขนานด้านบนแล้วยังไม่หาย ขอให้ออกอ่าวหาอากูเกิ้ลโดยพลันครับ อ้อ เทคนิคนี้ พิสูจน์แล้วว่า สามารถใช้กับภาษาอื่นๆ อย่าง PHP และ ASP.NET ได้ด้วยครับ วันนี้สวัสดีครับ
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/coldfusion/omg-why-coldfusion-does-not-show-thai-language-or-utf8-character-and-how-to-solve/
กาลเวลาเป็นสิ่งที่ผ่านมาผ่านไป ไหลลื่นอยู่ตลอดเวลา อันเปรียบเหมือนสายน้ำไม่ไหลย้อนกลับนั่นเอง ฮ่า! แต่ว่าลูกค้าเราดันต้องการจับเจ้าเวลาให้แน่นอนเพื่อให้ Flex หรือ AIR application มันทำงานได้อย่างถูกต้องหน่ะซี่ (เอาหล่ะวา ทำไงดี) ไม่ต้องตกใจไป Actionscript 3 ของอาเฮียเขามีดี มี Timer และ TimerEvent ให้ใช้
รู้จักกับ Timer และ TimerEvent
เอาเป็นว่าเรารู้จักหลักการพื้นฐานของ Actionscript 3 กันพอประมาณแล้วกันนะครับ เจ้า Timer เนี่ย มันเป็น Class ตัวหนึ่งที่สามารถ “นับ” เวลาได้ตามหน่วยเวลาในโลกมนุษย์ (มิลลิวินาที) และขณะนับเวลาไปนั้นเอง ก็จะมีการ dispatch (หรือเรียกง่ายๆ ว่า “พ่น”) event ที่ชื่อ TimerEvent ออกมาเรื่อยๆ มันจะหยุดเมื่อไหร่นั้น ก็ขึ้นอยู่กับคุณนั่นแหละ เป็นคนสั่งครับ
การใช้ Timer
การใช้งาน Timer ก็จะเหมือนการใช้งาน Class ทั่วไปครับ เราต้อง initialize ตั้งค่าก่อนที่สั่งให้มันทำงาน
timer = new Timer(1000,5);
timer.start();
โดย argument สำคัญ 2 ตัวในที่นี้ก็คือ
delay: เวลานับในแต่ละรอบ อย่างเช่นในตัวอย่าง คือ 1,000 มิลลิวินาที (= 1 วินาทีนั่นแหละครับ) นั่นคือในรอบที่เจ้า Timer จะนับ 1 เนี่ย มันจะรอไป 1 วินาทีแล้วค่อยนับ และรอไปอีก 1 วินาที แล้วค่อยนับ 2 ครับ
repeatCount: จำนวนนับทั้งหมด ก่อน timer จะหยุดนับ นั่นคือจากตัวอย่าง Timer จะนับทั้งหมด 5 รอบ รอบละ 1 วินาที ดังนั้น timer ในตัวอย่างจะนับทั้งหมด 5 วินาทีครับ (ในกรณีที่ต้องการให้มันนับไปเรื่อยๆ ให้ใส่ 0 ครับ)
จากนั้นเราก็สั่งให้มันเริ่มทำงานโดยใช้ method ชื่อว่า start() ครับ จากจุดนี้ Timer ของเราจะนับไปตามกลไกที่เรากำหนดไว้ข้างบนจนหยุดครับ หรือถ้าเราต้องการให้หยุดกระทันหันก็ใช้ method ชื่อว่า stop() ได้เหมือนกัน
/*
method stop() ไว้ใช้หยุดการทำงานของ timer ชั่วคราว
และเราสามารถสั่งให้ทำงานต่อได้โดยใช้ method start() อีกครััง
*/
timer.stop();
การดัก TimerEvent ไว้ใช้งาน
แม้ว่าคุณจะสั่งให้เจ้า Timer ของคุณเริ่มเดินแล้ว แต่คุณลืมอะไรบางอย่างไปหรือเปล่า? ….. นั่นไง! คุณจะรู้ได้อย่างไรว่ามันนับในแต่ละรอบเมื่อไหร่ และมันหยุดนับหรือยัง (ในกรณีที่ repeatCount ไม่เป็น 0) ตรงนี้แหละ คุณต้องทำการดัก TimerEvent เอามาใช้งานแล้ว โดย TimerEvent มีทั้งหมด 2 ประเภทคือ
timer.addEventListener(TimerEvent.TIMER, callback );
timer.addEventListener(TimerEvent.TIMER_COMPLETE, callback);
TimerEvent.TIMER
เจ้าตัวนี้แหละที่จะถูก dispatch ออกมาในแต่ละครั้งที่มันนับครบ 1 delay ถ้าเป็น Timer ข้างบน มันก็จะ dispatch เจ้า Event ตัวนี้ออกมาทุกๆ 1 วินาที
TimerEvent.TIMER_COMPLETE
ส่วนเจ้านี่ก็จะถูก dispatch ออกมาในรอบสุดท้ายของการนับ ถ้ากำหนด repeatCount ไว้ 5 มันก็จะออกมารอบที่ 5 ที่แหละครับ เหมาะสำหรับไว้ทำ Loading หรือต้องคอยการคำนวนส่วนอื่นๆ ให้เสร็จ
Where to go from here?
เป็นไงครับ การใช้ Timer ในการจับเจ้าเวลามาใช้งานให้เกิดประโยชน์ใน Flex และ AIR application ของเรา หากประยุกต์ใช้ดีๆ มีประโยชน์มากเลยนะครับ หากคุณสนใจจะดูแนวการใช้ Actionscript 3 ในด้านต่างๆ กดปุ่มด้านล่างเลยครับ สำหรับวันนี้พอแค่นี้ก่อนครับ
ดู article อื่นๆ ที่เกี่ยวกับ Actionscript 3
Tweet This Post
http://flexblog.teerasej.com/actionscript-3/let-coding-as3-timer-and-timerevent/
เรียกว่า “หลุดออกมาสดๆ จากห้องสัมมนา” ก็ว่าได้ ในเมื่อคุณ Arno Gourdol หัวหน้าทีม Adobe Flash Engineer ได้นำเสนอ feature ใน Flash Player รุ่นต่อไป ในงาน Flash Camp Brazil 2011 โดยสร้างความตื่นตะลึงให้กับคนในห้องสัมมนาอย่างมาก อะไรทำให้ต้องตื่นเต้นกันขนาดนี้ ดูรายการเรียกน้ำย่อยกันเลยครับ
GC (Garbage collector) ที่เร็วขึ้น
Actionscript ที่ทำงานได้เร็วขึ้น
Numeric type แบบใหม่ ออกมาเพื่อการประมวลผล 3 มิติอย่าง Molehill engine โดยเฉพาะ
Concurrency และ Multi-threading!
Stage 3D
มีความคืบหน้าจะคาบมารายงานให้พี่น้องโดยไวเลยครับ
ที่มา – ByteArray
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/flash-player/next-flash-runtime-spec-annouced-in-flash-camp-brazil/
ใกล้เวลาช่วงไตรมาสที่สองของทุกๆ ปีเป็นช่วงเวลาที่เหล่า designer และ developer จะเริ่มตื่นตัว นั่นก็เพราะมันเป็นช่วง “ปล่อยของ” ที่ Adobe จะเปิดม่านเริ่มละครใหม่เอี่ยมของ Adobe Creative Suite และบรรดาเครื่องมือในเครือของพวกเขานั่นเองครับ ซึ่งปีนี้เป็นปีที่ Adobe จะเน้นไปทาง Application Publishing เป็นหลัก (จำพวกทำ content บน mobile และ tablet เป็นส่วนใหญ่) สัปดาห์นี้เป็นการเริ่มโหมโรงโดยมี Adobe Flash Builder 4.5 เป็นตัวหลัก ซึ่งมีสาวเจ้าก็เริ่มโตขึ้นอีกหน่อยแล้ว มีการปรับปรุงและเสริมเครื่องมืออำนวยความสะดวกเข้าไปมากมาย เรามาดูกันดีกว่าครับว่ามีอะไรบ้าง
Code templates
Customized code generation to change the code generated by Flash Builder
Metadata code completion
Override implement methods
Quick Assists such as Rename in file/workspace, Organize imports, Convert to field, Assign to variable, Split variable declaration
Generate from usage to generate a local variable, field, method, class, interface, and event handler from their usage
CSS improvements
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 สดๆ
Generate event handler from usage
Generate Event Handler ขณะกำลัง 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
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/flash-builder/sneak-peak-new-feature-in-flash-builder-4-5/
ช่วงนี้ดูจะเป็นช่วงปฎิวัติอุตสาหกรรมต่างๆ ด้วยเทคโนโลยี Flash platform ซะจริงๆ ครับ ตั้งแต่ Augmented Reality (AR), Facebook Game, หรือว่า Mobile Publishing รวมถึง HTML5 Publishing ต่างก็ได้แสดงศักยภาพของ Adobe Flash, Adobe Flex, และ Adobe AIR ออกมาเต็มที่ ทีนี้เรามามองต่างประเทศดีกว่าครับว่าพวกเขานำเทคนิคเหล่านี้ไปประยุกต์ใช้ใน web e-commerce ยังไงบ้าง
http://flexblog.teerasej.com/adobe-flash-platform/revolt-web-e-commerce-with-real-salesperson-and-flash-technology/
แหล่วๆๆๆ แหล้ว ยังไม่ทันที่ Adobe AIR 2.6 จะออกวาดลวดลายแสดงศักยภาพให้พวกเราได้เห็นดำเห็นแดงกัน ใน iOS และ Android ได้เท่าไหร่ Adobe Labs ก็วาง Adobe AIR 2.7 และ Adobe Flash Player 10.3 ดังตู้ม! ให้พวกเราหันมา download กันทันที โดยรายละเอียด feature ที่เพิ่มขึ้นมาในแต่ละตัวมีดังนี้ครับ
Adobe AIR 2.7 beta
Media Measurement
Acoustic Echo Cancellation
Enhanced HTMLLoader API
** ตัวนี้ยังเป็น version desktop อยู่นะครับ Android version อดใจรออีกนิด
Adobe Flash Player 10.3 beta 2
Media Measurement
Acoustic Echo Cancellation
Integration with browser privacy control for local storage
Native Control Panel
Auto-Update Notification for Mac OS
รายละเอียด feature ต่างๆ
Media Measurement
ทำให้เราสามารถวัดได้ว่า Video content ที่ถูกเรียกผ่าน application (ทั้ง web และ desktop) ได้รับความนิยมมากน้อยแค่ไหน เหมือนการทำ analytic
Acoustic Echo Cancellation
เป็นการเพิ่มความสามารถด้านการใช้เสียง ใน application ของเราครับ อย่างเช่นการตรวจจับเสียง, การลดเสียงรบกวน, หรือการ “smooth” เสียงในการสนทนาผ่าน application เป็นต้น
Enhanced HTMLLoader API
เพิ่มความสามารถในการควบคุม content ที่เราเรียกมาแสดงผลใน HTMLLoader ครับ อย่างเช่นการควบคุม action ของ link ใน website ที่แสดงผลเป็นต้น
Integration with browser privacy control for local storage
ทำให้ user สามารถควบคุมการ “ลบ” ข้อมูลที่เก็บไว้ใน local storage ของ Flash ได้ง่ายขึ้น (คล้ายๆ กับการ clear cookie) โดยสนับสนุน Mozilla Firefox 4, Internet Explorer 8+, และรุ่นถัดไปของ Apple Safari และ Google Chrome
Native Control Panel
user สามารถกำหนด Privacy control ของ Flash Player ได้จาก control panel ในระบบปฏิบัติการเอง (ของเก่าต้องทำผ่าน web)
Auto-Update Notification for Mac OS
เป็นตัวแจ้ง update ของ Flash Player เวอร์ชั่นใหม่ๆ ใน Max OS นั่นเองครับ (ใน Windows มีอยู่แล้ว)
Where to go from here?
เป็นไงบ้างครับ กับ feature ใหม่ๆ ที่กำลังมาถึงใน version หน้านี้ ผมเองก็ตกใจกับการรันเวอร์ชั่นที่เร็วผิดปกติของ Adobe นี้เหมือนกัน หรือว่านี่เป็นสัญญาณบ่งบอกถึงการมาถึงของสิ่งใหม่ๆ เดือนมิถุนายนนี้กันแน่?
ใครสนใจอยากลองของใหม่ (ที่ยังไม่สมบูรณ์) ก็ download Adobe AIR 2.7 beta และ Adobe Flash Player 10.3 beta 2 ไปเล่นได้เลยครับ
ที่มา – Adobe Labs: Adobe AIR, Adobe Labs: Adobe Flash Player
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/adobe-air/adobe-air-2-7-and-flash-player-10-3-is-i-adobe-labs-now/
#5: เราสามาถสร้าง Application โดยไม่ต้องจ่ายเงินค่า developer program (100 ดอลล่าร์) ได้ไหม?
ไม่ได้ครับ เพราะการที่เราได้สมัคร iOS Developer account นั้น จะสามารถทำให้พวกเราเข้าถึง iOS SDK, เครื่องมือการพัฒนา Objective-C อย่าง XCode, และ resource สำหรับนักพัฒนาต่างๆ ก็ตาม แต่ส่วนสำคัญที่ทำให้พวกเราต้องจ่ายตังค์เพิ่มอีกจำนวน 99 ดอลลาร์นั้น คือการสร้าง Certificate file ที่ใช้ในการ deploy application จากเรื่องเราลง iPhone, iPad, และ iPod touch นั่นเองครับ (เห็น Steve Jobs ยิ้มมาแต่ไกล)
#4: หลังจาก AIR SDK 2.6 ออกมาแล้ว PFI (Packager for iPhone) หายไปไหน?
PFI นั้นมีมาตั้งแต่ยุคเริ่มแรกของ Flash Professional CS5 ซึ่งตอนนี้ได้เข้าไปรวมกับ ADT 2.6 แล้ว เริ่มฝึกใช้กันได้แล้วนะครับ
#3: ได้ยินมาว่า AIR 2.6 บน iOS นั้นเร็วกว่า AIR 2.5 มาก มากกกก จริงหรอ?
ถูกต้องครับ หากเรานำทั้ง 2 เวอร์ชั่นมาเปรียบเทียบกันจะเห็นอย่างชัดเจนว่า 2.6 นั้น ลื่นไหลกว่า 2.5 มาก แต่ก็ไม่ได้หมายความว่าเราจะทำงานพัฒนา application อย่างสุรุ่ยสุร่าย memory เหมือนอย่างเขียน Flash บน Desktop หรือ Notebook นะครับ ค่อยๆ ทดลองเพิ่มความซับซ้อนเข้าไปใน application จะปลอดภัยมากกว่าครับ
#2: เห็นว่า AIR SDK 2.6 สามารถ publish ไฟล์ Flash ของเราเป็นไฟล์สำหรับทั้งเครื่อง Android OS และ iOS ได้ จริงหรอ?
เป็นความจริงครับ ศักยภาพในเวอร์ชั่น 2.6 สามารถที่จะสร้างได้ทั้ง APK (ไฟล์ app สำหรับ Android OS) และ IPA (ไฟล์ app สำหรับ iOS) เพียงแต่เราต้องรู้จักวิธีและตั้งค่าของ configuration file ให้ถูกต้องเท่านั้น
#1: ตอนนี้เราใช้ Adobe Flex Framework พัฒนา app บน iPad ได้แล้วหรือยัง?
จริงๆ มันทำได้ตั้งแต่มี PFI แล้วครับ เพียงแต่เรื่องเดียวที่ติดใจอยู่ก็คือ performance ที่สังเกตได้เท่านั้นเอง แต่ตอนนี้ Adobe Engineer ก็ได้แย้ม demo ตัวใหม่ของ Flex for Mobile ออกมาแล้ว ซึ่งเรื่อง performance ต่ำ ก็ได้ถูกำจัดเกือบหมดแล้วครับ
อาจมีคำถามเพิ่มเติม ขอคำปรึกษาโดยโทรศัพท์ ส่งเมลล์ หรือ Tweet มาที่ @teerasej ได้นะครับ
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/adobe-air/mobile-tablet/iphone/10-popular-question-when-develop-adobe-air-with-ios-ipad-iphone/
มาแล้วครับ วิดีโอตัวแรกในซีรี่ย์ "What can Flash Platform do?" ภาษาไทย โดยตั้งใจให้ซี่รี่ย์นี้เป็นตัวอย่างถ่ายทอดให้พี่น้องเห็นกันว่า การใช้ Adobe Flash platform technology (Adobe Flex, Adobe AIR, Adobe Flash Professional, Adobe Flash Catalyst เป็นต้น) ในการทำงาน หรือพัฒนา application ขึ้นมา มันสะดวกและช่วยแบ่งเบาภาระของพวกเราได้มากขนาดไหน
โดยวิดีโอตัวแรกนี้ คือการใช้ Adobe Flash Builder พัฒนา web application ด้วย Adobe Flex framework เอาไว้อ่าน RSS feed จากเว็ปข่าวชื่อดังอย่าง CNN นั้นจะทำอย่างไร
http://flexblog.teerasej.com/adobe-flash-platform/adobe-flex-framework/adobe-flash-platform-can-do-rapid-web-app-read-rss-feed-in-10-minute-thai/
“ฟิวชั่นอะไรเย็นๆ นะ?” เป็นสิ่งที่ผมคิดถึง ตอนได้ยินชื่อมันครั้งแรก
และในเมื่อมันเป็นผลิตภัณฑ์สาย Adobe ผมก็ไม่รอช้าที่จะควานหามันมาลองใช้ทันที และหลังจากที่งัดแงะ แกะเกามันมาเป็นเวลาเกือบ 2 ปี (ตั้งแต่ ColdFusion 8 จนถึง ColdFusion 9) และ release application ขึ้น production server ไป 4 ตัว (หนึ่งในนั้นคือสร้าง Facebook Game Server ด้วย ColdFusion) ผมก็เลยอยากมาสรุปหลายๆ อย่างที่หลายๆ คนสงสัยและถามผมกันเข้ามาเกี่ยวกับเจ้า “ฟิวชั่นเย็นๆ” นี้กัน
Adobe ColdFusion คืออะไร?
ถ้าคุณเคยเขียนโปรแกรม ผมก็จะบอกว่ามันคือภาษาฝั่ง server side แบบเดียวกับจำพวก ASP.NET, JSP, PHP, Django, และ Ruby on Rails แต่เพียงสร้างด้วยโครงสร้างภาษาของมันเองเหมือนกับตัวอื่นๆ
แต่ถ้าคุณไม่เคยเขียนโปรแกรมมาก่อนเลย สรุปง่ายๆ มันคือ “โปรแกรม” ที่ตั้งเปิดตลอดเวลาในเครื่อง server มีจุดประสงค์ไว้เป็นที่อยู่ของพวก web site และ web application ต่างๆ ไว้ตอบสนองการใช้งานเวลาเราใช้ Web browser อย่าง IE, FireFox, หรือ Chrome เรียก URL เข้าไปนั่นเองครับ โดยเหล่านักพัฒนาโปรแกรมก็จะเขียน web application หรือ web site ตามที่เราต้องการใส่เข้าไปในตัวของมันนี่แหละ
Adobe ColdFusion มีจุดเด่นด้านไหน?
เมื่อไหร่ที่จะถามจุดเด่นจาก Adobe จุดเด่นแรกๆ เลยนั่นคือความ “เร็ว” ในการทำงาน งานหนึ่งให้เสร็จสิ้น (เหมือนกับการแต่งภาพใน Photoshop) ในที่นี้มันหมายถึง
“เมื่อคุณใช้ ColdFusion คุณต้องสร้าง Web application ที่ใช้เวลาสร้างน้อยกว่าผลิตภัณฑ์ตัวอื่น และดูแลแก้ไขน้อยกว่าตัวอื่น”
ฟังดูก็เหมือนๆ กับเจ้าอื่นเกทับกันใช่ไหมครับ อย่างนี้แหละครับ ไม่มีใครบอกว่าตัวเองด้อยกว่าหรอก ผู้ใช้เท่านั้นเป็นผู้ตัดสินที่แท้จริงครับ งั้นมาดูกันดีกว่าว่าหลักๆ มีอะไรบ้าง
ชุดคำสั่งที่สร้างมาสำหรับการพัฒนา Web Application ระดับ Enterprise โดยเฉพาะ
ทีมพัฒนา ColdFusion ได้ศึกษาและรวบรวมข้อมูลของการใช้งาน web application อย่างต่อเนื่อง และได้พัฒนา tool และ library tag ต่างๆ เพื่ออำนวยความสะดวกให้ผู้ใช้ สร้าง web application และ feature ทั่วไปได้ง่าย และเร็วกว่าเดิมมาก ยกตัวอย่าง code ด้านล่างนี้ครับ
ตัวอย่าง code ที่ใช้ในการส่ง email
Dear #form.firstname#
We, here at Bedrock, would like to thank you for joining.
Best wishes
Barney
เชื่อมต่อกับ RIA อย่าง Adobe Flash Platform ได้อย่างรวดเร็ว (และปวดหัวน้อยมั่กๆ)
คำถามหนาหูที่สุดที่ถามกันเข้าเกี่ยวกับ Adobe Flash Platform คือ “จะต่อกับ database ได้อย่างไร?” ซึ่งด้วยการออกแบบที่ยืดหยุ่น ทำให้ Flash client เป็นอะไรที่ต่อ database โดยตรงไม่ได้ ต้องผ่านวิธีมาตรฐานอย่าง Web Service (WSDL), JSON และ RESTful (HTTP), หรือไม่ก็ AMF (อ่านคำอธิบายเกี่ยวกับ AMF ที่นี่) ซึ่ง Adobe เขาก็สร้างให้เจ้า ColdFusion เนี่ยพร้อมทำงานกับ Flash client ที่สร้างจาก Flex หรือ Flash Professional ได้สบายๆ ไร้กังวล ในที่นี่ก็รวมถึง Web Application อย่าง Adobe Flex และ client อย่าง Adobe AIR บน device ต่างๆ ด้วย ซึ่งผมเองก็ใช้อยู่ประจำ (อยู่แล้วล่ะ ก็เจ้าเดียวกันนี่)
โปรแกรมฐานข้อมูลได้ง่ายดายด้วย ORM (Object-Relational Mapping)
จัดการกับข้อมูลใน database ได้ง่ายและสะดวกขึ้นด้วยหลักการเดียวกับ Hibernate (Java) และ LINQ (.NET) โดย ORM จะเป็นการสร้าง framework โดยแทนที่ฐานข้อมูลด้วย Object ในระบบ ทำให้การเขียนโปรแกรมจัดการข้อมูล สามารถทำได้ในลักษณะที่มีความจำเป็นต้องเขียน SQL (แบบวิธีการเดิม) น้อยมาก หรือแทบไม่มีเลย เพราะเวลาเราเขียนโปรแกรมเพื่อเพิ่ม user ใหม่เข้าไปในฐานข้อมูล จะสามารถทำได้โดยเรียกคำสั่งด้านล่างเท่านั้น
User.create("John");
ColdFusion ยังมีส่วนช่วยในการสร้าง source code ระบบ ORM พื้นฐานในตัว โดยตัว ColdFusion จะใช้ ColdFusion Builder ในการเขียนโค้ดที่ใช้ในการสร้าง Code ORM ทำให้ลดเวลาในการพัฒนา code เชื่อมต่อฐานข้อมูลด้วยตัวเองไปเยอะ
สามารถทำงานกับ Java และ .NET Library (DLL) ได้อย่างมีประสิทธิภาพ
ความกังวลด้านการต้องเพิ่มทรัพยากรในการเปลี่ยนมาใช้ระบบใหม่ถอดด้ามอย่าง ColdFusion จะหมดไป เพราะตัว Adobe Coldfusion นั้นออกแบบมาให้สามารถเรียกใช้งาน Class ใน .jar (Java language) หรือ DLL (.NET) ได้อย่างไม่มีปัญหา ทำให้องค์กรสามารถ port ระบบการทำงานที่มีอยู่ในใส่ในระบบใหม่ได้ โดยสูญเสียเวลาและทรัพยากรน้อยกว่าการทำใหม่ทั้งหมด
ติดตั้งให้ทำงานบน Application server สำหรับ Java หรือ IIS บน Windows ก็ได้
ทางเลือกที่มากกว่าทำให้การใช้ Adobe ColdFusion ไม่ยึดติดกับ Application Server บนระบบใดระบบหนึ่งแบบตายตัว จะเลือกลงแบบทำงานเดี่ยวๆ หรือลงบน Internet Information Service (IIS) ซึ่งที่ผมใช้ dev ก็เป็นเวอร์ชั่นล่าสุด 7.5 ได้อย่างไม่มีปัญหา หรือจะเลือกลงบน JBoss หรือ Apache Tomcat ก็ทำงานได้ไหลลื่นไม่สะดุด
นี่เป็นส่วนหลักๆ ที่ผมสามารถยกตัวอย่างมาอธิบายให้พวกเราได้รู้กัน จริงๆ แล้วมีคุณประโยชน์อีกมากมายในตัว Adobe ColdFusion เอง เพียงแต่ราคาที่ดูเหมือนจะสูงไปสักนิด แต่ถ้าเทียบความสะดวกและความเร็วในการพัฒนาและดูแล ทำให้ ColdFusion เป็นตัวเลือกที่น่าลิ้มลองไม่น้อยครับ
กลุ่มผู้ใช้, มหาวิทยาลัย, หรือองค์กรไหนต้องการให้ผมไปบรรยาย Overview และ Benefit ที่จะได้จากการใช้ ColdFusion เป็นเวลา 1 ชม. ติดต่อไปบรรยายได้ฟรีครับ (เฉพาะในกรุงเทพ ถ้าออกต่างจังหวัดขอหลังไมค์นะครับ) โทรติดต่อได้ที่ 086-661-5058
Tweet This Post
http://flexblog.teerasej.com/adobe-flash-platform/coldfusion/what-is-adobe-coldfusion-in-thai-version/
[Thai] What can Flash platform do? Rapid RSS Reader Development
รู้จัก Adobe Flash Platform แล้วอยากรู้ว่ามันทำอะไรได้บ้างใช่ไหมครับ? ลองดูวิดีโอตัวนี้ จะแสดงการสร้าง Web application ไว้อ่าน RSS News จาก CNN ได้ในเวลาไม่ถึง 5 นาที -------------------------------------------------------------------------- Teerasej J., flexblog.teerasej.com by Thai Adobe User Group (http
From:
teerasej
Views:
100
3
ratings
Time:
05:14
More in
Science & Technology
http://www.youtube.com/watch?v=VpIk5tQgnZ8&feature=youtube_gdata
Multi-touch kiosk application @ Srinakharinwirot University
www.amaround.com - The President of Srinakharinwirot University was using our kiosk application on multi-touch screen. This application has been used in the big exhibit at Srinakharinwirot University since 4-5 February 2011
From:
teerasej
Views:
98
0
ratings
Time:
01:04
More in
Science & Technology
http://www.youtube.com/watch?v=O8cQYSpU924&feature=youtube_gdata
[English] How to use Adobe Flash Player 10.2 Beta in Google Chrome browser?
You may notice that Google Chrome Browser (especially version 8) is not be updated with your Adobe Flash Player 10.2 Beta. Please don't scream yet :) . Let try the instruction in this video to get your Flash Player run on Chrome browser. More at: flexblog.teerasej.com
From:
teerasej
Views:
1460
3
ratings
Time:
02:24
More in
Science & Technology
http://www.youtube.com/watch?v=uAx2uIniyhE&feature=youtube_gdata
[Thai] How to use Adobe Flash Player 10.2 Beta with Google Chrome Browser
หลังจากที่เรา download Adobe Flash Player 10.2 Beta มาลงในเครื่องเพื่อลอง feature ใหม่ๆ อย่าง Stage video เราอาจต้องเจอกับปัญหาที่ Google Chrome Browser ไม่ได้รับการอัพเดต Flash Player version เราจะแก้ไขปัญหานี้ได้อย่างไร? ลองทำตามเลยครับ ^ ^ Blog ผมเอง: flexblog.teerasej.com
From:
teerasej
Views:
402
0
ratings
Time:
02:24
More in
Science & Technology
http://www.youtube.com/watch?v=2gNXkGKQqdo&feature=youtube_gdata
Introducing Flash Camp Bangkok for Android
Thai Adobe User Group has Flash Camp 2010 in Bangkok this 20th November. The application used to demonstrate how far can Flex SDK "Hero" and Flash Builder "Burrito" develop good Android application. Event website: www.bangkokflashcamp.com Download app goo.gl
From:
teerasej
Views:
103
0
ratings
Time:
02:55
More in
Science & Technology
http://www.youtube.com/watch?v=cON0r9B0Nho&feature=youtube_gdata
Flash Camp Bangkok for Android: How to setup via QR Code
QR Code is here: goo.gl The video demonstrates how can you get "Flash Camp Bangkok for Android" to your "Froyo-ready" Android phone. The application used to demonstrate capability of Adobe Flex SDK "Hero" and Adobe Flash Builder "Burrito" in Thai Adobe User Group's "Flash Camp Bangkok 2010". Official Event website: www.bangkokflashcamp.com Thai Adobe User Group thai.groups.adobe.com Developed by Amaround Co., Ltd. www.amaround.com
From:
teerasej
Views:
118
0
ratings
Time:
02:51
More in
Howto & Style
http://www.youtube.com/watch?v=0wzt9kJSVbM&feature=youtube_gdata
Samsung Galaxy S - Trying Chrome experiment - spiral
I just tried to play Chrome experiment, spiral. It works great! My personal blog about Flash platform and web technology: flexblog.teerasej.com
From:
teerasej
Views:
321
1
ratings
Time:
00:45
More in
Science & Technology
http://www.youtube.com/watch?v=EJeA-Uuj-7Q&feature=youtube_gdata
Adobe Flex 4 and Paypal - Direct Payment - demo
Video demonstration about What will Adobe Flex 4, integrated with Paypal service, look like. I use ExternalInterface API of Adobe Flex framework. Thank you for Mr. Miti who provided a good guideline to follow.
From:
teerasej
Views:
361
0
ratings
Time:
02:09
More in
Science & Technology
http://www.youtube.com/watch?v=Ax-Vho351as&feature=youtube_gdata
Adobe Flex 4 with Paypal - Express checkout - demo
Video demonstration about Adobe Flex 4 application with integrated Paypal service. This video will show how will the application look like. I use ExternalInterface API of Adobe Flex framework. contact me: teerasej@gmail.com Thank you for Mr. Miti who provided a good guideline to follow.
From:
teerasej
Views:
578
0
ratings
Time:
02:10
More in
Science & Technology
http://www.youtube.com/watch?v=L7CHf3bVxtA&feature=youtube_gdata
Ignite bkk: เดินจาก BTS พร้อมพงษ์เข้ามา TCDC
ใครที่ไม่รู้ว่าจะเดินจากตัวสถานี BTS พร้อมพงษ์เข้ามาที่ TCDC ยังไงลองเดินตาม Video ดูนะครับ ^ ^
From:
teerasej
Views:
121
0
ratings
Time:
03:33
More in
People & Blogs
http://www.youtube.com/watch?v=1zwPlkk9E7g&feature=youtube_gdata

