[slides.git] / linuxwochen2013-makey / index.html

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Author" content="KaiRo - Robert Kaiser">
  <title>MaKey MaKey - "Tastatur"-Kreativität</title>
  <link rel="stylesheet" type="text/css" href="slides.css">
  <script type="text/javascript" src="slides.js"></script>
  <link rel="contents" href="#index" title="Overview">
  <link rel="index" id="link-toc" href="#toc" title="Inhalt">
  <link rel="start" id="link-start" href="#index" title="Start">
</head>
<body onload="docLoaded();">
<header id="header"><div id="header-text">MaKey MaKey</div>
  <div id="subheader-text"></div>
  <a id="headerlogo" href="#index" title="Startseite">KaiRo.at</a>
</header>
<nav id="slidenav">
  <a href="#toc" id="nav-toc" accesskey="t">Inhalt</a> ||
  <a href="#index" id="nav-start" accesskey="s">Start</a> ||
  <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
  <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
  <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
  <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
</nav>

<article id="toc" title="Inhalt">
<h1>Inhalt</h1>
<h2>MaKey MaKey - "Tastatur"-Kreativität</h2>

<div class="captionedbox">
<p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
<div class="captionedbox-content">
<ul id="toc-list">
</ul>
</article>

<article id="index" title="Startseite">
<h1>MaKey MaKey - "Tastatur"-Kreativität</h1>
<h2>Ein Erfindungs-Bausatz für Jedermann</h2>

<div class="simplebox">
<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
"KaiRo" &lt;kairo@kairo.at&gt;
<br><small>Mozilla-Stabilitäts-Manager</small>
</div>

<div class="captionedbox">
<p class="captionedbox-caption">Folien:
  <a href="http://slides.kairo.at/linuxwochen2013-makey/">http://slides.kairo.at/linuxwochen2013-makey/</a></p>
<div class="captionedbox-content small">
<ul class="small">
  <li>Erstellt für
    <a href="https://cfp.linuxwochen.at/de/lww2013/public/events/22">Vortrag</a>
    auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2013</a> in Wien.</li>
  <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
  <li>Navigation mit Links auf allen Folien, mit Accesskeys
   (e.g. "n"/Alt+Shift+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
  <li><a href="#toc">Inhalt</a></li>
  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
      alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
      src="cc-by-sa-80x15.png"></a> 04/2013 Robert Kaiser</li>
</ul>
</div>
</div>
</article>

<article id="whowhy" title="Wer und Warum">
<h1>Wer und Warum?</h1>

<div class="simplebox">
<ul>
  <li>Entwicklung von 2 MIT-Studenten</li>
  <li>Jay Silver und Eric Rosenbaum (JoyLabz)</li>
  <li>Forschung im Rahmen von Erfinder-Sets</li>
</ul>
</div>
</article>

<article id="makeymakey" title="MaKey MaKey">
<h1>Was ist "MaKey MaKey"?</h1>

<div class="simplebox">
<ul>
  <li>Kleine Platine mit Steckern und Kroko-Verbindern</li>
  <li>Wird als USB-Tastatur (+Maus) erkannt</li>
  <li>Tastenereignisse auch bei Kontaktschluss durch Mensch, usw.</li>
</ul>
</div>
</article>

<article id="open" title="Open Hardware">
<h1>Open Hardware</h1>

<div class="simplebox">
<ul>
  <li>Arduino-basierte Platine</li>
  <li>Entwickelt in Kooperation mit SparkFun</li>
  <li><a href="https://github.com/sparkfun/makeymakey">github.com/sparkfun/makeymakey</a></li>
</ul>
</div>
</article>

<article id="materials" title="Materialien">
<h1>Materialien</h1>

<div class="simplebox">
<ul>
  <li>Alles, was auch nur kleine Mengen Strom leitet</li>
  <li>Menschen, Pflanzen, Bananen, andere Früchte, Bleistift,
      (Graphitzeichnungen mit weicher Mine), Spiel-Knetmasse,
      Besteck, Haustiere, Alufolie, Wasser bzw. jegliche nasse
      Gegenstände, Münzen, ...</li>
</ul>
</div>
</article>

<article id="video" title="Video">
<h1>Video</h1>

<div class="simplebox">
<iframe src="http://player.vimeo.com/video/60307041?title=0&amp;byline=0&amp;portrait=0"
        webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""
        frameborder="0" height="281" width="500"></iframe>
</div>
</article>

<article id="demo" title="Demo">
<h1>Demo</h1>

<div class="simplebox">
<ul>
  <li>Piano: <a href="http://piano.kairo.at/">piano.kairo.at</a></li>
  <li>Fotoautomat: <a href="https://github.com/codepo8/interaction-cam">github.com/codepo8/interaction-cam</a></li>
  <li>Lantea Maps: <a href="http://lantea.kairo.at/">lantea.kairo.at</a></li>
  <li>BananaBread: <a href="https://developer.mozilla.org/en-US/demos/detail/bananabread">mzl.la/O6LKMP</a></li>
</ul>
</div>
</article>

</body>
</html>
Commit	Line	Data
c598296b RK	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	5	<meta name="Author" content="KaiRo - Robert Kaiser">
	6	<title>MaKey MaKey - "Tastatur"-Kreativität</title>
	7	<link rel="stylesheet" type="text/css" href="slides.css">
	8	<script type="text/javascript" src="slides.js"></script>
	9	<link rel="contents" href="#index" title="Overview">
	10	<link rel="index" id="link-toc" href="#toc" title="Inhalt">
	11	<link rel="start" id="link-start" href="#index" title="Start">
	12	</head>
	13	<body onload="docLoaded();">
	14	<header id="header"><div id="header-text">MaKey MaKey</div>
	15	<div id="subheader-text"></div>
	16	<a id="headerlogo" href="#index" title="Startseite">KaiRo.at</a>
	17	</header>
	18	<nav id="slidenav">
	19	<a href="#toc" id="nav-toc" accesskey="t">Inhalt</a> \|\|
	20	<a href="#index" id="nav-start" accesskey="s">Start</a> \|\|
	21	<a href="#" id="nav-prev" accesskey="p" hidden>< zurück</a>
	22	<span id="nav-prev-nolink" class="nolink">< zurück</span> \|
	23	<a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter ></a>
	24	<span id="nav-next-nolink" class="nolink">weiter ></span>
	25	</nav>
	26
	27	<article id="toc" title="Inhalt">
	28	<h1>Inhalt</h1>
	29	<h2>MaKey MaKey - "Tastatur"-Kreativität</h2>
	30
	31	<div class="captionedbox">
	32	<p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
	33	<div class="captionedbox-content">
	34	<ul id="toc-list">
	35	</ul>
	36	</article>
	37
	38	<article id="index" title="Startseite">
	39	<h1>MaKey MaKey - "Tastatur"-Kreativität</h1>
	40	<h2>Ein Erfindungs-Bausatz für Jedermann</h2>
	41
	42	<div class="simplebox">
	43	<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
	44	"KaiRo" <kairo@kairo.at>
	45	<br><small>Mozilla-Stabilitäts-Manager</small>
	46	</div>
	47
	48	<div class="captionedbox">
	49	<p class="captionedbox-caption">Folien:
	50	<a href="http://slides.kairo.at/linuxwochen2013-makey/">http://slides.kairo.at/linuxwochen2013-makey/</a></p>
	51	<div class="captionedbox-content small">
	52	<ul class="small">
	53	<li>Erstellt für
	54	<a href="https://cfp.linuxwochen.at/de/lww2013/public/events/22">Vortrag</a>
	55	auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2013</a> in Wien.</li>
	56	<li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
	57	<li>Navigation mit Links auf allen Folien, mit Accesskeys
	58	(e.g. "n"/Alt+Shift+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
	59	<li><a href="#toc">Inhalt</a></li>
	60	<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
	61	alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
	62	src="cc-by-sa-80x15.png"></a> 04/2013 Robert Kaiser</li>
	63	</ul>
	64	</div>
65	</div>
66	</article>
67
233aec20 RK	68	<article id="whowhy" title="Wer und Warum">
	69	<h1>Wer und Warum?</h1>
	70
	71	<div class="simplebox">
	72	<ul>
	73	<li>Entwicklung von 2 MIT-Studenten</li>
	74	<li>Jay Silver und Eric Rosenbaum (JoyLabz)</li>
	75	<li>Forschung im Rahmen von Erfinder-Sets</li>
	76	</ul>
	77	</div>
	78	</article>
	79
c598296b RK	80	<article id="makeymakey" title="MaKey MaKey">
	81	<h1>Was ist "MaKey MaKey"?</h1>
	82
	83	<div class="simplebox">
	84	<ul>
233aec20 RK	85	<li>Kleine Platine mit Steckern und Kroko-Verbindern</li>
	86	<li>Wird als USB-Tastatur (+Maus) erkannt</li>
	87	<li>Tastenereignisse auch bei Kontaktschluss durch Mensch, usw.</li>
	88	</ul>
	89	</div>
	90	</article>
	91
	92	<article id="open" title="Open Hardware">
	93	<h1>Open Hardware</h1>
	94
	95	<div class="simplebox">
	96	<ul>
	97	<li>Arduino-basierte Platine</li>
	98	<li>Entwickelt in Kooperation mit SparkFun</li>
	99	<li><a href="https://github.com/sparkfun/makeymakey">github.com/sparkfun/makeymakey</a></li>
	100	</ul>
	101	</div>
	102	</article>
	103
	104	<article id="materials" title="Materialien">
	105	<h1>Materialien</h1>
	106
	107	<div class="simplebox">
	108	<ul>
	109	<li>Alles, was auch nur kleine Mengen Strom leitet</li>
	110	<li>Menschen, Pflanzen, Bananen, andere Früchte, Bleistift,
	111	(Graphitzeichnungen mit weicher Mine), Spiel-Knetmasse,
	112	Besteck, Haustiere, Alufolie, Wasser bzw. jegliche nasse
	113	Gegenstände, Münzen, ...</li>
c598296b RK	114	</ul>
	115	</div>
	116	</article>
	117
233aec20 RK	118	<article id="video" title="Video">
	119	<h1>Video</h1>
	120
	121	<div class="simplebox">
	122	<iframe src="http://player.vimeo.com/video/60307041?title=0&byline=0&portrait=0"
	123	webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""
	124	frameborder="0" height="281" width="500"></iframe>
	125	</div>
	126	</article>
	127
c598296b RK	128	<article id="demo" title="Demo">
	129	<h1>Demo</h1>
	130
	131	<div class="simplebox">
	132	<ul>
	133	<li>Piano: <a href="http://piano.kairo.at/">piano.kairo.at</a></li>
	134	<li>Fotoautomat: <a href="https://github.com/codepo8/interaction-cam">github.com/codepo8/interaction-cam</a></li>
	135	<li>Lantea Maps: <a href="http://lantea.kairo.at/">lantea.kairo.at</a></li>
	136	<li>BananaBread: <a href="https://developer.mozilla.org/en-US/demos/detail/bananabread">mzl.la/O6LKMP</a></li>
	137	</ul>
	138	</div>
	139	</article>
	140
	141	</body>
	142	</html>