Il documento riguarda un corso di aggiornamento sulla progettazione di siti web, condotto da Anna Rita Colella con un gruppo di 15 allievi. Viene dettagliato l'approccio metodologico, le risorse utilizzate e le fasi del progetto, evidenziando le competenze necessarie per la realizzazione di un sito e le osservazioni sul lavoro degli studenti. Infine, si discutono aspetti positivi e problematici del corso, suggerendo l'integrazione del progetto nella programmazione didattica.

1. Area scientifico-tecnologica
Disciplina: Informatica - Tecnologie Web e Multimediali
Docente Corsista: Anna Rita Colella
Tutor: Alberto Stefanel
Anna Rita Colella
1
Corso aggiornamento PSOF 2011-2012

2. 2
ITC ZANON UDINE
Amministrazione
e Controllo
Comunicazione
8 e Marketing
5
Mercurio
Data sperimentazione: 24 marzo 2012
Numero totale allievi: 15
Gli allievi provengono da corsi in cui lo studio della disciplina è previsto in maniera
più o meno approfondita
Anna Rita Colella
2
Corso aggiornamento PSOF 2011-2012

3. Attuazione del PSOF
• Presentazione del problema
• Presentazione delle risorse
• Fasi successive: 1 individuale e 2 di gruppo.
Per ogni fase agli allievi è stato consegnato un
foglio con le specifiche
• Valutazione dell’esperienza
Il PSOF ha avuto luogo in un laboratorio
informatico dotato di rete Internet e di LIM
Anna Rita Colella
3
Corso aggiornamento PSOF 2011-2012

4. Il Problema
Sei stato contattato per progettare la pagina
Web di un sito commerciale (negozio on line).
Da dove cominci?
Anna Rita Colella
4
Corso aggiornamento PSOF 2011-2012

5. Le Risorse
•Testi:
Principi di Web Design, Joel Sklar, Apogeo
Tesina informatica su come si costruisce un sito
•Siti:
http://www.demetriopolimeno.com (sito di un web designer)
http://www.w3schools.com/ (tutorial)
http://webdesign.html.it/guide/lezione/4890/mappe-dei-contenuti-e-wireframe/
(come realizzare mappe dei contenuti)
http://webdesign.html.it/articoli/leggi/3298/creare-il-mockup-del-sito-nel-
browser/2/ (come realizzare un mockup del sito)
http://www.usabile.it/012000.htm
•Tools:
Notepad++
TopstyleLite
CssFreeTemplate
Anna Rita Colella
5
Corso aggiornamento PSOF 2011-2012

6. Aspetti epistemici nel PSOF proposto
• La progettazione di un sito web, in base ad una
metodologia informatica, si compone delle seguenti fasi:
– Analisi dei requisiti: capire le esigenze del committente e
definire il target del sito, fare una analisi competitiva con gli
altri siti di tipo commerciale, definire gli scenari, i casi d’uso e
le funzionalità che deve avere il sito (dinamico o statico)
– Progettazione concettuale: saper esplicitare i requisiti e
organizzarli (dare una struttura logica in base all’ordine in cui
ci si aspetta che i contenuti siano fruiti dagli utenti del sito)
– Scelte stilistiche e di implementazione (accessibilità,
conformità agli standard e ai protocolli dei linguaggi del web)
Anna Rita Colella
6
Corso aggiornamento PSOF 2011-2012

7. Caratteristiche orientanti della
disciplina nel PSOF proposto
• La progettazione di un sito web comporta la
sinergia tra abilità eterogenee:
– conoscenza di strumenti informatici
– conoscenza dei principi di accessibilità e usabilità
– conoscenza di tecniche di comunicazione e marketing
– creatività, senso estetico
– capacità di saper cooperare con altre figure
– conoscenza della lingua Inglese
Anna Rita Colella
7
Corso aggiornamento PSOF 2011-2012

8. Osservazioni sul lavoro degli
studenti
Anna Rita Colella
8
Corso aggiornamento PSOF 2011-2012

9. Osservazioni sul lavoro degli
studenti
Anna Rita Colella
9
Corso aggiornamento PSOF 2011-2012

10. Osservazioni sul lavoro degli
studenti
In due gruppi è prevalso un
leader che ha imposto la
propria soluzione. Nei
rimanenti gruppi si è discusso
in maniera propositiva e si
sono suddivisi i compiti
Anna Rita Colella
10
Corso aggiornamento PSOF 2011-2012

11. Analisi dei prodotti degli studenti
in relazione agli aspetti epistemici
Come sono state utilizzate il problema?
Come è stato affrontato le risorse?
14 16
12 14
12
10
10
8 8
6 6
4
4
2
2 0
Testi siti Lingua italiana Tools
0
Analitica/teorica Pratica/operativa
Anna Rita Colella
11
Corso aggiornamento PSOF 2011-2012

12. Analisi dei prodotti degli studenti
in relazione agli aspetti epistemici
Scelta Stilisticaconcettuale
Progettazione
Analisi dei requisiti
4.5 14
4
12
3.5
3 10
2.5
8
2 8
1.5 6
6
1
0.5 4
4
0
2
2
Aspetti di marketing? Riflessione a livello Elementi di Analisi dei costi del Aspetto della
0
0
funzionale? personalizzazione e di sito? funzionalità
usabilità? dell’informazione
Sono stati presi per la
linguaggi in considerazione i problemi scenari di Utilizzo di tools dei protocolli
Costruzione degli Si fa un utilizzo appropriato per la
rispetto al committente
formalizzazioneall’accessibilità? utilizzo del sito
legati dei dati schematizzazione dei dati
standard? e/o rispetto a colui che
fruisce?
Anna Rita Colella
12
Corso aggiornamento PSOF 2011-2012

13. L’assemblea
1. Aspetti orientanti della disciplina
16
14
12
10
8
6
4
2
0
utile imparare cose imparare a capire le orientarsi mettere in
nuove rapportarsi in proprie abilità verso la pratica le
un gruppo disciplina conoscenze
già acquisite
Anna Rita Colella
13
Corso aggiornamento PSOF 2011-2012

14. Conclusioni
• Aspetti positivi:
motivazione degli allievi
• Aspetti problematici:
poco tempo per progettare i PSOF all’interno della normale
attività didattica
• Proposte relative al Piano di orientamento di
Istituto:
l’ideale sarebbe prevedere PSOF nella programmazione
didattica della classe 5^ con tempo dedicato all’orientamento
(ad es. una 3 giorni dedicata ad attività di PSOF, colloqui e test)
in concomitanza con eventi mirati (salone dello studente,
Young)
Anna Rita Colella
14
Corso aggiornamento PSOF 2011-2012