-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathusage.html
153 lines (148 loc) · 6.66 KB
/
usage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #F8F9FA;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
padding: 20px;
background-color: #2C3143;
color: white;
}
.header h1 {
margin: 0;
}
.content {
text-align: left;
padding: 20px;
background-color: #FFFFFF;
margin-bottom: 10px;
border-radius: 5px;
}
.content h3 {
margin-top: 20px;
}
.content img {
max-width: 100%;
height: auto;
}
.content ul {
margin-left: 20px;
}
.button {
display: inline-block;
padding: 10px 20px;
margin: 20px 0;
color: white;
background-color: #87b13f;
text-decoration: none;
border-radius: 5px;
}
.button:hover {
background-color: #6a8f33;
}
.button-small {
display: inline-block;
padding: 10px 20px;
margin: 20px 0;
color: #2C3143;
background-color: white;
text-decoration: none;
border-radius: 5px;
border: 2px solid #2C3143;
}
.footer {
text-align: center;
padding: 5px;
background-color: #2C3143;
color: white;
}
.footer a {
color: white;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.navigation {
line-height: 1.6;
margin-bottom: 20px;
}
.navigation h5 {
margin-bottom: 10px;
}
.navigation h5 a {
color: #2C3143;
text-decoration: none;
}
.navigation h5 a:hover {
text-decoration: underline;
}
.screenshot {
width: 400px;
height: auto;
}
</style>
<meta charset="utf-8">
<title>How to use workshop.bioconductor.org</title>
</head>
<body>
<div class="header">
<h1>How to use workshop.bioconductor.org</h1>
</div>
<div class="container">
<div class="navigation" style="line-height:0.2;">
<h5><a href="#register-login">1) Register/Login</a></h5>
<h5><a href="#find">2) Find tutorial and Launch</a></h5>
<h5><a href="#open">3) Open RStudio</a></h5>
<h5><a href="#run">4) Run tutorial</a></h5>
<h5><a href="#stop">5) Stop tutorial</a></h5>
<h5><a href="#note">Note</a></h5>
</div>
<div class="content">
<h3 id="note">Remember!</h3>
<ul>
<li>DO NOT share your workshop URL (link) on any public forum (eg chat or social media), including in screenshots.</li>
<li>Only 2 tutorials (per person) can run at the same time. Stop a tutorial before launching another.</li>
<li>Running tutorials will be automatically stopped after 6 days.</li>
<li>*Download data you want to keep (such as .Rhistory) from RStudio before stopping, see detailed instructions below.</li>
</ul>
<h3 id="register-login">1) Register/Login</h3>
<p>If you have not done so already, navigate to the <a href="https://workshop.bioconductor.org">Bioconductor Workshop Galaxy</a>, and fill out the appropriate form to login or register.</p>
<img src="https://github.com/Bioconductor/workshop-contributions/raw/main/images/image1.png" alt="Screenshot of login page" class="screenshot">
<h3 id="find">2) Find tutorial and Launch</h3>
<p>You may browse available tutorials on <a href="https://gallantries.github.io/video-library/modules/bioconductor">the event page</a>.</p>
<p>Once you have picked a tutorial, please find it by searching for its name, or scrolling through the Workshops Panel on the left of your screen.</p>
<p>Launch a tutorial by clicking on its name (1), followed by the Launch button (2), as shown below.</p>
<img src="https://github.com/Bioconductor/workshop-contributions/raw/main/images/search-launch.png" alt="Screenshot of finding a tutorial" class="screenshot">
<h3 id="open">3) Open RStudio</h3>
<p>Once you have clicked Launch, you should expect a little wait, followed by a message that will update to include a clickable text once your RStudio has successfully launched.</p>
<img src="https://github.com/Bioconductor/workshop-contributions/raw/main/images/open.png" alt="Screenshot of launch page" class="screenshot">
<h3 id="run">4) Run tutorial</h3>
<p>For most tutorials, except Carpentries, an Rmd will be in the Editor pane. Learners can run the code in this or create a new script/Rmd (File > New File > R Script) to write the code from scratch. For Carpentries tutorials, the idea is to start from scratch, so create a new script and type the code. The code to follow along can be found on the tutorial website. For example, see under "Materials" for each tutorial on <a href="https://gallantries.github.io/video-library/modules/bioconductor" target="_blank">the Smorgasbord tutorials webpage </a>.</p>
<img src="https://github.com/Bioconductor/workshop-contributions/raw/main/images/image4.png" alt="Screenshot of Bioconductor workshop RStudio" class="screenshot">
<h3 id="stop">5) Stop tutorial</h3>
<p>(This will delete it, so download any R code/data you want to keep in RStudio first*)</p>
<p>If you are looking to get a certificate, be sure to export your .Rhistory before stopping! Click below for details.</p>
<p><a href="rhistory.html" class="button" target="_self">Detailed Instructions for Certificates</a></p>
<p>In order to stop a tutorial, click the User menu, followed by the Active Workshops, where you will then have the ability to select and stop all active workshops.</p>
<img src="https://github.com/Bioconductor/workshop-contributions/raw/main/images/stop.png" alt="Screenshot of stopping a tutorial" class="screenshot">
</div>
<p><a href="welcome.html" class="button" target="_self">Return to Welcome Page</a></p>
</div>
<div class="footer">
<p><a href="tos.html">Terms of Service</a> and <a href="privacy-policy.html">Privacy Policy</a></p>
<p><a href="https://support.bioconductor.org/" target="_blank">Contact us: support.bioconductor.org</a></p>
</div>
</body>
</html>