Giusto se a qualcuno dovesse servire, una funzione per generare un calendario mensile perpetuo. Cambiando anno e mese di riferimento, vi si restituisce il mese completo come un array multilivello facilmente manipolabile.

<?php
  function calendario($month, $year){
    $month = intval($month);
    $year = intval($year);
    
    $days = cal_days_in_month(CAL_GREGORIAN, $month, $year);
    
    $list = array();
    for($a=1; $a<=$days; $a++){
      $list[$a]['week'] = jddayofweek(cal_to_jd(CAL_GREGORIAN, date($month),date($a), date($year)), 1);
      $list[$a]['day'] = $a;
      $list[$a]['month'] = $month;
      $list[$a]['year'] = $year;
    }
    
    return $list;
  }
  
  //Esempio di utilizzo
  $cal = calendario(2,2010);
  print_r($cal);
  foreach($cal as $c => $value){
    echo $cal[$c]['week'] . ' - ' . date('d/m/Y', mktime(0, 0, 0, $cal[$c]['month'], $cal[$c]['day'], $cal[$c]['year'])) . '<br/>';
  }
?>

Spero sia utile a qualcuno

Tags: php, tutorial

Giusto ieri mi serviva un buon scroller in JavaScript. Unica precondizione, che fosse sviluppato con jQuery. Di solito mi scrivo io le librerie che mi servono. Il proprio codice non dipende da nient'altro ed una volta raggiunto il risultato si è completamente padroni della cosa. In questo caso però la necessità era imposta dall'alto, quindi mi son messo a cercare nella directory plugin qualcosa che potesse fare al caso mio.

Ho trovato più di un plugin utilizzabile, ma tutti avevano almeno un difetto. Uno con troppe opzioni risultava eccessivamente pesante e ripulirlo mi avrebbe preso troppo tempo. Un altro invece era troppo poco performante gestendo solo casistiche standard (nessuna delle quali risultava andar bene a me).

Allora mi son letto direttamente la documentazione di jQuery, convinto che qualche metodo proprio dovesse averlo per far spostare live dei livelli di html. Ed ovviamente c'è: animate permette di gestire eventi in divenire. Nel caso dello scroller, visto che il bello è la visualizzazione dello spostamento, animate permette di far eseguire una semplice direttiva come un evento che parte dallo status attuale fino ad arrivare al risultato stabilito.

Per fare un esempio pratico. Se voglio scrollare spostando un layer verso destra di 100px, potrei semplicemente imporre al click di un tasto una funzione che imposti un margin-left a -100px rispetto all'attuale situazione. Facile, ma non *vivo*. Perchè in questo caso vedrei il risultato subito, mentre a me interessa che l'utente abbia la sensazione che le cose si spostano, quindi voglio che nell'andare indietro di 100px lo faccia gradualmente in un determinato arco di tempo.

E' esattamente quello che fa animate in jQuery. Scrivendo la funzione:

  function scrollRight(){
     $('#IDTarget').animate({'marginLeft': -100px',},500);
  }

Farò scrollare il contenuto del target verso sinistra (dando l'idea di muovermi a destra) di 100px in mezzo secondo.

Usando le proprietà di jQuery, un po' di fantasia e appena 88 righe di codice, si può ottenere una galleria di immagini come questa. Senza bisogno di aggiungere niente all'ottimo, ma ben pesante jQuery.

Tags: jQuery, JavaScript, Tutorial

Paka mi chiede in un commento:

Sto impazzendo per cercare di capire il codice da usare x far uscire la "nuvoletta" sul marker subito, senza bisogno del click... mi date una mano?

La cosa è abbastanza semplice, e la riprendiamo proprio dall'articolo in cui l'utente ha commentato. Diamo un occhio a questa porzione di codice.

GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml('Coordinate<br />'+point);
});

E' abbastanza chiaro che stabiliamo un evento ben preciso per far comparire il marker, tramite l'oggetto GEvent. L'evento in questione è il click sul marker. Se vogliamo che questo compaia senza alcun evento predefinito, basta toglierlo dalla condizione di cui sopra. In questo caso l'evento che andrà a far apparire la nuvoletta sarà quello di default, ovvero il load della mappa.

Di seguito il codice completo della funzione.

    var map = null;
    var geocoder = null;
    var address = '97015 Italy';

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("gmaps"));
        var geocoder = new GClientGeocoder();
       
        if(document.getElementById('addr').value != ''){
          address = document.getElementById('addr').value;
        }
       
        geocoder.getLatLng(address, function(point){
          if(!point){
            alert('Spiacente, indirizzo non trovato');
          }else{
            var marker = new GMarker(point);
            map.addOverlay(marker);
           
            //Qui faccio apparire la nuvola!
            marker.openInfoWindowHtml('Coordinate<br />'+point);
            map.setCenter(point, 8);
          }
        });
        map.setUIToDefault();
      }
    }

E come mio solito, una pagina di esempio da cui estrapolare facilmente il codice sorgente.

Tags: Gmaps, Google Maps, Tutorial

Sembra incredibile, ma quello che molti considerano il browser migliore del mondo difettava della proprietà word-wrap nella definizione dei CSS. Tale direttiva permette di gestire una singola parola che risulti strabordante rispetto alla larghezza dell'elemento in cui questa è contenuta.

In sostanza, se scrivo su un livello largo 70px la parola supercalifragilistichespiralitoso, settando una dimensione del testo a 12px, verosimilmente il contenuto del livello andrà oltre i 70px in larghezza. La proprietà word-wrap mi permette di decidere come gestire tale eventualità.

Vediamo un esempio concreto:

<div style="border: 1px inset #ccc; background:#f1f1f1; margin: 10px auto; word-wrap: break-word; width: 70px;">supercalifragilistichespiralitoso</div>

Finalmente anche Firefox decide di mandare a capo le lettere di troppo rispetto alla larghezza del livello. La proprietà ha sempre funzionato a dovere in Internet Explorer e nei browser basati su WebKit (Safari, Chrome, Epiphany, etc...)

Tags: CSS, Firefox, word-wrap

Può essere molto utile usare un marker personalizzato. I marker, abbiamo già visto qualche articolo fa, sono i segnalibri che compaiono sulla mappa di Google ed indicato una determinata coordinata.

L'uso del marker personalizzato riesce a distogliere l'utente dalla mappa stessa ed a farla personalizzare con il proprio web, prescindendo quindi da Google. Inoltre un uso dinamico dei marker permette una lettura veloce dei punti segnalati. Possiamo usare un marker a forma di ristorante per indicare i punti di ristoro, uno a forma di croce per indicare gli ospedali, e così via.

In codice tutto risulta abbastanza semplice e si esplica nell'istanziare l'oggetto GIcon. Di seguito un facile esempio:

    var map = null;
    var geocoder = null;
    var address = '97015 Italy';

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("gmaps"));
        var geocoder = new GClientGeocoder();

        if(document.getElementById('addr').value != ''){
          address = document.getElementById('addr').value;
        }

        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = null;
        baseIcon.image = 'http://www.davidonzo.com/gmaps/icon/3.png';
        markerOptions = { icon:baseIcon };

        geocoder.getLatLng(address, function(point){
          if(!point){
            alert('Spiacente, indirizzo non trovato');
          }else{
            var marker = new GMarker(point, markerOptions);
            markerOptions = { icon:baseIcon };
            map.addOverlay(marker);
            GEvent.addListener(marker, "click", function() {
                   marker.openInfoWindowHtml('Coordinate<br />'+point);
          });
            map.setCenter(point, 8);
          }
        });
        map.setUIToDefault();
      }
    }

Come sempre una pagina con un esempio un po' più complesso, da usare al volo.

Tags: GMaps, Googla Maps, Marker

Come controllare se un anno è bisestile o no? Domanda posta qualche minuto fa su un gruppo di discussione sul PHP che seguo abbastanza assiduamente. Le risposte non si sono fatte attendere (bella community da questo punto di vista), ma le soluzioni proposte andavano dalle 20 righe di codice in su, con controlli ciclici, serializzazioni degli anni bisestili in improbabili array degli anni bisestili dell'ultimo secolo. Ho trovato girovagando altre soluzioni più pulite, ma sempre eccessivamente dispendiose per l'uso di memoria di sistema.

All'utente interessa sapere solo se quel determinato anno è bisestite o no. Un anno bisestile ha in calendario sempre il 29 Febbraio. Quindi, se quel giorno è calendarizzato l'anno sarà sicuramente bisestile, altrimenti è un anno normale.

Basta un semplice controllo con checkdate().

  function isLeapYear($year){
    if(checkdate(2,29,$year)){
      return $year.' is a leap year';
    }else{
      return $year.' is not a leap year';
    }
  }

Un semplicissimo ciclo if che controlla l'esistenza di una data specificata. Possiamo estremizzare ulteriormente il codice in tre righe e darne un output booleano.

  function isLeapYear($year){
    return (checkdate(2,29,$year)) ? true : false;
  }

Semplice no?! :-)

Tags: PHP

Sabato 27 giugno si terrà a Firenze il Mozilla Add-ons Workshop, organizzato da Mozilla Europe in collaborazione con Mozilla Italia.

Durante questo incontro interverranno i migliori programmatori di estensioni italiani per spiegare come si crea un’estensione per i programmi Mozilla, successivamente si darà spazio al lavoro di gruppo per creare una nuova estensione.

La partecipazione a questo incontro è libera e gratuita, è tuttavia richiesta una registrazione per poter organizzare al meglio l’evento.

Ai partecipanti verrà data una maglietta creata per l’occasione e successivamente, per chi vuole rimanere, andremo tutti insieme a mangiare una pizza e bere qualcosa in centro.

Sul wiki di Mozilla Foundation troverete tutti i dettagli.

Tags: Mozilla, Mozilla Italia

Trovo molto fastidiose le gallerie di immagini presenti nei quotidiani on line. Per andare avanti di una immagine bisogna ricaricare completamente la pagina, che di solito è stracolma di advertising molti dei quali in embedding da altri host su quella pagina. D'altra parte la soluzione trovata da alcuni, caricare tutte le immagini in elementi nascoti via css e farli magicamente apparire, non è tanto meglio, visto che potrei non voler vedere tutte le millemila immagini.

Un po' per gioco, un po' perchè potrebbe essere utile a qualcuno, ho scritto un piccolo script che permette di visualizzare una galleria senza troppo sforzo e soprattutto ricaricando volta per volta la sola immagine e non l'intero html.

Molto basilare. Nessuna miniatura, ma solo l'immagine con le frecce per andare avanti e indietro. C'è da dire che per aggiungere/togliere un'immagine alla galleria basta inserirla/rimuoverla da una directory.

Ho visto che ci sono migliaia di cose del genere in giro (e non mi spiego perchè le testate giornalistiche non ne usino almeno una). Per questo ho deciso di chiamare il giochetto "Just another AJAX gallery". Qui è possibile vederne una demo.

Visto che è una cosa fatta in cinque minuti e gli vedo grandi miglioramenti e potenziamenti possibili, metto il codice a disposizione di tutti. Nella speranza che qualcuno lo migliori e ne condivida la cosa.

La configurazione è facilissima:

• Scompattate l'archivio ed inviatelo al server nella directory che ospiterà la galleria
• Aprile il file function.js e modificate la seconda riga in accordo con l'URL della vostra galleria
• Inserite le immagini che volete nella directory /images/

Buon divertimento :-)

Tags: AJAX, JavaScript

Quante volte abbiamo visto mappe di GMaps con uno o tanti marker i quali cliccati mostravano la famosa nuvoletta con delle informazioni scritte all'interno. Molto utile se oltre a voler indicare visivamente le coordinate di un punto vogliamo anche dare informazioni ulteriori sul luogo.

Abbiamo già visto come produrre ed inserire in un punto preciso della mappa un marker. Oggi vedremo come abbellirlo con del testo inserito nella famosa nuvoletta, che comparirà al click dell'utente sul marker.

Il tutto è abbastanza semplice e si ottiene facendo lavorare di pari passo l'oggetto GMarker, che ci restituisce il puntatore a mappa e la classe GEvent, aggiungendo un listener all'evento onClick del marker generato mostri la nuvola (openInfoWindowHtml). Sembra uno scioglilingua, ma leggendo il codice apparirà tutto più chiaro.

    var map = null;
    var geocoder = null;
    var address = '97015 Italy';

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("gmaps"));
        var geocoder = new GClientGeocoder();
       
        if(document.getElementById('addr').value != ''){
          address = document.getElementById('addr').value;
        }
       
        geocoder.getLatLng(address, function(point){
          if(!point){
            alert('Spiacente, indirizzo non trovato');
          }else{
            var marker = new GMarker(point);
            map.addOverlay(marker);
            GEvent.addListener(marker, "click", function() {
                   marker.openInfoWindowHtml('Coordinate<br />'+point);
          });
            map.setCenter(point, 8);
          }
        });
        map.setUIToDefault();
      }
    }

In questo caso, per semplicità, ho deciso di mostrare le coordinate LatLng del punto a cui il marker fa riferimento. E' ovvio che avrei potuto scrivere la qualsiasi cosa, in semplice codice HTML.

Come sempre, una pagina per testare live quanto detto.

Tags: GMaps, Googla Maps

I servizi di geolocalizzazione ormai si sprecano. Far sapere dove sei ed in che momento, se in parte mina la tua privacy, dall'altro può essere viatico di buone opportunità. D'altra parte chi non vuole far sapere dove sta in un dato momento, basta che spenga il ricevitore gps :-)

Ma a noi oggi questo non interessa. Quello che vogliamo è trovare un luogo avendo informazioni non necessariamente precise. Per questo ci aiuta Google Maps e l'oggetto GClinetGeocoder.

Google Maps gestisce le varie posizioni di una mappa tramite un punto identificato da latitudine e longitudine. Quindi servirebbe avere un gigantesco database punto a punto con riferimenti incrociati per ottenere la corrispondenza di un punto ad un input di tipo testo che descrive un indirizzo.

Fortunatamente ci viene in aiuto GMaps mettendoci a disposizione una classe che si occupa di recuperare le coordinate di un indirizzo, anche quando questo riporta dati sommari.

var geocoder = new GClientGeocoder();
geocoder.getLatLng(address, YourCallbackFunction(point));

Istanziando l'oggetto GClientGeocoder possiamo sfruttarne il metodo getLatLng per ricavare le coordinare necessario. Oltre questo, possiamo richiamare una funzione di callback che direttamente dal predetto metodo sarà in grado di gestire la risposta alle coordinate date. Possiamo ad esempio aggiungere direttamente un marker alla mappa. Di seguito un esempio:

    var map = null;
    var geocoder = null;
    var address = '97015 Italy';

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("gmaps"));
        var geocoder = new GClientGeocoder();
       
        geocoder.getLatLng(address, function(point){
          if(!point){
            alert('Spiacente, indirizzo non trovato');
          }else{
            var marker = new GMarker(point);
            map.addOverlay(marker);
            map.setCenter(point, 8);
          }
        });
        map.setUIToDefault();
      }
    }

Stabilendo come indirizzo di default 97015 Italy, il geocoder andrà a cercare una coordinata coerente e nel nostro caso si posizionerà su Modica, al centro della zona che ha come CAP 97015. Avremmo potuto essere più precisi, specificando un indirizzo valido, finanche un numero civico.

Se il geocoder non trova nessuna corrispondenza avvertirà l'utente dell'errore arrestandosi subito dopo, altrimenti piazzerà un marker nel punto trovato e centrerà la mappa con riferimento a questo.

Tutto abbastanza semplice. Ma un esempio pratico può aiutare molto. Provate ad inserire nella form il vostro indirizzo di casa e vedrete che GMaps vi scoverà in men che non si dica :-)

Tags: Google, Gmaps

Lo sviluppo web moderno prevede un uso solo marginale di codice HTML statico. Eppure l'output di una applicazione web è principalmente di questo tipo. Che sia pyton, perl, php, ruby o qualsiasi altro linguaggio server side, il risultato che vogliamo ottenere nella maggior parte dei casi è codice html da visualizzare via browser.

Quello che vediamo in ultimo è il risultato di un processo complesso di aggregazione di dati, calcolo di variabili, manipolazioni di stringhe... A monte quindi c'è qualcosa di estremamente diverso. Una serie di processi sistemici che permettono di raggiungere l'obiettivo finale.

Proprio perchè si parla di processi sistemici, è evidente la possibilità di vedere la creazione di una pagina web in termini di "ciclo di vita".

Si parte dalla richiesta del client remoto. Questa avrà dei parametri che l'applicazione andrà ad elaborare. Una volta ottenuti tutti i dati necessari è possibile produrre l'output desiderato. Oggi parliamo proprio dell'ultima fase e di quanto sia conveniente delegare un processo proprio alla creazione del risultato finale.

Template Engine

Sta in questo il template engine. Bella definizione con cui si vuole sintetizzare l'attitudine di un'applicativo web a creare output visuale in modalità indipendente dai processi di acquisizione ed elaborazione della richiesta remota.

E' un po' quello che succede in questo blog, ma anche in wordpress, joomla e la quasi toalità dei content management system open source in circolazione. La gestione del template è completamente separata ed indipendente dal resto del sistema. Il template engine viene usato dal core code dell'applicazione come uno dei tanti strumenti di elaborazione dati. Nel caso specifico un processo di finalizzazione.

Come agire in concreto

Le modalità operative di implementazione di un sistema di template engine partono da un presupposto di progettazione abbastanza preciso: l'applicativo che si vuole realizzare deve essere visto come una serie di processi indipendenti e collegati fra loro in modalità sussidiare ad un motore centrale.

Questo permette non solo di creare un buon concept dell'applicazione, ma anche di rendere portabile le varie fasi in altri progetti. In una logica ampia la progettualità di un'applicazione web che vede le seguenti fasi:

• Ricezione richiesta remota.
• Elaborazione della richiesta.
• Rilascio dei dati risultanti dall'elaborazione.
• Rappresentazione grafica tramite template.

L'ultima fase è quella che si relazione con l'utente finale. Il front office dell'applicazione web si occupa di consegnare il pacco al cliente. Ma penseranno i processi di produzione ad elaborare la richiesta e preparare il tutto per il fiocco finale.

Template strutturali e funzionali

Si può affermare che ogni template engine sia un sistema strutturale. Avrà i suoi processi interni di gestione ed interfacciamento con il core code. In una logica di separazione delle fasi di processo, riuscirà ad adattarsi al sistema che deve servire mantenendo un'alta scalabilità in termini di facile implementazione di interfaccia.

La funzionalità del template engine è invece una scelta più radicale. Si può decidere infatti che il templating sia atto solo a visualizzare, nel formato adatto, il risultato della richiesta cliente. In altri casi si può anche decidere di destinare al template parte dell'elaborazione, passando a questo dati a livello più grezzo.

Non esiste una scelta migliore e molto dipende dalle modalità di rilascio dell'applicativo. Un esempio di template engine strutturale e poco funzionale è Smarty. Tramite l'utilizzo di file .tpl ed un interfacciamento semplice, riesce a gestire le risultanze passategli da un sistema complesso. Sconta, come ogni altro sistema del genere, la necessità di implementazione nel core code di nuove funzionalità anche per modifiche banali. Si presta però molto bene ad essere incluso in software proprietari a rilascio privato. In questo caso le personalizzazioni e le modifiche successive trovano logica in una modifica diretta del motore centrale dell'applicativo. Mentre il front end può essere gestito facilmente da personale che abbia grandi conoscenze di styling puro, senza bisogno di competenze a livello di scripting.

Per i software a rilascio pubblico e diffuso invece, si consiglia l'utilizzo di un template engine funzionale. Meglio se scritto nello stesso linguaggio di programmazione usato dal motore principale.

L'esempio banale è wodpress. Il sistema di template è scritto in PHP. I file di template sono scritti in PHP. Lo stesso motore centrale fornisce numerose api per implementare nuove funzionalità all'interno del visuale utente. Perchè questo? Wordpress è un software open source, a rilascio diffuso e frequente. Nuove funzionalità che non prevedono scrittura nel database possono essere inserite direttamente nel template. In questo modo, insieme al sistema di plugin, si riesce a non toccare mai il cuore dell'applicazione, potendo procedere ad aggiornamenti di struttura in maniera indipendente e quindi sostenibile.

Solo HTML?

Lo stesso principio con cui strutturiamo il template engine per la produzione di output HTML può essere utilizzato per qualsiasi tipo di output. Ipotizziamo di dover rilasciare un'immagine jpeg con un testo arbitrario. Probabilmente avremo un processo per selezionare l'immagine di sfondo. Un altro proceso si occuperà di processare la stringa da scrivere sull'immagine stessa. Se tale funzione è ripetitiva risulta più economico creare un file di template unico che si occuperà di mostrare il risultato, piuttosto che far produrre il jpeg al codice operativo. Stesso discorso per file XML, PDF, CVS e altro.

Tutte queste sono nozioni di base e del tutto teoriche. Nessun esempio di codice è inserito proprio perchè l'intento è quello di mostrare una logica progettuale efficace ed efficiente. Per le modalità operative, buon lavoro :-)

Tags: Template Engine

Si sta sempre a parlare di cosa è meglio o cosa e peggio quando si valuta un sistema operativo. Si sente spesso dire che l'usabilità di windows comunque nessuna distribuzione Linux riuscirà mai a raggiungerla.

Mi sento di appoggiare in pieno questa ultima affermazione, perchè l'usabilità di Windows è stata ampiamente superata da Linux, ma senza bisogno di raggiungerla, semplicemente andando per la loro strada mettendosi bene in testa cosa potrebbe far felice l'utente, cosa può velocizzare la gestione corrente delle operazioni.

Non si dimentichi il lato ludico, che poi a ragion veduta è quello che maggiormente si pubblicizza quando esce un nuovo sistema operativo. Veramente poco nel marketing all'utente finale si fa riferimento alla sicurezza. Praticamente mai si parla di file system inteso come sistemica gestione dei documenti e degli applicativi. Solo figaggini...

E allora questo video è dedicato a te che te ne freghi di poter fare con una singola linea di comando quello che altri sistemi ti chiedono di mettere in opera navigando fra millemila finestre. A te che se vedi un sobbalzino simpatico delle finestre godi come un calamaro gigante nella Fossa delle Marianne mentre si accoppia dopo 150 anni dall'ultima volta. Tu, proprio tu che metti sul desktop orologi, portachiavi, improbabili slideshow della tua ultima gita in Ucraina perchè lì la danno quasi gratis, beccati questo!

[youtube]http://www.youtube.com/watch?v=t7FzW3bY02g[/youtube]

Tags: Linux, Compiz, Video

Uno dei migliori framework per PHP. Permette di sviluppare velocemente applicativi web complessi. Chiaro che una volta completato il lavoro in locale dovete mettere su un server pubblico il risultato che necessiterà proprio del framework per funzionare.

Leggendo l'ottimo tutorial (disponibile in italiano!) per Jobeet capirete quanto sia importante installare il framework non a casaccio. Ma avrete anche già letto le guida all'installazione notando che è disponibile l'installazione tramite pacchetto PEAR.

HostMonster mette a disposizione l'installazione tramite pear packages già dal pannello di controllo cPanel. Ma symfony non è tra le applicazioni disponibili. Poco male, perchè via ssh possiamo aggiungere il repository e quindi installare il tutto in semplicità. Procederemo con due semplici linee di comando:

[~]# pear channel-discover pear.symfony-project.com
Adding Channel "pear.symfony-project.com" succeeded
Discovery of channel "pear.symfony-project.com" succeeded
[~]# pear install symfony/symfony-1.2.5
downloading symfony-1.2.5.tgz ...
Starting to download symfony-1.2.5.tgz (2,716,774 bytes)
.....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................done: 2,716,774 bytes
install ok: channel://pear.symfony-project.com/symfony-1.2.5

Ed il framework verrà installato in /home/NOSTROUTENTE/php/symfony/. Directory inibita all'accesso pubblico, quindi al sicuro da sguardi indiscreti.

Ricordate che hostmonster abilita l'accesso ssh al vostro account solo dopo averne fatto esplicita richiesta tramite form apposito in cui dovrete inviare anche una scanzione di un documento di riconoscimento valido (la carda di identità italiana va benissimo). In ultimo non dimenticate che potete installare solo pacchetti stabili. Quindi se vi dovessero trovare beta version fra i pacchetti, rischiate la sospensione dell'account.

Tags: PHP, Symfony, PEAR, HostMonster

Mi si chiede: "Ho ubuntu sul pc, ho impostato il login automatico all'avvio, quindi non digito quasi mai la password. Dovrei installare gli aggiornamenti, ma ora sì che mi viene richiesta la password e non la ricordo. Come faccio?!"

La questione è abbastanza semplice. In ubuntu di default l'utente root è disabilitato e l'utente che ha installato il sistema è abilitato, previa richiesta password, a compiere atti con potere di amministratore.

Se hai installato il GRUB loader (al 99,99% sì), allora avvia il sistema selezionando l'ultima versione del kernel disponibile, ma in recovery mode. Di solito la seconda riga dall'alto del grub. Una volta avviato il sistema, ti si presenterà una finestra con quattro opzioni disponibili. Scegliere la terza o comunque quella relativa alla possibilità di aprire la shell di root. Non ti verrà richiesta nessuna password.

Nella shell digita:

passwd NOMEUTENTE

Sostituendo NOMEUTENTE con lo username dell'utente di cui hai dimenticato la password. A questo punto sarà richiesto l'inserimento della password, un secondo inserimento a conferma e tramite un reboot si potrà riprendere pieno possesso delle funzionalità.

Nota Bene

Sì, hai letto benissimo. Avviando in recovery mode si può accedere come root al sistema senza bisogno di nessuna password. Perchè? Facile ripondere: si tratta di un sistema desktop, che in questo modo può essere ripristinato facilmente.

La consideri una grave falla di sicurezza? Ricorda che un sistema è sempre insicuro che qualcuno può mettergli mano fisicamente.

Sei di quelli iper-attenti che mettono la password al bios? Ricorda che basta togliere per 30 secondi la batteria del CMOS e pure quella viene resettata.

Come puoi fare ad essere sicuro al 100%? Attaccati il case alle chiappe ;-)

Tags:

Si tratta del formato data standard per i messaggi di testo inviati e ricevuti via web. Le specifiche sono contenute nel documento RFC2822 datato Aprile 2001. Per fare un esempio pratico degli utilizzi propri del formato in questione, sappiate che è quello standard per l'attributo <pubDate> di un file RSS in formato 2.0. Potrebbe quindi rivalarsi necessario manipolare la stringa per ottenete un formato data diverso.

Un esempio di formato RFC 2822 è il seguente

Fri, 03 Apr 2009 15:09:30 +0200

Indica la data di venerdi, 3 Aprile 2009. Potremmo volerne ottenere un output più semplice, del tipo 03/04/2009. Andremo ad usare in forma combinata le funzioni date e strtotime fornite dal core del PHP.

$data = date('d/m/Y',strtotime('Fri, 03 Apr 2009 15:09:30 +0200'))

E questo è quanto.

Tags: PHP, RFC 2822

Le prestazioni di un sito web spesso si misurano in quantità di dati scaricati. Cosa buona e giusta, perchè l'ottimizzazione passa anche per cercare di far visualizzare lo stesso contenuto con la quantità minore di bit inviati dal server al client. Se usiamo un header con una scritta abbastanza semplice, usiamo del testo invece di un'immagine.

Piccole cose che nel complesso aiutano i visitatori a visualizzare più velocemente le pagine, stressano di meno il server e rendono la navigazione più piacevole, accrescendo la possibilità di fidelizzare l'utenza.

Oltre la quantità di dati è bene tenere sott'occhio anche il numero di richieste che riceve il server. Quando richiediamo via browser una pagina web questa verrà caricata con tutti i file necessari alla sua visualizzazione. Ogni immagine contenuta è una richiesta aggiuntiva, così come per ogni foglio di stile e file javascript incluso. Tempo fa abbiamo visto come ovviare alla marea di richiesta http che possono attivarsi per richiamare tutte le immagini usate come elementi decorativi tramite la tecnica del CSS sprites. Oggi vediamo qualcosa di molto più semplice, ma altrettanto potente come soluzione.

Capita spesso che si abbiano fra i tag del head più file CSS. Questo fa avviare una chiamata per ogni file. Il problema può poi essere maggiore nel caso in cui andiamo a richiamare CSS da altri host. Vediamo in codice l'esempio.

<link rel="stylesheet" type="text/css" media="all" href="http://www.example.com/style.css " />
<link rel="stylesheet" type="text/css" media="all" href="http://www.example.com/css.css " />
<link rel="stylesheet" type="text/css" media="all" href="http://www.othersite.com/othersite.css " />

Perchè tre file quando possiamo caricarne uno solo che contenga tutto? Facciamolo allora. In un unico file inseriamo il codice presente nei file style.css e css.css. Se siamo sicuri che il codice del file othersite.css, che risiede su un altro host, non cambi ad eventi particolari, possiamo aggiungere all'unico file anche quelle righe.

Lo stesso discorso vale per i file di codice javascript. E la cosa avviene piuttosto spesso.

<script type="text/javascript" src="http://www.example.com/myscript.js"></script>
<script type="text/javascript" src="http://www.example.com/mootools.js"></script>
<script type="text/javascript" src="http://www.example.com/effect.js"></script>

Stesso discorso fatto per i CSS. Unico file con tutto il codice. in definitiva avremo ottimizzato il codice diminuendo di 4 chiamate http il loading completo della pagina. Ma possiamo fare di più per velocizzare il loading della pagina! Se non abbiamo interesse ad eseguire codice javascript al loading della pagina, è buona norma includere i file relativi alla fine del codice. Poco prima del tag di chiusura del </body>. In questo modo il browser caricherà velocemente tutte le intestazioni con le relative direttive di stile, applicandole automaticamente dal momento in cui comincia ad interpretare il body della pagina.

Solo in ultimo verranno caricate le funzioni javascript, che essendo di solito necessarie a favorire l'interazione utente <=> pagina possono aspettare il completo caricamento del contenuto con cui poi si interfacceranno via input dell'utente.

Un ultimo consiglio. Se vi trovate ad avere la situazione descritta sopra e volete applicare i suggerimenti di cui sopra fate attenzione a come includete il contenuto nell'unico file di destinazione. Non dimenticate mai che il codice HTML viene interpretato from top to bottom. Quindi per evitare qualsiasi tipo di problema è meglio copiare il contenuto dei file nello stesso ordine con cui ora li state richiamando.

Tags: CSS, JavaScript, Ottimizzazione, Web, Tutorial

Se avete seguito la guida di qualche tempo fa per installare php, Apache e MySQL su Leopard, allora potreste aver bisogno di queste informazioni per abilitare la libreria cURL nel php.

Per prima cosa scarichiamo i sorgenti dal sito ufficiale a questo indirizzo. Scompattiamo il tarball nella directory in cui lavoriamo con i sorgenti. Non c'è una regola base per questo, io uso la directory /usr/sources/. Se facciamo l'operazioni ad oggi data post, avremo la directory curl-7.19.4.

Entriamo nella directory e lanciamo i soliti comandi per l'installazione.

cd /usr/sources/curl-7.19.4
./configure
make
make test
sudo make install

Se volete personalizzare la path di destinazione associate al configura l'opzione --prefix=/path/to/curl. E ricordate che il comando make test è tanto opzionale quanto consigliato.

Una volta compilata la libreria cURL ci toccherà ricompilare il PHP. Nella speranza che abbiate conservato i sorgenti nella directory a questi dedicata, entrate dentro la cartella del php e ricompilate in questo modo.

./configure --prefix=/usr/local/php5 --enable-calendar --with-apxs2=/usr/sbin/apxs --enable-mbstring --with-mysqli=/usr/local/mysql/bin/mysql_config --with-mysql=/usr/local/mysql/ --with-gd --enable-soap --with-zlib --with-jpeg-dir=/usr/local/bin --with-png-dir=/usr/local/bin --enable-sockets --with-curl=/usr/lib
make
sudo make install

Infine riavviate il webserver da pannello di controllo o con un sudo apachectl graceful.

Tags: PHP, Leopard, Mac OS X, cURL

Secondo le statistiche del w3school sembra che da febbraio 2009 Firefox abbia sorpassato Internet Explorer per diffusione. Percentuali di 46.40% contro il 43.60% del/dei browser di casa Redmon. E la cosa più impressionante è il tasso di crescita: mediamente ad un ritmo di quasi 1%.

Non so quanto siano attendibili le statistiche, ma la cosa è abbastanza evidente. Merito di Mozilla solo in parte, perchè dando un occhio alle statistiche dei sistemi operativi, penso che qualcosa abbia pesato il fallimento di Vista :-)

Tags: Firefox, Internet Explorer, Browser, Vista

Le migliori idee sono quelle che mi danno gli altri. Da una necessità spesso può scaturire qualcosa di nuovo e forse buono. E' così che la settimana scorsa un mio collega mi chiede un modo per realizzare facilmente una galleria di immagini. Gli hanno affidato la gestione del sito dell'associazione sportiva di cui fa parte e l'unica cosa che vogliono fare è inserire di tanto in tanto qualche galleria. Tutto il resto è e resterà stato codice html.

La persona in questione sa usare un client ftp, riesce a personalizzare una pagina web e pure a crearla utilizzando un programma wysiwyg di base. Non ha interesse ad imparare. Lui vuole solo la sua galleria. Ho provato a mostrargli qualche script da installare sul server, ma non ha familiarità con chmod, installazioni di script e altro ed è pure intenzionato a non averne, perchè fa tutto a livello amatoriale.

Ho cercato un po' in giro ed in effetti si trovano servizi che ti creano il layout della galleria, ma ti consigliano programmi desktop per l'editing delle immagini. Altri invece fanno tutto, ma son programmini desktop che consigliano di usare dreamweaver piuttosto che installare altro sul pc. Insomma, sembra non esistere un servizio web a cui dare in pasto le tue immagini per far creare le miniature ed il codice html della galleria.

Buona idea, perchè non farlo? Ed allora nasce MyGalleryGenerator.com. Scritto abbastanza in fretta fra sabato e domenica, il servizio permette di creare una galleria di immagini pronta per essere uploadata sul vostro server. Dategli in pasto le immagini, il sistema creerà automaticamente le miniature, vi permetterà di inserire i dettagli dell'immagine (un titolo ed una descrizione) e genererà la galleria dandovi la possibilità di scaricare il tutto in un comodo archivio *.zip.

Verrà creato un solo file, chiamato sempre gallery.html, per la visualizzazione della galleria. Il full size delle immagini è deputato a lightbox. Questo da il doppio vantaggio di avere un singolo file html da gestire, includendo anche quello stile 2.0 che tanto piace. Tutti i file necessari al funzionamento del sistema li troverete nello zip. Non vi sarà richiesto di scaricare altro.

Il servizio è gratuito, non richiede registrazione, ma proprio per questo pone qualche limite:

• Potete uploadare un massimo di 9 file per galleria.
• Ogni file non può essere più grande di 1MB.
• Potete generare un massimo di 3 gallerie nell'arco di 24 ore.

Un esempio di output lo potete visualizzare qui. Lo stile applicato è fisso, come le dimensioni date alle miniature ed il layout in generale. Potendo scaricare i file avete comunque la possibilità di personalizzare il layout editando il file gallery.html o lo stile, agendo sul CSS associato. La galleria è di base valida XHTML 1.0 Transitional. Il codice JavaScript relativo a lightbox è debitamente degradato.

Nota bene: per evitare che il server si riempia di immagini caricate, il sistema cancella periodicamente i file vecchi. Lo fa abbastanza spesso! Quindi rammentate bene la seguente. Dopo l'upload avete 10 minuti per inserire titolo e descrizione delle immagini. Una volta creata la galleria avete 5 minuti di tempo per scaricarla. Dopo di che si perde tutto irrecuperabilmente.

Tags: mygallerygenerator

E' già da un po' di tempo che su Facebook la mia curiosità si è spostata allo sviluppo delle applicazioni. Cosa si può fare ed in che modo implementarlo? I milioni di utenti che popolano il social network sono un'attrazione irresistibile per chiunque cerchi visibilità. E i tenutari di facebook bene lo sanno avendo inserito la possibilità di schedulare eventi, dedicare intere pagine in gestione utente.

Ma fin qui non si va molto oltre quello che qualsiasi social network dovrebbe fare. Invece i faccia di libro hanno avuto l'idea geniale: permettere a degli sviluppatori esterni di far girare intere piattaforme dentro Facebook, come se facessero parte integrante del social network.

Doppio vantaggio per sviluppatori e proprietà di facebook. I primi possono concentrarsi sullo sviluppo dell'applicazione, deputando a facebook stesso gran parte del lavoro di marketing per la pubblicizzazione del servizio. Mentre la proprietà di facebook si ritrova con centinaia di funzionalità a costo di sviluppo quasi zero. Pensate un po' a Networked Blogs. Quanti servizi di indicizzazione per blog esistono nel mondo? E quanti ne sono stati pensati e realizzati prima di questo? Una miriade. Se Networked Blogs fosse stato implementato solo sul proprio host, molto probabilmente non avrebbe avuto successo. Invece inserendolo in Facebook è diventato punto di riferimento dei bloggers del più grande social network del mondo! Bel vantaggio no? :-)

Fatta questa piccola premessa, ho cercato di informarmi un po' su come mettere in piedi una piccola applicazione per Facebook, giusto per vedere come si fa, niente di pretenzioso o altisonante. C'è tanta documentazione in merito, non solo l'ottimo wiki, ma anche una miriade di tutorial e post sparsi in tutto il web. Con un po' di tristezza ho però constatato che sembra non esistere una, che dico una sola pagina in italiano che spieghi qualcosa. Magari ho cercato io male, ma non ho trovato niente in merito su web nostrani.

A questo punto mi son detto: "Voglio provare a fare un'applicazione per Facebook, non esiste documentazione italiana..." Perchè non scrivere un'applicazione che sia di fatto un tutorial tutto italiano per lo sviluppo di applicazioni? Ed ecco il "Tutorial Italiano Applicazioni". L'applicazione facebook che cerca di spiegare se stessa e si rivolge al bel paese.

Spero possa risultare utile a qualcuno. A me lo sarà sicuramente :-)

Tags: Facebook, Applicazioni Faceboook, Tutorial