Sono già passati diversi anni dal passaggio tra il secondo ed il terzo millennio, ma, come allora, la gente continua a non mettersi in testa un concetto basilare: così come l'anno 2000 non era il primo anno del terzo millennio, parimenti essere nel 2010 non significa vivere nel secondo decennio. Dunque bisogna rassegnarsi al fatto di appartenere ancora agli anni '00 piuttosto che agli anni '10

Non voglio addurre come motivazioni di questo errore i seguenti fatti, perché credo siano complessivamente sconosciute ai più e non possano comunque influenzare la percezione che si ha su questo problema:

• non è mai esistito un anno zero, per il semplice fatto che in Europa, all'epoca, non si conosceva il numero 0; dunque la numerazione degli anni è … 3A.C., 2A.C., 1A.C., 1D.C., 2D.C., 3D.C. …; tuttavia, lo standard internazionale per la rappresentazione delle date (ISO 8601) adotta la notazione degli astronomi, nella quale l'anno 0 esiste e coincide con l'1A.C.;
• la data di nascita di Cristo Gesù ("fa strano" scritto così, vero? ) è ormai universalmente ritenuta sbagliata e collocabile prima del 4A.C;
• il calendario gregoriano, soppiantando quello giuliano, ha variato la numerazione di una decina di giorni.

Secondo il mio modesto parere, questo diffuso e comune errore è semplicemente dovuto al fatto che la gente ama molto le cifre tonde che, per definizione, terminano con lo 0 e che, per ovvi motivi, sono pari e – udite udite – divisibili per 2.

Credo che il modo migliore per imprimere nella mente di chi è ancora indeciso il succo di questo post sia tramite un'analogia. Considerate un qualsiasi libro che abbia più di un capitolo e poniamo che il primo finisca a pagina 10 e il secondo inizi a pagina 11 (per quanto sia una numerazione non ortodossa, è irrilevante per l'esempio).

Vi domando: quando iniziate a leggere la pagina 10, in quale capitolo vi trovate?

Nessun post attinente.

(Fonte immagine: http://lisagoldresearch.wordpress.com)

Sono già passati diversi mesi dall'uscita di Snow Leopard, ma ho effettuato l'aggiornamento solo recentemente, cosa che potrebbe avermi salvato da magagne scoperte dai più "coraggiosi". Ma questa è un'altra storia; in questo post voglio, piuttosto, darvi qualche dritta per poter liberare più spazio possibile togliendo tutto il superfluo dall'installazione del sistemo operativo stesso, ma anche dalle applicazioni.

Innanzitutto, già l'installazione stessa di Snow Leopard porta a liberare una notevole quantità di spazio. Il log dell'installazione riporta infatti:

Free space before: 10.43 GB
Free space after : 19.52 GB
Free space diff  : 9.09 GB

Non sto parlando del semplice, quanto subdolo, cambio di unità di misura (da GiB a GB), visto che si tratta comunque di una differenza a parità di unità di misura.

Detto ciò, bisogna tener presente che un'installazione standard porta a ritrovarsi con tutti i driver possibili ed immaginabili per la stampante. Questo voleva dire, nel mio caso, 1.26GB di spazio occupato, contro i 176KB sufficienti per comunicare con la mia stampante Samsung CLP-500 . Per recuperare spazio è sufficiente cancellare a manina quelli inutili presenti nella directory /Library/Printers.

Un'altra cosa di cui è molto più facile ignorare l'esistenza sono le internazionalizzazioni che si portano dietro molti dei programmi che installiamo e che, a conti fatti, occupano una quantità di spazio considerevole. Il programma ideale per sbarazzarvi di queste è Monolingual. L'interfaccia è estremamente semplice, però fate attenzione a non cancellare le lingue sbagliate o farete un gran bel danno grosso e diffuso! In particolare, non rimuovete MAI la lingua Inglese o potreste danneggiare l'installazione di Snow Leopard. Non riesco a darvi una stima dello spazio recuperato perché lo utilizzo già da tempo, però se è la vostra prima volta e avete 100/150 programmi installati potreste raggiungere qualche gigabyte. Lo stesso software consente di rimuovere, per ogni programma, l'eventuale codice per architetture diverse dalla propria; tuttavia, vi sconsiglio di farlo se non sapete esattamente cosa state facendo.

Se non utilizzate funzionalità di Text-to-Speech, non vi serve a nulla tenere tutte le voci presenti in /System/Library/Speech/Voices che, nel mio caso, erano 24, per un totale di 435.6MB. Inutile dire che dovete cancellarle a manina.

Ora viene la parte più divertente, nella quale non posso guidarvi, che consiste nell'utilizzare Grand Perspective, di cui ho già parlato in questo post, un software che mostra graficamente l'occupazione dell'hard disk e consente di trovare in modo estremamente intuitivo tutti quei file che occupano molto spazio.

Se avete altri consigli, i commenti servono anche per questo

Nessun post attinente.

Il frattale in questione si chiama Koch Snowflake (fiocco di neve di Koch o stella di Koch).

La sua costruzione è ricorsiva e consiste semplicemente nel seguire le seguenti istruzioni a partire da un triangolo equilatero (l'immagine seguente mostra la costruzione ripetuta tre volte):

1. si divide ciascun lato della figura in tre segmenti uguali;
2. si costruisce un triangolo equilatero avente un lato coincidente con il segmento centrale di ogni lato ed il nuovo vertice esterno alla figura, poi si rimuove i suddetti segmenti centrali;
3. si prosegue dal punto 1 con la figura ottenuta al punto 2.

Ora che avete capito come si disegna, proseguirò con il dimostrare quali proprietà sorprendenti abbia questo frattale. Per fare ciò bisognerà calcolare semplicemente quale siano i limiti del perimetro e dell'area per un numero infinito di passi. È molto più facile di quanto sembri, anche se per spiegarvelo per iscritto dovrò complicare un po' le notazioni .

Le due idee più chiare per calcolare perimetro ed area sono:

• perimetro: ad ogni passo si determina il numero di segmenti che sostituiscono un lato del triangolo iniziale, si moltiplica per la lunghezza del singolo segmento, ottenendo la lunghezza dei segmenti generati a partire da un singolo lato del triangolo iniziale e si moltiplica il tutto per tre, per ottenere il perimetro totale;
• area: ad ogni passo, si somma all'area ottenuta al passo precedente quella costituita dai triangoli che vengono, di fatto, aggiunti; come per il perimetro, si prende in considerazione un singolo lato del triangolo iniziale, si determina il numero di triangoli da aggiungere, l'area di uno di essi, si moltiplicano tali valori per ottenere l'area aggiuntiva su un singolo lato e si moltiplica, infine, il tutto per tre, per ottenere l'area totale da aggiungere a quella valutata al passo precedente.

Nelle notazioni che seguono, i numeri a pedice indicano i passi ai quali sono calcolati i valori e la lunghezza del lato del triangolo iniziare è pari ad $$l$$. Il fatto di non calcolare certi valori o raggrupparli in modo inizialmente bizzarro con delle parentesi è intenzionale. Infine, si ricorda che l'area di un triangolo equilatero di lato $$l$$ è pari a $$\frac{\sqrt{3}}{4}l^2$$.

Siano:

• SpL: segmenti per lato, il numero di segmenti che sostituiscono un singolo lato del triangolo iniziale;
• LSpL: la lunghezza di uno dei suddetti segmenti;
• TaddN: il numero di triangoli da aggiungere rispetto al passo precedente per un singolo lato del triangolo iniziale;
• TaddA: l'area di uno dei suddetti triangoli;
• TaddATot: l'area totale da aggiungere rispetto al passo precedente;
• P: il perimetro totale;
• A: l'area totale.

Passo 0:

• $$SpL_0 = 1$$
• $$LSpL_0 = l$$
• $$TaddN_0$$: non ha significato
• $$TaddA_0$$: non ha significato
• $$TaddATot_0$$: non ha significato
• $$P_0 = 3l$$
• $$A_0 = \frac{\sqrt{3}}{4}l^2$$

Passo 1:

• $$SpL_1 = 4 \times SpL_0 = 4 \times 1 = 4$$
• $$LSpL_1 = \frac{1}{3} \times LSpL_0 = \frac{1}{3} l$$
• $$TaddN_1 = SpL_0 = 1$$:
• $$TaddA_1 = \frac{\sqrt{3}}{4}(LSpL_1)^2 = \frac{\sqrt{3}}{4}(\frac{1}{3}l)^2 = \frac{\sqrt{3}}{4} \frac{1}{9}l^2$$
• $$TaddATot_1 = 3 \times TaddN_1 \times TaddA_1 = 3 \times 1 \times \frac{\sqrt{3}}{4} \frac{1}{9}l^2 = \frac{\sqrt{3}}{4} \frac{3}{9}l^2$$
• $$P_1 = 3 \times SpL_1 \times LSpL_1 = 3 \times (4) \times (\frac{1}{3})l$$
• $$A_1 = A_0 + TaddATot_1 = \frac{\sqrt{3}}{4}l^2 + \frac{\sqrt{3}}{4} \frac{3}{9} l^2 = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9})$$

Passo 2:

• $$SpL_2 = 4 \times SpL_1 = 4 \times 4$$
• $$LSpL_2 = \frac{1}{3} \times LSpL_1 = \frac{1}{3} \times \frac{1}{3}l = \frac{1}{3^2}l$$
• $$TaddN_2 = SpL_1 = 4$$:
• $$TaddA_2 = \frac{\sqrt{3}}{4}(LSpL_2)^2 = \frac{\sqrt{3}}{4}(\frac{1}{9}l)^2 = \frac{\sqrt{3}}{4} (\frac{1}{9})^2 l^2$$
• $$TaddATot_2 = 3 \times TaddN_2 \times TaddA_2 = 3 \times 4 \times \frac{\sqrt{3}}{4} (\frac{1}{9})^2 l^2$$
• $$P_2 = 3 \times SpL_2 \times LSpL_2 = 3 \times (4 \times 4) \times (\frac{1}{3^2})l$$
• $$A_2 = A_1 + TaddATot_2 = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9}) + 3 \times 4 \times \frac{\sqrt{3}}{4} (\frac{1}{9})^2 l^2 =$$
  $$= \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9} + \frac{3 \times 4}{9^2})$$

Passo 3:

• $$SpL_3 = 4 \times SpL_2 = 4 \times (4 \times 4) = 4 \times 4 \times 4$$
• $$LSpL_3 = \frac{1}{3} \times LSpL_2 = \frac{1}{3} \times \frac{1}{3^2}l = \frac{1}{3^3}l$$
• $$TaddN_3 = SpL_2 = 4 \times 4$$:
• $$TaddA_3 = \frac{\sqrt{3}}{4}(LSpL_3)^2 = \frac{\sqrt{3}}{4}(\frac{1}{3^3}l)^2 = \frac{\sqrt{3}}{4} (\frac{1}{9})^3 l^2$$
• $$TaddATot_3 = 3 \times TaddN_3 \times TaddA_3 = 3 \times (4 \times 4) \times \frac{\sqrt{3}}{4} (\frac{1}{9})^3 l^2$$
• $$P_3 = 3 \times SpL_3 \times LSpL_3 = 3 \times (4 \times 4 \times 4) \times (\frac{1}{3^3})l$$
• $$A_3 = A_2 + TaddATot_3 =$$
  $$= \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9} + \frac{3 \times 4}{9^2}) + 3 \times (4 \times 4) \times \frac{\sqrt{3}}{4} (\frac{1}{9})^3 l^2 = $$
  $$= \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9} + \frac{3 \times 4}{9^2} + \frac{3 \times 4 \times 4}{9^3})$$

A questo punto è il caso di fermarsi perché si vede chiaramente un pattern. Riporto i valori di perimetro ed area ad ogni passo e la generalizzazione al generico passo n>0:

• Perimetro
  • $$P_1 = 3 \times (4) \times (\frac{1}{3})l$$
  • $$P_2 = 3 \times (4 \times 4) \times (\frac{1}{3^2})l$$
  • $$P_3 = 3 \times (4 \times 4 \times 4) \times (\frac{1}{3^3})l$$
  • ...
  • $$P_n = 3 \times 4^n \times (\frac{1}{3^n})l = 3(\frac{4}{3})^n l$$
• Area
  • $$A_1 = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9})$$
  • $$A_2 = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9} + \frac{3 \times 4}{9^2})$$
  • $$A_3 = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{9} + \frac{3 \times 4}{9^2} + \frac{3 \times 4 \times 4}{9^3})$$
  • ...
  • $$\displaystyle A_n = \frac{\sqrt{3}}{4}l^2(1+3\sum_{k=1}^{n} \frac{4^{k-1}}{9^k}) = \frac{\sqrt{3}}{4}l^2(1+3\sum_{k=1}^{n} \frac{\frac{4^{k}}{4}}{9^k}) = $$
    $$= \displaystyle \frac{\sqrt{3}}{4}l^2(1+\frac{3}{4}\sum_{k=1}^{n} (\frac{4}{9})^k)$$

Ora non resta che determinare il limite per $$n \to \infty$$ del perimetro e dell'area. Per quanto riguarda il perimetro è immediato vedere che tenda all'infinito, poiché la frazione $$\frac{4}{3}$$ è maggiore di 1:

$$\displaystyle \lim_{n \to \infty} P_n = \lim_{n \to \infty} 3(\frac{4}{3})^n l = \infty$$

Per quanto riguarda l'area bisogna osservare che la sommatoria coinvolge termini di una serie geometrica di ragione r=$$\frac{4}{9}$$, il cui limite si può calcolare con la formula $$\frac{r}{1-r}$$ (chi non è convinto, clicchi qui):

$$\displaystyle \lim_{n \to \infty} A_n = \lim_{n \to \infty} \frac{\sqrt{3}}{4}l^2(1+\frac{3}{4}\sum_{k=1}^{n} (\frac{4}{9})^k) = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{4}\sum_{k=1}^{\infty} (\frac{4}{9})^k) =$$

$$\displaystyle = \frac{\sqrt{3}}{4}l^2(1+\frac{3}{4} (\frac{\frac{4}{9}}{1-\frac{4}{9}})) = \frac{\sqrt{3}}{4}l^2 (1 + \frac{3}{4}\frac{4}{9}\frac{9}{5}) = \frac{\sqrt{3}}{4}l^2 (\frac{8}{5}) = \frac{2\sqrt{3}}{5}l^2$$

Nel caso non ve ne siate ancora accorti, all'infinito il perimetro di quella figura sarà infinito, mentre l'area convergerà ad un valore ben preciso, ovvero gli $$\frac{8}{5}$$ dell'area del triangolo iniziale, poiché $$A_0=\frac{\sqrt{3}}{4}l^2$$.

Ovvero, un perimetro infinito racchiude un'area finita. Sorprendente, no?

Proprietà analoghe valgono per altri frattali. Se vi interessa questo argomento potete leggere un'introduzione su cosa siano i frattali o più semplicemente vedere un'interessante lista di immagini di frattali. Vi propongo le pagine in inglese di  Wikipedia perché sono le più complete, ricordandovi però che Wikipedia è un formidabile strumento di traduzione semantica (leggasi: cliccate sulle lingue che preferite nel menu "languages" a sinistra).

---
[1] La sommatoria in questione, che coinvolge termini di una serie geometrica, è della forma $$\displaystyle \sum_{k=1}^{\infty} r^k, |r|<1$$. Chiamando la somma $$S$$ ed esplicitandone qualche termine si ha:

$$ S=r+r^2+r^3+\ldots$$

Moltiplicando entrambi i membri per $$r$$ si ottiene:

$$S\times r = r^2+r^3+r^4+\ldots$$

Sottraendo membro a membro le due equazioni si ha:

$$S - S \times r = (r+r^2+r^3+\ldots) - (r^2+r^3+r^4+\ldots)$$

$$S(1-r) = r $$

$$\displaystyle S = \frac{r}{1-r}$$

Q.E.D.

Related posts:

1. Immagini (In)Finite In un momento in cui ho evidentemente molto da fare...
2. Lard Disk Oltre a trovare generalmente divertenti le pubblicità di Fastweb con...

Localizzare completamente l'interfaccia di WordPress in un'altra lingua è decisamente semplice, visto che è spiegato un po' ovunque (anche nel seguito di questo post) e consiste nell'aggiungere un riga in un file e copiarne un altro in una directory, o, più semplicemente, installare una versione già modificata di WordPress nella propria lingua. Tuttavia, quello che volevo ottenere era solo la traduzione dell'interfaccia che si presenta a voi utenti, lasciando tutta la parte amministrativa in inglese, che è meglio, come direbbe il Puffo Quattrocchi!

Come fare ciò e dove procurarsi gli strumenti non è particolarmente chiarissimo, quindi mi accingo a descrivervi cosa dovete fare.

Prima, però, può essere utile una premessa riguardo ai file che andremo a maneggiare, perché difficilmente ne avrete già sentito parlare. Il framework utilizzato da WordPress per l'internazionalizzazione dell'interfaccia è gettext, un software ampiamente diffuso per la scrittura di programmi multilingua. Opportunamente marcati con una sintassi riconosciuta da gettext i programmi da tradurre, processandoli con il comando xgettext, si ottiene un file con estensione POT (Portable Object Template) che non è altro che un lungo elenco di blocchi del tipo:

#: wp-includes/widgets.php:726
msgid "Select Category"
msgstr ""

dove la prima riga indica il file e la riga in cui è presente l'identificativo della stringa da tradurre, la seconda l'identificativo stesso, e la terza è lasciata naturalmente vuota per la traduzione. Un'istanza di quel template è un file PO (Portable Object), che è sostanzialmente uguale al template per quanto ci riguarda (il comando per ottenerlo è "msginit --locale=it --input=nome.pot", dove "it" indica la lingua di destinazione, ma può essere qualsiasi stringa). Tramite un editor testuale o grafico è sufficiente specificare le frasi da tradurre, ottenendo qualcosa come:

#: wp-includes/widgets.php:726
msgid "Select Category"
msgstr "Scegli una Categoria"

Con il comando "msgfmt nome.po"  o tramite un editor grafico si ottiene un file MO (Message Object), che, a differenza dei precedenti, è un file binario e, pertanto, in generale non è portabile su architetture diverse, quindi deve essere generato appositamente per l'architettura di destinazione. Non vi riporto l'output di questo file per ovvi motivi .

Veniamo ora alla ricetta da seguire pedissequamente per ottenere risultati sensati:

1. innanzitutto, è il caso di procurarsi un editor visuale, a meno che non siate masochisti e vogliate fare tutto a mano; da quel che ho visto in giro, quello maggiormente utilizzato è Poedit, disponibile per i sistemi operativi più diffusi;
2. poi ci serve una copia vergine del POT di WordPress (wordpress.pot), che si può trovare nelle versioni stabile (scegliete quello che corrisponde alla vostra versione di WordPress) o di sviluppo;
3. a questo punto aprite il file wordpress.pot con Poedit e selezionate dal menu "Catalog -> Settings..." ottenendo una finestra di dialogo che permette di specificare informazioni riguardanti la traduzione che volete eseguire. L'unico campo strettamente necessario da specificare è "Plural forms", nel quale dovete inserire, per una traduzione italiana, "nplurals=2; plural=(n != 1);" (senza virgolette, magari); quella stringa non vuol dire altro che "ci sono due forme ed il plurale va utilizzato solo quando la quantità è diversa da 1"; se siete particolarmente curiosi, potete leggere, ad esempio questa pagina, dove scoprirete formule apparentemente bizzarre che descrivono le forme plurali in altre lingue; vi consiglio anche di impostare i campi "Charset" e "Source code charset" a "utf-8", lasciando gli altri al vostro buon senso; fatto ciò, salvatelo tramite "File -> Save as..." con estensione PO (ad es., jWordpress.po), ottenendo incidentalmente anche la versione con estensione MO (jWordpress.mo) e dimenticatevi del POT, non serve più;
4. utilizzando l'interfaccia grafica, identificate tramite la funzionalità di ricerca ("Edit -> Find...") le frasi che vi interessano e traducetele, stando attenti a mantenere i marcatori delle parti variabili del testo; ad esempio, se vi trovate a tradurre "%s hour", l'interfaccia grafica vi proporrà le due forme, singolare e plurale, da aggiungere rispettivamente come "%s ora" e "%s ore" nei rispettivi campi; per quanto riguarda la traduzione di date ed ore (ad. es., Y/m/d in italiano è d/m/Y), vi rimando a questa pagina, in cui sono spiegate le notazioni utilizzate; una volta tradotto quello che vi interessa, salvate il file;
5. come ultimo punto, dovete spiegare a WordPress che volete utilizzare un'altra lingua e per fare ciò:
   1. copiate i file jWordpress.po e jWordpress.mo nella directory wp-includes/languages/ (se non c'è, createla!);
   2. specificate nel file wp-config.php la stringa "define('WPLANG', 'jWordpress');", dove il valore "jWordpress" deve corrispondere al nome del file con estensione MO contenuto nella directory wp-includes/languages.

Se qualche passaggio è oscuro, ci sono apposta i commenti per chiedere chiarimenti.

Related posts:

1. WordPress 2.6 - Disabilitare le Revisioni Nella versione 2.6 di WordPress hanno pensato bene di aggiungere...

La presenza di questa funzionalità, nel caso di numerosi salvataggi, porta ad un aumento esorbitante, in particolare, della tabella wp_posts del vostro database.

Per disabilitare le revisioni dovete inserire nel file wp-config.php (che non potete non conoscere se avete configurato il database) la riga:

define('WP_POST_REVISIONS', false);

Nel caso ve ne siate accorti troppo tardi, come nel mio caso, è opportuno che diate una pulita alle tabelle interessate dalle revisioni con la query SQL (presa in prestito da questo sito):

DELETE a,b,c
FROM wp_posts post
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision'

Potete stare tranquilli, visto che ho già provato tale query sul database di questo blog e non è esploso nulla. Inoltre, comprendendone il significato, non vedo come possa fare danni. Tuttavia, effettuate prima un backup del database, poiché non mi ritengo responsabile di incidenti nucleari o danni più gravi

Nel caso vogliate comunque gestire le revisioni, potete provare un plugin come Revision Control, o cercarne altri presso WordPress Plugins.

Nessun post attinente.

Il logo di cui si parla, personalmente di stile obsoleto, in quanto ricorda elaboratori degli anni '80, ma svecchiato da gioiosi omini con le braccia sulle 10:10, è questo:

Per non parlare del fatto che mi ricorda abbastanza quello di Ubuntu

Senza entrare in dettagli complicati e di poco interesse per i non addetti ai lavori, certifica il fatto che il sito rispetti numerosi parametri che lo rendano conforme agli standard ed, in particolare, accessibile a persone diversamente abili (non vedenti, ipovedenti, daltonici, non udenti, disabili motori, ecc.).

Gran parte di questi parametri non può essere verificata in maniera automatica per svariati motivi, però alcune caratteristiche basilari sono, per loro stessa natura, validabili da strumenti automatizzati: in particolare la struttura sintattica della pagina e, in un secondo momento, i fogli di stile (CSS), che permettono di gestire la parte di presentazione delle informazioni contenute nella pagina stessa.

Per fare un paragone, è possibile controllare in modo automatico se un testo contiene solo vocaboli italiani, mentre è impossibile controllare con certezza, senza l'ausilio umano, se un testo ha una semantica coerente.

Visto che le caratteristiche verificabili in modo automatico sono oggettive, partirò da quelle (quando farò riferimenti a "requisiti" intendo quelli elencati in questa pagina):

• ho iniziato cliccando sul link in fondo all'articolo di Punto Informatico, quindi sono finito in questa pagina:
  • mi colpisce l'immagine nella sezione sinistra, quella con una specie di Wonder Woman ;
  • come faccio sempre con qualsiasi cosa possa essere un link, prima di cliccare, tengo il cursore sopra per vedere nella barra di stato il link e per osservare l'eventuale tooltip associato;
  • leggo il tooltip "portale urp (Questo link si apre in una nuova finestra)" e scoppio a ridere! Chi conosce anche solo l'XHTML 1.0 Strict, senza saper nulla di accessibilità, avrà già capito dove voglio andare a parare: per far aprire un link in una nuova pagina è necessario utilizzare l'attributo "target", violando le specifiche di XHTML 1.0 Strict, ovvero la specifica seguita per la costruzione del sito stesso. E ciò porta a violare il "Requisito 1": "Per tutti i siti di nuova realizzazione, utilizzare almeno la versione 4.01 dell' HTML o la versione 1.0 dell' XHTML, entrambe con DTD (Document Type Definition - Definizione del Tipo di Documento) di tipo Strict.". Inoltre contraddice l'affermazione "Tutte le pagine sono state validate con il Validatore del W3C (Validator W3C).";
  • per curiosità valido effettivamente la pagina e, magia, passa la validazione! Subito mi salta alla mente Javascript, ed infatti tramite Javascript viene aggiunto in un secondo momento l'attributo "target" a quei link per i quali l'attributo "rel" è impostato ad "external". In fase di validazione, naturalmente, non viene applicato Javascript, quindi l'imbroglio va a buon fine;
  • incidentalmente, guardando il resto del codice JS, vedo che anche la ricerca tramite il form di Google causa l'apertura di un'altra finestra;
  • mi potreste dire: "Il requisito è rispettato, la pagina è valida (staticamente) e l'effetto introdotto da quella porzione di codice Javascript è, in definitiva, utile". Per capire la gravità, pensate che mi sarebbe sufficiente creare una pagina che contenga unicamente il codice XHTML minimo necessario ad introdurre uno script Javascript per creare dinamicamente una pagina assolutamente valida staticamente e che contravvenga a qualsiasi regola.

• mi sposto nella pagina "Tasti d'accesso" e la valido. Un errore (il validatore segnala solo la prima occorrenza, ma si ripete per svariati link) proprio sull'attributo "target", che in questa pagina non viene aggiunto dinamicamente ma scritto direttamente nel codice XHTML. Qui non ci sono scuse che possano reggere ;
• vado alla pagina "22 Punti check-list". Stessa situazione del punto precedente, ma in un link differente;
• vado alla pagina dei "Credits" (che magari non dovrebbe chiamarsi così nella versione italiana del sito!) e la valido. Altre soddisfazioni: oltre al solito attributo "target", questa pagina presenta in svariati elementi gli attributi "align" e "border", aboliti nella versione XHTML Strict in quanto non appartengono allo strato di dati, ma di presentazione. Questo è un errore evidente, basilare e non giustificabile;
• ora basta con la validazione sintattica, sono già "contento" ! Passo a validare il CSS: questo si può fare semplicemente solo sull'"Homepage", supponendo che in un sito istituzionale non facciano la porcata di modificarlo dinamicamente in base alla pagina in cui ci si trova. Nessun errore, ma ben 243 warning. Chi ha un po' di dimestichezza con i CSS saprà che i warning solitamente sono ignorabili, ma a chi ha sentito parlare di accessibilità trilla un campanellino: possono essere indicatori di problemi.

Non essendo, per ora, particolarmente esperto di accessibilità, e richiedendo una valutazione estremamente lunga, sfrutto uno strumento automatico capace di valutare alcune caratteristiche sotanzialmente oggettive. Per semplicità l'ho provato solo sull'homepage ed effettivamente passa i test oggetivi: questo non vuol dire che sia accessibile, ma è un buon inizio . Per una verifica vera serve l'intervento dell'uomo e la consulenza di disabili, cose che, da quanto dichiarano, hanno fatto per ottenere il bollino.

Proseguo con un elenco di errori ed osservazioni (anche sull'accessiblità, dettate dal mio buon senso più che dalle conoscenze sul campo) sul sito stesso:

• nella pagina dell'"Accessibilità": un po' di rispetto per l'inventore del web! Si chiama Tim Berners-Lee e non Tim Barnes Lee; da cambiare il pusher di citazioni? ;
• nella pagina dei "Tasti d'accesso": prima vengono spiegate delle combinazioni che funzionano solo sotto Windows, poi viene spiegato come funzionano sotto Windows e sotto Mac; oltre alla ridondanza di informazioni (spiegare due volte come funzionano sotto Windows, la prima implicitamente, pensando che il mondo sia costituito da Windows-iani) non vedo perché non sia contemplato il sistema operativo Linux.
  Inoltre, negli esempi, viene indicato di premere Invio dopo la sequenza, cosa assolutamente inutile.
  Per finire, non esiste il tasto Crlt, ma il tasto Ctrl.
  Non sarebbe molto più chiaro e conciso definire prima le scorciatoie e poi indicare come utilizzarle in ciascun sistema operativo?
• la sezione che contiene i link per modificare la dimensione dei caratteri ed il contrasto tra testo e sfondo è presente solo nell'homepage e sparisce una volta che ci si muove in una qualsiasi altra pagina; immaginatevi di aver navigato un po' il sito, aver raggiunto dopo lunghe fatiche una pagina a lungo agognata ed avere la necessità di modificare qualche parametro: facile, grrr, dovete tornare all'homepage e poi ricercare la pagina precedente!!!
• i tre link che permettono di modificare la dimensione del testo hanno come contenuto testuale "A", che verrà letto da uno screen-reader ovviamente "A" in tutti e tre i casi, quindi un ipovedente dovrebbe andare ad intuizione/tentativi per capire cosa fa ciascuno di essi;
• la parola "Ambiente" per definire il "Contrasto" tra testo e colori è alquanto curiosa (mi ricorda più un suono che un qualcosa di visivo), così come sarebbe meglio sostituire "default" con parole più comuni ad un utente non informatico come "standard" o "normale";
• quando sparisce la sezione descritta precedentemente, appare al suo posto un'altra sezione che indica il percorso di navigazione, fondamentalmente una sorta di "Voi Siete Qui". Bene, utile, ma curiosamente funziona con un buon campione di pagine testate, tranne che con quella dell'"Accessibilità"!
• guardate in alto a destra: giustamente c'è un link che permette di visitare il sito in lingua inglese. È naturale pensare che, una volta cliccato, faccia sì che tutti i testi nella pagina vengano sostituiti con la corrispondente traduzione inglese. Naaa, sarebbe troppo scontato! Innanzitutto, se lo cliccate, la zona dei link in alto a destra sparisce magicamente, spaesando l'utente che si aspetterebbe di poter ritornare alla versione italiana. Cosa molto peggiore, si finisce in una pagina che non c'entra assolutamente nulla con l'homepage sulla quale ci si trovava e nella quale è tradotta solo una minima parte. Per completare il casino (per usare un tecnicismo), la navigazione delle pagine in inglese si sposta dal menu a sinistra (che rimane in italiano e porta a pagine in italiano) al menu a destra, che permette di raggiungere un numero estremamente scarno di pagine, cioè una sola. Credo che un non vedente, in particolare, troverebbe tutto ciò alquanto fastidioso;
• l'homepage presenta una caterva di link; chi utilizza uno screen-reader se ne deve sorbire davvero troppi prima di poter raggiungere quello che cerca. Se levassero, tanto per dire, il link "Lo Stemma e il Gonfalone" e lo inserissero nella pagina "La Storia della Provincia" ed accomunassero altri link in categorie più generali sarebbe tutto meno pesante da leggere;
• per finire, alcuni tasti di accesso rapido non funzionano con Firefox 2.0.0.3pre sotto Mac.

Credo di aver detto tutto ciò che mi è saltato all'occhio per ora, a voi la parola se scoprite altre cose succose
Se qualcuno si vuol dilettare gli propongo degli spunti da cui partire: accessibilità di form e di tabelle.

Nessun post attinente.

Come si manifesta solitamente? Un'e-mail che contiene un link ad un sito che riproduce in maniera più o meno fedele, talora assolutamente perfetta (non che sia difficile), le sembianze di un sito noto che preveda un form per effettuare il login al fine di accedere a servizi privati.

Naturalmente il bersaglio preferito sono solitamente delle banche, poiché ottenere dati degli utenti vuol dire accedere a del denaro.

Quello che vi voglio proporre, invece, è un sito che riproduce in maniera abbastanza maldestra le fattezze del sito di Hotmail.

Vi riporto i due link (e uno screenshot del primo sito, nel caso in cui sparisca):

http://www.msnbackup.altervista.org/index.html.htm

e

http://login.live.com/login.srf?id=2&svc=mail&lc=1040&_lang=IT

Benché il primo link sia più "gradevole" alla vista del secondo (certo che la Microsoft potrebbe rivedere la gestione degli URL) si tratta di un sito in cui si pratica phishing. Come si riconosce?

1. per i più "esperti" è sufficiente osservare solamente il link: il primo non è altro che uno spazio web gratuito offerto dal servizio altervista.org, quindi, in generale, il sito di un cittadino privato e non sicuramente della Microsoft!
2. sempre osservando l'url, questo propone una curiosa doppia estensione ".html.htm", che sinceramente l'autore poteva evitare .
3. accedendo alla pagina si osserva subito che il form in cui inserire i dati di accesso è incoerente con il resto della pagina: sfora pesantemente a destra i limiti della pagina e i caratteri delle scritte contenute sono di una dimensione incompatibile con quella delle scritte presenti nel resto della pagina
4. la cosa che forse un utente occasionale noterebbe di meno è l'anno del copyright indicato in fondo all'area del form, ovvero 2005.

Questi particolari dimostrano fondamentalmente che l'autore di questa truffa è un "pistola" (per usare un tecnicismo): è riuscito a riprodurre un sito con un copia-incolla, ma non è capace di modificare l'unica parte della pagina di suo interesse, cioè il form di login.

E di quale esperimento parli allora? Beh, la mia idea è che vi divertiate ad inserire dati a caso nel form di login per prenderlo in giro. Vediamo tra quanti giorni il sito sparirà!

Per approfondimenti:

• Phishing su Wikipedia

~~~
UPDATE: il sito è stato sospeso proprio oggi, comunque, ad imperitura memoria, potete vedere lo screenshot sopra .

Related posts:

1. italia.it: Applicazione Pratica di XSS Innanzitutto, cos'è XSS? L'acronimo sta per "Cross-Site Scripting" (la X...