diseÑo de plataforma web para el network...

48
DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION CENTER (NOC) DE AVANTEL S.A.S UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS 1 DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION CENTER (NOC) DE AVANTEL S.A.S KEVIN DANILO LOPEZ CLOPATOFSKY Cod.20101005084 Universidad Distrital Francisco José de Caldas Facultad de Ingeniería Ingeniería Electrónica Bogotá, 08 de junio de 2017

Upload: others

Post on 24-Mar-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

1

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK

OPERATION CENTER (NOC) DE AVANTEL S.A.S

KEVIN DANILO LOPEZ CLOPATOFSKY Cod.20101005084

Universidad Distrital Francisco José de Caldas

Facultad de Ingeniería

Ingeniería Electrónica

Bogotá, 08 de junio de 2017

Page 2: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

2

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK

OPERATION CENTER (NOC) DE AVANTEL S.A.S

KEVIN DANILO LOPEZ CLOPATOFSKY Cod.20101005084

Trabajo de Grado para optar al título de Ingeniero Electrónico

Director: Gustavo Adolfo Puerto Leguizamón

Universidad Distrital Francisco José de Caldas

Facultad de Ingeniería

Ingeniería Electrónica

Bogotá, 08 de junio de 2017

Page 3: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

3

Tabla de contenido PLANTEAMIENTO DEL PROBLEMA............................................................................. 5

OBJETIVOS ................................................................................................................... 7

GENERAL .................................................................................................................. 7

ESPECIFICOS............................................................................................................ 7

JUSTIFICACIÓN ............................................................................................................ 8

MARCO TEÓRICO ......................................................................................................... 9

Avantel S.A.S. ............................................................................................................ 9

NOC (Network Operation Center) ............................................................................... 9

DISEÑO DE APLICACIONES WEB ............................................................................ 9

LENGUAJES DE PROGRAMACION ........................................................................ 10

REQUERIMIENTOS ..................................................................................................... 13

PLAN DE TRABAJO .................................................................................................... 15

ALCANCE .................................................................................................................... 16

CRONOGRAMA ........................................................................................................... 17

MATRIZ DOFA ............................................................................................................. 18

RESULTADOS ............................................................................................................. 19

DESCRIPCION GENERAR DE LA APLICACION ........................................................ 20

ADMIN ...................................................................................................................... 21

DSX .......................................................................................................................... 25

Reportes ................................................................................................................... 31

Manuales .................................................................................................................. 32

Notificar Eventos ....................................................................................................... 33

Rutina ....................................................................................................................... 35

Trabajos Programados ............................................................................................. 38

LDS (Lector De Scripts) ............................................................................................ 40

ANÁLISIS DE RESULTADOS ...................................................................................... 43

ALCANCES DEL TRABAJO ......................................................................................... 44

EVALUACIÓN Y CUMPLIMIENTO DE LOS OBJETIVOS DE LA PASANTÍA .............. 45

CONCLUSIONES ........................................................................................................ 46

RECOMENDACIONES. ............................................................................................... 47

A LA INSTITUCIÓN EDUCATIVA ............................................................................. 47

A LA EMPRESA ....................................................................................................... 47

Page 4: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

4

Bibliografía ....................................................................................................................... 48

Page 5: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

5

PLANTEAMIENTO DEL PROBLEMA

Hoy en día las aplicaciones web juegan un papel importante, no solo en el ámbito personal

sino también en el laboral, son base fundamental del desarrollo de muchas empresas. Los

sitios web ya no cumplen solo fines informativos, con la inclusión de lenguajes de

programación que se ejecutan del lado de servidor, las páginas web dejan de ser simples

páginas y toman el papel de aplicaciones, aplicaciones capaces de procesar datos del

mismo modo que las de escritorio y con la facilidad de que el ordenador del usuario no es

el que procesa la información sino son los servidores, que tienen mejores características a

la hora de realizar procesos complejos. Otra de las ventajas que tienen este tipo de

aplicaciones es la posibilidad de acceder a ellas por medio de un navegador, siempre y

cuando estemos conectados a la red y tengamos acceso al servidor, sin la necesidad de

realizar ningún tipo de instalación en el ordenador del usuario.

AVANTEL S.A.S. empresa en la que se realizará la pasantía. Es una empresa creciente del

área de las comunicaciones, presta servicios tanto a personas naturales como a clientes

corporativos. Entre los servicios que presta están telefonía móvil prepago y pospago, push

to talk, internet dedicado a través de la red de fibra óptica propia de AVANTEL, y un rango

de servicios dedicados a soluciones empresariales, tales como una plataforma de

comunicación para el IoT, o aplicaciones como AVANTALK o AVANTRACK que permiten a

sus empresas clientes obtener mayor productividad.

El presente proyecto de pasantía estará orientado en el desarrollo de un portal para mejorar

la operación del Centro de Control de la Red, o NOC (por sus siglas en inglés, Network

Operations Center), el portal deberá contar con varias herramientas que permitan mejorar

el funcionamiento de varios procesos en los cuales se han encontrado fallas, entre las

características y funcionalidades de la herramienta a desarrollar están:

• Reporte y monitoreo de fallas de las diferentes plataformas que soportan los

servicios prestados por AVANTEL.

• Monitoreo de los archivos generados por la plataforma de facturación del server

FTP, que permiten a AVANTEL realizar la correcta facturación por los servicios

prestados a los clientes.

Page 6: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

6

• Base de consulta sobre las conexiones de los paneles DSX, con la posibilidad de

actualizar las conexiones cuando se realicen cruzadas en los equipos que se

encuentran en los datacenter.

• Checklist de las actividades a realizar por los operadores del NOC por turno.

• La plataforma solo permitirá acceso a usuarios registrados y autorizados por el jefe

de Área

Con respecto al acuerdo Número 038 del 28 de Julio de 2015 de la Universidad Distrital

Francisco José de Caldas, para la realización de este proyecto se contará con la guía y

supervisión de un ingeniero de la compañía y un docente director de la Universidad, los

cuales se encargarán de encaminar correctamente al pasante para que logre concretar

dicho proyecto; además de esto se tendrá una duración mínima de 348 horas, las cuales

deben ser realizadas en un tiempo no mayor a seis (6) meses.

Page 7: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

7

OBJETIVOS

GENERAL

Desarrollar un portal web que permita mejorar la operación interna del NOC de

AVANTEL.

ESPECIFICOS

• Estudiar a fondo la operación del centro de control de la red con el fin de levantar

información veraz para el diseño del aplicativo

• Investigar los tipos de lenguaje para programación web.

• Seleccionar el lenguaje de programación apropiado para el diseño de la aplicación.

• Desarrollar un portal web que cumpla los requerimientos establecidos por la

empresa.

• Poner en operación el aplicativo sobre el servidor interno de la empresa.

Page 8: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

8

JUSTIFICACIÓN

Debido a que el índice de crecimiento de la empresa ha estado por encima del esperado,

la operación del NOC ha aumentado en complejidad, así mismo con el fin de mantener la

buena prestación de los servicios a sus Clientes, AVANTEL ha decidido que es necesario

implementar nuevas herramientas que permitan mejorar la operación de éste.

Al desarrollar el portal propuesto para esta pasantía, AVANTEL muestra su deseo por

siempre brindar lo mejor a sus clientes, permitiendo que los tiempos de respuesta ante

posibles fallos en su plataforma sean menores, y que los operadores del área tengan

mejores herramientas.

Con la elaboración de esta aplicación, el estudiante de Ingeniería Electrónica de la

Universidad Distrital Francisco José de Caldas, busca desarrollar sus créditos

correspondientes al proyecto de grado, necesario para su graduación.

Page 9: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

9

MARCO TEÓRICO

Avantel S.A.S.

Avantel es una proveedora colombiana de servicios de trunking digital, Constituida en mayo

de 1996, utiliza tecnología de red mejorada digital integrada (iDEN) de Motorola. Tiene

presencia en más de 20 ciudades colombianas y posee más de 8.000 clientes activos. Entre

otras labores, integra telecomunicaciones móviles nacionales e internacionales, soluciones

de datos móviles empresariales y de banda ancha inalámbrica. En 2014, la empresa lanzó

servicios 4G en 22 municipios del país, disponible en ciudades como Bogotá, Medellín, Cali,

Bucaramanga, Barranquilla y Cartagena. En la actualidad la red cuenta con más de 1 millón

de usuarios en su red 4G, los cuales ha venido aumentando debido a sus bajos precios con

respecto a la competencia y a los diferentes planes con los que compite en el mercado.

NOC (Network Operation Center)

Para el mundo de los servicios de IT el centro de operaciones de red, la gestión es realizada

dentro del centro de operaciones de red, en este lugar dotado de equipos de monitoreo

remoto y con software de gestión.

El equipo de técnicos que se encuentran en el lugar debe mantener un ojo vigilante sobre

el estado de red 24x7x365. Ingenieros y técnicos NOC son responsables de supervisar la

salud de la infraestructura, seguridad y capacidad, y tomar decisiones y ajustes para

garantizar un rendimiento óptimo de la red y la productividad de la organización. Ante

cualquier eventualidad en la red el operador NOC tiene la función de generar una alarma

en la cual de identifica y se clasifica en base a la gravedad, esto con el fin de que la

organización esté al tanto de cualquier novedad que afecte la prestación del servicio.

DISEÑO DE APLICACIONES WEB

Una aplicación web es un programa computacional que permite al usuario realizar uno o

diversos tipos de trabajos, esto es lo que diferencia de otros tipos de programas

computacionales.

En el diseño de aplicaciones WEB se implementa el núcleo técnico de la respectiva

ingeniería y se aplica de manera independiente.

Page 10: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

10

El desarrollo de aplicaciones suele ofrecer grandes beneficios, como la reducción de

contenido, ya que están exclusivamente diseñadas y optimizadas para resolver un

problema en particular.

Es importante en la elaboración de una aplicación tener claro su objetivo fundamental, ya

que de esto dependerá todo el desarrollo posterior, no solo en cuanto a programación sino

el contenido que mostrará, como, por ejemplo, no se enfoca de igual manera una aplicación

destinada a ventas y otra académica.

Cabe mencionar que el desarrollo de una aplicación WEB trae como principal beneficio el

alcance a usuarios de la aplicación, debido a que no necesita una instalación en el equipo

de cómputo del cliente, el único requisito es una conexión al servidor donde esta hospedada

la aplicación.

LENGUAJES DE PROGRAMACION

Para iniciar con la descripción del aplicativo cabe resaltar que el desarrollo se realiza sobre

varios lenguajes de programación, cada uno de ellos necesarios para las cumplir con las

necesidades del proyecto, a continuación, se dará una breve descripción cada uno de los

lenguajes utilizados.

HTML

HTML es un lenguaje de etiquetas. Indica al navegador como tiene que mostrar el

contenido. El HTML separa el "contenido" (palabras, imágenes, audio, video, etc.) de la

"presentación" (la definición del tipo de contenido y las instrucciones de cómo esos

contenidos tienen que mostrarse). El HTML emplea un conjunto de elementos predefinidos

que permiten identificar los distintos tipos de elementos. Estos elementos contienen una o

más etiquetas que contienen o expresan el contenido. Estas etiquetas suelen ir

encapsuladas entre los símbolos <>, y las etiquetas de cierre (que indican el final de un

determinado contenido) están precedidas por una barra /. (Contributors, 2016).

PHP

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto

adecuado para el desarrollo web y que puede ser incrustado en HTML. Lo que distingue a

PHP de algo del lado del cliente como Javascript es que el código es ejecutado en el

servidor, generando HTML y enviándolo al cliente. (The PHP Group, 2016)

Page 11: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

11

JAVASCRIPT

Tradicionalmente se utiliza en páginas web HTML para realizar operaciones y únicamente

en el marco de la aplicación cliente, sin acceso a funciones del servidor. Actualmente es

ampliamente utilizado para enviar y recibir información del servidor junto con ayuda de otras

tecnologías como AJAX. JavaScript se interpreta en el agente de usuario al mismo tiempo

que las sentencias van descargándose junto con el código HTML. (Domínguez-Dorado,

2005)

SHELL

El shell provee una interface a sistemas *nix. Obtiene la información del usuario y ejecuta

programas en base a esa información. Cuando el programa finaliza su ejecución, despliega

la salida del programa. Es conocido como el intérprete de comandos. Existe diferentes tipos

de shell, el que se usa en el desarrollo es el shell de tipo bash (Bourne Again Shell) cuya

extensión es (.sh).

APP’s

SHELL

KERNEL

Figura 1 Esquema general del uso de los shell

Page 12: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

12

EXPECT

Es un lenguaje de script de automatización natural e intuitiva que funciona casi de la misma

forma que los humanos cuando se interactúa con un sistema. Se escribe en los comandos

y esperar una cierta respuesta a su comando. Cuando recibe la respuesta esperada, se

introduce otro comando y así sucesivamente. (Hess, 2016)

Page 13: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

13

REQUERIMIENTOS

Los requerimientos solicitados por la empresa Avantel S.A.S. fueron:

• Diseño de aplicación web de tipo portal que proporcione al operador NOC distintas

herramientas que faciliten el monitoreo y escalamiento de los eventos que surjan en la

operación.

• La aplicación contará con distintos tipos de roles para su utilización.

• La aplicación debe contar con un módulo de acceso con el fin de protegen la información

que se manejara en esta.

• La contraseña deberá estar integrada con un sistema de protección de datos.

• Los usuarios con rol de administrador serán los únicos con acceso a todos los módulos del

aplicativo web.

• Los usuarios con rol de operador DSX contaran con acceso solo al módulo de DSX.

• Los usuarios con rol de operador NOC tendrán acceso a los módulos de operación y

monitoreo

• La aplicación debe contar con los siguientes módulos:

o ADMIN: Este módulo será accesible solo por los usuarios con roles de

administrador, en él se tendrá acceso a sub-módulos de reportería y edición de

casos y biblioteca.

o DSX: Esta aplicación será un visualizador del estado de las conexiones de los DSX’s.

Debe contar con edición de puertos, conexiones entre puertos (cruzada o directa),

estado de los puertos (libre, en conexión, dañado), agregar racks o más DSX.

o REPORTES: Un visualizador del cumplimiento de las labores realizadas por los

operadores con el fin de tener una trazabilidad de las labores que se deben cumplir

en los turnos de los operadores.

o MANUALES: El modulo debe contar con un repositorio de manuales de todas las

actividades que se deben realizar si surge una incidencia, el fin de este módulo es

que el operador tenga a mano información de utilidad.

o NOTIFICAR EVENTOS: El fin de este módulo es dotar al operador con una

herramienta que le facilite el trabajo al operador a la hora que se presente una

incidencia, la herramienta debe enviar reportes por correo a las áreas de la

compañía que lo necesiten con el fin de dar soporte especializado a la incidencia de

Page 14: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

14

manera ágil. La herramienta debe contar con la opción de seguir los casos hasta que

se les dé solución, y poderlos alimentar de cada acción que se realice para tener una

trazabilidad de estos.

o RUTINA: Consta de un checklist de las actividades que debe realizar el operador en

cada turno.

o TRABAJOS PROGRAMADOS: Una base de datos alimentada por el operador, de los

trabajos que se están realizando en la red para prestar un mejor servicio, la idea del

módulo es llevar la trazabilidad del trabajo, por lo que el operador deberá indicar el

estado de cada trabajo cuando se ejecute cada uno de estos.

o LDS (Lector De Scripts): Este módulo es el más complejo de todos, la función de este

será monitorear el estado de los archivos de facturación de cada uno de los servicios

prestados por Avantel, deberá conectarse cada 15 minutos a los distintos

servidores encargados de cada servicio y verificar si se están generando los archivos

de facturación, además deberá realizar la conexión al servidor Backup donde se

almacenan finalmente estos archivos y verificar que se esté realizando la correcta

transferencia de estos archivos. Otra de las funciones es realizar un monitoreo del

estado de los equipos, el estado de las conexiones, con el fin de ser un respaldo de

las otras aplicaciones de gestión de red.

• Los estados deben ser visualizados con una diferencia de color.

• Los correos que se envíen desde la aplicación deberán ser escalados a diferentes grupos

dependiendo la red del proceso asociado.

• Los usuarios de la aplicación deberán poder realizar una solicitud de ingreso

Page 15: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

15

PLAN DE TRABAJO

ETAPA 1: Aprender sobre el modo de operación del centro de control de red (NOC) de

AVANTEL.

ETAPA 2: Estudiar y seleccionar los diferentes lenguajes de programación disponibles

que permitan desarrollar de la mejor manera el portal.

ETAPA 3: Elaborar la aplicación web que cumpla con los requerimientos de la empresa

utilizando conocimientos adquiridos y documentados previamente.

ETAPA 4: Realizar revisión de la aplicación web que cumpla con los requerimientos

establecidos, con el asesoramiento de los directores externo e interno.

ETAPA 5: Realizar las correcciones que se hagan necesarias.

ETAPA 6: Sustentación de la aplicación ante la empresa y/o la Universidad Distrital

Francisco José de Caldas, para su aceptación.

NOTA: Cada etapa será documentada con el apoyo del docente director de la

Universidad Distrital Francisco José de Caldas para su posterior entrega junto a la

ETAPA 6 (sustentación del proyecto).

Page 16: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

16

ALCANCE

Debido a que se pretende dar más herramientas a los operadores de NOC, se espera

mejorar los tiempos de respuesta a las fallas, esto se reflejara de forma directa en una mejor

prestación del servicio.

Una de las aplicaciones busca mejorar el modo en que se tiene registro de las conexiones

en el panel DSX, se espera que, al tener mayor control de esta información, sean más

oportunas las soluciones a fallas en caso de que sean a nivel físico en a nivel de datacenter.

Las limitaciones económicas serán otro aspecto importante, ya que, aunque se dispondrá

de los equipos suministrados por la empresa, se evitara a toda costa hacerlos inservibles

en el momento de su estudio, por lo tanto, se manipularán hasta el punto que sea posible,

sin afectarlos.

Para el desarrollo de la aplicación de fórmulas de cálculo, se manejarán las ecuaciones

más relevantes y que la empresa considere son necesarias.

Page 17: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

17

CRONOGRAMA

Actividad Mes 1 Mes 2 Mes 3 Mes 4 Mes 5

Identificar la operación de los

equipos asignados. X X X

Estudiar los diferentes lenguajes de

programación web disponibles. X X X

Seleccionar el lenguaje de

programación que se utilizará. X

Diseñar la aplicación web. X X X

Realizar revisión de la aplicación

web. X

Realizar las correcciones

necesarias a la aplicación web. X

Sustentación de la aplicación web

ante la empresa X

Sustentar la documentación ante la

Universidad Distrital Francisco José

de Caldas para su aprobación.

X

Realizar documentación del

proyecto de pasantía X X X X

Page 18: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

18

MATRIZ DOFA

DOFA

FORTALEZAS

• Previo estudio del

diseño de aplicaciones

web.

• Apoyo de Docente

Director de la

Universidad e ingeniero

de la empresa

DEBILIDADES

• Falta de experiencia en

el ámbito laboral.

• Poco conocimiento del

modo de operación del

centro de control de

red.

OPORTUNIDADES

• Aprender en detalle

sobre la operación de

un centro de

operaciones de red.

• Adquirir conocimientos

acerca del diseño de

aplicaciones web.

• Fortalecer los

conocimientos de los

equipos y procesos

realizados en el NOC y

diseño de aplicación

web mediante la

práctica y la guía del

docente director e

ingeniero de la

empresa.

• Utilizar el conocimiento

obtenido del modo de

operación del centro de

control de red, además

de lo aprendido del

ingeniero de la

empresa.

AMENAZAS

• Posible migración del

servidor donde se

implementará el

aplicativo.

• Cometer errores en el

diseño de la aplicación.

• No lograr terminar la

aplicación web antes

de los 4 meses.

• Utilizar conocimientos

previos para que la

migración sea lo más

sencilla posible.

• Implementar los

conocimientos previos

adquiridos de

aplicaciones web.

• Cumplir el cronograma

planteado para

terminar el trabajo a

tiempo.

• Revisión del modo de

operación del centro de

control de red

aprendido del ingeniero

de la empresa, para

verificar que la

aplicación cumpla con

su objetivo.

• Compensar la falta de

experiencia laboral con

perseverancia, para

terminar el trabajo en el

tiempo planteado.

Page 19: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

19

RESULTADOS

Para el final de la pasantía los logros del proyecto con respecto a los requerimientos

propuestos por la empresa Avantel S.A.S., resultando una aplicación con las siguientes

características: • Módulo de acceso • Módulo de creación de usuarios • ENTORNO DE TRABAJO

o ADMIN MANUALES

• Subir Manuales • Modificar Biblioteca

INFORMES • Notificación Eventos • Trabajos Programados

o DSX DSX

• DSX’s • Conexiones • Agregar Rack • Agregar DSX

o REPORTES Checklist Matriz de pruebas

o MANUALES Biblioteca

o NOTIFICAR EVENTOS Generar Ticket Buscar Ticket Casos Abiertos Casos Cerrados

o RUTINA Checklist Matriz de pruebas Eventos del turno Eventos del turno anterior

o TRABAJOS PROGRAMADOS Generación TP Historial TP TP del día

o LDS MONITOR DE EQUIPOS

• BillTDAP • BillSMS • BillBAS • BillMSC • BillGWSMS1 • BillGWSMS2 • Calea (enlace a la fiscalía) • SMSC

LECTOR DE SCRIPTS

Page 20: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

20

DESCRIPCION GENERAR DE LA APLICACION

La aplicación WEB desarrollada en este proyecto busca mejorar el rendimiento de la

respuesta ante fallas en el CORE de AVANTEL. La aplicación toma el nombre de PORTAL NOC, un aplicativo de uso exclusivo del área encargada del Network Operation Center, en

el siguiente capítulo se dará una descripción general de las funciones del portal, en

capítulos posteriores se realizará una descripción más detallada de la lógica que utiliza el

aplicativo para su funcionamiento.

Para el diseño del programa se utilizó la aplicación Visual Studio Code, editor de texto

orientado a la programación de la casa de Microsoft y su licencia de uso es libre.

Con éste se comenzó diseñando una pantalla dividida en 5 secciones distribuidas en

pantalla como se observa en el formato de la figura 2.

Figura 2. Formato de visualización de la aplicación diseñada

• SUPERIOR: La parte superior está compuesta por el banner de la compañía y el área a la cual

se desarrolló el aplicativo.

Page 21: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

21

• CENTRAL: En esta zona se tendrá acceso a todos los módulos que se diseñaron para la

aplicación.

• LATERAL IZQUIERDO: estará compuesta por menús de navegación de ventanas de los

diferentes módulos que se realizaron

• LATERAL DERECHO: En esta zona es la zona de trabajo, en ella se visualizarán las ventanas

que componen cada módulo.

• INFERIOR: Está compuesta por un banner en el cual muestra información del desarrollador

de la aplicación.

La aplicación portal NOC es una herramienta intuitiva y de gran utilidad para la operación

del Network Operation Center de Avantel, facilita la realización de varias actividades que

son de carácter critico en su operación. Ninguna red está exenta de fallas ya sea por

sucesos ambientales o por problemas de comunicación entre sus equipos, es importante

realizar un correcto diagnostico por parte del NOC para que las áreas pertinentes se

encarguen de realizar las medidas correspondientes para disminuir el tiempo de afectación

de servicio. A continuación, se detallarán cada uno de los módulos que componen la

aplicación.

ADMIN

Los módulos de administrador tienen como núcleo dos funciones principales, la primera de

ellas es el administrador de la plataforma dote al operador de herramientas para que puedan

realizar un correcto soporte de primer nivel. La segunda función principal es la de tener

información concisa y detallada de las eventualidades que se presentaron en un rango de

tiempo sobre la red, para cumplir con estas funciones una vez se esté en el módulo de

administración en la zona lateral izquierda aparecerá un menú dividido en manuales e

informes, como se muestra en la figura 3, y cada una de estas divisiones muestra las

acciones a las cuales el administrado puede acceder.

Page 22: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

22

Figura 3. Distribución menú del módulo ADMIN.

MANUALES

El usuario que tenga permisos de administrador puede realizar dos tipos de acciones en

lo que a manuales se refiere:

Subir Manuales

La primera de ellas es subir manuales, al acceder a este link se aparecerá en la zona

lateral derecha, de ahora en adelante zona de trabajo, un formulario que permitirá realizar

dicha acción, como se muestra en la figura 4,

Figura 4. Formulario para Subir Manuales.

Page 23: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

23

El formulario posee tres campos, Nombre que se refiere a un nombre que se le da al archivo

a subir, Seleccionar documento, campo en el que se habilita un botón para seleccionar el

archivo a subir, y Equipo, campo de selección que muestra los equipos que se tienen en la

base de datos, y un botón el cual ejecuta la acción de subir el documento.

Modificar Biblioteca

La segunda acción que puede realizar el administrador en cuanto a manuales se refiere

es la de modificar biblioteca, al acceder a este link aparece en la zona de trabajo, la

visualización de la biblioteca y cada documento tiene activada la opción de editar, como

se muestra en la figura 5.

Figura 5. Visualizador de Biblioteca con la acción de editar activa

Cuando el usuario usa la accion de editar redirecciona el area de trabajo a un formulario,

como el que aparece en la figura 6, este tiene cuatro campos eliminar, nombre, path,y

equipo, y un boton que permite realizar la accion que el administrador quiere,

Page 24: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

24

Figura 6. Formulario para la modificación de un manual.

INFORMES

El usuario que tenga permisos de administrador puede acceder a dos tipos de informes:

Notificar Eventos

En cuanto a notificar eventos la aplicación proporciona al administrador un informe detallado

de todos los eventos que ocurrieron en un determinado lapso de tiempo, al acceder a este

enlace la zona de trabajo toma la forma de la base de datos mostrada en la figura 7. En

esta página se tiene la opción de filtrar por fechas.

Figura 7. Ventana Informe Notificación de Eventos

Page 25: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

25

Trabajos Programados

En cuanto a trabajos programados la aplicación proporciona al administrador un informe

detallado de todos los eventos que ocurrieron en un determinado lapso de tiempo, así

como el estado de cada uno de ellos, al acceder a este enlace la zona de trabajo toma la

forma de la base de datos mostrada en la figura 8.

Figura 8.Ventana Informe Trabajos Programados

En esta página se tiene la opción de filtrar por fechas, además de una tabla en la que indica

que dependiendo el color en la que se encuentre tendrá un estado asociado pomo se

muestra en la figura 9.

Figura 9. Tabla de estados y su equivalencia en color

DSX

Esta herramienta se diseña para el uso del operador de datacenter, su función es llevar un

control de las conexiones que se realizan en los módulos de DSX, módulos que son

Page 26: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

26

utilizados como nodos centrales. Avantel cuenta actualmente con 11 de estos equipos, 10

de estos se encuentran en el datacenter de la tecnología iDEN y el otro se encuentra en el

datacenter de tecnología LTE.

DSX’s

En el submenú llamado DSX’s se tiene un visualizador de cada uno de los módulos DSX,

cada módulo DSX cuenta con 64 puertos, y cada puerto se usa como nodo de conexión de

uno de los equipos que se encuentran en el datacenter. La interfaz del visualizador se

observa en la figura 10.

Figura 10. Esquema General DSX’s

Cada uno de estos puertos tienen un menú de edición y se accede a este dando clic sobre

el puerto, en la ventana que aparece en el área de trabajo consta de un formulario en donde

las opciones que se encuentran habilitadas son las únicas que se le permiten al usuario

editar como se observa en la figura 11. Las opciones editables son equipo y observación,

equipo está habilitada para que le asignen un equipo a este nodo, por otro lado,

observaciones se utiliza para indicar que el puerto es compartido por más de un equipo. En

esta ventana también se observan dos botones, uno verde y uno azul, el verde permite

Page 27: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

27

enviar las modificaciones de este formulario, el azul abre un submenú que permite cambiar

de estado el botón o realizar conexiones con otros nodos de cualquiera de los DSX.

Figura 11. Formulario Modificar puerto.

Cada puerto del DSX puede tener 4 estados posibles, estos son: libre, conexión directa,

conexión cruzada y por último dañado.

• Libre

Este estado se usa para indicar que el puerto se encuentra sin conexión, figura 12.

Figura 12. Ventana Emergente del menú Editar Conexión(Libre)

• Cruzada

El estado de conexión cruzada indica que el tipo de transmisión que se utilizara será cruzado,

al seccionar este estado se habilitan un formulario para que el usuario pueda colocar la

ubicación del puerto con el cual se va a conectar, como se observa en la figura 13.

Page 28: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

28

Figura 13. Ventana Emergente del menú Editar Conexión(Cruzada)

• Directa

El estado de conexión directa indica que el tipo de transmisión que se utilizara será directo,

al seccionar este estado, al igual que ocurre con el estado de conexión cruzada, se habilita

un formulario para que el usuario pueda colocar la ubicación del puerto con el cual se va a

conectar, como se observa en la figura 14.

Figura 14. Ventana Emergente del menú Editar Conexión(Directa)

• Dañado

Este estado es utilizado para indicar que el puerto se encuentra deshabilitado por daños

físicos, al guardar este estado en un puerto que se encuentre estado de conexión directa o

cruzada, se liberara el puerto que tenía conexión con este automáticamente, al seleccionar

Page 29: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

29

la opción Dañado de la lista desplegable el submenú tomara la apariencia que se observa

en la figura 15.

Figura 15. Ventana Emergente del menú Editar Conexión(Dañada)

Este submenú que se abre además de contar con los formularios de edición cuenta con dos

botones más, un botón verde y un botón rojo, el botón verte tiene la función de guardar los

cambios mientras que el rojo tiene la función de descartarlos.

Conexiones

El submenú llamado conexiones tiene como función proveer al operador un listado de todas

las conexiones que se han realizado. Cada una de estas conexiones se presenta al usuario

en el formato de tipo tabla como la que se muestra en la figura 16.

Figura 16. Tabla de conexiones DSX

Page 30: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

30

Agregar Rack

La opción de agregar rack provee al operador del datacenter una herramienta que le permite

agregar más Rack’s en el caso de ser necesario, como se muestra en la figura 17, la

herramienta permite agregar coordenada de ubicación del módulo y seleccionar el

datacenter en el cual se ubicará.

Figura 17. Modulo Agregar Rack

Agregar DSX

La opción de agregar DSX provee al operador del datacenter una herramienta que le

permite agregar más DSX’s en el caso de ser necesario, como se muestra en la figura 18,

la herramienta permite seleccionar el rack al cual estará ligado y el número de puertos que

tiene, como se muestra en la figura 18.

Figura 18. Modulo Agregar DSX

Page 31: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

31

Reportes

La Herramienta de reportes le da una vista general al jefe de área y al coordinador del NOC,

de todas las tareas que han sido realizadas por parte del operador NOC, se muestran en

forma de calendario y cada tiene tres botones que indican el turno al que pertenece, mañana

(M), tarde (T) y noche(N). Estos botones tienen 3 estados posibles y se diferencian por el

color, realizado (verde), no realizado (rojo) e indeterminado (Amarillo).

Reporte Checklist

En esta parte del módulo el usuario tiene la posibilidad de ver si la rutina de los operadores

se está cumpliendo, como anteriormente se dijo, el módulo muestra un calendario del mes

en curso y cada día se muestra el estado de las tareas realizadas, Figura18.

Figura 18. Calendario reporte Checklist

Reporte Matriz de Pruebas

En esta parte del módulo el usuario, al igual que en el reporte de checklist, tiene la

posibilidad de ver si la rutina de los operadores se está cumpliendo, como anteriormente se

dijo, el módulo muestra un calendario del mes en curso y cada día se muestra el estado de

las tareas realizadas, figura 19.

Page 32: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

32

Figura 19. Calendario reporte Matriz de Pruebas

Manuales

La sección de manuales cumple como única sección presentar a los usuarios una biblioteca

de los archivos que el administrador ha subido a la plataforma (figura 20).

Figura 20 Calendario reporte Matriz de Pruebas

La biblioteca esta agrupada en categoría establecidas por el administrador de la aplicación

y al dar clic sobre cada una de estas categorías se muestra los documentos que se

encuentran ligados a cada una de estas categorías esto se observa en la figura 21.

Page 33: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

33

Figura 21. Calendario reporte Matriz de Pruebas

Notificar Eventos

Este módulo de reportería es diseñado para informar, escalar y llevar control de forma

pertinente los sucesos que puedan afectar el tiempo de disponibilidad de servicio que presta

la plataforma tecnológica de Avantel

Generar Ticket

Este módulo genera un id para identificar las afectaciones de la red, la herramienta de

generación tiene un formulario que permite al operador caracterizar la falla de forma rápida,

figura 22, una vez terminado el proceso de caracterización y presionado el botón de enviar

el aplicativo se encarga de informar vía correo electrónico a las áreas pertinentes, este

proceso es posible debido a que la caracterización del evento da al aplicativo la información

suficiente para que este tome la decisión a quien enviárselo.

Figura 22. Modulo Generar Ticket

Page 34: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

34

Buscar Ticket

El módulo de buscar ticket permite al operador enviar avances de los casos que se

encuentren abiertos y si es necesario cerrarlos, figura 23.

Figura 23. Modulo Buscar Ticket

Al buscar el un ticket en este aplicativo el sistema se encarga de traer la información del

caso y se carga en el área de trabajo, una vez esté disponible la información en usuario

puede alimentar el caso en caso de ser necesario.

Caso Abiertos

Este módulo muestra con caso abiertos que se tienen hasta la fecha, es posible realizar

búsquedas por fecha en caso de ser necesario.

Figura 24. Modulo Casos Abiertos

Casos Cerrados

Este módulo realiza la función similar al módulo de casos abiertos, trae al área de trabajo

todos los casos cerrados como se observa en la figura 25.

Page 35: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

35

o

Figura 25. Modulo Casos cerrados

Cada uno de los casos cuenta con un link en el id de caso, que permite al usuario revisar

la trazabilidad de estos como se muestra en la figura 26.

Figura 26. Tabla de trazabilidad de casos cerrados.

Rutina

El módulo de rutina permite al operador llevar control de las actividades que tiene que

realizar en el turno para realizar un diagnóstico del estado de la red.

Checklist

Este aplicativo es un formulario dinámico en forma de checklist, como se muestra en la

figura 27, las tareas son traídas de una base de datos, dependiendo de la hora del día el

Page 36: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

36

aplicativo trae las actividades que tiene que realizar en el turno, esto proceso es

transparente para el usuario.

Figura 27. Módulo Checklist

Matriz de Pruebas

Este módulo muestra organizado en tablas una serie de cajas de verificación, como se

muestra en la figura 28, para que el usuario llene en caso de que la llamada de prueba sea

exitosa, en caso de que alguna de las pruebas falle el sistema enviará vía correo electrónico

al área encargada.

Figura 28. Módulo Matriz de Pruebas

Page 37: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

37

Eventos del Turno

Este módulo se diseñó para que el operador NOC tenga a la mano un lugar para llevar

anotaciones de los casos que crea que sean prioritarios, esto con el fin de que no se le

escape nada a la hora de entregar turno al siguiente operador, además le permite llevar un

control de eventos que aún no se tienen en cuenta en los procesos de la compañía

Figura 29. Eventos del turno

Eventos de Turnos Anteriores

Este módulo se diseñó para que el operador NOC tenga a la mano las anotaciones de los

casos que ocurrieron en anteriores turnos, esto con el fin de que este esté notificado de los

eventos que ocurrieron en turnos anteriores.

Figura 30. Módulo Eventos de Turnos Anteriores

Page 38: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

38

Trabajos Programados

Este es uno de los aplicativos más complejos y de más uso en el NOC, con el fin de cubrir

y llevar una trazabilidad de los mantenimientos preventivos, correctivos y trabajos de

expansión, que puedan afectar el correcto funcionamiento de la red, se produce este

módulo que tiene como función llevar el control de estos trabajos.

Generación TP

El módulo de generación de trabajos programados es implementado con el fin de identificar,

caracterizar y documentar los trabajos que se realicen sobre la red, este módulo cuenta con

un formulario que permite identificar el trabajo que se va a realizar y que zona de la red va

a ser afectada, esto se realiza ya que el operador tendrá acceso a un historial de las tareas

que se realizaran en el turno y necesita saber si es necesario escalar o no la eventualidad.

Figura 31. Módulo Matriz de Pruebas

Historial TP

Al acceder a este módulo, el usuario tendrá en la zona de trabajo una lista de los trabajos

programados que se han llevado a cabo, podrá editarlos accediendo a ellos en link que se

encuentra en la descripción, nótese que estos vienen caracterizados con un código de

colores que se había mencionado anteriormente en la figura 9. Esta lista está organizada

por fechas de la más reciente a la más antigua como se muestra en la figura 32.

Page 39: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

39

Figura 32. Módulo Historial TP

TP del día

Al acceder a este módulo, el usuario tendrá en la zona de trabajo una lista de los trabajos

programados que se realizaran en el día, podrá editarlos accediendo a ellos en link que se

encuentra en la descripción, nótese que estos vienen caracterizados con un código de

colores que se había mencionado anteriormente en la figura 9. Esta lista está organizada

por fechas de la más reciente a la más antigua como se muestra en la figura 33.

Figura 33. Módulo TP del día

El link de la descripción del que se habla anteriormente redirecciona a un formulario que

aparece en el área de trabajo en donde se carga los datos del trabajo que se quiere

modificar como se observa en la figura 34.

Page 40: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

40

Figura 34. Módulo Modificación Trabajos programados

Este módulo permite al usuario cambiar de estado si es necesario el trabajo programado,

estos estados están caracterizados en la figura 9. Dependiendo el estado en que este el

TP se desplegara un listado diferente como se visualiza en la figura 35.

Figura 35. Listado desplegable de estados.

LDS (Lector De Scripts)

El módulo más complicado es el lector de scripts, esto debido a que integra un desarrollo

en diferentes capas del modelo OSI, la función de este módulo es monitorear

constantemente que los distintos equipos estén funcionando de la manera correcta, entre

algunas de las funciones de los estos equipos es realizar la facturación de los servicios que

presta Avantel, por eso es de vital importancia el correcto funcionamiento del módulo y las

buenas prácticas de seguridad. En la figura 36 se muestra el aspecto general de este

módulo que se abre en una nueva pestaña.

Page 41: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

41

Figura 36. Aspecto general del módulo LDS.

En la ventana se pueden observar dos objetos importantes, el monitor de equipos y el lector

de scripts, el monitor de equipos es el encargado de monitorear cada 10 minutos que los

archivos de facturacion se esten generando de la manera correcta, mientra que haya

perdida de informacion se visualisaran de color verde mientra que si llega a presentarse un

evento de perdida de informacion, el equipo afectado tomara tonalidad roja o naranja

dependiendo el grado de afectacion, el boton que se encuentra en la parte inferior de cada

equipo nos llevara a ver el estado de cada uno de los archivos que se encuentran en el

equipo, figura 37.

Figura 37. Estado de los archivos que se encuentran en algunos equipos.

Page 42: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

42

Si es necesario el aplicativo cuenta con un visor general de los archivos, en la figura 38, en

la parte izquierda de la imagen se puede observar el archivo y en la parte derecha aparece

una sección de reportes en la que se visualizan las partes del archivo que se están viendo

afectadas.

Figura 38. Estado de los archivos que se encuentran en algunos equipos.

Page 43: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

43

ANÁLISIS DE RESULTADOS

Inicialmente para la aplicación fue concebida como un conjunto de módulos que se

interconectarían, pero no se centralizarían en una interfaz, luego de realizar pruebas con el

usuario final se observó que, si creaba una interfaz que los unificara todos de manera

rápida, se permitía mejorar considerablemente experiencia de usuario.

Los módulos fueron creciendo exponencialmente gracias a la realimentación inmediata que

se tenía por parte del usuario, además que la constante alimentación de las bases de datos

permitía a la aplicación desenvolverse manera más rápida.

La implementación de la aplicación web permitió mejorar los tiempos de respuesta por parte

del centro de operaciones de red, se mejoró la trazabilidad de los eventos que se presentan

a diario en la red, permitió que otras áreas del equipo técnico de Avantel tuvieran presentes

los antecedentes de cualquier equipo para realizar mantenimientos preventivos y así

garantizar la disponibilidad del servicio

A cada módulo del aplicativo se le realizaron múltiples pruebas para corroborar que los

resultados fueran correctos, además de colocar los mecanismos de seguridad para evitar

que los usuarios ingresen datos que el programa no pueda manejar.

El aplicativo se realizó bajo el paradigma web responsive, con el fin de que los usuarios

pudieran tener acceso desde cualquier dispositivo

Con el apoyo del director externo, se realizaron revisiones a la aplicación, con las cuales

fue posible realizar varias mejoras principalmente en la interfaz gráfica para darle una mayor

facilidad de uso a los usuarios de la plataforma.

De manera general se encontraron fallos en la aplicación, los cuales fueron resueltos

satisfactoriamente. Finalmente, en el transcurso de la pasantía se diseñaron 3 versiones de

la aplicación, donde la tercera posee todas las mejoras y avances que se realizaron en las

anteriores.

La versión final de la aplicación posee grandes ventajas para el desarrollo de la empresa,

ya que la forma en la que se desarrolló la aplicación le permite tener una gran proyección

a futuro, pudiendo ser la aplicación base de los procesos operativos de las áreas técnicas

de compañía.

Page 44: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

44

ALCANCES DEL TRABAJO

Se alcanzaron los temas referentes a los procesos del área que la empresa seleccionó, se

adicionaron además ciertas funciones adicionales para facilitar al usuario final el uso de la

aplicación.

Se automatizó el escalamiento de eventualidades con un formato de reporte interno que se

generó, se estandarizó algunos de procesos que en la compañía no se habían manejado.

El aplicativo web mejora los tiempos de respuesta a incidencias, lo cual se ve reflejado en

una mejor prestación del servicio, su fácil uso permite a los usuarios llevar un control y una

trazabilidad, que se ve reflejada a la hora de tomar decisiones a la hora de enfrentar una

eventualidad similar.

Uno de los módulos que se desarrolló permite tener un control de los equipos que se

encuentran en servicio, cuales tienen redundancia, cuáles no, que permiten a los jefes de

área tener más claro cuáles son los puntos débiles de la red de la compañía, y con esto

saber cuáles son más prioritarios.

Page 45: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

45

EVALUACIÓN Y CUMPLIMIENTO DE LOS OBJETIVOS DE LA PASANTÍA

Se elaboró la aplicación web que cumple con los requisitos previamente descritos, la

aplicación se encuentra actualmente en funcionamiento y se ha posicionado como una

herramienta necesaria para las labores del NOC.

Para el desarrollo de la aplicación se estudió de manera detallada los procedimientos del

área y se atacaron los puntos débiles. Uno de los puntos mejor tratados fue el

reconocimiento de la estructura de la red de comunicaciones de Avantel, con el fin de que

el módulo de LDS que se menciona en el documento se realizará de la manera más eficaz

posible con el fin de que no hubiera afectación en ninguno de los equipos.

Tras las múltiples revisiones y correcciones que se realizó de la aplicación, se contó con la

aprobación del director externo acerca del resultado final.

Page 46: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

46

CONCLUSIONES

Uno de los mayores beneficios que trae consigo periodo de pasantías es que ha significado

un gran complemento para la preparación del estudiante de ingeniería electrónica, debido

a que ha permitido incrementar su experiencia en el campo laboral antes de competir como

profesional.

Se han cumplido los requerimientos que se plantearon al inicio de la pasantía de manera

satisfactoria, además se ha aprovechado el tiempo en la empresa para conocer más sobre

temas relacionados en el medio.

El uso de aplicaciones web cada vez se hace más frecuente, ya que permiten que el usuario

pueda acceder a ellas de manera más rápida y sin necesidad de instalaciones sobre el

equipo del usuario, aparte de esto la aplicación web permiten la centralización de la

información.

Con las herramientas indicadas se puede logra una aplicativo que aparte de servir a los

procesos de la empresa se pueda integrar con muchas más herramientas en el caso del

proyecto realizado para esta pasantía se aplicativos de gestión de procesos y monitoreo,

pero las posibilidades se abren a todas las áreas de la compañía.

En cuanto a la implementación en la industria, tiene un gran potencial debido a que los se

llevan de manera más rápida y reduciendo la posibilidad de error en los resultados, aparte

que permite una integración con más áreas de distintas índoles.

El uso de una interfaz amigable y fluida generan cambios en la forma que los operadores

realizan sus funciones. el uso de metodologías agiles para la realización del proyecto

permite una continua evolución de la aplicación y a su vez brindar una mayor calidad en la

experiencia de usuario.

Page 47: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

47

RECOMENDACIONES.

A LA INSTITUCIÓN EDUCATIVA

Mejorar las oportunidades a los estudiantes que opten por este método de proyecto de

grado de encontrar empresa donde realizar la pasantía, ya que en la actualidad entidad

que se encarga de esta modalidad de grado aun cuenta con debilidades en el área de

relaciones interinstitucionales para las áreas de ingeniería, los estudiantes que optan por

este método de pasantía pueden tardar desde meses hasta años en encontrar la empresa

donde desean realizarla.

Realizar un fortalecimiento de las áreas administrativas que se prestan en la institución,

ya que aún los estudiantes cuentan con debilidades a la hora se salir a gerenciar

proyectos.

A LA EMPRESA

Seguir incentivando el ambiente familiar que poseen, ya que durante la pasantía he

logrado sentir una gran aceptación por parte de todos, aunque la disposición de las

distintas sedes hace difícil una adecuada comunicación con las demás sedes de la

compañía.

Continuar aceptando solicitudes de pasantes puesto que brindan a los estudiantes

grandes oportunidades para introducirse a un ambiente laboral.

Page 48: DISEÑO DE PLATAFORMA WEB PARA EL NETWORK …repository.udistrital.edu.co/bitstream/11349/6474/1/LopezClopatofksyKevinDanilo2017.pdfto talk, internet dedicado a través de la red de

DISEÑO DE PLATAFORMA WEB PARA EL NETWORK OPERATION

CENTER (NOC) DE AVANTEL S.A.S

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

48

Bibliografía

Contributors, M. (06 de 02 de 2016). MOZILLA DEVELOPER NETWORK. Obtenido de https://developer.mozilla.org/es/docs/Web/Guide/HTML/Introduction_alhtml

Domínguez-Dorado, M. (2005). Todo Programación. En Bases de datos en el cliente con JavaScript DB (págs. 48-51). Madrid: Iberprensa.

Hess, K. (06 de 12 de 2016). ADMIN Network & Security. Obtenido de http://www.admin-magazine.com/Articles/Automating-with-Expect-Scripts

The PHP Group. (06 de 12 de 2016). PHP. Obtenido de http://php.net/manual/es/intro-whatis.php

Anonimo. (12 de Octubre de 2013). stefanini. Recuperado el 2016 de 08 de 27, de https://stefanini.com/es/2013/10/noc-network-operation-center/

Consejo académico. (28 de Julio de 2015). Acuerdo N° 038. 3-4. Bogotá D.C., Colombia: Universidad Distrital Francisco José de Caldas.

Crockford, D. (2009). Functional JavaScript. (Blip.tv., Editor) Recuperado el 7 de agosto de 2016, de http://web.archive.org/web/20091010053403/http://www.blinkx.com/video/douglas-crockford-on-functional-javascript/xscZz8XhfuNQ_aaVuyUB2A

Escalas, P. D. (8 de agosto de 2016). 9 aspectos clave a tener en cuenta a la hora de crear una página web. (Mandarinacreativos, Editor) Obtenido de http://www.mandarinacreativos.com/blog/pasos-para-crear-una-web

Php.net. (s.f.). ¿Qué es PHP? Recuperado el 8 de agosto de 2019, de http://php.net/manual/es/intro-whatis.php

Telect, I. (2010). DXS-1 Tecnical Reference Guide. 1730 N Madson St., Liberty Lake, Washington.

webdsgnandmore. (s.f.). Qué es diseño web? (W. D. more, Editor) Recuperado el 7 de Agosto de 2016, de https://webdesignerandmore.wordpress.com/2012/09/25/que-es-diseno-web/