Browse Source

fixed wrong variable name

Taco 1 year ago
parent
commit
e0c91f92b5
2 changed files with 83 additions and 84 deletions
  1. 57 57
      entitlements.html
  2. 26 27
      entitlements.org

+ 57 - 57
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 14:09 -->
6
+<!-- 2018-03-30 Fri 14:41 -->
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="#org8ae0a17">1. Introduction</a></li>
237
-<li><a href="#orge727dd4">2. Data Model</a>
236
+<li><a href="#orgff08dfe">1. Introduction</a></li>
237
+<li><a href="#org28b1e07">2. Data Model</a>
238 238
 <ul>
239
-<li><a href="#org6f71f81">2.1. Example wallet profile</a>
239
+<li><a href="#org0e5af42">2.1. Example wallet profile</a>
240 240
 <ul>
241
-<li><a href="#org347d6ce">2.1.1. Things to further investigate</a></li>
241
+<li><a href="#org042bacb">2.1.1. Things to further investigate</a></li>
242 242
 </ul>
243 243
 </li>
244
-<li><a href="#orgf62bac9">2.2. Example request</a>
244
+<li><a href="#org928acd2">2.2. Example request</a>
245 245
 <ul>
246
-<li><a href="#org2ed1810">2.2.1. Things to further investigate</a></li>
246
+<li><a href="#org42aec5f">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="#org543b48a">3. Data Comparison</a>
251
+<li><a href="#org44a6fc1">3. Data Comparison</a>
252 252
 <ul>
253 253
 <li>
254 254
 <ul>
255
-<li><a href="#org7b37c3c">3.0.1. Things to further investigate</a></li>
255
+<li><a href="#org727d9ba">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="#orgb4b9266">4. Visualization</a>
260
+<li><a href="#orgc55d352">4. Visualization</a>
261 261
 <ul>
262
-<li><a href="#orgf5193c6">4.1. Request</a></li>
263
-<li><a href="#orgfc1d0ba">4.2. Contexts</a>
262
+<li><a href="#orgf38f954">4.1. Request</a></li>
263
+<li><a href="#org54b7a22">4.2. Contexts</a>
264 264
 <ul>
265
-<li><a href="#orge1a149d">4.2.1. Things to further investigate</a></li>
265
+<li><a href="#org80b30aa">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="#orge118bca">5. Interaction</a>
270
+<li><a href="#orgea7a75f">5. Interaction</a>
271 271
 <ul>
272 272
 <li>
273 273
 <ul>
274
-<li><a href="#org3e72422">5.0.1. Things to further investigate</a></li>
274
+<li><a href="#org344618a">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-org8ae0a17" class="outline-2">
283
-<h2 id="org8ae0a17"><span class="section-number-2">1</span> Introduction</h2>
282
+<div id="outline-container-orgff08dfe" class="outline-2">
283
+<h2 id="orgff08dfe"><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-orge727dd4" class="outline-2">
293
-<h2 id="orge727dd4"><span class="section-number-2">2</span> Data Model</h2>
292
+<div id="outline-container-org28b1e07" class="outline-2">
293
+<h2 id="org28b1e07"><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-org6f71f81" class="outline-3">
297
-<h3 id="org6f71f81"><span class="section-number-3">2.1</span> Example wallet profile</h3>
296
+<div id="outline-container-org0e5af42" class="outline-3">
297
+<h3 id="org0e5af42"><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="orgda542ab"><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="org4d65cc2"><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-org347d6ce" class="outline-4">
361
-<h4 id="org347d6ce"><span class="section-number-4">2.1.1</span> Things to further investigate</h4>
360
+<div id="outline-container-org042bacb" class="outline-4">
361
+<h4 id="org042bacb"><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-orgf62bac9" class="outline-3">
377
-<h3 id="orgf62bac9"><span class="section-number-3">2.2</span> Example request</h3>
376
+<div id="outline-container-org928acd2" class="outline-3">
377
+<h3 id="org928acd2"><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="org3a0460b"><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="orgf80361e"><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-org2ed1810" class="outline-4">
396
-<h4 id="org2ed1810"><span class="section-number-4">2.2.1</span> Things to further investigate</h4>
395
+<div id="outline-container-org42aec5f" class="outline-4">
396
+<h4 id="org42aec5f"><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-org543b48a" class="outline-2">
408
-<h2 id="org543b48a"><span class="section-number-2">3</span> Data Comparison</h2>
407
+<div id="outline-container-org44a6fc1" class="outline-2">
408
+<h2 id="org44a6fc1"><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="org7f43fac"><span style="color: #4f97d7;">require</span> <span style="color: #2d9574;">'json'</span>
424
+<pre class="src src-ruby" id="org154264d"><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>
@@ -442,8 +442,8 @@ In below ruby code a comparison is made by on creating the intersection and its
442 442
 </div>
443 443
 </div>
444 444
 
445
-<div id="outline-container-org7b37c3c" class="outline-4">
446
-<h4 id="org7b37c3c"><span class="section-number-4">3.0.1</span> Things to further investigate</h4>
445
+<div id="outline-container-org727d9ba" class="outline-4">
446
+<h4 id="org727d9ba"><span class="section-number-4">3.0.1</span> Things to further investigate</h4>
447 447
 <div class="outline-text-4" id="text-3-0-1">
448 448
 <ul class="org-ul">
449 449
 <li>Calculate the weight of each context before and after giving permission</li>
@@ -462,8 +462,8 @@ request is size 3
462 462
 </div>
463 463
 </div>
464 464
 
465
-<div id="outline-container-orgb4b9266" class="outline-2">
466
-<h2 id="orgb4b9266"><span class="section-number-2">4</span> Visualization</h2>
465
+<div id="outline-container-orgc55d352" class="outline-2">
466
+<h2 id="orgc55d352"><span class="section-number-2">4</span> Visualization</h2>
467 467
 <div class="outline-text-2" id="text-4">
468 468
 <p>
469 469
 We want to visualize the following things;
@@ -506,7 +506,7 @@ A preliminary definition of 6 context types (ordered from the self outwards, but
506 506
 </ul>
507 507
 
508 508
 <div class="org-src-container">
509
-<pre class="src src-java" id="org55b35dd"><span style="color: #2aa1ae; background-color: #292e34;">//</span><span style="color: #2aa1ae; background-color: #292e34;">color definitions</span>
509
+<pre class="src src-java" id="org0bc2591"><span style="color: #2aa1ae; background-color: #292e34;">//</span><span style="color: #2aa1ae; background-color: #292e34;">color definitions</span>
510 510
 <span style="color: #ce537a; font-weight: bold;">color</span> <span style="color: #7590db;">a3</span> = #<span style="color: #a45bad;">3A3B58</span>;
511 511
 <span style="color: #ce537a; font-weight: bold;">color</span> <span style="color: #7590db;">b3</span> = #<span style="color: #a45bad;">734246</span>;
512 512
 <span style="color: #ce537a; font-weight: bold;">color</span> <span style="color: #7590db;">d3</span> = #B4561F;
@@ -591,21 +591,21 @@ And should be a dark red color.
591 591
 </p>
592 592
 
593 593
 <div class="org-src-container">
594
-<pre class="src src-java" id="org34985cd"><span style="color: #ce537a; font-weight: bold;">void</span> <span style="color: #bc6ec5; font-weight: bold;">draw</span><span style="color: #4f97d7;">(){</span>
594
+<pre class="src src-java" id="orga52ded4"><span style="color: #ce537a; font-weight: bold;">void</span> <span style="color: #bc6ec5; font-weight: bold;">draw</span><span style="color: #4f97d7;">(){</span>
595 595
   size<span style="color: #bc6ec5;">(</span><span style="color: #a45bad;">100</span>,<span style="color: #a45bad;">100</span><span style="color: #bc6ec5;">)</span>;
596 596
   background<span style="color: #bc6ec5;">(</span><span style="color: #a45bad;">0</span><span style="color: #bc6ec5;">)</span>;
597 597
   noStroke<span style="color: #bc6ec5;">()</span>;
598 598
   <span style="color: #ce537a; font-weight: bold;">int</span> <span style="color: #7590db;">level</span> = <span style="color: #a45bad;">PrivacyLevel</span>.SECRET;
599 599
   <span style="color: #ce537a; font-weight: bold;">int</span> <span style="color: #7590db;">contextType</span> = <span style="color: #a45bad;">ContextType</span>.SELF;
600
-  <span style="color: #ce537a; font-weight: bold;">color</span> <span style="color: #7590db;">private_self</span> = getColor<span style="color: #bc6ec5;">(</span>level, contextType<span style="color: #bc6ec5;">)</span>;<span style="color: #2aa1ae; background-color: #292e34;">//</span><span style="color: #2aa1ae; background-color: #292e34;">should be dark red</span>
601
-  fill<span style="color: #bc6ec5;">(</span>private_self<span style="color: #bc6ec5;">)</span>;
600
+  <span style="color: #ce537a; font-weight: bold;">color</span> <span style="color: #7590db;">secret_self</span> = getColor<span style="color: #bc6ec5;">(</span>level, contextType<span style="color: #bc6ec5;">)</span>;<span style="color: #2aa1ae; background-color: #292e34;">//</span><span style="color: #2aa1ae; background-color: #292e34;">should be dark red</span>
601
+  fill<span style="color: #bc6ec5;">(</span>secret_self<span style="color: #bc6ec5;">)</span>;
602 602
   ellipse<span style="color: #bc6ec5;">(</span><span style="color: #a45bad;">50</span>,<span style="color: #a45bad;">50</span>,<span style="color: #a45bad;">50</span>,<span style="color: #a45bad;">50</span><span style="color: #bc6ec5;">)</span>;
603 603
 <span style="color: #4f97d7;">}</span>
604 604
 </pre>
605 605
 </div>
606 606
 
607 607
 <script src="processing.js"></script>
608
- <script type="text/processing" data-processing-target="ob-aac1cb0de10f17f2bf5848bf4547f6a869db9766">
608
+ <script type="text/processing" data-processing-target="ob-e4084f25c6566c618f6cc091e4920fd86e9b1c21">
609 609
 //color definitions
610 610
 color a3 = #3A3B58;
611 611
 color b3 = #734246;
@@ -688,18 +688,18 @@ void draw(){
688 688
   noStroke();
689 689
   int level = PrivacyLevel.SECRET;
690 690
   int contextType = ContextType.SELF;
691
-  color private_self = getColor(level, contextType);//should be dark red
692
-  fill(private_self);
691
+  color secret_self = getColor(level, contextType);//should be dark red
692
+  fill(secret_self);
693 693
   ellipse(50,50,50,50);
694 694
 }
695
-</script> <canvas id="ob-aac1cb0de10f17f2bf5848bf4547f6a869db9766"></canvas>
695
+</script> <canvas id="ob-e4084f25c6566c618f6cc091e4920fd86e9b1c21"></canvas>
696 696
 </div>
697 697
 
698
-<div id="outline-container-orgf5193c6" class="outline-3">
699
-<h3 id="orgf5193c6"><span class="section-number-3">4.1</span> Request</h3>
698
+<div id="outline-container-orgf38f954" class="outline-3">
699
+<h3 id="orgf38f954"><span class="section-number-3">4.1</span> Request</h3>
700 700
 <div class="outline-text-3" id="text-4-1">
701 701
 <div class="org-src-container">
702
-<pre class="src src-java" id="orgfd33c65"><span style="color: #ce537a; font-weight: bold;">Request</span> <span style="color: #7590db;">r</span> = parseRequest<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
702
+<pre class="src src-java" id="org4250e6e"><span style="color: #ce537a; font-weight: bold;">Request</span> <span style="color: #7590db;">r</span> = parseRequest<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
703 703
 <span style="color: #ce537a; font-weight: bold;">Diff</span><span style="color: #4f97d7;">[]</span> <span style="color: #7590db;">d</span> = parseDiffs<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
704 704
 
705 705
 size<span style="color: #4f97d7;">(</span><span style="color: #a45bad;">200</span>,<span style="color: #a45bad;">200</span><span style="color: #4f97d7;">)</span>;
@@ -801,15 +801,15 @@ text(r.application, 10, 10);
801 801
 </div>
802 802
 </div>
803 803
 
804
-<div id="outline-container-orgfc1d0ba" class="outline-3">
805
-<h3 id="orgfc1d0ba"><span class="section-number-3">4.2</span> Contexts</h3>
804
+<div id="outline-container-org54b7a22" class="outline-3">
805
+<h3 id="org54b7a22"><span class="section-number-3">4.2</span> Contexts</h3>
806 806
 <div class="outline-text-3" id="text-4-2">
807 807
 <p>
808 808
 How do we visulize each context? Intend to do this in processing too.
809 809
 </p>
810 810
 
811 811
 <div class="org-src-container">
812
-<pre class="src src-java" id="org1b1953e"><span style="color: #ce537a; font-weight: bold;">Request</span> <span style="color: #7590db;">r</span> = parseRequest<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
812
+<pre class="src src-java" id="org95cb692"><span style="color: #ce537a; font-weight: bold;">Request</span> <span style="color: #7590db;">r</span> = parseRequest<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
813 813
 <span style="color: #ce537a; font-weight: bold;">Diff</span><span style="color: #4f97d7;">[]</span> <span style="color: #7590db;">d</span> = parseDiffs<span style="color: #4f97d7;">(</span>doc<span style="color: #4f97d7;">)</span>;
814 814
 <span style="color: #2aa1ae; background-color: #292e34;">//</span><span style="color: #2aa1ae; background-color: #292e34;">draw the difference for each context with the request</span>
815 815
 size<span style="color: #4f97d7;">(</span><span style="color: #a45bad;">200</span>,<span style="color: #a45bad;">200</span><span style="color: #4f97d7;">)</span>;
@@ -910,8 +910,8 @@ text(d[0].context, 10, 10);
910 910
 </script> <canvas id="ob-1233b6269f6ad9dae9260cd0fea081e8622a0cf4"></canvas>
911 911
 </div>
912 912
 
913
-<div id="outline-container-orge1a149d" class="outline-4">
914
-<h4 id="orge1a149d"><span class="section-number-4">4.2.1</span> Things to further investigate</h4>
913
+<div id="outline-container-org80b30aa" class="outline-4">
914
+<h4 id="org80b30aa"><span class="section-number-4">4.2.1</span> Things to further investigate</h4>
915 915
 <div class="outline-text-4" id="text-4-2-1">
916 916
 <ul class="org-ul">
917 917
 <li>How do we show relation between request and each context with color?</li>
@@ -923,16 +923,16 @@ text(d[0].context, 10, 10);
923 923
 </div>
924 924
 </div>
925 925
 
926
-<div id="outline-container-orge118bca" class="outline-2">
927
-<h2 id="orge118bca"><span class="section-number-2">5</span> Interaction</h2>
926
+<div id="outline-container-orgea7a75f" class="outline-2">
927
+<h2 id="orgea7a75f"><span class="section-number-2">5</span> Interaction</h2>
928 928
 <div class="outline-text-2" id="text-5">
929 929
 <p>
930 930
 We intend to investigate this in Processing as well.
931 931
 </p>
932 932
 </div>
933 933
 
934
-<div id="outline-container-org3e72422" class="outline-4">
935
-<h4 id="org3e72422"><span class="section-number-4">5.0.1</span> Things to further investigate</h4>
934
+<div id="outline-container-org344618a" class="outline-4">
935
+<h4 id="org344618a"><span class="section-number-4">5.0.1</span> Things to further investigate</h4>
936 936
 <div class="outline-text-4" id="text-5-0-1">
937 937
 <ul class="org-ul">
938 938
 <li>How does the end user actually accept the request? Is it by dragging the request onto the context?</li>
@@ -944,7 +944,7 @@ We intend to investigate this in Processing as well.
944 944
 </div>
945 945
 <div id="postamble" class="status">
946 946
 <p class="author">Author: Taco</p>
947
-<p class="date">Created: 2018-03-30 Fri 14:09</p>
947
+<p class="date">Created: 2018-03-30 Fri 14:41</p>
948 948
 <p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
949 949
 </div>
950 950
 </body>

+ 26 - 27
entitlements.org

@@ -105,23 +105,23 @@ In below ruby code a comparison is made by on creating the intersection and its
105 105
 
106 106
 #+name: diff_src
107 107
 #+BEGIN_SRC ruby
108
-require 'json'
109
-  require 'nokogiri' #for creating xml
108
+  require 'json'
109
+    require 'nokogiri' #for creating xml
110 110
 
111
-  request = JSON.parse(request_data)
112
-  profile = JSON.parse(profile_data)
111
+    request = JSON.parse(request_data)
112
+    profile = JSON.parse(profile_data)
113 113
 
114
-  context_diffs = []
115
-  profile["contexts"].each do | context |
116
-    requested = request["required"] + request["optional"]
117
-    available = context["properties"].map {|p| p["type"]}
114
+    context_diffs = []
115
+    profile["contexts"].each do | context |
116
+      requested = request["required"] + request["optional"]
117
+      available = context["properties"].map {|p| p["type"]}
118 118
 
119
-    intersect = available & requested
120
-    except = requested - available
121
-    diff = {:context => context["title"], :intersect => intersect, :except => except}
119
+      intersect = available & requested
120
+      except = requested - available
121
+      diff = {:context => context["title"], :intersect => intersect, :except => except}
122 122
 
123
-    context_diffs << diff
124
-  end
123
+      context_diffs << diff
124
+    end
125 125
 #+END_SRC
126 126
 
127 127
 #+name: xml 
@@ -295,8 +295,8 @@ void draw(){
295 295
   noStroke();
296 296
   int level = PrivacyLevel.SECRET;
297 297
   int contextType = ContextType.SELF;
298
-  color private_self = getColor(level, contextType);//should be dark red
299
-  fill(private_self);
298
+  color secret_self = getColor(level, contextType);//should be dark red
299
+  fill(secret_self);
300 300
   ellipse(50,50,50,50);
301 301
 }
302 302
 #+END_SRC
@@ -709,17 +709,7 @@ text(d[0].context, 10, 10);
709 709
 #+RESULTS: draw_context
710 710
 #+BEGIN_EXPORT html
711 711
 <script src="processing.js"></script>
712
- <script type="text/processing" data-processing-target="ob-8ee17c5173a5af5448f13532fc4f51ceb0390970">
713
-Request r = parseRequest(doc);
714
-Diff[] d = parseDiffs(doc);
715
-//draw the difference for each context with the request
716
-size(200,200);
717
-background(0);
718
-noFill();
719
-stroke(255);
720
-ellipse(56, 46, 55, 55);
721
-text(d[0].context, 10, 10);
722
-
712
+ <script type="text/processing" data-processing-target="ob-1233b6269f6ad9dae9260cd0fea081e8622a0cf4">
723 713
 class Request
724 714
 {
725 715
   public String application;
@@ -795,7 +785,16 @@ void parseDiffs(xml)
795 785
   }
796 786
   return diffs;
797 787
 }
798
-</script> <canvas id="ob-8ee17c5173a5af5448f13532fc4f51ceb0390970"></canvas>
788
+Request r = parseRequest(doc);
789
+Diff[] d = parseDiffs(doc);
790
+//draw the difference for each context with the request
791
+size(200,200);
792
+background(0);
793
+noFill();
794
+stroke(255);
795
+ellipse(56, 46, 55, 55);
796
+text(d[0].context, 10, 10);
797
+</script> <canvas id="ob-1233b6269f6ad9dae9260cd0fea081e8622a0cf4"></canvas>
799 798
 #+END_EXPORT
800 799
 
801 800
 *** Things to further investigate