Guia completa

Introduccion

ER Designer es una plataforma web disenada para ensenar y aprender el diseno de bases de datos. Permite crear diagramas Entidad-Relacion (ER) completos, realizar la reestructuracion de la base de datos y generar el esquema logico, todo en un unico entorno.

La plataforma esta disenada para tres tipos de usuarios: profesores que desean asignar ejercicios y monitorear el trabajo de los estudiantes, estudiantes que deben realizar ejercicios y entregar sus trabajos, y usuarios libres que simplemente desean disenar una base de datos.

Esta guia cubre todas las funcionalidades de la plataforma, desde la creacion de un proyecto hasta la generacion del esquema logico, pasando por la gestion de clases y tareas.

Consejo

Si no ves un elemento del menu (Clases, Profesor, Admin), probablemente no has activado el rol correspondiente. Ve a "Editar cuenta" y verifica tus perfiles.

Video introductorio

Empezar

Quieres empezar en 2 minutos? Sigue estos pasos para crear tu primer diagrama ER.

Roles y activacion

ER Designer habilita diferentes funcionalidades segun el rol del usuario. Algunos roles se activan desde "Editar cuenta", otros requieren la aprobacion de un administrador.

Detalles por rol

• Usuario (ROLE_USER): Tras el registro o el login OAuth, puedes crear y gestionar tus proyectos en la seccion "Proyecto". Puedes dibujar diagramas ER, exportarlos e importarlos.
• Estudiante (ROLE_STUDENT): Activa el perfil de estudiante desde "Editar cuenta". Tras la activacion aparecera el menu "Clases", que te permite inscribirte en las clases de los profesores, ver las tareas y entregar tus trabajos.
• Profesor (ROLE_TEACHER): Solicita la activacion del rol profesor rellenando el formulario en "Editar cuenta" (tipo de escuela, institucion, materia). Hasta que la solicitud sea aprobada, el menu "Profesor" podria no aparecer.
• Administrador (ROLE_ADMIN): El admin puede aprobar o rechazar solicitudes de profesor, gestionar usuarios, modificar roles y habilitar o deshabilitar cuentas.

Inicio de sesion y cuenta

Para acceder a ER Designer puedes registrarte con email y contrasena o usar el inicio rapido mediante Google o GitHub (OAuth).

1. Ve a la pagina "Login" desde el menu principal.
2. Elige si iniciar sesion con credenciales (email/contrasena) o con un proveedor OAuth (Google, GitHub).
3. Si eres un nuevo usuario, haz clic en "Registrarse" para crear una cuenta.
4. Tras el inicio de sesion, abre "Editar cuenta" para completar tu perfil y activar roles (estudiante, profesor).

Cambio de contrasena

Puedes cambiar tu contrasena desde la seccion "Editar cuenta". Introduce la contrasena actual y la nueva.

Gestion de proyectos

Los proyectos son el contenedor principal de tu trabajo. Cada proyecto contiene un diagrama ER y, opcionalmente, el diagrama reestructurado y el esquema logico.

Crear un nuevo proyecto

1. Abre "Proyecto" desde el menu y haz clic en "Crear nuevo proyecto".
2. Introduce un nombre para el proyecto.
3. Elige el estilo del diagrama: Clasico (atributos como texto en las entidades), Ovalo (atributos como ovalos) o Tabular (esquema tabular directo).
4. Haz clic en "Crear" para abrir el tablero.

Gestionar proyectos existentes

Desde la pagina "Gestionar proyectos" puedes abrir, renombrar o eliminar tus proyectos. Cada proyecto muestra la fecha de ultima modificacion.

Importar un proyecto

Puedes importar un proyecto desde un archivo JSON previamente exportado. El archivo se cargara y el diagrama aparecera en el tablero.

El tablero ER

El tablero es el espacio de trabajo principal donde dibujas el diagrama Entidad-Relacion. Es un canvas interactivo donde puedes agregar, conectar y editar todos los elementos del esquema.

La barra de herramientas en la parte superior contiene todos los comandos necesarios: agregar elementos, conectarlos, exportar, importar, deshacer/rehacer y mucho mas.

Herramientas del tablero

La barra de herramientas ofrece los siguientes comandos:

• Entidad: agrega un nuevo rectangulo entidad al tablero. Haz clic en el boton y luego en el tablero para posicionarlo.
• Relacion: agrega un nuevo rombo relacion. Funciona como el boton Entidad.
• ISA (Generalizacion): agrega un triangulo para representar una generalizacion. Solo disponible en el diagrama original.
• Conectar: activa el modo de conexion. Haz clic en un elemento origen y luego en el elemento destino para crear una conexion.
• Seleccionar: modo predeterminado. Haz clic en un elemento para seleccionarlo y editar sus propiedades, o arrastralo para moverlo.
• Deshacer (Ctrl+Z): deshace la ultima accion.
• Rehacer (Ctrl+Y): rehace la ultima accion deshecha.
• Limpiar: elimina todos los elementos del tablero (con confirmacion).

Entidades y atributos

Las entidades se representan como rectangulos en el tablero. Cada entidad tiene un nombre y puede tener uno o mas atributos.

Para agregar una entidad, haz clic en el boton "Entidad" en la barra de herramientas y luego en el tablero en la posicion deseada.

El nombre de la entidad se puede modificar desde el panel Propiedades o directamente con doble clic. El nombre esta limitado a 30 caracteres y, si es demasiado largo, el tamano de fuente se reduce automaticamente.

Atributos

Los atributos se agregan desde el panel Propiedades haciendo clic en "+ Atributo". Cada atributo tiene un nombre y puede configurarse como:

• Clave primaria (PK): el atributo se subraya en el esquema.
• Compuesto: el atributo contiene sub-atributos y se representa con un ovalo o con sub-entradas anidadas.
• Multivalor: el atributo puede tener multiples valores y se muestra con doble borde.

Usa el boton "Realinear" para reposicionar automaticamente los atributos alrededor de la entidad.

Relaciones y cardinalidades

Las relaciones se representan como rombos en el tablero. Conectan dos o mas entidades y definen como se asocian los elementos de la base de datos.

Para agregar una relacion, haz clic en el boton "Relacion" y luego en el tablero. Para conectar la relacion a las entidades, usa la herramienta "Conectar".

El nombre de la relacion esta limitado a 20 caracteres. Si el texto es demasiado largo, se adapta automaticamente.

Cardinalidades

La cardinalidad define cuantos elementos de una entidad pueden asociarse con cuantos elementos de la otra. Se configura desde el panel Propiedades.

• Cardinalidad minima: indica el numero minimo de asociaciones (tipicamente 0 o 1).
• Cardinalidad maxima: indica el numero maximo de asociaciones (tipicamente 1 o N).

Las relaciones tambien pueden tener atributos propios, que se agregan de la misma manera que los atributos de las entidades.

Generalizaciones (ISA)

La generalizacion (ISA) representa una relacion "es un" entre una entidad padre y una o mas entidades hijas. Se representa como un triangulo en el tablero.

Para agregar una generalizacion, haz clic en el boton "ISA" y posicionala en el tablero. Conecta la entidad padre (arriba) y las entidades hijas (abajo) con la herramienta "Conectar".

Tipos de generalizacion

• Total: cada instancia de la entidad padre debe pertenecer a al menos una entidad hija.
• Parcial: una instancia de la entidad padre puede no pertenecer a ninguna entidad hija.
• Exclusiva (disjunta): cada instancia puede pertenecer a como maximo una entidad hija.
• Superpuesta: una instancia puede pertenecer a varias entidades hijas al mismo tiempo.

Panel de propiedades

El panel Propiedades aparece a la izquierda cuando seleccionas un elemento en el tablero. Muestra solo los campos relevantes para el tipo de elemento seleccionado.

• Para entidades: nombre, boton agregar atributo, lista de atributos con opciones (clave, compuesto, multivalor), boton realinear, boton eliminar.
• Para relaciones: nombre, atributos de la relacion, boton eliminar.
• Para conexiones: cardinalidad minima y maxima para cada lado de la conexion.
• Para generalizaciones: tipo (total/parcial, exclusiva/superpuesta).

Exportar e importar

ER Designer ofrece varias opciones para exportar e importar tu trabajo.

Importar JSON

Importa un archivo JSON previamente exportado. El diagrama del archivo reemplazara el actual en el tablero.

Atajos de teclado

Estilos de diagrama

ER Designer ofrece tres estilos diferentes para representar el diagrama ER. El estilo se elige al crear el proyecto pero puede cambiarse en cualquier momento desde la barra de herramientas con el boton "Estilo".

Para cambiar de estilo mientras trabajas, haz clic en el boton "Estilo" (icono de engranaje) en la barra de herramientas. El esquema se adaptara automaticamente.

Reestructuracion de la base de datos

La reestructuracion es el proceso que transforma el esquema ER conceptual en un esquema optimizado, listo para la traduccion al esquema logico. ER Designer ofrece una guia automatica para este proceso.

Iniciar la reestructuracion

Desde el diagrama original, haz clic en el boton "Reestructurar" en la barra de herramientas. El sistema analizara tu esquema y aplicara las transformaciones necesarias.

Que hace la reestructuracion

• Eliminacion de generalizaciones: las jerarquias ISA se resuelven.
• Eliminacion de atributos multivalor: se reemplazan con entidades separadas conectadas por relaciones.
• Eliminacion de atributos compuestos: se aplanan en atributos simples.
• Analisis de redundancias y optimizacion de recorridos.

Navegar entre las vistas

Tras la reestructuracion, aparecen tres pestanas en la barra superior: "Diagrama" (esquema original), "Reestructurado" (esquema reestructurado) y "Esquema Logico" (generado desde el reestructurado). Puedes cambiar entre vistas en cualquier momento.

Esquema logico

El esquema logico es la traduccion del esquema ER reestructurado al modelo relacional. ER Designer puede generar el esquema logico tanto en forma textual como grafica.

Esquema logico textual

El esquema logico textual muestra las tablas con sus campos en un formato de texto legible. Se genera automaticamente a partir del diagrama reestructurado.

Para generar el esquema logico textual, ve a la vista "Reestructurado" o "Esquema Logico" y haz clic en el boton "Esquema Logico" en la barra de herramientas.

Formato del esquema

Cada tabla se muestra con:

• Las claves primarias se indican con un asterisco (*) subrayado.
• Las claves foraneas se indican con un asterisco (*) y una referencia a la tabla de origen.
• Los demas atributos se listan normalmente.

Una leyenda al final explica los simbolos: * subrayado = clave primaria, * = clave foranea.

Esquema logico grafico (tabular)

El esquema logico grafico representa las tablas como rectangulos con columnas listadas, conectados por lineas que indican las relaciones.

El esquema logico grafico se genera automaticamente cuando pasas a la vista "Esquema Logico" despues de reestructurar el diagrama.

Notacion de cardinalidades

Las conexiones entre tablas usan la notacion "pata de gallo" (crow's foot):

• Una barra vertical (|) indica cardinalidad maxima 1.
• Tres lineas en abanico ("pata") indican cardinalidad maxima N.
• Un circulo pequeno (O) indica cardinalidad minima 0 (participacion opcional).
• Una barra (|) en el lado opuesto indica cardinalidad minima 1 (participacion obligatoria).

Clases (Estudiante)

La seccion "Clases" esta disponible tras activar el perfil de estudiante. Te permite inscribirte en las clases creadas por los profesores, ver las tareas y entregar tus trabajos.

Inscribirse en una clase

1. Abre "Clases" desde el menu y haz clic en "Inscribirse en una clase".
2. Introduce el codigo de la clase proporcionado por el profesor.
3. Tras la inscripcion, la clase aparecera en la lista "Mis clases".

Ver las tareas

Abre una clase para ver las tareas asignadas por el profesor. Para cada tarea puedes leer la descripcion, descargar adjuntos y crear el proyecto asociado.

Crear el proyecto de la tarea

Haz clic en la tarea y luego en "Crear proyecto" para abrir un tablero preconfigurado. El proyecto se vinculara automaticamente a la tarea.

Tareas (Profesor)

La seccion "Profesor" esta disponible tras la aprobacion del perfil de profesor. Permite crear clases, asignar tareas y monitorear las entregas.

Crear una clase

1. Abre "Profesor" desde el menu.
2. Haz clic en "Crear clase" e introduce el nombre.
3. Comparte el codigo de la clase con tus estudiantes.

Asignar una tarea

1. Desde "Profesor", haz clic en "Nueva tarea".
2. Selecciona la clase.
3. Introduce titulo, descripcion y, si es necesario, adjuntos.
4. Guarda la tarea: sera inmediatamente visible para los estudiantes.

Monitorear las entregas

Desde "Trabajos de alumnos" puedes ver el estado de entrega de cada estudiante. Puedes abrir los proyectos y reabrir un proyecto entregado para permitir modificaciones.

Biblioteca de ejercicios

ER Designer incluye una biblioteca de ejercicios listos para usar que puedes asignar directamente a tus clases.

Entrega (Estudiante)

Cuando has completado una tarea, puedes entregar tu proyecto al profesor.

Como entregar

1. Abre el proyecto vinculado a la tarea.
2. Verifica que el diagrama este completo y correcto.
3. Haz clic en el boton "Entregar" en la barra de herramientas.
4. Confirma la entrega en la ventana modal.

Reglas importantes

• Tras la entrega, el proyecto se convierte en solo lectura.
• Puedes seguir exportando a PDF o PNG despues de la entrega.
• Solo el profesor puede reabrir un proyecto entregado para permitir cambios.
• Un indicador "Proyecto entregado: no editable" aparecera en la barra de herramientas.

Administracion

Las funciones de administracion estan disponibles exclusivamente para usuarios con rol ADMIN.

Aprobacion de solicitudes de profesor

Cuando un usuario solicita el perfil de profesor, la solicitud aparece en el panel "Solicitudes de profesor". El admin puede aprobar o rechazar cada solicitud.

Gestion de usuarios

El admin puede buscar usuarios, ver detalles del perfil, modificar roles y habilitar o deshabilitar cuentas. Tambien puede ver los proyectos de cada usuario.

Preguntas frecuentes (FAQ)

No veo "Clases" o "Profesor" en el menu

Verifica tus roles activos en "Editar cuenta". Para "Estudiante", activa el perfil. Para "Profesor", envia una solicitud y espera la aprobacion.

He entregado un proyecto y ahora no puedo editarlo

Es el comportamiento esperado: la entrega hace el proyecto de solo lectura. Puedes exportar a PDF o PNG. Solo el profesor puede reabrirlo.

El diagrama no es visible (parece haber desaparecido)

El diagrama puede estar fuera del area visible. Usa los botones Fit, Zoom o Center para reencuadrarlo.

Puedo cambiar el estilo despues de crear el proyecto?

Si, haz clic en el boton "Estilo" en la barra de herramientas en cualquier momento. El diagrama se adaptara automaticamente.

Como funciona la reestructuracion?

La reestructuracion transforma el esquema conceptual en un esquema optimizado, eliminando generalizaciones, atributos compuestos y multivalor. Haz clic en "Reestructurar" para iniciar el proceso.

Es necesario instalar algo?

No, ER Designer es una aplicacion web. Funciona directamente en el navegador.

Los estudiantes pueden inscribirse con un codigo?

Si, el profesor comparte el codigo de la clase y el estudiante lo introduce en "Inscribirse en una clase".

El profesor puede reutilizar ejercicios?

Si, el profesor puede asignar el mismo ejercicio a diferentes clases y utilizar la biblioteca integrada.

Puedo usar ER Designer fuera del contexto escolar?

Por supuesto. La cuenta basica (ROLE_USER) permite crear y gestionar proyectos de forma independiente.

Como funciona el esquema logico?

El esquema logico se genera automaticamente a partir del diagrama reestructurado. Puedes verlo en forma textual o grafica (tablas conectadas con notacion crow's foot).

Referencia rapida

Resumen de las paginas principales, URLs y roles requeridos.