HTML5 Tools Pearson

Presentazione sul tema: "HTML5 Tools Pearson"— Transcript della presentazione:

1

2 HTML5 Tools Pearson http://tool.pearson.it
Accesso tramite credenziali Portale aziendale o,per collaboratori esterni, dietro richiesta a Michele Gargioni

3 Tools Pearson: che cosa sono
Tool = Strumento che compie o agevola una data funzione I tool Pearson sono motori html/javascript/CSS e template per la produzione in serie di assets multimediali con contenuti e impostazioni variabili. Servono per generare in modo semplice e personalizzato diversi oggetti didattici multimediali. Sono nati su esigenze specifiche delle DE Pearson. 3

4 Tools Pearson: motori vs. template
Un motore si occupa di convertire automaticamente il contenuto inserito dal redattore. Un template è un modello di asset già realizzato, il cui contenuto viene manualmente sostituito e parzialmente adattato ogni volta. Per fare un esempio ‘editoriale’, è come se tramite un motore l’impaginato venisse generato semi-automaticamente a partire da un file Word, mentre utilizzando un template il redattore inserirebbe il contenuto in un impaginato già esistente. Il risultato finale per l’utente è identico, ma la lavorazione del template richiede maggiori competenze e precisione. 4

5 Tools Pearson: struttura
Foglio stile CSS (grafica, font, stili) Elementi grafici dell’interfaccia (pulsanti, sfondi ecc.) JSON (contenuto testuale + parametri di configurazione) File JavaScript (codice che interpreta il JSON e che genera dinamicamente il tool)  La pagina HTML: il file index.html contiene la struttura principale dell’asset e consente la visualizzazione dei contenuti  La cartella CSS: contiene i fogli di stile con tutte le informazioni inerenti la grafica  La cartella JS: al suo interno si trovano i file JSON di configurazione contenenti tutte le informazioni relative a un singolo oggetto (contenuti compresi) l’applicativo in Javascript: il file script.js che contiene il codice necessario per interpretare il file JSON di configurazione e gestire l’asset  La cartella IMG: contiene le immagini delle icone ecc. del motore  La cartella MEDIA: contiene le immagini, i video, gli audio specifici di ogni asset Media (immagini, audio, video) 5

6 Tools Pearson: come funzionano
File JSON Script di conversione PHP File Excel  Il file .xlsx di configurazione: permette all’editor di inserire tutti i contenuti e i parametri necessari per la creazione di un singolo oggetto multimediale.  Lo script di conversione PHP: converte il file XLSX in un file JSON corretto. 6

7 Tools Pearson: come funzionano
ESEMPIO: Come creare uno slideshow Pearson scaricare il file slideshow.xls dal sito tool e compilarlo salvare il file ed effettuare l’upload del file sul sito tool Il server provvede a convertire il file xls in un file js scaricare e salvare il file slideshow.js sul proprio pc scaricare il pacchetto slideshow.zip dal sito tool trascinare slideshow.js nella cartella js all’interno della cartella slideshow inserire nella cartella media le immagini e gli audio 7

8 Tools Pearson: tag HTML
I tag HTML5 supportati dai tools sono i seguenti: I vecchi tag HTML 4.01 (<b>, <i> e </br>) stanno cadendo in disuso!