DEV2BIT / APLICACIONES WEB A MEDIDA
My Collection ManagerUna forma de cuidar lo que coleccionas.
Recordar qué tienes. Encontrar lo que buscas. Saber qué falta para completar esa colección. Desarrollamos CollExplore, una aplicación web que reúne tus objetos y se adapta a la forma en que quieres organizarlos.
Películas, cómics, libros, figuras, juegos de mesa… y las colecciones que tú definas.
- Proyecto
- My Collection Manager
- Aplicación
- CollExplore
- Necesidad
- Organizar colecciones
- Clave del desarrollo
- Un catálogo configurable
LA NECESIDAD
Una colección es mucho más que una lista de nombres.
Un cómic tiene autores, editorial y edición. Un juego de mesa tiene mecánicas y un número de jugadores. Una figura puede conservar su caja o tener componentes pendientes. Y una película puede formar parte de una colección que todavía estás completando.
El reto era reunir todas esas formas de coleccionar en una misma aplicación, sin obligar a describir cada objeto con los mismos campos. Con información que sirva para reconocerlo, relacionarlo con otras piezas y recordar tu experiencia con él.
My Collection Manager combina un catálogo visual con fichas configurables, listas y datos relacionados. La interfaz permite recorrer la colección y trabajar sobre una pieza sin perder de vista el conjunto.
RECONOCER, AGRUPAR, EXPLORAR
Encuentra una película por su portada.
Recorre tu colección por años.
La vista de imágenes convierte el inventario en una estantería visual. Las agrupaciones y la ordenación aportan contexto: una filmografía, una época, un autor o el criterio que tenga sentido para ese tipo de objeto.
Imágenes o tabla
Reconocer una pieza por su portada y comparar sus datos son tareas distintas. La aplicación incorpora vistas de imágenes y de tabla para trabajar con el mismo catálogo.
Buscar con contexto
Además de la búsqueda por texto, el buscador avanzado se construye a partir de los campos del tipo de colección: la estructura del catálogo guía la consulta.
Una identidad para cada colección
Fondos, colores y presentación permiten diferenciar los universos de cine, cómic o juegos. La personalización forma parte de la experiencia de coleccionar.
TENER, BUSCAR, COMPLETAR
También importa lo que todavía no tienes.
Una lista puede representar una edición, una serie, una selección temática o los títulos que quieres conseguir. Sus referencias pueden existir antes de incorporarse a tu colección. Así puedes mantener un objetivo y relacionarlo con lo que ya has catalogado.
Las listas muestran la relación entre artículos incorporados y referencias totales, junto a una composición de imágenes. En la captura se ven ejemplos como 28 de 46 y 35 de 35: son estados de esas listas concretas, una forma directa de ver su avance.
Al incorporar una referencia, la lógica de comparación propone artículos similares para decidir si enlazar una pieza existente o crear una nueva. Esta ayuda mantiene la decisión en manos de la persona que conoce su colección.
- 01
Define la lista
Reúne las referencias que forman una serie, una selección o una colección deseada.
- 02
Relaciona tus piezas
Vincula los artículos del catálogo y conserva las referencias pendientes.
- 03
Consulta el avance
Comprueba qué has incorporado y qué sigue formando parte de tu búsqueda.
EL CATÁLOGO SE ADAPTA AL OBJETO
Cada colección tiene sus propias preguntas.
¿Quién dibujó este cómic? ¿Cuántas personas pueden jugar? ¿Está completa la figura? El desarrollo permite definir tipos de artículos y construir sus fichas con campos, grupos y pestañas.
Películas
Dirección, reparto, año, país, género, edición y estado de visionado.
Libros y cómics
Autoría, editorial, ISBN, páginas, clasificación y estado de lectura.
Figuras
Marca, conservación, caja y componentes que faltan.
Juegos de mesa
Jugadores, diseñadores, mecánicas, géneros y valoración personal.
Y el tipo de colección que quieras definir
El editor visual permite añadir y distribuir campos sin cambiar el código de la aplicación. Una colección nueva puede tener su propia estructura y compartir entidades, como autores o marcas, con el resto del catálogo.
INFORMACIÓN RELACIONADA
Del cómic a sus autores.
Del autor a otras piezas de tu colección.
Autores, editoriales, categorías y etiquetas aportan una estructura común. Una ficha puede reunir varias personas y clasificarse con distintos criterios, manteniendo una separación entre la información general del objeto y la información personal.
Entidades reutilizables
Una misma persona, editorial o marca puede estar relacionada con varios artículos. La estructura evita reducir todas las relaciones a notas de texto independientes.
Tu relación con cada objeto
Valoraciones y estados como leído, visto o jugado permiten recoger la experiencia personal junto a los datos descriptivos de la pieza.
Ubicación y préstamos
El proyecto incorpora módulos opcionales para ubicación y registro de préstamos, con persona, fecha de salida y devolución. Información útil cuando las piezas cambian de manos.
OTRO OBJETO, OTRA FICHA
Organizar juegos de mesa también es entender cómo se juegan.
La ficha de un juego necesita datos que no tienen sentido en una biblioteca. CollExplore reúne rango de jugadores, año de publicación, diseñadores, géneros y mecánicas, además de la descripción y la valoración.
MENOS INFORMACIÓN POR TRANSCRIBIR
Fuentes configurables para enriquecer las fichas.
Catalogar una colección implica reunir títulos, imágenes, autorías, fechas y descripciones. Para facilitar ese trabajo, desarrollamos un sistema de fuentes de datos que permite configurar consultas externas y relacionar la información recibida con los campos del catálogo.
El motor contempla peticiones encadenadas, parámetros reutilizables y respuestas JSON o XML. Así puede buscar una referencia, consultar sus detalles y preparar la información que necesita una ficha.
El proyecto incluye configuraciones para fuentes como TMDB, OMDB, BoardGameGeek y Google Books. Su uso depende de la configuración, las credenciales y la disponibilidad de cada proveedor.
- BUSCARUna referencia
El título o término que identifica lo que quieres catalogar.
- CONSULTARSus datos
Solicitudes y respuestas organizadas por la fuente configurada.
- RELACIONARLos campos
Información externa conectada con la estructura de tu colección.
La aplicación también incorpora módulos de importación y exportación CSV para trabajar con información tabular. Las conexiones con servicios externos son una parte configurable del proyecto.
CÓMO LO HEMOS DESARROLLADO
Una interfaz visual sobre un modelo flexible.
La parte esencial del trabajo está en conectar la definición de una colección con sus formularios, sus vistas y sus relaciones. Cambiar la estructura de un tipo de objeto tiene que reflejarse en la forma de editarlo y consultarlo.
| Necesidad | Desarrollo aplicado | Qué permite |
|---|---|---|
| Coleccionar objetos diferentes | Tipos, campos, pestañas y distribución de formularios configurables. | Crear fichas adecuadas a cada colección. |
| Mantener el contexto al editar | Catálogo y panel de detalle en una interfaz React. | Trabajar sobre una pieza sin abandonar la vista de la colección. |
| Conservar el catálogo en el navegador | Persistencia local con IndexedDB y Dexie. | Recuperar los artículos al volver a abrir la aplicación en ese navegador. |
| Explorar información relacionada | Entidades compartidas, búsqueda, ordenación y agrupaciones. | Organizar las piezas con criterios más ricos que el nombre. |
| Gestionar vistas con muchos elementos | Listas virtualizadas y workers para tareas de ordenación y estadísticas. | Separar tareas de procesamiento de la presentación de la interfaz. |
El almacenamiento local corresponde al navegador y al dispositivo utilizados. No implica por sí mismo una copia en la nube ni sincronización automática entre dispositivos.
EL PROYECTO, EN CLARO
Una aplicación para organizar y disfrutar las colecciones.
My Collection Manager es el nombre del proyecto; CollExplore es el nombre que aparece en su documentación. Las imágenes de esta página son capturas de la aplicación.
- Qué desarrollamos
- Una aplicación web de gestión de colecciones con catálogo, fichas configurables, listas y fuentes de datos.
- Para qué sirve
- Organizar objetos, relacionar su información y seguir las referencias incorporadas y pendientes de las listas.
- Qué la distingue
- El usuario puede definir nuevos tipos de colección y adaptar sus formularios desde un editor visual.
- Dónde se guardan los datos
- El catálogo de la versión revisada utiliza almacenamiento local en el navegador.
SERVICIOS APLICADOS AL PROYECTO
Desarrollo e interfaz alrededor de una necesidad concreta.
PREGUNTAS SOBRE EL PROYECTO
Cómo encajan sus posibilidades.
¿Solo permite gestionar películas, libros y juegos?
No. Esos tipos forman parte de la configuración inicial, pero el editor permite definir otras colecciones. En las capturas también aparecen categorías como Skateboard y Playmobil.
¿Puede guardar referencias que todavía no tengo?
Las listas admiten referencias pendientes de incorporar al catálogo. Al relacionarlas con artículos existentes o añadir nuevas piezas, permiten seguir el avance de una selección o colección.
¿Hay que programar para añadir campos?
El editor de tipos permite crear campos y organizarlos en grupos y pestañas desde la interfaz. Esa configuración determina la estructura del formulario de cada colección.
¿Esta página permite acceder a la aplicación?
Esta página presenta el proyecto y sus capturas. No ofrece un registro público ni un servicio de sincronización en la nube. Si necesitas desarrollar una herramienta con una lógica similar, puedes contactar con dev2bit.
DA FORMA A TU PROPIA HERRAMIENTA
¿Tu información necesita algo más que una hoja de cálculo?
Cuéntanos qué objetos o recursos gestionas, cómo se relacionan y qué necesitas encontrar. Diseñaremos contigo una aplicación que responda a esas tareas.
Volver a nuestros proyectos