Nitobi
About Nitobi
Services
Products
Home -> Blogs -> Andre’s Blog

Andre’s Blog

Archive for August, 2007

links for 2007-08-31

August 30th, 2007

links for 2007-08-29

August 28th, 2007

links for 2007-08-25

August 24th, 2007

links for 2007-08-23

August 22nd, 2007

Now in Philadelphia - Update from the Road

August 22nd, 2007

I’m now in Philly recovering from my cheese steak “wit” onions from Pat’s.

The venue here is rad, it’s in the Franklin Institute Science Museum and the hang out/game zone is in a planetarium where we’re projecting the Flickr feed on the ceiling!  We’ve been to Cincinnati, Pittsburgh, Raleigh, DC and Baltimore since my last update.  We had a day off in DC where I got to visit an old friend and see the sites.  Unfortunately I dropped my camera trying to take a pic of the Whitehouse and broke the lense:(  Conspiracy theory I tell ya.

I think so far Pittsburgh had the best scene and the local user group folks took us out for some kick as sandwiches that had coleslaw and fries in them!  But presenting in the church in Cincinnati was really cool…and creepy.


See it’s no wonder I’m putting on weight…it’s not all fun and games on the bus let me tell ya!

I finally managed to get my Mac Dock Ajax AIR sample up and online too.

Check out Lee Brimelow’s killer video of the first leg for an idea of what touring on a bus looks like:) 

Technorati Tags: , , , , , , , , ,

Powered by ScribeFire.

links for 2007-08-22

August 21st, 2007

Building a Mac Dock like Menu in AIR with Ajax

August 21st, 2007

So I’ve been cruising on the Adobe AIR Bus across the country this summer and I’m the only guy with a PC, well Ben and Lee were back up for a bit but not consistently enough. So Alexei and I thought it be cool to build a Mac dock type menu for AIR using the Nitobi Fisheye Ajax component.

Mac Dock:

I thought it would be a neat demo too since it’s flashy (nice graphics, animation etc…) and we have some new Dreamweaver Extensions coming out soon which makes it accessible to those aren’t yet full blown “Ajax Engineers”.

First off, so we all know what I’m talking about check this little video of it below:

Here’s how to build it (Dreamweaver + Nitobi Style):

  1. Use the Nitobi Fisheye Component (Dreamweaver Extension) this set ups the Ajax component on the page, and configures the component by setting the properties for display, animation and images:
  2. Sets up the Declaration:

    <ntb :fisheye="" id="myEyeObj" growpercent="200" opendirection="down" expanddirection="center" iconwidth="54">

    </ntb><ntb :menuitem="" imagesrc="images/blinklist.png" label="Blinklist" onclick="runWindow('www.blinklist.com');"></ntb>

    <ntb :menuitem="" imagesrc="images/blogger.png" label="Blogger" onclick="runWindow('www.blogger.com');"></ntb>

    …You get the idea, this repeats for all the menu items.

  3. Includes the script and CSS

    <link type="text/css" rel="stylesheet" href="osx/fisheye.css">


    <script language="javascript" src="nitobi.toolkit.js"></script>


    <script language="javascript" src="nitobi.fisheye.js"></script>
    </link>

  4. Onload Function
    function onLoad()
    {
    nitobi.loadComponent("myEyeObj");
  5. Add a a function to call when the a menu item is clicked to open a new AIR window and load a given URL.
    function runWindow(wid) {
    var bla = window.open("http://" + wid, wid, "width=800, height=600"); }
  6. Add the capability to click and drag the app around the screen when the bar above the menu is clicked with the mouse.
    nitobi.html.attachEvent($("grabby"), "mousedown", function() {window.nativeWindow.startMove();});
    ....
    <img src="images/grabby.png" style="cursor: move;" id="grabby" />
  7. Then Package as an AIR application with the System Chrome set to “None” and set it to “Transparent”.
  8. More Info and files. Download the code and AIR file to play around with it.. Check out Alexei’s original Ajax Fisheye post.

    Technorati Tags: , , , , , , , , ,

links for 2007-08-21

August 20th, 2007

Video of my On AIR Bus Tour Talk

August 20th, 2007

Figured it would be nice to post this video of what I’ve been yapping about at various cities across the US of A this summer.  I talk about why having Ajax in AIR is great, some of the usability benefits gained with AIR over the browser. Then I show how to build a simple app in AIR and demo a pretty cool SalesForce.com client built in AIR for Ajax.

This video is from the Denver, CO event last month.You can see more video presentations from the tour here.

Technorati Tags: , , , , , , , ,

Powered by ScribeFire.

links for 2007-08-19

August 18th, 2007


Search Posts

Does your company Jiibe?
My ideal work culture:
[See my summary] [What's yours?] Get your own Jiibe

Twitter

Google Reader

Flickr Pics

www.flickr.com
This is a Flickr badge showing public photos from Andre Charland. Make your own badge here.

You are currently browsing the Andre’s Blog weblog archives for August, 2007.

Pages

Archives

Categories

All contents are (c) Copyright 2006, Nitobi Software Inc. All rights Reserved
Andre’s Blog Entries (RSS) and Comments (RSS).