<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Creación de avatares</title>
	<atom:link href="http://portafolioseducativos.org.ve/redpe/avatares/feed/" rel="self" type="application/rss+xml" />
	<link>http://portafolioseducativos.org.ve/redpe/avatares</link>
	<description>Otro blog de Red Portafolios Educativos</description>
	<lastBuildDate>Fri, 09 Jul 2010 16:53:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Presentación del avatar Sónica, la hermana de Sónico</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/09/presentacion-del-avatar-sonica-la-hermana-de-sonico/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/09/presentacion-del-avatar-sonica-la-hermana-de-sonico/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 16:31:55 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Diseño de avatares animados]]></category>
		<category><![CDATA[Sincronización labios-audio]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[sincronización de labios]]></category>
		<category><![CDATA[voz sintética]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=241</guid>
		<description><![CDATA[<p style="text-align: center"></p>
<p style="text-align: center">Figura 1. Selección de visemas para el avatar Sónica en el editor de Adobe Flash CS5.</p>
<p>.</p>
<p>Sónica (ver figura 1) es uno de los avatares que estará presente en la aplicación web que estoy programando y cuyo proptotipo -basado en modelo 4MAT de la Dra. Bernice McCarthy- he mostrado en los blogs [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" src="http://www.portafolioseducativos.org.ve/sonica/sonica.jpg" alt="" width="625" height="721" /></p>
<p style="text-align: center">Figura 1. Selección de visemas para el avatar Sónica en el editor de Adobe Flash CS5.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Sónica (ver figura 1) es uno de los avatares que estará presente en la aplicación web que estoy programando y cuyo proptotipo -basado en modelo 4MAT de la Dra. Bernice McCarthy- he mostrado en los blogs <a href="http://portafolioseducativos.org.ve/redpe/interfacesdeusuario/" target="_blank">Desarrollo de Interfaces de Usuario</a> y <a href="http://portafolioseducativos.org.ve/redpe/elearning/2010/01/10/4mat-marco-teorico-para-el-desarrollo-de-contenidos-educativos/" target="_blank">Desarrollo de contenidos para eLearning</a>. También he presentado este prototipo en otras redes sociales aliadas.</p>
<p>A continuación podrá activar un botón para visualizar el avatar Sónica.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.portafolioseducativos.org.ve/sonica/avatarsonica.html" frameborder="0" style="height:700px;width:800px;">Please upgrade your browser</iframe>
</div>
<p><span style="color: #ffffff">.</span></p>
<p style="text-align: center">[Haga clic en el botón -ubicado en el centro de la pantalla- para activar el avatar Sónica]</p>
<p><span style="color: #ffffff">.</span></p>
<p>La sincronización de los labios y el audio de Sónica está basado en el algoritmo proporcionado por Annosoft LLC Lipsync For Flash Controller.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Descripción del método de sincronización</h2>
<p><span style="color: #ffffff">.</span></p>
<p>This module implements the character controller for for flash movies output from the Lipsync Tool.  The output movie is a streaming audio movie with no visuals. The phoneme information is also recorded in the swf generated from that movie.</p>
<p>What happens is this. The output movie is a simple linear movie with each frame containing part of the streaming audio and actionscript &#8220;commands&#8221; that are fired off to the parent movie.  To use the phoneme information, the parent movie will need to create a class, such as this one, which intercepts these commands and uses them to drive the animation, such as the &#8220;mouth&#8221; position.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Siguiente paso</h2>
<p><span style="color: #ffffff">.</span></p>
<p>En la siguiente etapa incorporaré los avatares Sónico (ver figura 2) y Sónica (ver figura 1) a los cuadrantes 1 (conectar/atender) y 2 (imaginar/informar) del ciclo de aprendizaje propuesto por la Dra. Bernice McCarthy. Este ciclo de aprendizaje puede ser visualizado <em>grosso modo</em> en el avance del prototipo mostrado a continuación:</p>
<p><span style="color: #ffffff">.</span></p>
<div class="iframe-wrapper">
  <iframe src="http://www.portafolioseducativos.org.ve/GUI4MATWEB30/4MAT009.html" frameborder="0" style="height:720px;width:820px;">Please upgrade your browser</iframe>
</div>
<p style="text-align: left">[Avance del prototipo para aplicación web. Explore la inetrfaz gráfica del prototipo. Haga clic en los enlaces que aparecen a la izquierda de la pantalla de la interfaz gráfica.]</p>
<p><span style="color: #ffffff">.</span></p>
<p style="text-align: center"><img class="aligncenter" src="http://www.portafolioseducativos.org.ve/sonico/sonico.jpg" alt="" width="625" height="721" /></p>
<p style="text-align: center">Figura 2. Selección de visemas para el avatar Sónico en el editor de Adobe Flash  CS5.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.portafolioseducativos.org.ve/sonico/win03Q1CS52.html" frameborder="0" style="height:700px;width:800px;">Please upgrade your browser</iframe>
</div>
<p style="text-align: center">[Haga clic en el botón -ubicado en el centro de la pantalla- para  activar el avatar Sónico]</p>
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: center">
<p style="text-align: left"><span style="color: #ffffff">.</span></p>
<p>¡Hasta un próximo avance!</p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/09/presentacion-del-avatar-sonica-la-hermana-de-sonico/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avatares dinámicos en la Web3D</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/07/avatares-dinamicos-en-la-web3d/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/07/avatares-dinamicos-en-la-web3d/#comments</comments>
		<pubDate>Wed, 07 Jul 2010 20:49:10 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Mundos virtuales]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[Web3D]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=233</guid>
		<description><![CDATA[<p></p>
<p>Las tecnologías Web3D están siendo integradas con las tecnologías Web 2.0. Recientemente han surgido compañías que están ofreciendo videoconferencias a través de ambientes virtuales 3D dotados con las siguientes características:</p>

Configuración de avatares dinámicos personalizados.


Carga desde PC o URL de elementos multimedia.


Visualización -en tiempo real y dentro de los ambientes del mundo virtual- de documentos de [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://protonmedia.com/banner/beingThere.jpg" alt="" width="801" height="300" /></p>
<p>Las tecnologías <a href="http://en.wikipedia.org/wiki/Web3D" target="_blank">Web3D</a> están siendo integradas con las tecnologías Web 2.0. Recientemente han surgido compañías que están ofreciendo videoconferencias a través de ambientes virtuales 3D dotados con las siguientes características:</p>
<ul>
<li>Configuración de avatares dinámicos personalizados.</li>
</ul>
<ul>
<li>Carga desde PC o URL de elementos multimedia.</li>
</ul>
<ul>
<li>Visualización -en tiempo real y dentro de los ambientes del mundo virtual- de documentos de texto y video en los formatos Microsoft® PPT, PPTX, DOC, DOCX, Adobe Flash ® FLV.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2>Aplicaciones de las videoconferencias en ambientes 3D</h2>
<p>Las videoconferencias virtuales en ambientes 3D pueden ser utilizadas para:</p>
<ul>
<li>Conformación de redes sociales en ambientes 3D.</li>
</ul>
<ul>
<li>Distribución e intercambio de contenidos en diversidad de formatos.</li>
</ul>
<ul>
<li>eLearning.</li>
</ul>
<p>En este tipo de propuestas los usuarios participan con avatares obtenidos a partir de imágenes fotográficas, y los mundos virtuales son símiles de espacios físicos reales (por ejemplo, un salón de clase),  en contraste con la diversidad de apariencias y roles <em>imaginarios</em> que permiten propuestas como Second Life. Los avatares carecen de propiedades sobrenaturales, es decir, están incapacitados para atravesar paredes, respirar bajo el agua o volar. Estamos hablando de un símil virtual del mundo real con avatares basados en nuestras identidades reales.</p>
<p>A continuación muestro un video de la empresa <a href="http://www.venuegen.com/" target="_blank">VenueGen</a></p>
<p><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/VeF7wgZ72vo&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" />
<param name="allowFullScreen" value="true" />
<embed wmode="transparent" src="http://www.youtube.com/v/VeF7wgZ72vo&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="transparent" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=VeF7wgZ72vo">www.youtube.com/watch?v=VeF7wgZ72vo</a></p></p>
<p>Recomiendo visitar y experimentar la propuesta de <a href="http://www.venuegen.com/" target="_blank">VenueGen</a></p>
<p><span style="color: #ffffff"> </span>Una propuesta bastante similar la ofrece <a href="http://protonmedia.com/" target="_blank">ProtonMedia</a> a través de su producto ProtoSphere como se ve en el siguiente video:</p>
<p><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/LJNOtQNhIso&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" />
<param name="allowFullScreen" value="true" />
<embed wmode="transparent" src="http://www.youtube.com/v/LJNOtQNhIso&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="transparent" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=LJNOtQNhIso">www.youtube.com/watch?v=LJNOtQNhIso</a></p></p>
<p>Recomiendo visitar y experimentar la propuesta de ProtonMedia <a href="http://protonmedia.com/" target="_blank">http://protonmedia.com/</a></p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/07/07/avatares-dinamicos-en-la-web3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avatares en mundos virtuales 3D</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/29/avatares-en-mundos-virtuales-3d/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/29/avatares-en-mundos-virtuales-3d/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 19:33:05 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Mundos virtuales]]></category>
		<category><![CDATA[avatares]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=216</guid>
		<description><![CDATA[<p></p>
<p>Figura 1. Mosaico de mundos virtuales disponibles actualmente.</p>
<p>.
Los mundos virtuales 3D proporcionan ambientes seudorealísticos inmersivos en los cuales dos o más personas comparten experiencias virtuales en uno o varios escenarios utilizando avatares personalizados (ver figura 1).</p>
<p>.</p>
<p>Los avatares pueden ser configurados a través de editores disponibles en los mundos virtuales. La figura 2 muestra el editor [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.portafolioseducativos.org.ve/avatares/mundosvirtuales.jpg" target="_blank"><img class="alignnone" src="http://www.portafolioseducativos.org.ve/avatares/mundosvirtuales.jpg" alt="" width="800" height="600" /></a></p>
<p>Figura 1. Mosaico de mundos virtuales disponibles actualmente.</p>
<p><span style="color: #ffffff">.</span><br />
Los mundos virtuales 3D proporcionan ambientes seudorealísticos inmersivos en los cuales dos o más personas comparten <em>experiencias virtuales</em> en uno o varios escenarios utilizando avatares personalizados (ver figura 1).</p>
<p><span style="color: #ffffff">.</span></p>
<p>Los avatares pueden ser configurados a través de editores disponibles en los mundos virtuales. La figura 2 muestra el editor de avatares de <a href="http://www.smallworlds.com/login.php?login=true" target="_blank">Smallworlds</a> (ver figura 2).</p>
<p><img class="alignnone" src="http://www.portafolioseducativos.org.ve/avatares/editoravatar.jpg" alt="" width="644" height="497" /></p>
<p>Figura 2. Editor de avatares del mundo virtual Smallworlds.</p>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación muestro un video promocional de <a href="http://www.imvu.com/" target="_blank">ImVu </a>.</p>
<p><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/wipM6jsj0ow&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" />
<param name="allowFullScreen" value="true" />
<embed wmode="transparent" src="http://www.youtube.com/v/wipM6jsj0ow&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="transparent" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=wipM6jsj0ow">www.youtube.com/watch?v=wipM6jsj0ow</a></p></p>
<p><span style="color: #ffffff">.</span></p>
<h2>Mundos virtuales e implicaciones educativas</h2>
<p>Participar en un mundo virtual permite poner a prueba destrezas y habilidades especialmente al momento de tomar decisiones. Las implicaciones educativas se pierden de vista y vale la pena analizarlas en función de algunas ventajas y desventajas.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Ventajas</h2>
<ul>
<li>Las experiencias virtuales son abiertas ya que los participantes no siguen pautas preestablecidas como ocurre, por ejemplo, en las simulaciones programadas por los diseñadores instruccionales.</li>
</ul>
<ul>
<li>Los participantes pueden asumir distintos roles de acuerdo con sus experiencias y motivaciones.</li>
</ul>
<ul>
<li>En estos mundos virtuales se rompen los obstáculos y las barreras que existen normalmente cuando nos enfrentamos a desconocidos en situaciones de la vida real.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2><span style="color: #ffffff"> </span>Desventajas</h2>
<ul>
<li>Tanto el aprendiz como el instructor requieren estar en el mundo virtual al mismo tiempo.</li>
</ul>
<ul>
<li>Las expresiones corporales y faciales de los avatares deben ser mejoradas con la finalidad de que puedan ser de utilidad para los participantes. por ejemplo, para detectar emociones.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2>Disponibilidad de mundos virtuales</h2>
<p>En el ámbito educativo ha sido utilizado con preferencia <a href="http://secondlife.com/" target="_blank">Second Life</a>, pero es importante reconocer que existen otros mundos virtuales que ofrecen funcionalidades idénticas.</p>
<p>En general los mundos virtuales permiten:</p>
<ul>
<li>Compartir y crear escenarios virtuales, propiciar la comunicación entre los participantes localizados en cualquier lugar del mundo y en cualquier uso horario.</li>
</ul>
<ul>
<li>Propiciar el intercambio sociocultural.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación presento una lista de los mundos virtuales.  Al tratar de acceder a estos mundos virtuales es necesario recordar  lo siguiente:</p>
<ul>
<li>La mayoría de los mundos virtuales requieren la descarga de   instaladores.</li>
</ul>
<ul>
<li>Algunos  son de acceso libre y gratuito mientras; otros requieren el pago de mensualidades y/o anualidades.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p><a href="http://www.activeworlds.com/" target="_blank">Activeworlds </a></p>
<p><a href="http://www.entropiauniverse.com/" target="_blank">Entropia </a></p>
<p><a href="http://www.habbo.com/" target="_blank">Habbo</a></p>
<p><a href="http://www.weeworld.com/" target="_blank">WeWorld </a></p>
<p><a href="http://www.habbo.com/" target="_blank">Habbo</a> (dirigido a adolescentes)</p>
<p><a href="http://www.imvu.com/" target="_blank">ImVu </a></p>
<p><a href="http://www.kaneva.com/" target="_blank">Kaneva </a></p>
<p><a href="http://www.openlifegrid.com/" target="_blank">Openlife </a></p>
<p><a href="http://secondlife.com/" target="_blank">Secondlife</a></p>
<p><a href="http://www.smeet.com/" target="_blank">Smeet</a> (entretenimiento y eventos en vivo)</p>
<p><a href="http://www.twinity.com/" target="_blank">Twinity</a></p>
<p><a href="http://www.vizwoz.com/" target="_blank">Vizwoz </a></p>
<p><a href="http://www.vmtv.com/" target="_blank">VMTV </a></p>
<p><a href="http://www.vside.com/" target="_blank">VSide </a></p>
<p><a href="http://www.weeworld.com/" target="_blank">WeWorld </a></p>
<p><a href="http://www.3dchat.com/" target="_blank">3DChat</a></p>
<p><a href="http://www.smallworlds.com/login.php?login=true" target="_blank">Smallworlds</a></p>
<p><span style="color: #ffffff">.</span></p>
<h2>Importancia del uso de avatares en los mundos virtuales</h2>
<p>Los avatares seleccionados y configurados por los usuarios de los  mundos virtuales:</p>
<ul>
<li>Facilitan la ejecución de roles sin complejos ni temores a ser  juzgados.</li>
</ul>
<ul>
<li>Permiten que los usuarios experimenten asumiendo roles  propios de  géneros o razas distintos.</li>
</ul>
<ul>
<li>Contribuyen con la fortaleza de las destrezas y habilidades que no  se poseen en  la vida real.</li>
</ul>
<ul>
<li>Propician la participación con distintos roles dentro de una misma  actividad.</li>
</ul>
<ul>
<li>Permien la confrontación de tópicos con diferentes puntos de vista.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p>¡Visita los mundos virtuales y vive tus propias experiencias!</p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #ffffff">.</span></p>
<p>Rerefencias</p>
<p><a href="http://bit.ly/bianTM" target="_blank">http://bit.ly/bianTM</a></p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/29/avatares-en-mundos-virtuales-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Herramientas para la integración de avatares dinámicos en materiales educativos para eLearning</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/27/herramientas-para-la-integracion-de-avatares-dinamicos-en-materiales-educativos-para-elearning/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/27/herramientas-para-la-integracion-de-avatares-dinamicos-en-materiales-educativos-para-elearning/#comments</comments>
		<pubDate>Sun, 27 Jun 2010 15:56:18 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Clasificación de avatares]]></category>
		<category><![CDATA[Diseño de avatares animados]]></category>
		<category><![CDATA[agentes pedagógicos]]></category>
		<category><![CDATA[avatares dinámicos]]></category>
		<category><![CDATA[avatares.avatares estáticos]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=206</guid>
		<description><![CDATA[<p>El éxito logrado por empresas corporativas al utilizar avatares para el entrenamiento de su personal ha servido como base para incorporar estos caracteres animados en el desarrollo de cursos con propósitos educativos.</p>
<p>Antes de presentar las herramientas que pueden ser utilizadas para  integrar avatares a los contenidos educativos quiero resaltar, en primer  lugar, la [...]]]></description>
			<content:encoded><![CDATA[<p>El éxito logrado por empresas corporativas al utilizar avatares para el entrenamiento de su personal ha servido como base para incorporar estos caracteres animados en el desarrollo de cursos con propósitos educativos.</p>
<p>Antes de presentar las herramientas que pueden ser utilizadas para  integrar avatares a los contenidos educativos quiero resaltar, en primer  lugar, la diferencia entre avatar y agente pedagógico, y luego establecer una  clasificación de los tipos de avatares.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Avatares y agentes pedagógicos</h2>
<p>Es importante diferenciar entre avatares y agentes pedagógicos. Un avatar es un caracter que representa a un humano y es controlado por éste. Un agente es controlado por la computadora.</p>
<p>Los avatares son utilizados como agentes pedagógicos (caracteres  animados que guían a los aprendices). También se les llama  profesores virtuales o instructores animados.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Hacia una clasificación de los avatares y agentes pedagógicos</h2>
<p>La siguiente imagen proporciona una idea del interés que existe actualmente por los avatares (ver figura 1).</p>
<p><a href="http://www.portafolioseducativos.org.ve/avatares/misavatares.jpg"><img class="alignnone" src="http://www.portafolioseducativos.org.ve/avatares/misavatares.jpg" alt="" width="800" height="500" /></a></p>
<p>Figura 1. Mosaico de aplicaciones web disponibles para la edición de avatares.</p>
<p><span style="color: #ffffff">.</span></p>
<p>En un intento por establecer una clasificación sencilla de los  tipos de avatares utilizaré el siguiente criterio operacional: los avatares pueden ser estáticos y/o dinámicos.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Avatares estáticos</h2>
<p>Los avatares estáticos están dispuestos en una posición fija en las pantallas de una presentación multimedial. Por ejemplo, el avatar que estoy desarrollando y al que he llamado Sónico es estático.</p>
<p>Haga  clic <a href="http://www.portafolioseducativos.org.ve/sonico/win03Q1CS52.html" target="_blank">aquí</a> para acceder al avatar Sónico. Observe que Sónico es un avatar animado extremadamente estático. Apenas mueve los labios y parpadea cada 2-4 segundos.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Los avatares animados estáticos pueden ser representados gráficamente de cuatro maneras distintas:</p>
<ul>
<li> Caracteres  animados.</li>
</ul>
<ul>
<li>Comics y/o cartoons.</li>
</ul>
<ul>
<li>Fotografías reales manipuladas con técnicas de edición de imágenes.</li>
</ul>
<ul>
<li>Construidos a partir de lineas y figuras (por ejemplo, armados con drag&amp;drop, dibujados con editores de imágenes en línea).</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p>Las propiedades más sobresalientes de los avatares estáticos son las siguientes:</p>
<ul>
<li>Movimientos sincronizados de los labios con el audio (voz humana o sintética).</li>
</ul>
<ul>
<li>Parpadeos síncronos.</li>
</ul>
<ul>
<li>Movimientos faciales y de los ojos de acuerdo con el desplazamiento del puntero del ratón.</li>
</ul>
<ul>
<li>Pueden ser presentados en pantalla de tres maneras: la cara solamente (talking heads), medio cuerpo y cuerpo entero.</li>
</ul>
<ul>
<li>No se desplazan en pantalla cuando son intergados a las presentaciones multimediales con propósitos educativos.</li>
</ul>
<p>Los avatares animados estáticos representados en forma de comics normalmente caracen de las propiedades mencionadas anteriormente.</p>
<p>Actualmente varias compañías ofrecen aplicaciones de escritorio y aplicaciones web que facilitan la edición de avatares a  usuarios de cualquier edad.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Aplicaciones web para generar avatares estáticos</h2>
<p>Las aplicaciones web para generar avatares representados en forma de  cartoon son las más comunes y abundantes.  A continuación proporciono una  lista de enlaces que recomiendo visitar. Comparta los enlaces con sus  aprendices e invítelos a realizar las experiencias que ofrecen estas  aplicaciones.</p>
<p><span style="color: #ffffff">.</span></p>
<h3>Aplicaciones web que permiten generar avatares estáticos en forma de cartoon y/o comics</h3>
<p><a href="http://www.tektek.org/dream/" target="_blank">Dream Avatar Creator</a> (2D)</p>
<p><a href="http://avatarmaker.abi-station.com/index_en.shtml" target="_blank">Abi Portrait Avatar Maker</a> (2D)</p>
<p><a href="http://illustmaker.abi-station.com/index_en.shtml" target="_blank">Portrait Illustration Maker</a> (2D)</p>
<p><a href="http://www.moeruavatar.com/index_en.shtml" target="_blank">Otaku Avatar Maker</a> (2D)</p>
<p><a href="http://www.faceyourmanga.com/homepage.php?lang=eng" target="_blank">Face Your Manga</a> (2D)</p>
<p><a href="http://www.amctv.com/originals/madmen/madmenyourself/" target="_blank">Madmen Avatar Creator</a> (2D)</p>
<p><a href="http://www.myavatareditor.com/" target="_blank">My Avatar Editor</a> (2D)</p>
<p><a href="http://www.meez.com/" target="_blank">Meez</a> (3D)</p>
<p><strong><a href="http://avatara.com/" target="_blank">Avatara </a></strong>(3D)</p>
<p><a href="http://www.simpsonsmovie.com/main.html?cid=us" target="_blank">Simpsons Avatar</a> (2D)</p>
<p><a href="http://www.vivavoodoo.com/" target="_blank">VivaVoodoo</a> (2D)</p>
<p><a href="http://www.buildyourwildself.com/" target="_blank">Build Your Wild Self</a> (avatares 2D con partes de animales)</p>
<p><a href="http://www.cpbintegrated.com/theherofactory/" target="_blank">Hero Factory</a> (avatares 2D con apariecia de héroe)</p>
<p><a href="http://www.reasonablyclever.com/mini/" target="_blank">Reasonable Clever Lego Avatar</a> (avatares 2D con apariecia de LEGO)</p>
<p><a href="http://bitstrips.com/create/character/" target="_blank">Bitstrips</a> (2d caracter)</p>
<p><a href="http://bitstrips.com/create/comic/" target="_blank">Bitstrips</a> (2d comic)</p>
<p><a href="http://www.doppelme.com/" target="_blank">DoppelMe</a> (2D)</p>
<p><a href="http://www.pocoyize.com/online/" target="_blank">Pocoyo</a> (2D)</p>
<p><a href="http://avatars.yahoo.com/index.html" target="_blank">Yahoo Avatars</a></p>
<p><span style="color: #ffffff">.</span></p>
<h3>Aplicaciones web que permiten generar avatares estáticos a partir de fotografías</h3>
<p><a href="http://mywebface.mywebsearch.com/" target="_blank">MyWebFace</a></p>
<p><a href="http://simpsonizeme.com/" target="_blank">SimpsonizeMe</a></p>
<p><a href="http://www.befunky.com/" target="_blank">Be Funky</a> (convierte la foto en cartoon)</p>
<p><a href="http://www.alpoy.com/" target="_blank">Alpoy</a></p>
<p><a href="http://www.cartoonme.com/en/" target="_blank">Cartoon me</a> (servicio no gratuito)</p>
<p><a href="http://unique.rasterboy.com/" target="_blank">Unique</a></p>
<p><a href="http://www.moonjee.com/" target="_blank">Moonjee</a></p>
<p><a href="http://www.reallusion.com/iclone/" target="_blank">Reallusion iClone</a> (apariencia de cartoon en 3D)</p>
<p><a href="http://avatar.pho.to/" target="_blank"><strong>avatar.pho.to </strong></a>(genera gif animados)</p>
<p><a href="http://www.bigstage.com/" target="_blank">Bigstage</a></p>
<p><a href="http://www.minigao.com/" target="_blank">Minigao</a></p>
<p><span style="color: #ffffff">.</span></p>
<h3>Aplicaciones web que permiten generar avatares estáticos a partir de líneas y figuras</h3>
<p><a href="http://www.mrpicassohead.com/create.html" target="_blank">Mr. PicassoHead</a></p>
<p><a href="http://www.heavygames.com/createaface/gameonline.asp" target="_blank">Create a face</a></p>
<p><a href="http://www.minimise-me.com/" target="_blank">MinimiseMe</a> (genera emoticones)</p>
<p><a href="http://flashface.ctapt.de/" target="_blank">Flashface</a></p>
<p><a href="http://digibody.com/avatar-maker/index.php" target="_blank">Digibody</a></p>
<p><strong><a href="http://www.urfooz.com/" target="_blank">Urfooz</a></strong></p>
<p><a href="http://turnyournameintoaface.com/" target="_blank">TurnYourNameIntoAFace</a></p>
<p><a href="http://www.reasonablyclever.com/blockhead/" target="_blank">Block Head Iconizer</a></p>
<p><a href="http://mego.com/" target="_blank">mEgo</a></p>
<p><span style="color: #ffffff">.</span></p>
<h3>Aplicaciones web que permiten generar avatares estáticos en forma de caracteres animados</h3>
<p><a href="http://blabberize.com/" target="_blank">Blabberize</a> (genera talking heads)</p>
<p><a href="http://www.gizmoz.com/" target="_blank">Gizmoz</a> (genera talking heads)</p>
<p><a href="http://www.voki.com/" target="_blank">Voki</a></p>
<p><a href="http://www.readthewords.com/" target="_blank">ReadTheWords</a></p>
<p><a href="http://www.fix8.com/" target="_blank">Fix8</a></p>
<p><a href="http://www.sitepal.com/" target="_blank">SitePal</a></p>
<p><a href="http://www.reallusion.com/crazytalk/" target="_blank">CrazyTalk</a></p>
<p><span style="color: #ffffff">.</span></p>
<h2>Avatares dinámicos</h2>
<p>Los avatares dinámicos transmiten expresividad emocional y se desplazan en pantalla. Son los más recomendados para  eLearning.</p>
<p>Los avatares dinámicos poseen las mismas propiedades que los estáticos y se diferencian de éstos por los rasgos siguientes:</p>
<ul>
<li>Se desplazan en pantalla con movimientos precisos y acordes con la aparición de los contenidos multimediales.</li>
</ul>
<ul>
<li>Los movimientos de los ojos, párpados y labios suelen estar coordinados con la secuencia de aparición de los elementos multimedia (texto, audio, video, animaciones, simulaciones).</li>
</ul>
<ul>
<li>Algunos gestos corporales relacionados con las manos, hombros y párpados son empleados para enfatizar los rasgos prosódicos (entonación, duración e intensidad) de la voz humana o sintética  que apoya los contenidos.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2>Herramientas para integrar avatares dinámicos a los contenidos eLearning</h2>
<p>Están disponibles una variedad de herramientas de escritorio y aplicaciones web que permiten editar e integrar avatares en contenidos educativos. Existen otras aplicaciones como <a href="http://www.voxproxy.com/" target="_blank">Voxproxy</a> que permiten integrar agentes pedagógicos a  presentaciones Power Point de Microsoft. También es posisble recurrir a  empresas especializadas en el diseño de avatares. En esta revisión me limitaré a señalar sólo las siguientes tres:</p>
<ul>
<li><a href="http://noahx.com/" target="_blank">Noah</a>.</li>
<li><a href="http://www.mediasemantics.com/" target="_blank">Mediasemantics</a>.</li>
<li><a href="http://www.codebaby.com/" target="_blank">CodeBaby Studio</a>.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación describo las características y funcionalidades más resaltantes de cada una de estas opciones.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>NOAH</h2>
<p><a href="http://noahx.com/" target="_blank">Noah</a> es una aplicación web que permite editar avatares en línea. Ha sido probada en los siguientes navegadores:  IE 7, IE  6.x, Netscape 7.x, Netscape 8.x, Firefox 1.0.x, Firefox 2.0.x, Mozilla  1.7.x, Opera 8.0x, y Safari 1.3. Para acceder al editor de <a href="http://noahx.com/" target="_blank">Noah</a> no es necesario descargar ni instalar componentes o aplicaciones adicionales.</p>
<p>La empresa <a href="http://noahx.com/" target="_blank">Noah</a> ofrece varios tipos de registros. Recomiendo abrir una cuenta con la opción Free (acceso libre); aunque tiene limitaciones le permitirá tener la experiencia con un editor de avatares (ver figura 2).</p>
<p><span style="color: #ffffff">.</span></p>
<p><img class="alignnone" src="http://www.portafolioseducativos.org.ve/avatares/logeadoennoah.jpg" alt="" width="780" height="505" /></p>
<p>Figura 2. Interfaz gráfica del editor de avatares de NOAH.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Haga clic en este <a href="https://editor.noahx.com/editor" target="_blank">enlace</a> para acceder al editor  en línea.</p>
<p>Si desea saber sobre cómo es generado un curso para eLearning con este editor haga clic <a href="http://noahx.com/editordemo/default.htm" target="_blank">aqui</a>.</p>
<p>Haga clic <a href="http://noahx.com/demos/FlashCourse/2/default.htm" target="_blank">aquí</a> si desea visualizar un ejemplo de un curso en el cual ha sido utilizado un agente pedagógico editado con Noah.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Character Builder de Mediasemantics</h2>
<p><a href="http://www.mediasemantics.com/" target="_blank">Mediasemantics</a> es una herramienta de escritorio distribuida comercialmente. Requiere Windows XP o Windows Vista. Dispone de una librería de avatares 2D (algunos vienen con la aplicación y otros son distribuidos comercialmente como complentos y deben ser descargados desde el sitio ofical de Mediasemantics) que pueden ser configurados con voz humana o sintética. Exporta a los formatos SWF y AVI. La última versión del editor de avatares de Mediasemantics ha mejorado  la incorporación de fondos y escenarios.</p>
<p>La interfaz gráfica de esta aplicación es realmente sencilla (ver figura 3).</p>
<p><img class="alignnone" src="http://www.portafolioseducativos.org.ve/avatares/editormediasemantics.jpg" alt="" width="800" height="600" /></p>
<p>Figura 3. Interfaz gráfica del editor de avatares de Mediasemantics.</p>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación muestro ejemplos de los escenarios que pueden ser obtenidos con esta aplicación.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_Pitch_555630054"
			class="flashmovie"
			width="400"
			height="300">
	<param name="movie" value="http://www.mediasemantics.com/Samples/Pitch/Pitch.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://www.mediasemantics.com/Samples/Pitch/Pitch.swf"
			name="fm_Pitch_555630054"
			width="400"
			height="300">
	<!--<![endif]-->
		
<p>El siguiente video muestra el resultado de una animación realizada con el editor de <a href="http://www.mediasemantics.com/" target="_blank">Mediasemantics</a>.</p>
<p><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/mpPwmvtDjWw&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" />
<param name="allowFullScreen" value="true" />
<embed wmode="transparent" src="http://www.youtube.com/v/mpPwmvtDjWw&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="transparent" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=mpPwmvtDjWw">www.youtube.com/watch?v=mpPwmvtDjWw</a></p></p>
<p>Haga clic en el siguiente <a href="http://www.mediasemantics.com/UserGuide.pdf" target="_blank">enlace</a> para visualizar y descargar la Guía del Usuario de esta aplicación.</p>
<p>Visite el siguiente <a href="http://www.mediasemantics.com/Download.htm" target="_blank">enlace</a> para obtener una versión de prueba.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>CodeBaby Studio</h2>
<p><span style="color: #ffffff">.</span></p>
<p><img class="alignnone" src="http://www.codebaby.com/wp-content/themes/thesis_17/custom/custom_pages/landingPages/4-0/images/step1.png" alt="" width="603" height="288" /><br />
Fugura 4. Interfaz gráfica del editor de avatares Codebaby Studio.</p>
<p><span style="color: #ffffff">.</span></p>
<p><a href="http://www.codebaby.com/" target="_blank">CodeBaby Studio</a> permite crear avatares 3D. Ofrece 300 animaciones realísticas, sincronización de labios con audio para cualquier lengua.</p>
<p>La interfaz gráfica es bastante intuitiva (ver figura 4). Las animaciones y los audios son colocados en línea de tiempo. Permite exportar contenido al formato Flash® e integrarlo en cursos distribuidos en LMS.  Ofrece Motion Capture, 24 caracteres estándar, 300 gestos, interacciones entre caracteres animados, subtítulos, importa archivos en formatos WAV y MP3, exporta en los formatos FLV, SWF y AVI</p>
<p>Corre en ambiente Windows XP, Vista y Windows 7.</p>
<p><span style="color: #ffffff">.</span></p>
<p>En el próximo post escribiré sobre cómo están siendo utilizados los avatares para propiciar la interacción social a través de redes sociales.</p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #000000">Referencias</span></p>
<p><a href="http://bit.ly/5vgh1R" target="_blank">http://bit.ly/5vgh1R</a></p>
<p><a href="http://bit.ly/aCgWSL" target="_blank">http://bit.ly/aCgWSL</a></p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #000000">Enlaces recomedados</span></p>
<p><a href="http://www-csli.stanford.edu/" target="_blank">http://www-csli.stanford.edu/</a></p>
<p><a title="Enlace permanente a Uso de agentes pedagógicos  animados" href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/?p=964">Uso de agentes pedagógicos animados</a> expuesto en Lengua y Tecnología Educativa.</p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/27/herramientas-para-la-integracion-de-avatares-dinamicos-en-materiales-educativos-para-elearning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Integración de agentes pedagógicos (avatares) en contenidos para eLearning</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/25/integracion-de-agentes-pedagogicos-avatares-en-contenidos-para-elearning/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/25/integracion-de-agentes-pedagogicos-avatares-en-contenidos-para-elearning/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 18:30:56 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[CodeBaby Studio]]></category>
		<category><![CDATA[Media Semantics]]></category>
		<category><![CDATA[NOAH]]></category>
		<category><![CDATA[agentes pedagógicos]]></category>
		<category><![CDATA[avatares]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=116</guid>
		<description><![CDATA[<p>Los avatares (ver figura 1) están siendo utilizados cada vez más -como tutores virtuales, compañeros de trabajo en sesiones de entrenamiento corporativo y clientes virtuales- en cursos distribuidos en las modalidades CBT (Computer Based Training) y WBT (Web Based Training).</p>
<p></p>
<p>Figura 1. Avatar 3D generado con la aplicación CodeBaby Studio.</p>
<p>.</p>
<p>Infinidad de compañías comerciales están utilizando los [...]]]></description>
			<content:encoded><![CDATA[<p>Los avatares (ver figura 1) están siendo utilizados cada vez más -como tutores virtuales, compañeros de trabajo en sesiones de entrenamiento corporativo y clientes virtuales- en cursos distribuidos en las modalidades CBT (Computer Based Training) y WBT (Web Based Training).</p>
<p><img class="alignnone" src="http://www.codebaby.com/wp-content/uploads/2010/06/jessweb.png" alt="" width="131" height="250" /></p>
<p>Figura 1. Avatar 3D generado con la aplicación CodeBaby Studio.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Infinidad de compañías comerciales están utilizando los avatares para  apoyar la formación de su personal. A continuación muestro un ejemplo de una presentación realizada en Adobe Captivate ® en la cual ha sido integrado un avatar como instructor virtual.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.noahx.com/flash/ergonomics/ergonomics_n.htm" frameborder="0" style="height:625px;width:720px;">Please upgrade your browser</iframe>
</div>
<p><span style="color: #999999">[Explore la presentación realizada por la empresa NOAH. Observe la integración del avatar con los contenidos mostrados]</span></p>
<p><span style="color: #ffffff">.</span></p>
<h2>¿Por qué el interés en el uso de avatares?</h2>
<p>El uso de avatares permite:</p>
<ul>
<li>Apoyar la formación de los usuarios que requieren entrenamiento en actividades específicas (por ejemplo, entrenamiento en ventas, manejo de equipos electrónicos, interpretación de las reacciones y manejo efectivo de la comunicación e interacción con clientes vía telefónica, etc.).</li>
</ul>
<ul>
<li>Combinar la formación presencial con la modalidad basada en el uso del computador.</li>
</ul>
<ul>
<li>Disminuir los costos de inversión en el: 1) Pago de honorarios a formadores, entrenadores y expertos profesionales en áreas de conocimiento específicas; 2) Pago de viáticos correspondientes a la movilización, hospedaje y alimentación de los usuarios que requieran entrenamientos fuera de sus localidades de trabajo.</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2>Características de los avatares</h2>
<p>Los avatares -utilizados como agentes pedagógicos- normalmente tienen apariencias realísticas humanas (ver figura 2).</p>
<p>[kml_flashembed publishmethod="static" fversion="8.0.0" movie="http://www.mediasemantics.com/flash/characters.swf" width="400" height="300" targetclass="flashmovie"/]</p>
<p>Figura 2. Avatares disponibles a través de la aplicación Mediasemantics.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Estudios han determinado que los avatares utilizados como agentes pedagógicos:</p>
<ul>
<li>Tienen un aspecto físico más fácil de recordar.</li>
</ul>
<ul>
<li>Son más eficientes y coherentes que los humanos al momento de transferir información (por ejemplo, siempre están disponibles para repetir la información).</li>
</ul>
<ul>
<li>Humanizan el ambiente de trabajo contribuyendo -con ello- a reforzar el mensaje multimedial dirigido a los usuarios (por ejemplo, los usuarios se sienten menos presionados y desarrollan altos niveles de confianza al momento de confrontar las evaluaciones o corregir decisiones equivocadas).</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<h2>Diseño de avatares</h2>
<p>El diseño de avatares requiere:</p>
<ul>
<li>Conocimientos de diseño gráfico, programación (por ejemplo, JavaScript, ActionScript, HTML, XML. CSS) y manipulación/edición de audio e incorporación de voz sintética.</li>
</ul>
<ul>
<li>Disponibilidad de herramientas de autoría de escritorio y aplicaciones web (editores de imágenes, audio).</li>
</ul>
<p><span style="color: #ffffff">.</span></p>
<p>Los requerimientos mencionados anteriormente han propiciado el desarrollo de aplicaciones que permitan la edición e integración de avatares -con relativa facilidad- a los contenidos educativos.</p>
<p>En el próximo post describiré las herramientas disponibles para la edición y disposición de avatares en materiales educativos para eLearning.</p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #c0c0c0"><strong>Referencias</strong></span></p>
<p><a href="http://bit.ly/bqhcTh" target="_blank">http://bit.ly/bqhcTh</a></p>
<p><a href="http://bit.ly/cFQYn6" target="_blank">http://bit.ly/cFQYn6</a></p>
<p><span style="color: #ffffff">.</span></p>
<h6><span style="color: #808080"><strong>Lectura recomendada</strong></span></h6>
<p>Revisar el post <a title="Enlace permanente a Uso de agentes pedagógicos   animados" href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/?p=964" target="_blank">Uso de agentes pedagógicos animados</a> expuesto en Lengua y Tecnología Educativa.</p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/25/integracion-de-agentes-pedagogicos-avatares-en-contenidos-para-elearning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Presentación del avatar Sónico con sincronización de labios y voz sintética</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/09/presentacion-del-avatar-sonico-con-sincronizacion-de-labios-y-voz-sintetica/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/09/presentacion-del-avatar-sonico-con-sincronizacion-de-labios-y-voz-sintetica/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 21:42:21 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[sincronización de labios]]></category>
		<category><![CDATA[voz sintética]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=86</guid>
		<description><![CDATA[Avatar que estará presente en la aplicación web que estoy programando en proptotipo basado en modelo 4MAT de la Dra. Bernice McCarthy. Incorporado sincronización de labios y voz [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" src="http://www.portafolioseducativos.org.ve/sonico/sonico.jpg" alt="" width="625" height="721" /></p>
<p style="text-align: center">Figura 1. Selección de visemas para el avatar Sónico en el editor de Adobe Flash CS5.</p>
<p><span style="color: #ffffff">.</span></p>
<p>Sónico (ver figura 1) es uno de los avatares que estará presente en la aplicación web que estoy programando y cuyo proptotipo -basado en modelo 4MAT de la Dra. Bernice McCarthy- he mostrado en los blogs <a href="http://portafolioseducativos.org.ve/redpe/interfacesdeusuario/" target="_blank">Desarrollo de Interfaces de Usuario</a> y <a href="http://portafolioseducativos.org.ve/redpe/elearning/2010/01/10/4mat-marco-teorico-para-el-desarrollo-de-contenidos-educativos/" target="_blank">Desarrollo de contenidos para eLearning</a>. También he presentado este prototipo en otras redes sociales aliadas.</p>
<p>A continuación podrá activar un botón para visualizar el avatar Sónico.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.portafolioseducativos.org.ve/sonico/win03Q1CS52.html" frameborder="0" style="height:700px;width:800px;">Please upgrade your browser</iframe>
</div>
<p><span style="color: #ffffff">.</span></p>
<p style="text-align: center">[Haga clic en el botón -ubicado en el centro de la pantalla- para activar el avatar Sónico]</p>
<p><span style="color: #ffffff">.</span></p>
<p>La sincronización de los labios y el audio de Sónico está basado en el algoritmo proporcionado por Annosoft LLC Lipsync For Flash Controller</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Descripción del método de sincronización</h2>
<p><span style="color: #ffffff">.</span></p>
<p>This module implements the character controller for for flash movies output from the Lipsync Tool.  The output movie is a streaming audio movie with no visuals. The phoneme information is also recorded in the swf generated from that movie.</p>
<p>What happens is this. The output movie is a simple linear movie with each frame containing part of the streaming audio and actionscript &#8220;commands&#8221; that are fired off to the parent movie.  To use the phoneme information, the parent movie will need to create a class, such as this one, which intercepts these commands and uses them to drive the animation, such as the &#8220;mouth&#8221; position.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Siguiente paso</h2>
<p><span style="color: #ffffff">.</span></p>
<p>En la siguiente etapa incorporaré el avatar Sónico en el cuadrante 2 (imaginar/informar) que he dispuesto en el avance del prototipo mostrado a continuación:</p>
<p><span style="color: #ffffff">.</span></p>
<div class="iframe-wrapper">
  <iframe src="http://www.portafolioseducativos.org.ve/GUI4MATWEB30/4MAT009.html" frameborder="0" style="height:720px;width:820px;">Please upgrade your browser</iframe>
</div>
<p style="text-align: left">[Avance del prototipo para aplicación web. Explore la inetrfaz gráfica del prototipo. Haga clic en los enlaces que aparecen a la izquierda de la pantalla de la interfaa gráfica.]</p>
<p><span style="color: #ffffff">.</span></p>
<p>¡Hasta un próximo avance!</p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/06/09/presentacion-del-avatar-sonico-con-sincronizacion-de-labios-y-voz-sintetica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sincronización de labios en agentes pedagógicos animados (avatares)</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/05/30/sincronizacion-de-labios-en-agentes-pedagogicos-animados-avatares/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/05/30/sincronizacion-de-labios-en-agentes-pedagogicos-animados-avatares/#comments</comments>
		<pubDate>Sun, 30 May 2010 07:44:12 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Diseño de avatares animados]]></category>
		<category><![CDATA[Sincronización labios-audio]]></category>
		<category><![CDATA[amplitud]]></category>
		<category><![CDATA[caracteres animados]]></category>
		<category><![CDATA[fonemas]]></category>
		<category><![CDATA[formas de onda]]></category>
		<category><![CDATA[visemas]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=51</guid>
		<description><![CDATA[<p>La sincronización de los labios con archivos de audio siempre ha representado un inconveniente para el desarrollo rápido de agentes pedagógicos animados (caracteres 2D/3D, avatares). Estos acompañantes virtuales son utilizados con propósitos educativos, por ejemplo, en el software multimedia, en cursos y actividades en línea, etc. (Ver el post  Uso  de agentes pedagógicos animados).</p>
<p></p>
<p>.</p>
<p>A [...]]]></description>
			<content:encoded><![CDATA[<p>La sincronización de los labios con archivos de audio siempre ha representado un inconveniente para el desarrollo rápido de agentes pedagógicos animados (caracteres 2D/3D, avatares). Estos acompañantes virtuales son utilizados con propósitos educativos, por ejemplo, en el software multimedia, en cursos y actividades en línea, etc. (Ver el post  <a href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/?p=964" target="_blank">Uso  de agentes pedagógicos animados).</a></p>
<p><img src="http://www.portafolioseducativos.org.ve/sincro/bocas.jpg" alt="" width="339" height="143" /></p>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación muestro una actividad en la cual usted determinará los tipos y la cantidad de desfases que ocurren entre la sincronización de los labios y los archivos de audio.</p>
<div class="iframe-wrapper">
  <iframe src="http://portafolioseducativos.org.ve/sincro/engage.html" frameborder="0" style="height:600px;width:800px;">Please upgrade your browser</iframe>
</div>
<p style="text-align: center">[Explore las animaciones de los avatares. Responda a las preguntas planteadas en las actividades]</p>
<p style="text-align: left"><span style="color: #ffffff">.</span></p>
<p>De acuerdo con Cabiedes (2007) la búsqueda para producir personajes animados que muestren una sincronización aceptable de la voz con el movimiento de los labios, ha estimulado a diversos grupos de investigación multimedia a desarrollar soluciones que sean eficientes.</p>
<p>Cabe destacar que Cabiades plantea la sincronización de los  labios con el audio sin el uso de visemas, lo cual es una solución distinta al planteamiento propuesto en el desarrollo de mi trabajo y contrario -más no contradictorio- a las recomendaciones expuestas en este post. Esto es debido a que los fundamentos teóricos utilizan los mismos principios fonético-acústicos, pero las aplicaciones dependen de los resultados finales esperados: lograr la mejor sincronización posible.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Experiencias personales</h2>
<p>Considerando el planteamiento de Cabiedes realicé varios experimentos (a principios de 2008) con grupos de aprendices cuyas edades oscilaban entre los 9 y12 años. Observé que un ligero desfase entre el movimiento de los labios y el audio puede actuar como elemento distractor, al punto de promover el abandono de la actividad educativa por parte del usuario.</p>
<p>Ese mismo año trabajé en un proyecto en el cual se me encomendó la tarea de sincronizar los labios de los caracteres animados (dibujados con el editor de Adobe Flash ®) con los archivos de audio. La experiencia y el aprendizaje fueron maravillosos, aunque debo confesar que pasé -junto con los equipos de producción y programación- momentos de dificultades técnicas y de insatisfacciones al no lograr la mejor sincronización. Los caracteres animados mostrados en las actividades anteriores forman parte de los resultados obtenidos.</p>
<p>Al tratar de resolver la tarea que me fuera encomendada, recurrí a varios métodos, la mayoría ad hoc y aunque muy buenos fueron desechados debido al enorme trabajo que implicaría aplicarlos. Para aquel momento era de extrema necesidad modificar la manera tradicional de embeber el audio en los archivos de Flash y lograr las sincronización manualmente.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Soluciones planteadas para lograr la sincronización entre el movimiento de los labios y los archivos de audio</h2>
<p>Como mi experiencia ha sido en Adobe Flash ®, a continuación menciono algunas de las opciones disponibles actualmente, relacionadas con el formato SWF.</p>
<h3><span style="color: #ff0000">Flash LipSync</span> <a href="http://www.flashpulse.com/" target="_blank">http://www.flashpulse.com/</a></h3>
<p><a href="http://www.flashpulse.com/" target="_blank">Flash LipSync</a> es una herramienta de escritorio que permite crear lipsync scripts para Flash. Es distribuida gratuitamente y de Código Abierto. Funciona en ambiente Windows ®.</p>
<p>Para descargar esta aplicación y su código haga clic en este <a href="http://dw.com.com/redir?edId=3&amp;siteId=4&amp;oId=3000-6676_4-10401036&amp;ontId=6676_4&amp;spi=ca0b8d565e4fc4f0d44932d923eb25a5&amp;lop=link&amp;tag=tdw_dltext&amp;ltype=dl_dlnow&amp;pid=10433517&amp;mfgId=6271651&amp;merId=6271651&amp;pguid=AVw9AwoPjAIAAFsw7EAAAAAT&amp;destUrl=http%3A%2F%2Fdownload." target="_blank">enlace</a>.</p>
<p><span style="color: #ffffff">.</span></p>
<h3><span style="color: #ff0000">Papagayo</span> <a href="http://www.lostmarble.com/papagayo/index.shtml" target="_blank">http://www.lostmarble.com/papagayo/index.shtml</a></h3>
<p>Papagayo es una herramienta de escritorio sencilla de utilizar. Es distribuida gratuitamente y de Código Abierto. Funciona para Windows, Mac OS X y Linux. Es utilizada como complemento para el programa de animación llamado AnimeStudio.</p>
<p>Para descargar las opciones disponibles utilice los siguientes enlaces:</p>
<p><strong><a href="http://www.lostmarble.com/downloads/papagayo_win32_1.2.exe" target="_blank">Windows</a></strong> (98/ME/2000/XP/etc.)</p>
<p><strong><a href="http://www.lostmarble.com/downloads/papagayo_macos_1.2.leopard.zip" target="_blank">Mac OS X</a></strong> (Universal Binary for 10.5 Leopard)</p>
<p><strong><a href="http://www.lostmarble.com/downloads/papagayo_macos_1.2.zip" target="_blank">Mac OS X</a></strong> (Universal Binary for 10.4 Tiger)</p>
<p><strong><a href="http://www.lostmarble.com/downloads/papagayo_linux_1.1.zip" target="_blank">Linux</a></strong></p>
<p>Para descargar el código fuente de Papagayo haga clic <a href="http://www.lostmarble.com/downloads/papagayo_1.2_source.zip" target="_blank">aquí.</a></p>
<p><img src="http://www.lostmarble.com/papagayo/img/screen1.jpg" alt="" width="343" height="355" /></p>
<p>[Interfaz gráfica de Papagayo]</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Mis recomendaciones</h2>
<p>Recomiendo utilizar aplicaciones de escritorio con las siguientes características básicas:</p>
<ul>
<li>Estar basados en el uso de fonemas del español, el despliegue de visemas y el análisis de las formas de onda.</li>
</ul>
<ul>
<li>Tener la capacidad de sincronizar archivos de audio sin limitaciones en su longitud.</li>
</ul>
<p>Las herramientas disponibles con estas características son comerciales. Para lograr resultados profesionales recomiendo utilizar:</p>
<h3><span style="color: #ff0000">Annasoft Lipsync Tools</span> <span style="color: #ff0000">4</span> <a href="http://www.annosoft.com/" target="_blank">http://www.annosoft.com/</a></h3>
<p><a href="http://www.annosoft.com/" target="_blank">Annasoft</a> permite exportar a Maya, 3DS MAX y Flash. Corre en ambiente Windows.</p>
<p><span style="color: #ffffff">.</span><br />
.<img src="http://www.annosoft.com/lsyncdemo.gif" alt="" width="543" height="540" /></p>
<p>[Interfaz gráfica de Annasoft Lipsync Tools]</p>
<p><span style="color: #ffffff">.</span></p>
<h3><span style="color: #ff0000">FlashAmpPro3.1</span> <a href="http://www.marmalademedia.com.au/flashamp/index.html" target="_blank">http://www.marmalademedia.com.au/flashamp/index.html</a></h3>
<p><a href="http://www.marmalademedia.com.au/flashamp/index.html" target="_blank">FlashAmpPro</a> funciona para Mac y Windows. Para visualizar un ejemplo de sincronización haga clic <a href="http://www.marmalademedia.com.au/flashamp/basic.html" target="_blank">aquí</a>.</p>
<p>Recomiendo utilizar esta herramienta cuando se desee implantar el método propuesto por Cabiedes (ver referencia).</p>
<p>He adquirido las licencias de éstas dos últimas herramientas por su versatilidad y robustez y debo decir que realmente me permiten acelerar el trabajo de la sincronización de labios con archivos de audio. De ello hablaré y mostraré ejemplos en los próximos posts de este blog.<br />
<span style="color: #ffffff">.</span></p>
<h2>Comentario para finalizar</h2>
<p>Los métodos de procesamiento de datos utilizados por las herramientas  mencionadas en este post ponen de manifiesto la importancia de la  lingüística aplicada, pues para resolver el problema de la  sincronización y generar los algoritmos correspondientes es necesario  recurrir a los conceptos planteados por el análisis fonético-acústico  del habla.</p>
<p><span style="color: #ffffff">.</span></p>
<h2>Referencias</h2>
<p><span style="color: #ffffff">.</span></p>
<p><a href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/?p=1280" target="_blank">Creando caras virtuales para acompañar contenidos educativos, Montenegro, L, BloGPE</a></p>
<p><span style="color: #ffffff">.</span></p>
<p><a href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/?p=964" target="_blank">Uso de agentes pedagógicos animados. Montenegro, L, BlogPE,</a></p>
<p><span style="color: #ffffff">.</span></p>
<p><a href="http://www.utpl.edu.ec/ried/images/pdfs/sincronizacion.pdf" target="_blank">Sincronización de labios: método sin visemas. Cabiedes F., RIED v. 10: 1, 2007, pp 37-50.</a></p>
<p><a href="http://www.utpl.edu.ec/ried/images/pdfs/sincronizacion.pdf" target="_blank"><em> </em></a></p>
<p><span style="color: #ffffff">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/05/30/sincronizacion-de-labios-en-agentes-pedagogicos-animados-avatares/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Editor de avatares en Adobe Flash CS3</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/editor-de-avatares-en-adobe-flash-cs3/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/editor-de-avatares-en-adobe-flash-cs3/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 21:25:24 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Diseño de avatares animados]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[programación]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=12</guid>
		<description><![CDATA[<p>My Avatar Editor es un editor online de avatares basado en flash. Esta aplicacion permite exportar el avatar para incorporarlo en la consola de Nintendo Wii. Ofrece infinidad de opciones, es intuitivo y fácil de usar.</p>

  Please upgrade your browser

<p>Este editor es un buen punto de partida para aprender sobre cómo disenar y programar [...]]]></description>
			<content:encoded><![CDATA[<p><strong><span style="color: #ff6600">My Avatar Editor</span></strong> es un editor online de avatares basado en flash. Esta aplicacion permite exportar el avatar para incorporarlo en la consola de Nintendo Wii. Ofrece infinidad de opciones, es intuitivo y fácil de usar.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.myavatareditor.com/index.html" frameborder="0" style="height:650px;width:800px;">Please upgrade your browser</iframe>
</div>
<p>Este editor es un buen punto de partida para aprender sobre cómo disenar y programar avatares en Flash y AIR.</p>
<p>El código fuente de <span style="color: #003300"><strong><span style="color: #ff6600">My Avatar Editor</span></strong> </span>puede ser descargado desde <a href="http://code.google.com/p/myavatareditor/" target="_blank">http://code.google.com/p/myavatareditor/</a></p>
<p>Recomiendo visitar el blog <a href="http://myavatareditor.blogspot.com/" target="_blank">http://myavatareditor.blogspot.com/</a></p>
<p>Este autor nos ofrece su proyecto más reciente denominado <a href="http://code.google.com/p/avatarcore/" target="_blank">Avatar Core</a> un marco genérico para describir y desplegar avatares en pantalla.</p>
<p>Nos mantendremos atentos a los avances de este proyecto vía RSS de los posts de  <a title="News and updates for My Avatar Editor" href="http://myavatareditor.blogspot.com/">My Avatar Editor Blog</a> (RRS dispuesto en la columna derecha de nuestro blog).</p>
<p>A continuación un ejemplo de lo que podemos obtener con <a href="http://code.google.com/p/avatarcore/" target="_blank">Avatar Core</a>.</p>
<div class="iframe-wrapper">
  <iframe src="http://www.myavatareditor.com/avatarcore/demo/MAELite.html" frameborder="0" style="height:700px;width:820px;">Please upgrade your browser</iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/editor-de-avatares-en-adobe-flash-cs3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uso de agentes pedagógicos animados</title>
		<link>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/uso-de-agentes-pedagogicos-animados/</link>
		<comments>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/uso-de-agentes-pedagogicos-animados/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 15:51:44 +0000</pubDate>
		<dc:creator>leonardomontenegro</dc:creator>
				<category><![CDATA[Diseño de avatares animados]]></category>
		<category><![CDATA[Media Semantics]]></category>
		<category><![CDATA[agentes pedagógicos]]></category>

		<guid isPermaLink="false">http://portafolioseducativos.org.ve/redpe/avatares/?p=3</guid>
		<description><![CDATA[<p> Los agentes animados –clasificados en la categoría de agentes de software (ver esquema en la figura 1)- son representados gráficamente mediante avatares y pueden ser utilizados en sistemas interactivos con propósitos de entretenimiento, artísticos y educativos (Isbister y Doyle, 2002).</p>
<p style="text-align: center">Figura 1. Clasificación de los agentes autónomos.</p>
<p style="text-align: center">[Haz clic sobre la imagen [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ffffff"> </span>Los agentes animados –clasificados en la categoría de agentes de software (ver esquema en la figura 1)- son representados gráficamente mediante avatares y pueden ser utilizados en sistemas interactivos con propósitos de entretenimiento, artísticos y educativos (Isbister y Doyle, 2002).</p>
<p style="text-align: center"><a class="shutterset_" href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/agentes.jpg"><img class="ngg-singlepic ngg-center aligncenter" src="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/thumbs/thumbs_agentes.jpg" alt="agentes" /></a>Figura 1. Clasificación de los agentes autónomos.</p>
<p style="text-align: center"><span style="color: #888888">[Haz clic sobre la imagen para visualizarla en forma ampliada]</span></p>
<p><span style="color: #888888"><span style="color: #ffffff">.</span><br />
</span></p>
<p>Un avatar suele ser una representación gráfica que se auto-atribuye un usuario para identificarse en chats, blogs, correos electrónicos, cursos, juegos de video en línea, etc. En este sentido, son frecuentes los avatares que poseen apariencias humanas y animales mostrados en forma de caricaturas (2D o 3D) o mediante imágenes fotográficas digitales de los usuarios (avatares foto realistas generados retocando las fotografías digitales con editores digitales).</p>
<p>Encontramos avatares estáticos (ver figura 2) y dinámicos (ver  figura 3), presentados a cuerpo entero, medio cuerpo o simplemente la cara.</p>
<p style="text-align: center"><a class="shutterset_" href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/avatarestaticos.jpg"><img class="ngg-singlepic ngg-center aligncenter" src="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/thumbs/thumbs_avatarestaticos.jpg" alt="avatarestaticos" /></a></p>
<p style="text-align: center">Figura 2. Avatares estáticos.</p>
<p style="text-align: center"><span style="color: #888888">[Haz clic sobre la imagen para visualizarla en forma ampliada]</span></p>
<p>Con frecuencia son utilizados <a href="http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&amp;LEMA=emoticono" target="_blank">emoticonos</a> y/o gif animados en vez de avatares, lo que nos hace pensar en una posible confusión –por parte de los usuarios- en el uso de los conceptos avatar y <a href="http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&amp;LEMA=emoticono" target="_blank">emoticono</a>.</p>
<p><span style="color: #ffffff">.</span></p>
<p>A continuación es mostrada una aplicación que permite modificar la apariencia de un avatar.</p>
<p><span style="color: #ffffff">.</span></p>
<p>[kml_flashembed publishmethod="static" fversion="8.0.0" movie="http://www.portafolioseducativos.org.ve/mii.swf" width="570" height="600" targetclass="flashmovie"]</p>
<p><a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p style="text-align: center"><span style="color: #ffffff"> </span><span style="color: #888888">[Diseña</span><span style="color: #888888"> tu avatar haciendo clic en los botones de esta aplicación. Crédito deathmints@gmail.com]<br />
</span></p>
<p><span style="color: #888888"><span style="color: #ffffff">.</span><br />
</span></p>
<p><span style="color: #ffffff"> </span></p>
<p style="text-align: center"><span style="color: #888888"><a class="shutterset_" href="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/steve.jpg"><img class="ngg-singlepic ngg-center aligncenter" src="http://tecnologiaeducativa.portafolioseducativos.org.ve/te/wp-content/gallery/pbydc/thumbs/thumbs_steve.jpg" alt="steve" /></a><br />
</span></p>
<p style="text-align: center">Figura 3. Avatar foto realístico dinámico (cara, medio cuerpo y cuerpo entero). Crédito <a href="http://www.mediasemantics.com/" target="_blank">MediaSemantics.</a></p>
<p style="text-align: center"><span style="color: #888888">[Haz clic sobre la imagen para visualizarla en forma ampliada]</span></p>
<p style="text-align: center">
<p><span style="color: #888888"><span style="color: #ffffff"> </span></span>En esta serie de posts consideraré los avatares que operan en ambientes simulados (por ejemplo, mundos virtuales como <a href="http://www.justleapin.com/" target="_blank">Just Leap In</a>, <a href="http://secondlife.com/" target="_blank">Second Life,</a> <a href="http://www.clubcooee.com/" target="_blank">Club Cooee</a>), con aspecto corpóreo humanoide, carentes de inteligencia artificial (incapaces de aprender por sí solos), que tienen como objetivo instruir y apoyar al aprendiz en las secciones y actividades educativas -por ejemplo, durante la interacción con un objeto de aprendizaje o la explicación sobre el funcionamiento de una autoevaluación en línea.</p>
<p>Los agentes animados permiten una relación frente a frente entre el usuario y el entorno gráfico -dinámico e interactivo- que define al recurso educativo, o entre varios usuarios (aprendiz-aprendiz, aprendiz-docente) participando a la vez en varios entornos gráficos del mismo recurso educativo (por ejemplo, en los mundos de una aplicación web como <a href="http://www.justleapin.com/" target="_blank">Just Leap In</a>).</p>
<p>Al seleccionar un avatar estamos originando nuestro <em>digital proxy</em>, es decir, estamos autorizando al avatar -de nuestra preferencia- a actuar como si se tratara de nosotros mismos (Schroeder, Axelsson, 2006). Al traspasar esta potestad al avatar damos rienda suelta a comportamientos que pueden ser descritos -en el plano del <a href="http://es.wikipedia.org/wiki/Metaverso">metaverso</a>- mediante nuestras nuevas <em>personalidades digitales</em>.</p>
<p>A continuacion expongo algunos de los resultados arrojados por investigaciones sobre el uso de avatares con propósitos educativos (ver lecturas recomendadas expuestas al final de este post).</p>
<p><span style="color: #ffffff">.</span></p>
<h3><em>Compañeros virtuales</em></h3>
<p>Los agentes animados con características humanas son ideales para ser utilizados como acompañantes virtuales cuando están dotados de –al menos uno- los siguientes rasgos:</p>
<ul>
<li> Despliegue gráfico que permita los movimientos y desplazamientos del agente animado en forma eficiente.</li>
<li>Expresividad emocional.</li>
<li>Comunicación verbal (habla natural o sintética).</li>
</ul>
<p>El diseño de avatares animados con apariencia humana implica conjugar estos tres rasgos, los cuales, normalmente, están ausentes en los agentes animados utilizados con propósitos educativos.</p>
<p>A continuación verá un agente animado diseñado por la empresa <a href="http://www.mediasemantics.com/" target="_blank">MediaSematics </a>con en el cual usted podrá interactuar para modificar  rasgos relacionados con la posición y el desplazamiento de la cabeza, ojos, brazos, manos, dedos, entre otros. Podrá observar el movimiento de algunas partes del cuerpo del avatar durante la enunciación de frases en lengua inglesa (puede ser configurado para la lengua española).</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_SusanBody_61082597"
			class="flashmovie"
			width="640"
			height="600">
	<param name="movie" value="http://www.mediasemantics.com/Library/Characters/SusanBody/Tester/Output/SusanBody.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://www.mediasemantics.com/Library/Characters/SusanBody/Tester/Output/SusanBody.swf"
			name="fm_SusanBody_61082597"
			width="640"
			height="600">
	<!--<![endif]-->
		
<h6>
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object><span style="color: #888888"> </span></h6>
<p><span style="color: #888888">[Explora los rasgos de este avatar dinámico haciendo clic en las l</span><span style="color: #888888">engüetas</span><span style="color: #888888"> y botones  de esta aplicación. Créditos <a href="http://www.mediasemantics.com/Characters.htm" target="_blank">MediaSemantics</a>]</span></p>
<h6><span style="color: #888888"> </span></h6>
<p><span style="color: #ffffff">.</span></p>
<h3><em><em>Motivadores</em></em></h3>
<p>La presencia de avatares en recursos educativos contribuye con la motivación de los aprendices, especialmente si los acompañantes virtuales son presentados en secciones destinadas a las evaluaciones de entrada y final, las ayudas y retroalimentaciones.</p>
<p>Los agentes animados dotados con -al menos- uno de los rasgos mencionados anteriormente (despliegue gráfico, expresividad emocional y excelente comunicación verbal) son más efectivos para transmitir información y promover la resolución de problemas que los agentes estáticos.  En este sentido, será necesario desarrollar mejores agentes animados para aplicaciones -como <a href="http://secondlife.com/" target="_blank">Second Life</a>-, si se desean aplicar eficientemente como acompañantes virtuales con propósitos educativos.</p>
<p>En el próximo post de esta serie dedicada a los avatares pedagógicos revisaremos la lista de aplicaciones web disponibles para el diseño de avatares en línea.</p>
<p><span style="color: #ffffff">.</span></p>
<p><span style="color: #008000">Referencias</span></p>
<p>Schroeder, R.; Axelsson, A. (2006). Avatars at Work and Play Collaboration and Interaction  in Shared Virtual Environments, Oxford University, Oxford, U.K.</p>
<p>Isbister, I.; Doyle, P. (2002). Design and Evaluation of Embodied Conversational Agents: A Proposed Taxonomy en The First International Joint Conference on Autonomous Agents &amp; Multi-Agent Systems, Bologna, Italy.</p>
<p><span style="color: #0000ff"><br />
<span style="color: #008000">Lecturas recomendadas</span></span></p>
<p>Aghajan, H.; Delagado, R.; Augusto, J. (en prensa). Human-Centric Interfaces for Ambient Intelligence, U.k.</p>
<p>Sonvilla-Weiss, W. (2008). (IN)VISIBLE Learning to Act in the Metaverse, Austria.</p>
<p>Ruttkay, Z; Pelachaud, K. (2004) From Brows to Trust Evaluating Embodied Conversational Agents, N.Y. USA.</p>
<p>.</p>
]]></content:encoded>
			<wfw:commentRss>http://portafolioseducativos.org.ve/redpe/avatares/2010/01/10/uso-de-agentes-pedagogicos-animados/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

