~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to ivle/webapp/filesystem/browser/help.html

Merge from object-publishing.

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
<p>The IVLE <strong>File Browser</strong> is your way to access and edit your 
2
 
files stored in IVLE</p>
3
 
<h2>Getting Started with File Browser</h2>
 
1
<div class="helpfile">
 
2
<p>The IVLE <strong>File Browser</strong> allows you to access and edit any files that you have stored in IVLE.</p>
 
3
 
 
4
<h2>Getting started</h2>
4
5
<h3>Navigating</h3>
5
 
<p>The Filebrowser works very much like most other file browsers. When you open 
6
 
the file browser you will be faced with a series of icons representing the 
7
 
directories (the 'folder' icon) and files (the 'paper' icons) in your home 
8
 
directory.  Clicking on the name of a directory will open the directory while 
9
 
clicking the line or icon of a directory or file will mearly select it.  
10
 
Multiple directories or files may be selected by clicking the checkbox in the 
11
 
far left column. You can also browse up to a higher level directory by clicking 
12
 
the required folder in the breadcrumb trail near the top of the window.</p>
13
 
<h3>Adding Directories or Files</h3>
14
 
<p>To create a new directory or file, open the <emph>More actions...</emph> 
15
 
drop down box and select either <emph>New Directory</emph> or <emph>New 
16
 
File</emph> under Directory actions.  A pop up box will appear asking for the 
17
 
name of the new file. Enter the name and the file will appear in the current 
18
 
directory. Another way is by <a href="#uploadingFiles">Uploading Files</a> from 
19
 
your local computer.</p>
20
 
<h3>Editing Files</h3>
21
 
<p>To edit a file in the text editor, click the name of the file you wish to 
22
 
edit in the file browser and then click <emph>Open</emph>. This will then open 
23
 
the file in the Text Editor screen. When finished editing the selected file 
24
 
click <emph>Save</emph> button to save the file to IVLE.</p>
25
 
<h3>Deleting Directories or Files</h3>
26
 
<p>To delete a directory or file, open the <emph>More actions...</emph> drop 
27
 
down box and click <emph>Delete</emph> under File actions. A pop-up window will 
28
 
appear to confirm that you really wish to delete the file.</p>
29
 
 
 
6
<p>The IVLE file browser works rather like other file browsers. Upon opening it you will be presented with a series of icons representing the directories (the folder icons) and files (the paper icons) in your home directory.</p>
 
7
 
 
8
<p>Clicking the name of a directory will open the directory, while clicking the name or icon of a directory or file will select it - multiple directories or files may be selected by toggling the checkboxes in the far left column. The breadcrumb trail at the top of the file browser window can be used to navigate to a directory higher in the hierarchy.</p>
 
9
 
 
10
<h3>Performing actions</h3>
 
11
<p>Most possible actions can be found immediately below the breadcrumbs, near the top of the file browser window. Those more often used can be seen immediately, while others are found inside the <strong>More actions...</strong> dropdown input.</p>
 
12
 
 
13
<p>Actions will be enabled or disabled depending on the current directory and selected files or directories. Regardless of the state, hovering over any action will display a description.</p>
 
14
 
 
15
<p>Note that although most actions will not require further input, some may display a prompt for confirmation or other input.</p>
 
16
 
 
17
<h2>Common tasks</h2>
 
18
<h3>Adding and removing files or directories</h3>
 
19
<p>There are two methods of adding files to your IVLE home directory - <a href="#uploading_files">uploading files</a> from your local computer, and creating new files or directories.</p>
 
20
 
 
21
<p>Creation actions can be found inside the <strong>Directory actions</strong> section of the <strong>More actions...</strong> dropdown, as <strong>New Directory</strong> and <strong>New File</strong>. In either case, a prompt will be displayed to request the name of the new path.</p>
 
22
 
 
23
<p>Deletion is accomplished in a similar manner. The <strong>Delete</strong> file action will always prompt before performing the removal, to protect you from potentially destructive mistakes. Please note that directories are removed recursively - all of their contents will be removed as well!</p>
 
24
 
 
25
<h3>Editing files</h3>
 
26
<p>The IVLE file browser also includes a handy text editor. This is easily accessed by means of the <strong>Open</strong> action on any file. The editor behaves much like traditional text editing applications, but has some features that you may not have seen before - syntax highlighting and line numbers, for example.</p>
 
27
 
 
28
<p>Whilst inside the editor, a subset of the usual directory actions are available, as well as some editor-specific features. Saving behaves as in a normal application - <strong>Save As...</strong> requests a new file name (prompting to overwrite if needed), with <strong>Save</strong> using the existing filename. Pressing Ctrl+S will also save the current file. Although the appropriate syntax highlighting language should be automatically detected, it may be overridden with the dropdown input in the editor actions area.</p>
 
29
 
 
30
<p>To return to a directory listing, use the breadcrumbs at the top of the editor window.</p>
 
31
 
 
32
<h3><a name="uploading_files">Uploading files</a></h3>
 
33
<p>IVLE offers a simple facility to upload files from your local computer, through the <strong>Upload File</strong> directory action. If the <strong>Unpack zip file</strong> checkbox is selected and the file is a ZIP file, the contents will be extracted into the current directory. This eases uploading of large numbers of files or complex directory hierarchies. Unchecking this option allows upload of the ZIP file itself to your home directory.</p>
 
34
 
 
35
<h3>Copying and moving files and directories</h3>
 
36
<p>The <strong>Cut</strong> and <strong>Copy</strong> file actions and the <strong>Paste</strong> directory action allow easy copying and moving of files or entire directory trees. They work quite similarly to the functions in normal file browsers - selecting one or more files and selecting <strong>Cut</strong> or <strong>Copy</strong> will attach them to the clipboard. Navigating to another directory and selecting <strong>Paste</strong> will move or copy the file to that directory respectively.</p>
 
37
</div>