index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Carrie Kengle</title>
  7. <meta name="author" content="Radical Networks">
  8. <!-- Enable responsive viewport -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <!-- Bootstrap styles -->
  11. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Optional theme -->
  13. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  14. <!-- Sticky Footer -->
  15. <link href="/archives/2015/assets/themes/bootstrap-3/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  16. <!-- Custom styles and fonts -->
  17. <link href='http://fonts.googleapis.com/css?family=Roboto+Mono:400,100,300,500,700' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  19. <link href="/archives/2015/assets/themes/bootstrap-3/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  20. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  24. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  25. <![endif]-->
  26. <!-- Fav and touch icons -->
  27. <!-- Update these with your own images
  28. <link rel="shortcut icon" href="/archives/2015/assets/themes/bootstrap-3/images/favicon.ico">
  29. <link rel="apple-touch-icon" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon.png">
  30. <link rel="apple-touch-icon" sizes="72x72" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon-72x72.png">
  31. <link rel="apple-touch-icon" sizes="114x114" href="/archives/2015/assets/themes/bootstrap-3/images/apple-touch-icon-114x114.png">
  32. -->
  33. </head>
  34. <body>
  35. <div id="wrap">
  36. <div class="container">
  37. <nav class="row navbar" role="navigation">
  38. <!-- Brand and toggle get grouped for better mobile display -->
  39. <div class="navbar-header">
  40. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-spacer"></span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-spacer"></span>
  48. <br/>
  49. </button>
  50. </div>
  51. <!-- Collect the nav links, forms, and other content for toggling -->
  52. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  53. <ul class="nav navbar-nav">
  54. <li><a href="/archives/2015/about/index.html">About</a></li>
  55. <li><a href="/archives/2015/speakers/index.html">Speakers</a></li>
  56. <li><a href="/archives/2015/program/index.html">Program</a></li>
  57. <li><a href="/archives/2015/team/index.html">Team</a></li>
  58. <li><a href="/archives/2015/policies/index.html">Policies</a></li>
  59. <li><a href="/archives/2015/location/index.html">Location</a></li>
  60. </ul>
  61. </div><!-- /.navbar-collapse -->
  62. </nav>
  63. <header>
  64. <div class="row">
  65. <a href="/archives/2015">
  66. <h1>Radical<span class="light">/Networks</span></h1>
  67. </a>
  68. <h2>October 24-25, 2015<br/>Integrated Digital Media<br/>MAGNET NYU Poly, Brooklyn, NY</h2>
  69. <div class="social">
  70. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  71. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  72. </div>
  73. </div>
  74. </header>
  75. <div class="row">
  76. <div class="col-md-8 content">
  77. <div class="row">
  78. <div class="col-xs-12">
  79. <h3>Carrie Kengle</h3>
  80. <img src="68747470733a2f2f7777772e64726f70626f782e636f6d2f732f6937657779696a72687664366667722f636b2d70726f66696c652d7069632d3235362e706e673f646c3d31.png" />
  81. <p>Carrie Kengle is a New York based developer and designer. She is an active open-source contributor and can be found using the Raspberry Pi to create installations, web and data driven LED works</p>
  82. <hr />
  83. <h2>Presenting with <a href="../bruno-kruse/">Bruno Kruse</a></h2>
  84. <h3>Workshop: How Was Your Day, an Ambient Network</h3>
  85. <img src="687474703a2f2f692e696d6775722e636f6d2f324d47484966472e676966.gif" />
  86. <p>"How Was Your Day" is an experimental social network that enables you to communicate via color and light.</p>
  87. <p>Light patterns and color as forms communication has been explored throughout history. Examples include signal lamps, morse code, smoke signals and smartphone notifications. Can we develop our own ambient language using only patterns, light and color?</p>
  88. <p>Together in this workshop we are looking to push the these concepts further with our favorite modern-day web technologies. We will be designing a peer-to-peer communication network using software and hardware tools including Raspberry Pi, MeteorJS, MQTT, LED Strips and breakout boards.</p>
  89. <p>In the first half of the workshop we will learn about basic setup, networking and communication with Raspberry Pi. In the second half we'll build out the hardware component of the project to display our network data via light. Our breakout board kit is designed to be a simple way to connect LED strips to the RaspberryPi GPIO.</p>
  90. <h3>Workshop Agenda</h3>
  91. <ul>
  92. <li>Setting up the RPi</li>
  93. <li>Installing our social network templates. NodeJS + MQTT</li>
  94. <li>Break</li>
  95. <li>Hardware jam and building</li>
  96. </ul>
  97. <h3>Prerequisites</h3>
  98. <p>Basic programming knowledge recommended. (JavaScript)</p>
  99. <img src="ambient_networks.jpg" width="50%" />
  100. <h3>Materials</h3>
  101. <p>Bring $60 cash to purchase at the workshop, or bring your own:
  102. <ul>
  103. <li>Raspberry Pi Model B+</li>
  104. <li>USB WiFi dongle (802.11b/g/n)</li>
  105. <li>8GB Card w/ Raspbian Wheezy</li>
  106. <li>5V 2A MicroUSB power cable</li>
  107. </ul>
  108. </p>
  109. <p>We will also provide each attendee with these additional items:</p>
  110. <ul>
  111. <li>Custom hardware</li>
  112. <li>LED Strip</li>
  113. <li>5V power supply for the LEDs</li>
  114. </ul>
  115. <p>Each participant should have a laptop with a text editor and an SSH client installed.</p>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="col-md-4 sidebar">
  120. <div>
  121. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  122. </div>
  123. <div class="social">
  124. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  125. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  126. </div>
  127. <div>In Partnership with<br/>
  128. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  129. </div>
  130. <div>Hosted by<br/>
  131. <a href="http://engineering.nyu.edu/" target="_blank">
  132. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  133. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  134. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  135. </div>
  136. <div>Catered by<br/>
  137. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  138. </div>
  139. <div>Live stream provided by<br/>
  140. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  141. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <div id="footer">
  148. <div class="container">
  149. <p>
  150. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  151. </p>
  152. </div>
  153. </div>
  154. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  155. <!-- Placed at the end of the document so the pages load faster -->
  156. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  157. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  158. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  159. </body>
  160. </html>