Installazione

Per prima cosa colleghiamo il decoder ad una porta USB e diamo da terminale il comando lsusb per controllare che il nostro device sia proprio uno basato sul chip in questione. Il risultato dovrebbe essere qualcosa del genere:

1
2
3
4

[...]
Bus 002 Device 005: ID 8086:9500 Intel Corp. (Questo è il nostro decoder)
Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
[...]

Adesso procuriamoci tutto ciò che ci serve per compilare ed installare i driver di video4linux. Apriamo un terminale e diamo:

1

sudo apt-get install mercurial linux-headers-$(uname -r) build-essential

Quindi scarichiamo i driver:

2

hg clone http://linuxtv.org/hg/v4l-dvb

Entriamo nella cartella:

3

cd v4l-dvb

E quindi instlliamo il tutto:

4
5

sudo make
sudo make install

Il make ci impiegherà del tempo: non vi preoccupate è tutto normale. Ora non ci resta che riavviare il sistema.

Scansione dei canali

Per poter guardare finalmente la televisone, dobbiamo ora effettuare la scansione dei canali tramite il comando scan. Per prima cosa creiamo un file con le frequenze per la nostra zona ricavate dal sito DGTVi. Un esempio di file di frequenze per la zona di Napoli è questo:

# MUX-A RAI
T 722000000 8MHz 3/4 NONE QAM64 8k 1/32 NONE
 
#MUX MEDIASET 2
T 754000000 8MHz 3/4 NONE QAM64 8k 1/32 NONE
T 626000000 8MHz 3/4 NONE QAM64 8k 1/32 NONE
 
# TIMB1
T 602000000 8MHz 3/4 NONE QAM64 8k 1/32 NONE

Salviamo questo file nella nostra home con il nome frequenze, colleghiamo il nostro ricevitore usb e diamo da terminale il comando:

sudo scan frequenze > canali.conf

Al termine della scansione ci ritroveremo con un file canali.conf nella nostra home directory: apriamo questo file con VLC media player e ci troveremo con una playlist contenente tutti i canali trovati durante la scansione. Gli utenti KDE possono utilizzare il player Kaffeine che gestisce direttamente da interfaccia grafica l’operazione di scansione dei canali. Data la sua semplicità di utilizzo l’uso di Kaffeine è consigliato anche a chi, come me, usa Gnome o un altro desktop environment.

I sintomi

La cosa più difficile è stata proprio accorgersi che qualcosa non andava come doveva. Inizialmente mi ero accorto di alcuni problemi con il feed RSS: Google Reader non mi riportava più gli aggiornamenti del blog nonostante il feed venisse visualizzato nel browser correttamente, ho quindi deciso di spostarmi su FeedBurner e il problema sembrava risolto.

Mi sono quindi accorto che su Google non venivano indicizzati i miei articoli più recenti e, in fine, il Pagerank sceso da 3 a 0 senza alcun apparente motivo.

Inizio allora a sospettare che il bot di Google non riesca più ad accedere alle mie pagine. Ne ho la conferma analizzando il risultato delle richieste HTTP: Google viene reindirizzato ad un altro sito!

Alla ricerca del problema

Il primo posto dove mi viene in mente di cercare è il file .htaccess: il modo più semplice per effetture un redirect in base allo user agent è proprio quello di modificare questo file. Controllo il file, ma questo risulta pulito ed è presente solo il codice generato da WordPress per i permalink.

Ho letto spesso di inserimento di codici maligni nei temi WordPress. Anche se ero decisamente sicuro che il problema non risiedesse nel codice del tema, per togliermi ogni dubbio ho deciso di fare una scansione con WPAntiVirus, ma nulla: come prevedibile anche il tema era pulito.

Arrivo alla conclusione che il problema deve stare in qualche file PHP. La lista dei file e delle cartelle presenti nel mio spazio sembra, però, essere normale. Mi rassegno quindi al dover controllare uno ad uno i file del core di WordPress. Partendo da index.php seguo il percorso delle inclusioni:

• index.php: nulla di strano
• wp-blog-header.php: nulla nemmeno qui
• wp-load.php: pulito
• wp-config.php: eccolo, qui c’è qualcosa che non ci dovrebbe essere

Verso la linea 38 di wp-config.php fa capolino questa stringa:

38

$agent = $_SERVER['HTTP_USER_AGENT']; if (eregi("google", $agent)) {header("HTTP/1.1 301"); header("Location: http://doormoney.us/"); exit(); }

Per i non avezzi al PHP questo codice non fa altro che intercettare lo user agent di Google, inviargli un codice di redirect permanente 301 al sito doormoney.us. Ecco spiegato perchè i contenuti non venivano più indicizzati e il perchè del calo del PageRank. Eliminando questo codice finalmente tutto torna alla normalità.

Segnalazioni

• The Cosmic Machine – EventBox

  

• Tweetbots

  

• Gin&Twitts

  

• Quapture

  

• TweetMeme

  

• Trevor Sheridan

  

• TweetCC

  

• Twitter Twitpocalypse

  

• Helveti-Tweet

  

• Tweetzien

  

Installiamo da repository

Vediamo come fare per installare la beta di Firefox 3.5 su Ubuntu Jaunty. Prima di tutto dobbiamo aggiungere il repository al file /etc/apt/sources.list aggiungendo le seguenti righe:

deb http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main
deb-src http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main

Quindi apriamo il terminale ed aggiungiamo la chiave GPG:

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 247510BE

Poi aggiorniamo la lista dei repository di apt:

sudo apt-get update

Ora siamo pronti ad instalare la beta della 3.5:

sudo apt-get install firefox-3.5

L’installazione non sovrascriverà le versioni precedenti e sarà accessibile dal menu Applicazioni → Internet sotto il nome di Minefield 3.5 Web Browser.

Considerazioni

I tempi non sono ovviamente ancora maturi per poter dare un giudizio: è pur sempre una beta. C’è da osservare, però, che già da ora si nota un sensibile aumento nella velocità di avvio e qualche piccolo cambiamento nell’interfaccia (è stato aggiunto un pulsante accanto alle tab per aprirne una nuova). Tutto sommato sembra sia abbastanza stabile, anche se non ho avuto modo di stressarla eccessivamente. Con i dovuti limiti questa versione potrebbe anche essere utilizzata per la navigazione di tutti i giorni, anche se lo sconsiglio.

1. Akismet

Come non iniziare questa lista con Akismet, l’anti-spam sviluppato da Automattic, la società che sta dietro a WordPress. Lo si trova caricato di default, ma per attivarlo è necessario disporre di una API key ottenibile registrando gratuitamente un account su Wordpress.com.

2. Google Analytics for WordPress

Google Analytics for WordPress è uno di quei plugin che non manco mai di aggiungere ad ogni nuova installazione. Sul perchè non sia consigliabile copiare ed incollare il codice di Google Analytics direttamente nel proprio theme se ne è parlato molto, per approfondire vi consiglio di dare una lettura a questo articolo.

3. WP-Syntax

In un blog tecnico come il mio capita spesso di dover postare dei blocchi di codice. Quasi da subito ho sentito l’esigenza di un plugin come WP-Syntax che mi permettesse di evidenziare la sintassi dei codici in diversi linguaggi di programmazione. Mi sono sempre trovato discretamente bene con questo code highlighter, ma sto pensando di migrare a
Google Syntax Highlighter.

4. Maintenance Mode

Ad ognuno di noi è capitato di dover mandare in pausa il proprio blog per un po’, anche solo per caricare e testare un nuovo theme o per aggiornare la versione di WordPress. Maintenance Mode è un plugin che ci aiuta in situazioni del genere. In giro si leggono opinioni discordanti a riguardo, ma posso dire che per quanto riguarda la mia personale esperienza Maintenance Mode non mi ha mai creato problemi.

5. WP-ContactForm

Una cosa a cui ogni blogger non può non può rinunciare è dare la possibilità ai propri lettori di poterlo contattare. Un semplice form di contatto come WP-ContactForm si adatta facilmente a tutte le esigenze. Attualmente sto meditando di cambiare plugin per il form di contatto, ma non ho ancora trovato qualcosa che faccia al caso mio.

Le novità: l’approccio ad oggetti

La novità risiede nell’adozione del paradigma orientato agli oggetti: per sviluppare un nuovo widget ci basterà semplicemente estendere la classe WP_Widget ed in fine, similmente a come avevamo già visto, registrare il tutto con register_widget.

La struttura di un widget scritto secondo le nuove specifiche sarà in sostanza questa:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?php
class il_mio_widget extends WP_Widget {
	function il_mio_widget() {
		// Costruttore della classe
	}
 
	function widget($args, $instance) {
		// Corpo del Widget
	}
 
	function update($new_instance, $old_instance) {
		// Salvataggio delle opzioni
	}
 
	function form($instance) {
		// Form di amministrazione
	}
}
register_widget('il_mio_widget');
?>

Come è facile intuire dai nomi dei metodi e dai commenti al codice la funzione widget() si occuperà dell’output del widget, update() di salvare le opzioni e form() dell’output del form di amministrazione.

Approfondimenti

Per ulteriori approfondimenti a riguardo vi rimando come sempre al Codex ufficiale di WordPress. Segnalo inoltre l’articolo Build A WordPress 2.8 Widget With The New Widget API pubblicato su WPengineer.

Come fare quindi a condividere i miei pensieri su twitter senza staccarmi dal fidato terminale di Linux?

Una lettura alla documentazione delle API di twitter ed una ripassata al manuale di python ed ecco pronto twitta.py: un piccolo script fai da te che fa al caso mio.

Proprio tutto da linea di comando

Per restare in tema vediamo come scaricare e rendere operativo il nostro script servendoci del solo terminale. Iniziamo con lo scaricare lo script dando questo comando:

1

wget http://asteriscoweb.net/download/twitta.py

Rendiamolo eseguibile:

2

chmod +x twitta.py

Andiamo a settare ora il nostro username e password:

3

nano twitta.py

Cerchiamo le variabili username e password e modifichiamo i loro valori con i nostri dati, salviamo e chiudiamo.

Eccoci pronti ad inviare il nostro primo tweet da linea di comando:

4

./twitta.py "Il tuo messaggio"

Precisazioni

Twitta.py non è e non vuole essere un client completo per twitter: è poco più di un mero esercizio di programmazione, sentitevi liberi di studiarlo e modificarlo (date uno sguardo alle informazioni sulla licenza di questo blog). Se siete in cerca di un buon client, attualmente mi sto trovando molto bene con TweetDeck: provatelo e fatemi sapere.

Segnalazioni di aprile

• Tip’d

  

• Mplusz

  

• Sean Geng

  

• Voce antica

  

• Tea Round

  

• Lennart Basler

  

Segnalazioni di maggio

• Seth Said

  

• Moblin

  

• Blogsessive

  

• Owltastic

  

• Web Do’s and Don’ts

  

• Rails Guides

  

Magpie RSS

Come alcuni di voi sapranno, WordPress include nel suo core Magpie RSS, un parser PHP di feed RSS. In altre parole WordPress ha già tutto ciò che ci serve per elaborare un qualsiasi feed. Ci basterà semplicementi includere il file php relativo al parser ed istruirlo correttamente.

Il codice di esempio

Vediamo quindi come dire al nostro praser di visualizzare i nostri ultimi tweet. Ricordo che qui presenteremo solo una parte del codice, quella che effettivamente si occupa di elaborare il feed RSS, mentre il plug-in funzionante è disponibile per il download alla fine dell’articolo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?php
	$user = "asteriscow"; // settiamo il nostro username
	$n = 2; // il numero di tweet da visualizzare
	$url = "http://search.twitter.com/search.rss?q=from:" . $user; // ci ricaviamo l'url del feed rss relativo al nostro user
 
    	include_once(ABSPATH . WPINC . '/rss.php'); // includiamo Magpie RSS
    	$rss = fetch_rss($url);
 
        $items = array_slice($rss->items, 0, $n);
 
	echo "<ul>\n";
 
	if(empty($items)) //controlliamo che siano presenti dei tweet
		echo "<li>Non sono presenti tweet</li>\n";
	else
		for($i=0; $i&lt;$n; $i++){
			echo "<li>" . $items[$i]['description'] ;
			echo "<a title="\&quot;Permalink" href="\">#</a></li>\n";
		}
 
	echo "</ul>\n";
?>

Il codice di esempio è abbastanza semplice ma contiene comunque dei commenti esplicativi. L’array $item contiene tutti i singoli nodi del nostro file rss. In altre parole per voler accedere al contenuto di title del primo nodo ci basterà scrivere $item[0]['title'].

Download

È disponibile per il download sia il codice completo che la versione plug-in già pronta all’uso. Entrambe le versioni contengono il codice relativo alla gestione del widget.

• Download codice completo
• Download plug-in

Segnalazioni

• KISSmetrics

  

• Immobiliamo

  

• TJPH

  

• Stefan Velthuys

  

• Poshcss

  

• Emarts

  

• Gonzalog

  

Come sempre trovate link ad altre segnalazioni sfogliando le pagine del mio account delicious.

• Demo
• Download

Caratteristiche

Semplice è stato pensato per essere leggero e facile da modificare, sentitevi quindi liberi di adattarlo alle vostre esigenze!

• Testato su WordPress 2.7
• xHTML & CSS Valido
• Compatibile con i Widget
• Widget personalizzato per Twitter
• Made in Italy

Traduzione

Sono attualmente alla ricerca di un aiuto per tradurre questo tema in inglese, chi vuol collaborare si faccia avanti!

Il codice di esempio

Il codice qui presentato è volutamente molto semlice, ma comunque funzionante e compatibile con più browser.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

var stat = false;
 
function edit(id, txt){
	txt = typeof(txt) != 'undefined' ? txt : 'Salva';
	var el = document.getElementById(id);
	if(!stat){
		var cmd = '<br /><input type="submit" value="'+ txt +'" onclick="save(\''+ id +'\')" />';
		el.innerHTML = '<textarea cols="100%" rows="8%" id=\"edit-'+ id +'\">' + el.innerHTML + '</textarea>' + cmd;
		stat = true;
	}
}
 
function save(id){
		var elm = document.getElementById(id);
		var rep = document.getElementById('edit-'+ id);
		var str = rep.value;
		elm.innerHTML = str;
		stat = false;
}

Visualizza esempio

Per poter rendere un area del nostro documento modificabile andremo a richiamare tramite un link la funzione edit(). Questa funzione prende in input una stringa contente l’id dell’elemento da modificare ed eventualmente una stringa contenente il testo da visualizzare nel bottone per il salvataggio.

Volendo assegnare uno stile CSS alla textarea di modifica basta definire nel nostro foglio di stile una regola realtiva all’ID edit-$id, dove $id è l’ID dell’elemento da modificare. Detto in parole più semplici, volendo modificare il div che ha come ID esempio, il relativo ID della textarea sarà edit-esempio.

Compatibilità

Il codice è stato testato con successo sui seguenti browser:

• Firefox 3
• Internet Explorer 7
• Opera 9.6
• Safari per Windows

Raffinare il codice

Per ridurre il codice al minimo, e rendere quindi l’esempio più semplice, ho deciso di omettere la funzione relativa ad una chiamata asincrona ad una pagina scritta in PHP o in altro linguaggio di programmazione. Nelle prossime puntate vedremo come realizzare una chiamata ad una funzione AJAX e rendere quindi permanenti le modifiche effettuate.

Dopo le dovute personalizzazioni è diventato a pieno titolo l’editor che utilizzo più spesso, specialmente per scrivere e testare al volo gli esempi proposti durante le lezioni universitarie.

La personalizzazione

Partiamo subito ad attivare le prime opzioni utili alla programmazione. Andiamo nel menu Modifica → Preferenze e selezioniamo la tab Vista e selezioniamo le caselle relative a:

• Mostrare numeri di riga
• Evidenziare la riga corrente
• Evidenziare la parentesi corrispondente

Selezioniamo la tab Plugin e spuntiamo i seguenti plugin:

• Esplorazione file
• Strumenti esterni

Chiudiamo la finestra delle preferenze e spostiamoci nel menu Visualizza, selezioniamo quindi Riquadro laterale e Riquadro inferiore.

Settiamo il compilatore

Per chi come me, per ragioni di studio o di lavoro, si ritrova a dover lavorare in linguaggio C o C++ può essere utile compilare ed eseguire direttamente da gedit il proprio codice.

Spostiamoci nel menu Strumenti → Strumenti esterni… e clicchiamo sul pulsante Nuovo, chiamiamo il nuovo comando, ad esempio, "Compila con G++" e nella casella di testo Comando/i scriviamo il seguente codice:

1
2

g++ $GEDIT_CURRENT_DOCUMENT_NAME 
-o ${GEDIT_CURRENT_DOCUMENT_NAME%.*}

Come Tasto scorciatoia inseriamo, ad esempio, <Control>F7; dai menu a discesa selezioniamo per Input, Documento corrente, per Output, Visualizza nel pannello inferiore e per Applicabilità, Tutti i documenti esclusi quelli non salvati.

Creiamo un nuovo comando e chiamiamolo " Esegui nel terminale" e in Comando/i scriviamo quanto segue:

1
2

gnome-terminal -x ./${GEDIT_CURRENT_DOCUMENT_NAME%.*} 
--working-directory=$GEDIT_CURRENT_DOCUMENT_DIR

Impostiamo come Tasto scorciatoia <Control>F8 e impostiamo per Input, Output e Applicabilità gli stessi parametri visti prima.

Adesso nel menu Strumenti troveremo anche le nostre due funzioni che potremo richiamare da tastiera tramite le combinazioni di tasti <Control>F7 e <Control>F8.

Mostrare/nascondere un elemento

La funzione prende in input l’ID dell’elemento da modificare.

1
2
3
4
5
6
7

function hide_unhide(id){
	var el = document.getElementById(id);
	if (el.style.display == "")
		el.style.display = 'none';
	else
		el.style.display = "";
}

Visualizza esempio

Cambiare il colore di sfondo di un elemento

La funzione prende in input l’ID dell’elemento da modificare ed il codice del colore.

1
2
3
4

function change_bgcolor(id, color){
	var el = document.getElementById(id);
	el.style.background = color;
}

Visualizza esempio

Modificare il contenuto di un elemento

La funzione prende in input l’ID dell’elemento da modificare e il testo da sostituire.

1
2
3
4

function change_cont(id, str){
	var el = document.getElementById(id);
	el.innerHTML = str;
}

Visualizza esempio

Aggiungere contenuto ad un elemento

La funzione prende in input l’ID dell’elemento da modificare e il testo da aggiungere.

1
2
3
4
5

function app_cont(id, str){
	var el = document.getElementById(id);
	var app = document.createTextNode(str);
	el.appendChild(app);
}

Visualizza esempio