PlantUML: различия между версиями

Материал из Поле цифровой дидактики
 
(не показано 20 промежуточных версий этого же участника)
Строка 1: Строка 1:
https://crashedmind.github.io/PlantUMLHitchhikersGuide/
{{DigitalTool
 
|Description=PlantUML позволяет генерировать диаграммы (по большей части в нотации UML) в виде текста, описывающего элементы и связи между ними.
=== Не работают русские буковки внутри ===
|Affordances=Может быть использован в веб-версии, как отдельно установленный редактор, как расширение внутри MediaWiki
<uml>
* библиотека примеров https://plantuml.com/ru-dark/sequence-diagram
{{
* PlantUML может показывать не только UML диаграммы
@startuml
** https://plantuml.com/json JSON данные - связка с анализом вики статей
** https://plantuml.com/creole - Creole - wiki разметка
** https://plantuml.com/mindmap-diagram
|Difficult=Необходимо знание синтаксиса языка
* Не все возможности доступны на вики площадке
|Область применения=образование
|Clarifying_video=https://www.youtube.com/watch?v=di6q2V8YS1A
|Website=https://plantuml.com/
|End users=Учащиеся, Преподаватели, Разработчики
|Tool is made for=диаграммы
|launch year=2009
|distant_collab=Нет
|Language_Ru_Eng=English
|AI=Нет
}}


caption Figure 1
; Другие инструменты для построения диаграмм
Alice -> Bob: Hello
{{#ask: [[Category:DigitalTool]] [[Tool is made for::диаграммы]]  }}


@enduml
; Рецепты, в которых использован PlantUML
 
: {{#ask: [[Категория:Scripting Tutorials]] [[Environment::PlantUML]]| format=ol  }}
}}
</uml>
----
----


<uml>
* https://en.wikipedia.org/wiki/PlantUML - подробное описание возможностей
{{
; Сервер для создания диаграмм
@startuml
: https://www.plantuml.com/plantuml - с возможностью сохранения диаграмм в формате png или svg
@startuml
header some header
 
footer some footer
 
title My title
 
caption This is caption
 
legend
The legend
end legend
 
archimate #Technology "VPN Server" as vpnServerA <<technology-device>>


rectangle GO #lightgreen
== Пример в вики ==
rectangle STOP #red
rectangle WAIT #orange
 
@enduml
 
 
 
@enduml
 
}}
</uml>
 
=== Class ===


<uml>
<uml>
{{
@startuml
@startuml
 
start
a -- b
if (condition A) then (yes)
 
  :Text 1;
elseif (condition B) then (yes)
  :Text 2;
  stop
(no) elseif (condition C) then (yes)
  :Text 3;
(no) elseif (condition D) then (yes)
  :Text 4;
else (nothing)
  :Text else;
endif
stop
@enduml
@enduml
}}
</uml>
</uml>


=== Диаграмма последовательности ===
* [[Как использовать песочницу MediaWiki API]]
<uml>
** [[Как представить JSON из API в виде диаграммы PlantUML]]
@startuml
a->b
@enduml
</uml>
 
 
<uml>
@startuml
 
@enduml
 
</uml>
@startuml
 
 
title Archimate Sample - Internet Browser
 
' Elements
Business_Object(businessObject, "A Business Object")
Business_Process(someBusinessProcess,"Some Business Process")
Business_Service(itSupportService, "IT Support for Business (Application Service)")
 
Application_DataObject(dataObject, "Web Page Data \n 'on the fly'")
Application_Function(webpageBehaviour, "Web page behaviour")
Application_Component(ActivePartWebPage, "Active Part of the web page \n 'on the fly'")
 
Technology_Artifact(inMemoryItem,"in memory / 'on the fly' html/javascript")
Technology_Service(internetBrowser, "Internet Browser Generic & Plugin")
Technology_Service(internetBrowserPlugin, "Some Internet Browser Plugin")
Technology_Service(webServer, "Some web server")
 
'Relationships
Rel_Flow_Left(someBusinessProcess, businessObject, "")
Rel_Serving_Up(itSupportService, someBusinessProcess, "")
Rel_Specialization_Up(webpageBehaviour, itSupportService, "")
Rel_Flow_Right(dataObject, webpageBehaviour, "")
Rel_Specialization_Up(dataObject, businessObject, "")
Rel_Assignment_Left(ActivePartWebPage, webpageBehaviour, "")
Rel_Specialization_Up(inMemoryItem, dataObject, "")
Rel_Realization_Up(inMemoryItem, ActivePartWebPage, "")
Rel_Specialization_Right(inMemoryItem,internetBrowser, "")
Rel_Serving_Up(internetBrowser, webpageBehaviour, "")
Rel_Serving_Up(internetBrowserPlugin, webpageBehaviour, "")
Rel_Aggregation_Right(internetBrowser, internetBrowserPlugin, "")
Rel_Access_Up(webServer, inMemoryItem, "")
Rel_Serving_Up(webServer, internetBrowser, "")
@enduml
 
----
* [[Graphviz]] - лучше работает с русскими буковками
* [[Archimate]] - возможность использовать все эти иконки внутри вики

Текущая версия на 14:54, 12 ноября 2023

Краткое описание инструмента PlantUML позволяет генерировать диаграммы (по большей части в нотации UML) в виде текста, описывающего элементы и связи между ними.
Возможности Может быть использован в веб-версии, как отдельно установленный редактор, как расширение внутри MediaWiki
Трудности использования Необходимо знание синтаксиса языка
  • Не все возможности доступны на вики площадке
Область знаний
Область применения образование
Поясняющее видео https://www.youtube.com/watch?v=di6q2V8YS1A
Веб-сайт https://plantuml.com/
Пользователи Учащиеся, Преподаватели, Разработчики
Используется для создания (проведения) диаграммы
Разработчик
Сообщество вокруг средства
Лицензия
Год первого релиза 2009
Совместное сетевое использование Нет
Какой язык основной English
Есть ли поддержка Искусственным Интеллектом Нет


Другие инструменты для построения диаграмм

Archimate, Compendium LD, Draw.io, FreeMind, Graphviz, Maps for MediaWiki, Mermaid, Miro, MscGen, PlantUML, RAWGraphs, TheBrain, VUE, WebGrid, Инструменты мотивации профессионального развития педагогических кадров

Рецепты, в которых использован PlantUML
  1. Как подготовить данные для библиометрического исследования
  2. Как представить JSON из API в виде диаграммы PlantUML
  3. Как представить вики статью в App Inventor
  4. Как представить схему процесса передачи сообщения при помощи PlantUML
Сервер для создания диаграмм
https://www.plantuml.com/plantuml - с возможностью сохранения диаграмм в формате png или svg

Пример в вики

Источник — http://digida.mgpu.ru/index.php?title=PlantUML&oldid=13308