AMINATA SIDIBE / Head of Interaction Development

nexum AG – www.nexum.de

MAXIMUM SCALABLE PROJECTS

2

THEMEN

Alter Hut, darum nur zusammengefasst: Atomic Design

Machen wir grad, hot shit und so: Webcomponents & Headless Systeme (Zusammenfassung)

Neu! Neu! Neu! Microservices

3

Constantin Brancusi (Romanian sculptor, painter and photographer)

Simplicity is Complexity resolved

4

Zwei Hebel um Komplexitäten zu managen:

People

Tools Processes

Standards

Zuständigkeiten

People

Technology Processes

Standards

Zuständigkeiten

7

Projekte

Atomic Design

Headless Systeme

Microservices Webcomp

onents

Atlassian Tools

PROJEKT-ORBIT

8

Projekte

Atomic Design

Atlassian Tools

PROJEKT-ORBIT

9

ATOMIC DESIGN (ZUSAMMENFASSUNG)

Guter Denkansatz kombiniert mit neusten Technologien

Gute Strukturierung

Maximale Modularität

Automatisierung durch selbstgebautes Tool Atomic Generator

Guter Service für unsere Kunden

Kommunikationserleichterung

10

An der Stelle die Info: Wir erweitern den Atomic Generator

11

Projekte Atomic

Design

Webcomponents

Atlassian Tools

PROJEKT-ORBIT

Headless Systeme

12

FRAMEWORKS UND LIBRARIES

13

Zusammenfassung:Webcomponents sind eine gute Idee

14

Projekte

Atomic Design

Headless Systeme

Microservices

Webcomponents

Atlassian Tools

PROJEKT-ORBIT

15

Was sind microservices?

16

(O‘Reilly)

Small and focused on doing one thing well!

17

MONOLITHIC SYSTEMS

CMS

DB

Page Renderer / Template Engine

Website

18

19

BEISPIEL

Mircroservice 1: {apiURL}/getUserNamebyID/{id}

Microservice 2 : {apiURL}/getIDbyUserName/{userName}

20

Maximale Entwicklungszeit: ~2 Wochen

(wird in Projekten definiert)

21

VORTEILE

Es tut nicht so weh Code wegzuwerfen

Entwickler kommt in keinen Tunnel

Somit steigt automatisch die Qualität

Sehr gut testbar

22

Bäh, schon wieder so ein Entwickler-Ding

23

Nä!

24

Mal am Rande: wir erzählen hier nur Dinge, die eigentlich uns alle betreffen ;)

25

Monolithische Systeme und Team-Flows

26

MONOLITHIC SYSTEMS

27

MONOLITHIC SYSTEMS

28

MONOLITHIC SYSTEMS

29

MONOLITHIC SYSTEMS

30

Microservices und Teamflows

31

MICROSERVICES

User/Account Services Product Services Cart Services Order Services

DB DBDB DB

Output (eg. Webcomponents

Output (eg. Webcomponents

Output (eg. Webcomponents

Output (eg. Webcomponents

Browser / App / Client

32

MICROSERVICES

User/Account Services Product Services Cart Services Order Services

DB(Mongo)

DB(mysql)

DB(Postgres)

DB(…)

Usw.

Projekt-Proxy

Server 1 Server 2 Server 3 Server 4

600 Microservices

+ React, falls ihr es wieder vergessen haben solltet

35

36

HILTON VS. AIR BNB

11,3 Billion Dollar(2015)

24 Billion Dollar(2015)

37

Microservices könnten uns auch helfen aus Relaunch-Modi rauszukommen

38

Zusammenfassung

39

Alan Kay

(American computer scientist / Pioneer on object-oriented programming and windowing graphical user interface design)

Simple things should be simple, complex things should be possible.

Technologien & Frameworks

Workflow, Task-Management und Deployment

Enterprise Websites Enterprise Applikationen Innovation, Inspiration (nexum Labs)

Atomic-Generator

Qualitätssicherung & Automatisiertes Testen

Patternlab

ioT WebGL

41

BILDQUELLE

Bienenwaben: Todd Huffmannhttps://commons.wikimedia.org/wiki/File:Todd_Huffman_-_Lattice_(by).jpg

Netflix Tech Stackhttp://www.embarc.de/netflix-architektur-blogserie-teil-2-microservices/

AMINATA SIDIBE / Head of Interaction Development

nexum AG – www.nexum.de

MAXIMAL SKALIERBARE PROJEKTE