Archivio

Archivio per la categoria ‘Web 2.0’

Home Page personalizzata

Se volete creare la vostra Home Page personalizzata con tanto di Appunti e Feed RSS, Meteo, e tanto altro, tutto suddiciso in comode schede stile Excel PageFlakes e' quello che fa per voi.

Categorie:Web 2.0 Tag:

AjaxOS

Ancora novita' dai ragazzi di Ajaxlaunch .

thumb_desktop.png Dopo aver lanciato un Word processor , un Music player , uno Viewer per file XLS ed un software per creare Flowchart, tutto rigorosamente in Ajax, i mitici ragazzi di AjaxLanch che seguono il motto "AJAX per tutti)ci stupiscono ancora con un intero sistema operativo scritto in Ajax.
Il nuovo progetto si chiama ajaxOS , a detta degli atori:

You can expect to see on ajaxOS include:
Automatic launch of AJAX software when clicking on a supported filetype.

Ability to save files to virtual storage.

Ability to navigate through a file browser to the files uploaded to virtual storage as well those on your local computer.

Il sistema operativo sara' presto disponibile per il download.
Attendiamo di scaricarlo per trarre le dovute conclusioni.

Technorati Tags

Categorie:Ajax, Web 2.0 Tag: , ,

Aggregatore feed

Questo servizio trasforma piu' feed di sorgenti diverse in un'unico feed.
E' molto comodo se avete piu' di un blog e volete pubblicare i feed dei vari blog in un feed unico.

Technorati Tags

Categorie:Web 2.0 Tag: , ,

Google Map

Sicuramente Google Map e' uno degli strumenti piu' evoluti del Web 2.0
Da qualche giorno e' disponibile laanche la cartografia di buona parte dell'Europa, tra cui Italia, Francia, Germania e Spagna.
Ieri sul blog ufficiale di Google e' stata annunciata questa disponibilita'.
Ho fatto un giretto sulla mappa italiana ed ho notato che in alcuni punti, nella doppia visualizzazione ibrida, alcune strade non combaciano con le foto satellitari, per esempio qui .
Comunque le funzionalita' di Gmap sono sbalorditive. Google stupisce sempre.

Technorati Tags

Categorie:Web 2.0 Tag: , ,

Lightbox

Gironzolando per il web ho visto un effetto molto carino sulle foto di un blog. Ho cercato in giro ed ho trovato la soluzione utilizzata su quel sito.
Si chiama Lightbox ed e' un progetto Ajax che utilizza le librerie Prototype e Script.aculo.us.
Qui potete vedere una demo .

Questo componente e' facilissimo da usare, vediamo come fare in pochi passi. Innanzitutto scaricate il pacchetto e decomprimetolo sul vostro sito web.
Adesso includete la libreria JavaScript nella vostra pagina:

<script type="text/javascript" xsrc="js/prototype.js"></script>
<script type="text/javascript" xsrc="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" xsrc="js/lightbox.js"></script>

ricordate sempre di sostituire xscr con scr.
Adesso includete lo stylesheet:

<link rel="stylesheet" xhref="css/lightbox.css" type="text/css" media="screen" />

Il gioco e' praticamente fatto, adesso ad ogni foto a cui volete applicare l'effetto inserite nel tag href l'attributo rel="lightbox:

<a xhref="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Se avete una serie di foto da aprire in una specie di slideshow, potete fare cosi':

<a xhref="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a xhref="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a xhref="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Se avete problemi questo e' il forum ufficiale .

Technorati Tags


script.aculo.us

Script.aculo.us e' basato sulla libreria Prototype JavaScript library a cui aggiunge alcune peculiarita'.Particolarmento orientato agli effetti grafici Script.aculo.us offre effetti visivi, drag&drop, campi di testo che sfruttano l'autocompletamento.

Utilizzo:
Scarite dal sito il file di script.aculo.us create una directory e metteteci dentro i file prototype.js, scriptaculous.js, builder.js, effects.js, dragdrop.js, slider.js e controls.js in quest'ultima.

Adesso dovete includere gli script aggiungendo i tag seguenti alla sezione HEAD delle vostre pagine HTML (sostituite xscr con scr):

<script xsrc="/javascripts/prototype.js" type="text/javascript"></script>
<script xsrc="/javascripts/scriptaculous.js" type="text/javascript"></script>

Per richiamare le funzioni potete usare:

<script type="text/javascript" language="javascript">
    // <![CDATA[      Effect.Appear('element_id');    // ]]> 
</script>

oppura, direttamented sull'oggetto:

<div onclick="new Effect.SwitchOff(this)">    Click here if you've seen enough.  </div>

Per ulteriori info fate riferimento al sito ufficiale di script.aculo.us    

Technorati Tags


AJAX in poche righe

L'acronimo AJAX sta per Asynchronous JavaScript and XML ed è una tecnica di sviluppo per applicazioni web interattive e dinamiche.
AJAX non e' in se per se un linguaggio di programmazione ma un'insieme di HTML (o XHTML) e CSS, per quanro tiguarda la parte visiva e DOM (Document Object Model) modificato attraverso JavaScript per mostrare dinamicamente le informazioni ed infine l'oggetto XMLHttpRequest per interscambiare e manipolare dati in modo asincrono tra il browser dell'utente e il web server.

Le applicazioni web tradizionali consentono agli utenti di compilare moduli, e quando questi moduli vengono inviati, viene inviata una richiesta al web server. Il web server agisce in base a ciò che è stato trasmesso dal modulo e risponde bloccando o mostrando una nuova pagina.
Dato che molto codice HTML della prima pagina è identico a quello della seconda, viene sprecata moltissima banda. Dato che una richiesta fatta al web server deve essere trasmessa su ogni interazione con l'applicazione, il tempo di reazione dell'applicazione dipende dal tempo di reazione del web server. Questo comporta che l'interfaccia utente diventa molto più lenta di quanto dovrebbe essere.

Le applicazioni AJAX possono inviare richieste al web server per ottenere solo i dati che sono necessari.
Come risultato si ottengono applicazioni più veloci (la quantità di dati interscambiati si riduce) ed anche il tempo di elaborazione da parte del web server si riduce poiché la maggior parte di dati della richiesta sono già stati elaborati.

Technorati Tags

Categorie:Articoli Tag: ,

Arriva il calendario di Google

Dopo mesi di rumors finalmente Google scopre le carte e toglie i veli sul suo Google Calendar .
Prosegui la lettura…


Instant Messaging con il Browser

Non potete usare MSN o Yahoo!Messenger, AOL, Jabber o ICQ dall'ufficio a causa del proxy server ?
Prosegui la lettura…

Categorie:Web 2.0 Tag: , , ,

Home page personalizzata

Volevo segnalarvi un sito web, si chiama Protopag� e permette di creare una home page personalizzata. Prosegui la lettura…

Categorie:Web 2.0 Tag: ,

I contenuti di questo sito non hanno carattere di periodicità e non rappresentano "prodotto editoriale" ex L.62/2001.
Testi, immagini, loghi e marchi in questo sito sono di proprietà dei rispettivi proprietari.


Web Statistics