Del modelo ER al modelo lógico, un ejemplo

Revista(1)—(N)Artículo(N)—(N)Autor

Revista: título, ISSN, número, año publicacion

Artículo: título, página inicio y fin

Autor: Nombre, email, país nacimiento

Autor-Artículo: posición

 

E/R- > Modelo lógico siguiendo los pasos del esquema

Nombre de la clave principal: id a secas, id+nombre tabla, id_nombretabla (ej: id, idrevista, id_revista)

Reglas de nombres: Minúsculas, NO ACENTOS O Ñ, podemos usar guión bajo como separador

Los nombres de las tablas también usan esas reglas, poner el nombre en singular

Usemos lo que usemos: con coherencia

revista

id_revista

titulo

issn

numero

anyo_publicacion

 

articulo

id_articulo

titulo

pagina_inicio

pagina_fin

id_revista

 

autor

id_autor

nombre

email

pais_nacimiento

 

autor_articulo

id_autor_articulo

id_articulo

id_autor

posicion

 

Pequeña práctica

Crear una base de datos ‘Zoologico’

Y dentro de esa base de datos una tabla ‘Especies’

De la siguiente manera:

Especies

id_especie   auto increment

nombre_comun  varchar(50)

nombre_cientifico  varchar(50)

descripción  varchar(50)

Reglas para la transformación del modelo E-R al modelo lógico

1.- Cada entidad se transforma en una tabla

Si en nuestro modelo ER tenemos una entidad ‘Productos’ en nuestra base de datos tendremos una tabla ‘Productos’

2.- Cada tabla tiene una clave principal. Puede ser una clave natural o subrogada, pero aconsejamos poner una clave principal subrogada con idnombretabla

Las claves naturales prácticamente no se usan. Todos los SGBD tienen tipos de datos que se autoincrementan. Si tenemos una tabla productos mi consejo es que crees un campo llamado ‘id’ o ‘idproducto’ de tipo autoincremental.

3.- Las relaciones se tranforman así:

1-N El campo clave de la tabla de la parte ‘1’ de la relación se pone como campo en la tabla de la parte ‘N’

N-N Se crea una tabla intermedia con los campos claves de las dos tablas como campos y opcionalmente (aunque yo lo recomiendo) un campo clave propio.

Si tengo las tablas Categorías, Productos y Proveedores con una relación 1-N entre categorías y productos y una relación N-N entre proveedores y productos lo tendríamos que implementar así:

a) El campo clave de categoría (idcategoría) lo pongo como campo normal en Productos.

b) Creo una tabla productos_proveedores y en esta tabla pongo tres campos: idproducto_proveedor clave principal autoincrement, idproducto e idproveedor como campos normales.

4.- Se ponen los atributos con sus tipos donde corresponda, sea en la relación o sea en la tabla.

Cada SGBD tiene sus tipos de datos, pero en general todos tienen tipos de datos varchar para texto, int para datos enteros, decimal o currency para monedas, date y datetime para fechas y horas…

Hay que tener en cuenta algunas cosas:

a) Hay datos que parecen numéricos pero son cadenas de texto: un código postal, un teléfono. Como regla podemos decir que será de tipo numérico aquello con lo que podemos operar (sumar, restar) como por ejemplo un stock, un precio y será de tipo texto aquello con lo que no tiene sentido operar, en un código postal no tiene sentido sumar o restar nada.

b) Los atributos pueden ir en las relaciones, no es algo extraño. Si tengo una relación entre actores y películas N-N puedo tener un atributo ‘papel’ que no va ni en actor ni en película, va en la relación. Como las relaciones N-N crean una tabla intermedia ese atributo irá en la tabla intermedia.

Ejercicio academia

Crear un diseño entidad relación que permita controlar el sistema de información de una academia de cursos siguiendo estas premisas:

  • Los datos que se almacenan de los alumnos son el DNI, dirección, nombre, teléfono y la edad
  • Los cursos que imparte la academia se identifican con un código de curso. Además se almacena el programa del curso, las horas de duración del mismo, el título y cada vez que se imparte se anotará las fechas de inicio y fin del curso junto con un número concreto de curso (distinto del código) y los datos del profesor o profesora (sólo uno por curso) que son: dni, nombre, apellidos, dirección y teléfono
  • Se almacena la nota obtenida por cada alumno en cada curso teniendo en cuenta que un mismo alumno o alumna puede realizar varios cursos y en cada cual obtendrá una nota.

Mini ejercicio BD

Una empresa nos pide que creemos una BD para controlar su inventario. Tienen un almacen con una serie de productos de los que les interesa saber el nombre y la cantidad que tienen (p. ej. tuercas, 20).
Los productos se los compran a unos proveedores y quieren saber el nombre y el telefono de los mismos para que cuando necesiten renovar stock les puedan llamar.

Crear el modelo E/R para esta base de datos.

¿Crees que tienes toda la información o consideras que hay que preguntarle algo al cliente?

Ejercicio repaso HTML y CSS

Una aproximación:


<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="estilos.css">
</head>

<body>
	<div class="container">
		<div class="row" id="cabecera">
			<div class="col-md-3 bg-dark"><img width="100"
					src="https://www.hola.com/imagenes/estar-bien/20180925130054/consejos-para-cuidar-a-un-gatito-recien-nacido-cs/0-601-526/cuidardgatito-t.jpg">
			</div>
			<div class="col-md-9 bg-dark">
				<nav class="navbar navbar-expand-sm bg-dark navbar-dark  justify-content-end">
					<!-- Brand/logo -->
					<a class="navbar-brand" href="#">Logo</a>

					<!-- Links -->
					<ul class="navbar-nav">
						<li class="nav-item">
							<a class="nav-link" href="#">Contacto</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">Productos</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">Quienes somos</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>

		<div class="row">
			<div class="col-md-4"></div>
			<div class="col-md-4 text-center">
				<h4>Hola que tal</h4>
				<h1>Yo muy bien con okal ¿Y tú?</h1>
				<h1>--</h1>
			</div>
			<div class="col-md-4"></div>
		</div>

		<div class="row">
			<div class="col-md-4">
				<article class="p-4 border">
					<img class="img-responsive" style="width:100%"
						src="https://www.hola.com/imagenes/estar-bien/20180925130054/consejos-para-cuidar-a-un-gatito-recien-nacido-cs/0-601-526/cuidardgatito-t.jpg">
					<h4>Reparaciones guays</h4>
					<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi atque suscipit blanditiis rerum
						obcaecati, alias dolorum mollitia magnam cumque ducimus similique illum voluptatibus quidem, qui
						numquam possimus excepturi sint aliquid.</p>
					<div class="row">
						<div class="col-md-8">Texto</div>
						<div class="col-md-4">→</div>
					</div>
				</article>
			</div>
			<div class="col-md-4">
				<article class="p-4 border">
					<img class="img-responsive" style="width:100%"
						src="https://www.hola.com/imagenes/estar-bien/20180925130054/consejos-para-cuidar-a-un-gatito-recien-nacido-cs/0-601-526/cuidardgatito-t.jpg">
					<h4>Reparaciones guays</h4>
					<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi atque suscipit blanditiis rerum
						obcaecati, alias dolorum mollitia magnam cumque ducimus similique illum voluptatibus quidem, qui
						numquam possimus excepturi sint aliquid.</p>
					<div class="row">
						<div class="col-md-8">Texto</div>
						<div class="col-md-4">→</div>
					</div>
				</article>

			</div>
			<div class="col-md-4">
				<article class="p-4 border">
					<img class="img-responsive" style="width:100%"
						src="https://www.hola.com/imagenes/estar-bien/20180925130054/consejos-para-cuidar-a-un-gatito-recien-nacido-cs/0-601-526/cuidardgatito-t.jpg">
					<h4>Reparaciones guays</h4>
					<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi atque suscipit blanditiis rerum
						obcaecati, alias dolorum mollitia magnam cumque ducimus similique illum voluptatibus quidem, qui
						numquam possimus excepturi sint aliquid.</p>
					<div class="row">
						<div class="col-md-8">Texto</div>
						<div class="col-md-4">→</div>
					</div>
				</article>
			</div>

		</div>

		<footer class="row">

		</footer>
	</div>
</body>

</html>

Resolución ejercicio UF2

<div id="contenedor" class="container">
		<p>Código postal: <input type="text" id="cp" placeholder="Introduzca el cp"></p>
		<button id="calcular" class="btn btn-success">Calcular gastos de envío</button>
		<h3 id="resultado"></h3>
	</div>
document.getElementById('calcular').addEventListener('click', calcular)

function calcular () {
  const cp = document.getElementById('cp').value
  console.log(cp)
  // Haré los cálculos

  document.getElementById('resultado').innerHTML = 'Mensaje'
}

function gastosEnvio (cp) {
  /* Detectar cp Barcelona: 1 pt
	Detectar cp Catalunya: 3 pt
	Detectar cp resto: 2pt
*/
  return 0
}

function cpCorrecto (cp) {
  /*
  Detectar longitud = 5: 2 pt
	Detectar todo dígitos: 2 pt
*/
  return true
}

Todo resuelto:

document.getElementById('calcular').addEventListener('click', calcular)

function calcular () {
  const cp = document.getElementById('cp').value
  // Haré los cálculos
  let mensaje = ''
  if (cpCorrecto(cp)) {
    mensaje = 'Gastos de envío: ' + gastosEnvio(cp) + ' €'
  } else {
    mensaje = 'Código incorrecto'
  }
  document.getElementById('resultado').innerHTML = mensaje
}

function gastosEnvio (cp) {
  /* Detectar cp Barcelona: 1 pt
	Detectar cp Catalunya: 3 pt
	Detectar cp resto: 2pt
*/
  let gastos = 5
  if (cp.startsWith('08')) {
    gastos = 0
  } else if (cp.startsWith('25') || cp.startsWith('43') || cp.startsWith('17')) {
    gastos = 3
  }
  return gastos
}

function cpCorrecto (cp) {
  /*
  Detectar longitud = 5: 2 pt cp.length==5
	Detectar todo dígitos: 2 pt isNaN(cp)-> No es un número, por lo tanto la negación: !isNaN(cp)
*/
  if (cp.length == 5 && !isNaN(cp)) {
    return true
  } else {
    return false
  }
}

function todoDigitos (cadena) {
  for (let i = 0; i < cadena.length; i++) {
    if (cadena.slice(i, i + 1) < '0' || cadena.slice(i, i + 1) > '9') {
      return false
    }
  }
  return true
}