Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf ·...

23
LISP Visualizer with NeXt UI PAE - FIB ‘16 Guillem, Òscar, Aitor, Sergi

Transcript of Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf ·...

Page 1: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

LISP Visualizer with NeXt UI

PAE - FIB ‘16

Guillem, Òscar, Aitor, Sergi

Page 2: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

1. Objetivo

Cisco nos pidió la creación de una herramienta de visualización para el Módulo LISP de OpenDayLight usando el framework NeXt UI de Cisco.

2

Page 3: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

2. Introducción- SDN

Software-Defined Networking (SDN) es un movimiento industrial cuyo objetivo es el de construir redes programables que sean flexibles y que cumplan con las necesidades de las organizaciones y usuarios.

Las capas de control y de datos están separadas.

3

Page 4: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

2. Introducción- Opendaylight

Alta disponibilidad

Modular

Extensible

Escalable

Multi-protocolo

→ controllador

4

Page 5: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

2. Introducción - LISP Flow Mapping

Permite extraer la capa física y definir una capa virtual con una topología diferente (algunos casos de uso: VPN, control de tráfico, balanceo de carga etc.)

5

Page 6: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

3. Estructura del Equipo

División en dos grupos de trabajo:

Protocolo LISP e interacción entre sus componentes

- Oscar y Sergi

Desarrollo de la aplicación

- Aitor y Guillem

Page 7: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

4. Arquitectura de la aplicación

● Framework básico:

○ UI:

○ Topología:

○ REST API: LISP communication service

7

Page 8: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

5. Prototipo inicial

Vista principal de la topología: Cada nube es un EID

Page 9: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

5. Prototipo inicial

Selección de un EID: Se muestran los RLOC que contiene

Page 10: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

5. Prototipo inicial

Selección de un RLOC: Se muestran los EID a los que puede llegar

Page 11: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

6. Problemas del prototipo inicial

● No podía mostrar una red de forma correcta

● No tienen porqué formar una full mesh

● No se tenía en cuenta los xTR

Page 12: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Vista principal

Page 13: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto finalBuscador de nodos

Page 14: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Selector de VN-id

Page 15: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Selección de un EID

Page 16: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Selección de un XTR

Page 17: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Selección de un RLOC

Page 18: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

7. Producto final

Mappings creados en ODL

Page 19: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

8. Problemas encontrados y soluciones

● Comprensión de las tecnologías ODL / LISP✓ Estudio de los conceptos y su relación, consultas con

el profesor● Documentación NeXt UI: solo DEMO, API doc. poco

descriptiva, en constante proceso de revisión● Diseño de la interfaz de visualización de los elementos

de la red ✓ Prototipo inicial, feedback con el profesor y la

empresa

19

Page 20: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

9. Lecciones aprendidas

● Funcionamiento de NeXt UI

● Protocolo LISP

● API call management

● Angular JS

20

Page 21: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

10. Relación con la empresa/profesorado

- Debido a la diferencia horaria y la lengua, el contacto

con nuestros tutores en la empresa no ha sido fácil.

- Reuniones con la empresa mediante videollamada en el

despacho del profesor.

- Diversas reuniones con Alberto para aclarar ideas y

conceptos.

21

Page 22: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

11. Conclusiones

● Mejora de la visualización de la información de LISP

● Aprendizaje de nuevas tecnologías (Next UI, ODL, ...)

● Nueva experiencia con empresa internacional

Page 23: Guillem, Òscar, Aitor, Sergi PAE - FIB ‘16docencia.ac.upc.edu/FIB/grau/PAE/Slides_Cisco.pdf · 2017-01-31 · Guillem, Òscar, Aitor, Sergi. 1.Objetivo Cisco nos pidió la creación

23

Gracias por su atención