index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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>Sébastien Pierre</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>Sébastien Pierre</h3>
  80. <img src="687474703a2f2f73656261737469656e7069657272652e63612f66696c65732f73656261737469656e5f7069657272652d323031302d323536783235362e706e67.png" />
  81. <p>Originally from France, I trained in both software engineering and design before moving to Canada 9 years ago. My interests span activism, politics, museography, information design, open data and technology. I have been publishing and contributing to open-source since 1999, and I believe above all else in in participation, free sharing of information, and the power of communities. I co-founded the local open data movement in Montréal and information design studio, FFunction, which is now in its seventh year. More recently, I started exploring how offline networks can change our understanding of information sharing, and how it can be applied to locative art and new media. I live and work in Montréal.</p>
  82. <hr />
  83. <h2>Presenting</h2>
  84. <h3>Locative new media: connecting the physical with the digital</h3>
  85. <p><a href="http://invisibleislands.org/" target="_blank">Invisible Islands</a> is a locative new media project that poses a simple question: "what happens when information is anchored in the physical space?" Using offline networks powered by Raspberry PIs and open-source software, the Islands create a digital overlay that is only accessible at a specific location. Because they are disconnected from the Internet, the Islands create a surveillance-free data space for the community to exchange and interact on a social and creative level.</p>
  86. <p>Invisible Islands was developed and deployed for the first time in 2014 in Aarhus, Denmark. The project was hosted by the Centre for Advanced Visualization and Interaction at Aarhus University and spread throughout the city in various urban sites, allowing for an initial exploration of offline networks deployment in urban space.</p>
  87. <p>In the Montréal iteration of Invisible Islands in 2015, which was supported by the National Film Board, I worked with Canadian writer Daniel Canty to create a site-specific narrative where fragments of a story are woven throughout several points of the city's Quartier des Spectacles, Montreal's cultural center and former red-light district.</p>
  88. <p>Many questions and challenges pop up when deploying digital devices in the urban space, from the legal grey-area to citizen engagement and how projects of this nature fit into contemporary discourse about locative art, site-specificity, activism, spatial annotation, place-based storytelling and mobile gameplay. In this talk, I'll share thoughts about my journey through offline networks, both from a technological, creative and societal standpoint.</p>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="col-md-4 sidebar">
  93. <div>
  94. <a href="http://www.eventbrite.com/e/radical-networks-conference-tickets-18786973343" target="_blank">SOLD OUT!</a>
  95. </div>
  96. <div class="social">
  97. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/twitter.png"></a>
  98. <a href="mailto:info@radicalnetworks.org"><img src="/archives/2015/assets/themes/bootstrap-3/images/email.png"></a>
  99. </div>
  100. <div>In Partnership with<br/>
  101. <a href="http://eyebeam.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  102. </div>
  103. <div>Hosted by<br/>
  104. <a href="http://engineering.nyu.edu/" target="_blank">
  105. <span style="color:#fff;">Integrated Digital Media at</span><br/>
  106. <img src="/archives/2015/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  107. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  108. </div>
  109. <div>Catered by<br/>
  110. <a href="http://www.carminesnyc.com/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/carmines-logo-rgb-1.gif" /></a>
  111. </div>
  112. <div>Live stream provided by<br/>
  113. <a href="http://isoc-ny.org/" target="_blank"><img src="/archives/2015/assets/themes/bootstrap-3/images/Internet_Society_logo_and_wordmark.png" /></a>
  114. <a href="http://livestream.com/internetsociety/radicalnetworks" target="_blank">Live stream begins Saturday 10/24 at 10:00 AM EST</a>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div id="footer">
  121. <div class="container">
  122. <p>
  123. &copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  124. </p>
  125. </div>
  126. </div>
  127. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  128. <!-- Placed at the end of the document so the pages load faster -->
  129. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  130. <script src="/archives/2015/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  131. <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>
  132. </body>
  133. </html>