summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSimeon Simeonov2019-11-27 23:53:06 +0100
committerSimeon Simeonov2019-11-27 23:53:06 +0100
commit1f7d4663789304f77f30be42564cfd6d3259754e (patch)
treec591b4f374e2c995a7978971371e38bb65f7fe2d
parent1456577a83691d6329b6b8d5054c4282ac06d542 (diff)
evalg.html and pybofh.html added
-rw-r--r--reveal.js/evalg.html160
-rw-r--r--reveal.js/pybofh.html127
-rw-r--r--reveal.js/rabbitmq.html4
3 files changed, 289 insertions, 2 deletions
diff --git a/reveal.js/evalg.html b/reveal.js/evalg.html
new file mode 100644
index 0000000..e163950
--- /dev/null
+++ b/reveal.js/evalg.html
@@ -0,0 +1,160 @@
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>Utviklerforum: eValg 3</title>
6 <meta name="author" content="Simeon Simeonov">
7 <meta name="apple-mobile-web-app-capable" content="yes">
8 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
10 <link rel="stylesheet" href="css/reveal.css">
11 <link rel="stylesheet" href="css/theme/serif.css" id="theme">
12
13 <!-- Theme used for syntax highlighting of code -->
14 <link rel="stylesheet" href="lib/css/zenburn.css">
15 </head>
16 <body>
17 <div class="reveal">
18
19 <!-- Any section element inside of this container is displayed as a slide -->
20 <div class="slides">
21 <section>
22 <h1>eValg 3</h1>
23 <h3>Utviklerforum (28.11.2019)</h3>
24 <br/>
25 <p>Simeon Simeonov (<em>sgs</em> @ USITINT)</p>
26 </section>
27
28 <section>
29 <h2>Agenda</h2>
30 <br/>
31 <ul>
32 <li><p>Introduction</p></li>
33 <li><p>Components</p></li>
34 <li><p>Development</p></li>
35 <li><p>Q &amp; A</p></li>
36 </ul>
37 </section>
38
39 <section>
40 <h2>Introduction</h2>
41 <p><em>eValg 3</em></p>
42 <ul>
43 <li><p>Development started in 2017 and then again in 2018</p></li>
44 <li><p>The last trial election (https://valg-pilot.uio.no) ended 15.11.2019</p></li>
45 <li><p>Currently the eValg team consists of two developers (<em>skh</em>, <em>sgs</em>)</p></li>
46 </ul>
47 </section>
48
49
50 <section>
51 <section>
52 <h2>Components</h2>
53 <br/>
54 <ul>
55 <li><p>Backend</p></li>
56 <li><p>Dataporten</p></li>
57 <li><p>Frontend</p></li>
58 </ul>
59 </section>
60
61 <section>
62 <h3>Backend</h3>
63 <ul>
64 <li><p>General: Python >= 3.6, Flask, SQLAlchemy</p></li>
65 <li><p>DB: Alembic, SQLAlchemy-continuum, Flask-migrate</p></li>
66 <li><p>Signing & encryption: pynacl</p></li>
67 <li><p>Querying (GraphQL): graphene, graphene-sqlalchemy</p></li>
68 <li><p>Others: pytz, sentry_sdk, python-json-logger and many more</p></li>
69 </ul>
70 </section>
71
72 <section>
73 <h3>Dataporten</h3>
74 <ul>
75 <li><p>OpenID Connect: Moved from Authorization code flow to Implicit flow (id_token token) in 2018</p></li>
76 </ul>
77 </section>
78
79 <section>
80 <h3>Frontend</h3>
81 <ul>
82 <li><p>General: React, react-oidc, GraphQL</p></li>
83 <li><p>Encryption: TweetNaCl - a crypto library in 100 tweets</p></li>
84 <li><p>Many, many more libraries and packages</p></li>
85 </ul>
86 </section>
87
88 </section>
89
90
91 <section>
92
93 <section>
94 <h2>Development</h2>
95 <br/>
96 <ul>
97 <li><p>Improvements</p></li>
98 <li><p>Goals &amp; challenges</p></li>
99 </ul>
100 </section>
101
102 <section>
103 <h3>Improvements</h3>
104 <ul>
105 <li><p>Testing (<em>pytest</em>) & CI (<em>Jenkins</em>) - the best in USITINT so far?!? :)</p></li>
106 <li><p>No more FNR* and cross domain access. #GDPR</p></li>
107 <li><p>No more external programs (<em>GnuPG</em>, <em>evalg.jar</em>) and envelopes ...</p></li>
108 <li><p>Insight in all possible election paths in case of drawing</p></li>
109
110 </ul>
111 <p><small><em>* - work in progress</em></small></p>
112 </section>
113
114 <section>
115 <h3>Goals &amp; challenges</h3>
116 <ul>
117 <li><p>Anyone should be able to create an election</p></li>
118 <li><p>No private key shall ever live in the backend</p></li>
119 <li><p>Log &amp; audit all changes</p></li>
120 <li><p>It is never too late to change a pollbook</p></li>
121 <li><p>It is never too late to master public-key cryptography ... :)</p></li>
122 </ul>
123 </section>
124
125 </section>
126
127
128 <section>
129 <h2>Q &amp; A</h2>
130 <h3>???</h3>
131 <p><em>“Old questions are not answered—they only go out of fashion”</em> - Donald Schön</p>
132 </section>
133 </div>
134 </div>
135
136 <script src="lib/js/head.min.js"></script>
137 <script src="js/reveal.js"></script>
138 <script>
139
140 // More info https://github.com/hakimel/reveal.js#configuration
141 Reveal.initialize({
142 controls: true,
143 progress: true,
144 history: true,
145 center: true,
146 transition: 'slide', // none/fade/slide/convex/concave/zoom
147 // More info https://github.com/hakimel/reveal.js#dependencies
148 dependencies: [
149 { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
150 { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
151 { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
152 { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
153 { src: 'plugin/zoom-js/zoom.js', async: true },
154 { src: 'plugin/notes/notes.js', async: true }
155 ]
156 });
157 </script>
158
159 </body>
160</html>
diff --git a/reveal.js/pybofh.html b/reveal.js/pybofh.html
new file mode 100644
index 0000000..44de97e
--- /dev/null
+++ b/reveal.js/pybofh.html
@@ -0,0 +1,127 @@
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>pybofh</title>
6 <meta name="author" content="Simeon Simeonov">
7 <meta name="apple-mobile-web-app-capable" content="yes">
8 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
10 <link rel="stylesheet" href="css/reveal.css">
11 <link rel="stylesheet" href="css/theme/serif.css" id="theme">
12
13 <!-- Theme used for syntax highlighting of code -->
14 <link rel="stylesheet" href="lib/css/zenburn.css">
15 <!-- Printing and PDF exports -->
16 <script>
17 var link = document.createElement( 'link' );
18 link.rel = 'stylesheet';
19 link.type = 'text/css';
20 link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
21 document.getElementsByTagName( 'head' )[0].appendChild( link );
22 </script>
23 <!--[if lt IE 9]>
24 <script src="lib/js/html5shiv.js"></script>
25 <![endif]-->
26 </head>
27 <body>
28 <div class="reveal">
29
30 <!-- Any section element inside of this container is displayed as a slide -->
31 <div class="slides">
32 <section>
33 <h1>pybofh</h1>
34 <h3>Cerebrum-seminar 2019</h3>
35 </br>
36 <p>Simeon Simeonov (<em>sgs</em> @ UiO)</p>
37 </section>
38
39 <section>
40 <h2>Simeon Simeonov</h2>
41 </br>
42 <ul>
43 <li>
44 <p><a href="http://folk.uio.no/sgs/">http://folk.uio.no/sgs/</a></p>
45 </li>
46 <li><p>Cerebrum developer since February 2015</p></li>
47 </ul>
48 </section>
49
50 <section>
51 <h2>Agenda</h2>
52 </br>
53 <ul>
54 <li><p>pybofh vs. jbofh</p></li>
55 <li><p>Installation and setup</p></li>
56 <li><p>Examples (scripting)</p></li>
57 <li><p>Q &amp; A</p></li>
58 </ul>
59 </section>
60
61 <section>
62 <h2>pybofh vs. jbofh</h2>
63 </br>
64 <ul>
65 <li><p>Still developed</p></li>
66 <li><p>Written in Python ☺ .... 2 ☹</p></li>
67 <li><p>Continuously updated documentation</p></li>
68 <li><p>Easier to debug and extend</p></li>
69 <li><p>Can be used as a module / library for scripting</p></li>
70 <li><p>Not bundled</p></li>
71 <li><p>Not a standard</p></li>
72 </ul>
73 </section>
74
75 <section>
76 <h2>Installation and setup</h2>
77 </br>
78 <ul>
79 <li>git clone <em>https://bitbucket.usit.uio.no/scm/crb/pybofh.git</em> &lt;path to repo&gt;</li>
80 <li>export PYTHONPATH=&lt;path to repo&gt;</li>
81 <li>&lt;path to repo&gt;/scripts/bofh -u &lt;username&gt; --url &lt;hostname:port&gt; -c &lt;certfile&gt;</li>
82 </ul>
83 <p><em>pip install pybofh</em> may be a better alternative...</p>
84 </section>
85
86 <section>
87 <h1>Examples</h1>
88 </br>
89 <ul>
90 <li><p><em>IPython</em> - interactive shell for grownups is highly recommended</p></li>
91 </ul>
92 </section>
93
94 <section>
95 <h1>Q&amp;A</h1>
96 <p><em>“Judge a man by his questions rather than by his answers.”</em> - Voltaire</p>
97 </section>
98
99 </div>
100 </div>
101
102 <script src="lib/js/head.min.js"></script>
103 <script src="js/reveal.js"></script>
104 <script>
105 // More info https://github.com/hakimel/reveal.js#configuration
106 Reveal.initialize({
107 controls: true,
108 progress: true,
109 history: true,
110 center: true,
111
112 transition: 'slide', // none/fade/slide/convex/concave/zoom
113
114 // More info https://github.com/hakimel/reveal.js#dependencies
115 dependencies: [
116 { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
117 { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
118 { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
119 { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
120 { src: 'plugin/zoom-js/zoom.js', async: true },
121 { src: 'plugin/notes/notes.js', async: true }
122 ]
123 });
124 </script>
125
126 </body>
127</html>
diff --git a/reveal.js/rabbitmq.html b/reveal.js/rabbitmq.html
index 7cfafa6..753a799 100644
--- a/reveal.js/rabbitmq.html
+++ b/reveal.js/rabbitmq.html
@@ -136,7 +136,7 @@
136 <li><p><em>Routing keys</em> i <em>topic exchange</em></p></li> 136 <li><p><em>Routing keys</em> i <em>topic exchange</em></p></li>
137 <li><p>Bindinger</p></li> 137 <li><p>Bindinger</p></li>
138 <li><p>Protokoller og porter</p></li> 138 <li><p>Protokoller og porter</p></li>
139 <li><p>Exempler</p></li> 139 <li><p>Eksempler</p></li>
140 </ul> 140 </ul>
141 </section> 141 </section>
142 142
@@ -172,7 +172,7 @@
172 </section> 172 </section>
173 173
174 <section> 174 <section>
175 <h2>Exempler</h2> 175 <h2>Eksempler</h2>
176 </br> 176 </br>
177 <pre> 177 <pre>
178 <code class="hljs" data-trim contenteditable> 178 <code class="hljs" data-trim contenteditable>