UNIVERSIDAD MARIANA

FACULTAD INGENIERÍA – PROGRAMA INGENIERÍA DE SISTEMAS

Electiva: DISEÑO Y DESARROLLO WEB

LABORATORIO 1

Número de participantes Materiales

Objetivos
1. Recordar los conceptos acerca del  Xampp
diseño y manipulación de las bases de  HeidiSQL
datos. Duración de la actividad  Draw.io
2. Resolver problemas que involucren  Word
crear una estructura de base de datos y
manipularla a través de SQL 02:30

PROBLEMA
En la Universidad Mariana se requiere construir una solución software para gestionar el servicio de copias que se
presta a toda la institución de forma análoga. El proceso funciona de la siguiente manera: desde cada programa se
diligencia un formato de autorización de copias (ver Figura 1), la persona que desea el servicio de copias entrega el
formato a la funcionaria de la dependencia correspondiente para que ella verifique los datos y pueda realizar su
trabajo de fotocopiar. Al final de cada mes la trabajadora de la dependencia genera unos informes por programa y
facultad de la cantidad de copias consumidas. Para llevar el control de cada formato diligenciado los funcionarios
piden que se identifique con un número único.
Figura 1. Formato de copias

 Debe existir una orden donde se refleje un código único identificador, la cantidad, el material a fotocopiar y la
fecha en la que se expide la misma.
 Debe tenerse en cuenta que la dependencia solicitante son los programas académicos y que para el presente
ejercicio se trabajará con los programas de Ingeniería de Sistemas e Ingeniería Ambiental.
 Cada programa pertenece a una Facultad y en la Universidad hay 5 a saber: Facultad de Ingeniería, Facultad
de Ciencias de la Salud, Facultad de Educación, Facultad de Humanidades y Ciencias Sociales y la Facultad de
Ciencias Contables, económicas y administrativas.
 Tome la decisión si los campos cantidad en letras y en números se puede optimizar.
 Cada dependencia solicitante tiene un centro de costos que lo identifica como único
 Cada dependencia tiene una persona que se constituye en el director de programa quien autoriza las
fotocopias
 La firma del director es quien autoriza, esta puede ser una imagen.
UNIVERSIDAD MARIANA
FACULTAD INGENIERÍA – PROGRAMA INGENIERÍA DE SISTEMAS

Electiva: DISEÑO Y DESARROLLO WEB

LABORATORIO 1

INSTRUCCIONES
Lee atentamente cada ítem y resuélvalos. Con la ayuda del software apropiado
1. Diseñe el diagrama entidad relación que le permitirá optimizar la gestión del proceso de copias en la Universidad
Mariana y péguelo a continuación

Usando la página web https://app.diagrams.net se realiza el diagrama entidad – relación de bases de datos

2. Escriba a continuación la instrucción en SQL que le permitirá la construcción de la base de datos y la creación de
las tablas, junto con sus relaciones.
Usando el programa XAMPP y habilitando la base de datos en conjunto con el programa HEIDISQL se realiza la
siguiente instrucción en SQL.

CREATE DATABASE fotocopias;

USE autorizacion;

CREATE TABLE autorizacion(

idAutorizacion INT(5) PRIMARY KEY AUTO_INCREMENT,
fecha DATE,
cantidad INT(5),
material TEXT,
dependencia VARCHAR(255),
codigo INT(5),
nombres VARCHAR(255),
firma VARCHAR(100)
);
UNIVERSIDAD MARIANA
FACULTAD INGENIERÍA – PROGRAMA INGENIERÍA DE SISTEMAS

Electiva: DISEÑO Y DESARROLLO WEB

LABORATORIO 1

3. Escriba a continuación la instrucción en SQL que le permitirá alimentar las tablas con los datos de prueba.

INSERT INTO autorizacion (fecha,cantidad,material,dependencia,codigo,nombres,firma)

VALUES('2022-02-09',100,'Formato entrevistas aspirantes','Ingeniería de
Sistemas',100,'Magda Salazar','firma.jpg');

4. Cree una carpeta en c:\xampp\htdocs\fotocopias

Y un archivo llamado index.html
Agregue la base de html5 y al interior del Body escriba

5. Visualice el formulario de prueba navegando en la dirección http://localhost/fotocopias, vamos a obtener el

siguiente formulario
UNIVERSIDAD MARIANA
FACULTAD INGENIERÍA – PROGRAMA INGENIERÍA DE SISTEMAS

Electiva: DISEÑO Y DESARROLLO WEB

LABORATORIO 1

6. Crear un archivo llamado procesa.php en la misma parte del index