Di seguito gli interventi pubblicati in questa sezione, in ordine cronologico.
 
 

Finalmente online la versione in Russo del sito di Allavelli, dopo varie ricerche e confronti tra i vari caratteri cirillici disponibili siamo riusciti a realizzare delle pagine funzionanti correttamente sia per quanto riguarda i testi inseriti nel codice HTML che per quelli presenti all'interno del database e visualizzati tramite funzioni ASP.

Per far funzionare il tutto è stato sufficente sostituire la dichiarazione del charset normalmente utilizzato ossia charset=iso-8859-1 con quella riservata per il russo ossia charset=windows-1251.

Se vi capita di mettere nella stessa pagina un video di YouTube e utilizzare in contemporanea Lightbox, potreste trovarvi nella sfortunata situazione in cui il video copre le immagini ingrandite della galleria, ossia il lettore in flash "salta" sopra le immagini.

Inizialmente potreste pensare di risolvere il problema utilizzando lo z-index e modificando quindi il livello di profondità del video stesso, ma come abbiamo provato anche noi il sistema non funziona, il videl di YouTube sarà sempre in primo piano.


La soluzione consiste nell'effettuare un paio di modifiche al tag object ed embed utilizzato, ecco come:

1. inserite dopo l'object tag il seguente codice: 
< param value="transparent" name="WMode" / >

2. aggiungere il seguente codice appena prima del type = "application / x-shockwave-flash":
   wmode="transparent"

Un esempio potrete trovarlo visualizzando il codice di questa pagina di esempio.

Dopo anni di attesa, sembra stia prendendo forma HTML 5, la rivoluzione che da anni tutti i programmatori web stanno aspettando. HTML 5 presenta nuove caratteristiche che permettono di definire più chiaramente la struttura di ogni documento introducendo nuovi tag quali: menu, nav, footer, figure e article che permetteranno di aumentare il valore semantico delle nostre pagine.

Vengono inoltre aggiunti nuovi tag per la gestione direttamente in HTML di audio e video senza la necessità di utilizzare plug-in esterni, potremocosì visualizzare filmati e ascoltare file MP3 fermarli, reglarne il volume ecc.
Altra cosa che tutti noi aspettavamo era il cahing dei dati nativo, che permetta ad HTML 5 di creare una cache delle nostre pagine web direttamente nel browser. oltre ciaramente a nuove funzionalità che integrano nelle pagine il drag&drop. 

Mi sono tenuto per ultimo la cosa che più ho apprezzato, sebbene stupida rispetto a quanto sopra detto sembra che nella nuova versione avremo a disposizione strumenti di validazione dei form che non necessitano l'utilizzo di Javascrit!!! Potremo così controllare: tipo di dati, dimensioni massime e minime e se richesti o meno, finalmente!!

Lo strumento che per il momento mi ha lasciato più stupefatto comunque è il nuovo tag CANVAS che permette direttamente di disegnare elementi vettoriali all'interno della pagina, non solo permette di ciclare una serie di funzioni di pulizia schemo e disegno in modo da realizzare delle vere e proprie animazioni.

Se volete seguire lo sviluppo dello standar o semplicemente visualizzare degli esempi potete andare a questo indirizzo: www.whatwg.org, oppure seguire le news tramite Twitter all'indirizzo:

MooTools è un framework di sviluppo basato si Javascript e quindi Object oriented che permetterà di aumentare le funzionalità e soprattutto l'interattività delle pagine internet.

Abbiamo iniziato a saggiare tale tecnologia e ad implementarla all'interno di due nostri siti. Sull'homepage di www.laplayalagodimonate.it è stata implemtentata una galleria fotografica che fa scorrere automaticamente e interfalli predefiniti alcune fotografie senza sover utilizzare Flash, l'altro esempio, molto più interessante lo potete vedere all'interno del sito www.deltamarket.com nella pagina di richiesta preventivo, visibile da questo link.  In questo caso MooTools è utilizzato per effettuare un controllo sui dati inseriti all'interno del form di richiesta informazioni e permette il controllo dei dati inseriti e la visualizzazione di messaggi ad essi legati, richiedendo ad esempio la compilazione del campo e-mail con un indirizzo valido.

L'implementazione di MooTools all'interno di siti, partendo da codice disponibile in rete pare molto semplice e permette di raggiungere un buon grado di personalizzazione delle funzionalità. Nei prossimi post cercherò di inserire altri esempi che andremo sicuramente ad utilizzare al fine di meglio comprendere ed imparare l'utilizzo di Mootools. Nel frattempo qui potrete trovare alcuni esempi tra i quali abbiamo pescato il codice utilizzato nelle nostre pagine sopra riportate.

http://speckyboy.com/2008/04/09/41-of-the-best-mootools-ajax-example-downloads/

Conseguentemente alle richieste di un cliente che necessitava di un G.I.S.(un sito che permettesse la georeferenziazione delle informazioni), aggiornabile direttamente da lui, dai costi contenuti e che gli permettesse di inserire all'interno delle pagine cartine fonite da Google Maps con tracciati e punti GPS registrati tramite il proprio navigatore abbiamo sviluppato il portale www.gpsvarese.it .

Come potrete notare il portale è sviluppato in tecnologia ASP permette un caricamento dinamico di dati presenti all'interno di un database access e la visualizzazione dei file KML ad essi collegati in vari layer posti direttamente sulle cartine. Vi consiglio l'analisi del codice utilizzato per visualizzare le cartine e i relativi tracciati all'interno delle pagine andandolo a vedere direttamente sul sito, non saranno visibili le parti interattive generate con ASP ma non è questo l'obbiettivo dell'articolo. Potrete rendervi conto che il codice utilizzato è molto semplice e permette di visualizzare/nascondere i vari e punti di interesse inseriti nelle pagine, rendendo conseguentemente ancora più interattive le pagine.

Altra nota, l'utilizzo di file KML ben formati e sciluppati con Google Maps permette la visualizzazione di icone e "fumetti" contenenti dati e link ipertestuali di ogni punto di interesse inserito.

E' capitato recentemente e ci ho sbattuto un pò la testa, i caratteri accentati, correttamente presenti all'interno del database, venivano sostituiti nella fase di visualizzazione della pagina che li leggeva con dei quadratini!!!

Paura!! Che dare? Ho cercato un pò in rete ed ecco trovata la soluzione: è bastato inserire nella parte HEAD della pagina la definizione corretta "charset=iso-8859-1" al posto di "charset=UTF-8".

In particolare questa istruzione fornisce al browser il set di caratteri da utilizzare per interpretare i contenuti della pagina, Infatti il charset utilizzato per la corretta formattazione di documenti in italiano è ISO-8859-1 (Latin 1) che rappresenta il set di caratteri tipico dell'europa occidentale, tale charset contiene le lettere dell'alfabeto, i numeri, la punteggiatura e vari simboli tipici della nostra lingua e delle altre lingue dell'europa occidentale.

Se volete approfondire l'argomento

Ciao a tutti, sarà capitato a tutti voi di avere necessita di conoscere le caratteristiche hardware e software della macchina che ospita il vostro sito; semplicemente per curiosità o per poter configurare una connessione DNS-less o conoscere lo spazio macchina disponibile.

Ecco un file ASP trovato tempo fa su internet che una volta pubblicato nel vostro spazio web sicuramente vi aiuterà nel vostro intento.
Quindi scaricatelo da questo link, uplodatelo tramite FTP e ruchiamatelo tramite il vostro browser, e il gioco è fatto.

La necessità di scrivere una semplice formula matematica comprendente esponenti numerici o chimica pedici rappresenta spesso un problema per gli sviluppatori web, che aggirano il problema tramite l'uso di immagini rappresentanti l'intera formula, ottenendo di conseguenza ottenendo risultati di scarsa qualità difficilmente leggibili, ingrandibili o copiabili.

HTML ci mette a disposizione gli elementi sub e sup che racchiudono rispettivamente il pedice e l'apice.
potremo così scrivere: E = mc² oppure H₂O rispettivamente come E = mc² e H₂O

Grazie all'utilizzo di FCKEditor e all'integrazione dello stesso con le nostre interfacce web siamo ora in grado di offrire interfacce di aggiornamento on-line particolarmente intuitive e che permettono l'inserimento di testi formattati senza dover utilizzare codice HTML per impostare; colori e dimensioni dei testi, elenchi puntati, link, ecc.

Il nuovo sistema, tramite un semplice menù di controllo identico a quello utilizzato da Word, permette la gestione della formattazione rendendoti libero di personalizzare con semplicità i tuoi contenuti.

Sono sempre più convinto che gli utenti in internet restano più soddisfatti se oltre a trovare le informazioni richieste possono interagire con i contenuti ossia cliccare sulle pagine che visita; aggiungere interattività a queste ultime sarà la chiave del successo di molte applicazioni on-line; interagire, selezionare "giochicchiare" con le pagine permette all'utente di essere interattivo con le informazioni che gli offriamo, si sente quindi fruitore attivo e non relagato al ruolo di lettore delle nostre pagine.

Il web è sempre stato interattivo, ma per la sua stessa natura necessitava di rimandare l'utente da una pagina all'altra per fornirgli le risposte ricercate, ora nuovi strumenti ci permettono di aggiungere attività e interazione alle pagine senza doverle ricaricare ad ogni click, se vi dico che non sto parlando di Flash (che tra l'altro non ho mai amato molto), avrete capito che mi sto riferendo ad AJAX, combinazione di HTML, JAVA, XML, ecc.

Ve lo dico prima, sono un neofito, mi sto avvicinando solo ora al nuovo lunguaggio, ma mi affascina sempre più. Abbiamo provato ad implementarlo su alcune pagine degli ultimi siti realizzati (es. www.ateneocorsi.org) per filtrare le informazioni a disposizione degli utenti e sono rimasto stupito dalle potenzialità offerte. Credo che lo utilizzerò sempre più spesso! Purtroppo siamo alle prime armi e, forse a causa della libertà e mix di linguaggi utilizzati non ho trovato ancora una guida od un sito di riferimento, ma per cominciare vi consiglio il Framework di Adobe nomimato Spry