UNIDAD EDUCATIVA DON BOSCO EL PRADO

SISTEMAS INFORMATICOS

PAGINA DE PEDIDOS DE UNA CAFETERIA EN

LA CIUDAD DE LA PAZ-BOLIVIA “THE SECRET
COFFEE”
POSTULANTE: JAIME ARTURO ARRIAZA TICONA

TUTOR: ADALID TERRAZAS

REVISOR: JULIO YANARICO

La Paz - Bolivia
2024
 INDICE

CAPITULO I
1. Antecedentes………………………………………………………………………………
2. Introducción ………………………………………………………………………………..
3. Planteamiento del Problema…………………………………………………………….
a. Problema Principal ……………………………………………………………………
b. Problemas Secundarios ………………………………………………………………
4. Objetivos……………………………………………………………………………………
a. Objetivo General…………………………………………………………………………
b. Objetivos Específicos……………………………………………………………………
5. Justificación………………………………………………………………………………..
a. Justificación Social……………………………………………………………………….
b. Justificación Económica………………………………………………………………….
c. Justificación Técnica…………………………………………………………………..
6. Aportes……………………………………………………………………………………….
7. Alcances y Límites………………………………………………………………………….
CAPITULO 2
8. Marco teórico ……………………………………………………………………………….
CAPITULO 3
9. Análisis, diseño e implementación del proyecto………………………………………
[Link]ón…………………………………………………………………………….
CAPITULO 4
[Link] y recomendaciones…………………………………………………….
[Link]ía y Web ……………………………………………………………………….
[Link] de Actividades y Presupuesto………………………………………….
a. Árbol de Problemas………………………………………………………………………
b. Árbol de objetivos……………………………………………………………………….
[Link] o entrevistas………………………………………………………………….
INDICE FIGURAS
INDICE DE TABLAS
 1

Capítulo I
 2

1.- ANTECENDENTES

El desarrollo de la cultura del café ha provocado un aumento significativo de la

demanda de servicios de cafetería. En este contexto, implementar un sistema de

gestión de pedidos eficaz se vuelve muy importante, ya que un sistema bien

diseñado no sólo mejora la experiencia del cliente, sino que también agiliza las

operaciones y reduce los errores en los pedidos.

El desarrollo de sistemas de información juega un papel clave en este proceso. El

modelado de datos es necesario para representar estructuras de información de

forma clara y precisa. Los diagramas ER son una herramienta valiosa para diseñar

bases de datos relacionales que admitan sistemas de pedidos. Asimismo, un

diagrama de flujo de datos permite visualizar el flujo de información dentro de un

sistema, facilitando la identificación de entradas, procesos y salidas.

Las bases de datos relacionales como MySQL se utilizan ampliamente para

almacenar datos en tablas, lo que permite realizar consultas complejas y establecer

relaciones adecuadas entre diferentes entidades, como clientes, productos y

pedidos. La estandarización es un proceso importante en este sentido,Porque ayuda

a eliminar la redundancia y garantizar la integridad de los datos al segregar tablas y

establecer relaciones adecuadas.

El desarrollo del sistema se basa en tecnologías específicas. PHP es un lenguaje de

programación del lado del servidor que se utiliza para manejar la lógica de las

aplicaciones, interactuar con bases de datos y gestionar las solicitudes de los

usuarios. En términos de HTML y CSS, son herramientas clave para el diseño de

 3

interfaces de usuario, la creación de formularios y visualizaciones, lo que permite a

los empleados gestionar los pedidos de forma eficiente. XAMPP combina Apache,

MySQL y PHP para proporcionar un entorno de desarrollo local fácil de implementar,

ideal para crear y probar aplicaciones web.

La capacitación del personal es un aspecto clave de la implementación del nuevo

sistema. Garantizar que los empleados comprendan cómo utilizar el sistema es

fundamental para maximizar la eficiencia y reducir los errores, aumentando así la

satisfacción del usuario.

El mantenimiento del sistema es otro factor importante, ya que los sistemas de

información requieren un seguimiento regular para mantenerse [Link]

la seguridad y adáptese a las necesidades cambiantes del negocio. Esto incluye el

seguimiento del rendimiento y la resolución de problemas técnicos.

2.- INTRODUCCION

En la era digital actual, la industria alimentaria y de bebidas ha evolucionado

significativamente, con una creciente demanda por parte de los consumidores de

soluciones rápidas, personalizadas y accesibles para sus necesidades diarias. En

este contexto, surge la necesidad de herramientas tecnológicas que permitan

mejorar la experiencia de compra y ofrecer servicios innovadores en el sector de la

cafetería. El proyecto The Secret Coffee es una iniciativa revolucionaria que busca

aprovechar la tecnología para transformar la manera en que los consumidores

realizan pedidos y disfrutan de sus bebidas y alimentos en la ciudad de La Paz,

Bolivia. Este proyecto se basa en la digitalización de pedidos, la personalización de

 4

productos y el uso de lenguajes de programación como PHP, MySQL y HTML para

crear un sistema eficiente de gestión de pedidos.

The Secret Coffee tiene como objetivos principales automatizar el proceso de pedido

en cafeterías, permitiendo a los usuarios seleccionar y personalizar sus productos,

como café, pasteles y helados, de manera rápida y sencilla. Además, busca

proporcionar una experiencia única y fluida al integrar funciones como el registro de

preferencias del cliente, la opción de seleccionar tamaños y sabores específicos, y la

integración de un carrito de compras con envíos de pedidos a través de plataformas

como WhatsApp. De esta manera, se facilita la interacción entre la cafetería y el

cliente, garantizando una experiencia de compra ágil y eficiente.

El proyecto también pretende fomentar la adopción de un estilo de vida más

saludable al ofrecer opciones de alimentos y bebidas con información detallada sobre

su contenido nutricional. Esto permitirá a los usuarios tomar decisiones informadas

sobre su consumo, promoviendo un equilibrio entre placer y bienestar. Además, se

busca potenciar la economía local en La Paz al crear un sistema innovador que

atienda a las necesidades tanto de clientes locales como de visitantes, mejorando la

accesibilidad a productos de alta calidad y optimizando el servicio de cafetería en la

ciudad.

Se espera que The Secret Coffee tenga un impacto positivo en la comunidad paceña

al brindar una solución moderna que facilite el proceso de compra y personalización

de productos en cafeterías. Con la implementación de este proyecto, se busca

mejorar la experiencia del consumidor, optimizar la gestión de pedidos y contribuir a

la promoción de opciones y personalizadas.

 5

3.- PROBLEMAS

La falta de digitalización en la gestión de pedidos es un desafío significativo que

frena el crecimiento y la eficiencia de muchas cafeterías en La Paz, Bolivia. El

manejo manual de los pedidos, junto con la desorganización en el registro de la

información de los clientes, impide a las empresas obtener una visión clara y

actualizada de las preferencias y necesidades de sus consumidores. Esto limita su

capacidad para tomar decisiones estratégicas que les permitan personalizar su

oferta, adaptarse a las nuevas tendencias del mercado y brindar experiencias de

compra excepcionales. Como consecuencia, las cafeterías pierden competitividad y

oportunidades de fidelización de clientes.

El proceso manual de toma de pedidos y recolección de datos es ineficiente y

obsoleto. La falta de digitalización de este proceso no solo retrasa el servicio, sino

que también afecta la capacidad de las cafeterías para responder rápidamente a las

demandas de los clientes, como la personalización de productos o la gestión de

pedidos en línea. Esto genera una experiencia menos satisfactoria para los

consumidores, quienes buscan rapidez y comodidad en su interacción con la

empresa.

Además, la falta de una plataforma digital que centralice y organice la información de

los clientes y los pedidos limita la posibilidad de ofrecer promociones personalizadas

o de optimizar el menú según las preferencias registradas. Esta falta de agilidad y

personalización afecta directamente la competitividad de las cafeterías frente a otros

 6

negocios más modernizados, reduciendo su capacidad de crecimiento y éxito en un

mercado cada vez más dinámico y digitalizado.

a. PROBLEMA PRINCIPAL:

Dificultades en la recolección de pedidos de los clientes debido a procesos manuales

y desorganizados, lo que impide gestionar la información de manera precisa y

completa. Esto afecta negativamente la capacidad de las cafeterías para ofrecer una

experiencia personalizada y eficiente, impactando directamente en su competitividad

y crecimiento.

b. ANÁLISIS DE PROBLEMAS SECUNDARIOS

1. Dificultad para identificar las necesidades y preferencias:

La falta de digitalización de los pedidos de los clientes dificulta la creación de

encargos específicos lo que impide a las cafeterías entender las preferencias y

comportamientos específicos de sus consumidores. Como resultado, se generan

estrategias de marketing ineficaces, una oferta de productos no alineada con los

intereses de los clientes y una experiencia de compra menos satisfactoria.

2. Falta de agilidad y capacidad de respuesta:

Las cafeterías que no gestionan digitalmente la información de los clientes se ven

limitadas para reaccionar ante cambios en las preferencias del mercado o frente a la

competencia. Esto les impide tomar decisiones informadas y rápidas, lo que las
 7

coloca en desventaja frente a negocios más modernizados que pueden adaptar sus

productos y servicios de manera más eficiente.

3. Percepción negativa del cliente:

La falta de personalización y la dificultad para responder adecuadamente a las

necesidades individuales de los clientes pueden llevar a una visión negativa de la

marca. Esto afecta la satisfacción de los consumidores y puede dañar la reputación

de la cafetería, alejando a los clientes en lugar de fidelizarlos.

4.- OBJETIVOS

a. Objetivo general:

Implementar un sistema web de gestión y seguimiento de pedidos para una cafetería

innovadora en La ciudad de La Paz Bolivia, que permita organizar digitalmente los

pedidos personalizados, facilitando la selección de productos como café, pasteles y

helados, y gestionando las preferencias del cliente, incluyendo opciones de

personalización como tamaños, sabores y estilos. El sistema utilizará herramientas

de programación web como PHP, MySQL y HTML, con un tiempo estimado de

implementación de 4 meses.
 8

b. Objetivos específicos

1. Diseño de la Base de Datos

El diseño de la base de datos es la base fundamental sobre la cual funcionará el

sistema de pedidos. En este paso se definen las entidades que se usarán (como

productos, pedidos, empleados) y sus relaciones. El objetivo es garantizar que los

datos estén organizados de manera eficiente, minimizando redundancias y

asegurando la integridad de los mismos. El diseño incluirá detalles como las tablas,

campos, tipos de datos y claves foráneas necesarias para enlazar las tablas.

2. Implementación del SGDB

En esta fase se lleva a cabo la implementación de la base de datos en un sistema de

gestión como MySQL, administrado a través de `phpMyAdmin`. Se configurará

XAMPP para crear y gestionar las tablas diseñadas. Las tablas se implementarán

siguiendo el modelo definido en el paso anterior. `phpMyAdmin` permitirá gestionar

fácilmente la base de datos, realizar consultas, insertar registros y verificar que las

relaciones entre las tablas funcionen correctamente.

3. Diseño del Sistema

En esta fase se elabora el diseño visual y funcional del sistema de pedidos. Se

diseñarán las interfaces de usuario en HTML y CSS, definiendo cómo los empleados

interactuarán con el sistema. Aquí se detallarán las páginas clave, como la lista de

productos, la pantalla de creación de pedidos y la pantalla de gestión de empleados.

También se definirán los formularios y los estilos visuales que ofrecerán una
 9

experiencia de usuario coherente y atractiva. El diseño se ajustará a los requisitos

específicos del cliente (sin cuentas para clientes, solo para el personal).

4. Implementación del Sistema

Esta fase se centra en la programación y desarrollo del sistema utilizando PHP,

HTML y CSS. El código PHP se encargará de la lógica del servidor, como procesar

pedidos, interactuar con la base de datos y gestionar la interfaz entre el usuario y los

datos almacenados en MySQL. HTML y CSS se usarán para crear la interfaz visual

del sistema. Además, se configurará el sistema para que sea accesible y funcional

para el personal de la cafetería, sin opciones de pago en línea.

5. Pruebas e Implementación

En esta fase se realizan pruebas del sistema completo. Esto incluye pruebas

funcionales, donde se verifica que las funcionalidades como la creación de pedidos,

la actualización de productos, la gestión de empleados y el acceso a la base de

datos funcionen correctamente. También se llevarán a cabo pruebas de usabilidad

para asegurar que el sistema sea fácil de usar por el personal de la cafetería. Luego

de las pruebas, se implementará el sistema en el entorno de producción, asegurando

que esté listo para ser utilizado.

6. Capacitación de los Empleados

Una vez que el sistema está listo, se capacitará al personal de la cafetería en el uso

del sistema. Esto incluirá la creación de manuales y sesiones de formación para

garantizar que los empleados comprendan cómo usar el sistema para realizar
 10

pedidos, actualizar el inventario de productos y gestionar otras tareas operativas. La

capacitación es clave para asegurar una transición fluida al nuevo sistema.

7. Mantenimiento

Después de la implementación del sistema, es esencial realizar un mantenimiento

regular para asegurarse de que funcione de manera óptima. Esto incluye la

corrección de posibles errores que surjan durante su uso, así como actualizaciones o

mejoras que se necesiten. El mantenimiento también incluirá revisiones periódicas

para optimizar la base de datos y asegurar la seguridad del sistema.

5.- JUSTIFICACIONES

En la era digital actual, la implementación de un sistema de pedidos en línea para

una cafetería innovadora en La ciudad de La Paz Bolivia, se ha convertido en una

necesidad para mejorar la competitividad y ofrecer un servicio de calidad. La

digitalización del proceso de pedidos permite recopilar, almacenar y analizar datos de

los clientes de manera eficiente, lo que facilita la personalización de productos,

mejorando la experiencia del cliente y aumentando su lealtad. Además, la

automatización de tareas repetitivas, como la gestión de pedidos y el seguimiento de

inventarios, optimiza los recursos de la cafetería y reduce costos operativos,

permitiendo una mejora en la cadena de suministro y una respuesta más ágil a las

tendencias del mercado.

 11

Este proceso de digitalización no solo beneficia a la empresa, sino también a la

sociedad. Al ofrecer opciones de pedidos en línea, se facilita el acceso a servicios

para un público más amplio, incluyendo aquellos que anteriormente no contaban con

la posibilidad de hacer pedidos personalizados desde la comodidad de sus hogares.

Esto contribuye a la inclusión social y económica, permitiendo que más personas

disfruten de la oferta innovadora de la cafetería. Además, la transparencia en las

transacciones electrónicas mejora la confianza del cliente, impulsando la fidelización

y fortaleciendo la reputación de la empresa.

Desde el punto de vista tecnológico, el uso de herramientas digitales para gestionar

los pedidos asegura una mayor protección de los datos de los empleados, ya que se

implementan medidas de seguridad más robustas que protegen la información

personal y acciones financieras. Al mismo tiempo, la digitalización facilita la

comunicación y coordinación interna entre los empleados de la cafetería, mejorando

la toma de decisiones y la eficiencia operativa. Este sistema no solo optimiza el

tiempo de respuesta, sino que también permite una mejor organización interna y una

mejora continua en el servicio.

En términos económicos, la digitalización impulsa la innovación y el crecimiento del

negocio. Al utilizar datos sobre las preferencias de los clientes, la cafetería puede

adaptar sus productos a las demandas del mercado, creando una oferta más

atractiva Esto se traduce en un aumento de la rentabilidad y en una mejora de la

posición competitiva en el sector alimenticio. Además, al facilitar un acceso equitativo

a los servicios, se contribuye a un entorno económico más inclusivo y accesible.

 12

a. JUSTIFICACION SOCIAL

En la era digital actual, la implementación de un sistema de pedidos en línea para

una cafetería innovadora en la ciudad de La Paz, Bolivia, se presenta como un

recurso crucial para mejorar la relación con los clientes y ofrecer un servicio más

eficiente. La digitalización de los pedidos permite una experiencia personalizada,

donde los consumidores pueden seleccionar productos específicos, como café,

pasteles y helados, adaptados a sus preferencias y necesidades. Esto mejora la

satisfacción del cliente y refuerza su lealtad a la marca, al mismo tiempo que

facilita una comunicación más ágil y efectiva entre la cafetería y sus clientes.

La automatización de los procesos en la cafetería también libera recursos,

permitiendo una mejor gestión del tiempo y optimizando la cadena de suministro.

Este tipo de innovación reduce costos operativos y, al mismo tiempo, permite

analizar el comportamiento de los clientes para anticipar sus preferencias y

adaptarse a las tendencias del mercado. Esto no solo fortalece la capacidad de la

cafetería para ofrecer productos personalizados, sino que también impulsa la

creación de una oferta más relevante para la comunidad local.

Además, la digitalización promueve la inclusión social, facilitando el acceso a

servicios para personas que, de otro modo, no tendrían la oportunidad de disfrutar

de una experiencia personalizada o de servicios modernos en la cafetería. Al

reducir barreras de acceso, se contribuye a una mayor equidad social,

beneficiando a todos los sectores urbanos de la población. Asimismo, un sistema

 13

de pedidos en línea aumenta la transparencia en las transacciones, lo que genera

confianza entre los clientes y refuerza la reputación de la empresa.

b. JUSTIFICACION TECNICA

En la era digital actual, la implementación de tecnología en una página de

pedidos para una cafetería innovadora en la ciudad de La Paz, Bolivia, es

fundamental para optimizar las operaciones y mejorar la relación con los clientes.

La digitalización de los pedidos y la gestión de información mediante

herramientas tecnológicas adecuadas permite almacenar y procesar grandes

volúmenes de datos de manera segura y eficiente. Esto reemplaza los métodos

tradicionales de toma de pedidos, reduciendo errores y pérdidas, y mejorando la

experiencia tanto para los empleados como para los clientes.

La automatización de tareas repetitivas, como la gestión de pedidos y el

procesamiento de pagos, libera recursos que pueden ser redirigidos hacia la

atención personalizada al cliente, lo que contribuye a una mayor satisfacción y

lealtad. Además, el sistema de pedidos en línea permite analizar datos relevantes

sobre las preferencias y comportamientos de los clientes, lo que facilita la toma

de decisiones estratégicas más informadas y permite la creación de ofertas

personalizadas que se adapten a las necesidades de los consumidores locales.

Desde una perspectiva operativa, la tecnología mejora la comunicación y la

coordinación interna, facilitando un flujo de trabajo más ágil en la preparación y

entrega de pedidos. Al mismo tiempo, los clientes tienen acceso rápido y sencillo

a la información, lo que mejora la transparencia y la eficiencia del servicio.

 14

Además, se fortalecen las medidas de seguridad para garantizar la protección de

los datos personales financieros de los clientes, cumpliendo con las normativas

vigentes.

c. Justificación económica

La implementación de una página de pedidos para una cafetería innovadora en la

ciudad de La Paz, Bolivia, ofrece significativos beneficios económicos tanto para

la empresa como para la comunidad local. La digitalización de los pedidos

permite una comprensión más profunda de las necesidades y preferencias de los

clientes, lo que lleva a la personalización de productos y servicios, incrementando

la satisfacción del cliente y fomentando su lealtad a la cafetería. La comunicación

eficiente, facilitada por la digitalización, permite respuestas rápidas a las

solicitudes de los clientes, mejorando la experiencia general y fortaleciendo la

confianza en el negocio.

La automatización de procesos clave, como la toma de pedidos, el seguimiento

de inventarios y la gestión de pagos, no solo libera tiempo y recursos valiosos,

sino que también aumenta la productividad y reduce errores operativos. La

digitalización permite una optimización en la cadena de suministro, mejorando la

logística, reduciendo costos operativos y garantizando una entrega de productos

más rápida y eficiente. Esto resulta en una operación más ágil y rentable.

Desde una perspectiva económica más amplia, la digitalización en esta cafetería

impulsa la innovación al permitir un análisis detallado de las tendencias del

mercado y el comportamiento del consumidor, lo que facilita el desarrollo de

 15

nuevas ofertas adaptadas a las necesidades locales. Además, promueve la

inclusión financiera al ofrecer opciones de pago y servicios que hacen más

accesible la experiencia de compra para un mayor número de personas,

especialmente aquellos que tradicionalmente han estado excluidos de estos

servicios.

d. Aportes

La creación de una página de pedidos para una cafetería innovadora en La Paz,

Bolivia, generará importantes aportes tanto a nivel empresarial como para la

comunidad local. A nivel empresarial, el sistema digitalizado de pedidos mejorará

la eficiencia operativa, permitiendo una mejor organización interna y facilitando el

seguimiento en tiempo real de los pedidos. Esto reducirá tiempos de espera,

errores humanos y optimizará el control del inventario. Además, ofrecerá a los

clientes una experiencia más rápida, personalizada y cómoda, mejorando su

satisfacción y promoviendo la lealtad hacia la cafetería.

En términos de innovación, este sistema permitirá a la cafetería analizar el

comportamiento del cliente a través de los datos generados en la plataforma.

Estos datos proporcionarán información valiosa para identificar preferencias y

patrones de consumo, lo que ayudará en la creación de nuevas estrategias de

marketing, desarrollo de productos y ofertas personalizadas.

A nivel social, la digitalización de los pedidos puede fomentar la inclusión digital,

ya que ofrece una plataforma accesible para todos los clientes, permitiendo a

quienes no suelen utilizar herramientas tecnológicas aprender y adaptarse a esta

 16

nueva forma de interacción. Además, el sistema puede contribuir al desarrollo de

la economía local al generar empleo en áreas relacionadas con el soporte

técnico, la gestión digital y el marketing en línea. Este proyecto no solo mejorará

la competitividad de la cafetería, sino que también contribuirá al crecimiento del

sector gastronómico en la región.

e. Alcances y límites

Alcances:

1. El sistema permitirá a los clientes de la cafetería en la ciudad de La Paz

realizar pedidos en línea de manera fácil y rápida, con opciones de

personalización de productos como café, pasteles y helados.

2. Los usuarios podrán elegir entre diferentes tamaños y sabores, lo que mejorará

la experiencia de compra.

3. La plataforma estará integrada con WhatsApp para confirmar pedidos,

ofreciendo una comunicación fluida entre el cliente y la cafetería.

 17

4. Se implementará una base de datos segura para almacenar la información de

los pedidos y facilitar el análisis de datos para la optimización del inventario y la

mejora de la experiencia del cliente.

5. La cafetería contará con una herramienta que le permitirá llevar un seguimiento

detallado de cada pedido, mejorando su logística y tiempos de entrega.

Límites:

1. La plataforma estará inicialmente limitada a los productos ofrecidos en la

cafetería, con un enfoque en café, pasteles y helados.

2. El sistema estará diseñado principalmente para el uso local dentro de la zona

urbana de La Paz, por lo que puede tener limitaciones en la expansión hacia otras

regiones sin modificaciones adicionales.

3. Aunque se mejorará la experiencia del cliente con la personalización de los

pedidos, los límites en la disponibilidad de productos o ingredientes pueden

afectar la satisfacción en algunos casos.

4. El éxito de la plataforma dependerá de la adopción tecnológica tanto por parte

de los empleados como de los clientes, lo que podría requerir capacitación y

adaptación gradual.

5. La inversión inicial en el desarrollo de la página y el mantenimiento continuo

podría representar un desafío financiero para pequeñas cafeterías que deseen

implementar el sistema.
18
 19

CAPITULO

II

1.- Marco Teórico

El desarrollo de un sistema de pedidos en línea para una cafetería sin cuentas

individuales para clientes y sin opciones de pago digital puede optimizar los

procesos internos y mejorar la eficiencia operativa. Este sistema estará dirigido

exclusivamente al personal, facilitando el manejo de pedidos a través de una

interfaz simple y eficiente. Este marco teórico describe las técnicas y

metodologías a emplear, así como las herramientas de diseño y desarrollo que se

utilizarán en la construcción de este sistema.

 20

a. Metodologías y Técnicas Utilizadas

- Metodología de Desarrollo Ágil

Para la implementación de este sistema se utilizará la metodología Ágil, que

permite una adaptación continua al cambio y una mejora incremental del sistema.

En este enfoque, el desarrollo se realiza en iteraciones cortas (sprints) que

proporcionan entregables funcionales al final de cada ciclo. Algunas

características clave son:

1. Desarrollo iterativo: Se crea un prototipo funcional en fases, permitiendo

ajustes constantes.

2. Colaboración constante: La retroalimentación del personal de la cafetería se

incorpora continuamente para mejorar el sistema.

3. Flexibilidad: Posibilidad de adaptarse a cambios en los requisitos o flujos de

trabajo de la cafetería.

b. Modelo MVC (Modelo-Vista-Controlador)

El sistema se diseñará utilizando el patrón arquitectónico MVC, que divide la

aplicación en tres componentes:

1. Modelo: Gestiona la lógica del negocio y la base de datos (MySQL). Aquí se

almacenan las tablas de productos, pedidos y usuarios del personal.

2. Vista: El sistema de pedidos se implementará utilizando HTML y CSS para

crear una interfaz clara y eficiente.

 21

3. Controlador: Gestiona la lógica de control que conecta las vistas con el

modelo. PHP será el lenguaje encargado de esta interacción.

Este patrón asegura que cada componente tenga una responsabilidad única,

facilitando el mantenimiento y escalabilidad del sistema.

c. Herramientas de Desarrollo

1. PHP

Descripción

PHP es un lenguaje de programación de código abierto del lado del servidor,

ampliamente utilizado para el desarrollo web. Su sintaxis es similar a C y Perl, lo

que facilita su aprendizaje. PHP se integra fácilmente con HTML y permite la

generación dinámica de contenido web. Su uso se extiende a diversas

aplicaciones, desde pequeñas páginas web hasta sistemas complejos y

aplicaciones empresariales.

Aplicación en el Proyecto

En el sistema de pedidos de la cafetería, PHP tendrá un papel crucial:

1. Conexión a la Base de Datos: Utilizando funciones de PHP, se establecerá

una conexión con la base de datos MySQL. Esto permitirá almacenar y

recuperar datos sobre productos, pedidos y clientes. Se implementarán

prácticas de seguridad, como la protección contra inyecciones SQL, usando

sentencias preparadas.
 22

2. Procesamiento de Pedidos: PHP se encargará de la lógica de negocio para

procesar los pedidos. Cuando el personal complete un formulario de pedido,

un script PHP recibirá y validará los datos antes de almacenarlos en la base

de datos. Esto asegurará que solo se registren pedidos válidos.

3. Generación de Contenido Dinámico: PHP permitirá la generación dinámica

de páginas. Por ejemplo, al acceder a la página de productos, un script PHP

consultará la base de datos y mostrará la lista actualizada de productos

disponibles. Esto facilita la actualización en tiempo real del inventario.

4. Gestión de Sesiones: Aunque el sistema no requiera cuentas individuales, se

pueden utilizar sesiones en PHP para almacenar temporalmente información

sobre el usuario actual, como los productos seleccionados antes de confirmar

un pedido.

5. Manejo de Errores y Excepciones: PHP proporcionará mecanismos para el

manejo de errores, lo que permitirá registrar y mostrar mensajes de error

amigables al usuario en caso de fallos en el procesamiento de pedidos.

2. HTML

Descripción

HTML es el estándar para crear páginas web. Es un lenguaje de marcado que

define la estructura y el contenido de un documento, utilizando elementos como

encabezados, párrafos, listas y formularios. La semántica de HTML permite a los

navegadores interpretar y mostrar correctamente el contenido.

 23

Aplicación en el Proyecto

HTML se utilizará para construir la interfaz de usuario del sistema de pedidos:

 Estructura de Páginas: Se diseñarán diferentes páginas HTML que

presenten la información necesaria, como la lista de productos, el formulario

de pedido y la confirmación de pedidos. Se emplearán etiquetas semánticas

como <header>, <nav>, <main>, y <footer> para organizar el contenido de

manera lógica.

 Formularios de Entrada: HTML proporcionará los formularios que el personal

usará para ingresar pedidos. Se incluirán campos de texto, listas desplegables

y botones de envío. Cada formulario será diseñado para facilitar la entrada de

datos, utilizando atributos como required para garantizar que los campos

obligatorios sean completados.

 Visualización de Datos: Las tablas HTML se emplearán para mostrar los

productos disponibles, con columnas para nombre, precio y descripción.

Además, se integrarán botones para permitir que el personal agregue

productos al pedido directamente desde la lista.

 Accesibilidad y SEO: Se seguirán prácticas recomendadas de accesibilidad

al utilizar atributos alt en imágenes y estructuras de encabezado jerárquicas.

Esto no solo beneficiará a los usuarios con discapacidades, sino que también

mejorará el SEO del sitio.

3. CSS
 24

Descripción

CSS es un lenguaje de estilo que describe cómo se debe presentar el contenido

HTML. Permite separar la presentación de la estructura, lo que facilita el diseño y

mantenimiento de las páginas web. CSS proporciona un control detallado sobre el

diseño, incluyendo colores, fuentes, espaciado y layout.

Aplicación en el Proyecto

CSS se aplicará para mejorar la estética y usabilidad del sistema de pedidos:

 Diseño Visual: Se empleará CSS para estilizar la interfaz del sistema. Esto

incluirá la elección de colores que reflejen la identidad de la cafetería, la

tipografía adecuada para una buena legibilidad y el diseño de botones

atractivos.

 Diseño Responsive: Utilizando media queries, CSS permitirá que el sistema

sea accesible desde dispositivos móviles y tablets, adaptando el diseño a

diferentes tamaños de pantalla. Esto es esencial, ya que el personal podría

acceder al sistema desde distintos dispositivos.

 Interactividad y Estilos de Transición: Se utilizarán efectos de hover en

botones y enlaces, proporcionando feedback visual al usuario. Esto no solo

mejora la experiencia de usuario, sino que también hace que la interfaz sea

más atractiva.

 Consistencia Visual: Se implementarán clases CSS reutilizables para

asegurar que los elementos de la interfaz mantengan una apariencia

coherente en todas las páginas del sistema. Esto incluye la definición de

márgenes, paddings y bordes de forma uniforme.

 25

4. XAMPP

Descripción

XAMPP es una solución de software que proporciona un entorno de servidor local

que incluye Apache (servidor web), MySQL (gestión de bases de datos) y PHP.

Es una herramienta muy popular entre los desarrolladores web debido a su

facilidad de uso y rápida instalación.

Aplicación en el Proyecto

XAMPP se utilizará en las siguientes etapas del desarrollo:

1. Configuración del Servidor Local: Permite a los desarrolladores ejecutar el

sistema de pedidos en su computadora sin necesidad de un servidor externo.

Esto facilita las pruebas y el desarrollo de manera eficiente.

2. Gestión de Base de Datos Local: Con MySQL integrado en XAMPP, se

podrán crear y gestionar bases de datos localmente. Esto es crucial para el

desarrollo inicial del sistema, donde se establecerá la estructura de datos

necesaria.

3. Facilidad de Pruebas: XAMPP permite reiniciar el servidor fácilmente y

realizar cambios en los scripts PHP, lo que agiliza el proceso de desarrollo y

depuración. Esto reduce el tiempo necesario para identificar y corregir errores.

4. PhpMyAdmin

Descripción

phpMyAdmin es una herramienta de gestión de bases de datos basada en web

que permite a los usuarios interactuar con bases de datos MySQL. Ofrece una
 26

interfaz gráfica que simplifica la creación, modificación y consulta de bases de

datos y tablas.

Aplicación en el Proyecto

En el desarrollo del sistema de pedidos, phpMyAdmin se utilizará para:

1. Creación y Gestión de Base de Datos: phpMyAdmin permitirá a los

desarrolladores crear la base de datos que almacenará la información de

productos y pedidos. Se podrán definir tablas, establecer relaciones y

configurar claves primarias y foráneas.

2. Ejecución de Consultas SQL: Con phpMyAdmin, se podrán ejecutar

consultas SQL directamente, lo que facilitará la prueba de scripts y la

manipulación de datos en la base de datos. Esto es especialmente útil durante

la fase de desarrollo y depuración.

3. Interfaz Gráfica para Visualización de Datos: La interfaz de phpMyAdmin

proporciona una forma intuitiva de visualizar y gestionar los datos

almacenados. Esto incluye la posibilidad de explorar tablas, editar registros y

generar informes

A continuación, te proporciono una explicación detallada sobre el **Diagrama

Entidad-Relación (ER)**, el **Diagrama de Flujo de Datos (DFD)**, la

**normalización** y el **tipado de datos**, los cuales son componentes cruciales

para el diseño de bases de datos y sistemas.

 27

5. Diagrama Entidad-Relación (ER)

Un Diagrama Entidad-Relación (ER) es una herramienta de modelado de datos

que ayuda a representar gráficamente las entidades, atributos y las relaciones

entre ellas dentro de un sistema. Su objetivo es visualizar cómo se organizan y

relacionan los datos antes de implementar una base de datos relacional.

Componentes Clave:

- Entidades: Representan los objetos o elementos principales del sistema que

tienen una existencia independiente en la base de datos, como "Clientes",

"Pedidos", "Productos". Las entidades se representan mediante rectángulos.

- Atributos: Son las propiedades o características que describen a las entidades.

Por ejemplo, un "Cliente" podría tener los atributos "Nombre", "Teléfono" y

"Dirección". Los atributos se representan mediante óvalos conectados a las

entidades.

1. Relaciones: Indican cómo interactúan o se vinculan las entidades entre sí. Las

relaciones pueden ser de uno a uno (1:1), uno a muchos (1:N) o muchos a

muchos (N:M). Se representan con rombos y líneas que conectan las entidades

involucradas.

2. Llaves Primarias: Son atributos únicos que identifican de manera exclusiva

una entidad. Por ejemplo, "ID_Cliente" podría ser la clave primaria de la entidad

"Cliente".
 28

3. Llaves Foráneas: Son atributos que se refieren a una clave primaria de otra

entidad, y se utilizan para establecer relaciones entre entidades.

Ejemplo:

Para un sistema de pedidos de una cafetería, las entidades podrían ser:

- Pedido: Atributos: ID_Pedido, Fecha, Total.

- Producto: Atributos: ID_Producto, Nombre, Precio.

- Empleado: Atributos: ID_Empleado, Nombre, Rol.

Las relaciones podrían ser:

- Un Empleado realiza uno o varios Pedidos

- Un Pedido contiene uno o varios Productos

6. Diagrama de Flujo de Datos (DFD)

El Diagrama de Flujo de Datos (DFD) es una herramienta que permite modelar

los procesos y flujos de información dentro de un sistema. A diferencia del

diagrama ER, el DFD se enfoca en cómo se mueve la información entre los

procesos, las entradas y salidas del sistema, y las entidades externas que

interactúan con el sistema.

Componentes Clave:
 29

1. Procesos: Son representados por círculos u óvalos y muestran las actividades

o funciones que transforma los datos dentro del sistema, como "Tomar Pedido" o

"Actualizar Inventario".

2. Flujos de Datos: Se representan mediante flechas que muestran cómo circula

la información de una entidad o proceso a otro.

3. Almacenes de Datos: Se representan mediante rectángulos y se refieren a los

lugares donde los datos se almacenan (ejemplo: base de datos o archivo).

4. Entidades Externas: Representan actores o sistemas que interactúan con el

sistema, pero están fuera de su control, como "Cliente" o "Proveedor".

Ejemplo:

Para un sistema de pedidos de una cafetería, el DFD podría tener los siguientes

procesos:

1. Tomar Pedido: Un cliente interactúa con el sistema para generar un pedido.

Los datos fluyen desde la entidad "Cliente" al proceso "Tomar Pedido", y luego

hacia el almacén de datos "Pedidos".

2. Gestionar Inventario: El proceso actualiza el almacén de datos de

"Productos" con base en los pedidos recibidos.

3. Normalización de Base de Datos

 30

La normalización es un proceso en el diseño de bases de datos que busca

organizar los datos para reducir redundancias y evitar problemas de

inconsistencia. Esto se logra dividiendo los datos en varias tablas relacionadas

que minimicen la duplicación de información y aseguren la integridad referencial.

Fases de la Normalización:

- Primera Forma Normal: Se asegura de que los datos estén en tablas con filas y

columnas, y que cada columna almacene un único valor (es decir, no debe haber

grupos repetidos dentro de una columna).

- Segunda Forma Normal : Se aplica cuando la base de datos está en 1FN y

todos los atributos que no son claves primarias dependen completamente de la

clave primaria, eliminando dependencias parciales.

-Tercera Forma Normal: En esta etapa, se eliminan las dependencias

transitivas, es decir, un atributo no debe depender de otro atributo que no sea la

clave primaria.

7. Tipado de Datos

El tipado de datos se refiere a la asignación de tipos de datos a los campos de

una base de datos o variables en programación, de manera que se puedan

 31

almacenar y gestionar correctamente los valores. El tipo de dato especifica qué

tipo de valor se puede almacenar en una columna o variable.

Tipado en PHP:

En PHP, no se requiere declarar explícitamente el tipo de dato de una variable, ya

que el lenguaje es débilmente tipado. Sin embargo, es importante entender qué

tipo de datos se están manejando para evitar errores. Algunos tipos comunes

son:

La correcta asignación de tipos de datos en una base de datos y en el código de

la aplicación es crucial para garantizar la integridad de los datos y mejorar el

rendimiento del sistema.

 32

CAPITULO

III
 33

9. Análisis, diseño e implementación del proyecto

Diagrama ER y Cardinalidad

Figura 9-1
 34

Normalizacion

Personal

Figura 9-2

Registro ventas

Figura 9-3

Inventario

Figura 9-4
 35

Pedidos

Figura 9-4

Usuario

Figura 9-5

Tipado de Datos

Personal
 36

Regsitro Ventas

Inventario

Pedido

Usuario
 37

Cosultas en SQL

CREATE TABLE productos (

id INT AUTO_INCREMENT PRIMARY KEY,

nombre VARCHAR(100) NOT NULL,

tipo ENUM('café', 'pastel', 'helado') NOT NULL,

precio DECIMAL(10, 2) NOT NULL,

tamaño ENUM('pequeño', 'mediano', 'grande') DEFAULT 'mediano',

descripcion TEXT,

cantidad INT DEFAULT 0 -- Columna para manejar el inventario

);

CREATE TABLE personal (

id INT AUTO_INCREMENT PRIMARY KEY,

nombre VARCHAR(100) NOT NULL,

apellido patern VARCHAR(100) NOT NULL

apellido materno VARCHAR(100) NOT NULL

 38

puesto VARCHAR(50) NOT NULL,

telefono VARCHAR(15),

email VARCHAR(100) UNIQUE,

fecha_nacimiento TIMESTAMP DEFAULT CURRENT_TIMESTAMP,

);

CREATE TABLE detalles_pedido (

id INT AUTO_INCREMENT PRIMARY KEY,

pedido_id INT NOT NULL,

producto_id INT NOT NULL,

cantidad INT NOT NULL,

FOREIGN KEY (pedido_id) REFERENCES pedidos(id),

FOREIGN KEY (producto_id) REFERENCES productos(id)

);
 39

Entidades

Figura 9-2

Atributos

Figura 9-3
 40

Figura 9-4

Figura 9-5
 41

Figura 9-6

Figura 9-7
 42

Figura 9-8

Relaciones

Figura 9-3
 43

DFD Nivel 0

Figura 9-4

DFD Nivel 1
 44

Figura 10-4

DFD Nivel 2.1

Figura 10-5

DFD Nivel 2.2

Figura 10-6
 45

DFD Nivel 2.3

Figura 10-7
 46

[Link]ón

Figura 10-1

Figura 10-2
 47

Figura 10-3

Figura 10-4
 48

Figura 10-5

Figura 10-6
 49

Figura 10-7

Figura 10-8
 50

Figura 10-9
51
 52

CAPITULO

IV

11. Conclusiones y recomendaciones

a) Conclusión: El sistema de pedidos para la cafetería, facilita el proceso y lo hace

eficiente en términos de inventario y orden. Un sistema bien organizado garantiza un

mejor servicio y reduce los errores de inventario, brindando a los clientes una

experiencia agradable. La solución incorpora el inventario para garantizar que los

pedidos sean razonables en términos de disponibilidad de productos y reducir

problemas con respecto a la sobreventa.

 53

b) Recomendaciones: La administración debe automatizar el sistema de inventario

para que se actualice en tiempo real con cada pedido. En el futuro, podríamos

instalar un módulo de pago y cuentas para clientes habituales. El personal debe ser

formado adecuadamente para poder utilizar el sistema eficazmente. Además, se

requiere que el tiempo de respuesta sea monitoreado, y después de cada cierto

tiempo, haremos una revisión para garantizar su funcionamiento.

[Link]ía y Web

1. Tutorial sobre diseño de bases de datos y diagramas ER:

o [Link]

relacion

2. MySQL y Normalización de bases de datos:

o [Link]

3. [Link] - Documentación oficial de PHP:

 54

o [Link]

4. Diagrama de Flujo de Datos (DFD):

o [Link]

5. XAMPP y MySQL:

o [Link]

13. Cronograma de Actividades y Presupuesto.

Figura 13-1 Figura 13-2

 55

Figura 13-3
 56

a. Árbol de Problemas
 57

Falta de un sistema
eficiente de gestión
de pedidos

Escasa
Gestión
capacidad
ineficiente

Falta de
automatización

b. Árbol de Problemas
 58

Mejora de la eficiencia
del sistema de pedidos
de la cafetería

Reducción de
Mejora en la precisión
tiempos de
de sistemas de pedidos
procesamiento

Automatización Mejora en el sistema

de procesos de pedidos

[Link] o entrevistas usadas (con la tabulación de datos)

 59

Figura 15-1

Figura 15-2

Figura 15-3
 60

Figura 15-4

Figura 15-5
 61

Figura 15-6

[Link]
62
63