-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathDiagramme sans nom.drawio
128 lines (128 loc) · 12 KB
/
Diagramme sans nom.drawio
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
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64; rv:125.0) Gecko/20100101 Firefox/125.0" version="25.0.1">
<diagram name="Page-1" id="2YBvvXClWsGukQMizWep">
<mxGraphModel dx="791" dy="1584" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="wDBCBlUo8X7oHAZYJrFL-2" value="Alice" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"edgeStyle":"elbowEdgeStyle","elbow":"vertical","curved":0,"rounded":0};size=40;" parent="1" vertex="1">
<mxGeometry x="110" y="50" width="100" height="1040" as="geometry" />
</mxCell>
<mxCell id="wDBCBlUo8X7oHAZYJrFL-4" value="" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;" parent="1" vertex="1">
<mxGeometry x="145" y="-20" width="30" height="60" as="geometry" />
</mxCell>
<mxCell id="wDBCBlUo8X7oHAZYJrFL-7" value="Solid-Todo.net" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"edgeStyle":"elbowEdgeStyle","elbow":"vertical","curved":0,"rounded":0};size=40;" parent="1" vertex="1">
<mxGeometry x="325" y="50" width="100" height="1050" as="geometry" />
</mxCell>
<mxCell id="wDBCBlUo8X7oHAZYJrFL-9" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" target="wDBCBlUo8X7oHAZYJrFL-7" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="160" y="138" as="sourcePoint" />
<mxPoint x="364.5" y="138" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="wDBCBlUo8X7oHAZYJrFL-10" value="Alice visite Solid-todo.net" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
<mxGeometry x="170" y="138" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-1" value="<b><u>Scenario</u></b>: <br>Alice wants to use Solid Todo Web App. Solid Todo is a solid app that require user to have a Pod to store todo list.&nbsp; Alice don't have a Pod. She don't want to go through the process of creating one. However, she has a account with one of the famous IDP: google, facebook, github ...<br><br>Solid Todo developper's goal is to have as many users as possible. They love the idea behind solid, and want to have a solid compatible app but still be hable to reach user like Alice. " style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="120" y="-230" width="420" height="150" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-2" value="" style="endArrow=classic;html=1;rounded=0;" parent="1" source="wDBCBlUo8X7oHAZYJrFL-7" target="wDBCBlUo8X7oHAZYJrFL-2" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="320" y="230" as="sourcePoint" />
<mxPoint x="450" y="70" as="targetPoint" />
<Array as="points">
<mxPoint x="260" y="220" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-3" value="Return a login page:" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
<mxGeometry x="195" y="230" width="130" height="30" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-15" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="180" y="270" width="180" height="140" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-9" value="<div>Solid Todo</div><div><br></div>" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.window;align=left;verticalAlign=top;spacingLeft=8;strokeColor2=#008cff;strokeColor3=#c4c4c4;fontColor=#666666;mainText=;fontSize=17;labelBackgroundColor=none;whiteSpace=wrap;" parent="V8exRMLNTqDxOJBgRlz7-15" vertex="1">
<mxGeometry width="180" height="115.29411764705881" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-11" value="Login with: " style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="V8exRMLNTqDxOJBgRlz7-15" vertex="1">
<mxGeometry y="21.629104102167183" width="80" height="30" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-12" value="<div>Your Pod</div>" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;arcSize=24;" parent="V8exRMLNTqDxOJBgRlz7-15" vertex="1">
<mxGeometry x="30" y="51.6297116873065" width="120" height="12.027863777089784" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-13" value="Gihub via proxy" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="V8exRMLNTqDxOJBgRlz7-15" vertex="1">
<mxGeometry x="30" y="89.99524187306501" width="120" height="12.027863777089784" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-19" value="Alice don't know whats a Pod. SHe clicks on the green button" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry y="420" width="140" height="150" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-20" value="solid-proxy.net" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"edgeStyle":"elbowEdgeStyle","elbow":"vertical","curved":0,"rounded":0};size=40;" parent="1" vertex="1">
<mxGeometry x="500" y="50" width="100" height="1050" as="geometry" />
</mxCell>
<mxCell id="V8exRMLNTqDxOJBgRlz7-21" value="Github" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={"edgeStyle":"elbowEdgeStyle","elbow":"vertical","curved":0,"rounded":0};size=40;" parent="1" vertex="1">
<mxGeometry x="710" y="50" width="100" height="1050" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-1" value="" style="endArrow=classic;html=1;rounded=0;" edge="1" parent="1" target="V8exRMLNTqDxOJBgRlz7-20">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="160" y="459.9975" as="sourcePoint" />
<mxPoint x="539.4999999999998" y="459.9975" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-3" value="Alice is redirected to the proxy..." style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fillColor=default;" vertex="1" parent="1">
<mxGeometry x="315" y="470" width="190" height="30" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-4" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;" edge="1" parent="1" target="V8exRMLNTqDxOJBgRlz7-21">
<mxGeometry width="100" relative="1" as="geometry">
<mxPoint x="550" y="484.5" as="sourcePoint" />
<mxPoint x="650" y="484.5" as="targetPoint" />
<Array as="points" />
</mxGeometry>
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-5" value="...then to github" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fillColor=default;" vertex="1" parent="1">
<mxGeometry x="600" y="490" width="110" height="30" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-6" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;" edge="1" parent="1" source="V8exRMLNTqDxOJBgRlz7-21" target="wDBCBlUo8X7oHAZYJrFL-2">
<mxGeometry width="100" relative="1" as="geometry">
<mxPoint x="610" y="580" as="sourcePoint" />
<mxPoint x="710" y="580" as="targetPoint" />
<Array as="points">
<mxPoint x="460" y="550" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-7" value="" style="group" vertex="1" connectable="0" parent="1">
<mxGeometry x="180" y="570" width="240" height="140" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-8" value="<div>Github</div><div><br></div>" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.window;align=left;verticalAlign=top;spacingLeft=8;strokeColor2=#008cff;strokeColor3=#c4c4c4;fontColor=#666666;mainText=;fontSize=17;labelBackgroundColor=none;whiteSpace=wrap;" vertex="1" parent="KwyTOPqcG-cmqDTe2Ggm-7">
<mxGeometry width="180" height="115.29411764705881" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-12" value="<div>Authorize Solid Proxy to</div><div><sup>( OIDC flow between Solid Proxy&nbsp;</sup></div><div><sup>and Github )<br></sup></div>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;rotation=0;" vertex="1" parent="KwyTOPqcG-cmqDTe2Ggm-7">
<mxGeometry x="5" y="40" width="170" height="60" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-15" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;" edge="1" parent="1" source="wDBCBlUo8X7oHAZYJrFL-2" target="V8exRMLNTqDxOJBgRlz7-21">
<mxGeometry width="100" relative="1" as="geometry">
<mxPoint x="390" y="740" as="sourcePoint" />
<mxPoint x="490" y="740" as="targetPoint" />
<Array as="points">
<mxPoint x="450" y="730" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-17" value="" style="edgeStyle=none;orthogonalLoop=1;jettySize=auto;html=1;rounded=0;" edge="1" parent="1" source="V8exRMLNTqDxOJBgRlz7-21" target="V8exRMLNTqDxOJBgRlz7-20">
<mxGeometry width="100" relative="1" as="geometry">
<mxPoint x="570" y="800" as="sourcePoint" />
<mxPoint x="670" y="800" as="targetPoint" />
<Array as="points">
<mxPoint x="660" y="760" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-18" value="<div>OIDC flow</div>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="615" y="730" width="80" height="30" as="geometry" />
</mxCell>
<mxCell id="KwyTOPqcG-cmqDTe2Ggm-20" value="<div align="left">Now Solid Proxy has identified Alice through github and create a Pod for her.&nbsp;</div><div align="left">It also map her github identifier to a CSS account<br></div>" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="480" y="780" width="140" height="130" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>