Архитектура

как? когда? зачем?

Обо мне

  • 12+ опыта разработки
  • Фулл-стек разработчик
  • Член ПК HolyJS
  • Волонтер

Созидательное общество

Вопросы?

  1. UML 
  2. полезные диаграммы для веба
  3. Archimate
  4. реверс-инжинеринг
  5. автогенерация

Структура

Архитектура

 

Любая организация, которая разрабатывает систему (в широком смысле),
вынуждена создавать проекты, структуры которых являются копией структуры связей организации

закон Конвея, 1968

 

Web Architecture

 

Сложная рабочая система неизменно получается из простой рабочей системы. Сложная система, разработанная с нуля, никогда не работает. И никакие улучшения не заставят ее работать. Начинать следует с простой рабочей системы

 закон Голла, 1986

 

Что почитать

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.

UML

  1. uses case
  2. user story
  3. requirements analysis
  4. non-functional requirement

UML 1.0 - 01/1997

sequence diagram

websequencediagrams.com

title Backend for frontend

alt main.js
    User -> Server: request
    Server -> Server: generate session
    Server -> User: response + session
    note left of Server
        main.js
    end note
else en.json with opened session
    Server -> Server: validate session
    Server -> Keycloak: 
    note right of User
        token
    end note
else en.json with no session
    Server -> Server: validate session
    
    Server -> Keycloak: 
    note right of User
        token
    end note
end

Confluence - PlantUML Macro

@startuml

title Backend for frontend

actor "User" as U
participant "Browser" as B
participant "CDN" as CDN

group Open UI Portal at very first time
U -> B: Open UI Portal
B -> CDN: index.html
CDN -> B: index.html
B -> CDN: main.js
CDN -> B: main.js
B -> B: Angular Keycloak Service
end

@enduml
  1. uses case
  2. user story
  3. requirements analysis
  4.  

 

good for you

  Use Case diagram

  Use Case diagram

Deployment diagram

Deployment diagram

Deployment diagram

Statechart diagram

Statechart diagram

The Most Popular Diagram and Charting Tools for Confluence

 

1.) Draw.Io Flowchart & Diagram Maker for Confluence

2.) Gliffy Diagrams for Confluence

3.) Lucidchart for Confluence Diagramming

4.) SmartDraw for Automatic Diagramming in Confluence

ArchiMate

Title Text

Travis CI & Docker

Cloud Functions

???

Made with Slides.com