2º ASIR UD4-HTTP 1 VICEN MORALES PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del acceso de todos a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative), una actividad desarrollada por el W3C, cuyo objetivo principal es facilitar el acceso a la Web a todas aquellas personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web y abriendo nuevos campos en accesibilidad a través de la investigación en este área. Amaya es una herramienta que permite al mismo tiempo navegar, editar y publicar información en la Web. La integración de estas tres funciones hace más fácil para los usuarios participar en la aportación de contenido para la Web. Su objetivo principal es proporcionar una infraestructura fácilmente extensible que sirva como marco común de integración del mayor número posible de tecnologías del W3C para así poder experimentar y realizar demostraciones combinando estas tecnologías. Annotea es un sistema que permite la creación y publicación en la Web de anotaciones compartidas de recursos. Una anotación puede ser una nota, una explicación u otro tipo de comentario externo que puede agregarse a cualquier documento Web o a una parte seleccionada, sin necesidad de modificar el documento. Su principal aportación es la mejora de la colaboración de grupos de trabajo a través de esas anotaciones Web compartidas. El Lenguaje de Intercambio de Preferencias P3P (P3P Preference Exchange Language), es un lenguaje para describir colecciones de preferencias relacionadas con las
45
Embed
PRÁCTICA 1: W3C y estándares Web.PRÁCTICA 1: W3C y estándares Web. Servidores Web. Clientes Web (navegadores). a) El W3C de la A a la Z Hablar de Accesibilidad Web es hablar del
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
2º ASIR UD4-HTTP
1 VICEN MORALES
PRÁCTICA 1: W3C y estándares Web.
Servidores Web. Clientes Web (navegadores).
a)
El W3C de la A a la Z
Hablar de Accesibilidad Web es hablar del acceso de todos a la Web,
independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.
Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative), una actividad desarrollada por el W3C, cuyo objetivo principal es facilitar el acceso a la Web a todas aquellas personas con discapac idad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web y abriendo nuevos campos en accesibilidad a través de la investigación en este área.
Amaya es una herramienta que permite al mismo tiempo navegar, editar y publicar
información en la Web. La integración de estas tres funciones hace más fácil para los
usuarios participar en la aportación de contenido para la Web. Su objetivo principal es
proporcionar una infraestructura fácilmente extensible que sirva como marco común
de integración del mayor número posible de tecnologías del W3C para así poder
experimentar y realizar demostraciones combinando estas tecnologías.
Annotea es un sistema que permite la creación y publicación en la Web de anotaciones
compartidas de recursos. Una anotación puede ser una nota, una explicación u otro
tipo de comentario externo que puede agregarse a cualquier documento Web o a una
parte seleccionada, sin necesidad de modificar el documento. Su principal aportación
es la mejora de la colaboración de grupos de trabajo a través de esas anotaciones Web
compartidas.
El Lenguaje de Intercambio de Preferencias P3P (P3P Preference Exchange Language),
es un lenguaje para describir colecciones de preferencias relacionadas con las
JigSaw es una plataforma de servidor Web basada en Java cuyo principal objetivo es
hacer demostraciones de nuevos protocolos y al mismo tiempo ofrecer una base de
experimentación en el área de software para servidor.
Libwww es una interfaz de programación de aplicaciones (API) Web de cliente, de uso
común y alta modularidad, cuyo principal propósito es el de servir como herramienta
de pruebas para experimentos con protocolos.
Lenguaje de Etiquetado Matemático (Mathematical Markup Language). Es un lenguaje
cuyo objetivo principal es permitir que las expresiones matemáticas puedan ser
representadas y procesadas en la Web al igual que el HTML lo hace con el texto simple.
Consiste en etiquetas XML que pueden utilizarse para definir ecuaciones en términos
de su presentación y su semántica.
mobileOK Básico es un esquema para evaluar si el contenido de una Web puede ser
enviado de forma que cumple con las Buenas Prácticas para Web Móvil. Para la
evaluación se utiliza un agente de usuario móvil hipotético. El objetivo de mobileOK es
ayudar a desarrollar más rápidamente contenido Web móvil.
Lenguaje de Ontologías Web (Web Ontology Language). Una ontología define los
términos a utilizar para describir y representar un área de conocimiento. Las
ontologías son utilizadas por las personas, las bases de datos, y las aplicaciones que
necesitan compartir un dominio de información (un dominio es simplemente un área
de temática específica o un área de conocimiento, tales como medicina, bienes
inmuebles, gestión financiera, etc.). Las ontologías incluyen definiciones de conceptos
básicos del dominio, y las relaciones entre ellos, que son útiles para los ordenadores.
OWL permite definir una ontología en términos de XML.
Plataforma para la Selección de Contenido en Internet (Platform for Internet Content
Selection). Es un conjunto de especificaciones técnicas que ofrecen al usuario la
posibilidad de realizar un acceso selectivo a la información que se puede obtener en la
Web; esto se consigue a través de la asociación de etiquetas (metadatos) a contenido
de Internet, funcionando como un filtro.
Gráficos de Red Portátiles (Portable Network Graphics). Es uno de los formatos gráficos
más utilizados en la Web ya que permite un almacenamiento sin pérdida, portátil y con
buena compresión de gráficos. Soporta imágenes en color indexado, en escala de
grises y color verdadero, además de varios niveles de transparencia.
POLITICA DE PATENTES
Se trata de una serie de normas a través de las cuales el W3C establece la forma de gestionar las patentes en el proceso de creación y desarrollo de estándares Web con el
Lenguaje de Integración de Multimedia Sincronizada (Synchronized Multimedia
Integration Language). Es un lenguaje de etiquetado utilizado para crear
presentaciones multimedia dinámicas a través de la sincronización en tiempo y espacio
de diversos elementos como audio, vídeo, texto y gráficos. Permite a los
desarrolladores especificar y controlar el momento preciso en el que se ha de integrar
audio y vídeo con imágenes, texto y otros tipos de medios, permitiendo, al mismo
tiempo, la posibilidad de interacción con el usuario.
Los Servicios Web son un conjunto de aplicaciones o de tecnologías con capacidad para
interoperar en la Web y que intercambian datos entre sí con el objetivo de ofrecer
servicios. Los proveedores ofrecen sus servicios como procedimientos remotos y los
usuarios solicitan un servicio llamando a estos procedimientos a través de la Web.
Estos servicios proporcionan mecanismos de comunicación estándares entre
diferentes aplicaciones, que interactúan entre sí para presentar información dinámica
al usuario.
Protocolo Simple de Acceso a Objetos (Simple Object Access Protocol). Es un protocolo para intercambiar mensajes, basado en XML, y de extendido uso en Servicios Web.
El Protocolo Simple y Lenguaje de Consulta de RDF (Simple Protocol And RDF Query Language) es una tecnología que permite hacer consultas sobre información
expresada en RDF, usando distintas fuentes de datos y permite obtener también los resultados en formato RDF para poder utilizarlos en diversas aplicaciones.
Lenguaje de Etiquetado de Síntesis del Habla (Speech Synthesis Markup Language). Es
un lenguaje de etiquetado, basado en XML, que forma parte de un conjunto de especificaciones para navegadores por voz que ayuda a generar habla sintética en la
Web y en otras aplicaciones. Proporciona un camino estándar para controlar aspectos del habla como son pronunciación, volumen, tono y velocidad.
Especificación de Gramática de Reconocimiento del Habla (Speech Recognition Grammar Specification). Es una especificación que trata de definir la sintaxis necesaria para representar gramáticas utilizadas en el reconocimiento del habla. De esta forma, los desarrolladores pueden especificar las palabras o grupos de palabras que un reconocedor del habla debe captar. Un reconocedor es capaz de establecer una relación entre el audio proporcionado por el usuario y una gramática, generando así una transcripción.
Gráficos Vectoriales Escalables (Scalable Vector Graphics). Es un lenguaje de
descripción de gráficos de dos dimensiones y de aplicaciones gráficas en XML. SVG se utiliza en diferentes áreas incluyendo gráficos Web, animación, interfaces de usuario,
intercambio de gráficos, aplicaciones móviles y diseño de alta calidad.
La especificación de Texto Temporizado (Timed-Text) en la Web cubre los aspectos necesarios para incluir textos sincronizados para distintas aplicaciones en la Web,
como subtítulos de películas, transcripciones para equipos sin audio, karaokes, titulares de noticias, u otras.
Identificador de Recurso Uniforme (Uniform Resource Identifiers). Los URI son cadenas que funcionan como identificadores globales que hacen referencia a recursos en la Web tales como documentos, imágenes, archivos descargables, servicios, buzones de correo electrónico y otros.
Lenguaje de Etiquetado Extensible de Voz (Voice Extensible Markup Language). Es un
lenguaje para crear diálogos entre el usuario y la aplicación. La aplicación se comunica con el usuario enviando información hablada, y el usuario interactúa con la misma
ejecutando acciones a través de la voz.
WebCGM (Web Computer Graphics Metafile). WebCGM es un formato de archivo binario que define un subconjunto del estándar CGM para dar soporte a las
funcionalidades de: hipervinculación y navegación de documentos, estructura y organización en capas, e investigación y peticiones en contenido de imagen WebCGM.
Una de las principales ventajas de WebCGM es que es compatible con Unicode y todos los formatos Web.
La Web Móvil es una Web accesible desde cualquier lugar a través de dispositivos móviles. El W3C con el objetivo de hacer el acceso a la Web desde estos dispositivos algo sencillo y cómodo ha puesto en marcha la Iniciativa de Web Móvil que busca resolver los problemas de interoperabilidad y usabilidad que actualmente dificultan el acceso a la Web desde dispositivos móviles.
La Web Semántica es una Web extendida y dotada de mayor significado, apoyada en
lenguajes universales, que van a permitir que los usuarios puedan encontrar respuestas a sus preguntas de forma más rápida y sencilla gracias a una información
mejor definida. Con esta Web, los usuarios podrán delegar tareas en el software que será capaz de procesar el contenido de la información, razonar con éste, combinarlo y
realizar deducciones lógicas para resolver automáticamente problemas cotidianos.
Un Widget es un tipo de aplicación Web en la parte cliente que permite representar y/o actualizar datos locales o remotos. Uno de los beneficios de los Widgets es que
están empaquetados para ofrecer su descarga y su instalación de forma sencilla en los dispositivos desde los que se accede. Ejemplos de estos Widgets son: relojes,
indicadores bursátiles, previsiones climatológicas, noticias de última hora, etc.
El Lenguaje de Descripción de Servicios Web (Web Services Description Language)
permite definir lo que hace un Servicio Web según la funcionalidad que ofrece. Mediante este lenguaje se representa la interfaz de uso del servicio, lo que tendrán
que tener en cuenta otros servicios a la hora de acceder a su funcionalidad.
El Lenguaje de Vinculación de XML (XML Binding Language) permite asociar elementos de un documento con scripts, manejadores de eventos, hojas de estilo CSS y otros
modelos de contenido complejos que pueden estar almacenados en otro documento. Esto puede ser utilizado, por ejemplo, para reorganizar el contenido de un documento,
modificando el etiquetado XHTML para aplicar hojas de estilo CSS complejas sin ensuciar el código con elementos div o span innecesarios.
XML Binario es un formato binario de contenido XML diseñado para reducir el tamaño de transmisión de documentos XML a través de la omisión de elementos y atributos desconocidos, lo que permitirá un uso más efectivo de los datos XML en canales de comunicación de banda estrecha, sin perder así funcionalidad ni información.
XForms es un nuevo lenguaje de etiquetado para formularios Web, diseñado para ser
el sustituto de los formularios HTML tradicionales, y que va a permitir a los desarrolladores distinguir entre el propósito del formulario y su presentación. Esta
separación clara entre contenido y presentación ofrece grandes ventajas en términos de reutilización, independencia de dispositivo y accesibilidad.
Lenguaje de Etiquetado de Hipertexto Extensible (Extensible HyperText Markup
Language). Es una versión más estricta y limpia de HTML que nace ante la limitación de uso de éste con las cada vez más abundantes herramientas basadas en XML. XHTML
extiende HTML 4.0 combinando la sintaxis de HTML, diseñado para mostrar datos, con la de XML, diseñado para describir los datos.
Lenguaje de Enlace XML (XML Linking Language). Es un lenguaje que, entre otras funcionalidades, permite crear vínculos bidireccionales entre recursos, lo que implica la posibilidad de moverse en dos direcciones, facilitando así la obtención de información remota como recursos en lugar de simplemente como páginas Web.
Lenguaje de Etiquetado Extensible (eXtensible Markup Language). Es un lenguaje con una importante función en el proceso de intercambio, estructuración y envío de datos
en la Web. Describe los datos de tal manera que es posible estructurarlos utilizando para ello etiquetas, como lo hace HTML, pero que no están predefinidas, delimitando
de esta manera los datos, a la vez que favoreciendo la interoperabilidad de los mismos.
XML Base permite a los desarrolladores especificar un URI para resolver URIs relativos en vínculos a imágenes externas, applets, programas de procesamiento de formato,
hojas de estilo, etc.
Lenguaje de Encriptación XML (XML Encryption). Es un lenguaje cuya función principal es asegurar la confidencialidad de partes de documentos XML a través de la encriptación parcial del documento. Encriptación XML se puede aplicar a cualquier
recurso Web, incluyendo contenido que no es XML.
Gestión de Claves XML (XML Key Management - XKMS). Es un protocolo para distribuir y registrar claves públicas que oculta la complejidad que surge con PKI (Infraestructura
de Clave Pública). Está compuesto de dos partes que son: el registro de la clave pública (X-KRSS) y la información de clave pública (X-KISS)
Lenguaje de Consulta XML (XML Query). Es un lenguaje que ofrece la posibilidad de realizar consultas en infinidad de tipos diferentes de documentos como son
documentos estructurados, colecciones de documentos, bases de datos, estructuras DOM, catálogos, etc., para extraer datos en la Web.
Esquema XML (XML Schema). Es un lenguaje cuyo objetivo principal es definir la estructura en bloques de un documento XML, al igual que lo hace un DTD, pero de una forma mucho más precisa. El propósito de un esquema es definir y describir una clase de documentos XML usando estas construcciones para restringir y documentar el significado, uso y relaciones de las partes constituidas: tipo de datos, elementos y su contenido, atributos y sus valores, entidades y su contenido, y anotaciones. Los esquemas documentan su propio significado, uso y función.
Firma XML (XML Signature). Es un sistema que, a través de una firma digital, permite ofrecer autentificación de los datos que se manejan. Con la firma digital se confirma la
identidad del emisor, la autenticidad del mensaje y su integridad, sin olvidar que los mensajes no serán repudiados.
Lenguaje de Rutas XML (XML Path Language). Es un lenguaje para acceder a partes de
un documento XML, como pueden ser sus atributos, elementos, etc.
Lenguaje de Direccionamiento XML (XML Pointer Language). Es un lenguaje que se utiliza para llegar a partes específicas de un documento XML, esto es, a sus elementos, atributos y contenido. XPointer, una vez que XLink ha establecido el enlace con el recurso, va a un punto concreto del documento. Su funcionamiento es muy similar al de los identificadores de fragmentos en un documento HTML ya que se añade al final de una URI y después lo que hace es encontrar el lugar especificado en el documento XML.
Lenguaje de Hojas de Estilo Extensible (eXtensible Stylesheet Language). Es un lenguaje para crear hojas de estilo a través de las cuales será posible mostrar el contenido
estructurado de un documento con un formato determinado. Consiste en dos partes: un lenguaje de transformación de documentos XML y un vocabulario XML para
especificar semánticas para el formato (objetos de formato).
Transformaciones del Lenguaje de Hojas de Estilo Extensible (Extensible Stylesheet Language Transformations). Es un lenguaje que permite la transformación de la
estructura de un documento XML en otro documento XML con estructura diferente.
Un estándar es un conjunto de reglas normalizadas que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o s oftware que lo utilicen, sean compatibles entre sí.
El W3C, organización independiente y neutral, desarrolla estándares relacionados con
la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.
En la creación de las Recomendaciones del W3C participan sus Miembros (más de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos ámbitos: grandes empresas de hardware o software, centros investigadores, universidades, administraciones públicas, etc.), el Equipo del W3C, expertos invitados, y cualquier usuario de la Web que quiera mostrar su opinión. Todos ellos trabajan conjuntamente a través de un proceso basado en el consenso, la neutralidad y la transparencia de la información.
Figura 1 - Los stándares representados en función del año de su creación (también en SVG )
Algunos de los estándares Web más conocidos y ampliamente utilizados son: HTML (HyperText Markup Language), para definir la estructura de los documentos; XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías; y CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
¿Para qué sirven?
La finalidad de los estándares es la creación de una Web universal, accesible, fácil de
usar y en la que todo el mundo pueda confiar. Con estas tecnologías abiertas y de uso libre se pretende evitar la fragmentación de la Web y mejorar las infraestructuras para
que se pueda evolucionar hacia una Web con la información mejor organizada.
Acceso Universal
El W3C se guía por los principios de accesibilidad, internacionalización, e
independencia de dispositivo, entre otros. Esto facilita que el acceso a la Web sea posible desde cualquier lugar, en cualquier momento y utilizando cualquier dispositivo.
No importa si se utiliza hardware, software, o una infraestructura de red específica. Además de las posibles restricciones técnicas, se tiene en cuenta la existencia de
múltiples idiomas, las diversas localizaciones geográficas, y las diferencias culturales o tradiciones, así como las posibles limitaciones físicas, psíquicas o sensoriales de los
usuarios.
La concienciación de que no todas las personas acceden a la Web de la misma forma, permite centrarse en determinados colectivos que tienen necesidades concretas, como pueden ser las personas de edad avanzada en el caso de limitaciones psíquicas, físicas o sensoriales.
El avance de las tecnologías inalámbricas, así como la gran variedad de dispositivos con acceso a la Web presentes en sectores como el de la telefonía móvil, en el de
automoción (navegadores en los salpicaderos de automóviles), en los electrodomésticos (refrigeradores con pantallas táctiles) o en los televisores, fomenta
la ubicuidad de la Web. Esto pone de manifiesto la necesidad de utilizar tecnologías y lenguajes unificados, libres y gratuitos, cuyo uso no esté limitado por patentes
comerciales.
Una Web con significado
Tradicionalmente, se podría considerar la Web como un conjunto de documentos conexos entre sí a través de términos léxicos y sintácticos. Estos documentos están expresados en lenguaje natural y contienen contenido destinado a personas. Esto limita a las máquinas a la hora de procesar la información de forma eficiente, ya que no pueden evitar las ambigüedades del lenguaje natural. Gracias al nuevo enfoque del W3C, la Web evoluciona hacia lo que se denomina Web Semántica, una ampliación de la Web tradicional, que ofrece mecanismos para añadir significado a los recursos (documentos, imágenes, vídeos, etc.), de forma que cualquier máquina pueda interpretar los datos existentes en la Web de una forma similar a como lo hacen los humanos. La información no sólo está especificada como una serie de información textual o gráfica inconexa entre sí, sino que la Web se puede considerar como una gran base de datos organizada y estructurada teniendo en cuenta la naturaleza semántica de los elementos que la componen.
La Web Semántica fomenta una mejora en el rendimiento y eficiencia de la Web, lo que se transmite en una experiencia más satisfactoria para el usuario, el que obtendrá
mayor precisión en sus búsquedas y operaciones, y podrá tener acceso a mayores cantidades de información específica y útil. De la misma forma, esta estructuración y
tratamiento de los datos más preciso evitará las tareas frustrantes y difíciles, como es la búsqueda, obtención y mezcla de información desde distintas fuentes.
Confianza en la Web
La Web es un medio colaborativo, donde los usuarios interactúan creando contenidos (en wikis, blogs o foros), realizan transacciones (compras online, operaciones
bancarias), o crean redes sociales (de amistad o laborales), donde se relacionan entre sí.
2º ASIR UD4-HTTP
14 VICEN MORALES
Estas actividades requieren que los usuarios confíen entre sí y han promovido el desarrollo de ciertas tecnologías para asegurar esta confianza: firmas digitales de
documentos que fomentan la responsabilidad de las personas que se declaran autores de estos; encriptación de los datos para la confidencialidad; y mecanismos de establecimiento y declaración de las políticas de privacidad de los datos de los sitios Web.
¿Cómo funcionan?
La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación. Este proceso permite la
intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos.
Tras este proceso, elaborado por especialistas en la materia, se obtienen unos
estándares de calidad, y al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como Recomendación.
Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados libremente por toda la comunidad Web. Al utilizar las mismas tecnologías, las máquinas se entienden entre sí y cualquier usuario puede interactuar con el resto.
Figura 2 - Distintos dispositivos y redes comunicándose a través de protocolos y
lenguajes comunes
2º ASIR UD4-HTTP
15 VICEN MORALES
Para ayudar a los desarrolladores que deseen utilizar sus Recomendaciones, el W3C ofrece una serie de herramientas que permiten verificar si se hace una correcta
aplicación de las especificaciones. Manuales de directivas o buenas prácticas de tecnologías concretas, y los validadores sintácticos de los lenguajes, son ejemplos de estas ayudas.
Ejemplos
Durante la evolución de la Web, ha quedado patente la necesidad de disponer de estándares y existe un gran número de estos que han sentado las bases para el desarrollo de la Web y han fomentado el éxito de esta. Algunos ejemplos son: el
lenguaje de etiquetado para hacer páginas Web, HTML; y XML, un lenguaje para crear estructuras de documentos.
HTML
El beneficio de la utilización de estándares se puede observar con la creación y
evolución del lenguaje HTML, para la Web. En 1994, el W3C comenzó el proceso de estandarización del HTML para representar el contenido en la Web. La expansión y el número de documentos en la Web se ha visto incrementado en los últimos años de forma espectacular, hasta convertirse en una herramienta de uso cotidiano como hoy la conocemos. Esto se ha debido a la facilidad de creación de documentos y a que todos comparten el mismo lenguaje para la representación de la información. Al usar el mismo formato para el desarrollo se consigue que cualquier agente de usuario que interprete dicho lenguaje represente el documento de la Web de la misma forma. Al ser independiente de cualquier plataforma (y de cualquier fabricante) permite que cualquiera lo pueda usar, independientemente del sistema operativo, navegador, etc. Si hubiesen existido fabricantes que pretendieran imponer lenguajes alternativos al HTML, tendrían un público restringido a la cantidad de clientes que usasen su tecnología.
XML
El lenguaje XML, ampliamente utilizado para estructurar la información de documentos. El XML fue estandarizado por el W3C, que autorizó su uso libremente,
convirtiéndolo en una pieza clave en la interoperabilidad de la mayoría de los sistemas de información. Muchos otros lenguajes y tecnologías están basados en XML, lo que no
se habría podido conseguir si este lenguaje tuviese alguna patente comercial que restringiese su uso.
2º ASIR UD4-HTTP
16 VICEN MORALES
b)
- Nombres y direcciones (URIs y URLs) El desarrollo del internet no ha sido un esfuerzo singular. Debido a esto hay mucha jerga hablándose alrededor. Algunas terminologías con las que el público se familiariza, generalmente no se usan de la forma en que originalmente deberían. La gente normal realmente no se toma el tiempo o el esfuerzo para buscar más profundamente en lo que el acrónimo significa y cómo debe utilizarse, sólo observan cómo se utilizo la palabra cuando la escucharon y la usan como la consideran conveniente. Esto es comparable a como Xerox se convirtió en una sinónimo de fotocopia, simplemente debido a la popularidad de la marca. El problema con esto, es que con frecuencia daría lugar a confusiones, especialmente cuando las personas técnicas hablan con las
personas no técnicas.
Una de las terminologías que aprendieron rápidamente fue el del acrónimo URL. URL significa (Uniform Resource Locator – Localizador Uniforme de Recursos) y se supone
que se utilizará sólo para identificadores que señalan una ubicación. En el público en general, cualquier hipervínculo se denomina una dirección URL, incluso si no es
necesariamente una dirección URL.
La URI o (Uniform Resource Identifier – Identificador de Recursos Uniforme), fue creado como el nombre que apunta a cualquier recurso. Esto fue luego subdividido en dos categorías generales, el URL y el URN (Uniform Resources Name-Nombre Uniforme de Recurso), con cada uno de ellos manejando un grupo de nomenclaturas convencionales. La URN se supone debería describir un grupo de URIs que contienen solo el nombre de estos recursos y no necesariamente donde está localizada y como llegar a ella. El URL como lo describía arriba, provee la localización y el protocolo que será usado para acceder a los datos guardados.
Para resumir, las direcciones URL y URN ambas, son una parte de la grande y más general URI. Por lo que sería seguro llamarle a un hipervínculo como una URI, no
importando a aquello a lo que apunte, lo que el nombre s ignifica y que protocolo es usado para acceder a la información. La URL es simplemente un subgrupo dentro de la
URI. Solamente fue hecho para apuntar a la localización del recurso con una indicación necesaria del protocolo. No había necesidad de distinguir entre las dos ya que muchas
veces usar el término URL es lo correcto y debido al crecimiento en la popularidad del término URL en el público en general, las dos se han convertido en algo intercambiable
2º ASIR UD4-HTTP
17 VICEN MORALES
no importando las imprecisiones. También vale la pena hacer notar que aunque la escritura técnica ha comenzado el cambio a utilizar el término URI en lugar del URL.
Gráfico del ranking de Servidores Web utilizados en Internet :
d)
Iniciamos el navegador Mozilla Firefox en Ubuntu. Accedemos a herramientas, complementos
2º ASIR UD4-HTTP
20 VICEN MORALES
En la siguiente pantalla vemos como obtener complementos
Se puede elegir entre muchos idiomas
2º ASIR UD4-HTTP
21 VICEN MORALES
En la siguiente pantalla vemos las extensiones
Podemos elegir su apariencia
2º ASIR UD4-HTTP
22 VICEN MORALES
Podemos ver los plugins que están instalados
Vamos a instalar el siguiente complemento
2º ASIR UD4-HTTP
23 VICEN MORALES
La instalación de cualquier complemento es muy rápido.
Una vez instalado vamos a complementos y vemos que está instalado
2º ASIR UD4-HTTP
24 VICEN MORALES
Comprobamos y efectivamente reproduce
2º ASIR UD4-HTTP
25 VICEN MORALES
e)
descarga de un plugins para internet explorer
2º ASIR UD4-HTTP
26 VICEN MORALES
Una vez instalada comprobamos su funcionamiento
2º ASIR UD4-HTTP
27 VICEN MORALES
descargamos google crome
2º ASIR UD4-HTTP
28 VICEN MORALES
Vemos en Internet que está instalado
Lo iniciamos y accedemos a la página de bienvenida.
La instalación es muy rápida, la utilización es muy sencilla, simplemente haciendo búsquedas en la barra de direcciones y podemos acceder a una nueva pestaña
pulsando en el + de la pestaña que hay al lado de la que tenemos abierta.
2º ASIR UD4-HTTP
29 VICEN MORALES
2º ASIR UD4-HTTP
30 VICEN MORALES
f)
INSTALACIÓN DE SAFARI
Safari tiene también una barra con diferentes páginas ya establecidas para su acceso
más rápido
2º ASIR UD4-HTTP
31 VICEN MORALES
INSTALACIÓN DE OPERA
Podemos elegir el idioma para nuestro navegador
En una nueva pestaña tenemos acceso directo a las páginas que más utilicemos
2º ASIR UD4-HTTP
32 VICEN MORALES
INSTALACIÓN DE AMAYA
Esta es la página inicial de amaya
2º ASIR UD4-HTTP
33 VICEN MORALES
UN POCO DE HISTORIA
Los navegadores web se han convertido hoy en día en algo tan importante como los Sistemas Operativos, incluso hay que reconocer que hay mucha gente que casi no sabe usar un SO (apenas sabe iniciar y apagar la computadora) pero sí pasa mucho tiempo en Internet.
Les propongo hacer un repaso por la historia de los navegadores, conocer qué características tienen los que más se usan y, para los usuarios avanzados, cuáles son
los mejores plugins y extensiones que les permitan hacer las tareas más diversas.
Si de navegadores web estamos hablando
Un navegador web es un programa que permite al usuario visualizar documentos de hipertexto (comúnmente HTML, si son dinámicos pueden estar escritos en PHP, Javascript, etc.) e interactuar con ellos.
De esta forma se puede “navegar” entre los hipervínculos de las páginas web.
Hoy en día el rol de los navegadores se ha extendido un poco y llegamos a tener casos como Firefox, que con la ayuda de unos cuantos plugins puede servirnos hasta para
programar o diseñar sitios web.
Pero veamos cómo empezó todo…
El primer navegador fue creado por Tim Berners-Lee en el CERN, alrededor del año 1991. Mosaic fue el primero que se usó en forma “masiva”, dado que tenía versiones para Windows y Mac (para los que no tenían ni idea, al principio Windows no tenía navegador propio, jejeje).
El boom fue cuando salió Netscape Navigator, que superó en velocidad y prestaciones a Mosaic. La mayoría de los usuarios lo usaban hasta que Microsoft vio el negocio y adquirió el código de una versión de Mosaic (Spyglass) tomándola como base para crear el conocido Internet Explorer.
En una jugada inteligente, Microsoft hizo que Internet Explorer viniera integrado a Windows, lo que provocó la baja en el uso de Netscape drásticamente. Si bien hay
mucha gente que lo utiliza aún, ya se anunció que ha dejado de tener soporte
El código de Netscape fue liberado y sobre él se construyeron las bases que dieron origen a Mozilla Firefox, que ha ganado una increíble cantidad de usuarios a nivel
mundial. Esto se debe a que es más veloz y tiene mejor rendimiento que IE, pero principalmente porque se trata de un navegador gratuito y de código abierto .
2º ASIR UD4-HTTP
34 VICEN MORALES
Esto provoca que cualquier programador que quiera hacerlo pueda crear aplicaciones de todo tipo que se integren al navegador, permitiendo a los usuarios hacer con él
prácticamente cualquier cosa, como programar o diseñar sitios web, por ejemplo.
No tenemos que olvidarnos de Safari, el navegador actual de la Mac, ni de otros navegadores como Opera, Maxthon, etc.
Los navegadores web más usados
Internet Explorer:
Los problemas con IE fueron principalmente que no seguía los criterios acordados por la W3C (autoridad que establece los estándares en la web). Su versión 6, muy usada
actualmente, presenta algunos problemas a la hora de interpretar el código HTML y CSS, por ejemplo. Microsoft declaró que su intención es revertir esto y ya en la versión
7 ha corregido muchos errores, más aún en su versión 8 que aún está en beta
PLUGINS PARA IE
Todo el mundo habla de extensiones, barras, add-ons y plugins para Linux, Firefox,
etc., pero ¿Qué hay de Internet Explorer? Si bien este navegador no suele ser el preferido de los desarrolladores web, es innegable que a la hora de diseñar un sitio
debemos prestar suma atención a cómo se visualizará nuestro trabajo en Internet Explorer, dado que es el navegador más usado en el mundo, superando infinitamente
a Firefox, Opera, etc. La siguiente es una lista de Add-ons para IE que todo webmaster debería conocer.
1. Internet Explorer Developer Toolbar Incluye variedad de herramientas para crear, entender y resolver problemas en las páginas web.
2. IE Watch Nos permite ver y analizar cabeceras HTTP/HTTPS, Cookies, GET queries y POST data.
3. IE Web Developer Para inspeccionar y editar el HTML DOM, muestra mensajes de error, explora el código fuente de la página web y monitorea eventos DHTML y tráfico HTTP.
4. IESpy Permite inspeccionar o manipular el DOM de cualquier control de navegador
Web IE. 5. DebugBar
Para los usuarios: herramientas de zoom, búsqueda directa, screenshots de
Mozilla Firefox: Es el preferido de los programadores por ser de código abierto, y tiene muchas ventajas respecto de IE en cuanto a velocidad y rendimiento. Posee mil y un plugins, add-ons y extensiones para hacer de todo, además se puede personalizar su apariencia, entre muchas otras cosas.
PLUGINS DE FIREFOX
¿Por qué la mayoría de los desarrolladores usan Firefox? Porque sigue los estándares, es más rápido, personalizable y también porque se le pueden agregar infinidad de add-
ons y extensiones para que haga casi de todo.
Por eso los desarrolladores más experimentados no imaginan su Firefox sin ciertas aplicaciones como FireBug, Web Developer Toolbar o User Agent Switcher, entre
otras, que les permiten usar el navegador como si fuese una plataforma de desarrollo. Por si no estabas al tanto, te recomiendo 5 de ellas.
5 plugins de Firefox para desarrollo web
1. CS Lite Con esta extensión puedes manejar fácilmente las cookies, permitiéndote
habilitarlas o desactivarlas en un sitio puntual o en una sesión de usuario. Además de evitarte molestias a la hora de trabajar con código relacionado con
sesiones de usuario también protege tu privacidad. 2. Firebug
Este es uno de los más conocidos y usados. Con él puedes debuggear y editar HTML, CSS y Javascript “en tiempo real”. También sirve para monitorear el tráfico de cualquier página web (para Firefox 3 te recomiendo descargar la beta de la versión 1.2).
3. HttpFox Imprescindible a la hora de rastrear un error en el servidor (por ejemplo, cuando una imagen se muestra en lugar de otra o cuando hay una cookie que no funciona). HttpFox te muestra el tráfico HTTP entrante y saliente y gracias a una mini-consola de grabación podemos grabar una sesión para analizarla con más detalle después.
4. User Agent Switcher
Esta extensión te evita molestias cuando un sitio no reconoce a Firefox 3, por ejemplo, como un navegador válido. Te permite decirle al sitio que “pretenda” que se trata de Firefox 2 ¡problema resuelto!
5. Weave Este es un producto de Mozilla, que unifica el historial de navegación y los
marcadores para todas las versiones de Firefox que tengas en cada computadora. De esta manera puedes tener varias versiones del navegador a fin de testear tu sitio, sin perder información útil.
Safari: Es uno de los más veloces. Viene con Leopard, el SO de la Mac. Obviamente, como todo lo que hace Apple, tiene un diseño muy cuidado y una estética característica. Pero más allá de eso es muy seguro y también cuenta con muchas prestaciones,
incluso cuenta con recursos para diseñadores y programadores.
Opera: Fue el primer navegador que implementó el sistema de pestañas, popularizado por Firefox y recientemente incorporado por IExplorer. Siempre innovador, es el más adaptado a otras plataformas como celulares, consolas y próximamente estará
disponible en televisores y reproductores de DVD.
Haz clic aquí para ir al sitio oficial de plugins de Opera.
Maxthon: Basado en Internet Explorer, es un navegador gratuito para Windows que tiene características comunes al resto. Es altamente configurable, se pueden editar sus menús, barras de navegación, herramientas, etc. También posee infinidad de plugins para usar con él.
A la hora de diseñar un sitio web es muy recomendable tener instalados varios navegadores, incluso varias versiones de cada uno.
Como muchos somos perezosos, hay aplicaciones online que al indicarles una URL nos
devuelven varias capturas de pantalla donde cada una corresponde a cómo se vería nuestro sitio en “x” navegador.
Recuerdo cuando “diseñé” mi primera página web (cómo pasa el tiempo ^_^). Estaba orgullosa, hasta que un día tuve la desgracia de verla en Firefox. Era innavegable, la
botonera estaba toda fuera de lugar, un desastre. Cualquier usuario no pasaría más de un segundo en el sitio. Por eso les traigo unas propuestas para chequear que el HTML
de sus sitios se vea correctamente no sólo en varios navegadores, sino en sus diferentes versiones e incluso en Windows, Mac OSX, Linux, etc, en forma gratuita.
IE Net Renderer: Ingresas la URL de tu sitio y eliges con qué versión del Explorer
quieres pre visualizar tu sitio. En segundos tendrás una captura de pantalla con especificaciones sobre la resolución de pantalla y el aspecto en esa versión del navegador.
BrowsrCamp: Te permite hacer lo mismo con Safari, el navegador de Mac. Browsershots: Tal vez sea el más completo, pudiendo elegir entre docenas de
navegadores de Windows, Linux y Mac. Litmus: Muestra los resultados en diferentes versiones de Firefox, incluyendo la
beta de la versión 3. Para acceder al servicio tienen que registrarse gratis por 30 días. Después es pago.
Conocer los navegadores nos ayuda a ser mejores al desarrollar sitios y aplicaciones web.
En esta página podemos ver cómo se han utilizado los navegadores y cual ha sido su
proceso http://gs.statcounter.com/#browser-ES-monthly-201012-201112
Los cookies son pequeños ficheros de datos que almacenan información relacionada con un sitio web. Por ejemplo, se puede crear uno que almacene el contenido de la cesta de la compra de un sitio de compras en línea, o para confirmar que el usuario ha
entrado correctamente en un sitio web, mientras visita sus páginas. Cuando se planta un cookie, la secuencia es la que sigue:
1. En el primer contacto, el sitio web ofrece un cookie para un dominio en particular. Si se acepta, se guarda en el ordenador.
2. Cada vez que el navegador necesita un recurso de ese dominio, el navegador envía el cookie.
Hay una buena razón para este comportamiento algo abstracto: el cookie no tiene forzosamente que originarse en el sitio web cuya dirección se escribe en el campo de
direcciones del navegador. Por ejemplo, el sitio web que visite el usuario puede
2º ASIR UD4-HTTP
41 VICEN MORALES
contener publicidad en forma de una imagen externa y es el sitio donde se almacena la imagen el que envía el cookie. Estos cookies, llamados cookies de terceros, se usan
muy frecuentemente para el márketing.
Los cookies se pueden usar para construir un perfil de los hábitos de navegación del usuario, y de ese modo se perciben por algunos como un riesgo para la intimidad.
Si no se asigna una fecha de caducidad a los cookies, éstas caducan al final de la sesión, cuando se cierra el navegador. En este caso se les llama cookies de sesión.
Opciones de cookies
Configuración > Opciones > Avanzado > Cookies
Las opciones de cookies controlan el modo en que Opera los maneja. El modo predeterminado es aceptar todas los cookies.
Aceptar cookies Se aceptan todos (predeterminado)
Aceptar cookies sólo del sitio visitado Se rechazan los cookies de terceros, para dominios externos al que se está visitando
No aceptar cookies nunca Se rechazan todos
Eliminar cookies al salir de Opera
Algunos sitios web obligan a aceptar los cookies antes de poder usar sus servicios. Si se desea usar el sitio pero no conservar los cookies entre visitas,se elije "Eliminar cookies
al salir de Opera".
Preguntar antes de aceptar cookies
Si se elije "Preguntar antes de aceptar cookies", se abre el cuadro de diálogo de cookies cada vez que se intenta establecer una, y contiene información sobre el origen y características del cookie.
Administrar cookies
El administrador de cookies permite inspeccionar y editar los cookies que Opera ha guardado. Se pulsa el botón etiquetado como "Administrar cookies" para descubrir un
conjunto de carpetas, en las que cada una identifica a un dominio. Se usa el campo Buscar ya para encontrar un dominio por su nombre. Al abrir la carpeta se obtiene
información detallada de todas los cookies conectados con ese dominio en concreto.
Cuadro de diálogo de cookies
2º ASIR UD4-HTTP
42 VICEN MORALES
Este cuadro de diálogo se abre cada vez que un sitio web quiere plantar un cookie si la casilla "Preguntar antes de aceptar cookies", que se encuentra en Configuración >
Opciones > Avanzado > Cookies. El cuadro de diálogo describe el origen y atributos del cookie y da la oportunidad de aceptarlo o rechazarlo.
Eliminar al salir de Opera
Para cambiar la fecha de caducidad del cookie al final de la sesión se marca la casilla "Eliminar cookies al salir de Opera".
Recordar elección para todos los cookies del dominio
Se desea aceptar o rechazar todos los cookies del mismo dominio se marca "Recordar
elección para todos los cookies del dominio". La próxima vez que se intente plantar un cookie desde este dominio, el cuadro de diálogo no aparecerá.
Detalles del cookie
Los atributos del cookie aparecen en la sección "Detalles del cookie".
No preguntar sobre cookies otra vez
Si se desea no ver el cuadro de diálogo de cookies se marca la casilla "No preguntar
sobre cookies otra vez". Esto es equivalente a desmarcar la casilla "Preguntar antes de aceptar cookies" en las opciones de cookies.
Preferencias de cookies específicas de sitio
Se pueden establecer preferencias de cookies específicas de sitio si se hace clic con el derecho en la página que se está visitando, eligiendo "Editar opciones de sitio" desde el menú, y activando la pestaña cookies. Las opciones disponibles son las mismas que ya se han descrito en las opciones generales de cookies.
Opciones de cookies:
Vamos a configuración > Opciones > avanzado > Cookies
2º ASIR UD4-HTTP
43 VICEN MORALES
SAFARI
Cómo gestionar las cookies
Si le preocupan las cookies, puede decidir cómo se gestionarán.
Importante: si modifica sus preferencias de cookies o elimina cookies, es posible que los cambios afecten también a otras aplicaciones.
Para cambiar las preferencias de las cookies:
Seleccione Safari > Preferencias.
Haga clic en Seguridad.
En la sección Aceptar Cookies, escoja el modo en que desea que Safari gestione las cookies. Haga clic en el botón Ayuda (signo de interrogación) si desea ver una
explicación sobre las diferentes opciones.
2º ASIR UD4-HTTP
44 VICEN MORALES
Si desea ver más información sobre las cookies almacenadas en el ordenador, haga clic en "Mostrar cookies". Para cada una de las cookies, se muestra la siguiente
información:
■
sitio web que almacenó la cookie
■
Nombre
■
Ruta o ubicación en su ordenador
■
Estado de seguridad; las cookies marcadas como "seguras" se envían a través de una conexión encriptada
■
Fecha de caducidad; cuándo se eliminará del ordenador
■
Contenido; normalmente, se trata de una cadena de código
Si ha configurado Safari para que bloquee las cookies, es posible que deba aceptar cookies temporalmente para poder abrir una página web. Repita los pasos anteriores
y, esta vez, seleccione Siempre. Cuando haya terminado de utilizar la página, vuelva a desactivar las cookies y elimine las de la página.