How to

ColdFusion Builder (Beta): Let’s install

มาแล้ว มาแล้ววว ในที่สุดมันก็หลุดออกมาจาก Adobe Lab ทีนี้ด้วยความรวดเร็วเรามาติดตั้ง เจ้า ColdFusion Builder ตัวนี้กันดีกว่า ​;)

1. หลังจาก double click file package ที่โหลดมา ก็จะขึ้นหน้าจอนี้ กดปุ่ม Next ที่อยู่ด้านขวาล่าง

หน้าจอแรกจะขึ้น description มาดังภาพ

หน้าจอแรกจะขึ้น description มาดังภาพ

2. หน้าต่อไปจะเป็น ​License Agreement (เคยมีใครอ่านไหมหว่า :) ) เราก็ต้องตกลง โดยการเลือก ‘I accept terms of license agreement’ ตรงด้านล่าง (มีผลตามกฎหมายนา) จากนั้นก็กดปุ่ม Next ต่อไปได้เลย

หน้าจอที่จะระบุรายละเอียดตามกฎหมาย บรื๋อส์ส์

หน้าจอที่จะระบุรายละเอียดตามกฎหมาย บรื๋อส์ส์

3. เราก็จะมาถึงหน้าที่ให้เราเลือกว่าจะลงแบบตัวเต็ม (Full installation) หรือแบบ Eclipse Plug-in โดยในที่นี้เราจะลงกันเต็มๆ นะครับ ก็ให้เลือก option แรก ‘Standard ColdFusion Builder Installation’ ถ้าใครอยากลงแบบ plug-in ก็ให้เลือก ‘ColdFusion Builder plug-in within Eclipse’
จากนั้นกดปุ่ม Next ต่อได้เล้ย

ColdFusion Builder จะมีให้เลือกระหว่างตัวเต็ม กับ Plugin

ColdFusion Builder จะมีให้เลือกระหว่างตัวเต็ม กับ Plugin

4. หน้าจอนี้จะให้เราเลือก path ที่เราจะให้ตัว installer ติดตั้งตัวโปรแกรมลงไปในเครื่องของเรานะครับ (ใน Window จะคล้ายๆ กัน แต่จะเป็น C:/Progam files/Adobe/… แทน) โดย path ที่เห็นจะเป็น default อยู่แล้ว
ขอกดปุ่ม Next เน้นๆ อีกครั้ง

  • ถ้าไม่มีอะไรผิดพลาด ตัว Installer จะแสดง path ที่ลงโปรแกรมเหมือนกับโปรแกรมอื่นๆ ครับ
  • ถ้าไม่มีอะไรผิดพลาด ตัว Installer จะแสดง path ที่ลงโปรแกรมเหมือนกับโปรแกรมอื่นๆ ครับ
  • 5. หน้าจอถัดมานี้ คือ Summary ครับ จะบอกว่าเรากำลังจะติดตั้งอะไร ลงไปที่ไหนในเครื่อง และใช้เนื้อที่เท่าไหร่ รวมทั้งเราเหลือเนื้อที่ในเครื่องตอนนี้เท่าไหร่ด้วย ไม่ต้องกดปุ่ม Next แล้วนะครับ กดปุ่ม install เล้ย Let’s Go!

    สรุปรายละเอียดก่อนติดตั้ง

    สรุปรายละเอียดก่อนติดตั้ง

    6. ปล่อยให้มันติดตั้งครับ เราก็จะนั่งตื่นเต้นกับมันไประหว่างรอ

    ลงอยู่ๆ

    ลงอยู่ๆ

    7. เสร็จแล้ว! กดปุ่ม Done จะเป็นการปิดตัว ​Installer ครับ

    พอติดตั้งเสร็จแล้ว ก็จะแสดงหน้าจอนี้ครับ

    พอติดตั้งเสร็จแล้ว ก็จะแสดงหน้าจอนี้ครับ

    8. ให้ทำการเปิด program ขึ้นมา ขึ้นมา (ถ้าใช้ spotlight ให้พิมพ์ว่า ‘Adobe ColdFusion Builder’ นะครับ แล้วเลือกเปิด Folder ขึ้นมา แล้ว double click ที่ icon CF สีน้ำเงินงามๆ ถ้าเป็นใน Window หลังจากกด Done มันจะเปิด ​Window Explorer ขึ้นมาเลยครับ สะดวกโยธิน)

    มาแล้วครับ หน้าจอสวยหรูก่อนเข้าโปรแกรมของ ColdFusion Builder

    มาแล้วครับ หน้าจอสวยหรูก่อนเข้าโปรแกรมของ ColdFusion Builder

    9. ยินดีด้วยครับ นี่คือ ColdFusion Builder ในเครื่องของพวกเรา!!! ;)

    เสร็จแล้ว! ColdFusion Builder พร้อมใช้งานแล้วในเครื่องของพวกเรา

    เสร็จแล้ว! ColdFusion Builder พร้อมใช้งานแล้วในเครื่องของพวกเรา

    Out of Labs: coloring text in TextArea

    Sometime we have to make our message in TextArea component look like there is some couple (or more) are chatting. This is good if we can colorize our text in this message box.

    So here is the very simple colorize our message. I have simulate a bot chat like-system that you can type to ask him something. (but please, don’t expect the good answer, he is quite limited to few patterns answer set ;) ).

    Go to demo ( Right-click to view and download source )

    image

    Aptana fail at starting up in Window Vista

    I am the one that try to develop Rails in Window, especially Vista, the most complained version in history.

    Aptana is the best IDE I found at the moment. It’s free! and Eclipse-based style make me familiar with.

    by the way, Aptana always fail in startup after using for few times. This is very annoying problem. I have to re-install but found it isn’t work.

    But finally! I found this is because the Aptana’s bundled JRE that incompatible with Window Vista.

    So if you found same problem with me, try this instruction. It works for me, so I hope this may help you happy with Aptana.

    How to resurrect your Aptana in Window Vista

    1. Browse to your aptana folder (for me, c:/Aptana Studio/ ). Find AptanaStudio.ini. Open and then put your JRE6 folder location at the top of the file like the image below. then save it.
      image
    2. Remove jre folder in your Aptana Studio folder. (for me, c:/Aptana Studio/jre )
    3. Try to start your Aptana again. It should work!

    Proudly to discuss ;)

    How to: Glowing the image


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

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

    Flex speed – การใช้ Custom component ใน state ที่สร้างขึ้น


    สวัสดีครับ พอดีมีน้องคนหนึ่งถามว่า เราจะใช้ custom component ใน state ที่เพิ่งสร้างขึ้นมาได้อย่างไร ก็เลยทำเป็น video มาแบ่งปันกันนะครับ

    ยินดีรับคำแนะนำครับผ้ม!

    Video: how to bring data from our custom component to the application


    Hi, everyone. I just finished the demonstration of how to bring data from our custom component to the application. This technique used only custom event to take the data out whenever user interact with our custom component.

    Both in 2 languages, English and Thai. I welcome any comment to improve next video for better quality. ;)

    สวัสดีครับ ผมเพิ่งทำ video ขึ้น youtube ครับ เป็นการสาธิตเกี่ยวกับ การนำ data จาก custom component มาใช้ด้านนอก อย่างเช่น Application หรือ component อื่นๆ ผ่านทาง custom event ครับ สำหรับผู้เริ่มต้นอาจจะงงเล็กน้อย แต่ก็ขอให้ลองทำตามดูนะครับ

    โดยผมทำออกมาสองภาษาครับ และยินดีรับคำแนะนำเพื่อไปปรับปรุง video ตัวต่อไปให้ฟังง่าย เข้าใจง่ายมากขึ้น ครับผม

    Thai:

    English:

    Flex’s Date class and .NET Web service DateTime class

    One day delay on passing Date value to DateTime value

    I have mention before about my AIR project which communicate with .NET web service. There is some wrong casting type like DateTime, if you have tried to pass Flex’s Date class to .NET web service’s DateTime class directily, You will enforce that .NET web service framework will casting date value “delay” one day from given Flex’s Date.

    The example is

    Flex’s Date : 01/01/2008

    will be turned into

    .NET Date : 12/31/2008

    The best solution that I have been using now is to send String value of Flex Date to web service, then use .NET framework to cast them back to DateTime value. This solution is proved. Nice!

    PS. In other word, I am trying to format Flex’s DateField component’s format to match with common .NET DateTime class. It may useful ( Anybody who tried it already, please comment me! )

    In Thai:

    ผมเคยบ่นเกี่ยวกับปัญหาในการทำ AIR โปรเจคที่เชื่อมต่อกับ .NET Web Service มาแล้ว อย่างหนึ่งคือการส่ง Flex Date class ไปยัง .NET web service ตรงๆ ซึ่งจะทำให้เกิดปัญหา คือ .NET จะ cast value ให้มันช้าไปหนึ่งวัน! โอว ทำไมหน่ะหรอ…. นั่นสิ ทำไมล่ะ! ใครรู้ตอบผมที

    ตัวอย่างเช่น

    Flex’s Date : 01/01/2008

    จะกลายเป็น

    .NET Date : 12/31/2008

    ซึ่งตอนนี้ยังงงๆ อยู่เลยครับ แต่วิธีที่ดีที่สุดตอนนี้คือ การส่ง string จาก flex ไป cast เป็น DateTime บน Web servcie เองครับ

    Flex’s Date class and .NET Web service DateTime class

    One day delay on passing Date value to DateTime value

    I have mention before about my AIR project which communicate with .NET web service. There is some wrong casting type like DateTime, if you have tried to pass Flex’s Date class to .NET web service’s DateTime class directily, You will enforce that .NET web service framework will casting date value “delay” one day from given Flex’s Date.

    The example is

    Flex’s Date : 01/01/2008

    will be turned into

    .NET Date : 12/31/2008

    The best solution that I have been using now is to send String value of Flex Date to web service, then use .NET framework to cast them back to DateTime value. This solution is proved. Nice!

    PS. In other word, I am trying to format Flex’s DateField component’s format to match with common .NET DateTime class. It may useful ( Anybody who tried it already, please comment me! )

    In Thai:

    ผมเคยบ่นเกี่ยวกับปัญหาในการทำ AIR โปรเจคที่เชื่อมต่อกับ .NET Web Service มาแล้ว อย่างหนึ่งคือการส่ง Flex Date class ไปยัง .NET web service ตรงๆ ซึ่งจะทำให้เกิดปัญหา คือ .NET จะ cast value ให้มันช้าไปหนึ่งวัน! โอว ทำไมหน่ะหรอ…. นั่นสิ ทำไมล่ะ! ใครรู้ตอบผมที

    ตัวอย่างเช่น

    Flex’s Date : 01/01/2008

    จะกลายเป็น

    .NET Date : 12/31/2008

    ซึ่งตอนนี้ยังงงๆ อยู่เลยครับ แต่วิธีที่ดีที่สุดตอนนี้คือ การส่ง string จาก flex ไป cast เป็น DateTime บน Web servcie เองครับ