Skip to content
Braulio Diez edited this page Dec 17, 2023 · 19 revisions

Mongo Modeler Wiki

En esta wiki vamos a dar las pautas para la implementación del proyecto.

Prototipo baja fidelidad MVP

Estrctura proyecto

Casos para arrancar

Aplicación

En principio no vamos apoyarnos en librerías de componentes (lo que se va a usar es básico), tenemos que:

  • Dar una solución para mostrar diálogos modales.
  • Componentizar algunos componentes básicos (input, combobox).
  • Crear una talba con comandos (de nota sería usar drag and drop para mover filas, pero eso lo dejamos para más adelante).
  • Dar solución para tematizado modo claro y oscuro.
  • Elegir librería de iconos y montar unos botones de tipo toolbar que vayan bien.

Diagrama

  • Establecer canvas SVG (ahí alguna prueba hecha sacar método definitivo).
  • Establecer componente tabla básico, dos rectangulos con drag & drop.
  • Establecer campos con subcampos (drilldown (ahí prueba técnica hecha sacar forma definitivo).
  • Alinear campos fila
  • Pintar relaciones y redibujo (de momento directo más adelante, calculo de paths)
  • Permitir que una tabla crezca a lo ancho

Edición

  • Formulario creación / edición relación.
  • Formulario creación / edición table (ahí prueba hecha, sacar definitivo)

Export

A nivel de export hay que hacer varias tareas de investigación:

  • Exportar el canvas a SVG y download (eso debería ser directo ya que vamos a trabajar con SVG).
  • Exportar el canvas a PNG y download (ver como hacer esto).
  • Exportar el canvas un MongoSchema (aquí podríamos utilizar EJS)
Clone this wiki locally