gab1cq

[gab1cq]

Práctica de Accesibilidad

Fase 2: Análisis de Accesibilidad

Esta fase es considerada en base a WCAG 2.0 para comprender el nivel de accesibilidad del sitio BNB.

Principio 1: Perceptible

1.1. (Nivel A) El sitio web del Banco BNB cuenta con alternativas textuales para todo contenido no textual. En un análisis específico se puede notar que las imágenes, íconos y botones siempre van acompañado con un texto alternativo, este describe la funcionalidad, es decir, el propósito que cumple dicho contenido. Sin embargo, los íconos de los medios sociales no tienen un texto individual indicando que medio social es, solo se encuentra con el término "síguenos".

1.2. (Nivel AA) En la proporción de alternativas para los medios tempo dependientes, no cuenta con audios o video propios del sitio web, por lo tanto, reduce el nivel de conformidad para los usuarios para satisfacer sus necesidades. Cabe mencionar que para llegar a algunos contenidos como los videos es redirigiéndote a otra ventana. También existe la programación para una reunión virtual, se denomina Banca virtual, se trata de un asesoramiento personalizado, pero se necesita agendar la fecha y hora, así que no cuenta como una alternativa para los medios tempo dependientes.

1.3. (Nivel A) La adaptabilidad en las diferentes formas de presentación es considerada en el sitio web del Banco BNB, tiene una presentación que no afecta el significado del contenido o de la información, es sumamente accesible para el usuario entender y operar el contenido din depender de la estructura de la página. Mas bien el diseño ayuda al usuario a guiarse de acuerdo a la información plasmada de distintas formas.

1.4. (Nivel AA) Distinguible, es un término que está presente en el sitio web si nos referimos al color específicamente, el verde de fondo no contrarresta la visibilidad y entendimiento de la información de primer plano y, a la vez, hay un equilibrio en el manejo del fondo, la parte superior, inferior y servicios esenciales están resaltados con el fondo verde, mientras que el resto del contenido tiene un fondo blanco, así mismo, los botones también cuentan con esta característica. En cambio, el sitio no cuenta con sonidos o audio que brinda información completa como tal, pero si lo tuviera, tendría la accesibilidad requerida para los usuarios que lo necesitaran.

Por otro lado, el tamaño de los textos depende del diseño en que se organiza el contenido, por ejemplo, la parte superior que es el acceso rápido tienen letras de menor tamaño a comparación del contenido central.

Principio 2: Operable

2.1. (Nivel A) La funcionalidad del contenido no necesariamente depende de la operabilidad de un teclado, suele ser complicado en la selección de botones. Por lo tanto, no cuenta con un mecanismo de uso con el teclado más allá de subir y bajar, el mouse es indispensable para seleccionar una opción requerida por el usuario.

2.2. (Nivel AAA) El uso del sitio web no te limita en la navegación con tiempos muy reducidos, si se quiere ver un contenido en específico el usuario puede hacerlo sin limitar el tiempo. Sin embargo, si existe un límite de tiempo si se trata de ingresar datos.

2.3. (Nivel AAA) Convulsiones. La página web no contiene con ningún tipo de destello que salten repentinamente y puedan provocar ataques, espasmos o convulsiones. Por lo cual, significa que la página cumple con el nivel de conformidad alto.

2.4. (Nivel AAA) Navegable. La página es navegable, contiene en el encabezado el acceso rápido de los servicios o productos, esto hace que el usuario tenga información inmediata de donde está el contenido que está buscando. De la misma manera, cuenta con los títulos de secciones en la que haces click y se desglosa el contenido esquemáticamente en conjunto con ícono e imágenes.

Principio 3: Comprensible

3.1. (Nivel A) Legible. El cambio del idioma en la página no es posible, no cuenta con esta acción de configuración y solo tiene un idioma preestablecido que es el español, por ende, cuenta con el nivel de conformidad más baja. Por otra parte, las palabras que tienen dificultad para entenderse contienen una descripción para identificar lo que quiere decir.

3.2. (Nivel AA) Predecible. La navegación es coherente, cada botón cuenta con una acción predecible y es accesible para el usuario, la interfaz cambia si el usuario decide hacerlo, más no cambios de contexto bruscos. Por lo tanto, la página cumple con este nivel de conformidad.

3.3. (Nivel AA) Entrada de datos asistida. Si hay una identificación de errores al momento que el usuario ingresa sus datos, de la misma manera, hay etiquetas e instrucciones resumidas para guiar en el proceso de introducir los datos del usuario, lo cual es de mucha ayuda para identificar de manera eficaz la prevención de errores. Las sugerencias ante errores también están presentes.

Principio 4: Robusto

4.1. (Nivel A) Compatible. La página cuenta con un contenido Robusto, el contenido contiene los elementos de apertura y cierre completas, como en el encabezado que se encuentra los elementos más solicitados, así mismo, la información dada de cada parte está distribuida para cuando se pulsa un botón como "ver más" la página pasa a cambiar sus características para superar a las anteriores. Por lo tanto, se puede decir que los elementos no contienen atributos duplicado sino, son únicos. Cumple con el nivel de conformidad A.

Conclusión

Para finalizar, es importante enfatizar que la página web del banco BNB proporciona información completa a los usuarios si este lo requiere, pero carece de funcionalidades que permita tener la accesibilidad correspondiente si se refiere a un banco. Sobre todo, en el principio de perceptibilidad para llegar al nivel de conformidad para los usuarios. Si se toma en cuenta los criterios ya mencionados se hablaría de una página accesible para los usuarios.

[gab1cq]

Accesibilidad

La accesibilidad implica la comprensión a profundidad de las necesidades de las personas, sí hablamos de de la accesibilidad dentro del internet se refiere al acceso libre, la facilidad, la configuración y la inclusión de usuarios con discapacidades para responder a las necesidades de lo usuarios. Tiene una metodología cuantitativa porque se puede medir cuantas personas lograron acceder a un sitio web o cosas relacionadas.

Así mismo, la accesibilidad es la capacidad que tiene cada medio web para poder ser comprensible para los usuarios que estén dispuestos a utilizar estas. Sin embargo, esta función es bastante polémica, en especial por el trabajo extra que implica para los diseñadores y desarrolladores de esta área.

La incomprensión por parte de este grupo al momento de desarrollar las paginas web muestra una gran falta de comprensión hacia el usuario y las comodidades que este requiere para que interactúe de forma sencilla con la web, porque para llegar a responder las necesidades de todos equitativamente se necesita una buena lectura, ponerse en el lugar del otro.

Por otra parte, esta la usabilidad que a diferencia de la accesibilidad, es la forma de interactuar con la funcionalidad de un medio de internet, se habla de usabilidad cuando es sencillo y fácil de utilizar sin complejidad. La experiencia y la intuición, ambas están relacionadas en entender a través de la estructura de un medio o interfaz de internet, lleva consigo una curva de aprendizaje.

Retomando el tema de la accesibilidad, esta relacionado con los diseños de arquitectura que, cuentan con guías de accesibilidad y patrones de diseño, por ejemplo las gradas y rampas para personas con sillas de ruedas, el tamaño de las puertas que respetan los espacios accesibles para todos.

Para el óptimo desarrollo de la accesibilidad, fue la W3C que desarrollo las "Pautas de Accesibilidad 2.0", la cual considera 3 niveles:

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.

La W3C es el consorcio de la www, busca estándares para la accesibilidad con el fin de medir otras experiencias digitales. Deben ser:

Perceptibles -> Detección con facilidad

Operables -> Enfocado en la interacción

Entendibles -> Usabilidad, nivel cognitivo

Robustos -> Cómo funciona en los distintos dispositivos, navegadores, red.

También se habla de los niveles de accesibilidad:

Nivel Técnico. Todo adecuado en dispositivos y la velocidad de red.

Nivel Cognitivo. Idioma, conocimientos previos

Nivel de Capacidad - Discapacidad. Está relacionado con las barreras y niveles de complejidad.

UX (User Experience)

Experiencia del usuario, se refiere a cómo los usuarios interactúan con un producto, ya sea sitio web, teléfono móvil, etc.

Se relaciona con la usabilidad, y tiene un modelo mental, como una persona actúa y piensa en un momento determinado o una interacción. Para ello se utiliza los patrones de diseño, mecanismos que ya están diseñados que ayuda a comprender la interfaz ya sea de un sitio web u otro medio.

Cuenta con los criterios:

Demográficos: edad, género, lugar, tipo de población

Psicográfico: intereses, formas de pensar, impulsos emocionales

Comportamiento: conducta, frustraciones, reacciona a...

Contexto: en qué situación está

[gab1cq]

Práctica de Accesibilidad

Fase 1. Elección de sitio web y revisión preliminar

1. ¿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?

Los usuarios que usan el sitio web del Banco Nacional de Bolivia, son usuarios que requieran algún producto o servicio de esta entidad financiera dependiendo su necesidad, ya sea la apertura de cuentas que se las puede hacer de manera online o hacer una solicitud de créditos, también entra el lado de la información que el usuario busca para saber los beneficios o alguna información específica. La edad interviene en esta situación, el usuario tiene que identificarse y de acuerdo a su edad se dan ciertas opciones, como la Banca Joven, Banca Senior y Banca Activa.

El sitio web de BNB cuenta con las acciones necesarias, así mismo, se encuentra Video Banca para que el usuario tenga una atención personalizada respondiendo a sus consultas.

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

Su propósito principal es el de informar sobre los distintos servicios y productos que cuenta el banco. Cada alternativa tiene un desglose con todas las características, como ser, los beneficios, requisitos o descripciones de lo que trata el servicio.

Posteriormente, para que el usuario pueda realizar una acción determinada y mantener al tanto al usuario sobre las actualizaciones, por ende, los elementos que conforman el sitio web de BNB tiene interacción en el contenido para brindar una mejor experiencia al usuario enfocándose en las distintas edades.

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

El sitio web si presenta una interacción sencilla, a primera vista se presenta lo esencial, es decir, lo que más buscan los usuarios. Por otro lado, no se ha encontrado errores en algún funcionamiento.

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

La parte del encabezado cuenta con mucha información, es como un conjunto muy pequeño de la información que se puede encontrar en el resto del sitio web. Puede ser un medio para que los usuarios tengan más facilidad en la rapidez de realizar sus acciones o ver algún tipo de información, así también, para otros usuarios puede ser confuso y no legible por las letras pequeñas.

El resto del sitio web si tiene una presentación limpia y comprensible con respecto al contenido.

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

El lenguaje puede no ser asertivo para todos por la comprensión y conceptos utilizados en este. Los adultos mayores o personas de áreas rurales pueden tener la dificultad por lo ya mencionado y por la familiarización de conceptos. De otra manera, para otros usuarios es el lado inverso, pueden comprender el lenguaje por un tema de experiencia.

También, cuenta con puntos de reclamo y un chat bot, presentados en ambos lados de la ventana (uno en cada lado) y te acompaña en el resto del sitio web, si deslizas hacia abajo te seguirán.

6. ¿Con qué medios cuenta? ¿Estos pueden ser comprendidos por cualquier persona?

Principalmente cuenta con imágenes, en la pantalla principal está un banner deslizable a los lados, en ello muestran la información relevante para los usuarios. En otro caso, las imágenes se encuentran en el desglose, ya sea acompañando a la descripción de un servicio o beneficios, por ejemplo los modelos de tarjetas. También cuenta con un tipo de animación, cuando pones el cursor sobre un elemento (en algunos casos imágenes) y cuando deslizas hacia abajo el contenido va apareciendo fluidamente. Otro elemento utilizado es el ícono, en realidad son varios, se encuentran desde la parte principal indicando los servicios hasta las explicaciones junto a sus títulos, hay algunos ícono poco comprensible, pero en su mayoría si es entendible.

Por otra parte, hay botones que te llevan a otra ventana y reproducen videos, pero no es parte del sitio web como tal. También hay un servicio de asesoramiento personalizado, es una implementación nueva (lo indica en la imagen) y se puede acceder en horarios de acuerdo a la disponibilidad del usuario, pero antes se debe programar la llamada.

[gab1cq]

La Deep Web

Es una de las partes más enigmáticas de la red, por sus características que presenta resulta llamativo para los usuarios y atrayente. Pero ¿qué es la Deep Web? ¿por qué resulta atrayente o no?

El término Deep Web se utiliza a veces de manera errónea para hablar de otros conceptos como la Dark Web o Darknet. Es a la zona donde los contenidos no están indexados por los motores de búsqueda, lo que hace que estén invisibles y que sean difícil de localizar. 

Es decir, el hecho de que un contenido no está indexado se refiere a que no está incluido en la base de datos de ningún buscador y, por lo tanto, no aparecerá en ninguna búsqueda.

Por otro lado, si hablamos de la red como una serie de capas, podemos decir que en la superficie es donde encontramos los buscadores, que recogen las webs que están enlazadas entre sí, páginas estáticas.

Si nos vamos a la siguiente capa más abajo, nos encontramos con las bases de datos, que, al no estar indexadas con los motores de búsqueda, se encuentra en esta zona que se puede denominar como una espacié de limbo.

Finalmente, en la última parte, la que está más abajo, encontramos la Deep Web y la Dark net, que supone la zona más oscura de la red. Aquí es donde existen sitios web secretos cuyas direcciones y que requieren de un software especializado para conectarse.

Es por eso que, la Deep Web está relacionada con la cebolla por las capas que se ha mencionado, donde la capa más profunda es la más oscura y más cuidado debemos tener.

¿Quién creó la Deep Web?

Realmente la Deep Web no la creó nadie, es decir, es una parte de la propia red, que siempre ha estado ahí, aunque dependiendo de la época se ha aprovechado en mayor o menor medida. Y ahora no tienen ningún tipo de dueño.

[gab1cq]

EVOLUCIÓN DE LA WEB

Abarca 30 años de historia, desde la Web 1.0, 2.0 hasta la web 3.0

Recordando la estructura donde el cliente pide información y el servidor se lo da, se llama servicio de las www que son sitios web A finales de los 90, se dio el ".com", tecnologías y lenguajes que funcionan en ambos lados. Por un lado la información llega y tu celular la interpreta, y por otro el servidor se encarga de brindarte la información.

CLIENTE. Es directa, se centra en la experiencia del usuario:

Html. Primeramente se encarga de la estructura de información, poner los elementos donde deben estar y la división de jerarquía sea textual o un recurso audiovisual. Ahora es una estructura semántica (otorga significado), referente a una web que entienda la solicitud que se está pidiendo.

Css. Define propiedades de presentación, cómo se ven las cosas. Determinan todas las características que conforman a los elementos que se muestran. La adaptación para que se muestre en cualquier dispositivo debe tener la misma estructura de información presentada de otra manera.

JS (Java Script): Se refiere al comportamiento. Serie de condiciones que hace que el elemento tenga comportamiento e interacción.

SERVIDOR. Hay otros lenguajes del lado del servidor:

Backend

Python: esta tecnología genera lenguaje html, css, js

ASP

Apache

MYSQL: maneja base de datos.

PHP

INTERNET

Interviene el servicio de las www, http, html (donde ht es el hipertexto, es decir, la esencia de este servicio)

WEB 1.0 (1991 HASTA 2000 READ ONLY) La Web 1.0 se caracteriza por clasificar sitios de solo lectura, de visibilizar el contenido, es estática.

Los servidores solo guardan y dan información y no la procesan.

El contenido es informativo porque el objetivo es llenar la web

Lo usamos como un medio publicitario.

El objetivo principal era la visibilizar y guardar información

La web es un servicio del Internet, algunos de ellos son: -> Mirc, es un servicio de chateo que en la actualidad es de pago. Entrabas a un canal para compartir algo de información, las personas entraban a socializar. -> MSN MESSENGER, Se tiene los contactos, pero

-> Yahoo, es un motor de búsqueda, una entrada de texto que con un algoritmo se encarga de buscar y ordenar la información -> Alta Vista. Fue utilizado en la web 1.0, primer motor automatizado.

Otros conceptos relacionados con los motores de búsqueda: -> Las Spider, son las que buscan información y mantiene actualizada la base de datos. Entra a la url, identifica todos los hipervínculos y envía toda esa información que conecta varios sitios web. -> Crowler. Busca información en los sitios web y las categoriza, para ello usa palabras clave. Se enfoca en una página en el análisis de contenido, puede entender la extensión de una página. También es utilizado por los motores de búsqueda. -> Keydwords: se utilizaba en html para ayudar a los motore de búsqueda.

En 1998 aparece Google, implicaba una lógica de ordenamiento a formularse como funciona, en la que se menciona a Page Rank un algoritmo de encontrar información:

RANKEO

PRESENCIA DIGITAL

NÚMERO DE USUARIO

A finales de los 90 surgen primeras plataformas You Tube, My Space, los periódicos, BBC News, The New York Times, Blogger para formar tu propio periódico. Amazon e-commerce, el principal servicio es el almacenamiento. todo es más rápido.

Los 3 Servidores en la nube más grandes:

Amazon cloud

Azurf

Google

[gab1cq]

Mapa de Internet

El concepto parte del sistema solar, la cual los planetas son las aplicaciones o sitios web. El centro del sistema de Internet (así es como se denomina) es el Internet la cual transmite energía a los demás planetas por medio del Wifi.

Hace unos 60 años se creo el sistema de internet cuales nos dio unos beneficios a todos lo habitante de los 7 mundos cuales están conformados por Google una planeta que habitan unos 102.2 mil habitantes cuales se separan por territorios de drive, académico, fotos, calendario, maps, forms, Gmail y Meet, después viene Meta que habitan 50 mil habitantes cuales se separan por territorios de Facebook, Instagram, Messenger y WhatsApp, luego sigue el pequeño mundo del Streaming habitan 10mil habitantes que está siempre unidos los dos territorios de YouTube y Twitch.

Luego están el mundo de interacción del equipos de plataformas de videos que habitan 70mil habitantes cada uno por su territorio de Netflix, Disney+, HBO, Amazon prime y Telegram.

Continuando con las plataformas por donde nos comunicamos esta Zoom y Discord cuentan ellos con 5mil habitantes es un poco pequeño pero los dos siempre andan de la mano apoyándose con ideas para mejorar su funcionamiento y ya acabando viene el último mundo de ( Pinterest).

El Sistema de Internet lo trabajamos en Prezi.

[gab1cq]

QUÉ ES UNA ARAÑA WEB

Webcrawler, también conocida como rastreador o bot, es un programa informático que rastrea de forma automatizada todas las páginas que se encuentran en internet, cuando una araña entra en un sitio, rastrea y analiza todas las URL que contiene.

Está constantemente rastreando millones de enlaces, actualizando la base de datos de los buscadores con nuevo contenido.

Se les llama arañas porque son capaces de “saltar” de una red a otra para analizarlas, son básicamente los “jueces” del posicionamiento web, ya que ellas determinarán qué sitio vale la pena mostrar y cuáles no.

¿Qué es una araña web personalizada?

Una araña web personalizada es un programa que se utiliza para cubrir una necesidad específica. Puedes construir tu araña web personalizada para cubrir cualquier tarea que debas resolver.

Arañas web más populares:

Google bot

Yandex

Bingbot

Slurp bot

Baiduspider

Araña sogou

CUAL ES LA FUNCIÓN DE UNA ARAÑA WEB

Es identificar todos los enlaces que contiene una página y visitarlos, es importante para analizar la web e indexar las páginas de forma correcta. Ayuda a distintos buscadores a inspeccionar todo el contenido existente identificando nuevo material, actualizando el existente si ha habido cambios o identificando las páginas que muestran mensajes de error.

Mantiene actualizada la base de datos de los motores de búsqueda.

Funciona de manera totalmente automatizada, se le considera un bot. A través de algoritmos, descarga la información de millones de páginas y las indexa según las más recurrentes por los usuarios. El proceso se resume de la siguiente manera:

Recolecta la información solicitada por el usuario.

Inspecciona páginas para crear ficheros.

Organiza cada una de las páginas, según sus visitas.

Muestra los resultados en el buscador de manera casi inmediata.

POLÍTICAS

Su comportamiento de una araña web se basa en una combinación de políticas:

Política de selección

Política de revisita, establece cuando debe buscar cambios en las paginas

Política de cortesía, indica cómo evitar la sobrecarga de los sitios web

Política de paralelización indica la forma de coordinar los rastreadores de web distribuidos

ARAÑAS Y LA DEEP WEB

Estas paginas de la Deep web pueden ser indexadas, aunque las arañas web “ocultas” usadas hasta ahora no eran muy eficientes, pero se puede indexar la deep web mas eficazmente usando nuevas arañas.

Los investigadores declararon que usando un método de clasificación de páginas web basado en URLs como CALA con su nueva araña web oculta, aún se pueden lograr más resultados prometedores. Una herramienta como esta que acabamos de nombrar, según los responsables del proyecto, aumentará el rendimiento de las arañas generando patrones más precisos para la extracción de enlaces. Es hacia aquí hacia donde dirigen actualmente sus esfuerzos.

CLASIFICACION DE ARAÑAS OCULTAS

ORIENTADAS A LA AMPLITUD: se dedican a viajar a traves de un amplio rango de recursos URL, en lugar de recorrer constantemente una cantidad limitada de direcciones web

ORIENTADAS A LA PROFUNDIDAD: su funcion esla de extraer la mayor cantidad posible de datos desde una cantidad limitada de URLs

CLASIFICACION ATENDIENDO AL METODO DE ELECCION DE PALABRAS CLAVE

Selección aleatoria de palabras: estos programas se apoyan en usar un diccionario aleatorio para obtener las palabras necesarias para rellenar formularios. En algunos casos, el diccionario que se usa es específico para un dominio.

Selección de una frecuencia genérica: este método depende de la distribución genérica de la frecuencia de palabras clave usadas en el rellenado de formularios. Esto ayuda a la hora de lograr más resultados coincidentes, y reduce el tiempo que se pasa rellenando el formulario.

Métodos adaptativos: las arañas web que se apoyan en este método analizan los datos derivados de peticiones y palabras clave que se aparecen en listas. A través de estas listas de palabras, se pueden crear peticiones que logren el máximo número posible de resultados.

[gab1cq]

Internet, la red y la nube (2da parte)

Servidor de DNS (Domain Name System). El sistema de nombres de dominio es un conjunto de protocolos y servicios que nació con la finalidad de evitar a las personas usuarias el esfuerzo de tener que recordar una dirección IP.

Un servidor es un dispositivo que sirve información, donde el número IP cambia cada cierto tiempo pero perjudica en la estabilidad del internet, puede ser un servidor público o privado. Se tiene dirección IP dinámico, que cambia constantemente y, estático que es factible para encontrar direcciones IP y para la estabilidad del internet.

Sabiendo que los servidores tiene la característica de responder múltiples peticiones rápidamente dependiendo de los tipos de servidores:

Dedicado -> Es una máquina dedicada a mucha información, trabaja 24/7, permite intercambiar los módulos rápidamente, tiene suficiente espacio de almacenamiento.

Compartido -> Es un espacio específico dentro de una máquina, por lo que tiene un costo más bajo.

Cloud -> Es un conjunto de servidores distribuidos en distintos lugares que transmiten y comparten la información constantemente. Te devuelve la información desde puntos cercanos a tu ubicación.

Virtual -> Permite que dentro de un único servidor físico se ejecuten varios servidores lógicos, que a ojos de los clientes actúan como servidores independientes. Esto permite aumentar el grado de utilización del servidor y mejorar la eficiencia. Atendiendo al uso de los mismos por parte de uno o varios clientes.

¿Qué es index.html?

Es la página por defecto dentro de los directorios de los servidores de los sitios webs que se carga siempre que se solicita un dominio y no se especifica el nombre de un archivo específico. En este caso el propio servidor web se encarga de buscar el archivo index.html y mostrarlo al visitante. 

[gab1cq]

Internet, la red y la nube

¿Qué es internet?

Es la red de redes que dispone de la conectividad e interrelación que se produce mediante este, la información sin restricciones y el lugar virtual donde podemos encontrar esa información.

¿Dónde se encuentra Internet? El Internet no son más que muchos cables que interconectan el mundo, se encuentran debajo del océano y están protegidos para que cumplan su función. Todo lo que hacemos de manera online viaja a través de los cables. Y tiene cierta similitud con el telégrafo, porque el internet como el telégrafo son señales eléctricas que viajan a través del cableado.

El Internet llega a nosotros gracias a los centros de distribución, más conocidos como ISP (siglas en inglés de Internet Service Provider) es el Proveedor de Servicios de Internet, es decir, la empresa que vende a los usuarios la conexión a Internet. Este tiene permisos para conectarse a la rede de redes.

Módem vs Router. Aunque ambos sirven para conectarse a internet hay diferencias entre estos. Un módem es un conversor, traduce la información, en otras palabras, es un dispositivo que conecta tu red doméstica con tu proveedor de servicios de Internet, o ISP, tiene un número IP que identifica tu hogar. Mientras que un router crea rutas, genera una subred de IP al compartir Internet a un dispositivo, es decir, es un aparato que permite que todos tus dispositivos cableados e inalámbricos utilicen esa conexión a Internet a la vez y que se comuniquen entre sí directamente.

El navegador y la Web, este es otro tema que tenemos que tomar en cuenta al momento de habla de internet. Es un programa informático que permite al usuario ingresar a las páginas Web que desee, siempre que conozca la dirección URL en donde se encuentra.

URL es un criterio de búsqueda, a base de este se encuentra la información desde la estructura del diseño hasta las imágenes y textos de un sitio web. La estructura del URL es el siguiente:

Donde:

Protocolo -> Es un certificado de seguridad, verifica que la información que se está pidiendo se devuelva.

Servicio -> Se compone de cualquier palabra o frase que vaya antes del primer punto de una URL. En lo que respecta a la World Wide Web, www es el tipo más común. Indica que un sitio web es accesible a través de Internet y utiliza HTTP para comunicarse.

Dominio -> No se compran , se alquila. Traducción a un número IP. Es lo que los usuarios escriben en la barra de direcciones de su navegador para llegar a un sitio web. Se compone de un nombre de sitio y una extensión.

Tipo de dominio -> Es el bit que sigue al nombre de un sitio web.

[gab1cq]

Ejercicios de síntesis - Pixel Art

Para realizar los siguientes ejercicios es necesario poner en práctica las siguientes técnicas de pixel art:

Dithering: Es un tipo de degradado en gráficos de pixeles que consiste en alternar pixeles de dos colores. Para ello se utiliza patrones para generar el degradado entre los tonos.

Suavizado o Anti-Aliasing:  se utiliza para contrarrestar el “grano” inherente de las pantallas de computadora, el grano que resulta de su naturaleza cartesiana. Un efecto producido cuando diferentes señales no se pueden visualizar correctamente cuando se las muestrea en forma digital. La aplicación de Anti-Aliasing en este tipo de imágenes suele ser realizado en forma manual, lo que permite eludir puntos indeseados al suavizar curvas y transiciones de color.

A continuación los ejercicios realizados en clase:

[gab1cq]

Proceso de Pixelart

Presentación final

[gab1cq]

Proceso de Pixelart

Habiendo finalizado el trabajo de las mostacillas, es esencial tener una base para la presentación, en mi caso he utilizado un cartón.

Para que los bordes tengan un buen acabado he cosido parte de misma tela en los bordes, también a la vez este está sujeto con la base de cartón.

[gab1cq]

Proceso de Pixelart

Este es el boceto final que quiero plasmar

Algunos de los materiales esenciales para realizar el pixelart: hilo de pescar, tela blanca para la base y perlitas (mostacillas), los colores que voy a utilizar son: rojo, dos tonos de amarillo, naranja, blanco, plateado, negro y mostacilla transparente.

Para comenzar, he hecho líneas que sirven de guía para ir cosiendo las mostacillas entre dos a tres para que queden bien sujetadas.

Voy armando poco a poco el centro de la imagen

He cambiado el fondo de celeste a una sucesión de blanco, plomo y negro.

[gab1cq]

Profundidad y modelo del color

Para abarcar este tema primero debemos saber algunos conceptos:

Módulo: es un conjunto de unidades que comparten ciertas similitudes entre si.

Una de las etapas para complementar este tema es el Impresionismo que consiste en la representación de la realidad, la técnica que utilizaban eran pinceladas rápidas que podemos asimilar que es un módulo.

Percepción del color. Lo primero que se sabe es que, la luz viaja y rebota en la materialidad, y la materialidad de un objeto absorbe cierta cantidad de luz y refleja otra luz. Este reflejo es el que nosotros percibimos a través de los ojos.

Mezcla óptica. Es la sensación del color de manera que este se ordena, donde nuestro cerebro esta acostumbrado a juntar información.

Resolución. Es el nivel de detalle que conforma la imagen, puede ser por un conjunto grande de pixeles. En las imágenes usualmente se refiere al número de pixeles por pulgada que contiene.

PixelArt. Es un estilo retro que rinde tributo a los primeros gráficos por computadora. Este tiene limites en la cantidad de color que se utiliza o límites de la resolución y técnicas que nos permiten generar nuevos colores a partir de los colores ya existentes.

Profundidad del color: Se refiere a la cantidad de bits de información necesarios para representar el color de un pixel en una imagen.

2. Modelo de color: Se refiere a sistemas de interpretación del color que permiten una determinada organización de los colores.

RGB -> Mezcla aditiva, es una sigla formada por términos en inglés: Red, Green y Blue.

CMYK -> Mezcla sustractiva, son los que se corresponden con los colores pigmento primarios: cian (azul cielo), el magenta y el amarillo, al que se le suma el color negro.

[gab1cq]

Fase 2: Conceptualización

Eterno retorno. Me quedo con este concepto porque es lo que más me ha impactado del cuento, frases como: "porque se repitió lo acontecido hace muchos siglos", y por otra parte, el templo tiene una forma circular como su propio nombre lo indica "Las Ruinas Circulares", entonces el círculo es el símbolo del eterno retorno. Toda la obra de Borges gira alrededor de la idea del tiempo recurrente. "Todo vuelve, todo se repite".

Donde la ruina esta indicando el paso de un tiempo irrecuperable y misterioso de un mundo inalcanzable. Esas ruinas circulares son el escenario de lo narrado, representan el mundo por donde peregrina el mago, y por donde peregrinamos nosotros en angustiosa búsqueda de las respuestas a los eternos interrogantes que la vida nos presenta.

Referencias: El tiempo circular, expresado en los dominios del espacio y de la causalidad por el laberinto y la creación recurrente.

En una de las obras de Borges, "Historia de la eternidad" en el capítulo "El tiempo circular", se analiza las distintas teorías referentes de la idea del eterno retorno:

Argumento astrológico

Principio algebraico

Se conceptúa de única e imaginable, en la que habla de cielos similares, no idénticos. Menciona el mundo de Heráclito, que es engendrado por el fuego y al que cíclicamente devora el fuego.

El poema de Borges de "La noche cíclica"

"Lo supieron los arduos alumnos de Pitágoras: los astros y los hombres vuelven cíclicamente

----------------------------------------------- Volverá toda noche de insomnio, minuciosa. La mano que esto escribe renacerá del mismo vientre.. ."

Bocetos: Algunas referencia al eterno retorno y tiempo. Pero me quiero enfocar más en el mundo de Heráclito, que es engendrado por el fuego y devorado cíclicamente por este, que a la vez tiene ciertas similitudes con el cuento de Borges (es el boceto de abajo a la derecha).

[gab1cq]

Fase 1: lectura y análisis del cuento "Las Ruinas Circulares" de Jorge Luis Borges

Resumen: 

Un hombre que llega a un lugar desconocido, donde se encuentra las ruinas circulares, reflejado como un templo antiguo, consumido por el fuego y abandonado donde la selva inunda ese lugar, en las ruinas del templo se encuentra una estatua que asimila a alguna deidad, este tiene forma de tigre o de un caballo.  

El hombre misterioso se sumerge en sus sueños, en ellos, se encuentra en frente de un grupo de estudiantes y él es el maestro que enseña anatomía. Poco a poco descarta a estudiantes hasta que solo queda uno, es en ese momento donde emerge del sueño. Después de eso le es imposible volver al profundo sueño, y piensa que va a crear a un ser en sus sueños, ese será su propósito. Hace un trato con el dios del fuego para traerlo de sus sueños a la realidad, pero este nuevo ser debe ser instruido y servir al dios del fuego. 

Finalmente consigue el sueño, empieza a escuchar los latidos progresivamente hasta formar los órganos y otras partes del cuerpo. En este proceso, el nuevo ser es considerado para el mago un hijo, que ahora debe ser instruido antes de borrarle la memoria y llevarlo a otro templo como parte del trato del dios del fuego. Este ser llevado a la realidad no sabe que es un simple simulacro, creado en el sueño del soñador y no perteneciente a la realidad. 

En un momento inesperado, un incendio forestal arrasa el templo, viendo que el ser que soñó tiene la capacidad de caminar sobre el fuego, pronto el incendio se acerca al mago resignándose y aceptando la muerte se acerca a las llamas, asombrado se da cuenta que él también es fruto del sueño de alguien más. 

..............................................................................................................................

Análisis y conceptos

Las ruinas circulares, una historia que se centra en el propósito fundamental del mago, que no es sólo soñar a un hombre sino imponerlo a la realidad, pero inesperadamente se da cuenta que él también es producto del sueño de otra persona.

El final de la historia, esta reflejado en un suspenso aterrador para el personaje principal, y a la vez para el leyente por la incertidumbre sobre la existencia. En ese instante, surgen muchas interrogantes sobre la existencia que implica la dualidad, diferencia y contraste, en el que nos hacemos presentes, visibles, corporales y su significado es lo mas importante.

El sueño unido a la realidad

Idealismo

Dios del fuego

Historia cíclica

Simulacro, ilusión de un sueño

Historia de la creación (poema del Golem)

Búsqueda de la perfección

Tiempo ambiguo

Paternidad

[gab1cq]

Creación de una metáfora (trabajo en grupo)

En la primera parte del proceso definimos una necesidad, de acuerdo a ello comenzamos con el sistema operativo y la metáfora.

Sistema operativo -> Utilizar servicios que tiene el celular para mejorar el tema de utilidad y servicios en el sistema operativo de escritorio. Widgets o íconos con acceso fácil a la ubicación de la persona o electrónicos asociados a la misma cuenta.

Metáfora -> Hands Free (manos libres, lo mas esencial de tu celular a tu computadora), funcionalidad rápida. Lo que necesites sin tu teléfono. Sin excusas, sin distracciones.

La funcionalidad se podrá acceder desde la barra de los laterales de forma desplegable.

Ícono -> El siguiente ícono por el momento es como la referencia.

Retroalimentación: corregir la metáfora (hands free no es adecuado para referirse a las distracciones) y el ícono (debe ser más abstracto)

Continuando con el proceso, debemos cambiar la metáfora para que este sea adecuado a la necesidad, implementar un nuevo paso, el flujo de datos.

Problema -> Los usuarios, para pasar archivos de un dispositivo a otro, deben pasar por un proceso tedioso, por ello esta aplicación ayudará a que el traspaso de archivos entre dispositivos sea mucho más fácil y rápido.

Metáfora -> Hemos decidido tomar las neuronas como metáfora para referirnos a rapidez y transmisión de información.

Ícono Bocetos

Ícono final:

Flujo de datos