Comunic@re nel Web

Comunicare con il Web Materie coinvolte: trasversale alle varie discipline Classe target: 1-2’ anno di corso scuole superiori di Daniele Pauletto, Graziella D’Orto Patrizia

Definizione del Problema

Come si comunica sul Web ?

Comunicare attraverso un sito Web o tramite un Forum

Obiettivi

Saper abbozzare un tema che dovrebbe far parte del sito

Saper fare ricerche pertinenti sul web

saper scegliere e selezionare in modo critico i contenuti

Saper realizzare un piccolo progetto web (sito)

Saper comunicare con altri strumenti Forum

Attività, Fasi e Tempi 1

Il docente introduce brevemente a tutte le coppie di studenti l’attività da svolgere, gli strumenti informatici utilizzati e la differenza tra varie tipologie di layout di un semplice sito composto da alcune pagine.( 1 h)

Scelta dei colori e dei vari tipi di font delle varie pagine html, eventuali loghi o elementi decorativi, in relazione all’efficacia comunicativa e dell’aspetto grafico.(3h)

I contenuti: scelta delle fonti/testi e responsabilità degli stessi come autori e copyright, raccolta dei link ritenuti interessanti in una cartella specifica su preferiti del browser.(3h)

Attività, Fasi e Tempi 2

Il docente invita gli allievi a strutturare i contenuti in modo flessibile organizzandoli in forma non necessariamente sequenziale.(3h)

Produzione e prima pubblicazione del sito in formato di bozza valutando l’efficacia rispetto al target (tipologia utente, scopi, aspettative).(3h)

Confronto dei risultati ottenuti (siti e loro design) dalle coppie suddividendo in piccoli gruppi di 2-3 coppie con la supervisone del docente (3h)

Dettagli

L’attività essendo trasversale, investe più discipline ma non può essere inserita come attività curriculare, bensì come progetto - Comunicare con il Web -. Necessita quindi di un percorso pomeridiano previo consenso del collegio docenti.

La parte iniziale riguarderà l’analisi dei siti già esistenti simili a quello che si vuole realizzare, valutando la loro efficacia in termini di attrazione da parte dell’utente e di capacità di trasmettere informazioni in modo ottimale e veloce. Dei vari siti il docente evidenzierà gli elementi ritenuti idonei nell’utilizzo del progetto, quindi considererà gli strumenti software e hardware indispensabili per la loro realizzazione.

Gli studenti saranno suddivisi a coppie, due per ogni computer, scelti in base alle loro abilità, capacità nell’uso del web e conoscenza dei comandi principali di un editor html (ritenuti come prerequisiti

Aspetti pedagogici

Lo studente deve esser capace di abbozzare un tema che dovrebbe far parte del sito, quindi .ricercare elementi riguardo l’argomento utilizzando ricerche sul web per contenuti pertinenti e per segnalazioni di link interessanti.( in allegato pagina sito web relativa al linguaggio dei cellulari SMS come esempio)

Dopo una prima ricerca saper scegliere e selezionare in modo critico i contenuti indicando anche la loro rappresentazione grafica (font, punti di ancoraggio, colori ,link) sia in termini di efficacia comunicativa che di pertinenza logica.

La realizzazione di questo elaborato (progetto, strutturazione, realizzazione) comporta indubbiamente un riesame del proprio modo di pensare e sviluppa, comunque, la creatività.

Inoltre è da sottolineare l’efficacia della strategia dell’imparare mediante il fare, soprattutto nell’aspetto relativo al comprendere.

Saper collaborare con il piccolo gruppo (coppia di lavoro) e saper interagire e cooperare con altri (gruppi) rispetto ad un fine.

A pprendimento cooperativo

Per potenziare l’apprendimento cooperativo il docente discute con il gruppo per scegliere il modello più efficace, rispetto agli obiettivi prefissati. Il docente darà delle indicazioni su come valutare un sito. Elencherà degli strumenti per valutare un sito web, quali: l’accessibilità, la portabilità, l'usabilità ed altri elementi relativi alla realizzazione di un sito web di "qualità". Rendere un sito accessibile significa rendere i contenuti fruibili a tutti, con particolare attenzione agli utenti disabili e con limitazioni. Valutare l'usabilità di un sito web è una cosa un po' più complessa. Per portabilità si intende la capacità che un sito ha di essere navigato anche da dispositivi diversi dai browser convenzionali.

Prerequisiti

Saper utilizzare software

per l’elaborazione di testi

per l’elaborazione di immagini

per la creazione di pagine html

per la navigazione in Internet

Setting Tecnologico

Hardware:

Computer presso il Lab di Informatica

Scanner

Stampante

Software:

Internet Browser

Programma editor html (fronte page)

Programma elaborazione immagini

Abilità introdotte o consolidate

Lo studente impara

ad usare un editor html;

ad utilizzare font, colori, loghi e decorazioni grafiche di un sito web;

a rappresentare visivamente un layout di un sito web;

ad inserire i link tra le pagine web;

a strutturate i vari elementi compositivi di un sito web;

a pubblicare il sito web nella intranet scolastica o spazio web dedicato impiegando programmi ftp;

ad apportare modifiche ad un sito web pubblicato;

Diario di bordo

presentazione del progetto agli studenti

fattibilità del progetto espressa dagli studenti con messa in evidenza delle eventuali difficoltà

individuazione delle eventuali difficoltà

distribuzione degli incarichi in collaborazione con gli studenti;

pianificazione dei compiti;

definizione dei tempi all’interno degli incarichi

stima del tempo complessivo (16 h)

Tabella di valutazione (Rubrica)

Valori delle risposte

1 = Non soddisfa i criteri

2 = Soddisfa alcuni dei criteri

3 = Soddisfa la maggior parte dei criteri

4 = Soddisfa tutti i criteri

Allegato Valutazione del sito web proposto da un gruppo di studenti

- Analisi del codice html della pagina web in particolare i meta content le parole chiave per indicizzazione dei motori di ricerca, la dimensione dei font e i parametri relativi alle immagini :

es.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Linguaggio SMS - SMILEY - Dizionario Sms - emoticons</TITLE>

<META http-equiv=Content-Language content=it>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<META content="Microsoft FrontPage 4.0" name=GENERATOR>

<META content=FrontPage.Editor.Document name=ProgId>

< META content ="linguaggio sms,linguaggio emoticons,dizionario sms, dizionario emoticons,dizionario linguaggio sms,smiley, linguaggio smiley, dizionario smiley,enciclopedia smiley,enciclopedia sms "

name=parole_chiave>

<META content="linguaggio sms,linguaggio emoticons,dizionario sms, dizionario emoticons, dizionario linguaggio sms, dizionario emoticons,emoticon, dizionario linguaggio sms,smiley,linguaggio smiley, dizionario smiley,enciclopedia smiley, enciclopedia sms. "

name=keywords>

<HEAD>

<BODY>

<DIV align=left>

<TABLE height=545 border=0>

<TBODY>

<TR>

<TD vAlign=top height=59>< IMG height=114 src="Linguaggio SMS_file/terra.gif" width=116 border=0 alt="immagine mappamondo">  </TD>

<TD bgColor=#000080 height=59><FONT color=#ff00ff

size=5>         </FONT><B><FONT

color=#ffffff size=6>SMS LINGUAGGIO - SMILEY -</FONT></B>

<FONT

Allegato Analisi dell’accessibilità secondo la seguente griglia

Possiamo dividere i problemi di accessibilità in quattro categorie:

disabilità fisiche/sensoriali : non vedenti, ipovedenti (persone che possiedono un residuo visivo, oscillante tra 1/10 e 3/10), daltonici, non udenti, utenti con difficoltà motoria nell'uso di mouse e tastiera;