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
Infraestructura física

Escribir

Croquis detallado

Escribir

(Solo si el proyecto lo exige). En caso contrario, eliminar.

viii
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

ix
 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.

10
 II. PLANTEAMIENTO DEL PROYECTO

Objetivo general

Elaborar un sistema web a 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

11
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

12
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.

13
 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.

14
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.

15
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.

16
 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

17
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.

18
 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.

19
 VI. CONCLUSIONES.

Escribir:

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

20
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.

21
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.

22
GLOSARIO

Escribir:

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

proyecto, en orden alfabético.

23