Come tutti i fenomeni di moda per i quali il marketing svolge più che egregiamente il proprio lavoro, anche Second Life sembra cominciare a perdere appeal, e molti soggetti inizialmente coinvolti con entusiasmo nell’iniziativa sembrano rallentare se non recedere dalle proprie buone intenzioni.

Su TechRadar questo interessante articolo.

Popularity: 100% [?]

In seguito al successo riscosso dagli Hack Day organizzati da Yahoo! negli Stati Uniti, anche l’Europa avrà il suo primo Yahoo! Hack Day.

Il 16 e 17 giugno p.v. lo storico Alexandra Palace di Londra, sede della prima trasmissione TV pubblica mondiale del 1936, ospiterà innovazione allo stato puro: 500 sviluppatori web e esperti di tecnologia nuovi media si riuniranno per un divertente e libero scambio di idee. L’obiettivo: creare e rinnovare la prossima generazione di servizi Internet.

Yahoo! fornirà la scintilla per l’ispirazione, intrattenimento live e, naturalmente, provvederà al sostentamento fisico e mentale per tutto il fine settimana.

L’evento è aperto a 500 sviluppatori, i primi che si iscriveranno, e inizierà con diverse presentazioni relative all’hacking da parte di alcuni dei più rispettati sviluppatori web. Ci si immergerà, quindi, in una 24 ore di hacking con una fantastica dimostrazione di tool, API e dati.

Per registrarti all’evento e avere maggiori informazioni puoi collegarti subito al sito: http://hackday.org/

A causa della limitata capienza della location, si procederà ad una verifica delle applicazioni sottoposte e verrà data preferenza a quelle che verranno considerate maggiormente in grado di contribuire alla riuscita dell’evento hack.

Infine per tenerti informato puoi consultare il blog dedicato http://developer.yahoo.net/hackday/

Popularity: 9% [?]

Una delle tante novità offerte da Google, è quella di mettere a disposizione di chiunque le icone di Google Earth.
Le icone sono raggruppate in quattro directory:

http://maps.google.com/mapfiles/kml/pal2/
http://maps.google.com/mapfiles/kml/pal3/
http://maps.google.com/mapfiles/kml/pal4/
http://maps.google.com/mapfiles/kml/pal5/

In ogni directory sono presenti ben 64 icone con le rispettive ombre.
Ecco elencate le icone da cui potrete ricavarne l’URL aggiungendo al link della directory il nome dell’icona:

Pal2

icon0.png	icon1.png	icon2.png	icon3.png	icon4.png
icon5.png	icon6.png	icon7.png	icon8.png	icon9.png

continue reading

Popularity: 23% [?]

Proseguendo il cammino iniziato con le API di Googlemaps, volevo approfondire il discorso della personalizzazione delle icone.
Come già visto nei post Inserire icone personalizzate assegnandole ad un marker e Caricare dei marker su Google Maps tramite XML, è possibile personalizzare i marker ed in particolare le loro icone.
Sono 4 i parametri che potrete impostare in un’icona. Il modo piu semplice per farlo è definire una variabile (nel nostro caso iconaPersonale) con cui imposteremo i nostri parametri personali. Ecco le righe di codice con la spiegazione dei parametri:

continue reading

Popularity: 20% [?]

Da questa settimana Piemonte eTech consiglia una serie di libri per meglio documentarsi su vari argomenti. Questa settimana la parte del leone è sicuramente fatta da Google con una spruzzatina di AJAX e di API.

Spero che i ns consigli siano di vostro gradimento.

Popularity: 5% [?]

Mi permetto di segnalarvi questa puntata di DigiTalk sul tema del Web 2.0 trattata da ospiti interessanti quali Massimiliano Magrini (Google Italia), Alessandro Coppo (eBay Italia), Massimo Martini(Yahoo Italia) e Matteo Giovannelli (SuperEva)

Popularity: 12% [?]

Una delle nuove novità sulle mappe di Google è quella di poter spostare un marker all’interno di una mappa.
Questa funzione che era presente già dalla versione 2.46 delle API di Google Maps era stata fin ora nascosta, ma con l’uscita dell’ultima versione la 2.61, è stata finalmente resa pubblica.
Per attivare questa funzione è sufficiente aggiugere l’opzione “draggable: true” durante la creazione del marker:


var marker = new GMarker(center, {draggable: true});


Ecco un esempio:

Per saperne di più su come integrare Google Maps in un sito guarda i nostri due post precedenti:

Come aggiungere Google Maps ad un sito Web
Personalizzare la propria mappa

Popularity: 17% [?]

Come vedete sono ancora qua, probabilmente alcuni di voi diranno “ma quando vai in vacanza”?
La risposta è mai!!!
Visto che ero qui, ho pensato (forse per “par condicio”) di implementare oltre alle API di Google anche quelle di Yahoo!, iniziando da un classico: le mappe.
La prima differenza che si può notare tra i due tipi di mappe è che quelle di Yahoo!, sono disponibili in diverse “versioni”:

• Ajax
• Flash (usando Javascript o ActionScript)
• Flex

Le tre “versioni”, offrono pressappoco le stesse funzioni, ma solo quelle in Ajax non necessitano di installare nulla. Per questo motivo ho deciso di riportare un esempio solo di questo tipo.

Per prima cosa è necessario ottenere un application ID andando ad autenticarsi all’indirizzo http://api.search.yahoo.com/webservices/ register_application con un account Yahoo! (che potrete ottenere gratuitamente sul sito di Yahoo!) e successivamente scegliere l’application ID che preferite, purché risulti disponibile.

Come per Google, anche in questo caso sono necessarie pochissime righe di codice per aggiungere Yahoo Maps al vostro sito:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Aggiungere Yahoo! Maps ad una pagina web</title>

<!-- Sostituendo "INSERISCI_L'APPLICATION_ID" con il vostro application ID, lo sript importerà nella pagina tutto il codice Javascript necessario per gestire le mappe //-->
<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid= INSERISCI_L'APPLICATION_ID "></script>

<!-- Definisce la struttura della pagina dove verrà messa la mappa di dimensioni 600x450 px //-->
<style type="text/css">

#strutturaMaps {
width: 600px;
height: 450px;
top: 20px;
left: 300px;}
</style>

</head>

<body>
<div id="strutturaMaps"></div>

<script type="text/javascript">

// Crea un'oggetto alle coordinate di latitudine 45.068150 e longitudine 7.688050 (Torino)
var centro = new YGeoPoint(45.068150,7.688050);

// Definisce l'oggetto map che caricherà una mappa nell'elemento della pagina definito come "strutturaMaps"
var map = new YMap(document.getElementById('strutturaMaps'));

// Aggiunge una barra di controllo che permette tre tipi di
// visualizzazione: mappa, setellite e ibrida
map.addTypeControl();

// Aggiunge una barra di controllo per lo zoom
map.addZoomLong();

// Imposta il tipo di mappa come ibrida
map.setMapType(YAHOO_MAP_HYB);

// Mostra la mappa centrata alla latitudine e longitudine del punto "centro" con uno zoom di 1
map.drawZoomAndCenter(centro, 1);

</script>

</body>

Inserendo al posto di “INSERISCI_L’APPLICATION_ID” il vostro ID, potrete ottenere una mappa come questa.

Popularity: 13% [?]

Anche se la maggior parte delle persone ormai sono al mare o in montagna a divertirsi, noi teniamo duro e continuiamo a lavorare alacremente fino all’ultimo.
“Ronzando” un pò qua e la tra i vari siti legati a Google ho trovato delle “API” che potrebbero essere molto interessanti: quelle di Gooogle Gadgets.
Chi segue il nostro Blog ormai saprà benissimo che queste Application Program Interfaces permettono di integrare su un sito delle vere e proprie applicazioni che nel caso specifico di Google Gadgets, consistono nel creare dei Gadgets personalizzati che chiunque può inserire nella propria pagina personale di Google. Per farlo è sufficiente selezionare “Aggiungi contenuto” e successivamente “Aggiungi da URL” dalla homepage personale di Google ed inserire l’indirizzo del file XML che conterrà il nostro Gadget.

Tra le varie funzioni disponibili in queste API, mi hanno particolarmente colpito quelle che permettevano di leggere dei file XML. Così ho pensato di realizzare un Gadget che permettesse a coloro che possiedono più Feed RSS di integrarli in un unico oggetto, dando inoltre la possibilità di indicare quanti items visualizzare per Feed.
Ecco le righe di codice necessarie con tutti i commenti:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>

<ModulePrefs title="Esempio di aggregatore di feed RSS" author="Gabriele Rocca" title_url="http://etech.top-ix.org/" height="200" scrolling="true" />
<Content type="html">
<![CDATA[
<!--Parte di HTML//-->
<div id="content__MODULE_ID__"></div>
<!--Script che costruisce il Gadget//-->
<script type="text/javascript">

function repeater()
{
_IG_FetchXmlContent(rssUrl,
function parser(response)
{// effettua un controllo verificando che il feed esista
if (response == null || typeof(response) != "object" || response.firstChild == null)
{
document.write("Feed non trovato");
return;
}
// Cerca in channel il titolo del feed
var itemChannel=response.getElementsByTagName("channel");
var nodeChannel=itemChannel.item(0).childNodes;
for (var j = 0; j < nodeChannel.length ; j++) {
var nodeTitle=nodeChannel.item(j);
if (nodeTitle.nodeName == "title") {
var tit=nodeTitle.firstChild.nodeValue;
}
}
// aggiunge il titolo del feed impostandone lo stile
html += "<div style='text-align:center; font-size: 120%; font-weight: 700;'>" + tit + "</div><br>"
// ottiene gli elementi items
var itemList = response.getElementsByTagName("item");
// se il numero di items e' inferiore a quelli
// che vogliamo visualizzare mostra solo quelli esistenti
if(itemList.length < numItem)
{numItem=itemList.length;}

for (var i = 0; i < numItem ; i++)
{
//per ogni item estrapolo i figli
var nodeList = itemList.item(i).childNodes;
//ogni figlio contiene a sua volta un insieme di tag
for (var j = 0; j < nodeList.length ; j++)
{
var node = nodeList.item(j);
if (node.nodeName == "title")
{var titolo=node.firstChild.nodeValue;}
if (node.nodeName == "description")
{var descr=node.firstChild.nodeValue;}
if (node.nodeName == "link")
{var collegam=node.firstChild.nodeValue;}
}

// variabili per rappresentare il target e gli apici
var blank="_blank";
var ap='"';
// aggiunge alla variabile che sara' stampata i vari items
html += "<a href="+ap+collegam+ap+" target="+ap+blank+ap+"> "+titolo+"</a><br>";
}

// verifica se il feed analizzato e' l'ultimo
if (indRss == (rssList.length-1))
{// se e' l'ultimo chiude il div e stampa i feed
html += "</div>";
_gel('content__MODULE_ID__').innerHTML = html;
}
else
{// incrementa l'indice del feed e richiama la funzione repeater()
indRss=indRss+1;
rssUrl=rssList[indRss];
html += "<br>";
repeater();
}
}// chiude "function parser()"
);
}// chiude "function repeater()"

// Impostazioni Utente
var prefs=new _IG_Prefs(__MODULE_ID__);
// definisce il numero di feed
var nMaxRss=2;
// dimensiona l'array di feed
var rssList=new Array(nMaxRss);
// inserire i feed!
rssList[0]="inserisci-Url-feed";
rssList[1]="inserisci-Url-feed";
// specifico il numero di items che voglio vedere per ogni feed
var numItem=10;
// definisco lo stile del gadget
var html="<div style='padding:5px;background-color: #ccf;font-family:Arial,Helvetica;text-align:left;font-size:90%'><br>";
// azzero l'indice dei feed e passo la prima url
var indRss=0;
var rssUrl=rssList[indRss];
// chiamo la funzione repeater() che fa il parser di tutti i feed
repeater();

</script>
]]>
</Content>
</Module>

Se volete provare ad integrare questo Gadget nella vostra home page usate l’URL: http://etech.top-ix.org/etech/aggregatore_feed.xml

Popularity: 12% [?]

Su google Map è possibile assegnare una propria icona ad un marker!

Per prima cosa bisogna procurarsi delle icone da caricare sul proprio sito web.
Una volta caricata l’icona nella directory del sito bisogna inserire nella funzione che crea il marker le seguenti righe di codice:

	// definisco un array chiamato icons.
	var icons = [];

	// assegna alla variabile icons["topix"] tramite
	// la funzione GIcon l'immagine "miaicona.png"
	//(che è presente nella stessa directory del sorgente).
	icons["topix"] = new GIcon(G_DEFAULT_ICON, "miaicona.png");

	// invio alla funzione che crea il Marker come secondo
	// valore la variabile dell'icona
	var marker = new GMarker(point,icons["topix"]);

Popularity: 34% [?]