IKASNABAR OPEN EDUCATION AND TECHNOLOGY 455. HTML5 Video en la Plataforma de E-learning Chamilo de Metauniversidad

Tamaño: px
Comenzar la demostración a partir de la página:

Download "IKASNABAR 2013 - OPEN EDUCATION AND TECHNOLOGY 455. HTML5 Video en la Plataforma de E-learning Chamilo de Metauniversidad"

Transcripción

1 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 455 HTML5 Video en la Plataforma de E-learning Chamilo de Metauniversidad Javier Ortega Conde y Gorka J. Palazio Universidad del País Vasco / Euskal Herriko Unibertsitatea Notas de los autores: Web: y

2 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 456 Resumen Con la aparición de HTML5 Video como estándar para publicar el audiovisual en la Web, sin la dependencia de tecnologías privativas como Flash Video, se abre un nuevo camino para los desarrolladores. El problema se crea ahora con los tres códecs que se disputan la hegemonía dentro de la nueva etiqueta <video>, ya que hay navegadores de Internet que no quieren ceder en sus preferencias de códec. Con ello en mente, dos profesores desarrollan un curso audiovisual en la plataforma de elearning Chamilo con la implementación de vídeos en WebM, H.264 y fallback para Flash. El proceso de implementación es arduo a la hora de testear los vídeos en las diferentes versiones de los navegadores y exige tres copias de cada uno de los 18 vídeos de larga duración que componen el material básico del curso. Chamilo facilita la publicación de vídeos en HTML5 con plantillas configurables, y un reproductor de HTML5 Video es necesario. La opción final fue la de utilizar para la publicación audiovisual el reproductor VideoJS. Palabras clave: HTML5, vídeo, Chamilo, códecs Abstract After appearing the new standard HTML5 Video to publish audiovisual stuff on the Web, putting apart the dependencies created by private tecnologies like Flash Video, a new roadmap must be made for developers. The problem is now based on the three codecs that are competing for the hegemony within the new tag <video>. There are browsers which have to intention to give up their codec choice. Taking it into account, two teachers developed an audiovisual course on the Internet using the elearning plataform Chamilo and implementing videos with WebM, H.264 and fallbacks for Flash. The developing process is hard when testing in different versions of browsers and three copies in different formats of each of the 15 long duration video files are the main stuff of the course. Chamilo facilitates the publication of video files with configurable

3 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 457 templates and a HTML5 Video player is needed. The VideoJS player was the final choice for implement the process. Keywords: HTML5, video, Chamilo, codecs

4 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 458 HTML5 Video en la Plataforma de E-learning Chamilo de Metauniversidad Introducción La idea de crear Metauniversidad con su dos dominios Metauniversidad.com y Metauniversidad.de tuvo un fin práctico de cara a poner en una plataforma las grabaciones de cursos que hacemos todos los años. Llevamos trabajando en el campo audiovisual en Internet y en el mundo del ladrillo desde hace tiempo y nuestro origen como miembros de un grupo local de Software Libre nos llevó a buscar algo nuevo y usable para llevar a la Web los cursos que grabábamos. En nuestro proyecto de plataforma educativa Metauniversidad, teníamos claras 3 cosas: a) Usar una plataforma de elearning potente y con licencia libre. En este punto tenemos que decir que la plataforma Chamilo LMS 87, nos conquistó al conocerla y convenció al profundizar más en ella. b) Queríamos unos contenidos ricos con recursos audiovisuales y no llena de texto, texto y más texto. Las imágenes y presentaciones están bien, y los vídeos y la comunicación en tiempo real aún mejor. El contenido debe ser rico, dinámico y atrayente para el alumno. c) Queríamos aprovechar las nuevas tecnologías sin olvidarnos de respetar los estándares y permitir la compatibilidad con el mayor tipo posible de sistemas y plataformas. 87

5 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 459 Plataforma de E-learning Chamilo LMS y Estándar HTML5 Vídeo Chamilo LMS entre otras bondades tiene la del uso del estándar HTML5, que es el último esperado estándar del World Wide Web Consortium (W3C) 88, el consorcio internacional que emite recomendaciones para que la Web sea algo abierto y compatible para todas y todos. Además usa una característica asociada, si bien no obligatoria, de HTML5, el "Responsive Design". El diseño adaptable, también conocido como "web líquida", que permite que las páginas se adapten a pantallas de cualquier tamaño, desde móviles o tablets, hasta pantallas de gran tamaño y resolución. Esto permite aprovechar al máximo la pantalla así como permitir una mejor visibilidad en pantallas pequeñas sin tener que ver las cosas a tamaño minúsculo o marearse buscando el contenido deseado en la página. Al pensar en HTML5, no todo es de color de rosa. Es una buena tecnología, pero es nueva y los navegadores web aún trabajan en soportar todas sus funcionalidades. Si bien, esto va mejorando a gran velocidad y pronto no supondrá ningún problema, pues incluso Internet Explorer de Microsoft, que siempre ha tenido cierta pelea con el soporte de sus formatos en vez de los estándares, se está adaptando. Como decía al principio queríamos que los estudiantes tuvieran una experiencia rica, multimedia. Y por ello, aparte de la transmisión de audio o vídeo en directo, muy útil para sesiones de consulta o clases en tiempo real, el uso de vídeos era un objetivo claro. Hacen el curso más cercano, más ameno, más atractivo. La alumna o el alumno puede ver al profesor o profesores y no se limita a leer textos. Con la observación de un vídeo, se realiza una experiencia de estudio más acomodada al discente, ya que le permite alternar su ritmo de trabajo y diversificar la experiencia de usuario. Además el vídeo siempre se puede parar para seguir 88

6 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 460 viéndolo posteriormente, adaptándose así al ritmo del usuario. De cara al uso de vídeos, hemos tenido la prueba de fuego al incluir un curso de muchas horas de duración, que está totalmente basado en vídeos, con las sesiones íntegras impartidas por los profesores. Queríamos que se pudieran ver en cualquier plataforma, pero debido al desacuerdo interno de la industria en cuanto a qué formato de vídeo usar, y que todavía hay quien usa navegadores antiguos tuvimos que pelearnos un poco con los reproductores y formatos a usar. En primer lugar, el W3C no exige el uso de uno u otro formato de vídeo, aunque recomiendan que sea uno libre sin patentes ni regalías, para evitar problemas y trabas. Inicialmente estaban el formato Ogg Theora 89 (extensión.ogv), libre y sin regalías, de la fundación Xiph.org y el formato H (extensión.mp4) que no es libre, y para el cual el consorcio de empresas MPEG LA cobran por el uso de sus patentes pero tiene mejor ratio calidad/compresión que Ogg Theora. El consorcio anunció la exención de pago hasta 2016 a los distribuidores y más tarde a perpetuidad pero sólo a usuarios, de modo que a partir de 2016 los distribuidores sí tendrán que pagar y presumiblemente ese coste será repercutido a los usuarios. Entonces Google compró la empresa On2 para hacerse con formatos de vídeo desarrollados por ella y liberó el formato VP8 (con la extensión.webm) para usarlo con HTML5 y competir así con un formato libre, y de mejor ratio calidad/compresión que H.264. Este formato fue adoptado rápidamente por todos los navegadores web, exceto dos que se niegan a hacerlo, Safari de Apple, e Internet Explorer de Microsoft. No es casualidad que ambas empresas formen parte del consorcio MPEG LA y tengan por tanto intereses económicos en que su formato H.264 gane "la batalla de los formatos de vídeo HTML5". Google asimismo anunció

7 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 461 que dejaría de dar soporte de H.264 en su navegador Chrome, pero aún no lo ha hecho. Además el navegador Safari de Apple no tiene soporte de Flash en sus móviles y tablets, lo que supone que no se puede usar como alternativa a vídeo HTML5 en ellos. Como vemos, toda una gran problemática con las diferentes versiones de los navegadores que hoy en día existen y que hacen necesaria la divulgación de tablas comparativas que muchos autores recogen (Bräunlich y Van Aaken, 2013). Imagen 1. Tabla comparativa de formatos de vídeo, compatibilidades de los navegadores y cuota de mercado en 2013 según Long Tail Video (http://longtailvideo.com/html5) Basado en datos de Statcounter.com. Por todo esto, si queríamos que las alumnas o alumnos pudieran ver los vídeos desde cualquier navegador necesitábamos lo siguiente: - Webm: Válido para la mayoría de los navegadores con soporte de HTML5. - Mp4: Para los navegadores con soporte de HTML5 pero no de Webm: Safari e Internet

8 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 462 Explorer - Flash Vídeo (FLV): Para navegadores antiguos que aún no soportan HTML5. - Un reproductor que admitiera estos formatos, incluyendo ofrecer la alternativa Flash en caso de falta de soporte de HTML5. Evaluamos varios reproductores, y para ello partimos de la excelente tabla comparativa de VideoSWS que podemos ver en la imagen 2. También consultamos en las tablas comparativas de HTMLvideo.org 91, sitio web dependiente de Kaltura 92. Primero probamos con el reproductor de HTML5 vídeo MediaElement.js 93, sin embargo nos daba problemas si se usaba primero HTML5 y como alternativa de Flash, de modo que no nos valía, pues queríamos dar prioridad a HTML5. Es de esperar que MediaElement.js, que es un proyecto en constante mejora, solucione esos problemas. Posteriormente probamos Video.js 94, un reproductor totalmente libre y sin regalías que funciona como nosotros queremos y lo hace muy bien, incluyendo fallback para soportar Flash Video, de modo que nos quedamos con él para la implementación en la plataforma Chamilo LMS de Metauniversidad

9 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 463 Imagen 2. Tabla comparativa de los reproductores de HTML5 vídeo En un futuro esperamos no necesitar Flash y con la esperada codificación mejorada de vídeo VP9 (para Webm) es probable que, tanto VP8 (WebM) y H.264 (Mp4) sean descartados y tengamos un sólo formato libre y compatible con todos los navegadores. Pero a pesar de los problemas actuales, con todo esto, completamos nuestra misión de tener una plataforma moderna, rica en contenido audiovisual y con soporte para todos los navegadores. Los vídeos dentro de la plataforma Chamilo se pueden ir ordenando y publicando en las lecciones. Las lecciones se enriquecen con elementos audiovisuales y Chamilo pone una de las plantillas preparada para incorporar vídeos a las lecciones. Dentro de cada lección podemos usar diferentes recursos y vídeos, creando sublecciones de una manera muy fácil. En la imagen 3 se

10 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 464 puede ver una de la implementación que hicimos aunque en este caso se trató de un vídeo corto de presentación de los cursos que interesó dejarlo en Youtube. Como se puede ver, aparece la plantilla con los tres enlaces a los vídeos insertados (en la parte izquierda). El vídeo seleccionado es el 3, que como se puede apreciar aparece en la parte central del interfaz. En el margen derecho, se puede poner un texto orientativo sobre el contenido del vídeo. Imagen 3. Plantilla de una lección con tres vídeos. Las plantillas para el vídeo se pueden modificar sabiendo usar HTML. De todas formas, nosotros aconsejamos no cambiarlas y dejar el ancho y alto del marco contenedor del vídeo como está, ya que con su configuración de 320 píxeles logramos que la máscara-imagen del vídeo se vea bien en las pantallas de los dispositivos móviles. No olvidemos que el usuario siempre puede escoger ver el vídeo a pantalla completa, tanto en VideoJS como en el reproductor de Youtube incrustado. Veamos seguidamente los dos pasos que tenemos que realizar para insertar el reproductor VideoJS que sirva para lanzar los vídeos en los diferentes formatos admitidos en HTML Se incluye el javascript Video.js y las hojas de estilo en el head o cabecera de la 95 La documentación de Video.js se encuentra en que es un enlace a Github

11 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 465 página. Hay dos formas de usar este reproductor, una es en versión CDN (Content Delivery Network) 96 y la otra es la que utilizamos nosotros en hosdedaje propio o Self Hosted. En esta segunda versión, el código que hay que incrustar es el siguiente, y siempre dentro del head de la página web: <link href="http://example.com/path/to/video-js.css" rel="stylesheet"> <script src="http://example.com/path/to/video.js"></script> <script> _V_.options.flash.swf = "http://example.com/path/to/video-js.swf" </script> 2. El segundo paso es el que nos va a permitir colocar los ficheros de vídeo en cada una de las lecciones y teniendo en cuenta que insertamos el mismo vídeo en los formatos.webm,.mp4 y OGG Vídeo si es menester. Se trata de añadir en la parte de la página en HTML que queramos el código correspondiente al vídeo: <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"example_option":true}'> <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> 96 Esta versión es para los desarrolladores que quieren crear un red de transmisión de contenido.

12 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 466 </video> Por lo tanto, de esa forma tan sencilla se puede implementar en HTML5, sin necesidad de usar Flash Vídeo, el vídeo educativo correspondiente, sin tener que incrustarlo desde otros servicios; es decir, dejando el vídeo en los formatos comentados dentro del servidor propio.

13 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 467 Conclusiones El reproductor VideoJS es un excelente recurso para implementar vídeos en la plataforma de elearning Chamilo. VideoJS ofrece al usuario una correcta visualización de los videos en diferentes navegadores y plataformas como aquellas que correspnden a los telefonos móviles o tablets al no requerir la utilización de Adobe Flash para ver correctamente el contenido de los videos. Además de ello, si el navegador del usuario que intenta ver el vídeo no soporta HTML5, automáticamente puede mostrar un reproductor en Flash alternativo, haciendo un fallback.

14 IKASNABAR OPEN EDUCATION AND TECHNOLOGY 468 Referencias Bräunlich, Philip y Van Aaken, Gerrit (2013). HTML5 Video Player Comparison. <http://praegnanz.de/html5video> (Consulta: 20/V/2013). Herrera Ríos, E. (2012). Arrancar con HTML5. Curso de programación. Barcelona: Marcombo. Libby, A. (2012) HTML5 Video How-To. Birmingham, Reino Unido: Packt Publishing Long Tail Video (2013). The State of HTML5 Video, <http://longtailvideo.com/html5> (Consulta: 8/VI/2013) Shupe, Rich (2012). The top five cross-platform video players. <http://www.netmagazine.com/features/top-five-cross-platform-video-players> (Consulta: 20/V/2013)

Curso de HTML5 y CSS3

Curso de HTML5 y CSS3 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 Hemos llegado a uno

Más detalles

Vídeo y Audio. Vídeo en HTML

Vídeo y Audio. Vídeo en HTML Vídeo y Audio Vídeo en HTML Vídeo en HTML5 Antecedentes y necesidad Formatos Elemento de vídeo en HTML5 Codificación Descarga progresiva, streaming y difusión HTTP adaptativa Posibilidades en la manipulación

Más detalles

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

Indexhibit 2 Tareas comunes

Indexhibit 2 Tareas comunes Indexhibit 2 Tareas comunes Oscar Ciutat oscarciutat.com/code Cómo entrar en el área de administración de Indexhibit? 1. Ir a www.direccion.com/ndxzstudio/, sustituyendo www.direccion.com por la dirección

Más detalles

Panel de control nativo de ADOBE FLASH PLAYER 10.3

Panel de control nativo de ADOBE FLASH PLAYER 10.3 Panel de control nativo de ADOBE FLASH PLAYER 10.3 Avisos legales Avisos legales Para ver los avisos legales, consulte http://help.adobe.com/es_es/legalnotices/index.html. iii Contenido Almacenamiento......................................................................................................

Más detalles

Diseño orientado a la web. El lenguaje gráfico en la web. [10.1] Cómo estudiar este tema? [10.2] El color y la tipografía en la web

Diseño orientado a la web. El lenguaje gráfico en la web. [10.1] Cómo estudiar este tema? [10.2] El color y la tipografía en la web Diseño orientado a la web. El lenguaje gráfico en la web [10.1] Cómo estudiar este tema? [10.2] El color y la tipografía en la web [10.3] El código HTML y las CSS [10.4] Java y JavaScript TEMA Esquema

Más detalles

Introducción a Gestión de Proyectos. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema.

Introducción a Gestión de Proyectos. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a Gestión de Proyectos. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a gestión de proyectos Un sistema de gestión de proyectos es

Más detalles

Modelos de gestión de contenidos

Modelos de gestión de contenidos NTSI Gestión de contenidos multimedia en sitios Web Objetivo: Proporcionar al alumno conceptos básicos sobre gestión de contenidos multimedia en sitios web de modo que conozca y diferencie las capacidades

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

Vídeo y animaciones ::: Introducción Diseño de materiales multimedia. Web 2.0. 4.1 Introducción

Vídeo y animaciones ::: Introducción Diseño de materiales multimedia. Web 2.0. 4.1 Introducción 4. Vídeo 314 4.1 Introducción 315 4.1 Introducción 4.1.1 Conceptos básicos de vídeo digital Dimensiones. Es el tamaño del video (ancho x alto) expresado en píxeles cuando se visualiza al 100%, sin agrandar

Más detalles

Los distintos navegadores para movernos por Internet

Los distintos navegadores para movernos por Internet www.solucionesenlaweb.com Los distintos navegadores para movernos por Internet Para que los usuarios puedan navegar por Internet y ver la información que más les interesa en cada momento, utilizamos los

Más detalles

TV educativa en streaming y almacenada: implementación de un canal educativo en Livestream. Dr. Gorka J. Palazio

TV educativa en streaming y almacenada: implementación de un canal educativo en Livestream. Dr. Gorka J. Palazio V Congreso Internacional de Tecnología Educativa y V Jornadas de Informática Educativa TV educativa en streaming y almacenada: implementación de un canal educativo en Livestream. Dr. Gorka J. Palazio Universidad

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

PLIEGO DE PRESCRIPCIONES TECNICAS PARTICULARES PARA EL REDISEÑO DE LA WEB MUNICIPAL USANDO DISEÑO ADAPTATIVO

PLIEGO DE PRESCRIPCIONES TECNICAS PARTICULARES PARA EL REDISEÑO DE LA WEB MUNICIPAL USANDO DISEÑO ADAPTATIVO ASUNTO: PLIEGO DE PRESCRIPCIONES TECNICAS PARTICULARES PARA EL REDISEÑO DE LA WEB MUNICIPAL USANDO DISEÑO ADAPTATIVO Informazioaren Teknologien Saila Departamento de Tecnologías de la Información Herritarrentzako

Más detalles

http://itcformacionyconsultoria.com Página 1 de 6

http://itcformacionyconsultoria.com Página 1 de 6 DIS006. DISEÑO DE PÁGINAS WEB CON DREAMWEAVER. NIVEL PERFECCIONAMIENTO DESTINATARIOS El curso está dirigido a todas aquellas personas que, sin tener nociones previas, ni experiencia, desean adquirir los

Más detalles

Plataforma Online. Manual de usuario. www.cenp.com

Plataforma Online. Manual de usuario. www.cenp.com www.cenp.com Contenido Capítulo 1. Acceso... 1 Requisitos técnicos... 1 Acceso al ecosistema... 1 Página de inicio... 2 Capítulo 2. Usuario alumno... 3 Acceso al área de formación... 3 Mis cursos... 3

Más detalles

DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA

DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA 1 Adaptación y conversión Muchas empresas disponen de contenidos muy completos en formato papel, utilizados en educación presencial o bien en formación a distancia

Más detalles

Introducción a Gestión de Inventarios y Mesa de Ayuda. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema.

Introducción a Gestión de Inventarios y Mesa de Ayuda. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a Gestión de Inventarios y Mesa de Ayuda. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a Gestión de Inventarios y Mesa de Ayuda Un

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

INTRODUCCIÓN A MOODLE

INTRODUCCIÓN A MOODLE INTRODUCCIÓN A MOODLE ÍNDICE 1. Conocer la plataforma Moodle 1.1 Características de Moodle 2. Acceder a Moodle 2.1 Acceder y modificar nuestro perfil 2.2 Editar perfil de usuario 3. Descripción de la interfaz

Más detalles

Técnico en Herramientas de Autor para Elearning + Experto en Captivate (Doble Titulación)

Técnico en Herramientas de Autor para Elearning + Experto en Captivate (Doble Titulación) Técnico en Herramientas de Autor para Elearning + Experto en Captivate (Doble Titulación) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico

Más detalles

Puntuaciones y factores explicativos

Puntuaciones y factores explicativos Puntuaciones y factores explicativos Sitio web Estructura Estructura estándar Cuando la estructura de un sitio web es convencional y se ajusta a lo habitual en su sector, el visitante sabe de antemano

Más detalles

Guía de resolución de incidencias DVD-ROM Oxford Digital

Guía de resolución de incidencias DVD-ROM Oxford Digital Guía de resolución de incidencias DVD-ROM Oxford Digital Índice 1 Siempre se visualiza el primer DVD-ROM con el que se ha trabajado.... 3 2 Se visualiza el DVD-ROM, pero no se accede a los contenidos....

Más detalles

IKASNABAR 2013 - OPEN EDUCATION AND TECHNOLOGY 307. Diseño de una Plantilla en Formato OTP para Generar Webquests. Gorka J.

IKASNABAR 2013 - OPEN EDUCATION AND TECHNOLOGY 307. Diseño de una Plantilla en Formato OTP para Generar Webquests. Gorka J. IKASNABAR 2013 - OPEN EDUCATION AND TECHNOLOGY 307 Diseño de una Plantilla en Formato OTP para Generar Webquests Gorka J. Palazio Universidad del País Vasco / Euskal Herriko Unibertsitatea IKASNABAR 2013

Más detalles

INTRODUCCIÓN AL WEB. Pag. 1 de 10

INTRODUCCIÓN AL WEB. Pag. 1 de 10 INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto

Más detalles

DESARROLLO WEB EN ENTORNO CLIENTE

DESARROLLO WEB EN ENTORNO CLIENTE DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández

Más detalles

GUÍA DEL ALUMNO USO DE LA PLATAFORMA DE E-LEARNING

GUÍA DEL ALUMNO USO DE LA PLATAFORMA DE E-LEARNING GUÍA DEL ALUMNO USO DE LA PLATAFORMA DE E-LEARNING Apreciado alumno, La presente guía tiene como finalidad el familiarizarte con la plataforma de formación. Si has realizado cursos anteriores basados en

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda.

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. En estas secciones, te enseñamos a: Configurar el sitio para varios dispositivos, que los motores de búsqueda comprendan la

Más detalles

Tutorial de CamStudio

Tutorial de CamStudio Tutorial de CamStudio CamStudio es una herramienta para grabar la actividad de la pantalla de su PC a un video AVI o archivo Flash (SWF). Si mueve el cursor, abre un nuevo programa, escribe algún texto,

Más detalles

Requerimientos técnicos

Requerimientos técnicos Acceder desde un computador de escritorio o portátil (Windows o Mac) con acceso a Internet. Tener instalados programas Microsoft Office u Open Office La plataforma actualmente no es compatible con ipad

Más detalles

Creando valor para los archivos de vídeo. Cómo recodificar y adaptar los vídeos de forma masiva utilizando herramientas open source

Creando valor para los archivos de vídeo. Cómo recodificar y adaptar los vídeos de forma masiva utilizando herramientas open source Creando valor para los archivos de vídeo. Cómo recodificar y adaptar los vídeos de forma masiva utilizando herramientas open source PONENCIAS Creating value for video archives. How to massively recode

Más detalles

3. LA PANTALLA DE INICIO

3. LA PANTALLA DE INICIO PRESENTACIÓN Curso para conocer y aprender a utilizar el sistema operativo Windows 8. El curso se divide en dos partes: en la primera se describe la forma de realizar las tareas más habituales en este

Más detalles

Diseño Web. Temario. www.capacitaciongrafica.com

Diseño Web. Temario. www.capacitaciongrafica.com Diseño Web Temario Diseño Web Temario Objetivos: Que el alumno aprenda a Diseñar y Desarrollar sitios web informativos, dinámicos e interactivos cumpliendo con los estandares del diseño web mundial. Al

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

Insumos Video. Tipos de archivo de video. Obtención del recurso. Edición y optimización

Insumos Video. Tipos de archivo de video. Obtención del recurso. Edición y optimización Insumos Video Insumos Video Tipos de archivo de video Obtención del recurso Edición y optimización Insumos Video Tipos de archivo Insumos Video Gracias a la compresión de archivos podemos ver videos en

Más detalles

Como Publicar Videos en YouTube. Cómo publicar en YouTube? Selecciona su idioma

Como Publicar Videos en YouTube. Cómo publicar en YouTube? Selecciona su idioma Como Publicar Videos en YouTube YouTube tiene una plataforma muy fácil de utilizar para el usuario. Estas instrucciones les ensena los pasos que deben seguir para publicar sus videos en internet a través

Más detalles

14.1 Configuración de las propiedades del documento

14.1 Configuración de las propiedades del documento Capítulo 14 Publicación 14.1 Configuración de las propiedades del documento V amos a abrir la película natura.fla guardada en la carpeta Curso Flash/ejemplos. No es necesario guardar los cambios producidos

Más detalles

Grabación automatizada de clases magistrales: el proyecto Videoapuntes de la UPV

Grabación automatizada de clases magistrales: el proyecto Videoapuntes de la UPV Grabación automatizada de clases magistrales: el proyecto Videoapuntes de la UPV Automated Lecture Recording: Videoapuntes Project at UPV Carlos Turró Universitat Politècnica de València turro@cc.upv.es

Más detalles

Creación de un video con audio utilizando PowerPoint, y Wondershare PPT2video Converter

Creación de un video con audio utilizando PowerPoint, y Wondershare PPT2video Converter Creación de un video con audio utilizando PowerPoint, y Wondershare PPT2video Converter Isaac Montenegro - isaacmj@yahoo.com Marcelo Guzman marcelo@marceloguzman.com Universidad de Costa Rica CI-1322 Autómatas

Más detalles

KESDEE Equipo de Apoyo. Fecha: 03 de enero 2014

KESDEE Equipo de Apoyo. Fecha: 03 de enero 2014 Detalles de acceso para Cursos Desarrollado por KESDEE Autor: KESDEE Equipo de Apoyo Versión: 3.0 Fecha: 03 de enero 2014 1 Tabla de contenidos 1. Introducción... 3 2. KESDEE s E-learning & Producto de

Más detalles

Es un gestor de transmisión, grabador y mezclador de video, con interfaz gráfica y las siguientes características:

Es un gestor de transmisión, grabador y mezclador de video, con interfaz gráfica y las siguientes características: LANDELL Es un gestor de transmisión, grabador y mezclador de video, con interfaz gráfica y las siguientes características: - gestiona varios dispositivos de captura de audio y video - permite almacenar

Más detalles

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3

Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico TIC en Diseño Web Responsive con HTML5

Más detalles

Tutorial Layar Creator

Tutorial Layar Creator Tutorial Layar Creator por Raúl Reinoso (@tecnotic) Qué es Layar Creator? Layar Creator es una herramienta online que permite añadir imágenes a la base de datos de Layar y asociarlas contenido virtual

Más detalles

INSTITUTO CONVERSA DIRECCION ACADEMICA PROGRAMACION DE CLASE DREAMWEAVER CS3

INSTITUTO CONVERSA DIRECCION ACADEMICA PROGRAMACION DE CLASE DREAMWEAVER CS3 NOMBRE DEL MODULO: DREAMWEAVER BÁSICO CLAVE: ESPECIALIDAD: DISEÑO GRÁFICO DURACION: 5 FASES OBJETIVO GENERAL DEL MODULO: EL ALUMNO APRENDERÁ TODO LO RELACIONADO CON LA CREACIÓN DE SITIOS WEB DINAMICOS.

Más detalles

Web Mastering y Design

Web Mastering y Design Web Mastering y INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso

Más detalles

Política institucional de uso de estándares abiertos

Política institucional de uso de estándares abiertos Política institucional de uso de estándares abiertos Introducción El uso de estándares es un elemento clave en la innovación y el desarrollo tecnológico ya que proporciona un marco de trabajo común que

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB.

NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB. NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB. Badwin Arévalo Ingeniero de Sistemas Docente catedrático Universidad Francisco de Paula Santander Ocaña Sin duda la Web se ha convertido en una herramienta

Más detalles

Presentaciones On-line PREZI

Presentaciones On-line PREZI Presentaciones On-line PREZI www.prezi.com Introducción Prezi es una herramienta informática que permite realizar presentaciones innovadoras, diferentes a las diapositivas tradicionales. Está basada en

Más detalles

Guía básica para subir vídeos a Youtube

Guía básica para subir vídeos a Youtube Guía básica para subir vídeos a Youtube Índice Videos en YouTube Paso 1: Crear una cuenta Paso 2: Diseñar tu canal Paso 3: Grabar y editar tu video Paso 4: Subir video Paso 5: Características del video

Más detalles

Introducción a Gestión de Conocimiento y Capital Humano. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema.

Introducción a Gestión de Conocimiento y Capital Humano. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a Gestión de Conocimiento y Capital Humano. Beneficios del Sistema. Arquitectura y Diseño del Aplicativo. Requerimientos del Sistema. Introducción a gestión de conocimiento y capital humano

Más detalles

Servicios Web Ministerio del Interior N10

Servicios Web Ministerio del Interior N10 Servicios Web Ministerio del Interior N10 Introducción Propósito. Definir e indicar a los usuarios, los requerimientos y buenas prácticas para la implementación de los servicios y tecnologías utilizadas

Más detalles

Características de los servicios de transferencia de contenidos multimedia

Características de los servicios de transferencia de contenidos multimedia Características de los servicios de transferencia de contenidos multimedia formador Ezequiel Llarena Borges formador Ezequiel Llarena Borges 1 Compresión o codificación del audio Tipos de compresión (Formatos

Más detalles

Tema 4: Audio y Vídeo digital

Tema 4: Audio y Vídeo digital Tema 4: Audio y Vídeo digital 1. Introducción La vibración de las partículas del aire es captada por nuestro oído y crea una sensación en nuestro cerebro que llamamos sonido. El sonido digital es la información

Más detalles

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1 Manual de usuario v0.1 1 Índice de contenidos 1.Iniciar sesión...3 2.Crear una cuenta de usuario...4 3.Elegir un plan de servicio...5 4.Pasar a un plan de pago...7 5.Ver el plan contratado...8 6.Códigos

Más detalles

MINISTERIO DE COMERCIO EXTERIOR Y TURISMO LEY 28612 LEY QUE NORMA LA ADQUISION Y ADECUACION DEL SOFTWARE EN LA ADMINISTRACION PUBLICA

MINISTERIO DE COMERCIO EXTERIOR Y TURISMO LEY 28612 LEY QUE NORMA LA ADQUISION Y ADECUACION DEL SOFTWARE EN LA ADMINISTRACION PUBLICA MINISTERIO DE COMERCIO EXTERIOR Y TURISMO LEY 28612 LEY QUE NORMA LA ADQUISION Y ADECUACION DEL SOFTWARE EN LA ADMINISTRACION PUBLICA INFORME TÉCNICO PREVIO DE EVALUACIÓN DE SOFTWARE Nº 18-2010-MINCETUR/SG/OGI-OI

Más detalles

Introducción. Aprendiendo APP INVENTOR 13. Qué perfil debe tener el lector del libro? Qué aprenderé?

Introducción. Aprendiendo APP INVENTOR 13. Qué perfil debe tener el lector del libro? Qué aprenderé? Aprendiendo APP INVENTOR 13 Introducción App Inventor es una aplicación que permite crear aplicaciones para sistemas operativos Android. Google Labs lanzó su primera versión de Google App Inventor en julio

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

emuseum PUBLIQUE SUS COLECCIONES EN LA WEB Por qué elegir emuseum? Se integra fácilmente con TMS Búsqueda eficaz Completamente personalizable

emuseum PUBLIQUE SUS COLECCIONES EN LA WEB Por qué elegir emuseum? Se integra fácilmente con TMS Búsqueda eficaz Completamente personalizable emuseum emuseum PUBLIQUE SUS COLECCIONES EN LA WEB emuseum es un sistema de publicación web que se integra perfectamente con TMS para publicar información en la web y dispositivos móviles. Mediante emuseum

Más detalles

MÓDULO 1: FrontPage 2003 Parte 1ª

MÓDULO 1: FrontPage 2003 Parte 1ª MÓDULO 1: FrontPage 2003 Parte 1ª TEMA 1. Introducción a la Web Internet y el World Wide Web Hipertexto HTML Servidores, Clientes y Redes Protocolos de Comunicación Direcciones, Dominios y Accesos TEMA

Más detalles

Descubre gnulinex 1. Capítulo 8. Multimedia

Descubre gnulinex 1. Capítulo 8. Multimedia Descubre gnulinex 1 Capítulo 8 Multimedia 2 Descubre gnulinex Qué es multimedia? El término multimedia indica que una información se muestra mediante diferentes tipos de medios. Entre éstos destacan: textos,

Más detalles

Repositorios de vídeos en Internet como recurso para el aula de secundaria.

Repositorios de vídeos en Internet como recurso para el aula de secundaria. Repositorios de vídeos en Internet como recurso para el aula de secundaria. María Nieves Carralero Colmenar Profesora de Educación Secundaria ncarralero@jccm.es 1. INTRODUCCIÓN Actualmente existen una

Más detalles

Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015

Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Qué es La Api de Arcgis JavaScript? Es un conjunto de reglas( código ) y especificaciones preestablecidas

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

Internet: El navegador Web

Internet: El navegador Web Internet: El navegador Web Un navegador web (del inglés web browser) es un programa que interpreta el código HTML con el que está escrita la página web y presenta su información en pantalla (documentos

Más detalles

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización

CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización Página 1 de 18 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 5 Situación RD 1201/2007 Actualización

Más detalles

eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia.

eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia. eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia. DATOS GENERALES Antecedentes del servicio Las ediciones BOE y BORME en formato papel, así como el BOE en internet como

Más detalles

Diseño de Páginas Web 2011

Diseño de Páginas Web 2011 Diseño de Páginas Web 2011 PRESENTACIÓN Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje HTML y las hojas de estilo en cascada (CSS), enfatizando la utilización

Más detalles

UTILIZACIÓN DE NAVEGADORES WEB PARA INTERACTUAR CON PROGRAMAS DESARROLLADOS CON LABVIEW POR MEDIO DE INTERNET

UTILIZACIÓN DE NAVEGADORES WEB PARA INTERACTUAR CON PROGRAMAS DESARROLLADOS CON LABVIEW POR MEDIO DE INTERNET UTILIZACIÓN DE NAVEGADORES WEB PARA INTERACTUAR CON PROGRAMAS DESARROLLADOS CON LABVIEW POR MEDIO DE INTERNET Enrique Ramón Gómez Rosas, Miguel Angel Mendoza García, Luis Alejandro De la Cruz Velázquez

Más detalles

Introducción a Ardora www.webardora.net

Introducción a Ardora www.webardora.net Ardora es un programa de autor enfocado principalmente al desarrollo de contenidos educativos para la web con el que se pretende que el profesorado centre su esfuerzo en el aspecto metodológico y didáctico

Más detalles

Documento de actualización de contenidos del sitio web graphoscc.com

Documento de actualización de contenidos del sitio web graphoscc.com Documento de actualización de contenidos del sitio web graphoscc.com Preparado por Emiliano Rodríguez Documento de actualización de de sitio web. v3.0 para Wordpress 4.3.1 con template Divi 2.5.3 1 Índice

Más detalles

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM

PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM PROGRAMA FORMATIVO WINDOWS VISTA HOME PREMIUM www.bmformacion.es info@bmformacion.es Objetivos Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide

Más detalles

Nota Técnica. Visualización de las secuencias grabadas en la aplicación Supervisor con un reproductor multimedia

Nota Técnica. Visualización de las secuencias grabadas en la aplicación Supervisor con un reproductor multimedia Nota Técnica Visualización de las secuencias grabadas en la aplicación Supervisor con un reproductor multimedia Fecha de Revisión Septiembre 2005 Aplicación Supervisor 1. Introducción Los eventos con imágenes

Más detalles

Prácticas de Programación Multimedia.

Prácticas de Programación Multimedia. Prácticas de Programación Multimedia. Las prácticas de la asignatura Programación Multimedia van a consistir en el diseño de un sitio web con distintos contenidos multimedia sobre el que se irán añadiendo

Más detalles

En la nueva versión encontrarás

En la nueva versión encontrarás En la nueva versión encontrarás Captcha en el login p.4 Páginación configurable en secciones p.4 Ordenación de noticias en Modo Blog por secciones p.6 Galería de imágenes dentro de una noticia p.6 Inclusión

Más detalles

Windows Vista Home Premium

Windows Vista Home Premium Windows Vista Home Premium Curso para conocer y aprender a utilizar el sistema operativo Windows Vista Home Premium. El curso se divide en dos partes: en la primera se describe la forma de realizar las

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

Análisis de aplicación: Miro

Análisis de aplicación: Miro Análisis de aplicación: Miro Este documento ha sido elaborado por el Centro de excelencia de software libre de Castilla La Mancha (Ceslcam, http://ceslcam.com). Copyright 2010, Junta de Comunidades de

Más detalles

Cine y televisión. Compresión vídeo: parámetros

Cine y televisión. Compresión vídeo: parámetros Cine y televisión Compresión vídeo: parámetros Parámetros de vídeo importantes para la compresión El bitrate Número de bits que se transmiten por segundo. Está muy relacionado con el ancho de banda que

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb) Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página

Más detalles

Unidad IV. Los formatos de los documentos

Unidad IV. Los formatos de los documentos Unidad IV Los formatos de los documentos 129 Do cumentación técnica Esquema conceptual: Unidad IV Características Programas para realizarlo Utilización 1. Texto plano Características Programas para realizarlo

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

Especialista en Creación de Portales Web con Joomla 3.3

Especialista en Creación de Portales Web con Joomla 3.3 Especialista en Creación de Portales Web con Joomla 3.3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Especialista en Creación de Portales Web

Más detalles

Material de consulta para docentes UCC

Material de consulta para docentes UCC Material de consulta para docentes UCC Moodle Básico: paso a paso en el diseño pedagógico de aulas virtuales 2015 Licencia Creative Commons Moodle Básico: Paso a paso en el diseño pedagógico de aulas virtuales

Más detalles

VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible

VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible 1 A. PRESENTACIÓN VISUAL VEGA es el Sistema de Comunicación Empresarial Avanzada de Visual Publinet

Más detalles

Copyright 2015 Endalia, S.L. Todos los derechos reservados.

Copyright 2015 Endalia, S.L. Todos los derechos reservados. Copyright 2015 Endalia, S.L. Todos los derechos reservados. Este documento contiene información propietaria de Endalia, S.L. Se emite con el único propósito de informar proyectos Endalia, por lo que no

Más detalles

PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA

PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA PLATAFORMA EDUCATIVA VIRTUAL ÁREA DE CIENCIAS Y TECNOLOGÍA Plataforma Educativa Virtual ACyT Ing. Beto Orlando Calle Quispe Cel.: 67668933 Email: bto.orlando@gmail.com Sitio Web: www.uap-acyt.edu.bo INDICE

Más detalles

AUTODESK 123D CATCH CONSIDERACIONES PREVIAS CREACIÓN DEL MODELO 3D

AUTODESK 123D CATCH CONSIDERACIONES PREVIAS CREACIÓN DEL MODELO 3D AUTODESK 123D CATCH CONSIDERACIONES PREVIAS El funcionamiento del software Autodesk 123D Catch se basa en la combinación de imágenes de un elemento concreto, por lo que antes de comenzar con la toma de

Más detalles

PLATAFORMA DE TELEFORMACIÓN GUÍA DEL ALUMNO DE UTILIZACIÓN DE LA PLATAFORMA

PLATAFORMA DE TELEFORMACIÓN GUÍA DEL ALUMNO DE UTILIZACIÓN DE LA PLATAFORMA PLATAFORMA DE TELEFORMACIÓN GUÍA DEL ALUMNO DE UTILIZACIÓN DE LA PLATAFORMA 1 VERSIÓN 2.0/JULIO 2014 ÍNDICE Página 1. INTRODUCCIÓN AL AULA VIRTUAL 3 2. PRIMEROS PASOS 3 2.1 ACCESO A LA PLATAFORMA 3 2.2.

Más detalles

DESCRIPCIÓN ESPECÍFICA.

DESCRIPCIÓN ESPECÍFICA. DESCRIPCIÓN ESPECÍFICA. Nombre del Módulo: DISEÑO DE SITIOS WEB. Código: CSTI0031 Horas certificables: 62 Objetivo General: Diseñar sitios web que implementen características intuitivas y visuales Objetivos

Más detalles

Procedimiento en la generación de vídeos cortos para el trabajo autónomo del alumno

Procedimiento en la generación de vídeos cortos para el trabajo autónomo del alumno Procedimiento en la generación de vídeos cortos para el trabajo autónomo del alumno Joan Vàlios Blanco y Eneko Larumbe Zabala Universidad Europea de Madrid. Resumen: Explicación del procedimiento tecnológico

Más detalles

TRABAJANDO CON NUESTRO BLOG DE AULA

TRABAJANDO CON NUESTRO BLOG DE AULA TRABAJANDO CON NUESTRO BLOG DE AULA Tutorial sobre cómo crear un Blog de Aula mediante la plataforma Blogger Curso 2012/13 Daniel Mantilla Fernández Tutorial 1. Crear una cuenta de correo en Gmail Para

Más detalles

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB DENOMINACIÓN: CON TECNOLOGÍAS WEB Código: IFCD0210 Familia profesional: Informática y Comunicaciones Área profesional: Desarrollo Nivel de cualificación profesional: 3 Cualificación profesional de referencia:

Más detalles

JConferencia: Audioconferencia en Java Redes Globales

JConferencia: Audioconferencia en Java Redes Globales JConferencia: Audioconferencia en Java Redes Globales Gerardo Parra Juan de la Cruz Prof. Dr. Vicente González Ruiz Índice 1. Introducción 1 2. Algunos conceptos de JMF 2 3. Arquitectura de JConferencia

Más detalles

Reproductor Multimedia Streaming v0.1

Reproductor Multimedia Streaming v0.1 Reproductor Multimedia Streaming v0.1 Joaquín Gutiérrez Gil Universidad Pablo de Olavide Ingeniería Técnica en Informática de Gestión Asignatura Proyecto Introducción El presente documento trata sobre

Más detalles

TUTORIAL DE BLOGGER (2ª Parte)

TUTORIAL DE BLOGGER (2ª Parte) TUTORIAL DE BLOGGER (2ª Parte) Añadir archivos DOC, PDF, PPT, PPS, XLS y otros al blog A. Publicar archivos mediante Google Drive. B. Publicar archivos mediante otros servicios hostlinks. B.1. Scribd B.2.

Más detalles