Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO

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

Download "Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO"

Transcripción

1 Diseño Web para dispositivos Móviles con HTML5

2 Accesibilidad a la Web móvil Movilidad desde la Web accesible

3 Accesibilidad a la Web móvil W3C lanzó a mediados del 2005 la Iniciativa Web Móvil. La Iniciativa Web Móvil busca resolver los problemas de interoperabilidad y usabilidad que dificultan el acceso a la Web desde dispositivos móviles, haciendo posible uno de los objetivos principales del W3C que consiste en alcanzar una Web única. El principal objetivo de las iniciativas puestas en marcha en torno a la Web móvil es la búsqueda de una Web no fragmentada, como consecuencia de la multitud de nuevos dispositivos móviles, navegadores, operadores, proveedores de contenido, etc. Información:

4 Accesibilidad a la Web móvil Principales diferencias Diferente tipos de contenido que manejan Capacidades de los dispositivos (pantallas pequeñas) Contexto en el cual el usuario recibe el contenido (caminando, autobús, )

5 Accesibilidad a la Web móvil Generación de buenas prácticas. Para ello se creó el "Grupo de Trabajo de Buenas Prácticas en Web Móvil" (Mobile Web Best Practices, MWBP) cuyo objetivo es desarrollar pautas, puntos de verificación y buenas prácticas para ayudar a los proveedores de contenido a desarrollar contenido Web que funcione correctamente en dispositivos móviles. Descripción de dispositivos móviles. Para ello se creó el "Grupo de Trabajo de Descripción de Dispositivo" para guiar el desarrollo de mecanismos de descripción de dispositivos que los desarrolladores de contenido podrán utilizar para adaptar los contenidos a los diferentes dispositivos.

6 Las Buenas prácticas en Web Móvil son un estándar Web del W3C cuyo objetivo es ayudar a los desarrolladores Web a diseñar y publicar contenido Web que funcione adecuadamente en dispositivos móviles. El objetivo principal de las MWBP es el de mejorar la experiencia del usuario en la Web cuando se accede desde dispositivos móviles. MWBP 1.0: Mobile Web Best Practices 1.0, Basic Guidelines. W3C Recommendation 29 July 2008 (W3C, 2008) Mobile Web Best Practices 1.0 (MWBP1.0 ) Flipcards (W3C, 2008 b) MobiWeb1.0, MobiWeb2.0 Project: "Mobile Web 2.0"

7 Tarjetas de Buenas Prácticas en Web Móvil 1.0 (MWBP 1.0) (W3C, 2008 b)

8 Nuevo estándar de Buenas Prácticas, Diciembre 2010 Construye aplicaciones más inteligentes para la Web Móvil Es un documento de Buenas Prácticas en el Desarrollo de Aplicaciones para la Web Móvil donde se ofrecen: Consejos prácticos para poder desarrollar e implementar de forma fácil y sencilla aplicaciones para la Web móvil que funcionan en numerosas plataformas. Indican como diseñar aplicaciones Web que sean eficientes, adecuadas a los diferentes contextos y que mejoren la experiencia de usuario de los dispositivos móviles. Recursos: MWABP: Mobile Web Application Best Practices (W3C, 2010) Tarjetas: (W3C, 2010 b)

9 (W3C, 2010 b) Tarjetas de Buenas Prácticas en Aplicaciones para la Web Móvil

10 Validador de las MWBP El W3C pone también a disposición de los desarrolladores un validador automático online.la aplicación valida la adecuación de una página a las buenas prácticas MWBP 1.0. W3C mobileok Checker (W3C, 2010 C) Como toda herramienta automática, es una ayuda, pues habrá puntos que no podrán ser verificados mas que de forma manual. Otras herramientas (W3C, 2011)

11 Relación entre las WCAG y las MWBP. Documentación desde 2008: Cómo aplicar de forma conjunta: WCAG 2.0 and MWBP 1.0 together (W3C, 2009) De las MWBP a las WCAG: Hacia las WCAG 1.0: From Mobile Web Best Practices 1.0 to Web Content Accessibility Guidelines 1.0 Hacia las WCAG 2.0 (borrador) From Mobile Web Best Practices 1.0 to Web Content Accessibility Guidelines 2.0 De las WCAG a las MWBP Desde las WCAG 1.0 a las MWBP: From Web Content Accessibility Guidelines 1.0 to Mobile Web Best Practices 1.0 Desde las WCAG 2.0 a las MWBP: From Web Content Accessibility Guidelines 2.0 to Mobile Web Best Practices 1.0

12 Soluciones tecnológicas Web única que se pueda adaptar a distintos dispositivos móviles es una buena idea La web accesible lo facilita Tecnología que hace el proceso (mobileok transcoders Ejemplo de uno español: MERKUR (Fundación CTIC, 2010)

13 Referencias (W3C, 2008) MWBP 1.0: Mobile Web Best Practices 1.0, Basic Guidelines. W3C Recommendation 29 July 2008, (W3C, 2008 b) Mobile Web Best Practices 1.0 (MWBP 1.0) Flipcards (W3C, 2010) MWABP: Mobile Web Application Best Practices, W3C Recommendation 14 December (W3C, 2010 b) Mobile Web Application Best Practices Cards, (MWABP), 2010, (W3C, 2010 c) W3C mobileok Checker (v ). (Fundación CTIC, 2011) mobileok chequeo (W3C, 2011) W3C, Developers' corner, Tools, (Fundación CTIC, 2010) Fundación CTIC, Merkur,

14 Usabilidad La usabilidad es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto. Atributo de calidad que determina qué tan sencillas son de utilizar las interfaces de usuario. Visualización de aplicaciones en los diferentes navegadores.

15 Problemas de Usabilidad Los textos y etiquetas no son claros. Los gráficos son desordenados y en exceso. Mala coordinación entre el diseño del sitio y necesidades de los usuarios. Problemas de Navegación. Diseñado sin una guía de las necesidades del usuario. Falta de privacidad y seguridad.

16 Aplicaciones para Móviles y Tablets Gartner estimó que para fines del 2011, más de 1.2 billones de personas tendríán dispositivos móviles con capacidad de ver contenidos de la Web, ya que estos dispositivos ya casi son computadores portátiles, con buena capacidad de procesamiento y acceso a suficiente ancho de banda (WiFi, GPRS/EDGE, 3G).

17 Tipos de aplicaciones Búsqueda móvil Nuevos motores de búsqueda especializados. Cada vez utilizan más este tipo de soluciones en móviles. Navegación a través del móvil un porcentaje que Gartner pronostica que se eleve al 80% en 2013.

18 Usabilidad web en dispositivos móviles. Tema poco explorado y muy relevante. Gracias a la evolución de las tecnologías móviles, y a la disponibilidad de tarifas planas para la navegación desde estos dispositivos, los usuarios demandan más servicios y contenidos. Es imprescindible diseñar interfaces que puedan ser utilizadas por el mayor número de personas,

19 Usabilidad web en dispositivos móviles Problema principal:l a heterogeneidad: Resolución de pantalla. Número de colores Diferentes navegadores. Cada vez mas los usuarios de móviles navegan y buscan información en Internet con sus celulares. Se pueden aplicar test de usabilidad para móviles

20 Líneas de Investigación Informática, educación y sociedad. Interacción Hombre- Computador. Estudios de usabilidad de sistemas de información (web, software, móviles, juegos) basados en metodologías cualitativas (e.g. focus groups, entrevistas, etnografía, etc.) o cuantitativas (e.g. eyetracking, análisis estadístico avanzado, análisis de logs, etc.) Análisis del impacto de los atributos visuales (combinaciones de colores, distribución de contenidos, criterios de agrupación de los mismos, etc.), la estructura y la disposición de la información en el sitio web, sobre el comportamiento de los usuarios del mismo. Estudio de las percepciones de calidad, niveles de satisfacción e intención de compra de los usuarios, a través de test de usuarios, experimentación y análisis heurísticos. Usabilidad web en móviles, interfaces para personas con deficiencias visuales. Desarrollo y adaptación de herramientas informáticas y automáticas para personas con discapacidades.

21 Conceptos de Usabilidad Ideas de Jakob Nielsen gurú de la usabilidad apuesta por la brevedad en los textos y recomienda utilizar elementos que faciliten el barrido visual de la página web.

22 Maquetación El objetivo es utilizar la clase y propiedades CSS3 media queries para adaptar un único diseño a diferentes resoluciones. Para ello basaremos la estructura de nuestra web y elementos en medidas relativas como em y %. Como resultado obtendremos una web mucho más navegable y funcional.

23 Principales ventajas de una web optimizada para moviles y tablets Diseño adaptado a nuestra pantalla Comodidad a la hora de navegar y leer textos al no tener que usar el zoom. Contenido más directo, los elementos irrelevantes se eliminan. Mayor impacto visual.

24 MEDIAQUERI.ES

25 MEDIAQUERI.ES

26 MEDIAQUERI.ES

27 OK Manos a la Obra 1 Maqueta tu web utilizando unidades relativas: En lugar de usar px utiliza % o em para el tamaño de tus capas, fuentes e imágenes (especialmente para el ancho). Así te será más cómodo adaptar tu web a diferentes resoluciones. Inicialmente puedes limitar la capa contenedora con la propiedad max-width, o bien establecer un ancho en px y luego cambiarlo a % a través

28 Manos a la Obra 1 Maqueta tu web utilizando unidades relativas: En lugar de usar px utiliza % o em para el tamaño de tus capas, fuentes e imágenes (especialmente para el ancho). Así te será más cómodo adaptar tu web a diferentes resoluciones. Inicialmente puedes limitar la capa contenedora con la propiedad max-width, o bien establecer un ancho en px y luego cambiarlo a % a través

29 Manos a la Obra 2.-Añade el meta tag viewport en el <head> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

30 Manos a la Obra 2.-Añade el meta tag viewport en el <head> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> Este meta tag se utiliza para controlar cómo aparecerá el contenido HTML en los navegadores móviles. Así nos aseguramos que el contenido se ajusta al ancho del dispositivo. En este caso estamos indicando que el contenido tendrá el ancho del dispositivo y que la escala mínima y máxima es de 1

31 Manos a la Obra 3 Utilzamos la para adaptar nuestra web La de css3, es fundamental. Nos permite desde CSS conocer el dispositivo desde el se accede a nuestra web y aplicar nuevos estilos CSS. Por ejemplo: podemos eliminar el sidebar de nuestra página si el navegador mide menos de 600px. Tenéis la info más detallada en: mediaqueries/ Las propiedades que más nos interesan son las siguientes: a) width y height: Ancho y alto del navegador (podemos añadir el prefijo min- o max-) b) device-width y device-height: Ancho y alto del dispositivo, móviles y tablets (podemos añadir el prefijo min- o max- ) c) orientation: Orientación del móvil o tablet (para panorámico utilizaremos orientation:portrait, para vertical orientation:landscape)

32 Monitor o Ventana menor a 800 screen and (max-width: 800px) { #contenedor{ width:100%; } } screen estamos iniciando la consulta media query, para añadir condiciones debemos utilizar and. Es este caso estamos aplicando un ancho del 100% a la capa #contenedor si el monitor o ventana tiene una resolución inferior 800px

33 screen and (max-device-width : 480px) { #sidebar{ display:none; } #menu{ text-align:center; } } Los anteriores estilos sólo se aplicaran, si el dispositivo tiene un ancho inferior a 480px

34 Ipad en posición screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.entry,.entry-content { font-size:1.2em; line-height:1.5em; } } Uniendo esta tres condiciones and (min-device-width : 768px) and (max-devicewidth : 1024px) Estamos limitando que los estilos sólo se apliquen a dispositivos que con una resolución de entre 768px y 1024, y con and (orientation : landscape) indicamos que se apliquen cuando estén en posición vertical

35 Resoluciones

36 Para su Proyecto, considerar: queries: 2.-Simulador de dispositivos móviles, podrás ver como queda tu web en los teléfonos y talets más usados queries para principales monitores, smartphones y tablets: 4.- Herramienta para redimensionar nuestro navegador a las principales resoluciones de monitores, tablets y smartphones: 5.-Plantilla basada en 960.css para maquetar con responsive design: https://github.com/davatron5000/foldy960

37

38

39

40

41

White Paper: Responsive Design para Email

White Paper: Responsive Design para Email El Responsive Design o diseño adaptativo es una técnica de diseño y desarrollo html que permite que con una sola versión del HTML, se cubran todas las resoluciones de pantalla. El email o página web en

Más detalles

Responsive Web Design

Responsive Web Design Responsive Web Design Diseño flexible para PC, celulares y tabletas (y relojes, televisores, heladeras, etc ) Hernán Beati @hernan_beati hernan@saberweb.com.ar Hernán Beati Diseñador gráfico (+19 años)

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

GUÍA HTML EMAIL RES PONSIVE

GUÍA HTML EMAIL RES PONSIVE GUÍA HTML EMAIL RES PONSIVE Campañas impactantes en todos los dispositivos Ya lo expuso Darwin con su teoría de la evolución: solo aquellos seres vivos que se adapten a su entorno podrán sobrevivir. Y

Más detalles

Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Multiplataforma, Especialista en Diseño Digital y Experiencia de Usuario

Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Multiplataforma, Especialista en Diseño Digital y Experiencia de Usuario 2 a ñ o s Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Multiplataforma, Especialista en Diseño Digital y Experiencia de Usuario visual.iedmadrid.com Te gusta programar y quieres hacer

Más detalles

Ciclo Formativo de Grado Superior en. Desarrollo de. Aplicaciones. Web. visual.iedmadrid.com

Ciclo Formativo de Grado Superior en. Desarrollo de. Aplicaciones. Web. visual.iedmadrid.com La escuela de la Nueva Comunicación Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Web visual.iedmadrid.com Qué es el IED Madrid? El IED Madrid es un Centro Superior de Diseño que pertenece

Más detalles

MAQUETAR. 18 de Octubre de 2012. Wenceslao Zavala http://producciondigitalup.com.ar

MAQUETAR. 18 de Octubre de 2012. Wenceslao Zavala http://producciondigitalup.com.ar MAQUETAR ESTRATEGIAS DE MAQUETADO CSS Páginas Diseño Líquido o Fluído Son las que siguen el comportamiento natural del navegador. Ventajas: No se diseña para una resolución en particular Se evitan espacios

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

Registro Proyectos 2012 PROTOCOLO DE INVESTIGACIÓN (CR-02/2012) 1. DESCRIPCIÓN DEL PROYECTO

Registro Proyectos 2012 PROTOCOLO DE INVESTIGACIÓN (CR-02/2012) 1. DESCRIPCIÓN DEL PROYECTO PROTOCOLO DE INVESTIGACIÓN (CR-02/2012) Instituto Tecnológico de Morelia Institución Título del proyecto Refactorización de Aplicaciones Web (ReWeb) 1. DESCRIPCIÓN DEL PROYECTO 1.1 Resumen Este proyecto

Más detalles

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas

Más detalles

Servicios de accesibilidad Web

Servicios de accesibilidad Web experiencias reales, soluciones reales Servicios de accesibilidad Web Ref.: SER_ACC_V3_julio_ 2009 w w w. o b s e r v a l i a. c o m Índice 1. Introducción a la accesibilidad [ 3] 2. Auditorías de accesibilidad

Más detalles

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM RESPONSIVE DESIGN. Bernardo Chenlo

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM RESPONSIVE DESIGN. Bernardo Chenlo IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM 1 RESPONSIVE DESIGN Bernardo Chenlo 2 INTRODUCCIÓN Qué es Responsive Design? Responsive Design El contenido se adapta a la pantalla

Más detalles

OBJETIVOS Y CONTENIDOS FORMATIVOS DEL CURSO. Ser capaz de gestionar y controlar la calidad del producto editorial multimedia.

OBJETIVOS Y CONTENIDOS FORMATIVOS DEL CURSO. Ser capaz de gestionar y controlar la calidad del producto editorial multimedia. Nº EXPEDIENTE: FC10450/2013/1237FF DATOS DEL CENTRO RESOLUCIÓN: ORDEN 10450/2013, de 28 de noviembre MODALIDAD (presencial/telefor.): PRESENCIAL CENTRO: CENTRO CULTURAL Y DEPORTIVO TAJAMAR DIRECCION: C/

Más detalles

MOTOROLA RHOELEMENTS DESARROLLE MENOS. OBTENGA MÁS.

MOTOROLA RHOELEMENTS DESARROLLE MENOS. OBTENGA MÁS. MOTOROLA RHOELEMENTS DESARROLLE MENOS. OBTENGA MÁS. MOTOROLA RHOELEMENTS FOLLETO EXISTEN TANTOS DISPOSITIVOS... QUE LO IDÓNEO SERÍA DISPONER DE UNA APLICACIÓN QUE FUNCIONARA EN TODOS CON RHOELEMENTS, YA

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

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

Usabilidad y accesibilidad.

Usabilidad y accesibilidad. Usabilidad y accesibilidad. 6 de mayo. Salón de Grados de la Facultad de Derecho. «Gestión del Ciclo de Vida de un desarrollo Web Accesible: Factores a tener en cuenta», de David Zanoletty y Miguel Ángel

Más detalles

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net)

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Danny J. Rivera I. Sergio Luján Mora 24 de Marzo de 2011 Esta obra está bajo una licencia de Creative Commons Reconocimiento-SinObraDerivada

Más detalles

Accesibilidad en el Diseño de Aplicaciones Web

Accesibilidad en el Diseño de Aplicaciones Web Accesibilidad en el Diseño de Aplicaciones Web Sergio Luján Mora CÓMO HAGO QUE MI SITIO WEB SEA ACCESIBLE? 1 El WAI 10 consejos breves WCAG 1.0 Contenido Método de aplicación Niveles de conformidad WCAG

Más detalles

DISEÑO Y DESARROLLO DE PÁGINA WEB

DISEÑO Y DESARROLLO DE PÁGINA WEB DISEÑO Y DESARROLLO DE PÁGINA WEB TOTAL HORAS: 200 HORAS (100 PRESENCIALES 100 INVESTIGACIÓN) TOTAL CICLO: 16 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método de trabajo necesario

Más detalles

Universidad Nacional de La Matanza

Universidad Nacional de La Matanza Universidad Nacional de La Matanza AUTORES Artemisa Trigueros Pablo Martín Vera Víctor Manuel Fernández Daniel Giulianelli Rocío Andrea Rodríguez Claudia Alderete Contacto: gidfis.unlam@gmail.com Twitter:

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

Buenas prácticas en la web móvil Accesibilidad y usabilidad

Buenas prácticas en la web móvil Accesibilidad y usabilidad Buenas prácticas en la web móvil Accesibilidad y usabilidad Laura Fernando López 21 de Abril de 2015 Índice Buenas prácticas en la web móvil Técnicas y principios Estilos para adaptar a los diferentes

Más detalles

Web Móvil en las Administraciones Públicas, beneficios de la estandarización.

Web Móvil en las Administraciones Públicas, beneficios de la estandarización. Web Móvil en las Administraciones Públicas, beneficios de la estandarización. Alberto Mijares Lobato, Manrique López de la Fuente Fundación CTIC 1.- Introducción En los últimos años la sociedad actual

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

Introducción a la accesibilidad y usabilidad

Introducción a la accesibilidad y usabilidad Introducción Ponentes Antonio Manuel Gutiérrez Fernández Alumno de Ingeniería Informática Manuel Jesús Recena Soto Alumno de Ingeniería Técnica en Informática de Sistemas Introducción Estructura Introducción

Más detalles

DISEÑO FORMATIVO ACCESIBILIDAD WEB - WCAG 2.0

DISEÑO FORMATIVO ACCESIBILIDAD WEB - WCAG 2.0 WCAG 2.0 Fecha DISEÑO FORMATIVO ACCESIBILIDAD WEB - WCAG 2.0 Grupo destinatario: Lugar de celebración Duración Número de alumnos/as Modalidad Profesionales del sector TIC, con titulación media o superior

Más detalles

Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez

Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez email: estebansaavedra@yahoo.com http://jesaavedra.opentelematics.org Agenda

Más detalles

Introducción al desarrollo web (idesweb) - 3 a ed.

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

Más detalles

Por 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? 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 detalles

Responsive Web Sites with Certified Adobe Dreamweaver CC

Responsive Web Sites with Certified Adobe Dreamweaver CC Dirigido a: Diseñadores gráficos e ilustradores interesados en crear web Programadores y diseñadores Web. Profesionistas, docentes y estudiantes relacionados con el área. Profesionistas interesados o publico

Más detalles

Contenidos. 1. Requisitos del proyecto... 2

Contenidos. 1. Requisitos del proyecto... 2 En colaboración con Las opiniones recogidas en este documento no se corresponden, necesariamente, con las de ninguno de los organismos públicos participantes en esta iniciativa. Contenidos 1. Requisitos

Más detalles

USABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja

USABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja USABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja "La usabilidad trata sobre el comportamiento humano; reconoce que el humano es emotivo, no está interesado en poner demasiado esfuerzo

Más detalles

AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO

AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO Auditoría de Accesibilidad Web WCAG 1.0 WAI XHTML 1.0 CSS 2 AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO 1. INTRODUCCIÓN... 3 2. AUDITORÍA DE ACCESIBILIDAD WEB. DESIGN FOR ALL... 4 2.1.

Más detalles

grado Ingeniería Grado en Ingeniería en desarrollo de contenidos digitales + Experto universitario en Desarrollo de proyectos de software

grado Ingeniería Grado en Ingeniería en desarrollo de contenidos digitales + Experto universitario en Desarrollo de proyectos de software grado Ingeniería Grado en Ingeniería en desarrollo de contenidos digitales + Experto universitario en Desarrollo de proyectos de software Sistemas Computacionales Diseño y Desarrollo de software Arquitectura

Más detalles

Usabilidad y accesibilidad. Cristina Ramírez Fernández Observatorio de las Telecomunicaciones y Sociedad de la Información (Red.es).

Usabilidad y accesibilidad. Cristina Ramírez Fernández Observatorio de las Telecomunicaciones y Sociedad de la Información (Red.es). Usabilidad y accesibilidad. 6 de mayo. Salón de Grados de la Facultad de Derecho. «Accesibilidad WEB. Cuando el diseño es para todos», de Cristina Ramírez Fernández (Red.es). Cristina Ramírez Fernández

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

ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD

ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD Unidad 3 ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD Elementos de la experiencia de usuario Arquitectura de la información Fases de análisis Sistemas de organización Análisis i de usuarios Usabilidad

Más detalles

Estudio de usabilidad de la tienda online de adolfodominguez.com. Informe de análisis heurístico Octubre 2012

Estudio de usabilidad de la tienda online de adolfodominguez.com. Informe de análisis heurístico Octubre 2012 Estudio de usabilidad de la tienda online de adolfodominguez.com Informe de análisis heurístico Octubre 2012 INTRODUCCIÓN Este documento presenta los principales hallazgos detectados en el informe heurístico

Más detalles

Resumen de la solución SAP SAP Technology SAP Afaria. Gestión de la movilidad empresarial para mayor ventaja competitiva

Resumen de la solución SAP SAP Technology SAP Afaria. Gestión de la movilidad empresarial para mayor ventaja competitiva de la solución SAP SAP Technology SAP Afaria Gestión de la movilidad empresarial para mayor ventaja competitiva Simplificar la gestión de dispositivos y aplicaciones Simplificar la gestión de dispositivos

Más detalles

UNIVERSIDAD DE ALCALÁ. Grado en Ingeniería Informática

UNIVERSIDAD DE ALCALÁ. Grado en Ingeniería Informática UNIVERSIDAD DE ALCALÁ Escuela Politécnica Superior Grado en Ingeniería Informática Trabajo de Fin de Grado Responsive Web Design: Interfaces Web Adaptables al dispositivo empleando HTML5 y CSS3 Adrián

Más detalles

Guía para creación de temas para editor de EditandSend

Guía para creación de temas para editor de EditandSend Guía para creación de temas para editor de EditandSend En este documento se describen las acciones que debe realizar el diseñador/maquetador para personalizar un tema y poder ser utilizado en el EDIT.

Más detalles

Desarrollo de Aplicaciones con Tecnologías Web

Desarrollo de Aplicaciones con Tecnologías Web Desarrollo de Aplicaciones con Tecnologías Web Código: Modalidad: Distancia Duración: 100 Horas. Objetivos: La presente formación se ajusta al itinerario formativo del Certificado de Profesionalidad IFCD0210

Más detalles

USABILIDAD Y ACCESIBILIDAD DE SITIOS WEB

USABILIDAD Y ACCESIBILIDAD DE SITIOS WEB ASIGNATURA DE MÁSTER: USABILIDAD Y ACCESIBILIDAD DE SITIOS WEB Curso 2009/2010 (Código:101038) 1.PRESENTACIÓN Este curso introduce al estudiante en los principios de usabilidad y diseño de páginas web

Más detalles

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium

Más detalles

DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos

DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos 1 de enero 2013 Volumen 14 Número 1 ISSN: 1067-6079 DISEÑO WEB ADAPTATIVO O RESPONSIVO Esther Labrada Martínez y Cristina Salgado Ceballos Diseño Web Adaptativo o Responsivo http://www.revista.unam.mx/vol.14/num1/art07/index.html

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

En México, los accesos a sitios Web desde móviles se incrementó en 7.3% en el último año.

En México, los accesos a sitios Web desde móviles se incrementó en 7.3% en el último año. En México, el 60% de los internautas se conectan a internet a través de smartphones En México, los accesos a sitios Web desde móviles se incrementó en 7.3% en el último año. En México, el 87% de los usuarios

Más detalles

Monografía. Adecuación gráfica a nivel de íconos de un sitio web

Monografía. Adecuación gráfica a nivel de íconos de un sitio web Monografía Adecuación gráfica a nivel de íconos de un sitio web Curso: Estrategia de Evaluación para Comprender y Mejorar la Calidad en Uso de Aplicaciones Web Doctorado en Ciencias Informáticas Facultad

Más detalles

Técnicas para la Validación de un Sitio Web Móvil

Técnicas para la Validación de un Sitio Web Móvil WICC 2012 498 Técnicas para la Validación de un Sitio Web Móvil Daniel Giulianelli, Claudia Pons, Pablo Vera, Rocío Rodríguez, Artemisa Trigueros, Victor Fernandez, Isabel Marko dgiulian@unlam.edu.ar,

Más detalles

Ais Web Accessibility:

Ais Web Accessibility: Ais Web Accessibility: Manual rápido de usuario Fecha: 06/09/2006 Referencia: EJIE S.A. Mediterráneo, 3 Tel. 945 01 73 00* Fax. 945 01 73 01 01010 Vitoria-Gasteiz Posta-kutxatila / Apartado: 809 01080

Más detalles

Propuesta de Sistema Web Personalizable para el Control de Reservaciones en Hoteles

Propuesta de Sistema Web Personalizable para el Control de Reservaciones en Hoteles Propuesta de Sistema Web Personalizable para el Control de Reservaciones en Hoteles Betzabet García-Mendoza, Carlos R. Jaimez-González Departamento de Tecnologías de la Información, Universidad Autónoma

Más detalles

Qué es el SEO o posicionamiento Google y por qué es importante?

Qué es el SEO o posicionamiento Google y por qué es importante? Qué es el SEO o posicionamiento Google y por qué es importante? Como sabemos SEO se refiere al posicionamiento web de un blog o un sitio web como resultado de su búsqueda a través de un motor de búsqueda

Más detalles

Introducción a la Accesibilidad Web

Introducción a la Accesibilidad Web Introducción a la Accesibilidad Web Ricardo Borillo Domenech borillo@uji.es Índice Introducción. Referencias. Marco legislativo. Herramientas. Comprobación de la accesibilidad en un sitio web. Principales

Más detalles

Temario Dreamweaver CS4

Temario Dreamweaver CS4 Temario Dreamweaver CS4 1 El entorno de trabajo de Dreamweaver CS4 1 Introducción 2 Requisitos del sistema 3 Abrir el programa 4 Cerrar el programa 5 Interfaz de Dreamweaver CS4 6 La barra de Aplicaciones

Más detalles

Taller de Introducción

Taller de Introducción Taller de Introducción Titulo del curso Taller de introducción a HTML 5 Resumen del curso La evolución de los estándar de la web, nos ha llevado al nuevo estándar del consorcio W3C, HTML 5, en caso de

Más detalles

Manual de administrador. Versión 1.9. Revisión 2

Manual de administrador. Versión 1.9. Revisión 2 Manual de administrador Versión 1.9 Revisión 2 Índice 1. Introducción... 1 2. Empezar a usar LCmaker... 2 2.1 Entrar y salir... 2 2.2. Editar mi perfil... 3 2.3. Cambiar mi contraseña... 3 3. Gestionar

Más detalles

Proyecto Fin de Carrera

Proyecto Fin de Carrera Proyecto Fin de Carrera Gestión del Proyecto para una Plataforma online de intercambio, compra o venta de ayudas técnicas. Consultora: Ana Cristina Domingo Troncho Autor: Álvaro Fanego Lobo Junio de 2013

Más detalles

PROGRAMACIÓN DE MÓDULO MÓDULO. Este módulo se imparte en 2º en el primer y segundo trimestre y tiene una carga docente de 126 horas.

PROGRAMACIÓN DE MÓDULO MÓDULO. Este módulo se imparte en 2º en el primer y segundo trimestre y tiene una carga docente de 126 horas. Página 1 de 14 DEPARTAMENTO INFORMATICA CURSO 2º CICLO FORMATIVO Desarrollo de Aplicaciones Web Diseño de Interfaces Web MÓDULO 1. Introducción. Este módulo se imparte en 2º en el primer y segundo trimestre

Más detalles

TALLER Cómo mejorar el posicionamiento de mi Web?

TALLER Cómo mejorar el posicionamiento de mi Web? TALLER Cómo mejorar el posicionamiento de mi Web? SESIÓN 1: Cómo convencer a mis clientes? 27 de Octubre de 2009 David Eguizábal Agenda Situación Accesibilidad web o Qué? o Por qué? o Cómo? omarco legislativo

Más detalles

Prototipo web de alerta temprana. Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero

Prototipo web de alerta temprana. Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero Prototipo web de alerta temprana Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero RemerWeb 2 Profesionales y expertos que trabajan en base a unos

Más detalles

La investigación en diseño

La investigación en diseño La investigación en diseño -conceptos básicos -estrategias y tácticas en la búsqueda de información OBSERVACIÓN CUANTITATIVA -Mide 1,75 metros de altura. -Comen 6 comidas al día. -Irá a votar un 53% de

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 certificada por EUROINNOVA BUSINESS SCHOOL Técnico TIC en Diseño Web Responsive con HTML5 y CSS3 Técnico TIC en Diseño Web Responsive con

Más detalles

Universidad y Accesibilidad. Situación en España

Universidad y Accesibilidad. Situación en España Universidad y Accesibilidad. Situación en España Dionisio J. RODRÍGUEZ ESPARRAGÓN Departamento de Señales y Comunicaciones, Universidad de Las Palmas de Gran Canaria y José Guillermo VIERA SANTANA Departamento

Más detalles

UTN DESARROLLADOR WEB MOBILE. Diseño Multimedial. Presentación del curso. Temario a desarrollar

UTN DESARROLLADOR WEB MOBILE. Diseño Multimedial. Presentación del curso. Temario a desarrollar UTN DESARROLLADOR WEB MOBILE Presentación del curso El desarrollo web para dispositivos móviles es un área de la programación web con una demanda en permanente crecimiento. Este curso está orientado a

Más detalles

Indice. Problemática. Motivación Método propuesto Conclusiones y trabajo futuro

Indice. Problemática. Motivación Método propuesto Conclusiones y trabajo futuro Evaluación de la UsabilidadMóvil Seminario GRIHO Montserrat Sendín (msendin@diei.udl.cat) Lleida, 17 de Octubre de 2012 Indice Problemática en Evaluación de la Usabilidad Móvil Iniciativas para favorecer

Más detalles

FUNDACIÓN KONECTA. Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas

FUNDACIÓN KONECTA. Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas 1. Objetivo Ofrecer una panorámica de la accesibilidad tecnológica en grandes empresas, con el objetivo de favorecer

Más detalles

Manual de la aplicación para terminales móviles AppTUSSAM

Manual de la aplicación para terminales móviles AppTUSSAM Edición: 5ª Página 1 de 13 Fecha: 25-03-2014 Manual de la aplicación para terminales móviles AppTUSSAM Edición: 5ª Página 2 de 13 Fecha: 25-03-2014 PANTALLA PRINCIPAL Tiempos de llegada: para consultar

Más detalles

Accesibilidad/Usabilidad de los sitios web de las Bibliotecas Públicas Catalanas: una sociedad de la información para todos?

Accesibilidad/Usabilidad de los sitios web de las Bibliotecas Públicas Catalanas: una sociedad de la información para todos? Accesibilidad/Usabilidad de los sitios web de las Bibliotecas Públicas Catalanas: una sociedad de la información para todos? Laura López Marín CINDOC-CSIC llopez@cindoc.csic.es Eva Mª Méndez Rodríguez

Más detalles

La Web Municipal como ejemplo de Administración Electrónica centrado en el Ciudadano. www.zaragoza.es. Mª Jesús Fernández Ruíz mjferuiz@zaragoza.

La Web Municipal como ejemplo de Administración Electrónica centrado en el Ciudadano. www.zaragoza.es. Mª Jesús Fernández Ruíz mjferuiz@zaragoza. La Web Municipal como ejemplo de Administración Electrónica centrado en el Ciudadano www.zaragoza.es 1 Día W3C en España 2007 Mª Jesús Fernández Ruíz mjferuiz@zaragoza.es Índice: 1. www.zaragoza.es Coordenadas

Más detalles

Arquitectura de la información

Arquitectura de la información Accesibilidad Usabilidad Arquitectura de la información Experiencia de usuario La accesibilidad es un derecho, no un privilegio William Loughborough El poder de la web esta en su universalidad. Que todo

Más detalles

TITULO: SERVICIO DE INFORMACIÓN A TRAVÉS DE UNA RED DE PUNTOS DE INFORMACIÓN ELECTRÓNICA EN ESPACIOS PÚBLICOS DE LA CIUDAD DE MADRID

TITULO: SERVICIO DE INFORMACIÓN A TRAVÉS DE UNA RED DE PUNTOS DE INFORMACIÓN ELECTRÓNICA EN ESPACIOS PÚBLICOS DE LA CIUDAD DE MADRID TITULO: SERVICIO DE INFORMACIÓN A TRAVÉS DE UNA RED DE PUNTOS DE INFORMACIÓN ELECTRÓNICA EN ESPACIOS PÚBLICOS DE LA CIUDAD DE MADRID Apoyado por: DOMINION S.A. 1.- Antecedentes/Problemática A la Dirección

Más detalles

La importancia de la accesibilidad Web

La importancia de la accesibilidad Web Olga Revilla David Provencio plataforma.net Es mi sitio Web accesible? En las administraciones públicas o grandes empresas nos encontraremos siempre con el requisito obligatorio de que las aplicaciones

Más detalles

Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA

Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA Carmen Varela 1 y Antonio Miñán 1 1 Universidad Nacional de Asunción Asunción, Paraguay carmenvarelapy@gmail.com,

Más detalles

Capítulo II: Evaluación del éxito - Métodos de análisis y evaluación... Capítulo III: Destination Web Watch...

Capítulo II: Evaluación del éxito - Métodos de análisis y evaluación... Capítulo III: Destination Web Watch... II 3 Concepto de servicio satisfactorio... 21 3.1 Servicios de información... 23 3.2 Servicios de transacción... 24 3.2.1 Otros aspectos de la facilidad de uso... 26 3.3 Ciclo de experiencia... 27 Capítulo

Más detalles

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente.

Máster Programación WEB (II) Gestores de contenido. Webs actualizables por el cliente. MASTER PROGRAMACIÓN WEB (II) 1. Introducción al Curso programación Web. Diccionario de téminos. Gestor de contenido CMS, Servidor, Base de Datos, CSS, HTML, HTML5, PHP, Wordpress, Joomla, CMS, JQuery,

Más detalles

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Objetivo General: Al final del curso el estudiante tendrá los conocimientos y habilidades necesarios para generar (diseñar y

Más detalles

Análisis y Diseño de Sistemas de Información para Internet

Análisis y Diseño de Sistemas de Información para Internet Análisis y Diseño de Sistemas de Información para Internet 6. Accesibilidad Luís Rodríguez Baena (luis.rodriguez@upsam.net) Universidad Pontificia de Salamanca (campus Madrid) Facultad de Informática Diseño

Más detalles

Puede encontrar información sobre los diferentes niveles de accesibilidad de páginas web en este mismo documento o en las siguientes direcciones:

Puede encontrar información sobre los diferentes niveles de accesibilidad de páginas web en este mismo documento o en las siguientes direcciones: "El nivel de cumplimiento exigido por SPRI, S.A. a la fecha de hoy en referencia a las normas de accesibilidad de páginas web es el "Nivel AA - prioridad 2". Puede encontrar información sobre los diferentes

Más detalles

OBJETIVOS Y CONTENIDOS FORMATIVOS DEL CURSO

OBJETIVOS Y CONTENIDOS FORMATIVOS DEL CURSO Nº EXPEDIENTE: FC10450/2013/1237FF DATOS DEL CENTRO RESOLUCIÓN: ORDEN 10450/2013, de 28 de noviembre MODALIDAD (presencial/telefor.): PRESENCIAL CENTRO: CENTRO CULTURAL Y DEPORTIVO TAJAMAR DIRECCION: C/

Más detalles

Curso Superior de Usabilidad Web. Nivel Profesional

Curso Superior de Usabilidad Web. Nivel Profesional Curso Superior de Usabilidad Web. Nivel Profesional Titulación acredidatada por la Comisión Internacional de Formación de la UNESCO Curso Superior de Usabilidad Web. Nivel Profesional Curso Superior de

Más detalles

Desarrollo de Aplicaciones con Tecnologías Web (Online) (Dirigida a la Acreditación de las Competencias Profesionales R.D.

Desarrollo de Aplicaciones con Tecnologías Web (Online) (Dirigida a la Acreditación de las Competencias Profesionales R.D. Desarrollo de Aplicaciones con Tecnologías Web (Online) (Dirigida a la Acreditación de las Competencias Profesionales R.D. 1224/2009) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Desarrollo de

Más detalles

BIBLIOTECA VIRTUAL TIRANT

BIBLIOTECA VIRTUAL TIRANT BIBLIOTECA VIRTUAL TIRANT http://www.biblioteca.tirant.com/ La Editorial Tirant lo Blanch nació hace más de 40 años con vocación de crear un esmerado fondo editorial y promover una nueva forma de entender

Más detalles

CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB

CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB Certificado de profesionalidad IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB Familia Profesional: Informática y Comunicaciones Área profesional: Desarrollo Código:

Más detalles

1. Introducción. Palabras clave: Accesibilidad, estándares, buenas prácticas, métodos, metodologías.

1. Introducción. Palabras clave: Accesibilidad, estándares, buenas prácticas, métodos, metodologías. ING-NOVACIÓN. No. 4, Junio Noviembre de 2012 Reporte de Investigación 51 Compendio de estándares, métodos, técnicas, buenas prácticas y herramientas software para el diseño y revisión de de accesibilidad

Más detalles

NOMBRE DEL EXPERIMENTO AUTOR CATEGORÍA PALABRAS CLAVE QUÉ SE PRETENDE MOSTRAR? DIRIGIDO A. Construye y Controla tu Robot en un día.

NOMBRE DEL EXPERIMENTO AUTOR CATEGORÍA PALABRAS CLAVE QUÉ SE PRETENDE MOSTRAR? DIRIGIDO A. Construye y Controla tu Robot en un día. NOMBRE DEL EXPERIMENTO Construye y Controla tu Robot en un día. AUTOR Juan Antonio Holgado Terriza Marcelino Cabrera Cuevas Jesús Luis Muros Cobos Sandra Rodríguez Valenzuela CATEGORÍA Tecnología PALABRAS

Más detalles

TEMA 3: SISTEMAS OPERATIVOS.

TEMA 3: SISTEMAS OPERATIVOS. TEMA 3: SISTEMAS OPERATIVOS. 1. QUÉ ES UN SISTEMA OPERATIVO? 2. SISTEMAS OPERATIVOS GRÁFICOS. 3. SISTEMAS OPERATIVOS MÓVILES. 4. EL ENTORNO DE WINDOWS PARA PC. 5. LA APLICACIÓN DEL TEMA. 6. ACTIVIDADES.

Más detalles

2. TRABAJO A DESARROLLAR

2. TRABAJO A DESARROLLAR 1. ANTECEDENTES El Departamento de Cultura y Euskera trabaja en los diversos ámbitos culturales definidos en la estructura organizativa de la Diputación Foral de Gipuzkoa. Sus actividades precisan de una

Más detalles

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 HTML sin duda, definió

Más detalles

Manual Terabox. Manual del usuario. Versión 1.0.0. 2014 Telefónica. Todos los derechos reservados. http://telefonica.com.ar

Manual Terabox. Manual del usuario. Versión 1.0.0. 2014 Telefónica. Todos los derechos reservados. http://telefonica.com.ar Manual del usuario Versión 1.0.0 2014 Telefónica. Todos los derechos reservados. http://telefonica.com.ar 1 1 Índice 1 Índice... 2 2 Terabox... 3 3 Instalación de Terabox... 4 4 Configuración y uso de

Más detalles

Universidad Carlos III de Madrid. Propuesta de acciones sobre Infoaccesibilidad

Universidad Carlos III de Madrid. Propuesta de acciones sobre Infoaccesibilidad Universidad Carlos III de Madrid Propuesta de acciones sobre Infoaccesibilidad 13 de noviembre de 2009 ÍNDICE DE CONTENIDOS 1. Introducción... 2 2. Objetivo y alcance... 4 3. Metodología... 5 4. Diagnóstico

Más detalles

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY Escuela de Diseño El medio web actual requiere manejar adecuadamente

Más detalles

Desarrollo Web Front-End utilizando Diseño Adaptativo. Ing. Henry Llanos Carranza

Desarrollo Web Front-End utilizando Diseño Adaptativo. Ing. Henry Llanos Carranza Desarrollo Web Front-End utilizando Diseño Adaptativo Ing. Henry Llanos Carranza Objetivos Desarrollo Web Front-End utilizando Diseño Adaptativo 2 Objetivos Conocer el uso Diseño Adaptativo en el Diseño

Más detalles

Módulo 1: Creación de un juego en Flash para Android

Módulo 1: Creación de un juego en Flash para Android NUEVO CURSO DE AULA FORMATIVA: MOBILE UNIVERSITY 1 Bienvenido a Mobile University!. El desarrollo de apps y webs adaptadas a móviles está de moda. Eso implica un aumento considerable de demanda laboral

Más detalles

Web Móvil con webmaker

Web Móvil con webmaker Web Móvil con webmaker Tu web optimizada para todos los dispositivos Índice 1. La importancia de una web móvil 2. Ventajas de webmaker Móvil 3. Cómo configurar tu Web Móvil con webmaker 4. Cómo configurar

Más detalles

Estándares de Accesibilidad WEB para personas con discapacidad. Ernesto Quiñones Azcárate ernestoq@apesol.org Presidencia de APESOL 2006 2008

Estándares de Accesibilidad WEB para personas con discapacidad. Ernesto Quiñones Azcárate ernestoq@apesol.org Presidencia de APESOL 2006 2008 Estándares de Accesibilidad WEB para personas con discapacidad. Ernesto Quiñones Azcárate ernestoq@apesol.org Presidencia de APESOL 2006 2008 La Internet La fuente de conocimiento mas grande en la historia

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

Guía de Conexión WIFI a PRONET

Guía de Conexión WIFI a PRONET Guía para la conexión a WiFi en Pronet El servicio de WiFi de Pronet se puede utilizar en una gran variedad de dispositivos inalámbricos los cuales van basados en la tecnología Wi-Fi siempre y cuando cumplan

Más detalles

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo

Más detalles

Accesibilidad PID_00167609

Accesibilidad PID_00167609 Accesibilidad PID_00167609 FUOC PID_00167609 Accesibilidad Ninguna parte de esta publicación, incluido el diseño general y la cubierta, puede ser copiada, reproducida, almacenada o transmitida de ninguna

Más detalles