FlexDaddy » Dreamweaver http://www.flexdaddy.com Andrew Spaulding on Adobe Flash Platform Technologies Fri, 26 Mar 2010 03:42:40 +0000 http://wordpress.org/?v=abc en hourly 1 Building desktop applications with HTML and JavaScript http://www.flexdaddy.com/2008/08/05/building-desktop-applications-with-html-and-javascript/ http://www.flexdaddy.com/2008/08/05/building-desktop-applications-with-html-and-javascript/#comments Tue, 05 Aug 2008 03:10:12 +0000 Andrew Spaulding http://www.flexdaddy.info/?p=165
  • AIR Camp keynote slides
  • Build your first AIR application with Adobe Flex
  • Building RIA’s with Flex and Cairngorm
    • ]]>

    This session at Adobe AIR Camp introduced traditional HTML and JavaScript developers to the AIR SDK and how to use the the various binaries (ADL and ADT) to develop, test, and package desktop applications. The session included a basic introduction to the AIRAliases.js file and it’s importance when coding against the AIR runtime with JS.

    What I find really helpful is the Adobe AIR Language Reference for JavaScript developers. This is a subset of the ActionScript 3.0 Language Reference and includes all the AIR specific features that you as a JavaScript developer can access within the AIR runtime.

    For the basic application seen below you can develop using your favorite text editor and the Adobe AIR SDK, download the Adobe AIR extension for Dreamweaver CS3, or even try developing with Aptana. I really like Aptana as it can be installed as a plugin for Eclipse and sit right beside my Flex development perspective.

    For other AIR development tools click here.

    Download the source code for the application below.

    Your first desktop application with HTML and JavaScript

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

    <html>
 
<head>
<title>Our first HTML AIR application</title>
 
<script src="AIRAliases.js" ></script>
<script>
   function doLoad()
   {
      alert("Simple alert to show we can include regular JS scripting");
   }
 
   function writeFile()
   {
      var file = air.File.desktopDirectory.resolvePath("sample.txt");
	  var stream = new air.FileStream();
 
	  stream.open( file, air.FileMode.WRITE );
	  stream.writeMultiByte( document.getElementById('textInput').value , air.File.systemCharset );
	  stream.close();   
   }
 
</script>
 
</head>
 
<body onLoad="doLoad()">
   <h2>AIR HTML/JavaScript Sample</h2>
   <p>This sample application will take a simple text input entry and write this out to the contents of a file on the users desktop</p>
   <input type="text" id="textInput" value="www.flexdaddy.info"/>
   <input type="button" onClick="writeFile()" value="Save to desktop" />
</body>
 
</html>

    And the application descriptor/manifest file

    1
2
3
4
5
6
7
8
9
10
11
12

    < ?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
    <id>com.flexdaddy.samples.htmlair</id>
    <version>v1</version>
    <filename>aircamp_sample</filename>
    <initialwindow>
        <content>airsample.html</content>
        <visible>true</visible>
        <width>400</width>
        <height>350</height>
    </initialwindow>
</application>

    Download the source code for this application.

    Related posts:

    1. AIR Camp keynote slides
    2. Build your first AIR application with Adobe Flex
    3. Building RIA’s with Flex and Cairngorm

    ]]>     http://www.flexdaddy.com/2008/08/05/building-desktop-applications-with-html-and-javascript/feed/ 0