doc/start/getting_started/sharedata.html.textile.liquid

   1 ---
   2 layout: default
   3 navsection: start
   4 title: Sharing Data
   5 ...
   6
   7 You can easily share data entirely through Workbench, the web interface to Arvados.
   8
   9 h2. Upload and share your existing data
  10
  11 Step-by-step instructions are shown below.
  12
  13 <div id="carousel-sharedata" class="carousel slide" data-interval="false">
  14   <!-- Indicators -->
  15   <ol class="carousel-indicators">
  16     <li data-target="#carousel-sharedata" data-slide-to="0" class="active"></li>
  17     <li data-target="#carousel-sharedata" data-slide-to="1"></li>
  18     <li data-target="#carousel-sharedata" data-slide-to="2"></li>
  19     <li data-target="#carousel-sharedata" data-slide-to="3"></li>
  20     <li data-target="#carousel-sharedata" data-slide-to="4"></li>
  21     <li data-target="#carousel-sharedata" data-slide-to="5"></li>
  22     <li data-target="#carousel-sharedata" data-slide-to="6"></li>
  23     <li data-target="#carousel-sharedata" data-slide-to="7"></li>
  24   </ol>
  25
  26   <!-- Wrapper for slides -->
  27   <div class="carousel-inner" role="listbox">
  28     <div class="item active">
  29       <img src="{{ site.baseurl }}/images/uses/gotohome.png" alt="Step 1. From the dashboard, go to your Home project.">
  30       <div class="carousel-caption">
  31         Step 1. From the dashboard, go to your Home project.
  32       </div>
  33     </div>
  34
  35     <div class="item">
  36     <img src="{{ site.baseurl }}/images/uses/uploaddata.png" alt="Click 'Add data' &rarr; 'Upload files'.">
  37       <div class="carousel-caption">
  38         Click 'Add data' &rarr; 'Upload files'.
  39       </div>
  40     </div>
  41
  42     <div class="item">
  43       <img src="{{ site.baseurl }}/images/uses/choosefiles.png" alt="A new collection is created automatically. Choose files to upload and hit Start.">
  44       <div class="carousel-caption">
  45         A new collection is created automatically. Choose files to upload and hit Start.
  46       </div>
  47     </div>
  48
  49     <div class="item">
  50       <img src="{{ site.baseurl }}/images/uses/uploading.png" alt="Files will upload and stay uploaded even if the browser is closed.">
  51       <div class="carousel-caption">
  52         Files will upload and stay uploaded even if the browser is closed.
  53       </div>
  54     </div>
  55
  56     <div class="item">
  57       <img src="{{ site.baseurl }}/images/uses/rename.png" alt="Rename the collection appropriately.">
  58       <div class="carousel-caption">
  59         Rename the collection appropriately.
  60       </div>
  61     </div>
  62
  63     <div class="item">
  64       <img src="{{ site.baseurl }}/images/uses/sharing.png" alt="Click 'Create sharing link'. You can click 'unshare' at any later point.">
  65       <div class="carousel-caption">
  66         Click 'Create sharing link'. You can click 'Unshare' at any later point.
  67       </div>
  68     </div>
  69
  70     <div class="item">
  71       <img src="{{ site.baseurl }}/images/uses/shared.png" alt="Now just share this link with anyone you want.">
  72       <div class="carousel-caption">
  73         Now just share this link with anyone you want.
  74       </div>
  75     </div>
  76
  77     <div class="item">
  78       <img src="{{ site.baseurl }}/images/uses/sharedsubdirs.png" alt="Here's a more complex collection. [END]">
  79       <div class="carousel-caption">
  80         Here's a more complex collection. [END]
  81       </div>
  82     </div>
  83
  84   </div>
  85
  86   <!-- Controls -->
  87   <a class="left carousel-control" href="#carousel-sharedata" role="button" data-slide="prev">
  88     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  89     <span class="sr-only">Previous</span>
  90   </a>
  91   <a class="right carousel-control" href="#carousel-sharedata" role="button" data-slide="next">
  92     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  93     <span class="sr-only">Next</span>
  94   </a>
  95 </div>
  96
  97 Tip: You may need to make your browser window bigger to see full-size images in the gallery above.