La funzione __autoload di PHP è una funzione molto utile per includere delle classi solo quando servono e senza doverle includere a mano.

Se esiste, questa funzione, infatti, viene richiamata quando si tenta di utilizzare una classe o un’interfaccia che non è stata ancora dichiarata.
Ha un unico parametro che è il nome della classe che è possibile manipolare per arrivare al nome del file che la include e non restituisce nulla.
Ecco un esempio dove le classi sono contenute in una cartella con il percorso definito nella costante _CLASS e in file con il nome “nomeclasse.class.php”:

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
/**
* Autoload delle classi
* @param string $c nome della classe
*/
function __autoload($class_name){
	$path =  _CLASS.strtolower($class_name).'.class.php';
	if(file_exists($path)){
		require_once($path);
	}
	unset($path);
}
?>

In Download gratuito un documento molto utile per tutti coloro che si vogliono accostare al mondo del Web Marketing tramite l’utilizzo di Google Adwords.

SIS_Google_Adwords.pdf

PREMESSA: per motivi di privacy e rispetto del brand del cliente, il nome vero del sito analizzato è stato sostituito con sitogenerico.it

Analisi  Sitogenerico.it

Sitogenerico.it è il sito ufficiale di una famosa e stimata rivista mensile italiana. La rivista tratta la compravendita di armi e accessori per armi di qualunque tipo e genere. Punto forte e basilare della rivista e del sito  è il servizio “annunci”, dedicato a inserzionisti privati e aziendali (nella fattispecie armerie), che intendono comprare o vendere armi.

Situazione pre-intervento:

A primo impatto il sito in oggetto si presenta in maniera confusionale e “pesante”. Le ripetute animazioni in flash e la presenza di troppi banner posizionati in maniera massiva nelle pagine, rendono difficoltosa la navigazione degli utenti  e rallentano il caricamento delle pagine stesse. I contenuti sono totalmente assenti per i motori di ricerca in quanto vi si accede solo dopo la registrazione tramite il form di login. Oltre all’assenza di contenuto,  a penalizzare fortemente il posizionamento del sito nei motori di ricerca, è la presenza di frame che contribuiscono a rendere difficoltosa l’indicizzazione del sito, facendo così perdere il giusto riscontro con gli internauti.

Obiettivi:

L’obiettivo principale è quello di revisionare totalmente il sito già esistente, migliorandone la navigabilità e l’usabilità, intervenendo: sulla struttura, sul contenuto e sul design. Successivamente bisognerà rendere accessibili i contenuti dell’intero sito a tutti i visitatori, con determinate restrizioni ai visitatori non iscritti. Infine si intende promuovere e rivalorizzare l’immagine online del sito, tramite azioni e strategie di search engine optimization per conquistare le prime posizioni delle serp inerenti gli argomenti trattati dalla rivista, rispettando l’ethical seo.

Interventi:

1. Si è deciso di migliorare la navigabilità, revisionando totalmente l’itera struttura E/R del DB, creando categorie e macrocategorie totalmente nuove per agevolare la ricerca degli annunci e la navigabilità degli utenti.
2. Si è deciso di migliorare l’usabilità utilizzando il linguaggio XHTML in modo da rendere accessibile il sito anche da nuove piattaforme (in costante crescita) come ipod e iphone.
3. Si è deciso di modernizzare il design retrò della prima versione del sito.
   • Sono stati eliminati i frame, assolutamente inutili, e le tabelle in favore dei div.
   • Dopo un attenta analisi, si è deciso di eliminare il 95% degli elementi in flash e di sistemare i numerosi banner,  disposti in maniera confusionale nella prima versione.
4. Si è deciso di presentare il contenuto dell’intero sito web sotto forma di annunci, illustrando in dettaglio le descrizioni e le foto dei prodotti in vendita.
5. Dopo un attenta analisi e studio delle keyword (parole chiavi), si è deciso di personalizzare i meta-tag di tutte le pagine che compongono il sito, in modo tale da conquistare le principali serp di google, yahoo e msn. L’ottimizzazione e la promozione del web site si è concentrata maggiormente  su questi search engine in quanto smistano più dell’80% degli internauti globali giornalieri.

Prime conclusioni dopo un mese:

Fin dai primi giorni dalla pubblicazione della nuova versione del sito, google ha risposto bene, indicizzando un numero sempre più elevato di pagine. Oggi, tutte le pagine del sito sitogenerico.it sono indicizzate correttamente e godono di posizionamenti elevati per le principali query previste, ottenendo sostanziali aumenti:

• +43,54%  visite
• +60%        visitatori unici
• +200%      pagine visualizzate
• +100%      media pagine visualizzate

Delle volte programmando in PHP si ha bisogno di salvare in un database o in una costante una variabile complessa come un array o un oggetto per poterla utilizzare in seguito. Per farlo si può utilizzare la funzione serialize.

La funzione serialize accetta un parametro, che è la variabile da serializzare, e restituisce una stringa. Il parametro può essere dei seguenti tipi: booleano, intero, numero con virgola mobile, stringhe, array o oggetto.
La stringa restituita può essere riportata allo stato precedente utilizzando la funzione unserialize. In caso di errore restituisce falso e un errore di tipo Notice.
Inoltre la funzione serialize, in caso il parametro da serializzare sia un oggetto, cercherà di invocare, se presente, il metodo magico __sleep(). Allo stesso modo la funzione unserialize cercherà di invocare il metodo magico __wakeup().

Se volete installare SSHKeychain 0.8.2 su Mac e viene visualizzato l’errore “The following install step failed: run postinstall script for SSHKeychain” c’è un modo molto semplice per risolvere il problema.

1. Copiate il pkg dell’installazione sul Desktop (o nel percorso che preferite)
2. Fate tasto destro sul pkg->mostra contenuto pacchetto
3. Entrate nella directory Contents -> Resources
4. Editate con Textedit o quello che preferite (MA NON FATE doppio click) il file postinstall
5. modificate la riga 2:
   • da: chown -R $USER:$USER “$2/SSHKeychain.app”
   • a: chown -R $USER:`id -gn` “$2/SSHKeychain.app”
6. salvate il file ed uscite
7. cliccate due volte sul file pkg e fate ripartire l’installazione

voilà! fatto.

Gio

Gravatar è l’abbreviazione di globally recognized avatar. È un servizio creato da Tom Werner che permette di utilizzare lo stesso avatar su più siti. Ogni utente ha la possibilità di inserire più indirizzi e-mail a cui associare degli avatar da poter utilizzare sui siti che utilizzano Gravatar.
Per molti CMS (Joomla, WordPress, ecc.) esistono già dei plug-in specifici per utilizzare Gravatar, ma se non si utilizzano questi CMS non è molto difficile implementare uno script adatto allo scopo.

Bisogna inserire un’immagine dinamica richiamandola dai server di Gravatar.com. La prima parte dell’indirizzo è “http://www.gravatar.com/avatar/” e la seconda è l’hash MD5 dell’indirizzo e-mail dell’utente seguito dell’estensione “.jpg”.
A questo punto possiamo aggiungere tutti i parametri facoltativi come query string (metodo get).
Con il parametro “size” o “s” possiamo decidere la dimensione in pixel dell’avatar che può andare da un minimo di 1 a un massimo di 512. Il valore di default è 80 pixel.
Con il parametro “rating” o “r” possiamo indicare il tipo di avatar (da quello adatto per tutti a quello che include contenuti espliciti) che può essere “g”, “pg”, “r” o “x”. Il valore di default è “g”.
Con il parametro “default” o “d” possiamo scegliere quale immagine visualizzare se l’e-mail non è presente nel database di Gravatar. Si può inserire il percorso di un’immagine oppure si possono inserire i valori “identicon”, “monsterid” o “wavatar”. Se non viene specificato, si visualizzerà il simbolo di Gravatar (una G) in grigio.
Ecco quindi un esempio di Gravatar con il mio indirizzo e-mail, 100 pixel di lato, adatto a tutti i tipi di visitatori e, se non è presente, verrà visualizzato il logo della SiS s.r.l.:

Esempio di Gravatar

http://www.gravatar.com/avatar/36ac00adbe6247f505c702d904f7f44a.jpg?s=100&r=g&d=http%3A%2F%2Fwww.soluzionisis.com%2Finc%2Fimg%2Flogo.jpg

Per avere lo stesso risultato in PHP si può utilizzare questo script:

1
2
3
4
5
6

$email = 'indirizzo@email.it';
$size = 100;
$rating = 'g';
$default = 'http://www.soluzionisis.com/inc/img/logo.jpg';
$url = 'http://www.gravatar.com/avatar/'.md5(strtolower($email)).'.jpg?s='.$size.'&r='.$rating.'&d='.urlencode($default);
echo '<img src="'.$url.'" alt="Avatar" width="'.$size.'" height="'.$size.'" />';

Salve a tutti sono ancora io Fabio Lenotti.

Dopo aver imparato l’HTML qui alla SIS.Srl mi hanno insegnato anche il CSS ora vi spiego cos’è.

Detti anche fogli di stile a cascata o fogli di stile i file CSS(dall’inglese CSS Cascading Style Sheets) vengono usati per definire la rappresentazione di documenti HTML e XHTML.

L’introduzione dei fogli di stile si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.

Per impararle a fare i fogli a cascata andate su http://www.w3schools.com/css/default.asp anche il CSS come l’HTML su questo sito è diviso il Basic e Advanced e alla fine è presente un quiz per vedere cosa avete appreso.

Anche il sito del CSS è scritto in inglese ma se volete vi posso consigliare anche dei siti in italiano dove trovate la spiegazione dei fogli a cascata tipo http://it.wikipedia.org/wiki/Foglio_di_stile oppure http://css.html.it/guide/leggi/2/guida-css-di-base/ .

Proprietà del CSS

TESTO

CARATTERE

COLORE e SFONDO

Non tutti sanno che in si può utilizzare in contemporanea un colore con una immagine (se in generale l’immagine è di misure inferiori alle misure degli schermi pc).

MARGINI

Applicabile ad ogni oggetto, compreso , in questo caso tutte le pagine o gli oggetti che si riferiranno a questo parametro saranno spostati dai bordi come indicato.

POSIZIONE e FORMA

ALTEZZE e LARGHEZZE

MOUSE

(solo per Internet Explorer):

Salve a tutti mi chiamo Fabio Lenotti e per una settimana sono andato a “lavorare” presso la ditta SIS.Srl di Varese.
Durante il periodo di stage mi è stato chiesto di imparare i rudimenti dell’html, linguaggio alla base del web.
Me lo aspettavo molto più difficile e complicato, forse però mi è sembrato  facile perche ho appreso solo i concetti base di questo linguaggio.

Va bene per tutti coloro che vorrebbero imparare qualcosa sull’HTML vi spiego come ho fatto.

Nella mia settimana di lavoro non ero da solo, ma ero seguito dal mio tutor aziendale Giovanni Savastano che mi ha insegnato tante cose riguardanti il mondo del web, comunque se volete provare ad apprendere l’HTML vi consiglio di andare sul sito http://www.w3schools.com/html/default.asp è un sito tutto in inglese ma scritto in modo chiaro e semplice e quindi molto facile da tradurre.
Questo sito ha diviso l’HTML in Basic e Advanced, nel primo impari i concetti base e nel secondo scopri qualche tag in più per rendere ancora più bella e interessante la tua pagina web, la cosa che rende semplice e chiaro l’HTML in questo sito sono gli esempi che fa ogni volta che ti spiega qualcosa.

Alla fine vi consiglio di fare il quiz che trovata, per vedere cosa avete appreso e cosa dovete riguardare, io li ho fatti e mi sono serviti molto.
Come ambiente di sviluppo vi consiglio un ottimo sofware gratis: Notepad++. Potete scaricarlo da http://notepad-plus.sourceforge.net/it/site.htm
È un programma che ti permette di scrivere in molti linguaggi di programmazione tra cui l’HTML, scaricatevi anche firebug, questa estensione di Firefox ti permette di vedere come è scritto il file (.html) di tutti i siti web è molto utile.

Se volete vedere ed imparare anche l’XHTML andate sul sito http://www.w3schools.com/xhtml/default.asp
L’XHTML (acronimo di eXtensible HyperText Markup Language, Linguaggio di marcatura di ipertesti estensibile) è un linguaggio di marcatura che associa alcune proprietà dell’XML con le caratteristiche dell’HTML: un file XHTML è un pagina HTML scritta in conformità con lo standard XML.
L’XHTML è nato ufficialmente il 26 gennaio 2000 come standard del World Wide Web Consortium (W3C), e può essere definito tecnicamente una riformulazione dell’HTML 4.01 in XML 1.0; è una sorta di “ponta” tra questi due linguaggi.
Il linguaggio prevede un uso più restrittivo dei tag HTML; solo la struttura della pagina è scritta in XHTML, mentre il layout è imposto dai fogli di stile a cascata (Cascading Style Sheets, CSS).

Tag del HTML

GENERALE

(impostazioni obbligatorie del documento ipertestuale)

FORMATTAZIONE DEL TESTO

FORMATTAZIONI PARTICOLARI

COLLEGAMENTI NEL TESTO E AD ALTRI FILE

IMMAGINI

MAPPE

Occorre conoscere in molti casi la directory sul server per posizionare il file .map di definizione.
Usando però un tipo di dichiarazione Client-Side il file .map non è più necessario. La definizione di mappa può essere dichiarata all’interno del file documento HTML. Per la dichiarazione si usa il codice

come indicato sotto.

SEGNI DI PARAGRAFO ED ARGOMENTO

LISTE

Elenchi semplici, composti, numerati o puntati

SFONDI E DEFINIZIONE DI COLORE

Sempre più spesso, nel mondo dello sviluppo web, si sente parlare di aumento delle performance, dimunuzione delle richieste HTTP, caching di contenuti dinamici, compressione di immagini e altre tecniche orientate all’allegerimento delle pagine di un sito e all’aumento della visualizzazione sul computer del nostro caro visitatore.

Sicuramente una condizione ottimale per ottenere prestazioni migliori della propria web app o del proprio sito web è impostare il cosidetto Far Future Expire Header degli elementi prensenti nelle pagine e delle pagine stesse.

In questo post cercherò di descrivere alcune tecniche per impostare tale condizione.

Cito dal sito di YSlow:

Web page designs are getting richer and richer, which means more scripts, stylesheets, images, and Flash in the page. A first-time visitor to your page may have to make several HTTP requests, but by using the Expires header you make those components cacheable. This avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often used with images, but they should be used on all components including scripts, stylesheets, and Flash components.

Quindi in pratica che fa?:-)

L’Expire Header definisce la scadenza dell’oggetto che il browser preleva dal server e deposita nella cache del client. Impostando la “data di scadenza” ad un periodo molto lontano (Far Future per l’appunto) diciamo al browser di non richiamare più tale componente durante le succesive visite alla pagina che lo conteneva, rendendo di fatto la navigazione più veloce. Inoltre, applicando questa tecnica ad elementi comuni a tutte le pagine (es: background o file javascript o file css) l’utente usufruirà dei benefici di questa tecnica fin dalla seconda pagina che andrà a visualizzare sul nostro sito.

Vediamo come fare.

Tramite l’uso di .htaccess (Apache)

1
2
3

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|php|html|htm|php4|php5)$">
Header set Expires "Thu, 2 Feb 2010 20:00:00 GMT"
</FilesMatch>

con l’istruzione FileMatch indichiamo a quale tipo di file applicare le regole all’interno del blocco di codice e con “Header set Expires” andremo a dire ad Apache di servire il contenuto indicato con una data di scadenza molto lontana. Nell’esempio ho usato il 2 Febbraio 2010, alle 8 di sera.

Tramite le impostazioni di IIS 6.0

1. Aprite il pannello di controllo di Internet Information Services (IIS).
2. Espandete “LocalMachine” sul pannelo di sinistra e succesivamente cliccate su Web Sites
3. Click con il tasto destro sul sito interessato e selezionate Properties.
4. Nel tab HTTP Headers, attivate la checkbox “Enable Content Expiration” e succesivamente selezionate l’opzione “Expire On”. e impostare il 2 Febbraio 2010 alle 8 di sera
5. Riavviate tutti i servizi IIS.

Con PHP
File far_future_loader.php

1
2
3
4
5
6

<?php
header("Content-type: text/javascript; charset: UTF-8");
header("Cache-Control: must-revalidate");
header("Expires: " . gmdate("D, d M Y H:i:s",time() + (60 * 60 * 24 * 3)) . " GMT");
include(dirname(__FILE__).'/scripts.js');
?>

con il codice sopra potete, ad esempio, raggruppare tutti i vostri file javascript in un unico grande file .php, modificare l’header Content-type in modo che venga interpretato correttamente dal browser come text/javascript e poi modificarne a piaciemento la deata di scandenza.
Successivamente nell’header delle vostre pagine, anzichè includere i singoli file javascript con l’istruzione:

1

<script type="text/javascript" src="js/scripts.js"></script>

userete

1

<script type="text/javascript" src="js/far_future_loader.php"></script>

Potete usare il file far_future_loader.php per ogni tipo di file, semplicemente cambiano il Content-type dei file che andrete ad includere, ad esempio, se volete averne uno anche per i file .css dovrete scrivere:

1
2
3
4
5
6

<?php
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
header("Expires: " . gmdate("D, d M Y H:i:s",time() + (60 * 60 * 24 * 3)) . " GMT");
include(dirname(__FILE__).'/style.css');
?>

e successivamente nell’header delle vostre pagine, esattamente come avete fatto per il file javascript, sostituirete l’istruzione:

1

<link rel="stylesheet" href="css/style.css" type="text/css" />

con

1

<link rel="stylesheet" href="css/far_future_loader.php" type="text/css" />

Con ASP
la procedura è identica a quella per PHP con la sola differenza che in ASP gli header si setttano con i seguenti comandi:

1
2

<% Response.CacheControl = "must-revalidate" %>
<% Response.Expires = -1 %>

Con JSP (Tomcat)
Grazie a Byron Tymvios su jGuru
E’ possibile ottenere l’identico risultato avuto con PHP o ASP tramite i filtri. Ad esempio:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

package com.xyz
 
import java.io.IOException;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;
 
public class CacheFilter implements javax.servlet.Filter {
  FilterConfig filterConfig = null;
 
  public void init(FilterConfig filterConfig){
    this.filterConfig = filterConfig;
  }
 
  public void doFilter(ServletRequest req,
     ServletResponse res,
     FilterChain chain)
     throws IOException, ServletException {
    String sCache = filterConfig.getInitParameter("cache");
 
    if(sCache != null){       ((HttpServletResponse)res).setHeader("Cache-Control", sCache);
 
    }
 
    chain.doFilter(req, res);
  }
 
  public void destroy(){
    this.filterConfig = null;
  }
}

e poi impostare nel file web.xml il filtro per ogni contenuto desiderato. Ecco l’esempio per i file .jpg:

1
2
3
4
5
6
7
8
9
10
11
12

<filter>
  <filter-name>Cache</filter-name>
  <filter-class>com.xyz.CacheFilter</filter-class>
  <init-param>
    <param-name>cache</param-name>
    <param-value>public, max-age=2592000</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>Cache</filter-name>
  <url-pattern>*.jpg</url-pattern>
</filter-mapping>

è tutto
nella prossimo post parleremo degli ETag.
Giovanni

Rieccoci di nuovo a parlare di active record. Nella scorsa puntata avevamo visto una implementazione base del pattern. Essa però è orfana di qualsiasi metodo per la ricerca dei record. Vediamo ora come è possibile farlo.

Rails mette a disposizione diversi metodi per recuperare record dalle tabelle di un database. Il primo è quello di utilizzare il costruttore della classe passando come parametro l’id del record che vogliamo leggere. In molti linguaggi di programmazione Object-Oriented è possibile effettuare l’overload del costruttore, ovvero definire più costruttori per una stessa classe, dove in ogni costruttore cambiano i parametri per numero e/o tipo. In PHP non esiste tale meccanismo (e neanche in Ruby da quanto mi risulta!). Abbiamo visto nella puntata precedente come il costruttore della classe php ActiveRecordBase accetti come unico parametro un array contenente i campi che vogliamo dare ad un nuovo record. Simuliamo ora l’overloading del costruttore in modo che accetti sia l’array che un numero che identifichi l’ID del record.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

abstract class ActiveRecordBase {
  # qui ci va la dichiarazione degli attributi della classe che tralasciamo
  # .....
  #
  public function __construct($data=array()){
     $this->__db = &MDB2::connect(DB_DSN);  // DB_DSN è una stringa che contiene di dati accesso al DB
     $this->__table = strtolower(get_class($this));
     if (!is_array($data) && is_numeric($data)){
         $sql = "SELECT * FROM ".$this->__db->quoteIdentifier($this->__table).
                  " WHERE ".$this->__db->quoteIdentifier($this->__primary_key)." = ".$this->__db->quote($data);
         $data = $this->__db->queryRow($sql);
     }
     if (!empty($data)) foreach ($data as $key => $value){ $this->$key = $value; $this->fields[] = $key;}
  }
# Qui prosegue il resto del codice della classe
# ....
}

Con questa modifica la nostra classe continua a funzionare accettando 0 o 1 parametro di tipo numerico o array/hash.
Vediamo ora l’implementazione di un metodo find() che permetta di passare come parametro l’ID del record che vogliamo ottenere. Per semplicità d’ora in avanti verranno omesse le dichiarazioni di classe quando non strettamente necessarie.

1
2
3
4
5
6
7
8
9
10
11

    public function find($id){
         if (!is_numeric($id)) return false;
         $sql = "SELECT * FROM ".$this->__db->quoteIdentifier($this->__table)." WHERE ".
                  $this->__db->quoteIdentifier($this->__primary_key)." = ".$this->__db->quote($id);
         $data = $this->__db->queryRow($data);
         if (!empty($data)){
             foreach ($data as $key => $value){ $this->$key = $value; $this->fields[] = $key;}
             return true;
         }
         return false;
    }

Come potete vedere, l’implementazione di find() è molto simile a quella del costruttore. Ricordiamoci il principio DRY (= Don’t Repeat Yourself). Modifichiamo il costruttore e aggiungiamo un metodo privato che assegni a partire da un array i valori corrispondenti agli attributi della classe.
__assignData sarà un metodo privato che assegna i valori agli attributi:

1
2
3
4
5
6
7

    private function __assignData($data=array()){
        if (!empty($data)){
             foreach ($data as $key => $value){ $this->$key = $value; $this->fields[] = $key;}
             return true;
         }
         return false;
    }

Possiamo semplificare il metodo find():

1
2
3
4
5
6
7

    public function find($id){
         if (!is_numeric($id)) return false;
         $sql = "SELECT * FROM ".$this->__db->quoteIdentifier($this->__table)." WHERE ".
                  $this->__db->quoteIdentifier($this->__primary_key)." = ".$this->__db->quote($id);
         $data = $this->__db->queryRow($data);
         return $this->__assignData($data);
    }

E ora rivediamo il costruttore:

1
2
3
4
5
6
7
8

  public function __construct($data=array()){
     $this->__db = &MDB2::connect(DB_DSN);  // DB_DSN è una stringa che contiene di dati accesso al DB
     $this->__table = strtolower(get_class($this));
     if (!is_array($data) && is_numeric($data)){
         $this->find($data);
     }
     $this->__assignData($data);
  }