JCyberspace

José Campero :)

[jcyberspace]

FASE 2- Análisis de accesibilidad

Sitio web escogido: www.casaideas.com.bo 

Link publicación fase 1:

FASE 1 - Análisis de accesibilidad (Elección de sitio web y revisión preliminar)

Sitio web escogido: www.casaideas.com.bo Análisis previo (respuestas a preguntas planteadas): ¿Quién es el usuario de la aplicación? ¿Cómo

Categorías de conformidad:

Nivel A: Este es el nivel de conformidad mínimo. Si no se cumple este nivel, es muy probable que existan barreras significativas que impidan a algunas personas con discapacidades acceder a la información o funcionalidades del sitio web.

Nivel AA: Este es el nivel de conformidad que se recomienda para todos los sitios web. Al cumplir con este nivel, el sitio web será generalmente accesible para la mayoría de las personas, independientemente de su discapacidad.

Nivel AAA: Este es el nivel de conformidad más alto y no se espera que todos los sitios web lo cumplan. Es muy difícil de alcanzar en su totalidad para cualquier sitio web grande y complejo. Sin embargo, cumplir con este nivel significa que se han tomado medidas adicionales para hacer que el sitio web sea lo más accesible posible.

Nivel de conformidad de las 12 guías:

Según el texto de la guía http://www.sidar.org/traducciones/wcag20/es/

se tienen cuatro principios, los cuales tienen diferentes pautas, sumando así un total de 12 pautas que se califican con una categoría de conformidad. A continuación se detalla esta calificación para la pagina web de casa ideas en Bolivia.

Principio 1: Perceptible

Pauta 1.1: Proporcionar alternativas textuales para todo contenido no textual.

Calificación: Nivel A

Justificación: El sitio no incorpora contenido multimedia como videos, lo que hace innecesario el uso de transcripciones o subtítulos. Sin embargo, sería beneficioso incorporar elementos multimedia que enriquezcan la experiencia del usuario, siempre y cuando se proporcionen las alternativas correspondientes para garantizar la accesibilidad.

Pauta 1.2: Proporcione alternativas para los medios basados en tiempo.

Calificación: Nivel AA

Justificación: El sitio no incorpora contenido multimedia como videos, lo que hace innecesario el uso de transcripciones o subtítulos. Sin embargo, sería beneficioso incorporar elementos multimedia que enriquezcan la experiencia del usuario, siempre y cuando se proporcionen las alternativas correspondientes para garantizar la accesibilidad.

Pauta 1.3: Cree contenido que pueda presentarse de diferentes formas (por ejemplo, con una estructura más simple) sin perder información ni estructura.

Calificación: Nivel AA

Justificación: El sitio web está bien estructurado, facilitando la navegación a los usuarios. A pesar de esto, siempre es útil revisar la posibilidad de simplificar aún más la estructura, asegurándose de que la información es accesible en diferentes formatos sin perder su esencia ni su coherencia.

Pauta 1.4: Haga que sea más fácil para los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

Calificación: Nivel A

Justificación: La pagina, al intentar ser minimalista se ve bastante bien, pero a costo de tener una letra bastante pequeña en ciertas partes que para alguien con mala vision, tendría que estar obligado a hacer zoom. Debido a que no hay una opción para mejorar esto. asimismo, tiene colores de tonos hueso, blanco, cafe y el único color que hace contraste es el rojo. no tiene una opción de la web para cambiar los colores de contraste para alguien que pueda padecer de daltonismo

Principio 2: Operable

Pauta 2.1: Haga que todas las funcionalidades estén disponibles desde un teclado.

Calificación: Nivel A

Justificación: Lamentablemente la pagina es casi inutilizable solo con el teclado, se puede navegar entre distintas pantallas del nabab con el tab y enter, pero al entrar a un listado de productos, solo se puede cambiar la cantidad de agregar al carrito, pero no se puede agregar al carrito ni ver el producto. Por lo tanto la esencia del business logic de la pagina no se puede realizar solo con un teclado

Pauta 2.2: Proporcione a los usuarios suficiente tiempo para leer y utilizar el contenido.

Calificación: Nivel AA

Justificación: El contenido dinámico del sitio, como los sliders y las ofertas de productos, se presenta con un ritmo adecuado que permite a los usuarios leer y entender la información. Sin embargo, es importante asegurar que este ritmo se mantenga consistente y que el usuario tenga control sobre la velocidad de presentación.

Pauta 2.3: No diseñe contenido de una manera que sea conocida por causar convulsiones.

Calificación: Nivel AA Justificación: Estuve probando y exigiendo bastante la pagina y parece tener bien controlado esto, la única parte que tiene un cambio relativamente brusco es en el loading. El cual es una representación de imágenes simples de los productos que vende la tienda, sin embargo podrían cambiar menos rápido.

Pauta 2.4: Proporcione formas de ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

Calificación: Nivel A

Justificación: El diseño intuitivo del sitio facilita la navegación a los usuarios. No obstante, una mayor cantidad de indicaciones o una guía de usuario podrían mejorar la experiencia del usuario y la accesibilidad general del sitio.

Principio 3: Comprensible

Pauta 3.1: Haga que el texto sea legible y comprensible.

Calificación: Nivel AA

Justificación: El sitio utiliza un lenguaje claro y directo en todo su contenido, lo que facilita la comprensión del usuario. Sin embargo, no se tiene una opción para cambiar de idioma por parte de la pagina, por lo que si alguien de otro país desea visitar y no habla español, deberá cambiar el idioma con el navegador.

Pauta 3.2: Haga que las páginas web aparezcan y funcionen de manera predecible.

Calificación: Nivel A

Justificación: El sitio muestra alertas cuando los usuarios agregan productos al carrito de compras, lo que ayuda a prevenir errores. No obstante, es importante que todas las interacciones en el sitio sean predecibles y consistentes, para que los usuarios puedan aprender a usar el sitio de manera eficiente.

Pauta 3.3: Ayude a los usuarios a evitar y corregir errores.

Calificación: Nivel A

Justificación: Aunque el sitio proporciona opciones para volver atrás, falta claridad en la corrección de errores, especialmente en los formularios de pedido. Mejorar los mensajes de error y las indicaciones de corrección puede ayudar a los usuarios a evitar y corregir errores más fácilmente.

Principio 4: Robusto

Pauta 4.1: Maximice la compatibilidad entre el contenido web y los agentes de usuario actuales y futuros, incluyendo las tecnologías de asistencia.

Calificación: Nivel A

Justificación: Se probó en los navegadores de safari, chrome y opera para pc. se probo en firefox, safari, chrome y duck duck go en Movil. En todos se obtuvo muy buena respuesta. en pc funciona bien con la asistencia de lectura de pantalla nativa de macOS. sin embargo al desactivar características de js, la pagina no es funcional.

Recomendaciones y Sugerencias para Mejorar la Accesibilidad

Descripciones alternativas de las imágenes: Incluir descripciones de texto para las imágenes de los productos. Esto puede ser útil no sólo para las personas con discapacidades visuales que utilizan lectores de pantalla, sino también en situaciones en las que las imágenes no pueden cargarse correctamente.

Implementar control del teclado: Mejorar la navegabilidad del sitio web mediante el teclado. Esto puede incluir la posibilidad de agregar productos al carrito y visualizar los detalles de los productos utilizando sólo el teclado.

Aumentar el tamaño de la fuente: Asegurarse de que el tamaño de la fuente sea suficientemente grande para ser legible sin necesidad de hacer zoom. Esto puede ser especialmente útil para los usuarios con problemas de visión.

Opción de cambio de contraste: Proporcionar una opción para cambiar los colores de contraste en el sitio web. Esto puede ser útil para los usuarios con daltonismo o problemas de visión.

Mejorar la corrección de errores: Proporcionar indicaciones más claras para la corrección de errores, especialmente en los formularios de pedido.

Compatibilidad con la desactivación de JavaScript: Asegurarse de que el sitio web sea completamente funcional incluso cuando se desactivan algunas características de JavaScript.

Guía de usuario o indicaciones: Proporcionar una guía de usuario o más indicaciones sobre cómo usar el sitio web.

Revisión del contenido textual: Asegurarse de que el contenido textual sea accesible para todos los usuarios, incluyendo aquellos con habilidades de lectura limitadas o usuarios no nativos del idioma.

[jcyberspace]

Un internet accesible

La accesibilidad

La accesibilidad es un tema que genera mucho debate, en gran parte debido a su interpretación por parte de desarrolladores y diseñadores. La falta de conciencia sobre la necesidad de proporcionar acceso equitativo a todos es un obstáculo importante en un medio que pretende ser universal. La accesibilidad es, en su esencia, garantizar que todos puedan utilizar, edificaciones, señales, productos, servicios y cualquier otro bien social o cultural, en igualdad de condiciones. Requiere de una comprensión profunda de las necesidades de cada usuario, lo que a menudo supone un esfuerzo adicional.

Internet, un medio universal

El sueño de un medio universal ha estado con nosotros desde los primeros días de Internet. La Internet Society, bajo el liderazgo de Vinton Cerf, se esforzó por permitir la conexión de las computadoras entre sí, independientemente del tipo de conexión, ya sean estaciones de radio, satélites o líneas telefónicas. Hoy en día, la búsqueda de ampliar el alcance de Internet se encuentra en pleno desarrollo, trabajando en el protocolo DTN o Delay Tolerant Networking, destinado a resolver problemas de latencia de datos.

Obligaciones legales y la lucha por la accesibilidad

En los Estados Unidos, la enmienda al Acta de Rehabilitación de 1988 establece estándares de accesibilidad para las tecnologías de la información que todos los proveedores que hacen negocios con el gobierno deben cumplir. Sin embargo, a pesar de tener una norma tan específica, pocos proveedores realmente se esfuerzan por proporcionar opciones válidas a través de la interfaz de diseño, la usabilidad y el contenido.

Web Accesible: El sueño de Tim Berners Lee

El creador de la Web, Tim Berners Lee, afirmó que "El poder de la Web está en su universalidad. El acceso por parte de todas las personas independientemente de la discapacidad que presente". La accesibilidad web busca acercarse al concepto de diseño universal. Esto significa que el diseño de un sitio web debe tener en cuenta la accesibilidad de la conexión, del dispositivo, de los periféricos y la accesibilidad cognitiva del entendimiento del mensaje.

Obstáculos en el camino hacia la accesibilidad

La accesibilidad puede verse obstaculizada por una variedad de factores, ya sean contextuales, relativos a problemas temporales o permanentes que pueda tener el usuario. Para combatir estos obstáculos, el World Wide Web Consortium (W3C) ha creado las Pautas de Accesibilidad 2.0, una metodología completa para mejorar la accesibilidad de los sitios web.

Diseño inclusivo: Un camino hacia la accesibilidad

El diseño inclusivo busca crear una web verdaderamente mundial, accesible a todos. Este enfoque nos recuerda que nuestras soluciones de diseño deben funcionar para todos, no sólo para un "usuario promedio". Un buen diseño no sólo es visualmente atractivo, sino que también cumple con necesidades reales y funciona de manera intuitiva.

Diseñando para todos: No existe el usuario "promedio"

En el diseño inclusivo, no se asume la existencia de un usuario "promedio". Debemos tener en cuenta que todos poseemos diferentes capacidades y limitaciones, tanto físicas como cognitivas. En lugar de diseñar para un usuario estándar hipotético, debemos considerar una amplia gama de habilidades, experiencias y situaciones. Esta diversidad es lo que verdaderamente enriquece el espacio digital y nos permite crear soluciones que beneficien a todos. Es nuestro deber como diseñadores, desarrolladores y creadores de contenido, asegurar que la internet sea verdaderamente inclusiva, permitiendo a cada individuo participar plenamente en la era digital.

Principios de Accesibilidad en el Diseño

Para identificar pautas y estrategias que fomenten la accesibilidad, debemos seguir los siguientes principios:

Las personas primero: Diseñando para las diferencias.

Propósitos claros: Objetivos bien definidos.

Estructura sólida: Construida para los estándares.

Interacción fácil: Todo funciona.

Orientación útil: Guías para el usuario.

Presentación limpia: Apoyo de significado.

Lenguaje claro: Creación de conversaciones.

Medios accesibles: Soporte para todos los sentidos.

Usabilidad universal: Crear deleite.

[jcyberspace]

Lenguajes de la Web

Backend

El backend, también conocido como la parte del servidor en desarrollo web, es el área que se encarga de la lógica de negocio, las operaciones de base de datos, la validación de datos y el rendimiento del servidor. Este es un componente crucial de cualquier aplicación web ya que, sin él, la funcionalidad completa de la aplicación no puede ser realizada. Los lenguajes de programación backend populares incluyen Python, PHP, Java y Ruby, entre otros.

Frontend

El frontend, también conocido como la parte del cliente en el desarrollo web, es la interfaz que los usuarios ven y con la que interactúan. Se encarga de la presentación de la información, la interacción del usuario y la experiencia del usuario. Los lenguajes de programación frontend más comunes son JavaScript, HTML y CSS.

JavaScript es el lenguaje principal para la creación de interacciones dinámicas en el frontend. Los frameworks como Angular, Vue y React.js han hecho que el desarrollo con JavaScript sea más eficiente y escalable.

Por ejemplo, Angular, desarrollado por Google, permite a los desarrolladores crear aplicaciones web dinámicas y de una sola página (SPA). Vue, por otro lado, es conocido por su simplicidad y facilidad de uso, lo que lo convierte en una excelente opción para aquellos que están empezando en el desarrollo frontend.

[jcyberspace]

La evolución web

Web 1.0

"read"

Marcó los primeros pasos de Internet como la conocemos. Esta primera fase se caracterizó por páginas web estáticas, con contenido unidireccional. Los usuarios tenían el rol de consumidores pasivos; podían leer y descargar la información, pero no interactuar con ella ni modificarla. No existía la participación activa, ni la generación de contenido por parte de los usuarios. En este periodo predominaban los sitios web informativos, como las enciclopedias en línea y los periódicos digitales. Un ejemplo emblemático de la Web 1.0 es la página de inicio original de Yahoo, que se utilizaba principalmente para buscar información, sin ningún tipo de interactividad o posibilidad de aportar contenido por parte de los usuarios.

Web 2.0

"read - write"

Se produjo un cambio radical en la forma en que los usuarios interactúan con la web. Esta segunda fase se caracteriza por su dinamismo y la participación activa de los usuarios en la creación y distribución de contenidos. Los sitios web de la Web 2.0 permiten a los usuarios no solo consumir información, sino también crearla, modificarla y compartirla, transformándolos de meros consumidores a productores de contenido. Un ejemplo perfecto de la Web 2.0 es Wikipedia. Este sitio web es una enciclopedia construida por los propios usuarios de todo el mundo, que pueden agregar, editar y debatir el contenido libremente, dando lugar a un enorme y enriquecedor cuerpo de conocimiento colaborativo.

Web 3.0

"read - write - own"

En esta fase, no solo se permite a los usuarios leer y escribir contenido, sino que también tienen la capacidad de poseer y controlar sus propios datos. La Web 3.0 se basa en tecnologías como la blockchain para garantizar la propiedad y la seguridad de los datos, ofreciendo una mayor transparencia y confianza a los usuarios. En este nuevo modelo, los usuarios pueden decidir quién puede acceder a su información y cómo se utiliza, redefiniendo la relación entre las plataformas web y sus usuarios. Un ejemplo de Web 3.0 es el uso de criptomonedas como Bitcoin, donde las transacciones y la propiedad de los datos (en este caso, las monedas digitales) están protegidas y verificadas por la tecnología blockchain.

[jcyberspace]

FASE 1 - Análisis de accesibilidad (Elección de sitio web y revisión preliminar)

Sitio web escogido: www.casaideas.com.bo 

Análisis previo (respuestas a preguntas planteadas):

¿Quién es el usuario de la aplicación? ¿Cómo podemos describirlo? ¿Qué costumbres y comportamientos tiene? ¿Qué necesidades tiene y cómo el sitio las soluciona?

El usuario objetivo de este sitio web son las personas que estén interesadas en la decoración del hogar, el diseño de interiores, o la compra de artículos para el hogar. Esto puede incluir a propietarios de viviendas, inquilinos que buscan personalizar su espacio, o profesionales del diseño de interiores buscando inspiración o productos para sus clientes.

Por otro lado, también podría ser un inquilino que, a pesar de las limitaciones de no ser dueño de la propiedad, busca personalizar su espacio. Este usuario podría estar buscando soluciones creativas y reversibles que le permitan imprimir su sello personal en su hogar sin alterar permanentemente la estructura o las características de la propiedad.

2. ¿Qué propósito cumple el sitio? ¿Cuáles son sus objetivos?

El sitio tiene como propósito el ofrecer sus productos a los posibles clientes que puede tener dentro de Bolivia. Llegando así a tener el proposoito de ser un e-commerce y ofrecer distintas ventajas a sus clientes que pueden no existir al realizar una compra en una tienda física.

Como tienda de e-commerce, ofrece un montón de ventajas que no siempre se puede encontrar en una tienda física, como la comodidad de comprar en casa o la posibilidad de explorar toda su gama de productos en un solo lugar. En cuanto a sus objetivos, están centrados en proporcionar una experiencia de compra fácil y agradable, mantener a sus clientes al día con las últimas tendencias en decoración de hogar, y, por supuesto, crecer y llegar a más y más hogares en Bolivia.

3. ¿Cómo es su estructura? ¿Cuántas secciones tiene y cuántas páginas?

La estructura de la página web está diseñada para ser intuitiva y fácil de navegar, priorizando la experiencia del usuario. Esta arquitectura se ha concebido de manera que refleje claramente las categorías de productos y servicios disponibles, facilitando al usuario la búsqueda de lo que necesita. La capa superior, o la página de inicio, es la entrada principal a la experiencia del usuario. En la página de inicio, encontramos presentaciones de los productos destacados, las últimas novedades, y posiblemente alguna promoción en curso.

Se pudieron encontrar un total de 24 paginas al usar la pagina como cliente. Se creo un diagrama usando Figma, el cual se presenta a continuación.

4. ¿El sitio presenta una interacción fácil? ¿Se encontraron errores de funcionamiento?

El sitio web de Casaideas presenta una experiencia de usuario fluida e interactiva, con una navegación bastante intuitiva que permite a los visitantes moverse fácilmente a través de las diferentes secciones y páginas. Esto se debe en gran parte a un diseño limpio y estructurado, con un menú claramente visible y un proceso de navegación lógico que guía a los usuarios a través del sitio.

Su buscador facilita la localización de productos y permite a los cliente encontrar lo que se busca de manera rápida. Sun embargo, durante la evaluación del sitio, se identificó una oportunidad de mejora en términos de la organización de productos y la funcionalidad de filtrado. Sería ideal si el sitio pudiera ofrecer una gama más amplia de categorías para ayudar a los usuarios a refinar aún más sus búsquedas. Además, la adición de la opción para filtrar los resultados por precio, de menor a mayor, proporcionaría una herramienta adicional para ayudar a los usuarios a encontrar los productos que se ajusten a sus presupuestos.

5. ¿La presentación es limpia y contribuye a la comprensión del contenido?

El diseño del sitio es agradable y minimalista, evitando el uso de colores demasiado llamativos o distractivos. Los productos se presentan con imágenes claras y concisas, y las descripciones son sencillas pero informativas. Los colores predominantes son el blanco y el hueso para el fondo, el negro para el texto y el rojo para los botones, creando una paleta de colores coherente y atractiva.

Las descripciones, aunque sencillas, son informativas y proporcionan todos los detalles necesarios, como las dimensiones, los materiales y los cuidados de cada producto. Este enfoque claro y directo contribuye a la comprensión del contenido y facilita la toma de decisiones por parte del usuario.

6. ¿El lenguaje es claro y empático? ¿Genera un diálogo con el usuario?

El lenguaje utilizado en el sitio es claro y fácil de entender. Aunque las descripciones de los productos son breves, proporcionan la información necesaria sin el uso de jerga complicada o palabras difíciles. Esto hace que la experiencia de compra sea más sencilla y accesible para todos los usuarios.

Este enfoque accesible y sin complicaciones genera un diálogo con el usuario. Se trata de un lenguaje que habla directamente al usuario, considerando sus necesidades y preferencias, y facilitando su recorrido por el sitio. El sitio parece entender que los usuarios vienen con diferentes niveles de conocimientos y experiencias, y se esfuerza por hacer que la experiencia de compra sea lo más sencilla y placentera posible para todos.

7. Con que medios cuenta (imágenes, videos, audios, animaciones, etc)? ¿Estos pueden ser comprendidos por cualquier persona?

El sitio utiliza imágenes de alta calidad para mostrar sus productos. Al previsualizar un producto, las imágenes parecen ser de alta resolución, lo que permite a los usuarios apreciar los detalles y tener una buena idea de lo que están comprando.

Este enfoque visual facilita la comprensión de lo que los usuarios están comprando. Los usuarios pueden ver exactamente lo que obtendrán, desde el color y el diseño hasta los detalles más finos, lo que aumenta la confianza en la compra. El uso de imágenes en lugar de medios más complejos, como videos o animaciones, también asegura que el contenido sea accesible para una amplia gama de usuarios, independientemente de su velocidad de Internet o las capacidades de su dispositivo.

8. ¿Cómo es la experiencia de usuario? ¿Existen elementos que generen deleite?

La experiencia de usuario en el sitio web de Casaideas es en su mayoría positiva y placentera. Todo, desde la navegación intuitiva hasta el diseño limpio y el lenguaje claro, ha sido cuidadosamente considerado para facilitar y mejorar la interacción del usuario con el sitio.

Un elemento particularmente encantador es la animación de carga, que muestra pequeñas caricaturas de los productos que vende Casaideas. Este detalle, aunque pequeño, añade un toque de alegría y anticipación mientras se espera a que se cargue la página. No solo distrae de la espera, sino que también aporta personalidad y calidez a la experiencia del usuario.

9. ¿Cómo describes el tono gráfico y comunicacional del sitio?

El tono gráfico y comunicacional del sitio web de Casaideas se puede describir como minimalista, sencillo y directo. El diseño es pulcro y sin distracciones, lo que permite que los productos y su información asociada sean los verdaderos protagonistas. Esta simplicidad se refleja también en el lenguaje y el contenido, que es claro y fácil de entender.

A pesar de su simplicidad, el diseño se utiliza de manera efectiva para resaltar los productos y las ofertas. Las imágenes de los productos son de alta calidad y están dispuestas de tal manera que atraen la atención y el interés del usuario. Además, las ofertas y promociones se destacan de manera prominente, incentivando a los usuarios a explorar y hacer compras. Sin embargo, este enfoque nunca se vuelve agresivo o abrumador. Todo se presenta de una manera que es persuasiva pero respetuosa.

[jcyberspace]

FASE 4 - Optimización y correcciones

Los elementos en mi obra de pixel art son:

Ruinas: En la dimensión terrenal, las ruinas simbolizan la decadencia existencia material. Por otro lado, en el mundo soñado, las mismas ruinas están infundidas con musgo, un símbolo de vida y persistencia, indicando que en los sueños, la decadencia puede dar lugar a una nueva forma de vida. Este elemento se basa en la descripción de las ruinas en el texto, y hace alusión a la forma en que los sueños pueden dar nueva vida a los elementos olvidados.

Cielo: La representación del cielo juega un papel crucial en la distinción entre los dos mundos. En el mundo terrenal, el cielo nocturno, salpicado de estrellas y dominado por una luna luminosa. Sin embargo, en el mundo soñado, el cielo es de día, con un sol radiante y una nube solitaria, reflejando la dualidad entre ambos mundos.

Nube: La nube en el mundo soñado es un marcador visual que indica que nos encontramos en un dominio de sueños. La nube, a menudo asociada con los sueños y la imaginación, refuerza la idea de que el viejo está explorando una realidad alternativa creada por su mente.

Fuegos: En el mundo soñado, el viejo interactúa con tres fuegos a los que está enseñando. Estos fuegos, con sus tonos azulados y celestes, representan la potencialidad de los sueños, aún no completamente "vivos" o realizados. Estos fuegos podrían interpretarse como ideas o proyectos que aún están en una fase inicial. Son de tonos azules por que aun no están "vivos".

El Viejo: El personaje del viejo está representado en dos formas distintas. En el mundo terrenal, mientras duerme, su figura es de color amarillo, simbolizando la vitalidad y la energía, como un fuego que todavía arde brillantemente. Sin embargo, en el mundo soñado, el viejo adopta un tono azul, sugiriendo que en este reino su existencia es aún un espejismo, una posibilidad no totalmente realizada. Esta diferencia de coloración enfatiza la distinción entre el mundo de los sueños y el mundo real, y el contraste entre lo que es y lo que podría ser.

[jcyberspace]

CLASE - 08 de mayo 2023

El internet:

1958 nace el internet: Se crea ARPA (Advanced Research Projects Agency), una agencia del Departamento de Defensa de EE.UU. que más tarde se convierte en DARPA. Esta agencia financió proyectos que eventualmente llevarían al desarrollo de la red ARPANET, precursora del internet.

1978 se vuelve algo mundial: El internet comienza a extenderse fuera de los EE.UU. a través de la conexión de ARPANET con redes internacionales. Sin embargo, su alcance global fue limitado hasta la década de los 90.

1991 nace WWW (World Wide Web): Tim Berners-Lee desarrolla la World Wide Web, una plataforma que utiliza el internet como base y permite la fácil navegación y acceso a la información a través de hipervínculos y navegadores web.

1996 llega a Bolivia por un proyecto con la UMSA y ENTEL instalando el primer backbone: La Universidad Mayor de San Andrés (UMSA) y la Empresa Nacional de Telecomunicaciones (ENTEL) colaboran para establecer la primera conexión a internet en Bolivia, mediante la instalación de un backbone (eje central de la red).

1998 nace Google: Larry Page y Sergey Brin fundan Google, un motor de búsqueda que revoluciona la forma en que los usuarios encuentran información en línea.

2005 nace YouTube: Chad Hurley, Steve Chen y Jawed Karim fundan YouTube, una plataforma de intercambio de videos en línea que se convierte en una de las principales fuentes de entretenimiento y educación en internet.

Mapa de telegrafo:

Cableado: Los cables submarinos de telecomunicaciones son la columna vertebral de las comunicaciones globales, permitiendo la transmisión de datos entre continentes.

Montón de clases marinos: Estos cables atraviesan océanos y mares, lo que requiere un diseño y mantenimiento especializado para soportar las condiciones marinas.

ADSIB (Agencia para el Desarrollo de la Sociedad de la Información en Bolivia):

Empresa que establece políticas de conexión: ADSIB es responsable de diseñar y ejecutar políticas para el desarrollo de la sociedad de la información en Bolivia.

Quienes tienen poder de vender internet: ADSIB regula y supervisa a los proveedores de servicios de internet en el país.

AES:

Transnacional española en Bolivia que implementó la primera fibra óptica en Bolivia: AES, una empresa española de servicios públicos, introdujo la fibra óptica en Bolivia, mejorando la velocidad y capacidad de las conexiones a internet.

Luego fue vendida a AXS: AES vendió sus operaciones en Bolivia a AXS, una empresa de telecomunicaciones boliviana.

ISP (Proveedor de servicios de internet):

Son empresas que venden internet: Los ISP son compañías que brindan acceso a internet a sus clientes mediante diversas tecnologías, como la fibra óptica, el cable coaxial o las conexiones inalámbricas.

Protocolo HTTPS (Hypertext Transfer Protocol Secure):

Son las siglas de Hypertext Transfer Protocol Secure.

Contiene SSL (Secure Sockets Layer), HTTPS utiliza SSL o TLS (Transport Layer Security) para cifrar la comunicación entre el navegador web del usuario y el servidor, protegiendo la información intercambiada.

A diferencia del HTTP, el HTTPS ofrece una conexión segura y cifrada para proteger la información de los usuarios y garantizar la autenticidad de los sitios web visitados.

Protocolo TCP/IP (Transmission Control Protocol/Internet Protocol):

Son las siglas de Transmission Control Protocol/Internet Protocol.

Se usa para establecer y mantener la comunicación entre dispositivos en una red de internet: El TCP/IP es un conjunto de protocolos que permite la transmisión de datos entre dispositivos conectados a una red, asegurando que los paquetes de datos lleguen de manera íntegra y en el orden correcto.

IPv4 es la versión 4 del Protocolo de Internet: IPv4 utiliza direcciones de 32 bits, lo que resulta en un total de aproximadamente 4.3 mil millones de direcciones únicas. Debido al crecimiento de internet, las direcciones IPv4 se han vuelto escasas.

IPv6 es la versión 6 del Protocolo de Internet: IPv6 utiliza direcciones de 128 bits, lo que proporciona un número prácticamente ilimitado de direcciones únicas. Su implementación resuelve el problema de escasez de direcciones IPv4 y ofrece mejoras en el rendimiento y la seguridad de las comunicaciones en línea.

Dominios web:

Son identificadores únicos de sitios web en internet: Los dominios web son direcciones únicas que permiten a los usuarios encontrar y acceder a sitios web en internet. Están formados por un nombre y una extensión (por ejemplo, .com, .org, .edu).

Sirven para facilitar la navegación y el acceso a los recursos en línea: Los dominios web permiten a los usuarios encontrar sitios web de manera fácil e intuitiva, en lugar de tener que recordar y utilizar direcciones IP numéricas. Además, los dominios web también ayudan a establecer la identidad y la marca de un sitio web, ya que pueden ser descriptivos y relevantes para su contenido o propósito.

[jcyberspace]

FASE 3 - Resultado final (1) trabajo Pixel Art sobre lectura las ruinas circulares de Jorge Borges

Descripción: La imagen en pixel art busca representar la dualidad presente en el cuento "Las ruinas circulares" de Jorge Luis Borges. La ilustración se divide en dos partes: la superior y la inferior. En la parte superior, se muestra la "realidad" del anciano hechicero, donde se le ve sumido en un profundo sueño o en pleno proceso de creación, rodeado por el misterioso templo abandonado bajo la penumbra de la noche. Por otro lado, la parte inferior de la imagen nos sumerge en el sueño del protagonista, donde el anciano aparece enseñando o lleno de vida, en un ambiente diurno y luminoso. De esta manera, la ilustración refleja la dualidad de la narración, entre la realidad y el sueño, la creación y la existencia, y el ciclo interminable de sueños dentro de sueños.

Justificación de pixel art: La representación objetivo de la ilustración es la DUALIDAD, algo que podemos ver representado en los pixeles de las pantallas de los dispositivos tecnológicos. Pues un píxel puede ser una unidad lógica, definida por las dimensiones de una imagen en términos de píxeles (por ejemplo, 480x480, 1024x1024, etc.), o una unidad física, como un diminuto LED RGB en una pantalla.

Software utilizado:

Procerate: https://procreate.com

Color picker: https://imagecolorpicker.com

Pinceles de una libreria aparte para pixel art en procreate: https://app.gumroad.com/d/e4ded404adeaf27f44cf775c60a79e10

Colores:

Dificultades encontradas al crear la composición:

Dificultad en dimensionar adecuadamente los objetos.

Selección de colores no óptima.

Incapacidad para utilizar antialiasing.

[jcyberspace]

Creación de un pixel art

Abstracción de atributos relevantes: La creación de pixel art implica identificar y representar los atributos más relevantes y significativos de un objeto o personaje.

Síntesis de atributos significativos: El proceso de creación del pixel art también involucra la síntesis de atributos significativos, lo que significa simplificar y enfocar los detalles esenciales de un objeto o personaje para su representación en píxeles.

Juegos basados en píxeles: Los juegos de video con gráficos basados en píxeles, como los clásicos de 8 y 16 bits, son un ejemplo perfecto de cómo se utiliza el pixel art en la industria del entretenimiento. Estos juegos emplean sprites (pequeñas imágenes que representan objetos o personajes en pantalla) compuestos de píxeles.

Sprites con 12 colores como máximo: En algunos juegos de pixel art, se limita el número de colores utilizados en los sprites a un máximo de 12 colores para simplificar la paleta y lograr un estilo visual coherente.

PPU (Picture Processing Unit): La PPU es un componente de hardware que se encuentra en las consolas de videojuegos y se encarga de renderizar y mostrar los gráficos de píxeles en pantalla.

Técnicas de pixel art

Dithering: El dithering es una técnica utilizada en el pixel art para simular la transición de colores o sombras mediante el uso de patrones de puntos y píxeles. Esta técnica permite a los artistas crear la ilusión de degradados y sombras, incluso cuando se trabaja con paletas de colores limitadas.

Antialiasing: El antialiasing es otra técnica utilizada en el pixel art para suavizar los bordes dentados o pixelados de las imágenes. Se logra mediante la colocación cuidadosa de píxeles de colores intermedios entre los colores principales en los bordes de las formas, lo que ayuda a reducir la apariencia de "escalones" en los bordes y crea una transición más suave y agradable a la vista.

Limitación de paleta: La limitación de paleta es una técnica empleada en el pixel art que consiste en utilizar un número limitado de colores para crear una imagen. Esto permite a los artistas enfocarse en la composición y el uso eficiente de los colores disponibles, y también ayuda a lograr un estilo visual coherente y atractivo.

[jcyberspace]

Modelos de color

Aditivo: RGB (Red, Green, Blue) es un modelo de color aditivo, lo que significa que los colores se crean mediante la combinación de luz roja, verde y azul en diferentes intensidades.

Sustractivo: CMYK (Cyan, Magenta, Yellow, Black) es un modelo de color sustractivo, utilizado en la impresión, en el que los colores se crean sustrayendo la luminosidad de la luz blanca mediante la combinación de pigmentos cian, magenta, amarillo y negro.

Guía Pantone: La guía Pantone es un sistema de clasificación de colores que permite a los diseñadores y fabricantes de todo el mundo mantener la consistencia en la reproducción de colores.

VGA de 8 bits: La tarjeta gráfica VGA (Video Graphics Array) de 8 bits es un estándar de visualización que permite hasta 256 colores diferentes en una imagen.

[jcyberspace]

El pixel

El píxel es un concepto fundamental en el mundo del diseño gráfico y la tecnología digital.

Pensamiento analógico: El píxel representa la transición del pensamiento analógico al digital en el ámbito de las imágenes y el diseño gráfico. En el mundo analógico, las imágenes se representan mediante trazos y colores continuos, mientras que en el digital, se dividen en pequeñas unidades llamadas píxeles.

Píxel como módulo: El píxel es un módulo que compone una imagen digital. Una imagen se crea al organizar y asignar colores a una matriz de píxeles.

Pixel art como trabajo modular: El pixel art es un estilo de arte digital donde las imágenes se crean a partir de la manipulación de píxeles individuales en lugar de trazos y formas continuas. Esta técnica permite un alto nivel de detalle y control en el diseño.

Unidad básica: El píxel es la unidad básica de una imagen digital, al igual que los átomos son las unidades básicas de la materia.

Lógica y física: Un píxel puede ser una unidad lógica, definida por las dimensiones de una imagen en términos de píxeles (por ejemplo, 480x480, 1024x1024, etc.), o una unidad física, como un diminuto LED RGB en una pantalla.

Resolución vs. dimensión física: La resolución de una imagen se refiere al número de píxeles que la componen, mientras que la dimensión física se refiere al tamaño real de la imagen, medido en pulgadas, centímetros u otras unidades. Una imagen de alta resolución contiene más píxeles y, por lo tanto, más información representada que una de baja resolución.

[jcyberspace]

FASE 2 - Boceto para pixel art

La idea para el pixel art es representar una escena de la novela "Ruinas Circulares" de Jorge Luis Borges. La imagen se divide en dos partes: la superior representa la realidad, donde se ve al anciano durmiendo, y la inferior representa su sueño, donde se encuentra dando clases para encontrar al mejor hombre.

En la parte superior de la imagen, se puede mostrar al anciano durmiendo en un templo en ruinas, tal y como aparece descrito en la novela. Sería interesante enfatizar la diferencia entre la tranquilidad del sueño y la antigua decadencia del templo, tal vez usando una paleta de colores más cálida para el sueño y tonos más grises y oscuros para la realidad.

En la parte inferior de la imagen, se puede retratar al anciano dando una clase para encontrar al mejor hombre. Se puede mostrar a los estudiantes rodeando al anciano, escuchando atentamente sus palabras y haciendo preguntas.

En resumen, el pixel art busca representar la dualidad entre la realidad y el sueño en la novela "Ruinas Circulares" de Borges. A través de la imagen, se puede mostrar cómo el anciano busca al mejor hombre a través de la enseñanza, mientras que en la realidad solo está durmiendo en un templo en ruinas. El uso de diferentes paletas de colores y elementos adicionales puede ayudar a transmitir la idea de manera más efectiva.

Justificación del pixel art:

La representación objetivo de la ilustración es la DUALIDAD, algo que podemos ver representado en los pixeles de las pantallas de los dispositivos tecnológicos. Pues un píxel puede ser una unidad lógica, definida por las dimensiones de una imagen en términos de píxeles (por ejemplo, 480x480, 1024x1024, etc.), o una unidad física, como un diminuto LED RGB en una pantalla.

[jcyberspace]

FASE 1 - Contexto de las Ruinas Circulares de Jorge Borges

El cuento "Las ruinas circulares" fue publicado por primera vez en 1940 en la revista "Sur" y posteriormente en el libro "Ficciones" en 1944. En ese momento, Jorge Luis Borges ya había publicado varios libros de poesía y prosa, y se había convertido en una figura destacada de la literatura argentina y latinoamericana.

En la década de 1940, Borges también trabajó como bibliotecario y profesor de literatura en la Universidad de Buenos Aires, donde tuvo una gran influencia en la generación de escritores y artistas que surgieron en la Argentina de la posguerra. Durante este período, Borges comenzó a desarrollar su estilo de escritura innovador, que se caracteriza por la mezcla de elementos de diferentes géneros literarios y la exploración de temas como la realidad, el tiempo, el espacio y la identidad.

En "Las ruinas circulares", Borges utiliza su estilo de escritura poético y simbólico para explorar temas como la creación, la realidad y la identidad. El cuento es una de las obras más destacadas de Borges y ha sido ampliamente estudiado y analizado por críticos y académicos de todo el mundo.

[jcyberspace]

PARTE 1 - ¿Quién fue Jorge Borges?

Jorge Luis Borges (1899-1986) fue un escritor, poeta y ensayista argentino considerado uno de los autores más importantes y influyentes de la literatura universal del siglo XX. Borges nació en Buenos Aires, Argentina, y desde joven mostró un gran interés por la literatura y la filosofía.

Borges es conocido por su estilo de escritura innovador y su capacidad para mezclar elementos de diferentes géneros literarios, como la fantasía, la ciencia ficción y la filosofía, en su obra. Algunos de sus libros más famosos incluyen "Ficciones", "El Aleph" y "El Hacedor". Además de su carrera como escritor, Borges también fue un destacado profesor y crítico literario, y su trabajo ha tenido una gran influencia en la literatura y el pensamiento contemporáneo.

[jcyberspace]

FASE 1 - Puntos a destacar sobre las Ruinas Circulares de Jorge Borges

La historia tiene lugar en un mundo cíclico y circular, donde los eventos y las experiencias se repiten una y otra vez.

El protagonista es un hombre que busca crear un ser humano perfecto a través de un sueño. Para hacerlo, se adentra en un templo abandonado y se duerme.

En su sueño, el hombre crea a su ser humano perfecto, pero luego descubre que él mismo es una creación de alguien más.

El ser humano perfecto que el protagonista crea también tiene la habilidad de soñar y crear un mundo propio.

El final del cuento es ambiguo y puede ser interpretado de varias maneras. Algunos lo interpretan como una reflexión sobre la naturaleza de la realidad y la existencia humana.

La historia utiliza la metáfora de las ruinas circulares para ilustrar la idea de que la vida y la experiencia humana son como una construcción que se va desmoronando con el tiempo.

El cuento también presenta la idea de que la realidad y la ficción son intercambiables y que los sueños pueden ser tan reales como la vida misma.

El texto utiliza una prosa poética y simbólica que es característica del estilo de Borges.

"Las ruinas circulares" es considerado uno de los cuentos más famosos de Borges y es ampliamente estudiado en cursos de literatura y filosofía.

La historia ha sido interpretada de diferentes maneras por críticos y lectores, y es considerada una obra maestra de la literatura fantástica y de la ficción corta en general.

[jcyberspace]

FASE 1 - Resumen de las Ruinas Circulares de Jorge Borges

"Las ruinas circulares" es un cuento escrito por Jorge Luis Borges en 1940. El relato narra la historia de un hombre que viaja a un lugar remoto para realizar un ritual que le permita soñar con un hombre que no existe. El hombre logra materializar a ese ser en su sueño y lo imagina como un ser humano completo. Sin embargo, cuando despierta, se da cuenta de que él mismo es el ser imaginado.

El protagonista del cuento, un anciano ermitaño, dedica su vida a la meditación y a la búsqueda de la iluminación. Para lograr su objetivo, se adentra en las ruinas de un templo circular y allí realiza una ceremonia que lo lleva a un estado de trance. En ese trance, sueña con un hombre que se parece mucho a él, y al que describe como un "dios".

A medida que el anciano se sumerge más en su sueño, el hombre que ha imaginado empieza a cobrar vida. El anciano siente cómo su espíritu se transfiere al cuerpo del ser que ha creado en su mente, y al despertar, descubre que es el hombre que ha imaginado. El anciano se da cuenta de que su vida ha sido un sueño y que ha sido creado por el "dios" que ha imaginado.

El cuento es una reflexión sobre la naturaleza de la realidad y sobre el poder de la imaginación. Borges presenta la idea de que la realidad puede ser creada por la mente, y que lo que llamamos "realidad" es simplemente una construcción mental. Además, el cuento explora temas como la identidad, la existencia y el papel de la imaginación en la creación de la realidad.

En resumen, "Las ruinas circulares" es un cuento de Jorge Luis Borges que explora temas como la realidad, la imaginación, la identidad y la existencia. El cuento narra la historia de un anciano que logra materializar a un ser humano completo en su sueño, y descubre que él mismo es ese ser humano imaginado. El cuento invita a reflexionar sobre la naturaleza de la realidad y el papel de la imaginación en su creación. En definitiva, es un relato fascinante que ha inspirado a muchos escritores y filósofos a lo largo de los años.

[jcyberspace]

Metáfora de mochila y cloud computing

En la era digital en la que vivimos, la movilidad y la flexibilidad son cada vez más importantes en el ámbito laboral y académico. Para poder trabajar o estudiar en cualquier lugar, es necesario tener acceso a los archivos y programas que necesitamos. Es por eso que la mochila se convierte en una herramienta esencial para aquellos que necesitan llevar consigo todo lo que necesitan en su día a día.

La mochila funciona como una carpeta en la nube que te permite guardar y organizar tus documentos, fotos y otros archivos importantes. Al igual que el sistema operativo MacOs, la mochila te brinda la posibilidad de acceder a tus archivos desde cualquier dispositivo con conexión a Internet. Ya no tienes que cargar con peso en tu espalda o preocuparte por llevar contigo todos los documentos necesarios, todo está en la nube.

Para utilizar la mochila, solo necesitas acceder a ella en Finder y abrir los archivos o programas que necesites en ese momento. Además, puedes arrastrar los archivos que vayas a necesitar en el día y dar permisos a los dispositivos en los que se puede acceder a la mochila. De esta manera, puedes trabajar de manera más eficiente, sin tener que preocuparte por guardar tus archivos en distintos dispositivos o almacenarlos en dispositivos externos.

La mochila te permite llevar contigo todo lo que necesitas para trabajar o estudiar, de manera organizada y segura. Ya no tienes que preocuparte por perder archivos importantes o por no tener acceso a ellos cuando los necesites. Con la mochila, siempre tendrás tus documentos, fotos y otros archivos importantes al alcance de tu mano, sin importar dónde te encuentres.

En resumen, la mochila es una herramienta esencial para aquellos que necesitan trabajar o estudiar en cualquier lugar. Al igual que el sistema operativo MacOs, la mochila te brinda la posibilidad de acceder a tus archivos desde cualquier dispositivo con conexión a Internet. De esta manera, puedes trabajar de manera más eficiente, sin tener que preocuparte por llevar contigo todos los documentos necesarios. La mochila te permite llevar contigo todo lo que necesitas para trabajar o estudiar, de manera organizada y segura, convirtiéndose en una extensión de tu sistema operativo.