Este documento describe los pasos realizados para implementar un sistema de validación de usuarios y protección de páginas web mediante sesiones en PHP. Se crearon archivos para el login, validación del usuario, menú principal y protección de páginas. El sistema redirecciona al usuario al menú principal si las credenciales son válidas o de lo contrario al login. Se probó el sistema en un hosting y funciona correctamente.

1. Validación de usuarios y
protección de páginas web
mediante SESIONES
Licenciatura en Tecnologías de la Información
Programación Web
Estudiante: Oscar Andres Alba Padron
Código: 220779802
Fecha: 10/04/2023

2. 1.- Para empezar, creé los archivos necesarios para
la tarea

3. Archivo:
login_Oscar_Alba.php

4. 2.- Para este primer archivo debemos inicializar las
Sesiones declaramos la sesion “validado” = “” y
destruimos las sesiones cuando el ingrese a esta
página

5. 3.- En el head del archivo añadí el título de la
página, un icono y lo vincule con los archivos css y
javascript

6. 4.- Dentro del div “texto2” introduje el código del
login mostrado en la página de w3schools
añadiendo el name e id al Usuario y la Contraseña

7. 5.- Cerré la conexión con la base de datos

8. Archivo:
validacion_usuario.js

9. 6.- Para este archivo recuperé los valores
ingresados por el usuario y los valido por medio de
varios if

10. Archivo:
validacion.php

11. 7.- En este archivo iniciamos el uso de las sesiones y
recuperamos los datos itroducidos por el usuario en
la página anterior

12. 8.- El seguiente paso fue crear la consulta SQL y correrla
guardando los datos recuperados en la variable
$cuantos. Después crear un if para detectar si los datos
son mayor a 0 y con la ayuda de un foreach recuperar el
valor de tipousuario almacenandolo en una sesión

13. 9.- Cerramos la conexión con la base de datos y
redireccionamos al usuario al archivo
menu_principal.php si el usuario y la contraseña son
correctos o al login_Oscar_Alba.php en caso de que no
coincidan

14. Archivo:
menu_principal.php

15. 10.- Para este archivo primero use la función
require_once para llamar el archivo proteccion.php y
añadí el título, icono, y vincule los archivos css y
javascript en el head del HTML

16. 11.- Como menú principal cree uno muy simple
utilizando tablas y vinculos como vemos a
continuación:

17. 12.-

18. 13.-

19. 14.- Añadí el pie de página, vincule el javascript
para el funcionamiento del menu desplegable y
cerré la conexión con la base de datos

20. Archivo:
proteccion.php

21. 15.- En este archivo creé un if para detectar si
$_SESSION[“validado”] no esta definida y si su valor no
es true, de ser el caso nos redirige nuevamente al login

22. Archivo:
proteccion2.php

23. 16.- En este archivo hice lo mismo que en el anterior
agregando otro if para detectar si un tipo de usuario 2
quiere ingresar a los registros de usuario, de ser e caso,
tambien lo redirige al login

24. Práctica en el hosting

25. 17.-

26. 18.-

27. 19.-

28. Práctica en funcionamiento

29. 20.-

30. 21.-

31. 22.-

32. Link de la práctica:
http://oscaralbaproyectophp2023a.ats
pace.cc/login_Oscar_Alba.php