sthephannealca

[sthephannealca]

Análisis de Accesibiilidad Fase 2

1 Perceptible

-Pauta 1: La página del Ministerio de Educación hace uso de imágenes (Sobre todo en la página principal) que sirven como entradas a sitios diferentes a lo largo de su web, generalmente siendo diseñados como carteles o titulares como, por ejemplo para poder descargar artículos educativos para alumnos del nivel primario. También son usadas en el apartado de "Noticias" para acompañar textos medianos de pura información textual. Un ejemplo interesante de su uso es la mezcla que se hace con animaciones 3d en el Inicio cuando a mitad de este, hay articulos variados que se muestran en un formato de imagen cuadrado; lo divertido pasa cuando al pasar por encima con el Mouse, el cuadrado se transforma en un cubo que gira para mostrarte otra cara con información corta como: "Leer más".

No encontré el uso de videos u otras formas no textutales de información que pudieran ayudar a gente con discapacidades físicas principalmente, lo cual no cumple con el nivel de conformidad básico (Nivel A).

-Pauta 2: Los medios tempodependientes son inexistentes en la página, por lo tanto no tienen alternativas de otros medios ni en el nivel más básico del Consorcio.

´Pauta 3: A pesar de que ésta pauta tiene requisitos de nivel A, puede describir en resumen si hay algún cumplimiento o no. Mucha de las relacionas de información en la página si está disponible como texto, y hay pocas determinaciones por software que como mínimo pueden hacer que se quia información descriptiva, por ejemplo, las imágenes de artículos, te llevan a otras pestañas donde directamente se encuentran textos de información precisa acerca de los mismos. Además, hay una correcta secuencia de lectura siempre de forma tradicional en el castellano y el diseño no hace dependiente al visitante de su exploración por la página. El nivel de conformidad sigue en un nivel básico.

-Pauta 4: En el menú ide inicio no se cumple con el contraste mejorado entre texto e imágenes de texto de proporción 7:1, pero tampoco es que no se esté cerca de la proporción en la mayoría de casos, porque hay otros que sí. Por ejemplo, no se cumple la regla en la sección de Noticias de Inicio, las imágenes son muy pequeñas, casi igual que el texto, generando una proporción equilibrada. En los textos e imágenes de texto grandes, se llega a alcanzar mucho mejor la proporción de 4.5:1 en pocos casos, y es casi correcto el tamaño de textos e imágenes dentro del sector propio de Noticias, siendo la única excepción. No existe audio dentro de la página, y en todo sector de ella, como también solo hay un mecanismo para cambiar detalles relevantes en bloques de texto, y es la opción de oclutar texto. Al menos si hay la presencia de imágenes de texto, presencia justificadas y que cumple con aspectos de la pauta. El nivel de conformidad sigue siendo bajo.

2 Operable

-Pauta 1: No existe una funcionalidad aunque sea óptima en gran parte, para utilizar y navegar por la página web usando sólo el teclado de un monitor ni con una determinada velocidad de pulsación de las teclas. Solo funcionan algunas de ellas, como las flechas para subir y bajar de manera vertical ciertas partes de la web; luego es inevitable el uso de un mouse para tener un nivel confortabilidad adecuado, o al menos para cumplir el nivel A del Consorcio.

-Pauta 2: Tampoco hay limites de tiempo en la presencia de contenidos multimedia ni en activades textuales específicas. Una excepción algo específica trata sobre un conjunto de imágenes de texto que se encuentran enumeradas visiblemente en Inicio, y que si no se hace ningún click en cima de ellas, cambia a la enumerada como la siguiente: son un total de 7 y el usuario es capaz de picar en la enumeración (Que se encuentra por debajo) y seleccionar cual quiere ver, y lo mejor es que si la pantalla la mantienes en ese punto, la imagen de texto no cambia a la siguiente automáticamente. Si hay re-auntentificaciones en lugares como el desarrollo del formulario para participar en un sorteo de inscripciones en escuelas primarias de alta demanda en la página de Inicio, pues hay un botón debajo del formulario para volver a realizarlo, y claro, borrando datos anteriores.

-Pauta 3: No contiene ninguna información o en si elemento que destelle más de 3 veces por segundo. En esta pauta el nivel de conformidad alcanzado, por primera vez es satisfactorio.

-Pauta 4: La página tiene una opción para evitar bloques de texto que no quieren ser leídos, y tiene forma de "+" cuando se lo puede ver, y de "-" cuando no quieres que sea visible para que otros elementos tengan espacio de aparecer en pantalla. La página tiene titulados que no se muestran al principo, tal ves hay uno muy pequeño en el titulo principal en el tope al decir: "Estado Plurinacional de Bolivia", pues da una pista sobre el propósito de la página. Pero, si nos vamos a la barra de menú horizontal, en la pestaña de Ministerio, hay una opción de entre varias ventanas la cual titula: "Sobre el Ministerio de Educación" donde se puede encontrar un titulado bastante organizado. El orden del foco no es bueno en parte ya que al momento de navegar hay textos de información que se repiten sobre todo en Inicio, y que también se encuentra en un acceso directo en la barra del menú; el caso de documentos normativos del ministerio ocupa gran parte de la segunda mitad de la parte de Inicio, y es algo ineficiente ya que puede ser una presencia de mucha información sobrepuesta de golpe ni bien se visualiza la página, además de que su acceso directo se encuentra en la pestaña de Ministerio en la barra principal. Para terminar de establecer de manera efectiva el nivel de conformidad A, comentaré que los enlaces que se usan son comprensibles y con una buena ubicación en la página, incluso hay algunos que llevan a sitios o páginas web diferentes que tienen el mismo próposito dentro del aspecto gubernamental.

Existen múltiples formas de ingresar a varias secciones en distintas partes de la página, mayormente se encuentran en Inicio, ciertas secciones, y también en la barra principal del menú, dando una versatilidad no tan completa, pero si basta para navegar, los encabezados expresan propósitos claros y directos, y por último, el foco de la página a través de la operación por teclado es visible, legible y comprensible. El nivel AA fue alcanzado con un éxito casi completo.

Alcanzando el nivel AAA, los detalles que la pauta describe son alcanzados con gran éxito. Empiezo con destacar la facilidad que se le entrega al usuario para ubicarse dentro de la web ni bien éste entra, luego el próposito de los enlaces sin excepciones como dije, esta bien definido, y por último, los encabezados de sección si tienen una gran definición y la mayoría se hacen entender con sólo el nombre, pero otros contienen palabras bastante técnicas. por lo que llega a un punto medio en este último detalle. El nivel de conformidad es alto en el nivel de consorcio AAA.

3 Comprensible

Pauta 1: El nivel de conformidad en esta pauta es muy bajo hasta para cumplir el nivel A, debido a que la página del Ministerio de Educación tiene solo un idioma predeterminado el cual es castellano, no existe una forma de cambiarlo y los tecnicismos que se usan no son explicados en alguna parte extra o como apoyo, y también al momento de haber bloques de texto con un nivel de lectura avanzado.

Pauta 2: Cuando cualquier componente recibe el foco, no hay nigún cambio ambiguo en el contexto, la página tiene mecanismo que son bastante identificables los cuales generan cambios de navegación predecibles y no resultan nada confusos. La presencia de una barra horizontal con pestañas de encabezados claros de navegación, animaciones generadas al momento de pasar el mouse por imágenes que son de texto y no, la organización vertical del contenido de la página, entre otros detalles, dan como fruto un nivel de conformidad bueno en los 3 niveles.

Pauta 3: Existe una adecuada anunciación de la identificación de errores, y algunos ejemplos son las distintas partes donde se deben llenar formularios de una índole variada, como también hay una correcta presencia de identificaciones de errores; las sugerencias escasean pero si hay hasta soluciones de confirmación frente a errores que pueden ser legales, y también de revisado. Deesta manera se cumple con un nivel de conformidad tambien bueno en todos los niveles.

4 Robusto

Pauta 1: El nivel de procesamiento se cumple regularmente ya que mitad de los elementos siendo exactos pueden tener atributos duplicados de entrada, pero no de salida, como algunas partes de la barra del menú que se muestran en Inicio y hasta por otros lados.

Pauta 2: Tal pauta si es cumplida con mayor éxito, pues el nombre, función y valor de los elementos en total son determinados por software y asignados por el usuario en casos muy específicos, donde entran ayudas técnicas simples pero necesarias.

La pagina del Ministerio de Educación es la siguiente: https://www.minedu.gob.bo/

[sthephannealca]

Accesibilidad

La accesibilidad es un término que genera mucha ambiguedad al ser definida e interpretada de distinas formas. Ahora, se la puede definir de manera correcta como el acceso rápido o la capacidad para acceder efectiva y efizcamente.

El diseño universal es una perspectiva creada por Ronald Maze en 1963, que realmente trata de una utopia donde todo ser humano tiene la misma capacidad de acceder a un producto sin dificultades y de manera UNIVERSAL.

Tal idea se vió reflejada por muchos en base al Consorcio de la triple doble W o W3C, que dice lo siguiente:

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

AA es el 2do nive quel implica una gama más amplia de discapacidades al brindar orientación sobre elementos como el contraste y la identificación de errores. 

AAAes ell 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 sde manera relevante el diseño de un sitio.

La accesibilidad es parte de detalles que caracterizan una mejor versión de si mísma, detalles a tomar en cuenta como: la internacionalización, la seguridad y la privacidad. De hecho, son aspectos que mejorados, desarrollan la "Accesibilidad 2.0"

Las pautas de la Accesibilidad 2.0 son las siguientes:

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

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

Comprension: 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.

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

Por último, tenemos el término de usabilidad, diferente al de acceso pues, si lo adivinaste, sabes que hace referencia a la utlidad, maniobrabilidad, y legibilidad de un producto y su función.

[sthephannealca]

Internet

Internet, una palabra muy común en nuestro día a día, de esas que se escuchan cuando estamos en casa, en la calle, en la universidad, hasta me atrevo a decir que la escuchamos en los buses. No se me hace nada raro cuando la gente habla del internet en diferentes contextos, es más, verdaderamente no importa porque, internet se comió cada una de los contextos posibles donde se desarrolló alguna forma de comunicación. Internet es una red o sistema de redes interconectada mediante distintos protocolos que ofrece una gran variedad de servicios y recursos a través del acceso a un dispositivo comunicacional. (Significados,"Que es el internet",28 de nov. de 2022)

Ahora, internet se conecta de distintas formas que fueron posibles a avances meramente significativos en distintas épocas humanas, algunas fromas son: por fibra, por redes submarinas,etc. En 1940 surge la teoría cibernética a manos de Norbert Wiener que habla de la autoregulación de sistemas que tienen el poder de ser funcionales por su propia cuenta, cosa que ya ocurrió en las útimas décadas. En 1960 se crea la red, y en 1980 el TCP o IP, el cual trata de un identificador o en si, un protocolo de control de transmisión que permite establecer intercambios de datos con otros dispositivos que tengan tal protocolo(Open Webinars,"Qué es TCP/IP",Angel Robledano,18 de junio de 2019). LLegamos a 1990, donde ocurre la creación del servicio "www".

El surgimiento de la web 1.0 ocurre de la mano de Tim Berners Lee en marzo 1991, cuando escribe el primer programa visualizador entre un receptor y emisor, siendo el incio de la "World Wide Web" en base al hipertexto. Posteriormente surgirían varios lenguajes de programación más avanzados, y un claro caso fue el "HiperText Mark Up Lenguaje", o también conocido como HTML, que se estandarizó por encima del que uso Lee en 1993 por la "International Standard Organization" (ISO) (Hipertexto, "La Historia de la Web", Maria Jesus Lapuente). También se popularizaron otros lenguajes como: CSS+, JavasScript, Python, etc.

La burbuja de las punto-com se refiere al periodo comprendido entre 1997 y 2000. Durante dicho periodo se produjo un fuerte crecimiento de los valores económicos de las empresas relacionadas con Internet, llegando a provocar una fuerte burbuja económica que llevó a la quiebra a una gran cantidad de empresas. Empresas relacionadas a la innovación tecnológica y al desarrollo de la ciencia, produjo un enorme interés de la cultura popular por su funcionamiento en base a internet, provocando este fenomeno al final de la ultima década noventera. (Economipedia,"Burbuja de los Punto-Com", Andrés Sevilla Arias, 2022)

[sthephannealca]

Análisis de Accesibilidad Fase 1

Yo escogí el sitio oficial del Ministerio de Educación de Bolivia, específicamente el de la URL: https://www.minedu.gob.bo/, con el fin de poder llevar acabo un análisis de las capacidades desarrolladas para los usuarios de internet al entrar al sitio web que son proporcionados gracias al diseño y producción de los creadores.

¿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 de esta web son personas que entran en el perfil de adulta menor o mayor, sin importar el género, generalmente de medianos y altos recursos , tienen una educación impartida en pleno desarrollo o finalizada hasta el nivel secundario como mínimo; también pueden ser familiares que brindan apoyo tanto económico como social para un ser querido en viás de su educación. y por ello recurrió al sitio mencionado anteriormente. Una alternativa es que el usuario de de este sitio posiblemente quiera informar de algún problema desarrollado con algún servicio público principalmente ligado a la educación, o bien, necesita de realizar algún "Trámite" en proceso que le hayan pedido en cualsea un servicio del mismo ministerio o relacionado, que consiste en procesos burocráticos no tan efectivos y rigurosos como ya muchos bolivianos conocemos.

El sitio pienso que está estructurado de una manera en gran parte efectiva; el uso de colores es monocromático y la distribución de los primeros elementos mostrados es dinámica y comprensible con el usuario. Se muestran noticias relacionadas con el ámbito educativo del pais y son precisas en ese aspecto, pues es información relevante principalmente para la facilitación de inscripciones en el sector primario y para talleres gratuitos de diverso contenido.

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

Al ser el ministerio de educación, realmente abarca si no es con todo, con la mayoría de información relacionada al ámbito del estudio dentro de los distintos niveles del mismo, siendo ese su propósito principal ; es una página web destacada ya que es más completa que la de otros servicios públicos donde el diseño claro y preciso escasea, el único aspecto negativo en ese sentido es que mientras vas bajando en la pestaña principal, se muestra mucha información en poco tiempo, lo cual puede ser un problema para personas mayores de edad que necesitan tiempo para acostumbrarase al sitio y encontrar el servicio que desean. Entre sus objetivos está el ser dinámica, proveer inforrmación clara y variada en la educación, satisfacer necesidades con sus servicios de manera digital sin tener que ir a un lugar, e informar al país en lo último relacionado a las instituciones educativas públicas en general.

Con el uso de previsualizaciones de texto en el menú principal que ayudan a facilitarte la búsqueda de servicios, la presencia de pestañas de movimiento automático que muestran destacables, el acceso a registros de datos personales para inscripciones u otros, animaciones que también generan más información, y para finalizar el acceso a otros srvicios públicos relacionados de manera directa, si, si cumple con su propósito y con sus objetivos.

Cómo es su estructura? ¿Cuántas secciones tiene y cuántas páginas? (realiza un esquema simple de su estructura, un mapa del sitio)

Mencioné algunos aspectos relacionados a la estructura del sitio, tiene 8 secciones principales en su menú central y cada sección tiene disitnas páginas las cuales visitar. Son páginas en relación a temas de educación que involucran al Ministerio directa e indirectamente.

Secciones principales del Ministerio de Educación:

1.Inicio

-Noticias

-Niveles de Educación para su atención

-Publicaciones (Más noticias)

-Entidades descentralizadas y desconcentradas

-Documentos normativos (comunicados, resoluciones, convocatorias, instructivos y reglamentos)

-Ministerios de Bolivia

2.Ministerio

-Sobre el Ministerio de Educación

-Documentos normativos

-Recursos Humanos

3.Viceministros

-Viceministeriode Educación Regular

-Viceministerio de Educación Alternativa o Especial

-Viceministerio de Educación Superior y Formación Profesional

-Viceministerio de Ciencia y Tecnología

4.DIR. Departamentales

-D.D.E Beni

-D.D.E Chuquisaca

-D.D.E Tarija

-D.D.E Cochabamba

-D.D.E La Paz

-.D.D.E Oruro

-D.D.E Potosí

-D.D.E Santa Cruz

-D.D.E Pando

5.Transparencia

-Denuncias y Quejas

-Información y rendición de cuentas

-Auditoria

-Flujograma de Trámites y Procesos

-Escala Salarial

-Presupuesto 2020

-Planes y Programas

-Nómina de Proveedores

6.Comunicación

-Noticias

-Redes Sociales

7. Servicios 8.Contáctanos

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

Su interración es dinámica y muy interesante con el usuario, más que todo por el uso de ciertas animaciones y el uso de registros de acceso directo como mencioné; genenra comodidad y amen del uso de una buena paleta de colores, legibilidad y comprension en la mayoria del sitio. No encontre ningún error de funcionamiento en una extensa búsqueda por ellos, espero no haber pasado nada por alto.

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

A eso mismo me refería al mencionar el gama de colores, la presentación de información en bloques si puede ser un tanto pesada y más cuando bajas en la pestaña de inicio, pero es una desventaja que siento que se puede generar solo con usuarios de mayor edad. A pesar de lo mencionado, si hay la existencia de organización y orden en la presentación, mezclado al uso de diseños típicos de culturas originarias andinas en los fondos blancos, el fruto de todo aquello es el desarrollo de una buena comprensión por parte del usuario.

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

Es claro, pero la empatía no es algo que sobresalga, puede ser tanto por el tópico de la página web como también la seriedad con la que se establece una relación con el usuario pues tiene un lenguaje directo, conciso y muy ténico en ciertas partes, lo cual es otra desventaja a confirmar. Por ejemplo, al acceder a los comunicados o convocatorias de los documentos normativos, mayormente solo te muestran un pdf externo con la información, siendo un poco cortante al intentar brindar un servicio web, pues se puede considerar información no tanto resumida para el entedimiento de algunos usuarios con muchos tecnicismos, siendo más que necesario en ciertos casos, tener un guía en la exploración de la página.

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

Realmente si, solo una pequeña porción del conjunto de imágenes puede requerir cierto conocimiento adicional para ser entendida, hablo más que todo por las imágenes de instituciones o entidades que aparecen ya que en su acumulación, es una carga visual que puede afectar al usuario, pero existe una buena distribución por parte de la página que evita tal lío en gran medida. Luego, no hay videos ni audios por lo que pude encontrar, sólo enlaces externos a estos, pero muy pocos. Finalmente, si hay animaciones que resultan simples y curiosas, al pasar el mouse por ciertos lugares de la página, similares a algunas vistas al momento de presentar dias en PowerPoint.

¿Cómo es la experiencia de usuario? ¿Existen elementos que generen deleite? La experiencia del usuario es cómoda, variable, destacable y y eficaz. Como dije, se genera deleite en ciertas animaciones pero no sólo en las que comenté lineas atrás, en sí también hay efectos de luz que se generan al pasar con el mouse por ciertos lugares, como en el apartado de "entidades descentralizadas" , al pasar sobre la imagen de una, se empaña a tu alrededor el resto de información.

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

Lo describo como formal, inaudible, concurrido y agradable visulamente. Formal por la posición de los elementos gráficos, el color y las texturas usadas entre ellos, luego también es inaudible por la presentación de la misma página, ya que genera cierta tranquilidad en relación a otros sitios relacionados tanto digitales como físicos, después viene el detalle de ser concurrido, y me refiero al hecho de que el tono gráfico es tan convincente en relación con el texto presentado que alude a que los usuarios naveguen por el sitio sin importar -de por medio- otras razones externas, por último, es agradable por la suma absoluta de todo los detalles antes mencionados en relación al próposito de la página.

Se produce una comunicación también seria, formal y concreta con el usuario, tal cual seria con sitios web y sitios físicos en la vida real relacionados a cosas como lo es un ministerio, pero el "plus" de sitios como este ,es que ayuda a que el usuario sienta un mejor enlace con la información que necesita en un entorno netamente personal, sin la necesidad del contacto humano con otros individuos.

[sthephannealca]

El universo del Sapito

El mapa universal del grupo donde está Salome es uno que mostraba de manera diagonal solo plantes constitudios de manera que giran alrededor de una estrella, la WWW (Así representan al Internet). Los más cercanos a esta son las aplicaciones más conocidas en internet, como redes sociales, servicios de streaming, etc. Luego representaban a otros más como estrellas pequeñas mucho más lejanas.

Por último pero no menos importante, representaban a un sapo de origami, como la señal de internet que ayudaba a la conexión en y entre planetas; tenía el icono de Wi-Fi encima y cada vez que se caía, la señal de conexión tambíen en TODO el universo.

[sthephannealca]

El Planeta Tierra

El trabajo del grupo donde está un amigo querido el cual es Francisco trata de un mapa del internet basado en la biosfera de nuestro planeta.

Según su historia, hace mucho tiempo todos los continentes eran uno, como una Pangea donde vivían dinosaurios con telefonos moviles. Un dia, un meteorito impactó en el planeta, extinguiendo a los dinosaurios y dividiendo lo que antes eran sus tierras.

Tal meteorito trajo la tecnologia de la web, y claro con ello nuestro evolución. Según lo me acuerdo había un continente central el cual por mucho tiempo estaba repleto de colonias esclavizadas, tales colonias eran las redes sociales, y sus conquistadores llegaban del continente de los servicios más grandes de la red como Meta. Luego, al otro lado estaba el continente de las herramientas Adobe, conocido por tener un mineral único en sus tierras, el "Diseñum", que es exportado a los demás continentes; de hecho, hay 2 más que no me acuerdo como se llamaban. En algun punto también hubo una guerra que involucró a todo el mundo por el poder una herramienta la cual era las "www".

[sthephannealca]

Mi Mapa de Internet

Mi grupo y yo hicimos un mapa del internet basado en características propias del espacio. En otras palabras, representamos graficamente al internet como el universo, donde existe un agujero negro central el cual es el buscador más conocido y famoso dentro de la red: Google.

Google como el elemento que es, va atrayendo a las galaxias cercanas para ser succionadas por su vértice, mientras que también se rodea de planetas los cuales son variantes de Google como: Google Drive, Meet, Chrome, etc.

Luego mencioné galaxias, y es que estas se conforman por un numero similar de planetas y una estrella central, donde por ejemplo está el sistema "Streaming", compuesto de planetas como: Netflix, Twich, Discord entre otros que son servicios de Stream, es decir, videos en vivo; luego su estrella principal es el astro central amarillo con la letra S de Streaming que tiene tal tamaño ya que representa la corta edad de los demas astros y de esa galaxia. Los meteoritos alrededor son cuerpos celestes que contienen "spam", y el cohete que sigue una cierta ruta, representa al usuario del internet, en sí, a nosotros como los navegantes de ese universo.

Las galaxias restantes son las de: Musica, Redes Sociales, Comunicación, Educación e Imagenes, se pueden identificar facilmente por letra en su estrella central. El hecho es que cada uno de estas galaxias poco a poco se irán acercando al agujero negro debido a la atracción que este provoca, y cuando algo entra en él, se almacena en su oscuridad y es olvidado por la luz.

[sthephannealca]

Diseño Digital Final Final

Mi diseño fue mejorado en base a unas indicaciones de mi docente, especialmente en el área de la textura. Empecé por desarrollar un mejor uso de "Dithering", agregando detalles en todo mi elemento principal, la Matrioska; realice patrones de gruposde no mas de 2 o 3 pixeles con el mismo color que usé para hacer sombra, y sé que puede ser iróco hasta en ciertas partes. Pero antes de llegar a eso, tambien comento que utilice negro para rediseñar la linea horizontal que recorre la muñeca, luego le agregué otro diseño de lineas verticales y horizontales de un color rojo brilloso sobre la parte del cuello, que simula la prenda de una camisa en el interior.

Ahora si, en la parte sombreada de la muñeca, continúe con el diseño de patrones que se puede observar en el comienzo del torso y a los lados, eso sí, lo hice "invirtiendo" los matices de verde que son el color base de la muñeca, siendo algo raro al establecer sombra, pues en sí debía de usar un color aún más oscuro, pero prefería no hacerlo ya que a mi me gustó más el modo en el que use los matices de verde. Eso es todo lo nuevo que decidí agregar, además de darle una especie de bordado al diseño central en celeste que tiene la Matrioska, y de esa manera concluí mi diseño

[sthephannealca]

Boceto Digital

Empezando a digitalizar la representacion gráfica de mi cuento, empecé eligiendo una paleta de colores frios, azules y verdes obscuros, además de un morado con un toque de matices claros, donde resalta un azul "chillon".

Pero me estoy adelantando mucho en el proceso. Volviendo al principio, elegí hacer mi Matrioska de un verde grisaceo, del cual haría un juego de sombra al lado derecho de mi elemento principal, usando el negro para darle un contorno y un azul muy fuerte que sería parte de su cara.

Después, ese tono de azul lo usaria para realizar un diseño tradicional en el centro de la Matrioska, siendo el color de fondo, que como vemos en la siguiente imagen, resalta la flor hecha de un violeta y morado oscuro. Le dí también un contorno negro a el centro, y luego pasaría a realizar un tipo de moño por debajo de la cara de la muñeca, con un morado menos oscuro en conbinación de un rojo tirando hacia guindo.

A este paso te preguntarás dónde queda la cara, y es que hasta esta parte opte por representar un ciclo infinito con el tipico icono de la flecha en circulo; no cambiaba el color y en sí, decidí por no ponerle un rostro. Por último, dibujo el que sería la sombra de la muñeca por detrás de ella, luego puse un fondo el cual contrastara más los colores frios que manejé hasta ahora, poniendo un verde claro, terminando con las manos, las cuales son de un tono color piel, con un contorno negro y el diseño de uñas para darle más realismo.

Para terminar mi trabajo, llegué a preguntarme algo: ¿Cómo los espectadores sabrán que se trata de una Matrioska sin la cara o algún diseño más vivo? En base a ello busque una solución, ponerle un rostro sin quitar la flecha a su alrededor, pero al ver que ese tono azul de la misma resultaba algo "incomodo según mi perspectiva, decidí cambiarlo hasta en el diseño del centro, por un azul menos luminoso.

Mejore el contorno de los elementos, quitando el negro en la mayoría de las partes, hice un tipo de lineá horizontal en el centro para que parezca como la ranura desde donde se abre una típica matrioska, también mejore la sombra , el uso de "Dithering", y así concluí mi diseño. "

[sthephannealca]

Boceto a color

Pensando en una mejor conbinación de los elementos que maneje en mis anteriores bocetos; posicionando y buscando cierta armonía entre los colores, logré armar el que decidí sera la representación gráfica de mi concepto.

Entre los cambios que hice respecto a mis ultimas decisiones, por ejemplo decidí quitar lo de las figuras orgánicas en la parte de la cara de la Matrioska (La Matrioska sigue siendo el elemento principal de mi diseño) y simplemente meti un simbolo de ciclo muy simple pero con gran relación a mi tema. Luego Las manos las simplifique también, haciendo visible sólo los dedos. También decidí resumir el diseño restante de la muñeca para no generar mucho "ruido"en la composición con una sobrecarga de elementos; también diseñe mejor la sombra de la muñeca, aunque si falta más color.

Habrá cosas que cambiarán durante el proceso del resultado digital que por supuesto que salieron algo raro en el boceto

El resultado final:

[sthephannealca]

Material para mi Concepto

La herramienta que usare es digital, hablo de Pixel Art, a traves de la cual hare mi representacion grafica, y la razon por la cual creo que es lo mejor es porque mi concepto de "No ser un Hombre" es algo que no es "real" porque es creado por algo mas real, es intangible frente a lo mas tangible

[sthephannealca]

Boceto Final

En el boceto donde realizo la union final de los elementos que representan el concepto que saqué del cuento de Borgues, expongo como el elemento principal -y el que atrae mayor enfoque visual- es la Matrioska (La cual presenté en mi anterior publicación de bocetos) con un diseño organico donde se muestran unas flores en el centro de la muñeca y decorados geómetricos a su alrededor. No solo eso, en ves de una cara, dibuje una serie de formas también orgánicas cercanas una a otra simbolizando como la muñeca es un ser del cual dependen otros más pequeños, cual si fuera huesped de "parasitos" que le quita esa independencia existencial la cual representa mi concepto.

Por último se distinguen un par de manos, colocadas para dar la sensacion de que pertenecen a alguien que está por detrás de la Matrioska, un ser más grande aún y está agarrando la muñeca de forma que simbolizo esa propiedad que tiene alguien más por un ser como la muñeca. Al finalizar solo decidí por darle sombra a la muñeca y generar esa contradicción de la existencia tangible de alguien por detrás.

[sthephannealca]

Bocetos de Representación

Gracias a las referencias que escogi, pude diseñar algunos elementos que se enlazan con el concepto que tengo en la representación del cuento.

Empiezo con dibujar una forma de virus o parasitos que son parte de organismoas más grandes, viviendo de la existencia de los huespedes. Luego dibuje una Matrioska, que esuna especie de muñeca rusa donde réplicas más pequeñas de la misma encajan dentro de ella. Después y finalmente hize un boceto de una persona sin cabeza agarrando con las manos unas formas circulares que se representan como planetas.

[sthephannealca]

Referencias para bocetar

En la página de Canal Internacional TV de internet, encontre la primera referencia que necesito para representar mi concepto gráficamente. Se trata de la Matrioka y su historia como simbolo de viaje interior . La matrioska es un tipo de muñeca hueca que guarda réplicas más pequeñas de si misma, puede representar fertilidad y maternidad, como si se tratara de una madre y sus hijos, o también como las capas de una persona que pueden llegar a representar valores o dificultades. Yo elegí esta muñev¡ca debido lo que representa, generaciones de personas que existen fruto de la creación de otras personas, como lo son los padres y sus hijos.

-Canal Internacional TV, 07/05/21, Matrioskas la historia del símbolo del viaje interior en 'Así es la Vuelta', https://www.canalinstitucional.tv/te-interesa/que-son-las-matrioskas-munecas-rusas-asi-es-la-vuelta

La siguiente referencia trata de una pagina que habla de la teoría creacionista dentro del cristianismo, si no la conocen en sí, te explico una breve sinopsis. Existe un ser trascendental que es llamado Dios el cual gracias a su omnipotencia y poder, creó el universo tal y como lo conocemos, es decir, nuestra existencia ocurrió gracias a ese ser, sin tener elección de existir de otra forma, cual si hubiesemos sido pre concebidos.

- Opus Dei, 26/12/16, Tema 6 La Creación, https://opusdei.org/es/article/tema-6-la-creacion/

Por ultimo, la ultima referencia que tengo trata del mismo contenido que la del anterior puesto, la teoria creacionista, pero donde lo que me interesó fue la imagen; donde se puede observar un circulo compuesto de dibujos de animales de distinto tipo, presentado ese concepto de ciclo que puede complementar el mio de cierta forma, debido a que como expreso la existencia de un ser que "no es hombre" como alguien o algo sin propiedad de si mismo, se concluye que todos somos la creación de algo más. Aún no tengo seguridad de como aplicarla en mis bocetos, pero lo averiguare durante el proceso.

-18/10/21, Semana y Sábado de la Creación 2021, https://www.educacionadventista.com/semana-y-sabado-de-la-creacion-2021/

[sthephannealca]

La representacion de "Ruinas Circulares"

Hace algunos minutos atrás hablé de lo que yo pienso fue el concepto que definía el cuento del escritor argentino de Jorge Luis Borges, el cual es: "No ser un hombre". A continuación pienso presentar la definición del concepto propuesto y expresar otras opciones que tenía en mente.

Primero, ¿A que me refiero con "No ser un hombre"? Según la forma en la que pienso que lo expresa el cuento, defino tales palabras como la idea de una persona o hasta un ser con vida en síntesis que no tiene propiedad de si mismo, no es verdad que sea 100% indepedendiente de su entorno en relación a su origen, como si fueramos inferiores al ser creados por alguien más; ser inferiores no significa que lo seamos por nuestras propias consecuencias dentro del cuento, sino que no tuvimos elección y existimos desde el inicio en ese estado de inferioridad. El que no es un hombre es producto de una operación de la que no tiene el control en lo absoluto, y parece como si lo hubiera tenido, pero al mismo tiempo lo hubiera perdido.

Luego, tenía en mente el concepto de sueño, definiendolo como un proceso de esfuerzo colosal que genera como resultado el control de situaciones que deseamos haber controlado o queremos controlar; algún tipo de parque temático Disney donde solo vivimos felicidad y gratificacion por lo bueno de todo.

Por último y no menos importante, otra opción es representar la narración con el concepto de ciclo, debido a que en el contexto de la historia se descubre que todo es una creación de todo, como dije antes en el primer concepto, no hay el ser "hombre" en verdad, es lo contrario a eso, existimos por elección ajena, pero a la ves tal elección no es tan propia del supuesto "creador". Un circulo sin fin donde todos somos sueños de alguien más.

[sthephannealca]

La métafora

Hace un par de semanas me dieron la tarea en mi clase de Diseño Digital de la UNiversidad, la tarea de junto a otros compañeros crear una metafora que se usara en un sistema operativo de computadora. Con metafora quiero decir a crear una metafora que represente una herramienta dentro del sistema operativo, pero en si la metafora viene de algo existente en la realidad.

Un ejemplo de lo que acabo de mencionar son las ventanas dentro de la computadoras, espacios de contenido que podemos abrir y cerrar a nuestra voluntad, pero existe esa metafora de que, se llaman ventanas cual si fueran las que realmente existen.

El resultado que terminamos mostrando fue La Puerta, en si una herramienta que permitía a un usuario dentro del sistema operativo, establecer un comando entre 2 pestañas abiertas de distintas aplicaciones, el cual al presionarlo te cambiaba rapidamente de una pestaña a otra.

Los pasos para activar la puerta eran simples: Apretas el botón derecho del mouse, buscas la opción de "Establecer Puerta", te sale una pequeña ventana donde ves un botón que dice "Seleccionar comando", lo apretas y seleccionas una tecla la cual esté libre de tu uso para que sea la que te lleve de una pestaña a otra y eso sería; claramente la herramienta se activa con las 2 últimas aplicaciones que hayas abierto.

Este fue el logo que diseñamos. Obvio que se puede mejorar pero se hizo lo que se pudo! Cuéntame, que te pareció la idea?

[sthephannealca]

PIXELES Y VIDEOJUEGOS

Alguna ves seguramente escuchaste la palabra pixel, y es más, tal vez sabes de lo que se trata, o tal vez no? Un pixel (O en su abreviación "px") es el elemento más pequeño de una imagen reproducida digitalmente, su argupación constituye ina imagen rasterizada; mientras se quiera una mejor calidad de imagen, debe de haber más pixeles presentes. Por eso cuando una imagen se amplía, llega a ser más borroso el contenido de lo habitual porque se empiezan a hacer visibles los pixeles que componen la imagen, esa es la razón por la cual se dice a veces: "La imagen está pixelada".

El color de de salida de un pixel es una combinación de los valores de color de 3 subpixeles en cada caso; los pixeles estan formados a la ves por subpixeles que pueden ser de puesto de cualquier forma a diferencia de los pixeles, además, estos pueden ser sólo de 3 colores distintos: Rojo, Verde o Azul (Formato RGB). Si los 3 colores primarios tienen el valor máximo de 255, la salida es en negro. Si RGB = 0/0/0, aparece el blanco.

La verdadera competencia entre marcas por desarrollar imagenes rasterizadas con más pixeles llegó con los monitores LED, que permitían densidades de pixeles muy altas en poco tiempo. De hecho, desde el siglo anterior que los pixeles ya eran tema de conversación en la búsqueda para formatos de imagenes, solo que en ese entonces se llamaban Celda de imagen o "Picture Cell", hasta que en 1965 se utilizo por primera ves la palabra pixel (Siendo una contracción entre picture y cell).

Entre otras cosas, ¿Sabías que era un Megapixel? Si es que no, pues te explico se que se trata de la agrupación de un millon de pixeles, con los mgeapixeles el software de las camaras fotográficas por ejemplo pueden encargarse de los ajustes de nitidez y brillo de una imagen, así como de la supresion de ruido de la imagen.

Ahora, te paso a explicar las diferencias entre un pixel fisico y un pixel logico. El fisico es el elemento de color uniforme más pequeño que forma una imagen, mantiene información intacta y tiene más capacidad de almacenamiento, mientras que el lógico es la representación digital de una imagen en zonas rojas o amarilas en el formato RGB de la imagen.

Una curiosidad que no te mecioné es uqe no solo existe el formato de color RGB para las imagenes, sino que existe otro igual de conocido, hablo del CYMK (Hace referencia a los colores Cyan, Amarillo, Magenta y Negro) que es el ideal para imprimir imagenes.

Ahora, toca hablar de videojuegos, el hecho de que en esencia se trata de imagenes simultáneas en constante movimiento, y es que decir esto puede ser algo sorprendente, asi que empecemos por el principio.

En los videojuegos antiguos como el primer Mario Bros, el fondo estaba compuesto de 960 cuadros de 8x8 pixeles, y solo podía haber 256 cuadros únicos. El fondo solo podía contener 64 colores también , pero solo 13 al mismo tiempo. Para eso, se organizaban 4 paletas donde un bloque (es decir, 4 cuadros), podía albergar una paleta, y en cada cuadro sólo se podía usar 3 colores máximo.

Los videojuegos fueron capaces de evolucionar gracias a la creación de las PPU (Physics Processing Unit), o conocido en español como Unidad de procesamiento físico, es un microprocesador que se diseñó para manejar cálculos físicos en computación. El primero en crearse fue en febrero de 2006 y rápidamente su uso se extendió principalmente en el campo de motores físicos y los videojuegos, ya que su función es liberar carga de procesamiento a la CPU.

El PPU en los videojuegos solo permitía 2 capas: Fondo y Sprites. En el ámbito de los videojuegos, los sprites son un conjunto de imágenes que representa un personaje u objeto (o una parte de ellos) de manera gráfica y que se utiliza para poder crear cualquier efecto de movimiento o para cambiar su estado o posición en la escena; y la escena claramente era el Fondo. Los Sprites fueron popularizados por un diseñador de chips de nombre Jay Miner.

BIBLIOGRAFÍA

-"Digital Guide Ionos", Junio 07 de 2021, "Que es un Pixel?, https://www.ionos.es/digitalguide/paginas-web/diseno-web/que-es-un-pixel/

-"ISSUU", Octavio Sanchez, Sep 21 del 2011, "6 Diferencias entre Físico y Logico", https://issuu.com/deo5inco/docs/name3b40d4

"Tokio School", Agosto 28 del 2020, "Sprite de videojuegos: ¿Que son y para que sirven?", https://www.tokioschool.com/noticias/sprite-videojuegos/

-Wikipedia, Julio 14 del 2019, "Physics processing unit", https://es.wikipedia.org/wiki/Physics_processing_unit