Architektura systému » Historie » Verze 32
Ondřej Váně, 2020-03-30 09:52
1 | 1 | Ondřej Váně | h1. Architektura systému |
---|---|---|---|
2 | 2 | Ondřej Váně | |
3 | 5 | Ondřej Váně | * Systému bude rozdělen do třech základních částí, které mezi sebou budou komunikovat pomocí REST API (JSON). |
4 | 6 | Ondřej Váně | ** Frontend - Angular, TypeScript |
5 | ** Backend - Spring, Java |
||
6 | ** Souborová databáze - Apache Solr |
||
7 | 7 | Ondřej Váně | * Každá jednotlivá část bude spuštěna v dockeru kontejneru. |
8 | 8 | Ondřej Váně | * Architektura systému je znázorněna na obrázku níže. |
9 | 3 | Ondřej Váně | |
10 | 4 | Ondřej Váně | !architecture.png! |
11 | 9 | Ondřej Váně | |
12 | 10 | Ondřej Váně | h1. Komunikační protokol v.1 |
13 | 11 | Ondřej Váně | |
14 | * Jednotlivé zprávy budou zasílány ve fromátu JSON |
||
15 | * Komunikace bude probíhat pomocí HTTP protokolu |
||
16 | * Budou využívány návratové HTTP kódy stavů (200, 400, 500, atd.) - později bude upřesněno |
||
17 | 32 | Ondřej Váně | * Návrh komunikace na obrázku níže. |
18 | |||
19 | h2. REST API - URL |
||
20 | |||
21 | */search :POST => hledání výrazu v dokuemntech |
||
22 | */documents. :POST => přídání nového dokumentu a obrázku |
||
23 | */documents: :GET => vypsání všech dokumetů (název, datum, atd.) jen základní info |
||
24 | 11 | Ondřej Váně | |
25 | !kom_protokol.png! |
||
26 | 12 | Ondřej Váně | |
27 | * Struktura jednotlivých zpráv |
||
28 | ** Query message: |
||
29 | 14 | Ondřej Váně | <pre><code class="json"> |
30 | { |
||
31 | 15 | Ondřej Váně | "query": "hledaný výraz", |
32 | "date": "čas odeslání dotazu" |
||
33 | |||
34 | } |
||
35 | </code></pre> |
||
36 | ** Query to Solr message: |
||
37 | <pre><code class="json"> |
||
38 | { |
||
39 | 17 | Ondřej Váně | "query": "Pole pro vyhledávání : hledaný výraz" |
40 | 15 | Ondřej Váně | |
41 | } |
||
42 | </code></pre> |
||
43 | ** Query result from Solr: |
||
44 | <pre><code class="json"> |
||
45 | 19 | Ondřej Váně | { |
46 | 22 | Ondřej Váně | "IdDocument":"id dokumentu", |
47 | "TextRegion":{ |
||
48 | "PlainText":"text region", |
||
49 | "Coords":"koordináty regionu", |
||
50 | "TextLine":[ |
||
51 | { |
||
52 | "PlainText":"text line", |
||
53 | "Coords":"koordináty řádky", |
||
54 | "TextWord":[ |
||
55 | { |
||
56 | "PlainText":"text word", |
||
57 | "Coords":"koordináty slova" |
||
58 | } |
||
59 | ] |
||
60 | } |
||
61 | ] |
||
62 | } |
||
63 | } |
||
64 | 15 | Ondřej Váně | </code></pre> |
65 | |||
66 | ** Query response: |
||
67 | <pre><code class="json"> |
||
68 | 23 | Ondřej Váně | { |
69 | "IdDocument":"id dokumentu", |
||
70 | "DocumentImage":"Obrázek v Base64", |
||
71 | "TextRegion":{ |
||
72 | "PlainText":"text region", |
||
73 | "Coords":"koordináty regionu", |
||
74 | "TextLine":[ |
||
75 | { |
||
76 | "PlainText":"text line 1", |
||
77 | "Coords":"koordináty řádky", |
||
78 | "TextWord":[ |
||
79 | { |
||
80 | "PlainText":"text word 1", |
||
81 | "Coords":"koordináty slova" |
||
82 | } |
||
83 | ] |
||
84 | } |
||
85 | ] |
||
86 | } |
||
87 | 14 | Ondřej Váně | } |
88 | 13 | Ondřej Váně | </code></pre> |
89 | 24 | Ondřej Váně | |
90 | h1. UI návrh |
||
91 | 25 | Ondřej Váně | |
92 | 28 | Ondřej Váně | * Návhr v PDF "Zde":https://drive.google.com/open?id=1-IpTV9p6A5I20Y_y9zQyk8e-pg8Vzzol |
93 | 26 | Ondřej Váně | * Pokud chcete klikací verzi návrh UI, tak napište Ondřej Váně |
94 | 29 | Ondřej Váně | * Screeny níže |
95 | |||
96 | 31 | Ondřej Váně | h2. Home => / |
97 | 1 | Ondřej Váně | !screen_1.png! |
98 | 31 | Ondřej Váně | |
99 | h2. Search => /search |
||
100 | 1 | Ondřej Váně | !screen_2.png! |
101 | 31 | Ondřej Váně | |
102 | h2. Documents => /documents |
||
103 | 1 | Ondřej Váně | !screen_3.png! |
104 | 31 | Ondřej Váně | |
105 | h2. About dialog => / |
||
106 | 30 | Ondřej Váně | !screen_4.png! |
107 | 31 | Ondřej Váně | |
108 | h2. Help => /help |
||
109 | 30 | Ondřej Váně | !screen_5.png! |