UNIVERSIDAD DIGITAL DEL ESTADO DE MÉXICO

LICENCIATURA EN INFORMÁTICA ADMINISTRATIVA

ESTUDIANTE: EDGAR AMADO RIOS VAZQUEZ

MATRÍCULA: UDX042030137

ASESOR (A): JESÚS MALDONADO VILLEGAS

ASIGNATURA: DESARROLLO WEB

ACTIVIDAD DE APRENDIZAJE:

4.1 SITIO WEB Y BASE DE DATSO

FECHA DE ENTREGA

16 DE OCTUBRE DE 2023
Contenido
INTRODUCCIÓN.....................................................................................................................................2

DESARROLLO DE LA ACTIVIDAD.....................................................................................................4

CONCLUSIONES...................................................................................................................................11

FUENTES CONSULTADAS..................................................................................................................12

La tecnología a favor de tu formación académica .

 INTRODUCCIÓN

Las bases de datos son indispensables para la mayoría en la mayoría de entornos

informáticos, principalmente por que permiten realizar la inserción y sobre todo la consulta de
la información de una forma rápida y eficiente, por lo que la utilización de un sistema como
MySQL que cuenta con diversa compatibilidad con lenguajes de programación como es PHP.

MySQL cuenta con diversas funciones entre ellas obviamente la administración de bases de
datos, pero también cuenta con la posibilidad de controlar accesos mediante estas bases de
datos, debido a que mediante estas se pueden generar claves encriptadas para obtener
mayor seguridad. MySQL permite a los estudiantes como nosotros poder realizar nuestras
practicas mediante la utilización de diversas aplicaciones somo lo es XAMPP, que permite
emular un servidor de forma local y además incluye el sistema de MySQL para poder trabajar
con bases de datos, mientras se crean páginas web mediante Visual Studio Code o cualquier
otro programa que permita realizar la edición de código.

La tecnología a favor de tu formación académica .

 DESARROLLO DE LA ACTIVIDAD

En esta actividad se realizará una conexión entre el formulario que se realizó en la actividad
pasada de medicamentos con una base de datos, para que al dar de alta un nuevo
medicamento este se gurde en la tabla medicamentos mediante el uso de código HTML y
PHP, para ello se realizarán los siguientes pasos:

Primero se debe de iniciar el programa XAMPP mediante el cual se deberá iniciar la

aplicación de Apache como se muestra en la siguiente imagen.

Una vez iniciado el programa XAMPP es momento de abrir nuestro editor de código con el
cual se trabajará para realizar la programación del formulario, en mi caso yo utilice Visual
Studio Code.

La tecnología a favor de tu formación académica .

Código HTML del formulario de medicamentos

La tecnología a favor de tu formación académica .

La tecnología a favor de tu formación académica .
La tecnología a favor de tu formación académica .
Este código sigue siendo el mismo solo agregue un botón que permite limpiar la información
si es que se tuvo algún error.

Antes de escribir el código en PHP para la conexión con la base de datos, yo decidí crearla
primero para poderme ahorrar tiempo, aunque esta puede crearse después.

La tecnología a favor de tu formación académica .

El que si va cambiar es el código en el archivo PHP debido a que ya se debe hacer una
conexión con la base de datos, en la siguiente imagen se muestra el código:

En las primeras líneas de la 3 a la 6 se declaran las variables que permitirán el acceso y

conexión a la base de datos, después en la línea 8 se declara una variable con la cual se
realizara la conexión o se pide el acceso a la base de datos realiza la conexión y en la línea
11 por lo que logre entender es ahí donde se selecciona la base de datos para así poder
ingresar y guardar los datos que se ingresen en el formulario.

En las líneas de la 12 a la 18 como en la actividad del formulario, se declaran las variables

que permitirán recuperar los datos ingresados en el formulario HTML, después en la línea 20
se declara una variable con la cual después nos permitirá insertar los datos mediante el
INSERT INTO, donde enseguida se pondrá el nombre de la tabla donde se quieren ingresar
los datos, me parece que el nombre de los campos de cada tabla no son necesarios, pero
dejarlos o no, creo que no causa ningún problema y al final se colocan las variables que

La tecnología a favor de tu formación académica .

permiten recuperar los datos ingresados en el formulario, estos deben colocarse en el mismo
orden en que se colocaron los campos y así poderlos guardar donde les corresponde. Al
principio del ingreso de las variables se observa un campo vacío el cual corresponde al ID,
esto es debido a que está configurado para incrementarse automáticamente y conforme se
vallan ingresando los datos.

En la línea 22 nuevamente se declara una variable que nos permitirá realizar la ejecución de
la que se colocó en la variable $datos, en la ultimas líneas se declara una condición la cual si
no existe ningún error en la base de datos nos permitirá realizar él envió y guardado de la
información del formulario en la base de datos.

En la siguiente imagen se muestra cómo se ejecuta el formulario y la inclusión del nuevo

botón que permite limpiar el formulario.

La tecnología a favor de tu formación académica .

En la siguiente imagen se muestra la base de datos y la tabla medicamentos, donde ya se
han guardado algunos datos y se puede observar cómo es que al darle enviar se han
guardado los datos en la tabla.

La tecnología a favor de tu formación académica .

 CONCLUSIONES

La verdad la practica estaba muy sencilla, pero como tuve un poco de trabajo en mi negocio
la deje para después tres días antes de la fecha de entrega me propuse realizar el ejercicio y
por más tutoriales que veía y los aplicaba para conectar el formulario con la base de datos,
siempre me mandaba un error y así estuve esos tres días, no podía seguir con la actividad
4.2 sin terminar la 4.1, así que ya estaba un poco desesperado el día lunes y hoy, pero me di
cuenta que en el mensaje de error siempre me aparecía una 'S y siempre me salía con cada
configuración que realizaba o con cada tutorial que me encontraba en internet y aplicaba la
configuración, cambiaba variables y revisaba que no me faltara ningún dato pensando que tal
vez ese era el error, ya estaba muy desesperado por que veía tutoriales para corregir el error
y tampoco me funcionaban, continuaba con el mismo error hasta que reaccione un poco y
me di cuenta de que en el nombre de la farmacéutica estaba escribiendo SON'S por tantas
veces que me aparecía una 'S con coma simple en el error, procedí a quitarle la comilla
simple y después de eso ya no me apareció el mensaje y me dejo guardar la información en
la base de datos.

Todo el tiempo que batalle fue un simple error en los caracteres que estaba ingresando
dentro del formulario, pero me sirve de experiencia para volver a cometer el mismo error e
ingresar caracteres que no son válidos.

La tecnología a favor de tu formación académica .

 FUENTES CONSULTADAS

The PHP Group. (2023). mysqli_query. Consultado el 14 de octubre de 2023, de

https://www.php.net/manual/es/mysqli.query.php

The PHP Group. (2023). mysqli_select_db. Consultado el 14 de octubre de 2023, de

https://www.php.net/manual/en/mysqli.select-db.php

The PHP Group. (2023). mysqli_select_db. Consultado el 15 de octubre de 2023, de

https://www.php.net/manual/es/mysqli.select-db.php

UDEMEX. (2023). 4.1.2 Funciones de PHP con acceso a MySQL. Consultado el 14 de octubre de
2023, de https://aulas.udemex.edu.mx/pluginfile.php/62550/mod_resource/content/2/
ContAca/Desarrollo_web/412_funciones_de_php_con_acceso_a_mysql.html

UDEMEX. (2023). 4.2 Selección de la base de datos. Consultado el 14 de octubre de 2023, de

https://aulas.udemex.edu.mx/pluginfile.php/62550/mod_resource/content/2/ContAca/
Desarrollo_web/42_seleccin_de_la_base_de_datos.html

La tecnología a favor de tu formación académica .