DOT

Teoría y análisis de los medios interactivos

Sarah Soriano Arnal (3DTec)

Resumen

Mi obra trata de un diario virtual interactivo que combina sostenibilidad y tecnología mediante una interfaz intuitiva. Este proyecto promueve el bienestar personal y ambiental, ofreciendo acceso desde cualquier dispositivo para reducir el impacto ecológico de los diarios tradicionales y ayudar a las personas a buscar un medio, en el que se centren en ellos mismos y reflexionen sobre su día.

Introducción

La interactividad de esta obra se basa en la creación de una interfaz dinámica y accesible que permita a los usuarios interactuar diariamente con su propio espacio virtual. El objetivo técnico principal es desarrollar un diario digital donde cada usuario pueda registrar y personalizar su experiencia escribiendo sobre su día, reflejando su estado de ánimo, añadiendo el clima, respondiendo una pregunta reflexiva diaria y/o subiendo fotos para que queden almacenadas y recordarlo siempre.

El objetivo reflexivo combina dos inquietudes fundamentales: el bienestar personal y la conciencia medioambiental. Este diario permite a los usuarios reflexionar sobre sus emociones y experiencias diarias y, también, fomentar decisiones sostenibles al optar por un medio digital que sustituye los diarios de papel. La propuesta busca generar satisfacción personal a través de la escritura y, al mismo tiempo, contribuir a la lucha contra el cambio climático mediante iniciativas ecológicas.

La idea surge de una necesidad personal y académica. Siempre me atrajo la idea de tener un diario digital que pudiese llevar a cualquier parte, ya que en muchas ocasiones he estado con ganas de escribir fuera de casa, pero nunca tenía un soporte adecuado para ello. A esto se le añade mi preocupación por el cambio climático y que tanto me lleva a reflexionar sobre la importancia de las pequeñas acciones cotidianas para proteger el planeta. Así, este proyecto no solo es una herramienta interactiva para la expresión personal, sino también un espacio de concienciación ambiental ejecutado a través de una plataforma digital.

Referentes

Pues creo que llevo usando en diarios desde que aprendí a escribir. Siempre me ha encantado reflexionar sobre mi día y la sensación de un día estar aburrida, y ponerte a leer entradas de hace meses o inlcuso años, de cosas que ni si quiera te acordabas, y por eso, uno de mis referentes es Mr. Wonderful; mi familia sabe lo que me encanta escribir y todos los años me regalan una, algunas tienen mood tracker, otras tienen weather tracker, songs tracker… pero siempre me frustraba mucho lo grandes que son, que no se pueden llevar discretamente, poner fotos es un poco costoso… Y por eso me descargué hace unos años ya, mis otros dos referentes: Daylio Diario y Diario, que también son diarios pero virtuales, la diferencia es que no son diarios completos, creo que lo serían si se unificasen en una, por eso a mi me faltaba algo… como una nueva aplicación y, es lo que he creado.

Ficha Técnica Artística

Título: DOT
Autor: Sarah Soriano Arnal
Año: 2025
Formato: Interfaz web interactiva
Objetivo técnico: Crear una plataforma para registrar días, emociones, clima, preguntas reflexivas con Local Storage.
Objetivo reflexivo: Reducir el uso de papel, aumentar la conciencia ambiental y ofrecer una plataforma para el autodescubrimiento y la expresión creativa.
Interactividad: Alta; permite personalización de entradas, mood tracker y diseño creativo.
Público objetivo: Personas interesadas en reflexionar y actuar de forma ecológica.
Descripción técnica:
- Funcionalidades principales:
  - Registro diario con textos, fotos, mood tracker y weather tracker.
  - Pregunta reflexiva diaria.
  - Calendario interactivo para consultar entradas previas.
  - Editor para diseñar camisetas personalizadas, con fondos destinados a la protección del medioambiente.
- Lenguajes y tecnologías: HTML, CSS, JavaScript (o frameworks como React), bases de datos para almacenamiento seguro.
- Acceso: Compatible con dispositivos móviles, tablets y ordenadores, conectado a la nube para acceso remoto.

Bocetos

Análisis de la obra

El desarrollo de esta obra empezó con bocetos que me ayudaron a visualizar cómo sería la estructura y las funciones principales de la web. Una vez tuve claro el diseño, construí la base con HTML y CSS, y poco a poco fui añadiendo las funcionalidades con JavaScript para que la plataforma fuera interactiva y permitiera al usuario personalizar su experiencia.

Un gran desafío fue intentar imitar el estilo visual limpio y moderno de herramientas como Figma. Sin embargo, debido a mis conocimientos actuales, no logré implementarlo, por lo que opté por simplificar el diseño para enfocarme en la funcionalidad, algo que considero fue la mejor decisión. Otro reto importante fue crear un sistema de inicio de sesión, que finalmente conseguí implementando almacenamiento local (localStorage) al no poder integrar un backend con Node.js, que inicialmente era uno de mis objetivos técnicos.

La funcionalidad para diseñar camisetas personalizadas también fue bastante desafiante. Tuve que aprender a desarrollar una herramienta que permitiera interactuar de forma intuitiva con el diseño, algo completamente nuevo para mí. Además, trabajar con tanto código al mismo tiempo resultó complicado. A veces, pequeños errores desajustaban todo el proyecto, y encontrar esos fallos era frustrante y muy laborioso. Este proceso me obligó a ser más cuidadoso, paciente y organizado con mi código.

A pesar de los obstáculos, el resultado final cumple con los objetivos principales: la creación de una plataforma funcional donde los usuarios puedan registrar su día, reflexionar sobre sus emociones y contribuir a una causa ambiental.

Conclusiones

Este proyecto ha sido un reto tanto técnico como personal. Aunque algunos objetivos, como la integración de Node.js, no se alcanzaron, logré implementar todas las funcionalidades esenciales, incluido el inicio de sesión y la herramienta de diseño de camisetas. Ha sido una experiencia que me ha permitido mejorar en organización, resolución de problemas y creación de interfaces interactivas.

Intentos fallidos web