summaryrefslogtreecommitdiff
path: root/reveal.js/dataporten.html
blob: ba69c74fd66613ade3dfb7da1940b34fd110d639 (plain)
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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Utviklerforum: Dataporten &amp; eValg 3.0</title>
    <meta name="author" content="Simeon Simeonov">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/serif.css" id="theme">

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="lib/css/zenburn.css">
  </head>
  <body>
    <div class="reveal">

      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">
        <section>
          <h1>Dataporten &amp; eValg 3.0</h1>
          <h3>Utviklerforum (31.08.2017)</h3>
          <br/>
          <p>
            <small>Simeon Simeonov</small>
          </p>
        </section>

        <section>
          <h2>Agenda</h2>
          <br/>
          <ul>
            <li><p>Intro</p></li>
            <li><p>The big picture</p></li>
            <li><p>Flow</p></li>
            <li><p>Q &amp; A</p></li>
          </ul>
        </section>

        <section>
          <section>
            <h2>Introduction</h2>
            <p><em>Evalg 3.0</em></p>
            <ul>
              <li><p>Development started in 2017</p></li>
              <li><p>Dataporten / Feide (OIDC with discovery) ... perhaps others in the future?</p></li>
              <li><p>Python 3.6 / Flask / React / pyoic / pyJWT ...</p></li>
              <li><p>Using fnr, feide-id, names...</p></li>
            </ul>
          </section>
          <section>
            <h3>Challenges with Dataporten</h3>
            <ul>
              <li><p>React</p></li>
              <li><p>Flexibility (using other providers (OP))</p></li>
              <li><p>Testing (users, firewall(s))</p></li>
            </ul>
          </section>
        </section>

        <section>
          <h2>The big picture</h2>
          <img src="images/dataporten/dataporten_the_big_picture1.png"></img>
        </section>

        <section>
          <section>
            <h2>Flow</h2>
            <img src="images/dataporten/flow1.png"></img>
          </section>
          <section>
            <h3>Challenges</h3>
            <ul>
              <li><p>Not distributing client secrets</p></li>
              <li><p>Checking state and verifying signatures</p></li>
              <li><p>Flexibility (using other providers (OP))</p></li>
              <li><p>Testing (users, firewall(s))</p></li>
            </ul>
          </section>
        </section>

        <section>
          <h2>Q &amp; A</h2>
          <h3>???</h3>
          <p><em>“Judge a man by his questions rather than by his answers.”</em> - Voltaire</p>
        </section>

      </div>
    </div>

    <script src="lib/js/head.min.js"></script>
	<script src="js/reveal.js"></script>
	<script>

	  // More info https://github.com/hakimel/reveal.js#configuration
	  Reveal.initialize({
	  controls: true,
	  progress: true,
	  history: true,
	  center: true,
      
	  transition: 'slide', // none/fade/slide/convex/concave/zoom
      
	  // More info https://github.com/hakimel/reveal.js#dependencies
	  dependencies: [
	  { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
	  { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
	  { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
	  { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
	  { src: 'plugin/zoom-js/zoom.js', async: true },
	  { src: 'plugin/notes/notes.js', async: true }
	  ]
	  });

	</script>

  </body>
</html>