Blogrammazione

Utenti Linux (ma anche Android), aggiorniamo!!

marco — Wed, 25 Jan 2012 08:51:12 +0000

fonte: web

La notizia è di qualche giorno fa: è stato scoperto un bug nel kernel Linux che permette ad un utente ordinario di diventare amministratore passando per la gestione della memoria utilizzata per avviare i processi. La falla, confermata dallo stesso Torvalds, il papà di Linux, è in realtà considerata di livello medio perchè pare che l’exploit sia eseguibile solo in locale e non da remoto.

La cosa interessante è che, da quanto dimostrato, questa vulnerabilità riguarda anche i device Android: anche sui dispositivi Android infatti sembra sia possibile con il medesimo exploit ottenere i privilegi di root (essendo Android un OS basato su Linux).

Finora non abbiamo trovato notizie in merito per fixare il bug sulla piattaforma mobile, mentre per quanto riguarda le versioni desktop di Linux è già stata rilasciata una patch di sicurezza per la distro Ubuntu 11.10 (può essere applicata con un normale aggiornamento del software e successivo riavvio della macchina) e Red Hat ha confermato che a breve verrà rilasciato un fix per risolvere il problema.

Android MyBrithdays – Devi essere il primo a dire “Happy Birthday!”

marco — Mon, 02 Jan 2012 08:12:41 +0000

MyBirthdays

MyBirthdays è una simpatica app per piattaforma Android che permette di gestire i compleanni dei nostri contatti. Il punto di forza della versione attuale, la 1.3, è sicuramente l’invio automatico degli SMS d’auguri: per ogni contatto infatti è possibile creare un compleanno al quale si può associare un testo. Ogni giorno l’app controlla i compleanni che si verificano nella giornata, e per ognuno invia un SMS con il testo associato al compleanno del rispettivo contatto: in questo modo non ci dobbiamo più preoccupare di fare gli auguri ai nostri amici…ci pensa MyBirthdays per noi!

Oltre all’invio degli SMS in automatico, MyBirthdays permette di esportare tutti i dati nella scheda SD come backup: attivando la funzione di esportazione in un attimo avremo messo al sicuro i nostri compleanni. In un secondo momento, qualora fosse necessario, possiamo poi sfruttare la funzione di importazione per recuperare tutti i compleanni dei nostri contatti: in questo modo non rischiamo di perdere alcun dato (compleanno ma anche la configurazione associata).

Per ogni compleanno, oltre ovviamente al contatto, alla data del compleanno e al testo dell’SMS, possiamo attivare le notifiche: la notifica visualizza un alert nella status bar del nostro smartphone, avvisandoci dei compleanni che accadono in giornata. Inoltre l’app, disponibile attualmente in lingua inglese ed in italiano, è fornita di un comodo calendario che semplifica la gestione e la visualizzazione dei compleanni dei nostri contatti.

Nel calendario sono “segnati”, attraverso una simpatica icona a “pacchetto regalo”, i giorni in cui si verifica un compleanno: selezionando il giorno potremo vedere l’elenco dei compleanni previsti per la giornata, e a seconda della configurazione di ognuno l’app gestirà le comunicazioni con i nostri contatti.
Ogni compleanno infatti può assumere diversi comportamenti in base alla sua configurazione: ad esempio, attivando solo l’alert di notifica e non quello di invio dell’SMS, saremo noi a decidere quando e se inviare l’SMS d’auguri, mentre selezionando solo l’alert di invio SMS e non di notifica sarà tutto gestito dall’app senza ulteriori preoccupazioni. Chiaramente selezionando entrambe le opzioni (alert di notifica + invio SMS) saremo avvisati del compleanno ma anche dell’invio dell’SMS d’auguri, tenendo così sotto controllo la gestione dei nostri contatti.

MyBirthdays è disponibile da dicembre 2011 sul market ufficiale Android alla seguente pagina.

Android – Le 10 migliori applicazioni che devi avere

marco — Thu, 29 Dec 2011 07:55:06 +0000

fonte: dal web

Prendiamo spunto da questo post per analizzare la situazione delle applicazioni Android: seppure il campione sia molto ridotto, è interessante ragione su quali siano le app più usate, ma soprattutto le più utili e quelle alle quali non saremmo più disposti a rinunciare.

Non è semplice rispondere a queste domande, soprattutto perchè attualmente i numeri del market ufficiale Android sono davvero impressionanti (sono stati raggiunti questo dicembre i 10 billioni di download ) e perchè moltissimo dipende dall’utilizzo che facciamo del nostro smartphone.

L’autore del post citato ha proposto tale argomento su LinkedIn, e ne è nata una discussione davvero interessante. Ogni utente ha proposto la sua dream list, e il risultato è un elenco stimolante dal quale si possono dedurre diversi elementi importanti.

In primo luogo si nota che le app più utilizzate dagli utenti sono quelle social: Twitter, Facebook, LinkedIn in primis. Sembra un dato banale e ovvio visti i numeri raggiunti dai social network su Internet, ma è comunque doveroso sottolineare che praticamente tutti gli utenti che hanno partecipato alla discussione utilizzano almeno un’app dedicata al social networking.

In secondo luogo si nota che non molti hanno inserito nella loro lista applicativi dedicati al backup dei dati e della applicazioni del nostro smartphone: personalmente trovo indispensabili applicazioni come Titanium Backup, che permettono in un attimo di ripristinare completamente lo stato del device, ed essendo anche free è davvero un piacere disporre di questo potentissimo tool.

La categoria di applicazioni più diffusa è senz’altro quella dell’intrattenimento, presente praticamente in tutte le liste: questo denota un uso massiccio degli smartphone come strumenti per passare il tempo o per il divertimento (in questo caso spicca tra i più scaricati l’ormai onnipresente Angry Birds).

Le applicazioni che riscuotono maggiore successo e che sono sicuramente tra le più utilizzate sono quelle dedicate alla produttività, elemento che sottolinea quanto lo smarphone stia in effetti diventando un vero e proprio strumento di lavoro e di vita al quale non possiamo più rinunciare. Applicazioni come Dropbox (condivisione di risorse tra diversi device), Evernote (una sorta di promemoria universale), Dolphin (browser avanzato), ne sono un esempio: apprezzate da milioni di utenti (basta vedere i numeri dei download, impressionanti!) ci permettono di avere sottomano tutte le informazioni che riteniamo più importanti e necessarie per il nostro lavoro ma anche e soprattutto per la nostra vita quotidiana.

Un ultimo commento va senz’altro dedicato alle applicazioni che rientrano nella categoria comunicazioni, una delle più gettonate: chi non ha installato sul proprio smartphone Skype o similari? La comunicazione è un elemento alla base del periodo che stiamo vivendo, e lo dimostrano i numeri impressionanti che riguardano le applicazioni di questa categoria. Chat, VoIP, videochiamate, SMS inviati attraverso Internet, tutte con un occhio di riguardo per il risparmio: sì, perchè se già paghiamo la connessione Internet, perchè pagare per abbondamenti che comprendono anche traffico voce e SMS?

Issuu.com e la nuova era della pubblicazione digitale

marco — Wed, 07 Dec 2011 07:30:50 +0000

fonte: dal web

Issuu.com è una piattaforma web che mette a disposizione degli utenti un numero davvero impressionante di materiale editoriale, diviso tra magazine, giornali, libri, articoli e molto altro ancora.

Il materiale è pubblicato dagli utenti che, previa registrazione, possono sfruttare appieno le funzionalità della piattaforma: il modulo per l’inserimento dei documenti permette di caricare comodamente uno o più file contemporaneamente, inserendo tutte le informazioni necessarie affinché possano essere catalogati per una ricerca più veloce e puntuale, come ad esempio il titolo, la descrizione, il tipo di documento, la categoria, la lingua, il target di riferimento, e così via. Attualmente è possibile caricare documenti che non superino le 500 pagine e con peso inferiore ai 100MB.

La pagina delle pubblicazioni è chiara, pulita e completa di tutti gli strumenti necessari per facilitare la ricerca del materiale di nostro interesse: dal menu delle categorie disponibili posto sul lato sinistro della pagina al selettore della lingua, al menu temporale che fornisce i filtri sul tempo di pubblicazione (oggi, questo fine settimana, questo mese, ecc.) fino al menu che fornisce gli accessi alle pagine delle pubblicazioni più popolari, delle nuove pubblicazioni o ancora alle più discusse.

La sezione “Technology & Internet” è tra le più interessanti e ricche di materiale: oltre ad articoli e magazine di ogni tipo è possibile trovare libri e manuali delle tecnologie più diffuse, liberamente consultabili e, nella maggior parte dei casi, anche stampabili.

La registrazione alla piattaforma è disponibile al seguente indirizzo, mentre la pagina degli upload per gli utenti non ancora registrati è disponibile qui.

TeamViewer 7, il controllo remoto professionale si aggiorna

marco — Wed, 30 Nov 2011 13:14:55 +0000

E’ stata rilasciata da qualche giorno la nuova versione di TeamViewer, uno dei più diffusi e professionali applicativi per il controllo remoto: sebbene rilasciata ancora in beta, la versione sette di TeamViewer introduce diverse funzionalità che migliorano ed estendono gli strumenti per gestire i computer da remoto.

Disponibile su piattaforma Windows, Linux e Mac, TeamViewer è uno strumento molto diffuso tra i sistemisti o tra chi si occupa di assistenza remota, perchè è facile e veloce da installare, semplice ed intuitivo da utilizzare e soprattutto molto comodo perchè fornisce praticamente ogni sorta di strumento per il controllo remoto.

Una delle novità più interessanti introdotte con la versione 7 è il supporto al multi-monitor, che permette di aumentare la produttività, la precisione e la rapidità degli interventi di assistenza tecnica.

Una delle caratteristiche più interessanti di TeamViewer è la possibilità di trasferire file attraverso il semplice drag’n'drop dalla/alla macchina in remoto verso/dalla destinazione di nostro interesse. Rispetto alle versioni precedenti, in cui questa comoda ed importante funzionalità era già disponibile, è stata migliorata l’efficienza e la velocità dei trasferimenti: ovviamente molto dipende dalla connessione Internet di cui disponiamo, ma in effetti i miglioramenti sono evidenti.

Per chi invece effettuata frequenti connessioni remote alle medesime macchine può sfruttare la funzionalità di salvataggio delle connessione remote, in modo da velocizzare ed ottimizzare il tempo di intervento.

TeamViewer è open source per usi non commerciali, e dispone di un’interfaccia web che permette di effettuare connessioni remote senza installare l’applicativo sulla propria macchina, anche se in questa versione alcune funzionalità sono ridotte o non presenti e le prestazioni risultano sicuramente inferiori rispetto alla versione standalone.

E’ possibile scaricare TeamViewer dal sito ufficiale alla seguente pagina, mentre l’accesso alla versione web, previa registrazione, è disponibile qui.

Sencha ExtJs – Centrare nello schermo tutti gli oggetti Window

marco — Tue, 22 Nov 2011 11:39:06 +0000

fonte: dal web

Rieccoci a parlare di Sencha ExtJs, uno tra i più interessanti e potenti framework Javascript oggi in circolazione. Quello che vediamo in questo breve tutorial è un comodo override da applicare ad tutti i widget “Window” per centrare nello schermo la renderizzazione delle finestre.

Questo approccio è molto comodo quando stiamo implementando ad esempio l’interfaccia di un applicativo che richiedere l’utilizzo di molte finestre, come ad esempio un gestionale o un CMS. La potenza di Sencha ExtJs rispetto ai molti framework Javascript considerati suoi “avversari” (Dojo in primis) è data proprio dal fatto che questo prodotto mette a disposizione degli sviluppatori tutta una seria di widget semplici, completi e decisamente funzionali, tutti praticamente pronti all’uso.

I widget “Window” sono chiaramente tra i più utilizzati, perchè permettono in realtivamente poco tempo-lavoro di avere complesse interfacce complete e funzionali. In questi casi è molto comodo centralizzare il comportamente delle finestre, visto che nella maggior parte dei casi queste verranno visualizzate centrate rispetto allo schermo e quindi all’area di lavoro disponibile.

Per impletare questo tipo di lavoro possiamo utilizzare questo override:


Ext.override(Ext.Window, {

beforeShow : function(){

delete this.el.lastXY;

delete this.el.lastLT;

if(this.x === undefined || this.y === undefined){

var xy = this.el.getAlignToXY(this.container, 'c-c'),

pos = this.el.translatePoints(xy[0], xy[1]);

if(this.position === 'cascade'){

this.x = Ext.winPosx = (Ext.winPosx)? Ext.winPosx+20 : pos.left;

this.y = Ext.winPosy = (Ext.winPosy)? Ext.winPosy+20 : pos.top;

}else{

this.x = this.x === undefined? pos.left : this.x;

this.y = this.y === undefined? pos.top : this.y;

}

}

this.el.setLeftTop(this.x, this.y);

//gestione dell'espansione

if(this.expandOnShow){

this.expand(false);

}

//gestione finestra modale

if(this.modal){

Ext.getBody().addClass('x-body-masked');

this.mask.setSize(Ext.lib.Dom.getViewWidth(true), Ext.lib.Dom.getViewHeight(true));

this.mask.show();

}

}

});

Il codice di cui sopra è più semplice di quel che potrebbe sembrare: viene applicato un override all’oggetto “Ext.Window” (riga 1), per cui ogni volta che utilizzeremo questo widget, prima di essere visualizzato (stiamo utilizzando il listener “beforeShow” – riga 2) verranno sovrascritti i valori delle sue posizioni (X e Y – righe 9,10 o 12, 13 in base ai casi).

Viene anche gestito il caso in cui la finestra sia dichiarata “modale” (le finestre modali sono quelle che una volta aperte e attivate permettono di lavorare esclusicamente nel loro contesto, disabilitando l’accesso al background – righe 25-27) e la funzionalità di espansione nativa in tutti i widget di tipo “Window” (riga 20).

Ubuntu 11.10 – Come installare i driver NVIDIA

marco — Fri, 28 Oct 2011 08:16:53 +0000

fonte: dal web

Dieci giorni fa abbiamo pubblicato un post che fornisce una delle soluzioni più interessanti ed utili per ripristinare la propria installazione di Ubuntu in caso di problemi dovuti all’upgrade alla versione 11.10 rilasciata circa a metà ottobre.

Per chi avesse da sistemare anche i driver di una scheda video NVIDIA allora questo è l’articolo che sta cercando.

Dopo l’upgrade ad Ubuntu 11.10 infatti si potrebbero manifestare delle incompatibilità con le precedenti versioni del driver, che tuttavia possiamo risolvere agevolmente lanciando da terminale i seguenti comandi:

sudo add-apt-repository ppa:ubuntu-x-swat/x-updates
sudo apt-get update
sudo apt-get install nvidia-current

La prima riga visualizza il comando che permette di aggiungere il repository su cui è possibile trovare le ultime versioni dei driver NVIDIA per Ubuntu 11.10; la seconda riga lancia il comando che esegue l’aggiornamento e con la terza e ultima riga lanciamo l’installazione dell’ultima versione dei driver NVIDIA disponibili per Ubuntu.

A questo punto è necessario un riavvio del sistema per utilizzare la nuova versione dei driver.

Ubuntu 11.10 – problemi durante l’upgrade di Ubuntu da 11.04 a 11.10

marco — Sun, 16 Oct 2011 16:26:49 +0000

fonte: dal web

Il 13 ottobre scorso è stata rilasciata la nuova versione di Ubuntu (la 11.10 – nome in codice Oneiric Ocelot). La procedura di upgrade del sistema operativo è quella ormai consolidata che possiamo avviare comodamente attraverso l’Update Manager. Come al solito dunque è sufficiente avviare l’Update Manager e seguire le istruzioni mostrate dal wizard che si occupa dell’upgrade. Fin qui niente di nuovo.

Quello che c’è di nuovo è che stranamente questa procedura non è perfetta: dico “stranamente” perchè finora non era mai capitato che il team di Ubuntu rilasciasse una procedura imperfetta. Sì, perchè dopo l’upgrade la maggior parte degli utenti si è ritrovata con un sistema instabile e in alcuni casi non più in grado di completare un normale avvio. I problemi riscontrati in genere si manifestano con un sistema che si riavvia continuamente o che blocca l’avvio durante la procedura di start-up per problemi di configurazione di rete o del dbus.

Dopo vai tentativi e ricerche ho trovato la soluzione del problema, che sembra proprio derivare da un bug della procedura di upgrade. Attraverso questa semplice procedura si dovrebbero risolvere tutti i problemi di cui sopra. Ecco cosa dobbiamo fare:

Accediamo al sistema da terminale: per chi non riuscisse ad avvia correttamente il sistema è possibile comunque utilizzare uno dei TTY a disposizione;
Effettuiamo il login con un’utenza valida e lanciamo questi comandi:

sudo mv /var/run/* /run/
sudo mv /var/lock/* /run/lock/
sudo rm -r /var/run
sudo rm -r /var/lock
sudo ln -s /run /var/run
sudo ln -s /run/lock /var/lock
sudo rm /run/dbus/*

A questo punto non rimane che riavviare il sistema operativo e il gioco è fatto. Ancora una cosa: se durante l’esecuzione di uno dei comandi di sui sopra, ad esempio se non riuscite a rimuovere correttamente le cartelle “run” e “lock” (riga 3 e 4) potrebbe essere necessario effettuare un umount. Per far questo è sufficiente lanciare il seguente comando:

umount -fl

e poi subito dopo procedere con la rimozione. Verificate di aver rimosso correttamente le directory, altrimenti al prossimo riavvio tutti i problemi vi si ripresenteranno.

Android – Come inserire codice HTML in un widget TextView

marco — Sun, 02 Oct 2011 09:41:07 +0000

fonte: dal web

Un widget TextView è un oggetto Android che permette di visualizzare (e non solo!) un testo all’interno dei layout che implementiamo. Come tutti i widget nativi a disposizione dello sviluppatore, è un oggetto molto potente, completo di tutte le funzionalità necessarie per essere utilizzato efficacemente all’interno delle nostre interfacce Android.

In questo tutorial vediamo un piccolo accorgimento che ci permette di inserire codice HTML all’interno di un widget TextView, in modo da rendere più efficace e gradevole la visualizzazione del testo nei layout.

Vediamo il codice completo dell’esempio:

TextView txtview = (TextView) findViewById(R.id.your_txt_view);
String html      = "<b>Testo in grassetto!</b><br />Testo normale";
txtview.setText(Html.fromHtml(html));

La prima cosa da fare è recuperare la risorsa TextView su cui vogliamo visualizzare il testo in HTML. Utilizziamo pertanto la funzione “findViewById” passandogli come parametro l’identificatore della risorsa TextView (nel nostro esempio “your_txt_view” definita nel file descrittore main.xml) per recuperare il riferimento al widget su cui vogliamo visualizzare il testo HTML (riga 1).

Nella riga 2 creiamo una variabile di tipo stringa in cui salviamo il codice HTML da visualizzare nel TextView recuperato alla riga 1. A questo punto utilizziamo il metodo statico “fromHtml()” della classe Html che genera e restituisce una stringa con lo stile associato per la corretta visualizzazione nel layout del testo in formato HTML.

Il risultato che otterremo sarà simile a quanto rappresentato nella seguente figura:

Sencha ExtJS – Recuperare un parametro dall’URL

marco — Thu, 08 Sep 2011 07:58:50 +0000

fonte: dal web

Sencha ExtJs sta guadagnando sempre più terreno nel panorama dei framework Javascript per lo sviluppo di applicazione web ma anche mobile, grazie alla sua flessibilità, efficiente, potenza e facilità d’uso.

In questo tutorial vedremo una piccola funzione per leggere uno specifico parametro passato nell’URL.

Vediamo innazittutto il codice:

Ext.getUrlParam = function(param) {
var params = Ext.urlDecode(location.search.substring(1));
return param ? params[param] : null;
};

Il tutto è reso molto semplice dalla funzione “urlDecode” di ExtJs. Questa funzione infatti esegue il parsing di un URL nella forma:

www.marcolecce.com/?param1=1¶m2=2

restituendo un array in cui sarà presente un elemento per ogni parametro dell’URL in cui la chiave sarà il nome del parametro e il valore chiaramente quello del parametro corrispondente. Nella riga due creiamo una variabile che abbiamo chiamato “params” in cui saranno contenuti tutti i parametri, nel nostro esempio avremo una situazione di questo tipo:

params[param1] = 1
params[param2] = 2

A questo punto dovrebbe essere chiaro il funzionamento della funzione anonima scritta poc’anzi: a questa funzione passiamo il nome di un paramentro (“param” nella riga 1), leggiamo l’URL e lo decodifichiamo (riga 2) e restituiamo il valore del parametro se si trova una corrispondenza, NULL altrimenti (riga 3).

Steve Jobs lascia la Apple

marco — Thu, 25 Aug 2011 06:43:22 +0000

fonte: dal web

A comunicarlo è lo stesso Steve Jobs, con una lettera scritta ieri a tutti i dipendenti Apple: “Non riesco più ad assolvere alle mie funzioni”. Jobs si è dimesso ieri da CEO di Apple, lasciando il posto al “delfino” Tom Cook, l’attuale direttore generale che ha già sostituito Jobs quando questi era costretto a periodici ritiri dall’attività quotidiana a causa della malattia che lo afflige ormai dal 2004.

Il fondatore di Apple infatti è afflitto da una rara forma di tumore al pancreas, che dal 2004, anno della scoperta della malattia, gli ha procurato continui fastidi: dopo il trapianto di fegato del 2009 Jobs non sembrava essersi rimesso completamente, sempre affaticato e parecchio dimagrito. Ora l’annuncio del ritiro dalle attività dell’azienda per assumere la carica di presidente.

La Apple è una delle più importanti aziende del settore, che grazie proprio alle idee geniali del suo fondatore, è riuscita a rivoluzionare diversi settori del mondo tecnologico, da quello dei computer portatili a quello del mobile.

Il grande interrogativo di queste ore è se la Apple sarà in grado di camminare con le sue gambe senza la carismatica e geniale guida del suo fondatore, se sarà in grado di reagire a questa situazione.

LinkedIn aggiorna la sua applicazione Android

marco — Fri, 19 Aug 2011 12:48:41 +0000

fonte: dal web

Da qualche giorno è stato rilasciato l’aggiornamento dell’applicazione per piattaforma Android del famoso servizio sociale per gestire la propria rete di contatti in ambito lavorativo, LinkedIn.

Il primo rilascio dell’applicazione aveva suscitato molte polemiche da parte degi utenti, visto che non si poteva far altro che consultare i profili, senza poter aggiornare nessuna informazione e con grandi difficoltà nella navigazione e nella gestione delle schermate.

Con questo aggiornamento tutto cambia: la versione 2.0.0, disponibile dal 16 agosto scorso per le piattaforme Android 2.1 o superiori, ha radicalmente modificato la precedente. L’interfaccia grafica è decisamente migliorata, rendendo la navigazione tra le schermate semplice, intuitiva e molto più fluida: ora possiamo gestire completamente il nostro profilo, proprio come facciamo sulla piattaforma web. Praticamente sono state implementate tutte le funzionalità, compresa la visualizzazione dei gruppi di appartenenza, delle news e la sincronizzazione delle connessioni LinkedIn con i propri contatti.

Maggiori dettagli sull’app sono disponibili sulla pagina del market ufficiale di Android al seguente indirizzo.

MIUI: una ROM tutta da scoprire per HTC, Samsung, Motorola, Acer Liquid

marco — Tue, 19 Jul 2011 10:26:19 +0000

fonte: dal web

MIUI è una delle migliori ROM al mondo per smartphone Android. Cos’è una ROM? Come si installano? Perchè scaricare ed installare MIUI sul proprio device Android? Se avete 2 minuti di pazienza risponderemo a tutte queste domande.

Cos’è una ROM?

Nel contesto mobile, una ROM è sostanzialmente una versione di firmware che possiamo installare sul nostro smartphone. Le ROM possono essere ufficiali e non ufficiali: nel primo caso le possiamo scaricare dal sito di riferimento del produttore del nostro smartphone, nel secondo caso invece sono rilasciate da team di sviluppatori diversi che implementano versioni più o meno performanti, più o meno stabili a seconda della loro bravura. MIUI fa parte del secondo gruppo, quello delle ROM non ufficiali. Attenzione: con il termine “non ufficiali” non intendiamo che tali versioni siano “pirata” o non legali, anzi: Android è una piattaforma open source che permette anzi incoraggia questo genere di modifiche. Con il termine “non ufficiali” intendiamo solamente il fatto che non sono rilasciate sui siti ufficiali dei produttori di un determinato tipo di smartphone, ma invece sono mantenute da gruppi di lavoro i cui membri spesso sono sparsi nel mondo.

Perchè MIUI?

MIUI è un progetto davvero notevole: una ROM veloce, performante, graficamente curata e caratterizzata da una interfaccia semplice ed intuitiva, colma di effetti grafici gradevoli e fluidi. Quasi completamente personalizzabile, questa fantastica ROM basata su Android 2.3.4 dispone di centinaia di temi che possiamo comodamente scaricare ed installare attraverso i tool forniti con la ROM stessa. Il progetto è in continua crescita: nato in Cina, da poche settimane è disponibile la versione inglese, e sono davvero tante le fork attualmente disponibili e curate da team di molte nazionalità diverse. La versione italiana è curata dal Nexus Lab, risorsa davvero utile per chi vuole conoscere e approfondire il mondo Android.

Installare MIUI

Ufficialmente la ROM MIUI supporta i seguenti device:

Google Nexus One
HTC Desire
HTC Desire HD
HTC Desire Z
HTC HD2
Motorola Defy
Motorola Milestone
Samsung Galaxy S
Samsung Nexus Ssi

e solo da qualche settimana anche (e finalmente) l’Acer Liquid. Per installare questa ROM su un dispositivo Acer Liquid (ma in realtà questo procedimento può andare benissimo anche per device differenti) abbiamo bisogno dell’Acer Liquid Malez Recovery, un piccolo programmino che dobbiamo scaricare ed installare nel nostro smartphone per poter avviare il device in modalità recovery, modalità che ci permette di installare con semplici passaggi le ROM che preferiamo. Il processo di installazione per tutti i tipi di smartphone supportati è disponibile al seguente indirizzo.

Installare il Malez Recovery è un procedimento abbastanza semplice, il cui dettaglio è disponibile sul sito ufficiale al seguente indirizzo: sostanzialmente attraverso i driver Acer installiamo il programmino sul nostro smartphone, chiaramente dopo averlo collegato al PC attraverso il cavo USB.

A questo punto scarichiamo la versione attuale della ROM MIUI dalla seguente pagina: dobbiamo scaricare sia il pacchetto della ROM sia il pacchetto per la traduzione in italiano. Attenzione: attualmente questa ROM è in continuo sviluppo, dunque non è detto che scaricare proprio l’ultima versione sia la scelta ideale. Potete fare comunque dei test, e nel caso comunicarli al team in modo che il loro lavoro sia agevolato dal vostro feedback. La versione che abbiamo testato noi, perfettamente funzionante, su un Acer Liquid A1 è la 1.7.1 .

Una volta scaricati i pacchetti li mettiamo nella root della scheda SD e riavviamo lo smartphone in modalità recovery. Per fare questo dobbiamo spegnere il telefono, e accenderlo tenendo premuti contemporaneamente per qualche secondo i seguenti pulsanti:

Accensione + Pulsante diminuisci volume + Pulsante scatta fotografia

Quando il telefono vibra per qualche secondo possiamo rilasciare i pulsanti: è il segnale di avvio in modalità recovery. A questo punto dobbiamo eseguire un full wipe (dati + cache + dalvik) se attualmente nel nostro device è installata una ROM diversa, altrimenti è sufficiente eseguire il wipe della cache e di dalvik*.

Possiamo finalmente installare la ROM selezionando la voce di menu “Flash menu” del programma di recovery: installiamo prima la ROM e poi allo stesso modo installiamo il pacchetto per la lingua italiana. A processo eseguito, selezioniamo la voce per il riavvio di sistema: a sistema riavviato potremo goderci il nostro smartphone con la nuova ROM installata!!

Attenzione: prima di fare qualsiasi cosa è estremamente importante che facciate un backup di tutto il sistema. Potete usare ad esempio “Titanium Backup” per eseguire il backup/ripristino del vostro smartphone, è una app scaricabile gratuitamente dall’Android Market ed è semplicissima da utilizzare.

Ognuno è libero di decidere se testare o meno queste installazioni sul proprio smartphone: lo staff di Blogrammazione declina ogni reponsabilità in caso di malfunzionamenti.

Geany: una IDE snella e veloce

marco — Fri, 08 Jul 2011 06:13:24 +0000

fonte: dal web

Geany è una IDE (Integrated Development Environment) davvero interessante disponibile per l’ambiente Windows e tutti i sistemi Linux-based, dunque anche per sistemi MAC OSX. Leggera, veloce e semplice da utilizzare: il team di sviluppo di Geany ha lavorato con l’obiettivo di fornire un prodotto completo ma che si differenziasse dalle IDE potenti ma pesanti a cui siamo normalmente abituati, Eclipse in primis.

Geany si basa sulle librerie GTK2 e tra le caratteristiche principali segnaliamo le seguenti:

Navigazione del codice
Supporto per file Java, C, PHP, Python, HTML, Pascal
Auto-completion del codice
Syntax highlighting
Interfaccia a plugin
Gestione del progetto

Geany è un prodotto multipiattaforma: teoricamente (alcune piattaforme sono ancora da verificare) potrebbe girare su qualsiasi piattaforma in grado di fornire supporto alle librerie GTK (sul sito ufficiale segnalano che attualmente solo in ambiente Windows si sono riscontrate alcune problematiche per specifiche feature).

Il prodotto è distribuito sotto licenza GNU General Public Licence ed scaricabile dalla seguente pagina.

Google cambia faccia

marco — Thu, 30 Jun 2011 07:07:43 +0000

Ebbene sì, tempo di restyling per Google, che propone un nuovo layout per l’homepage (e non solo!) del motore di ricerca: logo lievemente rimpicciolito e fascia nera superiore per evidenziare gli strumenti e le opzioni a disposizione.

Ma le modifiche non riguardano solo la pagina principale: sono state apportate piccole modifiche ed accorgimenti anche alle interfacce dei singoli servizi, per ammodernare e semplificare ulteriormente il già minimalista stile proposto da Mountain View.

Il nuovo layout porta con sè anche il rilascio del social network sui cui Google ha deciso di puntare: +. Ancora in fase di prova, + è accessibile per ora solo tramite invito, e punta ad essere un nuovo strumento sociale utile alla condivisione di informazioni, unendo un pò quelli che erano i concetti di precendenti progetti Google come Google Wave, Places, Buzz.

Inserire stringhe e costanti da CSS

marco — Tue, 21 Jun 2011 07:04:18 +0000

Alcune proprietà dei CSS (Cascading Style Sheets o Fogli di stile) spesso rimangono nascoste e sepolte nel dimenticatoio, soprattutto per chi non li utilizza quotidiamente. La verità è che attualmente i CSS sono davvero molto potenti, e possono essere considerati quasi alla stregua di un metalinguaggio di programmazione.

Una delle proprietà più curiose è ad esempio la proprietà “content”: questa direttiva permette di inserire del contenuto stringa prima o dopo un determinato elemento HTML. Come mostra la pagina di riferimento del W3C, questa proprietà può essere molto utile per assegnare del testo a degli elementi specifici della pagina HTML. Con la proprietà content possiamo ad esempio far sì che tutti i link vengano scritti in automatico tra parentesi:

<style type="text/css">
a:after {content: " (" attr(href) ")";}
</style>

Il risultato sarà che tutti i link in cui verrà applicato questo stile avranno automaticamente la seguente rappresentazione:

W3Schools (http://www.w3schools.com)

La proprietà content è supportata dalla maggior parte dei browser, anche se in Internet Explorer 8 viene supportata solo se è specificato un !DOCTYPE.

Facebook – Come disattivare il riconoscimento facciale

marco — Thu, 09 Jun 2011 08:02:10 +0000

fonte: dal web

Chi decide di crearsi un account su Facebook sicuramente deve partire dal presupposto che di privacy ne avrà ben poca. Questo però non significa che Facebook possa fare dei nostri dati tutto ciò che vuole: ecco il perchè degli scontri continui tra la piattaforma di Zuckerberg e gli utenti-consumatori.

L’ultima caso di protesta è proprio quello di questi giorni, nato dalla discutibile nuova funzionalità rilasciata da poco per gli utenti europei per cui Facebook sarà in grado di riconoscere i volti delle persone nelle foto e autotaggarli.

La funzionalità potrebbe anche essere interessante, ma come al solito Facebook non segue la buona e semplice regola di vita (e di privacy!) di chiedere il permesso agli utenti prima di attivare una funzionalità.

Il ricoscimento facciale infatti viene automaticamente attivato per tutti gli utenti, senza chiedere e sopratutto comunicare nulla. Ad ogni modo in rete è già disponibile da qualche giorno una chiara e dettagliata procedura per la disabilitazione del servizio, procedura che riportiamo di seguito:

Cliccare Account, la voce che trovate in alto a destra sulla pagina Facebook
Cliccare sulla voce Impostazioni sulla privacy ( Privacy settings per la versione inglese)
Cliccare su Personalizza le impostazioni ( Customize settings per la versione inglese) , scritto in basso in posizione centrale della pagina
Cercare l’opzione Suggerisci le foto in cui sono presente agli amici ( Suggest photos of me to friends per la versione inglese)
Selezionare la barra Modifica le impostazioni ( Edit per la versione inglese) e disabilitare il servizio ( Disabled per la versione inglese)

iPhone – Una app per il calcolo ICI (Imposta Comunale sugli Immobili)

marco — Wed, 08 Jun 2011 07:04:00 +0000

fonte: dal web

Si sa che ormai abbiamo a disposizione una app praticamente per qualsiasi cosa, dunque perchè non una che ci venga in aiuto per il calcolo dell’ICI (Imposta Comunale sugli Immobili) ?

Con Calcolo ICI possiamo determinare l’ammontare dell’imposta per le aree edificabili e per i fabbricati per i quali l’imposta è dovuta: tutto quello che dobbiamo fare è compilare i relativi campi (v. Rendita catastale, Aliquota applicata dal comune, Percentuale di proprietà, ecc.) e lanciare il calcolo dell’ICI. Semplice no?

Maggiori informazioni sulla app, compatibile con iPhone, iPod Touch e iPad, le potete trovare sulla pagina iTunes dedica oppure sul sito di supporto.

Google, Facebook, Yahoo! – Si iniziano i test per IPv6

marco — Sat, 04 Jun 2011 13:29:16 +0000

fonte: dal web

Figura 1

Google, Facebook, Yahoo! e altre grandi del web hanno ufficialmente iniziato sul campo i test di utilizzo del protocollo IPv6, la nuova versione del protocollo IPv4. Come mostra la figura 1, Mountain View ha presentato nella home page del famoso motore di ricerca la giornata dell’8 giugno 2011 dedicata al nuovo protocollo IPv6.

Nel comunicato mostrato in homepage è anche possibile cliccare sul link “Try it now” per verificare se la nostra connessione è pronta per supportare il nuovo formato di indirizzamento. Seguendo il link si accede ad una pagina simile alla seguente:

fonte: dal web

Figura 2

Come mostrato in figura 2, il test verifica se la nostra connessione sarà in grado di supportare pienamente il protocollo IPv6. L’evento dell’8 giugno a cui prendono parte anche Facebook, Yahoo!, Akamai e altre tra le maggiori presenze del web prende il nome di “World” IPv6 Day” : in questa giornata gli aderenti all’evento distribuiranno i loro contenuti sul protocollo IPv6 per verificare se la rete è in grado di supportare il nuovo formato di indirizzamento.

Per saperne di più su IPv6 potete seguire questo link, invece maggiori dettagli sull’iniziativa “World” IPv6 Day” dell’8 giungno li trovate qui. Se invece volete testare la vosta connessione IPv6 con il tool messo a disposizione su sito del “Word IPv6 Day” potete accedere alla seguente pagina.

Sencha ExtJs – Navigare il DOM con DomQuery e i Selettori

marco — Mon, 30 May 2011 06:39:00 +0000

fonte: dal web

La navigazione del DOM (Document Object Model) e l’utilizzo dei selectors (selettori) sono due caratteristiche fondamentali sulle quali possiamo confrontare i diversi framework javascript a disposizione per lo sviuppo delle moderne interfacce web complesse.

Sencha ExtJs mette a disposizione gli strumenti per lavorare e manipolare le pagine web: in questo tutorial vedremo come selezionare elementi specifici della pagina, come manipolarli e come recuperare le informazioni contenute negli elementi stessi.

L’oggetto Ext.Element è uno strumento potente e semplice, e soprattutto cross-browser, per accedere agli elementi del DOM e svolgere operazioni su di essi. Vediamo subito un esempio:

Ext.onReady(function() {
    var mio_div = Ext.get('mio-div');
});

Supponendo di aver creato nella nostra pagina HTML un div con attributo “id” impostato a “mio-div”, possiamo recuperare questo elemento utilizzando il metodo “get” come mostra l’esempio alla riga 2, salvando un riferimento nella variabile javascript “mio_div”.

A questo punto possiamo manipolare l’elemento e svolgere azioni su e con esso. Ad esempio possiamo applicare effetti grafici con pochissime righe di codice, come mostra il codice seguente:

Ext.onReady(function() {
    var mio_div = Ext.get('mio-div');
    mio_div.highlight();
});

Per vedere come applicare altri effetti grafici agli elementi DOM potete leggere un tutorial scritto qualche tempo fa e disponibile alla seguente pagina.

Se volessimo selezionare un elemento del DOM attraverso altre informazioni rispetto all’attributo “id” allora possiamo utilizzare un oggetto specifico, DomQuery, un potente selettore DOM che ci permette di selezionare elementi attraverso un attributo generico o una classe CSS. Supponiamo di avere questo codice HTML nella nostra pagina web:

paragrafo 1 
paragrafo 2
paragrafo 3

Possiamo utilizzare il selettore per recuperare ad esempio tutti gli elementi della pagina HTML di tipo “

” :

Ext.onReady(function() {
   var items = Ext.select('p');
   console.log(items);
});

Nella variabile “items” avremo un oggetto di tipo “CompositeElement” che fornisce l’accesso agli elementi selezionati. Questo ci permette di agire direttamente su tutti gli elementi selezionati evitando di implementare cicli o di doverne selezionare uno per volta.
Ad esempio potremo applicare a tutti i paragrafi della nostra pagina HTML un effetto grafico con una sola istruzione, come nell’esempio seguente:

Ext.onReady(function() {
   Ext.select('p').frame('ff0000',3);
 });

Con una sola riga di codice applichiamo a tutti i paragrafi della pagina l’effetto “frame” (verrà creata una cornice di colore “ff0000″ per 3 secondi intorno ad ogni paragrafo).

Se invece volessimo applicare un effetto grafico ad uno solo elemento specifico, ad esempio al solo paragrafo con classe “secondo”, potremmo procedere nel seguente modo:

Ext.onReady(function() {
   Ext.select('p.secondo').highlight();
});

dove “p.secondo” è la stringa che passiamo all’oggetto DomQuery per la ricerca, in cui “p” è il tipo di elemento che stiamo cercando e “secondo” il nome della classe dell’elemento da selezionare.
Il passo successivo è legare eventi ad un elemento specifico, come nell’esempio seguente:

Ext.onReady(function() {
  Ext.get('mio-div').on('click', function() {alert('Hai cliccato sul div');});
});

Nell’esempio precedente recuperiamo l’elemento che ci interessa controllare (l’elemento div con attributo id uguale a “mio-div”) e su questo richiamiamo il metodo “on”, passandogli come parametro l’evento che vogliamo controllare (‘click’ del mouse) e una funzione anonima da eseguire allo scatenarsi dell’evento dichiarato. Nel nostro caso, quando cliccheremo sul div verrà lanciato un messaggio di alert con il messaggio “Hai cliccato sul div”: tutto questo implementato con una solo riga di codice.

Maggiori dettagli sul funzionamento di DomQuery / DomHelper le trovate qui. Se volete approfondire lo studio dei selettori in Sencha ExtJs potete consultare la documentazione ufficiale al seguente indirizzo .

Sencha ExtJS – ‘createContextualFragment’ non supportato in IE 9

marco — Thu, 19 May 2011 08:20:34 +0000

fonte: dal web

Con l’aggiornamento a Internet Explorer 9 (IE 9) non sarà possibile utilizzare le web application che abbiamo equipaggiato con ExtJs versione 3.*: IE9 infatti non supporta il metodo createContextualFragment generando errori che nella pratica non permettono la navigazione del sito. Il metodo javascript createContextualFragment è utile quando vogliamo creare un oggetto DocumentFragment con del contenuto iniziale: createContextualFragment era stato inizialmente pensato come alternativa all’ormai più diffuso e conosciuto metodo innerHTML.

Se per diversi motivi non possiamo aggiornare il framework Sencha ExtJs alla versione 4 (in cui la fix dovrebbe essere già impostata), possiamo utilizzare una piccola fix per risolvere il problema.

Il codice da utilizzare è il seguente:

if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment)
{
	Range.prototype.createContextualFragment = function(html)
	{
		var frag = document.createDocumentFragment(),
		div = document.createElement("div");
		frag.appendChild(div);
		div.outerHTML = html;
		return frag;
	};
}

Dove inserire questo codice? Potete inserire questa fix lì dove richiamate il framework: se avete predisposto un file di configurazione per ExtJs allora quello è il punto ideale in cui inserire la fix, in questo modo siete sicuri di sistemare il problema per tutta la web application.

Linux – Sincronizzazione del server remoto con rsync e ssh

marco — Fri, 13 May 2011 07:26:00 +0000

fonte: web

Chi utilizza Linux come sistema desktop dispone di uno strumento potente, veloce, sicuro e semplice da usare per sincronizzare file/cartelle locali con file/cartelle memorizzate in un server remoto: il nome di questo strumento è rsync.

rsync è una utility che una volta imparata ad usare non ne potrete più fare a meno. Potendo essere utilizzata in contemporanea con il protocollo SSH è uno degli strumenti più sicuri e performanti per l’aggiornamento delle risorse in remoto.

Oltre alla sincronizzazione dei file e delle cartelle in remoto, rsync è un ottimo strumento per eseguire il backup dei file e delle cartelle del nostro server, perchè anche in questo caso risulta decisamente veloce e chiaramente sicuro.

Vediamo come si utilizza.

Se volessimo sincronizzare/caricare tutti i file di una cartella in locale con quelli di una cartella sul server in remoto dovremmo utilizzare rsync in questo modo:

rsync -rvC --rsh="ssh -l SSH_USERNAME"  * HOST:REMOTE_DIRECTORY/

dove “*” rappresenta tutte le risorse contenute nella directory locale corrente (quella cioè in cui ci troviamo quando lanciamo il comando), “SSH_USERNAME” è il nome utente per il protocollo SSH, “HOST” è il nome di dominio o l’indirizzo IP del server e “REMOTE_DIRECTORY” e la cartella remota del server in cui vogliamo aggiornare/sincronizzare i file o le cartelle.

L’opzione “-r” attiva la modalità ricorsiva, quella “-v” incrementa la verbosità e la “-C” attiva l’esclusione CVS. Chiaramente al posto di “*” possiamo specificare una particolare directory, un particolare file, un insieme di directory, ecc. per l’aggiornamento/caricamento in remoto, mentre invertendo l’origine con la destinazione in questo modo:

rsync -rvC --rsh="ssh -l SSH_USERNAME"  HOST:REMOTE_DIRECTORY/ /home/utente/Desktop/

potremmo eseguire il backup della directory remota “REMOTE_DIRECTORY” del server in locale (nella directory “/home/utente/Desktop/”). Facile no?

PHP – Metodi alternativi per il debug in PHP

marco — Fri, 06 May 2011 06:49:27 +0000

fonte: dal web

Piccoli trucchi per chi non ha a disposizione un vero debugger come XDebug o Zend Debugger. In mancanza di un debugger degno di questo nome può essere difficoltoso, soprattutto in contesto PHP, trovare un bug o analizzare i dati contenuti nel flusso di elaborazione per capire quale sia il problema o il motivo per cui si presenta un risultato che non ci aspettiamo.

In alcuni casi utilizzare la stampa a video dell’errore può non essere possibile o assolutamente da evitare, ad esempio nel caso in un contesto di produzione. In queste situazioni possiamo sfruttare un semplice sistema di logging, ovvero riportare in un file di testo gli errori generati dall’applicazione o altre informazioni importanti che chiaramente non vogliamo rendere pubbliche. Oltre alla stampa semplice dell’errore però, nella maggior parte dei casi, abbiamo anche bisogno di utilizzare le funzioni di ispezione come “var_dump” o “print_r” , che ci facilitano l’analisi. Il problema è che le informazioni restituite da queste funzioni sono strutturare in modo complesso, e dunque non è così immediata la stampa su file.

Per risolvere il problema possiamo utilizzare l’output buffering di PHP:

ob_start();
$articoli = array( "id" => 123456, "title" => "This is a test" )
var_dump($articoli);
$result = ob_get_clean();

Attivando l’output buffering si devia l’output dello script, che invece di essere inviato al client viene memorizzato in un buffer interno. A questo punto possiamo utilizzare la funzione “ob_get_clean()” per recuperare il contenuto del buffer interno e cancellare quest’ultimo.

Il risultato finale è che nella variabile “$result” abbiamo esattamente l’output complesso di “var_dump” ma in formato stampabile, ovvero in formato stringa. A questo punto scrivere “$result” su un file di logging ed ottenere così un debug più semplice e veloce è un gioco da ragazzi!

Firefox 4 – Attivazione del salvataggio dei tab

marco — Mon, 02 May 2011 12:41:01 +0000

fonte: dal web

Una delle novità del momento nel mondo di Internet è sicuramente il rilascio di Firefox 4 , la nuova versione del browser di Mozilla. Le caratteristiche della nuova versione e la sua velocità sono davvero notevoli: una cosa che però mi ha infastidito non poco è stato che il team ha deciso molto simpaticamente di disabilitare di default il salvataggio dei tab alla chiusura del browser.

Ora, se rientrate in quella categoria di utenti che chiudono firefox con almeno 10 tab e si aspettano al suo riavvio di riaverli belli belli lì davanti…bè, in tal caso dopo l’aggiornamento alla versione 4 proverete il mio stesso fastidio.

La notizia positiva è che possiamo ripristinare il salvataggio dei tab in 2 minuti, è sufficiente completare la seguente procedura:

Nella barra degli indirizzo di Firefox digitiamo “about:config” e clicchiamo su Invio;
Clicchiamo sul pulsante “I’ll be careful, I promise!“
Nella finestra di dialog che si apre vediamo il campo “Filtro”: digitiamo “browser.showQuitWarning” e clicchiamo su Invio;
Clicchiamo due volte sul record che compare per cambiare il valore da FALSE a TRUE, oppure clicchiamo con il tasto destro del mouse e selezioniamo la voce “Toggle“.

A questo punto il gioco è fatto: la modifiche saranno attive immediatamente, non è dunque necessario riavviare il browser.

Linux – Convertire i nomi dei file in minuscolo

marco — Wed, 27 Apr 2011 06:50:35 +0000

In situazioni in cui dobbiamo manipolare migliaia di file, ad esempio quando lavoriamo con archivi fotografici, è utile disporre di utility e script che ci semplificano non poco il lavoro. Tra tutti quelli che ho utilizzato negli ultimi mesi in ambiente Linux, uno dei più carini è senz’altro quello che vi presento con questo post.

Lo script una volta lanciato converte in minuscolo tutti i nomi dei file della directory in cui si trova lo script stesso. Vediamo le poche linee di codice che ci permettono di ottenere questo risultato:

#!/bin/sh
for x in `ls`
do
if [ ! -f $x ]; then
continue
fi
lc=`echo $x  | tr '[A-Z]' '[a-z]'`
if [ $lc != $x ]; then
mv -i $x $lc
fi
done

Come vedete lo script è molto semplice e di facile lettura: alla linea 2 eseguiamo un ciclo “for” sulla base del risultato restituito dal comando “ls” (il comando che lista il contenuto di una cartella). Per ogni file contenuto nella directory in cui abbiamo eseguito lo script stesso viene salvato temporaneamente il nome nella variabile “x”: se il nome della risorsa corrisponde effetivamente ad un file, il ciclo prosegue con le altre operazione, altrimenti si passa al file successivo (questo controllo viene fatto nelle righe 4-6).

Alla riga 7 utilizziamo il comando “tr” per convertire il nome del file in minuscolo, assegnando il nuovo nome alla variabile shell “lc”. La riga 8 verifica se il nuovo nome differisce dall’originale, e in caso affermativo quello originale viene sostituito con quello in minuscolo attraverso il comando “mv”. L’opzione “-i” del comando “mv” permette di chiedere conferma per l’eventuale sovrascrittura di file esistenti.

Lo script l’ho trovato in questo sito, un vero e proprio punto di riferimento per gli amici del pinguino.

Zend Framework: le configurazioni per i principali Database Adapter

marco — Tue, 19 Apr 2011 09:50:23 +0000

fonte: dal web

Piccolo appunto da tenere sempre pronto per chi sviluppa con Zend Framework, il potente framework rilasciato dalla Zend Technologies. Zend Framework implementa i database Adapter per fornire un ulteriore livello di astrazione e facilitare così la connessione delle nostre applicazioni in PHP con diversi RDMBS.

L’implementazione vera e propria è data dalla classe Zend_Db_Adapter : esiste un Adapter per ogni RDMBS disponibile, e comunque il framework è predisposto per poter scrivere nuove implementazioni senza particolari problematiche. Nella pagina della documentazione relativa alla classe Zend_Db_Adapter è disponibile l’elenco degli Adapter che Zend_Db fornisce al driver PDO per accedere ai diversi RDMBS.

Quello che segue è un elenco delle principali configurazioni per i RDBMS più diffusi:

; DATABASE ADAPTER MYSQL
resources.db.adapter               = "PDO_MYSQL"
resources.db.params.dbname         = "database"
resources.db.params.username       = "username"
resources.db.params.password       = "password"
resources.db.isDefaultTableAdapter = true
;su alcune macchine potrebbe essere necessario anche questa direttiva
resources.db.params.unix_socket    = "/var/lib/mysql/mysql.sock"

; DATABASE ADAPTER POSTGRESQL
resources.db.adapter                = "PDO_PGSQL"
resources.db.params.host            = "localhost"
resources.db.params.username        = "username"
resources.db.params.password        = "password"
resources.db.params.dbname          = "database"
resources.db.isDefaultTableAdapter  = true

; DB ADAPTER ORACLE
resources.db.adapter                = "oracle"
resources.db.params.dbname          = "(DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (PROTOCOL = TCP)(HOST = 127.0.0.1)(PORT = 1521)))(CONNECT_DATA = (SID = database)))"
resources.db.params.username        = "username"
resources.db.params.password        = "password"
resources.db.isDefaultTableAdapter  = true

; DB ADAPTER SQL SERVER
resources.db.adapter               = "sqlsrv"
resources.db.params.host           = "pc301-VM1"
resources.db.params.username       = "username"
resources.db.params.password       = "password"
resources.db.params.dbname         = "database"
resources.db.isDefaultTableAdapter = true

Chiaramente queste impostazione vanno inserite nel file “application.ini” del progetto Zend Framework. Per ulteriori approfondimento vi consiglio questo link, un’altra risorsa estremamente utile durante lo sviluppo.

Google rilascia Honeycomb: al via lo sviluppo Android su tablet

marco — Tue, 12 Apr 2011 06:56:20 +0000

fonte: dal web

La versione completa dell’SDK 3.0 di Android, anche conosciuta con il nome di Honeycomb, è finalmente disponibile per il download.

Il nuovo SDK è un performante sistema operativo destinato principalmente al mondo dei tablet: da oggi quindi si apre anche questa strada per gli sviluppatori Android, che potranno dare libero sfogo alla loro immaginazione sfruttando le nuove pontenzialità di questo OS ottimizzato per schermi di dimensioni più grandi rispetto a quelli degli smartphone.

Tra le features principali della nuova versione dell’SDK vale la pena sottolineare le nuove opzioni di connessione, come ad esempio la possibilità di connettere una tastiera completa via USB o Bluetooth, il nuovo supporto al tethering Bluetooth (per cui più device di diversa tipologia potranno condividere connessioni di rete) e il miglioramento della gestione delle connessioni wi-fi.

Sfruttando la dimensione più ambia degli schermi a disposizione, è stata migliorata la gestione delle gallery e del browser, ed è inoltre possibile sfruttare l’integrazione con nuovi framework per disegnare interfacce grafice più potenti in grado di sfruttare appieno le potenzialità del 2D e del 3D.

Con il rilascio di questa versione di Android, Google diventa il principale rivale dell’iPad della Apple…vedremo chi vincerà la guerra!

Android – Personalizzare le suonerie del nostro smartphone

marco — Tue, 29 Mar 2011 05:46:54 +0000

fonte: dal web

Ecco qui un piccolo trucco per personalizzare le suonerie del nostro smartphone Android: con questa mini guida potremo impostare in maniera comoda, semplice e diretta qualsiasi file audio come suoneria del nostro cellulare.

La prima cosa da fare è creare una carrella “media” nella scheda microSD dello smartphone. All’interno di questa directory ne creeremo un’altra, che chiameremo “audio”.

All’interno della directory “audio” ne creeremo altre 3: “notifications”, “ringtones”, “alarms”, rispettivamente per le notifiche, per le suonerie e per gli allarmi.

A questo punto tutto quello che dobbiamo fare è inserire nelle directory corrispondenti i file audio che vogliamo poter scegliere dal menu “Impostazioni” di Android. Android infatti è predisposto per leggere direttamente questa struttura gerarchica dalla scheda microSD e caricare i file corrispondenti nei rispettivi elenchi. A questo punto se mettiamo nella directory “ringtones” un brano dal titolo “Little Wing” ( ovviamente di Jimi Hendrix ) questo lo ritroveremo nell’elenco delle suonerie di sistema….sarà sufficiente selezionarla come qualsiasi suoneria del sistema per impostarla. Facile no?

Ecco la struttura da creare nella microSD:

>media
>>audio
>>>notifications
>>>ringtones
>>>alarms

Occhio ai nomi delle cartelle, è importante che siano esattamente come abbiamo indicato, altrimenti i file contenuti non verranno letti.

Sencha ExtJs – Renderizzare codice HTML in container ExtJs

marco — Fri, 25 Mar 2011 09:41:17 +0000

fonte: dal web

In questo tutorial vedremo come inserire codice HTML in un Container Sencha ExtJS. La soluzione di questo problema ci aiuta in tutti quei in cui abbiamo la necessita di visualizzare informazioni all’utente senza tuttavia perdere gli strumenti che ci mette a disposizione un framework potente come Sencha ExtJS.

Ci sono diversi modi per renderizzare codice HTML in un Container Sencha ExtJS, vediamo quelli più diretti:

Ext.onReady( function() {
      	new Ext.Panel({
    	    renderTo: Ext.getBody(),
            title: 'Esempio Blogrammazione: Html in ExtJs Container',
            items: [
                {
                      xtype: "panel",
                      html: new Ext.XTemplate("<a href='#'>{value}").apply({
                           value: 'Prima possibilit&agrave; possibilit&agrave; : XTemplate'
                       })
                 },
                {
                    html: "<a href='#'>Seconda opzione; attributo HTML del Panel</a>",
                    xtype: "panel"
                },
                {
                    xtype: 'box',
                    autoEl: {
                    tag: 'a',
                    html: 'Terza opzione: elemento creato con DomHelper',
                    href: '#'
                }
        }]
    });
});

Nel codice dell’esempio la prima cosa che facciamo è creare un Panel (riga 2) che verrrà reinderizzato nel tag HTML “body” (riga 3) che ci servirà per contenere le tre soluzioni che vediamo ora in dettaglio.

Le righe 6-11 definiscono un componente Panel del quale utilizziamo la proprietà “html”: qui creiamo un componente “XTemplate” nel quale scriviamo il codice HTML che vogliamo visualizzare nel Panel.

Anche nelle righe 12-15 definiamo un componente Panel del quale utilizziamo la proprietà “html”, ma questa volta senza “XTemplate”, quindi in maniera più semplice e diretta il codice HTML che scriviamo nella proprietà “html” verrà visualizzato nel corpo nel Panel in questione.

L’esempio più curioso ed interessante è sicuramente il terzo (righe 16-22): utilizzando la proprietà “autoEl” ExtJs richiama il DomHelper, un componente in grado di creare un elemento DOM a runtime. Nella sostanza quello che succede all’interno del componente “box” è che a runtime viene creato un link HTML (il tag da creare lo definiamo grazie alla proprietà “tag” – riga 19) che punta alla pagina stessa (impostazione della proprietà “href” con valore “#” – riga 21).

iPad2: schermo difettoso per il nuovo gioiello della Apple

marco — Tue, 15 Mar 2011 10:45:32 +0000

fonte: dal web

Da quanto si può vedere su YouTube e dal numero sempre più crescente di segnalazioni sembra che ormai sia certezza: iPad 2 avrebbe uno schermo difettoso.

Il problema si presenta quando si visionano filmati con scene o sfondi scuri: durante la riproduzione si vedono dei fastidiosi fasci di luce che chiaramente rovinano la visualizzazione sullo schermo LCD.

I casi sembrano aumentare giorno dopo giorno, soprattutto dopo la segnalazione fatta dal sito Engadget: anche dai principali forum del mondo Apple (MacRumors in primis) sembrano giungere diverse conferme da parte di utenti delusi dal nuovo “gioiello” di casa Apple.

I fanatici della Apple hanno già proposto una soluzione: non tenere la luminosità della tavoletta al 100%…….ah però! Ufficialmente non è ancora stata rilasciata alcuna dichiarazione, ma se quanto finora riportato dovesse essere ufficializzato sarebbe sicuramente un brutto colpo per l’immagine della Mela e di Steve Jobs, che sulla robustezza e sulla integrità dei suoi gioielli ha fondato gran parte del marketing (e delle vendite).

Google Googles: la ricerca passa per le immagini

marco — Fri, 11 Mar 2011 07:03:48 +0000

fonte: dal web

E’ assolutamente da provare: uno degli applicativi più strabilianti rilasciati da Google per piattaforma Android e iPhone…davvero notevole! Parliamo di Google Googles, un applicativo free che possiamo scaricare dal sito ufficiale o dal market di Android, che ci permette di gustare le potenzialità e la comodità degli attuali smartphone.

Google Googles permette di eseguire ricerche per immagini: il funzionamento è molto semplice.
Tutto quello che dobbiamo fare è inquadrare il nostro obiettivo, scattare una fotografia, e far partire la ricerca….i risultati sono sorprendenti. Le immagini inquadrate vengono analizzate alla ricerca di testo o loghi conosciuti, e i risultati proposti sono un insieme di informazioni rilevanti in base a quanto è stato scoperto dall’analisi.

E’ un applicativo incredibile se pensate che possiamo far analizzare non solo immagini generiche, ma anche paesaggi, libri, opere d’arte, biglietti da visita, bottiglie di vino, loghi…davvero uno strumento comodo da portare sempre con noi.

Pensatevi in gita in una città d’arte come Firenze o Roma: girate per la città, ed è sufficiente scattare qualche fotografia per avere tutte le informazioni sul soggetto che avete inquadrato….ancora una volta grazie Google!

Zend Framework – Impostare la document root da .htaccess

marco — Fri, 04 Mar 2011 11:17:28 +0000

fonte: dal web

Questo è uno dei trucchetti che può davvero far comodo conoscere quando sviluppiamo web application con Zend Framework (ZF). Quando creiamo un progetto con ZF ci troviamo di fronte una struttura tipicamente simile alla seguente:

nome_preogetto/
   application/
      controllers/
      models/
      views/
         scripts/
   library/
   public/
   tests/

Nella cartella “public” mettiamo tutti i file che devono risultare accessibili direttamente (immagini, file index.php, ecc.), mentre nelle altre cartelle strutturiamo le altri parti della web application. Sarebbe dunque molto comodo far puntare la document root del web server su questa directory. Spesso però non abbiamo la possibilità di modificare la configurazione del web server, e dobbiamo arraggiarci in altro modo.

Per risolvere il problema possiamo sfruttare l’.htaccess in questo modo: per prima cosa spostiamo l’.htaccess che normamente troviamo nella directory “public” nella directory “nome_progetto”, ovvero nella root directory; nel file .htaccess inseriamo il seguente codice:

SetEnv APPLICATION_ENV production

RewriteEngine On
RewriteRule ^\.htaccess$ - [F]
RewriteCond %{REQUEST_URI} =&amp;quot;&amp;quot;
RewriteRule ^.*$ /public/index.php [NC,L]
RewriteCond %{REQUEST_URI} !^/public/.*$
RewriteRule ^(.*)$ /public/$1

RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^.*$ - [NC,L]

RewriteRule ^public/.*$ /public/index.php [NC,L]

Questa configurazione ci risolve il problema senza apportare modifiche alla struttura standard della web application. Alla riga 1. abbiamo impostato il valore della variabile d’ambiente in cui gira l’applicazione: chiaramente il suo valore dipende da quelli impostati e dall’ambiente in cui sta girando la web application, ma se avessimo configurato il valore “development” e fossimo in ambiente di sviluppo, al posto di “production” dovremmo mettere “development”.

Google Art Project: visitiamo i musei del mondo dal nostro PC

marco — Tue, 01 Mar 2011 10:00:51 +0000

fonte: dal web

Mettiamo insieme Google, i più importanti musei del mondo e le tecnologie StreeView: ecco come nasce il progetto Google Art Project.

Grazie ad accordi presi con alcuni tra i più importanti musei del mondo, Big G è riuscito a portare nelle case di tutti noi le opere e gli artisti più importanti della storia: sarà infatti possibile esplorare e visitare musei come ad esempio la Nation Gallery di Londra, il Van Gogh Museum di Amsterdam, il Metropolitan Museum of Art di New York, solo per citarne alcuni, stando comodamente seduti davanti al nostro PC.

Attraverso la tecnologia StreetView è possibile muoversi all’interno delle stanze dei musei e delle gallerie d’arte, visitando le opere in esposizione proprio come se fossimo all’interno degli edifici. Per ogni opera è inoltre disponibile il dettaglio: in questa sezione sono raccolte tutte le informazioni principali dell’opera, come ad esempio i dettagli tecnici, alcune informazioni sull’autore e l’elenco delle altre opere dell’artista disponibili attualmente nel progetto. È anche possibile utilizzare lo zoom per osservare ogni particolare dell’opera stessa, con un livello di dettaglio impressionante.

Per farsi un’idea sulle funzionalità fornite dal servizio sono disponibili due video su YouTube: il primo presenta il progetto mentre il secondo ne spiega il “dietro le quinte”.

Attualmente sono disponibile 17 musei di 11 città diverse, per un totale di 385 sale da visitare e circa mille opere di 486 artisti diversi da gustarsi. Davvero un bellissimo regalo da parte di Google.

Apple – iPad 2 sarà presto tra noi!

marco — Thu, 24 Feb 2011 07:01:39 +0000

fonte: dal web

Secondo alcuni siti d’oltreoceano sembra che il 2 marzo la Apple organizzerà un evento a San Francisco per presentare il nuovo gioiello di Steve Jobs: la nuova versione dell’iPad. Sebbene sull’evento non vi sia alcuna certezza, crescono naturalmente le aspettative per il lancio del nuovo prodotto Apple, che questa volta però, a differenza dell’iPad 1, dovrà scontrarsi con diversi concorrenti, come ad esempio Xoom di Motorola, Galaxy della Samsung, G-Slate di Lg e così via.

Sebbene le caratteristiche dell’iPad 2 siano ancora segrete, in perfetto stile Jobs, voci di corridoio parlano di un modello più leggero dotato di più RAM e di un processore decisamente più potente, di una videocamera frontale e grafica avanzata per giochi in 3D.

Mentre aspettiamo notizie più certe possiamo vedere in questo video la proposta di un ragazzo per la nuova versione dell’iPad 2…da non perdere!

Apple – Steve Jobs sta peggio del previsto

marco — Thu, 17 Feb 2011 07:00:40 +0000

fonte: dal web

La notizia è di qualche ora fa: secondo la stampa statunitense le condizione di salute di Steve Jobs sarebbero peggiori del previsto. Le notizie rivelate da alcuni quotidiani (National Inquirer) sembrano confermare che il fondatore di Apple stia nuovamente affrontando un ritorno del cancro al pancreas diagnosticatogli per la prima volta nel 2004.

Secondo uno specialista interrogato dal National Inquirer, il Dr. Samuel Jacobson, le condizioni di Jobs sembrano talmente gravi da lasciargli 6 settimane di vita.

Anche se le ultime foto divulgate dalla stampa statunitense e le notizie della blogosfera non sono per nulla incoraggianti, speriamo tanto che le previsioni del Dr. Jacobson si rivelino infondate.

Sencha – Slide, Fade, Highlight: effetti grafici con ExtJs

marco — Tue, 15 Feb 2011 07:01:41 +0000

fonte: dal web

Fornire effetti visuali interessanti e piacevoli ad una applicazione è un elemento importante nella progettazione ed implementanzione delle interfacce grafiche: grazie ad essi infatti possiamo non solo fornire informazioni e feedback all’utente finale in maniera semplice ed estremamente intuitiva e gradevole, ma anche e soprattutto rendere la navigazione del sito piacevole e decisamente più accattivante.

In questo tutorial vedremo alcuni dei più importanti effetti grafici che Sencha ExtJs ci permette di applicare agli elementi della nostra interfaccia. Vedremo come, con pochissime righe di codice e con qualche accortezza, possiamo dare alle nostre interfacce tutto un altro aspetto.

Highlight

L’Highlight è un interessante effetto visuale che ci permette di evidenziare determinati messaggi, focalizzando l’attenzione dell’utente su ciò che gli vogliamo comunicare (ad esempio un cambiamento nell’interfaccia, fornire un feedback, ecc.).

 Ext.get('elemento_html').highlight( '00ff77', {
	attr: 'background-color',
        easing: 'easeOut',
	duration: 3
 });

Applichiamo questo effetto ad esempio ad un DIV HTML con attributo id uguale a “elemento_html”: cambiano il colore di default (giallo) con un a nostra scelta (00ff77), applichiamo l’effetto all’attributo ‘background-color’ con un effetto a scomparsa (‘easeOut’), il tutto per una durata di 3 secondi circa.

Slide

Ci sono due tipi di slide, “slideIn” e “slideOut”: entrambi permettono rispettivamente di visualizzare/nascondere degli elementi nello schermo con un effetto davvero gradevole ed interessante. Ecco il codice:

var el = Ext.get('element');
Ext.get('slideIn').on('click',function(){
	el.slideIn(); //visualizza l'elemento
});
Ext.get('slideOut').on('click',function(){
	el.slideOut(); //nascondi l'elemento
});

Anche in questo caso applichiamo l’effetto ad un elemento HTML, che può essere un DIV con attributo id uguale a ‘element’. In HTML dobbiamo anche creare altri due elementi che devono avere l’id uguale a ‘slideIn’ e ‘slideOut’ su cui cliccare per attivare l’effetto: attraverso la funzione “on” infatti stiamo catturando l’evento ‘click’ sugli elementi HTML ‘slideIn’ e ‘slideOut’, che una volta cliccati eseguiranno il codice corrispondente.

Frame

L’effetto Frame è un particolare effetto grafico che crea una sorta di cornice intorno all’elemento a cui è applicato, cornice che scompare in automatico dopo un tempo che possiamo impostare da codice. E’ molto utile per fornire feedback efficaci all’utente, ad esempio quando attraverso chiamate Ajax sono stati modificati dati di una porzione della pagina web. Per ottenere l’effetto sono sufficienti queste poche righe di codice:

var el = Ext.get('frame_this');
Ext.get('element').on('click',function(){
 el.frame('ff0000',3);
});

dove impostiamo la durata dell’effetto a 3 secondi e il colore della cornice visualizzata a ‘ff0000′. Anche in questo caso ‘element’ è l’elemento HTML sul quale clicchiamo per scatenare l’effetto frame, mentre ‘frame_this’ è l’elemento HTML su cui viene applicato l’effetto.

Vi sono molti altri effetti disponibili, come ad esempio lo Shift, che permette di cambiare posizione, dimensione e opacità nello stesso momento, l’Easing che permette di accellerare/decellerare un determinato effetto, lo Scale che invece permette di ridimesionare un elemento, e molto altro ancora.

Tutti possono essere impostati sostanzialmente nello stesso modo degli esempi che abbiamo visto: molti altri esempi si trovano sul sito ufficiale di Sencha ExtJs, o nell’area dedicata ai tutorial.

Google – Big G omaggia Verne con un nuovo logo

marco — Tue, 08 Feb 2011 07:14:15 +0000

La nuova pagina di Google si presenta con un divertissimo logo dedicato al grande scrittore francese Jules Verne, autore di alcuni tra i più interessanti, originali e coinvolgenti racconti di avventura comead esempio “Viaggio al centro della Terra” e “Ventimila leghe sotto i mari“, racconto a cui si ispira evidentemente il nuovo logo di Big G:

fonte: dal web

Oltre al divertente ed originale aspetto grafico, possiamo giocare con il logo attraverso la freccia direzionale che possiamo trovare sulla destra. L’azienda di Mountain View ha molto in comune con Verne: è costantemente fonte di ispirazione, innovatrice, originale e decisamente coivolgente.

Android – Sempre più vicina la conquista del mondo

marco — Wed, 02 Feb 2011 08:11:11 +0000

fonte: dal web

Un articolo pubblicato sul Guardian aggiorna le stime sulla vendita di smartphone: Android risulta essere la piattaforma smartphone più diffusa al mondo (dati relativi all’ultimo quarto del 2010).

La piattaforma di Google gira su circa 32.9 milioni di cellulari, superando addirittura Symbian che si piazza al secondo posto con 31 milioni. Davvero niente male!! A quanto pare, come sottolineato nell’articolo, sembra che l’utenza cominci ad apprezzare di poter utilizzare un sistema completamente open source sul proprio smartphone, senza bisogno di alcuna licenza.

A perdere maggiore terreno sembra essere Microsoft, che nonostante il lancio della nuova piattaforma Windows Phone 7 sembra non riuscire a reggere il passo della concorrenza. Di seguito trovate la tabella con le stime sulle vendite di smartphone nell’ultimo quarto del 2010:

fonte: The Guardian

I dati riportati nella tabella sono impressionanti, soprattutto se confrontati con quelli del 2009: l’ascesa di Android sembra inarrestabile!

iPhone – L’ app più scaricata è stata sviluppata da un 14enne

marco — Thu, 20 Jan 2011 09:23:32 +0000

fonte: dal web

Più di 1,5 milioni di download: basterebbe questa come notizia per rendere Bubble Ball il fenomeno del momento. Ma c’è di più: sì, perchè l’autore di questa app è Robert Nay, un ragazzino di 14 anni nato a Spanish Fork, nello Utah.

Il gioco, basato sui principi della fisica, consiste nel far compiere un percorso ad una pallina fino al raggiungimento del traguardo. Il gioco è davvero divertente e coinvolgente: funziona davvero molto bene, considerando diverse casistiche e problematiche (posizionamento degli oggetti, simulazione della gravità, e molto altro ancora).

Robert ha distribuito la app gratuitamente, sia per iPhone che per Android, ed ha già fondato un’azienda, la Nav Games, con la quale intende sviluppare molti altri giochi e apps.

Potrebbe sembrare la solita caccia al fenomeno, ma vi consiglio di provare l’app: dopo vi verrà solo da dire…..”Complimenti”!

ExtJs – Gestione di un albero in un layout complesso con PHP

marco — Wed, 19 Jan 2011 06:30:39 +0000

fonte: dal web

In questo articolo vedremo come gestire in un layout complesso un tree panel ExtJs con PHP. Il tree panel è un componente ExtJs che ci permette di gestire una categorizzazione di elementi attraverso l’utilizzo di un albero: l’albero è molto comodo per gestire grandi quatità di dati, perchè essendo una struttura gerarchica risulta chiara e semplice da utilizzare per l’utente finale.

Un “layout complesso” è un layout che combina insieme diverse strutture, in modo da creare delle interfacce più ricche di informazioni e che, interagendo tra loro, permettono di usufruire delle informazioni in maniera più chiara e diretta. Prima di iniziare ad analizzare il codice, cerchiamo di focalizzare quanto vogliamo ottenere. Il risultato finale di questo tutorial è disponibile al seguente indirizzo.

La figura di seguito (fig. 1) mostra la struttra dell’esempio. Il layout è composto da un componente Window che contiene altri due componenti: un TreePanel e un Panel. Ovviamente ci sono diverse configurazioni possibilli per comporre layout di questo tipo, soprattutto quando si può disporre di un framework potente come Sencha ExtJs.

: fig. 1

Quello che vogliamo ottenere è di far interagire il TreePanel con il Panel: a particolari eventi scatenati nel TreePanel deve corrispondere un feedback nel Panel: nel nostro esempio vogliamo che all’evento “click sul nodo dell’albero” corrisponda la visualizzazione nel Panel del percorso del nodo cliccato (in breve visualizzeremo nel Panel il path del nodo cliccato).

Il primo passo che dobbiamo fare è chiaramente preparare il nostro ambiente. Per lavorare con Sencha ExtJs tutto quello che dobbiamo fare è scaricare il framework e inserirlo nella nostra pagina:

<link rel="stylesheet" type="text/css" href="ext-all.css" />

 	<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />

 	<script type="text/javascript" src="ext-base.js"></script>

    <script type="text/javascript" src="ext-all.js"></script>

Nella pratica non abbiamo fatto altro che caricare i fogli di stile e il codice del framework necessario al funzionamento di Sencha ExtJs. A questo punto siamo pronti ad iniziare il lavoro vero e proprio; partiamo dal TreePanel, che è il cuore di questa struttura:

var Tree = Ext.tree;
		    var tree = new Tree.TreePanel({
		    	id: 'tree',
		        useArrows: true,
		        autoScroll: true,
		        animate: true,
		        enableDD: true,
		        containerScroll: true,
		        border: false,
		        width: 190,
		        height: 380,
		        dataUrl: 'http://www.marcolecce.com/blog/Esempi/esempio10/get-nodes.php',
		        root: {
		            nodeType: 'async',
		            text: 'Ext JS Tree',
		            draggable: false,
		            id: 'items'
		        },
		        listeners : {
		        	'click' : function (node, e ) {

		        		var data  = new Object();
		        		data.path = node.getPath();
		        		Ext.getCmp('dati').tpl.overwrite(Ext.getCmp('data_panel').body, data);

		        	}
		        }
		    });

		    tree.getRootNode().expand();

Alla riga 2 creiamo una variabile “tree” dove salveremo l’istanza di un oggetto TreePanel: dalla riga 3 alla riga 18 invece impostiamo alcune configurazione che determinano il comportamento del TreePanel. Alla riga 3 ad esempio impostiamo l’identificatore del TreePanel: questo è chiaramente un elemento fondamentale, perchè ci permette di richiamare ovunque nella pagina questo oggetto, semplificando notevolmente le interazioni con esso.

Un punto davvero importante è la riga 12, dove impostiamo i dati che verranno visualizzati nell’albero. Abbiamo diverse strade che possiamo seguire per impostare i dati da visualizzare nel tree, ad esempio possiamo sceglierne il formato (XML, JSON, ecc.): a seconda di cosa dobbiamo implementare e della tecnologia server side utilizzata può essere comodo utilizzare un formato piuttosto che un altro, nel nostro caso il protocollo JSON è perfetto (e lo sarà nella maggior parte dei casi lavorando con Sencha ExtJs, perchè di semplice lettura, leggero e molto performante).

Ma come dobbiamo organizzare ed inviare i dati al TreePanel affinchè questo li possa visualizzare correttamente? Vediamo il cuore della comunicazione tra Sencha ExtJs e PHP. Nella riga 12 comunichiamo al TreePanel che dovrà caricarsi i dati al seguente indirizzo:

http://www.marcolecce.com/blog/Esempi/esempio10/get-nodes.php

Sarà compito di “get-nodes.php” comunicare i dati al TreePanel in modo che questo possa “capirli” e rappresentarli correttamente. Il punto fondamentale è che “get-nodes.php” deve restituire una stringa JSON al tree, ma come questa stringa viene generata non influisce sulla visualizzazione o sul funzionamento del meccanismo. Questo vuol dire che i dati possono essere prelevati da una base di dati, da un fogli di testo, o da qualsiasi altra sorgente, tutto ciò che è davvero necessario è che rispettino il protocollo JSON.

Vediamo il codice del file PHP “get-node.php” :

$result = array();

array_push( $result, array(
			'text' 		=> "nodo 1", 'id' => "nodo1", 'cls' => "folder",
			'children'  => array( array('text'=> "nodo 2", 'id' => "nodo2", 'leaf' => true) )
));

array_push( $result, array(
			'text' 	   => "nodo 3", 'id' => "nodo3", 'cls' => "folder",
			'children'  => array( array('text'=> "nodo 5", 'id' => "nodo5", 'leaf' => true) )
));

array_push( $result, array(
			'text' 	   => "nodo 4", 'id' => "nodo4", 'leaf' => true
));

echo json_encode($result);

Per semplificare l’esempio ho organizzato i dati in una struttura statica, composta da array di array, e ho utilizzato la funzione “json_encode()” di PHP per trasformare la struttura statica in stringa JSON, in modo che l’albero possa “capire” e leggere la struttura che abbiamo configurato. Ora che abbiamo la nostra struttura di dati da rappresentare, ci rimane l’ultimo passaggio, quello per creare l’interazione tra il TreePanel e il Panel.

Il codice del Panel dove visualizzeremo il percorso del nodo dell’albero è il seguente:

var tpl = new Ext.XTemplate(
		    	    '<tpl for=".">',
		    	        '<div>',
		    	        '<div>{path}</div>',
		    	        '</div>',
		    	    '</tpl>',
		    	    '<div class="x-clear"></div>'
		    );

		    //PANEL
		    var data_panel = new Ext.Panel({
		    	id: 'data_panel',
		        width: 295,
		        height: 380,
		        border: false,
		        html : "<h2>Path del nodo</h2>",
		        items: [
					{
					    xtype: 'dataview',
					    id: 'dati',
					    tpl: tpl
					}
		        ]

		    });

La variabile “tpl” (righe 1-8) contiene il template HTML per la visualizzazione delle informazioni, template che assegniamo all’oggetto dataview “dati” (righe 18-22), a sua volta contenuto nel panel.

Il codice che gestisce l’evento del click del nodo dell’albero e quindi l’interazione tra il TreePanel e il Panel si trova nel sorgente del Tree nelle righe 19 -27 che per comodità riporto di seguito:

listeners : {
                    'click' : function (node, e ) {

                        var data  = new Object();
                        data.path = node.getPath();
                        Ext.getCmp('dati').tpl.overwrite(Ext.getCmp('data_panel').body, data);

                    }
                }

In questo codice vediamo come impostare e gestire gli eventi con Sencha ExtJs, attraverso la configurazione dei “listeners”. In questo caso impostiamo la gestione dell’evento ‘click’ sul node dell’albero. Quando un nodo viene cliccato viene eseguito il blocco di codice compreso tra le righe 4-6, ovvero:

viene creato un oggetto (data)
attraverso il metodo “getPath()” richiamato sull’oggetto “node” otteniamo il path del nodo e lo salviamo nell’attributo “path” dell’oggetto “data” creato al punto 1
sovrascriviamo il template dell’oggetto dataview visto poc’anzi con il path del nodo cliccato.

Importante: l’attributo “path” dell’oggetto “data” si chiama proprio come il placeholder “{path}” impostato nel template (riga 4).

Per vedere l’esempio completo potete andare al seguente indirizzo: questo è solo un esempio delle potenzialità di Sencha ExtJs, che permette con poche righe di codice di costruire layout complessi ed interfacce davvero interessanti.