E’ un gruppo di appasionati amici della radio e dei suoi sistemi interconessi. Non è un associazione a scopo di lucro, ma solo di pura sperimentazione e divertimento che unisce assieme Amici con i loro Gateways tutto ciò e messo in opera da singoli e a loro spese personali.

Realizzazione vetrina web in multi-lingua per la rinomata azienda Fluidotecnica Sanseverino s.r.l.

Template per il nuovo portale www.viaggiandonline.com, presto online!

Layout grafico per biglietti da visita. http://www.x-solutions.it

Template realizzato per l’azienda Natureria.

Logo per il portale MondoEstetica, Realizzato con Adobe Illustrator.

Estate2010.com

Set di banner e logo realizzati per il portale Estate2010.com.

VinciSempre.com

Set di banner animati e newsletter realizzati per il sito di servizi.

Realizzazione template adult per un sexy shop italiano.

Realizzazione sito Slotmatic per un privato.  Slotmatic opera nel settore di Slot machines, scommesse sportive e Texas Hold’em Poker.  La grafica è stata realizzata con il software Gimp e l’intera struttura con il framework Codeigniter.

Interfaccia grafica per palmari dedicati a sistemi domotici realizzata per l’azienda “GM2 SISTEMI“. La grafica è stata realizzata con il software Gimp.

Template realizzato per il nuovissimo portale e-commerce di prodotti ortofruitticoli on-line. Sito realizzato interamente con il framework CodeIgniter.

Template realizzato per un sito di servizi adult.

Prima bozza grafica per il nuovo portale Terme.info commissionato a Mantisworks. L’intera veste è stata realizzata con il software Gimp e ricostruita in DIV/CSS validato.

Pulsanti realizzati con Gimp per un’applicazione iPhone. La particolarità di questi pulsanti è l’effetto “Gloss” e cioè l’effetto traslucido sulla superficie.

Realizzazione sito completo per distributore di slot machines. Il distributore propone i propri servizi tra i quali acquisto e/o comodato d’uso di slot machines e allestimento di sala scommesse. E’ stato realizzato un template minimalista e layout in DIV/CSS. Il framework CodeIgniter assicura velocità di caricamento e stabilità a tutto il sistema.

Tra le svariate tecniche abbiamo

• Ridure il più possibile gli HTTP request
• Abilitare il componente GZIP

Ridure il più possibile gli HTTP request

Ogni volta che si carica una pagina web essa genera una richiesta HTTP. Possiamo ridurre il numero delle richeste sfruttando la cache del browser, ma come? Semplice, abilitiamo la cache da CodeIgniter inserendo in un qualsiasi controller questo codice:

$n = 3; // Numero di minuti in cui la pagina rimane nella cache del browser
$this->output->cache($n);

Abilitare il componente GZIP

Grazie a questo componente il nostro output sarà compresso. Per attivarlo non dobbiamo fare altro che impostare un flag da FALSE a TRUE.
Nel config.php (system/application/config.php) dobbiamo trovare:

$config['compress_output'] = TRUE; // TRUE = Abilitato; FALSE = Non abilitato

Questi ovviamente sono solo alcuni dei tantissimi metodi per ottimizzare ulteriormente il nostro framework.

Assicuriamoci di aver richiamato l’helper nel controller principale:

$this->load->helper('form');

Ora nella nostra funzione popoliamo il vettore che conterrà tutte le informazioni da visualizzare nella nostra dropdown.

...
$data['frutta'] = array("1" => "Banana", "2" => "Mela", "3" => "Pesca"); // Popolo il mio vettore
$this->load->view('lista-frutta', $data); // Passo il vettore "frutta" alla pagina "lista-frutta"

Come facciamo a stampare a video la nostra dropdown? Semplicissimo! Nella nostra pagina scriviamo il seguente codice:

...

...

Semplicissimo vero? Ovviamente il vettore l’ho caricato io personalmente ma è possibile inserire il risultato di una o più query.

Al prossimo tutorial!

Con questo tip vi mostrerò come sia possibile riscrivere le URL per migliorare l’indicizzazione della nostra pagina nei motori di ricerca utilizzando il framework Codeigniter.

Tutto quello che dobbiamo fare è creare una corrispondenza tra un URL e un controller: “mia_classe/mio_metodo”. La prima cosa da fare è aprire il file “routes.php” dal path “/system/application/config/” e aggiungere una nuova stringa:

$route[' '] = ' ';

Ora prima di aggiungere un nuovo elemente all’array “$route[]” supponiamo di avere un metodo chiamato “urlrewriteseo” e vorremmo visualizzare l’url in una maniera più “seo friendly”… molto semplice! Ecco il codice:

// $route['NUOVO-URL'] = 'METODO';
$route['url-rewrite-seo'] = 'urlrewriteseo';

In questo modo nella barra degli indirizzi invece di comparire:
http://www.miosito.com/index.php/urlrewriteseo
comparirà:
http://www.miosito.com/index.php/url-rewrite-seo

Sicuramente quell’index.php è poco gradevole alla vista… e perchè non toglierlo?

Ovviamente vi consiglio di acquistare sempre e solamente un dominio ospitato su OS Linux in modo da avere il modulo mod_rewrite che serve per l’appunto riscrivere le url.

Accertati di avere attivo il modulo url_rewrite creiamo un file “.htaccess” e incolliamo al suo interno il seguente codice:

RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

In questo modo abbiamo ultimato la nostra riscrittura accedendo alla nostra pagina ottimizzata per l’indicizzazione in questo modo:

http://www.miosito.com/url-rewrite-seo

Ovviamente Codeigniter permette di utilizzare le espressioni regolari ma per questo vi rimando direttamente alla documentazione ufficiale in inglese.

Ciao!!

Il posizionamento sui motori di ricerca è un insieme di tecniche che hanno come obiettivoprimario migliorare la posizione di un generico sito web nei risultati di ricerca dei motori di ricerca.

L’attività di ottimizzazione per i motori di ricerca comprende varie operazioni tecniche che vengono effettuate sul codice HTML e sui contenuti delle pagine, nonché sulla struttura del layout.

La figura specializzata per questo tipo di lavoro è il SEO.

In questo articolo vi consiglio un piccolo”tip” per migliorare il SEO con il framework CodeIgniter.

Uno dei tanti accorgimenti per migliorare una campagna SEO è quello di inserire un metatag “title” univoco che rifletta il contenuto della nostra pagina. Con CodeIgniter possiamo tranquillamente estrapolare i dati delle nostre news, articoli o pagine che sono archiviate nel database e, tramite il controller, inviarli alla pagina.

// Questo è il mio controller news.php
class News extends Controller {
   function News(){
      parent::Controller();
      // Richiamo le classi, gli helper o i modelli che mi servono
   }

   function index(){
      // In questo esempio inserisco i dati manualmente, ma è possibile popolare il vettore con i dati presenti nel database!
      $data['SEO'] = array(
         'meta_titolo' => "Il titolo della mia news",
         'meta_descrizione' => "Primo periodo della mia news o almeno i primi 150 caratteri",
         'contenuto_pagina' => "Il contenuto della mia news"
      );
      // Richiamo la pagina e gli passo i parametri caricati nel vettore "data[]"
      $this->load->view('news', $data);
   }
}

<










meta_titolo?>


 
Il mio menu

   contenuto_pagina?>


 



 

Ora sapete come è facile mantenere i meta univoci su tutte le pagine. Spero che questo tip Codeigniter – SEO vi sia stato utile. Ogni suggerimento/commento è ben accetto!

Logo/brand realizzato per l’applicazione “Senti chi parla”. L’applicazione presente sul famosissimo Social Network “Facebook” da la possibilità di scambiare delle frasi con un personaggio famoso o semplicemente inventato.

In un sito internet uno degli aspetti fondamentali da non trascurare per un buon posizionamento è l’impaginazione. Con l’avvento dei fogli di stile (CSS) e le validazioni W3C la tendenza a creare layout in DIV/CSS si è ormai affermata.

Perchè i layout basati sui DIV/CSS sono migliori?

E’ praticamente noto che le tabelle sono nate per essere utilizzate nella formattazione di dati tabellari e non per creare layout. A differenza delle tabelle i fogli di stile garantiscono una netta distinzione tra l’interfaccia grafica e i contenuti trattati nel sito quindi i vantaggi quali sono:

• Il codice HTML è notevolmente alleggerito
• I tempi di caricamento si dimezzano
• Il consumo della banda è ridotto
• Un futuro restyle del layout è molto più semplice e veloce
• L’accessibilità e la visibilità con supporti alternativi come palmari, cellulari e screen readers sono nettamente migliori

Nei prossimi articoli vedremo come implementare un layout “elastico” in DIV/CSS.

Volantino realizzato con gimp e in coordinato con uno realizzato in precedenza per la realizzazione di ecommerce sotto costo. Questo volantino è una promozione per la realizzazione di siti vetrina ad un prezzo stracciato.

Volantino realizzato con GIMP per l’agenzia “BR.it”. Il volantino punto a promuovere la realizzazione di un ecommerce ad un costo vantaggiosissimo.

Template e layout in DIV/CSS realizzati per il portale “Acquista dal grossista”. Per a realizzazione utilizziamo il framework Codeigniter.

Template realizzato per il portale di vacanze low cost Viaggiandonline.com.