Guía de actividades y rúbrica de evaluación - Etapa 3 –

Componente práctico
Informe Etapa 3: Componente práctico

Componente práctico - Prácticas simuladas

Jorge Mario Bustillo Reyes

Grupo Colaborativo
202047916A_1701

Tutor

RAFAEL PEREZ HOLGUN

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA (UNAD).

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERA
TECNOLOGIA EN DESARROLLO DE SOFTWARE
Cartagena
2024
 Introducción

La actividad se centra en el desarrollo práctico de un proyecto web basado

en una problemática planteada en etapas anteriores. En este caso, se
retoma el caso de la señora Marcela del Carmen, dueña de la panadería
"Delicious Bread", quien busca la creación de una página web para ofrecer
su stock de productos y servicios tanto en su establecimiento como por
pedidos.

Para esta nueva fase del proyecto, se han establecido requerimientos

específicos por parte de la gerencia. El desarrollo web debe ser intuitivo,
amigable y dinámico para el usuario, permitiendo realizar cotizaciones de
productos y ofreciendo beneficios según el tipo de cliente: permanente,
intermitente o nuevo.

Para dar soporte a estos requerimientos, se debe crear una base de datos
en MySQL que almacene los datos del proyecto web. Esta base de datos
deberá permitir el acceso desde la página web y facilitar la gestión de datos,
incluyendo la posibilidad de crear, leer, actualizar y eliminar registros
(CRUD).

Es fundamental realizar un análisis exhaustivo de requisitos y

especificaciones técnicas para cumplir con los objetivos trazados. La
documentación correspondiente a esta etapa debe incluirse en la subcarpeta
"documentación" del proyecto principal antes de la entrega final, siguiendo
la plantilla proporcionada para documentar el componente práctico.
 Objetivos

-Implementar un sistema de cotizaciones en línea con descuentos según el

tipo de cliente.

-Crear una base de datos MySQL para almacenar los datos del proyecto.

-Permitir el acceso a la base de datos desde la página web para realizar

operaciones CRUD.

Objetivos específicos:

-Diseñar e implementar la interfaz de usuario de la página web.

-Desarrollar las funcionalidades para realizar cotizaciones en línea.

-Aplicar descuentos según el tipo de cliente: permanente, intermitente o

nuevo.

-Crear la base de datos MySQL con las tablas necesarias para el proyecto.

-Implementar las operaciones CRUD (Crear, Leer, Actualizar, Eliminar) en la

base de datos.

-Realizar pruebas unitarias y de integración para garantizar el correcto

funcionamiento del sistema.
 Contenido

La problemática planteada:

La señora Marcela del Carmen, dueña de la panadería "Delicious Bread",

ubicada en Bogotá, desea contar con una página web para ofrecer su stock
de productos y servicios in situ y por pedidos. La página debe ser intuitiva,
amigable y dinámica, y debe permitir a los usuarios realizar cotizaciones en
línea y beneficiarse de descuentos según su tipo de cliente:

Permanente: 20% de descuento en compras superiores a $10.000

Intermitente: 10% de descuento en compras superiores a $5.000

Nuevo: 5% de descuento en compras superiores a $50.000, con registro

previo en un formulario

Para ello, se requiere crear una base de datos MySQL para almacenar los
datos del proyecto y permitir el acceso a la misma desde la página web para
realizar operaciones CRUD (Crear, Leer, Actualizar, Eliminar).

El análisis de requerimientos, especificaciones técnicas:

1. Análisis de Requerimientos:

. Requerimientos Funcionales:

-La página web debe permitir a los usuarios:

-Visualizar el stock de productos y servicios de la panadería "Delicious

Bread".

-Realizar cotizaciones en línea de productos y servicios.

-Aplicar descuentos según el tipo de cliente: permanente, intermitente o

nuevo.

-Registrarse como cliente nuevo (solo para clientes nuevos).

-Acceder a su cuenta de cliente (solo para clientes registrados).

-Editar su perfil de cliente (solo para clientes registrados).

-Realizar pedidos de productos y servicios.

-Consultar el estado de sus pedidos.

-Contactar con la panadería.

. Requerimientos No Funcionales:

La página web debe ser:

-Intuitiva, amigable y dinámica.

-Accesible desde diferentes dispositivos (computadoras, tablets,
smartphones).

-Compatible con diferentes navegadores web.

-Segura y protegida contra ataques cibernéticos.

-Rápida y eficiente.

2. Especificaciones Técnicas:

. Lenguaje de programación:

-PHP

. Framework:

No se especifica un framework en particular, pero se recomienda utilizar un

framework popular como Laravel o Symfony.

. Base de datos:

-MySQL

. Servidor web:

-Apache

. Sistema operativo:

-Windows (recomendado)

. Recursos de hardware:

-Computadora con procesador Intel Core i5 o superior.

-8 GB de RAM o más.

-500 GB de espacio libre en disco duro.

. Recursos de software:

-Paquete de desarrollo web AppServ 9.3.0

-Editor de texto como Sublime Text o Visual Studio Code

-Navegador web como Chrome, Firefox o Safari

Documentación de la instalación de la herramienta de desarrollo:

Instalación de AppServ 9.3.0

1. Descarga:

Descargue el paquete AppServ 9.3.0 para Windows de 64 bits desde el

siguiente enlace: https://www.appserv.org/en/download/

Guarde el archivo appserv-win32-9.3.0.exe en una carpeta de su equipo.

2. Instalación:

Ejecute el archivo appserv-win32-9.3.0.exe como administrador.

Siga las instrucciones del asistente de instalación.

Seleccione la carpeta de instalación (se recomienda la ruta

predeterminada).

Elija el idioma de la interfaz (español disponible).

Marque la casilla para aceptar la licencia.

Seleccione los componentes que desea instalar:

Apache: Servidor web HTTP.

MySQL: Servidor de bases de datos relacionales.

PHP: Lenguaje de programación para desarrollo web.

phpMyAdmin: Herramienta de administración de bases de datos MySQL.

Haga clic en "Siguiente" y luego en "Instalar".

Espere a que se complete la instalación.

Haga clic en "Finalizar".

3. Configuración:

Inicie AppServ desde el menú Inicio de Windows o desde el acceso directo

creado en el escritorio.

En la ventana principal de AppServ, haga clic en el botón "Start" para iniciar

los servicios de Apache y MySQL.

Espere a que los servicios se inicien correctamente (indicados por iconos

verdes).

Acceda a la interfaz de administración de phpMyAdmin en su navegador

web: https://locallhost.me/phpmyadmin

Ingrese el nombre de usuario y la contraseña por defecto:

Usuario: root

Contraseña: password

Cambie la contraseña por defecto por una más segura por motivos de
seguridad.

4. Verificación:

Abra un navegador web y vaya a la siguiente

dirección: https://blog.hubspot.com/website/what-is-localhost

Debería ver la página de bienvenida de Apache, lo que indica que la

instalación ha sido exitosa.
Documentación del desarrollo web solución:
 Conclusiones

El desarrollo web para la panadería "Delicious Bread" ha permitido crear una

solución integral que satisface las necesidades planteadas en la
problemática. El sitio web ofrece una interfaz amigable e intuitiva,
permitiendo a los usuarios visualizar el stock de productos y servicios,
realizar cotizaciones en línea, registrarse como clientes, realizar pedidos,
consultar el estado de sus pedidos y contactar con la panadería.

La implementación de un sistema de cotizaciones con descuentos según el

tipo de cliente ha sido un factor clave para fidelizar a los clientes y
aumentar las ventas. El registro de clientes y la gestión de pedidos
permiten a la panadería tener una mejor organización y control de su
negocio.

La utilización de tecnologías modernas como PHP, Laravel, MySQL y Apache

ha garantizado un sitio web robusto, escalable y seguro. La documentación
completa del proyecto facilita su mantenimiento y futuras actualizaciones.

En definitiva, el desarrollo web realizado ha contribuido a la modernización

de la panadería "Delicious Bread", mejorando su presencia en línea y
optimizando sus procesos de negocio. Se espera que esta solución tenga un
impacto positivo en la rentabilidad y el crecimiento de la empresa.
 Bibliografía

• Ferrer Martínez, J. (2015). Implantación de aplicaciones Web. RA-MA

Editorial. (Pág. 317 a 335 y 342 a 355). https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/62493?page=318

• Lopez, A. (2016). Learning PHP 7: Learn the Art of PHP Programming

Through This Example-rich Book Filled to the Brim with Tutorials
Every PHP Developer Needs to Know. Packt Publishing. (Pág. 75 a
131).
https://bibliotecavirtual.unad.edu.co/login?url=https://search.ebscoh
ost.com/login.aspx?direct=true&db=e000xww&AN=1213964&lang=e
s&site=eds-live&scope=site&ebv=EB&ppid=pp_76

• Pavón, J. & Llarena, E. (2015). Creación de un sitio web con PHP y

MySQL (5a. ed.). RA-MA Editorial. (203 a 210). https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/106491?page=202

• Pérez, R. (2013). Programación de páginas web dinámicas con

Apache, Base de Datos MySQL y PHP (2a. ed.). Editorial ICB.
https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/113229?page=166

• Terrell, B. (2019). Creating Data-Driven Web Sites : An Introduction

to HTML, CSS, PHP, and MySQL. Momentum Press. (Pág. 77 a 115)
https://bibliotecavirtual.unad.edu.co/login?url=https://search.ebscoh
ost.com/login.aspx?direct=true&db=e000xww&AN=2041474&lang=e
s&site=eds-live&scope=site&ebv=EB&ppid=pp_77

• Vara, J. & Granada, D. (2015). Desarrollo web en entorno cliente.

RA-MA Editorial. (Pág. 120 a 150, 225 a 236). https://elibro-
net.bibliotecavirtual.unad.edu.co/es/ereader/unad/62488?page=120

• Jiménez, J. & Pérez, R. (2021). Construcción de Formularios

Dinámicos en HTML con Programación PHP Orientada a
Objetos. [Objeto virtual de Información - OVI]. Repositorio
Institucional
UNAD. https://repository.unad.edu.co/handle/10596/39422

• Pérez, R. (2020). Descarga, Instalación y Usabilidad del Paquete

AppServ en Programación Web. [Objeto virtual de Información -
OVI]. Repositorio Institucional
UNAD. https://repository.unad.edu.co/handle/10596/35155