IKASNABAR OPEN EDUCATION AND TECHNOLOGY 455. HTML5 Video en la Plataforma de E-learning Chamilo de Metauniversidad
|
|
- Ángela Jiménez Zúñiga
- hace 8 años
- Vistas:
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 ( 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=" rel="stylesheet"> <script src=" <script> _V_.options.flash.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=" data-setup='{"example_option":true}'> <source src=" type='video/mp4' /> <source src=" type='video/webm' /> <source src=" 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. < (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, < (Consulta: 8/VI/2013) Shupe, Rich (2012). The top five cross-platform video players. < (Consulta: 20/V/2013)
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 detallesLos 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 detallesUNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Más detallesInstalar protocolo, cliente o servicio nuevo. Seleccionar ubicación de red. Práctica - Compartir y conectar una carpeta
Configuración de una red con Windows Aunque existen múltiples sistemas operativos, el más utilizado en todo el mundo sigue siendo Windows de Microsoft. Por este motivo, vamos a aprender los pasos para
Más detallesEn 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 detallesUNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS
UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos
Más detallesAjustes del Curso en egela (Moodle 2.5)
Ajustes del Curso en egela (Moodle 2.5) Manual para el profesorado Versión 2 (12/05/2015) El presente manual ha sido desarrollado por el Campus Virtual de la Universidad del País Vasco / Euskal Herriko
Más detallesGuía de uso del Cloud Datacenter de acens
guíasdeuso Guía de uso del Cloud Datacenter de Calle San Rafael, 14 28108 Alcobendas (Madrid) 902 90 10 20 www..com Introducción Un Data Center o centro de datos físico es un espacio utilizado para alojar
Más detallesQueremos 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 detallesLiLa Portal Guía para profesores
Library of Labs Lecturer s Guide LiLa Portal Guía para profesores Se espera que los profesores se encarguen de gestionar el aprendizaje de los alumnos, por lo que su objetivo es seleccionar de la lista
Más detallesDiseñ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 detallesCapítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detallesCRM para ipad Manual para Usuario
CRM para ipad Manual para Usuario Manual del CRM en el ipad para usuario. Contenido: Apartado 1 Concepto General. Visión general y concepto de Delpro(CRM). Apartado 2 Conexión y Sistema Delpro. Configuración
Más detallesCRM para ipad Manual para Usuario
CRM para ipad Manual para Usuario Manual del CRM en el ipad para usuario. Contenido: Apartado 1 Concepto General. Visión general y concepto de Delpro(CRM). Apartado 2 Conexión y Sistema Delpro. Configuración
Más detallesGuí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 detallesResponsive Web Design Diseño Web Adaptable
Responsive Web Design Diseño Web Adaptable Hoy en día los usuarios de nuestras páginas web o tiendas online pueden acceder a las mismas desde diferentes medios: un ordenador de sobremesa con pantalla panorámica,
Más detallesComo 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 detallesAudio y vídeo en Ardora 7 www.webardora.net
En los distintos tipos de contenidos que crea Ardora puede incluir archivos multimedia, tante de audio como de video. AUDIO: Por ejemplo, en las actividades interactivas, junto con los mensajes de felicitación
Más detallesDepartamento CERES Área de Tarjetas Inteligentes Manual de Usuario
14 CORREO SEGURO. Hay aplicaciones de correo que permiten enviar y recibir correos cifrados y firmados digitalmente utilizando criptografía. Estas operaciones garantizan el intercambio seguro de información,
Más detallesAnexo A Diagramas de Navegación
Anexo A Diagramas de Navegación Figura D.1: Diagrama de navegación de la pantalla principal. 43 Figura D.2: Diagrama de navegación del apartado Crear Encuesta. 44 Figura D.3: Diagrama de navegación del
Más detalles1. Acceso a las Salas Virtuales
Salas Virtuales. Adobe Connect en la UC3M Adobe Connect se define como un sistema de comunicación Web seguro y flexible que permite a los profesionales de TI ampliar y complementar la funcionalidad de
Más detallesEl módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:
Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando
Más detallesCOMO INSERTAR DIAPOSITIVAS, VÍDEOS Y FOTOS EN NUESTRO BLOG
COMO INSERTAR DIAPOSITIVAS, VÍDEOS Y FOTOS EN NUESTRO BLOG AUTORÍA CARMEN Mª GUTIERREZ RAVÉ CABALLERO TEMÁTICA BLOG ETAPA SECUNDARIA POSTOBLIGATORIA Resumen SlideShare, Youtube y Flickr, son tres servicios
Más detallesMANUAL DE PRACTICUM12 PARA CENTROS EDUCATIVOS ÁMBITO MÁSTER
MANUAL DE PRACTICUM12 PARA CENTROS EDUCATIVOS ÁMBITO MÁSTER Centros educativos de la Comunidad de Madrid que deseen ser centros de prácticas de los alumnos del Máster en Profesorado de ESO y Bachillerato,
Más detallesCONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE
CONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE (Sistema Operativo Windows) Marzo 2011 Lourdes Moreno López 1,2 lmoreno@inf.uc3m.es 1: Grupo LaBDA,
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detalles1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
Más detallesWeb. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver
Web Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca Sumario 1. Qué es Dreamweaver? 2. El entorno
Más detallesTUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER
TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas
Más detallesInstalación y Registro Versiones Educativas 2013
Instalación y Registro Versiones Educativas 2013 Octubre 2012 Instalación y Registro Online página 2 Índice Introducción... 4 Instalación Versión Educativa Aula... 6 1. Setup... 6 2. Instalación... 7 3.
Más detallesManual para la utilización de PrestaShop
Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para
Más detallesManual de uso. Aula Digital Santillana. (Versión tablet)
Manual de uso Aula Digital Santillana (Versión tablet) Manual de uso de Aula Digital Santillana (ADS) Santillana lo ha preparado todo para el próximo curso. Aula Digital permite acceder, tanto al profesor
Más detallesManual del panel. Core-Admin
Manual del panel Core-Admin - Manual del panel Core-Admin ÍNDICE 1. Introducción...3 2. Requisitos iniciales...3 2.1. Navegadores soportados...3 2.2. Javascript y Java...3 3. Usar Core-Admin...3 3.1. Acceder
Más detallesCapítulo 6. Desarrollo del Software
Capítulo 6. Desarrollo del Software Introducción El objetivo principal de la presente tesis como su título lo describe, es la animación de las tramas de comunicación principales de WCDMA. Para lograr dicho
Más detallesPLATAFORMA VIRTUAL BASADA EN MOODLE
PLATAFORMA VIRTUAL BASADA EN MOODLE GUIA PARA LOS ALUMNOS GUIA PARA LOS ALUMNOS El siguiente documento es un manual de usuario para los alumnos en general, que pertenezcan a la Plataforma Virtual basada
Más detallesBootstrap: Introducción práctico en el Diseño Web
Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web
Más detallesÍndice. Página 2 de 14
Índice Pág. 1. Requisitos... 3 2. Acceso a la plataforma online... 3 3. Estructura y funcionamiento de los cursos... 5 4. Elementos del menú lateral... 9 a. Profesor... 9 b. Soporte Técnico... 10 c. Aplicaciones
Más detallesTutorial de herramientas de Google
Tutorial de herramientas de Google Elizabeth Fons y Maximiliano Geier 1. Introducción En este tutorial les vamos a contar cómo utilizar algunas de las herramientas de trabajo colaborativo que ofrece gratuitamente
Más detallesCreació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 detallesLABORATORIO Nº 2 GUÍA PARA REALIZAR FORMULAS EN EXCEL
OBJETIVO Mejorar el nivel de comprensión y el manejo de las destrezas del estudiante para utilizar formulas en Microsoft Excel 2010. 1) DEFINICIÓN Una fórmula de Excel es un código especial que introducimos
Más detallesManual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
Más detallesGENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B)
APRENDERAPROGRAMAR.COM GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde cero Fecha
Más detallesMANUAL DE PRACTICUM12 PARA UNIVERSIDADES ÁMBITO MÁSTER
MANUAL DE PRACTICUM12 PARA UNIVERSIDADES ÁMBITO MÁSTER Gestión de plazas de prácticas de los alumnos del Máster en Profesorado de ESO y Bachillerato, FP y Enseñanza de Idiomas Manual para la gestión de
Más detallesEntra en la WEB www.hermesalud.com. Para ir a la plataforma haz click en botón PRESCRIPCIÓN
Entra en la WEB www.hermesalud.com Para ir a la plataforma haz click en botón PRESCRIPCIÓN Entramos con Login y contraseña proporcionados por Hermesalud al darnos de alta como entidad. Puede haber uno
Más detallesKRITER ERP v2012. Cambios Tipos de Impuestos IVA. Documento Técnico. 13 de julio de 2012.
KRITER ERP v2012 Cambios Tipos de Impuestos IVA Documento Técnico. 13 de julio de 2012. El pasado 11 de Julio el Gobierno anunció la subida de los tipos de IVA reducido y general al 10% y 21 % respectivamente.
Más detallesQUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A)
APRENDERAPROGRAMAR.COM QUÉ ES UN SERVIDOR Y CUÁLES SON LOS PRINCIPALES TIPOS DE SERVIDORES? (PROXY, DNS, WEB, FTP, SMTP, ETC.) (DV00408A) Sección: Divulgación Categoría: Herramientas Informáticas Fecha
Más detallesPlantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Más detallesModelos 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 detallesGedicoPDA: software de preventa
GedicoPDA: software de preventa GedicoPDA es un sistema integrado para la toma de pedidos de preventa y gestión de cobros diseñado para trabajar con ruteros de clientes. La aplicación PDA está perfectamente
Más detallesManual instalación Windows 8. Instalar Windows 8 paso a paso
Manual instalación Windows 8. Instalar Windows 8 paso a paso Windows 8 es el nuevo sistema operativo de Microsoft, en el cual se han incluido más de 100.000 cambios en el código del sistema operativo,
Más detallesDESARROLLO 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 detallesCARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5. La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan:
CARGAR ARCHIVOS EXTERNOS EN PHP WEBQUEST 2.5 La versión 2.5 de PHP Webquest y posteriores- ha sido diseñada para que los usuarios puedan: Subir al servidor tantos archivos de imagen como se necesiten para
Más detallesIntroducció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 detallesING. YIM APESTEGUI FLORENTINO
Qué es Flash? El software Adobe Flash Professional CC es el entorno de creación líder del sector de producción de contenido interactivo expresivo. Permite Crear experiencias envolventes y preséntelas al
Más detallesNos encargamos del tuyo, tú disfruta
EN ACTIVE SABEMOS QUE TIENES COSAS MÁS IMPORTANTES QUE EL TRABAJO, POR ESO Nos encargamos del tuyo, tú disfruta 2015 ACTIVE BUSINESS & TECHNOLOGY. TODOS LOS DERECHOS RESERVADOS. 1 La última versión del
Más detallesCREAR UN FORMULARIO PARA LA WEB DE NUESTRO CENTRO
CREAR UN FORMULARIO PARA LA WEB DE NUESTRO CENTRO En este manual trataremos de modificar el formulario de contacto que hay en la web y que está debajo de la cabecera de la página. También se pueden crear
Más detallesADAPTAEMPLEO 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 detallesAccesibilidad web GUÍA FUNCIONAL
Accesibilidad web GUÍA FUNCIONAL 0 _ ÍNDICE 01_Introducción 02_Primeros pasos 03_Conceptos 04_Navegación por voz 05_Navegación por teclado 06_Navegación por sonido 07_Compatibilidad con lectores de pantalla
Más detallesCUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos:
CUADERNIA 2.0 Se trata de una herramienta fácil y funcional que nos permite crear de forma dinámica ebooks o libros digitales en forma de cuadernos compuestos por contenidos multimedia y actividades educativas
Más detallesPlataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Más detallesLectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?
Diseño Digital DISEÑO DIGITAL 1 Lectura No. 3 Nombre: Página web Contextualización Para qué te sirve saber elaborar una página web? A través de una página web puedes atraer a una mayor cantidad de clientes
Más detallesManual para usuarios USO DE ONEDRIVE. Universidad Central del Este
Manual para usuarios USO DE ONEDRIVE Universidad Central del Este Contenido 1. QUÉ ES Y PARA QUÉ SIRVE OFFICE 365?... 3 1.1 CÓMO ENTRAR A LA PLATAFORMA DE OFFICE 365 DE LA UCE?... 3 ONEDRIVE... 5 2. QUÉ
Más detallesFuncionalidades Software SAT GotelGest.Net (Software de Servicio de Asistencia Técnica)
Funcionalidades Software SAT GotelGest.Net (Software de Servicio de Asistencia Técnica) Servinet Sistemas y Comunicación S.L. www.softwaregestionsat.com Última Revisión: Octubre 2014 FUNCIONALIDADES SAT
Más detallesPLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS:
PLATAFORMA EDUCATIVA DE LA JCYL ENLACES A TUTORIALES DE INTERÉS: CURSO PLATAFORMA JCYL http://soporte.centros.educa.jcyl.es/sitio/ http://auvja.blogspot.com.es/search/label/manuales Entramos como administradores
Más detallesEl proceso de edición digital en Artelope y CTCE
El proceso de edición digital en Artelope y CTCE Carlos Muñoz Pons Universitat de València carlos.munoz-pons@uv.es Introducción Una de las cuestiones más importantes a la hora de trabajar en proyectos
Más detallesMS ACCESS BÁSICO 6 LOS INFORMES
2010 MS ACCESS BÁSICO 6 LOS INFORMES 93 LOS INFORMES Los informes son una herramienta de Access para elaborar información, sobre los datos que deseemos, preparada para ser impresa. A partir de una base
Más detallesPor qué deberías adaptar tu página web a la navegación móvil?
Por qué deberías adaptar tu página web a la navegación móvil? Adaptación de páginas web a dispositivos móviles, una realidad. Hoy en día, la variedad de dispositivos móviles existentes en el mercado ha
Más detallesHerramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Más detallesGUIA APLICACIÓN DE SOLICITUDES POR INTERNET. Gestión de Cursos, Certificados de Aptitud Profesional y Tarjetas de Cualificación de Conductores ÍNDICE
ÍNDICE ACCESO A LA APLICACIÓN... 2 1.- HOMOLOGACIÓN DE CURSOS... 4 1.1.- INICIAR EXPEDIENTE... 4 1.2.- CONSULTA DE EXPEDIENTES... 13 1.3.- RENUNCIA A LA HOMOLOGACIÓN... 16 2.- MECÁNICA DE CURSOS... 19
Más detallesMANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA. Perfil Entidad Proveedora
MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA Perfil Entidad Proveedora El objetivo del módulo de Gestión de Solicitudes vía Internet es facilitar el trabajo
Más detallesFuncionalidades Software PROYECTOS GotelGest.Net Software para la gestión de Proyectos GotelGest.Net
2012 Funcionalidades Software PROYECTOS GotelGest.Net Software para la gestión de Proyectos GotelGest.Net Servinet Sistemas y Comunicación S.L. www.softwaregestionproyectos.com Última Revisión: Febrero
Más detallesEn términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.
1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta
Más detallesAdemás lo bueno de este programa es que tenemos varios formatos de grabación que nos permite elegir qué modelo nos viene mejor en cada momento.
Adobe Captivate 4 Es una herramienta muy útil que nos permite la creación de videos y diapositivas de una forma personalizada con la que podemos realizar una buena presentación de una forma sencilla y
Más detallesCómo acceder a Google Drive? Tiene más funcionalidades una cuenta de Google?
Manual de Qué es Google Drive? Qué es Google Drive? Google Drive es un servicio web que le permite almacenar, modificar, compartir y acceder a sus archivos y documentos independientemente de dónde se encuentre
Más detallesGracias a ese IP único que tiene cada ordenador conectado a la red de internet se pueden identificar y comunicar los ordenadores.
COMO FUNCIONA INTERNET Internet es una gran red de ordenadores a nivel mundial, que pueden intercambiar información entre ellos. Se pueden comunicar porque están unidos a través de conexiones telefónicas,
Más detallesTutorial PowerPoint. Crear una nueva presentación
Tutorial PowerPoint La herramienta PowerPoint esta diseñada para realizar presentaciones multimedia, esta disponible en sistema Windows y MacOS. PowerPoint no solo esta pensado para realizar presentaciones
Más detallesCOMO FUNCIONA INTERNET
COMO FUNCIONA INTERNET Fuente: http://www.areatecnologia.com/informatica/como-funciona-internet.html Vamos a explicar los conceptos básicos de Internet que todo el mundo debería conocer. Internet es una
Más detallesCÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB
CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB En este manual trataremos de modificar el formulario de contacto que hay en la web y que está debajo de la cabecera de la página. También
Más detallesSitios remotos. Configurar un Sitio Remoto
Sitios remotos Definir un sitio remoto significa establecer una configuración de modo que Dreamweaver sea capaz de comunicarse directamente con un servidor en Internet (por eso se llama remoto) y así poder
Más detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detalles13.1. Tablas dinámicas de Excel
13.1. Tablas dinámicas de Excel Una tabla dinámica consiste en el resumen de un conjunto de datos, atendiendo a varios criterios de agrupación, representado como una tabla de doble entrada que nos facilita
Más detallesSistema de SaaS (Software as a Service) para centros educativos
Sistema de SaaS (Software as a Service) para centros educativos Definiciones preliminares: Qué es SaaS? SaaS (1) es un modelo de distribución del software que permite a los usuarios el acceso al mismo
Más detallesUNIVERSIDAD DE SALAMANCA
UNIVERSIDAD DE SALAMANCA FACULTAD DE CIENCIAS INGENIERÍA TÉCNICA EN INFORMÁTICA DE SISTEMAS Resumen del trabajo práctico realizado para la superación de la asignatura Proyecto Fin de Carrera. TÍTULO SISTEMA
Más detallesMANUAL DE AYUDA. SAT Móvil (Movilidad del Servicio Técnico)
MANUAL DE AYUDA SAT Móvil (Movilidad del Servicio Técnico) Fecha última revisión: Abril 2015 INDICE DE CONTENIDOS INTRODUCCION SAT Móvil... 3 CONFIGURACIONES PREVIAS EN GOTELGEST.NET... 4 1. INSTALACIÓN
Más detallesCÓMO OBTENER VÍDEO DE INTERNET
CAPTURA DE VIDEOS DESDE INTERNET Creo que a estas alturas no es necesario convencer a nadie de que Internet es una fuente indispensable de materiales para el aula. Todos somos conscientes de que en Internet
Más detallesPRESENTACIÓN DEL PRODUCTO
PRESENTACIÓN DEL PRODUCTO esernet, s.l. Sebastián Elcano, 32 Planta 1 Oficina 22 28012 Madrid Teléfono: 91 433 84 38 -- Fax. 91 141 21 89 www.esernet.com -- esernet@esernet.com 1. Introducción 2. Descripción
Más detallesSesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto
INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,
Más detallesINSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB
INSERTAR UNA GALERÍA DE FOTOS REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN DE LA WEB IMPORTANTE: Siempre que dependemos de una página externa a nuestra web estamos expuestos a tener
Más detallesMarta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE
. Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla
Más detallesUna App para Facebook
Una App para Facebook Static HTML: Iframes Tabs Laboratorio de Excelencia Digital Facebook Marketing 1 Una App para Facebook. Static HTML: Iframes Tabs Facebook Marketing El objetivo de este articulo es
Más detallesUNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES
UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES MODULO DE CONTENIDOS DE MATERIALES En prácticamente cualquier tipo de asignatura existirá
Más detallesProceso de cifrado. La fortaleza de los algoritmos es que son públicos, es decir, se conocen todas las transformaciones que se aplican al documento
Qué es AT-Encrypt nos permitirá dotar de contraseña a cualquier documento o carpeta. Este documento o carpeta sólo será legible por aquel que conozca la contraseña El funcionamiento del cifrado (o encriptación)
Más detallesPROCEDIMIENTO ESPECÍFICO. Código G083-01 Edición 0
Índice 1. TABLA RESUMEN... 2 2. OBJETO... 2 3. ALCANCE... 2 4. RESPONSABILIDADES... 3 5. ENTRADAS... 3 6. SALIDAS... 3 7. PROCESOS RELACIONADOS... 3 8. DIAGRAMA DE FLUJO... 4 9. DESARROLLO... 5 9.1. DEFINICIÓN...
Más detallesGUÍ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 detalles01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3
01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.
Más detallesSTRATO LivePages Inicio rápido
STRATO LivePages Inicio rápido LivePages es la práctica herramienta de creación de páginas web de STRATO. En pocos pasos podrá crear su propia página web y publicarla en Internet sin necesidad de conocimientos
Más detallesTutorial básico. Apunte creado por imedia Creativa www.imediacreativa.com
Tutorial básico Apunte creado por imedia Creativa www.imediacreativa.com Introducción Joomla CMS Su sitio Web está creado bajo un Sistema de gestión de contenidos CMS (Content Management Systems) Joomla.
Más detallesMANUAL PARA INCLUIR EL MOTOR DE RESERVAS EN LA WEB DEL ESTABLECIMIENTO
MANUAL PARA INCLUIR EL MOTOR DE RESERVAS EN LA WEB DEL ESTABLECIMIENTO 1 DIRECCIÓN PARA ENLAZAR LA PÁGINA DE RESERVAS CON CABECERA 2 DIRECCIÓN PARA ENLAZAR LA PÁGINA DE RESERVAS SIN CABECERA 3 DIRECCIÓN
Más detalles19 4.1.1.0 4 04/05/2009
Soluciones Informáticas Descripción: Como utilizar la Agenda de Visitas Objetivos: Al finalizar este tutorial el usuario será capaz de utilizar la Agenda de Visitas con sus diferentes opciones: asignar
Más detalles