Progetto web e multimedia classi prime a.s. 2015/2016
Il progetto – compiti e scadenze Compito Scadenza 1AB 1BI 1AL 1AI 1 Scegliere un argomento e stilarne una prima bozza (su carta) 19/03 12/03 17/03 16/03 2 Realizzare il progetto utilizzando Microsoft Word o un analogo programma di scrittura 9/04 2/04 6/04 3 Trasposizione del progetto in html 23/4 20/4 4 Scelta e implementazione di materiali multimediali 7/5 4/5 5 Consegna del progetto finito su cd/usb corredato di un documento di progetto 21/05 25/05
Prima fase – Realizzazione di un ipertesto Utilizzando Microsoft Word o un analogo programma di scrittura, realizzare un ipertesto su argomento a piacere. Utilizzare a tale scopo, a seconda delle necessità, link: Esterni, verso altri documenti (es. presentazioni ppt, pdf, video, mp3,…) Esterni, verso pagine Web esistenti Interni al documento stesso L’ipertesto deve consistere di almeno 3 facciate/pagine a persona, e deve contenere almeno 3 collegamenti ipertestuali. Verificare che, da ciascuna pagina visualizzata, sia possibile tornare al menù principale o sia comunque possibile proseguire la navigazione verso altre pagine del progetto stesso.
Seconda fase – html Nella seconda fase di progetto, è richiesta la trasformazione di quanto fatto in pagine html. A tal fine, è necessario utilizzare i tag e la sintassi proprie di tale linguaggio. Il progetto html deve utilizzare i tag base del linguaggio html: <head> e <body> <a href=...> per i collegamenti ipertestuali <src img=…> per l’inserimento di immagini <h1> <h2> …. Per la formattazione dei titoli <div> e <p> per la suddivisione in paragrafi
Corrispondenza docx/html .docx o .odt html Intestazione <head>…….</head> Corpo del documento <body>…….</body> Nuovo paragrafo A capo <p>……</p> <br> Collegamento ipertestuale <a href=«PERCORSO_DEL_FILE/LINK_WEB»> </a> Immagine Dimensione immagine (in pixel o percentuale) <img src=«PERCORSO_IMMAGINE»> width=LARGHEZZA height=ALTEZZA Titolo1 <h1> TITOLO PRINCIPALE </h1> Titolo2 <h2>TITOLO PARAGRAFO</h2> Titolo3 <h3>TITOLO SEZIONE</h3> Allineamento paragrafo/immagine/testo align=center/left/right Testo grassetto o corsivo <b>GRASSETTO</b> <i>CORSIVO</i>
Terza fase- documenti multimediali A supporto delle attività di progetto, è possibile inserire del materiale multimediale di arricchimento del sito stesso. Ad esempio: video tutorial, presentazioni, mappe concettuali, … Suggerimenti: MindMup (https://www.mindmup.com/ ) – strumento online per la creazione e la condivisione di mappe concettuali Screencast-O-Matic (https://screencast-o-matic.com ) – strumento per la creazione di video tutorial ePubEditor (http://www.epubeditor.it/ )– strumento per la creazione di e-book Prezi (https://prezi.com/ )– strumento online per la creazione di presentazioni particolari
Strumenti di supporto Nella realizzazione del progetto, specialmente se di gruppo, potete avvalervi di strumenti di collaborazione Cloud per la memorizzazione online nonché per la condivisione e modifica di file quali ad esempio Google Drive o Dropbox. Ciascuna fase del progetto dovrà essere accompagnata dalla stesura di una relazione (utilizzando Microsoft Word o affini) nella quale siano dettagliate le attività e, per progetti di gruppo, i responsabili di ciascuna attività, nonché le modalità di creazione, le difficoltà trovate, e qualsiasi altra osservazione inerente il progetto.
Consegna del progetto Il progetto potrà essere opzionalmente pubblicato nel web utilizzando servizi di pubblicazione siti offerti gratuitamente quali ad esempio WordPress o Altervista Qualora non venisse pubblicato online, la consegna può avvenire tramite cd o usb Il progetto finale deve contenere: I file .docx/odt dell’ipertesto fase 1 I file html del progetto fase 2 la relazione finale.