Ir al contenido principal


Diversidad de dispositivos.

El término “responsive web design” corresponde a una tendencia de creación de páginas web que pueden ser visualizadas perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets. Adaptación de página web a dispositivos portátiles desde la misma fuente.

Cuando empezó a extenderse el acceso a internet móvil, la mayoría de las soluciones de adaptación de página web a dispositivos portátiles, consistían en versiones de la misma web para móviles con pocas imágenes y textos grandes, lo cual obligaba a actualizar contenidos en dos sitios a la vez y sacrificar contenidos.

Con el “diseño responsive” no necesitas tener una versión para cada dispositivo, una sola web se adapta a todos ellos. 

En lugar de tener diferentes versiones de un sitio web para cada tipo de dispositivo (smartphone, tableta, ordenador, portátil e incluso, smart TV), se crea una sola website utilizando CSS3 media queries y un layout con imágenes que se adaptan al tamaño de la pantalla.

Mediante la programación, la página web detecta desde qué clase de dispositivo se está accediendo y muestra la versión más optimizada para ese medio, reorganizando los elementos de la web y adaptando el diseño de elementos de la navegación como el menú.

Es posible incluso decidir que elementos queremos que aparezcan o desaparezcan dependiendo del tamaño de la pantalla donde se visualice el website, como por ejemplo hacer desaparecer las imágenes, más pesadas, o sustituirlas por otras más ligeras, redistribución de las columnas en el diseño, menos texto, banners, etc.

En la mayoría de los casos no es necesario desarrollar una app nativa para cada dispositivo. Solo con HTML5 podemos resolver el acceso desde cualquier plataforma desde el mismo código, el mismo hosting y ahorrando tiempo y dinero. Solamente se trabajas sobre una website y los resultados son uniformes.

Conexión.Acceso a Internet o conexión a internet es el sistema de enlace con que el computador, dispositivo móvil o red de computadoras cuenta para conectarse a Internet, lo que les permite visualizar las páginas web desde un navegador y acceder a otros servicios que ofrece Internet, como correo electrónico, mensajería instantánea, protocolo de transferencia de archivos (FTP), etcétera. Se puede acceder a Internet desde una conexión por línea conmutada, banda ancha fija (a través de cable coaxial, cables de fibra óptica o cobre), vía satélite, banda ancha móvil y teléfonos celulares o móviles con tecnología 2G/3G/4G/5G. Las empresas que otorgan acceso a Internet reciben el nombre de proveedores de servicios de Internet (Internet Service Provider, ISP).

Navegadores.Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con otro, imprimir, enviar y recibir correos, entre otras funcionalidades más.

Los documentos que se muestran en un navegador pueden estar ubicados en la computadora donde está el usuario y también pueden estar en cualquier otro dispositivo conectado en la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).

Otros aspectos tecnológicos.

Los protocolos Web

Tres protocolos, definidos por la NCSA y el CERN, gobiernan el funcionamiento de la Web. Son los estándares (de hecho) que permiten generalizar los mecanismos de intercambio y presentación de archivos y documentos y que proveen los mecanismos de direccionamiento universal. Podemos definir un protocolo como cualquier conjunto definido de procedimientos, convenciones o métodos que permiten inter-operar a dos dispositivos.

Estos 3 protocolos son:

  •  La URL o Universal Resource Locator: se trata de una definición única o dirección permanente de localización de un documento

 

  •  HTML o HyperText Markup Languaje: es un lenguaje o sintaxis específica para la WWW que describe la estructura de los documentos a través de marcas y etiquetas, y que posibilita los enlaces a otras páginas o informaciones. Actualmente, la Web ofrece numerosas funcionalidades como son el acceso a bases de datos o el acceso a objetos de datos ADO (ActiveX Data Objects) y opera también con otros lenguajes de marcado estandarizados como XML, que permite la utilización de  gráficos vectoriales, transacciones de e-comercio, ecuaciones matemáticas, objetos de metadatos, servidores APIs (Application Programming interface) y otras muchas clases de aplicaciones e información estructurada.

 

  • HTTP o HyperText Transfer Protocol: es un protocolo que permite la transferencia de archivos y documentos en múltiples plataformas. Fue inventado para que los ordenadores se comunicaran mientras intercambiaban documentos, agregando conectividad e interfaces. Si un ordenador  Tipos de Websusa el protocolo HTTP y pide un archivo a otro ordenador, éste último sabrá, al recibirlo, si se trata de imagen, vídeo, texto, etc. Esta funcionalidad que se agregó a HTTP permite que Internet sea hipermedia a través de la Web.

Comentarios

Entradas populares de este blog

Normatividad y principios de accesibilidad de herramientas de autor:  Para la accesibilidad web y que los usuarios puedan tener una navegación óptima y satisfactoria, se necesita dejar las características personales (discapacidad, idioma, edad, etc) o dependiendo de cualquier sistema operativo que utilicen. Existen cuatro principios fundamentales para una web accesible: °Perceptible: Los contenidos como la interfaz que presenta el sitio web, debe ser perceptible para cualquier usuario y pueda disfrutar de una accesibilidad adecuada. Los contenidos que presente debe tener alternativas para los usuarios que presenten problemas auditivos y visuales. La interfaz, así como las reproducciones y botones, debe estar perfectamente identificable para el usuario.  °Operable: Se presenta la facilidad de realizar acciones o buscar contenido de manera clara y advertida que el sitio web debe presentar, debe presentar toda funcionalidad en base al teclado, dar tiempo para leer y entender el ...

Alternativas de accesibilidad al servicio e información en la web para personas con alguna discapacidad o diversidad

Discapacidad visual: Accesibilidad de plantear a usuarios ciegos o con dificultades visuales. Por ejemplo, es importante controlar las combinaciones de colores para evitar su disfunción con usuarios daltónicos. Es importante no realizar páginas demasiado grandes (la medida observada viene a ser de entre dos y tres páginas impresas), y utiliza los tags <h1>, <h2>... para formatear el texto y facilitar su comprensión de un simple vistazo, no se debe de asignar tamaños absolutos de fuentes (font). Los usuarios miopes gustan de configurar su navegador para usar fuentes grandes. Discapacidad auditiva: El sitio web debe tener en cuenta a los usuarios con discapacidades auditivas o a aquellos cuyo equipo carece de medios técnicos suficientes para reducir el sonido,esto supone incluir transcripciones textuales de los speechs que se incluyen en formatos sonoro, así como en los videos que incluyan locuciones. Discapacidad cognitiva:   El sitio web  Discapacidad Física...
Aplicaciones de usuarios y diseño de contenidos digitales: Consorcio Word Wilde Web (W3C). El consorcio word wilde web es una comunidad internacional que han trabajado para desarrollar un conjunto de estándares dentro de la web. La finalidad de estos estándares, es crear una web accesible y fácil de utilizar, mejorando las tecnologías y la infraestructura para que pueda evolucionar la web con estándares mejor organizados para los usuarios.    La Iniciativa para la Accesibilidad Web (WAI). La iniciativa WAI a nivel mundial vela por que sus contenidos respondan a criterios de usabilidad y accesibilidades universales establecidos, de modo que cualquier usuario pueda moverse dentro de la web sin importar sus limitaciones físicas, intelectuales o sensoriales. La WAI emite directrices estandarizadas y que son reconocidas para crear y desarrollar contenido y páginas más accesibles.