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.

Salve a tutti cari lettori di good2know.

Navigando ho trovato un nuovo progetto in fase di sviluppo da parte del MIT di Boston su un sistema di videoconferenze che sfrutta la grande capacità di Kinect di percepire la profondità.

Il sistema implementa alcune funzionalità quali:

- lo sfocamento di tutti gli elementi esterni alla persona/e che stanno parlando,

- il congelamento di un frame che viene usato mentre noi siamo off-camera,

- la “privacy-zone” cioè l’oscuramento di parti dell’ambiente che non vogliamo far vedere,

- un sistema di realtà aumentata che permette di mantenere la relazione fisica tra gli oggetti e che da remoto permette l’interazione attraverso semplici click del mouse.

Kinected Conference from Lining (Lizzie) Yao on Vimeo.

Se avete un Kinect e volete provare a “smanettare” anche voi, esiste già un progetto open che vi permetterà di farlo: OpenKinect.org

Fonte: TechEBlog

Propongo di seguito un interessante effetto in javascript e css3 che permette di creare un effetto di rotazione a qualsiasi contenuto.

La proprietà che utilizzeremo è transform: rotate(90deg) .

Di seguito una demo.

Ricordiamoci che non tutti i browser permettono l’utilizzo delle proprietà transform CSS3.

Quindi controlliamo che browser ha il client e impostiamo le proprietà di conseguenza.

Per farlo utilizziamo una funzione di jQuery che ci permette di sapere quale sia il browser in uso.

<br>var cssPrefix = "";<br>if ($.browser.mozilla){<br> cssPrefix = "moz";<br> } else if ($.browser.safari){<br> cssPrefix = "webkit";<br> } else if ($.browser.opera){<br> cssPrefix = "o";<br> } else if ($.browser.msie){<br> cssPrefix = "ms";<br> }<br>

Successivamente impostiamo un intervallo di tempo a 20 millisecondi che chiama una funzione che fa cambiare la posizione, rispetto l’originale, del nostro elemento.

<br>window.setInterval(function(){<br>   if(cssPrefix) {<br>      d += speed * dir;<br>   }<br>   rotate(cssPrefix, d);<br>}, 20);<br><br>function rotate(cssPrefix,d){<br>   d += speed * dir;<br>   $('#rays').css('-'+cssPrefix+'-transform','rotate('+d+'deg)');<br>}<br>

Ricordo che purtroppo questo scriptino non funzione su Internet Explorer in quanto non supporta la proprietà css transform.