{"id":63,"date":"2008-02-19T20:47:11","date_gmt":"2008-02-20T04:47:11","guid":{"rendered":"http:\/\/www.antunkarlovac.com\/blog\/?p=63"},"modified":"2008-02-20T09:23:47","modified_gmt":"2008-02-20T17:23:47","slug":"writing-an-openlaszlo-air-application","status":"publish","type":"post","link":"https:\/\/www.antunkarlovac.com\/blog\/2008\/02\/19\/writing-an-openlaszlo-air-application\/","title":{"rendered":"Writing an OpenLaszlo AIR Application"},"content":{"rendered":"<p>A while back, I wrote about <a href=\"http:\/\/www.antunkarlovac.com\/blog\/?p=47\">using OpenLaszlo to write Adobe AIR applications<\/a>. A number of people asked me for step-by-step instructions. It&#8217;s taken me a while to get around to writing these, and I&#8217;m happy to post this finally.<\/p>\n<p>The instructions below explain what to install, where I installed it, and the steps I took to create a chromeless AIR application. A chromeless AIR app is one that doesn&#8217;t have the operating system&#8217;s standard window around the embedded SWF. It&#8217;s trickier to create a chromeless app, than a windowed app. You can drag the application, and close it from within OpenLaszlo.<\/p>\n<p>I use Windows XP and Cygwin, so the build script won&#8217;t work on Mac\/Linux machines right away. It&#8217;s intended to serve as a guide.<\/p>\n<p>Download the <a href=\"http:\/\/www.antunkarlovac.com\/blog\/wp-content\/uploads\/2008\/02\/openlaszlo_air.zip\" title=\"OpenLaszlo AIR Application Source and Installer\">OpenLaszlo AIR Application Source and Installer<\/a>.<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" src=\"http:\/\/www.antunkarlovac.com\/blog\/wp-content\/uploads\/2008\/02\/openlaszloair.gif\" alt=\"OpenLaszlo Air Screenshot\" \/><\/p>\n<p><strong>Setup<\/strong><\/p>\n<ol>\n<li>Download and install the <a href=\"http:\/\/labs.adobe.com\/downloads\/air.html\" target=\"_blank\">Adobe AIR runtime<\/a>, for your platform. You&#8217;ll need this to <em>run <\/em>your application. I used Adobe AIR Beta 3.<\/li>\n<li>Download and install the appropriate <a href=\"http:\/\/download.openlaszlo.org\/\">OpenLaszlo<\/a> distribution for your platform. I used OpenLaszlo 4.0.9.1. If you&#8217;re new to OpenLaszlo, the Windows\/Mac\/Linux distributions include Apache Tomcat and OpenLaszlo. Install to the default directory. If you&#8217;re on Windows, you may need to download and install the Java SDK (i.e. the JDK) first (if you don&#8217;t have it already). You can get that from <a href=\"http:\/\/java.sun.com\/\">Sun&#8217;s website<\/a>. Look for J2SE JDK 6.<\/li>\n<li>Download and unzip the <a href=\"http:\/\/labs.adobe.com\/technologies\/flex\/sdk\/flex3sdk.html\" target=\"_blank\">Adobe Flex SDK<\/a>. You&#8217;ll need this to act as a bridge between OpenLaszlo and the AIR runtime. I got Flex 3 SDK Beta , and extracted it to a new folder called C:\\Program Files\\flex3sdk_b3_121207.<\/li>\n<li>Download and unzip <a href=\"http:\/\/labs.adobe.com\/downloads\/airsdk.html\" target=\"_blank\">Adobe AIR SDK<\/a>. I got AIR Beta 3, and extracted it to C:\\Program Files\\air_b3_win_sdk_121207.<\/li>\n<\/ol>\n<p><strong>Development<\/strong><\/p>\n<ol>\n<li>Copy the OpenLaszlo source code\/build script to (say) the my-apps directory. Check the paths set in build.sh &#8211; you may need to update them.<\/li>\n<li>Copy the Flex source code to the appropriate place in your Flex install directory. See the paths in build.sh as a guide.<\/li>\n<li>Copy the AIR source code to the appropriate place in your AIR install directory. See the paths in build.sh as a guide.<\/li>\n<li>To do a quick test, cd to your OpenLaszlo directory and run:<br \/>\n.\/build.sh -test<br \/>\nThat will compile your application and launch it (without installing). If all goes well, you&#8217;ll be facing your first OpenLaszlo AIR application.<\/li>\n<li>To build the installer, run:<br \/>\n.\/build.sh<br \/>\nThe .air installer will be build in the AIR source directory.<\/li>\n<\/ol>\n<p><strong>Installation<\/strong><\/p>\n<p>If you just want to test out the application, double-click the OpenLaszloAir.air file to install it.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>A while back, I wrote about using OpenLaszlo to write Adobe AIR applications. A number of people asked me for step-by-step instructions. It&#8217;s taken me a while to get around to writing these, and I&#8217;m happy to post this finally. The instructions below explain what to install, where I installed it, and the steps I &hellip; <a href=\"https:\/\/www.antunkarlovac.com\/blog\/2008\/02\/19\/writing-an-openlaszlo-air-application\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Writing an OpenLaszlo AIR Application<\/span><\/a><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/posts\/63"}],"collection":[{"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.antunkarlovac.com\/blog\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}