V.1 Progettazione Multimediale – 1 Progettazione multimediale Linterfaccia.
Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi...
-
Upload
angioletta-donato -
Category
Documents
-
view
219 -
download
1
Transcript of Anno scolastico 2002/2003 Istituto Comprensivo di Gambolò Corso di Formazione Francesca Rebuffi...
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
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.
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
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.
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
Anno scolastico 2002/2003
DAL TESTO ALL’IPERTESTO: esempio
Raccontiamo...
Disegniamo...
Cantiamo…
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
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!!!
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
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... @@
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!”
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
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
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
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
Anno scolastico 2002/2003
L’ORGANIZZAZIONE DEI CONTENUTI: FLOWCHART
Home PageRaccontiamo…Disegniamo…Cantiamo...
Raccontiamo Cantiamo
Welcome PageIl Nostro Natale
Disegniamo
Informazioni
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...)
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
L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni
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
HOME
L’ORGANIZZAZIONE DEI CONTENUTI: Layout grafico delle sezioni
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
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
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
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