Skip to Content

Wiki source code of 3.1 Project Canvas Layout

Last modified by publicadmin on 2025/12/16 13:04
Hide last authors
publicadmin 1.1 1 = General Layout =
2
3 The Project Canvas has seven main components:
4
5 1. Main Menu
6 1. Left Sidebar
7 1. Project Title bar
8 1. File Statistics card
9 1. Recent File Stream card
10 1. File Explorer card
11
12 [[image:VRE UI Diagrams for User Manual - Project Canvas.png]]
13
14 {{info}}
15 **Note: **Cards with a blue directional arrow icon [[image:VRE User Manual Release 1.0.0 2021-02-12 no numbering_html_50b26f5087895791.png||height="19" width="19"]] can be rearranged by clicking the icon and dragging the card to a new location on the canvas. Refresh your browser window to restore the card configuration to the default layout.
16 {{/info}}
17
18 ===== 1. Main Menu =====
19
20 The Main Menu is used to navigate to the main sections of the site:
21
22 (% style="width:849px" %)
23 |(% style="width:846px" %)(((
24 [[image:container.png||height="19" width="19"]]** Project Landing Page**
25
26 This is the main page that is visible upon login. The Project Landing Page shows My Projects and All Projects on the VRE.
27 )))
28 |(% style="width:846px" %)(((
29 **Dataset Explorer**
30
31 This will take you to the Dataset Feature where you can build, annotate, validate, and version your datasets
32 )))
33 |(% style="width:846px" %)(((
34 [[image:file-text.png||height="19" width="19"]] **Files Status**
35
36 Opens the //Files Status// panel within the current page. This displays the status of files that are currently uploading, downloading, or being moved, as well as the status of previously uploaded files.
37 )))
38 |(% style="width:846px" %)(((
39 **Support**
40
41 Clicking Support opens up a content drawer with links to the VRE User Guide, FAQ, and Contact Us form.  Scroll to the bottom of the Support drawer to submit a request to get help with the platform tools and services, to report a bug, or submit other general questions.​
42 )))
43 |(% style="width:846px" %)(((
44 [[image:user.png||height="19" width="19"]]** User Profile**
45
46 Clicking your username on the right side of the Main Menu allows you to access your //Profile//, where you can log out or reset your password.
47 )))
48
49 ===== 2. Left Sidebar =====
50
51 The Left Sidebar is used to access Project tools:
52
53 |(% style="width:61px" %)(((
54 (% style="text-align:center" %)
55 [[image:Dashboard.png||height="38" width="40"]]
56 )))|(% style="width:569px" %)(((
57 **Canvas**
58
59 Homepage of a VRE Project. Displays //Project Information//, //General Statistics//,// File Statistics//, and //File Explorer//.
60 )))
61 |(% style="width:61px" %)(((
62
63 )))|(% style="width:569px" %)(((
64 **Search**
65
66 Opens the //Search// page where users can query files in the Project based on file attributes and metadata. 
67 )))
68 |(% style="width:61px" %)[[image:Annoucement-Black.png]]|(% style="width:569px" %)(((
69 **Announcement**
70
71 Opens the //Announcement //page where users can see past Project announcements and Administrators can create new announcements. 
72 )))
73 |(% style="width:61px" %)(((
74 (% style="text-align:center" %)
75 [[image:VRE User Manual Release 1.0.0 2021-02-12 no numbering_html_d6712dc9d6e55fdd.png||height="41" width="40"]]
76 )))|(% style="width:569px" %)(((
77 **Members**
78
79 Navigates to the //Members //page where Administrators can view all Project Team Members, add Members, change Member’s roles, and delete Members from the Project.
80 )))
81 |(% style="width:61px" %)(((
82 (% style="text-align:center" %)
83 [[image:VRE User Manual Release 1.0.0 2021-02-12 no numbering_html_a3179a6fb35af360.png||height="42" width="40"]]
84 )))|(% style="width:569px" %)(((
85 **Settings**
86
87 Opens the [[//Project Settings//>>doc:Main.user_guide.Managing Projects.Project Settings.WebHome]] page where the Project details and settings can be edited.  The Settings page can also be used to manage [[Attribute Templates>>doc:Main.user_guide.Managing Data.File Properties.4\.2\.1 File Attributes.WebHome]] and configure [[Workbench Tools>>doc:Main.user_guide.Analyzing Data.WebHome]]. 
88 )))
89 |(% style="width:61px" %)(((
90 (% style="text-align:center" %)
91 [[image:VRE User Manual Release 1.0.0 2021-02-12 no numbering_html_59c8baba523b024.png||height="73" width="40"]]
92 )))|(% style="width:569px" %)(((
93 **Guacamole**
94
95 When configured in a project, allows access to __[[Apache Guacamole>>doc:Main.user_guide.Analyzing Data.Guacamole.WebHome]]__, a clientless remote desktop gateway to facilitate workbench analyses with, for example, containerized pipelines//.//
96 )))
97 |(% style="width:61px" %)(((
98 (((
99
100 )))
101
102 (((
103 [[image:SuperSet-Black-2.png]]
104 )))
105 )))|(% style="width:569px" %)(((
106 **Superset**
107
108 When configured in a project, allows access to __[[Apache Superset>>doc:Main.user_guide.Analyzing Data.Superset.WebHome]]__, a web application that allows database connections, visualization creation, and dashboard design.
109 )))
110 |(% style="width:61px" %)(((
111 (% style="text-align:center" %)
112 [[image:Jupyter.png||height="53" width="50"]]
113 )))|(% style="width:569px" %)(((
114 **JupyterHub**
115
116 When configured in a project, allows access to __[[JupyterHub>>doc:Main.user_guide.Analyzing Data.JupyterHub.WebHome]]__, providing access to data science computational environments with pre-installed project resources.
117 )))
118 |(% style="width:61px" %)(((
119 (% style="text-align:center" %)
120 [[image:VRE User Manual Release 1.0.0 2021-02-12 no numbering_html_ae5f1fbdaf3ffa1f.png||height="40" width="40"]]
121 )))|(% style="width:569px" %)(((
122 **XWiki**
123
124 Allows// //project members to access __[[XWiki>>doc:Main.user_guide.Managing Projects.Project Wiki.WebHome]]__, an online content management tool for project documentation.
125 )))
126
127 ===== 3. Project Title Bar{{id name="project_title_bar"/}} =====
128
129 The //Project Title bar //provides the Project Title, the Project Code, and your [[user role>>doc:Main.user_guide.Managing User Accounts.User Roles.WebHome]] in the Project.
130
131 When expanded using the [[image:Panel-Expansion-Down.png||height="24" width="23"]] Panel Expansion button, the// Project Title bar// displays basic information about the Project:
132
133 * **Project Administrators:** Displays the Project Administrator(s) for the Project. Click a name to open an email and submit an inquiry to the Project Administrator.
134 * **Description:** A longer, more informative description of the study. This information can be edited by the Project Administrator on the //Settings //page.
135 * Numbers of users who belong to the various user roles: Administrator, Contributor, and Collaborator.
136
137 ===== 4. File Statistics =====
138
139 //Visible only to Project Administrators. //Eight statistics are displayed:
140
141 1. Number of **Green Room** files in the Project
142 1. Number of **Core** files in the Project
143 1. **Uploaded (today)**: Number of files uploaded to the Project today
144 1. **Downloads (today)**: Number of files downloaded from the Project today.
145 1. **Approved (today)**: Number of files approved to be copied from one folder to another today.
146
147 ===== 5. Recent File Stream =====
148
149 A list of recent file actions can be seen in the Recent File Stream card. Search and view detailed file activity logs by clicking Advanced Search. For additional information, see [[File Stream>>doc:Main.user_guide.Navigating the Project Canvas.File Statistics - Advanced Search.WebHome]].
150
151 {{info}}
152 **Note: **Information displayed in the Recent File Stream card depends on a user’s role.
153 {{/info}}
154
155
156 ===== 6. File Explorer =====
157
158 The [[//File Explorer//>>doc:Main.user_guide.Navigating the Project Canvas.File Explorer.WebHome]] offers many features to view, upload, manage, search, and sort files. For additional information, see [[File Explorer>>doc:Main.user_guide.Navigating the Project Canvas.File Explorer.WebHome]].
159
160 ----
161
162 **See Also:**
163
164 [[File Stream>>doc:Main.user_guide.Navigating the Project Canvas.File Statistics - Advanced Search.WebHome]]
165
166 [[File Explorer>>doc:Main.user_guide.Navigating the Project Canvas.File Explorer.WebHome]]
167
168 [[Finding Projects in the VRE>>doc:Main.user_guide.Accessing the VRE.Finding Projects in the VRE.WebHome]]
169
170 ----
171
172 {{box}}
173 (% style="text-align:center" %)
174 image:https://i.creativecommons.org/l/by-sa/4.0/88x31.png
175
176 (% style="text-align: center;" %)
177 Copyright © 2022, Indoc Research. This work is licensed under a [[Creative Commons Attribution-ShareAlike 4.0>>http://creativecommons.org/licenses/by-sa/4.0/ ||rel="noopener noreferrer" target="blank"]] International License.
178 {{/box}}