Le notifiche dei commenti Disqus

La partecipazione dei lettori è l'anima di un blog che altrimenti sarebbe solo lo sterile racconto di un scrittore tecnologico. E il modo più alto per esprimersi è quello di lasciare un commento, un'opinione, una nota, un parere... insomma scrivere qualcosa. Spesso accade che altri riprendano quanto scritto e rispondano innescando delle interessanti discussioni con botta e risposta. Disqus è proprio l'ideale per questo tipo di commenti grazie alla struttura ad albero con l'avatar degli interlocutori e la possibilità di menzionare direttamente i destinatari. E' fondamentale però venir avvisati di quando ci sono risposte ai propri commenti o a quelli degli altri e a tal proposito, Disqus offre svariate possibilità che cerchiamo di vedere nel dettaglio nei prossimi paragrafi.

Come fare screenshot con il Samsung Galaxy SIII

Visto il grande successo del post identico e relativo al fratellino minore di casa Samsung (l'SI) sono qui a spiegarvi come catturare l'immagine dello schermo del vostro smartphone. L'SIII è famoso per il fatto di essere un cellulare fatto per gli umani ovvero in grado di reagire in modo intuitivo e intelligente ai movimenti. Così per fare uno screenshot non si devono premere combinazioni di tasti, ma basta appoggiare il lato della mano sul bordo dello schermo e spostarlo verso il bordo opposto.

Sentirete il tipico suono dell'otturatore della macchina fotografica e l'immagine del vostro schermo verrà salvata sul cellulare.

Due note. La prima è che dovete essere sicuri di aver attivato questa gestualità. Per farlo andate nelle impostazioni del vostro cellulare, da qui entrate nel menu movimenti e verificate che nella sezione Movimenti della mano sia spuntata l'opzione Screenshot con lato mano.

La seconda si riferisce al luogo dove le immagini vengono salvate. Nel mio caso particolare, usando l'applicazione Archivio ho navigato in Tutti i file, quindi nella scheda sd (sdcard0), Pictures e Screenshots.

[LabVIEW] L'oscilloscopio virtuale

Lo scopo di questo post è di farvi vedere come realizzare con LabVIEW una piccola applicazione, senza troppe pretese, ma completa e funzionale in tutto e dall'aspetto professionale. Ecco gli aspetti che andremo a toccare in questa puntata di LabVIEW per tutti:

• Come realizzare un'applicazione usando la programmazione per eventi.
• Abilitare il login dell'utente in modo avere disponibili comandi differenti a seconda della tipologia di utente (normal user, power user e super cow). 
• Modificare il menu dell'applicazione aggiungendo comandi definiti dall'utente. 

Se siete pronti, direi che possiamo iniziare, scaricatevi l'intero progetto dell'oscilloscopio virtuale da qui e cominciate a sfogliare il diagramma mentre leggete il resto. 

Stampare dall'iPhone/iPad sulla HP6700 con AirPrint

Allora immaginatevi la scena. Tuo cognato viene da te che sei l'oracolo informatico di famiglia e ti chiede: devo comprare la stampante e la caratteristica fondamentale è che possa usarla direttamente dall'iPhone/iPad. Io senza indugio rispondo di acquistare una HP ePrint che nascono esattamente con questa prerogativa, la mia HP6500A che ritengo un ottimo affare, funziona alla grande e dall'iPhone basta cliccare su stampa e il gioco è fatto.

Così mio cognato va al negozio e prende la HP6700 Premium che come la mia supporta ePrint. Mi chiama per installarla e pochi minuti dopo è tutto collegato e tutto funzionante... tranne il cellulare. Gli iCosi di casa Apple continuano a dirmi che non trovano nessuna stampante compatibile AirPrint. Sull'orlo di una crisi di nervi, propongo a mio cognato di utilizzare la funzione di stampa via email, ovvero di inviare dai dispositivi mobili un'email all'indirizzo della stampante per ottenerne il contenuto su carta. Funziona sì, ma è un po' una pezza, specie per chi ha comprato la stampante con questo unico pensiero in testa.

Ero sicuro di aver fatto tutto giusto, come avevo già fatto a casa mia, e la conferma è arrivata oggi quando dopo aver installato un aggiornamento del firmware della stampante, eseguito in modo semi-automatico direttamente dalla stampante, l'HP6700 è comparsa tra i dispositivi di stampa disponibili sui cellulari e tavolette Apple.

In conclusione: se avete problemi con l'HP6700, fate l'aggiornamento e riavviate la stampante una volta terminato. Il problema si risolverà da solo.

[Howto] Ascoltare Radio Deejay su Rhythmbox ed altri player (linux)

Mentre sono davanti al pc, mi piace ascoltare la musica e visto che non ho un gran numero di mp3 l'ideale è quello di sintonizzarmi su una web-radio. In auto ascolto Radio Deejay, ma l'idea di tenere aperta una pagina del browser costantemente fissa sulla pagina della radio per poterla ascoltare non è che mi piaccia particolarmente. E così, la necessità aguzza l'ingegno.

Aggiungere una radio alla vostra lista di web-radio in Rhythmbox è molto facile. Seguite le istruzioni nell'immagine e cliccate su Aggiungi e incollate l'indirizzo della radio.

Ecco questo è il problema: l'indirizzo. Infatti se copiate l'indirizzo della pagina web da cui state ascoltando la radio, il vostro programma multimediale cercherà un plugin in grado di decodificare del testo e fallirà miseramente. L'indirizzo giusto è nascosto nella pagina HTML che avete caricato e per scovarlo dovete visualizzare la sorgente. Eccolo qui sotto:

mms://wm.streaming.kataweb.it/reflector:45899

Non vi posso garantire che resterà lo stesso nei prossimi mesi, ma se cambierà, giuro che torno qui ad aggiornare la pagina.

[Howto] Add a (disclaimer) message before Disqus comments

We all know Disqus is great, but this doesn't mean it could be better. One feature that Blogger users are loosing moving from the standard comment system to Disqus is the ability of displaying a message before the comment list. Generally speaking this message is very useful because blog authors can use it to define common rules for commenting or a sort of disclaimer.

NT Offline Windows Password editor: un software salvavita!

Forse salvavita è esagerato, lo ammetto, ma di sicuro ti fa risparmiare un sacco di tempo, una buona dose di stress e di certo allunga la vita del tuo fegato. Parlo per esperienza, dopo che ieri sera, per una serie di motivi che ancora non mi sono chiari, il desktop di mia sorella con una recentissima installazione di Win 2k ha smesso di autorizzarle l'accesso.

Non sto scherzando quando dico che è recentissima, perché non più tardi di un mese fa il suo pc aveva subito un guasto più serio e visto che non era mai stato formattato precedentemente abbiamo provveduto a reinstallare tutto da capo. Abbiamo persino pensato di fare il grande passo verso Linux, ma avremmo dovuto optare per una distribuzione "light" viste le non eccelse caratteristiche hardware del pc. Così accantoniamo per un attimo i sogni di gloria e torniamo al principio con il sistema operativo originario. Tutto bene, fino a ieri sera appunto, quando dopo aver abilitato la condivisione della stampante per accedervi anche dal portatile, al riavvio successivo Windows chiede la password per accedere, cosa che non solo non aveva mai fatto prima (avevo disabilitato l'opzione in fase di installazione), ma visto che non avevamo mai messo una password per quell'utente significava che l'account era stato bloccato.

Ho ridato vita al mio pc!

Ero piuttosto preoccupato. Il mio PC di casa, quello che amichevolmente chiamo l'ammiraglia, stava dando segni di cedimento. Nonostante la sua stazza e la sua non più giovane età non mi aveva mai dato grossi problemi, ma nell'ultimo periodo si comportava stranamente. In particolare era la ventola della CPU a darmi ansia, o meglio noia, perché faceva un rumore insopportabile girando a tutta velocità anche quando la CPU stando al monitor di sistema era totalmente scarica. Ero quasi sicuro che si trattasse di un problema hardware, perché il sistema operativo (linux) è abbastanza stabile da non mandare in orbita la CPU e sufficientemente primitivo da gestire la velocità di rotazione della ventola.

Da preoccupato sono diventato ansioso quando il computer ha iniziato a spegnersi per surriscaldamento CPU nonostante la ventola stesse quasi per decollare. Sono sul punto di fare un preventivo per un nuovo pc, quando mi viene l'ispirazione e smonto il dissipatore con ventola piazzato sopra la CPU. La ventola gira bene, libera senza problemi. Il dissipatore mi sembra in buone condizioni e il residuo di pasta termica sul fondo è nella norma. E' a quel punto che noto che sotto la ventola non si vedono le alette del dissipatore. Non senza fatica, tolgo la ventola dal dissipatore e con grande meraviglia trovo un tappetino fittissimo di polvere, della stessa consistenza di un tessuto, steso a coprire l'intera superficie del dissipatore.

Rimuovo la polvere, do una spruzzata di aria compressa, una lucidata al cuore di rame, due gocce di pasta siliconica e rimonto il tutto sulla motherboard. Adesso non solo il pc è tornato a funzionare come nuovo, ma la temperatura della CPU è di 39 gradi e la ventola talmente silenziosa che non si capisce che sta girando.

Evviva la primavera, e le pulizie di primavera!

Il country redirect e i plugin sociali

Ieri abbiamo visto quale è stata la prima conseguenza negativa dell'aver introdotto il country redirect sui blog della piattaforma blogger. Poche ore dopo la pubblicazione, il post aveva già ottenuto una quantità di visite a dir poco inaspettate visto il contenuto e il taglio di questo blog. Ci viene segnalato anche un altro malfunzionamento che non avevamo notato, ovvero che i contatori di AddThis, ovvero i bottoncini Mi piace, Twitter e G+ che trovate sopra ad ogni articoli erano stranamente resettati.

Il motivo è presto detto: tutti gli articoli pubblicati prima del country redirect erano stati condivisi sulle varie piattaforme utilizzando il suffisso .com, mentre adesso appaiono con i più disparati suffissi e i vari plugin sociali, come AddThis appunto, contano in modo differente se un post è identificato dal dominio .com o punto .it. Visto che un'immagine vale mille parole, provate a confrontare le due immagini seguenti e cercate le piccole differenze.

L'immagine a sinistra è stata catturata utilizzando l'indirizzo con dominio italiano (guardate nella barra dell'indirizzo) e vedete che apparentemente nessuno mai ha cliccato sul bottone mi piace. Nella schermata di destra invece, ci sono oltre 200 mi piace e l'indirizzo è quello originale .com prima della migrazione.

Ad aiutarci ad uscire da questo impasse ci è venuto in aiuto un altro lettore che ci ha suggerito di utilizzare la variabile di template data:post.canonicalURL al posto della data:post.url perché punta sempre alla versione NCR (no country redirect).

Come risolvere il problema?

Nel caso di AddThis la soluzione è alquanto semplice, ma richiede la modifica del codice HTML del vostro template, quindi, come al solito, prima di procedere assicuratevi di fare una copia di backup e chiedete aiuto in caso non foste sicuri di quello che fate.

Una volta che avrete aperto l'HTML del vostro template, cliccate sull'opzione per espandere i widget e cercate la stringa chiave

<a expr:href='data:post.url'><data:post.title/></a>

Dovreste trovarne al massimo due copie, la prima per la versione desktop del vostro blog, la seconda per quello mobile. Noi utilizziamo AddThis solo per la versione desktop, quindi faremo la modifica solo alla prima istanza. Per essere sicuri che è proprio la riga giusta, provate a scorrere il template di qualche riga verso l'alto e dovreste trovare la riga <b:includable id='post' var='post'>, se trovate la riga <b:includable id='mobile-post' var='post'> allora è quella sbagliata.

La correzione che dovete fare è semplicissima, sostituire a data:post.url la variabile data:post.canonicalUrl in modo che la riga di cui sopra vi si presenti in questo modo:

<a expr:href='data:post.canonicalUrl'><data:post.title/></a>

Al momento non abbiamo ancora trovato conseguenze inaspettate per questa variazione del template e come potete vedere dall'immagine qui sotto, i contatori sono tornati al loro valore originario anche per la versione .it

Grazie ad entrambi i lettori per le segnalazioni!

Blogger: stili differenti per diverse tipologie di pagine

Vi piacerebbe modificare i contenuti che appaiono sul vostro blog (Blogger) a seconda del tipo di pagina? Su Blogger ci sono differenti tipologie di pagine a cui i lettori possono accedere. Le due tipologie più importanti sono le pagine item ovvero quelle che contengono un solo articolo e l'index che invece è la home page da cui è possibile accedere a tutti i post più recenti. Sono classificate index, anche le pagine delle etichette, ovvero se cliccate su una delle categorie dei vari post, il risultato della ricerca verrà mostrato in una pagina index.

Tra le altre categorie ci sono le pagine archive che corrispondono agli elenchi di post raggruppati per data di pubblicazione (esempio) ed infine ci sono le static_page, ovvero quelle pagine statiche che i blogger usano per descrivere il proprio sito o raccogliere informazioni generali che non sono un vero e proprio articolo.

Come fare screenshot con Samsung Galaxy S

Un howto brevissimo per dirvi come fare a catturare l'immagine del display del vostro cellulare Samsung Galaxy S senza bisogno di applicazioni e di avere il dispositivo rooted.

In ogni momento potete fare uno screenshot tenendo premuto il tasto destro (quello per tornare indietro e con la freccia) e premere il tasto home. L'immagine verrà salvata nella vostra galleria di immagini nella cartella screencapture.

Buon divertimento!

Come rendere i propri commenti Disqus più espressivi

Tranquilli ragazzi non vi voglio tediare con un corso base di HTML, ma questo è un post su richiesta di un'amica che vorrebbe rendere i propri interventi nei commenti con Disqus più incisivi, ma non riesce a ricordarsi come usare le tag HTML.

Disqus e HTML

Nello spazio commenti di questo blog, che è gestito dall'ottimo servizio Disqus, è possibile utilizzare del codice HTML per inserire dei grassetti, oppure dei corsivi e persino dei link ipertestuali. In realtà l'interfaccia di inserimento commenti è già sufficientemente intelligente che se inserite un link ad una pagina web, questo diventerà cliccabile non appena il commento verrà pubblicato. Se non siete utenti registrati, allora al fine di limitare lo spam, vi verrà richiesto di inserire un codice CAPTCHA. Se il link che inserite punta ad un formato valido di immagini, allora questa verrà caricata sul server multimediale di disqus e verrà mostrata sotto al vostro intervento. Lo stesso dicasi per i link ai video di Youtube (credo che non funzioni ancora per le versioni brevi dei link, quelli youtu.be per intenderci) che verranno allegate e saranno visibili direttamente dal blog.

Disqus comments on Blogger static pages

Disqus is an excellent commenting system but it can be even nicer if you slightly hack their script to better integrate with Blogger, a.k.a. Blogspot. Some times ago, Blogger added the possiblity to have static pages where you can have, for example, an introduction about you, or the index for a given subject largely discussed in the blog. To see what I mean, have a look at the links just underneath this page header. At the beginning, static pages where though to be static indeed, no interaction from the readers was foreseen, that is to say, no comment can be left.

Recently, Blogger changed this attitude and now the blog administrator can change on a page by page basis the option to show or not the comment box. Be aware that if you have Disqus and you enable comments on static pages, you will end up having the native blogger interface for comment posting. This is a "feature" - it is too easy to fix to be called a bug! - of the way the Disqus script is working. In fact, the script is checking if the visitor is browsing the front page or a specific article, that in the Blogger nomenclature is called 'item'. A static page is not an item and definitely not the index page and so Disqus script doesn't know what to do and it does nothing allowing the native interface to show up.

Come si costruisce un'immagine mappa in HTML

Anche il più inesperto appassionato del web dotato di un sito personale è capace di includere un'immagine all'interno della propria pagina. Molto spesso poi all'immagine viene associato un link ipertestuale in modo da reindirizzare un eventuale click sopra alla grafica verso un'altra pagina o ad una particolare azione.

Non è così semplice creare una mappa a partire da un'immagine, ovvero suddividere una singola immagine in aree separate ed associare il click ad ogni area ad una pagina o ad una azione differente. Per capire di cosa si tratta, provate a giocare con l'immagine qui a lato.

Per semplicità ci sono tre aree ben distinte nell'immagine e posizionando il mouse sopra alle tre aree vedrete comparire un tooltip (quella scritta in sovraimpressione) con un messaggio differente. Se cliccate sopra ad ogni singola pagina, finirete su una pagina diversa. Provate per credere.

How to make Blogger Mobile working with Disqus

If you are blogging on Blogger and you opted to replace the static native commenting box with the interactive and sexy Disqus discussion thread, then you probably know that the two work very nicely together in the desktop version of your blog, but as soon as you go mobile Disqus disappers.

Sometimes ago, Blogger decided to offer their users the possibility to have a mobile version of their blog just out of the box, with no special configuration required. Mobile users pointing their browser to a mobile-enabled blog will just land to the mobile-friendly version of the site, as simple as that. The trick is a script running while loading the page that catch from the user agent the device model name and in the case of a handheld device, it adds a ?m=1 at the end of the url to have the proper redirection.

So far so good, I would say, but no configuration required also means no possibility to make any customization to the template and this is where the conflict with Disqus arises.

When you install Disqus in Blogger, you are just adding another widget to your layout. This is a simple HTML/Javascript widget that is actually hiding the original comment div and adding to the DOM the Disqus Thread with all its frills. When your desktop layout is converted in the mobile version only a few standard widgets are ported and obviously the Disqus one is dropped.

This is the solution

It looks like a showstopper, but there is a quite simple way out to force a widget, even if it is not a standard one, to be included into your mobile version. Of course Blogger doens't guarantee that your custom widget will render and work on smartphones, but if you configure Disqus to use the mobile theme for handheld you won't have any problem.

Blogger developers added a new property to the widget object; the mobile property can assume three different values: 'yes', 'no' and 'only'. For non-standard widget, the mobile attribute is set to no by default, but actually nothing is preventing an advance user from editing the HTML template and setting the property to 'yes'. In practice, you go to modify the HTML of your template, you save a complete backup first, you expand widget template and look for the Disqus box. The only required change is to add the mobile='yes' line as highlighted in the code snippet below.

<b:widget 
    id='HTML3'
    locked='false' 
    mobile='yes' 
    title='Disqus for unico-lab'
    type='HTML'
>

Of course, we all hope that Disqus will change their widget to include this line automatically with no need of editing for the final user.

If you have a custom template...

The procedure described so far can be used more or less straightforward if you have a standard template and you use the Disqus widget. If you have a heavily customized template like the situation reported by DarkUFO in this comment, you need some more hacking to get Disqus on mobile.

When helping DarkUFO,  my approach was to take out from the template all the scripts related to Disqus and put them all together into a new HTML/Javascript widget. After that, I've modified the template adding the mobile='yes' property to the just added widget.


In case you need some help with this hacking, try asking for some help here below.

Known issues

Everything working? Not really, there are still a few issues I've found and that need to be fixed possibly by some other smart developers.

1. The first one is that the hide and replace mechanism of Disqus is not working when displaying the front page in the mobile version. This is actually not too much of a problem because when you click on the "# comments" links you are anyway redirected to the correct blog post but not to the comment section and the number of reactions is missing.

2. The second one is a bit more tricky and is with the "Link to comment" included into the email users are receiving with new comments. This short link is pointing to something like:  

http://your-blog.blogspot.com/your-post.html#comment-123456

and when you click on it from your phone, Blogger will append the "?m=1" to the end and you will land to the desktop page. In fact the correct link should be something like

http://your-blog.blogspot.com/your-post.html?m=1#comment-123456

with the mobile parameter in between the post URL and the anchor text. This is very likely a problem that should be fixed by Blogger and not by Disqus and tthat's why I've submit a question to the blogger help forum you should consider to support if you are having the same issue.

If you find this helpful, share it!

Come configurare il range extender?

Bello il wireless vero? Essere in giro per casa con il portatile o con lo smartphone ed essere sempre connessi alla rete. Qualche anno fa era un sogno o un privilegio di pochi, oggi è abbastanza comune avere modem/router per l'ADSL di casa con funzione di Access Point, ovvero con un'antennina che diffonde il segnale radio attraverso il quale ci si connette alla rete.

Tutto ok? Quasi... quando uno prende un dispositivo wireless è convinto che non avrà mai problemi di portata e che tutta la casa sarà perfettamente coperta, ma la realtà potrebbe essere parecchio diversa. Questo era un problema reale a casa mia, specie durante i mesi invernali quando passiamo gran parte del tempo in taverna dove il segnale che arriva dal router è a dir poco debole. Ed è così che ho deciso di potenziare il wireless e qui vi dico come ho fatto.

[Howto] Salvare i video in streaming

Questo quasi howto appartiene alla serie di articoli che più che essere dei veri e propri tutorial sono dei reminder per ricordarmi cosa ho fatto per ottenere un certo risultato combattendo un numero svariato di ore prima di riuscire nel mio intento.

Se volete salvare i video da youtube, allora questo tutorial non vi serve a nulla, sarebbe come armare una bomba atomica per spaventare una formica. In tal caso quello che vi serve è una qualche estensione del browser come Video DownloadHelper e seguite questa guida.
Questo articolo si riferisce ai casi un po' più complessi in cui per esempio non si tratta di uno stream multimediale mms:// oppure rtp:// o ancora rtmp://. In questi casi difficilmente potrete farcela usando un'estensione del browser e in alcuni casi non avrete nemmeno l'indirizzo diretto del contenuto multimediale che volete salvare sul vostro hard-disk.

Prima di continuare in questa lettura è necessario che vi avvisi che anche se tecnicamente possibile, salvare sul vostro computer video in streaming potrebbe non essere legale a seconda della legislazione vigente nel vostro stato.

Replay Media Catcher: la soluzione a tutti i problemi

In genere, la soluzione più semplice a tutti questi problemi è di affidarsi a dei professionisti. Credo che Replay Media Catcher (link) sia esattamente il meglio che possiate chiedere. Le sue funzionalità sono veramente eccelse, dietro ad una semplice interfaccia grafica, si nasconde un potente motore che si comporta come se fosse una spia della vostra interfaccia di rete. Non appena acconsentite al monitoraggio, tutti gli stream multimediali che passano attraverso la vostra interfaccia di rete verranno deviati e scaricati sul disco rigido. In pratica quello che dovete fare è avviare RMC, far partire il monitoraggio e poi andare a vedere il video che volete salvare. A quel punto vedrete comparire nella finestra di RMC, un nuovo file in download. Replay Media Catcher è sviluppato per windows, ma è possibile farlo funzionare con i soliti trucchi (leggi Wine) anche su Linux e dicono anche su Mac. L'unico neo è che un'applicazione shareware (€ 30 circa) e nella versione di prova permette di scaricare solo metà del video oppure solo il primo minuto in caso di streaming live.


Per le cose facili

Se quello che volete fare è salvare un file trasmesso con il protocollo mms:// o rtp:// o ancora rtsp://, allora non serve scomodare RMC, vi basta vlc o mplayer per fare esattamente la stessa cosa. Per gli amanti delle interfacce grafiche, allora consiglio il primo, vi basta cliccare il bottone con l'icona tonda e rossa (tasto rec) e il resto viene da sé.
Se siete amanti della tastiera e preferite usare una console (come piace a me) per fare queste operazioni potete usare mplayer, qui sotto la riga di comando che utilizzo:

mplayer -dumpstream -dumpfile myfile.wmv mms://mms.host.com/video.wmv

Per le cose meno facili

Ci sono però casi più complessi, dove per esempio il protocollo non è il semplice mms, ma per esempio è il più ostico rtmp o ancora peggio rtmpe che è persino criptato. Questo protocollo stabilisce una connessione tra un player e il server e difficilmente ci si può interporre se non simulare di essere il player ricevente. Per prima cosa è necessario sapere quale sia l'URL del file in streaming. Potrebbe non essere facile da scoprirlo, un modo è quello di utilizzare UrlSnooper2 che in accoppiata con WinPcap permette di vedere tutti gli indirizzi dei file multimediali in streaming. Il funzionamento non è molto diverso da quello di RMC: fate partire UrlSnooper e poi puntate il browser verso il contenuto che volete salvare. Nell'immagine qui a lato vedete una schermata di UrlSnoper e per semplicità abbiamo evidenziato con un riquadro rosso l'indirizzo del player e con uno blu l'indirizzo del contenuto multimediale. Potete copiare nella clipboard gli indirizzi in questione cliccando con il tasto destro sopra le varie righe.

Ancora non abbiamo scaricato il filmato, ma per lo meno sappiamo dove si trova. Il prossimo passo è quello di utilizzare rtmpdump uno strumento da linea di comando che ti permette di scaricare su disco un flusso multimediale di dati.  La riga di comando che utilizzo è la seguente:

rtmpdump -W http://path-to-the-player/player.swf -r rtmp://url-to-the-stream/movie.mp4 -o my_video.flv

Il significato delle opzioni è presto spiegato. Con -W si istruisce rtmpdump a scaricare il flash player dall'indirizzo specificato e di fingere di essere lui nel momento che verrà stabilita la connessione verso il contenuto multimediale. L'indirizzo del player è quello che vi comunica UrlSnopper (riquadro rosso). Dopo l'opzione -r dovete inserire l'indirizzo nel riquadro blu, mentre dopo -o dovete inserire il nome che volete dare al file in questione.

Questo dovrebbe essere più o meno tutto. Ripeto, più che tutorial questo è un riassunto delle mie esperienze nel tentativo di salvare video dalla rete, non garantisco che funzioni, anche se nel mio caso sono riuscito nell'intento. Fatelo solo se è permesso, altrimenti non date la colpa a me se finite nei guai.

[Howto] Come dividere un video in più parti

Il nuovo look di Youtube

Vi ricordate quando anni fa avevo scritto un piccolo tutorial su come fare a unire due video in un unico file avi? L'idea di base era quella di salvare sul proprio pc alcuni video presi da servizi come Youtube e poi accodarli uno all'altro per vederli senza interruzioni.

Youtube permette di caricare anche video con durata superiore al limite generale di 15 minuti, ma solo agli utenti che hanno una fedina penale pulita, ovvero che hanno sempre rispettato le regole della community e che non hanno mai infranto nessuna regola antipirateria. Purtroppo questa è solo una teoria, perché come potete leggere da questa lunghissima discussione, esistono decine di utenti assolutamente regolari, tra cui io, che per qualche strano motivo sono finiti sulla lista dei cattivi e niente video lunghi.

Unendo insieme due famosi detti popolari: "Se Maometto non viene alla montagna" e "Nulla è impossibile a Linux", ho trovato una soluzione temporanea a questo problema: ovvero usando ffmpeg spacco il file in due o più segmenti in modo che ognuno di essi abbia durata inferiore ai maledetti 15 minuti, li carico sul tubo e poi li incateno uno dietro l'altro usando le annotazione di Youtube.

E' una soluzione per poveretti? Sì lo è, ma per il momento è l'unica che ho trovato.

Dividere in parti

Spaccare un video con linux è estremamente banale e io mi trovo talmente bene a farlo da riga di comando che non sprecherei nemmeno un ciclo di CPU per aprire un'interfaccia grafica. Quello che vi serve è FFmpeg, che in genere è presente bello che impacchettato nella vostra distribuzione preferita e nulla più. Quello che dovete fare è digitare il comando seguente da un terminale

ffmpeg -vcodec copy -acodec copy -i video.wmv -ss 0 -t 100 video1.wmv

Solo per chi non è famigliare con FFmpeg, spiego la sintassi di questo comando. Le opzioni -vcodec e -acodec, entrambe settate a copy, istruiscono FFmpeg a non fare alcuna conversione di formato, encoding e incapsulamento. FFmpeg, prende il file di input (specificato da -i) e lo copia esattamente in un file di uscita (video1.wmv) ma partendo da il secondo 0 (opzione -ss) e per una durata di 100 secondi specificata -t. Sia -ss sia -t accettano anche nel formato h:mm:ss.sss. Per l'ultima frazione del video potete anche evitare di specificare la durata, il processo si arresterà alla fine del video.

Accodare dopo su Youtube

Fin tanto che non Youtube non mi avrà ripulito la fedina penale, non ho troppe alternative e posso solo caricare video fino a 15 minuti. Ma posso aggiungere alla fine di ogni parte un link alla parte successiva. A tale scopo, si possono usare le Annotazioni di Youtube in modo da far apparire una nota, diciamo quando mancano una trentina di secondi alla fine del video, così che l'utente possa cliccarci sopra e passare direttamente alla parte successiva. Aiuta anche mantenere il titolo di tutti i video uguali mettendo tra parentesi (1/2), per esempio, per indicare che si tratta del primo di due video. In questo modo è possibile che il tubo proponga nei video correlati la parte successiva.  Qui a lato, vedete un esempio di come ho fatto...

Post Scriptum

Se vi sembra che questo tutorial sia totalmente inutile, avete anche ragione. Più che un tutorial è un reminder, per ricordarmi come ho fatto e ripetere i passaggi la volta successiva. :)

Come funzionano i link brevi e perché li voglio usare

Avete visto la nuova barra di navigazione dei post di aggiornamento sull'incidente di Fukushima? Se la risposta è no, allora vi consiglio di cliccare qui per dargli un'occhiata. Adesso che avete visto come è fatta (esclusivamente CSS3), posso svelarvi un segreto: non sarei mai riuscito a farla, in modo pratico ed efficiente se non ci fosse stato l'applicazione YOURLS, open source e gratuita, per costruire il proprio servizio di link brevi. Prima di spiegarvi il trucco dietro la nuova barra di navigazione, vorrei prendere l'occasione per spiegarvi come funzionano i servizio di accorciamento link dal punto di vista pseudo-tecnico. Se lo sapete già o non vi interessa (fate male!) passate pure al paragrafo successivo.

Come funzionano gli accorciatori di indirizzi

Prima di capire come funzionano, forse qualcuno si sta ancora domandando di cosa stiamo parlando. Avete in mente quegli indirizzi  tipo goo.gl/O2wV5 o bit.ly/hDrKWT o ancora tinyurl.com/839ozoa. Lo schema è sempre il solito: c'è un nome di dominio spesso seguito da un dominio di primo livello particolare in modo che l'intera stringa suoni famigliare se pronunciata e poi dopo la sbarra c'è una sequenza di numeri, lettere maiuscole e minuscole e simboli [1]. E' un qualcosa di assolutamente criptico, ma poco importa, perché se ci clicchi sopra vai a finire esattamente dove il creatore dell'indirizzo breve intendeva indirizzarvi.

Ma a cosa servono? Bella domanda. La risposta breve è che servono ad accorciare un indirizzo lungo, magari anche un centinaio di caratteri in qualcosa di più accessibile, anche se difficilmente vi metterete a copiare a mano un link breve perché il rischio di fare confusione nel riportare una lettera al posto di un'altra è troppo alta. Ci sono però delle situazione in cui un link breve è essenziale, pensate per esempio a twitter dove un link di 100 caratteri riempirebbe quasi interamente il vostro cinguettio. Altro esempio sono i commenti dei blog dove un link troppo lungo risulta di difficile lettura e spesso non viene interpretato come link perché supera la lunghezza di una riga.

Come funzionano è quasi più facile da spiegare rispetto a quello che servono. Quando un utente utilizza goo.gl per creare un indirizzo breve, viene creato un record in un database in cui vengono registrati l'indirizzo lungo e quello breve che viene generato casualmente. Nel momento in cui digitate l'indirizzo breve, diciamo goo.gl/O2wV5, il vostro browser invierà una richiesta al server goo.gl per la pagina O2wV5. Il server goo.gl cercherà nel database di cui sopra per la sequenza O2wV5 in modo da recuperare l'indirizzo lungo corrispondente. A questo punto il server genererà una pagina html semplicissima che contiene praticamente soltanto una riga di intestazione in cui si dichiara un errore particolare (301) che è equivalente di dire al browser che la pagina che cercava non è più qui, ma è stata spostata all'indirizzo indicato da quello lungo.

Per l'utente, il tutto è completamente trasparente. E' infatti il browser stesso ad interpretare il messaggio d'errore generato dal link breve e re-indirizzare il navigatore verso il porto di destinazione. A livello di implementazione è tutto piuttosto semplice, poche righe di codice per gestire il database con le coppie link brevi / link lunghi e poi alcune righe per generare la pagina d'errore. Poi ovviamente ci sono tutti i frizz & frill, come le statistiche con i grafici, la condivisione sui principali social networks, i widget e plugin da installare sulle varie piattaforme di blogging, ma il grosso è veramente riassumibile in poche righe di codice come quelle che seguono.

// Get URL From Database
$url = yourls_get_keyword_longurl( $keyword );

// URL found
if( !empty($url) ) {
 // Update click count in main table
 $update_clicks = yourls_update_clicks( $keyword );
 // Update detailed log for stats
 $log_redirect = yourls_log_redirect( $keyword );
 
 yourls_do_action( 'redirect_shorturl', $url, $keyword );

 yourls_redirect( $url, 301 );

// URL not found. Either reserved, or page, or doesn't exist
} else {

 // Do we have a page?
 if ( file_exists(YOURLS_PAGEDIR."/$keyword.php") ) {
  // Include YOURLS functions we've skipped, they might be of use
  require_once( YOURLS_INC.'/functions-html.php' );
  yourls_page($keyword);

 // Either reserved id, or no such id
 } else {
  yourls_do_action( 'redirect_keyword_not_found', $keyword );
         yourls_redirect( YOURLS_SITE, 302 ); 
 }
}
exit();

YOURLS e il mio piano di utilizzo link brevi

Il codice che vi ho postato qui sopra mica l'ho scritto io, è praticamente il cuore di YOURLS, un'applicazione gratuita e libera che ognuno può scaricare ed installare sul proprio server e avere il proprio servizio di accorciamento indirizzi. Ovviamente in caso di grossi traffici forse è meglio affidarsi ad un servizio professionale, ma è evidente che un servizio privato e completamente gestibile in autonomia offre dei vantaggi non trascurabili.

I requisiti per installare YOURLS sono veramente minimi, serve uno spazio web che sostanzialmente supporti PHP e MySQL. In pratica tutto quello che vi serve lo trovate registrandovi presso 000webhost che vi da tutto quello che vi serve pure gratis. L'installazione è banalissima e di fatto si riduce a compilare un file di configurazione molto semplice e ben documentato e dopo qualche minuto siete pronti a registrare il vostro primo link breve.

Dicevamo che YOURLS è consigliato solo per piccoli gruppi di utenti, meglio se come servizio privato e non aperto al pubblico, però ha alcune caratteristiche interessanti, prima fra tutte la possibilità di modificare a quale link lungo un link breve punta. Questa possibilità è assolutamente vietata nei servizi professionali e pubblici per ovvi motivi di phishing. Immaginatevi che dopo aver creato un link breve di una banca, questo venga modificato verso una pagina clone in cui ruba i dati che gli ignari utenti inseriscono. Ma se il servizio è privato e solo l'amministratore (cioè io) ha la possibilità di modificare il database, allora la cosa può diventare utile. E adesso vi spiego per che cosa...

Avete in mente gli articoli di aggiornamento che scriviamo su Fukushima? Uno potrebbe volere avere il link diretto all'ultimo articolo disponibile, caratteristica che non è disponibile in blogger, ma che diventa fondamentale se uno vuole scrivere una barra di navigazione come la nostra. Per questo motivo abbiamo creato un link breve (non troppo breve in effetti) che punta all'ultimo post di aggiornamento disponibile e ovunque piazzo questo indirizzo, so che non dovrò modificarlo più, perché mi basterà aggiornare il database per averlo aggiornato ovunque alla nuova destinazione. 

Non c'è trucco e non c'è inganno, solo buon uso della tecnologia!

---

[1] Esiste almeno una nota eccezione. Sono gli indirizzi brevi di dominio di primo livello .tk in cui è proprio il nome di dominio a contenere la sequenza di lettere e cifre e non c'è nessuna stringa dopo la sbarra. Vedi unico-lab.tk [ ↵]

Trovare le coordinate GPS di un indirizzo

Fino a qualche settimana fa non sapevo nemmeno cosa fosse il geocoding. Non è che adesso sia un guru in materia, ma per lo meno ho un'idea di quello che è. In pratica si tratta del motore di ricerca che sta dietro servizi come Google Maps, in cui tu inserisci un indirizzo più o meno completo, e lui ti risponde con uno o più punti su una mappa.

Quando riempiamo il database con i dati della contaminazione alimentare ci ritroviamo con enormi quantità di dati da geocodificare, perché ogni alimento ha una sua prefettura di origine e molto spesso anche una località associata. Il punto critico è che tutte le volte che voi, cari utenti, interpellate il nostro database, un server di google deve accollarsi il compito di calcolare tutte le posizioni rallentando di gran lunga la risposta.

Così abbiamo deciso che per migliorare la vostra esperienza, non tanto il carico dei server di BigG, abbiamo fatto noi a monte il geocoding una volta per tutte e google non deve fare altro che posizionare un indicatore in corrispondenza delle coordinate (latitudine, longitudine) sulla mappa. Abbiamo quindi spostato il problema da Google a unico-lab, come si ricavano le coordinate GPS di un indirizzo? Semplicissimo usando l'applicazione qui sotto.