Aquí teniu tots els vostres guions literaris.
divendres, 9 d’abril del 2010
dimecres, 7 d’abril del 2010
Mapa de navegació del DVD
-Mida: A4
-Contingut:
Control de la Interacció
-Contingut:
- Pantalles principals. Especifiqueu-ne el contingut (menú? video? pase de diapositives?...)
- Transicions entre pantalles (animació? video? per tall?)
- Com ens mourem d'un contingut a l'altre (línies d'una direcció o de dues - anada i tornada).
- On podem anar des d'una pantalla
- On anirà el DVD quan, per exemple, finalitzi un video
Control de la Interacció
Penseu que el DVD es controla amb un comandament a distància. El control sobre l'interactiu és limitat:
-moure'ns per les opcions i seleccionar-ne una
-avançar endavant o endarrera per un pase de diapositives
-avançar endavant o endarrera per un pase de diapositives
Tornar al menú. Cal que tingueu clar a quin menú es podrà tornar amb aquest botó des de cada pantalla (al menú principal? al secundari?)
dimecres, 24 de març del 2010
Fases del projecte
A quines conclussions heu arribat respecte als continguts i el funcionament del vostre DVD?
La veritat és que no ho sé. L'encàrrec que us vaig donar era tenir en els vostres blogs un text explicatiu abans de divendres 19 de març... i no he pogut llegir cap d'aquests textos.
Com que veig que a les paraules se les ha endut el vent, us deixo per escrit el calendari del projecte:
Divendres 19/03 : presentació del projecte. Idees, referències,...
--
Dimecres 24/03: Disseny del logo de l'equip. Cada membre haurà de dissenyar el seu logo i després el grup en sel·leccionarà el millor. Presentar el millor logo i les versions descartades.
Dijous 25/03: Presentar animació del logo per crear inici del DVD.
---
Dimecres 7/04: Treballar mapa de navegació.
Dijous 8/04: Presentar mapa de navegació.
Divendres 9/04: Presentar guió literari i storyboard d'animació personal.
---
Dimecres 14/04: Treballar personatges i paissatges.
Dijous 15/04: Presentar personatges i paissatges de l'animació personal.
Divendres 16/04: Animació de la presentació personal.
---
Dimecres 21/04: Proves d'usabilitat (caldrà crear diferents pantalles en paper, les definides al mapa de navegació).
Dijous 22/04: Presentar disseny definitiu de menús.
---
Dimecres 28/4: Programar menús.
Dijous 29/4: Treball en el DVD.
Divendres 30/4: FESTA
---
Dimecres 5/5: Animació de la presentació personal. Presentació al grup.
Dijous 6/5 i Divendres 7/5: Programació del DVD.
----
Dimecres 12/5: Presentació del DVD als companys.
La veritat és que no ho sé. L'encàrrec que us vaig donar era tenir en els vostres blogs un text explicatiu abans de divendres 19 de març... i no he pogut llegir cap d'aquests textos.
Com que veig que a les paraules se les ha endut el vent, us deixo per escrit el calendari del projecte:
Divendres 19/03 : presentació del projecte. Idees, referències,...
--
Dimecres 24/03: Disseny del logo de l'equip. Cada membre haurà de dissenyar el seu logo i després el grup en sel·leccionarà el millor. Presentar el millor logo i les versions descartades.
Dijous 25/03: Presentar animació del logo per crear inici del DVD.
---
Dimecres 7/04: Treballar mapa de navegació.
Dijous 8/04: Presentar mapa de navegació.
Divendres 9/04: Presentar guió literari i storyboard d'animació personal.
---
Dimecres 14/04: Treballar personatges i paissatges.
Dijous 15/04: Presentar personatges i paissatges de l'animació personal.
Divendres 16/04: Animació de la presentació personal.
---
Dimecres 21/04: Proves d'usabilitat (caldrà crear diferents pantalles en paper, les definides al mapa de navegació).
Dijous 22/04: Presentar disseny definitiu de menús.
---
Dimecres 28/4: Programar menús.
Dijous 29/4: Treball en el DVD.
Divendres 30/4: FESTA
---
Dimecres 5/5: Animació de la presentació personal. Presentació al grup.
Dijous 6/5 i Divendres 7/5: Programació del DVD.
----
Dimecres 12/5: Presentació del DVD als companys.
dimecres, 17 de març del 2010
Procès de treball
Avui heu de començar a pensar en el vostre DVD. Penseu com voleu que funcioni, com serà la navegació, quin tipus d'animació fareu,.. Es tracta que busqueu una idea de funcionament amb la que us sentiu a gust tots, heu d'arribar a un acord.
Poseu en comú idees, coses que us agradaria transmetre,... Busque també referències (videos, pàgines web,...)
IMPORTANT:
Quan ho poseu al blog, etiqueteu l'entrada amb les següents paraules clau:
-projecte
-idees
Poseu en comú idees, coses que us agradaria transmetre,... Busque també referències (videos, pàgines web,...)
IMPORTANT:
Quan ho poseu al blog, etiqueteu l'entrada amb les següents paraules clau:
-projecte
-idees
dijous, 11 de març del 2010
Conferència Russell Stannard
Dijous passat vam poder assistir a una conferència de Russell Stannard, professor de la Universitat de Westminter i creador de contingut didàctic multimèdia (http://www.multimediatrainingvideos.com/, http://www.teachertrainingvideos.com/).
La seva conferència es va centrar en dos temes molt interessants: la web semàntica (3.0) i la realitat augmentada.
Què és la web semàntica?
La web semàntica és una nova manera de fer i consumir internet. Si la web 2.0 suposa la posibilitat de crear i compartir continguts i l'ús d'internet com a eina, la 3.0 és un esglaó necessari en l'evolució d'internet: permetre un internet on el contingut és localitzable i on l'accés a la informació és fàcil i més precís.
Si a la web 2.0 google era el rei, a la web 3.0 manaran cercadors capaços de donar respostes a les nostres necessitats d'informació. Aquests cercadors no ens diran només on apareixen determinades paraules claus, sinó que seran capaços de localitzar la informació que respon a les nostres necessitats i mostrar-la de forma estructurada. I el primer cercador que apunta maneres en aquest sentit és Wolfram Alpha (http://www.wolframalpha.com/)
Personalment, però, considero que la conferència es va centrar molt en el punt de vista de l'usuari d'internet i poc en el dels creadors de continguts. Crec que la web semàntica triomfarà en la mesura en que siguem capaços de generar continguts indexables. Si ens dediquem a crear continguts per internet o si participem a la web 2.0 aportant imatges, textos, videos, opinions,...podem fer un petit esforç que faciliti que aquests continguts puguin ser localitzables i organitzables.
Posaré com a exemple més bàsic el manteniment d'un blog com aquest. No suposa un gran esforç afegir títols descriptius, organitzar la informació en paràgrafs, afegir subtítols en forma de preguntes o llistar paraules clau. També col·laborarem a una futura web 3.0 etiquetant les fotografies que hi posem i omplint totes les caselles associades (titol, text alternatiu, descripció,...).
Un pas més enllà el trobem a la hora de crear pàgines web com a desenvolupadors (dissenyant-les i programant-les amb criteri). Ja fa uns anys que, tot buscant l'accessibilitat als continguts, es treballa facilitant la web semàntica. Les webs han deixat de fer servir taules per maquetar els continguts i l'ús de flash s'ha anat limitant. A canvi, les webs accessibles diferencien el contingut (html) de la forma (css) i permeten que una pàgina web sigui comprensible tot i que perdi els elements visuals. Per això podem prescindir de l'estil d'una pàgina sense que es perdi el significat (títols, descripcions,... continuen clarament identificables).
Un alumne va preguntar quan tindríem Wolfram Alpha en català o en castellà. La meva participació va ser el que exposo aquí: això és una cosa que no depèn només de qui desenvolupi el buscador, també dependrà dels creadors de continguts. I aquesta és la part que està en les nostres mans.
I la realitat augmentada?
De la realitat augmentada en parlarem un altre dia. De moment, aquí alguns enllaços:
http://www.ted.com/
http://es.wikipedia.org/wiki/Realidad_aumentada
La seva conferència es va centrar en dos temes molt interessants: la web semàntica (3.0) i la realitat augmentada.
Què és la web semàntica?
La web semàntica és una nova manera de fer i consumir internet. Si la web 2.0 suposa la posibilitat de crear i compartir continguts i l'ús d'internet com a eina, la 3.0 és un esglaó necessari en l'evolució d'internet: permetre un internet on el contingut és localitzable i on l'accés a la informació és fàcil i més precís.
Si a la web 2.0 google era el rei, a la web 3.0 manaran cercadors capaços de donar respostes a les nostres necessitats d'informació. Aquests cercadors no ens diran només on apareixen determinades paraules claus, sinó que seran capaços de localitzar la informació que respon a les nostres necessitats i mostrar-la de forma estructurada. I el primer cercador que apunta maneres en aquest sentit és Wolfram Alpha (http://www.wolframalpha.com/)
Personalment, però, considero que la conferència es va centrar molt en el punt de vista de l'usuari d'internet i poc en el dels creadors de continguts. Crec que la web semàntica triomfarà en la mesura en que siguem capaços de generar continguts indexables. Si ens dediquem a crear continguts per internet o si participem a la web 2.0 aportant imatges, textos, videos, opinions,...podem fer un petit esforç que faciliti que aquests continguts puguin ser localitzables i organitzables.
Posaré com a exemple més bàsic el manteniment d'un blog com aquest. No suposa un gran esforç afegir títols descriptius, organitzar la informació en paràgrafs, afegir subtítols en forma de preguntes o llistar paraules clau. També col·laborarem a una futura web 3.0 etiquetant les fotografies que hi posem i omplint totes les caselles associades (titol, text alternatiu, descripció,...).
Un pas més enllà el trobem a la hora de crear pàgines web com a desenvolupadors (dissenyant-les i programant-les amb criteri). Ja fa uns anys que, tot buscant l'accessibilitat als continguts, es treballa facilitant la web semàntica. Les webs han deixat de fer servir taules per maquetar els continguts i l'ús de flash s'ha anat limitant. A canvi, les webs accessibles diferencien el contingut (html) de la forma (css) i permeten que una pàgina web sigui comprensible tot i que perdi els elements visuals. Per això podem prescindir de l'estil d'una pàgina sense que es perdi el significat (títols, descripcions,... continuen clarament identificables).
Un alumne va preguntar quan tindríem Wolfram Alpha en català o en castellà. La meva participació va ser el que exposo aquí: això és una cosa que no depèn només de qui desenvolupi el buscador, també dependrà dels creadors de continguts. I aquesta és la part que està en les nostres mans.
I la realitat augmentada?
De la realitat augmentada en parlarem un altre dia. De moment, aquí alguns enllaços:
http://www.ted.com/
http://es.wikipedia.org/wiki/Realidad_aumentada
divendres, 5 de març del 2010
dimecres, 17 de febrer del 2010
Com visualitzar els arxius de swfcabin
L'adreça que donen a swfcabin és:
http://www.swfcabin.com/open/1266425768
si canvies open per "swf-files"
i afegeixes ".swf"
obtens*:
http://www.swfcabin.com/swf-files/1266425768.swf
copia el text de l'àrea de text i canvia el que hi ha a
src="....." per l'adreça que has obtingut*
el resultat és el de l'àrea de text:
http://www.swfcabin.com/open/1266425768
si canvies open per "swf-files"
i afegeixes ".swf"
obtens*:
http://www.swfcabin.com/swf-files/1266425768.swf
copia el text de l'àrea de text i canvia el que hi ha a
src="....." per l'adreça que has obtingut*
el resultat és el de l'àrea de text:
diumenge, 14 de febrer del 2010
2a Avaluació. Repàs
Assegura't d'haver penjat al teu blog tots els exercicis dels dijous. Si aquell dia no vas venir a classe, fes l'exercici seguint les instruccions que trobaràs als enllaços.
Crea una entrada nova al teu blog i respon a totes les preguntes que trobaràs a continuació. Algunes d'aquestes preguntes ja estan publicades al teu blog. Revisa que la resposta que vas donar sigui correcta.
Dijous 10/12
[Preguntes 1: Símbols i instàncies]
1-Com definiries un símbol?
2-Com definiries una instància?
3-Quines modificacions podem aplicar a una instància?
4-Quines modificacions podem aplicar a un símbol? Com afecten aquests canvis a les instàncies d'aquest símbol?
5-Si canviem el gruix de línea d'una estrella, es modifica el gruix de línea de les altres estrelles?
6-Si canviem la transparència d'una instància, es modifica la transparència de les altres?
2-Com definiries una instància?
3-Quines modificacions podem aplicar a una instància?
4-Quines modificacions podem aplicar a un símbol? Com afecten aquests canvis a les instàncies d'aquest símbol?
5-Si canviem el gruix de línea d'una estrella, es modifica el gruix de línea de les altres estrelles?
6-Si canviem la transparència d'una instància, es modifica la transparència de les altres?
Djous 17/12
[Preguntes 2: La línea de temps ]
-Quina diferència hi ha entre un fotograma i un fotograma clau?
-Què és el paper de ceba? Per a què serveix?
-Què és una capa màscara?
[Preguntes 3: So ]
-Quines formes de sincronització d'àudio permet flash?
-Quina diferència hi ha entre la sincronització d'inici i la d'esdeveniment (evento / inicio).
[Preguntes 4: Clips de pel·lícula i gràfics]
-Què tenen en comú un gràfic i un clip de pel·lícula?
-Quina és la diferència principal entre un clip de pel·lícula i un gràfic?
Dijous 14/1
[Preguntes 5: Els botons]
-Explica quins són els 4 fotogrames clau dels botons, què permeten definir?
-On trobem botons de flash predissenyats?
Dijous 21/1
[Preguntes 6: Interpolació de moviment]
-Què és una interpolació de moviment?
Dijous 28/1
[Preguntes 7: actionScript]
-Què és l'actionScript?
-Com podem controlar la línea de temps amb actionScript?
-Escriu el codi d'actionScript per aturar la línea de temps amb la instància "btpausa" d'un botó .
Dimecres, dijous i divendres 3-5/2
Exercici d'Animació en grup
Dijous 11/2
[Preguntes 8: Cinemàtica inversa]
-Què és la cinemàtica inversa?
-Quina eina de flash permet la cinemàtica inversa?
dijous, 11 de febrer del 2010
dimecres, 10 de febrer del 2010
Cinemàtica Inversa. Aplicació a formes
Cinemàtica Inversa (IK) permet definir objectes com estructures d'ossos. Aquestes estructures poden ser lineals o, com aquesta, en forma d'arbre.
Flash permet treballar amb cinemàtica inversa a través de l'eina "ossos".
dijous, 28 de gener del 2010
Interpolació de moviment. Comportaments de botó
Exercici: Fent servir el material que trobaràs a l'arxiu "animacio-cohet2901.fla" fes una animació amb interpolació de moviment. Fes servir el botó per iniciar l'animació quan l'usuari el cliqui.
Podeu penjar l'arxiu a:
http://www.imageshack.com
divendres, 22 de gener del 2010
dijous, 21 de gener del 2010
dimecres, 13 de gener del 2010
Amb una mica d'ajuda d'actionScript podem controlar la línea de temps. Així hem pogut crear un bucle, aturar la reproducció a l'arribar a un determinat fotograma o reiniciar-la mitjançant un botó.
En aquest exemple, pots observar diferents coses:
Si mires la línea de temps, veuràs que alguns fotogrames claus han estat identificats amb una etiqueta. Les etiquetes ens ajuden a organitzar un arxiu, però també permeten accedir, amb actionScript, a un fotograma en concret. Els botons dia i nit porten el capçal lector a l'etiqueta corresponent.
Si mires la pel·lícula veuràs que, tot i que la línea de temps s'atura, alguns elements continuen animats. Per què creus que passa això? Quin tipus de símbol permet aquest efecte? Amb quin altre símbol podríem aturar completament l'animació? Explica-ho al teu blog.
Pensa en dos conceptes antagònics, com "dia" i "nit" (no val "blanc" i "negre", Sílvia). Faràs una aplicació com aquesta, on uns botons et permetran passar d'un concepte a l'altre.
Botons
Els botons són un dels 3 símbols de flash (els altres són els clips de pel·lícula i els gràfics). Com els altres símbols, té la seva pròpia línea de temps. Aquesta està formada per 4 fotogrames.
1-Crea, en un document 550x400, 3 botons com aquests. Guarda l'arxiu .fla a la carpeta "professor".
2-En el teu blog: explica quins són els 4 fotogrames dels botons, què permeten definir?
Si dubteu de com fer un botó...
http://www.aulaclic.es/flash-cs4/t_11_1.htm
http://www.aulaclic.es/flash-cs4/t_11_2.htm
divendres, 8 de gener del 2010
Respostes a els tipus de so
Siusplau, reviseu les respostes que heu donat sobre la sincronització de so.
A continuació teniu explicats els diferents tipus de sincronització:
Evento /Event
Sincronitza el so amb un esdeveniment. Quan el capçal arriba al fotograma que dispara el so, el reprodueix completament, independentment de si l'animació s'atura en aquest fotograma. Per tant, si el capçal torna a passar per aquest fotograma, es tornarà a reproduïr el so, tot i que ja estigui sonant. Això fa que es puguin sobre posar sons i sonin tots al mateix temps.
Inicio /Start
És equivalent a Evento, pero si el so ja està sonant no torna a reproduïr-se.
Detener /Stop
Atura el so seleccionat.
Flujo
Aquesta sincronització està pensada per les animacions reproduïdes a internet. Flash fa que l'animació es coordini amb el fluxe de so: si la reproducció s'atura, el so també. Es fa servir, per exemple, per posar veu als personatges d'una animació.
Per respondre correctament a les vostres preguntes, podeu recòrrer a l'ajuda de Flash. La teniu a la finestra "ajuda" del programa, però també a internet:
http://livedocs.adobe.com/flash/9.0_es/UsingFlash/help.htmlProcureu, però, entendre abans de copiar i no fer-ho literalment, poseu-hi imaginació!!
A continuació teniu explicats els diferents tipus de sincronització:
Evento /Event
Sincronitza el so amb un esdeveniment. Quan el capçal arriba al fotograma que dispara el so, el reprodueix completament, independentment de si l'animació s'atura en aquest fotograma. Per tant, si el capçal torna a passar per aquest fotograma, es tornarà a reproduïr el so, tot i que ja estigui sonant. Això fa que es puguin sobre posar sons i sonin tots al mateix temps.
Inicio /Start
És equivalent a Evento, pero si el so ja està sonant no torna a reproduïr-se.
Detener /Stop
Atura el so seleccionat.
Flujo
Aquesta sincronització està pensada per les animacions reproduïdes a internet. Flash fa que l'animació es coordini amb el fluxe de so: si la reproducció s'atura, el so també. Es fa servir, per exemple, per posar veu als personatges d'una animació.
Per respondre correctament a les vostres preguntes, podeu recòrrer a l'ajuda de Flash. La teniu a la finestra "ajuda" del programa, però també a internet:
http://livedocs.adobe.com/flash/9.0_es/UsingFlash/help.htmlProcureu, però, entendre abans de copiar i no fer-ho literalment, poseu-hi imaginació!!
Subscriure's a:
Comentaris (Atom)
Entrades
