Creazione del database

Il database che utilizzeremo sarà, per il momento, MySql versione 5. In futuro si potrebbe aggiungere il supporto ad altri database, visto che il framework PHP che utilizzeremo (CodeIgniter, vedi oltre) è già in grado di gestirne molti altri: Microsoft SQL Server, Postgres, Oracle, ODBC.

Il nostro schema sarà molto semplice, avrà solamente due tabelle: collections e images. Lo script per creare le tabelle è il seguente:

CREATE TABLE `collections` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(128) NOT NULL,
  `description` text,
  `path` varchar(256),
  `thumbnail_path` varchar(256),
  `thumbnail_width` smallint,
  `thumbnail_height` smallint,

  PRIMARY KEY (`id`)
) ENGINE=InnoDB;

CREATE TABLE `images` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(128),
  `description` text,
  `collection_id` int(11) NOT NULL,
  `path` varchar(256),
  `width` smallint,
  `height` smallint,
  `thumbnail_path` varchar(256),
  `thumbnail_width` smallint,
  `thumbnail_height` smallint,

  PRIMARY KEY (`id`),
  KEY `collection_id` (`collection_id`),
  CONSTRAINT `collection_id` FOREIGN KEY (`collection_id`) REFERENCES `collections` (`id`)
) ENGINE=InnoDB;

Da notare l’utilizzo delle tabelle di tipo InnoDB, che ormai è lo standard da MySql versione 5; il vantaggio è che permette di avere un database “vero”: oltre a transazioni e lock a livello di riga, la caratteristica più utile per gli sviluppatori sono le Foreign Key (chiavi esterne), che ci permettono di avere uno schema delle tabelle molto più semplice da capire.

Framework PHP: CodeIgniter

Come framework PHP abbiamo scelto CodeIgniter, per svariati motivi. Ci serviva infatti un framework di tipo MVC (Model-View-Controller) che fosse semplice da imparare, leggero e con pochi requisiti di hosting. CodeIgniter non solo possiede tutte queste caratteristiche, ma ha anche qualcosa in più, di base infatti fornisce una serie di utility per la persistenza su database, la validazione e molto altro. Insomma l’ideale per un progetto che parte “piccolo” ma ha assolutamente intenzione di crescere! Inoltre in passato abbiamo potuto apprezzarne le doti grazie a semplici guide.

L’installazione del framework è un’operazione piuttosto semplice:

• si scarica l’ultima versione stabile di CodeIgniter, al momento della scrittura di questo articolo siamo alla 2.1.0;
• si estrae l’archivio;
• i file estratti vanno copiati nella directory pubblica della nostra web application.

CodeIgniter infatti, come molti framework PHP, Ruby o Python, fornisce struttura di base alla quale dobbiamo aggiungere i nostri sorgenti, file di configurazioni, risorse, librerie e tutto ciò che serve alla nostra applicazione. Le nostre personalizzazioni vanno quindi inserite in una delle sotto-directory di application.

Classi Model

La prassi di CodeIgniter prevede la creazione di una classe Model per ognuna delle tabelle che intendiamo gestire. I sorgenti di queste classi vanno memorizzati nella directory application/models, ed hanno queste caratteristiche:

• estendono la classe CI_Model, fornita da CodeIgniter;
• la prima lettera del nome della classe deve essere maiuscola;
• il nome del file sorgente deve essere la versione in minuscolo del nome della classe, più l’estensione .php;
• la classe deve definire il metodo __construct(), richiamando il metodo della classe padre.

Nonostante tutte queste regole, la creazione delle classi Model non è affatto difficile. Di seguito i sorgenti dei due Model della nostra applicazione Photocloud, il primo è il modello per la tabella collections:

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Collection_model extends CI_Model {

  private static $table_name = 'collections';

  var $id;
  var $name;
  var $description;
  var $path;
  var $thumbnail_path;

  function __construct() {
    parent::__construct();
  }

  public function get_collections($limit = null) {
    // most recent collections
    $this->db->order_by('id', 'desc');
    $query = $this->db->get(Collection_model::$table_name, $limit);
    return $query->result();
  }

  public function get($id) {
    $this->db->where('id', $id);
    $query = $this->db->get(Collection_model::$table_name);
    return $query->row();
  }

  public function insert() {
    $this->db->insert(Collection_model::$table_name, $this);
    $this->id = $this->db->insert_id();
  }

  public function update() {
    $this->db->where('id', $this->id);
    $this->db->update(Collection_model::$table_name, $this);
  }

}

Questo invece è il modello per la tabella images:

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Image_model extends CI_Model {

  private static $table_name = 'images';

  var $name;
  var $description;
  var $collection_id;
  var $path;
  var $width;
  var $height;
  var $thumbnail_path;
  var $thumbnail_width;
  var $thumbnail_height;

  function __construct() {
    parent::__construct();
  }

  public function get_images($collection_id) {
    $this->db->where('collection_id', $collection_id);
    $this->db->order_by('id', 'asc');
    $query = $this->db->get(Image_model::$table_name);
    return $query->result();
  }

  public function insert() {
    $this->db->insert(Image_model::$table_name, $this);
    $this->id = $this->db->insert_id();
  }

  public function update() {
    $this->db->where('id', $this->id);
    $this->db->update(Image_model::$table_name, $this);
  }
}

Come potete notare entrambe le classi sono già dotate di alcuni metodi per l’interazione con il database:

Classe Collection_model:

• metodo get_collections(): recupera le collezioni dal database, ordinandole per ID discendente. In questo modo vengono mostrate prima le più recenti, inoltre grazie al parametro limit possiamo scegliere quante mostrarne;
• metodi get(), insert(), update(): classiche operazioni database ovvero carica, iserisci e aggiorna.

Classe Image_model:

• metodo get_images(): restituisce l’elenco delle immagini di una collezione ordinate per ID (questa volta ascendente).
• metodo insert() e update(): come sopra.

Sviluppi

Nella prossima puntata vedremo come creare le classi Controller e le View ad essi associate.

Links

• MySql;
• Chiave Esterna (Wikipedia);
• CodeIgniter;
• MVC – Model-View-Controller design pattern (Wikipedia).

L’obiettivo del nostro restyling non è puramente grafico, dopo anni di lavoro al fianco di migliaia di clienti, abbiamo deciso di intraprendere una strada che dà al nostro logo e alla nostra grafica una migliore leggibilità e associa perfettamente i nostri prodotti a quella che è la nostra culture aziendale, fortemente incentrata sul cliente, sul disegnare prodotti che coprano specifiche esigenze e abbiano prima di tutto un focus sull’assistenza diretta, fatta da nostri dipendenti, sempre pronti a rispondere direttamente per i problemi e le domande di tutti i giorni.

Il nuovo logo che presentiamo oggi ha alle spalle un percorso che ha cercato di identificare prima di tutto quali fossero le nostre esigenze del 2012, e in secondo luogo ha voluto dare una maggiore personalità alla nostra attività. Come potete vedere nel nostro nuovo logo qui sotto, la nostra nuova mascotte è un Paguro, e ci seguirà in diverse versioni nelle prossime settimane, in base ai singoli prodotti:

I nostri clienti e lettori si chiederanno perchè proprio un paguro? Il paguro è un animale con attitudine all’evoluzione e all’adattamento per via della sua caratteristica, una volta cresciuto, di cercare una nuova conchiglia più adatta dove trasferirsi. Questo comportamento rappresenta una sorta di metafora di HostingSolutions.it, un marchio e un’azienda che negli anni con la costante espansione e miglioramento dei propri prodotti, si propone di rispondere con soddisfazione all’evoluzione del business dei propri clienti.

Il Payoff del nostro nuovo logo, “Out of the box“, un modo di dire inglese che significa “fuori dagli schemi” e proprio per questo identifica quale è la filosofia e cultura che guidano HostingSolutions.it nella scelta e lancio di nuovi prodotti per i propri clienti. Vogliamo ribadire con questo la nostra unicità rispetto al resto del settore, dettata dalla volontà di distinguere i nostri prodotti dal resto del mercato.

Il logo è solamente una parte del processo di rebranding del marchio di HostingSolutions.it, la nostra homepage nelle scorse settimane è già stata testimonial di un restyling grafico che mira a presentare i nostri prodotti in maniera più chiara, suddivisi nelle più importanti macrocategorie, in modo da poter fornire subito risposta alle esigenze dei nostri nuovi clienti.

Come potete vedere nell’immagine sopra, la nostra scelta è stata orientata alla disposizione semplice di quelli che sono i nostri prodotti core, dai servizi legati ai domini fino ai servizi di cloud computing che rappresentano di fatto una nuova business unit all’interno della nostra azienda.

Siamo ovviamente aperti a qualsiasi suggerimento e consiglio vogliate darci che possa aiutarci ad essere ancora più chiari! Per qualsiasi informazione usate i nostri commenti qui sotto o scriveteci a info@hostingsolutions.it 

Use case administrator

La nostra applicazione avrà soltanto due ruoli utente:

• utente anonimo, visto la volta scorsa;
• utente administrator, che potrà creare le collezioni e modificare i contenuti del database.

Per accedere all’area di amministrazione servirà ovviamente un form di login:

Al posto che ricreare da capo tutta la sezione amministrativa, spesso la soluzione più comoda, e perfino più usabile, è modificare le pagine pubbliche in modo che mostrino alcuni controlli aggiuntivi se l’utente corrente ha effettuato la login. Ad esempio, accedendo come administrator alla pagina Elenco collezioni avremo in più il pulsante “Aggiungi”:

Il pulsante Aggiungi ci manderà dritti dritti verso un form di creazione della collezione, dove potremo inserire titolo e descrizione della stessa:

Stesso discorso per la pagina di Dettaglio Collezione, dove avremo un pulsante “Carica foto” per aggiungere nuove foto alla collezione, senza dover passare da un’altra pagina o cliccare su un menu di amministrazione:

Anche qui dopo aver cliccato sul pulsante verremo dirottati su un form per caricare la foto e specificarne titolo e descrizione:

È chiaro altresì che l’utente administrator potrà utilizzare tutte le funzionalità a disposizione degli utenti “regolari”.

Alcune limitazioni

Per ragioni puramente pratiche dovremo limitare al massimo le funzionalità implementate; il “team” di sviluppo è composto infatti da una sola persona, ovvero il sottoscritto! Per questo motivo il progetto, almeno inizialmente, avrà queste limitazioni:

• sarà possibile solamente aggiungere collezioni e foto;
• non sarà possibile cancellare o modificare contenuti, se non agendo direttamente sul database e sul file manager del Cloud Storage;
• le uniche tipologie di Cloud Storage supportate saranno quelle compatibili con le S3 API, come appunto il servizio fornito da Hostingsolutions.it.

Comunque, il progetto sarà rilasciato come open source con licenza GPL, questo darà la possibilità a chiunque di personalizzarlo e contribuire all’implementazione di nuove features o bugfix. Il potere dell’open source!

User story

Le user story rappresentano le funzionalità dell’applicazione, viste però dal punto di vista dell’utilizzatore. Sono un mezzo di comunicazione fra client, management e team di sviluppo, più che un catalogo preciso e rigoroso di specifiche da seguire alla lettera. Chi ha esperienza “reale” di realizzazione software sa bene che, a parte rari casi, è difficile che un progetto abbia sin dall’inizio (in alcuni casi, mai!) delle specifiche che siano allo stesso tempo complete, aggiornate, stabili. Quindi ben vengano le informali (ma dannatamente efficaci!) user story.

Prima di cominciare a scarabocchiare i nostri mockup, diamoci un’idea di cosa andremo a realizzare:

• foto gallery basata su PHP, MySql e Cloud Storage;
• codice HTML il più possibile aderente agli standard, visualizzabile anche su dispositivi mobili;
• interfaccia utente in gradevole e facile da usare;
• requisiti minimi per il server che la ospiterà.

Dopo un’accesa quanto fantomatica riunione con il cliente (che in questo caso siamo… noi stessi!) abbiamo raggiunto un accordo per realizzare una decina di user story, che ora vi presentiamo.

User story di tipo anonymous user

Queste user story si riferiscono al caso in cui l’utente dell’applicazione non abbia fatto login, quindi si tratterà della parte pubblica della nostra applicazione.

Avremo quindi per prima cosa una homepage:

In questa homepage abbiamo alcuni elementi interessanti:

• il menu di navigazione orizzontale ha tre link:
  • Home: riporta su questa pagina iniziale;
  • Collezioni: manda ad una pagina con l’elenco delle collezioni disponibili;
  • Login: permette di accedere al form di login, per amministrare l’applicazione.
• abbiamo un carousel centrale, che mostra un’animazione delle ultime collezioni create; cliccando su una delle immagini rotanti del carousel andremo (come indicato dal post-it) sulla pagina di dettaglio della collezione.

Il menu ovviamente è un elemento comune che ci accompagnerà anche negli altri use case.

Questa è la pagina Collezioni, raggiungibile cliccando l’omonima voce sul menu di navigazione:

Ogni collezione ha una miniatura (in inglese thumbnail) per aiutarci a identificarla e per creare degli elenchi più gradevoli e facilmente usabili. Ricordiamo infatti che le immagini sono uno dei migliori “facilitatori” per l’utente, e che troppo testo spesso fa calare vistosamente il numero di visite ad un sito; senza contare che stiamo creando un’applicazione per gallerie fotografiche!

Ecco qui sotto la pagina che mostra il dettaglio collezione, raggiungibile cliccando sul carousel della homepage o su una delle miniature nella pagina Collezioni:

Come potete notare, il layout a griglia si ripete anche qui, l’unica differenza è che appena sotto il titolo abbiamo una descrizione della collezione, dove potremo inserire un piccolo racconto, le nostre impressioni o note di viaggio. Cliccando su una foto vogliamo che questa si apra con il classico effetto lightbox, per dare quel tocco di interattività e classe che rendono piacevole un album fotografico online.

Sviluppi

Nel prossimo appuntamento vedremo gli use casi di tipo amministrativo, e illustreremo alcune scelte di progetto.

Links

• definizione di Mockup (Wikipedia).

Prima di parlare delle principali caratteristiche della piattaforma, vogliamo informarvi che HostingSolutions.it ha scelto di regalare un anno di servizio completo a tutti i nostri lettori per il piano ActiveShop Quick, del valore di 99 Euro annui. Per attivare fin da oggi il piano, su un dominio di terzo livello (nome.dominio.estensione) basta semplicemente registrarsi e eseguire l’ordine alla pagina ashop.hostingsolutions.it utilizzando il codice promozionale:  QC099AS

Come funziona la nostra piattaforma di E.-commerce?

• Totalmente online e hosted: proprio così, i nostri clienti non devono installare alcun software, la piattaforma di e-commerce è già pronta, una volta attivato il vostro piano non dovete fare altro che compilare i dati del vostro negozio, scegliere il template e iniziare la personalizzazione. Tutti gli strumenti necessari sono già pronti, non necessitano di alcuna configurazione e potete iniziare a vendere da subito!

• Scalabile e ridondato: la nostra infrastruttura di webhosting vi permette di non preoccuparvi del numero di visite che avrete nel vostro negozio, le nostre soluzioni hanno un quantitativo di spazio e traffico sufficiente ad accogliere anche i siti di e-commerce più trafficati.

• Decine di features per aumentare le vendite: dall’integrazione completa con Google Shopping, alla gestione completa degli sconti e delle newsletter, ActiveShop è ora in grado di fornire una serie di strumenti completi per promuovere il vostro negozio e aumentare facilmente le vendite, con la possibilità di avere da subito dei potenti strumenti di E-commerce.

Per una DEMO completa della nostra piattaforma potete andare a questo link: http://demo.activeshop.it/it/

Scelta dell’applicazione e delle tecnologie

L’applicazione che realizzeremo sarà un gestore di gallerie fotografiche perché, per diversi motivi, è un caso d’uso esemplare per il Cloud Storage.

La questione più importante è sicuramente quella dello spazio su disco. Inizialmente avremo poche foto memorizzate e lo spazio fornito da un qualsiasi hosting economico potrebbe anche bastare; mano a mano che aggiungeremo immagini tuttavia lo spazio su disco si farà sempre più “stretto”, senza contare i consumi di banda che cominceranno a diventare problematici, fino a casi estremi (ma non così rari) dove il fornitore ci chiederà di passare ad un piano di livello superiore se non addirittura ad un VPS o dedicato. Queste soluzioni, in mancanza di altre motivazioni, sono chiaramente sprecate per l’uso a cui sarebbero destinate: oltre ad avere una gran potenza di elaborazione sottoutilizzata avremmo infatti anche molte più responsabilità di system administration… solamente per dello spazio su disco e della banda in più!

Uno degli obiettivi del Cloud Storage è proprio quello di risolvere questo tipo di problemi:

• si parte da un pacchetto iniziale di dimensioni “normali”;
• si paga effettivamente per spazio e traffico utilizzati;
• in ogni momento è possibile acquistare risorse aggiuntive o passare ad un taglio superiore, senza dover noleggiare server dedicati o VPS.

Un’altro aspetto molto importante per applicazioni mission critical o siti web importanti è la sicurezza dei dati, dove per sicurezza si intende la raggiungibilità e la minimizzazione del rischio di perdita degli stessi. Il Cloud Storage di Hostingsolutions si basa infatti sulla rinomata tecnologia Ring Organic Storage di Scality, azienda specializzata in soluzioni di storage all’avanguardia, che permette di ottenere un’altissima disponibilità:

• i dati sono replicati geograficamente in due data center, quello di Roma e quello di Firenze;
• la replica avviene in almeno tre server differenti;
• in caso di irraggiungibilità di uno dei server o addirittura di tutto il data center, i dati saranno comunque disponibili da un altro server/data center.

Ovviamente per completare l’applicazione ci serviremo ovviamente di altre tecnologie, abbiamo quindi deciso di utilizzare principalmente quelle di cui abbiamo discusso su questo stesso blog:

• PHP;
• CodeIgniter, un framework per PHP;
• MySql;
• Amazon S3 PHP Class.

Open Source

L’idea iniziale era semplicemente di fornire degli esempi di codice PHP per interagire con lo storage, ma ci siamo resi conto che l’applicazione aveva, oltre a solide basi, le potenzialità per diventare un progetto vero. Inoltre sul sito web di Hostingsolutions.it ci sono già delle guide esaurienti sull’utilizzo del Cloud Storage, è inutile ripetere gli stessi argomenti. Alla fine ci siamo detti “Perché non farla diventare un progetto open-source?” e così è stato! A breve quindi attiveremo un repository su GitHub che ci permetterà di condividere con voi gli avanzamenti del codice sorgente, oltre che permettere al mondo intero di conoscere il nostro progetto, discutere, inviare proposte e bugfix, contribuire alla documentazione, in pieno spirito open source.

Links

• PHP;
• CodeIgniter;
• MySql;
• Amazon S3 PHP Class;
• Soluzioni cloud di Hostingsolutions;
• Scality – Ring Organic Storage;
• GitHub.

Installazione

I requisiti principali, come riportato sulla documentazione, sono molto semplici, è sufficiente infatti:

• un web server: Apache 1.3 e 2 sono gli unici “certificati”, ma dovrebbe funzionare correttamente anche sugli altri;
• PHP 5.x;
• un database: MySql è sicuramente quello maggiormente supportato;
• librerie GD2 se si vogliono creare grafici.

Dopo aver scaricato la distribuzione dal sito, l’installazione è davvero immediata e si riduce a:

• estrarre i contenuti dell’archivio in una directory accessibile dal web server;
• accedere tramite browser;
• impostare la password di amministrazione.

Per aiutarci a prendere confidenza con l’ambiente di sviluppo, Reportico fornisce dei comodi tutorial pre-installati; questi comprendono, oltre ai report d’esempio, anche alcune tabelle con relativi dati, che utilizzeremo anche nei nostri esempi.

Per configurare i dati di test procediamo in questo modo:

• creiamo lo schema reportico_tutorials su MySql;
• accedere come Administrator;
• cliccare su Configure Tutorials;
• Database Name: reportico_tutorials;
• username e password MySql.

Cliccando su Go i dati verranno salvati. Fatto ciò, torniamo sulla schermata principale cliccando su Project Menu, ed eseguiamo il comando Run Project Report Suit selezionando la voce tutorials. Da qui cliccando su Generate The Tutorial Database si arriva nella schermata successiva, dove è pre-selezionato il comando Create tables. Cliccare su Go per avviare il processo di creazione.

Creazione di un report

Ora che abbiamo dei dati d’esempio non ci resta che esplorare l’ambiente di sviluppo, creando un nuovo progetto:

• dalla pagina di amministrazione, cliccare su Create a New Project;
• Project Name: inserire mioprogetto. Questo è il nome della directory che verrà creata in /projects, quindi dovrebbe avere un nome compatibile con il file system sottostante;
• Project Title: Mio Progetto;
• Database Name: reportico_tutorials (lo stesso dei tutorial);
• username e password MySql.

Tornando sul Project Menu creiamo un nuovo report scegliendo mioprogetto con il comando Create Report in Project, e inseriamo questi dati:

• Report file: prestiti_per_categoria.xml;
• cliccare Save;
• Report Title: “Prestiti per categoria”;
• cliccare su Ok (a destra);
• cliccare sul tab Query Details;
• inserire questo SQL:

  SELECT c.cat_code cat_code, c.cat_desc cat_desc, count(1) as count_loans
  FROM reptut_category c
    join reptut_film f on c.cat_code = f.cat_code
    join reptut_loan l on f.film_id = l.film_id
  WHERE 1 = 1
  GROUP BY c.cat_code
  ORDER BY count_loans desc

• cliccare su Ok;
• clic su tab Query Columns;
• campo cat_code impostare Justification a “center” e inserire “Codice” in Column Title;
• campo cat_desc: in Column Title inserire “Categoria”;
• campo count_loans impostare Justification a “right” e inserire “n. prestiti” in Column Title;
• clic su Go.

Ora possiamo eseguire il report, cliccando Run Report e scegliendo un formato di output. Ecco come si presenta l’output HTML:

Nonostante l’interfaccia sia anni luce dall’usabilità di strumenti più potenti come Jasper Reports o altre alternative commerciali, siamo riusciti a realizzare il nostro esempio molto velocemente!

Abbiamo accennato alla possibilità di inserire grafici, ecco come fare:

• tornare su Design Report;
• tab Output, poi tab Groups;
• cliccare su Add, poi su Group 0;
• selezionare REPORT_BODY, poi clic Ok;
• clic su tab Graphs, clic su Add;
• clic su Graph 0;
• Title: Prestiti per categoria;
• Column for X Labels: cat_desc;
• clic Ok;
• clic su tab Plots, poi Add;
• clic su Plot 0;
• Column To Plot: count_loans;
• Plot Style: Pie 3D;
• clic Ok.

Attenzione: ricordatevi di cliccare “Ok” ogni volta che passate da un tab all’altro, altrimenti le modifiche non verranno salvate!

Eseguendo di nuovo il report, sotto la tabella vista sopra verrà aggiunto anche un grafico:

Sviluppi

Nonostante l’interfaccia “migliorabile” (è un eufemismo) Reportico può rappresentare una facile ed economica alternativa a sistemi più famosi, che spesso sovradimensionati rispetto alle proprie reali necessità. Inoltre possiede caratteristiche molto interessanti come la possibilità di creare form per filtrare i dati, oppure il già citato output in JSON che farà felici molti sviluppatori Javascript.

Links

• Reportico.

Come funziona un certificato SSL?

I certificati SSL, come detto, sono uno strumento che permette di aumentare la sicurezza del proprio sito web. Tecnicamente un certificato SSL viene rilasciato da una società (GeoTrust o RapidSSL nel nostro caso) che si occupa di verificare le informazioni relative al sito web che viene “protetto” dal certificato, e all’attività che gli corrisponde (nel caso abbiate un e-commerce, avrete sicuramente anche una ditta individuale o una società). Queste informazioni vengono verificate perchè il certificato garantisce ai vostri visitatori o clienti, che le informazioni trasmesse sono sicure e gestite da una reale attività e persone fisiche riconosciute.

Dal punto di vista della sicurezza un certificato SSL, la connessione tra il sito web e l’utente viene criptata con un numero variabile di bit (da 40 a 256 bit). Più è alto questo valore, più è difficile, per un possibile attacco, andare a decifrare le informazioni che vengono inviate o ricevute dal nostro sito web.

Quando ti serve un certificato SSL?

I certificati SSL sono fondamentali per tutte le attività online che trattano dati sensibili dei loro utenti o clienti. Il sito di e-commerce è l’esempio più semplice, i vostri clienti lasciano sul sito informazioni preziose, non solamente i loro dati, ma spesso i dati delle loro carte di credito, che ovviamente devono essere gestiti attraverso una connessione protetta.

Ma l’uso dei certificati SSL non è ridotto solamente ai siti di e-commerce. Pensate ad un sito web che raccoglie informazioni sui visitatori, i loro dati anagrafici, le loro preferenze, per qualsiasi tipologia di servizio; in quel caso è evidente la necessità di proteggere queste informazioni quando vengono inviate online, e tutto questo può essere fatto tramite l’uso di una connessione SSL.

L’installazione di un certificato SSL è molto semplice, richiede l’utilizzo di un IP dedicato; i nostri tecnici di HostingSolutions.it solitamente seguono il cliente per ogni necessità nella installazione e utilizzo in produzione del certificato.

Quale certificato SSL scegliere?

Attualmente abbiamo a disposizione 4 certificati SSL: la versione minima da 85,00 Euro annui, rilasciata da RapidSSL, e la versione professionale rilasciata da GeoTrust. A seconda della propria attività è possibile scegliere una diversa tipologia di certificato. Se vogliamo proteggere il nostro dominio e anche tutti i sottodomini collegati, allora la soluzione ideale è il certificato RapidSSL Wildcard. Il certificato RapidSSL da 85,00 Euro annui, rappresenta la soluzione entry level ideale per tutti i siti di e-commerce.

Il certificato GeoTrust EV è il top della nostra offerta e consente di avere il massimo della sicurezza, con l’utilizzo inoltre della colorazione verde della barra del browser per avvisare l’utente della protezione in corso sul proprio sito web!

• abbiamo installato OpenX;
• abbiamo creato gli inserzionisti (Advertiser) e i siti web (Website) dove verranno visualizzati i banner;
• abbiamo creato la nostra prima campagna (Campaign).

L’ultimo tassello che ci manca per completare l’opera è la configurazione delle zone nei siti web.

Slot pubblicitari

Le zone non sono altro che degli spazi all’interno dei siti web, spazi che i webmaster hanno deciso di riservare all’erogazione di banner. È importante sottolineare il fatto che la scelta delle dimensioni e della posizione di questi spazi è una decisione del webmaster; il gestore del network pubblicitario può al massimo fornire suggerimenti sui formati standard (vedi oltre) o al massimo contrattare per qualche spazio in più o per una posizione più favorevole. Una volta stabilite le caratteristiche delle zone, il webmaster le deve comunicare all’amministratore. Certo, spesso siamo noi stessi ad assumere sia il ruolo di webmaster che di amministratore OpenX, ma è bene conoscere dove finiscono le responsabilità di un ruolo e iniziano quelle di un altro, in vista di espansioni e specializzazioni future.

Configurazione delle zone

Ipotizziamo quindi che il webmaster di turno ci abbia comunicato di avere a disposizione queste tre zone:

• un banner di 468 x 60 pixel in homepage;
• lo stesso spazio di 468 x 60, ma nelle pagine interne;
• piccoli banner nella sidebar, di dimensioni 180 x 150.

La distinzione fra i primi due è spiegata dal fatto che il webmaster vorrebbe affittare a prezzi differenti i banner in homepage rispetto a quelli nelle pagine interne, ad esempio perché ha molte più pageview, oppure perché il numero di nuovi visitatori o di visitatori abituali è molto più alto o più basso, eccetera. Tutti questi aspetti della contrattazione degli spazi sono molto importanti, ma come già spiegato nelle scorse puntate non ci sono delle vere e proprie regole da seguire, o meglio, ognuno si crea le proprie!

Torniamo dunque al nostro inventory di OpenX e clicchiamo su Zones (appena sotto Websites nel menu di sinistra). Nel menu a tendina appena sotto il titolo possiamo scegliere il sito web su cui lavorare; dopo averlo fatto, cominciamo a creare le zone, cliccando su Add new zone.

Nel form, oltre a nome e descrizione, dobbiamo specificare vari dati:

• (opzionale) Category: utile per inviare a questa zona banner adatti all’argomento trattato;
• Zone type: il tipo di zona che ci interessa è quello selezionato di default, ovvero Banner, Button or Rectangle. Gli altri tipi di zona sono spiegati bene nella guida ufficiale;
• dimensioni: questo probabilmente è il parametro più importante per il corretto inserimento dei banner nel sito.

Le opzioni disponibili per le dimensioni sono alcuni dei formati più utilizzati sul web e formalizzati dal Interactive Advertising Bureau (IAB), un consorzio di aziende statunitensi operanti nel settore della pubblicità; questi formati sono un vero e proprio standard de facto, accettato anche dalla controparte europea IAB Europe, sono quindi garanzia di uniformità e compatibilità con la maggior parte dei banner prodotti dalle agenzie pubblicitarie.

Per la nostra prima zona inseriamo il nome “Full Banner (468 x 60) – homepage”, scegliamo il formato IAB Full Banner (468 x 60), infine clicchiamo su Save changes. Ripetiamo il procedimento per le altre due zone, che chiameremo:

• Full Banner (468 x 60) – pagine interne;
• Rettangolo sidebar (180 x 150).

ovviamente scegliendo il formato giusto.

Inserimento dei banner

Ora che abbiamo a disposizione le zone, possiamo cominciare ad assegnare i banner fornitici dagli inserzionisti. Per comodità abbiamo realizzato due banner-segnaposto, il primo è nel formato Full Banner 468 x 60:

Il secondo è Rectangle 180 x 150:

Clicchiamo ora su Campaigns nel menu principale dell’Inventory, dovremmo ritrovare gli advertiser e le relative campagne che abbiamo creato negli scorsi appuntamenti. Selezioniamo la campagna che ci interessa, e poi clicchiamo su Add new banner, ci comparirà questo form di inserimento

L’opzione che ci interessa è Upload a local banner to the webserver: questo ci permetterà di caricare una delle immagini di cui sopra, da mostrare nello spazio assegnatoci. Una volta inseriti i dati salviamo, e tornati sulla schermata principale, clicchiamo sul dettaglio banner e poi sul tab Linked Zones.

Da qui possiamo scegliere, con molta facilità, in quali siti e zone far comparire il banner. Molto comodo!

Sviluppi

Strumenti come OpenX permettono anche a utenti poco tecnici di riuscire a gestire facilmente la pubblicità online, anche per molti siti e inserzionisti contemporaneamente. Abbiamo visto solamente alcune caratteristiche di base di questa applicazione: con un po’ di pratica è possibile organizzare il proprio inventario in maniera molto furba e ottenere così il massimo dal proprio network.

Links

• OpenX;
• Creare un proprio network pubblicitario con OpenX – parte 1;
• Creare un proprio network pubblicitario con OpenX – parte 2;
• Interactive Advertising Bureau (IAB);
• IAB Europe.

HostingSolutions.it si sta muovendo rapidamente verso il cloud computing, dapprima abbiamo lanciato il Cloud Object Storage e ora ci prepariamo a lanciare una soluzione di computing completa, nella cloud, basata sul noto OpenStack. Ancora nessuna informazione in merito, ma è davvero questione di poco tempo!

Torniamo a noi, perchè scegliere il cloud computing in azienda?

• Scalabile: si, proprio così, che voi dobbiate gestire 1, 10 o 100 siti web, con una infrastruttura cloud potete aumentare le risorse in qualsiasi momento, senza preoccuparvi di acquistare hardware e fare previsioni di spesa. Un vantaggio non da poco per le aziende di piccole dimensioni che lottano contro budget IT sempre molto stretti e necessità di gestire semplicemente la loro infrastruttura IT

• Niente Server, niente tecnici e assistenza on-demand: proprio così, i tempi in cui in ufficio o in azienda dovevate acquistare un nuovo server stanno per terminare. Basta guardare allo storage, oggi non è più necessario acquistare server in ufficio per fare i backup o per gestire i documenti, con un costo di 3 Euro al mese avete 20 GB di spazio, e potete aggiungerne infiniti, pagando solo per quelli realmente utilizzati!

• Paghi quel che utilizzi: insomma, nessun contratto con scadenze decennali e soprattutto la libertà di utilizzare o meno i servizi solamente quando realmente necessari. Accendete 2 VM nella cloud solamente se necessarie, passate a 4 solamente per una giornata (magari per una demo per un cliente o per elaborare un numero superiore di ordini) e poi tornate alla configurazione iniziale, con un solo click!

Se non conoscete ancora il cloud computing, vi consigliamo la lettura di questo ottimo articolo del portale HostingTalk.it che vi introduce a tutte le tipologie di cloud esistenti, e vi aiuta a capire quale potrebbe fare al caso vostro. Non fate troppa confusione, e soprattutto se volete migrare la vostra attuale infrastruttura al cloud computing, per contenere i costi, scriveteci a info@hostingsolutions.it o chiamate al 055-30312626 , abbiamo le soluzioni giuste per PMI e medie imprese.