mirror of
https://github.com/seigler/presentation-blockchains
synced 2025-07-26 17:16:11 +00:00
376 lines
14 KiB
HTML
376 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tech Talk: Blockchain</title>
|
|
<link rel="stylesheet" href="styles/main.css" charset="utf-8">
|
|
<link rel="stylesheet" href="styles/blockchain.css" charset="utf-8">
|
|
</head>
|
|
<body class="is-loading">
|
|
<nav>
|
|
<label for="commandField">Command:</label>
|
|
<input list="commands" type="text" id="commandField" autocomplete="off" pattern="[0-9]+|[spc]">
|
|
<ul class="help">
|
|
<li>
|
|
<strong>#</strong> - jump to a slide item
|
|
</li>
|
|
<li>
|
|
<strong>s</strong> - toggle projector simulation
|
|
</li>
|
|
<li>
|
|
<strong>p</strong> - toggle presenter mode
|
|
</li>
|
|
<li>
|
|
<strong>c</strong> - clone window
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<main>
|
|
|
|
<section class="row title-page">
|
|
<div class="col">
|
|
<img src="styles/blocks.jpg" alt="" class="cover">
|
|
<h1 style="font-weight: 900; background-color: black; color: white; display: inline-block; align-self: flex-end;">Block</h1>
|
|
</div>
|
|
<div class="col">
|
|
<img src="styles/chains.jpg" alt="" class="cover">
|
|
<h1 style="font-weight: 900; background-color: white; color: black; display: inline-block; align-self: flex-start;">Chain</h1>
|
|
</div>
|
|
<div class="notes">Blockchain is this hot new buzzword.
|
|
We have to start with the big one, Bitcoin.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/bitcoin.svg" style="height: 50vmin; width: 50vmin; margin: auto;" alt="">
|
|
<div class="notes">Bitcoin was started on October 31, 2008. Open-sourced Jan 3, 2009. Creator pseudonym Satoshi Nakamoto.
|
|
Technically not first cryptocurrency, DigiCash came in 1990.
|
|
First <em>decentralized</em> virtual currency.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/cat-money.jpg" alt="" class="cover">
|
|
<div class="cover" style="background-color: rgba(0, 0, 0, 0.6)">
|
|
<h1>What is money?</h1>
|
|
<li>
|
|
<ul janus-timeline janus-future="down">Durable</ul>
|
|
<ul janus-timeline janus-future="down">Portable</ul>
|
|
<ul janus-timeline janus-future="down">Fungible</ul>
|
|
<ul janus-timeline janus-future="down">Divisible</ul>
|
|
<ul janus-timeline janus-future="down">Scarce</ul>
|
|
</li>
|
|
</div>
|
|
<div class="notes">
|
|
Medium of exchange: portable, durable, fungible
|
|
Unit of account: divisible, fungible
|
|
Store of value: durable, scarce, fungible
|
|
|
|
Next: things we've used as money</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/seashells.jpg" alt="" class="cover">
|
|
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
|
<table class="yesnomaybe">
|
|
<tbody>
|
|
<tr>
|
|
<th>Durable</th><td class="maybe"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Portable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Divisible</th><td class="maybe"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fungible</th><td class="no"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Scarce</th><td class="no"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">Shells
|
|
Used on most continents.
|
|
Still a legal currency in Papua New Guinea alongside their paper money.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/Yap_Stone_Money.jpg" alt="" class="cover">
|
|
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
|
<table class="yesnomaybe">
|
|
<tbody>
|
|
<tr>
|
|
<th>Durable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Portable</th><td class="no"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Divisible</th><td class="no"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fungible</th><td class="no"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Scarce</th><td class="yes"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="notes">Stone money
|
|
Made in Micronesia and Guam
|
|
Transported to the island of <em>Yap</em> as currency.
|
|
Value from the story of how hard it was to transport.
|
|
Ownership transferred by oral history, stones not moved.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/gold.jpg" alt="" class="cover">
|
|
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
|
<table class="yesnomaybe">
|
|
<tbody>
|
|
<tr>
|
|
<th>Durable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Portable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Divisible</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fungible</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Scarce</th><td class="yes"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">
|
|
Gold (and silver).
|
|
Pretty popular.
|
|
Still used today.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/dollars.jpg" alt="" class="cover">
|
|
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
|
<table class="yesnomaybe">
|
|
<tbody>
|
|
<tr>
|
|
<th>Durable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Portable</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Divisible</th><td class="yes"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fungible</th><td class="maybe"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Scarce</th><td class="no"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">US dollars
|
|
Used to represent gold and silver, after World War 1 pretty much everybody decided to switch to unbacked "floating money" so they could fuel government expenses with inflation.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>How could we make<br><em>digital</em> currency?</h1>
|
|
<div class="cover" janus-timeline janus-future="down" janus-past="down">
|
|
<img src="styles/heath.png" alt="" style="position: absolute; height: 60vh; bottom: -5vh; right: 0; transform: rotate(-30deg)">
|
|
</div>
|
|
<div janus-timeline></div>
|
|
<div class="notes">Digital items can be duplicated; how can I send you something the way I do in the physical world? The Yapanese people had the right idea: use a ledger.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<table>
|
|
<tbody style="text-align: right;">
|
|
<tr>
|
|
<th>Joshua</th>
|
|
<td>25</td>
|
|
<td><div janus-timeline janus-future="right" style="color: #F00;"> - 15</div></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Jack</th>
|
|
<td>12</td>
|
|
<td><div janus-timeline janus-future="right" style="color: #090;"> + 15</div></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Dave</th>
|
|
<td>9</td>
|
|
</tr>
|
|
<tr>
|
|
<th>George</th>
|
|
<td>40</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">A ledger keeps track each person's money.
|
|
To send money, reduce my account and increase their account.
|
|
Like Paypal.
|
|
|
|
BUT - requires trust</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/padlock.jpg" alt="" class="cover">
|
|
<h1 style="color: #f7931a; font-weight: 900; text-shadow: 0 0 2em black; -webkit-text-stroke: 0.025em white">Cryptography</h1>
|
|
<div class="notes">We can use public and private keys to control balances in an anonymous ledger.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<table>
|
|
<tbody style="text-align: right; font-size: 0.8rem">
|
|
<tr>
|
|
<th><code>1D4FA353C82B4</code></th>
|
|
<td>11.5</td>
|
|
<td><div janus-timeline janus-future="right" style="color: #F00;"> - 11</div></td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>37563EA8932FB</code></th>
|
|
<td>6.0</td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>D163512ECD12E</code></th>
|
|
<td>9.0</td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>D15F73E98432A</code></th>
|
|
<td>13.5</td>
|
|
<td><div janus-timeline janus-future="right" style="color: #F00;"> - 4</div></td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>333BCBA13A54C</code></th>
|
|
<td>9.7</td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>8DBDA78D8BEF2</code></th>
|
|
<td>1.1</td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>C5F83ED13497A</code></th>
|
|
<td>6.0</td>
|
|
<td><div janus-timeline janus-future="right" style="color: #090;"> + 15</div></td>
|
|
</tr>
|
|
<tr>
|
|
<th><code>92A1E683111A2</code></th>
|
|
<td>30.2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">Then instead of sending a payment from "Joshua" to "Jack", it's a payment from "private keys A and B" to "public key C".</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/headstone.svg" style="height: 60vh; margin: 0.5em auto 0" alt="">
|
|
<img src="styles/grass-back.svg" style="position: absolute; z-index: -1; width: 100%; top: 60vh">
|
|
<img src="styles/grass-front.svg" style="position: absolute; width: 100%; top: 66vh">
|
|
<div class="notes">There's a company that actually did this, called DigiCash. they maintained a ledger with cryptographically controlled balances. Consumers weren't concerned enough about security or privacy and they ran out of money.</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>How to decentralize?</h1>
|
|
<div janus-timeline class="cover" style="z-index: 1;">
|
|
<img src="styles/oprah-giveaway.jpg" alt="" class="cover">
|
|
<h2>You get a ledger! You get a ledger!</h2>
|
|
<h1>YOU ALL GET A LEDGER!!</h1>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Double Spending</h1>
|
|
<div class="notes">Real world, double spending is easy.
|
|
Two checks
|
|
First deposit "wins"
|
|
All about timing
|
|
|
|
How do you fix this?</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img class="cover" src="styles/hashbrowns.jpg" alt="hashbrowns">
|
|
<h1 style="color: black">Hashes</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Proof of Work</h1>
|
|
</section>
|
|
|
|
<section class="hashpointers">
|
|
<img janus-timeline janus-future="big" src="styles/hashpointers-linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<img janus-timeline janus-future="big" src="styles/hashpointers-hashes.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<img janus-timeline janus-future="left" src="styles/hashpointers-new-entry.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<h1>Hash Pointers</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Applications</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Currency</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Digital Assets</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
payment information
|
|
usernames
|
|
DNS
|
|
</div>
|
|
<h1>Identity</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
embedding a hash in the blockchain demonstrates an item's existence at point in the past
|
|
</div>
|
|
<h1>Proof of Existence</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Payment Infrastructure</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
DAO
|
|
Ethereum/RootStock
|
|
</div>
|
|
<h1>Smart Contracts</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Further reading:</h1>
|
|
<ul>
|
|
<li><a href="http://money.visualcapitalist.com/infographic-the-properties-of-money/">Infographic: The Properties of Money</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="credits">
|
|
<h1>Credits</h1>
|
|
<ul style="font-size: 0.5rem">
|
|
<li><a href="https://www.flickr.com/photos/stevendepolo/5644838033/"><img src="styles/blocks.jpg" alt="" class="thumbnail">Steven Depolo, Flickr</a></li>
|
|
<li><a href="https://commons.wikimedia.org/w/index.php?curid=161923"><img src="styles/Yap_Stone_Money.jpg" alt="" class="thumbnail">Eric Guinther, English Wikipedia</a></li>
|
|
<li><a href="https://www.flickr.com/photos/ishtaure-dawn/14297543026"><img src="styles/seashells.jpg" alt="" class="thumbnail">Ishataure Dawn, Flickr</a></li>
|
|
<!-- <li><a href="https://www.flickr.com/photos/68751915@N05/6710868859"><img src="styles/giftcards.jpg" alt="" class="thumbnail">401(K) 2010, Flickr</a></li>-->
|
|
<li><a href="https://www.flickr.com/photos/imtfi/5875765289"><img src="styles/money-transaction.jpg" alt="" class="thumbnail">Institute for Money, Technology and Financial Inclusion, Flickr</a></li>
|
|
<!-- <li><a href="https://commons.wikimedia.org/wiki/File:The_Velveteen_Rabbit_pg_37.jpg"><img src="styles/make-it-real.png" alt="" class="thumbnail">Velveteen Rabbit, Margery Williams 1922</a></li>-->
|
|
<li><a href="https://www.flickr.com/photos/ammichaels/7159593410"><img src="styles/hashbrowns.jpg" alt="" class="thumbnail">cheeseslave, Flickr</a></li>
|
|
<li>Emoji art supplied by <a href="http://emojione.com/">EmojiOne</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
</main>
|
|
<script type="text/javascript" src="libs/openjs-shortcut/shortcut.js"></script>
|
|
<script type="text/javascript" src="scripts/app.js"></script>
|
|
</body>
|
|
</html>
|