bitacorabrayanduran - Tumblr blog

[bitacorabrayanduran]

EXAMEN DE ACCESIBILIDAD

A continuación se analizará el sitio WEB SIAAN: https://academico.ucb.edu.bo/. Veo oportuno realizar un análisis de este servicio, porque es muy fácil diferenciar las carencias a lo que accesibilidad se trata. Se presentará una evaluación de los 4 principios de la normativa juntamente con las pautas pertinentes a la página e identificando su grado de conformidad. Por otro lado, también se propondrá una solución de accesibilidad en el caso de que la pauta no esté aplicada en la página.

Principio 1: Perceptible - La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos. Pauta 1.1 Alternativas textuales: En el tema Contenido no textual, la página no cuenta con esta característica debido a que las imágenes ni botones cuentan con un texto (no cuenta con ninguna A):

Pauta 1.2 (no cuenta con videos ni audios "no corresponde") Pauta 1.3 Adaptable: En este caso la página si cumple con "1.3.1 Información y relaciones " ya que cuenta estructura que puede ser determinada por un software (NIVEL A). Por otro lado, el sitio NO cuenta con la conformidad A en "1.3.2 Secuencia significativa" puesto que el contenido no es secuencialmente entendible:

También no cuenta con la pauta " 1.3.3 Características sensoriales " debido a que las herramientas de interacion no son entendibles por su forma ni tamaño:

Pauta 1.4 Distinguible: Para esta pauta cuenta con una A en “1.4.1 Uso del color” porque los botones tiene un color que se relaciona con la acción de presionar. Principio 2: Operable - Los componentes de la interfaz de usuario y la navegación deben ser operables. Pauta 2.1 Accesible por teclado (no es accesible por teclado) Pauta 2.2 Poner en pausa, detener, ocultar: no cumple con esta "A", ya que el contenido que se mueve no tiene un mecanismo de parada:

 2.4 Navegable: Este sitio no es navegable en su 100% debido a que, en una primera instancia, es difícil encontrar las opciones de estudiante. Una vez encontrándose estas se puede calificar con un nivel de conformidad “A” a las siguientes subpautas: 2.4.2 Titulado de páginas, 2.4.3 Orden del foco:

Principio 3: Comprensible - La información y el manejo de la interfaz de usuario deben ser comprensibles. Pauta 3.1 Legible: Cuenta con un nivel de conformidad "A" en "3.1.1 Idioma de la página" el software lo puede entender (como dato curioso, no tas las palabras son traducibles):

Pauta 3.2 Predecible: Tiene un nivel de conformidad "A" en "3.2.1 Al recibir el foco", ya que cuando se sitúa el morse en algún botón este no hace nada hasta que no se presione el clic. Pauta 3.3 Entrada de datos asistida (no cuenta con una entrada de datos) Principio 4: Robusto - El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas técnicas. Pauta 4.1 Compatible: Cuenta con un nivel de conformidad "A", ya que el programa del sitio respeta una programación limpia y sin repetir ID y por consiguiente, la página puede ser compatible con futuras mejoras.

En resumen, esta página tiene un déficit en la mayoría de pautas de la norma, lo que lo hace muy poco intuitiva (no es de uso eficaz) e inclusiva.

[bitacorabrayanduran]

Accesibilidad

Internet como un medio accesible

El internet actualmente es de fácil y cómodo acceso. Para que todo esto sea posible, el internet evolucionó significativamente cuando Vinton Cerf comenzó con el desarrollo del protocolo TPC/IP en los años 70.

Actualmente, trabaja en un protocolo que reduce significativamente la latencia (DTN) del anterior protocolo, ya que el protocolo TPC/IP presenta una latencia a la hora de requerir datos del servidor, esto significa mucho cuando las tareas son como ejemplo: Aeroespaciales y militares.

La accesibilidad de internet está también ligada a la accesibilidad de personas con capacidades diferentes. Estas discapacidades, como ser la carencia de visión o movimiento motriz, son consideradas en el internet. Por otro lado, la accesibilidad no solo se limita a dar una mejor cobertura a las personas con limitaciones, sino también esta palabra relaciona la facilidad con la que uno se puede conectar a la red/internet, por ejemplo: La calidad de conexión, la compresión del sitio web, etc.

A continuación presentaré los datos o barreras de la accesibilidad:

Contextuales, relativos a situaciones y usos específicos que puedan surgir. Son poco controlables, pero se pueden considerar variables de percepción en el diseño que permitan la accesibilidad a través del diseño.

Discapacidades temporales, relativas a problemas que el usuario pueda tener temporalmente. Un accidente, una falta de dispositivos, un error de conectividad. Se pueden considerar variables de operabilidad para mejorar la experiencia.

Discapacidades permanentes, como la ceguera completa o la reducción de la vista, la sordera, el déficit de atención o problemas de memoria. Pueden revisarse las variables de comprensión del sitio.

A todo esto, el W3C regula y limita la accesibilidad de sitios de internet, mediante guías y normas. Algunas de las pautas que se toman en cuenta son:

A: El nivel más básico, mejora la accesibilidad para la mayoría de los sitios al facilitar que los lectores de pantalla naveguen por el sitio leyendo el contenido.

AA: Este nivel implica una gama más amplia de discapacidades al brindar orientación sobre elementos como el contraste y la identificación de errores. 

AAA: El nivel más alto de cumplimiento de accesibilidad, esto hace que el contenido sea accesible para la más amplia variedad de personas, pero puede alterar significativamente el diseño de un sitio.

Y las pautas son:

Perceptible. La información y componentes de una interfaz deben ser presentados de manera que puedan ser percibidos.

Operable. Los componentes de la interfaz y la navegación deben poder ser operados con una variedad de herramientas y periféricos.

Comprensible. El lenguaje debe ser claro y conciso, y la funcionalidad del sitio debe contribuir a la facilidad de comprensión de las acciones a realizarse.

Robusto. Los sitios deben funcionar lo suficientemente bien en todas las plataformas y navegadores, a través de dispositivos, sin considerar elecciones personales.

Diseño inclusivo

Diseñar para la inclusión es crucial en la web. Los diseñadores deben considerar las necesidades de todos, evitando barreras y maximizando la accesibilidad. La habilidad y las barreras del entorno determinan la discapacidad, por lo que el diseño debe eliminar estas barreras. Al igual que los edificios públicos están construidos para permitir la movilidad de las personas en sillas de ruedas, los diseñadores deben anticipar las necesidades de los usuarios y garantizar funcionalidades accesibles. El diseño universal, inclusivo y centrado en las personas busca expandir la inclusión de habilidades humanas. Se deben seguir principios como priorizar a las personas, tener propósitos claros y ofrecer una estructura sólida y una interacción fácil.

Sobre WCAG 2.0

Las WCAG 2.0 (Web Content Accessibility Guidelines) son estándares de accesibilidad web desarrollados por la W3C. Se dividen en principios, guías y criterios de éxito. Los principios son perceptibilidad, operabilidad, comprensibilidad y robustez. Las guías proporcionan pautas específicas, y hay 12 en total. Cada guía contiene criterios de éxito que describen técnicamente lo que significa cumplir con la guía. Los criterios de éxito se clasifican en niveles de conformidad: A, AA y AAA. El nivel A es el más básico, el nivel AA proporciona una mayor accesibilidad y el nivel AAA es el más alto y difícil de implementar. Para cumplir un nivel de conformidad, se deben cumplir todos los criterios de ese nivel y los del nivel inferior.

[bitacorabrayanduran]

TRABAJO GRUPAL REPRESENTACIÓN DE INTERNET

El Internet

3D : Brayan Duran y Jhon Larico

Video Juegos

Esta comunidad era bastante pequeña en sus inicios pero los habitantes tenían mucho tiempo libre y no les gustaba el aburriento que estos sentian es por ello que en esta comunidad tenemos a habitantes bastante interesados en pasar el tiempo jugando diferentes tipos de juegos algunos se reúnen para jugar y otras habitantes les gusta jugar solos

Stream

A estos habitantes les gusta mucho actuar y mostrar sus habilidades actuando ellos muestran sus talentos de diferentes maneras algunos les gusta mucho grabar películas a otros grabarse cuando realizan una actividad y a otros mostrar su talento cantando. Algunos cobran por sus talentos y otros lo hacen gratis esperando recibir alguna colaboración.

Navegadores

A estos habitantes les gusta mucho explorar y recopilar información a ellos no les importa que les pidas buscar ellos lo aran sin problema alguno, algunos como en todo son mucho mas confiables y es por ello que los demás habitantes tienen mas confianza en ellos.

Redes Sociales

A estos habitantes les gusta difundir sus ideas, experiencias y aventuras además de sus estados de animo son muy Sociales y les encanta siempre estar en comunicación con los demás

Depp Weeb

Estas son calles un poco peligrosas ya que para entrar necesitas de alguien que ya lo haya echo antes y por que aca encontraras de todo como ser libros piratas software piratas ademas de cosas robadas y si vas a los lugares mas reconditos emcuentras cosas mas ilegales por ello no muchos habitantes viven aca .

El Internet 3D : Brayan Duran y Jhon Larico

Video Juegos

Esta comunidad era bastante pequeña en sus inicios pero los habitantes tenían mucho tiempo libre y no les gustaba el aburriento que estos sentian es por ello que en esta comunidad tenemos a habitantes bastante interesados en pasar el tiempo jugando diferentes tipos de juegos algunos se reúnen para jugar y otras habitantes les gusta jugar solos

Stream

A estos habitantes les gusta mucho actuar y mostrar sus habilidades actuando ellos muestran sus talentos de diferentes maneras algunos les gusta mucho grabar películas a otros grabarse cuando realizan una actividad y a otros mostrar su talento cantando. Algunos cobran por sus talentos y otros lo hacen gratis esperando recibir alguna colaboración.

Navegadores

A estos habitantes les gusta mucho explorar y recopilar información a ellos no les importa que les pidas buscar ellos lo aran sin problema alguno, algunos como en todo son mucho mas confiables y es por ello que los demás habitantes tienen mas confianza en ellos.

Redes Sociales

A estos habitantes les gusta difundir sus ideas, experiencias y aventuras además de sus estados de animo son muy Sociales y les encanta siempre estar en comunicación con los demás

Depp Weeb

Estas son calles un poco peligrosas ya que para entrar necesitas de alguien que ya lo haya echo antes y por que aca encontraras de todo como ser libros piratas software piratas ademas de cosas robadas y si vas a los lugares mas reconditos emcuentras cosas mas ilegales por ello no muchos habitantes viven aca .

[bitacorabrayanduran]

19/05 WEB 2.0

Los algoritmos de busquedas como los spiders y crawler, fueron el primero bum en la web2.0. Adobe Flash player fue una tecnología muy llamativa para los usuarios, ya que es un método animado para mostrar la información, pero la desventaja es que los bots no pueden indexar ni extraer nada, causando que las páginas que utilizarán flash player, no tengan una buena clasificación por los motores de búsqueda.

[bitacorabrayanduran]

Fase 3

Una vez seleccionado el boceto, se procedió a materializarlo físicamente utilizando aros circulares que representan una figura geométrica complicada y confusa. Se llevaron a cabo los siguientes pasos destacados durante el proceso:

PRODUCTO FINAL

[bitacorabrayanduran]

Fase 2. 2V

Se presentará el concepto y el proceso de búsqueda.

El concepto es: LA CONFUSIÓN. Para iniciar el proceso de búsqueda, me planteé la idea de figuras confusas en mi mente. En primer lugar, exploré información en línea acerca de imágenes confusas. Durante esta investigación, descubrí patrones de confusión presentes en figuras geométricas dispuestas estratégicamente para generar desconcierto visual.

Posteriormente, proseguí con mi búsqueda realizando bocetos de lo previamente investigado. Los bocetos son:

Al percibir que el laberinto que presente en anteriores posts carecía de una expresión suficiente de confusión, procedí a investigar en línea acerca de representaciones que transmitieran dicho sentimiento. Durante mi búsqueda, me topé con figuras ilusionistas que, al observarlas, generaban en mí un estado de confusión. En consecuencia, opté por combinar aquellas que me causaron una mayor impresión.

Luego de un análisis, se llegó a la conclusión de que el último boceto cumple con la consigna establecida.

[bitacorabrayanduran]

Como hablar con tu perro acerca de la caché Web.

La caché usualmente es relacionada con basura digital, muchas veces las personas piensan que estos archivos no sirven para nada, pero en realidad no es tanto así. En teoría, la caché si es usada y muy útil en la navegación web actual. A continuación explicaré como funciona este y también de que se compone y qué características tiene: La caché es un método que utilizan los navegadores actuales para recortar tiempos de carga en la navegación Web, puede almacenar tanto como estructuras, presentación y lógica(programación) en la memoria del dispositivo. En otras palabras, la caché son archivos recibidos tras una petición al servidor que quedan guardados en la memoria del dispositivo para no volver a pedirlo, provocando que el dispositivo cargue sitios cargados previamente con mayor fluidez. Analogía: Imagínate que eres el preceptista de una empresa encargado de seleccionar a los posibles contratados, entonces como recepcionista tienes que revisar CV por CV, pero estos se encuentran en un estante y por ende se hace tedioso y gastas más tiempo en ir a revisar uno por uno. Entonces decides traer los CV y sacarles una copia a cada uno para que no tengas que volver a ir a comprobar los CV, así ahorras tiempo en el trabajo. Existen 3 tipos de caché en todo internet, todos estos funcionan bajo la misma lógica, guardar y acular archivos para acceder más rápido.

Cache privada: Es la típica caché que tenemos en nuestros computadores gracias a los navegadores.

Cache compartido: Este tipo de caché está alojado en los proxys "ISP" del servicio de internet que consumas y funcionan como una caché clásica, pero comunitaria, que ayuda a cargar información más rápido a todos los usuarios, debido a que la petición se realiza directamente al proveedor y no así al sitio oficial que puede estar alojado en el otro lado del mundo,

Cache de pasarela o del lado del servido: Este tipo de caché que sirve a grandes cantidades de ISP mediante un ProxyCaché, siendo una ventaja para los ISP que usualmente acceden frecuentemente a sitios populares.

[bitacorabrayanduran]

"Lleva la antorcha a través dela oscuridad Y levanta la lanza del destino Salve Deggial? signo del sol negro Encenderemos las llamas de la victoria."

[bitacorabrayanduran]

Bitácora 12/05

Recordando palabras claves: *HTML = lo que significa *CSS = lo que se ve *CLIENTE - SERVIDOR *ASINCRÓNICA

Evolución de la Web: Lenguajes de cliente: HTML(estructura), CSS(presentación),CSS (comportamiento)Lenguajes de servidor: PHP,MYSQL,APACHE. Analizamos la estructura y presentación de esta página https://www.csszengarden.com/ e identificamos entre estructura, presentación y comportamiento.

Web 1.0: 1991 hasta el 2000, se concentraba solamente en la lectura. Existían mensajería sumamente primitiva. Los buscadores eran muy primitivos como el antiguo bing y alta vista, donde alta vista tenía la capacidad de filtrar información. Posteriormente, vino Google con sus algoritmos de búsquedas basado en spiders y creando lo que es el pageranking, donde se le asigna una calificación dependiendo de algunos parámetros. Web 2.0:

[bitacorabrayanduran]

FASE 2

Para representar mi pixelart recurriré a un material que tenga relación con el significado y la metáfora que más me gustaron del cuento. Consiste en representar la metáfora del laberinto y fuego mediante piedras de Diamond painting del mismo tamaño que junto con detalles brillosos podrán representar coherentemente la idea del laberinto y el fuego. La metáfora del laberinto y el fuego, consiste en la representación, del cambio, transformación y purificación que puede llegar a existir en la mente humana, que es tan compleja como la figura de un laberinto.

12/05 La relación que existe con la lectura es la siguiente: Cuando el monje despierta o un sueño, este limpia su mente y vuelve a la realidad representando el fuego que significa renovación. Para la metafora del laberinto representa la complejidad/confusión de en la mente del monje.

Continuará ............

18/05

(Mejorado) La relación que existe con la lectura es la siguiente: Concepto: confusión. La confusión o complejidad presente en un laberinto se encuentra relacionada con la complejidad asociada a la representación de una figura circular. Esta complejidad puede ser expresada mediante una ecuación que destaca su mayor grado de sofisticación en comparación con otras formas geométricas.

En mi opinión, la representación de una circunferencia es más desafiante en comparación con un cuadrado u otras figuras geométricas. La complejidad radica en la necesidad de lograr una curva perfecta y suave, sin ángulos o segmentos rectos. La representación precisa de una circunferencia requiere un trazo continuo y preciso, lo cual puede ser más difícil de lograr en comparación con la construcción de líneas rectas que definen un cuadrado u otras formas geométricas regulares.

A continuación se abocetará:

[bitacorabrayanduran]

FASE 1

Lectura Comprensiva:

El cuento (Las ruinas circulares) de Jorge Luis Borges narra la historia de un hombre que, en un estado de meditación profunda, tiene un sueño en el que se encuentra en un templo en ruinas. Allí, un grupo de sacerdotes lo lleva a una habitación donde le explican que su misión es soñar a un hombre y, a través de ese sueño, crear una realidad para él.

El protagonista acepta el desafío y se sumerge en la tarea de soñar a ese hombre, un proceso que resulta ser difícil y lleno de obstáculos. Sin embargo, finalmente logra producir un hombre completo y lo ve partir a través de un túnel que conduce a una ciudad. El hombre del sueño, a su vez, sueña a otro hombre y así sucesivamente, en una cadena interminable de sueños que se retroalimentan.

En la historia, Borges juega con la noción del tiempo y la realidad, planteando la idea de que el soñador y su sueño son dos realidades interconectadas y que, en última instancia, el soñador se convierte en el sueño y viceversa. Además, el cuento presenta una reflexión sobre la naturaleza humana y la relación entre el hombre y su entorno.

El relato está lleno de simbolismos y metáforas, como el laberinto, que representa la complejidad de la mente humana, y el fuego, que simboliza la transformación y la purificación.

Por último, sobre la historia de Borges, lo que más me llama la atención es la metáfora del laberinto y el fuego, que juntos representan el cambio, transformación que existe en la mente humana compleja como la de un laberinto. ----------------------------------------------------------------------- Investigación del cuento:

(Las ruinas circulares) es un cuento breve escrito por el autor argentino Jorge Luis Borges y publicado por primera vez en 1940 en la revista "Sur". El cuento ha sido ampliamente estudiado y considerado una de las obras más importantes de la literatura argentina y mundial. La obra de Borges en general y (Las ruinas circulares) en particular han sido influencia para numerosos escritores y artistas en todo el mundo. Se ha traducido a múltiples idiomas y ha sido objeto de adaptaciones teatrales y cinematográficas.

Investigación del contenido: El resumen del argumento: trata de un hombre que llega a un templo en ruinas y se propone crear a otro hombre mediante el sueño. Después de varios intentos fallidos y de pedir ayuda al dios del fuego, logra su objetivo y envía a su hijo soñado a otro templo. Años después, descubre que él también es el producto del sueño de otro hombre. Personajes: el soñador, el dios del fuego y el soñado son los principales protagonistas del cuento. El soñador es un mago gris que dedica toda su vida a su proyecto mágico. El dios del fuego es una divinidad que le concede el poder de dar vida a su hijo soñado. El soñado es el hombre creado por el soñador, que tiene la capacidad de caminar por el fuego sin quemarse. Temas: el cuento explora varias ideas filosóficas, literarias y mitológicas, como el idealismo, el infinito, la leyenda del golem, el budismo, la relación entre el creador y el creado y la creación literaria.

[bitacorabrayanduran]

Si no estás cometiendo ningún error, no estás innovando. Si estás cometiendo los mismos errores, no estás aprendiendo. Rick Warren

Wisdom of the Cage - Therion Gothic Kabbalah

[bitacorabrayanduran]

FASE 3

Nombre: Brayan G. Duran Toconas.

Para representar gráficamente el cuento "Las Ruinas Circulares" de Jorge Luis Borges, primero consideré cómo podría transmitir la esencia del cuento a través de mi medio elegido. Decidí utilizar PIXILART y crear una hoja de 700 x 700 pixeles, donde utilice técnicas y exprese la metáfora.

Para llevar a cabo mi representación gráfica, investigué más sobre la lectura, por otra parte, teniendo en cuenta los conceptos de píxel art como la profundidad de color y el dithering. También consideré la resolución necesaria para que la imagen se vea clara y legible.

Por otra parte, escogí la metáfora de la destrucción de los sueños al despertar del sueño en la lectura "Las Ruinas Circulares" de Jorge Luis Borges porque es una idea poderosa que representa la transitoriedad de la vida y la fragilidad de las creaciones humanas. En la historia, un mago crea un ser humano perfecto en su mente, pero después se da cuenta de que todo lo que ha creado es efímero y destinado a desaparecer. Esta idea se relaciona con la naturaleza de los sueños y la creatividad, que pueden ser intensos y vívidos, pero que también son frágiles y efímeros.

El pixel art representa esta idea de la fragilidad de los sueños y la inevitable destrucción de todas las creaciones humanas. La figura central representa la mente humana, que es capaz de crear mundos imaginarios y soñar con un futuro mejor. La figura está en un estado de meditación y contemplación, rodeada de un aura luminosa que simboliza su poder creativo.

[bitacorabrayanduran]

Analogía: herencia del diseño tradicional y las metáforas del diseño digital

Ensayo by Hackbrian = Brayan Duran:

Podemos comenzar por definir metáfora visual es un recurso retórico que permite comunicar una idea utilizando una imagen relacionada con ella. Debido a su tamaño innovador, es muy utilizado en publicidad y cómics. Las metáforas visuales son parte esencial del diseño digital en la actualidad. Sin embargo, este recurso tiene descendencia de objetos u acciones que se hacían en la antigüedad, específicamente en la transición tecnológica de los 80s y 90s. Todo este nos lleva a hacernos la siguientes preguntas: ¿Qué cosas cambiaron? ¿Cómo se transformó la relación que tenemos con la información? ¿Qué usos surgieron y que formas de actuar y pensar son únicas en nuestro tiempo?

En la actualidad el uso de GUis para el uso de programas y/o software es indispensable, ya que las personas están acostumbradas a interactuar con los programas de una manera sencilla, rápida y eficaz. Por todo esto, normalmente en las GUis se ve el uso de distintas metáforas que ayudan al usuario a emplear su trabajo, estas son algunas metáforas normalmente usadas:

Entre otros... Con todo esto podemos decir toda interfaz tiene que tener una imagen o logo que pueda interpretarse fácilmente por el usuario. Estos logos o iconos son rescatados de aparatos antiguos siendo su representación gráfica la acción que se desee hacer en el programa. Las analogías fueron cambiando al pasar el tiempo ya que ahora se ve que se este dejando de usar el parlante como metáfora de sonido y esta siendo cambiada por una nota

[bitacorabrayanduran]

Clase 2

Diseño de persona Personas <--- Experiencia(interfaz) <--- Utensilio Acción

Personas ( Modelos Mentales ): Datos demográficos Datos psicográfico Contextuales

[bitacorabrayanduran]

CLASE 1

Estética, resuelve problemas, pensado, Idea, comunicar, expresar, proceso. Es algo pensado que busca crear una propuesta mediante varias técnicas Es un conjunto de varias técnicas

¿Nosotros somos diseñados? Posiblemente por la sociedad que nos rodea, también por las redes sociales y el desconocimiento cuantitativo del contenido que consumimos. No recordamos el contenido que vemos ni la cantidad de entretenimiento que consumimos.

El arte con diferencia al diseño: *El arte es crear lo que sientes. Y el diseño es algo que quieres comunicar *En arte existe la abstracción y la síntesis a comparación del diseño. *En la cato el diseño no es arte. El diseño se alimenta del arte La idea, el proceso, es una planificación, y es una forma de ver el diseño

[bitacorabrayanduran]

Visita mi bitácora de la materia, donde ya tengo el 1er tema avanzado ( 3/2/2023). https://bitacorabrayanduran.tumblr.com/