Programación Creativa
Mi canción e inspiracion
Producto
Transformacion
0 notes
Programación creativa
Programación Creativa (PC) o Creative Coding es una perspectiva innovadora de la programación que tiene como objetivo la creación de objetos digitales interactivos como una manifestación de expresión con un toque artístico significativo.
Trata de concebir proyectos que buscan expresividad más que funcionalidad. La Programación Creativa se emplea para desarrollar imágenes en tiempo real, exhibiciones de diseño y arte visual, entretenimiento, mapping, arte sonoro, publicidad, prototipos de productos y una amplia variedad de aplicaciones creativas.
https://ukdwm.csb.app/
En el ámbito de la computación creativa, concebimos el desarrollo de software como un artefacto cultural. Se trata de algo no neutro, sino más bien un medio que nos posibilita comunicar nuestras emociones. La computadora, en la terminología de Lev Manovich, se convierte en un metamedio que amplía los medios ya existentes y, por ende, nuestras obras. En esta perspectiva, los programas generados se perciben como software cultural, abarcando herramientas como Photoshop, Illustrator, Premiere, Maya, entre otras, según la categorización de Manovich.
https://skxqv.csb.app/
0 notes
IA y VITALINOS
Resultado final
0 notes
expo
grupo 7
Nacimiento del internet
1er correo electrónico Ray Tomlinson (email)
Internet significado: entre red
Identidad estable del término
Creación de sistema de dominio
IP (sistema de nombres de dominio)
Internet protocol
1er sitio web
World wide web (link de pestañas y páginas)
Microsoft lanza Windows 1995
La web www se consolida como tecnología de soporte de internet por excelencia
Comercios electrónico;: eBay y Amazon
Comercializar cosas y venderlas
La primera webmail
hoTmail
Buscadores web:
1994 yahoo
Actual Google
Era de las redes sociales:
Facebook 2004, aug 2007
Instagram 2010
You tube 2005
Twitter 2006
Consolidación de redes sociales actualmente y populares
grupo 9
IPv4 y IPv6
IPv4 (Protocolo de Internet versión 4):
IPv4 es la cuarta versión del Protocolo de Internet, el cual es el conjunto de reglas que gobiernan la comunicación en la red. Aquí tienes algunos puntos clave:
Direcciones IP: IPv4 utiliza direcciones IP de 32 bits, lo que resulta en aproximadamente 4.3 mil millones de direcciones únicas. Sin embargo, debido al rápido crecimiento de internet, estas direcciones se agotaron, lo que llevó al desarrollo de IPv6.
Notación Decimal Puntual: Las direcciones IPv4 se expresan en notación decimal puntual, por ejemplo, 192.168.0.1, donde cada sección representa un octeto.
NAT (Traducción de Direcciones de Red): Debido a la limitación en la cantidad de direcciones IPv4, se implementa NAT para compartir una única dirección IP pública entre múltiples dispositivos en una red privada.
IPv6 (Protocolo de Internet versión 6):
IPv6 es la sexta versión del Protocolo de Internet y fue diseñado para abordar la limitación de direcciones de IPv4. Aquí tienes algunos aspectos destacados:
Direcciones IP: IPv6 utiliza direcciones IP de 128 bits, proporcionando un número astronómicamente mayor de direcciones en comparación con IPv4. Esto resuelve el problema de agotamiento de direcciones.
Notación Hexadecimal: Las direcciones IPv6 se expresan en notación hexadecimal, por ejemplo, 2001:0db8:85a3:0000:0000:8a2e:0370:7334.
Mejora en la Seguridad y Configuración Automática: IPv6 incluye mejoras en la seguridad y facilita la configuración automática de direcciones mediante el protocolo Stateless Address Autoconfiguration (SLAAC).
Eliminación de NAT: Dado el vasto espacio de direcciones en IPv6, la necesidad de NAT disminuye, permitiendo una conectividad más directa entre dispositivos.
En resumen, IPv4 y IPv6 son protocolos fundamentales para la comunicación en internet, y mientras IPv4 ha sido ampliamente utilizado, IPv6 se implementa para abordar la creciente demanda de direcciones IP.
MI exposición
RED DE RERES
0 notes
EXPOCISION
Grupo 4
Guerra de Navegadores y Motores de Búsqueda
Definición de Navegador: Un navegador web es un software que interpreta el código de una página web en HTML.
Tipos de Motores de Búsqueda:
Buscadores Jerárquicos
Directorios
Buscadores Verticales
Metabuscadores
FFA (Free For All): Enlaces gratuitos, pequeños, y temporales.
Distinción entre Navegador y Buscador: El navegador es un programa que muestra la información de las páginas web, mientras que los buscadores son sitios web que ofrecen servicios para buscar información en la red.
Grupo 5
Redes Sociales
Historia:
ARPANET (1969): Surgió durante la Guerra Fría como proyecto de la Agencia de Proyectos de Investigación Avanzada (ARPA), estableciendo las bases de las redes de comunicación.
World Wide Web (1991): Marcó la expansión de internet y la accesibilidad a la información.
Sixdegrees (1997): Durante el auge de las compañías punto com, permitía localizar a otros miembros, creando listas de amigos y ampliando conexiones.
Friendster (2002): Enfocado en hacer amigos y compartir fotos, se expandió globalmente y hoy se especializa en videojuegos.
Myspace (2003): Plataforma para artistas y usuarios que compartían experiencias.
LinkedIn (2003): Orientado a conexiones profesionales y oportunidades laborales, permitiendo mostrar el currículum en el perfil.
Facebook (2004): Estableció nuevas formas de interacción.
YouTube (2005): Nueva forma de consumo de contenidos.
Twitter (2006): Es una manera de estar atento a las últimas noticias.
WhatsApp (2009): Plataforma de mensajería instantánea que revolucionó la comunicación en dispositivos móviles.
Instagram (2010): Espacio para la promoción de marcas y creatividad visual, centrado en la imagen.
Pinterest (2010): Plataforma de descubrimiento visual.
Twitch (2011): Se destacó con transmisiones en vivo.
TikTok (2018): Plataforma de videos cortos, popular por su enfoque en la creatividad y el entretenimiento.
Bereal (2020): Es una red social nueva que cambia la forma de interactuar en línea.
Grupo 6
Deep Web y Dark Web
La dark web constituye la parte oculta de internet, accesible solo a través de navegadores especializados.
Existiendo la función del anonimato, permitiendo la realización de actividades de manera discreta, ya sea con propósitos legítimos o ilícitos.
Acceso a Información No Disponible en Motores de Búsqueda Normales: Facilita el acceso a datos e información que no se encuentra indexada en los motores de búsqueda convencionales.
Comunicación y Anonimato de Forma Segura: Ofrece un medio seguro para la comunicación anónima, siendo utilizado en ocasiones por activistas o disidentes que buscan proteger su identidad.
Comercio Electrónico y Mercados en Línea de Manera Anónima: Permite la realización de transacciones comerciales y la participación en mercados en línea de manera anónima, aunque esta actividad a menudo involucra intercambios ilegales.
La dark web, con su capa de privacidad, presenta un entorno único que puede ser empleado con fines diversos, tanto legítimos como problemáticos.
Grupo 7
Inteligencia artificial
Programa de computación que permite determinar operaciones que es consideran propias
Primera IA
1950 máquina Turing
1955
1998 cythia
2015 Sophia robot humanoide
2019 sistemas detectadoras de cáncer
2020 desarrollo de vacunas contra el cobid
… evolución de IA
Tipos e inteligencia artificial
Débil…
IA Tareas específicas
Identificación de llamada
Coches autónomos
Fuerte
IA Tareas con múltiples dominios
Aprendizaje supervisado
Aprendizaje no supervisado
Redes neuronales artificiales
Aprendizaje profundo (deep learning)
Clase:
IA
-Industrias
Planificación de control (solución de medidas y precisión)
-Educación
Programa de estudio material de aprendizaje
-Diseño gráfico
Creación de recurso
Ética y desafíos de IA
Sesgos y preficios
Deepface
El futuro de IA
Proms (lo que se decía reflejar de manera física en la imagen)
Las características se separan por IA
Base a mezclas y creaciones de la imagen
Link.
Control shift
-Dalle2 mejores imágenes
-Midjorney mejores resultados pero a medio discord
Con proms mucho más específico con pago
-Adove firefly
-Leonardo modelos con diferentes características (crédito d penetrada)
-playgram (")
-bing (dalle 3)
-night café estilos de personaje(")
-openart
-nightmareai
-AI tools Directory
0 notes
Tendencias del diseño UI
.............................................................................................................
Diseño de Interfaz de Usuario (UI):
Se centra en la estética visual, abarcando desde el diseño de páginas web hasta otros elementos visuales.
Es el canal a través del cual las personas se relacionan con una máquina o software.
Está exclusivamente vinculado al ámbito digital.
Actúa como el punto de encuentro entre el usuario y un dispositivo o producto digital.
Enfatiza todos los aspectos visuales del diseño, incluyendo fotografías, tipografía, iconos, entre otros. ¿Hay algo más específico que te gustaría saber sobre UI? ¡Estoy aquí para ayudar!
House user interface
Movimiento de voz.
(Formas de interacción con la tecnología)
3D design
Ilustración de 3D en sitios, páginas, etc.
Dark mode
Modo oscuro…
Neunmorphismo
Todo lo digital tiene un universo y la vida real
.Semejanza del mundo dijital con la vida real
Micro interacción
Animaciones simples pequeñas
(Facebook, Instagram, tick tock)
❤️👍
Minimalismo
Espacios en blanco, colores sobrios, blanco y negro…
AR/VR
Mezcla del mundo real con lo digital.
(Pokemon go, Google maps)
Personalization
Personalización de la página, sitio app, etc.
(Telegram, Instagram chats…)
+(Navegador personalizados de sitios web)+
Ej.Neo.
…
Super apps
App de servicio múltiple…(comida, movilidad, envío,etc)
Abarca muchas cosas…
…
Inteligencia artificial
Ejemplos de sitios web…
Buenas
Jon frow pain
Malos
Pantome
…
Enfoque de diseñadores de sitio web…
Detalles
Jerarquías marcadas
Marcar ritmo de lectura, ojos de usuarios…
0 notes
(exposiciones)
Grupo 1
ICAAN, W3C, CONSORTIUM
(proveedores de almacenamiento físico)
almacenamiento
Word word web
+ICAAN
Dominio de internet, direcciones IP
1998.
.com, .org, .net, .info, .edu, Etc.
Etiquetas, nombres único e irrepetibles
+Consortium
Primeros proveedores de almacenamiento
Almacenamiento en red, nube
Proveedores de almacenamiento
SNIA desarrollo estándar para almacenar
OSA almacenamiento de datos en la nube
Beneficios
Cooperativa con otro s proveedores de almacenamiento
+W3C
Word wide web
Web storage: Guarda en el usuario, nube
InfesefDB almacena base de datos del navegador
Fideo API carga de descarga de información etc
GRUPO 2
Las web 1.0 2.0 3.0
+Web 1.0
Tecnócrata
Estético
Consumidor
Servicios dedicados a la información
Software instalar
Consumir contenido
Brindar información de lectura, tener software debido
+Web 2.0
Nada en
Conectividad
Colaboración online
Contenido entre usuarios
Apps. Enfocadas en el usuario, wikis,blogs, RRSS.
Redes de colaboración
Datos sentralizados, recomendación de cosas a t
+Web 3.0
Datos propios.
Control de usuario publicar y no publicar
Cambio.
Protección de datos, decisión
Novedad.
Elección de vista de tu espacio y de otros
Características:
Descentralizado control df datos activos del usuario
Personalización, interconexión,
Grupo 3
Net arte
Con simbología matemática… líneas de código de programación páginas web
Tipos de producción artísticas
90s boom
Efímero, global, interactivo, sin interés materia, uso de hipervínculos, Híbrido, Evolutivo
+Impacto en la sociedad
Por el acceso al arte con el objetivo global y ser visto
+Art net y arte computacional
Medio y plataformas
Interactividad
Alcance y audiencia
Tomas y enfoque
(Net arte parte de arte computacional)
0 notes
Tendencias de diseño UI/UX
Presentación de las canciones de mis compañeros
---------------------------------------------------------------------------
UI (user interface)
Diseño de la página
Interfaz
Domina la parte visual
Netamente digital
(punto de interacción y comunicación humana computadora)
UX (user experience)
Necesidades del usuario para medir la experiencia, como en una página web.
Facilitar a los usuarios
Empatía con el usuario,
Consta con un análisis de las necesidades respecto a una buena experiencia para el usuario
(Las puertas de Norman)
Habla de la experiencia del usuario usando productos, pag web, todo caracterizado en una imagen visual….
Diseño de interfaces…
¿Está muerto? Amenazas a herramientas
Mercado de plantilla
Plantillas diseños etc
Ayuda a acelerar procesos,
WordPress, etc
Patrones de diseño
Barra de búsqueda
Iconos
Patrones que funcionan y por ello se sigue usando.
Depende quien es el usuario
¿Quién es el público…
Experiencia del usuario
La automatización y la inteligencia artificial ya están presentes y activos
Servicios de IA
Los amenazas o herramientas IA
(Trabajo de coautoría)
….
Páginas de facebook son los nuevos espacios de los pequeños y medianos negocios
Productos de Marketplace
(Puede funcionar pero… no es comparable con el diseño de interfaces)
Página web… brinda seguridad.
Marketplace… para una empresa pequeña, individual.
(Funcionar los productos en las mismas)
Experiencia móvil está acabando con la web tradicional
Diseño diponsibo
Las páginas deben ser adaptables para computadora, tablet, celular.
(Ya en una época donde los dispositivos móviles son indispensables en la vida de cada persona)
Unión en diseño de interfaces y experiencia.
(Instagram, hecho para celular… si lo ves en otro lugar es horrible)
Art. Amenazas y diseño de interfaces muere
Concepto de los servicios web
Servicios web es una tecnología que utiliza un conjunto de protocolo y estándares que sirven para intercambiar datos entre app.
(Caracterizado de sitios web y analizarlos
Finalidad de mejor experiencia en los usuarios)
Conectado
Buscador (Google) (Alexa)...
Un puente de conexión de otras páginas web en un solo espacio
….
Del diseño de sitios web al diseño de experiencias
Establecer estrategias que conciben lo físico y lo digital e integrar la presencia de los canales de servicio al consumidor, bajo el mismo concepto.
0 notes
Presentación
Se debía crear un icono con un espacio reducido y limitado, en una grilla 8x8 en pixeles y sin uso de colores.
Luego el mismo icono en 16 x 16 pixeles y a color.
MI PRESENTACION
Interpretación: Se mostro un icono que representara una función para selección de contenido, de atracción y rechazo.
0 notes
ICONOS
Presentación de las canciones de compañeros de clase
---------------------------------------------------------------------
La interfaz en las pantallas y el entendimiento de estas ayuda al acceso del usuario.
Tras el lanzamiento de Apple con aplicaciones en un teléfono inteligente los iconos de cada herramienta en el teléfono se hicieron más pequeños con un skeumorfismo que representa los elementos y funciones físicas a un entorno digital.
Los iconos podrían describirse como un lenguaje universal, al ser gráficos esquematizados para presentar la función en un sistema digital.
Xeros Star
presentaba iconos hechos en grillas (8x8) en un modo de pixel art en papel, se trabajaba con figuras en un fondo.
El skeumorfismo que es la representación elemental respecto al uso de diversos elementos que aporten una visualización objetiva de un objeto o función real a uno digital.
-----------------------------------------------------------
Primero se hizo un ejercicio para que cada persona llegue a buscar un icono o crear uno para la clase así mostrar de manera metafórica una presentación no tan obvio ni fisca a un icono en un ambiente digital.
La mía fue:
"El tiempo es oro" en una aplicación en la cual puedes leer mangas al quedarse en un tiempo especifico en la app te regalan dinero por el tiempo que te quedas en la app y ese dinero sirve para comprar mas mangas y leerlos...
0 notes
HISTORIA
Inició gracias a una implementación rudimentaria para la actualidad las primeras computadoras se presentaban en habitaciones enormes al igual que las calculadoras que podían ser usadas por personas con conocimiento previo y experiencia.
Fechas:
Correo electrónico 1971
Microsoft, apple 1976
Xerox alto 1973
Apple lisa 1979 venta por 25000$
Next 1985
Primer navegador (World Wide Web)1991
Sale Mac 05x
MP3
Blackberry
Salen celulares
IPhone 1 ( 1er. teléfono inteligente, Instalación de apps, sin teclado físico)
La historia de las computadoras y su evolución, las computadoras se convirtieron en una herramienta que llegue a facilitar la vida de las personas se presentaban elementos que en sí podrían estar en tu escritorio repleto de ellas por ser necesarias ahora no eran tantas, solo una herramienta llegaría a reemplazar todas.
Todo ello sonaba perfecto pero tomando en cuenta de manera visual era un fiasco pues al remplazar todo seguía una el estigma de una transformación de escritorio.
Tras el lanzamiento de Apple con aplicaciones en un teléfono inteligente los iconos de cada herramienta en el teléfono se hicieron mas pequeños con un skeumorfismo que representa los elementos físicos a uno mas digital.
0 notes
1ra. Clase
Para la primera clase se presentó una canción BURIAL que te brinda un pensamiento abstracto sobre el entendimiento de algunas personas, a mi parecer la canción fue una parte de otra incompleta de otro canción o la parte perfecta para una nueva canción, así como en el diseño que se plasma en el desarrollo de conceptos y percepción personal acerca del contenido que se desarrollará en torno al diseño digital.
1 note
·
View note