Il mio lavoro al MediaShow di Melfi 2008

Nel precedente post vi ho parlato del MediaShow e di quello che è successo durante i tre giorni a Melfi.
Ora per chi fosse interessato, linko il lavoro che ho fatto durante le 8 ore di olimpiade.

Ecco qui! Spero vi piaccia.

Dom e Javascript

Cosa è il DOM?
DOM è un acronimo che sta per Document Object Model ed in linea di massima descrive come è costituita una pagina web o una pagina strutturata (XML, HTML o markup simili).
Javascript ci offre una serie di strumenti per modificare la composizione di una pagina HTML.
Cosa? Non ci credete? Si, è così, Javascript può aiutarci a trasformare quelle che ci sembrano pagine statiche in pagine dinamiche ed interattive.
Applicandoci un po’ potremo addirittura creare vere e proprie applicazioni web mono-pagina, avrete sentito già parlare di queste tecniche sotto il nome di AJAX.
Ebbene il DOM e Javascript sono alla base delle tecniche AJAX (Asynchronous Javascript and Xml).

Cosa ci permette di fare il DOM?
Con il DOM si può modificare qualsiasi cosa di una pagina web: dagli stili (CSS) applicabili ad un tag ai suoi attributi, dal suo contenuto alla sua posizione nella pagina.

Requisiti
Per poter comprendere questa mini-guida bisogna avere delle basi di Javascript e Html o di altri linguaggi di markup

Recuperare gli elementi dal DOM
Per recuperare un determinato elemento in una pagina, si ricorre al suo ID cioè all’atributo “ id = “ che inseriamo quando costruiamo la pagina.
Javascript ci offre una funzione per recuperare questi elementi:

var element = document.getElementById(’id’);

Dove ‘id’ è l’identificativo assegnato al TAG HTML da noi voluto.

Impostare e leggere gli attributi dell’elemento
Una volta recuperato l’elemento, possiamo leggere o scrivere i suoi attributi (class,href,src,width,size,value) mediante i metodi

element.getAttribute( ‘nome_attributo’ );

e

element.setAttribute( ‘nome_attributo’ , valore );

Modificare il contenuto di un elemento
Per modificare il contenuto di un elemento basta usare l’attributo innerHTML in questo modo

element.innerHTML = “nuovo contenuto dell’elemento element”;

Ovviamente il contenuto si potrà modificare solo a determinati tag (così come anche gli attributi) .

 

 

Piccola prova pratica
Ed ecco un “riassunto” di quanto detto finora per farvi comprendere la semplicità d’uso del DOM.

Con questo esempio introdussi l’argomento al mio amico RobyConte durante la pausa pranzo del BarCamp:

 

<script language=”JavaScript”>

function addRow(text)
{
var testo = document.getElementById(’testo’);
testo.innerHTML += text+”<br />”;
}

</script>

<a href=”javascript:addRow(’Nuova riga’)” >Aggiungi una riga</a><br />
<div id=”testo”><div>

 

 

 

PHPEclipse, un IDE PHP per Linux su Ubuntu!

E’ da una settimana oramai che uso senza sosta Ubuntu e come programmatore PHP, ho sentito da subito i miei bisogni di un software che potesse aiutarmi nella scrittura del codice o almeno renderla più piacevole dell’usare editor semplici (scrivere PHP è sempre divertente in ogni occasione, mi divertirei anche se usassi VI).

Dopo varie ricerche, mi sono imbattuto in quello che secondo me, è il miglior editor PHP (è proprio un ambiente altro ke editor!!!) per Linux cioè PHPEclipse. Infatti da subito, ho notato la comodità e la qualità delle funzioni di autocompletamento ed evidenziazione del codice.

PHPEclipse non è altro che la versione PHP del famoso editor per javascript Eclipse.

Una guida in italiano su come installarlo su Ubuntu è presente qui.

Un grosso abbraccio a tutti gli sviluppatori PHP ed un grazie agli sviluppatori di phpeclipse.

Symfony: il framework PHP5

Eccomi qui per presentarvi il famoso framework per applicazioni web Symfony.

 

Questo framework, nato da un idea Sensio, è un insieme di pacchetti e di applicazioni che facilitano lo sviluppo di applicazioni web. Nativo con implementazione PHP5, Symfony è capace di crearci con pochi click un completo pannello di amministrazione per la nostra applicazione web.