Mootools è un framework di sviluppo object oriented modulare per javascript. I vantaggi principali nell'utilizzo di tale "libreria" sono quindi quelli che si hanno nel passare dalla programmazione procedurale a quella ad oggetti ma non solo. Mootools offre una quantità enorme di classi (appunto) già pronte e (attenzione attenzione) cross-browser che rendono la stesura di codice javascript molto più agevole, veloce ed intuitiva e permettono l'utilizzo di effetti grafici efficaci ed efficenti.
Una volta presa dimestichezza con il modo di pensare, con la sintassi e le classi principali di Mootools, sarà un gioco da ragazzi (sempre relativamente XD) creare richieste Ajax, effetti da "wow!" e, cosa più importante di tutte (molti diranno di no, ma è così), definire classi ed istanziare oggetti nelle creazione delle nostre web application (ho scritto web application e non siti web non a caso).
Tendo a sottolineare che chi scrive non è un esperto del settore, nè un esperto in nulla, ma solo uno studente di ingegneria informatica (non ancora laureato tra l'altro) che sta scoprendo un mondo di tecnologie nuove, le sta studiando ed ha voglia di condividere i suoi studi.
Iniziamo con i link utili.
Sul sito ufficiale Mootools.net è possibile scaricare la libreria in vari formati includendo magari solo i moduli necessari alle nostre esigenze (ricordiamoci infatti che tutto andrà a finire sul client ed è buona norma alleggerire il più possibile le nostre pagine). Sempre sul sito ufficiale troviamo una reference guide molto dettagliata e ben fatta.
Il mastodontico e onniscente Html.it presenta una percorso dettagliato e fondamentale per l'apprendimento qui.
La cosa forse indispensabile per realizzare (in generale) pagine web dinamiche è utilizzare firefox con il suo plugin firebug; se ancora non lo avete istallato fatelo immediatamente, è un ordine! XD
Ah, non vi ho detto che il creatore di Mootools si chiama Valerio Proietti e che (come molti furboni avranno capito, volponi!) è italiano.
Inoltre non vi ho detto che cosa significa Mootools, beh My Object Oriented Tools.
Sempre per curiosità vi consiglio di leggere l'intervista che html.it ha fatto al creatore di questo strumento straordinario.
Ecco quindi tutti i capitoli del nostro viaggio.
Il pane quotidiano
Si tratteranno le funzioni indispensabili a qualsiasi uso di mootools e il tipo nativo Element.
Lavoriamo con gli Element
I metodi principali per istanziare, manipolare ed eliminare Element.
Il costruttore Class
Vedremo come definire, istanziare ed estendere classi javascript grazie a mootools.
Gli eventi
Scateniamo, definiamo e associamo nuovi e catastrofici eventi alla nostra pagina XD.
Effetti grafici
Una panoramica generale sugli effetti che mootools ci rende pronti per essere utilizzati.
Creiamo richieste asincrone - AJAX con Mootools
Utilizzo della classe Request.HTML che rende AJAX semplice da utilizzare.
Costruttori nativi
Brevissima panoramica sull'utilizzo dei costruttori nativi quali Array, Hash e String.
sabato 18 aprile 2009
Mootools - Introduzione al framework - Sommario dei tutorial
lunedì 6 aprile 2009
Terremoto in Abruzzo
Stanotte farò molta fatica a dormire e quindi ecco un piccolo ma dovuto off topic. L'Aquila, la città che ha donato a tutto il nostro gruppo (e a tantissimi altri studenti) anni ricchi di esperienza, divertimento e conoscenza è stata colpita da una tragedia. Quindi non posso che esprimere la mia vicinanza ai parenti delle vittime della furia della natura e a tutte le famiglie rimaste senza nulla che passeranno la notte senza un tetto sulla testa. Mentre scrivo ho sentito un'altra scossa, non so se vera o immaginaria(sono ad Avezzano e la cittadinanza è colpita da un terrore che mi ha pervaso nonostante cercavo di resistere) non oso neanche immaginare cosa stanno provando tutti gli sfollati ora.
Posso quindi segnalarvi alcune delle gare di solidarietà che tentano di donare un sorriso alle facce stanche e addolorate dei cittadini aquilani e abruzzesi.
-Le compagnie di telefonia mobile italiane, d'intesa con il Dipartimento della Protezione Civile, hanno attivato la numerazione solidale 48580 per raccogliere fondi a favore della popolazione dell'Abruzzo gravemente colpita dal terremoto. Ogni Sms inviato contribuirà con 1 euro, che sarà interamente devoluto al Dipartimento della Protezione Civile per il soccorso e l'assistenza. Sarà possibile anche donare 2 euro attraverso chiamata da rete fissa di Telecom Italia, utilizzando lo stesso numero: 48580. Il Dipartimento della Protezione Civile fornira' tutte le indicazioni sull'utilizzo dei fondi raccolti
-MEDIAFRIENDS
Terremoto in Abruzzo
per donazioni tramite bonifico bancario:
Conto Corrente intestato a: Mediafriends
IBAN: IT41 D030 6909 4006 1521 5320 387
Causale: terremoto Abruzzo
-CORRIERE DELLA SERA
“Un Aiuto subito per L’Abruzzo”
BONIFICO BANCARIO:
Intesa-San Paolo, ABI 3069, CAB 05061, conto corrente n. 1000/144, intestato a: “Un aiuto subito – Terremoto dell’Abruzzo”.
Cod. IBAN: IT 03 B 03069 05061 100000000144
VERSAMENTI CON CARTE DI CREDITO
(CartaSì, MasterCard, Visa, American Express)
Numero Verde di Cartasì: 800 317800 (da alcuni cellulari è necessario digitare il 12 prima del numero)
Dall’estero: 02 34980235
Tenere la carta di credito a portata di mano e seguire le istruzioni del sistema.
-SKY
SKY Per l’Abruzzo
Versamento sul conto:
IBAN IT 22 O 03226 01606 000500074972
Grazie.
domenica 5 aprile 2009
Creazione componenti in Joomla - Tutorial, presentazione, ed esempio
La creazione di componenti in Joomla! richiede passaggi non molto intuitivi e senza una buona documentazione è difficile capire come fare.
Vi mettiamo in allegato la presentazione di una lezione-seminario tenuta dal nostro coetaneo dott. Stefano Giuliani. Stefano ha svolto una interessante tesi di laurea sfruttando Joomla! per creare un servizio online di appoggio a ricercatori e professori delle varie facoltà d'Italia. In questa tesi come in un'altro progetto nel quale siamo stati coinvolti anche io ed Emilio è stato necessario creare componenti Joomla ad-hoc per l'applicazione da realizzare. Nella cartella allegata è presente una presentazione PowerPoint che spiega l'architettura da rispettare, un esempio di componente ed un video. Ringraziamo Stefano per averci fornito questo materiale. Stiamo anche tenendo in considerazione la redazione di un paio di articoli proprio sullo sviluppo in Joomla, in particolare sull'utilizzo di Ajax. Stay Tuned!
Download
giovedì 26 marzo 2009
Tutorial, brushes, pattern e immagini vettoriali per Adobe Photoshop e Illustrator - 10 risorse online
Tutti sappiamo che l'utente finale delle applicazioni che creiamo giudicherà quest'ultime in primis per la grafica che presentano.
Dopo aver rinvigorito il layout del blog vi posto quindi 10 tra i siti che ho trovato per prendere un pò la mano con Adobe Photoshop ed Illustrator. Questi siti contengono non solo tutorial per creare grafiche eccezionali ma anche risorse (gratuite e non) come brushes, pattern e disegni vettoriali già pronti. Penso che questo post sia utile anche a chi vuole avvicinarsi al mondo della grafica computerizzata e non sa come iniziare. Attenzione, questa non è una classifica, l'ordine è casuale.
1. PsdTuts+
PsdTuts+ fà parte del network Tuts+. I tutorial proposti sono di alta qualità in quanto i relatori sono pagati abbastanza per ogni tutorial($150 a post e non è necessario essere dentro al network per presentare un post). Nelle sezioni freebies del sito sono disponibili set da scaricare di brushes, pattern e background.
2. VectorTuts+
Stesso discorso del fratello PsdTuts+ ma riguardo grafica vettoriale
3. Webdesigner Depot
Fondamentalmente un sito sul web design nel quale si possono trovare molti articoli utili per trovare un'ispirazione.
4. Best PhotoShop Tutorials
Qui possiamo trovare un'infinità di tutorial e Brushes per Photoshop.
5. Smashing Magazine
Un magazine di web design con risorse e tutorial per grafica ma anche per programmazione lato server e lato client.
6. Vectors
Fonte molto fornita di immagini vettoriali gratis da scaricare ed utilizzare in Illustrator. Notevole la divisione in categorie che rende la ricerca molto più agevole.
7. PSHero
Anche qui parliamo di photoshop e web design.
8. 1stwebDesigner
Un ragazzo di venti anni che gestisce un ottimo sito con molti tutorial per photoshop.
9. Naldz Graphics
Raccolta di tutorial per photoshop, presenta post su raccolte di font.
10. DaFonts.com e UrbanFonts.com
Non c'entrano nulla con Photoshop e Illustrator ma presentano centinaia di fonts divisi in categorie, indispensabili per creare loghi ed illustrazioni originali.
domenica 25 gennaio 2009
Di nuovo online!
Questo è un post che rassicurerà tutti i nostri lettori ( XD ), siamo ancora vivi e torniamo online alla grande.
Nello svolgere i progetti di ingegneria del software e programmazione per il web stiamo portando avanti due progetti. Il primo, M3, vi era stato già presentato e, dopo un'attenta ri-progettazione secondo le norme dell'ingegneria del software, è quasi arrivato alla fase di testing che comincerà appena presentato il progetto all'esame.
M3 è un software realizzato in modo da rendere agevole e veloce la gestione del magazzino di piccole aziende quali alimentari e negozi. Se siete interessati a vedere una prima release del nostro prodotto o a commissionarci una versione specifica per la vostra attività vi preghiamo di contattarci (inserire un commento al post non richiede registrazione).
Per gli sviluppatori in erba interessati allo sviluppo di funzionalità per un software gestionale quale M3, posteremo a breve tutorials che guideranno passo-passo nell'implementazione di funzioni quali l'interfacciamento di java con mysql o la realizzazione di interfacce grafiche con java.
Il secondo progetto rappresenterà (forse) il nostro cavallo di battaglia. Il suo nome è Desk!theWay (deskdewuei XD)e si può inserire nella categoria dei social bookmarking services. L'utente che si iscrive ha a disposizione un "desktop" online nel quale inserire ed organizzare i propri segnalibri. Il servizio presenta anche funzionalità di application server e a questo livello stiamo lavorando per poter rendere la vita facile agli sviluppatori esterni di applicazioni.
Il servizio è ancora in fase (mega)-alpha quindi presenta ancora molti bugs. Abbiamo però deciso di metterlo online sul servizio di hosting gratuito altervista.org per vedere come si comporta l'applicazione su un server online.
Le feature già implementate sono:
-aggiunta e gestione (eliminazione e organizzazione ad icone) dei segnalibri;
- plugin per mozilla firefox (che attualmente è l'unico browser completamente supportato), mancano ancora funzionalità di ricerca ma è possibile aggiungere segnalibri dal plugin.
- lettore di video youtube: quando un utente salva un segnalibro riguardante youtube, quest'ultimo può scegliere se entrare direttamente nel sito youtube oppure far leggere il video sul desktop trascinando la relativa icona sull'applicazione (per ora in basso a destra sul desktop).
-lasciata aperta agli sviluppatori la prospettiva per la creazione di applicazioni in php, flash e jsp che ogni utente potrà visualizzare in maniera agevole ed intuitiva.
Questo progetto ha il duplice scopo di organizzare in modo indipendente dal sistema operativo tutti i segnalibri e le risorse che gli utenti della rete utilizzano usualmente, nonchè di agevolare lo sviluppo di applicazioni online.
Il servizio è accessibile qui.
Ricordiamo che il servizio è in fase di testing aperta, aspetti quali la grafica o l'ottimizzazione delle interfacce non sono stati trattati con la massima cura, saremmo molto felici di ricevere suggerimenti ed impressioni sul progetto.
visite dal 24.11.2008
