Istituto Palladio

Programma 2010/2011
Classi prime
The perfect workingflow
La progettazione presentata sarà un estensione e un approfondimento del corso che
Federico Andreoli ha presentato precedentemente alle classi prime.
Il flusso di lavoro perfetto, come si approccia ad un lavoro, come si utilizzano gli strumenti
e sopratutto da dove cominciare. Tutto questo verrà affrontato nel corso “The perfect
working flux”, dove gli studenti andranno a creare un lavoro, avendo il professore come
committente.

Presentazione e verifica dei temi trattati - 2 ore

Cosa avete fatto fino ad ora?

L’incontro con il cliente - 4 ore

Il briefing
Le 4W e 1 H
Come organizzare le informazioni
La ricerca di reference

La scelta del team - 4 ore

Separare le aree di competenza
Scegliere i fornitori
Compattare il team
Effettuare il briefing
Scegliere gli strumenti
Determinare le scadenze
Costruire una strategic ladder
La preflight checklist

Cominciare dall’IA - 4 ore

Che cos’è l’Architettura dell’Informazione
Organizzare i contenuti
Il berrypicking
La serendipità
Il ritmo visivo
Il prototyping

Il prototyping - Uno strumento necessario - 4 ore

Modelli di prototyping
Strumenti per effettuare il prototyping
Applicare l’IA al prototipo
Analizzare i vari step prototipali
L’agile development

Anche l’occhio vuole la sua parte - 4 ore

Trasformare il prototipo in grafica
Determinare gli spazi
La ricerca dello stile
Il ritmo grafico
Less is more

Classi seconde
Advanced HTML
Il corso si focalizzerà sul linguaggo HTML e Javascript, specificatamente approfondendo il
suo uso più corretto in rispetto agli standard W3C

Cosa sapete - 2 ore

Fino a dove siamo arrivati con l’html

Starting up - 4 ore
Cos’è il W3C
I Doctype HTML
Le versioni dell’HTML
Validare un codice html
I namespaces

HTML avanzato I - 4 ore

Lavorare senza tabelle
La struttura della pagina
Tenere il codice pulito
Il commento è importante

HTML avanzato II - 4 ore

Gli elementi poco utilizzati, ul, li, fieldset
Posizionamento dei nuovi elementi
La semantica nella pagina internet
Google è un non vedente

Progettazione sito web

Devo allinearmi con il grafico
Progettazione Mobile iPad, iPhone
Il corso approfondirà le conoscenze necessarie allo sviluppo di un sito internet per un
dispositivo mobile

Cos’è il mobile - 4 ore

L’evoluzione dei device
Cosa vuol dire creare per mobile
I dispositivi mobili
Cool challenges
I frameworks

Sviluppare una strategia mobile - 4 ore

Forget what you think you know
Believe what you see, Not what you read
Focus on Context, goals and needs
You can not support everything
dont convert, create
keep it simple

Prototypare un sito mobile - 4 ore

Mobile size and scope
Limitazioni e vantaggi
Right device for the right task
Strumenti per disegnare prototipi mobile
Disegnare per il mobile

Sviluppare il mobile - 4 ore

Tecniche di sviluppo mobile
Accorgersi quando un sito è visto da un dispositivo mobile
L’html mobile
Il css mobile

Interagire con il device - 4 ore

Scelta delle interazioni
L’importanza dello user testing
Deploy del progetto

Classi terze
Javascript
Javascript avanzato I - 4 ore
Lo scripting ad oggetti
Le librerie Javascripts
jQuery
Dom parsing

Javascript avanzato II - 4 ore

Cos’è ajax (senza connessione al db)
Metodi di chiamata ajax
Costruire un interazione ajax fra pagine
Passare i parametri
Esercitazione

Javascript avanzato III - 4 ore

DHTML
Utilizzare jQuery per le animazioni
I vantaggi del DHTML
Gli svantaggi del DHTML
Esercitazione

Advanced CSS Grid Systems - A deeply view

Workshop diviso in due sezioni, una discorsiva (1 ore) e una più pratica (3 ore), per un
totale di 4 ore. Si andrà a spiegare ai ragazzi che cosa sono le griglie CSS e che vantaggi,
svantaggi portano.
● What is a CSS grid system
● The new CSS grid system
● Using CSS grid systems for prototyping
● Why use a CSS grid system
● Fluid or fixed
● Optimizing browser vieport
● Most used CSS grid
● Implementing the 960gs grid System
● Coding a CSS grid
● The grid element
● The push directive
● The pull, prefix and suffix directive
● Exercise

Advanced Web typography - New trends

Workshop di quattro (4) ore molto discorsive in cui si vuole far conoscere ai ragazzi la
tipografia sul web, che tecniche utilizzare per usare fonts non convenzionali sui nostri siti
internet.
● Web standard fonts
● Beautifully standard
● Flash based fonts replacer
● @font-face
● Flash based fonts replacer
 ● Using flash based fonts replacer
● Javascript font replacer
● Using javascript fonts replacer
● Usinge embedded fonts
● Google font library
● Fontsquirrel

MVC Frameworks - Patterns e metodologie -> 2 - Marzo

Workshop di due (2) ore molto discorsive in cui si vuole far capire e comprendere il nuovo
approccio Model-View-Controller dei siti e delle applicazioni web.
● What is a Framework
● MVC Pattern
● Most used Frameworks
● Scalability and implementations

MVC Frameworks - Applicazione tecnologia -> 4 ore - Marzo

Workshop di due (2) ore molto discorsive in cui si vuole far capire e comprendere il nuovo
approccio Model-View-Controller dei siti e delle applicazioni web.
● Setting up a Codeigniter Framework
● Configuration file
● Connecting to a database
● The great user guide
● Setting up a model
● Exporting data into the view
● Styling the site
● Useful libraries
● Exercise

Progettazione Mobile iPad, iPhone -> Marzo

Il corso approfondirà le conoscenze necessarie allo sviluppo di un sito internet per un
dispositivo mobile. Approfondimento MVC Technologico.

Cos’è il mobile - 4 ore

L’evoluzione dei device
Cosa vuol dire creare per mobile
I dispositivi mobili
Cool challenges
I frameworks

Sviluppare una strategia mobile - 4 ore

Forget what you think you know
Believe what you see, Not what you read
Focus on Context, goals and needs
You can not support everything
dont convert, create
keep it simple

Prototypare un sito mobile - 4 ore

Mobile size and scope
Limitazioni e vantaggi
Right device for the right task
Strumenti per disegnare prototipi mobile
Disegnare per il mobile

Sviluppare il mobile - 4 ore

Tecniche di sviluppo mobile
Accorgersi quando un sito è visto da un dispositivo mobile
L’html mobile
Flash non esiste
Il javascript mobile
Webkit mobile framework

Interagire con il device - 4 ore

Scelta delle interazioni
L’importanza dello user testing
Deploy del progetto

Progettazione Wordpress
La progettazione intende far capire agli studenti le potenzialità di uno strumento come
wordpress, da utilizzare come cms o come base per un sito dinamico.

Cos’è wordpress - 2 ore

Cos’è wordpress
Il CMS
I prerequisiti di sistema
L’installazione

Scoprire wordpress - 4 ore

La struttura di wordpress
Dove posizionare i temi e come attivarli
Dove posizionare i plugin e come attivarli
La cartella degli uploads
Esercitazione