Nicopi!

Te lo dice la mucca

noreply@blogger.com (Nicopi) — Mon, 19 Sep 2011 15:22:00 +0000

Cowsay è un programma, sviluppato da Tony Monroe, che genera l'immagine ASCII di una mucca con un messaggio scritto all'interno di un baloon.
A cosa serve? A strapparvi un sorriso ogni volta che la mucca sparerà una delle sue battute o qualche citazione!

Installazione
I pacchetti da installare sono cowsay e fortune, ma oltre a questi si possono installare anche:

fortunes-it: battute in italiano;
fortunes-it-off: battute in italiano, un po' più volgari;
fortunes-bofh-excuses: le scuse dei Bastard Operators From Hell, ossia sysadmin un po' sadici :D

il tutto con:

sudo apt-get install cowsay fortunes fortunes-it fortunes-it-off fortunes-bofh-excuses

Configurazione
Possiamo modificare il file di configurazione della console bash in modo da essere accolti dalla mucca ogni volta che apriamo il terminale. Per fare ciò è sufficiente aprire .bashrc con gedit (o con un altro editor di testo):

gedit .bashrc

e in fondo al file copiare questa stringa:

/usr/games/cowsay $(/usr/games/fortune)

Il gioco è fatto!

Fonti| 1,2

Javascript| Visualizzare ultimi tweet nel proprio blog

noreply@blogger.com (Nicopi) — Wed, 23 Mar 2011 22:21:00 +0000

Come sappiamo, twitter mette a disposizione un widget che consente di mostrare i nostri ultimi tweet agli utenti che visitano il nostro blog.
Nonostante questo sia un buon modo di fare ciò, potremmo voler implementare la visualizzazione dei tweet senza dover utilizzare la soluzione proposta dal famoso social network (ad esempio per avere maggiori possibilità di personalizzazione).
Vediamo allora come fare!

#1 Widget RSS
Consiste nell'inserire un widget RSS (possibile sia su Wordpress che su Blogger) con il feed del nostro account twitter.
L'indirizzo del feed RSS è del tipo:

http://twitter.com/statuses/user_timeline/username.rss

dove username è il nome utente che abbiamo su twitter.

#2 Funzione javascript messa a disposizione da twitter

<div id="twitter_div"><ul id="twitter_update_list"></ul>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=1" type="text/javascript"></script>

Provate ad aggiungere questo pezzo di codice ad una qualsiasi pagina HTML e vedrete "comparire" il vostro ultimo tweet.
Potete modificare count=1 in modo da visualizzare più di 1 tweet e naturalmente dovete sostituire "username" con il vostro nome utente.
I tweet compaiono in un elenco puntato.

#3 Funzione javascript (senza elenco puntato e con riferimenti temporali in italiano)
Prima di tutto è necessario inserire il codice riportato qui sotto, tra tag <script> all'interno dell'header della pagina web oppure all'interno di un file .js da importare:

function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></br>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'meno di un minuto fa';
  } else if(delta < 120) {
    return 'circa un minuto fa';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minuti fa';
  } else if(delta < (120*60)) {
    return 'circa un ora fa';
  } else if(delta < (24*60*60)) {
    return 'circa ' + (parseInt(delta / 3600)).toString() + ' ore fa';
  } else if(delta < (48*60*60)) {
    return '1 giorno fa';
  } else {
    return (parseInt(delta / 86400)).toString() + ' giorni fa';
  }
}

poi basterà aggiungere nella parte della pagina dove si vuole compaiano i tweet il seguente codice:

<div id="twitter_div"><span id="twitter_update_list"></span>g</div>
<script src="http://twitter.com/statuses/user_timeline/nicopi.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

Questa soluzione è ispirata alla funzione javascript del punto #2, con la differenza che è in italiano (prima: "10 minutes ago", ora: "10 minuti fa") e che non utilizza più un elenco puntato ma una semplice lista di tweet.

#4 Funzione javascript che elimina i tweet tra utenti
Questa è la versione che uso qui sul blog.
Problema: Molte volte rispondo a diversi utenti su twitter e tutti questi tweet iniziano con @username. Voglio che vengano visualizzati tutti i tweet tranne quelli che iniziano con il carattere @.

function twitterCallback2(twitters) {
  var statusHTML = [];
  var i=0;
  while (i<twitters.length){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    if (status[0]!='@'){
    statusHTML.push('<span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></br>');
    i=twitters.lengt;
    }
    i++;
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'meno di un minuto fa';
  } else if(delta < 120) {
    return 'circa un minuto fa';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minuti fa';
  } else if(delta < (120*60)) {
    return 'circa un ora fa';
  } else if(delta < (24*60*60)) {
    return 'circa ' + (parseInt(delta / 3600)).toString() + ' ore fa';
  } else if(delta < (48*60*60)) {
    return '1 giorno fa';
  } else {
    return (parseInt(delta / 86400)).toString() + ' giorni fa';
  }
}

Soluzione: La soluzione che ho scritto è quella che vedete qui sopra.
Il numero di tweet caricati è indicato da count=, in questo caso 15; tra questi verrà visualizzato quello più recente che non inizia con il carattere @.
Se tra i 15, nessuno comincia con un carattere diverso da @ allora lo script non stampa niente.
La funzione relative_time serve solo a trasformare la data e l'ora del tweet in modo tale che se ora sono le 20.00 e abbiamo twittato 10 minuti fa appaia scritto "10 minuti fa" e non "19.50". (questo è solo un esempio!)
PS: i=twitters.lengt; serve solo ad uscire dal ciclo while. Avrei potuto metterci un break, ma ho preferito così...

Per concludere facciamo gli auguri a twitter che in questi giorni compie 5 anni. Il team di twitter ha per l'occasione pubblicato un video celebrativo (che potete vedere cliccando QUI) nel quale compare anche l'astronauta italiano Paolo Nespoli, attualmente al lavoro nella ISS dove permarrà per un periodo di 6 mesi.

Firefox 4 da PPA in Italiano

noreply@blogger.com (Nicopi) — Tue, 22 Mar 2011 20:52:00 +0000

Poche ore fa ho installato Firefox 4 su Ubuntu 10.10. Le novità di quest'ultima versione ve le risparmio perchè ne parlano già diversi blog in giro per la blogosfera.
I pacchetti che ho installato sono quelli presenti PPA firefox-stable del Team Mozilla.
Nel caso vi tornasse utile ecco la procedura che ho seguito:

1. Dare da terminale questi due comandi per aggiungere i PPA e aggiornare:

sudo add-apt-repository ppa:mozillateam/firefox-stable
sudo apt-get update && sudo apt-get upgrade

2. Per installare la lingua italiana (visto che appena installato sarà in inglese) ho usato questo file.

Dopo aver cliccato sul link, Firefox chiederà di confermare l'installazione e al successivo riavvio tutto sarà in italiano!

Fancybox e Iframe

noreply@blogger.com (Nicopi) — Mon, 21 Mar 2011 14:17:00 +0000

In questi giorni ho implementato fancybox nel blog, in modo da far si che cliccando sulle immagini integrate nei vari post si apra una finestra con l'immagine ingrandita.
Oltre a questo, fancybox permette di visualizzare iframe nel proprio sito: vediamo come farlo nel modo più semplice possibile.

Supponiamo di voler visualizzare la pagina di google all'interno di un iframe.
Iniziamo inserendo

<a class="extLink" href="http://www.google.it/">Apri Google</a>

nella pagina. Se ora clicchiamo sul link finiremo in Google come accade con un normale link a Google.

A questo punto dobbiamo inserire questo pezzetto di codice tra tag <script>
all'interno di <head></head>

$(document).ready(function(){
    $(".extLink").fancybox({
         'width' : '75%',
         'height' : '75%',
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe',
         'hideOnOverlayClick' : false
     });
});

In particolare hideOnOverlayClick è impostato a false cosicché l'unico modo per chiudere il frame aperto sia cliccare la X in alto a destra.

Se ora clicchiamo sul link si aprirà una finestra contenente la pagina di Google, all'interno della nostra pagina web.

Provare per credere: Apri Google

Le istruzioni per installare fancybox sono qui, mentre le opzioni disponibili sono qui.

Software| Annotare PDF con Xournal

noreply@blogger.com (Nicopi) — Fri, 18 Mar 2011 13:37:00 +0000

Chiunque passi le giornate su libri e appunti, magari uno sventurato studente di Ingegneria come il sottoscritto, sarà abituato ad avere a che fare con le dispense messe a disposizione dai vari docenti nei loro siti.
Nel caso si preferisca studiare direttamente dal proprio pc desktop, notebook o netbook invece che stampare chilometri di carta, può tornare utile un programma che consenta di evidenziare il testo e di aggiungere appunti a margine.
Dopo una breve ricerca ho trovato Xournal, ed è stato amore a prima vista! :D

Vabbè, ma come funziona?
Semplice, basta avviare Xournal e da File->Annotate PDF importare il file PDF da annotare.
Una volta importato il PDF sarà possibile sottolineare, evidenziare e aggiungere testo.
Tutto ciò non andrà a modificare il file PDF originale ma finirà in un file .xoj, anche se è sempre possibile esportare il tutto in un nuvo file .pdf (File->Export to PDF).
Da Wikipedia:

Xournal saves in an XML-based format (similar to SVG) which is then compressed with gzip.

Installazione
Si può installare direttamente da Ubuntu Software Center oppure da terminale con

sudo apt-get install xournal

Per chi fosse interessato, è disponibile una versione anche per Windows.

Homepage| Xournal

Buon compleanno, Italia!

noreply@blogger.com (Nicopi) — Thu, 17 Mar 2011 12:58:00 +0000

Ubuntu| Cambiare hostname

noreply@blogger.com (Nicopi) — Mon, 14 Mar 2011 10:55:00 +0000

Durante la procedura di installazione di Ubuntu, tra le varie informazioni richieste all'utente, c'è quella di indicare il nome che si vuole assegnare al pc, in modo che questo sia chiaramente identificabile all'interno della rete locale.
Nella gran parte dei casi l'utente non si preoccupa della cosa e lascia impostato il nome assegnato di default, che può essere username-desktop o username-laptop a seconda dei casi.
Può capitare che si voglia però modificare tale nome in seguito, come ho fatto di recente e come riporterò in questo post in modo da potermelo ricordare in futuro :D

Per prima cosa modifichiamo il file /etc/hostname utilizzando i privilegi di amministratore

sudo nano /etc/hostname

Nella prima riga del file noterete essere riportato il nome attuale dell'host. Cancellatelo e scriveteci il nuovo nome. Di seguito con CTRL+X salvate ed uscite dall'editor.
Ora, diamo il comando

sudo hostname -F /etc/hostname

e per concludere modifichiamo il file hosts

sudo nano /etc/hosts

sostituendo al suo interno il vecchio nome host con il nuovo.
A questo punto possiamo riavviare il PC.

Come si vuole in questi casi, dopo aver finito mi è venuto il dubbio: "Ma non è che si poteva fare tutto da Ubuntu Tweak ?" e dopo una rapida controllatina la risposta è stata "Doh!"
Nel famoso programma, sotto la voce Sistema-Dettagi computer è possibile cambiare l'hostname con appena un paio di click!

Processing| Gioco stile pong con Wiimote

noreply@blogger.com (Nicopi) — Tue, 01 Mar 2011 17:00:00 +0000

Lo scopo del gioco è quello di bloccare tutti i cubetti in arrico facendoli rimbalzare indietro muovendo la "racchetta". Per farlo è sufficiente impugnare il Wiimote in orizzontale e ruotarlo per far muovere la "racchetta" verso l'alto o verso il basso.
Ogni 5 punti, la velocità del gioco aumenta ed è possibile compiere al massimo 3 errori. Al terzo errore il gioco termina.
il codice non è molto complicato, tuttavia facciamo qualche considerazione su alcuni metodi:

int ln(int n): serve per poi modificare la posizione del testo con il punteggio, in base al numero di cifre del punteggio;
float stab(float Y): riduce l'effetto "vibrazione" della racchetta;
void newpos(): assegna al mattoncino (o pallina a seconda di come lo volete vedere) una nuova posizione e un nuovo colore (entrambi casuali);
boolean impact(): ritorna true se vi è un impatto tra la pallina e la racchetta;
void backg(): disegna lo sfondo del gioco, che cambia di colore ad ogni avvio.

import lll.wrj4P5.*; 
Wrj4P5 wii; 
color c = color(0,0,0); //ball color 
int width_=600;  
int height_=500; 
float x = width_; //ball position 
float y = width_; //ball position 
float speed = 5; 
  
boolean back=false; 
float yuser=0;  
int imp=0; 
int lives=3; 
PFont f; 
float Y,oldY=0; 
boolean conn=false; 
  
float r=random(255/20); //background 
float g=random(255/20); 
float b=random(255/20); 
  
  
void setup() { 
  size(width_,height_); 
  f=loadFont("Purisa-48.vlw"); 
  
  newpos(); 
  
  wii=new Wrj4P5(this); 
  wii.connect(); 
  
} 
  
void draw() { 
  if(conn==true || (wii.rimokon.isConnected())){ 
    conn=true; 
    backg(); 
  
  
    if(lives<=0){ 
      textFont(f,40); 
      text("Game Over",width/2-100,height/2); 
      return; 
    } 
  
    move(); 
  
    fill(255); 
    textFont(f,26); 
    text("Lives: "+lives,width-110,height-10); 
    textFont(f,40); 
    text(imp,width-(25*ln(imp)),30); 
    Y=(float)((wii.rimokon.senced.x+1)*(height/3+50)); 
  
    Y=stab(Y); 
  
    display(); 
  }else{ 
    fill(0); 
    textFont(f,16); 
    text("Trying to find a Wiimote",width/2-100,height/2); 
  } 
} 
  
int ln(int n){ 
  int i=0; 
  while (n>0){ 
    n=n/10; 
    i++; 
    println(n); 
  } 
  return i; 
} 
  
float stab(float Y){ 
  if (abs(Y-oldY)>2.5){ 
        oldY=Y; 
        return Y; 
  } 
  return oldY; 
} 
  
void move() { 
  if(!back){ 
    x = x - speed; 
    if (x <0) { 
      println("-1"); 
      lives--; 
      newpos(); 
    } 
  }else{ 
    x = x + speed; 
    if(x>=width){ 
      back=false; 
      newpos(); 
    } 
  } 
} 
  
void newpos(){ 
    x = width; 
    y=random(height-30); 
    c=color((int)random(255),(int)random(255),(int)random(255)); 
} 
  
void display() { 
  fill(c); 
  stroke(c); 
  rect(x,y,30,30); 
  fill(20); 
  noStroke(); 
  rect(10, Y,40,80); 
  if(impact()){ 
    back=true; 
    imp++; 
    println(imp); 
    if(imp%5==0) 
      speed++; 
  } 
} 
  
boolean impact(){ 
  if((x<=50 && x>(50-speed)) && ((y<Y+80) && (y+40>Y))) 
    return true; 
  return false; 
} 
  
void backg(){ 
  for(int i=0;i<height/20;i++){ 
    fill(color((i+1)*r,(i+1)*g,(i+1)*b)); 
    noStroke(); 
    rect(0,20*i,width,20); 
  } 
}

Nel video qui sotto potete vedere il gioco in esecuzione.

UPDATE 07/03/11: I sorgenti e i file .jar sono disponibili su github

Processing| Interfacciamo il Wiimote

noreply@blogger.com (Nicopi) — Sun, 27 Feb 2011 18:00:00 +0000

Una delle novità più importanti degli ultimi 10 anni nel campo delle console è stato, senza dubbio, il Wiimote: il rivoluzionario controller Wii che consente al giocatore di interaggire con il gioco usando i movimenti del proprio corpo.
Gli accelerometri presenti nel controller hanno permesso lo sviluppo di giochi molto "pratici", basti pensare a come WiiSport permetta di giocare a baseball o a tennis, impugnando il telecomando come se fosse una mazza o una racchetta e facendo compiere al personaggio del gioco gli stessi movimenti fatti dal giocatore "reale"; cosa impensabile un tempo.

Cosa vogliamo fare
Un semplice programma che permetta di visualizzare i movimenti del Wiimote; ho pensato di utilizzare il Wiimote per ruotare un cubo colorato.

Come lo vogliamo fare
Lo farò con Processing, che forse conoscerete già e che consentirà di creare il programma senza dover spendere troppe righe di codice. L'ho conosciuto grazie ad Arduino, e non è male!
Iniziamo!

Le librerie
Prima di tutto è necessario installare l varie librerie, che sono:
Bluecove: permette al nostro programma Java di interfacciarsi con l'hardware bluetooth del sistema.
Ci servono i file bluecove-2.1.0.jar , bluecove-gpl-2.1.0.jar
WiiRemoteJ: Si tratta di una libreria Java che consente di interfacciare il Wiimote con il programma Java.
Ci serve il file WiiremoteJ.jar
Wrj4p5: Libreria che converte le informazioni ottenute da WiiRemoteJ in qualcosa di più semplice da usare con processing :)
Ci servono Wrj4p5.jar e Loc.jar

Per prima cosa copiamo i file bluecove-2.1.0.jar, bluecove-gpl-2.1.0.jar e WiiRemoteJ.jar nella cartella contenente le librerie di Java. Nel mio caso si trova in /usr/lib/jvm/java-6-sun-1.6.0.24/jre/lib/
Poi nelle cartella delle librerie di processing (processing-***/libraries) creiamo la cartella wrj4P5 e la sottocartella library.
Qui dentro copiamo i file bluecove-2.1.0.jar, bluecove-gpl-2.1.0.jar, Loc.jar, WiiRemoteJ.jar, wrj4P5.jar.
Finito?
No. E' necessario installare anche il pacchetto libbluetooth-dev, e quindi diamo un bel:

sudo apt-get install libbluetooth-dev

Finito? Sì :D

Il programma
Ed ecco il programma: si tratta dell'esempio sul cubo RGB presente nel sito di Processing modificato in modo da utilizzare i dati di rotazione del Wiimote invece che il mouse per gestire la rotazione.

import lll.wrj4P5.*; //importa libreria 
Wrj4P5 wii; //crea un nuovo oggetto
float xmag, ymag = 0; 
float newXmag, newYmag = 0;
float x=1; 
void setup() { 
 size(640, 360, P3D);
 noStroke(); 
 colorMode(RGB, 1); 
 wii=new Wrj4P5(this); 
 wii.connect(); //cerca il wiimote 
} 
 
void draw() { 
 background(0.5); 
 pushMatrix(); 
 translate(width/2, height/2, -30); 
 newXmag = (wii.rimokon.senced.x*150)/float(width) * TWO_PI; 
 newYmag = (wii.rimokon.senced.y*150)/float(height) * TWO_PI; 
 float diff = xmag-newXmag;
 if (abs(diff) >  0.01) { xmag -= diff/4.0; } 
 
 diff = ymag-newYmag;
 if (abs(diff) >  0.01) { ymag -= diff/4.0; } 
 
 rotateX(-ymag); 
 rotateY(-xmag); 
 scale(90); 
 beginShape(QUADS);
 
 fill(0, 1, 1); vertex(-1,  1,  1); 
 fill(1, 1, 1); vertex( 1,  1,  1); 
 fill(1, 0, 1); vertex( 1, -1,  1); 
 fill(0, 0, 1); vertex(-1, -1,  1);
 
 fill(1, 1, 1); vertex( 1,  1,  1);
 fill(1, 1, 0); vertex( 1,  1, -1);
 fill(1, 0, 0); vertex( 1, -1, -1);
 fill(1, 0, 1); vertex( 1, -1,  1); 
 
 fill(1, 1, 0); vertex( 1,  1, -1);
 fill(0, 1, 0); vertex(-1,  1, -1);
 fill(0, 0, 0); vertex(-1, -1, -1);
 fill(1, 0, 0); vertex( 1, -1, -1);
 
 fill(0, 1, 0); vertex(-1,  1, -1);
 fill(0, 1, 1); vertex(-1,  1,  1);
 fill(0, 0, 1); vertex(-1, -1,  1);
 fill(0, 0, 0); vertex(-1, -1, -1);
 
 fill(0, 1, 0); vertex(-1,  1, -1);
 fill(1, 1, 0); vertex( 1,  1, -1);
 fill(1, 1, 1); vertex( 1,  1,  1); 
 fill(0, 1, 1); vertex(-1,  1,  1); 
 
 fill(0, 0, 0); vertex(-1, -1, -1);
 fill(1, 0, 0); vertex( 1, -1, -1);
 fill(1, 0, 1); vertex( 1, -1,  1); 
 fill(0, 0, 1); vertex(-1, -1,  1); 
 
 endShape();
 popMatrix();