Изменения документа Диаграммы Схемы Графики

Редактировал(а) Coluns 31.03.2023
От версии 5.1
отредактировано hrapitan
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев
К версии 10.1
отредактировано hrapitan
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -2,7 +2,7 @@
2 2  {{toc start="2"/}}
3 3  {{/box}}
4 4  
5 -== Возможности платформы ==
5 +== **Возможности платформы** ==
6 6  
7 7  Платформа XWiki предоставляет богатый инструментарий для работы с разнообразными диаграммами, схемами и графиками. При этом у нас есть возможность рисовать их в графическом редакторе, визуализировать на основе данных, либо использовать языки построения диаграмм. Все эти фичи реализованы с помощью специальных расширений и макросов.
8 8  
... ... @@ -14,8 +14,9 @@
14 14  
15 15  Рассмотрим все эти инструменты по порядку.
16 16  
17 +----
17 17  
18 -== Отрисовка диаграмм в визуальном редакторе draw.io ==
19 +== **Отрисовка диаграмм в визуальном редакторе draw.io** ==
19 19  
20 20  Расширение "**Diagram**"  позволяет рисовать диаграммы и схемы непосредственно в XWiki, используя визуальный редактор draw.io. Несколько вводных о нем дано в [[статье "В XWiki можно легко создавать диаграммы">>doc:Stati.Metodiki-primeneniia-XWiki.V-XWiki-mozhno-legko-sozdavat-diagrammy.WebHome]], рассмотрим его здесь немного подробнее.
21 21  
... ... @@ -52,12 +52,182 @@
52 52  
53 53  Вот таким образом мы можем использовать встроенный визуальный редактор диаграмм draw.io.
54 54  
56 +----
55 55  
56 -== Работа с диаграммами на языке UML ==
58 +== **Работа с диаграммами на языке UML** ==
57 57  
58 -Кроме рисования в визуальном редакторе draw.io, наша инфосреда позволяет создавать диаграммы, используя [[язык UML>>url:https://ru.wikipedia.org/wiki/UML]].
60 +Кроме рисования в визуальном редакторе draw.io, платформа XWiki позволяет создавать диаграммы, используя [[язык UML>>url:https://ru.wikipedia.org/wiki/UML]].
59 59  
60 60  Для этого предназначен специальный макрос "**PlantUML**", позволяющий отображать диаграммы и схемы, описанные языком UML. Работа с ним чрезвычайно проста: вы помещаете этот макрос в нужную позицию статьи и вносите в него описание диаграммы на языке UML.
61 61  
62 62  
63 -
65 +[[image:2023-02-18_17-41-18.png]]
66 +
67 +
68 +То же самое можно сделать, перейдя с помощью кнопки  [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса:
69 +
70 +(% bis_skin_checked="1" class="box" %)
71 +(((
72 +~{~{plantuml}}
73 +//описание диаграммы на языке UML//
74 +~{~{/plantuml}}
75 +)))
76 +
77 +Адрес сервера обработки указывать не нужно, он задан в админке XWIKI. Но если вдруг после сохранения статьи визуализация не происходит — проверьте код UML и, если он в порядке, попробуйте указать адрес сервера обработки UML вручную.
78 +
79 +=== Примеры использования PlantUML ===
80 +
81 +==== Блок-схема ====
82 +
83 +{{example}}
84 +{{plantuml}}
85 +
86 +@startuml
87 +
88 +start
89 +
90 +:Check eax.me for new posts;
91 +
92 +while (There are new posts?) is (Yes);
93 + :Read one post;
94 + :Share;
95 + :Leave comments;
96 +endwhile (No);
97 +
98 +stop
99 +
100 +@enduml
101 +
102 +{{/plantuml}}
103 +{{/example}}
104 +
105 +
106 +==== Диаграмма состояний ====
107 +
108 +{{example}}
109 +{{plantuml}}
110 +@startuml
111 +[*] -> State1
112 +State1 --> State2 : Succeeded
113 +State1 --> [*] : Aborted
114 +State2 --> State3 : Succeeded
115 +State2 --> [*] : Aborted
116 +state State3 {
117 + state "Accumulate Enough Data" as long1
118 + long1 : Just a test
119 + [*] --> long1
120 + long1 --> long1 : New Data
121 + long1 --> ProcessData : Enough Data
122 + State2 --> [H]: Resume
123 +}
124 +State3 --> State2 : Pause
125 +State2 --> State3[H*]: DeepResume
126 +State3 --> State3 : Failed
127 +State3 --> [*] : Succeeded / Save Result
128 +State3 --> [*] : Aborted
129 +@enduml
130 +
131 +{{/plantuml}}
132 +{{/example}}
133 +
134 +
135 +==== Диаграмма последовательности ====
136 +
137 +{{example}}
138 +{{plantuml}}
139 +
140 +@startuml
141 +
142 +actor User
143 +participant Nginx
144 +participant Application
145 +database PostgreSQL
146 +
147 +autonumber 1
148 +User -> Nginx: GET / HTTP/1.0
149 +Nginx -> Application: GET / HTTP/1.0
150 +Application -> PostgreSQL: SELECT * FROM ...
151 +PostgreSQL --> Application: (A LOT OF DATA)
152 +Application --> Nginx: HTTP/1.0 200 OK
153 +Nginx --> User: HTTP/1.0 200 OK
154 +
155 +@enduml
156 +
157 +{{/plantuml}}
158 +{{/example}}
159 +
160 +
161 +==== Временная диаграмма ====
162 +
163 +{{example}}
164 +{{plantuml}}
165 +
166 +@startuml
167 +scale 5 as 150 pixels
168 +
169 +clock clk with period 1
170 +binary "enable" as en
171 +binary "R/W" as rw
172 +binary "data Valid" as dv
173 +concise "dataBus" as db
174 +concise "address bus" as addr
175 +
176 +@6 as :write_beg
177 +@10 as :write_end
178 +
179 +@15 as :read_beg
180 +@19 as :read_end
181 +
182 +
183 +@0
184 +en is low
185 +db is "0x0"
186 +addr is "0x03f"
187 +rw is low
188 +dv is 0
189 +
190 +@:write_beg-3
191 + en is high
192 +@:write_beg-2
193 + db is "0xDEADBEEF"
194 +@:write_beg-1
195 +dv is 1
196 +@:write_beg
197 +rw is high
198 +
199 +
200 +@:write_end
201 +rw is low
202 +dv is low
203 +@:write_end+1
204 +rw is low
205 +db is "0x0"
206 +addr is "0x23"
207 +
208 +@12
209 +dv is high
210 +@13
211 +db is "0xFFFF"
212 +
213 +@20
214 +en is low
215 +dv is low
216 +@21
217 +db is "0x0"
218 +
219 +highlight :write_beg to :write_end #Gold:Write
220 +highlight :read_beg to :read_end #lightBlue:Read
221 +
222 +db@:write_beg-1 <-> @:write_end : setup time
223 +db@:write_beg-1 -> addr@:write_end+1 : hold
224 +@enduml
225 +
226 +
227 +{{/plantuml}}
228 +{{/example}}
229 +
230 +
231 +----
232 +
233 +== **Визуализация данных с помощью Chart Extension** ==
234 +
2023-02-18_17-41-18.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +208.9 KB
Содержимое