Tommity

Come ti personalizzo il blog (2.a)

2008-05-17T10:28:00.004+02:00

Su richiesta di Fotografia Profesional ho ri-modificato il widget delle etichette in modo da poter essere utilizzato su qualsiasi blog (ovviamente su blogger) senza intervenire sul codice.

Eccovi la versione definitiva:

<b:widget id='Label1' locked='false' title='Argomenti' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
   <SELECT class='sidebar_select' name='select_etichette' onChange='document.location.replace(this.value);'>
   <!-- if cond='data:blog.homepageUrl != data:blog.url' ->  cond='data:blog.url == "http://tommity.blogspot.com"' -->
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
      <OPTION selected='selected' style='font-weight:bold;' expr:value='data:blog.homepageUrl'>Tutto</OPTION>
<b:else/>
<OPTION expr:value='data:blog.homepageUrl'>Tutto</OPTION>
</b:if>
    <b:loop values='data:labels' var='label'>
     <b:if cond='data:blog.url == data:label.url'> 
      <OPTION expr:value='data:label.url' selected='selected' style='font-weight:bold;'><data:label.name/> (<data:label.count/>)</OPTION>
     <b:else/>
      <OPTION expr:value='data:label.url'><data:label.name/> (<data:label.count/>)</OPTION>
     </b:if>
    </b:loop>
    </SELECT>
 
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Sempre su sua richiesta ho anche trasformato l'elenco puntato dei link in un comodo menù a discesa!

<b:widget id='LinkList2' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <select name='links_menu' onChange='if(this.value) window.open(this.value);' class='sidebar_select' style='width: 90%;'>
   <option value='' style='font-weight:bold;' selected='selected'>Links</option>
     <b:loop values='data:links' var='link'>
       <option expr:value='data:link.target'><data:link.name/></option>
     </b:loop>
   </select>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>

Un saluto a tutti,
Andrea

Tabelle Latex v. 2.0

2008-04-19T15:34:00.010+02:00

Cavolo è passato più di un mese dall'ultimo post...
Anche lo sviluppo del sito è rallentato dal ritmo frenetico di lavoro e università... piano piano cercherò di fare tutto...

Tornando all'oggetto del post, visto che devo fare altre relazioni su dati elaborati con Matlab, ne ho approfittato per sistemare la mia funzione per creare tabelle!

Ed ecco la versione 2.0:

function latex_table(var,dec,title,width)

% LATEX_TABLE v. 2.0
%
% latex_table(var,dec,)
%
% Export var as latex table
%
% Necessary Parameters:
%   var is an array of floats
%
%   dec is the number of decimals of the values of var
%
% Optional Parameters:
%   title is used for the first row of the table, it must be a cell array
%       with the same number of elements of the number of var's columns
% 
%   width is the tabularx arguments, default value is \textwidth
%
% Created by Andrea Vannuccini - 2008.04

[r c] = size(var);

fprintf('\n\t ATTENZIONE: ricordati di inserire nel preambolo del documento:')
fprintf('\n\t\t\\usepackage{tabularx}')


fprintf('\n\n\t --- LATEX TABLE OUTPUT BEGIN --- \n\n');

if nargin ~= 4 
    width = '\textwidth';
end

fprintf('\\newcolumntype{U}{>{\\centering\\arraybackslash}X}\n');
fprintf('\\begin{tabularx}{%s}{|*{%d}{U|}}\n',width,c);
fprintf('\\hline \n');

if nargin > 2
    for k = 1:c
        if k == c
            fprintf('%s \\\\ \\hline \n', title{k});
        else
            fprintf('%s & ', title{k});
        end
    end
end

for i = 1:r
    fprintf('\t')
    for k = 1:c
        if k == c
            fprintf(['%.' num2str(dec) 'f \\\\ \\hline \n'],var(i,k));
        else
            fprintf(['%.' num2str(dec)  'f & '],var(i,k));
        end
    end
end

fprintf('\\end{tabularx}\n')
fprintf('\n\t --- LATEX TABLE OUTPUT END ---\n\n\n');

Esempio:

I comandi:

a = 1:5;
b = 5:-1:1;
title = {'\bfseries a' '\textit b'};
latex_table([a' b'],2,title,'.5\textwidth');

Restituiscono a video:

  ATTENZIONE: ricordati di inserire nel preambolo del documento:
  \usepackage{tabularx}

  --- LATEX TABLE OUTPUT BEGIN --- 

\newcolumntype{U}{>{\centering\arraybackslash}X}
\begin{tabularx}{.5\textwidth}{|*{2}{U|}}
\hline 
\bfseries a & \textit b \\ \hline 
 1.00 & 5.00 \\ \hline 
 2.00 & 4.00 \\ \hline 
 3.00 & 3.00 \\ \hline 
 4.00 & 2.00 \\ \hline 
 5.00 & 1.00 \\ \hline 
\end{tabularx}

  --- LATEX TABLE OUTPUT END ---

Che compilato restituisce questa tabella:

Ho deciso di utilizzare il pacchetto tabularx che permette di creare tabelle a dimensione fissa e di regolare automaticamente la larghezza delle colonne.

Spero che la nuova versione vi allievi le fatiche politecniche!!
Come di consueto commenti e suggerimenti sono bene accetti!

Ciao a tutti,
Andrea

EDIT:
Ho deciso di spostare future revisioni su:
MATLAB Central File Exchange! Qui potrete trovare l'ultimissima versione!
Ciao a tutti!!

Le estensioni indispensabili per sviluppare applicazioni web 2.0 con firefox

2008-03-10T08:41:00.004+01:00

Mentre sto sviluppando la mia home page, che spero di riuscire a pubblicare velocemente, vi linko alcune estensioni per firefox molto utili per debuggare e sviluppare siti web!!

Firebug

Firebug è un'estensione che permette di visualizzare html, css, script e DOM in modo rapido ed intuitivo.
Molto per il debug di javascript e per applicazioni basate su Ajax. Permette la modifica "al volo" dei css e dell'html!
E molto altro ancora! ;)

Css viewer

Cssviewer permette di vedere lo stile di una singola parte del documento, utile per 'capire' come ottenere un determinato effetto scoperto in giro sul web!

DevBoi

Devboi ed i suoi Add-on permettono di avere una barra laterale contenente i link alla guida ufficiale di diversi linguaggi, a partire da HTML, Css, Javascript e DOM, ma anche delle API del framework "prototype".

Web Developer

Aggiunge una barra che permette di agire sulla cache, visualizzare i cookie, vedere dettagli sui form e tante altre belle cosuccie!

Color Zilla

Permette di 'catturare' il codice esadecimale di un colore presente sulla pagina con un semplice click!

IEtab

Permette di aprire le pagine in firefox usando il 'motore' di IE, ovviamente IE deve essere installato!

Dai, continuo lo sviluppo del mio sitolo...

Alla prossima,
Andrea

Anniversario...

2008-03-06T11:25:00.005+01:00

Siamo già a marzo inoltrato... e pensare che esattamente un anno fà ero al poli a discutere la mia tesina! Che soddisfazione!

A proposito colgo l'occasione per complimentarmi con Andy che è entrato ufficialmente nella la schiera degli Aerospazzini! e che masochista ha deciso di iscriversi alla specialistica. In culo alla balena! ...che ormai i lupi si sono estinti...

La sessione d'esami si è conclusa discretamente e sono abbastanza soddisfatto, avrei potuto fare meglio, ma sinceramente mi manca l'entusiasmo del primo anno.

A parte questo, dopo quasi due anni sono riuscito a trovare il tempo per andare a sciare!! E così pubblico qualche foto di panorami incontaminati, o meglio poco contaminati!

A proposito di luoghi incontaminati, navigando per la rete cercando tutt'altro ho trovato questa bella galleria di video sull'eolico!

Vedi video

La cosa che più mi fa arrabbiare è che in Italia, in nome dell'inesteticità si dice NO all'eolico. Chissenefrega se poi la CO₂ ci ammazza, almeno muoriamo guardando un bel panorama! Altro che ambientalisti, ormai la maggior parte delle persone è esteta.

Speriamo in un mondo migliore...
Ciao a tutti,
Andrea

DEFINIZIONE

2008-02-21T17:43:00.016+01:00

Ed oggi, dopo svariti tentativi di far ragionare Sbatlab®...
Vaneggiando sulle ipotetiche forme di una forzante siamo giunti ad una definizione MEMORABILE!

π/2

Angolo A Piacere

N.B.: Da non scegliersi durante un esame al PoliMI!

Si ringrazia per la collaborazione:
Nemo, Andy

Dai.. torno a impiantizzare..

Ciao,
Andrea

Riorganizzazione...

2008-02-18T18:05:00.003+01:00

Ebbene sì!
La sessione invernale di esami sta giungendo al termine... il bilancio definitivo tra qualche giorno...

Adesso posso dedicarmi alla programmazione, sia informatica che spazio-temporale, intesa come mettere ordine nella mia camera, nello pseudo-ufficio e di come impiegare il tempo che mi separa dalla prossima sessione... che tristezza avere la "vita" scandita dalle sessioni d'esame.. :(

A proposito dell'organizzazione/programmazione informatica, mi sono deciso ad aprire un nuovo spazio per poter pubblicare tutto, e quando dico tutto voglio dire tutto ciò che è in mio possesso, il materiale che mi ha accompagnato nella mia, ormai lunga, carriera universitaria.

Oggi ho installato Joomla! nello spazio messo a disposizione da altervista.org, sperando di riuscire a personalizzare il tutto.

Avrei preferito fare tutto a manina, ma ormai il tempo è troppo poco... :(
Altro che http://boingcommunity.altervista.org! quello si che l'avevo scritto tutto a mano.. peccato sia morto lì.. ogni tanto tra colleghi ci diciamo, basterebbe risistemare il .css... forse... ma non ne sono proprio convinto... CHE RABBIA!!
era troppo bello!

Tornando all'attualità spero presto di poter rendere funzionale il mio nuovo sito!
Che con la fantasia che si confà ad un ingegnere è: http://tommity.altervista.org!!

Seguiranno aggiornamenti... e magari qualche curiosità su Joomla!

Ciao,
Andrea

PS: nel caso chiunque abbia voglia di adottare boingcommunity si faccia avanti!

Quanti bei ricordi...

2008-02-07T14:39:00.000+01:00

Ma quanto eravamo giovani ed indifesi??

Che bei, e se dico bei voul dire che adesso siamo messi malissimo, tempi quando passavamo i pomeriggi a cercare di capire come si scrivesse 'tcharniera' - neologismo della esercitatrice di Scienza delle Frustrazioni - o perchè esistesse e cosa fosse un 'manicòtto'...

... e quando passavamo i pomeriggi sotto il sole di luglio a studiare Automatica!

... e ci svagavamo facendo strani esperimenti con il Mars...

Grazie ragazzi!!
Ciao,
Andrea

Vita da Pol(l)i...

2008-02-01T14:20:00.000+01:00

Si vita da PoliMi, o meglio vita da POLLI!
Giusto ieri pomeriggio mi sono seduto per la (x+1)esima volta a fare un esame al Poli.
Dopo le raccomandazioni di rito e la consegna dei soliti 2 fogli protocollo, arriva il testo dell'esame!
Risata isterica...
Ormai è risaputo, l'ultimo appello di un esame è il più difficile... Ma fin qui potremmo anche essre d'accordo, in fondo hai avuto più tempo per studiare, magari hai dovuto studiare anche per altri "settordici"¹ esami, ma questa è una considerazione personale e quindi soggettiva.
Comunque tornando al mio esame, data un'occhiata al testo e giunto alla conclusione che in fondo avrei avuto anche altre occasioni per rifarlo :( mi sono messo all'opera.
Durata del compito: 3 h.
Dopo 1,5 h di conti algebrici, senza alcun minimo ragionamento 'ingegneristico', mi sono fermato un attimo ed ho pensato in modo ingegneristico:

Cavolo!! E' da un'ora e mezza che faccio conti ripetitivi e sistematici e ne avrei per almeno altre due... E pensare che con un computer, o meglio una qualsiasi calcolatrice programmabile, potrei fare tutto in un una mezzora scarsa... Ma si può che un ingegnere, che per come si fa chiamare: ingegnere, spenda il suo tempo a fare cose che ingegnandosi potrebbe far fare ad una 'macchina'??

Poi mi sono ricordato che da quest'anno accademico hanno espressamente vietato l'utilizzo delle calcolatrici programmabili perchè erano riusciti a programmarle troppo bene... <- cosa che in una facoltà di ingegneria è difficile da immaginare..

Comunque, preso dallo sconforto ho cercato di pensare, che ormai un bel po' di conti li avevo fatti, ed in fondo per avere la certezza di passarlo non dovevo fare ancora molti conti, così mi sono ripreso e ho continuato a macinare matrici...

Alla fine, dopo 3 h seduto ai 'comodissimi' banchi del poli e 10 facciate di conti posso ritenermi soddisfatto!

Però ieri sera ritornando sul mio pensiero 'ingegneristico' ho pensato che un esame del genere in fin dei conti non serve al nostro futuro da ingegneri. In fondo quale datore di lavoro ti direbbe: "fai quel lavoro in modo da impiegarci il più tempo possibile??"

E allora mi sono rivenuti alla mente tutti quegli esami 'inutili' che mi sono sorbito, quei professori che lieti dicono: "Non voglio che vi impariate le cose a memoria!" e poi all'esame ti chiedono le dimostrazioni a memoria!
Mi ricordo un professore di fisica tecnica, materia a me ostica, che quando andai a vedere il compito mi disse "Questa dimostrazione in aula non l'abbiamo fatta così!" ed io stupito: "Ma è sbagliata??", lui: "No, ma noi l'abbiamo fatta in un altro modo...", ...mi sono arreso...

Che bei ricordi!
Evviva la vita da Pol(l)i!

Alla prossima,
Andrea

Note:
¹ settòrdici: numero finito reale tendente all'infinito. Definizione dell'amico/collega Daniel Z. che saluto!

Importare video da telecamera miniDV in Archlinux

2008-01-26T15:42:00.000+01:00

Oggi ho riesumato la videocamera perchè dopo aver aggiornato il 'portabile' con l'ultima versione di compiz-fusion, volevo fare un video del mio 3Desktop!
Così mi sono ricordato che da quando ho installato Archlinux, non avevo mai provato la firewire e così mi sono messo all'opera...

Iniziamo con il disabilitare i moduli del kernel firewire e abilitiamo i 1394
Come root digitiamo:
# nano /etc/rc.conf
e modifichiamo il file come segue:
- in MOD_BLACKLIST aggiungiamo: firewire_core firewire_ohci
- in MODULES aggiungiamo: ieee1394 raw1394 dv1394

Ecco il risultato finale:

#
# -----------------------------------------------------------------------
# HARDWARE
# -----------------------------------------------------------------------
#
# Scan hardware and load required modules at bootup
MOD_AUTOLOAD="yes"
# Module Blacklist - modules in this list will never be loaded by udev
MOD_BLACKLIST=(firewire_core firewire_ohci)
#
# Modules to load at boot-up (in this order)
#   - prefix a module with a ! to blacklist it
#
MODULES=(... ieee1394 raw1394 dv1394 ...)

Aggiungiamo il nostro utente al gruppo video
Per fare questo eseguiamo come root il comando:
# usermod -aG video [user]

Riavviamo il sistema e controlliamo che i moduli siano stati caricati correttamente con i seguenti comandi:
- lsmod | grep firewire
- lsmod | grep 1394
Che dovrebbero restituire un output simile a questo:

[andrea@portatile ~]$ lsmod | grep firewire
[andrea@portatile ~]$
[andrea@portatile ~]$ lsmod | grep 1394
dv1394                 16988  0
ohci1394               28848  1 dv1394
raw1394                23932  0
ieee1394               80568  3 dv1394,ohci1394,raw1394
[andrea@portatile ~]$

Installiamo kino
Come di consueto grazie a pacman installiamo i pacchetti di kino ed alcune librerie utili per l'elaborazione video:


# pacman -S kino libraw1394 libdv mjpegtools libavc1394

Terminata l'installazione non ci rimane che avviare kino, collegare la telecamera al computer e metterla in modalità play!
Per verificare la corretta connessione andiamo in nella sezione 'cattura' di kino e proviamo a mandare avanti o indietro il nastro o catturare qualche secondo di video!

Mia configurazione di prova:
Portatile: Toshiba Satellite 2410-S303
Scheda firewire integrata: Texas Instruments TSB43AB22/A IEEE-1394a-2000 Controller (PHY/Link)
Videocamera: Sony DCR-PC330E

PS: per scoprire i dati della propria scheda firewire (IEE 1394) si può utilizzare il comando:


[andrea@portatile ~]$ lspci | grep 1394
02:07.0 FireWire (IEEE 1394): Texas Instruments TSB43AB22/A IEEE-1394a-2000 Controller (PHY/Link)
[andrea@portatile ~]$

Questo è quanto...
Buon editing!
Ciao,
Andrea

Della serie: "Le dimensioni contano..."

2008-01-24T10:15:00.000+01:00

Ed eccomi alle prese con uno degli apparecchietti che ogni tanto vado a ispezionare...
Sì, mi occupo della certificazione di attrezzature a pressione secondo la PED, o più burocraticamente secondo la direttiva 97/23/CE. Quindi di volta in volta mi capita di andare a vedere un po' di ferro!
E proprio ieri ho avuto l'opportunita di occuparmi del collaudo di questo 'piccolo' recipiente per GPL.

In fondo è un semplicissimo serbatoio, qualche lamiera arrotolata e saldata a formare un palloncino per 200 m³ di GPL.
Oggi parlando degli spessori delle lamiere con un mio collega universitario, che suo malgrado non ha molta dimestichezza con il ferro, ho capito ancor di più come la sola università non sia sufficiente a trasmettere agli studenti, me compreso, un'idea della realtà.
Almeno, io sono dell'idea che sia meglio una formula a memoria in meno ma un esempio concreto in più!

Altre due immagini per elogiare l'opera!

E' nuovo! Solo che essendo in acciaio al carbonio si arrugginisce!

Ciao a tutti!
Andrea

Mostrare una nota al passaggio del mouse

2008-01-17T17:47:00.000+01:00

Dopo aver implementato il "doppio-click seleziona tutto", mi sono accorto che sarebbe stato opportuno segnalare questa comodità al 'potenziale' visitatore!

Ho pensato quindi che sarebbe stato comodo mostrare una nota a fianco al cursore del mouse quando questo fosse stato sopra del codice!

Questa l'idea, il problema era realizzarla vista la mia scarsa conoscenza dei layer di html...
Ma gira che ti rigira, ho capito che avrei potuto fare a meno di questi famigerati layer, anzi con l'inimitabile tag <div> e qualche riga di javascript, avrei ottenuto il risultato desiderato! C'è da dire che anche i CSS hanno fatto la loro parte!
Ecco come ho risolto!

All'interno del post ho inserito un tag <div> "invisibile":

<div id="myLayer" style="
position: absolute; z-index: 1;
-moz-opacity:0.4; filter:alpha(opacity=40);
border: 0px none #000000; font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333; width: 120px; height: 39px;
background: no-repeat url(background_url); visibility: hidden;
padding: 1px 0px 0px 0px;">

Testo da mostrare nella nota

</div>

L'invisibilità si ottiene impostando l'omonima proprietà visibility dell'attributo style su hidden. Grazie alle proprietà -moz-opacity e filter: alpha(opacity = ...) si può impostare il valore di trasparenza del tag <div>, la prima serve per firefox, la seconda per internet explorer... Altra proprietà molto importante per il mio scopo è position, che impostato a absolute, permette di posizionare il tag secondo coordinate assolute riferite ai bordi alla pagina. Le coordinate, e quindi la posizione, si definiscono tramite le proprietà left e top che permettono di impostare la distanza dal bordo sinistro e da quello superiore della pagina.

Per la parte dinamica mi sono affidato a javascript, impostando tramite gli attributi onMouseOver e onMouseOut la modifica della visibilità del tag <div>:


function M_Out(){
 document.getElementById("myLayer").style.visibility = "hidden";
}

function M_Over() {
 document.getElementById("myLayer").innerHTML = "<center><b>Doppio Click per<br>selezionare tutto!</b></center>";
 document.getElementById("myLayer").style.visibility = "visible";
}

Per lo spostamento della nota legato al movimento del cursore del mouse ho utilizzato l'attributo onMouseMove:


onMouseMove = 
'document.getElementById("myLayer").style.left=event.clientX+window.pageXOffset+10+"px"; 
document.getElementById("myLayer").style.top=event.clientY+window.pageYOffset+10+"px";'

impostando dinamicamente i valori delle proprietà top e left.

Il risultato lo potete ammirare passando il mouse sopra al codice!

Spero vi possa tornare utile!
Ciao,
Andrea

Selezionare tutto il 'codice' con doppio click

2008-01-07T14:11:00.000+01:00

Selezionare contenuto di un tag con doppio click

Oggi, cercando di migliorare ancora la grafica e la funzionalità del blog, mi sono imbattuto nella ricerca di uno script che permettesse di selezionare tutto il testo contenuto all'interno di un tag Html.

La mia idea era fare in modo che con un doppio click sul testo del codice questo venisse selezionato tutto!

Dopo un po' di ricerche mi sono imbatutto in questa pagina: http://4umi.com/web/javascript/select.htm.
Lo è stato script realizzato da Yann-Erwan Perio e permette di selezionare tutto il contenuto di un tag passandogli il relativo id!

Quindi sono passato subito all'implementazione nel blog!
Per prima cosa ho copiato lo script e importato all'interno del template di blogger, subito dopo il tag <body>:


<script src='link_to_script.js' type='text/javascript'/>
</script>

Sfruttando l'evento ondblclick del tag <pre> invoco la funzione:


<pre ondblclick = "Utils.Selection.clear(); Utils.Selection.add( Utils.Ranges.selectNode(Utils.DOM.getElementWithId(this.id) ));" id="pre_01">

   /*  ---  CODICE  ---  */

</pre>

Doppio click sul 'codice'... funziona!
Provare per credere!

Ciao,
Andrea

Come ti personalizzo il blog (2)...

2008-01-05T12:50:00.000+01:00

Creare menù a discesa per etichette post

E per la serie come personalizzare il blog, ho modificato il widget delle etichette per far sì che creasse un semplice menù a discesa riepilogativo, evitando che la sidebar assumesse dimensioni proibitive!

Questo è il codice:

<b:widget id='Label1' locked='false' title='Etichette' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select class='sidebar_select' name='select_etichette' onChange='document.location.replace(this.value);'>
<b:if cond='data:blog.url == "http://tommity.blogspot.com"'>
 <option selected='selected' value='http://tommity.blogspot.com'>Tutto</option>
<b:else/>
<option value='http://tommity.blogspot.com'>Tutto</option>
</b:if>
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
 <option expr:value='data:label.url' selected='selected'><data:label.name/> (<data:label.count/>)</option>
<b:else/>
 <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>)</option>
</b:if>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Sfruttando i tag <b:if> e <b:loop> costruisco un menu a tendina, usando il tag html <select>.
La sintassi del tag <select> è molto semplice, gli attributi degni di nota sono: class che permette di applicare uno stile css e onChange che permette di eseguire un comando ogni volta che viene selezionata una voce diversa dal menù a discesa. Il comando che viene eseguito è scritto in javascript ed è: document.location.replace(this.value), questo permette di reindirizzare il browser verso il link riportato nell'attributo value dei tag <option>.

I due <b:if> permettono di evidenziare la voce selezionata dopo che è stata ricaricata la pagina, grazie all'aggiunta dell'attributo selected="selected" nel tag <option>.

Il <b:loop> esegue un ciclo sulle etichette utilizzate nel blog, permette di elencarle e quindi di compilare il menù a tendina.

La guida ufficiale per i comandi widget la trovate qui, mentre l'elenco delle variabili che si possono utilizzare all'interno dei widget lo trovate qui.

Tornando all'attributo class del tag <select> per poter personalizzare l'aspetto del menù, si deve aggiungere all'interno dei tag <style> una classe ad hoc, tipo questa:

.sidebar_select{
background-color: #EEEEEE;
color: #6699CC;
font: 11px Verdana;
}

Questo è quanto, il risultato è visibile qui accanto! ——>
Spero possa esservi utile,
ciao!
Andrea

Buon Anno!!

2008-01-02T15:00:00.000+01:00

Ed eccoci qui...
Un altro anno si è concluso, dovrei essere più maturo, più saggio...
Sinceramente non mi sento né più maturo né più saggio. Anzi, certi discorsi politici mi hanno lasciato, per usare un eufemismo, di stucco.
Probabilmente sono io anormale, o meglio io e le persone che ho avuto modo di incontrare in questi giorni di feste. Sì, perché avendo l'opportunità di lavorare nel negozio di famiglia, dove ancora esiste un rapporto con il cliente - non me ne vogliano le grandi catene, ma trovare commessi cortesi e disponibili è sempre più difficile, cosa che mi conferma anche la mia ragazza, tengo a precisare che lei è una commessa della grande distribuzione - ho avuto modo di tastare l'umore della popolazione, per dirla con paroloni.
Insomma, ho sentito molti pareri, discordanti per alcuni aspetti, ma tutti concordi nell'idea che così non si possa andare avanti!
E come verrebbe da pensare, non parlo così perché sono un "commerciante", perché fortunatamente, la laurea in scienza del pongo che non ho, mi ha premesso di trovare lavoro ancor prima di essermi laureato e di conseguenza sono anche un "impiegato", di quelli con il contratto scaduto da un anno, precari e chi più ne ha più ne metta...
Però obiettivamente devo dire che per me l'idea di questi contratti a tempo determinato, magari anche part-time, sono l'ideale per uno studente-lavoratore. Anche perché oggi giorno il titolo conta, ma fino ad un certo punto... E' inutile, secondo me, fregiarsi di lauree con il massimo dei voti e non sapere neanche cosa significhi passare otto ore in un ufficio. Per di più vogliamo mettere quante cose si imparano in un ufficio, magari affiancati da qualcuno che conosce il mestiere, rispetto a quel che si può imparare all'università?
Io sono dell'idea, e spero di riuscire nel mio intento, di farmi un po' le ossa nel mondo del lavoro, ovviamente allungando la mia carriera universitaria, ma spero che alla fine l'esperienza valga più del ritardo con cui spero di ri-laurearmi.
E quindi per me è iniziato un nuovo anno, in salita, ma che spero di riuscire a scalare!

E quindi pronti, partenza... VIA!

Alla prossima,
Andrea

PS: Chi si ferma è perduto!

Thunderbird e Firefox

2007-12-30T13:00:00.000+01:00

Come ogni utente windows che si rispetti, ho formattato il pc!

L'ultimo formattone risaliva al 20 gennaio e diciamo che windows ne risentiva, avvi e arresti interminabili, esecuzione automatica dei programmi che non funzionava più... insomma diciamo che l'installazione si era un po' sporcata...

E così mi sono trovato davanti ai soliti problemi:

come salvo tutte le mail?
come salvo la mia rubrica?
come recupero tutti i segnalibri e le password salvate in firefox?
e soprattutto mi devo reinstallare a mano tutti i loro componenti aggiuntivi??

Cercando un po' su Google non ho trovato molte informazioni e allora sono andato ad intuito..
Ho trovato (grazie a Google) dove vengono salvate le mail di thunderbird:

\Documents and Settings\NomeUtente\Dati Applicazioni\Thunderbird\Profiles\8caratteriAcaso.default\

Quindi per non saper nè leggere nè scrivere, mi sono copiato l'intera cartella 8caratteriAcaso.default\.
Poi ho aperto la rubrica di thunderbird e dal menu Strumenti -> Esporta l'ho esportata in formato LDIF.

Per quel che riguarda firefox ho trovato un plug-in molto comodo: Password Exporter che permette di esportare tutte le password in un file xml (anche criptato).
Ma restava sempre il problema dei componenti aggiuntivi e così ho deciso di salvare la cartella:

\Documents and Settings\NomeUtente\Dati Applicazioni\Mozilla\Firefox\Profiles\8caratteriAcaso.default\

Ho esportato i segnalibri da: Strumenti -> Gestione segnalibri -> File -> Esporta...

/* Formattone con reinstallazione Win XP SP2 e successivi miliardi di aggiornamenti */

A questo punto ho scaricato e installato l'ultima versione di firefox e thunderbird.

Ho importato la rubrica in thunderbird dal menu della Rubica: Strumenti -> Importa -> File di Testo (LDIF).
Poi ho chiuso thunderbird e copiato il contenuto della cartella 8caratteriAcaso.default, che avevo salvato, nella cartella:

\Documents and Settings\NomeUtente\Dati Applicazioni\Thunderbird\Profiles\8caratteriAcaso_2.default

a questo punto ho aperto thunderbird e ho ritrovato tutte le mie mail con i filtri e gli account!
Contento e soddisfatto del risultato mi sono dedicato fiducioso a firefox!
Come per thunderbird ho sostituito il contenuto della cartella:

\Documents and Settings\NomeUtente\Dati Applicazioni\Mozilla\Firefox\Profiles\8caratteriAcaso_2.default\

e come mi aspettavo anche in firefox sono ricomparsi tutti i componenti aggiuntivi che avevo installato!
Ho solo dovuto risistemare la barra di navigazione, selezionare il tema e sistemare qualche altra impostazione dei singoli plug-in.
Per quel che rigurada i segnalibri li ho importati dal menu: Strumenti -> Gestione segnalibri -> File -> Importa...

FinE!
...e per quest'anno penso di aver finito!
non mi resta che augurare a tutti buone feste, con l'auspicio che il 2008 sia "più meglio assai!"
Ciao,
Andrea

Icy... ovvero raffreddare il portatile!

2007-12-23T14:00:00.000+01:00

L'anno scorso mi sono deciso a costruire una base per alzare e raffreddare il portatile.
Infatti cercando per la rete avevo trovato solo soluzioni ingombranti e costose...

Da qui l'idea di costruirne una da solo! Dopo qualche schizzo sulla carta sono arrivato alla conclusione che la soluzione migliore fosse piegare un foglio di plexiglas (o similare) in modo da formare un leggio.
Il passo successivo è stato scegliere ventola ed alimentazione. Inizialmente avevo pensato di poter alimentare la ventola tramite USB, ma dopo una prova ho abbandonato l'idea: potenza in uscita veramente bassa!
Dovevo quindi trovare un modo per alimentare la ventola, soluzione più semplice era usare un alimentatore dedicato, ma di avere un altro alimentatore sulla scrivania per dare 12 V e 150 mA ad una ventola mi sembrava uno spreco! Allora ho pensato: "perchè non usare l'alimentatore del portatile?".
E così ho fatto, ho realizzato questo schema e relativo circuito stampato:

Schema elettrico

Circuito stampato

I componenti necessari per la realizzazione sono:

LM7812 - regolatore di tensione per abbassare la tensione di uscita dall'alimentatore del portatile a 12 V;
Dissipatore in alluminio per LM7812;
Potenziometro da 100 Ohm - per poter regolare la velocità di rotazione della ventola;
Led e relativa resistenza - da utilizzarsi come spia d'accensione;
Una decina di cm di cavo bipolare;
Un connettore maschio da cavo uguale a quello dell'alimentatore;
Un connettore femmina da pannello uguale a quello del computer.

Potenziometri da 100 Ohm non ne ho trovati, mi sono dovuto accontentare di un trimmer e quindi mi sono creato anche una rotella in poliver per poterlo regolare comodamente.

Ecco qui alcune immagini per la lavorazione della stessa:

Iniziamo la rotella...

Rotella pronta

Una volta realizzato e testato il cicuito elettrico è la volta dell'assemblaggio!

Scelta la posizione della ventola ed eseguito il foro, possiamo passare ai collegamenti.

Per la basetta vera e propria ho usato il poliver, surrogato del plexiglas!
Ho tagliato un rettangolo della larghezza del portatile e lungo una ventina di cm in più, in modo da poterlo piegare come un leggio. Per tagliarlo basta inciderlo a fondo con un taglierino da entrambe le parti e poi dare un colpo secco per dividerlo.
Per la piega ho usato una pistola ad aria calda per scaldare la zona da piegare ed un foglio di metallo per poter eseguire la piega dritta!

Pronto per le piega!

Pronto per l'assemblaggio

Dopo aver eseguiti il foro per la ventola, che bisogna fare dopo le pieghe per evitare che la basetta si svergoli, e i fori per interruttore, rotella del trimmer e alimentazione, si assembla il tutto!

...ed ecco il risultato finale:

Vista posteriore

Vista superiore

Questo è il risultato di circa 4 ore di lavoro, ma la soddisfazione ne vale di sicuro la pena!

!! Attenzione !!

Io ne ho costruite due e con entrambe non ho mai avuto problemi! Ma come si suol dire: "Build it at your own risk!" - costruitela a vostro rischio e pericolo!

Come ti personalizzo il blog...

2007-12-14T12:16:00.000+01:00

Modificare l'header del blog

Con l'aiuto del mio amico Andy sono riuscito a modificare un po' il layout di blogger!

Qui vi spiego quel che abbiamo fatto, o meglio cosa mi ha detto di fare! ;)

Il tutto è iniziato quando cercando di modificare l'header della pagina, non riuscivo a togliere il titolo del blog che quindi rimaneva sopra all'immagine che avevo preparato.

Allora in attesa del laboratorio di Complementi, ho chiesto aiuto ad Andy che mi ha subito indicato un paio di trucchetti per personalizzare a fondo l'header.

Innanzitutto bisogna andare in: Modello -> Modifica HTML, flaggare l'opzione "Espandi i modelli widget" e cercare il tag: <id='header-wrapper'>.

Dovreste trovare queste linee di codice:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='' type='HTML'>
</b:widget></b:section></div>

Basta modificarle così:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
</b:widget></b:section></div>

per poter aggiungere e rimuovere elementi tipo Header!
Infatti l'attributo locked impostato su false permette di sbloccarlo, maxwidgets indica il numero massimo di elementi che possono essere inseriti e showaddelement visualizza il link per aggiungere elementi nella pagina: Modello -> Elementi Pagina!

Semplice no? ma io non ci ero arrivato.. :(

Vabbè... un sentito ringraziamento ad Andy, alla prossima
Andrea

Bloggo!? ma perchè??

2007-12-11T20:00:00.000+01:00

La domanda che molti (chi??) si porranno e che per primo mi sono posto io, è: "Apro un blog per..."

Ed è a questa domanda cha anche oggi pomeriggio ho trovato una risposta, la stessa che mi ero dato a fine novembre, quando ho deciso di dedicare del tempo a questo spazio...

...tutto è iniziato da un paio di episodi 'amorosi' accaduti a dei miei Amici, lo scrivo con la maiuscola volutamente, perchè troppe volte l'Amicizia viene considerato un aspetto marginale di un rapporto.

Persone che non posso dire di conoscere a fondo, ma con le quali condivido molte opinioni!
Ed il fatto che a loro, come a molti altri, sia successo di scoprire, fortunatamente - dico io - che la persona con cui avevano deciso di intraprendere una strada costruttiva, li abbia traditi mi ha fatto soffrire molto. Non mi riferisco al tradimento carnale, che reputo il minore dei mali, qualcuno diceva una lavata e un'asciugata ed è uguale a prima, ma a quel che ne deve conseguire spiritualmente ed emotivamente. Perchè oggi va di moda dire: "Io sono libero di fare quello che voglio!", ma la libertà è cosa assai più complessa del solo poter dire o fare o pensare..

La nostra libertà è anche la libertà degli altri!

Decidere di tradire la persona che si dice di amare, significa tradire anche se stessi. Significa non avere orgoglio e onore, non capire il peso ed il significato delle proprie parole. Perchè l'italiano è una lingua complessa, in cui ogni vocabolo ha un significato ben preciso, una sfumatura particolare... e scrivendo ora questo post (in italiano si direbbe pensiero) sto riscoprendo il piacere di scrivere, di poter esprimere in libertà il proprio pensiero!

La prima cosa che ho pensato dopo i racconti dei miei Amici è stata: "e se fosse successo a me come mi sarei comportato? cosa avrei provato? come avrei reagito?" ... e poi "ma sarei riuscito a reagire?" Non lo so, sinceramente spero di non dovermi mai trovare in una situazione simile.

Un altro aspetto che mi ha spinto ad aprire questo diario è la mia volontà di ribellarmi a come si stia evolvendo l'italia. Tralasciando i deplorevoli aspetti politici, quel che mi preoccupa è la mentalità che si sta sviluppando nei giovani.
L'idea che la scuola sia cosa imposta e che quindi con spirito anarchico debba essere evitata è sempre più diffusa, ma ciò, secondo me, è tutto il contrario dello spirito anarchico. Significa voler permanere nella propria ignoranza, studiare non significa solo sapere chi furono i Romani, cosa è un'equazione, sapere perchè l'acqua bolle, ma significa potersi fare una propria opinione critica del passato, del futuro e soprattutto del presente. Significa poter giudicare un articolo di giornale, un servizio del telegiornale o semplicemente riuscire ad avere una conversazione di senso compiuto con un altra persona, sensa sfociare nel'ovvietà o ancor peggio arrivare alle offese.

Questi sono i motivi importanti per cui ho deciso di aprire il blog, poi ci sono altri più frivoli, come la mia passione per i computer, l'elettronica ed il mio recente avvicinamento a Linux, che mi hanno spinto a condividere le mie piccole-grandi scoperte quotidiane.

Mi stavo dimenticando... Ovviamente anche la mia vita Politecnica mi ha invogliato a condividere il materiale creato e cercato! ;)

Per oggi vi ho annoiato abbastanza...
Ci leggiamo,
Andrea

Il pacchetto Listings

2007-12-11T10:03:00.000+01:00

Questo pacchetto è estremamente utile per importare script in Latex!
Basta aggiungere queste righe nel preambolo del documento .tex per ottenere un risultato ineccepibile, come è ovvio per LaTex!

% Carico il pacchetto color e 
% definisco i colori uguali a quelli di default di matlab
\usepackage{color}
\definecolor{commenti}{rgb}{0.13,0.55,0.13}
\definecolor{stringhe}{rgb}{0.63,0.125,0.94}

\usepackage{listings} % inserisce listati di programmi

% Carica le impostazioni per importare script matlab
\lstloadlanguages{Matlab}
% Impostazioni per rappresentazioni script
\lstset{% general command to set parameter(s)
basicstyle = \scriptsize, % print whole listing small
keywordstyle = \color{blue},% blue keywords
identifierstyle =, % nothing happens
commentstyle = \color{commenti}, % comments
stringstyle = \ttfamily \color{stringhe}, % typewriter type for strings
showstringspaces = false, % no special string spaces
%emph = {for, if, then, else, end},
%emphstyle = \color{blue},
firstnumber = 1, % numero della prima linea
numbers = left, %  show number_line
numberstyle = \tiny, % style of number_line
stepnumber = 5, % one number_line after stepnumber
numbersep = 5pt,
language = {Matlab}, % per riconoscere la sintassi matlab
extendedchars = true, % per abilitare caratteri particolari
breaklines = true, % per mandare a capo le righe troppo lunghe
breakautoindent = true, % indenta le righe spezzate
breakindent = 30pt, % indenta le righe di 30pt
}

E dove vogliamo che venga inserito il nostro script scriveremo:

\lstinputlisting{../Laboratori/media.m}

Questo è il risultato per una semplice funzione Matlab che calcola la media!

Questo non vuol essere una guida, ma solo un semplice esempio di come sia facile importare script di vario tipo in un elaborato LaTex.
Per maggiori dettagli è sempre disponibile la guida ufficiale in pdf! ;)

Tommity Logo

2007-12-03T20:27:00.000+01:00

Inzio oggi il restyling del blog...
la grafica approssimativa dei template disponibili non mi fa impazzire e, vista la mia passione per la grafica web, cercherò di caverne fuori qualcosa di carino..

Posto qui accanto il logo del bolggo.. quando avrò un attimo di tempo lo sistemerò in alto a sinistra nell'header.. per adesso accontentatevi di vederlo qui accanto! ;p

Ciao
Andrea

Tabelle Latex

2007-12-01T17:36:00.001+01:00

Visto il periodo di intense relazioni al Poli, inteso che in questo semestre dovrei presentare una cosa come 4 relazioni dei mille laboratori che devo seguire, ho creato uno script Matlab - detto anche affettuosamente Sbatlab - per esportare una variabile in un ordinata tabella Latex!

Perchè va bene essere masochisti, ma un minimo di ingegno! :D

Ecco la function:

function table = latex_table(var,title)
% LATEX_TABLE
%
% Export var as latex table
%
% Title are used for the first row
% title must be a cell array with the same number of elements of the
% number of var's columns
%
% Created by Andrea Vannuccini - 2007.11

[r c] = size(var);

clc;
fprintf('\n\n\t --- LATEX TABLE OUTPUT --- \n\n');

table = [ '\begin{tabular}{'];
for k = 1:c
table = [table 'c'];
end
table = [table '}'];

fprintf('\n%s\n',table);

if nargin == 2
for k = 1:c
     fprintf('\t')
     if k == c
             table = [table title{k} ' \\ \\hline'];
             fprintf('%s \\\\ \\hline \n', title{k});
else
             table = [table title{k} ' & '];
             fprintf('%s & ', title{k});
     end
end
end

for i = 1:r
fprintf('\t')
 for k = 1:c
         if k == c
                 table = [table num2str(var(i,k)) ' \\'];
                 fprintf('%.4f \\\\ \n',var(i,k));
         else
      table = [table num2str(var(i,k)) ' & '];
                 fprintf('%.4f & ',var(i,k));
         end
 end
end

table = [table '\end{tabular}\n\n'];
fprintf('\\end{tabular}\n\n')

Ovviamente dopo aver copiato e incollato lo script in un .m-file vuoto, lo salvate con lo stesso nome della function, altrimenti function NO!
Il funzionamento è semplice!
In ingresso ha bisogno di un vettore o una matrice [var], dove ogni colonna corrisponderà ad una colonna della tabella e un cell array [title] usato per l'intestazione delle colonne, in uscita restituisce una stringa [table].
Basta copiare l'output della CommandWindow nel file .tex, et voilà, tabella pronta! ;)

Esempio:

Le istruzioni:

a = 1:5;
b = 5:-1:1;
title = {['a'] ['b']};
latex_table([a' b'],title);

Restituiscono a video:

 --- LATEX TABLE OUTPUT --- 

\begin{tabular}{cc}
    a & b \\ \hline
    1 & 5 \\
    2 & 4 \\
    3 & 3 \\
    4 & 2 \\
    5 & 1 \\
\end{tabular}

Ecco qui!

Ovviamente commenti e suggerimenti sono sempre bene accetti.
Ciao a tutti,
Andrea

Presentazioni...

2007-12-01T10:19:00.000+01:00

Buongiorno a tutti!

...ed eccomi qui a scrivere al mondo i miei pensieri e le mie 'opere'!

Vorrei utilizzare questo spazio per pubblicare le mie esperienze con il piccì..
Insomma, volente o nolente, passo quasi 8 ore al giorno, sabato e domenica compresi :(, davanti a un benedetto monitor!
/*nota ingegneristica*/
Cavolo, significa quasi un terzo della mia vita!
/*nota ingegneristica*/
Dalla mia ultima frase si capisce che sono masochista!
Perchè non contento di essere riuscito a laurearmi per diventare a tutti gli effetti un Aerospazzino, ho deciso anche di specializzarmi! - Abbandonando così anche i miei ultimi capelli.. :( - :p

Quindi pian piano posterò un po' di materiale legato alle sofferenze del Poli!

Per adesso è tutto!

Alla prossima,
Andrea