FACULTAD DE INGENIERIA Y SISTEMAS

PRACTICA 02 – CENTRO DE COMPUTO A-1

CICLO II – 2019
Asignatura: PROGRAMACIÓN II
Profesor: Ing. Luis Enrique Reyes
Fecha de Práctica: Miércoles 18 de septiembre de 2019
PRACTICA: Interacción con base de datos

OBJETIVO:

Implementar la conectividad con una base de datos haciendo uso de formularios, así como agregar,
listar, modificar. Pondremos en práctica la reutilización de código para evitar reescribir código cuando
este se repita en varias páginas.

ENTREGA DE EVIDENCIA
Para verificar que realizó la práctica, deberá colocar en un archivo de Word la evidencia de su
realización, este constará de capturar las pantallas de lo realizado (recorte) y colocarlas en un archivo
de Word. El nombre del archivo Word deberá ser su código de alumno.

Cada evidencia deberá colocarse en página individual, por lo que no debe colocar dos o más ejercicios
dentro de una misma página.

Deberá numerar cada ejercicio desarrollado en el mismo orden que se muestra en la presente guía.

Se habilitará espacio en la Virtual para que deposite su práctica realizada.

DESARROLLO
Recordando que para realizar la práctica deberá activar XAMPP y verificar que está activo el servidor
web, esta actividad se detalló en el documento proporcionado sobre instalación de XAMPP.

En esa carpeta deberá crear el siguiente directorio: “prg2_practica06”.

Dentro de esta carpeta irá creando los respectivos archivos de los programas que se vayan creando.

NOTA IMPORTANTE:
En los ejercicios deberá colocar las siglas de su apellido según su carnet, yo he
colocado “rv_”, usted coloque sus iniciales de apellidos.

Los ejercicios son un primer acercamiento en la combinación de código HTML,

PHP y SQL

La presentación de la información se basará en el uso de tablas, posteriormente se

usarán otras técnicas de presentación.

Por cada ejercicio deberá dejar evidencia de lo realizado.

 DESARROLLO DE PRÁCTICA

Ejercicio01
Creación de la base de dato de la práctica, para ello accedemos al panel izquierdo de XAMPP y
seleccionamos “Nueva”.

En el panel de la derecha escribimos el nombre “carnet_practica6”, entendiendo que deberá

reemplazar la palabra “carnet” por su código de carnet.

Y presionamos el botón “Crear”

Ejercicio02
Creación de la tabla “rv_datos_empleado” en donde se agregarán los datos de nuestra
información, para lo cual se crearán los siguientes campos:

Nota: Si posee una copia de la base de datos de la práctica anterior, deberá importarla para no
invertir tiempo en la construcción.

Código de empleado
Nombres
Apellidos
Departamento
Cargo
Fecha de ingreso
Salario
Correo electrónico

Si observamos necesitamos que la tabla posea 8 campos, por lo tanto le indicamos en XAMPP
que serán 8 campos

NOTA: El nombre de la tabla que usted creará deberá poseer como prefijo las siglas de
su carnet, así:
 Muestre como evidencia la pantalla con los campos vacíos

Creación de los campos para la tabla, deberá llenar los campos de la siguiente forma, recuerde
colocar a cada campo las siglas de su apellido.

Para el primer campo del código de empleado, deber buscar una columna con el nombre
“Indice”, al hacerlo el sistema le solicitará confirmar para crear un índice para ese campo, así:

Solo presione “Continuar”

 Capture la pantalla como evidencia.

Al final de la pantalla aparecerá el botón “Guardar”

Se le mostrará el resultado como muestra la siguiente imagen:

Deje la evidencia de la captura de pantalla respectiva

Ejercicio 3
Creación de la tabla rv_departamentos (unidades administrativas).

De igual manera que la tabla de empleados, deberá crear la tabla de deparamentos con los siguientes
campos

Ejercicio 4
Creación del programa de conexión a la base de datos.

En este caso este archivo será utilizado por todo programa que requiera acceder a la base de datos, el
nombre del archivo deberá nombrarlo “conexion.php y deberá poseer el siguiente código:

<?php
// Parametros para conectarse a la base de datos
$host = "localhost";
$db = "carnet_practica4";
$usuario = "carnet33";
$pass = "123456";

// Conexión a la base de datos

$conexion = mysqli_connect($host, $usuario, $pass, $bd);
?>

Ejercicio 5
Creación de la cabecera de todas las páginas que se mostrarán
En esta ocasión, el programa permitirá que configure el encabezado que se mostrará en todo el sitio.
Crear el programa “encabezado.php” y dentro de este colocar el siguiente código:

<center>
<table width="800px">
<tr>
<td><img src="img/logoufg.png"></td>
<td><h2>ADMINISTRACIÓN DE EMPLEADOS</h2></td>
<td></td>
</tr>
</table>
</center>

Ejercicio 6
Creación del menú que será reutilizado en los programas a visualizar.

El programa permitirá agregar opciones y automáticamente en todos los programas se verán las
mismas opciones en caso de cambiar de opinión de lo que estemos realizando. Crear el programa
“menu.php” y dentro de este colocar el siguiente código:

<center>
<table cellpadding="10">
<tr>
<td><a href="index.php">Inicio</a></td>
<td><a href="listaAlumnos.php">Alumnos</a></td>
<td><a href="agregar.php">Agregar Alumno</a></td>
</tr>
</table>
<hr>
</center>

Ejercicio 7
Creación del programa principal del sitio
Este servirá de inicio de todo el contenido, usted podrá incorporar la información que desee que se
muestre en esta página. Crear el programa “index.php” y el contenido deberá poseer el siguiente
código, observe que ya estamos incluyendo el programa “encabezado.php” y “menu.php”:

<!DOCTYPE html>
<html>
<head>
<title>PRINCIPAL</title>
</head>

<body>
<?php include_once("encabezado.php"); ?>
<?php include_once("menu.php"); ?>

<center>
<h3>AQUI PODRÁ COLOCAR LA INFORMACIÓN QUE REQUEIRA</h3>
 <br>
</center>

</body>
</html>
Ejercicio 8
Creación del programa que lista a los empleados
Crear el programa “listaAlumnos.php” e incluir el siguiente código:

<!DOCTYPE html>
<html>
<head>
<title> LISTA DE EMPLEADOS </title>
</head>

<?php
// Conexión a la base de datos

// Prepara instrucción para obtener registro de la base de datos

$sql = "select * from rv_datos_empleado ";
$query = mysqli_query($conexion, $sql);

?>
<body>
<?php include_once("encabezado.php"); ?>
<?php include_once("menu.php"); ?>
<center>
<h3> LISTADO DE EMPLEADOS </h3>
<?php
echo "<table border=1 width='70%''>";
while($fila = mysqli_fetch_assoc($query)){
// Obtener los datos de la base de datos
$codigo = $fila["rv_cod_empleado"];
$nombres = $fila["rv_nombres"];
$apellidos = $fila["rv_apellidos"];
$departamento = $fila["rv_departamento"];
$cargo = $fila["rv_cargo"];
$fecha_ingreso = $fila["rv_fecha_ingreso"];
$salario = $fila["rv_salario"];
$correo = $fila["rv_correo"];

//echo "<br> $nombres $apellidos $departamento $cargo $fecha_ingreso $salario

$correo";
echo
"<tr><td>$nombres</td><td>$apellidos</td><td>$departamento</td><td>$cargo</td><td>$f
echa_ingreso</td><td>$salario</td><td>$correo</td><td><a
href='modificar.php?empleado=$codigo'>Modificar Datos</a></td></tr>";

}
echo "</table>";
?>
 </center>
</body>
</html>

Ejercicio 9
Programa que muestra formulario para agregar empleados
El siguiente programa muestra el formulario utilizando una presentación basada en tablas para poder
agregar datos. El programa a crear se debe llamar “agregar.php” y el código a incluir es el siguiente:

<!DOCTYPE html>
<html>
<head>
<title> AGREGAR </title>
</head>

<body>
<?php include_once("encabezado.php"); ?>
<?php include_once("menu.php"); ?>
<center>
<h1> Agregar empleado </h1>
<form action="insert.php" method="POST">
<table>
<tr>
<td><label for="cod_empleado">Codigo de empleado:</label></td>
<td><input type="text" id="cod_empleado" name="cod_empleado"></td>
</tr>
<tr>
<td><label for="nombres">Nombres:</label></td>
<td><input type="text" id="nombres" name="nombres"></td>
</tr>
<tr>
<td><label for="apellidos">Apellidos:</label></td>
<td><input type="text" id="apellidos" name="apellidos"></td>
</tr>
<tr>
<td><label for="departamento">Departamento:</label></td>
<td><input type="text" id="departamento" name="departamento"></td>
</tr>
<tr>
<td><label for="cargo">Cargo:</label></td>
<td><input type="text" id="cargo" name="cargo"></td>
</tr>
<tr>
<td><label for="fecha_ingreso">Fecha Ingreso:</label></td>
<td><input type="text" id="fecha_ingreso" name="fecha_ingreso"> (aaaa-mm-dd)</td>
</tr>
<tr>
<td><label for="salario">Salario:</label></td>
<td><input type="text" id="salario" name="salario"></td>
</tr>
 <tr>
<td><label for="correo">Correo:</label></td>
<td><input type="text" id="correo" name="correo"></td>
</tr>
<tr>
<td><button>Enviar los datos ingresados</button></td>
<td><a href="listaAlumnos.php">Cancelar</a></td>
</tr>
</table>
</form>
</center>
</body>
</html>

Ejercicio 10
Creación del programa para insertar los registros
Se utilizará el programa que fue utilizado en la práctica anterior, el programa debe llamarse
“insert.php” y el código es el siguiente:

<?php
// Recepción de los campos desde el formulario
$cod_empleado = $_REQUEST["cod_empleado"];
$nombres = $_REQUEST["nombres"];
$apellidos = $_REQUEST["apellidos"];
$departamento = $_REQUEST["departamento"];
$cargo = $_REQUEST["cargo"];
$fecha_ingreso = $_REQUEST["fecha_ingreso"];
$salario = $_REQUEST["salario"];
$correo = $_REQUEST["correo"];

// Conexión a la base de datos

// Creación de la instrucción para agregar a la base de datos

$tabla = "rv_datos_empleado";
$sql = "INSERT INTO $tabla
(rv_cod_empleado, rv_nombres, rv_apellidos, rv_departamento, rv_cargo,
rv_fecha_ingreso, rv_salario, rv_correo)
VALUES
('$cod_empleado', '$nombres', '$apellidos', '$departamento', '$cargo', '$fecha_ingreso',
$salario, '$correo')
";

// Agregar registro en la Base de Datos

mysqli_query($conexion, $sql) or die(' Error al grabar datos de empleado');

header("Location: listaAlumnos.php");
?>
Ejercicio 11
Programa que muestra formulario para modificar los datos de un empleado
El programa que mostrará los datos para realizar cambio en los datos de empleado debe llamarlo
“modificar.php” y el código incluye el uso de tablas para darle presentación a los datos

<!DOCTYPE html>
<html>
<head>
<title> MODIFICAR </title>
</head>

<?php
// Obtiene codigo de empleado a corregir datos
$empleado = $_REQUEST["empleado"];

// Conexión a la base de datos

// Prepara instrucción para obtener registro de la base de datos

$sql = "select * from rv_datos_empleado where rv_cod_empleado = '$empleado' ";
$query = mysqli_query($conexion, $sql);
$fila = mysqli_fetch_assoc($query);

// Obtener los datos de la base de datos

$nombres = $fila["rv_nombres"];
$apellidos = $fila["rv_apellidos"];
$departamento = $fila["rv_departamento"];
$cargo = $fila["rv_cargo"];
$fecha_ingreso = $fila["rv_fecha_ingreso"];
$salario = $fila["rv_salario"];
$correo = $fila["rv_correo"];

?>
<body>
<?php include_once("encabezado.php"); ?>
<?php include_once("menu.php"); ?>
<center>
<h1> Modificar datos </h1>
<form action="update.php" method="POST">
<table>
<tr>
<td><label for="carnet">carnet:</label></td>
<td><input type="text" id="cod_empleado" name="cod_empleado" value="<?=$empleado
?>" readonly></td>
</tr>
<tr>
<td><label for="nombres">Nombres:</label></td>
<td><input type="text" id="nombres" name="nombres" value="<?=$nombres ?>"></td>
</tr>
<tr>
<td><label for="apellidos">Apellidos:</label></td>
<td><input type="text" id="apellidos" name="apellidos" value="<?=$apellidos ?>"></td>
 </tr>
<tr>
<td><label for="departamento">Departamento:</label></td>
<td><input type="text" id="departamento" name="departamento"
value="<?=$departamento ?>"></td>
</tr>
<tr>
<td><label for="cargo">Cargo:</label></td>
<td><input type="text" id="cargo" name="cargo" value="<?=$cargo ?>"></td>
</tr>
<tr>
<td><label for="fecha_ingreso">Fecha Ingreso:</label></td>
<td><input type="text" id="fecha_ingreso" name="fecha_ingreso"
value="<?=$fecha_ingreso ?>"> (aaaa-mm-dd)</td>
</tr>
<tr>
<td><label for="salario">Salario:</label></td>
<td><input type="text" id="salario" name="salario" value="<?=$salario ?>"></td>
</tr>
<tr>
<td><label for="correo">Correo:</label></td>
<td><input type="text" id="correo" name="correo" value="<?=$correo ?>"></td>
</tr>
<tr>
<td><button>Guardar Datos</button></td>
<td><a href="listaAlumnos.php">Cancelar</a></td>
</tr>
</table>
</form>
</center>
</body>
</html>

Ejercicio 12
Creación del programa para guardar el registro
De igual manera que en la práctica anterior, el programa que guardará los datos será “update.php” y el
código será el siguiente:

<?php
// Recepción de los campos desde el formulario
$cod_empleado = $_REQUEST["cod_empleado"];
$nombres = $_REQUEST["nombres"];
$apellidos = $_REQUEST["apellidos"];
$departamento = $_REQUEST["departamento"];
$cargo = $_REQUEST["cargo"];
$fecha_ingreso = $_REQUEST["fecha_ingreso"];
$salario = $_REQUEST["salario"];
$correo = $_REQUEST["correo"];

// Conexión a la base de datos

 // Creación de la instrucción para modificar registro en la base de datos
$tabla = "rv_datos_empleado";
$sql = "UPDATE $tabla SET
rv_nombres = '$nombres',
rv_apellidos = '$apellidos',
rv_departamento = '$departamento',
rv_cargo = '$cargo',
rv_fecha_ingreso = '$fecha_ingreso',
rv_salario = $salario,
rv_correo = '$correo'
WHERE rv_cod_empleado = '$cod_empleado'
";

// Agregar registro en la Base de Datos

mysqli_query($conexion, $sql) or die(" Error al grabar datos de empleado $sql ");

// Retorna al programa index.php

header("Location: listaAlumnos.php");
?>

Ejercicio 13
Creación del programa para administrar los departamentos (unidades administrativas donde
laboran los empleados)
Tal cual se ha hecho con la administración de empleados cree los programas respectivos para
administrar las unidades administrativas.