Presentació
Des que, a finals de la dècada dels noranta, Tim Berners Lee va crear l’estructura tecnològica que permet Internet fins als nostres dies la xarxa ha evolucionat molt. De fet, està en constant evolució. Comparant webs molt antigues amb webs actuals es veuen clarament les diferències: ara es té molta cura de l’aspecte visual, l’accessibilitat i la usabilitat, de l’adaptació a diferents dispositius mòbils, entre altres aspectes. El disseny web és una disciplina on s’han de tenir molts aspectes en compte. Per tant, és complexa, però a la vegada es apasionant.
Amb independència de si es tracta de crear webs, aplicacions o videojocs, els conceptes esmentats són importants, i sempre s’han de tenir en compte. Un videojoc també té la seva interfície, també porta un títol i necessita unes instruccions d’ús que s’han de dissenyar. Cal pensar bé en l’eficàcia del seu disseny i de la usabilitat i accessibilitat del joc.
En aquest mòdul s’introdueix la realització d’aplicacions multimèdia interactives basades en els llenguatgees estàndards web actuals: HTM5, CSS i JavaScript. Es posa el focus en totes les fases del projecte, tant la preproducció i la genereació dels continguts multimèdia, com la maquetació i el desenvolupament amb els llenguatges estàndards actuals (HTML5, CSS i JavaScript). També es tracta la creació de jocs dissenyats per web, que es desenvolupa amb aquests llenguatges, i l’ús de diferents llibreries o frameworks en la creació dels jocs.
En la primera unitat, “Disseny d’interfície d’usuari”, s’expliquen els conceptes relacionats amb el disseny d’interfície d’una aplicació interactiva, posant èmfasi en la usabilitat, l’accesibilitat i el disseny responsiu, que s’adapta a tots els dispositius.
En la segona unitat, “Disseny per a multimèdia interactiu”, es tracten els diferents tipus de continguts que componen el llenguatge multimèdia (text, imatge fixa, imatge en moviment, so). Es fa referència a l’edició, el tractament i la compressió dels diferents tipus de fonts digitals.
En la tercera unitat, “Administració de mitjans digitals”, es tracta la catalogació i gestió de les fonts digitals del projecte multimèdia interactiu, així com el control de les diferents fonts del projecte.
En la quarta unitat, “Generació d’elements interactius”, s’explica com generar un lloc web amb interacció, integrant els continguts multimèdia amb els llenguatges estàndard web: HTML5, CSS i JavaScript. L’objectiu és maquetar els continguts, donar-los estil visual i generar la interacció.
En la cinquena unitat, “Generació de gràfics dinàmics interactius”, s’explica com crear un joc amb HTML5 i la llibreria basada en Javascript Phaser, que facilita la feina de programació.
En la sisena unitat, “Elements interactius animats”, es mostra com realitzar una narració interactiva aplicant els conceptes de programació ja adquirits i s’explica com elaborar un guió multimèdia per planificar la narració interactiva.
Per treballar els continguts d’aquest mòdul és convenient, a banda de llegir el material didàctic i fer un visionat dels videotutorials, fer les activitats i els exercicis d’autoavaluació. Es recomana fer els exercicis i activitats de manera contínua i progressiva, i formular els dubtes al professor, o al Fòrum, segons vagin sorgint durant l’elaboració de les activitats.