chootka
/
radical-networks


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Raphaël Bastide</title>
    
    <meta name="author" content="Radical Networks">

    <!-- Enable responsive viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:url"                content="http://radicalnetworks.org" />
    <meta property="og:title"              content="Radical Networks 2018" />
    <meta property="og:description"        content="October 19-21, 2018 in Berlin, Germany" />
    <meta property="og:site_name"          content="Radical Networks"/>
    <meta property="og:image"              content="https://radicalnetworks.org/assets/themes/images/radnets_logo_larger.png"/>

    <!-- Bootstrap styles -->
    <link href="/assets/themes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Optional theme -->
    <link href="/assets/themes/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
    <!-- Sticky Footer -->
    <link href="/assets/themes/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
    
    <!-- Custom styles and fonts -->
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link href="/assets/themes/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="wrap">
      <div class="container">
        <nav class="row navbar" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <span class="icon-bar"></span>
            <span class="icon-spacer"></span>
            <br/>
        </button>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="jb-navbar-collapse">
      <ul class="nav navbar-nav">
      
          <li><a href="/archives/2018/about/">About</a></li>
      
          
              <li><a href="/archives/2018/participants/">Participants</a></li>
            
          
              <li><a href="/archives/2018/program/">Program</a></li>
            
          
              <li><a href="/archives/2018/gallery/">Gallery</a></li>
            
          
              <li><a href="/archives/2018/sponsors/">Sponsors</a></li>
            
          
              <li><a href="/archives/2018/location/">Location</a></li>
            
          
              <li><a href="/archives/2018/team/">Team</a></li>
            
            
              <li><a href="/archives/2018/policies/">Policies</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
</nav>
        <header>
  <div class="row">
    <a href="/archives/2018/">
      <img class="logo" src="/assets/themes/images/radnets_logo.png" width="500" height="76" />
    </a>
    <h2>October 19-21, 2018<br/>Berlin, Germany</h2>
  	<div class="social">
      <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" /></a>
      <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" /></a>
      <a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="/assets/themes//images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
<!--       <a class="press" href="/assets/themes//pdf/radical_networks_2017_press_kit.pdf">2017 Press Kit</a> -->
  	</div>
  </div>
</header>

        <div class="row">
          <div class="col-md-8 content">
            
<div class="row">
  <div class="col-xs-12">
    <h3>Raphaël Bastide</h3>
<p><img src="raphaelbastide.jpg" width="256px" /></p>
<p><a href="dat://31f852450f22d5b485eac4eb892df0cd148aa7b997894d2f82a53a231ff02faa/" target="_blank">Dat</a> | <a href="http://raphaelbastide.com/" target="_blank">Website</a> | <a href="https://twitter.com/raphaelbastide" target="_blank">Twitter</a></p>
<p>I am an artist and educator, based in Paris. My work is mainly relating to the digital and computer program culture. The projects I create include installations, online and offline performances, websites and custom made programs.</p>

<p>My sculptural work takes the form of installations or instruments, focusing on making conceptual models inspired by programs, languages, and software. I researches the potential influence of digital systems on physical reality, exploring thematics such as time distortions and version-based fiction.</p>

<p>I am also a free software enthusiast, I use free and open source code and content and distribute mine under free licences as well. I currently teach at Parsons Paris and I am part of research collectives such as <a href="http://prepostprint.org/" target="_blank">PrePostPrint</a> (experimental publishing systems), <a href="http://velvetyne.fr/" target="_blank">VTF</a> (libre type foundry), ex-member of <a href="http://libreobjet.org/" target="_blank">Libre Objet</a> (open source objects).</p>

<hr />

<h2>Presenting</h2>
<h3>Floating Swarms</h3>
<p>Floating Swarm began in the context of a net art course I give at Parsons Paris last semester. I wanted to publish the most interesting student’s netart projects on a public online gallery. Then I realized it can be even better if they publish it themselves, on a decentralized web network, taking advantage of the cool features Beaker Browser offers (among other, to publish and fork content in seconds). I want this project to go beyond the net art course and invite experienced persons like you.</p>

<p>Dat is a peer-to-peer network and Beaker Browser allow to surf on it. Beaker makes the publication really easy thanks to a “Create new website” button.</p>

<p>Floating Swarm is the name of the surf club I created. The format is simple and inspired by many older surf clubs (Nasty Nets, Spirit Surfers, Club Internet...).</p>

<p>My presentation will describe how Floating Swarm follows the traditions of artistic internet “surf clubs”, and also how it differs from its ancestors. I also plan to focus on technical details of the dat protocol and Beaker Browser, and what publishing is interstices such as a P2P web means for artists, technically and creatively. I want to conclude on a note on the technicality and the notion of tools for conviviality coined by Ivan Illich.</p>

  </div>
</div>


          </div>
          <div class="col-md-4 sidebar">
            <div>
<!-- 	Download our <a href="/assets/themes//pdf/radical_networks_2018_press_kit.pdf">2018 Press Kit</a>
</div> -->
<div>
	<span class="tickets">Tickets SOLD OUT!</span>
</div>
<div>Hosted by<br/>
	<a class="host" href="https://spektrumberlin.de/" target="_blank">
		<img src="https://spektrumberlin.de/typo3conf/ext/wb_spektrum/Resources/Public/assets/cube-spektrum-100px.png" width="50" /><span class="spektrum">SPEKTRUM</span>
	</a>
	<p style="padding-top: 8px">Bürknerstraße 12<br/>12047 Berlin Germany</p>
</div>
<!-- <div class="bigger">Live stream provided by<br/>
	<img src="/assets/themes//images/isoclogo.png" width="300" />
	<br/><a href="https://livestream.com/internetsociety/radnets17" target="_blank">Main Stage Archive</a>
	<br/>
	<a href="https://livestream.com/accounts/9197973/radnets17" target="_blank">Workshops Archive</a>
</div> -->
<div class="social">Contact<br/>
	<a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes//images/twitter_logo.png" width="37" height="37" alt="twitter" /></a>
	<a href="mailto:info@radicalnetworks.org"><img src="/assets/themes//images/email.png" width="37" height="37" alt="email" /></a>
	<a href="http://list.weise7.org/listinfo/radnets" target="_blank"><img src="/assets/themes//images/mailing-list.png" alt="mailing list" width="37" height="37" /></a>
</div>
<div>
	<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		<input type="hidden" name="cmd" value="_s-xclick">
		<input type="hidden" name="hosted_button_id" value="5AA3EA93WNFP2">
		<input type="image" src="https://radicalnetworks.org/assets/themes/images/donate_button.png" width="150px" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
		<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
	</form>
</div>
<div>Psssst...<br/>
	We're on the <a href="dat://c0965105755be00cafd7d176c6ccdce467b896c7284b4915733a83e6f2f78231/" target="_blank">dat network</a>, too.
</div>


          </div>
        </div>  
      </div>
    </div>

    <div id="footer">
      <div class="container">
        <p>
	&copy; 2018 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
</p>
      </div>
    </div>

    
    <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="/assets/themes//bootstrap/js/bootstrap.min.js"></script>
    <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>
  </body>
</html>