Universidad Politécnica de Quintana Roo

Log de Actividades

MEMORIA
Que para obtener el Título de:

L Ingeniería en Software

P R E S E N T A:
Juan Manuel Octaciano Lara
201600101
2016 - 2019

Carlos Martín Tamay Gómez

WayaWeb
Alan de Jesús Polanco Fragoso

Cancún; Quintana Roo Noviembre de 2019

ii
 ÍNDICE

DATOS GENERALES DE LA EMPRESA.................................................................v

ANTECEDENTES HISTÓRICOS DE LA EMPRESA...............................................vi

DESCRIPCIÓN DE LA EMPRESA..........................................................................vii

I. INTRODUCCIÓN................................................................................................9

II. PLANTEAMIENTO DEL PROYECTO..............................................................10

Objetivo general...................................................................................................10

Objetivos específicos............................................................................................10

Justificación..........................................................................................................10

Viabilidad del proyecto.........................................................................................11

III. MARCO TEÓRICO........................................................................................12

Tema 1..................................................................................................................12

Tema 2..................................................................................................................12

Tema 3..................................................................................................................12

IV. DESARROLLO DE ACTIVIDADES DEL PROYECTO..................................13

Alcance del proyecto............................................................................................13

Metodología..........................................................................................................13

V. RESULTADOS O PRODUCTOS OBTENIDOS............................................14

VI. CONCLUSIONES..........................................................................................15

FUENTES DE CONSULTA.....................................................................................16

ANEXOS..................................................................................................................17

GLOSARIO..............................................................................................................18

iii
DATOS GENERALES DE LA EMPRESA

Nombre de la empresa

Wayaweb

Dirección

Av. Nichupté 28, Torres del Bosque II, 51, 77533 Cancún, Q.R.

Sector y giro empresarial

Desarrollo de productos y servicios

Servicios que ofrecen

Desarrollo, mantenimiento de páginas web.

Posicionamiento web.

Marketing digital.

Nombre del Proyecto

Log de Actividades

Asesor de la empresa

Ing. Alan de Jesús Polanco Fragoso

Cargo del Asesor Empresarial

Jefe de desarrollo

iv
ANTECEDENTES HISTÓRICOS DE LA EMPRESA

En esta sección se describen de manera breve y clara los aspectos sobresalientes

del desarrollo histórico de la empresa. La información se presentará de manera
cronológica (desde que inició a la fecha).

v
DESCRIPCIÓN DE LA EMPRESA

Misión

Wayaweb es un empresa conformada por un equipo profesional y actualizado de jóvenes

apasionados por su trabajo, dedicados a impulsar a las PYMES a triunfar en el mundo
digital, mediante soluciones tecnológicas innovadoras y estrategias creativas, con el
objetivo de lograr impactar a los clientes de nuestros clientes, basando el servicio en una
comunicación efectiva con los involucrados para poder co-crear valor, siempre y ante todo
con ética y un alto estándar moral aunado a medidas estrictas de seguridad para
salvaguardar la información confidencial de nuestros clientes, dejando como resultado paz
y tranquilidad en los corazones de los dueños de las empresas.

Visión

Por medio de un equipo de profesionales apasionados por mejorar la calidad de vida en el

ámbito digital de las personas, ser la agencia de marketing y desarrollo de soluciones web
reconocida como líder a nivel nacional en recomendación de boca en boca.

Políticas

Verdad
Es mejor la verdad que perder la confianza de alguien por sostener una mentira.
Responsabilidad
Somos responsables de aquello que decimos, tanto de aquello que no decimos.
Trabajo en equipo 
Yo hago cosas diferentes a las que tú y tú haces lo que yo no hago. Juntos podemos
hacer grandes cosas.
Perseverancia 
Quien mueve montañas comenzó moviendo piedritas.
Servicio
Calidad de servicio es más de lo que tú das, es lo que el cliente recibe
DIsciplina
Nuestro puente entre las metas y los logros.
Profesionalismo 
El éxito es la suma de pequeños esfuerzos repetidos días tras día.
Puntualidad
Mejor tres horas demasiado pronto que un minuto demasiado tarde.

vi
Objetivos

Escribir

Estructura organizacional

vii
DESCRIPCIÓN DEL ÁREA DONDE SE REALIZARON LAS PRÁCTICAS
PROFESIONALES

Nombre del área

Desarrollo Web

Objetivos

Desarrollar soluciones de…

Funciones generales del área

Escribir

Organigrama del área

viii
 I. INTRODUCCIÓN

Las razones personales por las que me motivé a tomar este proyecto
principalmente fue la oportunidad de trabajar con tecnologías de desarrollo para
Aplicaciones Web que no había visto antes. Para desarrollar soluciones más
complejas e interesantes, el uso de estas tecnologías facilita en gran medida su
creación. Por lo que pueden ser herramientas útiles en un futuro ya que muchas
empresas de desarrollo ya empiezan a pedir conocimientos en Frameworks y
tecnologías que no se ven en la carrera universitaria. Así que es importante
aprender lo que éstas nuevas herramientas nos pueden ofrecer.

El proyecto, por otro lado, es muy interesante, ya que se requiere una solución
para una empresa dedicada a la venta de departamentos en toda la Riviera Maya,
es una desarrolladora de desarrollos inmobiliarios con una amplia gama de
departamentos. La solución consiste en agrupar toda la información de los
desarrollos inmobiliarios en una página estilizada y lista para ser presentada a los
potenciales compradores, los cuales podrán visualizar de forma ordenada una
cantidad de información fácil de dirigir y específica, es decir permite mostrar
únicamente los datos que los clientes quieran ver, además de cuidar la estética de
cada uno de los elementos, de la página.

Concretamente la información contenida en la siguiente memoria contiene la

realización de la comunicación entre dos proyectos: uno administrador y otra vista
de usuario donde el administrador podrá realizar distintas actividades como un
filtrado de información, para mostrar únicamente datos específicos. Parte de esta
información se almacena en una base de datos mediante una API.

Haciendo especial referencia a la función principal y atractiva de la visualización

de la información: estas podrán ser vistas por el usuario instantáneamente desde
la parte de la vista de usuario, sin la necesidad de recargar o realizar acción
alguna en la página gracias a la utilización de tecnologías avanzadas como lo es
WebSocket, que permite la comunicación bidireccional en tiempo real con la parte
de la vista del usuario y el servidor, así como también el uso de Frameworks en
tendencia por ser una herramienta poderosa de desarrollo web como lo es: VueJS
para el desarrollo de front-end y vista de usuario, y NodeJS que facilita la creación
de la “Application Programming Interface” (API) y conectarse al servicio de Base
de datos como lo es MongoDB, todas estas tecnologías han tenido una tendencia
a la alza en cuanto a desarrollo web por lo que se convierte en un conjunto de
herramientas poderosas para el desarrollo de este proyecto.

9
 II. PLANTEAMIENTO DEL PROYECTO

Objetivo general

Elaborar un sistema web mediante la implementación de herramientas y

tecnologías actuales, lo suficientemente competentes para posicionarse en
proyectos de software competitivos y de calidad. Se busca desarrollar una
solución para el intercambio de datos entre la vista de usuario y el lado del
servidor, de forma bidireccional y en tiempo real, sin la necesidad de recargar la
vista de usuario reflejando y mostrando la información que el usuario necesita ver.

Objetivos específicos

Facilitar el acceso a la información almacenada en la base de datos

Asociar las diferentes vistas de usuario dónde el mismo podrá visualizar y

emplear la información de la base de datos en diferentes dispositivos.

Acceder a la información contenida en la base de datos.

Combinar la información encontrada y transformarla, para que el usuario pueda

acceder a los datos que únicamente necesite visualizar o interactuar con ello.

Crear un conjunto de funciones lógicas que permita la extracción de información

específica.

Comunicar las aplicaciones con la que podrá interactuar el usuario con el lado del
servidor.

Justificación:

Actualmente se es imprescindible tener una estrategia de marketing con la que te

permita sobresalir sobre los demás competidores, o al menos estar al mismo nivel
ya que, con la salida de las nuevas tecnologías se ha impulsado la competencia
entre las empresas que ofrecen algún producto o servicio, y cada vez se obliga a
estar un paso por delante para ofrecer la mejor calidad y poder llegar al mayor
número posibles de clientes. Por lo que, si se quiere llegar a tener buenos
resultados con lo que la empresa en cuestión ofrezca es importante hacer

10
presencia en la web, mediante herramientas como, la ya mencionada: estrategia
de marketing, y más concretamente: tener presencia en el internet por medio de
una página web, dado que es una manera muy fácil de llegar a mucha gente de
cualquier parte del mundo y poder comunicarles qué es lo que ofrece le empresa e
intentar persuadirlos para convertirlos en clientes potenciales. Actualmente no se
puede hacer una idea que una empresa grande y reconocida por el mundo no
tenga presencia en el internet.

Lo que se busca con el proyecto, no es solo tener presencia en el internet, como

ya se ha comentado, si no que se busca estar un paso delante de los demás
competidores ofreciendo una web con las tecnologías más nuevas, más rápidas y
mejores, ofreciendo una mejor experiencia de una página web. Actualmente, para
los beneficiarios de este proyecto no cuentan con una herramienta que le facilite a
sus potenciales clientes buscar y filtrar todos los servicios que ofrecen, por lo que
al tener esta página “centralizadora” y, con la ayuda de las funciones de obtención
de información bidireccional en tiempo real, se podrá ofrecer una mayor facilidad y
mejor experiencia para el usuario.

Viabilidad del proyecto

El proyecto reúne características técnicas para el lado del servidor, se requiere,

principalmente de un dominio básico del lenguaje de programación JavaScript,
además del uso del Framework principal, donde estará desarrollado el servidor, y
dirigiéndonos más particularmente: el uso de diferentes dependencias o librerías
para el desarrollo de las funciones principales que debe tener el servidor. Para
obtener un dominio completo o lo suficiente para poder completar los retos que el
proyecto impone; es necesario de disponer del tiempo necesario para aprender a
usar, todas estas herramientas, al menos a un nivel básico-intermedio para poder
desarrollar las funciones principales.

Esto también converge en otro recurso necesario: Las plataformas de aprendizaje,

para poder dominar las tecnologías antes mencionadas, se necesita de al menos
una plataforma que permita investigar acerca de estos temas como lo es el
internet que provee información de este tipo y permite investigarlas de una manera

11
sencilla y rápida. Además de herramientas más generales, como el equipo de
cómputo, con el que se pueda ejecutar los programas necesarios para el
desarrollo del proyecto: Como lo es Node Package Manager, MongoDB, el editor
de Código, navegador web, etc.

Y otros recursos, un poco más concretos: como lo son recursos humanos

destinados a la estilización y maquetación de la parte de la vista del usuario. Que
determinen la forma y la estética de la vista principal y cómo se mostrarán los
datos al usuario.

Impacto

Para los beneficiarios de este software se obtendrá un beneficio bien definido, ya

que se facilitará en gran medida la manera en la que sus potenciales clientes
puedan visualizar la información de los servicios que esta ofrece. Sus clientes
podrán estar más cómodos, al buscar la mejor opción que se acople con sus
intereses y expectativas. Esto estimulará la necesidad del cliente potenciando sus
ventas y adquiriendo una ventaja por sobre sus competidores.

12
 III. MARCO TEÓRICO

En este apartado abordaremos los conceptos tomados en cuenta durante todo el

proceso de elaboración del software del proyecto.

Ingeniería de Software: Es una disciplina o área de la Informática o Ciencias de la

Computación, que ofrece métodos y técnicas para desarrollar y mantener software
de calidad que resuelven problemas de todo tipo [Pressman, 1998].

Análisis: Es el proceso de examinar la cartera de sistemas existentes para

entender mejor los componentes de los sistemas y cómo funciona el programa,
para identificar los mejores candidatos para reingeniería, y para medir la calidad
del sistema.

Metodología orientada a objetos: Los objetos pueden ser clasificados, descritos,

organizados, combinados, manipulados y creados. Es por esto que se propuso un
análisis y desarrollo orientado a objetos, que nos permita aprovechar las
características, individualidad y facilidad de manipulación que nos ofrecen los
objetos.

Programación orientada a componentes: [Szyperski y Pfister, 1997] [Szyperski,

1998] la Programación Orientada a Componentes aparece como una variante de
la programación orientada a objetos para los sistemas abiertos. Este paradigma de
programación nace con el objetivo de construir un mercado global de
componentes de software cuyos usuarios son los propios desarrolladores de
aplicaciones que necesitan reutilizar componentes ya hechos y probados para
construir sus aplicaciones de forma más rápida y robusta.

En contexto consideramos a la POC como un paradigma de programación que se

centra en el diseño e implementación de componentes. Actualmente existen
distintas definiciones de componente, entre todas estas definiciones se han
destacado las más representativas y las precisas con las que el proyecto coincide:
Una unidad de composición con interfaces especificadas y dependencias de
contexto explícito. Un componente de software se puede implementar de forma
independiente y está sujeto por composición por terceros.

13
Arquitectura MVC

MVC significa Modelo, Vista y Controlador. Y separa la aplicación en tres

componentes: modelo, la vista y el controlador.

Modelo: el modelo representa la forma de los datos y la lógica empresarial.

Mantiene los datos de la aplicación. Los objetos modelo recuperan y almacenan el
estado del modelo en una base de datos.
El modelo es una lógica de datos y negocios

Vista: La vista es una interfaz de usuario. Ver los datos de visualización utilizando
el modelo para el usuario y también les permite modificar los datos.

La vista es una interfaz de usuario

Controlador: El controlador maneja la solicitud del usuario. Por lo general el

usuario interactúa con la vista, que a su vez genera una solicitud de URL
adecuada, esta solicitud será manejada por un controlador. El controlador
presenta la vista apropiada con los datos del modelo como respuesta.

El controlador es un manejador de solicitudes

Arquitectura cliente-servidor: Es una arquitectura en la que muchos de los

clientes solicitan y reciben servicio de un sistema centralizador. Las computadoras
cliente proporcionan una interfaz que un usuario solicite servicios del servidor y
muestre la información que el servidor devuelve. Los servidores esperan a que
llegue una petición de los clientes y después les responda.

o Maneja el procesamiento paralelo normal, es decir el procesamiento del servidor

y del cliente se están haciendo en paralelo, por lo que el tiempo de respuesta y
velocidad real de trasporte mejoran.

o Varias máquinas cliente pueden acceder a la misma máquina servidor y por lo

tanto una sola base de datos puede ser compartida entre varios sistemas clientes
distintos.

14
Application Programming Interface (API)

Básicamente una API permite que las aplicaciones se comuniquen con otras
aplicaciones.

Una API no es una Base de datos ni tampoco el servidor, es el código que rige los
puntos de acceso para el servidor.

Nos permiten obtener datos de fuentes externas.

Podemos enviar una solicitud a la API que detalla la información que queremos.
También permiten que nuestros sitios alteren los datos de otras aplicaciones de
terceros, por ejemplo, la API de Twitter o de Facebook.

WebSockets

Es una tecnología avanzada que permite abrir una sesión de comunicación

interactiva bidireccional entre el navegador del usuario y un servidor. Con esta API,
puede enviar mensajes a un servidor y recibir respuestas controladas por eventos
sin tener que sondear al servidor para obtener una respuesta.

Objetos. Un objeto es cualquier cosa, real o abstracta, acerca de la cual

almacenamos datos y aquellos métodos que los manipulan. –

Clases. Una clase es la implementación de un tipo de objeto. Especifica la

estructura de datos y los métodos operacionales permitidos que se aplican a cada
uno de sus objetos.

- Métodos. Especifica la manera en la cual los datos de un objeto son

manipulados. Los métodos en un tipo de objeto hacen solamente referencia a la
estructura de datos de ese tipo de objeto. No deben de tener acceso directamente
a la estructura de datos de otro objeto.

- Peticiones. Una petición solicita una operación específica debe ser invocada
usando uno o varios objetos como parámetros.

15
 IV. DESARROLLO DE ACTIVIDADES DEL PROYECTO

Alcance del proyecto

Se buscar poder obtener una ventaja competitiva a la hora de mostrar la

información con los potenciales clientes, por lo que la función principal y el ámbito
central del proyecto es la centralización de toda la información que la empresa
tenga la necesidad de mostrar a los clientes, además de facilitar la búsqueda
personalizada que los clientes quieran visualizar de los servicios que la empresa
provee, por medio de filtros de búsqueda. Así mismo, le dará una mayor
comodidad al cliente poder digerir únicamente los datos que él quiera ver por
medio una interfaz amigable, estilizada y práctica.

Metodología

Para el plan de trabajo que se ha seguido para el desarrollo del proyecto está más
apegado y es similar a la metodología por prototipos.

Empezando con la recolección de requisitos, como desarrolladores se nos

proporciona objetivos globales y específicos para el software o componente que
se deba crear/modificar, en un tiempo definido, regularmente son semanales.
Empezando por la comunicación entre los desarrolladores y el encargado del área
de desarrollo. Una vez teniendo los requerimientos y objetivos a cumplir se
continua con un modelado y diseño rápido del componente el cual se centra en
una representación de esos aspectos del software que serán visibles para el
usuario/cliente, este puede estar planteado a papel o en documento que sirva
como documentación. Se continúa con la construcción del prototipo, es decir con
la codificación del componente a desarrollar, una vez que el desarrollador haya
completado sus objetivos y sus tareas propuestas, este hará una entrega al
encargado del área de desarrollo para su revisión y este mismo le dará
retroalimentación al desarrollador acerca del trabajo que se ha entregado, en caso

16
de haber cambios o errores en el prototipo desarrollado se procederá a las
correcciones en la parte de la construcción del componente.

Para cuando se haya completado correctamente el ciclo, se volverá a empezar,

regresando con la comunicación de nuevos objetivos propuestos por el encargado
del área y el ciclo se completará una vez más. Este se puede aplicar al desarrollo
de nuevos componentes tanto como para la modificación de componentes que se
hayan desarrollado con el fin de mejorarlos o de reparar algún error potencial.

LISTADO DE ACTIVIDADES

17
# Actividad
Capacitación del entorno
de trabajo
Inicialización la aplicación Como primera actividad práctica se iniciará
en “blanco” en VueJS
Inicialización del servidor
en NodeJS
Instalación de las
dependencias principales
necesarias para el
servidor
Antes de empezar la codificación del proyecto
se deberán tomar en cuenta algunos conceptos
básicos y generales que ya se vieron en el
apartado del Marco Teórico, sin embargo
debemos tomar en cuenta los conceptos más
importantes que nos ayudarán a sentar unas
buenas bases para empezar a realizar las
actividades de desarrollo
desde lo más básico hasta lo más avanzado. En
esta primera sección se crea un nuevo proyecto
de VueJS utilizando Vue-CLI, el cual nos a
ayudará a inicializar las dependencias de npm
que el proyecto necesarias inicialmente.
Para la parte del Servidor se crea un nuevo
proyecto de NodeJS utilizando el Node Package
Manager sin ninguna depencia extra. Este
proyecto será nuestro esqueleto para crear la
API y el WebSocket donde la vista de usuario
se alimentará de información.
Se procede a la instalación de las dependencias
básicas para la creación del servidor: Express.js
como servidor API REST nos servirá para la
creación de Rutas, Modelos y Controladores de
manera más ordenada y sencilla dentro de
nuestro proyecto de NodeJS. Body Parser que
18
 nos ayudará al intercambio de datos entre la
vista de usuario y el servidor.

Instalación y Dentro de nuestro servidor se procederá a

configuración de instalar la dependencia para conectarnos a
Mongoose.JS nuestra Base de datos en MongoDB. Esta
dependencia nos facilitará la conexión a la Base
de datos, creación de Modelos y la obtención de
información dentro de la BD

Creación modelos y Con base a la información ya contenida en la

esquemas en Base de datos se pudo realizar el modelo para
Mongoose.js la parte del servidor

Creación de rutas en Se procede a declarar las primeras rutas para

Express obtener la información básica que se mostrará
en la parte de la vista de usuario

Creación de un
componente de prueba
en VueJS

Añadir Axios En la parte de la vista de usuario se instala una

nueva dependencia que nos facilitará las
peticiones a la API del lado del servidor para
poder traer la información de este.

Integrar la aplicación de En este apartado se instalará la dependencia

NodeJS en tiempo real que facilitará la conexión en tiempo real con la
Socket.io vista de usuario. Y se procede a establecer la
configuración dentro del servidor, para poder
acceder mediante la API a las funciones de

19
 conexión bidireccional en Socket.IO, esto para
combinar ambas tecnologías de la API y la
conexión en tiempo real.

Integrar la vista de
FrontEnd con la conexión
en tiempo real con el
servidor

Creación de filtro de
búsqueda por nombre

Creación de filtro de
búsqueda por ubicación

Creación de filtro de
búsqueda por Tipo

Creación del filtro de

búsqueda por rango de
precios

Creación del filtro de

búsqueda por Número de
cuartos

Creación de filtros de
búsqueda específicos.

20
Capacitación del entorno de trabajo:

Como primera instancia, para el desarrollo de éste proyecto, se inician las

actividades por la investigación de los elementos básicos; antes de empezar la
codificación del proyecto se deberán tomar en cuenta algunos conceptos básicos y
generales que ya se vieron en el apartado del Marco Teórico, sin embargo
debemos tomar en cuenta los conceptos más importantes que nos ayudarán a
sentar unas buenas bases para empezar a realizar las actividades de desarrollo:

NPM (Node Package Manager): Es un administrador de paquetes para NodeJS.

NPM aloja miles de paquetes gratuitos para descargar y usar. Los módulos son
bibliotecas de JavaScript que puede incluir en su proyecto.

MEVN

Es un acrónimo para referirse a MongoDB, ExpressJS, VueJS y NodeJS es un

conjunto de tecnologías y Frameworks basadas en JavaScript que funcionan con
npm para realizar WebApps avanzadas.

Este conjunto de tecnologías será nuestra base para poder desarrollar el proyecto
y es de suma importancia conocer los elementos básicos que conforman el
esqueleto del proyecto.

Los frameworks de Javascript están aumentando día a día en términos de

números como de su uso. JavaScript solía implementarse solo para la lógica del
lado del cliente, pero, a lo largo de los años, ha experimentado un crecimiento
significativo y ahora se uas tanto en front-end como en back-end.

El entorno MEVN se usa para administrar todo lo relacionado con el Backend y

VueJS maneja todo lo relacionado con la vista.

21
/* WebSocket es un protocolo de comunicación que provee de canales de
comunicación “full-duplex” sobre una única conexión TCP establecida entre el
navegador web (cliente) y un servidor web. Esto permite que el servidor envíe
contenido al navegador sin ser llamado por el cliente, enviando datos a través de
la conexión abierta. */

Crear una aplicación sencilla y en “blanco” en VueJS usando Vue-CLI

Como primera actividad práctica se iniciará desde lo más básico hasta lo más
avanzado. En esta primera sección se crea un nuevo proyecto de VueJS utilizando
Vue-CLI, el cual nos a ayudará a inicializar las dependencias de npm que el
proyecto necesarias inicialmente. Esto se logra corriendo los comandos de node
package manager.

Con esta parte del proyecto se trata de inicializar la parte de vista de usuario.
Dónde se visualizarán los datos.

Inicializar el servidor en NodeJS

V. RESULTADOS O PRODUCTOS OBTENIDOS

Escribir:

Expresar los resultados o productos obtenidos durante el proyecto de la Estadía,

acorde a las actividades descritas en el cronograma. Puede incorporar tablas,
imágenes, gráficas, ilustraciones, que demuestren los resultados obtenidos.

22
Creación del proyecto del lado del Servidor utilizando NodeJS

 Con ayuda del Node Package Manager se creó el proyecto del lado del
servidor:

Utilizando los comandos para la creación del proyecto se tuvo como

resultado la carpeta “node_modules” donde se alojan todas las
dependencias. Además de un archivo package.json donde se aloja la
configuración del proyecto. El resultado:

package.json:

 Se procede a la inicialización del proyecto usando Express.js para la

configuración del servidor. Además de la instalación de las
dependencias necesarias para el funcionamiento del servidor como la
Mongoose para conectarse a la Base de datos

Se obtiene como resultado el servidor corriendo correctamente

23
 Una vez que se haya configurado e instalado los elementos básicos
del servidor quedará en funcionamiento para que los clientes se
puedan comunicar al servidor como en el siguiente diagrama:

 Creación de modelos, rutas y controladores en la parte del servidor

utilizando Express.js para la API sea consumida.

Se obtiene como resultado una ruta a la cual el cliente puede acceder para
que el servidor le regrese información de la Base de datos hacia el cliente.

http://localhost:3000/api/real-estate/

24
 Integración de Socket.IO en tiempo real

Después de desarrollar las rutas para obtener información de la Base de datos,

se desarrolla la funcionalidad de comunicación bidireccional en Tiempo real
con Socket.IO

25
Cada vez que se conecte un usuario, el servidor detecta siempre cuando un nuevo
usuario esté conectado al servidor

26
Comunicación de datos entre la vista de usuario y el servidor en tiempo real

VI. CONCLUSIONES.

Escribir:

 Conclusión general.
 Aportaciones de mejora a la empresa.

 Integración con la vista de usuario.

27
FUENTES DE CONSULTA

Escribir:

Utilizar el formato APA (http://normasapa.com/) para las citas y las referencias; en

caso de la División de TICS, se podrá emplear el formato IEEE o ISO. Ordenarlas
de forma alfabética y emplear sangría francesa.

https://subscription.packtpub.com/book/web_development/9781788831147/1/
ch01lvl1sec11/introducing-mevn

w3schools.com/nodejs/nodejs_npm.asp

https://www.djamware.com/post/5b6a681f80aca76a2cbd98fb/mongodb-express-
vuejs-2-nodejs-mevn-and-socketio-chat-app

https://medium.com/factory-mind/websocket-node-js-express-step-by-step-using-
typescript-725114ad5fe4

https://medium.com/@anaida07/mevn-stack-application-part-1-3a27b61dcae0

28
ANEXOS

Escribir:

En este rubro se podrán presentar: los manuales, procedimientos, formatos y/o

documentos mayores de dos cuartillas a los que se hace referencia en el
documento, los cuales para no distraer la atención del lector se considera
conveniente enviarlos al final del trabajo.

29
GLOSARIO

Escribir:

En este apartado se incluyen las palabras técnicas empleadas en el desarrollo del

proyecto, en orden alfabético.

30