da tempo si sente parlare sempre più dell’adozione della griglia come ripartizione degli spazi in un layout e del ritmo verticale per mantenere i testi allineati come su un quaderno a righe della scuola. l’esigenza di esprimersi al meglio, mantenere i canoni di qualità più alti, aggiornarsi alle ultime tecnologie e soprattutto lavorare con una creativa che ha già intrapreso questa filosofia di progettazione mi ha fatto approfondire questi argomenti.

primo passo: chiarire le idee.

Il “grid system” (di seguito griglia) è la suddivisione del layout in colonne verticali uguali tra loro dove, una volta stabilito lo spazio che le separa, l’unione di esse dà origine agli spazi dei macro blocchi (i nostri DIV), e sotto blocchi fino alla scomposizione minima della colonna stessa che rappresenta lo spazio minimo consentito.
il “vertical rytm” (di seguito ritmo) è il flusso del testo che segue una griglia di linee orizzontali stabilite in fase di progettazione grafica. queste linee sono come le guide di un quaderno. i testi quindi la rispettano e mantengono gli stessi allineamenti verticali tra blocco e blocco del nostro layout. seguono una giusta spaziatura proporzionale alle dimensioni del font che rispetta sempre questo ritmo e non lo sfalza.

la griglia ed il ritmo sono due concetti diversi e separabilmente implementabili anche se l’accoppiata è complementare ad un risultato più preciso ed efficace. la modularità delle due soluzioni comunque offre una versatilità di implementazione che ci lascia liberi di scegliere anche in base ai soliti problemi di tempo e budget. il ritmo può essere applicato anche ad una sola parte del layout e questo lavoro può essere fatto anche in un secondo momento: potremmo portare a ritmo anche un lavoro già realizzato dove non era previsto. la griglia invece fa parte della struttura scheletrica del layout e pertanto è una scelta da porsi ad inizio lavorazione o ne comporterà in futuro una grande rielaborazione del codice HTML e CSS.

secondo passo: capire i vantaggi.

la griglia offre a primo impatto una versatilità nei blocchi del layout rendendo molto semplice la suddivisione dei spazi e delle colonne sia per testi che per elementi decorativi. non si rischia mai di utilizzare una porzione di spazio sproporzionata o disordinata. il tutto crea un ordine nella struttura che è delizia per i creativi e semplicità per i web designer. lato codice si eliminano alcuni DIV ridondanti semanticamente poco corretti introducendone altri (da un lato sempre ridondanti) ma semanticamente corretti.
il ritmo invece, come si legge dalle teorie di pensiero, offre estremo ordine e riduce l’entropia della pagina che si traduce in leggibilità e leggerezza. altra delizia per i grafici, magari meno tangibile per i tecnici, che influisce sulla percezione cognitiva dell’utente, anche questo tema sempre più blasonato dagli studi di usabilità e architettura dell’informazione.

terzo passo: l’implementazione.

di materiale ce n’è molto online ma la maggior parte applicato ad esempi di pagine bianche con solo testo. capiterà mai a noi una pagina così? no. dunque ho voluto studiare questa tecnica su di un progetto reale che ha visto la pubblicazione qualche giorno fa: “teatro claet” un blog (basato su wordpress) di una compagnia teatrale.

in questo caso di layout fisso è stato scelto un ingombro massimo di 960px come solitamente accade e per la griglia sono state scelte colonne da 60px separate da uno spazio di 20px. Il risultato è quindi un DIV contenitore di 12 colonne (più relativi spazi) quindi 12 (colonne) * 60px (ingombro) = 720, e 12 (colonne) * 20px (spazio tra una e l’altra) = 240px, da cui 720px + 240px = 960px appunto il nostro ingombro scelto. il layout è stato poi suddiviso in due macro blocchi (contenuto e colonna 1) da 6 colonne ciascuno. a sua volta la colonna 1 è composta da due sotto blocchi da 3 colonne ciascuno.

una volta impostato il lavoro lato creativo non resta che montarlo con HTML e CSS. nulla toglie che questa spaziatura di colonne data dalla griglia sia rispettabile con una stesura del codice HTML e CSS a piacimento e personale ma la vera innovazione del grid system e i suoi vantaggi tecnici stanno proprio nel rispettare questa tecnica utilizzata anche guarda caso da due dei principali framework CSS come yui e blueprint.
il sistema a griglia prevede il DIV come elemento di blocco/struttura e fin qui non cambia niente. avremo sempre i DIV contenitore, testata e fondo come fin’ora siamo abituati a vedere ma per ogni DIV che non sarà largo quanto il contenitore (come contenuto o le colonne e tutti i sotto blocchi) subentra il sistema griglia.

infatti i DIV “addetti” a rispettare la griglia hanno una classe che li identificano in base a che tipo di ingombro sto adoperando rispetto alla griglia. lato CSS vado ad indicare l’ingombro di tali classi delle colonne e tramite un margine negativo al div contenitore della griglia e alla tecnica dei float contrari rendo l’affiancamento delle colonne con una compatibilità che parte da IE 5.5 fino alle moderne release di browser. inoltre si elimina dal codice il famoso e semanticamente scorretto DIV cleaner o pulitore (insomma il comune resettatore di float che eseguiva il clear dei blocchi flottanti) ed il DIV corpo (ovvero il contenitore dei sotto blocchi principali come contenuto e colonne).
tale sotto scomposizione dei DIV griglia è infinita fino al valore minimo della colonna stessa ovvero l’ingombro della colonna scelta che nel nostro caso è 60px, il tutto affiancato e senza problemi usando le classi nei DIV della griglia. ogni DIV non addetto alla griglia ha una classe che gli toglie le proprietà lasciandocelo quindi libero per le nostre formattazioni e utilizzi.
per quanto riguarda il ritmo verticale si è scelto un intervallo riga di 18px e un font base di 12px. con questi due dati è possibile calcolare la proporzione che deve avere ogni interlinea per ogni grandezza di font scalare ed i relativi margini. questo calcolo è macchinoso e impiega diverso tempo ma per fortuna ci sono molti tools on-line che ce lo calcolano automaticamente restituendoci quindi le proprietà CSS che ci servono espresse per il body, per le p e per tutti gli h. dando per scontato che usiamo un master CSS per il reset delle proprietà non resta che far ereditare il line-height a tutti gli elementi.

durante il montaggio incontreremo elementi blocco o speciali che non ereditano il line-height o necessità di spaziarne maggiormente altri. per effettuare questo occorre utilizzare sempre spazi multipli dell’interlinea scelta, nel nostro caso di 18px. se ci troviamo di fronte ad un’immagine, video, flash o altro elemento multimediale che non può essere ridimensionato in misura multipla all’interlinea ci aiuteremo con dei margini per portarlo ad un ingombro che segue il ritmo.

quarto passo: le considerazioni.

l’utilizzo della griglia è una buona procedura da effettuare sin dall’atto creativo. è segno di ordine, funzionalità e attenzione agli spazi. anche se non utilizzata tecnicamente ma solo presa in considerazione lato creativo porta i suoi vantaggi in quanto si riversa inevitabilmente sull’impaginazione dei contenuti. implementare la griglia con i HTML e CSS è altrettanto valido, funzionale e compatibile. cambia un po’ il modo di scrivere codice ma è questione di pratica.

da migliorare la questione nei layout fluidi in em dove ogni calcolo deve essere convertito da px ad em e la griglia varia al variare della dimensione dei font. ancora più complesso sarà per i layout fluidi in percentuale dove lo spazio è relativo alla finestra del browser e non ad una unità di misura stabilita. in casi di grafiche molto complesse dove texture o sfondi sono utilizzati come background dei macro blocchi è possibile che torni necessario il DIV cleaner per far esistere l’altezza del blocco contenitore degli elementi flottanti.

il ritmo verticale è una finezza meno percepibile all’occhio del navigatore ma che inevitabilmente comporta più leggibilità e meno sforzo nella lettura dei contenuti come ogni situazione migliore che il nostro cervello percepisce da un’esperienza cognitiva.

è positivo prevedere anche il ritmo già dal lato creativo e aiuterà anche la realizzazione lato tecnico, l’unico lato negativo è il tempo che necessariamente impiegheremo per assicurarci che il ritmo sia mantenuto in tutta la pagina che è maggiore rispetto un lavoro in cui questo sistema non è usato. nessuno vieta di utilizzare il ritmo solo nel contenuto o nel contenuto più colonne in modo da fornire maggior leggibilità ed ordine solo nelle parti più sottoposte a lettura anzi potrebbe essere un modo per implementarlo piano piano nel tempo. da valutare quando in un lavoro viene fornito un back end per l’inserimento dei contenuti. o chi popola la pagina è al corrente delle dimensioni usufruibili o il sistema deve prevedere il ridimensionamento in base al ritmo.

da migliorare le unità di misura e utilizzare sempre gli em sia come font-size che come margine di spaziatura in modo che anche al resize del font il ritmo venga mantenuto non solo dai testi ma anche da tutti gli altri elementi.

qui un’immagine del blog teatro claet ottenuta sostituendo lo sfondo grafico con la griglia che si ripete all’infinito. è possibile notare come i testi rispettino il ritmo verticale (le linee rosse) e si vedono anche le colonne della griglia (rosso scuro) intervallate dallo spazio stabilito (intervalli neri).

alessandro

riflettendo su alcuni trends e scenari della rete sociale, leggo che internet è entrato nella sua era dell’illuminismo, un’era nella quale tutti sono o possono essere creatori di contenuti, parla della fine del “destination web”, ovvero di un web dominato da siti internet di riferimento e dal modello delle pageviews: i contenuti presenti sul web sono infatti diventati pressoché infiniti, dice steve rubel e questo produce inevitabilmente un’enorme frammentazione dell’attenzione che gli internauti dedicano loro. sebbene alcuni portali e motori di ricerca siano ancora padroni della scena (google, yahoo! e microsoft) l’americano medio a marzo 2009 ha visitato 111 domini e 2.500 pagine web, spendendo su ciascuna di esse mediamente 56 secondi (secondo i dati forniti da nielsen online): non c’è più quindi su internet uno user engagement duraturo a livello di intero sito web, ma soltanto uno user engagement specifico, altamente selettivo, del tutto parziale o temporaneo, nonché a livello di singolo contenuto.

inoltre il futuro è del social web, ed esso evolverà passando attraverso cinque ere dice invece jeremiah owyang su the forrester blog for interactive marketing professional: l’era delle relazioni sociali; l’era delle funzionalità sociali; l’era della colonizzazione sociale; l’era del contesto sociale; l’era del commercio sociale. dapprima le persone si connettono tra loro e condividono, poi i social networks diverranno come sistemi operativi, in seguito ogni esperienza online sarà fondamentalmente sociale, i contenuti Internet saranno sempre più personalizzati, ed alla fine le comunità definiranno i prodotti ed i servizi del futuro.

ultimamente le internet company nel nostro settore, ricevono spesso richieste da aziende  che vogliono fare qualcosa di veloce, conveniente, misurabile con i social media. la soluzione è KISS - keep it strategic silly.  uilizzare twitter, creare un pagina facebook. si tratta di tattica. ciò di cui hanno bisogno è di strategia. quindi qual’è la differenza tra strategia e tattica di gioco? prendete come esempio google. la strategia di google è quella di fornire “preziosi” servizi gratuiti, gli utenti diventano a loro carico, abbastanza traffico per i servizi da generare ROI per gli inserzionisti e cospicue entrate per google. la tattica di google: gmail ricca di funzioni, con enormi capacità di storage; libera elaborazione di testi, fogli elettronici, e di altri programmi che sono migliori, o almeno pari a quella dei software a pagamento di microsoft; le migliori mappe e indicazioni libere; la migliore ricerca sul pianeta, e molto altro ancora - tutto gratuitamente.

digitando social media marketing su google e potrete ottenere immediatamente quasi 127 milioni di risultati. ovviamente, ci sono un sacco di idee e approcci su cosa fare con i media sociali. ma ciò che conta per la vostra azienda è ciò che si sta tentando di realizzare e poi come, perché e se i media sociali possono aiutare a raggiungere i vostri obiettivi. stabilire quali risorse interne si possono dedicare alla gestione dei media sociali, chi nel vostro team interno si assumerà la responsabilità di contribuire a integrare i social media con le vostre strategie di marketing.

ascoltate le persone che desiderate raggiungere. interagite con loro, utilizzate i social network dove avviene la conversazione, sperimentate i nuovi strumenti 2.0. il web sociale deve essere integrato con le tattiche di marketing fondamentali, gli strumenti e le migliori pratiche per creare una strategia globale per il vostro brand, ci sono una serie di strumenti e tecnologie che le aziende possono utilizzare per costruire fiducia intorno al brand, la reputazione, i rapporti della comunità, e le vendite. internet è sociale, se il vostro sito non consente l’interattività e l’apertura alla conversazione e le persone hanno qualcosa da dire troveranno un altro posto per dirlo.  cercate di aiutare le persone, rispondete alle domande, risolvete i problemi. fornite informazioni privilegiate, questo significa condividere intelligenza. permettendo quindi agli utenti di aiutarsi a vicenda consentendo di creare circolo virtuoso di scambio di informazioni, suggerimenti e consigli sul migliore utilizzo dei prodotti, generato dai clienti stessi; in tal modo i clienti più esperti ed attivi all’interno della community, adeguatamente ricompensati, diventeranno evangelisti e sostenitori dei prodotti da loro utilizzati.

una customer service community può includere l’utilizzo di una serie di applicazioni 2.0, quali blog, wiki, forum e chat che incorporano i meccanismi più diffusi di interazione, aggregazione dei membri (gruppi) e classificazione dei contenuti (folksonomy, tagging). creare una comunità di supporto per gli utilizzatori dei vostri prodotti porte diversi vantaggi:
- ridurre i costi di assistenza tecnica e supporto clienti
- rafforzare la fedeltà dei clienti
- migliorare la customer satisfaction, creare una maggiore intimità con il cliente (customer intimacy)
- far leva sui feedback ricevuti dai propri clienti per migliorare i prodotti esistenti
- aumentare le vendite (estensione abbonamenti, acquisizione nuovi clienti grazie al passa-parola positivo)
- allungare il ciclo di vita del prodotto (grazie a miglioramenti generati dai feedback degli utenti)
- aumentare il tasso di conversione prospect -cliente

a questo punto al domanda nasce spontanea, come misurare l‘engament degli utenti? eric peterson propone un metodo di valutazione del comportamento degli utenti che con un unico indice, il valore della partecipazione da un riassunto di differenti metriche per capire quale utente interagisce maggiormente col nostro sito, brand, prodotto. la soluzione è quella di offrire una visione ponderata di ogni metrica. riguardo al tempo speso sulla pagina, per pulire il ‘disturbo’ che possono causare gli estremi della situazione (ovvero utente che ‘dorme’ su una pagina e utente che clicca rapidamente alla ricerca di qualcosa, la trova e se ne va) si deve ponderare il valore. ogni sessione viene valutata diversamente e se l’utente raggiunge il numero di tempo obiettivo (media di acquisto online, confrontata con la media di permanenza dell’utente sul sito): in questa maniera si arriva ad un valore percentuale (30-40-50%) che esprime il grado di interesse.

adriano

da wikipedia:

in informatica, open source (termine inglese che significa sorgente aperto) indica un software i cui autori (più precisamente i detentori dei diritti) ne permettono, anzi ne favoriscono il libero studio e l’apporto di modifiche da parte di altri programmatori indipendenti. questo è realizzato mediante l’applicazione di apposite licenze d’uso.

il software libero è software pubblicato con una licenza che permette a chiunque di utilizzarlo e che ne incoraggia lo studio, le modifiche e la redistribuzione; per le sue caratteristiche, si contrappone al software proprietario ed è differente dalla concezione open source, incentrandosi sulla libertà dell’utente e non solo sull’apertura del codice sorgente.

dalla prima comparsa alla fine degli anni ‘80 i software open source ne hanno fatta di strada, ora non sono più riservati a pochi addetti ai lavori, anzi, al giorno d’oggi è difficile accendere un computer e non trovare all’interno qualche applicazione open source.

l’enorme diffusione degli ultimi anni non è da imputarsi solamente alla semplicità di condivisione (grazie ad internet) ed al costo spesso nullo dei programmi open source, ma anche alla qualità che negli ultimi anni questi software sono riusciti a raggiungere. non c’è niente di strano nel vedere questi software utilizzati in applicazioni mission critical.

nel 2008 coverity ha analizzato circa 55 milioni di righe di codice relativo a progetti “liberi” in cerca di problemi di sicurezza e vulnerabilità la conclusione è stata che: open source significa sempre più qualità e ottimi prodotti software, nonché maggiore affidabilità e sicurezza per gli utenti. la vera potenza del software open source sta nella possibilità di modificare/personalizzare il codice sorgente. questo infatti permette agli sviluppatori di basare il loro lavoro su parti di codice open source già esistente riducendo i tempi di realizzazione.

nel nostro lavoro adottiamo la filosofia open source come uno dei cardini del processo xquality, infatti tutto il software che realizziamo viene rilasciato ai nostri clienti con licenza open source. il motivo di questa nostra scelta è che non vogliamo consegnare ai nostri clienti dei prodotti ma delle soluzioni che risolvano i problemi o migliorino il loro business:  quindi il software diventa uno strumento e non il fine.

realizzare software che rispetti gli standard e rilasciarlo con licenza open source ci permette di fornire uno strumento migliore ai nostri clienti, perché avranno a disposizione uno strumento più flessibile in grado di adattarsi più facilmente alle sue necessità che probabilmente con il passare del tempo cambieranno.

contestualmente a questo post pubblichiamo su google code tre plugin per jquery che abbiamo realizzato per lo sviluppo del sito web bigelli marmi:

- e-xloading (crea dei layer di loading in attesa dei contenuti caricati via ajax)
- e-xgooglemaps (crea una mappa utilizzando il servizio di google con la possibilità di calcolare itinerari di viaggio)
- e-xmaprollover (permette un effetto rollover su immagini mappate senza dover utilizzare flash)

ogni suggerimento è ben accetto.

lorenzo

in questo articolo descriveremo come configurare il bonding delle interfacce di rete in un server ubuntu.

questa soluzione ci tornerà utile in un server con più di una scheda di rete e vorremo aggregarle in una singola interfaccia virtuale, così da aumentarne la larghezza di banda (si potrebbero aggregare 3 schede da 1giga in un unica virtuale da 3giga) e garantendone anche la ridondanza (in caso di rottura di una scheda non si verificherebbe infatti il down del sistema).

per poter utilizzare il bonding, occorre come prima cosa installare il pacchetto ifenslave tramite il comando

aptitude install ifenslave

ora andiamo a creare il file /etc/modprobe.d/bonding e editiamolo come segue:

alias bond0 bonding
options bonding mode=0 miimon=100 downdelay=300 updelay=300

i vari “mode” che possiamo impostare sono 7, nel nostro esempio stiamo utilizzando il mode 0, secondo il quale il sistema trasmetterà i pacchetti in modo sequenziale su tutte le interfacce, così da garantire sia ridondanza che bilanciamento del carico. per la descrizione delle altre modalità di bonding rimandiamo alla pagina dedicata.

il secondo parametro è miimon che, espresso in millisecondi, indica ogni quanto tempo il sistema andrà a controllare il link

downdelay e updelay indicano invece, rispettivamente, il tempo in millisecondi dopo il quale viene disattivata/attivata l’interfaccia a seguito del fallimento del link.

ora, supponendo di avere 2 interfacce di rete (eth0 e eth1) da raggruppare, andiamo a modificare il file /etc/network/interfaces come segue:

auto bond0
iface bond0 inet static
address <indirizzo ip>
gateway <gateway>
netmask <netmask>
pre-up modprobe bonding
up ifenslave bond0 eth0 eth1
pre-down ifenslave bond0 -d eth0 eth1
post-down rmmod bonding

a questo punto è sufficiente riavviare il servizio ‘network’ con il comando

/etc/init.d/networking restart

e avremo il bonding attivo.
buon divertimento

daniele

“c’era una volta …. ” un’azienda ufficiale, che si esprime attraverso il sito, le brochure, le mission, le dichiarazioni del top management, il bilancio, gli organigrammi, i comunicati stampa. e ora c’è un’azienda “nella testa delle persone” che vi lavorano, fatta di esperienze individuali, di storie personali, di sentimenti, di relazioni, un’azienda che si esprime soprattutto attraverso il racconto. non si possono affrontare grandi progetti di cambiamento, di re-branding, di comunicazione interna ed esterna senza ascoltare queste due voci, senza confrontare questi due mondi, cercando di capirli entrambi.

le aziende oggi sono grandi, frammentate, complesse: è difficile delinearne il quadro complessivo. le “storie” aiutano a comporre il quadro vero e concreto dell’azienda, quella che i dipendenti vivono e sentono. adottare un taglio più narrativo nella comunicazione aziendale, anche in quella esterna e “ufficiale” aiuta spesso a conquistare attenzione e lettori, a sfuggire i pericoli dell’omologazione, a dare all’organizzazione uno stile e una voce propri. un freddo case history può essere narrato come un racconto, con un inizio, uno svolgimento e una conclusione. e così per un nuovo prodotto, la cui nascita può essere raccontata dalla viva voce dei suoi progettisti.

lo storytelling è in grado di ampliare e rafforzare questo processo di costruzione della marca: copy strategy, storyboard e claim altro non sono che gli ingredienti della narrazione di un brand. le storie dei prodotti potrebbero essere nate insieme ad essi, oppure costruite ad hoc, o ancora prese in prestito dalla letteratura e dalla memoria collettiva. poco importa, ciò che conta è che essa sia coerente con la strategia e la filosofia aziendale: ogni impresa ha delle origini da raccontare, dei fondatori di cui vantare le gesta, una cultura e un’identità che ne hanno determinato lo sviluppo.

raccontare il brand è un modo di differenziarsi e di coinvolgere in modo più diretto i propri clienti: le storie sono memorabili, interessanti, evocative, credibili, empatiche, virali. le storie e la narrazione sono una parte centrale della vita organizzativa. tradizionalmente ci si è riferiti allo storytelling come uno strumento per formare la cultura aziendale e influenzare il comportamento delle persone al lavoro. ultimamente però si è riconosciuto che lo storytelling può assolvere anche ad altre funzioni: guidare nella risoluzione dei problemi e nell’assunzione di decisioni, generare commitment al cambiamento e infine può diventare il mezzo per condividere la conoscenza.

lo storytelling è uno strumento efficace non solo per gestire la comunicazione, ma anche la formazione e l’innovazione nelle aziende. il racconto di una storia non deve essere visto solo come narrazione scritta, tutt’altro. per definire l’immaginario che rappresenta i valori dell’azienda, il potere evocativo delle parole deve essere interpretato e riproposto attraverso tutti gli elementi della strategia di comunicazione. un video, una cartolina, una pagina di giornale o una pagina web, tutti devono essere espressamente prodotti per sostenere il racconto in tutte le sue sfaccettature e per seguire il pubblico, adattandosi alle diverse abitudini di fruizione delle persone. questo deve indurre quantomeno ad una riflessione prima di procedere alla pubblicazione di un sito, alla stampa di una brochure o all’approvazione di una campagna pubblicitaria. chiedetevi se rafforza o indebolisce il vostro racconto, se lo arricchisce e ne amplia i confini o se suscita contraddizioni che minano i vostri valori.

adriano

risorse

- lo storytelling per la comunicazione d’impresa. ecco perché lo storytelling. ecco perché ora, a voi le tappe di un viaggio nell’affascinante mondo della narrazione d’impresa di lisa monzan.

- motive, means and opportunity. the beginning, middle and end of brand storytelling è un breve ed interessante free paper pubblicato da nicholine hayward che contiene consigli e tecniche per utilizzare il brand storytelling in modo efficace.

- engaging through storytelling overview una bella presentazione di bianca cawthorne su come raccontare un brand attraverso le tecniche dello storytelling.

progetto: www.bigellimarmi.it cliente: bigelli marmi

in occasione del cinquantenario dell’azienda, bigelli marmi rinnova l’immagine e la comunicazione istituzionale: le strategie di comunicazione integrata hanno portato l’azienda a prestare molta attenzione al mondo di internet e al web site aziendale.

bigelli marmi aveva bisogno di rinnovare radicalmente il sito sotto il profilo grafico, funzionale e di gestione dei contenuti, la nuova soluzione web è stata progettata per valorizzare le numerose immagini, in modo da poter apprezzare sia le realizzazioni dei grandi nomi che hanno firmato i bagni d’autore, che per vedere nel dettaglio la vasta gamma di materiali lavorati dall’azienda. un restyling che oltre a migliorare l’aspetto tecnico migliora notevolmente l’usabilità della ricerca delle informazioni.

i nuovi percorsi di navigazione del sito consentono un’efficace gestione dei contenuti, così da poter individuare fin da subito tutti i prodotti. la piattaforma realizzata fornisce un’area riservata attraverso la quale l’azienda ha il completo controllo  delle principali sezioni del sito con la possibilità di inserire autonomamente le informazioni, le gallerie di immagini, la possibilità di far registrare gli utenti/agenti fornendogli dati riservati e la possibilità di inviare delle newsletter.

il content management system è stato sviluppato in PHP e completamente basato su zend framework utilizzando un architettura MVC che permette, oltre all’utilizzo delle friendly url, una completa separazione tra la logica dell’applicazione e il suo output XHTML. inoltre per creare un’interfaccia più accattivante abbiamo sviluppato 3 nuovi plugin jquery: exloading, exmaprollover, exgooglemaps. l’efficienza di exmaprollover è visibile sulla sezione rete vendita permette di ottenere un effetto grafico di rollover su singole porzioni di immagine senza l’utilizzo di tecnologia flash, lasciando quindi tutto il contenuto in semplice XHTML.

adriano

scriviamo insieme agli amici di ibloom questo post collaborativo riguardo l’international forum on enterprise 2.0 di milano. ecco alcuni spunti provenienti dall’evento, una bella occasione di confronto nell’esaminare le pratiche e casi di successo nel campo della collaborazione aziendale attraverso strumenti 2.0.

ci è piaciuto molto il taglio trasversale dell’evento che ha toccato i diversi ambiti  (marketing, commerciale, innovazione, risorse umane, ecc.)  con un occhio molto attento ai casi aziendali, ben calati nel contesto economico che vivono oggi le pmi italiane e lo spazio alle numerose domande provenienti dai manager che hanno partecipato al forum.

grazie al twitting live dei partecipanti troviamo ottime considerazioni, inoltre i video e le presentazioni  dei singoli interventi si trovano nella pagina dedicata. i concetti chiave che sono emersi: accorciare la filiera dell’informazione, migliorare alcune dinamiche organizzative, rendere più intelligenti alcuni processi decisionali, velocizzare le risposte verso i clienti, coordinare meglio certi flussi di lavoro e gestire in modo efficace la documentazione di progetto.

la metafora utilizzata più volte dagli speaker è stata quella del silos: bisogna portare i social media dentro il proprio lavoro, rompere i silos e portare fuori dall’azienda gli egc (enterprise generated content). la buona riuscita di progetti 2.0 è legata prima alle risorse umane, poi alla tecnologia: sono le persone che dovranno calarsi in un nuovo sistema di comunicazione, capire le potenzialità ed il valore aggiunto degli strumenti emergenti inseriti dentro le organizzazioni. quindi, prima di valutare costi e rendimenti, minacce ed opportunità occorre che i manager si confrontino con i loro collaboratori, valutando la loro propensione all’utilizzo di questi strumenti, poi formandoli ed affiancandoli, senza dimenticare dell’”ultimo arrivato” perchè potrebbe essere lui a dare vita all’innovazione.

adriano e laura

can you feel the spirit of e-xtrategy?

“yes, I can” ha risposto jacopo romei dopo 2 giorni pieni di metodologie agili, eco-sostenibilità, pianificazione, ottimo cibo.

sapevamo che le due giornate passate a borgo basino, per questo fagg.it 09, sarebbero state, come sempre, ottime; non pensavamo però di trovare un compagno di viaggio subito così affiatato immediatamente “sul pezzo”. pochi minuti ed eravamo già in sintonia, merito probabilmente degli obiettivi chiari, ma senza il feeling tra le persone, poco si costruisce.

è già la quarta volta, negli ultimi anni, che ci rifugiamo fuori dal mondo e dalla routine quotidiana per passare delle belle ore insieme ed approfondire qualche tema di questo nostro mare, apprendere nuovi metodi per migliorare il nostro lavoro di tutti i giorni. come anticipato, questa volta è toccato alle metodologie agili, un percorso che ci frullava per la testa da un pò, ma che siamo riusciti a concretizzare dopo aver conosciuto jacopo qualche mese fa.

tante le cose nuove e le riflessioni da fare, tanto che abbiamo subito deciso di metterci alla prova, introducendo da subito delle novità sulle nostre modalità di esecuzione dei progetti.

alcuni spunti su cui rifletteremo e ai quali ti consigliamo di dare una occhiata:

• i principi del manifesto agile
  tutti danno per scontato (almeno a parole) che la priorità di un’azienda è soddisfare il cliente, ma quanti lo fanno veramente e lo mettono al centro di tutti i processi? per chi sviluppa (e non parlerei solo di software, ma di qualsiasi prodotto/servizio), fare rilasci tempestivi e continui è una ottima pratica, sicuramente da adottare in pieno.
  altro aspetto da non trascurare mai è il confronto continuo tra tutti gli elementi del team, coinvolgendo anche il cliente, che deve farne parte; così un progetto non diventerà mai vecchio e le esigenze alla conclusione saranno pienamente rispettate.
• extreme programming
  avremo di che divertirci, nei prossimi progetti, con user stories, release planning, iteration planning e story points, poi vi racconteremo come è andata.
• per chi pensa che queste tecniche e metodologie siano adatte solo a chi sviluppa software, niente di più sbagliato; sia i principi che le modalità operative sono perfetti per qualsiasi ambito dove occorre ascoltare un’esigenza, ideare una soluzione, pianificare un progetto, gestire un team.

ora abbiamo il nostro bel da fare per mettere un pratica tante cose nuove e stimolanti: quindi, al lavoro!

grazie jacopo, a presto!

mike, miki, lorenzo, daniele, marco, alessandro, adriano, giorgio.

da quando ci hanno tolto il vero webb.it, noi non ci siamo dati per vinti e dal 2003 lo abbiamo degnamente rimpiazzato con il fagg.it, grazie ai nostri cari amici delle fattorie faggioli e alla nostra voglia di condivisione e aggiornamento.

come e’ andata in passato lo potete vedere in giro per la rete, ma come al solito quest’anno saranno diversi temi ed obiettivi.

dopo qualche riflessione interna, abbiamo deciso di intraprendere la strada delle metodologie agili; questo non riguarda solo lo sviluppo dei sistemi, ma l’obiettivo è introdurre una modalità lavorativa (dalla stesura del contratto con il cliente alla lavorazione del progetto) che migliori notevolmente i tempi di sviluppo, i costi, e che riduca al minimo gli errori che si commettono nello svolgimento di ogni progetto.

sarà nostro ospite jacopo romei, che ci aiuterà in questo percorso, con una tre giorni di formazione molto pratica, che ci permetterà di entrare subito in contatto con la materia.

quindi, da oggi a venerdì ci trovate da queste parti (come vedete la postazione di lavoro è già pronta), ovviamente sempre online, così se avete considerazioni/domande, citofonate pure qui (anche perchè lassù i telefoni non prendono)

poi, dalla settimana prossima vi racconteremo come è andata.

mike.

nel weekend scorso abbiamo partecipato alla seconda edizione del barcamp dedicato a wordpress con un nostro  intervento riguardo l’esperienza che abbiamo avuto con questa piattaforma: ecco il nostro report del wordcamp 2009.

con lo speech “wordpress as a framework” (trovate le slide qui sopra) abbiamo ragionato sulla possibilità di utilizzare wordpress in modo avanzato adottando questo software come architettura di base per sviluppare le nostre applicazioni. siamo partiti dal suo scopo primario che è quello di un gestore di contenuti per i blog, fino alla configurazione particolare  facendolo diventare un vero e proprio cms, per arrivare all’estrazione del “motore” come piattaforma e utilizzando solo le funzioni che ci servono. ad un certo punto ci siamo trovati difronte ad una confronto rispetto a quelli che sono framework nativi come zend framework oppure symfony, sicuramente ottime alternative ma la scelta a favore di wordpress ha avuto diversi pro: la versatilità dell’architettura (database, api, plugin), la scalabilità della struttura e facilità nella personalizzabile, il codice affidabile e la grande quantità di documentazione, la facilità di installazione e semplicità di utilizzo, l’area di back-end già pronta e completa.

queste analisi sono diventate fattibili e le valutazioni effettuate si sono concretizzate durante lo sviluppo del nuovo web site di amatori. la soluzione realizzata fornisce uno strumento per la gestione dinamica del sito per l’aggiornamento dei contenuti, implementando tre servizi a valore aggiunto:

- la necessità di georeferenziare alcune informazioni (es. città, località, alberghi, musei, ecc) e renderle fruibili in una mappa. abbiamo ovviato a ciò utilizzando il plugin wp geo. abbiamo scelto questo plugin per la sua ottima integrazione con la pagina di inserimento/modifica dei post con la conseguente facilità del cliente di compiere questa operazione in completa autonomia. per rendere fruibili i contenuti georeferenziati nella sezione mappa abbiamo realizzato un template grafico apposito e tramite ajax richiamiamo dei metodi del plugin wp geo per personalizzare la visualizzazione dei punti sulla mappa

- la navigazione a faccette è stata realizzata utilizzando le categorie/sottocategorie di wordpress con utilizzo dei tag e template grafici ad hoc. ogni informazione inserita è collegata ad altre informazioni in base alle categorie di appartenenza o ai tag in comune con altre informazioni. per semplificare l’inserimento dei tags da parte del cliente abbiamo utlizzato il plugin simple tags. per recuperare le informazioni collegate tramite i tag uguali abbiamo realizzato degli script utilizzando le API di wordpress. per la gestione delle gallerie immagini abbiamo utilizzato il plugin nextgen gallery

- un ulteriore esigenza era quella di condividere le informazioni riguardanti le strutture ricettive (descrizione + foto) con il software di prenotazione on line. per passare queste informazioni al software del booking abbiamo realizzato un web service in php che utilizza le API di wordpress, interroga il db e restituisce la descrizione e l’elenco delle foto per ogni struttura in base ad un codice univoco passato dal software di booking. in fase di caricamento della struttura ricettiva viene anche inserito questo codice univoco tramite “campo personalizzato” utilizzando il plugin custom field template.

l’utilizzo di wordpress come framework ci ha permesso di realizzare una soluzione web molto complessa velocizzando la produzione del lavoro. come confermato anche dal dibattito durante il nostro speech, questo approccio è efficacie ed efficente in un alta percentuale di casi e comunque un asset fondamentale da tenere sempre in  considerazione è la performance del sistema.

ringraziamo wordpress italy per aver organizzato questo bell’evento e rimandiamo al blog del wordcamp per gli altri materiali.

adriano e marco

p.s.: appena disponibile inseriremo in questo post anche il video del nostro intervento.