Test Block: Difference between revisions

From VoIPmonitor.org
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
Test 1 - BlockDiag s groups a span:
Test 1 - Method 1:


<kroki lang="blockdiag">
<kroki lang="plantuml">
blockdiag {
@startuml
    node_width = 180;
title Remote Probing (Local Processing)
    node_height = 50;
    span_width = 60;
    span_height = 40;
    default_fontsize = 13;


    Network [label = "Network\nSIP/RTP/WebRTC", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
skinparam backgroundColor white
    Sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff", linecolor = "#00A7E3"];
skinparam defaultFontColor #1e293b
    MySQL [label = "MySQL/MariaDB\nCDR Storage", color = "#ffffff", linecolor = "#f78d1d"];
skinparam ArrowColor #475569
    PCAP [label = "PCAP\nRecordings", color = "#ffffff", linecolor = "#f78d1d"];
    GUI [label = "Web GUI\nAnalysis & Reports", color = "#ffffff", linecolor = "#00A7E3"];


     Network -> Sensor -> MySQL;
skinparam rectangle {
                Sensor -> PCAP;
    BackgroundColor #e0f4fc
     GUI -> MySQL;
    BorderColor #00A7E3
     GUI -> PCAP;
     RoundCorner 8
}
 
skinparam database {
     BackgroundColor #fef3e2
     BorderColor #f78d1d
}
 
skinparam storage {
    BackgroundColor #f1f5f9
    BorderColor #475569
}


    group {
skinparam cloud {
        orientation = portrait;
    BackgroundColor #e0f4fc
        MySQL; PCAP;
     BorderColor #00719A
     }
}
}
cloud "PBX/SBC\nTraffic" as NET1
rectangle "**Remote Sensor**\nLocal Processing" as SENSOR1
storage "PCAP" as PCAP1
rectangle "**Web GUI**" as GUI
database "**MySQL**" as DB
NET1 -down-> SENSOR1 : capture
SENSOR1 -down-> PCAP1 : packets
SENSOR1 -right-> DB : CDR only
GUI -down-> DB : query
@enduml
</kroki>
</kroki>


Test 2 - BlockDiag landscape:
Test 2 - Method 2:


<kroki lang="blockdiag">
<kroki lang="plantuml">
blockdiag {
@startuml
    orientation = landscape;
title Software Packet Mirroring (SPOOF Mode)
    node_width = 160;
    node_height = 50;
    default_fontsize = 12;


    Network [label = "Network\nSIP/RTP", shape = cloud, color = "#ffffff", linecolor = "#00719A"];
skinparam backgroundColor white
    Sensor [label = "Sensor", color = "#ffffff", linecolor = "#00A7E3"];
skinparam defaultFontColor #1e293b
    MySQL [label = "MySQL\nCDR", color = "#ffffff", linecolor = "#f78d1d"];
skinparam ArrowColor #475569
    PCAP [label = "PCAP", color = "#ffffff", linecolor = "#f78d1d"];
    GUI [label = "Web GUI", color = "#ffffff", linecolor = "#00A7E3"];


    Network -> Sensor;
skinparam rectangle {
    Sensor -> MySQL;
     BackgroundColor #e0f4fc
     Sensor -> PCAP;
     BorderColor #00A7E3
     GUI -> MySQL;
     RoundCorner 8
     GUI -> PCAP;
}
}
</kroki>


Test 3 - nwdiag (Network diagram):
skinparam database {
    BackgroundColor #fef3e2
    BorderColor #f78d1d
}


<kroki lang="nwdiag">
skinparam storage {
nwdiag {
     BackgroundColor #f1f5f9
     network internet {
    BorderColor #475569
        address = "SIP/RTP/WebRTC"
}
        color = "#e0f4fc";


        sensor [label = "Sensor\nCapture & Analysis", color = "#ffffff"];
skinparam cloud {
     }
    BackgroundColor #e0f4fc
     BorderColor #00719A
}


    network storage {
cloud "PBX/SBC\nTraffic" as NET1
        address = "Storage Layer"
rectangle "**Sender Sensor**\nMinimal footprint" as SENDER
        color = "#fef3e2";


        sensor;
rectangle "**Receiver Sensor**\nFull processing" as RECEIVER
        mysql [label = "MySQL/MariaDB\nCDR Data", color = "#ffffff"];
rectangle "**Web GUI**" as GUI
        pcap [label = "PCAP\nRecordings", color = "#ffffff"];
database "**MySQL**" as DB
    }
storage "PCAP" as PCAP


    network gui {
NET1 -down-> SENDER : capture
        address = "Presentation"
SENDER -right-> RECEIVER : compressed\nTCP stream
        color = "#e0f4fc";
RECEIVER -down-> DB : CDR
RECEIVER -down-> PCAP : packets
GUI -down-> DB : query


        mysql;
@enduml
        pcap;
        webgui [label = "Web GUI\nAnalysis", color = "#ffffff"];
    }
}
</kroki>
</kroki>


Test 4 - actdiag (Activity/flow):
Test 3 - SPAN:


<kroki lang="actdiag">
<kroki lang="plantuml">
actdiag {
@startuml
    capture -> analyze -> store_cdr -> display
title Physical Network Tapping (SPAN)
    analyze -> store_pcap -> playback


     lane "Network" {
skinparam backgroundColor white
        capture [label = "Capture\nSIP/RTP"]
skinparam defaultFontColor #1e293b
     }
skinparam ArrowColor #475569
 
skinparam rectangle {
     BackgroundColor #e0f4fc
    BorderColor #00A7E3
     RoundCorner 8
}


    lane "Sensor" {
skinparam database {
        analyze [label = "Analyze\nQuality"]
    BackgroundColor #fef3e2
     }
     BorderColor #f78d1d
}


    lane "Storage" {
skinparam storage {
        store_cdr [label = "MySQL\nCDR"]
    BackgroundColor #f1f5f9
        store_pcap [label = "PCAP\nFiles"]
    BorderColor #475569
    }
}


    lane "GUI" {
skinparam cloud {
        display [label = "Reports"]
    BackgroundColor #e0f4fc
        playback [label = "Playback"]
     BorderColor #00719A
     }
}
}
cloud "VoIP Traffic" as TRAFFIC
rectangle "**Hardware PBX**" as PBX
rectangle "Network Switch" as SWITCH
rectangle "**VoIPmonitor Sensor**" as SENSOR
database "MySQL" as DB
storage "PCAP" as PCAP
TRAFFIC -down-> SWITCH
SWITCH -down-> PBX : normal
SWITCH -right-> SENSOR : SPAN port
SENSOR -down-> DB : CDR
SENSOR -down-> PCAP : packets
@enduml
</kroki>
</kroki>

Latest revision as of 19:53, 11 December 2025

Test 1 - Method 1:

Test 2 - Method 2:

Test 3 - SPAN: