1 I. T. S. O. S. “A. S ” Motori ricerca: principi funzionamento, spider e

I. T. S. O. S. “A. STEINER”
VIA S. DIONIGI, 36 - MILANO
Classe V D
A. S. : 2015/16
Materia: Tecnologie della Comunicazione
PREMESSA
La disciplina Tecnologie della Comunicazione si pone l’obiettivo di introdurre ed
approfondire alcune problematiche, procedure e tecnologie legate al mondo di
internet. In linea con l’orientamento dell’istituto pone l’accento sulla produzione, la
gestione e la distribuzione di contenuti multimediali evidenziandone aspetti
procedurali e organizzativi senza trascurare quelli creativi.
I macro-temi sui quali punta l’attenzione sono: le problematiche riguardanti
l’evoluzione delle tecnologie della comunicazione, la progettazione e la distribuzione di
contenuti, la loro organizzazione e presentazione.
Un esperto in Grafica e Comunicazione deve imparare a conoscere i linguaggi e
utilizzare i diversi strumenti necessari per la realizzazione di un prodotto che integra il
testo, la grafica, le immagini fisse e in movimento, l’audio, ecc.; deve inoltre saper
curare l’adattamento al particolare media. TdC si occupa sostanzialmente della parte
realizzativa e distributiva.
Il piano orario è di 3 ore, di cui due in copresenza con l’Insegnante Tecnico-Pratico.
DEFINIZIONE DEGLI OBIETTIVI GENERALI
Conoscere le problematiche riguardanti lo sviluppo di applicazioni on-line
Saper strutturare un sito individuandone obiettivo, mappa di navigazione, stile
generale dell’interfaccia, layout delle principali sezioni
Saper progettare e sviluppare interfacce per un sito web
Saper progettare e sviluppare un sito integrando gli strumenti opportuni e i media
più diffusi (testo, immagini, foto, audio e video)
Saper progettare e sviluppare banner animati da integrare nella pagine di un sito.
CONTENUTI
Problematiche di organizzazione, pubblicazione e distribuzione
Documentazione fasi di sviluppo di un web: descrizione progetto, mappa
concettuale / schema navigazione, organizzazione materiali, layout
pagine/schermate significative, descrizione delle tecniche
Distribuzione: ottimizzazione per la fruizione su diverse tipologie di dispositivi;
Responsive Design e ottimizzazione per il Mobile; la landing page.
Usabilità dei siti: problematiche
Motori ricerca: principi funzionamento, spider e informazioni analizzate,
costruzione indice, i meta tag, la visibilità, il SEO (come funziona, azioni
interne ed azioni esterne, black hat e white hat).
La Cookie Law: cosa sono e tipologie di cookie, descrizione generale della
normativa italiana, mancato adeguamento.
Social Media Marketing: modello tradizionale e social di marketing, strategie e
figure professionali, marketing con WhatsApp, Facebook e Twitter.
Evoluzione e sviluppo del web; il web 2.0: problematiche
Tecniche per gestione di layout e contenuti con Html5/Css3
Gli effetti grafici: ombre, gradienti, transizioni, trasformazioni, animazioni
Mediaqueries: adattamento dei siti alle caratteristiche del dispositivo di
visualizzazione; come è fatta una query, caratteristiche dei media.
Html5: caratteristiche dei tag specifici, uso di audio e video
1
Tecniche di sviluppo con Adobe Muse
L’ambiente e le fasi di sviluppo (pianificazione, progettazione, anteprima,
pubblicazione)
Pagina mastro (principale e secondaria), menu automatico e manuale con
gestione degli stati; inserimento immagini e gallery
Inserimento di audio e video tramite il codice Html5
Aspetti organizzativi (livelli e stili testo/paragrafo/grafica) e gestione dei font
(collegati e incorporati)
Gli effetti di scorrimento (opzione Movimento, Opacità e animazione Edge)
Layout dipendenti dal dispositivo (desktop o mobile)
Aspetti tecnici e creativi riferiti a siti one-page o scroll
Sviluppo di banner con Adobe Edge Animate
Elementi introduttivi e pannelli principali (stage, proprietà, livelli, …);
linea temporale e fotogrammi chiave
Animazioni lineari tramite interpolazione
Simboli: caratteristiche, loro duplicazione e uso sullo stage con
ripetizione riproduzione
Azioni per la riproduzione in loop di simboli o della timeline principale;
associazione di azioni agli eventi (clic, mousover, mouseout)
Fogli sprite: caratteristiche, uso ed applicazioni
Integrazione di effetti audio
Gestione collegamenti tra banner Edge e pagine web generate da Muse,
problematiche relative ai percorsi e definizione indirizzo relativo.
Approfondimenti Wordpress
Caratteristiche e gestione degli utenti (Amministratore, Editore, Autore,
Collaboratore, Sottoscrittore)
Problematiche di backup: backup di file e del databaase (utilizzo di
PhpMyAdmin o di plugin specifici, esportazione file .sql e procedura
ripristino)
Cookie Law in pratica e implementazione del banner con l’informativa
breve.
Attività di laboratorio
 Manutenzione proprio dominio e gestione dei siti personali
 Integrazione di effetti Css3 in siti web
 Sviluppo di siti con Adobe Muse con varie tecniche: pagine multiple, singola
pagina con scorrimento e tramite widget Notizie in evidenza
 Realizzazione di banner animati con Edge; applicazione effetti movimento e
sfocatura; realizzazione di gallery
 Cura dell’implementazione lavori di approfondimento per l’esame di stato
(tesine).
Bibliografia
 Appunti e Documentazione fornita dall’insegnante
 Manuali/Guide/Tutorial WordPress, Html5 / CSS3, Muse, Edge
Studenti
Insegnanti
________________________
Rocco Vincenti
________________________
Ettore Bordieri
2