1

INGENIERÍA EN SISTEMAS COMPUTACIONALES

MODALIDAD: EDUCACION A DISTANCIA

ASIGNATURA
PROGRAMACION WEB

ACTIVIDAD DE APRENDIZAJE
NO. 4.2

TEMA DESARROLLADO:
EJERCICIOS BÁSICOS: USO DE PHP

ALUMNO:
NOMBRE Nº DE CONTROL SEMESTRE SEDE
FREDI CALVO GOMEZ 17271386V 8° TUXTLA GTZ

NOMBRE DEL PROFESOR:

ISC. CÉSAR IVÁN ÁLVAREZ ALBORES

LUGAR: COL. SAN GABRIEL EL PALMAR MPIO. DE CHIAPA DE CORZO, CHIS.

FECHA: 26 DE MAYO DEL 2021

 2

INTRODUCCIÓN
En el siguiente documento se encuentra un reporte de trabajo, este reporte es una práctica de la materia
de programación web, en la cual se le dio seguimiento a una página web que se tenía creado con HTML,
pero en este caso se inició a trabajar con PHP, además se hizo conexión con bases de datos XAMPP, la bases
de datos y tablas que se crearon fueron para almacenar información de formulario así como validación,
para que tenga nuevas funcionalidades nuestra página web y hacerlo aún más llamativo ya que esto ayuda
a complementar aún mejor la página web que se tenía, cada vez se va avanzando un poco más, para que
este reporte se bastante entendible se lleva una numeración de paso a paso de cómo se fue
complementando la práctica, se tiene captura de pantalla que hacen mejor la comprensión del reporte que
aquí se describe los pasos para lograr el objetivo de la práctica.

DESARROLLO
1. Como primer número hice algunos cambios en mis páginas web que estaba en extensión
HTML lo cambie a PHP, otra cosa que cambie fue, el index lo lleve a la carpeta MENU que
tengo y de esa carpeta saque la de login, hice este cambio para que cuando carguemos la
página aparezca primero el login y no la bienvenida, a continuación se muestra la captura
de pantalla como quedo estructurado las páginas web.

2. Después con el programa XAMPP, cree la base de datos de “adopción mascotas” como se
muestra en la siguiente captura de pantalla.
 3

3. Dentro de la base de datos “adopción mascotas”, cree una tabla llamada mensaje con
cuatro columnas como se muestra en la siguiente captura de pantalla.

4. En esta captura de pantalla se puede observar los privilegios que le estamos otorgando a
nuestra tabla de mensajes.
 4

5. En la siguiente captura de pantalla se observa la forma que ha quedado nuestra tabla de

mensajes, todo está correctamente creado.

6. En la página de contáctanos, escribí el siguiente código que se muestra a continuación en

PHP, para conectar la base de datos que tengo creado en XAMPP, para ello declare el
servidor, usuario código y el nombre de la base de datos, pero si este no conecta que me
muestra un mensaje de “error en la conexión con el servidor”.
 5

7. La siguiente captura de pantalla en la página de contáctanos, aquí se muestra el código

PHP, donde el botón enviar, enviara datos de nombre, email y mensaje a la tabla de
mensajes, y se almacenara de forma que se describió cada uno de los datos, pero si no se
logra almacenar esos datos en la tabla enviara un mensaje de “error en la línea SQL”.

8. En la siguiente captura de pantalla se muestra el formulario de contacto que he creado,

para que aquí se escriba la información, para que un usuario pueda contactarse de manera
fácil, estos datos se guardara en la tabla de “mensajes”, de la base de datos “adopción
mascotas”.
 6

9. Cuando quise enviar algunos datos del formulario a la tabla de mensajes no los envió me
salió un mensaje diciéndome que hay un “Error en la línea SQL”, por más que le busque no
encontré cual es el problema, ahí si pudiera ayudarme profe.

10. Ahora creare en la base de datos “adopción mascotas”, una tabla llamada usuarios con
siete columnas como se muestra en la siguiente captura de pantalla.
 7

11. En la siguiente captura de pantalla se muestra los privilegios que le he otorgado a mi tabla
de “usuarios”, como se muestra a continuación.

12. En la siguiente captura de pantalla se muestra que ya se ha creado la tabla correctamente,

así de cómo quedo estructurado.
 8

13. En la página de registrar cree un código PHP, en la cual es para hacer la conexión de la base
de datos con esta página, para ello llame al servidor, usuario, clave y el nombre de la base
de datos, pero si no hay la conexión de la página con la base de datos, entonces nos enviara
un mensaje de “Error en la conexión con el servidor”.

14. En la página de registrar cree otro código PHP, donde llamo el botón de registrar, así como
los datos que se ingresara de la página a la base de datos, como usuario, email, password,
nombre, apellido y teléfono, todos estos dato se insertaran y guardaran en la tabla de
usuarios, de la manera correcta como se describe, si no llegara a insertarse esos datos en
la tabla nos enviara un mensaje de “Error en la línea de SQL”. Como se muestra en la
siguiente captura de pantalla.
 9

15. En la página de registrar, ya he llenado los campos como se muestra en la siguiente captura
de pantalla, para que esto se guarde con el botón de regístrate lo enviare los datos a la
tabla de “usuarios”, y ahí deben aparecer después de enviarlo.

16. La siguiente captura de pantalla es de la tabla de “usuarios” de la base de datos “adopción

mascotas”, aquí ya se muestran los datos que en el numero anterior añadimos desde la
página de registrar, se muestra el primer usuario agregado a la tabla.
 10

17. Después de todo lo anterior cree una página PHP llamada “validar login”, esta página será
para que el usuario ya registrado pueda acceder desde el login a la página de bienvenida
de la página web, usando su usuario y contraseña que antes guardo en el formulario de
registro. Para ello en la siguiente captura de pantalla se creó un código PHP donde se
menciona que para entrar a la página de bienvenida en el login se debe usar el usuario y
contraseña creado en el formulario de registrar, se hace la conexión con el servidor,
usuario, clave y nombre de la base de datos, luego se le mención que los datos de usuario
y contraseña de la tabla usuarios es de donde debe sacar esos datos para comprobar si los
datos que está poniendo en el login son correctos y concuerdan con lo que ya tienen
guardado en la tabla de usuarios, si los datos son correcto, nos enviara a la página de
bienvenida de lo contrario nos mostrara un mensaje “Error de usuario y contraseña”, y nos
volverá a enviar al login para seguir intentando, hasta que los datos sean correctos.
 11

18. La siguiente captura de pantalla es de “login”, estoy poniendo los datos de usuario y
contraseña que anteriormente registre en la tabla de usuarios, para ver si funciona pulsare
el botón de enviar, si todo está correctamente me enviara a la página de bienvenida de los
contrario no me llevara a ningún lado me quedare ahí con un mensaje de error.

19. Se puede observar que todo está funcionando correctamente, ya que al poner los datos en
el login, me ha llevado a la página de bienvenida, ha quedado correctamente toda la
conexión con la base de datos, la tabla y el login.
 12

20. Con esto finalizo esta práctica de la validación de las páginas y conexión con las base de
datos, funcionando correctamente.

CONCLUSIÓN
Después de realizar el objetivo de la práctica he aprendido a como trabajar con páginas que estaban en
HTML, se trasladen a PHP, una cosa que también se me hizo interesante fue que reacomode mis páginas
web que tengo creado ya que primero puse el login y luego ya el index, para que esto funcione en la página,
tuve que crear una bases de datos con tablas, tuve que hacer que el formulario de registrar para que este
almacenen la información de los usuarios que se registren, en el caso del login se tiene que usar el usuario
y la contraseña con el que se registró para que puede acceder a la página de bienvenida de lo contrario no
dejara entrar, ahora entiendo algunas cosas de cómo funcionan las páginas web, como las redes sociales
utilizan este tipo de cosas para que puedan registrarse el usuario y de esa manera acceder al página
principal, teniendo que pasar por el login, aunque al momento de trabajar con el almacenamiento en una
tabla de la base de datos tuve ciertas fallas que aunque le busque no le encontré solución, pero en algunos
casos si funcionaron correctamente, pero he aprendido cosas nuevas con esta práctica.