Netex learningMaker | Multipage Template v2.5.3 [Es]

download

of 47

  • date post

    14-Sep-2014
  • Category

    Business
  • view

    102
  • download

    3

Embed Size (px)

description

 

transcript

<ul><li><p>Plantilla Multi-pgina </p><p>Versin 2.5.3 </p></li><li><p> ndice </p><p>1. Introduccin.................................................................................................................................... 4 </p><p>1.1 Estructura de un proyecto ................................................................................................................................... 4 </p><p>1.2 Especificaciones de la plantilla Multi-pgina....................................................................................................... 6 </p><p>2. Pginas ............................................................................................................................................ 8 </p><p>2.1 Pgina de introduccin ........................................................................................................................................ 9 </p><p>2.2 Pgina de contenido ............................................................................................................................................ 9 </p><p>3. Pop-ups (ventanas emergentes)................................................................................................... 11 </p><p>3.1 Pop-up Single..................................................................................................................................................... 11 </p><p>3.2 Pop-up Books .................................................................................................................................................... 12 </p><p>3.3 Pop-up Docs ...................................................................................................................................................... 13 </p><p>3.4 Pop-up Glossary ................................................................................................................................................ 14 </p><p>3.5 Pop-up Link Group ............................................................................................................................................. 14 </p><p>3.6 Pop-up Gallery ................................................................................................................................................... 15 </p><p>3.7 Pop-up Tutor ..................................................................................................................................................... 15 </p><p>4. Widgets ......................................................................................................................................... 17 </p><p>4.1 Widget Normal ............................................................................................................................................... 18 </p><p>4.2 Widget Sabas que ......................................................................................................................................... 18 </p><p>4.3 Widget Tutor .................................................................................................................................................. 19 </p><p>4.4 Widget Audio ................................................................................................................................................. 20 </p><p>4.5 Widget PDF .................................................................................................................................................... 20 </p><p>5. Componentes ............................................................................................................................... 22 </p><p>5.1 Cabecera del curso ............................................................................................................................................ 22 </p><p>5.2 Imagen de fondo ............................................................................................................................................... 23 </p><p>5.3 Portada .............................................................................................................................................................. 24 </p><p>5.4 Objetivos ........................................................................................................................................................... 24 </p><p>5.5 Imagen de introduccin .................................................................................................................................... 25 </p><p>5.6 Actividad ............................................................................................................................................................ 25 </p><p>5.7 Audio ................................................................................................................................................................. 26 </p><p>5.8 Vdeo ................................................................................................................................................................. 26 </p><p>5.9 Flash .................................................................................................................................................................. 26 </p><p>5.10 Imagen ............................................................................................................................................................... 27 </p><p>5.11 Imagen en destacado ........................................................................................................................................ 28 </p><p>5.12 Imagen Tutor .................................................................................................................................................. 28 </p></li><li><p> 5.13 Galera de imgenes .......................................................................................................................................... 29 </p><p>5.14 Galera de vdeos y animaciones ....................................................................................................................... 30 </p><p>5.15 Cita .................................................................................................................................................................... 31 </p><p>5.16 Destacado .......................................................................................................................................................... 32 </p><p>5.17 HTML ................................................................................................................................................................. 32 </p><p>5.18 Enlace a recurso ................................................................................................................................................ 33 </p><p>5.19 Referencia a pie de pgina ................................................................................................................................ 34 </p><p>5.20 Palabra del glosario ........................................................................................................................................... 36 </p><p>5.21 Link .................................................................................................................................................................... 37 </p><p>5.22 Contenido externo ............................................................................................................................................ 38 </p><p>5.23 Cuestionarios ..................................................................................................................................................... 39 </p><p>5.24 Mapa de clicks ................................................................................................................................................... 40 </p><p>5.25 Carrusel ............................................................................................................................................................. 40 </p><p>5.26 Grupo de acorden ........................................................................................................................................... 40 </p><p>5.27 Grupo de pestaas ............................................................................................................................................ 41 </p><p>6. Recursos ........................................................................................................................................ 42 </p><p>A. Anexos ............................................................................................................................................. 43 </p><p>A.1. Tamaos de imgenes y contenidos externos ........................................................................................................ 43 </p><p>A.2. Codificacin de vdeos con HandBrake ................................................................................................................... 44 </p><p>A.2.1. Proceso de codificacin ....................................................................................................................................................... 44 </p></li><li><p>1. Introduccin A lo largo de este documento se describen los elementos que forman la plantilla Multi-pgina en la herramienta autora </p><p>Netex learningMaker. Esta plantilla est indicada para incluir un gran volumen de contenidos, ya que su navegacin se </p><p>realiza desde una pgina inicial, de introduccin, con un men para navegar por las diferentes pginas de contenido. </p><p>Pulsando en ese men, se accede a los diferentes apartados. As, es posible incorporar un mayor nmero de </p><p>informacin por apartados, sin que se perjudique la claridad del proyecto. </p><p>Esta plantilla posee un men lateral de widgets (componentes especiales para presentar informacin adicional) en cada </p><p>pgina de contenido para incluir los recursos adicionales (glosario, galera de imgenes, biografa del autor) visible en </p><p>cada una de esas pginas. Tambin dispone de un men de navegacin superior en donde se sita el selector de </p><p>idioma. </p><p>Existe la posibilidad de contratar la personalizacin de la plantilla e incluir, de esta forma, tu imagen corporativa. </p><p>1.1 Estructura de un proyecto </p><p>Antes de comenzar a crear el proyecto, es importante conocer su estructura, ya que en esta se basa el uso de la </p><p>herramienta autora learningMaker. </p><p>1er nivel. Propiedades y componentes generales </p><p>Son caractersticas y elementos genricos que se repiten en todos los proyectos. Dependiendo de cada plantilla, estas </p><p>propiedades genricas son: </p><p> Widgets: es un determinado tipo de componente especial para introducir informacin y archivos adicionales al </p><p>contenido. </p><p> Cabecera del curso: ttulo y subttulo del curso. </p><p> Pgina de introduccin: es un determinado tipo de pgina en donde se marcan los objetivos pedaggicos, </p><p>presentacin e imgenes de introduccin del proyecto. </p></li><li><p> 5 </p><p>2o nivel. Pginas de contenido </p><p>Simbolizan cada una de las pantallas que son visibles dentro del proyecto. Se sitan en un nivel por debajo de esas </p><p>caractersticas genricas. Contienen, a su vez, ventanas emergentes y componentes. </p><p>3er nivel: Ventanas emergentes </p><p>Simbolizan las ventanas que se sobreponen por encima de las pginas tras la interaccin del usuario. Normalmente se </p><p>utilizan para mostrar vdeos, imgenes, contenidos externos o actividades. Las ventanas emergentes estn dentro de </p><p>las pginas de contenido o elementos genricos e incluyen, a su vez, componentes. </p><p>4o nivel. Componentes </p><p>Son cada uno de los elementos que pueden ser utilizados en las pginas y dentro de los elementos genricos. Hay </p><p>componentes que pueden ser contenedores de otros componentes, es decir, actan como padre. Los componentes, </p><p>a su vez, se encargan de mostrar los recursos asociados a un proyecto o de enlazar los diferentes elementos de una </p><p>plantilla (pginas y ventanas emergentes). </p><p>Los componentes son introducidos dentro de los elementos de todos los niveles superiores. Es decir, hay componentes </p><p>que se incluyen en las pginas de contenido, en las ventanas emergentes o en los elementos genricos del proyecto. </p><p>5 o nivel. Recursos </p><p>Son cada uno de los archivos que incluyen los componentes y que pueden ser utilizados en un proyecto. Los tipos de </p><p>archivos soportados dependern de los componentes utilizados en la plantilla. </p><p>Es el ltimo nivel: los componentes incluyen recursos con un determinado formato. </p></li><li><p> 6 </p><p>1.2 Especificaciones de la plantilla Multi-pgina </p><p> Existe una pgina de introduccin que contiene el men de navegacin por los diferentes apartados, una </p><p>cabecera, la presentacin y los objetivos pedaggicos. </p><p> Los widgets estn situados en la parte lateral derecha del proyecto. </p><p>Se aade soporte para los siguientes elementos: </p><p> Men principal: es el men que se muestra en la pgina de introduccin y que permite acceso a las diferentes </p><p>pginas de contenido. </p><p> Men superior: es el men que se muestra en la cabecera de las pginas de contenido y permite al usuario </p><p>navegar entre las diferentes pginas de contenido. </p><p> Men inferior: permite la navegacin tipo Anterior/Siguiente, para continuar con la visualizacin del curso </p><p>de forma lineal o volver hacia atrs. </p><p>Men superior </p><p>Men principal </p></li><li><p> 7 </p><p>Men inferior </p><p>Los dispositivos, resoluciones y navegadores soportados para estas plantillas son los siguientes: </p><p> Dispositivos: </p><p>o Android 4+ </p><p>o Cualquier otro compatible con los navegadores especificados </p><p> Navegadores: </p><p>o IExplorer 6+ </p><p>o Firefox 19+ </p><p>o Chrome 15+ </p><p>o Android 4.0+ </p><p>o Safari 5.1+ </p><p> Resoluciones: </p><p>o 240x320 </p><p>o 320x480 </p><p>o 480x800 </p><p>o 768x1024 </p><p>A lo largo de este documento se enumeran, describen y especifican cada uno de los elementos incluidos dentro de </p><p>estas plantillas. </p></li><li><p> 8 </p><p>2. Pginas Esta plantilla cuenta con los siguientes tipos de pgina: </p><p> Pgina de introduccin (Page introduction): es la pgina inicial que se muestra cuando abrimos el proyecto. Es </p><p>una pgina que puede ser editada y que se crea por defecto cuando se da de alta el proyecto en la </p><p>herramienta de autora. </p><p>En ella se muestra la cabecera (ttulo y subttulo) que est presente tambin en las pginas de contenido, un </p><p>conjunto con los objetivos pedaggicos y las imgenes de inicio (portada del proyecto) y la presentacin con el </p><p>men principal de navegacin. </p><p> Pgina de contenido (Page content): este tipo de pgina se utiliza para incluir todo el contenido central del </p><p>proyecto. Por defecto, la herramienta de autora incluye, automticamente, una pgina de este tipo en el </p><p>momento de creacin de un proyecto. </p><p>Las operaciones de gestin de pginas desde el editor se realizan a travs del men superior de herramientas, el cual </p><p>nos da acceso a la interfaz de Gestionar pginas. </p><p>Desde aqu es posible cambiar el orden de las pginas, aadir nuevas pginas, eliminar pginas ya existentes o </p><p>duplicarlas. </p><p>A continuacin se describen en detalle las propiedades de cada uno de los tipos de pgina as como los componentes </p><p>que pueden incluir cada una de ellas. </p></li><li><p> 9 </p><p>2.1 Pgina de introduccin </p><p>Esta pgina es la primera que se visualizar al abrir el proyecto. En ella se muestra el men principal y la presentacin </p><p>del proyecto, la cabecera del curso (ttulo y subttulo) y la portada (imgenes y objetivos pedaggicos). </p><p>Las propiedades que se pueden establecer desde el editor para este tipo de pgina son: </p><p>Nombre Tipo Obligatorio Descripcin </p><p>Ttulo...</p></li></ul>