UNIVERSIDAD POLITÉCNICA DEL VALLE DE TOLUCA

NOMBRE DEL PROGRAMA EDUCATIVO:

INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN

NOMBRE DEL ASIGNATURA:

PROGRAMACIONN WEB

NOMBRE DE LA PRÁCTICA:

EXAMEN PRACTICO U4.

NOMBRE DE LA UNIDAD DE APRENDIZAJE:

Unidad: 4. Autenticación de usuarios

FACILITADOR:
VALENCIA PEREZ PEDRO
INTEGRANTES:
No Matrícula Nombre Firma
1 1321373155 GOMEZ FABILA GLADIZ PALOMA
2 1321373144 ALVAREZ FABILA EDREY ZAID

MARZO 2024
Número de 4 Duración (horas)
Práctica:
Laboratorio de: NO APLICA.
Resultado de
Aprendizaje:

Justificación:

Marco Teórico:

Material, equipo Computadora personal.

y/o reactivos:

Desarrollo de la (Se puede Anexar al final del archivo)

Práctica:

Resultados y
observaciones

Conclusiones y/o
recomendaciones

Referencias
bibliográficas y/o
Fuentes
consultadas

Manejo y
Disposición de
Desechos:
Grupo: Equipo: Calificación:
 DESARROLLO DE LA PRACTICA.
En la presente practica se integra el desarrollo web, para dicho proyecto se realizo
una página web informativa acerca de la universidad, dicha página fue una
propuesta por la profesora y sería presentada a la directora de la carrera.
Esta página esta elaborada para el apartado de talleres que ofrece la universidad,
se integro cada uno de los talleres ofrecidos, la autenticación y validación de los
datos ingresados por los usuarios a través de logins de registros.
Dicha página cuenta con una sección en donde se puede registrar para asistir a el
curso, en donde se guarda el nombre, correo y e
Para la integración de diseño, se hizo uso de la manipulación de plantillas, en este
caso se usó una de Bootstrap, en donde se modificó el HTML, adaptándolo a las
necesidades que se presentaron
Para la base de datos se esta trabajando desde el servidor local xampp, con
MySQL para la gestión de la base de datos.
A continuación, se integra una tabla en donde se muestra la captura y descripción
de lo que se realizó.

CAPTURA DESCRIPCIÓN
En primer lugar, para poder
acceder al contenido de la
página web encontramos un
login, este se divide en dos,
uno donde se inicia sesión,
como podemos observar en la
imagen y otro donde se
registra un nuevo usuario, una
vez que se da clic en el botón
de ingresar verifica que los
datos ingresados
correspondan con la base de
datos y si es asi, permitirá
ingresar.
En la siguiente imagen se
puede observar que se hace
referencia a “login.php”, ya
que, por medio de este php, se
verificara en la base de datos
que exista el usuario que está
intentando ingresar.
Este código PHP verifica si se
enviaron datos de un
formulario POST, luego recibe
la matrícula y contraseña.
Después, intenta conectar a
una base de datos "taller"
usando la información de
conexión proporcionada.
Si no logro establecer la
conexión arrojara un error.
Se hace uso de sentencias
SQL, para verificar la
existencia de los datos
proporcionados dentro de la
tabla registros, verificando la
matricula y contraseña.
Si los datos proporcionados
coinciden con los registros en
la base de datos, el usuario es
redirigido a "menu.html". De lo
contrario, se muestra un
mensaje de error indicando
credenciales incorrectas.
Luego, se cierra la conexión a
la base de datos.

En la siguiente imagen
podemos apreciar el registró
para un nuevo usuario.
Aquí se llenan los datos y de
igual forma son almacenados
en la base de datos.

Aquí podemos apreciar la

estructura del formulario que
permite a los usuarios
registrarse proporcionando su
nombre, apellidos, matrícula y
contraseña. Al hacer clic en
"Registrarse", los datos se
enviarán a "registro.php"
utilizando el método POST.
En este código php se
establece una conexión a la
base de datos "taller". Luego,
verifica si se ha enviado un
formulario mediante el método
POST. Si es así, guarda los
datos del formulario, como
nombre, apellidos, matrícula y
contraseña.

Por cuestiones de seguridad

las contraseñas deben de
estar encriptadas para que
nadie tenga acceso, es por ello
que se hace uso del método
HAS, el cual nos va a permitir
la encriptación de lo que se
recibe en el campo y en la
base de datos se refleja la
encriptación.
En la siguiente imagen se
puede visualizar que los
primeros datos no estaban aún
integrado el método “hash”,
una vez que ya se integró, en
la base de datos en el campo
de contraseña ya se muestra
de manera irreconocible lo
antes ingresado, esto por
cuestiones de seguridad.

Este código inserta los datos a

la tabla de registros, una vez
que fueron insertado
correctamente, redirigirá a la
pagina principal de los talleres.
De igual manera cuando una
contraseña no es segura nos
arroja la advertencia.

Una vez que el usuario ha

logrado ingresar, lo redirige a
la página principal en donde se
aprecian todos los talleres.
En esta imagen se visualiza
donde se están definiendo los
nombres para los talleres con
los que se cuenta.

Como primer punto contamos

con los talleres de danza que
están siendo impartidos
durante este curso, y se
agrega una pequeña
descripción.

En esta pantalla de código se

define el nombre del tipo de
baile y una descripción de lo
que es y en que consiste.
Como segundo punto se
encuentran los talleres de
deporte.

De igual manera, se muestra

el deporte y una pequeña
descripción de en que
consiste.

También como se puede ver

se muestra la categoría de
desarrollo de talento, con el
único taller.
En esta captura se muestra
donde se define el nombre del
taller y una descripción de en
qué consiste.

En esta captura como se

puede ver se muestra la
categoría de SQL, de igual
manera con el único taller.

Se muestra en la captura
donde se define el nombre del
taller y una descripción de en
qué consiste.

En este apartado el usuario se

puede registrar para llevar un
control de quien a visitado la
pagina web, y se muestran los
campos a llenar con sus
respectivas validaciones.
También la API de Google
Maps donde lleva a la
dirección de la universidad.
Se muestra la captura donde
se definen los campos a llenar
del formulario de registro, y de
igual manera el botón de
Enviar