5 border: 10px solid #ddd;
11 border: 10px solid #ddd;
23 <div id="getting-started-modal-window" class="modal">
24 <div class="modal-dialog modal-with-loading-spinner" style="width: 50em">
25 <div class="modal-content">
26 <div class="modal-header" style="text-align: center">
27 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
29 <div class="col-sm-8"><h4 class="modal-title" style="text-align: right">Getting Started with Arvados</h4></div> <%#Todo: center instead of right%>
30 <div class="spinner spinner-32px spinner-h-center col-sm-1" hidden="true"></div>
36 <div class="modal-body" style="height: auto; overflow-y: scroll">
37 <div style="margin: -0.5em 0.5em">
38 <p><div style="font-size: 150%;">Welcome!</div></p>
40 What you're looking at right now is <b>Workbench</b>, the graphical interface to the Arvados system.
43 <p> <%= image_tag "pipeline-running.gif", :class => "style_image1" %></p>
44 <p>Running the Pathomap pipeline in Arvados.</p>
47 Click the <span class="btn btn-sm btn-primary">Next ></span> button below for a speed tour of Arvados.
49 <em><strong>Note:</strong> You can always come back to this Getting Started guide by clicking the <span class="fa fa-lg fa-question-circle"></span> in the upper-right corner.</em>
55 <div class="modal-body" style="height: auto; overflow-y: scroll">
56 <div style="margin: -0.5em 0.5em">
57 <p><div style="font-size: 150%;">Quickstart</div></p>
59 <strong>Don't feel like reading?</strong> Run your first pipeline in 3 quick steps:
61 <div style="display: block; margin: 0em 2em; padding-top: 1em; padding-bottom: 1em; border: thin dashed silver;">
62 <p style="margin-left: 1em;">
63 <em>First, log-in or register in the upper-right corner with any Google account if you haven't already.</em>
65 <ol><li> Go to the <span class="btn btn-sm btn-default"><i class="fa fa-lg fa-fw fa-dashboard"></i> Dashboard</span> > <span class="btn btn-sm btn-primary"><i class="fa fa-fw fa-gear"></i> Run a pipeline...</span>
66 <p style="margin-top:1em;">
67 <%= image_tag "mouse-move.gif", :class => "style_image2" %>
70 <li> <span class="btn btn-sm btn-default"><i class="fa fa-fw fa-gear"></i>Mason Lab -- Ancestry Mapper (public)</span> > <span class="btn btn-sm btn-primary">Next: choose inputs <i class="fa fa-fw fa-arrow-circle-right"></i></span></li><br>
71 <li> <span class="btn btn-sm btn-primary">Run <i class="fa fa-fw fa-play"></i></span></li>
74 <p style="margin-top:1em;">
75 <i class="fa fa-flag fa-flip-horizontal" style="color: green"></i> <i class="fa fa-child"></i>
76 <strong>Voila!</strong> <i class="fa fa-child"></i> <i class="fa fa-flag" style="color: green"></i>
77 Your pipeline is now spooling up and getting ready to run!
79 Go ahead, try it for yourself right now. <span class="glyphicon glyphicon-thumbs-up"></span>
81 Or click <span class="btn btn-sm btn-primary">Next ></span> below to keep reading!
87 <div class="modal-body" style="height: 38em; overflow-y: scroll">
88 <div style="margin: -0.2em 0.5em">
89 <p><div style="font-size: 150%;">Three Useful Terms</div></p>
90 * <strong>Pipeline</strong> -- A re-usable series of analysis steps.<br><br>
91 ** Sometimes known as a “workflow” in other systems<br><br>
92 ** A list of well-documented public pipelines can be found in the upper right corner by clicking the "?" > "Public Pipelines and Datasets"<br><br>
93 ** Pro-tip: Pipeline > Jobs > Tasks. A pipeline contains jobs which contain tasks.<br><br>
94 ** Pipelines can only be shared within a project<br><br>
96 * Collection -- Like a folder, but better<br><br>
97 ** Upload data right in your browser<br><br>
98 ** Better than a folder? <br><br>
99 *** Collections contain the content-address of the data instead of the data itself<br><br>
100 *** Sets of data can be flexibly defined and re-defined without duplicating data<br><br>
101 ** Collections can be shared using the "Sharing and Permissions" > "Share" button<br><br>
103 * Projects -- Contain pipelines templates, pipeline instances (individual runs of a pipeline), and collections<br><br>
104 ** The most useful one is your default "Home" project, under Projects > Home<br><br>
105 ** Projects can be shared using the "sharing" tab<br><br>
108 <div class="modal-body" style="height: 38em; overflow-y: scroll">
109 <h2>Why We Think Arvados is Awesome</h2>
110 1. Reproducible Analyses: Enough said.<br><br>
111 2. Data provenance: Every file in Arvados knows can tell you where it came from.<br><br>
112 3. Serious scaling: Need 500 GB of space? 200 compute hours? Arvados scales and parallelizes your work for you intelligently.<br><br>
113 4. Share pipelines or data: Easily publish your work the world, just like the Pathomap team did: http://www.pathomap.org/2015/04/08/run-the-pathomap-human-ancestry-pipeline-on-arvados/<br><br>
114 5. Use existing pipelines: Use best-practices pipelines on your own data with the click of a button<br><br>
115 6. Open-source: Arvados is completely open-source. Check us out at http://arvados.org/<br><br>
117 This guide and even all of Workbench is just a glimpse into the power of Arvados. Want to use the command-line instead? Or hungry to learn more? Check out our detailed documentation: http://doc.arvados.org/ (our real-time contact info is there too!)
123 <div class="modal-footer">
124 <div style="text-align:center">
125 <button class="btn btn-default pager-prev"><i class="fa fa-fw fa-chevron-left"></i><span style="font-weight: bold;"> Prev</span></button>
126 <button class="btn btn-default pager-next"><span style="font-weight: bold;">Next </span><i class="fa fa-fw fa-chevron-right"></i></button>
127 <div class="pager-count pull-right"><span style="margin:5px"></span></div>