INTEGRADORA

UNIVERSIDAD TECNOLÓGICA DE
TIJUANA
TÍTULO DEL TRABAJO
PROYECTO INTEGRADORA – DULCERIA

“SUGARTOWN”
REALIZADO POR
GONZALEZ ALVAREZ ELIAS
MEDINA LOPEZ MILDRED YANET
MOLINA ROBLES MANUEL ADRIAN
RUIZ SANCHEZ EDWIN GAMALIEL
GRUPO BIS 3D TI
ACTIVIDAD PARA CUBRIR

DOCUMENTACION
03 DICIEMBRE - 2022
TIJUANA, B.C. 03 DICIEMBRE - 2022

INDICE
Contenido
INTRODUCCION................................................................................................................
DESCRIPCION DEL PROBLEMA.....................................................................................
OBJETIVO GENERAL.......................................................................................................
PROPUESTA DE SOLUCION O METODOLOGIA IMPLEMENTADA..............................
RESULTADOS OBTENIDOS.............................................................................................
CONCLUSIONES Y RECOMENDACIONES.....................................................................
BIBLIOGRAFIAS Y FUENTES DE INFORMACION..........................................................
ANEXOS.........................................................................................................................
CRONOGRAMA DE ACTIVIDADES..........................................................................
BITACORA................................................................................................................
ACTA DE INICIO.......................................................................................................
WBS..........................................................................................................................
DESARROLLO DE LA APLICACIÓN WEB (PRIMERA FASE)...............................
DESARROLLO DE LA APLICACIÓN WEB (SEGUNDA FASE)..............................
CONMUTACION DE REDES DE DATOS...................................................................
DESARROLLO DE LA INFRAESTRUCTURA DE REDES DE DATOS......................
DESARROLLO E IMPLEMENTACION DE SISTEMAS OPERATIVOS......................
Implementación de servidor y maquina cliente por medio de virtualización....................
Instalación de sistema operativo CentOs 7 para máquina virtual cliente........................
GLOSARIO.......................................................................................................................
CONCLUSION..................................................................................................................
INTRODUCCION
En el presente documento se realizará la presentación de una propuesta para la

empresa SugarTown que contrata a Olympus con el objetivo de colaborar con su
empresa para tratar distintas problemáticas, así como todos los puntos a tratar
sobre el mismo, generalizando dentro del desarrollo de este cabe mencionar que
se propusieron soluciones tanto tecnológicas como físicas para resolver las
diferentes problemáticas presentadas en el establecimiento que se consideró para
la elaboración de este proyecto.
Mencionando algunos de estos, se comentaron problemas administrativos
orientados a personal, almacén, etc. Así como también falta de recursos en web,
poniendo de ejemplo un sitio web, todo esto, problemas orientados a la falta de
recursos tecnológicos, así como problemas físicos (la estructuración de cableado y
falta de una red y un servidor local que guarde). Todas las soluciones planteadas
en el siguiente documento fueron sugeridas en base a un historial de incidencias
ya presentado por personal del mismo establecimiento.
Así mismo, estos componentes de software se desarrollan con la finalidad de
elaborar un conjunto de elementos que se puedan reutilizar, dicho, en otros
términos, que permitan el desarrollo de aplicaciones futuras a partir de la
reutilización de dichos componentes, para ello son clasificados y almacenados en
un repositorio al cual se podrá acceder posteriormente para su utilización.
Por último, una vez planteados la problemática, las viables soluciones
tecnológicas, así como periodos de capacitación y personal que realizará creación,
desde estructura a diseño, se procederá a definir las fechas pertinentes de
empiezo, desarrollo, entrega de materiales utilizados y finalización del proyecto.
DESCRIPCION DEL PROBLEMA
Falta de publicidad: La empresa no cuenta con alternativas para la atracción de

nuevos clientes para la compra de los productos disponibles, no hay:
 Publicidad atractiva
 Medios de comunicación publicitario.
No cuenta con una aplicación web: El establecimiento no cuenta con:
alternativas para extenderse a nuevos clientes, además no cuenta con una página
en línea donde los clientes puedan observar los productos con los que el
establecimiento cuenta.
Problemas de Inventario y Staff Laboral: Se contempló que el establecimiento,
no cuenta con una buena gestión de stock de la mercancía. Esto debido a la
ausencia de:
Falta de red local: Se contempla que la encargada del establecimiento no cuenta
con recursos tecnológicos suficientes para el manejo de la mercancía del local,
además de que no se cuenta con:
Pocas ganancias. El negocio cuenta con muy pocos clientes por ende esta no
cuenta con muchas ventas debido a problemas anteriormente encontrados a
causa de que todo se maneja de manera manual lo que hace todo más complejo
al momento de administrar tanta información provocando equivocaciones.
OBJETIVO GENERAL
El alumno implementara bases de datos, el proyecto de TI, mediante la ejecución

de la base de planeación, y desarrollo para satisfacer las necesidades del cliente.
Se realizará la implementación de técnicas de uso de recursos en Tecnologías de
la Información (TI), para aumentar índice de clientela, así como implementar
dinámicas para una mejor gestión de recursos tecnológicos, físicos y fluidez de los
clientes hacia un establecimiento de hamburguesas.
PROPUESTA DE SOLUCION O METODOLOGIA IMPLEMENTADA
Aplicación web: Se implementará un sitio web para favorecer la publicidad,

inventario y catálogo de productos del establecimiento por medio de un CRUD
(Consulta, registro, actualización y eliminación de productos) la cual necesitará de
promedio, 2 a 4 personas para diseño, estructura y respectivo mantenimiento. De
misma manera, se necesitarán 2 unidades de equipo de cómputo con las
siguientes especificaciones:
Materiales:
 Memoria RAM 4GB (Minima).
 Almacenamiento 300 GB.
 Sistema Operativo (Windows 7-Windows10).
 Cent Os 7. (Sistema Operativo Linux).
 Servidor Web (De preferencia Apache).
 Visual Code.
 Dominio. (Nombre, y Alojamiento).
Se manejará un promedio de costos para el equipo electrónico y licencias de
software a utilizar en caso de que se requiera costo resultando en un presupuesto.
Requerimientos Humanos Sueldo por quincena
Diseñador gráfico $8,000 MXN

Analista (Documentador) $7,000 MXN
Desarrollador Front En $12,000 MXN
Desarrollador Back En $10,000 MXN
Técnico en cableado estructurado $11,000 MXN
Diseñador de redes $15,000 MXN
Administrador de servidor $8,000 MXN
  Total: $60,000 MXN
Requerimientos tecnológicos Costos
Visual Code (Garantía 1 Año) $1130 MXN
XAMPP $0 MXN
Internet (Esto ya debería estar disponible en $300 MXN
el establecimiento, en caso de que no, deberá
ser contratado y pagarse mensualmente)
MySQL Workbench $0.00 MXN
CentOs 7 $0 MXN
Navegador Web $0 MXN
VMware $71.88 MXN
Hosting Dominio (Garantía 1 año de registro) $499 MXN

  Total: $2,000.88 MXN
Base de datos: Se realizará una base de datos para encargarse de gestionar la
mercancía existente en inventario, registro de clientes, catálogo de dulces en
venta, etc.
Esta misma se implementará en un equipo de cómputo el cual debe cumplir con lo
siguiente:
 Memoria RAM 4GB (Mínimo).
 Almacenamiento mínimo 465 GB.
 Sistema Operativo (Windows 7-Windows10).
 Cent Os7.
 MySQL.
Se manejará un promedio de costos para el equipo electrónico y licencias de

software a utilizar en caso de que se requiera costo resultando en un presupuesto.
Requerimientos Humanos Sueldo por quincena
Desarrollador de base de datos $8,000 MXN
Diseñador de base de datos $7,000 MXN

  Total: $15,000 MXN
Requerimientos tecnológicos Costos
Visual code (Garantía 1 Año) $1130 MXN

XAMPP $0 MXN
MySQL $0 MXN
CentOS 7 $0 MXN
VMware $71.88 MXN
  Total: $1201.88 MXN
Ventajas:
 Visual Studio Code: Es un entorno de desarrollo de software fácil de
usar.
 XAMPP: Tiene muchas herramientas.
 MySQL: Base de datos fácil de hacer.
 CentOS 7: Ocupa menos requisitos.
 VMware: Tiene muchas herramientas a lo que da mucho control
sobre las máquinas virtuales.
Desventajas:
 Visual Studio Code: Es necesario descargar extensiones y es
costoso.
 XAMPP: Se puede confundir uno al tener muchas herramientas.
 MySQL: Es una base de datos muy sencilla.
 CentOS 7: Se necesita conocimiento sobre un software no muy
usado como lo es Windows.
 VMware: Al tener muchas herramientas puede ser confuso.
RESULTADOS OBTENIDOS
Como resultado se obtuvo el correcto funcionamiento de la página web, la cual es

atendida mediante un servidor. Su operación trabaja mediante conectividad física
por medio de un enrutador (Router) , un conmutador (Switch) y un enrutador
inalámbrico (Wireless Router), el cual este ultimo permite que los usuarios finales
que deseen ingresar a la página web; lo hagan de forma inalámbrica por medio de
WI-FI, usando dispositivos móviles como celulares inteligentes, tabletas o
computadoras portátiles.
CONCLUSIONES Y RECOMENDACIONES
La finalidad de este proyecto es desarrollar una planeación de la estructura del

proyecto fundamentándola con la implementación de soluciones a la problemática
que tenga una empresa (en este caso, un establecimiento de dulces). Estipulando
que requerimientos son necesarios para poder realizar la resolución a los
problemas que ocurran, siendo así agilizando ventas y administración de datos
con ayuda de una aplicación web y una base de datos. Tomando en cuenta que
cada integrante del equipo tuviera un rol y este lo desempeñe eficazmente.
Finalmente, se podrá terminar dando una solución tecnológica a una problemática
de forma exitosa.
BIBLIOGRAFIAS Y FUENTES DE INFORMACION
 https://www.strato.es/faq/correo/que-es-spam-y-como-puedo-protegerme/
 https://www.ionos.mx/digitalguide/servidores/herramientas/instala-tu-
servidor-local-xampp-en-unos-pocos-pasos/
 https://lievanosan.com/guias/icuanto-es-el-costo-de-crear-un-sitio-web/
 https://www.hostinglabs.pe/soluciones/licencias/linux-centos
 https://www.tpv-punto-de-venta.com/front-market-control-total-de-
hipermercados.html
 https://www.recursosenprojectmanagement.com/work-breakdown-structure/
 https://es.smartsheet.com/blog/como-crear-un-diagrama-de-gantt-en-excel
 https://www.youtube.com/watch?v=XOlGsDEibWo
ANEXOS
CRONOGRAMA DE ACTIVIDADES
BITACORA
BITACORA 1: DEFINICIÓN Y PLANEACIÓN DE

PROYECTO (BITACORA)
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
Tema: Trabajo de bitácora de proyecto
Descripción Análisis, planeación y avance en equipo
Fecha: 07-09-2022 Hora: 4: 00PM
Lugar: Discord(Plataforma de reuniones)
Responsable o líder RUIZ SANCHEZ EDWIN GAMALIEL
Participantes Firmas
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
Actividades realizadas durante la reunión
● Análisis de problemática sobre el proyecto.
● Análisis de trabajos y tareas del proyecto sobre cada área y asignación de
roles (documentación, aplicación web, base de datos, virtualización de sistema
operativo y creación de servidor, diseño de topología de red, y opinión sobre
cableado estructurado).
● Realizar observaciones sobre lo que conllevara cada área y realizar una
planeación sobre lo que se va a realizar primero.
● Realizar una lluvia de ideas sobre problemáticas de proyecto.
● Poner empeño en terminar la etapa final de la documentación.
Problemas:
● Decidía
● Disponibilidad de integrantes.
Soluciones:
● Proponer varias ideas y visualizar a largo alcance como seria esa idea ya
realizada o combinar ideas y hacer críticas constructivas en equipo.
● Poner un tiempo en común donde podamos estar sin compromisos
externos de por medio.
Acuerdos y/o conclusiones
● Para conseguir buenos resultados en un trabajo en equipo, debe de existir
cierta disponibilidad de parte de cada integrante así como tomar en cuenta el
saber priorizar que debe ser antes realizado y que no. Además, se debe
mejorar los intervalos de tiempos para elegir ya que el equipo tiende a
atrasarse por no estar completamente de acuerdo en un detalle pequeño y
sencillo.
CAPTURA O FOTO DE LA REUNIÓN
TIPO DE REUNION: VIRTUAL

INTRODUCCIÓN DE LA ACTIVIDAD
En esta actividad que se dará a continuación, está previsto tratar el tema
sobre el desarrollo de cada parte de la aplicación web (página web, base de datos,
diseño responsivo). Se tratara todo lo relacionado a la imagen de la página web
así como detalles de logotipo, icono, entre otras cosas.
III. BITACORA 2: PLANEACIÓN DE

DESARROLLO DE APLICACIÓN WEB DEL
PROYECTO (BITACORA)
Tema: Trabajo de bitácora de página web del proyecto
Descripción Asignación de roles de aplicación web en equipo
Fecha: 15-09-2022 Hora: 5: 00pm
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Colaboración en el proyecto
● Conjunto de trabajos y tareas del proyecto en todas las áreas
(documentación, programación, base de datos, virtualización de sistema
operativo, crear software y sus pantallas/mockups).
● Hacer observaciones de nuestro en cada ámbito, y realizar excelente
documentación y reportes en cada avance del proyecto, siendo explícitos y
específicos todo punto que se toque en ellos y hacerlo de manera formal.
● Poner acuerdos y opiniones, dentro de cada ámbito de este proyecto.
● Empeñarse y esforzarse a terminar la etapa final de la documentación.
Problemas:
● Decidía
Soluciones:
sencillo.

sobre el desarrollo de la base de datos, la definición y análisis de datos
respectivos a los productos e información que reside en el establecimiento
además del diseño de modelo entidad-relación, modelo relacional y una búsqueda
del catálogo de datos correspondiente a la empresa.
III. BITACORA 3: PLANEACIÓN DE

DESARROLLO DE BASE DE DATOS DEL
PROYECTO (BITACORA)
Trabajo de bitácora de base de datos del
Tema:
proyecto
Descripción Análisis de la base de datos en equipo
Fecha: 08-10-2022 Hora: 3: 00pm
Responsable o líder MEDINA LOPEZ MILDRED YANET
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Analisis en equipo de los productos de establecimiento.
● Hacer observaciones de los datos, es decir, llevar a cabo un análisis de el
atributo de un producto para asi dar a detalle una definición mas acertada de
los datos.
Problemas:
● Decidía
Soluciones:
sencillo.

En esta actividad que se dará a continuación, está previsto tratar el tema sobre el
cómo se desarrollará cada parte de la aplicación web (página web, base de datos,
diseño responsivo). Se tratará todo lo relacionado a la imagen de la página web
así como detalles de logotipo, icono, entre otras cosas
BITACORA 4: PLANEACIÓN DE APLICACIÓN

WEB RESPONSIVA (BITACORA)
Trabajo de bitácora de aplicación web del
Tema:
proyecto
Planeación de aplicación web responsiva en
Descripción
equipo
Fecha: 22-10-2022 Hora: 4: 30pm
Responsable o líder MOLINA ROBLES MANUEL ADRIAN
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Conjunto de trabajos y tareas del proyecto en todas las áreas
(documentación, programación, base de datos, virtualización de sistema
operativo, crear software y sus pantallas/mockups).
● Hacer observaciones de nuestro en cada ámbito, y realizar excelente
documentación y reportes en cada avance del proyecto, siendo explícitos y
específicos todo punto que se toque en ellos y hacerlo de manera formal.
Problemas:
● Decidía
Soluciones:
sencillo.


sobre la prueba de la aplicación web y base de datos de la misma, así como notar
el funcionamiento correcto del inicio de sesión y manejo de la información del
establecimiento que reside en la base de datos, por medio de la página web.
BITACORA 5: PRUEBA DE APLICACIÓN WEB Y

DISEÑO (BITACORA)
Trabajo de bitácora acerca de la prueba de
Tema:
aplicación web y diseño de esta.
Prueba del funcionamiento de la aplicación web
Descripción
en equipo
Fecha: 05-11-2022 Hora: 2: 30pm
Responsable o líder MOLINA ROBLES MANUEL ADRIAN
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Conjunto de trabajos sobre implementación de las diferentes áreas de
funcionamiento de la página web (consulta de datos en la página, borrado,
actualización y registro).
● Hacer observaciones de lo que se implementó para realizar el sistema de
login (inicio de sesión) para así otorgar diferentes funciones al usuario.
Problemas:
● Disponibilidad entre el equipo.
● Problemas con servidor en los equipos de prueba.
Soluciones:
● Proponer tiempos donde todos puedan estar disponibles en un momento
clave donde se puedan dar varias ideas y visualizar a largo alcance como seria
esa idea ya realizada o combinar ideas.
● Para conseguir buenos resultados en un trabajo de equipo, debe de existir
comunicación entre nosotros para así poder realizar tareas complejas y/o en
dado caso, continuarlas para no tener necesidad de consultar tanto al
integrante encargado de dada tarea.


sobre la prueba de la aplicación web y base de datos de la misma, así como notar
el funcionamiento correcto del inicio de sesión y manejo de la información del
establecimiento que reside en la base de datos, por medio de la página web.
BITACORA 6: PREPARACION DE RED Y

SERVIDOR (BITACORA)
Trabajo de bitácora acerca de servidor y red
Tema:
aplicación web.
Preparación de cableado estructurado, servidor y
Descripción
red local en equipo
Fecha: 12-11-2022 Hora: 10: 00am
Responsable o líder RUIZ SANCHEZ EDWIN G.
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Conjunto de trabajos y análisis para la preparación de materiales
requeridos para el cableado de la red así como el uso de normas y estándares
correctos aplicables.
● Hacer requerimientos necesarios para la red de área local y analizar que
esta sea buena para el establecimiento (confiable, escalable y segura).
● Analizar los requerimientos necesarios (espacio de almacenamiento,
particionamiento, etc.) para el servidor local y servidor web que alojara la
aplicación web y base de datos así como la seguridad aplicable a estos.
Problemas:
● Deficiencia en equipos físicos y problemas de compatibilidades.
● Problemas con servidor en los equipos de prueba.
Soluciones:
● Investigar tecnologías de software de virtualización en el cual se puedan
llevar a cabo en equipos con bajo rendimiento o buscar menores opciones de
rendimiento de recurso de estos para fines de prueba.
● Proponer otras opciones de equipos utilizables para estas prácticas.
● Para poder realizar las actividades de maneras satisfactorias, se propone
llevar nuestros propios equipos y material para así tener un poco de más
ventaja al momento de implementar todo lo que se planea hacer o utilizar
equipo de laboratorio de cómputo con previa autorización.

En esta actividad que se realizara a continuación, se buscara respecto a

cada área o materia que integran el proyecto, diversas soluciones de
observaciones y detalles que se comentaron respecto a proyecto, funcionalidad o
recomendación.
BITÁCORA 7: RESOLUCIÓN DE DETALLES DE

PROYECTO INTEGRADOR (BITÁCORA)
Trabajo de bitácora de resoluciones de detalles
Tema:
del proyecto
Resolucion de detalles respecto a proyecto en
Descripción
equipo
Fecha: 02-12-2022 Hora: 4: 30pm
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
● Conjunto de trabajos y tareas del proyecto en cada área, respecto a
detalles de y observaciones de docentes.
● Realizar una búsqueda y análisis de cada observación dada al proyecto en
cada área del proyecto integrador.
Problemas:
● Desorganización y falta de acuerdos
Soluciones:
● Proponer ideas entre cada integrante del grupo y repartir el trabajo entre
cada integrante.
cierta disponibilidad de parte de cada integrante, así como tomar en cuenta el
sencillo.
TIPO DE REUNIÓN: VIRTUAL

CONCLUSIÓNES DE LA ACTIVIDAD
González Álvarez Elías

El área de especialidad en la que el equipo se encuentra es
la de las redes de comunicación digital, siendo lo esencial la
comunicación en equipo lo que cuenta para poder efectuar la mejor
solución de forma rápida y eficiente.
Medina López Mildred Yanet

En un trabajo en equipo, debe de existir cierta
disponibilidad de parte de cada integrante, así como tomar en
cuenta el saber priorizar que debe ser antes realizado y que no.
Molina Robles Manuel Adrián
Se ha destacado la mejora de cada integrante por su parte ya que cada
integrante se ah asignado a lo que menos sabia para su desarrollo y así
poder mejorar entre una buena comunicación y un buen desafío.
Ruiz Sánchez Edwin Gamaliel
Es importante la organización y comunicación entre los integrantes de
equipo, esto para mejorar el desarrollo del proyecto en cada ámbito y área
del proyecto, es decir; para que cada integrante pueda desempañarse de
mejor manera en el área o rol que se le ha asignado.
ACTA DE INICIO
ACTA DE INICIO
DE PROYECTO
Venta de dulces Líder o Gerente del Proyecto

Sugar Town Dulcería TSU. Edwin Gamaliel Ruiz Sánchez
Fecha de Apertura Patrocinador del Proyecto
Miércoles 09 de septiembre del
María Rebecca Rivera Martínez
2022
Justificación del Proyecto
Después de haber identificado y definido los problemas, se ha identificado las
causas principales del respectivo problema. Así mismo se ha tomado en cuenta los
objetivos que es innovar tecnológicamente en un establecimiento potencial que
necesita de nuestros servicios. La problemática es la siguiente:
La dulcería (Sugar Town), se encuentra activa en las ventas, sin embargo, a causa
de la mala gestión del stock(inventario), falta de alojamiento de la información,
además de la falta de recursos tecnológicos, se presentan ciertos inconvenientes a
la hora de que el cliente desea hacer su compra. Otro aspecto que se definió al
realizar el análisis, fue que la mercancía no se encuentra completamente organizada
además de que el establecimiento no cuenta con un medio publicitario donde se de
conocer al público en general la mercancía que este ofrece, así como la carencia de
servicio de registro tanto de mercancía exacta como clientes.
Descripción del producto o servicio a ofrecer

Se implementará un sitio web para favorecer la publicidad, inventario y catálogo de
productos del establecimiento por medio de un CRUD (Consulta, registro,
actualización y eliminación de productos) la cual necesitará de promedio, 2 a 4
personas para diseño, estructura y respectivo mantenimiento. De misma manera, se
necesitarán 2 unidades de equipo de cómputo.
Objetivos
El aumento del 10% de clientes en un tiempo estimado de 2 meses.
Aumento del 30% de las ventas en productos en un tiempo estimado de 3 meses.
Como principal objetivo, se planea lograr un aumento de índices de clientela en un
promedio de 50% dentro de aproximadamente 2 semanas.
Se planea implementar y sistematizar procesos de inventario.
Requerimientos/Expectativas del Proyecto

Humanos Costo Procesos Tiempo
1) Analista(Documentador) $ 7,000 Planeación de 2 semanas
propuesta y
Documentación
descriptiva de proyecto.
$ 8,000 Planeación de
propuesta, planeación
2) Diseñador Grafico de diseño de página 3 semanas
web, diseño responsivo
de página web.
$
Planeación de diseño
3) Desarrollador Front End 12,000 2 semanas
de la página web.
$
Desarrollo de estructura
4) Desarrollador Back End 10,000 1 semana
de la página web.
5) Desarrollador de Base de Elaboración de la base
$ 7,000 14 días
Datos de datos.
Elaboración y
6) Administrador de servidor $ 8,000 desarrollo del servidor 3 semanas
web.
7) Técnico en cableado $11,000 Preparación del
estructurado cableado y ponchado
de este.
8) Diseñador de redes Preparación de la red.
$15,000
(Física y configuración)
Técnicos/Software Costo Materiales/Harware Costo
1) Material para $540 MXN
Cableado (Para las
conexiones físicas):
$1130
1) Visual Code • Cable UTP
MXN
• Conectores RJ-45
• Recubrimiento
(Botas)
2) XAMPP $0 MXN 2) 2 PC´s $4000 MXN
$0 MXN 3) Dispositivos de Capa $20,000MXN
2 y Capa 3:
3) CentOs 7 • 1 Router
• 1 Switch
• 1 Modem
4) Navegador Web $0 MXN
$499
5) Hosting (Dominio) MXN
6) VMware $71.88
MXN
7) MySQL Workbench $0 MXN
$300
8) Internet MXN
ENTREGABLES DEL PROYECTO

Aplicación Web (Aquí incluye base de datos, página web, etc.)
Manual de usuario
Servidor
PRESUPUESTO DEL PROYECTO

Costo Total estimado: $77,000 - $82,000 MXN
Riesgos del Proyecto Prevenciones Soluciones Porcentaje

Importantes Gravedad
Tener el servidor en Contar con un
aptas condiciones para respaldo de
RIESGO #1 Perdida de
evitar fallos que información. 3% Bajo
datos
afecten a la base de
datos.
Mantener limpio el Aplicar
RIESGO #2 Posible área de los equipos y mantenimiento
daño de los equipos de lejos de algo que correctivo cada 5% Leve
computo provoque daños en cierto tiempo.
estos.
Aplicar medidas de Evitar el ingreso o 5% Leve
seguridad al servidor acceso a la base de
RIESGO #3
Vulnerabilidad de la que aloja la base de datos a toda
base de datos datos. persona no
autorizada.
RIESGO #4 Robo de Realizar Permitir a personal 20%
datos personales
procedimientos de altamente Moderado
autenticación en caso capacitado manejar
de requerir información información sensible
del cliente. para evitar robo de
datos por personas
o empleados no
autorizados.
Colocar una llave Tener personal 30%
identificadora única a capacitado y Considerable
cada registro de autorizado para
información cuando manejar la
RIESGO #5 esta sea registrada en información para
Redundancia de datos
la base de datos. evitar la
redundancia de
daos y así hacerla
mas integra.
Firmas de autorización
Integradora Alumno
Lic. Maria Rebecca Rivera Martinez Ruiz Sánchez Edwin Gamaliel
Aplicaciones Web Alumno
Ing. Yakko Miguel Olivo Nájera Molina Robles Manuel Adrian
Sistemas Operativos Alumno
Ma. Rafael Aviles Zapien Medina Lopez Mildred Yanet
Conmutación de Redes de Datos Alumno
Ing. Nidia Esmeralda Diaz Sancehz Gonzalez Alvarez Elias
Infraestructura de Redes de Datos

Ing. Humberto Vejar
WBS
DESARROLLO DE LA APLICACIÓN WEB (PRIMERA FASE)
• Introducción
En el siguiente informe se presentará la documentación de la realización del proyecto
de la página web, el lector podrá apreciar el código utilizado, la conexión a la base de
datos e imágenes que complementarán el avance de manera orgánica. Sin más que
añadir, comienza la documentación.
• Desarrollo web front-end:

Diseño web adaptable
Para el desarrollo de la página web se utilizó la herramienta Bootstrap. Este es el
código de la página principal.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SugarTown</title>
<link rel="stylesheet" href="./css/bootstrap.min.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">SugarTown</a>
</li>
<a class="nav-link" href="index.php">Inicio</a>
</li>
<a class="nav-link" href="products.php">Productos</a>
</li>
<a class="nav-link" href="about_us.php">¿Quiénes somos?</a>
</li>
<a class="nav-link" href="admin/index.php">Iniciar sesion</a>
</li>
</ul>
</nav>
<div class="container">
<br/>
<div class="row">
<div class="jumbotron text-center">

<h1 class="display-3">Bienvenido a SugarTown</h1>
<p class="lead">Consulta productos de dulceria</p>
<hr class="my-2">
<img width="400" src="IMAGES/Back_Icon.gif" class="img-thumbnail
rounded mx-auto d-block" />
<p>+ Info</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="products.php"
role="button">Ver almacen de productos</a>
</p>
</div>
</div>
</div>
</body>
</html>
Y está interconectado a través de enlaces a la página de artículos, la información del

sitio web y el inicio de sesión.
 Desarrollo web back-end:
o Tramitación de solicitudes
 El seguimiento de solicitudes es un sistema que administra y ofrece recursos
para administrar los recursos de una determinada instancia o entidad.
Base de datos
Se ha creado una base de datos con el nombre del establecimiento y una tabla de
productos.
o Método de conexión a la base de datos

Primero, se llama al código de la página web desde el registro de la base de datos:
INSERT INTO productos (nombre,imagen ) VALUES (:nombre,:imagen);
La base de datos se llama:

 <?php
 $host="localhost";
 $db="sugartown";
 $user="root";
 $password="";

 try {
 $connection=new PDO("mysql:host=$host;dbname=$db",$user,$password);


 } catch ( Exception $ex) {

 echo $ex->getMessage();
 }
 ?>
Y para poder ejecutar el código de la llamada de la tabla de la base de datos a la
página web para que se visualice en forma de tabla se inserta el siguiente comando:
$sentenceSQL= $connection->prepare("INSERT INTO productos (nombre,imagen ) VALUES
(:nombre,:imagen);");
$sentenceSQL->bindParam(':nombre',$txtNombre);
o Data management
Para la gestión de datos se implementó un sistema CRUD (Crear, Leer, Actualizar y
Eliminar), el cual se conecta directamente a la base de datos ya mostrada al inicio del
documento.
El cual, accediendo a la página del usuario administrador, se tiene acceso a lo que es el

sistema de inventario.
El cual tiene las funciones de un CRUD, se pueden crear, seleccionar, modificar,
actualizar o eliminar elementos.
• Conclusión
Fue una tarea que el desarrollador de la aplicación web tuvo que estudiar en diferentes
materias, especialmente para cumplir con las funciones determinadas en los
parámetros establecidos en este documento. Fue interesante y a la vez laborioso saber
cómo se maneja una tabla de inventario, cómo se relaciona con una base de datos y
cómo un usuario tiene permiso para acceder a este sistema de administración tipo
CRUD.
DESARROLLO DE LA APLICACIÓN WEB (SEGUNDA FASE)
• Introducción
En el siguiente informe se presentará la documentación de la realización del proyecto
de la página web, el lector podrá apreciar el código utilizado, la conexión a la base de
datos e imágenes que complementarán el avance de manera orgánica. Sin más que
añadir, comienza la documentación.
Como se puede apreciar en la parte de el desarrollo frontal de la aplicación web,

cuando el usuario ingresa al sitio, es recibido por una página de bienvenida.
El usuario puede ver en la parte superior izquierda una barra de navegación en la que
hay diferentes botones para poder desplazarse a través de todo el sitio web.
Después se puede apreciar en la pagina de bienvenida un mensaje al usuario y una

descripción de la página, desplegando anuncios que presentan los productos que
ofrece la empresa.
Cuando el botón de “iniciar sesión” es presionado, el usuario puede acceder a través
del apartado de inicio de sesión llenando el formulario con la información solicitada en
pantalla.
En el catálogo de productos se puede apreciar una lista en las cuales se desplegaron

diferente variedad de dulces que ofrece a la venta el establecimiento.
A continuación, se mostrará la función del carrito de compras que se ha desarrollado.
Cuando el usuario da click al botón de agregar al carrito, automáticamente se agrega el

objeto a la lista de compras, y si oprime el botón “continue comprando”, regresara al
usuario al catalogo de productos, dando la opción de elegir otro producto y que sea
añadido a la lista de productos que se encuentran en el carrito de compras.
Cuando se procede al pago se genera un recibo y automáticamente se añade la
información a una tabla que registra la información de los productos elegidos, precio
subtotal y el precio en total.
También la información del comprador es mostrada en este recibo como una vista
previa de la orden.
Todo de acuerdo con el registro del usuario en la base de datos.

Cuando se realiza el pedido, la operación es exitosa y añadida al registro en la tabla de
la base de datos; y así el usuario ha realizado una compra exitosamente.
Por último, en el apartado de “¿Quiénes somos?” se despliegan tarjetas de

presentación las cuales muestran en pantalla la información de los integrantes del
equipo desarrollador.
También en la misma página hay un formulario en el cual se le solicita al usuario alguna
sugerencia que desee introducir en este.
De igual forma la información introducida se guarda en una base de datos.
Por último, pero no menos importante, en la parte final del catálogo de la galería de
productos puede apreciarse una grafica la cual despliega los datos de los productos
que han sido más comprados.
Todo de acuerdo con la información que despliega la consulta y la subconsulta que se

realiza a la información que hay en la base de datos.
A continuación, una breve muestra de lo que hay en el código de la pagina principal de
la aplicación web:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SugarTown</title>
<link rel="stylesheet" href="./css/bootstrap.min.css" />

<link rel="icon" type="image/png" href="IMAGES/icon_st.png" />
</head>
<body style ="background-image: linear-gradient(to right top, #ff81c9, #f781d0,
#ee82d6, #e483dc, #d984e1, #b296f7, #83a6ff, #51b2ff, #00c9ff, #00dcea, #00eac2,
#8cf295);">

<img src ="IMAGES/logo_st.png" title = "SugarTownlogo" alt =
"sugartown" width = "36px" height = "36px">
</li>
<a class="nav-link" href="../index.php">Inicio</a>
</li>
<a class="nav-link" href="php/compra.php">Catalogo de
productos</a>
</li>
<a class="nav-link" href="php/about_us.php">¿Quiénes somos?</a>
</li>
<a class="nav-link" href="php/admin/login.php">Iniciar sesion</a>
</li>
</ul>
</nav>
<div class="container">
<br/>
<div class="row">
<?php #include("template/header.php"); ?>

<div class="jumbotron text-center">
<h1 class="display-3">Bienvenido a SugarTown</h1>
<p class="lead">Consulta productos de dulceria</p>
<hr class="my-2">

<img width="800" src="IMAGES/Brochure Catálogo Jabones
Artesanales Llamativo Floral Rosa Amarillo Azul.gif" class="img-thumbnail rounded
mx-auto d-block" />

<p class="lead">
<a class="btn btn-primary btn-lg" href="php/compra.php"
role="button">Ver almacen de productos</a>
</p>
</div>
<?php #include("template/footer.php"); ?>
</div>
</div>
<br/><br/>
<footer>
<p> Developed by: Olympus - ©SugarTown 2022 </p>
</footer>
</body>
</html>
Y también de lo que es la galería de productos.
<?php
include 'Conexion.php';
?>
<!DOCTYPE html>
<html lang="es">
<head>
<title>.:Sugar Town:.</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:400,700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/2c36e9b7b1.js"></script>
<SCRIPT
SRC="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></SCRIPT>
<META NAME="viewport" CONTENT="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="../css/obootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/jquery.min.js"></script>
<link rel="icon" type="image/png" href="../IMAGES/icon_st.png" />

<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body style ="background-image: linear-gradient(to right top, #ff81c9, #f781d0,

#ee82d6, #e483dc, #d984e1, #b296f7, #83a6ff, #51b2ff, #00c9ff, #00dcea, #00eac2,
#8cf295);">
<img src ="../IMAGES/logo_st.png" title = "SugarTownlogo" alt =
"sugartown" width = "36px" height = "36px">
</li>
<a class="nav-link" href="../index.php">Inicio</a>
</li>
<a class="nav-link" href="compra.php">Catalogo de productos</a>
</li>
<a class="nav-link" href="about_us.php">¿Quiénes somos?</a>
</li>
<a class="nav-link" href="admin/login.php">Iniciar sesion</a>
</li>
</ul>
</nav>
<div class="contai">
<div class="panel panel-default">
<div class="panel-heading">
<ul class="nav nav-pills">

<li role="presentation" class="active"><a href="compra.php">Inicio</a></li>
<li role="presentation"><a href="VerCarta.php">Ver Carta</a></li>
<li role="presentation"><a href="Pagos.php">Pagos</a></li>
</ul>
</div>
<div class="panel-body">
<h1>Catalogo</h1>
<a href="VerCarta.php" class="cart-link" title="Ver Carta"><i
class="glyphicon glyphicon-shopping-cart"></i></a>
<div id="products" class="row list-group">
<?php
//get rows query
$query = $db->query("SELECT * FROM mis_productos ORDER BY idprod DESC
LIMIT 10");
if($query->num_rows > 0)
{
while($row = $query->fetch_assoc())
{
?>
<div class="item col-lg-4">
<div class="thumbnail">
<div class="caption">

<h4 class="list-group-item-heading"><?php echo $row["name"];
?></h4>
<p class="list-group-item-text"><?php echo
$row["description"]; ?>&nbsp
<?PHP $foto = $row["foto"];
ECHO '<IMG SRC="../img/'.$foto.'" TITLE="" ALT="'.$foto.'"
WIDTH="180px" HEIGHT="100px" />'?></p>
<div class="row">
<div class="col-md-6">
<p class="lead"><?php echo '$'.$row["price"].' MXN';
?></p>
</div>
<div class="col-md-6">
<a class="btn btn-success" href="AccionCarta.php?
action=addToCart&id=<?php echo $row["idprod"]; ?>">Agregar al carrito</a>
</div>
</div>
</div>
</div>
</div>
<?php } }else{ ?>
<p>Producto(s) no existente(s).....</p>
<?php } ?>
</div>
</div>
</div>

</div>
<BR>

<script type="text/javascript">
// Load the Visualization API and the corechart package.

google.charts.load('current', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.

google.charts.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,

// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.

var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Turin', 3],
['Dragoncitos', 1],
['Jolly Rancher', 1],
['Kalu', 1],
['Kinder Bueno', 2]
]);
// Set chart options

var options = {'title':'Producto mas vendido',
'width':600,
'height':400};
// Instantiate and draw our chart, passing in some options.

var chart = new
google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>

<br/><br/>


<div id="chart_div"></div>
<footer>
<p> Developed by: Olympus - ©SugarTown 2022 </p>
</footer>
</body>
</html>
Y por última instancia se mostrará la información que hay registrada en la base de
datos.
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Servidor: 127.0.0.1
-- Tiempo de generación: 15-11-2022 a las 04:20:01
-- Versión del servidor: 10.4.24-MariaDB
-- Versión de PHP: 8.1.6
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Base de datos: `sugartown`
--
CREATE DATABASE IF NOT EXISTS `sugartown` DEFAULT CHARACTER SET utf8mb4 COLLATE
utf8mb4_general_ci;
USE `sugartown`;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `productos`
--
-- Creación: 28-10-2022 a las 11:02:20
--
CREATE TABLE `productos` (

ìd` int(11) NOT NULL,
`nombre` varchar(255) NOT NULL,
ìmagen` varchar(1000) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
--
-- Volcado de datos para la tabla `productos`
--
INSERT INTO `productos` (ìd`, `nombre`, ìmagen`) VALUES

(49, 'Chocolate', '1667455035_Choco.jpg'),
(50, 'Caramelos', '1667455051_Candy.jpg'),
(51, 'Paletas', '1667455063_Lollipop.jpg'),
(64, 'Lollipop', '1668119043_SWEETS.jpg');
--
-- Índices para tablas volcadas
--
--
-- Indices de la tabla `productos`
--
ALTER TABLE `productos`
ADD PRIMARY KEY (ìd`);
--
-- AUTO_INCREMENT de las tablas volcadas
--
--
-- AUTO_INCREMENT de la tabla `productos`
--
ALTER TABLE `productos`
MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=65;
COMMIT;
CREATE TABLE Empleados(

empNumero SMALLINT PRIMARY KEY,
empNombre varchar(25) NOT NULL,
empApe_Pat varchar(20) NOT NULL,
empApe_Mat varchar(20) NOT NULL,
empEdad smallint(2) NOT NULL,
empCorreo varchar(30) NOT NULL,
empRFC varchar(15) NOT NULL,
empTelefono CHAR(15)
);
CREATE TABLE Proveedores(

provMatricula SMALLINT PRIMARY KEY,
provNombreEmpresa VARCHAR(25) NOT NULL,
provNomProductos VARCHAR (25) NOT NULL,
provCantidad INT NOT NULL,
provCorreo_Electronico VARCHAR(30)NOT NULL,
provFecha DATE NOT NULL,
provHoraLLegada TIME NULL,
provTelefono CHAR(10) NULL,
provRFC VARCHAR (20)
);
CREATE TABLE Personal(

perNumero SMALLINT PRIMARY KEY,
perRFC VARCHAR (25) NOT NULL,
perPuesto VARCHAR (25) NOT NULL,
perTurno VARCHAR (11) NOT NULL,
perSueldo INT NOT NULL,-- Cambiar a INT o money
perHorasLab SMALLINT NOT NULL,
perHorasEx SMALLINT NOT NULL,
perTelefono_emp CHAR(10) NOT NULL -- FOREIGN KEY
);
CREATE TABLE Clientes(

cliNumero SMALLINT PRIMARY KEY AUTO_INCREMENT,
cliNombre VARCHAR (25) NOT NULL,
cliMetodoPago VARCHAR (20) NOT NULL,
cliTelefono CHAR(10) NOT NULL,
cliNumEmp SMALLINT NOT NULL -- FOREIGN KEY
);
CREATE TABLE Telefono(
telConsecutivo INT PRIMARY KEY AUTO_INCREMENT,
telNumero VARCHAR(13) NOT NULL,
telEmpleado SMALLINT
);
CREATE TABLE Ventas(

veCodigo SMALLINT PRIMARY KEY,
veCantidad SMALLINT NOT NULL,
veNombreProd VARCHAR(25)NOT NULL,
veMarcaProd VARCHAR(25) NOT NULL,
vePrecioProd INT NOT NULL,-- Cambiar a money o int
veTotalProd INT NOT NULL, -- Cambiar a money o int
veCodigoProd SMALLINT , -- FOREIGN KEY(veCodigoProd) REFERENCES
Productos(prodCodigo),
veNumeroEmp SMALLINT -- , FOREIGN KEY(veNumeroEmp) REFERENCES
Empleados(empNumero)
)ENGINE = innodb;
Alter table Ventas ADD constraint fk_veCodigoProd Foreign KEY (veCodigoProd)
REFERENCES Productos(prodCodigo);
Alter table Ventas ADD constraint fk_veNumeroEmp FOREIGN KEY (veNumeroEmp)
REFERENCES Empleados(empNumero)
ON DELETE CASCADE ON UPDATE CASCADE;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
create table users(

uNumber int PRIMARY KEY AUTO_INCREMENT,
uName varchar(25) not null,
uPass char(16)not null,
uPosition CHARACTER(1) not null
);
INSERT INTO ùsers`( ùName`, ùPass`, ùPosition`) VALUES

("carly","1234",'E');

CREATE TABLE IF NOT EXISTS `mis_productos` (
ìdprod` int(11) NOT NULL AUTO_INCREMENT, -- idprod -- prodCodigo
foto varchar(40) not null,
`name` varchar(200) COLLATE utf8_unicode_ci NOT NULL, -- prodNombre
`description` text COLLATE utf8_unicode_ci NOT NULL,
sabor VARCHAR(20) NOT NULL, -- falta prodSabor
marca smallint(20) not null, -- prodMarca
tamanio char(2) not null, -- prodTamanio
tipoD varchar(20) not null, -- prodTipode
`price` float(10,2) NOT NULL, -- prodPrecio
`created` datetime NOT NULL,
`modified` datetime NOT NULL,
`status` enum('1','0') COLLATE utf8_unicode_ci NOT NULL DEFAULT '1',
PRIMARY KEY (ìdprod`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=5 ;
INSERT INTO `mis_productos` (`foto`, `name`, `description`,`sabor`,`marca`,

`tamanio`, `tipoD`, `price`, `created`, `modified`, `status`)
VALUES('l3.jpg', 'Producto 1', 'Lorem ipsum dolor sit amet, volutpat.',
'bannana', 1, 'CH', 1, 15.00, '2022-08-17 08:21:25', '2022-08-17 08:21:25', '1'),
('bubulubucaja.jpg', 'Bubu Lubu', 'Caja de chocolates bubu lubu.', 'Chocolate y
fresa', 2, 'M', 2, 48.00, '2022-05-17 08:21:25', '2022-08-17 08:21:25', '1'),
('cajabubalofresa.jpg', 'Bubbalo', 'Caja de chicles bubalo sabor fresa.',
'fresa', 1, 'M', 1, 30.00, '2022-08-04 08:21:25', '2022-08-17 08:21:25', '1'),
('cajabubalotuti.jpg', 'Bubalo Chicles', 'Caja de chicles bubalo sabor a tutti
fruti.', 'tutti fruti', 1, 'M', 1, 30.00, '2022-04-17 08:21:25', '2022-08-17
08:21:25', '1'),
('cerets.jpg', 'Caramelos Cerets', 'Caramelo sabor cereza.', 'cereza', 1, 'G', 1,
24.00, '2022-03-10 08:21:25', '2022-08-17 08:21:25', '1'),
('chipi.jpg', 'Chipileta', 'Paleta de sabor mango.', 'mango', 1, 'G', 1, 21.00,
'2022-06-11 08:21:25', '2022-08-17 08:21:25', '1'),
('corazones.jpg', 'Corazones de dulce', 'Caramelos con forma de corazon.',
'cereza', 1, 'M', 1, 20.00, '2022-10-17 08:21:25', '2022-08-17 08:21:25', '1'),
('delice.jpg', 'Kinder Delice', 'Postre de chocolate.', 'Chocolate', 1, 'CH', 1,
18.00, '2022-08-17 08:21:25', '2022-08-17 08:21:25', '1'),
('dragon.jpg', 'Dragoncitos', 'Dulces de polvos de sabores.', 'Multiple sabor',
1, 'M', 1, 31.00, '2022-01-11 08:21:25', '2022-08-17 08:21:25', '1'),
('ferrero.jpg', 'Ferrero Roche', 'Chocolates con sabor a trufa.', 'trufa', 1,
'CH', 1, 40.00, '2022-05-02 08:21:25', '2022-08-17 08:21:25', '1'),
('glorias.jpg', 'Glorias', 'Dulce chicloso individual de cajeta.', 'cajeta', 1,
'CH', 1, 2.00, '2022-09-17 08:21:25', '2022-08-17 08:21:25', '1'),
('gloriaspaquete.jpg', 'Glorias', 'Paquete mediano de dulces chiclosos sabor
cajeta.', 'cajeta', 1, 'M', 1, 25.00, '2022-02-14 08:21:25', '2022-08-17
08:21:25', '1'),
('hersheysmini.jpg', 'Hersheys', 'Paquete de chocolates hersheys mini.',
'chocolate', 1, 'CH', 1, 35.00, '2022-05-01 08:21:25', '2022-08-17 08:21:25',
'1'),
('hersheysminiaturas.jpg', 'Hersheys', 'Paquete grande de chocolates hersheys
mini.', 'chocolate', 1, 'G', 1, 75.00, '2022-08-17 08:21:25', '2022-08-17
08:21:25', '1'),
('jolly.jpg', 'Jolly Racher', 'Dulces de varios sabores, presentacion
individual.', 'ponche', 1, 'CH', 1, 15.00, '2022-08-25 08:21:25', '2022-08-17
08:21:25', '1'),
('kalu.jpg', 'Kalu', 'Caramelos de varios sabores.', 'multiple sabor', 1, 'M', 1,
25.00, '2022-08-17 08:21:25', '2022-08-17 08:21:25', '1'),
('kinderbueno.jpg', 'Kinder Bueno', 'Pastel postre de sabor leche y chocolate.',
'chocolate', 1, 'CH', 1, 15.00, '2022-08-17 08:21:25', '2022-08-17 08:21:25',
'1'),
('turin.png', 'Turin', 'Barra de chocolate bajo en azucar.', 'chocolate', 1,
'CH', 1, 15.00, '2022-10-22 08:21:25', '2022-08-17 08:21:25', '1'),
CREATE TABLE IF NOT EXISTS òrden` (

ìdor` int(11) NOT NULL AUTO_INCREMENT,-- idor
`customer_id` int(11) NOT NULL,
`total_price` float(10,2) NOT NULL,
PRIMARY KEY (ìdor`),
KEY `customer_id` (`customer_id`)
---------------------------------------------------------------------------------
-
CREATE TABLE IF NOT EXISTS òrden_articulos` (
ìdor_ar` int(11) NOT NULL AUTO_INCREMENT,-- idor_ar
òrder_id` int(11) NOT NULL,
`product_id` int(11) NOT NULL,
`quantity` int(5) NOT NULL,
PRIMARY KEY (ìdor_ar`),
KEY òrder_id` (òrder_id`)
SELECT No_order from òrden_articulos` WHERE quantity =

(select MAX(quantity) FROM òrden_articulos` WHERE 'product_id' = 0);
---------------------------------------------------------------------------------
-------
CREATE TABLE sugerencias(

sugNum INT PRIMARY KEY AUTO_INCREMENT,
sugNombre VARCHAR(40) NOT NULL,
sugEmail VARCHAR(40) NOT NULL,
sugMensaje TEXT NOT NULL
);
CREATE TABLE marcas(-- marca respectiva del producto

marCodigo int PRIMARY KEY not null,
marNombre varchar(20) not null,
marImagen varchar(40) NOT NULL
);
INSERT INTO marcas values

(1, 'DERWENT', 'derwent.jpg');
CREATE TABLE tamanios(

tamCodigo char(2) not null PRIMARY KEY,-- chico, mediano, grande (CH,M,G)
tamNombre varchar(20) not null-- aqui va el nombre
);
INSERT INTO tamanios values

('CH', 'CHICO'),
('M', 'MEDIANO'),
('G', 'GRANDE');
CREATE TABLE IF NOT EXISTS `clients` ( -- Tabla en compras de cliente, esta
interactua con Pagos.php
ìdcli` int(11) NOT NULL AUTO_INCREMENT,-- idcli
`name` varchar(100) COLLATE utf8_unicode_ci NOT NULL,
èmail` varchar(100) COLLATE utf8_unicode_ci NOT NULL,
`phone` varchar(15) COLLATE utf8_unicode_ci NOT NULL,
àddress` text COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY (ìdcli`)
INSERT INTO `clients` (ìdcli`, `name`, èmail`, `phone`, àddress`, `created`,

`modified`, `status`) VALUES
(1, 'Usuario Demo', '[email protected]', '900099900', 'Quito, EC, Ecuador',
'2018-02-17 08:21:25', '2018-02-17 08:21:25', '1');
create table comentarios

(
codigo tinyint(10) PRIMARY KEY not null AUTO_INCREMENT,
name varchar(30) not null,
email varchar(30) not null,
comentario varchar (100) not null
);
INSERT INTO Proveedores(provMatricula, provNombreEmpresa, provNomProductos,

provCantidad, provCorreo_Electronico, provFecha,
provHoraLlegada, provTelefono, provRFC)
values( 4001, "Kirkland", "Pastel", 10,
"[email protected]", '2022-07-10', '03:00:54',
'6648393000', "KRC453L432"),
( 4002, "Bimbo", "Donitas", 15,
"[email protected]", '2022-06-15', '04:20:22',
'6640503422', "BMB5F3GH45"),
( 4003, "Coca-Cola", "Coca - Cola Light",12,
"[email protected]", '2022-05-01', '04:20:22', '6640399432',
"CKOL563U564"),
( 4004, "Sabritas", "Doritos Nacho", 20,
"[email protected]", '2022-05-09', '05:15:00',
'6634521211', "SABT34H500"),
( 4005, "Bitz", "FriskiBits", 12,
"[email protected]", '2022-04-10', '02:00:24', '6645446556',
"OXCM3400G5"),
( 4006, "Marinela", "Pinguinos Fresa", 24,
"[email protected]", '2022-04-15', '03:00:14',
'6648789422', "MRNL5422R4"),
( 4007, "Barcel", "Takis Fuego", 24,
"[email protected]", '2022-04-06', '04:55:55', '6645693211',
"BRCAM544T7"),
( 4008, "Kirkland", "Pizza Pepperoni", 36,
"[email protected]", '2022-07-10', '03:00:45',
'664839000', "KRC453L432"),
( 4009, "Kirkland", "Pizza Cheese", 12,
"[email protected]", '2022-07-10', '03:00:21',
'664839000', "KRC453L432"),
( 4010, "Kirkland", "Yogurth Helado
Frambueza", 48, "[email protected]", '2022-07-10', '03:00:14',
'664839000', "KRC453L432"),
( 4011, "Nabisco", "Galleta Oreo", 48,
"[email protected]", '2022-04-12', '12:00:24',
'6645872421', "NBCC04IS44"),
( 4012, "Nabisco", "Galleta Oreo
Vainilla",36, "[email protected]", '2022-04-12', '12:00:39',
'6645872421', "NBCC04IS45"),
( 4013, "Nabisco", "Galleta Oreo Pay de
Limon",24, "[email protected]", '2022-04-12', '12:00:20',
'6645872421', "NBCC04IS46"),
( 4014, "Nabisco", "Galleta Oreo
Chocolate",12, "[email protected]", '2022-04-12', '12:00:21',
'6645872421', "NBCC04IS47"),
( 4015, "Kirkland", "Galleta Chispas de
Chocolate",72, "[email protected]", '2022-04-10', '11:00:23',
'6648391000', "KRC453L432");
INSERT INTO Personal(perNumero, perRFC, perPuesto, perTurno, perSueldo,

perHorasLab, perHorasEx, perTelefono_emp)
values(404, "JL74Q15447", "Gerente", "Matutino", 3500, 8,
3, 6645231428),
(455, "LPYH6765", "Cajero", "Matutino", 2000, 8,
4, 6648759687),
(421, "AGNH5T7455", "Mesero", "Matutino", 1800, 8,
3, 6645842788),
(478, "BRNCIE1101", "Mantenimiento","Vespertino",2130,
7, 2, 6645287747),
(498, "CMIALL3423", "Limpieza", "Matutino", 1950, 8,
3, 6645744788),
(433, "CRZUTRH657", "Almacenista","Vespertino",1930, 7,
1, 6632522112),
(411, "ALVICO9000", "Gerente", "Matutino", 4500, 8,
2, 6612524887),
(432, "DVVILL9889", "Mesero", "Matutino", 1800, 8,
3, 6615845775),
(459, "LUCEVF3211", "Mesero", "Vespertino",1730, 7,
2, 6638998911),
(408, "MRTH912312", "Cajero", "Vespertino",1930, 7,
3, 6645785896),
(412, "KCA9471973", "Mantenimiento","Matutino",2200, 8,
4, 6649686675),
(401, "MMD02864421", "Limpieza", "Vespertino",1880,
7, 2, 6645528977),
(462, "EQT9836651", "Cocinero", "Matutino", 2500, 8,
4, 6638977854),
(481, "RDH0835411", "Cocinero", "Matutino", 2500, 8,
5, 6645251333),
(490, "TMA0812221", "Cocinero", "Vespertino",2430,
7, 5, 6658987414);
INSERT INTO Clientes(cliNumero, cliNombre, cliMetodoPago, cliTelefono, cliNumEmp)

values(102, "Sara Mendez", "Efectivo", '6642154783', 276),
(103, "Juan Perez", "Tarjeta", '6642136548', 279),
(104, "Anna Cruz", "Tarjeta", '6643321566', 279),
(105, "Luisa Herra", "Tarjeta", '6643122558', 276),
(106, "Pablo Jauregui","Efectivo",'6643369877', 276),
(107, "Nicolas Inocence","Efectivo",'6641156698', 279),
(108, "Jazmin Torres","Tarjeta", '6642255991', 276),
(109, "Gabriel Reyes","Efectivo", '6647789664', 279),
(110, "Julieta Garcia","Efectivo",'6644489635', 279),
(111, "Milly Rodriguez","Efectivo",'6649971322', 279),
(112, "Carlos Santana","Efectivo",'6643621599', 276),
(113, "Jorge Hank", "Tarjeta", '6649956644', 276),
(114, "Enrique Pena","Tarjeta", '6642269751', 279),
(115, "Ramon Valdez","Efectivo", '6646632154', 279),
(116, "Isaac Molina Jr.","Tarjeta",'6649975136', 276);
INSERT INTO Telefono(telConsecutivo, telNumero, telEmpleado)

values(1, 6645231428, 223),
(2, 6648759687, 276),
(3, 6645842788, 211),
(4, 6645287747, 233),
(5, 6645744788, 245),
(6, 6632522112, 299),
(7, 6612524887, 269),
(8, 6615845775, 212),
(9, 6638998911, 214),
(10, 6645785896, 279),
(11, 6649686675, 256),
(12, 6645528977, 239),
(13, 6638977854, 208),
(14, 6645251333, 201),
(15, 6658987414, 241);
• Conclusión
Fue una tarea que el desarrollador de la aplicación web tuvo que estudiar en diferentes
materias, especialmente para cumplir con las funciones determinadas en los
parámetros establecidos en este documento. Fue interesante y a la vez laborioso saber
cómo se maneja un carrito de compras y cómo se relaciona con una base de datos.
CONMUTACION DE REDES DE DATOS
Introducción
En la siguiente documentación se podrá observar lo que seria el proyecto de “Olympus” para
“SugarTown” denotando los protocolos utilizados, topología, materiales y configuración de
dispositivos con el fin de presentar y explicar la red que se utiliza para el proyecto.
Materiales
 Router
 Switch
 Laptop (2)
 Smartphone (2)
 PC (Server)
 Cable Ethernet (6)
 Router Wifi
Planteamiento del problema

Como bien se sabe a mediados del siglo XX empezó la era de la información o también llamada
era de la tecnología donde se puede ver que está ah avanzado muy rápido en los últimos años, se
puede observar tecnología en todos lados, diariamente el ser humano usa su teléfono inteligente
para comunicarse con todo el mundo, al salir a la calle se puede ver un sistema de semáforos o
televisores, al pagar en algún establecimiento siempre se puede denotar que cuentan con un
sistema donde logran mantener todo bien estructurado o con orden; sin embargo este no es el
caso de “SugarTown” una pequeña empresa en el gran mundo de los negocios. “SugarTown”
destaca por ser una empresa que se esta desmoronando ya que esta no cuenta con las tecnologías
a las que esta acostumbrado el empleado promedio o hasta el cliente promedio, no cuenta con
ningún tipo de red ni estructura para su información, siguen utilizando libretas para apuntar las
compras y a veces ni siquiera eso realizan, por eso es que a esta empresa se le ha convocado para
realizarle una propuesta. Se creará un entorno de Conmutación de Redes donde se encontrará
desde algo tan básico como lo sería Vlan’s o algo un poco mas desarrollado como lo sería un
delimitador de usuarios con administradores “SSH”. Finalmente, toda la información se guardará
dentro de un servidor el cual estará expandiendo su señal por medio de un modem “Wifi” para
que tanto los clientes como el personal tengan acceso a este.
Implementación
Para realizar este proyecto resulta primordial seguir las etapas del proceso al pie de la letra,
debido a que ya se cuenta con un orden predeterminado para esta situación, y a continuación
contamos con dichas etapas.
Topología lógica
Tabla de direccionamiento
Dispositivo Interfaz IP Mascara Gateway
Router Gigabith 0/1.10 192.168.10.1 255.255.255.0 NONE
Router Gigabith 0/1.20 192.168.20.1 255.255.255.0 NONE
Switch VLAN 1 192.168.1.2 255.255.255.0 NONE
Switch VLAN 20 192.168.20.2 255.255.255.0 NONE
Wireless Internet/WAN 192.168.10.3 255.255.255.0 192.168.10.1
Router
Wireles Router LAN 192.168.40.1 255.255.255.0 NONE
Smartphone 0 Wireless 192.168.40.100 255.255.255.0 192.168.40.1
(DHCP)
Smartphone 1 Wireless 192.168.40.101 255.255.255.0 192.168.40.1
(DHCP)
Laptop 0 FastEthernet 0 192.168.20.7 255.255.255.0 192.168.20.1
Laptop 1 FastEthernet 0 192.168.20.3 255.255.255.0 192.168.20.1
Server 0 FastEthernet 0 192.168.20.15 255.255.255.0 192.168.20.1
Switch
1. Dentro de lo que seria el Switch se dio inicio a la configuración básica creando una
contraseña tanto para iniciar los comandos del dispositivo como para pasar al modo
privilegiado por medio del “secret”, un pequeño mensaje que aparezca al entrar a la
interfaz del dispositivo, el nombre del dispositivo dentro de la consola, también se realizo
lo que sería la configuración de las líneas vty y por ultimo una encriptación de las
contraseñas.
2. A continuación podemos observar que se realizo la creación de las vlan’s 10 y 20. Vlan
10 será para acceder como usuario de categoría cliente o empleado. Vlan 20 será para la
administración remota y una de las partes mas importantes como lo es el manejo del
hosting desde el Servidor.
3. Siguió la asignación de puertos, la interfaz Gigabit0/1 tiene acceso a la vlan 10; interfaz
FastEthernet 0/1,0/2,0/3,0/4 y 0/24 serian la vlan 20 para administración y justo la ultima
interfaz seria la que se conecta con el servidor. Para finalizar se cerraron los puertos
FastEthernet desde el 0/5 hasta el 0/23.
4. Se realizo la administración a la vlan 1 ya que es una norma, siendo mas que nada
asignarle una ip y una descripción.
5. Primeramente se le asigno una IP a la interfaz de la vlan 20, se realizo SSH en su versión

2, se creo un dominio de “cisco123.com, se agrego un usuario junto con su contraseña
para iniciar sesión y por ultimo se dio un limite de solo 4 dispositivos en administración
remota al mismo tiempo. Estos pasos ayudan a tener administración remota desde lo que
seria la vlan 20 y todos sus dispositivos.
6. Por ultimo se agrego Seguridad de puertos para que solo las computadoras designadas
puedan ingresar por los puertos y así de este modo poder controlar por los puertos para
que se apaguen al descubrir un intruso por medio de las Macs. Cada puerto solo tiene
asignada una Mac la cual es la primera que registra el Switch, al detectar una nueva Mac
el puerto se apagara y se tendrá que volver a prender manualmente.
Router
1. Dentro de lo que seria el Router se dio inicio a la configuración básica creando una
contraseña tanto para iniciar los comandos del dispositivo como para pasar al modo
privilegiado por medio del “secret”, un pequeño mensaje que aparezca al entrar a la
interfaz del dispositivo, el nombre del dispositivo dentro de la consola, también se
realizara lo que sería la configuración de las líneas vty y por ultimo una encriptación de
las contraseñas.
2. Dentro del router se realizo la encapsulación de las vlan para que estas se pudieran
comunicar entre ellas siendo estas dentro de una misma interfaz la cual es la Gigabit por
lo se tuvo que entrar a sus subinterfaces para completar este paso. Entrar a subinterfaz,
encapsular, asignar ip y continuar con la siguiente.
3. Aquí para la seguridad de puertos simplemente se apago el puerto que se encuentra
desocupado siendo así el GigabitEthernet0/0.
Router Inalámbrico
1. Se asignaron una ip Wan relacionada a la vlan 10 y una ip Lan con una nueva subred
siendo esta 192.168.40.0.
2. Se activo DHCP para crear ip’s automáticas con solo conectarse entre el rango de
192.168.40.100 a 192.168.40.149 dando como resultado un total de 50 ip’s que se
asignaran automáticamente a los dispositivos en el orden que se vayan conectando.
Problemas durante la implementación

Durante las diferentes facetas del desarrollo del proyecto estas fueran las problemáticas con las
que se llego a encontrar el equipo de conmutación en la zona de distribución:
1. Al comprobar que la seguridad de puertos funcionara bien y apagara dispositivos
desconocidos se comprobó que efectivamente si apagaba los puertos sin embargo no se
podía prender. (Solucionado)
Estas son las problemáticas que se encontró en la zona militar:

1. Al configurar el Router inalámbrico, los dispositivos conectados no hacían ping ni se
podían conectar al server, esto tenia que ver con un problema de la IP Wan del Router
inalámbrico y su Gateway. (Solucionado)
DESARROLLO DE LA INFRAESTRUCTURA DE REDES DE DATOS
Materiales
 Router Cisco Modelo 1941
 Switch Cisco Modelo 2960 IOS15
 2 Laptop
 2 Telefonos inteligentes
 5 cables UTP5e Directos
 2 Cables de Consola con su adaptador
Se usara el estándar 802.11 n desarrollada en el 2009 con frecuencias tanto de 2.4Ghz

y 5Ghz con una velocidad de 600Mbps.
Desarrollo
Se realiza la configuración básica en el Router y en el Switch
A continuación se realiza la creación de las:
 VLAN 10: WIFI
 VLAN 20: Local
Se asignan las VLAN’s desde el Switch siendo estas asi como

 Gig0/1 - Switchport mode Trunk
 GIg0/2 - Switchport mode access, Switchport access vlan 10
 Fa0/(1-4) – Switchport mode access, Switchport access vlan 20 (Puertos 1 y 2
tendran laptops mientras que el 3 y 4 serán de emergencia.
Se proceden a cerrar los puertos Fa0/(5-24) del Switch.

Se realiza la encapsulación de las VLAN 10 y 20 en el router en la interfaz Gig0/0/1.
Se administra la VLAN 1 dentro del switch
Ahora se asignaran las IP de las laptop conectadas al Switch dentro de alguna de las
interfaces designadas a la VLAN 20.
Lap1
Lap2
Se procede a configurar el Router Wifi usando en internet una ip para redireccionar
hacia la Vlan 10 y configuramos una nueva subred para la señal que transmita el router
siendo esta la 192.168.40.1 y ahora cualquier que se conecte a la red wifi tendrá
acceso a el servidor.
Ahora en el Switch se desbloquea el puerto FastEthernet0/24 y se le dara acceso a la
Vlan 20, a continuación esta será la entrada del servidor.
Se conecta el servidor y se dará pie a la configuración del server:

 Se le asigna una IP
 Se suben los archivos al HTTP

 Se activa el DNS
Tabla de enrutamiento
Dispositivo Red Saltos Dirección IP de Interfaz de salida
siguiente salto
Router 192.168.10.0 1 Con GigabithEthernet0/1.10
conectarse
Router 192.168.20.0 1 Con GigabithEthernet0/1.20
conectarse
Switch 192.168.10.0 0 Con GigabithEthernet0/1
conectarse
Switch None 0 Con GigabithEthernet0/2
conectarse
Switch 192.168.20.0 0 Con FastEthernet0/1-4,
conectarse FastEthernet0/24
Wireless 192.168.20.0 1 Con Internet/WAN
Router conectarse
Wireless 192.168.40.0 0 Con LAN
Router conectarse
Smartphone0 192.168.10.0 1 Con WIFI
conectarse
conectarse
conectarse
conectarse
Laptop0 192.168.10.0 1 Con FastEthernet0
conectarse
Laptop1 192.168.10.0 1 Con FastEthernet0
conectarse
Server0 192.168.10.0 1 Con FastEthernet0
conectarse
Finalmente se realiza la conexión desde los dispositivos
Al ver que si se realizado la conexión perfectamente se da por concluida la topología.
Topología Final
Laptop A
Tipo: Laptop HP 15-DW1056LA
Procesador: Intel Core I5 11va GEN
RAM:8GB de memoria RAM
Disco duro: 256GB
Sistema operativo: Windows 10 HOME 64/ con distribución de Linux
Tarjeta Gráfica: 256MB de video
Laptop B
Tipo: Laptop DELL Latitude 3570
Procesador: Intel Core I7 de sexta generación
RAM:16GB de memoria RAM
Disco duro: 120GB
Sistema operativo: Windows 10 pro-manjaro x64/ con distribución de Linux
Tarjeta Gráfica: 2GB de memoria de video
Laptop C
Procesador: Toshiba Satellite AMD A83500M APU
RAM: 6 GB
Disco duro: 500GB
Sistema operativo: Windows 8.1 pro/co distribución Linux
Tarjeta Gráfica: 2GB de memoria de video
Router Cisco 1841
Consumo de corriente: 50W.
Voltaje de Entrada: 100 V AC a 240 V AC
Fuente de Alimentación: Interno
Frecuencia: 50 Hz o 60 Hz
Corriente de entrada: 1,5A
Dimensiones: 4,39cm Altura x 34,29cm Anchura x 27,43cm profundidad
Switch Catalyst 2960
Consumo de corriente: 22w
Voltaje de Entrada: 100 – 240 v
Frecuencia: 50-60 Hz
Dimensiones: 4,40cm Altura x 4.50cm Anchura x 2.42cm profundidad
Router inalámbrico TP-LINK TL-WR840N
Alimentacion:100-240 v ~50/60 Hz.
Salida: 9V 0.6A
Dimensiones: 28.7 cm Altura x 22.35 cm Anchura x 6.86 cm profundidad
Cable de consola
Tipo: conector RJ45, tipo A
Cable: tipo USB
6 Cables ethernet de 3 metros c/u
- Soporta 10/100/1000BASE-T y 10GBASE-T
- Soporta PoE, PoE+ y PoE++ (IEEE 802.3af/at/bt)
- Estabilidad con cobre puro desnudo y 50μ'' contactos chapados en oro
- Los 5 pares trenzados reducen la diafonía, el ruido y las interferencias
- Ancho de banda de 250 MHz
- Cumple con la norma ANSI/TIA-568.2-D
Probado con un analizador de cables Fluke DSX-8000 Versiv
Para poder implementar dicha seguridad, se implementará una red de área local, en el
cual se empleará los estándares 802.3 sobre cables UTP (es más comúnmente
conocido como "Ethernet". Se utiliza sobre todo para redes de área local o LAN. El
protocolo también tiene docenas de variaciones sub-protocolo.), creando una red LAN,
utilizando el estándar 802.8(fue un grupo de trabajo de que se trate con el diseño de
una LAN de fibra óptica. Este protocolo nunca fue adoptado y el grupo de trabajo ha
sido disuelto.) en la conexión a internet con nuestro ISP y el estándar 802.11(es el
protocolo utilizado para las redes inalámbricas. Las variantes incluyen 802.8g
( "wireless-g") y 802.8n ( "wireless-n").) sobre la red wifi para la conexión de equipos
sobre la red creada para la intercomunicación de nuestros equipos.
DESARROLLO E IMPLEMENTACION DE SISTEMAS OPERATIVOS
Implementación de servidor y maquina cliente por medio de

virtualización.
Primeramente para la creación del servidor web y una maquina como cliente, se utilizó
en 4 equipos diferentes comenzando por un equipo proporcionado por la institución, al
no funcionar se optó por utilizar los equipos de los integrantes de proyecto. Esto antes
realizado virtualmente para después cambiar a una modalidad física y finalizar por el
método mixto, es decir; llevar a cabo la realización de instalación mediante
virtualización o boot directo en el sistema(Inicio de arranque directo del sistema
operativo a ejecutar desde un disco duro o medio de almacenamiento preparado
previamente). Las especificaciones de los equipos host a instalar fueron los siguientes:
 PC (SO Windows 7 o superior).

 Software de instalacion VMware Workstation.
 CentOs 7(En archivo ISO minimal installation & Full installation).
 Nethserver (Servidor web).
 2 GB de Memoria RAM.
 30 GB de almacenamiento (2 discos duros).
 2 Tarjetas de red (Bridge y NAT).
 2 Procesadores.
 USB 8 GB (Para utilizar como disco de instalación).
 USB o disco de almacenamiento (Para utilizarlo como disco anfitrión del sistema
operativo a ejecutar desde este).
Equipo proporcionado por la instalación (Método de virtualización):

- Tipo: PC de escritorio.
- Procesador: Intel Core i5.
- Memoria RAM: 4 GB.
- Disco Duro: 500 GB.
- Sistema Operativo: Windows 10.
- Tarjeta Gráfica: 2 GB.
Laptop A:
- Tipo: HP 15-DW1056LA.
- Procesador: Intel Core i5 11va GEN.
- Sistema Operativo: Windows 10 HOME 64/con distribución Linux.
- Tarjeta Gráfica: 256 MB.
Laptop B:
- Tipo: Laptop DELL Lattitude 3570.
- Procesador: Intel Core i7 sexta generación.
- Sistema Operativo: Windows 10 pro-manjarro x64/con distribución de Linux.
Laptop C:
- Tipo: Toshiba Satellite AMD A83500M APU.
- Procesador: Intel Core i5.
- Sistema Operativo: Windows 8.1 pro/con distribución de Linux.
Para empezar se ejecutó el software de virtualización VMware, al momento de elegir

crear una máquina, se eligió la opción de Custom para hacer la instalación de manera
avanzada ya que se debe hacer los ajustes de manera fija y de acuerdo a la necesidad
sin típicamente hacer uso de los ajustes predeterminados.
En el siguiente paso se seleccionó la compatibilidad de hardware que para este caso
sería Workstation 16.2.x representando lo ultima como el número de variante de versión
de esta. Esto marcaba como productos compatibles a Fusión 12.2.x con limitaciones de
128 GB de memoria RAM máximo, hasta 32 procesadores, 10 adaptadores de red, 8
TB de espacio administrable para disco duro y hasta 8 GB de memoria gráfica
compartida.
En la sección de instalación de sistema operativo se seleccionó desde una USB el
archivo imagen del sistema operativo a instalar. Se le asignó el nombre de Sugar Town
– Server a la máquina virtual con una ubicación futura de esta, predeterminada. Se
asignaron dos procesadores como especificación de esta y se le asignó 2 GB de
memoria RAM. Para la primer tarjeta de red se asignó el tipo de conexión Bridge para
darle al sistema operativo acceso directo a alguna red externa al que esté conectado el
puerto Ethernet, así mismo tenga la propia dirección IP de la red externa y NAT a la
segunda tarjeta de red, esto trajo problemas en el proceso de conexión, la mayoría de
los casos las tarjetas de red no daban señales de comunicación a pesar de haber sido
cambiada la configuración de la segunda tarjeta de red como custom – vm10 se
propuso cambiar a vm8 o vm1 ya que estos si se encontraron en uso pero el problema
persistió por lo cal virtualmente se optó por dejarlo en NAT y Bridge.
Se utilizó el tipo de controlador lógico LSI para los discos virtuales además se propuso
el tipo de disco virtual SCSI y así mismo crearse como nuevos discos duros virtuales
con 30 GB de espacio de almacenamiento asignados para cada uno, esto con el fin de
aplicar RAID 1, redundancia en estos, al final se optó por solo hacer de lado RAID 1 ya
que se decidió mas adelante el desarrollar el proceso del servidor físicamente y esto
implicaba que no habría manera físicamente de accesibilidad a otro disco duro para
esto. El nombre de archivo de disco fue puesto como Sugar Town – Server.vmdk con
ubicación predeterminada en el equipo.
Ya que finalizo el proceso de creación de máquina virtual, se ejecutó la máquina virtual

donde se mostró la siguiente pantalla y así mismo, se seleccionó la opción de
instalación interactiva, luego de esto comenzó a correr el proceso de inicio de
instalación.
De aquí en adelante, se eligio la misma configuracion tanto para instalaciones por
metodo de vitualizacion como en equipos fisicos. Primeramente se eligio la fecha y hora
por medio de region y ciudad siendo estos parametros Americas y Tijuana como
ciudad, esto dependia mucho aveces de si la tarjeta de red se encontraba en
funcionamiento, algo que en laptops no se mostraba de esa manera ya que hubo
conflicto con las tarjetas de red, especificamente hablando de la primer tarjeta marcada
por el sistema.
Luego de esto se utilizo el teclado English (US) como idioma para este controlador
como metodo de entrada. Los lenguajes de soporte elegidos para sistemas operativo
fueron Ingles el de por defecto y Español (mexico y Estados Unidos). La fuente de
instalacion fue marcada la que se encontro por defecto ya antes. La selección de
software de Nethserver no se selecciono nada ya que si se seleccionaba la unica
opcion disponible en ese apartado, se instalaba simplemente una unstalacion minima
del sistema.
En el apartado de Destino de instalacion , Se mostraron los dos discos duros, en el
caso de ser fisica instalacion, simplemente se mostrn los discos duros que estuvieran
conectados directamente al equipo. Seria necesario refrescar el reescaneo de disco
para evitar que se mal coloquen los espacios visibles de estos discos.
El siguiente apartado mostraba una interfaz para

colocar las particiones que se configurarian en el
sistema. Primeramente se asigno un espacio de
15 gib para la particion root, en esta se
implemento que el tipo de dispositivo seria LVM,
que es este? Es un gestor de volumenes logicos
de linux, a diferencia de PVM( Physical Volume
Manager o Gestor de volumenes fisicos), es un
software que permite la implementacion de RAID a
partir de particiones y ofrecerlos al sistema
operativo como dispositivos nuevos. Con esto se
permite tener la posibilidad de ser
redimensionados y transportados dependiendo de
las necesidades del usuario y utilizando las
herramientas del dispositivo actualizadas.
La siguiente particion en ser asignada, swap con

una capacidad deseada de 4gib y un sistema de
archivos de tipo swap con LVM en esta. La siguiente particion en asignarse /var con un
espacio de 15 gib y un sistema de archivos xfs con RAID 1 seleccionado en esta. Para
finalizar este apartado se le asigno a la particion /boot 1 gib, RAID 1 activa en esta y en
el caso de metodo fisico, la particion /boot/efi que esta permitiria que el sistema
arranque de manera automatica. Despues de esto se aceptaron cambios en una
interfaz donde se mostro los parametros asignados antes o en caso de modificar,
verificar que estos se hallan asignado de manera correcta.
En la parte de instalación de Red y Host, se aplicaron cambios en la configuración
donde se aplicó la conectividad automática para que al momento de conectarse a la red
o detectar alguna, se conecte sin tener que configurar manualmente y activarlas. Para
crear usuarios se asignaron los nombres de propietarios esto para fin de pruebas,
donde se colocó el nombre completo de estos y como nombre de usuario las 3 letras
iniciales de los nombres de estos. Se asignó como contraseña @sugartown08 para
todos estos usuarios en cada máquina en la que se aplicó y así mismo, como
contraseña de usuario root resguardada entre los integrantes de proyecto.
Al terminar el proceso de instalación, se reinició la máquina y aprecio una pantalla
dando como opciones arrancar CentOs como tal o hacerlo de manera de recuperación,
al arrancar la primera vez lo máximo que tardo fue alrededor de 3 minutos de carga y
después, estaba listo con la consola disponible para empezar a trabajar en esta.
Instalación de sistema operativo CentOs 7 para máquina virtual
cliente.
Luego de haber terminado el proceso de creación de la máquina virtual, iniciamos la

instalación de CentOs 7 y al esperar unos segundos vamos a la parte de configuración
de idioma eligiendo español (Español Estados Unidos) y procedemos en Aceptar.
Elegimos el medio de instalación, en este caso ya aparece el medio de instalación

detectado automáticamente ya no es necesario elegir repositorios adicionales o en la
red directamente porque ya lo tenemos detectado. Luego vamos Selección de
Software elegir el modo de instalación, para instalación mínima solo se elige
Instalación Mínima y para instalación de entorno gráfico, elegimos Escritorio Gnome
que es algo parecido a la interfaz de Mac Os . Este es un entorno grafico que emula a
MacOs. Para este escritorio elegimos lo siguiente:
- Aplicaciones de Gnome
- Aplicaciones de Internet
- Office Suite y Productividad
En la sección de Destino de Instalación solo es asesorarse de que los dispositivos de
selección estén disponibles y seleccionados como en este caso el disco duro virtual que
ya asignamos en la creación de la máquina virtual.
En el apartado de red revisamos que esté
conectada la maquina a internet, en caso
de que no lo este, activar la opción de estado de Ethernet y entrar a Configurar. En
este apartado se debe activar las casillas de Conectarse automáticamente a esta red
cuando esté disponible y Todos los usuarios deben conectarse a esta red
después guardar los cambios y proseguir con la configuración de instalación.
Más adelante creamos usuario y activamos la

opción para hacer que este perfil de usuario sea
administrador pero así mismo se debe crea una
contraseña fuerte como en este caso recomendable
utilizar los tres grupos de caracteres alfanumérico
(letras, números, & caracteres especiales) en una
contraseña root. Luego de aceptar los cambios,
aparecerá en la parte inferior una línea de progreso
de instalación que al finalizar se reiniciara la
máquina virtual y se verán dos opciones en la pantalla principal de boot del sistema.
Para el modo consola que es el modo de instalación mínima, aparecerá dos opciones
de inicio del sistema de CentOs y así simplemente entrar al modo consola ingresando
antes el usuario y contraseña de este.
Introducimos el comando sudo – para elevar permiso de usuario y así poder realizar o
llevar en marcha varios comandos como por ejemplo llevar a cabo instalaciones
mediante estos dos comandos que utilizaremos yum install nano & yum install gimp.
PORCENTAJES Y RECOMENDACIONES
MATERIA
 Aplicaciones Web
PRFESOR
 Ing. Yakko Miguel Olivo Nájera
PORCENTAJE
 98%
OBSERVACIONES
 El profesor Yakko menciono como observación que debían ser removida las
imágenes de contacto y los números telefónicos de las tarjetas de presentación
en la aplicación web
RESOLUCION DE DETALLES A RESOLVER
 Se removieron las imágenes de contacto y los números telefónicos de las
tarjetas de presentación de la aplicación web
MATERIA
 Infraestructura de redes de datos
PRFESOR
 Ing. Humberto Vejar Polanco
PORCENTAJE
 20%
OBSERVACIONES
 El cableado y los dispositivos de red no contaban con etiquetado y el acomodado
de estos no cumplía con las normas ya que además de esto, ciertos cables que
se conectarían determinados puertos apartados para un equipo en especial para
fines de prueba y demostración, estaban conectados de un solo extremo. los
dispositivos de red no estaban acomodados de manera correcta y no
correspondían con ciertas normas de acomodo.
 Se opto por realizar un etiquetado de los cables, además de hacer a un lado los
cables que no estarían en uso, ya que estos tenían un puerto en el dispositivo de
red apartados para demostrar funcionalidades. Se busco una manera que los
dispositivos cumplieran con ciertas normas de acomodo dado de los dispositivos
y así mismo con la durabilidad de estos mismos ya que el uso de ciertas normas
ayuda a prolongar la vida de los dispositivos y evita accidentes físicos como
también, mejor organización de estos.
MATERIA
 Conmutación de redes de datos
PRFESOR
 Ing. Nidia Esmeralda Diaz Sánchez
PORCENTAJE
 70%
OBSERVACIONES
 Falta de seguridad tanto de puertos como general, y sin modo de acceso para
administración remota.
 Implementación de configuración básica aplicando contraseñas y login a las
líneas de los dispositivos, para la parte de los puertos toco implementar limites
para los puertos teniendo en cuenta que solo se pueda conectar una sola
computadora a cada puerto y si entra cualquier usuario no registrado se apague
el puerto; por ultimo queda decir que para la administración remota se configuro
lo que seria SSH el cual es un método que nos permite conectarnos por via LAN
a la configuración del dispositivo, se ah utilizado este método ya que es mas
seguro que Telnet, ya que Telnet no cifra los mensajes mientras que SSH si y
designa privilegios.
MATERIA
 Sistemas Operativos
PRFESOR
 M.A. Rafael Avilés Zapien
PORCENTAJE
 75%
OBSERVACIONES
 En parte del servidor, las observaciones aquí fueron es que no había una
conexión estable con el servidor por medio de un cliente mediante ftp, además
de que no se encontraba por completo una base de datos, ya que debía estar
completa dentro del servidor.
 Para solucionar esto, se realizo un chequeo de cada parte de instalación de el
servidor, por ejemplo: Se opto por verificar paso a paso desde la creación de la
maquina o en caso distinto, la preparación de sistema operativo y formateo de
esta, paso por paso. Para verificar por completo o como segunda opción en dado
caso de no encontrar una solución durante el procedimiento, se opto por volver a
hacer el proceso y desarrollo de creación y preparación del servidor para así,
demostrar detalles.
GLOSARIO
Conmutador (Switch)
Es un dispositivo de red que opera en la capa 2 (enlace de datos) del modelo OSI el
cual se encarga de conectar a dispositivos finales
Enrutador (Router)
Es un dispositivo de red que opera en la capa 3 (red) del modelo OSI el cual se encarga
de proporcionar la mejor ruta por la cual pasa la información que sale desde redes
locales o amplias.
Enrutador inalámbrico (Wireless Router)

Es un dispositivo de red que puede conectarse a una red local; este puede configurarse
para repetir señal o para ser un punto de acceso el cual puede proporcionar conexión a
internet de inalámbrica.
CONCLUSION
De acuerdo con lo enseñado y lo demostrado en el transcurso del cuatrimestre, se

implementó el documento actual formulado por todas las respectivas materias y
métodos enseñados para llegar a este resultado.
Se abordaron técnicas y temas que facilito el desarrollo de este documento. Tomando
en cuenta la dificultad de documentar de forma técnica y a su vez forma clara que el
usuario/cliente final pudiera comprender de manera formal y clara lo que se abordaría
en el proyecto.
Como conclusión general del equipo, este proyecto y su proceso de documentación fue
muy laborioso pero se está de acuerdo que fue necesario la exigencia de que fuera
correcto cada paso a realizar ya que prepara para cualquier otro desafío como este y se
podrá implementar los métodos, correcciones y observaciones hechas por el docente.

INTEGRADORA

Cargado por

Copyright:

Formatos disponibles

INTEGRADORA

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

INTEGRADORA

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD TECNOLÓGICA DE

TÍTULO DEL TRABAJO

PROYECTO INTEGRADORA – DULCERIA

ACTIVIDAD PARA CUBRIR

TIJUANA, B.C. 03 DICIEMBRE - 2022

DESCRIPCION DEL PROBLEMA.....................................................................................

PROPUESTA DE SOLUCION O METODOLOGIA IMPLEMENTADA..............................

BIBLIOGRAFIAS Y FUENTES DE INFORMACION..........................................................

DESARROLLO DE LA APLICACIÓN WEB (PRIMERA FASE)...............................

DESARROLLO DE LA APLICACIÓN WEB (SEGUNDA FASE)..............................

CONMUTACION DE REDES DE DATOS...................................................................

DESARROLLO DE LA INFRAESTRUCTURA DE REDES DE DATOS......................

DESARROLLO E IMPLEMENTACION DE SISTEMAS OPERATIVOS......................

Implementación de servidor y maquina cliente por medio de virtualización....................

Instalación de sistema operativo CentOs 7 para máquina virtual cliente........................

En el presente documento se realizará la presentación de una propuesta para la

Falta de publicidad: La empresa no cuenta con alternativas para la atracción de

El alumno implementara bases de datos, el proyecto de TI, mediante la ejecución

Aplicación web: Se implementará un sitio web para favorecer la publicidad,

Diseñador gráfico $8,000 MXN

Requerimientos tecnológicos Costos

Visual Code (Garantía 1 Año) $1130 MXN

Navegador Web $0 MXN

VMware $71.88 MXN

Hosting Dominio (Garantía 1 año de registro) $499 MXN

Se manejará un promedio de costos para el equipo electrónico y licencias de

Diseñador de base de datos $7,000 MXN

Visual code (Garantía 1 Año) $1130 MXN

Como resultado se obtuvo el correcto funcionamiento de la página web, la cual es

La finalidad de este proyecto es desarrollar una planeación de la estructura del

BIBLIOGRAFIAS Y FUENTES DE INFORMACION

BITACORA 1: DEFINICIÓN Y PLANEACIÓN DE

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

III. BITACORA 2: PLANEACIÓN DE

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

III. BITACORA 3: PLANEACIÓN DE

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

BITACORA 4: PLANEACIÓN DE APLICACIÓN

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

En esta actividad que se dará a continuación, está previsto tratar el tema

BITACORA 5: PRUEBA DE APLICACIÓN WEB Y

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

En esta actividad que se dará a continuación, está previsto tratar el tema

BITACORA 6: PREPARACION DE RED Y

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNION: VIRTUAL

En esta actividad que se realizara a continuación, se buscara respecto a

BITÁCORA 7: RESOLUCIÓN DE DETALLES DE

CAPTURA O FOTO DE LA REUNIÓN

TIPO DE REUNIÓN: VIRTUAL

González Álvarez Elías

Medina López Mildred Yanet

Venta de dulces Líder o Gerente del Proyecto

Descripción del producto o servicio a ofrecer

Hosting Dominio (Garantía 1 año de registro) $499 MXN

/!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT /;

/!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT /;