MoonKiKi: web2.0 and ajax... the evolution road

Wednesday, February 25, 2009

Creating an application with Adobe AIR, Aptana and Google MAP


Creating an application with Adobe AIR, Aptana and Google MAP 

In this CODE IT, we chosen some of the technologies and programs most used. Inspired by the software MAP-IT Riccardo Degni, we'll do an overview of APTANA (the framework of development closer to developers and web designers that measure themselves with the Web 2.0), and we'll see how we can create quickly an application that uses Adobe AIR to show a Google map.

Here you can find a video about AIR, GMAP, APTANA (is in italian, but code is in coders' universal languages ;) )
The example we're going to create will be a base for a complex one that displays a map. To see in detail what you can do with these products, we can download the application from the MAP-IT website of Riccardo Degni, and install it on our pc.
This application uses MooTools + AIR + plugin moord. To use the applications running on AIR, simply install the runtime environment distributed freely on the Adobe's site

Map It! is a freeware software built using Adobe AIR technology combined with the Google Maps API and javascript! You can create a "map" on which virtual save your favorite locations, without having to be online. 

AIR applications are composed of a file description that is written in xml format which is called application.xml. In this file you can add all the details of our application. From icons to display on your desktop, the size that it must have the window appear in which 'our creation, the characteristics of chrome, or the window that contains the application. Map It! for example has a custom chrome everything, much more attractive in terms of design compared to those offered natively by the various operating systems, and especially more convenient: whatever OS you use, the map of Chrome It! will always be the same. 
Let us see in detail how you can 'create an AIR. First download the software APTANA. Aptana is a web editor, css, javascript and more. E 'a program is free and opensource. Aptana is complete with Code Assist for autocompletion of code, capable of showing the values of CSS properties, the parameters of the methods / functions, and much more, also among other things offers a wide range of plugins and current. 
Code for this en Download the plugin useful to make AIR applications. Then, following a simple wizard, we'll see how Aptana help us to prepare the file application.xml without fatigue. A series of clicks and we can describe our window in detail. Icons, size, chrome, and more. 
The example creates the basis that Aptana is a page that once completed by the plugin itself, shows a complete set of useful links that we can enter into a desktop program. Ajax requests to the web, reading and writing files, and more. 
Taking advantage of this plugin, we created a small application that air is attached to this video. You can see how simple it is to plan our html pages and then create a package to distribute air on our pc. Useful information to publish a map on a web page are the same that we used when we worked on pages online in other examples of code it (tags: google map). 
Richard Worth has granted three javascript files to the public ICTv, which attach to the package to download, and can be a useful source of inspiration for all those who, from map-en and air, and our example, want to try create their own solution to be distributed.

(translation was made with Google Translate, see original text on:
clicking on "Trascrizione"'s tab

Friday, February 20, 2009

Thursday, February 19, 2009

MooGenda, second scream: ICONS AND SIPARIO

Added sipario fading effect.

Created icons:

Moogenda, first scream: THIS IS AN HARD CODE NIGHT! first of all, preloader

First of all I downloaded a useful preloader 3d for moogenda, look here:

You can see it better and generate yours with this useful web app: ANIMATED PRELOADERS 3D

Piano Etudes

Piano Etudes

Posted using ShareThis

Thursday, February 12, 2009

When Artist and Coder are the same man, we discover new presentation solution.

Petri and Paselli are two photographers/artists that with their performance are going to make a little revolution on the historical Davia Bargellini Museum located in Bologna (Italy). Their new adventure is named Simbionte, and they show us something about it with a new web site where they use parallaxes in a cool presentation. The fluid movements in the page are made using only javascript, highly recommended.

You can see the artist's crossbrowser site clicking this line.

Tuesday, February 10, 2009

Google Location in Signature. (for everybody like him, that know that their house is the world)

I'm so happy today to present a new lab in GMAIL. I follow every day the Google progress, every step they made is a step for all of us. Today they released a new service, named Google Location in Signature.

This project is son of the mythical 20% of free time that Google employees can devote to personal initiatives. Activating the lab from the link in gmail, and if you modify the signature, you can trace the location from which you are sending your mail, so it is also possible to turn the cataloging of your mail according to the place from which you sent it.

The creator of this lab is one of my best friends that really lives world like its home, his name is Marco Bonechi. A traveler as him had this inventions in his blood and I'm proud to be able to put the the Marco's blog link (tenuta blogspot), where he shows us the first steps of his lab in the world.

Here the Google Group relative to location in signature lab

This is the post that he wrote in the official GMAIL blog news.

Thanks Marco, we expect new adventures.

Nunzio Fiore


Today I released a new video on icTV (in italian, but code is international ;) ) . We show how to create a theme for iGoogle and on the icTV web site, you can find a little package that you can download for start your work.

Friday, February 6, 2009

IMoogle updated

Hi all. IMoogle, the mootools ajax portlet json, it was updated just now. We fixed a bug on delete, and in the url management.
Follow us and ask us some feature :)

Tuesday, February 3, 2009


One of the big brains of MooTools in an interesting video.

Happy MOO Year

We are thinking the same: this will be the Moo Year.

Today the great news (they posted it before in clientcide), but now it's official, we are waiting for the MooTools 1.3:


2009, The Year of the Cow - What’s Coming with MooTools

Written By Aaron Newton, on Monday, February 2nd 2009, 8:51pm

Ok, it’s the year of the Ox, but you get the idea. Regardless, it’s shaping up to be a very interesting one for MooTools. There are many things going on with the framework and we thought we’d give you a heads up on what you should expect in the coming weeks and months.

MooTools 1.3

As discussed elsewhere MooTools 1.3 is on the horizon and features numerous changes that will interest you. The caveate here is that all of this is subject to change, as the work is still very much underway.

  1. Class is getting a rewrite that should make it both less likely to encounter browser issues but will also empower you to do some cool stuff like post- and pre-initilization mutators and inherit object properties from prototypes (the current Class breaks this inheritance link for things like options to prevent pollution across instances).
  2. There is a new Type constructor that has numerous methods that help you manage objects. For instance, the $type method is now Type.of and there are methods for each type (Type.isString(‘foo’) === true). In addition, most Native instances will have a .from method (Array.from(iterable)).
  3. Most of the $method functions are moving into better places in the framework. This means that $type is now Type.of, $emptyis Function.empty, $lambda is Function.lambda, $random becomes Number.random, etc. Not all the $methods will get this treatment as there are at least a few of them that don’t really go anywhere. We’re still discussing what to do with them ($pick, $each, $defined, etc).
  4. Event Delegation will make it’s way officially into the framework (there are some implementations out there of this already).
  5. Hash, Cookie, and Swiff are all likely moving into mootools-more. The thinking here is that the Core doesn’t need these things to function and while they are useful features of MooTools, they aren’t needed by everyone.
  6. In a new policy change, the default pre-built version of the MooTools core will come with the compatibility layer for the previous version built in. This means that if you have a site running MooTools 1.2 you should be able to just drop in 1.3 and continue partying. You’ll want to start using the MooTools 1.3 syntax going forward, but in general, upgrading should be a loteasier.
  7. Various small bug fixes and the like.

Read the entire news on MooTools' blog