Monday, April 14th, 2008

Appcelerator on App Engine

Category: Google, JavaScript, Showcase

<>p>I had a funny feeling that we would see frameworks and tools starting to support Google App Engine. Appcelerator has added support into their SDK, so you can now create an App Engine project.

They just ported Tejus’s appTunes demo to the App Engine and deployed it at http://apptunes.appspot.com.

The example uses embedded Flex components and sound.

If you take a look at the source, you will see the declarative markup that Appcelerator goes for:

  1. <body style="visibility:hidden" on="l:app.compiled then visible">
  2.     <div id="header">
  3.         <div class="logo" on="click then script[window.location.href='http://www.appcelerant.com/?p=54']"><h1 style="display: none">App Tunes</h1></div>
  4.         <div class="powered_by" on="click then script[window.location.href='http://www.appcelerator.org/']"><h4 style="display: none">Powered By Appcelerator</h4></div>
  5.     </div>
  6.     <div id="body" style="visibility: hidden" on="l:app.compiled then visible">
  7.  
  8.         <app :as_flexflow id="flow" on="r:get.albums.response then execute or r:select.album.response then select"
  9.                property="covers" img_height="400" img_width="400" label_position="bottom" click_message="r:select.album.request">
  10.         </app>
  11.    
  12.         <app :graphical_music_player id="player" property="tracks" now_playing_message="l:now_playing"
  13.                on="r:select.album.response then set_playlist and play or r:init.playlist.response then set_playlist">
  14.         </app>
  15.     </div>
  16.     <app :message name="r:init.playlist.request"></app>
  17.     <app :message name="r:get.albums.request"></app>
  18. </body>

I expect to see other integration points for libaries, especially those that have server side back ends.

appTunes

Related Content:

Posted by Dion Almaer at 7:19 am
Comment here

+++--
3.9 rating from 28 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.