Browse Source

changed definitions

Taco 1 year ago
parent
commit
65efac098c
2 changed files with 98 additions and 48 deletions
  1. 76 47
      entitlements.html
  2. 22 1
      entitlements.org

+ 76 - 47
entitlements.html

@@ -3,7 +3,7 @@
3 3
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4 4
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
5 5
 <head>
6
-<!-- 2018-03-30 Fri 10:51 -->
6
+<!-- 2018-03-30 Fri 13:29 -->
7 7
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
8 8
 <meta name="viewport" content="width=device-width, initial-scale=1" />
9 9
 <title>&lrm;</title>
@@ -233,45 +233,45 @@ for the JavaScript code in this tag.
233 233
 <h2>Table of Contents</h2>
234 234
 <div id="text-table-of-contents">
235 235
 <ul>
236
-<li><a href="#orgc3cfd80">1. Introduction</a></li>
237
-<li><a href="#orgc5415b0">2. Data Model</a>
236
+<li><a href="#org6ad08da">1. Introduction</a></li>
237
+<li><a href="#org072de29">2. Data Model</a>
238 238
 <ul>
239
-<li><a href="#orgd1b3a20">2.1. Example wallet profile</a>
239
+<li><a href="#org8d79393">2.1. Example wallet profile</a>
240 240
 <ul>
241
-<li><a href="#org8f3c06c">2.1.1. Things to further investigate</a></li>
241
+<li><a href="#org095376e">2.1.1. Things to further investigate</a></li>
242 242
 </ul>
243 243
 </li>
244
-<li><a href="#org5248b99">2.2. Example request</a>
244
+<li><a href="#org233a174">2.2. Example request</a>
245 245
 <ul>
246
-<li><a href="#org149ff3d">2.2.1. Things to further investigate</a></li>
246
+<li><a href="#org9d58885">2.2.1. Things to further investigate</a></li>
247 247
 </ul>
248 248
 </li>
249 249
 </ul>
250 250
 </li>
251
-<li><a href="#org621de56">3. Data Comparison</a>
251
+<li><a href="#orge5efe62">3. Data Comparison</a>
252 252
 <ul>
253 253
 <li>
254 254
 <ul>
255
-<li><a href="#orgbe4f8a9">3.0.1. Things to further investigate</a></li>
255
+<li><a href="#orgfad2f2c">3.0.1. Things to further investigate</a></li>
256 256
 </ul>
257 257
 </li>
258 258
 </ul>
259 259
 </li>
260
-<li><a href="#org257bb1e">4. Visualization</a>
260
+<li><a href="#orged26f2d">4. Visualization</a>
261 261
 <ul>
262
-<li><a href="#org68ac265">4.1. Request</a></li>
263
-<li><a href="#org6c34147">4.2. Contexts</a>
262
+<li><a href="#orgee13539">4.1. Request</a></li>
263
+<li><a href="#org49e5f33">4.2. Contexts</a>
264 264
 <ul>
265
-<li><a href="#org29dda27">4.2.1. Things to further investigate</a></li>
265
+<li><a href="#org345b713">4.2.1. Things to further investigate</a></li>
266 266
 </ul>
267 267
 </li>
268 268
 </ul>
269 269
 </li>
270
-<li><a href="#org4624557">5. Interaction</a>
270
+<li><a href="#org8278ef8">5. Interaction</a>
271 271
 <ul>
272 272
 <li>
273 273
 <ul>
274
-<li><a href="#orgce786c6">5.0.1. Things to further investigate</a></li>
274
+<li><a href="#orga48e52e">5.0.1. Things to further investigate</a></li>
275 275
 </ul>
276 276
 </li>
277 277
 </ul>
@@ -279,8 +279,8 @@ for the JavaScript code in this tag.
279 279
 </ul>
280 280
 </div>
281 281
 </div>
282
-<div id="outline-container-orgc3cfd80" class="outline-2">
283
-<h2 id="orgc3cfd80"><span class="section-number-2">1</span> Introduction</h2>
282
+<div id="outline-container-org6ad08da" class="outline-2">
283
+<h2 id="org6ad08da"><span class="section-number-2">1</span> Introduction</h2>
284 284
 <div class="outline-text-2" id="text-1">
285 285
 <p>
286 286
 The purpose of this document is to investigate possible User Interaction designs for Decode task 4.4.
@@ -289,12 +289,12 @@ More specifically the focus is on investigating how the user of a decode wallet
289 289
 </div>
290 290
 </div>
291 291
 
292
-<div id="outline-container-orgc5415b0" class="outline-2">
293
-<h2 id="orgc5415b0"><span class="section-number-2">2</span> Data Model</h2>
292
+<div id="outline-container-org072de29" class="outline-2">
293
+<h2 id="org072de29"><span class="section-number-2">2</span> Data Model</h2>
294 294
 <div class="outline-text-2" id="text-2">
295 295
 </div>
296
-<div id="outline-container-orgd1b3a20" class="outline-3">
297
-<h3 id="orgd1b3a20"><span class="section-number-3">2.1</span> Example wallet profile</h3>
296
+<div id="outline-container-org8d79393" class="outline-3">
297
+<h3 id="org8d79393"><span class="section-number-3">2.1</span> Example wallet profile</h3>
298 298
 <div class="outline-text-3" id="text-2-1">
299 299
 <p>
300 300
 This sample wallet profile datastructure consists of multiple contexts.
@@ -307,7 +307,7 @@ Each context has a name and groups on or more properties that consist of a well
307 307
 A type can be part of more than one context. 
308 308
 </p>
309 309
 <div class="org-src-container">
310
-<pre class="src src-js" id="org50f08cd"><span style="color: #4f97d7; font-weight: bold;">var</span> <span style="color: #7590db;">profile</span> = <span style="color: #4f97d7;">{</span>
310
+<pre class="src src-js" id="org831875d"><span style="color: #4f97d7; font-weight: bold;">var</span> <span style="color: #7590db;">profile</span> = <span style="color: #4f97d7;">{</span>
311 311
     contexts : 
312 312
     <span style="color: #bc6ec5;">[</span>
313 313
         <span style="color: #2d9574;">{</span>
@@ -357,8 +357,8 @@ process.stdout.write<span style="color: #4f97d7;">(</span>JSON.stringify<span st
357 357
 </div>
358 358
 </div>
359 359
 
360
-<div id="outline-container-org8f3c06c" class="outline-4">
361
-<h4 id="org8f3c06c"><span class="section-number-4">2.1.1</span> Things to further investigate</h4>
360
+<div id="outline-container-org095376e" class="outline-4">
361
+<h4 id="org095376e"><span class="section-number-4">2.1.1</span> Things to further investigate</h4>
362 362
 <div class="outline-text-4" id="text-2-1-1">
363 363
 <ul class="org-ul">
364 364
 <li>Make a big list of possible property types (at least properties that are used in Gebied Online)</li>
@@ -373,15 +373,15 @@ process.stdout.write<span style="color: #4f97d7;">(</span>JSON.stringify<span st
373 373
 </div>
374 374
 </div>
375 375
 
376
-<div id="outline-container-org5248b99" class="outline-3">
377
-<h3 id="org5248b99"><span class="section-number-3">2.2</span> Example request</h3>
376
+<div id="outline-container-org233a174" class="outline-3">
377
+<h3 id="org233a174"><span class="section-number-3">2.2</span> Example request</h3>
378 378
 <div class="outline-text-3" id="text-2-2">
379 379
 <p>
380 380
 This sample application request consists of an application name, a set of required property types and a set of optional property types.
381 381
 </p>
382 382
 
383 383
 <div class="org-src-container">
384
-<pre class="src src-js" id="org1990662"><span style="color: #4f97d7; font-weight: bold;">var</span> <span style="color: #7590db;">request</span> = <span style="color: #4f97d7;">{</span>
384
+<pre class="src src-js" id="orgfbf0d34"><span style="color: #4f97d7; font-weight: bold;">var</span> <span style="color: #7590db;">request</span> = <span style="color: #4f97d7;">{</span>
385 385
     application : <span style="color: #2d9574;">"decodeapp:facebook"</span>,
386 386
     required : <span style="color: #bc6ec5;">[</span><span style="color: #2d9574;">"decode:name"</span>, <span style="color: #2d9574;">"decode:email"</span>, <span style="color: #2d9574;">"decode:address"</span><span style="color: #bc6ec5;">]</span>,
387 387
     optional : <span style="color: #bc6ec5;">[</span><span style="color: #2d9574;">"decode:phone"</span><span style="color: #bc6ec5;">]</span>
@@ -392,8 +392,8 @@ process.stdout.write<span style="color: #4f97d7;">(</span>data<span style="color
392 392
 </div>
393 393
 </div>
394 394
 
395
-<div id="outline-container-org149ff3d" class="outline-4">
396
-<h4 id="org149ff3d"><span class="section-number-4">2.2.1</span> Things to further investigate</h4>
395
+<div id="outline-container-org9d58885" class="outline-4">
396
+<h4 id="org9d58885"><span class="section-number-4">2.2.1</span> Things to further investigate</h4>
397 397
 <div class="outline-text-4" id="text-2-2-1">
398 398
 <ul class="org-ul">
399 399
 <li>Create a generator that seeds a request with random required and optional property types</li>
@@ -404,8 +404,8 @@ process.stdout.write<span style="color: #4f97d7;">(</span>data<span style="color
404 404
 </div>
405 405
 </div>
406 406
 
407
-<div id="outline-container-org621de56" class="outline-2">
408
-<h2 id="org621de56"><span class="section-number-2">3</span> Data Comparison</h2>
407
+<div id="outline-container-orge5efe62" class="outline-2">
408
+<h2 id="orge5efe62"><span class="section-number-2">3</span> Data Comparison</h2>
409 409
 <div class="outline-text-2" id="text-3">
410 410
 <p>
411 411
 During the interaction we want to give the user insight into a couple of things;
@@ -421,7 +421,7 @@ In below ruby code a comparison is made by on creating the intersection and its
421 421
 </p>
422 422
 
423 423
 <div class="org-src-container">
424
-<pre class="src src-ruby" id="org63b56d6"><span style="color: #4f97d7;">require</span> <span style="color: #2d9574;">'json'</span>
424
+<pre class="src src-ruby" id="org3ba9759"><span style="color: #4f97d7;">require</span> <span style="color: #2d9574;">'json'</span>
425 425
 <span style="color: #4f97d7;">require</span> <span style="color: #2d9574;">'nokogiri'</span> <span style="color: #2aa1ae; background-color: #292e34;">#</span><span style="color: #2aa1ae; background-color: #292e34;">for creating xml</span>
426 426
 
427 427
 request = <span style="color: #ce537a; font-weight: bold;">JSON</span>.parse<span style="color: #4f97d7;">(</span>request_data<span style="color: #4f97d7;">)</span>
@@ -473,8 +473,8 @@ path
473 473
 </div>
474 474
 </div>
475 475
 
476
-<div id="outline-container-orgbe4f8a9" class="outline-4">
477
-<h4 id="orgbe4f8a9"><span class="section-number-4">3.0.1</span> Things to further investigate</h4>
476
+<div id="outline-container-orgfad2f2c" class="outline-4">
477
+<h4 id="orgfad2f2c"><span class="section-number-4">3.0.1</span> Things to further investigate</h4>
478 478
 <div class="outline-text-4" id="text-3-0-1">
479 479
 <ul class="org-ul">
480 480
 <li>Calculate the weight of each context before and after giving permission</li>
@@ -493,8 +493,8 @@ request is size 3
493 493
 </div>
494 494
 </div>
495 495
 
496
-<div id="outline-container-org257bb1e" class="outline-2">
497
-<h2 id="org257bb1e"><span class="section-number-2">4</span> Visualization</h2>
496
+<div id="outline-container-orged26f2d" class="outline-2">
497
+<h2 id="orged26f2d"><span class="section-number-2">4</span> Visualization</h2>
498 498
 <div class="outline-text-2" id="text-4">
499 499
 <p>
500 500
 We want to visualize the following things;
@@ -506,7 +506,36 @@ We want to visualize the following things;
506 506
 
507 507
 <p>
508 508
 Per the design of Dyne, we want to use color to indicate the relation between the request and each context.
509
+A color should indicate something about privacy level and context type.
510
+For now the mapping is as follows;
511
+Different hues can be mapped to each context type.
512
+Different tones within the hue can be mapped to each privacy level.
509 513
 </p>
514
+
515
+<p>
516
+A prelimary definition of six privacy levels (ordered from most private to least private):
517
+</p>
518
+<ul class="org-ul">
519
+<li>SECRET: passwords, keys etc.</li>
520
+<li>PRIVATE: ssn etc, strict need to know basis stuff</li>
521
+<li>INTIMATE: e.g. stuff you share with family</li>
522
+<li>AFFILIATE: e.g. stuff you share with work, project etc</li>
523
+<li>PUBLIC: e.g. stuff that everybody may know, your e.g. twitter handle</li>
524
+<li>COMMONS: stuff that is intended for the public good / commons, e.g. anonimized IoT stuff</li>
525
+</ul>
526
+
527
+<p>
528
+A preliminary definition of 6 context types (ordered from the self outwards, but much less strict)
529
+</p>
530
+<ul class="org-ul">
531
+<li>SELF: stuff about your identity</li>
532
+<li>FAMILY: stuff that applies to you and your family (hopefully not facebook pics)</li>
533
+<li>FRIENDS: stuff you share with friends</li>
534
+<li>WORK: stuff you share in a professional context</li>
535
+<li>HOBBY: stuff you share in the context of a pastime</li>
536
+<li>WORLD: stuff that is intended for the public good / commons</li>
537
+</ul>
538
+
510 539
 <script src="processing.js"></script>
511 540
  <script type="text/processing" data-processing-target="ob-a8ca6153dc3f4dcea5960a1d135a98b56cb78842">
512 541
 //color definitions
@@ -599,8 +628,8 @@ void draw(){
599 628
 </script> <canvas id="ob-a8ca6153dc3f4dcea5960a1d135a98b56cb78842"></canvas>
600 629
 </div>
601 630
 
602
-<div id="outline-container-org68ac265" class="outline-3">
603
-<h3 id="org68ac265"><span class="section-number-3">4.1</span> Request</h3>
631
+<div id="outline-container-orgee13539" class="outline-3">
632
+<h3 id="orgee13539"><span class="section-number-3">4.1</span> Request</h3>
604 633
 <div class="outline-text-3" id="text-4-1">
605 634
 <script src="processing.js"></script>
606 635
  <script type="text/processing" data-processing-target="ob-358673b6aca53ef65765ed4baecf23b8c3889682">
@@ -697,8 +726,8 @@ text(r.application, 10, 10);
697 726
 </div>
698 727
 </div>
699 728
 
700
-<div id="outline-container-org6c34147" class="outline-3">
701
-<h3 id="org6c34147"><span class="section-number-3">4.2</span> Contexts</h3>
729
+<div id="outline-container-org49e5f33" class="outline-3">
730
+<h3 id="org49e5f33"><span class="section-number-3">4.2</span> Contexts</h3>
702 731
 <div class="outline-text-3" id="text-4-2">
703 732
 <p>
704 733
 How do we visulize each context? Intend to do this in processing too.
@@ -797,8 +826,8 @@ text(d[0].context, 10, 10);
797 826
 </script> <canvas id="ob-efa176753d914243c7a44088a4a08201dd1f5913"></canvas>
798 827
 </div>
799 828
 
800
-<div id="outline-container-org29dda27" class="outline-4">
801
-<h4 id="org29dda27"><span class="section-number-4">4.2.1</span> Things to further investigate</h4>
829
+<div id="outline-container-org345b713" class="outline-4">
830
+<h4 id="org345b713"><span class="section-number-4">4.2.1</span> Things to further investigate</h4>
802 831
 <div class="outline-text-4" id="text-4-2-1">
803 832
 <ul class="org-ul">
804 833
 <li>How do we show relation between request and each context with color?</li>
@@ -810,16 +839,16 @@ text(d[0].context, 10, 10);
810 839
 </div>
811 840
 </div>
812 841
 
813
-<div id="outline-container-org4624557" class="outline-2">
814
-<h2 id="org4624557"><span class="section-number-2">5</span> Interaction</h2>
842
+<div id="outline-container-org8278ef8" class="outline-2">
843
+<h2 id="org8278ef8"><span class="section-number-2">5</span> Interaction</h2>
815 844
 <div class="outline-text-2" id="text-5">
816 845
 <p>
817 846
 We intend to investigate this in Processing as well.
818 847
 </p>
819 848
 </div>
820 849
 
821
-<div id="outline-container-orgce786c6" class="outline-4">
822
-<h4 id="orgce786c6"><span class="section-number-4">5.0.1</span> Things to further investigate</h4>
850
+<div id="outline-container-orga48e52e" class="outline-4">
851
+<h4 id="orga48e52e"><span class="section-number-4">5.0.1</span> Things to further investigate</h4>
823 852
 <div class="outline-text-4" id="text-5-0-1">
824 853
 <ul class="org-ul">
825 854
 <li>How does the end user actually accept the request? Is it by dragging the request onto the context?</li>
@@ -831,7 +860,7 @@ We intend to investigate this in Processing as well.
831 860
 </div>
832 861
 <div id="postamble" class="status">
833 862
 <p class="author">Author: Taco</p>
834
-<p class="date">Created: 2018-03-30 Fri 10:51</p>
863
+<p class="date">Created: 2018-03-30 Fri 13:29</p>
835 864
 <p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
836 865
 </div>
837 866
 </body>

+ 22 - 1
entitlements.org

@@ -179,6 +179,27 @@ We want to visualize the following things;
179 179
 - The different contexts with it's name and size / quality relative to the request. (What would it mean to accept?)
180 180
 
181 181
 Per the design of Dyne, we want to use color to indicate the relation between the request and each context.
182
+A color should indicate something about privacy level and context type.
183
+For now the mapping is as follows;
184
+Different hues can be mapped to each context type.
185
+Different tones within the hue can be mapped to each privacy level.
186
+
187
+A prelimary definition of six privacy levels (ordered from most private to least private):
188
+- SECRET: passwords, keys etc.  
189
+- PRIVATE: ssn etc, strict need to know basis stuff 
190
+- INTIMATE: e.g. stuff you share with family 
191
+- AFFILIATE: e.g. stuff you share with work, project etc 
192
+- PUBLIC: e.g. stuff that everybody may know, your e.g. twitter handle 
193
+- COMMONS: stuff that is intended for the public good / commons, e.g. anonimized IoT stuff
194
+
195
+A preliminary definition of 6 context types (ordered from the self outwards, but order is much less important here)
196
+- SELF: stuff about your identity 
197
+- FAMILY: stuff that applies to you and your family (hopefully not facebook pics) 
198
+- FRIENDS: stuff you share with friends
199
+- WORK: stuff you share in a professional context
200
+- HOBBY: stuff you share in the context of a pastime  
201
+- OTHER: for contexts that do not fit in one of the above
202
+
182 203
 #+name: colors
183 204
 #+BEGIN_SRC processing
184 205
 //color definitions
@@ -250,7 +271,7 @@ class ContextType {
250 271
   public static int FRIENDS = 3;//stuff you share with friends 
251 272
   public static int WORK = 2;//stuff you share in a professional context
252 273
   public static int HOBBY = 1;//stuff you share in the context of a pastime
253
-  public static int WORLD = 0;//stuff that is intended for the public good / commons 
274
+  public static int OTHER = 0;//stuff that doesn't fit in any of the other types 
254 275
 }
255 276
 
256 277
 public int getColor(int privacy_level, int context_type)