Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi...

23
Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Istituto Comprensivo di Gambolò Corso di Formazione Corso di Formazione Francesca Rebuffi Francesca Rebuffi Capire le Nuove Tecnologie Capire le Nuove Tecnologie Creare Creare un prodotto multimediale un prodotto multimediale modulo 8 modulo 8

Transcript of Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi...

Page 1: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Istituto Comprensivo di GambolòIstituto Comprensivo di GambolòCorso di FormazioneCorso di Formazione

Francesca RebuffiFrancesca Rebuffi

Capire le Nuove TecnologieCapire le Nuove Tecnologie

Creare Creare un prodotto multimedialeun prodotto multimediale

modulo 8modulo 8

Page 2: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: definizione

LIBRO TRADIZIONALE

Statico: oggetto completamente definito nel contenuto e nella struttura.

Accesso lineare alle informazioni.

Scarsa interattività.

IPERTESTO

Dinamico: oggetto capace di modellarsi in base alle scelte dell’utente, di essere completato e ampliato nel tempo con elementi multimediali

Accesso non sequenziale che consente di reperire in modo veloce le informazioni e decidere il livello di approfondimento.

Possibilità d’interazione e scambio comunicativo bidirezionale.

Page 3: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: COLLEGAMENTI

All’interno di un ipertesto esistono tre tipologie di

collegamenti = link

Collegamenti di navigazione• Pulsanti Avanti/Indietro• Torna alla Home Page• Pagina Informazioni• Mappa del Sito

Collegamenti di approfondimentoLink attribuiti ad una singola parola (hot word) o frase che rimanda a una pagina particolare

Collegamenti esterniPermette di collegarsi facendo click ad un sito InternetInserisci >> Collegamento Ipertestuale

Page 4: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: IPERMEDIA

Ipertesto Multimediale = Ipermedia

Alcuni collegamenti sono attribuiti ad elementi non testuali:

- immagini;- animazioni;- suoni;- brani musicali;- video/filmati.

Page 5: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: esempio

È ora di preparare l’albero di Natale:- fai click sul vaso per far comparire l’albero;

- ora posiziona le palline facendo click al centro dell’albero: conta…quante palline hai messo?

- adesso bisogna mettere la stella: fai click sulla punta dell’albero per proseguire.

EntraEntra

Page 6: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: esempio

Raccontiamo...

Disegniamo...

Cantiamo…

Page 7: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Il nostro spettacolo è stato bellissimo!!!Abbiamo iniziato con

un tradizionale canto di Natale……poi è arrivato Babbo Natale e ci ha portato tanti

regali e caramelle.

DAL TESTO ALL’IPERTESTO: esempio

Page 8: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: esempio

Ecco un bellissimo disegno che rappresenta Babbo Natale che, proprio durante la nostra festa è venuto a trovarci!!!

Page 9: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: esempio

So this is Christmasand what have you done another year overa new one just begunand so this XmasI hope you have funthe near and the dear onethe old and the young.A merry merry Christmasand happy New Yearlet's hope it's a good onewithout any fear.And, so this is Christmas (war is over)for weak and for strong (if you want it)for rich and the poor ones(War is over now)the road is so longand so happy Christmasfor black and for whitefor the yellow and red oneslet's stop all the fight.

A merry merry Christmasand happy New Yearlet's hope it's a good onewithout any fear.And, so this is Christmasand what have we doneanother year overa new one just begunand, so happy Christmaswe hope we have funthe near and the dear onethe old and the young.A merry merry Christmasand happy New Yearlet's hope it's a good onewithout any fear.(War is over if you Want it war is over now)

Vuoi ascoltare la canzone?Fai click qui...

www.johnlennon.com

Page 10: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: esempio

Questo Ipertesto è stato realizzato da:

Scuola Materna di Gambolò - Tromello

Dalle insegnanti

nome cognome, nome cognome,

nome cognome

Si ringrazia per la collaborazione

il maestro Gigi© 2002/2003

Scrivici... @@Scrivici... @@

Page 11: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DA DOVE SI PARTE? IL CONCEPT DEL PROGETTO

Il concept è la creatività prima della creatività: un’idea riassumibile in una frase, capace di generare un universo di cui questa frase è la promessa, la metafora comunicativa e di struttura.

www.nike.com

Just do itJust do it

agirere-agire

“farlo e basta!”

Page 12: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

STESURA DEL CONCEPT

Prima di organizzare i contenuti e il lavoro di sviluppo, è necessario definire:

- il target dell’utente;

- gli obiettivi del progetto;

- la metodologia di sviluppo

- la descrizione delle singole parti/sezioni

- la valenza comunicativa delle scelte cromatiche, del layout, dei collegamenti, etc...

Schema utile per la stesura del documento Concept in formato .doc

Schema utile per la stesura del documento Concept in formato .doc

Page 13: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Prodotto M

ultimed

iale

Prodotto M

ultimed

iale

STESURA DEL CONCEPT: aree concettuali

Area FormativaArea Formativa

Area IstituzionaleArea Istituzionale

Area DocumentativaArea Documentativa

Page 14: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

L’ORGANIZZAZIONE DEI CONTENUTI: FLOWCHART

Il flowchart individua la disposizione delle sezioni che compongono il prodotto multimediale e evidenzia le modalità di navigazione e i collegamenti tra le diverse sezioni.

È necessario definire sempre un PUNTO D’INGRESSO chiamato home page, preceduta da una Welcome Page (facoltativa) che introduce in modo più “coreografico” l’ipertesto; queste due pagine possono essere collegate anche tramite un link posizionato su un elemento grafico particolare o dalla scritta Entra.

È necessario rappresentare tutte le sezioni dell’ipertesto, evidenziando in particolare i collegamenti tra le “pagine”, tralasciando i collegamenti interni (hotwords).

Indicazioni utili per costruire la diapositiva con il Flowchart

Indicazioni utili per costruire la diapositiva con il Flowchart

Page 15: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

DAL TESTO ALL’IPERTESTO: definizione

LIBRO TRADIZIONALE IPERTESTO

Copertina Welcome Page

Indice Home page

Capitoli - Testi Pagine Interne

Immagini Animazioni audio - video

Bibliografia

Biografia dell’autore Pagine di approfondimento

Glossario

Page 16: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

L’ORGANIZZAZIONE DEI CONTENUTI: FLOWCHART

Home PageRaccontiamo…Disegniamo…Cantiamo...

Raccontiamo Cantiamo

Welcome PageIl Nostro Natale

Disegniamo

Informazioni

Page 17: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni

Organizzazione grafica di diversi elementi, tra i quali:

- testo (uniformità di carattere e dimensione)- immagini- barra di navigazione- scelte cromatiche dei link, delle parole importanti (titoli, nomi propri, etc...)

Page 18: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

[email protected]

Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire.

Pagina precedente HOME Pagina successiva

L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni

Page 19: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire.

Pagina precedente HOME Pagina successiva

[email protected]

HOME

L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni

Page 20: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire, Testo da inserire Testo da inserire.

<< HOME >>

@

L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni

Page 21: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

L’ORGANIZZAZIONE DELLE ATTIVITÀ: STORYBOARD

Lo storyboard è il documento che contiene la descrizione dettagliata del prodotto multimediale.

- numero delle pagine- numero delle immagini- risorse testuali- link esterni da segnalare

Contiene inoltre la descrizione di ogni pagina:- formato del testo e fonte- numero delle immagini e formato- scelte cromatiche- annotazioni dell’autore

Indicazioni utili per la stesura dello Storyboard in formato .doc

Indicazioni utili per la stesura dello Storyboard in formato .doc

Page 22: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

Anno scolastico 2002/2003

L’ORGANIZZAZI ONE DEI CONTENUTI: Layout grafico

Testo da inserire, Testo dainserire Testo da inserire,Testo da inserire Testo dainserire, Testo da inserireTesto da inserire.

<< HOME >>

@

L’ORGANIZZAZIONE DELLE ATTIVITÀ: STORYBOARD

TESTO: digitalizzato in formato .doc da inserire in formato Times New Roman 10 corsivo

IMMAGINI: 3 digitalizzate da ridurre con cornice nera di spessore 2,5 pt

E-MAIL: [email protected] !!da inserire in ogni pagina!!

LINK: sempre blu sottolineate

BARRA DI NAVIGAZIONE da posizionare in basso al centro: << pag precedente in rosso;<< pag successiva in verde;icona HOME da inserire sempre al centro

Page 23: Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi Capire le Nuove Tecnologie Creare un prodotto multimediale.

Anno scolastico 2002/2003

L’ORGANIZZAZIONE DELLE ATTIVITÀ: PLANNING

Dopo aver definito lo storyboard è possibile redigere il planning delle attività che mette in relazione:

attività/risorse umane/tempo/totale

Indicazioni utili per la stesura del Planning in formato .xls

Indicazioni utili per la stesura del Planning in formato .xls