SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
Micro-frontends & APIs with
Desarrollo de aplicaciones Cloud Native en Orange
Mariano Moreno & Alfredo García
24-25 September, 2019
2
¿Quiénes somos…?
Arquitectura end 2 end
Micro-frontends
Microservicios y APIs
Workflow end 2 end
Demo Time
1
1 2
3
4
6
5
3
Alfredo García Lavilla
Solutions Architect in
Orange Spain
Multistack cloud native solutions, APIs and
microservices. Kubernetes & Istio.
• linkedin.com/in/alfredo-garcia-lavilla
@agarcia
Quiénes somos...
Mariano Moreno Molina
Solutions Architect in
Orange Spain
Frontend solutions architect specialized in
components architectures with Angular.
linkedin/in/marianomorenomolina
@MarianoMorenoM1
4
Acerca de Orange
Nuestros datos principales
• Presente en 29 países
• Más de 260 M de clientes globales
• 20 M de clientes en España bajo 4
marcas comerciales
• Operador de Telco y (muy pronto) de
digital banking
5
¿Qué queremos conseguir?
Autonomía de
Equipos
Equipos de Front y
Back que pueden
trabajar en paralelo e
independientes.
Componentes
reutilizables
Crear un
ecosistema de Web
Components
reusables.
Automatizar
Desarrollo
Aumentar la
eficiencia al
automatizar tareas
de desarrollo.
Modelo API First
Tratar nuestras APIs
como productos y
diseñarlas para sus
usuarios.
Nuestra Arquitectura se ha diseñado para atender a
estos objetivos principales...
Arquitectura End 2 End
Frontales desacoplados
SPAs y aplicaciones mobile
híbridas con modelo de CMS
headless
Primamos la autonomía
de los equipos
Los frontales tienen capacidad de
desplegar hasta su propia lógica
de negocio mediante APIs de
Experiencia
APIs agrupadas en
capas según su función
Abstraemos la complejidad de
nuestros stacks/marcas mediante
APIs de Fachada.
Frameworks
Development Tools
Software quality
Artifacts build
Micro-Frontends
Api Gateway
Microservices Infra.
Microservices Dev.
Cloud Native Infra.
Microservicios y APIs
Workflow de desarrollo end 2 end
DEMO TIME
#DejaVolarTuTalento
AWS - Cloud Engineer
DevOps Engineer
Orange España
talento.es@orange.com

Más contenido relacionado

Similar a Microfrontends & APIs with LOVE - desarrollo de aplicaciones cloud native en orange

Similar a Microfrontends & APIs with LOVE - desarrollo de aplicaciones cloud native en orange (20)

Globant.
Globant.Globant.
Globant.
 
Desarrollo de Apps nativas multiplataforma con Xamarin
Desarrollo de Apps nativas multiplataforma con XamarinDesarrollo de Apps nativas multiplataforma con Xamarin
Desarrollo de Apps nativas multiplataforma con Xamarin
 
MuleSoft Madrid Meetup #2 slides 29th January 2020
MuleSoft Madrid Meetup #2 slides 29th January 2020MuleSoft Madrid Meetup #2 slides 29th January 2020
MuleSoft Madrid Meetup #2 slides 29th January 2020
 
Global integration bootcamp 2018 - Gobierno de APIs
Global integration bootcamp 2018 - Gobierno de APIsGlobal integration bootcamp 2018 - Gobierno de APIs
Global integration bootcamp 2018 - Gobierno de APIs
 
Global Integration Bootcamp 2018 - Gobierno de APIs
Global Integration Bootcamp 2018 - Gobierno de APIsGlobal Integration Bootcamp 2018 - Gobierno de APIs
Global Integration Bootcamp 2018 - Gobierno de APIs
 
Webinar La Innovación y la Transformación Digital son Posibles.
Webinar La Innovación y la Transformación Digital son Posibles.Webinar La Innovación y la Transformación Digital son Posibles.
Webinar La Innovación y la Transformación Digital son Posibles.
 
Presentacion eraltech 2017
Presentacion eraltech  2017Presentacion eraltech  2017
Presentacion eraltech 2017
 
Tendencias en gestión y analítica de datos para el negocio
Tendencias en gestión y analítica de datos para el negocioTendencias en gestión y analítica de datos para el negocio
Tendencias en gestión y analítica de datos para el negocio
 
Iber cloudhermes
Iber cloudhermesIber cloudhermes
Iber cloudhermes
 
Mis APIs. Tus APIs. Las APIs de todos.
Mis APIs. Tus APIs. Las APIs de todos.Mis APIs. Tus APIs. Las APIs de todos.
Mis APIs. Tus APIs. Las APIs de todos.
 
Ricardo Rodriguez - eCommerce Day Republica Dominicana Online [Live] Experience
Ricardo Rodriguez - eCommerce Day Republica Dominicana Online [Live] ExperienceRicardo Rodriguez - eCommerce Day Republica Dominicana Online [Live] Experience
Ricardo Rodriguez - eCommerce Day Republica Dominicana Online [Live] Experience
 
Programa Superior en Internet de las Cosas e Industria 4.0
Programa Superior en Internet de las Cosas e Industria 4.0Programa Superior en Internet de las Cosas e Industria 4.0
Programa Superior en Internet de las Cosas e Industria 4.0
 
Ppt software
Ppt softwarePpt software
Ppt software
 
El Rol del Desarrollador en la Transformación Digital
El Rol del Desarrollador en la Transformación DigitalEl Rol del Desarrollador en la Transformación Digital
El Rol del Desarrollador en la Transformación Digital
 
Contratar desarrollador fullstack.pdf
Contratar desarrollador fullstack.pdfContratar desarrollador fullstack.pdf
Contratar desarrollador fullstack.pdf
 
Ricoh empresa de producto a empresa de servicios 9 de mayo 2013
Ricoh empresa de producto a empresa de servicios 9 de mayo 2013Ricoh empresa de producto a empresa de servicios 9 de mayo 2013
Ricoh empresa de producto a empresa de servicios 9 de mayo 2013
 
Zemsania DBT 2015
Zemsania DBT 2015Zemsania DBT 2015
Zemsania DBT 2015
 
Emprendimiento en internet y startups 2017
Emprendimiento en internet y startups 2017Emprendimiento en internet y startups 2017
Emprendimiento en internet y startups 2017
 
Mercadoindustrial.es Nº 135 Julio 2019
Mercadoindustrial.es Nº 135 Julio 2019Mercadoindustrial.es Nº 135 Julio 2019
Mercadoindustrial.es Nº 135 Julio 2019
 
Presentación del Academic Initiative for Cloud de IBM - Si enseñas o estudias...
Presentación del Academic Initiative for Cloud de IBM - Si enseñas o estudias...Presentación del Academic Initiative for Cloud de IBM - Si enseñas o estudias...
Presentación del Academic Initiative for Cloud de IBM - Si enseñas o estudias...
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (15)

Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
10°8 - Avances tecnologicos del siglo XXI
10°8 - Avances tecnologicos del siglo XXI10°8 - Avances tecnologicos del siglo XXI
10°8 - Avances tecnologicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 

Microfrontends & APIs with LOVE - desarrollo de aplicaciones cloud native en orange

  • 1. Micro-frontends & APIs with Desarrollo de aplicaciones Cloud Native en Orange Mariano Moreno & Alfredo García 24-25 September, 2019
  • 2. 2 ¿Quiénes somos…? Arquitectura end 2 end Micro-frontends Microservicios y APIs Workflow end 2 end Demo Time 1 1 2 3 4 6 5
  • 3. 3 Alfredo García Lavilla Solutions Architect in Orange Spain Multistack cloud native solutions, APIs and microservices. Kubernetes & Istio. • linkedin.com/in/alfredo-garcia-lavilla @agarcia Quiénes somos... Mariano Moreno Molina Solutions Architect in Orange Spain Frontend solutions architect specialized in components architectures with Angular. linkedin/in/marianomorenomolina @MarianoMorenoM1
  • 4. 4 Acerca de Orange Nuestros datos principales • Presente en 29 países • Más de 260 M de clientes globales • 20 M de clientes en España bajo 4 marcas comerciales • Operador de Telco y (muy pronto) de digital banking
  • 5. 5 ¿Qué queremos conseguir? Autonomía de Equipos Equipos de Front y Back que pueden trabajar en paralelo e independientes. Componentes reutilizables Crear un ecosistema de Web Components reusables. Automatizar Desarrollo Aumentar la eficiencia al automatizar tareas de desarrollo. Modelo API First Tratar nuestras APIs como productos y diseñarlas para sus usuarios. Nuestra Arquitectura se ha diseñado para atender a estos objetivos principales...
  • 6. Arquitectura End 2 End Frontales desacoplados SPAs y aplicaciones mobile híbridas con modelo de CMS headless Primamos la autonomía de los equipos Los frontales tienen capacidad de desplegar hasta su propia lógica de negocio mediante APIs de Experiencia APIs agrupadas en capas según su función Abstraemos la complejidad de nuestros stacks/marcas mediante APIs de Fachada.
  • 8. Api Gateway Microservices Infra. Microservices Dev. Cloud Native Infra. Microservicios y APIs
  • 11.
  • 12. #DejaVolarTuTalento AWS - Cloud Engineer DevOps Engineer Orange España talento.es@orange.com