Quick Upload

Loading...
Flash Player 9 (or above) is needed to view slideshows. We have detected that you do not have it on your computer.To install it, go here
 
Post to Twitter Post to Twitter
Myspace Hi5 Friendster Xanga LiveJournal Facebook Blogger Tagged Typepad Freewebs BlackPlanet gigya icons
SlideShare is now available on LinkedIn. Add it to your LinkedIn profile.

Adobe AIR Overview

From AndreCharland, 9 months ago Add as contact

Overview of AIR, the APIs you get access to and how to build a simple Flex and HTML application with it. From there we will explore some of the tools available to make AIR development easier and faster. We’ll finish up with a few important usability guidelines and real world case studies of AIR projects.

5178 views | 0 comments | 7 favorites | 201 downloads | 6 embeds (Stats)

Categories

Technology

Tags

Groups/Events

Embed in your blog options close
Embed (wordpress.com) Exclude related slideshows Embed in your blog

More Info

This slideshow is Public
CC Attribution License
Total Views: 5178 on Slideshare: 5049 from embeds: 129
Flagged as inappropriate Flag as inappropriate

Flag as inappropriate

Select your reason for flagging this slideshow as inappropriate.

If needed, use the feedback form to let us know more details.

Slideshow Transcript

  1. Slide 1: AIR 101 Web Directions North 08 Andre Charland, Nitobi andre@nitobi.com Monday, February 4, 2008
  2. Slide 2: About Me Andre Charland Co-Founder/CE0 @ Nitobi Usability & RIA Focus Author, Blogger, Skier Monday, February 4, 2008
  3. Slide 3: About Nitobi Ajax and Flex Components and Services Founded in 1998 Revenue funded Over 1000+ customers worldwide 12 Employees Vancouver, BC Monday, February 4, 2008
  4. Slide 4: Customers Monday, February 4, 2008
  5. Slide 5: AIR? Cross OS Runtime Web developers can build desktop apps Supports: Flash, Flex, HTML, PDF, JavaScript Totally Free OS Level APIs Monday, February 4, 2008
  6. Slide 6: AIR APIs and Features File I/O Local Storage Native Windowing System Notifications Menuing Auto Updates Online/Offline SQL Lite Database Detection Background Chrome Control Processes Monday, February 4, 2008
  7. Slide 7: Neat Things... Call ActionScript directly from JavaScript HTML content in Flash Badge Install Air Aliases.js Use ActionScript Libraries Keyboard Shortcuts Monday, February 4, 2008
  8. Slide 8: Technicalities Flash 9 WebKit (Safari) - Not a Browser Windows, Mac (Linux Coming Soon!) Not a Plug-In AIR is not Flex, Ajax, Flash...it’s a run-time Monday, February 4, 2008
  9. Slide 9: How To’s Flex Builder 3 HTML/Ajax Monday, February 4, 2008
  10. Slide 10: Application Descriptor File <?xml version=\"1.0\" encoding=\"UTF-8\"?> <application xmlns=\"http://ns.adobe.com/air/application/1.0.M6\"> <id>samples.flex.HelloWorld</id> <version>0.1</version> <filename>HelloWorld</filename> <initialWindow> <content>HelloWorld.swf</content> <visible>true</visible> <systemChrome>none</systemChrome> <transparent>true</transparent> <width>400</width> <height>200</height> </initialWindow> </application> Monday, February 4, 2008
  11. Slide 11: File I/O • Setup a File object var myFile:File = File.appStorageDirectory; myFile = myFile.resolve( “contacts.xml” ); • Instantiate and FileStream object var myStream:FileStream = new FileStream(); • Setup the appropriate event listeners myStream.addEventListener( Event.COMPLETE, doReadData ); • Call FileStream.open() or FileStream.openAsync() with the appropriate m myStream.openAsync( myFile, FileMode.READ ); • Call the appropriate read and write methods • Close the file using FileStream.close() myStream.close(); Monday, February 4, 2008
  12. Slide 12: Windowing Create a new Native Window var options:NativeWindowInitOptions = new NativeWindowInitOptions(); options.systemChrome = NativeWindowSystemChrome.STANDARD; options.transparent = false; var newWin:NativeWindow = new NativeWindow(options); Window Size: var maxOSSize:Point = NativeWindow.systemMaxSize; var minOSSize:Point = NativeWindow.systemMinSize; Monday, February 4, 2008
  13. Slide 13: Service Monitor Include the external SWF Library <script type=\"application/x-shockwave-flash\" src=\"servicemonitor.swf\"></script> Check for the availability of a particular URL var monitor; function checkURLStatus(url) { ! var req = new air.URLRequest(url); ! monitor = new window.runtime.air.net.URLMonitor(req); ! monitor.pollInterval = 5000; ! monitor.addEventListener(air.StatusEvent.STATUS, showStatus); ! monitor.start(); Monday, February 4, 2008
  14. Slide 14: Snitter http://snook.ca/snitter/ Monday, February 4, 2008
  15. Slide 15: Scrutinizer http://about.stompernet.com/scrutinizer Monday, February 4, 2008
  16. Slide 16: Analytics Reporting http://analytics.boulevart.be/ http://analytics.boulevart.be/ Monday, February 4, 2008
  17. Slide 17: Opportunities Companion Applications API Libraries File Libraries Advanced features – syncing, etc.. Casual games Downloadable games Monday, February 4, 2008
  18. Slide 18: Usability Gotchas Keyboard shortcuts (tab, enter…) Throbbers / Activity indicators – no spinner Allow text to be copied Add functions for minimize, move, resize, close when ‘chromeless’ Mouse hints, invitations, tool tips Monday, February 4, 2008
  19. Slide 19: Limitations in 1.0 No support for hardware acceleration (3D games, video compositing tools, video encoders, etc) No access to native libraries (DLLs, etc) Cannot connect to devices (other than web cams and microphones) Accessibility support is limited Printing support is limited Limited localization in 1.0 Monday, February 4, 2008
  20. Slide 20: Questions:) andre@nitobi.com http://blogs.nitobi.com/andre http://www.nitobi.com Monday, February 4, 2008

Feed RSS

What's new?

© 2008 SlideShare Inc. All Rights Reserved