kai9987kai.github.io/5g-datasharing.html at master · kai9987kai/kai9987kai.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Connectivity Token Architecture</title>
  <!-- Mermaid.js v9 CDN -->
  <script src="https://unpkg.com/mermaid@9/dist/mermaid.min.js"></script>  <!-- :contentReference[oaicite:3]{index=3} -->
  <style>
    /* Base reset & fonts */
    html, body { margin:0; padding:0; height:100%; }
    body {
      display: flex; justify-content: center; align-items: center;
      background: #f0f2f5;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }

    /* Container styling */
    .container {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.1);
      padding: 24px;
      max-width: 900px;
      width: 100%;
    }

    /* Explanatory paragraph styling */
    .explanation {
      margin-bottom: 24px;
      font-size: 1rem;
      line-height: 1.5;
      color: #333;
    }

    /* Mermaid chart responsiveness */
    .mermaid svg { width:100%; height:auto; }

    /* Legend styling */
    .legend {
      display: flex;
      flex-wrap: wrap;
      margin-top: 24px;
      font-size: 0.95rem;
    }
    .legend-item {
      display: flex;
      align-items: center;
      margin-right: 24px;
      margin-bottom: 12px;
    }
    .legend-color {
      width: 16px; height: 16px;
      border-radius: 4px;
      margin-right: 8px;
      flex-shrink: 0;
    }
    .host   .legend-color { background: #D0E8FF; }
    .prov   .legend-color { background: #E8F5D0; }
    .ledger .legend-color { background: #FFF5D6; }
    .guest  .legend-color { background: #FFE0E6; }
    .core   .legend-color { background: #E6E6FA; }
  </style>
</head>
<body>
  <div class="container">
    <!-- Explanatory Paragraph -->
    <p class="explanation">
      This diagram illustrates how the Host UE provisions a time-bound, policy-aware connectivity token via GSMA’s Remote SIM Provisioning (SM-DP+/SM-SR) and a Token Manager, anchoring it in a permissioned blockchain for immutable audit and immediate revocation. The token is then provisioned to the Guest UE through its Local Profile Assistant, enabling it to attach directly to the 5G Core—leveraging NEF for exposure, AMF for registration, PCF for policy and slice enforcement, and UPF for user-plane activation—while performing on-chain validation at each hop.
    </p>

    <!-- Mermaid flowchart -->
    <div class="mermaid">
      flowchart TB
        subgraph Host_UE [Host UE]
          style Host_UE fill:#D0E8FF,stroke:#0366d6,stroke-width:2px
          SM[SM-DP+ / SM-SR]
          TM[Token Manager]
        end

        subgraph Provisioning [RSP & Token Minting]
          style Provisioning fill:#E8F5D0,stroke:#22863a,stroke-width:2px
          SM
          TM
        end

        subgraph Ledger [Permissioned Blockchain]
          style Ledger fill:#FFF5D6,stroke:#DBAB09,stroke-width:2px
          DB[Ledger DB]
        end

        subgraph Guest_UE [Guest UE]
          style Guest_UE fill:#FFE0E6,stroke:#CB2431,stroke-width:2px
          LPA[Local Profile Assistant]
        end

        subgraph Core [5G Core & Slices]
          style Core fill:#E6E6FA,stroke:#6F42C1,stroke-width:2px
          NEF[NEF]
          AMF[AMF]
          PCF[PCF]
          UPF[UPF]
        end

        SM --> DB          %% Mint & record token
        TM --> DB         %% Anchor issuance
        TM --> LPA        %% Push token to Guest UE
        LPA --> NEF       %% Attach with token
        NEF --> AMF       %% UE Registration
        AMF --> PCF       %% Policy & slicing
        PCF --> UPF       %% User plane activation
        LPA --> DB        %% On-chain validation
    </div>

    <!-- HTML Legend / Key -->
    <div class="legend">
      <div class="legend-item host">
        <div class="legend-color"></div> Host UE
      </div>
      <div class="legend-item prov">
        <div class="legend-color"></div> Provisioning (RSP & Token Minting)
      </div>
      <div class="legend-item ledger">
        <div class="legend-color"></div> Permissioned Blockchain
      </div>
      <div class="legend-item guest">
        <div class="legend-color"></div> Guest UE
      </div>
      <div class="legend-item core">
        <div class="legend-color"></div> 5G Core & Slices
      </div>
    </div>
  </div>

  <script>
    mermaid.initialize({ startOnLoad:true });
  </script>
</body>
</html>