INTEGRADORA
INTEGRADORA
INTEGRADORA
TIJUANA
REALIZADO POR
GONZALEZ ALVAREZ ELIAS
MEDINA LOPEZ MILDRED YANET
MOLINA ROBLES MANUEL ADRIAN
RUIZ SANCHEZ EDWIN GAMALIEL
GRUPO BIS 3D TI
03 DICIEMBRE - 2022
Contenido
INTRODUCCION................................................................................................................
OBJETIVO GENERAL.......................................................................................................
RESULTADOS OBTENIDOS.............................................................................................
CONCLUSIONES Y RECOMENDACIONES.....................................................................
ANEXOS.........................................................................................................................
CRONOGRAMA DE ACTIVIDADES..........................................................................
BITACORA................................................................................................................
ACTA DE INICIO.......................................................................................................
WBS..........................................................................................................................
GLOSARIO.......................................................................................................................
CONCLUSION..................................................................................................................
INTRODUCCION
OBJETIVO GENERAL
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
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
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
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
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.
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
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
● 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
● 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.
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
Lugar: Discord(Plataforma de reuniones)
Responsable o líder MEDINA LOPEZ MILDRED YANET
Participantes Firmas
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
Actividades realizadas durante la reunión
● Colaboración en el proyecto
● 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.
● 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
● 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.
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
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
Lugar: Discord(Plataforma de reuniones)
Responsable o líder MOLINA ROBLES MANUEL ADRIAN
Participantes Firmas
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
Actividades realizadas durante la reunión
● 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
● 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.
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
Lugar: Discord(Plataforma de reuniones)
Responsable o líder MOLINA ROBLES MANUEL ADRIAN
Participantes Firmas
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
Actividades realizadas durante la reunión
● Colaboración en el proyecto
● 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.
● Poner acuerdos y opiniones, dentro de cada ámbito de este proyecto.
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.
● 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 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.
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
Lugar: Discord(Plataforma de reuniones)
Responsable o líder RUIZ SANCHEZ EDWIN G.
Participantes Firmas
Elías González A.
Mildred Medina L.
Adrián Molina R.
Edwin Ruiz S.
Actividades realizadas durante la reunión
● Colaboración en el proyecto
● 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.
Acuerdos y/o conclusiones
● 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.
TITULO DE LA REUNION
Nombre del proyecto: Dulcería(Establecimiento de venta de dulces)
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
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
● Colaboración en el proyecto
● 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.
● Poner acuerdos y opiniones, dentro de cada ámbito de este proyecto.
Problemas:
● Desorganización y falta de acuerdos
● Disponibilidad de integrantes.
Soluciones:
● Proponer ideas entre cada integrante del grupo y repartir el trabajo entre
cada integrante.
● 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.
ACTA DE INICIO
DE PROYECTO
$
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
$499
5) Hosting (Dominio) MXN
6) VMware $71.88
MXN
$300
8) Internet MXN
Firmas de autorización
Integradora Alumno
• 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.
</head>
<body>
<div class="container">
<br/>
<div class="row">
<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>
Base de datos
Se ha creado una base de datos con el nombre del establecimiento y una tabla de
productos.
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.
• 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.
• 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.
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.
<div class="container">
<br/>
<div class="row">
</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 name="viewport" content="width=device-width, initial-scale=1.0">
<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" />
<!--Load the AJAX API-->
<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<div class="contai">
<div class="panel panel-default">
<div class="panel-heading">
<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"]; ?> 
<?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><!--Panek cierra-->
</div>
<BR>
<!--
---------------------------------------------------------------------------------
------- -->
<script type="text/javascript">
<footer class="contenedor">
<div class="redes-sociales">
<div class="contenedor-icono">
<a href="http://www.twitter.com/" target="_blank"
class="twitter">
<i class="fab fa-twitter"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="http://www.facebook.com/" target="_blank"
class="facebook">
<i class="fab fa-facebook-f"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="http://www.instagram.com" target="_blank"
class="instagram">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
<div class="creado-por">
<p>Sitio diseñado por <a href="#">Olympus</a> </p>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/web-
animations.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/muuri.min.js"></script>
<script src="../js/main.js"></script>
<HR></HR>
<div class="footertext-holder">
<p>Copyright © . Marcas y logos son propiedad de sus respectivos
dueños. Uso de este sitio constituye una aceptacion de la Politica de
Privacidad.</p>
<ul class="footerlinks">
<li><a href="/IK/php/about.php">Ayuda y Ubicacion</a></li>
<li><a href="/IK/php/contacto.php">Contactanos</a></li>
</ul>
</div> -->
<br/><br/>
<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
--
-- 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
--
--
-- Volcado de datos para la tabla `productos`
--
--
-- Índices para tablas volcadas
--
--
-- Indices de la tabla `productos`
--
ALTER TABLE `productos`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT de las tablas volcadas
--
--
-- AUTO_INCREMENT de la tabla `productos`
--
ALTER TABLE `productos`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=65;
COMMIT;
---------------------------------------------------------------------------------
-
CREATE TABLE IF NOT EXISTS `orden_articulos` (
`idor_ar` int(11) NOT NULL AUTO_INCREMENT,-- idor_ar
`order_id` int(11) NOT NULL,
`product_id` int(11) NOT NULL,
`quantity` int(5) NOT NULL,
PRIMARY KEY (`idor_ar`),
KEY `order_id` (`order_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;
---------------------------------------------------------------------------------
-------
• 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
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.
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.
Materiales
Router Cisco Modelo 1941
Switch Cisco Modelo 2960 IOS15
2 Laptop
2 Telefonos inteligentes
5 cables UTP5e Directos
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
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.
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
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:
Laptop A:
- Tipo: HP 15-DW1056LA.
- Procesador: Intel Core i5 11va GEN.
- Memoria RAM: 8 GB.
- Disco Duro: 256 GB.
- 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.
- Memoria RAM: 16 GB.
- Disco Duro: 120 GB.
- Sistema Operativo: Windows 10 pro-manjarro x64/con distribución de Linux.
- Tarjeta Gráfica: 2 GB.
Laptop C:
- Tipo: Toshiba Satellite AMD A83500M APU.
- Procesador: Intel Core i5.
- Memoria RAM: 6 GB.
- Disco Duro: 500 GB.
- Sistema Operativo: Windows 8.1 pro/con distribución de Linux.
- Tarjeta Gráfica: 2 GB.
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.
RESOLUCION DE DETALLES A RESOLVER
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.
RESOLUCION DE DETALLES A RESOLVER
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.
RESOLUCION DE DETALLES A RESOLVER
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.