NAVEGADORES Y HERRAMIENTAS DE AUTOR

"La utilidad y el crecimiento de la web dependen de su universalidad. Deberíamos poder publicar independientemente del software que usemos, la computadora que tengamos, el idioma que hablemos, ya sea que estemos conectados o inalámbricos, independientemente de nuestros modos sensoriales o de interacción. Deberíamos poder acceder a la web desde cualquier tipo de hardware que pueda conectarse a Internet: estacionario o móvil, pequeño o grande. "
Tomado de:  https://www.w3.org/standards/agents/

NAVEGADORES Y REPRODUCTORES MULTIMEDIA

"Existen muchos tipos de herramientas que nos permiten leer la Web, incluidos navegadores, reproductores multimedia, plataformas de publicación, redes sociales, bots, agregadores, foros y sitios para compartir medios".
Tomado de:  https://www.w3.org/standards/agents/

La siguiente información es tomada de:  https://www.euskadi.eus/navegadores-web/web01-a2wz/es/  

NAVEGADORES WEB

Navegadores Web: Son un programa que permite buscar y ver la información contenida en una página web. la función del navegador es interpretar el código HTML de la página para luego presentarlo en la pantalla del usuario permitiendo al usuario poder interactuar con el contenido.

Existen diversos tipos de navegadores con los que los usuarios pueden usar las páginas, pero cada uno tiene diferencias respecto a otro especialmente en cuanto a la forma como se visualizan las páginas.

Google Chrome: es un navegador web de código propietario desarrollado por Google y compilado con base en componentes de código abierto (proyecto Chromium).

Chrome es actualmente el navegador más utilizado de internet. Está disponible gratuitamente para diversas plataformas (Windows, MacOS, Android, iOS, Linux...). Es totalmente complatible con los estándares HTML5 y CSS3.

Safari: es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac OS X, iOS (el sistema usado por el iPhone, el iPod Touch y el iPad) y Microsoft Windows.
Safari es totalmente complatible con los estándares HTML5 y CSS3.

Microsoft Internet Explorer:  Windows Internet Explorer, Microsoft Internet Explorer, conocido comúnmente como IE, es un navegador web desarrollado por Microsoft para el sistema operativo Microsoft Windows desde 1995. Ha sido el navegador web más utilizado durante años, con un pico máximo de cuota de utilización del 95% entre el 2002 y 2003. Sin embargo, dicha cuota de mercado ha disminuido paulatinamente con los años. Microsoft anunció que a partir de Windows 10 dejará de publicar versiones de este navegador para sustituirlo por Edge. La versión más reciente de IE es la 11. Se trata del navegador "oficial" para las aplicaciones internas y de intranet del Gobierno Vasco. La versión 9 no es totalmente compatible con los estándares HTML5 y CSS3

Mozilla Firefox: Es un navegador web libre y de código abierto descendiente de Mozilla Application Suite y desarrollado por la Fundación Mozilla. Firefox puede ser utilizado en varios sistemas operativos (Windows, MacOS, Android, iOS, Linux...). Firefox soporta completamente los estándares HTML5 y CSS3. 

Microsoft Edge: Es el navegador integrado por defecto por Microsoft en su sistema operativo Windows 10, y esta llamado a sustituir a Internet Explorer (producto que MS dejará de desarrollar y soportar a partir de 2019). Para Windows, existen versiones de Edge para Android e iOS. Edge es compatible con los estándares HTML5 y CSS3.

Opera: Es un navegador web y suite de Internet creado por la empresa noruega Opera Software, capaz de realizar múltiples tareas como navegar por sitios web, gestionar correo electrónico, contactos, fuentes web, charlar vía IRC y funcionar como cliente BitTorrent. Funciona en una gran variedad de sistemas operativos, incluyendo Microsoft Windows, MacOS, Android, iOS, GNU/Linux y FreeBSD.
Opera soporta totalmente HTML5 y CSS3.

Existen más navegadores, pero los presentados son los más utilizados.

REPRODUCTORES MULTIMEDIA 

Un reproductor multimedia es un dispositivo que almacena,organiza y reproduce archivos de video, audio e imágenes.Paragarantizar el funcionamiento es necesario tener un reproductor compatible con todo tipo de archivos con el fin de evitar errores en la reproducción.

Para el caso del sistema operativo Windows existe un reproductor integrado denominado Windows Media Player, sin embargo con el paso del tiempo su uso ha disminuido.

Existen también multitud de reproductores multimedia con capacidad para reproducir archivos .MP4, AVI, MKV, FLV, pero dependiendo de lo que se quiera reproducir es necesario tener un reproductor 4K y DVD

que soport diferentes formatos de video y codecs actuales.

Uno de los más conocidos y completos es VLC media player, este es un software gratuito, de código abierto, soporta la mayoría de formatos de audio, video, DVD Y VCD (MP3, MKV, MPEG-2, MPEG-4, WMV, WebM, H264 y más. )

Para profundizar más sobre el tema podemos visitar: 14 mejores reproductores de video gratis
Tomado de:  https://www.diarlu.com/mejores-reproductores-video-gratis/#14_VLC_media_player_el_mas_completo

 HERRAMIENTAS DE AUTOR, REDES SOCIALES

"La Web no es un medio de solo lectura. Existen muchos tipos de herramientas para publicar contenido, que incluyen herramientas y entornos de autoría, sistemas de administración de contenido (CMS), páginas y aplicaciones de perfil de redes sociales, sitios y herramientas de blogs, herramientas de microblogging, marcadores sociales, foros y videos y fotos compartidas y más."

 Tomado de: https://www.w3.org/standards/agents/ .

HERRAMIENTAS DE AUTOR

Las herramientas de autor son un tipo de software que facilitan al usuario crear, publicar y gestionar diferentes tipos de materiales y recursos didácticos de carácter digital. No se necesita conocer de programación para poder utilizarlas

Las características son variables dependiendo de la aplicación, pero por lo regular poseen:

• Procesador de texto
• Gestores de bases de datos
• Editor de video
• Permiten digitalizar y editar  imágenes entre muchas otras.

Existe una gran cantidad de herramientas de autor multiplataforma lo que favorece el poder ejecutar los archivos en diferentes sistemas operativos

REDES SOCIALES 

Imagen tomada de: https://www.radiofides.com/es/2016/03/02/redes-sociales/

Las redes sociales son sitios y aplicaciones que funcionan en internet y están formados por personas u organizaciones que de forma individual deciden conectarse a partir de intereses comunes, siendo este el propósito principal.  En este espacio no existe jerarquía ni límites físicos para compartir información.

Dependiendo del uso que se les de pueden resultar positivas o negativas, pueden ayudar a construir, pero también a destruir. A nivel empresarial son muy útiles porque ayudan a promocionar y a vender productos en cuanto los acercan al cliente de una forma más ágil. 

 En el campo educativo también representan una oportunidad al poderse convertir en estrategias de aprendizaje favoreciendo el aprendizaje colaborativo ya que brindan la posibilidad no sólo de compartir información, sino de hacer una actividad más participativa, aquí el docente juega un papel muy importante, pues es el llamado a orientar de forma acertada el aprendizaje.

Tomado de:

https://www.rdstation.com/co/redes-sociales/ 

http://www.udgvirtual.udg.mx/apertura/index.php/apertura/article/view/198/213

Las Redes sociales más usadas por los colombianos son:

"Facebook (88 %), WhatsApp (87 %), YouTube (51,6 %), Instagram (34 %), Google Plus (29 %), Twitter (20 %) y Snapchat (7,2 %). De todas ellas, la creación de Mark Zuckerberg y la red de la cámara son las favoritas para tomar decisiones de compra y venta de productos y servicios.

Pantallazo tomado de la página de Facebook.

Las redes sociales se convierten en parte importante de nuestra cotidianidad, dado que ahora no estamos limitados a ver las actualizaciones de nuestros amigos o contactos, también nos conectamos con el mundo y encontramos contenido sugerido que se adapta a nuestras preferencias. Muestra de ello es que canales sociales como Facebook e Instagram nos sugieren constantemente lugares (físicos o virtuales) donde encontrar todo lo que nos gusta, desde comida hasta finca raíz."

Información tomada de: https://inbound-marketing.xtresmedia.com/blog/cuales-son-las-redes-sociales-mas-populares-en-colombia

WEB DE LOS DISPOSITIVOS

W3C tecnológicamente busca permitir el acceso a la Web desde cualquier lugar, momento, con cualquier dispositivo incluidos los teléfonos móviles y otros dispositivos móviles, de igual forma el uso de la tecnología web en electrónica de consumo, impresoras, televisión interactiva e incluso automóviles.

Tomado de. https://www.w3c.es/estandares/

WEB MÓVIL

Hace referencia a la disponibilidad de realizar una conexión desde cualquier dispositivo móvil y desde cualquier lugar garantizando una mejor experiencia de usuario, para ello se deben tener en cuenta las capacidades del dispositivo, la ubicación y otra información de contexto.

El marco de interfaz de voz W3C es un conjunto de especificaciones (por ejemplo, VoiceXML) que integra la tecnología web y la interacción de voz.

Tomado de. https://www.w3c.es/estandares/

Un ejemplo de navegación por voz son las búsquedas que se pueden realizar desde el dispositivo móvil en la plataforma de google.

Esta es una gran ayuda en cuanto a la accesibilidad porque hay dispositivos pequeños donde escribir es bastante complejo.

A continuación un pantallazo del celular de la página de inicio de Google donde es posible observar el micrófono para la búsqueda.

INDEPENDENCIA DE DISPOSITIVO Y ADAPTACIÓN DE CONTENIDO

Hoy es posible encontrar diversidad en cuanto a dispositivos, el tamaño, capacidad, resolución entre otros aspectos definen las restricciones en el contenido que pueden manejar, para la W3C es importante que se contribuya a que en todos ellos independiente de su gama se pueda presentar el contenido de cualquier página optimizando así la experiencia del usuario.

Tomado de. https://www.w3c.es/estandares/

Aquí se presenta un pantallazo del celular de la página de YouTube.

ACCESO MULTIMODAL

Cada vez más, las interacciones con los dispositivos no solo ocurren con un teclado, sino también a través de la voz, el tacto y los gestos. La arquitectura multimodal W3C y sus componentes permiten a los desarrolladores adaptar las aplicaciones a los nuevos modos de interacción.

Tomado de. https://www.w3c.es/estandares/

 El acceso multimodal es muy útil porque permite a diferentes dispositivos y personas poder establecer un lazo comunicativo a través de diversos mecanismos de interacción, auditivo, táctil, gestual. Al mismo tiempo un mismo dispositivo debe ofrecer al usuario estas modalidades para introducir datos y obtener resultados.

Actualmente las tecnologías que ayudan en el cumplimiento de este objetivo con las que integran la navegación por voz con el lenguaje InkML.

Tomado de: https://www.4rsoluciones.com/blog/acceso-multimodal-nuevas-formas-de-navegar-por-la-red-2/

 

Imagen de: Cornucopia Virtual.

WEB Y TV

Con el advenimiento de los dispositivos basados ​​en IP, los televisores conectados están progresando a un ritmo acelerado y la transmisión tradicional de televisión está evolucionando rápidamente hacia una experiencia más inmersiva donde los usuarios pueden interactuar con aplicaciones ricas que se basan al menos en parte en tecnologías web. Hay un fuerte crecimiento en la implementación de dispositivos que integran tecnologías web regulares como HTML, CSS y SVG, junto con varias API de dispositivos.

Tomado de. https://www.w3c.es/estandares/

Un ejemplo es el hecho de poder observar un programa conectando el TV con el celular.

Aquí se presenta un video tutorial de youtube sobre cómo podemos  realizar la conexió

Tecvideos TV -  https://www.youtube.com/watch?v=WeyS8jeVVQg

WEB DE LOS SERVICIOS

La Web de los Servicios se refiere al diseño basado en mensajes que frecuentemente se encuentra en la Web y en el software empresarial.

PAGOS

W3C busca integrar los pagos dando como resultado nuevas formas de negocio permitiendo mejorar las transaccionen en línea, menor fraude y una mayor interoperabilidad entre soluciones tradicionales e innovaciones de pagos futuros.

SEGURIDAD

La transferencia de información entre dominios o aplicaciones requiere seguridad a la hora de entregar información.

INTERNACIONALIZACIÓN

La internacionalización de los servicios web se refiere a las descripciones de los servicios, la comunicación del idioma y el entorno local, y la internacionalización de los mensajes legibles por humanos intercambiados por los servicios.
Tomado de: https://www.w3.org/standards/webofservices/

 

Imagen tomada de: http://www.hipertexto.info/documentos/serv_web.htm

Ejemplos:

Paypal:https://www.paypal.com/co/

Avianca: https://www.despegar.com.co/vuelos/aerolineas/avianca?

https://www.directv.com.co/

Pantallazos tomados de las páginas en mención.

TECNOLOGIA XML

XML es un Lenguaje de Etiquetado Extensible muy sencillo, pero estricto que juega un papel fundamental en el intercambio de una gran variedad de datos. Es un lenguaje parecido a HTML pero su función principal es describir datos y no mostrarlos como es el caso de HTML.
XML es un formato que permite la lectura de datos a través de diferentes aplicaciones. Sirve también  para estructurar, almacenar e intercambiar información.
Tomado de: https://www.w3c.es › Divulgacion › GuiasBreves › TecnologiasXML



Características de un documento XML
Un documento bien formado en XML tiene que reunir las siguientes cualidades:

•     Debe haber sólo un elemento raíz.
•     Los sub elementos deben estar adecuadamente anidados. Esto es, un elemento ha de terminar con la misma etiqueta con la que comenzó.
•     Los atributos son opcionales (y se definen en un esquema que también es opcional).
•     Los valores de los atributos han de estar delimitados por comillas dobles (") o comillas simples (').
•     Las instrucciones de procesamiento son opcionales.
•     XML es sensible a mayúsculas y minúsculas. Es decir, <tag> y <TAG> no hacen referencia al mismo tipo de elemento.

En el siguiente ejemplo podemos observar su lenguaje:


<H1>Mateo</H1>                     <--- HTML

<Nombre>Mateo</Nombre>       <--- XML

<H1> y <Nombre> son etiquetas. Ambas encierran el texto o paquete de información “Mateo”. La etiqueta <H1> es de HTML, y se encarga de mostrar visualmente el texto “Mateo” en la página web en un tamaño determinado pero no dice nada del significado de “Mateo”: si es una ciudad o un nombre, por ejemplo. 

En cambio la etiqueta <Nombre> es de XML y nos dice que “Mateo” es un nombre de persona, por lo tanto XML se preocupa del significado del texto que encierra y no de la apariencia de cómo se muestre el texto en la página web. Por eso se dice que XML es un lenguaje de etiquetas, que como hemos dicho anteriormente, separa el contenido de la presentación.
Tomado de:  https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=102:ique-es-y-para-que-sirve-el-lenguaje-de-etiquetas-xml-extensible-markup-language&catid=46&Itemid=163



Para comprender mejorpodemos dirigirnos al siguiente enlace:  Cómo aprender XML

Y también observar los videos que se presentan a continuación:

Introducción XML: https://www.youtube.com/w

Sintaxis XML: https://www.youtube.com/watch?v=3qgE3CFp6tQ

 

WEB SEMANTICA

El término "Web Semántica" se refiere a la visión del W3C sobre la Web de los datos enlazados (linked data). Las tecnologías de la Web Semántica permiten a la gente crear almacenes de datos sobre la Web, construir vocabularios y escribir reglas para manejar los datos. Los datos enlazados deben su potencial a tecnologías como RDF, SPARQL, OWL y SKOS.

Tomado de: https://www.w3.org/standards/semanticweb/


La web semántica es una web extendida dotada de mayor significado donde el usuario en Internet puede encontrar respuestas de forma más rápida y fácil gracias a que se basa en una información más sencilla y mejor definida. Esta web extendida y basada en el significado, se apoya en lenguajes universales que resuelven los problemas ocasionados por una web carente de semántica en la que en algunos casos el acceso a la información se transforma en una tarea difícil.

A continuación podemos observar una explicación al respecto.

https://www.youtube.com/watch?v=rkcyyZvQ2Gw

DATOS VINCULADOS

La Web Semántica es una red de datos, de fechas y títulos y números de parte y propiedades químicas y cualquier otro dato que uno pueda concebir. RDF proporciona la base para publicar y vincular sus datos. Varias tecnologías le permiten incrustar datos en documentos (RDFa, GRDDL) o exponer lo que tiene en bases de datos SQL, o ponerlos a disposición como archivos RDF.

Ejemplo de una web semántica son las páginas donde se venden diferentes tipos de productos, aquí se encuentran bases de datos que redirigen al usuario a los sitios de compra, a formularios donde se deja información, se conectan también con los bancos entre otros.


A continuación se presenta el pantallazo de la página de Amazon.

https://www.amazon.com.mx/s?k=ropa+de+bebe+ni%C3%B1o&__mk_es_MX=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=1YB5G6V5B0SDY&sprefix=ropa+de+bebe%2Caps%2C375&ref=nb_sb_ss_i_1_12

VOCABULARIOS

 En la Web Semántica, los vocabularios definen los conceptos y las relaciones (también conocidos como "términos") utilizados para describir y representar un área de interés. Se usan para clasificar los términos que se pueden usar en una aplicación en particular, caracterizar posibles relaciones y definir posibles restricciones para usar esos términos. En la práctica, los vocabularios pueden ser muy complejos (con varios miles de términos) o muy simples (describiendo solo uno o dos conceptos).

El papel de los vocabularios en la Web Semántica es ayudar a la integración de datos cuando, por ejemplo, pueden existir ambigüedades en los términos utilizados en los diferentes conjuntos de datos, o cuando un poco de conocimiento adicional puede conducir al descubrimiento de nuevas relaciones.

https://www.youtube.com/watch?v=3FqU52U0A98


A continuación un ejemplo en Google sobre la búsqueda de un término.