UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

“UNIANDES”

FACULTAD DE SISTEMAS MERCANTILES

CARRERA DE SISTEMAS
TEMA:
DESARROLLO CLIENTE SERVIDOR II

AUTORES: COLLAHUAZO ESTALIN, JASON HUERA.

CATEDRÁTICO: ING. MARCO CHECA, MSC

NIVEL: NOVENO

MODALIDAD: PRESENCIAL

IBARRA – ECUADOR

ABRIL – MAYO 2021

TEMA
Laboratorio: Manejo de datos en el servidor e interacción con el cliente mediante una
aplicación web.
Objetivo
Esta actividad tiene como objetivo principal el hacer uso de los componentes y
características principales de la computación en el servidor web, como son el uso del
patrón MVC, formularios, manejo base de datos, diseño de clases.
DESARROLLO DEL TEMA
La finalidad es practicar los conocimientos adquiridos en la asignatura hasta el momento,
principalmente los relacionados con el acceso a bases de datos y la interacción con el
cliente, así como el diseño mediante la arquitectura de aplicaciones web usando el patrón
Modelo Vista Controlador (MVC).
La finalidad de esta actividad es obtener los siguientes aspectos:
- Diseño de la solución haciendo uso del patrón MVC (en caso de dificultad en su uso, se
puede utilizar otro diseño y también se valorará, aunque para alcanzar la máxima
puntuación será requerido el uso de MVC).
- Conexión, consulta, inserción, actualización y borrado de datos. Se valorará
positivamente que se usen otros atributos de mysqli.
Para empezar, se hará una breve explicación de lo que consiste Modelo Vista Controlador.
El paradigma modelo vista controlador (MVC) es un patrón de diseño que separa el
código en tres capas. Utilizar un patrón de diseño a menudo es muy recomendable, ya que
es una forma estandarizar nuestro código, optimizarlo y hacer que sea más legible.
¿Qué es el patrón MVC?
Modelo: es la lógica de negocios. Es decir, las clases y métodos que se comunican
directamente con la base de datos.
Vista: es la encargada de mostrar la información al usuario, con de forma gráfica y legible.
Controlador: el intermediario entre la vista y el modelo, se encarga de controlar las
interacciones del usuario en la vista, pide los datos al modelo y los devuelve de nuevo a
la vista para que esta los muestre al usuario. Es decir, las llamadas a clases y métodos, y
los datos recibidos de formularios.
¿Como funciona el MVC?
El funcionamiento básico del patrón MVC, puede resumirse en:
El usuario realiza una petición.
El controlador captura la petición.
Hace la llamada al modelo correspondiente.
El modelo será el encargado de interactuar con la base de datos.
El controlador recibe la información y la enviá a la vista.
La vista muestra la información.

¿Como implementar el MVC en PHP?

Para implementar el MVC es imprescindible crear una estructura de ficheros parecida a
esta:
La carpeta la situamos en la raíz del xampp, para abrirlo desde el navegador con localhost.

Creamos el archivo index.php el cual direcciona la página que vamos abrir.

En esta parte haremos uso de la configuración para conectar la aplicación web con la base
de datos haciendo uso de la clase MYSQLi.
En esta imagen se presenta algunas propiedades, métodos las cuales se presenta para el
uso de esta clase.

La clase mysqli la usamos para hacer la conexión a la bdd.

Una vez creada la conexión ingresamos por medio de logeo para asegurar que diferentes
usuarios hagan uso de la aplicación web.
Una vez que ingresemos al sistema en modo administrador nos muestra la siguiente
ventana.

En donde podemos agregar productos, clientes, además también se realiza ventas,

compras, y se controla el stock de cada producto.
A continuación, ingresaremos un nuevo registro (CREATE) de clientes.
CRUD para clientes.
Ahora se realizará la modificación (UPDATE) de los datos del cliente ingresado.
Y por último como función del CRUD también se tiene el eliminar (DELETE), en este
caso eliminaremos algunos registros de personas.

Para cada registro que eliminemos nos alertara si estamos seguros antes de continuar con
el proceso.
De esta manera también estamos eliminado desde la base de datos y actualizando.

En este caso como podemos observar se está controlando por medio del estado, como se
puede observar tenemos 6 registros de personas en la bdd, de las cuales eliminamos 2 nos
muestra el estado en cero de las personas que se eliminan desde el formulario.
CRUD para productos.
Del mismo modo realizamos el registro de un nuevo producto en el sistema.
Ahora se procede a modificar ciertos campos para demostrar el (UPDATE) del CRUD.
De la misma manera se actualiza en la bdd desde phpmyadmin.

Y como ultimo se realiza la eliminación de datos (DELETE).

Del mismo modo nos alerta con un mensaje para estar seguros de eliminar el producto.
De esta manera se esta controlando la parte de CRUD en lo que comprende al Modelo
Vista Controlador con la clase MYSQLi.
Como siguiente actividad se tiene que controlar el inventario de los productos tanto al
realizar las ventas como las compras. Para ello se ha creado un apartado para cada
funcionalidad.
Como primera opción de practica realizaremos una nueva compra de diferentes
productos.

Como podemos ver en la imagen se ha agregado varios productos además de un teléfono

Huawey.

Al realizar la compra nos muestra un mensaje de confirmación de la compra. Y además

el stock de los productos se no disminuye y de esta manera controlamos el inventario de
los productos.

Como se observa en la bdd las cantidades que tenemos.

Una vez adquirido los productos, se procede a realizar la venta de estos productos a los
clientes.
En el apartado de ventas ingresamos a una nueva ventana, por medio del código buscamos
el producto de esa manera podemos encontrar mas rápido el producto para venderlo.

Como podemos observar en la imagen la venta de varios productos al cliente, en este caso
se tiene un apartado para ingresar la cedula del cliente a quien se va a realizar la venta.
De la misma manera nos aparece un mensaje el cual confirma la venta realizada.

Al verificar en la bdd, estos productos han rebajado en stock de igual manera se controla
el inventario de los productos vendidos.
Además, se agregó reportes en este caso para la venta y la compra de los productos,
tenemos la factura de los productos.

A continuación, se muestra de igual manera el reporte de la venta.

CONCLUSIONES
Para realizar esta actividad se ha aplicado todos los conocimientos adquiridos durante las
clases otorgadas por el docente en la materia desarrollo cliente servidor II.
También se aplico el uso de la clase MYSQLi, esta clase consta de varias propiedades y
métodos que permiten realizar las diferentes interacciones con el CRUD, ya sea registrar,
modificar, actualizar y eliminar los datos directamente desde la bdd de phpmyadmin.
Y por ultimo se aplico el (modelo vista controlador) MVC, el que permite realizar el
llamado de los diferentes métodos que se encuentran en las diferentes carpetas como,
modelo, vista y controlador.