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

Friday, March 13, 2009

IT'S MOOGENDA TIME

Hi all, I'm glad to present the new MoonKiKi/Cosmobile/NetComm web application: MooGenda.

MooGenda is:

  • A web calendar JSON event, based on MooTools.
  • Double click on event to see the deafult event view.
  • Double click on month's day to see the default event to add memo to calendar.
  • Drag and drop event in month view.
  • Drag and drop and resize event in diary view.
See it here: MooGenda Documentation and Demo Page


Monday, March 2, 2009

iMoogle store active columns updated

UPDATE:

Now the project iMoogle can read json with columns that say a number major than the real number of columns, and our software can adjust the db data in two simple steps:

1) it put the portlet in the nearest columns to the column disappeared
2) it store the new order, to prevent data corruption in db.

the core code of that is in a simple and elegant recursive function named getIdx :

 getIdx: function(id){
if ($('portal_container' + id))
return id;
else return this.getIdx(id.toInt()-1);
},

buildPage : function(respJson) {
var obj=this;
...

respJson.portlets.each(function(p, index) {
var idx = obj.getIdx(p.col);
....

You will find this feature and others on EPlan by Cosmobile (see here some italian news about it) .

Nunzio Fiore

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