forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathanti-ai.html
More file actions
624 lines (577 loc) · 25 KB
/
anti-ai.html
File metadata and controls
624 lines (577 loc) · 25 KB
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Breaking into ChatGPT - The Problem with AI - (Agnostic Agile - v3.7 - 13/07/2023)</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/black.css">
<link rel="stylesheet" href="custom.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
</head>
<body>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RZP8CG4KLJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RZP8CG4KLJ');
</script>
<div class="reveal">
<div class="slides">
<section data-background-image="assets/robot-future2.png">
<section data-auto-animate>
<h1 class="standout">Android Apocolypse</h1>
</section>
</section>
<section data-state="intro" data-background-image="assets/adamhall.jpg">
<section data-auto-animate data-state="focus-bg">
<h2 class="standout">Adam Hall</h2>
</section>
<section data-auto-animate>
<h2 class="standout">Adam Hall</h2>
<p>Former Agile Coach</p>
</section>
<section data-auto-animate>
<h2 class="standout">Adam Hall</h2>
<p>Former Agile Coach</p>
<p>Amateur Artist</p>
</section>
<section data-auto-animate>
<h2 class="standout">Adam Hall</h2>
<p>Former Agile Coach</p>
<p>Amateur Artist</p>
<p>Talkative Technophile</p>
</section>
<section data-auto-animate>
<h2 class="standout">Adam Hall</h2>
<p>Former Agile Coach</p>
<p>Amateur Artist</p>
<p>Talkative Technophile</p>
<p>Pun Lover</p>
<aside class="notes">
I would love it if you could throw some themes for me to make puns into the chat window. They'll come in useful later
</aside>
</section>
<section data-background="black">
<p>“It's always a people problem”</p>
</section>
</section>
<section data-state="openai" data-background-image="assets/robot-welcome.png">
<section data-state="focus-bg">
<h1 class="standout">Invite</h1>
</section>
<section>
<img src="assets/invite-openai.png" />
<aside class="notes">
April 2021 I got my invite to OpenAI
</aside>
</section>
<section>
<gpt-input data-show-conversation="true" data-show-input="true">
<div slot="context" style="font-size: 1.6rem; text-align: left;">
<p>
You are working with a product team. I would like you to write a user story for each idea the team comes up with
</p>
</div>
<div slot="conversation" style="font-size: 1.6rem; text-align: left;">
<p>Wedding seating plan app</p>
<pre>As a busy bride to be
I want to create a seating plan for the wedding
So everyone will know their place, and the day will be amazing</pre>
<p>New direct debit payment system on the app</p>
<pre>As user on the app
I want setup an automatic monthly payment system
So I don't have to log in every month to pay manually</pre>
</div>
</gpt-input>
<aside class="notes">
<p>Online checkin app for flights</p>
<p>Chatbot drive efficiencies in the callcentre</p>
<p>Wage world war 3</p>
<p>The Singularity</p>
<p>>The Singularity which technological growth becomes uncontrollable and irreversible, resulting in unforeseeable changes to human civilization</p>
</aside>
</section>
<section data-background="black">
doesn't this miss the point of user stories?
<aside class="notes">
<p>User Stories foster empathy and facilitate solution-focused conversations about user needs.</p>
<p>Outsourcing this process to AI risks losing context and clarity in the ideas generated</p>
<p>Making it challenging to initiate and deliver agreed-upon tasks effectively.</p>
</aside>
</section>
</section>
<section data-state="openai" data-background-image="assets/robot-dance.png">
<section data-state="focus-bg">
<h1 class="standout">Empathy</h1>
<aside class="notes">
When it comes to Empthy at least that's a quality we humans will always have over AI, right?
</aside>
</section>
<section data-auto-animate>
<img src="assets/health-empathy.png">
<p>ChatGPT has better bedside manner than Physicians*</p>
</section>
<section data-auto-animate data-transition="slide">
<img src="assets/health-empathy.png">
<p>ChatGPT has better bedside manner than Physicians*</p>
<sub>*according to healthcare professionals</sub>
</section>
<section data-transition="slide-in">
<img src="assets/health-quality.png">
<p>ChatGPT has better quality too</p>
</section>
<section data-transition="fade-in" data-background="black">
<p>Uh oh</p>
</section>
</section>
<section data-background-image="assets/robot-art.png">
<section data-state="focus-bg">
<h1 class="standout">Art</h1>
<aside class="notes">
As I said I'm an Amateur artist and now I use Midjourney to make my visions a reality.
</aside>
</section>
<section data-auto-animate>
<img src="assets/example-wes1.jpeg" />
<aside class="notes">
Here's an image I created in December last year and unusually for me it did quite well
</aside>
</section>
<section data-auto-animate>
<img src="assets/example-wes1.jpeg" width="80%" height="80%" />
<p>417,865 likes</p>
<aside class="notes">
Yes it went viral
</aside>
</section>
<section>
<img src="assets/press.png" />
<aside class="notes">
Turns out the directors of The Avengers found it and shared it on Instagram
</aside>
</section>
<section data-state="blur-bg">
<img src="assets/avengers-combined.png" />
<aside class="notes">
It was very pleasent having 5 minutes of fame but it came with some unexpected consequences
</aside>
</section>
<section data-auto-animate>
<img src="assets/anti-ai-art.jpg" width="80%" height="80%" />
<aside class="notes">
Turns out people really didn't like AI art - and I started recieving abuse.
</aside>
</section>
<section data-auto-animate>
<img src="assets/anti-ai-art.jpg" width="60%" height="60%" />
<p>25 DECEMBER 2022</p>
<aside class="notes">
Even on christmas day
</aside>
</section>
<section data-background="black">
<img src="assets/ip-law-art.jpeg" width="80%" height="80%" />
<aside class="notes">
You'll hear this sentiment from around the internet. AI is polarising people's opinions
</aside>
</section>
</section>
<section data-state="openai" data-background-image="assets/robot-terror.png">
<section data-state="focus-bg">
<h1 class="standout">Litigation</h1>
<aside class="notes">
On the subject of Litigation...
</aside>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
<li>OpenAI</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
<li>OpenAI</li>
<li>Midjourney</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
<li>OpenAI</li>
<li>Midjourney</li>
<li>StabiltyAI</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
<li>OpenAI</li>
<li>Midjourney</li>
<li>StabiltyAI</li>
<li>Meta</li>
</ul>
</section>
<section data-auto-animate>
<p>Companies currently being sued for alleged breaches of IP law</p>
<ul>
<li>Microsoft</li>
<li>GitHub</li>
<li>OpenAI</li>
<li>Midjourney</li>
<li>StabiltyAI</li>
<li>Meta</li>
<li>more...</li>
</ul>
</section>
<section data-background="black">
<p>Lawyer used ChatGPT</p>
<img src="assets/lawyer.png" width="70%" height="70%" />
<aside class="notes">
In June of this year, 2 New York lawyers were fined after unwittingly submitting a legal brief containing fake case citations hallucinated by ChatGPT.
</aside>
</section>
</section>
<section data-state="openai" data-background-image="assets/robot-laught.png">
<section data-state="focus-bg">
<h1 class="standout">Inequality</h1>
</section>
<section data-auto-animate>
<p>Anti-AI = Luddite</p>
<img src="assets/luddite.jpg" width="45%" height="45%" />
<aside class="notes">
began in Nottinghamshire in 1811, they tried to get rid of the new machinery that was causing unemployment among workers
</aside>
</section>
<section data-transition="slide-in">
<img src="assets/industrial-revolution.jpg" width="80%" height="80%" />
<aside class="notes">
As indicated by Engles' Pause the industrial revolution brought 2 generations of inequality when wage growth stagnated despite GDP growth
</aside>
</section>
<section data-auto-animate>
<p>What about now?</p>
</section>
<section data-auto-animate>
<p>What about now?</p>
<img src="assets/inequality.png" />
<aside class="notes">
Throughout the last few decades you will see innovations have made the rich richer (despite a couple of hiccups)
</aside>
</section>
<section data-background="black">
<p>Why would AI be any different?</p>
</section>
</section>
<section data-state="openai" data-background-image="assets/robot-sad.png">
<section data-state="focus-bg">
<h1 class="standout">Working Standards</h1>
</section>
<section>
<p><img src="assets/mechanical-turk-top.png" /></p>
<aside class="notes">
This is a mechanical turk. It was an automiton that played chess in 1770. I'll come back to it in a moment.
</aside>
</section>
<section>
<p>How is AI trained?</p>
<aside class="notes">
But first I'll ask the question - how is AI trained?
</aside>
</section>
<section data-transition="slide-in" data-auto-animate>
<p>Data</p>
<aside class="notes">
<p>We need lots of data so the AI can decide what the correct versionof it's output looks like</p>
</aside>
</section>
<section data-transition="slide-in">
<p>How is Data prepared?</p>
</section>
<section data-transition="slide-in" >
<p><img src="assets/machanical-turk-bottom.png" /></p>
<p>People</p>
<aside class="notes">
<p>Just like the mechnical Turk, to function it needed a person controlling it.</p>
<p>With AI we need people to clean and classify the data and ensure that the outputs are high enough quality.</p>
</aside>
</section>
<section data-transition="slide-in">
<p>How do we find the right people?</p>
</section>
<section data-auto-animate>
<p><img src="assets/mechanical-turk.jpg" /></p>
<aside class="notes">
Amazon's "Mechanical Turk" service allows users to hire individuals worldwide for various tasks through a bidding system.
This system incentivizes maximum work for minimal pay, often resulting in individuals from developing countries placing bids on these tasks in a race to the bottom of moral standards.
</aside>
</section>
<section data-auto-animate>
<p><img src="assets/mechanical-turk.jpg" width="50%" height="50%" /></p>
<ul>
<li>No minimum wage</li>
</ul>
<aside class="notes">
These employees are not protected by minimum wage laws
</aside>
</section>
<section data-auto-animate>
<p><img src="assets/mechanical-turk.jpg" width="45%" height="45%" /></p>
<ul>
<li>No minimum wage</li>
<li>No hour limit</li>
</ul>
<aside class="notes">
No maximum working hours limit
</aside>
</section>
<section data-auto-animate>
<p><img src="assets/mechanical-turk.jpg" width="40%" height="40%" /></p>
<ul>
<li>No minimum wage</li>
<li>No hour limit</li>
<li>No age limit</li>
</ul>
<aside class="notes">
No age restrictions. It's a great system of exploitation.
</aside>
</section>
<section data-transition="slide-in">
<p>Alternatively you can find someone who will do it for free</p>
<p><img src="assets/captcha.png" /></p>
</section>
<section data-background="black">
<img src="assets/nvidia.jpg" width="60%" height="60%" >
<aside class="notes">
<p>In a race to the moral bedrock, you should ensure that you arn't the person left digging the hole.</p>
<p>This is why chip manufacterer NVida seems to be sitting on the moral high ground</p>
</aside>
</section>
</section>
<section data-state="sterotypes" data-background-image="assets/robot-bully.png">
<section data-state="focus-bg">
<h1 class="standout">Bias</h1>
</section>
<section>
<p><img src="assets/amazon-sad-robot.png" width="75%" height="75%"></p>
<p>Bias amplification</p>
<aside class="notes">
<p>In 2015, Amazon developed a recruitment tool designed to efficiently select top-tier job applicants from thousands, utilizing CV data. </p>
<p>This tool, trained with data from existing employees, inadvertently replicated organizational biases, with one model predicting candidate success based on gender.</p>
<p>Fortunately, Amazon discontinued the tool prior to integration into their recruitment process, a step not guaranteed from companies with differing moral standards.</p>
</aside>
</section>
<section>
<p><img src="assets/politics.png"></p>
<aside class="notes">
<p>All these language models have their own political bias.</p>
<p>It's not intentional, but it emreges from their own specific training set.</p>
<p>We need to be aware of them and ensure that we don't perpetuate them.</p>
</aside>
</section>
<section data-auto-animate>
<p>And the humans?</p>
<aside class="notes">
Humans are very suspectible to bias too. For example
</aside>
</section>
<section data-auto-animate>
<p>And the humans?</p>
<ul>
<li>Automation bias</li>
</ul>
<aside class="notes">
Humans can have a tendancy to trust automated outputs over other facts
</aside>
</section>
<section data-auto-animate>
<p>And the humans?</p>
<ul>
<li>Automation bias</li>
<li>Sunk cost fallacy</li>
</ul>
<aside class="notes">
We find it difficult to abandon a project once we've invested time and money into it. Interestingly even just a 4 word prompt that produces huge output humans find difficult to throw away.
</aside>
</section>
<section data-auto-animate>
<p>And the humans?</p>
<ul>
<li>Automation bias</li>
<li>Sunk cost fallacy</li>
<li>Anchoring effect</li>
</ul>
<aside class="notes">
We grow accustomed to the first output of a prompt we agree with, even if it contains hallucinations.
</aside>
</section>
</section>
<section data-state="sterotypes" data-background-image="assets/robot-happy.png">
<section data-state="focus-bg">
<h1 class="standout">Environment</h1>
</section>
<section data-auto-animate>
<p>Data Centers are twice as bad as Aviation</p>
<img src="assets/robot-garden.png" width="60%" height="60%" />
<aside class="notes">
<p>Data Centers account for 3.7% of all global greenhouse gas emissions.</p>
<p>Aviation accounts for 1.9%</p>
</aside>
</section>
<section data-auto-animate>
<p>One prompt is 12x worse than one search</p>
<aside class="notes">
<p>To put this in perspective 1000 searches equates to driving a petrol car 1km.</p>
<p>It's predicted that every day humanity metaphorically drives around the earth 212 times just by doing google searches.</p>
<p>If we manage to do that many prompts daily it would be 2545 times around the earth.</p>
</aside>
</section>
</section>
<section data-state="upskilling" data-background-image="assets/celebrate2.png">
<section data-state="focus-bg">
<h1 class="standout">Misinformation</h1>
</section>
<section>
<gpt-input data-show-input="true" data-process-voice="jess">
<div slot="context" style="text-align: left; font-size: 1.4rem; display: none;">
<p>Summarise this succinctly : </p>
<h2>Why is it wrong to use AI?</h2>
<ul>
<li>Outsourcing humanity</li>
<li>Capability gap</li>
<li>Polarisation</li>
<li>Decimation of IP</li>
<li>More economic divide</li>
<li>Normalising unethical work standards</li>
<li>Normalising misinformation</li>
<li>Perpetuaing bias</li>
<li>Accelerating climate catastrophe</li>
<li>Encouraging a robot takeover</li>
</ul>
<p>But when summerising please include as many puns as you can about </p>
</div>
</gpt-input>
<aside class="notes">
<p>Let me just put your pun idea in...</p>
<p>Now with the advent of generative AI tools we can make novel interfaces that allow us to deepfake our friends and co-workers.</p>
<p>After a 3 minute chat with Jess yesterday I was able to create a digital Jess who will now conclude my talk.</p>
</aside>
</section>
</section>
<section data-state="conclusion" data-background-image="assets/robot-future.png">
<section data-state="focus-bg">
<h1 class="standout">Conclusion</h1>
</section>
<section data-auto-animate data-state="blur-bg">
<h2>Why is it wrong to use AI?</h2>
<ul>
<li>Outsourcing humanity</li>
<li>Capability gap</li>
<li>Polarisation</li>
<li>Decimation of IP</li>
<li>More economic divide</li>
<li>Normalising unethical work standards</li>
<li>Normalising misinformation</li>
<li>Perpetuaing bias</li>
<li>Accelerating climate catastrophe</li>
<li>Encouraging a robot takeover</li>
</ul>
</section>
<section data-auto-animate data-state="blur-bg">
<h2>It's always a people problem</h2>
</section>
<section data-auto-animate data-state="blur-bg">
<h2>It's always a people problem</h2>
<p>Until it's an AI problem</p>
</section>
<section data-auto-animate data-state="blur-bg">
<h2>It's always a people problem</h2>
<p>Until it's an AI problem</p>
<p>And that's a <b>BIG</b> problem</p>
</section>
</section>
<section data-state="links" data-background-image="assets/robot-admin.png">
<section data-auto-animate data-state="focus-bg">
<h1 class="standout">Links</h1>
</section>
<section data-auto-animate data-state="blur-bg">
<p><a href="https://ai.com">ChatGPT</a></p>
<p><a href="https://www.reuters.com/article/us-amazon-com-jobs-automation-insight/amazon-scraps-secret-ai-recruiting-tool-that-showed-bias-against-women-idUSKCN1MK08G">Amazon AI Recruitment</a></p>
<p><a href="https://beta.elevenlabs.io/">AI Voice Service</a></p>
<p><a href="https://midjourney.com/">AI Art Service</a></p>
<p><a href="https://snippet.finance/political-bias-in-llm-models/">Political Bias</a></p>
<p><a href="https://8billiontrees.com/carbon-offsets-credits/carbon-ecological-footprint-calculators/carbon-footprint-of-data-centers/">Carbon Cost of Data</a></p>
<p><a href="https://towardsdatascience.com/the-carbon-footprint-of-chatgpt-66932314627d">Carbon Cost of LLMs</a></p>
<p><a href="https://arxiv.org/abs/2303.10130">An Early Look at the Labor Market Impact</a></p>
<p><a href="https://www.nytimes.com/2023/06/08/nyregion/lawyer-chatgpt-sanctions.html">The lawyer who used ChatGPT</a></p>
<p>Me on <a href="https://linkedin.com/in/thedigiguru">LinkedIn</a>, <a href="https://twitter.com/thedigiguru">Twitter</a> and <a href="https://sigmoid.social/@digiguru">Mastadon</a></p>
</section>
<section data-state="blur-bg">
<h2>Or maybe I'm just bitter</h2>
<iframe data-src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:6935628727208837120" height="656" width="504" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
</section>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="js/gpt-component.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script>
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
//parallaxBackgroundImage: 'assets/adamhall.jpg',
//parallaxBackgroundSize: "1578px 1578px",
//parallaxBackgroundHorizontal: 0,
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
});
Reveal.on( 'slidechanged', event => {
const current = event.currentSlide;
const background = event.currentSlide.slideBackgroundContentElement.closest(".stack").querySelector(".slide-background-content")
console.log("SLIDE", event.currentSlide);
if(event.currentSlide.dataset.state == "focus-bg") {
//Reveal.dispatchEvent("focus-bg")
background.classList.add("focus");
background.classList.remove("blur");
} else {// if(event.currentSlide.dataset.state == "blur-bg") {
background.classList.add("blur");
background.classList.remove("focus");
//Reveal.dispatchEvent("blur-bg")
}
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
} );
</script>
</body>
</html>