Come alcuni di voi hanno avuto modo di sapere dal post precedente, ho partecipato come speaker al Codemotion 2012.

Il Codemotion è un evento organizzato dalla Facoltà di Ingegneria Informatica di Roma 3.

In questo evento, della durata di 2 giorni, vengono presentati talk con argomenti molto vari, si va dai linguaggi per il frontend, a java passando per speech su elettronica e robotica.

Qui sotto trovate il talk che ho presentato.

Emozioni

Ovviamente c’è ne sono state a bizzeffe.
Prima di tutto ansia ed agitazione, essendo il mio primo talk pubblico.
Anche i partecipanti erano parecchi, circa 150.
Quindi lo stato d’ansia era notevole, ma, una volta iniziato, questa si è trasformata in fiume di parole su questa meraviglia tecnologica.
Oltre all’ansia, senz’altro lo stupore, iniziato con un fragoroso applauso e finito con un brainstorming al pomeriggio con Cristian Maglie, uno dei collaboratori al progetto Arduino.

I talk

Gli speech che ho seguito si sono rivelati senz’altro interessanti, alcuni più di altri.
E’ senz’altro il caso di quello relativo a GraphDB, seguito a ruota da “GIT Happens!” e da quello di Cristian Maglie.
Altri 2 talk molto interessanti sono “Kinect + .NET” e quello relativo a Backbone.js.

Vi consiglio di aspettare i video dei talk sul sito del Codemotion per poter gustarveli a pieno.

In conclusione

Vi consiglio caldamente di andare a seguire questo evento se siete nei pressi di Roma.

Di lati negativi ne ho visti gran pochi, quindi inizio a tessere le lodi per quelli che sono stati gli aspetti più positivi a mio avviso.

Organizzazione
Senz’altro all’altezza di un flusso di persone così ampio, tutto quanto ben disposto e al di sopra delle aspettative.

Costo
Praticamente non c’è, l’evento è gratuito, ma intanto vieni ricoperto di meravigliosi gadget quali t-shirt, blocco note, manuali, ecc.

Qualità dei talk
Senz’altro il punto di forza di questa manifestazione. I talk sono preparati tutti da persone molto competenti e che sanno il fatto loro. Il fatto poi che siano tanti, su argomenti vari ed in italiano, tiene l’attenzione dello spettatore alta e la mantiene costante nel tempo.

Rigraziamenti

I ringraziamenti sarebbero senz’altro infiniti, quindi ne faccio un paio generali.
Il primo ad Intesys, che dà ai suoi dipendenti la possibilità di crescere e accrescere le proprie competenze professionali.
Il secondo al mio compagno di viaggio, Niccolò, che ha condiviso con me bei momenti, soprattutto quelli in compagnia di birra e “panino ca’ sarciccia” di fronte al Colosseo.

Alla prossima!

Il talk parla di Arduino, una piattaforma di prototipazione, sviluppata ad Ivrea, che riesce a far sviluppare piccoli progetti di elettronica a programmatori che, come me, non capiscono una ceppa di elettronica.

Se per caso in quei giorni siete a Roma ed avete voglia di stare ad ascoltare le mie ciancie ne sarò ben lieto.
Dato il post, sfrutto l’occasione per consigliarvi caldamente di partecipare al Codemotion, un’iniziativa davvero fatta bene, in cui si possono ascoltare talk riguardanti molte delle nuove tecnologie in circolazione.

Alla prossima!

Se è vero il motto “C’è un’applicazione per tutto” anche il numero di gadget per smartphone sta raggiungendo questa definizione.

E’ il caso di un piccolo strumento per medici che permette di fare ecografie mediante uno smartphone: l’iPhone.

Il sito dove poter acquistare questa piccola meraviglia dell’umano ingegno è http://www.mobisante.com/product-overview.

I video che potrete effettuare con l’ecografo saranno poi condivisibili e consultabili da altri medici per ulteriori pareri sanitari.

Di seguito un video di un’ecografia effettuata con il dispositivo.

Girovagando per il web ho trovato un effetto con i nuovi css3 molto carino., fatto utilizzando i tag introdotti nella terza versione di CSS.

Attraverso questi nuovi standard si possono applicare effetti molto carini al testo.

Seguendo questo link potrete vedere una demo.

Per prima cosa l’HTML: la suddivisione del testo del link in span serve per la stilizzazione attraverso i CSS.

<div id="animationWrapper">
   <a href="/">
      <span>Good2know</span>
      <span>F. Matteo</span>
      <span>Riggio</span>
      <span>Webmaster's Blog</span>
   </a>
</div>

Ora la parte del codice CSS: molto interessante l’utilizzo della sintassi per l’animazione applicata sul link e sugli span.

/* wrapper dell'animazione */
#animationWrapper  {
  width:530px;
  font-family: Arial,sans-serif;
  background: #222;
  padding:40px;
}

/* link che include gli span */
#animationWrapper a {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 0.9em;
  margin-bottom: 10px;
  display: block;
  position: relative;
  color: #E58;
  text-decoration: none
}

/* animazioni css 3 */
#animationWrapper a, #animationWrapper span {
  -webkit-transition: all 0.12s ease-out;
  -moz-transition: all 0.12s ease-out;
  -o-transition: all 0.12s ease-out;
  -ms-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}

#animationWrapper span {
  display: block;
  color: #555;
  text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black;
}

/* dimensioni speciali per il primo span */
#animationWrapper .span1 {
  font-size: 76px;
  line-height: 0.8em;
}

#animationWrapper a:hover {
    color: #fff ;
    top: -3px;
    left: -3px;
}

/* gli span diventano bianchi sull'hover */
#animationWrapper a:hover span {
  color:#fff;
}

/* colori differenti per gli span */
#animationWrapper a:hover .span1 {
    text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}

#animationWrapper a:hover .span2 {
    text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}

#animationWrapper a:hover .span3 {
    text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}

#animationWrapper a:hover .span4 {
    text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
}

Potrete utilizzare questo effetto per header o banner ad effetto senza andare ad utilizzare javascript o flash.
In un prossimo articolo descriverò più in profondità quelle che sono le varie transizioni possibili con CSS 3.
Alla prossima!

Il file robots.txt penso che lo conosciamo tutti, è un file txt per aiutare i crawler dei motori di ricerca nell’indicizzazione.

Bene, dopo i robot nei siti internet conteranno anche gli umani, è questa l’idea di fondo di humanstxt.org, un movimento online che cerca di far utilizzare questo txt per descrivere chi sta dietro ad un sito web: developer, designer, seo, copywriter, ecc.
Esiste già anche una sintassi a riguardo:

/* TEAM */
Your title: Your name.
Site: email, link to a contact form, etc.
Twitter: your Twitter username.
Location: City, Country.

/* THANKS */
Name: name or url

/* SITE */
Last update: YYYY/MM/DD
Standards: HTML5, CSS3,..
Components: Modernizr, jQuery, etc.
Software: Software used for the development

Chi lo utilizza già? Tra i grandi google.com e flickr.com.

Zend_Acl è una delle tante classi di Zend molto utili.

Consiste in una serie di funzionalità che permettono un controllo molto facile di CHI può fare COSA aumentando il livello di protezione del sistema e diminuendo le possibilità di errore da parte dello sviluppatore.

Un esempio:
L’amministratore del sistema potrà fare tutto.
Un utente normale potrà accedere solo ad alcune pagine(o risorse).

Risorse e ruoli.
Queste sono le due entità fondamentali quando si parla di controllo degli accessi.

Le risorse
Una serie di oggetti che si possono controllare, nel caso di pattern MVC, possono essere controller, action, percorsi, ecc.

I ruoli
Sono gli attori attivi del sistema che devono accedere alle risorse, ad esempio amministratori, utenti normali, moderatori, ecc.

Quindi andremo a crea un plugin di Zend che effettuerà i controlli.

I metodi da inserire nel plugin sono 2 :

• __construct() : in cui andremo a specificare risorse, ruoli e permessi
• preDispatch() : l’operazione preliminare alla chiamata di una action in cui effettuare il controllo

Operazioni da implementare nel __construct()

1. Creazione dell’ istanza di Zend_Acl
2. Creazione della risorsa
3. Creazione del ruolo
4. Aggiunta della risorsa all’ Access Control List
5. Aggiunta del ruolo all’ Access Control List
6. Definizione dei permessi su una risorsa da parte di un ruolo

Quindi di seguito il codice:

public function __construct() {
   // Creiamo l'istanza
   $acl = new Zend_Acl();

   // Creiamo la risorsa
   $resource1 = new Zend_Acl_Resource('nomeController1');
   $resource2 = new Zend_Acl_Resource('nomeController2');

   // Creiamo il ruolo
   $role = new new Zend_Acl_Role('nomeRuolo');

   // Associamo la risorsa all' ACL
   $acl->add($resource1);
   $acl->add($resource2);

   // Associamo il ruolo all' ACL
   $acl->addRole($role);

   // Andiamo a specificare i vari permessi
   // ad es: permettiamo al ruolo di accedere alla risorsa 1 e gli neghiamo la 2
   $acl->allow('nomeRuolo', 'nomeController1');
   $acl->deny('nomeRuolo', 'nomeController2');
}

Operazioni da implementare del preDispatch():

1. Controllo dell’autenticazione dell’utente
2. Controllo sui permessi della richiesta effettuata dall’utente

Quindi di seguito il codice:

// nel preDispatch() ho la richiesta fatta
public function preDispatch(Zend_Controller_Request_Abstract $request) {
   // controllo se l'utente è autenticato altrimenti lo credo un qualsiasi ospite
   if ($this->auth->hasIdentity()) {
      $role = $this->auth->getIdentity()->tipo_utente;
   } else {
      $role = 'ospite';
   }

   // controllo se il ruolo è contemplato nell'ACL
   if (!$this->acl->hasRole($role)) {
      $role = 'ospite';
   }

   // prendo il nome del controller come risorsa alla quale l'utente vuole accedere
   $resource = $request->controller;

   // prendo il nome dell'azione come privilegio alla quale l'utente vuole accedere
   $privilege = $request->action;

   // controllo se la risorsa è contemplata dall'ACL
   if (!$this->acl->has($resource)) {
      $resource = null;
   }

   // controllo se il ruolo non ha accesso alla risorsa e lo reindirizzo alla pagina per gli ospiti
   if (!$this->acl->isAllowed($role, $resource, $privilege)) {
      $request->setControllerName($this->_authController['controller']);
      $request->setActionName($this->_authController['action']);
   }
}

Questo è il plugin da andare ad aggiungere all’applicazione.
Per aggiungerlo andate nel file di bootstrap dell’applicazione (index.php o bootstrap.php) e aggiungete il plugin così:

// istanzio la Zend_Auth
$auth = Zend_Auth::getInstance();
$auth->setStorage(new Zend_Auth_Storage_Session());

// istanzio il Zend_Controller_Front
$controller = Zend_Controller_Front::getInstance();
$controller->registerPlugin(new CustomControllerAclManager($auth));

Abbiamo quasi finito, bisogna aggiungere la fase di checking dell’identità nel preDispatch() dei vari controller:

class CustomControllerAction extends Zend_Controller_Action {

   public function preDispatch() {
      $auth = Zend_Auth::getInstance();
      if ($auth->hasIdentity()) {
         $this->view->authenticated = true;
         $this->view->identity = $auth->getIdentity();
      } else {
         $this->view->authenticated = false;
      }
   }

}

Bene, con questo il sistema di accessi è terminato.
Possiamo far ereditare il controller ad altri controller figli così che non dobbiamo specificare il checking nel preDispatch() di tutti.

Per dubbi o chiarimenti commentate qui sotto!
Alla prossima!

Consiste in una serie di adapter per gli scenari d’uso più comuni.

Da notare bene che esso gestisce solo l’autenticazione e non l’autorizzazione, che sono due cose ben diverse.

Per quanto concerne l’autorizzazione scriverò prossimamente un articolo su Zend_Acl.

Adapter
I sistemi di autenticazione sono svariati, LDAP, OpenId, Digest, ecc.
Proprio per questo Zend mette a disposizione svariati tipi di adapter, che andranno ad interfacciarsi con Zend_Auth.
I vari adapter sono:

• Zend_Auth_Adapter_DbTable per i database RDBMS (MySql, Postgresql, ecc.)
• Zend_Auth_Adapter_LDAP per l’autenticazione tramite LDAP (sistema di utenti di Windows)
• Zend_Auth_Adapter_Digest per l’autenticazione senza trasmissione di password (Digest)
• Zend_Auth_Adapter_Http per l’autenticazione Digest, Basic e RFC-2617 (poco usata)
• Zend_Auth_Adapter_OpenId per l’autenticazione tramite OpenId

Esempio
In genere l’autenticazione viene fatta utilizzando una username ed una password salvata su un database,
proprio per questo nel mio esempio utilizzerò un adapter per la connessione ad un database RDBMS.

Il setup è abbastanza semplice:

$adapter = new Zend_Auth_Adapter_DbTable($adapterDb,
                                                             'nome_tabella_utenti',
                                                             'colonna_identificativo',
                                                             'colonna_credenziale',
                                                             'controllo_sulla_credenziale');

Successivamente basterà passare all’adapter, identificativo e credenziale(username e password da un form) ed effettuare il controllo tramite la funzione authenticate di zend_auth.

<?php
class AccountController extends ZendControllerAction {

   public function loginAction() {

      // se un utente è già autenticato lo rimando alla homepage
      $auth = Zend_Auth::getInstance();

      if ($auth->hasIdentity()){
         $this->_redirect('/index/');
      }

       // controllo se è stata inviata la richiesta dal form di login
      if ($this->getRequest()->isPost()) {

         // prendo i dati di login
         $username = $request->getPost('username');
         $password = $request->getPost('password');

         // faccio il setup dell'adapter di zend_auth per i database
         $adapter = new Zend_Auth_Adapter_DbTable($this->db,
                                                                      'nome_tabella',
                                                                      'username',
                                                                      'password',
                                                                      'md5(?)');

         $adapter->setIdentity($username);
         $adapter->setCredential($password);

         // provo ad autenticare l'utente
         $result = $auth->authenticate($adapter);

         // se è valido salvo nello storage di zend_auth (una variabile di sessione)
         // l'identità dell'utente e faccio il redirect alla home
         if ($result->isValid()) {

            // l'adapter restituisce un array associativo con i dati dell'utente
            $user = $adapter->getResultRowObject();

            // Scrivo nello storage l'utente autenticato
            $auth->getStorage()->write($user['id_utente']);

            // send user to page they originally request
            $this->_redirect('/index');
         }

         // autenticazione fallita, rimando al login, magari con un messaggio d'errore
         $this->_redirect('/login');

      }
   }
}
?>

L’esempio, ovviamente, è incompleto, mancano eventuali controlli e messaggi d’errore, ma ci dà una piccola panoramica della semplicità d’autenticazione di Zend.
Manca anche la parte di View dell’azione, ma penso che chiunque sappia ormai fare una form di login, no?

Nel prossimo articolo parleremo di Zend_Acl, che combinato con Zend_Auth permette di controllare facilmente tutta la parte di autenticazione e autorizzaione di un sito/progetto.

Alla prossima!

I carissimi programmatori di Facebook hanno rilasciato un piccolo progetto che ottimizza notevolmente le prestazioni, in fase di esecuzione, di codice php: Facebook HipHop.

Come funziona?

Questa applicazione trasforma codice PHP in codice compilato in C++ con il sacrificio di qualche funzione php, tipo eval().

Per chi non lo sapesse, la differenza tra un linguaggio intepretato ed uno compilato è appunto nella fase di interpretazione del codice, cosa che in C++ non avviene una volta compilato il codice.

Il miglioramento delle prestazioni è notevole: si guadagna il 50% di risparmio di CPU; in questo modo i server di FB valgono il doppio rispetto ad un normale server linux-php (anche in termini di denaro ).

Di seguito trovate la pagina facebook del progetto e il progetto su GitHub con licenza Open Source.

Salve a tutti cari lettori, oggi vi vorrei presentare questo gadget per iPhone 4 che permette di registrare video a 360 gradi.

Di seguito potete vedere un video d’esempio.

Potete trovare tutto il progetto su KickStarter.