pixeleandolavida
Diseño digatilizado
16 posts
Diario de aprendizaje
Don't wanna be here? Send us removal request.
pixeleandolavida · 21 days ago
Text
Análisis de accesibilidad y usabilidad
Para esto se analizará la página web de la Caja Nacional de Salud
Tumblr media
La página a nivel nacional se ve de la siguiente manera.
Explorando las opciones que tiene la página la disposición del menú si bien ahorra buen espacio y de tal manera subdivide cada opción en un submenú, que en algunos casos es muy largo.
Tumblr media
Se tienen diversas regionales para cada departamento del país.
La mayoría de las regionales a las que te redirige las diferentes opciones es a la página nacional, pero en el caso de Chuquisaca, por ejemplo, la página contiene información personalizada departamentalmente con respecto a las noticias, ya que con respectos a la información epidemiológica en todos los casos se muestra a nivel nacional y solo para el caso de Covid-19.
Tumblr media
Cabe destacar que no se visualiza mucho los iconos reconocidos que se habían mostrado en clase. En este caso se utilizan pequeñas descripciones por imágenes para una facilidad en la identificación.
Tumblr media
Página web de la Caja Nacional de Salud de la Regional La Paz
En esta parte se repiten estructuras con respecto al menú que lo hace dificultosa la accesibilidad, dado que contiene muchos filtros y submenús para una desafortunada noticia... en algunos casos la información está desactualizada o por más que exista la opción en el menú no tiene contenido en su interior, llegando a ser menos utilizado por la generación que tiene por hábito base buscar informarse mediante la página web de algún establecimiento específico.
0 notes
pixeleandolavida · 1 month ago
Text
Conceptualizando un mapa de la World Wide Web
¿Cómo uso internet? Considerando el internet como una herramienta intangible para transmitir información, proporcionándole accesibilidad a nivel mundial. Entonces en mi caso lo utilizo para obtener información y apoyar las investigaciones académicas como por ejemplo Google Académico y otras recomendadas por el nivel de confianza de la información. Por otro lado, suelo utilizar redes sociales como Facebook, Instagram, Whatsapp, TikTok entre otros con el fin de obtener entretenimiento y comunicación con familiares y amigos.
Tumblr media
Entre las redes sociales que utilizo, Youtube es una de las que me fue útil para trabajos académicos.
Si mi versión de la WWW fuera un lugar, sería un planeta que contendría continentes como ser el de educación, comunicación y entretenimiento, están conectados entre ellos por océanos que incluso en su interior no se ha explorado aún asimismo los continentes por descubrir a lo largo de la vida. Dentro de los continentes están como dirigiría las búsquedas como en el caso de educación con una selección de "países" en los que se desarrolla cada una de las áreas que recibo académicamente, por ejemplo, áreas relacionadas a mecatrónica, medicina, gestión hospitalaria, entre otros.
Tumblr media
Un mundo nuevo
Si mi versión de la WWW fuera un juego de rol, lo relacionaría con habitantes con una específica función en el continente al que pertenecen, si existirían idiomas muy similar a como varían en pocas cosas los sistemas operativos o incluso los lenguajes de programación para la interpretación de información entre los continentes, ya que la información que se maneja viene de diferentes contextos en el caso que se quiera integrarla cuando se requiera.
Tumblr media
Sería adecuado?
Finalmente, ¿existen leyes físicas, matemáticas, químicas, biológicas específicas en este mundo? ¿existe un dios o varios dioses? 
Pienso que si existiría, dado que es como la base del funcionamiento de todo, en los siguientes casos:
Física: La ley de la velocidad de la luz, la información viaja a una velocidad finita. La ley de la gravedad digital, los sitios web más populares tienen mayor "gravedad". La ley de la entropía, la información tiende a desordenarse con el tiempo, lo que explica la necesidad de hacer copias de seguridad y organizar nuestros archivos.
Matemáticas: La ley de los algoritmos: Las matemáticas rigen cómo la cantidad de veces de búsqueda de la información y cómo las redes sociales nos muestran contenido personalizado. La ley de la probabilidad, la probabilidad influye en qué anuncios vemos..
Química: La reacción en cadena: Como dar un "me gusta" en una publicación, puede desencadenar una gran reacción en línea. La mezcla de información, como combinar compuestos, la información se combina de diferentes maneras para crear nuevo conocimiento.
Biológica: La evolución de los sitios web: Adaptándose a las necesidades de los usuarios y a las nuevas tecnologías. La comunidad digital, formando comunidades y redes sociales, similar a un ecosistema.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
RESOLUCION, DENSIDAD Y PROFUNDIDAD DEL COLOR Resolución: Se refiere al número total de píxeles que componen esa imagen. Se expresa como un par de números, por ejemplo, 1920x1080 píxeles, lo que indica el número de píxeles en el ancho y el alto de la imagen, respectivamente. Alta resolución: Significa que hay más píxeles, lo que se traduce en una imagen más detallada y nítida. Baja resolución: Menos píxeles, imagen menos detallada y puede aparecer pixelada. La resolución influye en: - A mayor resolución, mayor tamaño de archivo. - Una alta resolución es esencial para obtener impresiones de alta calidad. - Una resolución adecuada garantiza una visualización nítida en diferentes dispositivos.
Tumblr media
Densidad: Es la cantidad de píxeles por unidad de medida, generalmente expresada en píxeles por pulgada (PPI). Indica qué tan cerca están los píxeles entre sí. Alta densidad: Significa que los píxeles están más juntos, lo que resulta en una imagen más detallada y nítida, especialmente cuando se ve de cerca. Baja densidad: Los píxeles están más separados, lo que puede hacer que la imagen se vea pixelada. La densidad es importante para: - Las pantallas de alta densidad (como las de los smartphones) ofrecen una mejor experiencia visual. - Una alta densidad es crucial para obtener impresiones de alta calidad, especialmente en formatos grandes.
Tumblr media
Profundidad de color: Determina la cantidad de colores que se pueden representar en cada píxel. Se mide en bits por píxel (bpp). Baja profundidad de color (8 bits): Ofrece un rango limitado de colores, lo que puede resultar en una imagen con menos detalle y tonalidad. Alta profundidad de color (16 o 24 bits): Ofrece un rango mucho más amplio de colores, permitiendo una representación más precisa y realista de las imágenes. La profundidad de color involucra: - Una mayor profundidad de color significa una gama de colores más amplia y rica. - Permite representar transiciones de color más suaves y naturales. - Una mayor profundidad de color implica un mayor tamaño de archivo.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
EL PIXEL Un píxel es la unidad más pequeña de una imagen digital. Como un mosaico, cada pieza de ese mosaico es un píxel. Cada píxel tiene un color específico y, al combinarse todos ellos, forman la imagen completa. Características del píxel: - Tamaño: El tamaño del píxel determina la resolución de una imagen. Cuanto más pequeño sea el píxel, mayor será la resolución y más detallada será la imagen. - Color: Cada píxel tiene un color asignado, que se representa mediante un código numérico. - Disposición: Los píxeles se organizan en una matriz para formar la imagen. ¿Por qué es importante el píxel? La calidad de una imagen digital depende directamente de la cantidad y la precisión de los píxeles, cuanto más píxeles tenga una imagen, mayor será su tamaño de archivo y los programas de edición de imágenes trabajan a nivel de píxel, permitiendo modificar colores, aplicar filtros y realizar otras modificaciones.
Tumblr media
Pika pixeleado...
1 note · View note
pixeleandolavida · 2 months ago
Text
Imágenes Vectoriales y Mapas de Bits
Tumblr media
Ambos son formatos para representar imágenes digitalmente, pero tienen características y usos muy diferentes. Imágenes Vectoriales: Se construyen a partir de puntos matemáticos (vectores) que definen líneas, curvas y formas. Características: - Escalabilidad: Pueden ser ampliadas o reducidas sin perder calidad, ya que se redibujan a partir de las fórmulas matemáticas. - Tamaño de archivo: Generalmente más pequeños que los mapas de bits, ya que almacenan información sobre las formas y no sobre cada píxel. - Edición: Fáciles de editar y modificar, ya que se pueden ajustar individualmente los elementos que componen la imagen. Usos comunes: - Logotipos: Ideales para ser escalables y verse bien en cualquier tamaño. - Ilustraciones: En diseño gráfico, animaciones y videojuegos. - Iconos: Por su tamaño reducido y alta calidad. - Tipografía: Las fuentes son esencialmente imágenes vectoriales.
Tumblr media
Imágenes de Mapas de Bits: Están compuestas por una cuadrícula de pequeños puntos llamados píxeles, cada uno con un color específico. Características: - Resolución: La calidad de la imagen depende de la cantidad de píxeles. Cuantos más píxeles, mayor resolución. - Tamaño de archivo: Generalmente más grandes que los vectoriales, ya que almacenan información sobre cada píxel. - Edición: La edición a nivel de píxel puede ser más detallada, pero también más compleja. Usos comunes: - Fotografías: Capturadas por cámaras digitales, están compuestas por millones de píxeles. - Pinturas digitales: Creadas con programas como Photoshop. - Capturas de pantalla: Tomadas directamente de la pantalla de un dispositivo.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Digitalización
Es el proceso de transformar información analógica en un formato digital (ceros y unos) que pueda ser procesado por computadoras. Es como traducir un libro a un lenguaje que una computadora pueda entender.
Tumblr media
¿Por qué es importante la digitalización? Preservación: Permite conservar información de forma más duradera y resistente al deterioro físico. Accesibilidad: Facilita el acceso a la información desde cualquier lugar con conexión a internet. Compartir: Permite compartir información de manera rápida y sencilla con otras personas. Edición: Facilita la edición y modificación de la información. Análisis: Permite realizar análisis de datos a gran escala. Ejemplos de digitalización: Escanear un documento: Convertir un documento impreso en un archivo PDF. Tomar una fotografía digital: Capturar una imagen y almacenarla en formato digital. Grabar un audio: Convertir un sonido analógico (como una grabación de vinilo) en un archivo de audio digital (MP3).
Tumblr media
La digitalización y la era digital
Gracias a ella, podemos disfrutar de una gran cantidad de servicios y aplicaciones: - Internet. - Redes sociales. - Comercio electrónico. - Streaming.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Reconocimiento de Alimentos y Generación de Datos Nutricionales
Aspectos Técnicos Algoritmos de reconocimiento de imágenes: Deep learning: Redes neuronales convolucionales (CNN) para identificar alimentos y códigos de barras. Transfer learning: Utilización de modelos pre-entrenados para acelerar el desarrollo. Augmentación de datos: Generación de nuevas imágenes para mejorar la robustez de los modelos. Bases de datos de alimentos: Tamaño y diversidad: Importancia de una base de datos extensa y variada. Información nutricional: Detalle y precisión de los datos asociados a cada alimento. Por lo que se relacionará el concepto de escaneo y datos nutricionales para tener un seguimiento alimenticio.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Ideación - Escáner Mágico, está integrada directamente en la cámara del teléfono. Al enfocar la cámara sobre una fruta o un producto alimenticio, la función actúa como un escáner que "magicamente" revela la información nutricional en tiempo real. Proceso: El usuario apunta la cámara a un alimento, la aplicación lo reconoce automáticamente (gracias a la visión por computadora) y muestra en pantalla una pequeña burbuja que flota sobre el alimento con los datos clave: calorías, proteínas, carbohidratos, grasas, etc. La interfaz debe ser ligera, con gráficos coloridos que simulan efectos de "magia", como destellos o burbujas, al aparecer la información. Radiografía Comestible, permite al usuario ver los "interiores" de un alimento. Al escanear una fruta o un producto, la app genera una representación visual detallada de los nutrientes, como si estuviera "radiografiando" el alimento. Proceso: Después de tomar la foto o escanear, la pantalla se divide mostrando una vista del alimento por fuera (imagen normal) y otra vista que simula una radiografía, descomponiendo el alimento en nutrientes y componentes clave. Los datos se presentan de manera visual con gráficos circulares o barras que resaltan los componentes más importantes.
Tumblr media Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Investigación
Visión por Computadora: Reconocimiento de Alimentos y Generación de Datos Nutricionales Aspectos Técnicos Algoritmos de reconocimiento de imágenes: - Deep learning: Redes neuronales convolucionales (CNN) para identificar alimentos y códigos de barras. - Transfer learning: Utilización de modelos pre-entrenados para acelerar el desarrollo. - Augmentación de datos: Generación de nuevas imágenes para mejorar la robustez de los modelos. Bases de datos de alimentos: - Tamaño y diversidad: Importancia de una base de datos extensa y variada. - Información nutricional: Detalle y precisión de los datos asociados a cada alimento. Integración con APIs: - Bases de datos gubernamentales: Acceso a información nutricional oficial. - Proveedores de datos alimentarios: Colaboraciones para ampliar la cobertura.
0 notes
pixeleandolavida · 2 months ago
Text
Diseño de metáfora 2.0
Isla del Sueño Concepto: Representar la calidad del sueño como una isla en medio del océano, con un clima cambiante para reflejar la calidad del sueño (sol brillante para buen sueño, tormentas para problemas de sueño). Se permite a los usuarios visualizar su descanso y sus problemas de sueño de una manera que asocia paz y calma con un buen descanso, mediante el monitoreo de la cantidad de tiempo en los que se utilizan las diferentes aplicaciones del usuario.
Tumblr media
Aunque existen aplicaciones y dispositivos que rastrean la calidad del sueño y proporcionan gráficos o estadísticas, la idea de un entorno natural y sereno, como una isla que refleja la calidad del sueño, es diferente a las formas comunes de representar el sueño y los patrones de descanso, haciendo el concepto más accesible y comprensible para quienes prefieren imágenes sobre datos numéricos.
0 notes
pixeleandolavida · 2 months ago
Text
Diseño de metáfora: Mundo de Nutrientes Concepto: La idea de visualizar la nutrición como un mundo geográfico, donde cada región representa un grupo de alimentos, es una aproximación novedosa.
Tumblr media
Mientras que las pirámides alimenticias y las tablas nutricionales son comunes, este concepto de mapear los nutrientes en un mundo explorable, con la posibilidad de "viajar" entre diferentes regiones para comprender cómo equilibrar la dieta, no es un enfoque estándar en la educación nutricional actual. Aporta una dimensión interactiva y educativa a la comprensión de la nutrición. Por otra parte, es posible incursionar sobre la variedad de alimentos que se tiene en todo el mundo para conseguir una comparación del valor nutricional que le damos a nuestra dieta.
0 notes
pixeleandolavida · 2 months ago
Text
Metáfora
Tumblr media
Una metáfora es una figura retórica que consiste en comparar dos cosas que, en principio, no tienen relación directa, pero comparten alguna característica similar. Esta comparación se hace de manera implícita, sin usar palabras como "como" o "parecido a", que son propias de otras figuras retóricas.
Tumblr media
Importancia de la Metáfora
Comunicación: Ayuda a transmitir ideas y emociones de manera más efectiva y profunda, al conectar conceptos familiares con nuevos o abstractos.
Persuasión: En la retórica y la oratoria, las metáforas son herramientas poderosas para persuadir y convencer a una audiencia, ya que pueden resonar emocionalmente.
Literatura y Arte: Son fundamentales en la poesía, la narrativa y otras formas de arte, ya que enriquecen el texto y permiten múltiples interpretaciones.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Desarrollo de la GUI
Tumblr media
Desarrollo en Xerox PARC
Xerox Alto: En 1973, desarrolló la computadora Xerox Alto, que incluyó la primera interfaz gráfica de usuario completa. Este sistema presentaba ventanas superpuestas, íconos, menús desplegables, y un ratón para la interacción, todos componentes que hoy asociamos con las GUI.
Adopción Comercial y Popularización
Apple Lisa y Macintosh: Apple adoptó y refinó las ideas de Xerox para sus propias computadoras. En 1983, lanzó la Apple Lisa, la primera computadora personal con una GUI comercial, y un año después, en 1984, introdujo la Macintosh, que popularizó las GUI a gran escala gracias a su precio más accesible y su interfaz amigable.
Microsoft Windows: Microsoft lanzó su primera versión de Windows en 1985 como una capa gráfica sobre MS-DOS. A lo largo de los años, Windows se convertiría en uno de los sistemas operativos GUI más populares del mundo, con versiones como Windows 3.0 (1990) y Windows 95 (1995), que llevaron las GUI a millones de usuarios.
0 notes
pixeleandolavida · 2 months ago
Text
Interfaz gráfica de usuario
Interacción Visual y Gráfica: Permite a los usuarios interactuar con el sistema a través de gráficos e imágenes. Esto incluye botones, íconos, barras de herramientas, ventanas, y otros elementos visuales que representan funciones y comandos.
Dispositivos de Entrada: Se suele requerir dispositivos de entrada como ratones, pantallas táctiles, y teclados, permitiendo a los usuarios realizar acciones como hacer clic, arrastrar, y seleccionar.
Facilidad de Uso: La principal ventaja de una GUI es su facilidad de uso. Al representar comandos y opciones de manera visual, los usuarios no necesitan memorizar ni escribir comandos específicos, lo que hace que el uso del sistema sea más intuitivo y accesible.
Tumblr media
0 notes
pixeleandolavida · 2 months ago
Text
Precursor de internet
ARPANET, surgió en plena guerra y en un contexto de competencia tecnológica y militar entre los Estados Unidos y la Unión Soviética, sentó las bases de los principios y tecnologías que hoy rigen Internet, como el uso de conmutación de paquetes, protocolos de red estandarizados, y la interconexión de redes de diversa índole.
Tumblr media
0 notes
pixeleandolavida · 3 months ago
Text
Tumblr media
Estoy cansado jefe
1 note · View note