-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-cc.html
422 lines (410 loc) · 17.3 KB
/
index-cc.html
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>IT Archeology</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/night.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/monokai.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<!--
<section class="title" data-background-image="img/cia-out.jpg" data-background-opacity="0.6">
<h1>TBD</h1>
<h4>Maciej Małecki</h4>
</section>
-->
<section class="title" data-background-image="img/cia-out.jpg" data-background-opacity="0.6">
<h1>IT Archeology</h1>
<h4>or how I became a programmer</h4>
</section>
<section>
<div class="flex">
<div>
<img src="img/mm-self.jpg" alt="mm" height="350">
</div>
<div>
<h4>Maciej Małecki</h4>
<p><img src="img/twitter_PNG34.png" class="plain" alt="TT" width="40">@mmalecki77</p>
<p>delivery architect at <img src="img/cgheart.png" class="plain" alt="CG" width="40"></p>
</div>
</div>
<p class="smaller"><span class="border">1989</span>» BASIC → 6502 Asm → Turbo Pascal → x86 Asm → C++
→ Delphi → Java → JavaScript → TypeScript → ? »<span class="border">2019</span>
</p>
</section>
<section>
<img src="img/Zestaw_podstawowy_Meritum_I.jpg" alt="Meritum_I">
<div class="rights">By Elkon Elektronika - Elkon Elektronika, <a
href="https://creativecommons.org/licenses/by/3.0" title="Creative Commons Attribution 3.0">CC BY 3.0</a>, <a
href="https://commons.wikimedia.org/w/index.php?curid=35853598">Link</a></div>
</section>
<section>
<h1>Forgotten Hero</h1>
</section>
<!--
<section>
<img src="img/jobs-woz.jpeg" alt="Jobs Woz" height="500">
<div class="rights">Photograph: DB Apple/DPA/Press Association Images</div>
</section>
-->
<section>
<div class="flex">
<div>
<img src="img/chuckpeddle.jpg" alt="Chuck" width="500">
</div>
<div class="fragment align-left">
<h2>Chuck Peddle</h2>
</div>
</div>
</section>
<section>
<img src="img/GE_615.jpg" alt="GE 615" height="430">
<div class="rights">http://www.histoireinform.com/Histoire/+infos2/chr4infp.htm</div>
</section>
<!--
<section>
<img src="img/1217px-DEC_VT100_terminal_transparent.png" alt="Dumb Terminal" class="plain" height="430">
<div class="rights">By <a
href="//commons.wikimedia.org/w/index.php?title=User:Gorthmog&action=edit&redlink=1" class="new"
title="User:Gorthmog (page does not exist)">Gorthmog</a> - <span class="int-own-work"
lang="en">Own work</span><a
href="//commons.wikimedia.org/wiki/File:Extracted_image_icon.png" class="image"></a>This file has been
extracted from another file: <a href="//commons.wikimedia.org/wiki/File:DEC_VT100_terminal.jpg"
title="File:DEC VT100 terminal.jpg">DEC VT100 terminal.jpg</a><span
class="wpImageAnnotatorControl wpImageAnnotatorOff"><a
href="//commons.wikimedia.org/wiki/File:DEC_VT100_terminal.jpg" class="image"
title="original file"></a></span>, <a href="https://creativecommons.org/licenses/by-sa/4.0"
title="Creative Commons Attribution-Share Alike 4.0">CC BY-SA 4.0</a>,
<a href="https://commons.wikimedia.org/w/index.php?curid=78497051">Link</a></div>
</section>
-->
<section>
<h3>Chuck joined Motorola in 1973</h3>
<div class="flex">
<div>
<img src="img/Intel_C8080A_9064_33001_N8384_top.jpg" alt="8080" width="300">
<div class="rights">
<a href="http://creativecommons.org/licenses/by-sa/3.0/"
title="Creative Commons Attribution-Share Alike 3.0">CC
BY-SA 3.0</a>, <a href="https://commons.wikimedia.org/w/index.php?curid=91615">Link</a>
</div>
<h4>1972-1974: Intel 8080</h4>
</div>
<div>
<img src="img/1280px-Motorola_MC6800_microprocessor.jpg" alt="6800" width="300">
<div class="rights">
<a href="http://creativecommons.org/licenses/by-sa/3.0/"
title="Creative Commons Attribution-Share Alike 3.0">CC BY-SA 3.0</a>, <a
href="https://commons.wikimedia.org/w/index.php?curid=91626">Link</a></div>
<h4>1971-1975: Motorola 6800</h4>
</div>
</div>
</section>
<!--
<section>
<img src="img/Motorola_6800_proto_board.jpg" alt="6800 proto">
<div class="rights">By <a href="//commons.wikimedia.org/wiki/User:Swtpc6800" title="User:Swtpc6800">Swtpc6800</a>
<a href="https://en.wikipedia.org/wiki/User:Swtpc6800" class="extiw" title="en:User:Swtpc6800"> Michael
Holley</a> - <span class="int-own-work" lang="en">Own work</span>, Public Domain, <a
href="https://commons.wikimedia.org/w/index.php?curid=19688710">Link</a></div>
</section>
-->
<section>
<h1>IDEA</h1>
<h3>cheap version of MC6800</h3>
<h2>300$ → 20$</h2>
</section>
<section>
<img src="img/MOS_Technology_Logo.svg" alt="MOS logo" class="plain">
<div class="rights">By <span lang="pl">nieznany</span> - <a href="https://de.wikipedia.org/wiki/SVG" class="extiw"
title="de:SVG">SVG</a> erzeugt mit <a
href="https://de.wikipedia.org/wiki/Inkscape" class="extiw" title="de:Inkscape">Inkscape</a>, Domena
publiczna, <a href="https://commons.wikimedia.org/w/index.php?curid=36088876">Link</a></div>
</section>
<section>
<img src="img/ic-wafer.png" alt="IC" height="400" class="plain">
</section>
<section>
<h3>Altair 8800 - 1974</h3>
<img src="img/Altair_8800.jpg" alt="Altair" height="400">
<div class="rights">
<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="Creative Commons Attribution-Share Alike 3.0">CC
BY-SA 3.0</a>, <a href="https://commons.wikimedia.org/w/index.php?curid=254104">Link</a>
</div>
</section>
<section>
<h3>MOS 6502 - 1975</h3>
<img src="img/mos6502-mm.JPG" alt="6502mm" height="400">
</section>
<!--
<section>
<img src="img/mos_technology_6502_computer_chip_cpu2.gif" alt="MOS design team" height="430">
<div class="rights">6502 Design Team (EE Times 1975, archive.archaeology.org)</div>
</section>
-->
<section>
<h2>Motorola lawsuit</h2>
<p>November 1975</p>
</section>
<section>
<h3>KIM-1 1975</h3>
<div class="flex">
<div>
<img src="img/Kim-1-computer.jpg" alt="KIM-1" height="350">
<div class="rights">
By <a href="//commons.wikimedia.org/wiki/File:MOS_KIM-1_IMG_4211.jpg" title="File:MOS KIM-1 IMG 4211.jpg">MOS_KIM-1_IMG_4211.jpg</a>:
<a href="//commons.wikimedia.org/wiki/User:Rama" title="User:Rama">Rama</a> & Musée Bolore-framing: <a
href="//commons.wikimedia.org/wiki/User:Tomer_T" title="User:Tomer T">Tomer T</a> (<a
href="//commons.wikimedia.org/wiki/User_talk:Tomer_T" title="User talk:Tomer T"><span class="signature-talk">talk</span></a>)scale:
<a href="//commons.wikimedia.org/wiki/User:Rama" title="User:Rama">Rama</a> - <a
href="//commons.wikimedia.org/wiki/File:Extracted_image_icon.png" class="image"></a>Ten plik jest fragmentem
innego pliku: <a href="//commons.wikimedia.org/wiki/File:MOS_KIM-1_IMG_4211.jpg"
title="File:MOS KIM-1 IMG 4211.jpg">MOS KIM-1 IMG 4211.jpg</a><span
class="wpImageAnnotatorControl wpImageAnnotatorOff"><a
href="//commons.wikimedia.org/wiki/File:MOS_KIM-1_IMG_4211.jpg" class="image"
title="original file"></a></span>, <a href="https://creativecommons.org/licenses/by-sa/2.0/fr/deed.en"
title="Creative Commons Attribution-Share Alike 2.0 fr">CC BY-SA 2.0
fr</a>, <a href="https://commons.wikimedia.org/w/index.php?curid=18666108">Link</a>
</div>
</div>
<img src="img/arduino-uno.jpg" alt="UNO" class="fragment" height="350">
</div>
</section>
<!--
<section>
<img src="img/PAiA_TVT-6_Video_Display_Dec_1977.jpg" alt="KIM-1 Display" height="430">
<div class="rights">By PAiA Electronics, Oklahoma City OK. - Scanned from the December 1977 BYTE magazine (page
159) by Michael Holley <a href="//commons.wikimedia.org/wiki/User:Swtpc6800"
title="User:Swtpc6800">Swtpc6800</a> in March 2015., Public Domain, <a
href="https://commons.wikimedia.org/w/index.php?curid=39247522">Link</a></div>
</section>
-->
<section>
<img src="img/jobswoz2.jpg" alt="Jobs and Woz" height="400">
<h4>Two guys struggling with their design</h4>
<p>Apple I: finally revealed in 1976</p>
</section>
<section>
<h3>November 1976</h3>
<p>Commodore acquires MOS Technology</p>
<img src="img/tramiel.jpeg" alt="Tramiel" height="300">
</section>
<section>
<h2>What was Commodore doing at this moment?</h2>
<div class="fragment">
<img src="img/1200px-Commodore_PR-100_3q.jpg" alt="Calc" height="180">
<h3>Calculators based on MOS chips</h3>
</div>
</section>
<section>
<h3>1977</h3>
<img src="img/889px-Commodore_PET2001.jpg" alt="PET2001" height="450">
<div class="rights">By Photographer: Tomislav Medak from Flickr / Editing: Bill Bertram (<a
href="//commons.wikimedia.org/wiki/User:Pixel8" title="User:Pixel8">Pixel8</a>) - <a rel="nofollow"
class="external free"
href="https://www.flickr.com/photos/tomislavmedak/3803230853/">https://www.flickr.com/photos/tomislavmedak/3803230853/</a>,
<a href="https://creativecommons.org/licenses/by-sa/3.0" title="Creative Commons Attribution-Share Alike 3.0">CC
BY-SA 3.0</a>, <a href="https://commons.wikimedia.org/w/index.php?curid=7644700">Link</a></div>
</section>
<section>
<h3>The 1977 Trinity</h3>
<img src="img/1920px-Trinity77.jpg" alt="Trinity1977">
<div class="rights">By Springsgrace - Own work, CC BY-SA 4.0,
https://commons.wikimedia.org/w/index.php?curid=79216985
</div>
</section>
<section>
<h4>1978: Peddle goes to Apple to join Lisa project</h4>
<p>bye bye $$$ :-(</p>
<img src="img/Apple_Lisa.jpg" alt="Lisa" height="400">
<div class="rights"><a href="http://creativecommons.org/licenses/by-sa/3.0/"
title="Creative Commons Attribution-Share Alike 3.0">CC BY-SA 3.0</a>, <a
href="https://commons.wikimedia.org/w/index.php?curid=18061">Link</a></div>
</section>
<section>
<h3>Peddle leaves Apple in 1979, joins Commodore again</h3>
<p>bye bye even more $$$ :-(</p>
</section>
<section>
<h3>1980: Peddle leaves Commodore for good</h3>
<p>Got sued by Commodore; bye bye rest of $$$</p>
<img src="img/victor-9000-left.jpg" alt="Victor9000" height="350">
</section>
<section data-background-image="img/vic-20.jpg" data-background-opacity="0.5">
<h3>meanwhile Commodore sells over 1 million of VIC-20...</h3>
</section>
<section data-background-image="img/c64.jpg" data-background-opacity="0.5">
<h3>a record to be soon beaten by Commodore 64</h3>
<p>1982-1994, 12.5-17 million</p>
</section>
<section>
<h3>Where can we find 6502 and its variants?</h3>
<div class="tiles">
<div>
<img src="img/542px-Apple_II_typical_configuration_1977.png" alt="AppleII">
<p>Apple II</p>
</div>
<div>
<img src="img/889px-Commodore_PET2001.jpg" alt="PET2001">
<p>Commodore PET 2001</p>
</div>
<div>
<img src="img/Atari-2600-Wood-4Sw-Set.png" alt="Atari2600">
<p>Atari VCS</p>
</div>
<div>
<img src="img/640px-Atari-800-Computer-FL.jpg" alt="Atari 800">
<p>Atari 800</p>
</div>
<div>
<img src="img/640px-Commodore-VIC-20-FL.jpg" alt="VIC 20">
<p>Commodore VIC-20</p>
</div>
<div class="break"></div>
<div>
<img src="img/600px-C64c_system.jpg" alt="C64C">
<p>Commodore 64</p>
</div>
<div>
<img src="img/640px-Atari-7800-wControl-Pad-L.jpg" alt="Atari 7800">
<p>Atari 7800</p>
</div>
<div>
<img src="img/640px-BBC_Micro_Front_Restored.jpg" alt="BBC Micro">
<p>BBC Micro</p>
</div>
<div>
<img src="img/640px-Nintendo-Famicom-Console-Set-FL.jpg" alt="FamiCom">
<p>Nintendo Famicom</p>
</div>
<div>
<img src="img/640px-NES-Console-Set.png" alt="NES">
<p>Nintendo Entertainment System</p>
</div>
<div class="break"></div>
<div>
<img src="img/592px-Apple_iieb.jpg" alt="Apple IIe">
<p>Apple IIe</p>
</div>
<div>
<img src="img/400px-Cbm710_ta.jpg" alt="CBM II">
<p>CBM II</p>
</div>
<div>
<img src="img/640px-Commodore_Plus_4.jpg" alt="Plus 4">
<p>Commodore Plus/4</p>
</div>
<div>
<img src="img/Commodore-128.jpg" alt="C128">
<p>Commodore 128</p>
</div>
<div>
<img src="img/622px-Tamagotchi_0124_ubt.jpeg" alt="Tomagotchi">
<p>Tomagotchi</p>
</div>
</div>
</section>
<section>
<h1>Racing the beam</h1>
<h3>A Carol Shaw story</h3>
</section>
<section>
<h3>An author of River Raid game (1982)</h3>
<img src="img/carol-shaw.jpg" alt="">
<div class="rights">https://info.umkc.edu/unews/celebrating-women-in-stem-carol-shaw/</div>
</section>
<section>
<img src="img/riverraid.jpg" alt="RR">
</section>
<section>
<img src="img/ekranoplan.jpg" alt="EP">
</section>
<section>
<img src="img/Atari-2600-Wood-4Sw-Set.png" alt="Atari2600" class="plain">
<div class="rights">WIKI Commons, PD</div>
</section>
<section>
<div class="flex">
<img src="img/KL_UMC_UM6507.jpg" alt="" width="400">
<img src="img/MOS_6532_3776_package_top.jpg" alt="" width="400">
</div>
<div class="emph fragment">
<div>128 bytes of RAM!</div>
</div>
</section>
<section>
<div class="flex">
<img src="img/A5cathoderay.jpg" alt="CRT" height="300">
<img src="img/televisionscreen.png" alt="A2600" height="450">
</div>
</section>
<section>
<img src="img/river-raid.gif" alt="rr" height="450" class="plain">
</section>
<section>
<h3>Live coding in Assembly?</h3>
<h3>It's gonna be fun</h3>
<img src="img/Ludophiles-Barbarian-C64-Head-Chop.gif" alt="Chop" class="plain">
</section>
<section>
<img src="img/applause.gif" alt="Applause" class="plain">
</section>
<section>
<h2>All stuff on Github</h2>
<img src="img/qr-code.png" alt="QR Code">
<p>https://github.com/maciejmalecki/chamberconf2019</p>
</section>
<!--
<section data-background-image="img/vic-20-startscreen.png" data-background-opacity="0.3">
<h2>Integrated Development Environment</h2>
</section>
<section>
<h3>Who was the first target group of microcomputers?</h3>
<p class="fragment">engineers and scientists who wanted to code</p>
</section>
<section>
<img src="img/billgatesypaulallen.0.jpg" alt="GatesAllen">
<div class="rights">Photo courtesy of Microsoft Archives</div>
</section>
<section>
<img src="img/gates-allen-2.jpg" alt="GatesAllen2" height="430">
</section>
<section>
<img src="img/venkat-on-live-coding.jpg" alt="Venkat" height="400">
</section>
-->
</div>
</div>
<script src="js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
history: true,
slideNumber: true,
dependencies: [
{src: 'plugin/markdown/marked.js'},
{src: 'plugin/markdown/markdown.js'},
{src: 'plugin/notes/notes.js', async: true},
{src: 'plugin/highlight/highlight.js', async: true}
]
});
</script>
</body>
</html>