|
|
| Line 1: |
Line 1: |
| Test 1 - BlockDiag s groups a span:
| | Custom SVG Architecture Diagram: |
|
| |
|
| <kroki lang="blockdiag">
| | [[File:VoIPmonitor_Architecture.svg|center|600px]] |
| blockdiag {
| |
| node_width = 180;
| |
| node_height = 50;
| |
| span_width = 60;
| |
| span_height = 40;
| |
| default_fontsize = 13;
| |
| | |
| Network [label = "Network\nSIP/RTP/WebRTC", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
| |
| Sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff", linecolor = "#00A7E3"];
| |
| MySQL [label = "MySQL/MariaDB\nCDR Storage", color = "#ffffff", linecolor = "#f78d1d"];
| |
| PCAP [label = "PCAP\nRecordings", color = "#ffffff", linecolor = "#f78d1d"];
| |
| GUI [label = "Web GUI\nAnalysis & Reports", color = "#ffffff", linecolor = "#00A7E3"];
| |
| | |
| Network -> Sensor -> MySQL;
| |
| Sensor -> PCAP;
| |
| GUI -> MySQL;
| |
| GUI -> PCAP;
| |
| | |
| group {
| |
| orientation = portrait;
| |
| MySQL; PCAP;
| |
| }
| |
| }
| |
| </kroki>
| |
| | |
| Test 2 - BlockDiag landscape:
| |
| | |
| <kroki lang="blockdiag">
| |
| blockdiag {
| |
| orientation = landscape;
| |
| node_width = 160;
| |
| node_height = 50;
| |
| default_fontsize = 12;
| |
| | |
| Network [label = "Network\nSIP/RTP", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
| |
| Sensor [label = "Sensor", color = "#ffffff", linecolor = "#00A7E3"];
| |
| MySQL [label = "MySQL\nCDR", color = "#ffffff", linecolor = "#f78d1d"];
| |
| PCAP [label = "PCAP", color = "#ffffff", linecolor = "#f78d1d"];
| |
| GUI [label = "Web GUI", color = "#ffffff", linecolor = "#00A7E3"];
| |
| | |
| Network -> Sensor;
| |
| Sensor -> MySQL;
| |
| Sensor -> PCAP;
| |
| GUI -> MySQL;
| |
| GUI -> PCAP;
| |
| }
| |
| </kroki>
| |
| | |
| Test 3 - nwdiag (Network diagram):
| |
| | |
| <kroki lang="nwdiag">
| |
| nwdiag {
| |
| network internet {
| |
| address = "SIP/RTP/WebRTC"
| |
| color = "#e0f4fc";
| |
| | |
| sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff"];
| |
| }
| |
| | |
| network storage {
| |
| address = "Storage Layer"
| |
| color = "#fef3e2";
| |
| | |
| sensor;
| |
| mysql [label = "MySQL/MariaDB\nCDR Data", color = "#ffffff"];
| |
| pcap [label = "PCAP\nRecordings", color = "#ffffff"];
| |
| }
| |
| | |
| network gui {
| |
| address = "Presentation"
| |
| color = "#e0f4fc";
| |
| | |
| mysql;
| |
| pcap;
| |
| webgui [label = "Web GUI\nAnalysis", color = "#ffffff"];
| |
| }
| |
| }
| |
| </kroki>
| |
| | |
| Test 4 - actdiag (Activity/flow):
| |
| | |
| <kroki lang="actdiag">
| |
| actdiag {
| |
| capture -> analyze -> store_cdr -> display
| |
| analyze -> store_pcap -> playback
| |
| | |
| lane "Network" {
| |
| capture [label = "Capture\nSIP/RTP"]
| |
| }
| |
| | |
| lane "Sensor" {
| |
| analyze [label = "Analyze\nQuality"]
| |
| }
| |
| | |
| lane "Storage" {
| |
| store_cdr [label = "MySQL\nCDR"]
| |
| store_pcap [label = "PCAP\nFiles"]
| |
| }
| |
| | |
| lane "GUI" {
| |
| display [label = "Reports"]
| |
| playback [label = "Playback"]
| |
| }
| |
| }
| |
| </kroki>
| |
