Pillole

Un problema tanto simpatico quanto l’esattore delle tasse che bussa alla porta alle 7:00 della domenica mattina.

La cartella “Inviate” su un iPhone connesso al server Traveler (vedi: IBM Lotus Notes Traveler) sparisce all’improvviso non permettendo all’utente di consultare da dispositivo mobile quello che ha spedito ai suoi contatti.

Ho stupidamente evitato una ricerca su internet per capire se il problema era già capitato a qualcuno e ho pensato potesse trattarsi del template o di una configurazione danneggiata sul dispositivo. Dato però che l’utente aveva lamentato lo stesso problema su entrambi i suoi dispositivi Apple connessi alla stessa casella di posta il collega mi ha giustamente fatto notare questo:

lotus.com/ldd/nd85forum.nsf/DateAllFlatWeb/64fe027a34e9b52e852577fb003b7abd?OpenDocument

La soluzione è quindi a portata di mano, basta avere a portata di mano la console del server Traveler e lanciare un comando che -chi ha a che fare con questo tipo di cose- conoscerà ormai a memoria:

tell traveler delete * nomeutente

dove “*” seleziona tutti i device assegnati a “nomeutente“, che andrà ovviamente modificato in base alla persona coinvolta.

Facendo accedere all’applicazione Mail l’utente, questo dovrebbe tornare a visualizzare regolarmente la cartella precedentemente sparita.

Buon lavoro!

Con l’evidente voglia di stupire e garantire qualità a chi sceglie di investire i propri risparmi in questo prodotto, Sony sforna il RDP-XA900iP, un set di casse senza fili che supportano tra le altre anche la tecnologia AirPlay di Apple, il migliore metodo per propagare la musica nelle stanze di casa propria pur portando con se il telefono o il tablet, a patto di rimanere sempre sotto copertura di rete WiFi e senza più la necessità e gli evidenti limiti della tecnologia Bluetooth che è comunque pienamente compatibile con lo stesso.

Sono già felice possessore (da anni, ndr) di un sistema audio basato sulla stessa idea: basta CD, peggio ancora musicassette, solo un set di casse che possono ricevere musica in streaming da un apparato compatibile, non necessariamente Apple, è sufficiente un chip Bluetooth ed il gioco è fatto! Chiaro che avere una tecnologia compatibile AirPlay in una casa popolata di device di Cupertino è un plus da non sottovalutare, ed è questo il primo punto di forza che viene all’occhio quando si prova XA900iP.

A seguire? L’eleganza della realizzazione, ‘collega‘ della robustezza e ricerca del dettaglio nella costruzione di questo piccolo gioiello da salotto, forse non facile da posizionare in libreria, ma vale tutta la fatica di trovargli il posto e la distanza da ciò che più gli è vicino, come il televisore, al quale ho collegato un banale cavo AUX che permette di far ponte e mandare l’audio direttamente su questo set senza più utilizzare le casse integrate nella scocca, indubbiamente valide ma nettamente inferiore a potenza e qualità offerte da SONY.

Resta eventualmente disponibile un’ulteriore connessione ottica digitale dedicata ai cultori del suono homemade. Pur essendo palesemente pensato per una connessione WiFi, SONY ha giustamente deciso di rendere disponibile una porta di rete ethernet, nel caso in cui XA9000iP si trovi vicino al router o in prossimità di un attacco di rete a muro pensato per arrivare fino al vostro salotto. In ogni caso, per evitare fatica, vi basterà tirare fuori la dock per iPhone / iPod / iPad, collegare il vostro dispositivo (che con l’occasione ricaricherà anche la sua batteria, ndr) e configurare l’accesso alla rete senza fili tramite l’applicazione che sarete “costretti” a scaricare comodamente dall’AppStore (D-Sappli: itunes.apple.com/it/app/d-sappli/id416030022?mt=8), è l’unico modo che avete per far accedere rapidamente le casse alla vostra rete casalinga.

Libertà di scelta

Ho potuto confrontare volumi, modalità di equalizzazioni (modificabili solo dall’applicazione D-Sappli) e qualità di ricezione riproducendo le diverse possibili connessioni tra la fonte audio e questo set di casse. Tra le prove portate a termine ho voluto anche collegare il mio portatile a XA900iP tramite bluetooth e riprodurre qualche canzone direttamente da Google Music (quindi Firefox), ottenendo davvero dei buoni risultati.

Ciò che mi ha più piacevolmente colpito è la distanza che ho potuto tenere tra il portatile (fermo sulle mie gambe, buttato stile svacco sul letto della camera) e le casse senza accusare il minimo disturbo o interruzione dello streaming, cosa che risulta un pelo più difficile con iPhone o altri cellulari con chip bluetooth anch’essi integrato.

Google Music: Home Page

In ogni caso la libertà di scelta e le molteplici connessioni sfruttabili rendono XA900iP un prodotto indubbiamente versatile e adatto a -quasi- ogni esigenza.

AirPlay migliorabile

Sarò sincero: non so se si tratta di una limitazione presente sul software on-board o di una “imposta” da Apple. Ho volutamente messo in difficoltà la modalità AirPlay per cercare di capire fino a che punto potessi spingerla ad accettare connessioni da diversi dispositivi Apple in rapida sequenza. Ecco, il test è terminato subito dopo essere cominciato.

Scollegando il mio iPhone personale dalla modalità AirPlay (utilizzando quindi lo speaker integrato) ho potuto notare che da un secondo iPhone (quindi un secondo iTunes) tale modalità sparisce completamente dai controlli posti in basso nella schermata, dove solitamente -se rilevati- vengono elencati i dispositivi compatibili e disponibili alla trasmissione dell’audio senza fili, tra i quali il XA900iP.

Solo spegnendo il sistema e riaccendendolo ho potuto veder ricomparire l’icona poco dopo:

Limitazione? Bug? Ho provato inutilmente a cercare un aggiornamento del firmware di prodotto sul sito di SONY, spero in tutta sincerità che qualcuno possa darmi qualche dettaglio in più o semplicemente giustificare questo comportamento come qualcosa di voluto da parte della società di Cupertino, con buona pace di SONY e del lavoro svolto sul XA900iP.

In conclusione

Un bell’oggetto, una qualità che è possibile toccare e sentire, una valida scelta per chi sta ancora valutando l’ipotesi di sostituire il vecchio “Hi-Fi” di casa con qualcosa di più moderno e pensato per i dispositivi attuali, soprattutto quando tutta la famiglia è iPod-dotata (minimo, come nel mio caso). Ciò che fondamentalmente manca per completare il quadro di connessioni “for Apple” è un adattatore che possa consentire di collegare anche il vecchio iPod Shuffle (ne ho due in famiglia di cui uno ancora utilizzato) di prima generazione, ostacolo aggirabile utilizzando un cavo AUX, o magari basta convincere l’adulto genitore a fare un passo falso e passare ad un nuovo Nano! ;-)

Occhio però al prezzo, nota un po’ dolente con la quale voglio chiudere l’articolo (com’è giusto che sia per riportare tutti i sognatori a terra): si parla di 549 euro di listino secondo la scheda ufficiale sul sito del produttore. Facendo una rapida ricerca su internet si riesce anche a trovarlo a 375, con un risparmio di ben 174 euro!

Non resta che ringraziare SONY per avermi fornito il XA900iP protagonista di questo test e lasciare a voi l’area commenti per pareri o esperienze nel caso anche voi foste possessori di questo oggetto.

La regia vi ha gentilmente offerto i consigli per gli acquisti:

Feligan è una nuova e piccola azienda di Reggio Emilia che ha come scopo unico quello di fornire soluzioni che possano facilitare la vita di tutti i giorni. Il loro primo prodotto è il protagonista dell’articolo di oggi: il PowerBrick.

In poche semplici parole? Una stazione di ricarica perfetta per ogni dispositivo.

6 connettori riavvolgibili e subito disponibili, così come i due attacchi USB frontali ad “alta potenza” (5V DC – 10W per canale) e le due prese elettriche universali che permettono di attaccare qualsiasi dispositivo (110/230V AC – 10A – 1500W). Per finire c’è anche una presa italiana a tre poli posta sul retro da 6A (110/230V AC – 6A – 1000W). Mi sembra un curriculum di tutto rispetto per un prodotto che intende prendere il posto dei molteplici caricabatterie tipicamente conservati nel cassetto della scrivania o in borsa o chissà dove.

Un solo dispositivo dalle molteplici facce, una sola spina in uscita per occupare un’unica presa di corrente, un “risparmio” notevole per chi non ha sufficienti punti corrente sparsi per l’ufficio o la casa. Di contro? Delle misure non esattamente “trasportabili” e un peso che non consente certo di tenerselo sempre in borsa senza risentirne almeno un po’. PowerBrick vuole i suoi spazi, cito da sito ufficiale: “Larghezza 24 cm Altezza 7.5 cm Profondità 12 cm”, giusto per farvi fare un’idea.

Sulla scrivania occupa un angolo che difficilmente utilizzerei e non da alcun fastidio, penso possa essere molto più utile in ufficio che a casa (a meno che non si abbia già una famiglia sotto allo stesso tetto, in tal caso i soli cellulari di chi la compone varrebbero il gioco), soprattutto perché qui dentro si ha spesso a che fare con i cellulari degli utenti, una varietà non indifferente che vede arrivare iPhone / iPad, vecchi Nokia e BlackBerry, posso assicurarvi che sto sfruttando al meglio questo ennesimo geek-tool :-)

La mia configurazione prevede tre connettori Apple, un Nokia sottile (per capirci, quello del vecchio N95), un Micro-USB e un Mini-USB, oltre al resto standard per ciascuna configurazione (le due porte USB frontali e le prese di corrente frontali e posteriore). Il prezzo è attualmente accessibile: si parla di 69 euro e la possibilità di personalizzare completamente i connettori a vostra disposizione, a quel punto l’azienda invierà la vostra stazione di carica personalizzata all’indirizzo di casa o dell’ufficio :-)

Quello che proverei a fare in una prossima eventuale versione? Magari “alleggerirne l’aspetto“, rendendolo più accattivante e forse meno esoso di spazio. Sicuramente i connettori occupano dello spazio ma probabilmente si riesce a fare di meglio nell’area anteriore. Un altro dettaglio che ho potuto notare è stato quello relativo alla differenza tra i cavi riavvolgibili: stranamente uno dei tre connettori Apple è meno lungo rispetto agli altri due, costringendomi a tenere il telefono più vicino alla stazione di ricarica, poco a portata di uso durante la fase di carica! Se poi si riuscisse a tenere l’accessorio al prezzo attuale sarebbe un ulteriore punto a favore: portare il costo finale a 99 euro (come è possibile vedere da listino non scontato)  potrebbe essere un forte deterrente per i curiosi disposti ad investire una cifra tutto sommato già “importante” per un simile accessorio.

A me non resta che ringraziare @Igor per avermi fornito il prodotto da testare e augurargli in bocca al lupo per la startup e per questo primo prodotto che promette bene :-)

La regia vi ha gentilmente offerto i consigli per gli acquisti:

Creare una casa “multimediale” non è mai cosa semplice. Tanti i marchi, tanti i prodotti, tante le possibilità per ottenere grosso modo quello che interessa a tutti gli appassionati dell’argomento: un buon media player collegato allo schermo della sala, uno dei componenti di una rete casalinga che possa offrire il massimo della comodità e della libertà.

Ho quindi chiesto a Barbara di fornirmi qualcosa che potesse incuriosirmi e “sfidare” Windows Media Center, applicazione nativa della mia Xbox 360 collegata via WiFi al piccolo PC di casa (del quale vi parlerò presto), vi dico quindi la mia sul MD-273 di Sitecom :-)

Piccolo, leggero, abbastanza completo. 3 aggettivi che possono descrivere il prodotto che ho ricevuto qualche giorno dopo. Sfortunatamente per un errore nell’invio non ho ricevuto l’antenna WiFi, vi lascio quindi immaginare che strani passaggi “kamasutrici” ho dovuto inventarmi per far arrivare un cavo di rete laddove non è stato mai previsto, ragnatele degne del miglior Spiderman partire dal mio access point per arrivare il più vicino possibile al televisore, il cavo HDMI ha pensato al resto!

Come al solito vi risparmierò tutto quello che riguarda l’unboxing, che lascio volentieri ai fanatici e a chi fotografa anche la più piccola etichetta rimossa dopo aver ricevuto il nuovo giocattolo ;-p

Una cosa però posso dirvela: una volta aperta la scatola la strada è in discesa, se avete fatto bene i vostri conti ordinando anche l’antenna WiFi (optional, grave pecca con quello che costa al giorno d’oggi) si tratterà di una banale operazione plug & play (e setup, ovviamente), a meno che non vi chiamiate Giovanni e non siate paranoici a tal punto da dover prima scoprire il MAC Address del dispositivo per aprirgli “uno spiraglio” sul DHCP del vostro router.

Il telecomando in dotazione è piccolo ma ha tutto ciò di cui potreste necessitare per il pieno controllo del dispositivo, nonostante sia finito nuovamente nella scatola dopo poco grazie all’applicazione gratuita per iPhone che ho scaricato direttamente da AppStore: itunes.apple.com/it/app/imediaremote/id417405704?mt=8. Occhio alla velocità, nessuna delle due alternative brilla per questa caratteristica, quel minimo di attesa tra la pressione del bottone (sia esso fisico sul telecomando di serie o virtuale su telefono) potrebbe talvolta spazientirvi, più rapido è quello virtuale (si, assurdo, forse perché il piccolo telecomando fa fatica nel momento in cui ci si allontano un pelo di troppo dal player).

Se nella stessa rete avete già collegato un NAS o un PC con cartelle condivise contenenti immagini, musica e video, il MD-273 provvederà alla scansione ed alla proposta a monitor dei contenuti, pur costringendovi a scegliere prima ciò di cui avete voglia in quel momento. Se volete ascoltare della musica sarete costretti a dichiararlo dal menu principale, non potrete avviare un video o vedere delle fotografie e viceversa. da un menu unico Una costrizione di moltissimi software sul mercato, una grande stupidata a mio parere. Un sistema operativo di questo tipo seppur molto semplificato e scarno (forse un pelo troppo, ndr) dovrebbe autonomamente riconoscere il tipo di file scelto e “lanciarsi nella riproduzione” in maniera del tutto “user-free“. Tanti i formati supportati, difficilmente incorrerete in qualche file “illeggibile“.

Il player propone inoltre due porte USB frontali che tentano di sopperire alla mancanza di un supporto fisico interno, permettendoci di collegare una chiave USB o un disco esterno in pochi secondi, molti meno rispetto a quelli impiegati per effettuare la scansione dei contenuti prima di poterli rendere navigabili a video, un piccolo difetto che probabilmente è possibile correggere intervenendo sul software e rilasciando un aggiornamento scaricabile e installabile da web! ;-)

Diversi i servizi “online” disponibili, seppur corrispondenti ad una scelta un tantinello “azzardata“. Non so se si tratti di un problema relativo ad una standardizzazione del software, di licenze o chissà cos’altro, però probabilmente “vTunes”, “Yahoo! Weather”, “Yahoo! Finance” interessano molto meno rispetto a Flickr, Picasa e YouTube, senza sottovalutare che l’ultimo citato non è proprio ben navigabile … mancano all’appello giocatori probabilmente molto più graditi alle grandi masse, magari un Mediaset Video o un browser che possa navigare grazie anche alla tastiera estesa virtuale che tramite dispositivo Apple abbiamo a disposizione. E’ chiaramente una mia idea e un mio desiderio, la libertà di scelta totale del contenuto da visualizzare sul grande schermo, senza la necessità di tenere un portatile o un desktop acceso.

La facilità di montaggio, l’intuitivo utilizzo e il basso prezzo di listino contribuiscono a mettere in secondo piano i diversi difetti di questo prodotto, con un paio di ricerche online o una qualsiasi offerta del vostro centro di vendita di elettronica preferito (magari una grande distribuzione come Media World o simili) è possibile portarsi a casa MD-273 a meno di 100€.

Per chi cerca qualità più alta o spazio subito a disposizione consiglio caldamente il suo “fratello maggiore” MD-272 con disco da 2TB integrato. Se doveste invece aver già preparato una soluzione “Windows Media Center Powered” beh, non sarà il MD-273 a convincervi ad abbandonarla, prodotto che per convincere le tasche più scettiche lascia per strada troppe vittime.

La regia vi ha gentilmente offerto i consigli per gli acquisti:

Dell’arrivo di Google Currents in Italia ne hanno già parlato in molti, uno fra tanti è NinjaMarketing che ha giustamente approfondito l’argomento in suo articolo. Quello che vorrei fare io invece è parlarvi (come al solito) di come mettervi rapidamente in pista per arricchire quello che è il panorama delle pubblicazioni italiane compatibili con il software di Mountain View, considerato uno dei migliori per Android lo scorso anno e disponibile anche per iOS e -soprattutto- in Italia.

Gioxx's Wall su Google Currents - gioxx.org/currents

Quello che ho personalmente fatto è stato mettere in piedi una versione di Gioxx’s Wall compatibile con Google Currents, il risultato del mio lavoro è già visibile sottoscrivendo l’edizione su gioxx.org/currents e presto rilascerò una nuova versione che metterà in primo piano più aree del blog, lasciando in secondo piano tutto il resto (Twitter, video & Co.). Già disponibile inoltre è una pubblicazione dedicata a X Files, potete sottoscriverla andando all’indirizzo mozilla.gfsolone.com/currents!

Attraverso questo articolo vorrei darvi qualche consiglio su come personalizzare l’header della tabella dei contenuti e delle sezioni, quindi quello degli articoli singoli, il tutto non accontentandosi dello stile di default proposto da Google (molto elegante, a dirla tutta).

Tutto comincia da qui

Per poter iniziare a pubblicare la vostra opera sarà necessario andare all’indirizzo google.com/producer, entrare con il vostro utente Google e accettare la licenza proposta. Unico obbligo è l’utilizzo di Google Chrome, grave pecca per chi come me preferisce usare sempre Mozilla, ma tant’è.

Scelto il nome della pubblicazione e la prima fonte dalla quale scaricare i dati (tipicamente il feed RSS del vostro blog), potrete inserire altre fonti e contenuti. Farlo è estremamente intuitivo e semplice, Google pensa grosso modo a tutto, non mi soffermerò molto su come procedere, lo lascio fare alla vostra curiosità e allo stesso Google (la parte relativa al motore di ricerca stavolta, ndr) se necessario ;-)

Tabella dei contenuti

Il cuore e la partenza di tutta la vostra testata “Currents-Ready“, da qui potrete pilotare l’utente verso le sezioni più specifiche o verso i canali esterni quali Facebook, Twitter, Youtube, Flickr e qualsiasi altro servizio vi riesca a mettere a disposizione più o meno facilmente un feed RSS sul quale poggiare il vostro lavoro di “conversione” al mobile.

La tabella dei contenuti viene composta automaticamente da Google Currents che seleziona le ultime novità presenti nei vostri feed, ne cattura un’immagine e la propone al lettore per una fruizione intelligente, immediatamente e molto semplice. Quello che è possibile fare è determinare la posizione dei feed in lista, affinché Currents vada a inserire in prima, seconda o terza pagina (potete continuare a vostro piacimento e necessità) i contenuti.

Un consiglio? Inutile dirlo, tenete in testa alla lista ciò che volete mostrare in prima pagina, in particolar modo le prime 3 posizioni che su uno smartphone la faranno da padrone, contrariamente al tablet che -per ovvi motivi- proporrà più box e contenuti nella stessa schermata grazie al monitor più grande.

E’ inoltre possibile ritoccare lo stile proposto di default, un custom si adatta meglio alle esigenze di comunque, soprattutto per mostrare un eventuale logo o personalizzare i colori che possono non piacere nonostante l’usabilità e la leggibilità siano assolutamente perfette così come proposte nativamente. Ciò che io ho fatto è stato integrare il logo di questo blog, modificando lo sfondo subito dietro (da grigio a nero), replicando poi il tutto sulle altre sezioni e pagine singole della testata.

Selezionando quindi “Custom” sotto la voce “Header Template” (in Sections), ho messo mano al CSS, caricando dapprima l’immagine desiderata tramite l’area “Media library“, quindi inserendo il collegamento diretto nel foglio di stile stesso. Ecco il risultato in codice:

<style>
.customHeader {
background-color: #000000;
background-image:url('https://producer.googleusercontent.com/producer/attachment/CAAqBwgKMKqJ4AEw8bcN-gioxx.org_headerText.png4');
background-repeat:no-repeat;
background-position:center;
display: -webkit-box;
height: 60px;
-webkit-box-flex: 0;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}

.customHeader .editionName {
color: #FFFFFF;
font-family: 'Currents-Regular-Sans';
font-weight:normal;
margin: 0 10px 0 0;
max-width: 80%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}
</style>

<g:if device='tablet'>
<style>
.customHeader { font-size: 36px; -webkit-box-align: end; }
</style>
</g:if>

<g:if device='phone'>
<style>
.customHeader { font-size: 28px; -webkit-box-align: center; }
</style>
</g:if>

<div class='customHeader'>
<div class='editionName'>
</div>
</div>

Avendo poi cura di andare a rimuovere la voce “<g:text textid=’editionName’></g:text>” nel DIV “editionName” così da non far comparire il testo scritto con il nome assegnato alla testata, lasciando spazio solo ed esclusivamente all’immagine.

La singola sezione

Contrariamente alla tabella dei contenuti, vostra home page appositamente realizzate per Currents, la singola sezione può proporre specifici contenuti per i quali è sempre bene ricordare “dove ci si trova” al lettore. Per questo motivo ho deciso non solo di inserire il logo del blog (anche in questo caso togliendo il puro testo dall’header), ma di lasciare il nome assegnato alla sezione subito dopo, in modalità “logo | nome della sezione”. Il codice ritoccato è quindi il seguente:

<style>
.customHeader {
background-color: #000000;
display: -webkit-box;
height: 60px;
line-height: 60px;
-webkit-box-flex: 0;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}

.customHeader .editionName {
color: #333;
font-family: 'Currents-Regular-Sans';
font-weight: normal;
margin: 0 10px 0 0;
max-width: 50%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .sectionName {
color: #DEDEDE;
font-family: 'Currents-Light-Sans';
font-weight: 300;
margin: 0 0 0 10px;
max-width: 40%;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .divider {
border-left: solid 1px #a3a3a3;
}
</style>

<g:if device='tablet'>
<style>
.customHeader { font-size: 30px; -webkit-box-align: end; }
.customHeader .divider { height: 30px; margin-bottom: 15px; }
</style>
</g:if>

<g:if device='phone'>
<style>
.customHeader { font-size: 22px; -webkit-box-align: center; }
.customHeader .divider { height: 22px; margin-top: 5px; }
</style>
</g:if>

<div class='customHeader'>
<div class='editionName'>
<img src="https://producer.googleusercontent.com/producer/attachment/CAAqBwgKMKqJ4AEw8bcN-gioxx.org_headerText.png4" />
</div>
<div class='divider'></div>
<div class='sectionName'>
<g:text textid='sectionName'></g:text>
</div>
</div>

Stavolta ho deciso di non usare il logo del blog come sfondo della testata, è stato infatti inserito nel DIV “editionName“, al posto del puro testo. Il nome della sezione specifica mantiene il suo posto, così come il DIV “divider”, che produce a video quella barra verticale che permette di separare gli altri due.

Personalizzare la sezione Twitter

Decidere di inserire Twitter tra i contenuti disponibili sull’edizione Currents può sembrare una sciocchezza prima di scoprire che il noto Social Network, già da diverso tempo, non distribuisce più pubblicamente il proprio stream tramite feed RSS come un tempo.

Quello che si può fare per aggirare l’ostacolo è andarsi a ricavare i propri tweet direttamente dalle API di Twitter, il modo è piuttosto semplice e il risultato sarà effettivamente “digeribile” come feed RSS partendo dall’indirizzo https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=gioxx dove -ovviamente- al posto del mio nickname andrà indicato il vostro o quello di un utente generico che volete includere nella pubblicazione.

Occhio però alle richieste, più aumentano, più c’è possibilità che vi venga bloccata la richiesta alla fonte, da quando sono state introdotte le API di Twitter c’è infatti un limite posto proprio sulle request, una veloce lettura alla sezione Developers del Social Network vi schiarirà le idee. Questa sezione sparirà dalla prossima versione di Gioxx’s Wall per Currents ;-)

Nessuno vi vieta però di rimbalzare il feed di Twitter su uno strumento di terze parti che possa tenere memoria dei vostri cinguettii e non arrabbiarsi se il numero di richieste al feed stesso aumenta nel tempo. Per la sezione Twitter ho voluto modificare lo stile prendendo quello di una qualunque sezione e arricchendolo ulteriormente con l’icona “simbolo” dell’azienda :-)

<style>
.customHeader {
background-color: #000000;
display: -webkit-box;
height: 60px;
line-height: 60px;
-webkit-box-flex: 0;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}

.customHeader .editionName {
color: #333;
font-family: 'Currents-Regular-Sans';
font-weight: normal;
margin: 0 10px 0 0;
max-width: 50%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .sectionName {
color: #DEDEDE;
font-family: 'Currents-Light-Sans';
font-weight: 300;
margin: 0 0 0 10px;
max-width: 40%;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .divider {
border-left: solid 1px #a3a3a3;
}
</style>

<g:if device='tablet'>
<style>
.customHeader { font-size: 30px; -webkit-box-align: end; }
.customHeader .divider { height: 30px; margin-bottom: 15px; }
</style>
</g:if>

<g:if device='phone'>
<style>
.customHeader { font-size: 22px; -webkit-box-align: center; }
.customHeader .divider { height: 22px; margin-top: 5px; }
</style>
</g:if>

<div class='customHeader'>
<div class='editionName'>
<img src="https://producer.googleusercontent.com/producer/attachment/CAAqBwgKMKqJ4AEw8bcN-gioxx.org_headerText.png4" />
</div>
<div class='divider'></div>
<div class='sectionName'>
<img src="https://producer.googleusercontent.com/producer/attachment/CAAqBwgKMKqJ4AEw8bcN-twitter_newbird_white.png" style="width: 50px; float: left;" /><g:text textid='sectionName'></g:text>
</div>
</div>

Vale lo stesso per Facebook o Google Plus, quest’ultimo integrato e già disponibile tra le sezioni inseribili in testata. Per Facebook vi servirà qualche passaggio in più, neanche troppo difficile …

L’integrazione con Facebook

Un semplice servizio online ed un URL ben preciso è tutto ciò che vi serve per avere un feed RSS da dare in pasto a Currents e pubblicare i contenuti di una timeline Facebook di una vostra pagina direttamente su smartphone e tablet senza passare dal Social Network di Mark Zuckerberg o esservi iscritti.

Find My Facebook ID è quello di cui necessitate. Andate alla pagina findmyfacebookid.com e inserite l’URL completo della pagina / profilo Facebook, quindi con l’unico pulsante disponibile ottenete l’ID numerico della pagina, copiatelo ed andate a sostituirlo nell’URL seguente che rimarrà sempre lo stesso:

https://www.facebook.com/feeds/page.php?id=182682921817&format=rss20

Dove “182682921817″ è l’ID della mia pagina dedicata a ABP X Files. Avete appena ottenuto la fonte RSS attraverso la quale pubblicare i vostri contenuti Facebook su Currents :-)

Un template custom anche per gli articoli

Cosa resta da fare? Un piccolo ritocco all’aspetto della testata per gli articoli singoli prima di andare in onda :-)

Quello seguente propone la testata standard più sottile di quella delle sezioni o della tabella dei contenuti pur permettendomi di integrare ancora un logo (cosa che però ho preferito non fare, scegliendo il puro testo almeno stavolta) e il nome della sezione dalla quale stiamo attingendo le informazioni ora presenti sullo schermo del device, il tutto con un bianco e un grigio chiaro su sfondo nero:

<style>
a.seeOriginalLink {
background-color: #EDEDED;
border: 1px solid #DCDCDC;
color: #333;
cursor: pointer;
display: block;
font-family: 'Currents-Regular-Sans';
margin: 1em auto;
max-width: 330px;
padding: 0.5em;
text-align: center;
vertical-align: middle;
-webkit-tap-highlight-color: #DCDCDC;
}

a.seeOriginalLink:active {
background-color: #DCDCDC;
}
</style>

<g:header disablePages='splash'>
<style>
.customHeader {
background-color: #000000;
display: -webkit-box;
-webkit-box-flex: 0;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}

.customHeader .editionName {
color: #FFFFFF;
font-family: 'Currents-Regular-Sans';
font-weight: normal;
margin: 0 10px 0 0;
max-width: 50%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .sectionName {
color: #DEDEDE;
font-family: 'Currents-Light-Sans';
font-weight: 300;
margin: 0 0 0 10px;
max-width: 40%;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .divider {
border-left: solid 1px #a3a3a3;
color: #727271;
}
</style>

<g:if device='tablet'>
<style>
.customHeader { font-size: 22px; height: 40px; -webkit-box-align:
center; font-weight:bold; }
.customHeader .divider { height: 22px; margin-top: 3px; }

</style>
</g:if>

<g:if device='phone'>
<style>
.customHeader { font-size: 17px; height: 30px; -webkit-box-align:
center; font-weight:bold; }
.customHeader .divider { height: 17px; margin-top: 1px; }

</style>
</g:if>

<div class='customHeader'>
<div class='editionName'>
<g:text textid='editionName'>
</g:text>
</div>

<div class='divider'>
</div>

<div class='sectionName'>
<g:text textid='sectionName'>
</g:text>
</div>
</div>
</g:header>

<g:splash layout='spanColumns' spanHeight='fit' gravity='top'
pages='1'>
<style>
.articleTitle {
color: #000;
font-family: 'Currents-Condensed-Sans';
margin-top: 30px;
text-align: left;
}

.articleSubtitle,
.articleByline {
color: #666;
font-family: 'Currents-Regular-Sans';
line-height: 30px;
text-align: left;
}

.articleByline {
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
font-size: 14px;
line-height: 30px;
height: 30px;
margin: 15px 0 0 0;
}

.articleByline img {
height: 16px;
margin-right: 5px;
vertical-align: sub;
width: 16px;
}

.articleCreated {
color: #999;
}
</style>

<g:if device='tablet'>
<style>
.articleTitle { font-size: 42px; margin: 20px 0 5px 0;
line-height: 1.1em; }
.articleSubtitle { font-size: 26px;line-height: 1.1em; }

</style>
</g:if>

<g:if device='phone'>
<style>
.articleTitle { font-size: 30px; margin: 15px 0 5px 0;
line-height: 1.1em; }
.articleSubtitle { font-size: 22px;line-height: 1.1em; }

</style>
</g:if>

<div class='articleTitle'>
<g:field fieldId='title'>
</g:field>
</div>

<div class='articleSubtitle'>
<g:field fieldId='subtitle'>
</g:field>
</div>

<div class='articleByline'>
<span class='articleFavicon'>
<g:field fieldId='favicon' hideExpansion='true'>
</g:field>
</span>

<g:field fieldId='external_authorName'>
</g:field>

<span class='articleCreated'>
<g:field fieldId='external_created'>
</g:field>
</span>
</div>
</g:splash>

<g:include template='interstitialAd'>
</g:include>

<g:include template='leaderboardAd'>
</g:include>

<g:fieldgroup source='feed,discovered,user' type='' start='1'
max='1' slideshow='true'>
</g:fieldgroup>

<g:field fieldId='body'>
</g:field>

<g:fieldgroup source='feed,discovered,user' type='' start='2'
max='10' slideshow='true'>
</g:fieldgroup>

Estremamente pulito e semplice, anche sui tablet.

Articoli e template custom: Supporto Informatico

Partendo dal presupposto che tutto quello che c’era da dire è stato detto fino a due righe fa, dedico questo breve paragrafo all’integrazione che ho voluto eseguire tra il mio blog e SupportoInformatico.org, progetto personale nato qualche tempo fa che ancora oggi -statistiche alla mano- raccoglie il favore del pubblico più tecnico alla ricerca dell’URL semplice da ricordare e dire agli utenti che hanno ben poca confidenza con le macchine!

Quello che sono andato ad operare sui singoli articoli pescati da questo diverso feed è la semplice modifica dell’intestazione che ora non proporrà mai il nome della sezione ma manterrà semplicemente il testo “supporto informatico“, inserito a mano proprio nel codice qui di seguito:

<style>
a.seeOriginalLink {
background-color: #EDEDED;
border: 1px solid #DCDCDC;
color: #333;
cursor: pointer;
display: block;
font-family: 'Currents-Regular-Sans';
margin: 1em auto;
max-width: 330px;
padding: 0.5em;
text-align: center;
vertical-align: middle;
-webkit-tap-highlight-color: #DCDCDC;
}

a.seeOriginalLink:active {
background-color: #DCDCDC;
}
</style>

<g:header disablePages='splash'>
<style>
.customHeader {
background-color: #000000;
display: -webkit-box;
-webkit-box-flex: 0;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}

.customHeader .editionName {
color: #FFFFFF;
font-family: 'Currents-Regular-Sans';
font-weight: normal;
margin: 0 10px 0 0;
max-width: 50%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .sectionName {
color: #DEDEDE;
font-family: 'Currents-Light-Sans';
font-weight: 300;
margin: 0 0 0 10px;
max-width: 40%;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
text-transform: lowercase;
white-space: nowrap;
}

.customHeader .divider {
border-left: solid 1px #a3a3a3;
color: #727271;
}
</style>

<g:if device='tablet'>
<style>
.customHeader { font-size: 22px; height: 40px; -webkit-box-align:
center; font-weight:bold; }
.customHeader .divider { height: 22px; margin-top: 3px; }

</style>
</g:if>

<g:if device='phone'>
<style>
.customHeader { font-size: 17px; height: 30px; -webkit-box-align:
center; font-weight:bold; }
.customHeader .divider { height: 17px; margin-top: 1px; }

</style>
</g:if>

<div class='customHeader'>
<div class='editionName'>
<!--<g:text textid='editionName'>-->
<g:text textid='sectionName'>
</g:text>
</div>

<!--<div class='divider'>
</div>-->

<div class='sectionName'>
<!--<g:text textid='sectionName'>-->
</g:text>
</div>
</div>
</g:header>

<g:splash layout='spanColumns' spanHeight='fit' gravity='top'
pages='1'>
<style>
.articleTitle {
color: #000;
font-family: 'Currents-Condensed-Sans';
margin-top: 30px;
text-align: left;
}

.articleSubtitle,
.articleByline {
color: #666;
font-family: 'Currents-Regular-Sans';
line-height: 30px;
text-align: left;
}

.articleByline {
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
font-size: 14px;
line-height: 30px;
height: 30px;
margin: 15px 0 0 0;
}

.articleByline img {
height: 16px;
margin-right: 5px;
vertical-align: sub;
width: 16px;
}

.articleCreated {
color: #999;
}
</style>

<g:if device='tablet'>
<style>
.articleTitle { font-size: 42px; margin: 20px 0 5px 0;
line-height: 1.1em; }
.articleSubtitle { font-size: 26px;line-height: 1.1em; }

</style>
</g:if>

<g:if device='phone'>
<style>
.articleTitle { font-size: 30px; margin: 15px 0 5px 0;
line-height: 1.1em; }
.articleSubtitle { font-size: 22px;line-height: 1.1em; }

</style>
</g:if>

<div class='articleTitle'>
<g:field fieldId='title'>
</g:field>
</div>

<div class='articleSubtitle'>
<g:field fieldId='subtitle'>
</g:field>
</div>

<div class='articleByline'>
<span class='articleFavicon'>
<g:field fieldId='favicon' hideExpansion='true'>
</g:field>
</span>

<g:field fieldId='external_authorName'>
</g:field>

<span class='articleCreated'>
<g:field fieldId='external_created'>
</g:field>
</span>
</div>
</g:splash>

<g:include template='interstitialAd'>
</g:include>

<g:include template='leaderboardAd'>
</g:include>

<g:fieldgroup source='feed,discovered,user' type='' start='1'
max='1' slideshow='true'>
</g:fieldgroup>

<g:field fieldId='body'>
</g:field>

<g:fieldgroup source='feed,discovered,user' type='' start='2'
max='10' slideshow='true'>
</g:fieldgroup>

Mentre la testata della sezione principale integra un logo completo che mostra il simbolo, il nome e l’URL del blog.

In conclusione

Currents è indubbiamente un bel progetto ed un ottimo strumento per sbarcare su smartphone e tablet con il minore sforzo possibile e la maggiore qualità disponibile allo stato attuale.

Ho avuto modo di metterlo alla prova anche sottoscrivendo importanti feed italiani e non e godendo di buona qualità di lettura e minore fatica nel destreggiarmi tra pubblicità e immagini che nulla hanno a che fare tipicamente durante la navigazione di una testata attraverso Safari (su iOS).

Sia questo blog che il progetto ABP X Files sono sbarcati sin dal primo momento su Currents, mi farebbe molto piacere se mi “portaste in giro con voi” ogni volta che potete! :-)

Gli URL diretti per sottoscrivere le edizioni sono rispettivamente gioxx.org/currents e mozilla.gfsolone.com/currents, ma potete tranquillamente puntare il vostro lettore di QR code subito qui sotto per evitare di utilizzare la tastiera!

Buona lettura! :-)