lunes, abril 02, 2007

Power Point a Flash: Herramientas de autor

Autor: Gabriela Díaz Antón, Gabriela_diaz@academia-interactiva.com
Interactiva, Caracas, Venezuela

02 de abril de 2007

A continuación presento una revisión sobre herramientas que permiten convertir una presentación elaborada en Microsoft Power Point a una animación en formato flash:

1. Convierten ppt a Flash, conforme con SCORM y permite realizar quices:
PointeCast Professiona USD $449, SCORM 1,2
Articulate Presenter +Quizmaker, USD $ 898, SCORM 1,2/ 2004
iMediaCONVERT Professional + iMediaQUIZ, USD $ 150, SCORM 1.2 (no están integrados)

2. Convierten ppt a Flash, conforme con SCORM, no incluye herramienta de quices:
PointeCast Lite, USD $99 Lite, SCORM 1,2
Nalanda Quickflash, USD $ 99.95, SCORM 1,2
AuthorPoint, USD $ 229, SCORM 1,2
Articulate Presenter: USD $ 499, SCORM 1,2 / 2004
Adobe Presenter, USD $ 375/mes/5 usuarios, SCORM 1,2 / 2004

3. Convierten ppt a Flash, no conforme con SCORM y no incluyen herramientas de quices:
iMediaCONVERT Professional, USD $ 90
PowerPoint To Flash, USD $ 49.95
FlashPPT, USD $ 49.95
Impatica, USD $ 499
OpenOffice Impress, gratuito

4. Herramienta que crea presentaciones y las exporta a flash. No conforme con SCORM y no incluye herramienta de realización de quices:
Powerbullet, gratuito
OpenOffice Impress, gratuito

Observaciones:
Si no está interesado en realizar presentaciones animadas que vayan a ser incorporados a un LMS, no hace falta que cumplan con SCORM, por lo que cualquiera de la categoría 3 puede servirle. Encontrará que algunos de la categoría 2, que son conformes con SCORM, tienen precios equivalentes a los que no son conformes con SCORM, por lo que vale la pena revisarlos. En estas categorías entran iMediaCONVERT Professional (USD $ 90), PointeCast Lite (USD $99) Lite y Nalanda Quickflash (USD $ 99.95). Revisen las características de cada uno en los párrafos más adelante.
Si desea utilizar herramientas que le facilite elaborar quices y evaluaciones incorporados a la presentación, debe seleccionar entre PointeCast Pro, Articulate Presenter+QuizMaker. iMediaQUIZ permite crear quices separados de la presentación. No viene integrada a iMediaCONVERT Professional.
¿Cuál es la diferencia entre PointCast y Articulate, además del precio? Articulate conforme con SCORM 2004 y por un precio adicional, trae plantillas sobre las que se pueden preparar el curso completo. Al finalizar el quiz en Articulate, solo da la opción de salir. En PointCast Pro, al finalziar el quiz, puedes enlazarlo a otra lámina y seguir con más contenido.
Hay que tener presente que estas herramientas son para cursos con poco contenido o para presentar animaciones y esquemas que ayuden a entender conceptos. Permiten elaborar esas notas del profesor de una manera más atractiva para el estudiante. Para contenidos más largos, hay otras herramientas tales como CourseGenie.
Si tiene tiempo para aprender una nueva herramienta y no quiere gastar dinero, puede utilizar Powerbullet, que es gratuito y le permite editar presentaciones que van a ser exportadas en formato flash. Lo mismo con Open Office Impress. Ver detalles más abajo.

¿Qué ventajas presenta cambiar a flash la presentación?

  • Está listo para correo electrónico.
  • Permite compatibilidad entre sistemas operativos.
  • Reduce el tamaño del archivo.
  • Permite la integración de sonido.
  • Facilita la distribución en Internet.
  • Es un material que se presenta en un flujo continuo.
  • Presenta controles básicos de interacción.
  • Permite mayor accesibilidad.

Características de las herramientas:

Pointe Cast *****
http://www.pointecast.com/
PointeCast™ Publisher Lite mejora Microsoft® PowerPoint® al permitir grabar la narración o sonido para la presentación en PowerPoint®. La narración se sincroniza con las diapositivas de la presentación y se pueden organizar en secciones. Se crea una tabla de contenidos automáticamente.
La presentación se convierte en una presentación Flash que mantiene la fidelidad de los vectores gráficos de Power Point, los vínculos, animaciones, etc.
Se accede a través de la barra de herramientas de Power Point.
Permite ver notas si se han escrito para cada lámina.
Permite varios idiomas para la interfaz.
Se demora varios minutos en realizar la conversión.
El idioma de soporte solo está en inglés.
La versión Lite es muy parecida al software iMediaCONVERT Professional.
La versión Lite no permite crear quices.
La versión Professional genera un paquete conforme con SCORM 1.2 y permite insertar quices. El quiz permite insertar preguntas de verdadero y falso, selección múltiple, etc. Esta versión también permite insertar el logo de la empresa y una nota sobre el autor.
La versión de prueba deja una marca de agua en cada lámina.
Precio: USD $99 Lite (solo pasar ppt a flash).
$449 Professional (pasar a flash y quices).

Articulate Presenter*****
http://www.articulate.com/
Permite crear presentaciones flash personalizadas y e-learning. Permite al usuario no técnico crear presentaciones ricas en contenido integrando narración e interactividad con un archivo estándar PowerPoint. Incluye un menú dentro de Power Point, de manera que se puede manipular la presentación directamente desde el programa: Permite insertar archivos de flash, grabar narración, importar audio, manejar las propiedades de las pantallas. Ofrece además varias opciones de publicación como son: Web, LMS (Scorm 1.2, / 2004), CD, Word, Project Files.
Se pueden insertar quices desde el menú de Articulate presenter si se adquiere y se instala un software adicional llamado Quiz Maker.
Se pueden añadir plantillas a través de un paquete adicional llamada Template Kit.
Se pueden añadir efectos interactivos a través de un paquete adicional llamado Articulate Engage.
La versión de prueba inserta una marca de agua en cada lámina y dura 15 días.
Hay que pagar un coste adicional por cada update.
El idioma de soporte solo está en inglés.
Ofrecen descuentos a institutos académicos pero no especifica cuánto.
Articulate Presenter: USD $ 499
Quizmaker: USD $ 399.
Presenter +Quizmaker: Precio: USD $ 898 (pasar a flash y quices).
También tienen un kit con plantillas por un precio adicional de USD $ 149 para crear cursos incluido en el paquete Studio.
Paquete completo, Presenter, Engage, Quizmaker, Template Kilt: USD $ 1.398..

iMediaCONVERT Professional ****
http://www.imedialearn.com/imediaconvert/pro.html
iMediaCONVERT Professional ofrece la posibilidad de convertir presentaciones de Power Point en flash.
Crea un menú de navegación a la izquierda de la ventana con los títulos de cada una de las láminas. Presenta una barra de herramientas que permite adelantar, pausa e ir atrás. Permite controlar el volumen y trabajar a pantalla completa. También lleva un conteo de las láminas que se están visualizando.
Se tarda varios minutos en hacer la conversión.
Genera una gran cantidad de archivos: sonido, video, imágenes, swf, xml, html, etc. Se visualiza en un navegador.
Conserva las animaciones y la grabación de narración que se haya realizado en Power Point, solo que la calidad de sonido no es tan buena. Genera archivos de sonido en mp3. Se podría mejorar el sonido si estos archivos se reemplazan con otros de mejor calidad, con el mismo formato y el mismo nombre, grabados con otro programa.
En cuanto a las animaciones, las presenta automáticamente como en Power Point, si y solo si, no se programa en power point que se haga clic para continuar. Si se hace esto, también lo pedirá en la animación flash (el letrero que sale para continuar aparece en inglés a pesar de haber seleccionado español como idioma de la interfaz).
Permite ver las notas de las láminas, si las hay.
Se puede personalizar la interfaz, crear una ficha de autor con foto, la cual puede visualizarse durante la presentación en la parte superior de la tabla de contenidos.
Permite actualizaciones de por vida (eso dicen).
La versión de prueba deja una marca de agua en el medio de la diapositiva.
En Moodle se sube como un archivo enlazado. Las diapositivas que contengan imágenes de fondo se tardan en cargar a través de la web.
El idioma de soporte solo está en inglés.
Tienen la herramienta de iMediaQUIZ que permite realizar quices a través de una interfaz en línea. Se presenta como una herramienta separada del iMediaCONVERT Pro. Al terminar la actividad presenta un enlace de cierre de ventana. Se integra a un LMS que cumpla con SCORM pero no dice cual versión. Permite ver el resultado de todos los estudiantes que han contestado el quiz. Está diseñada principalmente para utilizarse en un LMS.
Precio: iMediaCONVERT Professional USD $ 90
iMediaQUIZ USD $ 60
30% descuento en instituciones educativas.

PowerPoint To Flash **
http://www.dreamingsoft.com/
PowerPoint to Flash permite transferir varias presentaciones de PowerPoint a Flash. Muy fácil de utilizar. Se arrastra el icono de la presentación hacia una ventana.
Deja una etiqueta en la diapositiva en la versión de prueba.
No conserva las animaciones de la presentación. Solo muestra una sucesión de diapositivas con una barra de herramientas con botones hacia delante, pausa y hacia atrás.
Se genera un archivo flash y uno en html para visualizarlo en un navegador.
La versión de prueba muestra una etiqueta de recordatorio de registro en todas las diapositivas. Precio: USD $ 49.95.

FlashPPT **
http://www.ypgsoft.com/flashppt.htm
FlashPPT es un convertidor que provee una generación rápida de películas SWF Flash de Macromedia desde presentaciones Microsoft PowerPoint 2000 en vectores, preservando la calidad de los originales.
No conserva las animaciones ni los sonidos.
Solo presenta una flecha hacia delante. No permite retroceso.
Introduce animaciones de transiciones automáticamente entre diapositivas.
Se genera un archivo flash y uno en html para visualizarlo en un navegador.
La versión de prueba no inserta ninguna etiqueta ni marca de agua pero indica en un aviso que pueden existir algunas láminas sin convertir.
Precio: USD $ 49.95.

Adobe Presenter**
http://www.adobe.com/es/products/presenter/
Adobe Presenter, antes Macromedia Breeze Presenter, es una sofisticada herramienta de creación de elementos multimedia y de e-learning que permite a cualquier usuario crear presentaciones profesionales y de alta calidad bajo demanda desde Microsoft® PowerPoint®. Presenter le permite convertir presentaciones en experiencias multimedia y cursos de e-learning atractivos mediante audio, vídeo y simulaciones de software fáciles de agregar.
Compatible con SCORM 1.2, SCORM 2004 y AICC.
No permite la creación de quices.
Precio: el Adobe Presenter viene en paquete con el Adobe Connect y lo cobran mensualmente por cantidad de usuarios. Ej: USD $ 375/mes/5 usuarios, USD $ 0,32/min/usuario. Ofrecen descuento educativo.

Impatica****
http://www.impatica.com/
“Impatica para PowerPoint simplifica el envío de presentaciones PowerPoint narradas, animadas a través de Internet. Impatica mantiene las animaciones, transiciones y vínculos creados en PPT.
Simplemente arrastre una presentación PPT al icono y en segundos es “traducido” delante de sus ojos en un nuevo formato de archivo propietario, el cual es fabulosamente comprimido (95% en promedio) y fluye a cualquier tipo de computadora como applet java en un flujo de 2kbps (acceso telefónico) . La presentación narrada simplemente emerge y se ejecuta espontáneamente en cualquier navegador. Impatica OnCue sincroniza un plugin gratuito de video con PPT y ofrece controles totales tipo VCR, desplazamiento del texto, búsqueda de palabras clave y dos tablas de contenido enlazadas” Impatica utiliza Java. Existen versiones para SO Windows y Mac.
Para Microsoft Power Point en Windows y Macm OS
No menciona que sea conforme con estándares SCORM.
No incluye herramienta para realizar quices.
Precio: USD $ 499.

AuthorPoint****
http://authorgen.com/authorpoint/index.htm
AuthorPOINT captura instantáneamente la presentación PowerPoint y el audio/vídeo mientras lo presenta. Se puede distribuir el resultado en formatos Flash, Windows Media, Real Media, y Pocket PC. Permite insertar la foto o video del autor.
Se instala en la barra de herramientas de Power Point.
Conforme con SCORM 1.2
No presenta la herramienta de creación de quices.
Precio: USD $ 229.
Ofrecen descuento educativo.

Nalanda Quickflash ***
http://www.webspiders.com/en/nalanda_quick_flash.asp
Quick Flash es una espectacular herramienta para conversión de diapositivas PowerPoint a formato Flash. Provee una rápida plataforma habilitada para web para todas las formas de contenido multimedia.
Se integra con PowerPoint como un botón en la barra de tareas. Produce un vector de alta calidad. Realiza la conversión parcial o total de la presentación PowerPoint.
Conforme con SCORM 1.2.
No incluye herramienta para quices.
Precio: USD $ 99.95.

Powerbullet***
http://powerbullet.com/
PowerBullet es una herramienta gratuita que le permite crear archivos Flash. De manera simple se pueden arrastrar y soltar los medios de interfaz.
Powerbullet esta destinada al usuario no-técnico. Posee un editor básico de texto y herramientas de edición. Inserte sonidos (MP3 ó WAV), imágenes (PNG, GIF, JPEG) ó archivos Flash (SWF). Cree animaciones en cualquier elemento de la página. Cree transiciones de página - entrada y salida - con el clic de un botón.
Tipee el texto directamente en el área y agregue color, formato, efectos especiales tales como sombreado y animaciones. O copie de Word u otros programas y péguelos en Powerbullet, manteniendo todo el formato.
Cree sofisticados efectos de color usando transparencias, gradientes y superposiciones
PowerBullet puede exportar la película Flash a diferentes modos, dependiendo de su elección: para una exhibición estándar, los botones de navegación son automáticamente generados y agregados a la parte inferior de cada página (o diapositiva). O puede seleccionar el modo auto-avance y tener las diapositivas avanzando de acuerdo a un temporizador.
Se puede sincronizar un sonido adosado a una página, de modo que la página va a esperar hasta que el sonido termine antes de avanzar.
No es conforme con SCORM.
No permite crear quices.
Gratuito.

OpenOffice Impress**
http://www.openoffice.org/
OpenOffice Impress puede convertir cualquiera de sus archivos como así también los de Powerpoint en archivos Flash.
Solo tiene que importar el archivo PowerPoint a OpenOffice Impress y luego exportar la presentación como archivo .swf
Al pasarlo al formato flash, no soporta las transiciones y animaciones del ppt original ni las que se le hayan añadido con el openOffice Impress. Tampoco soporta el sonido que se le puede añadir con el OpenOffice Impress.
Algunas imágenes pueden verse distorsionadas al pasar la presentación al formato flash. No coloca controles en la animación flash. Para avanzar en las diapositivas, se debe hacer clic sobre la animación flash, tal como se haría con una presentación en power point.
No es conforme con SCORM.
No permite crear quices.
Gratuito.

jueves, marzo 22, 2007

Segunda parte: Errrores que no debes cometer - problema en el diseño de la página

Para facilitar la navegación en las páginas y para que todo quede en su sitio, hay que tener en cuenta diferentes aspectos del diseño.

1. Páginas demasiado pesadas

Las páginas que incluyan archivos de un tamaño excesivo tardarán en cargarse. Esto se puede deber a que contienen animaciones en Flash, imágenes de alta calidad, imágenes de mucho peso, etc. Se considera que una página web empieza a tener sobrepeso cuando supera los 120 kb. Fíjate a la hora de diseñarla que no supere esa cantidad ya que cualquier usuario con un modem de 56 kb para su conexión a Internet tendría tiempo para prepararse un café o un mate. :-)
En caso de imágenes, mientras menos pesadas, mejor. Las más pequeñas deben ser de menos de 10Kb y las más grandes no deberían superar los 30Kb. Todo depende del número de imágenes que tiene la página. Si las imágenes se tardan en cargar, siempre es bueno colocar un texto alternativo para que el usuario sepa de qué trata la imagen que va en ese lugar.
Si utilizas Dreamweaver, en la parte inferior derecha aparece el espacio que ocupa la página y el tiempo que tardaría en cargarse. Con estos datos te puedes hacer una idea.

2. Efecto scroll horizontal

Es muy incómodo tener que desplazarse por la barra de desplazamiento horizontal de izquierda a derecha para poder leer el final de cada línea y retornar al otro extremo para seguir leyendo. Esto se evita si se diseña para que ocupe el 100% de la interfaz o ventana, o se define el espacio de trabajo para una pantalla de 800x600 pixeles, asegurándose así que la página podrá ser vista hasta con el monitor más tradicional.


3. La página no se ve de forma correcta

A la hora de diseñar una página es muy importante insertar todo tipo de objetos y texto que forman parte de ella dentro de tablas, capas o ccs para que éstas, cuando se visualicen en el navegador, no aparezcan descolocadas o desordenadas, con unos espacios en blanco sin sentido. Si por el contrario, utilizas capas, tablas o ccs para colocar los elementos de tu página donde lo planificas, éstos aparacerán siempre colocados en el mismo sitio, de manera ordenada y no se visualizarán de forma diferente según la configuración de la pantalla del usuario.

4. Enlaces sin identificar

Los enlaces se indentifican en algunos sitios por tener una línea subrayada y aparecer en color azul. Las pautas de la web indican que se deben colocar los enlaces activos de un color (preferiblemente azul) y los enlaces visitados de otro colo. De esta manera el usuario de la página sabrá de un solo vistazo qué enlaces ha visitado y cuáles no.

5. Colores con poco contraste

Uno de los aspectos a tener en cuenta es el contraste de colores que se produce entre el color del fondo dela página y el del texto. Para que éste se pueda visualizar de forma clara, es necesario que en el caso de que el fondo sea un color claro, el color del texto sea en un color fuerte y viceversa. Puedes hacer pruebas de color en tu página directamente con la paleta de colores. No recomiendo los colores grises claros para el texto sobre fondo blanco, ya que se dificulta su lectura y a pesar de esto, se ha puesto de moda entre programadores y diseñadores de sitios web.

6. Faltas de ortografía

Una de las cartas de presentación más importantes de una página es la inexistencia de faltas de ortografía. Imagina un diseño estupendo de una página web, pero a la hora de leer su contenido lo único con lo que te encuentras es con faltas de ortografía. Esa no es la imagen que se quiere dar. Por eso hay que tener cuidado a la hora de redactar y escrubir sin faltas de ortografías.

7. Accesibilidad en la web para personas con alguna discapacidad

Una de las cosas a tener en cuenta y que normalmente pasan desapercibidas es diseñar páginas web pensando en aquellos que poseen alguna discapacidad y por el motivo que sea no pueden acceder a la página como cualquier otro usuario. Por ello, las medidas a tomar en cuenta para hacerlas más accesibles son:

7.1. Estructurales: HTML es un lenguaje de marcas estructural. Si lo usamos para obtener una apariencia visual, estamos deformando el significado de esas marcas. Para obtener un resultado visual adecuado debemos usar CCS o plantillas.

7.2. Navegación: La navegación debe ser completamente funcional usando únicamente teclas y de fácil orientación.

7.3. Contenido alternativo: Todos los elementos visuales, sonidos, scripts y applets deberían tener un texto alternativo que explique el contenido de los mismos. Este tipo de recomendación están basados en el documento de la w3c y puedes verlo en la siguiente página de la organización The World Wide Web Consortium (W3C): http://www.w3.org/TR/WCAG10/full-checklist.html.

Las páginas que llevan el logo identificativo de la W3C indican una declaración de conformidad por parte del autor o proveedor de contenido de ajustarse al Nivel A de las directrices de accesibilidad para el contenido web 1.0 del W3C, incluyendo todos los puntos de verificación de Prioridad 1 definido en las directrices. Las directrices de accesibilidad para el contenido web 1.0 explican cómo hacer el contenido web accesible para las personas con discapacidad. Ajustándose a estas directrices ayudará a hacer su sitio web educativo más accesible a los usuarios con cierto tipo de discapacidad y beneficiará a todos los uusarios.

Si deseas colocar el logo de accesibilidad en tu sitio web, entra en el sitio de Level Triple-A Conformance to Web Content Accessibility Guidelines 1.0: http://www.w3.org/WAI/WCAG1AAA-Conformance para conocer cuál es el código que debes insertar. También puedes comprobar la accesibilidad de la página desde la herramienta Dreamweaver en el menú Archivos > comprobar página> accesibilidad. Aparecerá una lista en la parte inferior de la pantalla con los errores que tienes que corregir.

Fuente: Personal Computer & Internet. número 17.

viernes, marzo 16, 2007

Primera parte: Los errrores más comunes que no debes cometer al diseñar tus páginas web educativas - problemas con la estructura

En las primeras etapas de Internet, la mayor parte de las páginas web eran realizadas por aficionados, donde cada cual colgaba una página con el diseño y la estructura que más le gustaba en ese momento o que podía realizar, ya que las herramientas no eran tan amplias como lo son actualmente. A medida que han pasado los años, los sitios web han empezado a cumplir un estándar en cuanto a diseño y usabilidad. No es necesario tener un profundo conocimiento de diseño para realizar una buena página web. Eso sí, debes tener en cuenta varios aspectos relacionados con la estructura, el diseño, las imágenes y el texto, para comenzar.

Para asegurar las visitas a tus páginas web, aparte del contenido, es muy importante que ésta no contenga errores. Como un abrebocas para mejorar el diseño de tu sitio web, en esta serie de cuatro envíos, les mostraré varios consejos a seguir y nuevas ideas para tu sitio web.

Problemas con la estructura del sitio web

Cualquier trabajo que no posea estructura alguna, promueve el caos y el desorden. Por lo tanto, disponer de una estructura clara y ordenada hará que cualquier lector de tu página navegue más cómodamente por ella.

1. Ausencia de estructura

Según el tema que quieras crear, éste dispondrá de una estructura o de otra. Eso sí, lo que está en claro es que la página debe poseer una estructura ordenada para que el usuario que entre en ella no se pierda. La estructura debe estar planificada antes de empezar. Por ello, no está de más que coloques índices de contenido y barras de navegación en todas tus páginas.







2. Elementos de navegación

Los elementos de navegación son importantes en las páginas porque permiten moverse en ella directamente de una parte a otra. Por lo que si la página es más larga de una pantalla y media, sería conveniente que insertaras un elemento que enlace al principio de la página.

3. Páginas sin enlaces de retorno

No elabores páginas que no enlazan a otras páginas o a la página principal. El visitante se verá en un callejón sin salida ya que no tendrá por donde continuar. No hagas que tenga que utilizar la tecla de retorno del navegador. Ten muy en cuenta esto, ya que podría significar el fin de la visita a la página.

4. Enlaces rotos

Los enlaces mantienen viva la web, sin ellos Internet dejaría de ser operativa. Prueba regularmente cada enlace web y revisa el código de la página (html, dhtml, javascript, etc.).

Si tus visitantes encuentran enlaces rotos, que no funciona, que dan error o no llevan a ninguna parte, pierden el interés por tu sitio web. Por eso, puedes comprobar si funcionan o no tus vínculos desde el programa Dreamweaver en: menú Archivo> comprobar página > comprobar vínculos.
También se pueden chequear los vínculos externos e internos a través del servicio de la organización World Wide Web Consortium, W3C, a través del siguiente enlace:
. Tomará un tiempo pero valdra la pena.

5. Diseña la página para un tamaño concreto

La página que diseñes estará orientada a un público específico. Dependiendo de esto puedes configurarla para resoluciones de pantalla de 800x600 si la página va a un público indeterminado, que no pertenece a un sector en concreto y que puede disponer tanto de un monitor de 15 pulgadas como de 24 pulgadas.

Si por el contrario, sabes con certeza que los visitantes que entrarán en tu sitio web, serán por ejemplo, diseñadores en un gran porcentaje, puedes arriesgarte y definir una configuración de pantalla de por ejemplo 1024x768 pixeles.
El tamaño absoluto y la resolución deben estar en concordancia para una visualización correcta, siendo aceptables los siguientes valores:
Para monitores de 14 o 15 pulgadas
, la resoución máxima apreciable sería 800x600 pixeles.
Para monitores de 17 pulgadas,
la resolución máxima apreciable sería 800x600 ó 1024x768 pixeles.
Para monitores de 21 pulgadas
, la resolución máxima apreciable sería a partir de 1024x768 pixeles.
Las posibles resoluciones de un equipo dependen sobre todo de la calidad del monitor y de la tarjeta gráfica del computador.

....continuará con la parte 2...Problemas en el diseño de las páginas web

Referencia: Personal Computer & Internet. número 17.