관리-도구
편집 파일: index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <meta name="Generator" content="Cocoa HTML Writer"> <meta name="CocoaVersion" content="824.42"> <style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: left; font: 38.0px Helvetica} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: left; font: 12.0px Helvetica; min-height: 14.0px} p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: left; font: 17.0px Helvetica} p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: left; font: 18.0px Helvetica} p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times New Roman; min-height: 15.0px} </style> </head> <body> <p class="p1"><b>WebInterface Help</b></p> <p class="p2"><br></p> <p class="p3"><br><img src="images/all.png"/></p> <p class="p4">The WebInterface is a powerful way to easily manage your files from a web browser.<span class="Apple-converted-space"> </span>Here is a quick help guide to what all the forms and buttons do.</p> <p class="p2"><b></b><br></p> <p class="p5"><b>Navigation</b></p> <p class="p4">Your browsers back button is your friend.<span class="Apple-converted-space"> </span>Since the WebInterface is a "live" interface, the back button will work when you are navigating folders.<span class="Apple-converted-space"> </span>No matter what folder you are in, you can quickly jump back to a previous folder by clicking on the "bread crumb" path trail at the top.</p> <p class="p2"><br><img src="images/path2.png"/></p> <p class="p2"><br></p> <p class="p4">If you'd like, you can also click the "house" to go all the way to your home folder.</p> <p class="p2"><br><img src="images/path1.png"/></p> <p class="p4">The refresh button will just refresh the current directory.<span class="Apple-converted-space"> </span>Its rarely needed though as nearly everything refreshes live.</p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p5"><b>Sorting</b></p> <p class="p4">Right above the columns are quick sort buttons.<span class="Apple-converted-space"> </span>Sorting is done live, no refreshing.<span class="Apple-converted-space"> </span>Simple click the arrow up or down to reorder the items below.</p> <p class="p2"><br><img src="images/sort.png"/></p> <p class="p4">The " + - " button is a toggle button to toggle all checkboxes either on or off.<span class="Apple-converted-space"> </span>If three checkboxes are on, and the rest off, it will turn those three of, and the rest on.</p> <p class="p2"><br></p> <p class="p4"><b>Folders</b></p> <p class="p4">Click on a folder to go into it, or click the arrow next to a folder to quickly drill down into a folder.<span class="Apple-converted-space"> </span>See the above picture for an example where the "images" and "thumbnails" folders were drilled down into.<span class="Apple-converted-space"> </span>Files have a different icon, and clicking them will either download it, or view it in your web browser.</p> <p class="p2"><br><img src="images/folders.png"/></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p5"><b>Buttons</b></p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bdelete.png"/></p> <p class="p4">The delete button does as you would expect.<span class="Apple-converted-space"> </span>It will delete the items you have placed a check mark on in the list.<span class="Apple-converted-space"> </span>You won't see this button if you don't have permission.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bzip.png"/></p> <p class="p4">The .ZIP button is very useful.<span class="Apple-converted-space"> </span>If will request all files you have a check mark on be downloaded as one single zip file.<span class="Apple-converted-space"> </span>This is the fastest way to download multiple files all at once!</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bcreatefolder.png"/></p> <p class="p4">This will show a popup asking for the name of the folder to create.<span class="Apple-converted-space"> </span>You will not see this button if you don't have permission.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bcrushuploader.png"/></p> <p class="p4">Allows you to upload files.<span class="Apple-converted-space"> </span>Its very very fast when you let it "Auto Zip" the files.<span class="Apple-converted-space"> </span>You can upload an entire folder of small files in just seconds.<span class="Apple-converted-space"> </span>Once the upload is done, the window will close and the list of files will automatically refresh.<span class="Apple-converted-space"> </span>If you can, you probably want to use this for uploads.<span class="Apple-converted-space"> </span>The Java Uploader supports dragging and dropping, or copy and paste to add files to the list to upload.<span class="Apple-converted-space"> </span>The server admin can require you to fill out a form before accepting uploads.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bbrowseruploader.png"/></p> <p class="p4">Allows you to upload files too.<span class="Apple-converted-space"> </span>It uses the browser to do it, so you must pick each file one at a time.<span class="Apple-converted-space"> </span>It does however give you realtime feedback as you upload.<span class="Apple-converted-space"> </span>The server admin can require you to fill out a form before accepting uploads.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bsearch.png"/></p> <p class="p4">Shows the search popup screen.<span class="Apple-converted-space"> </span>You can search from your current directory, and deeper.<span class="Apple-converted-space"> </span>You can look for files based on their name, date, size, type, and even custom comments you may have uploaded the file with.<span class="Apple-converted-space"> </span>Be patient, searching can take some time as it scans through all the files.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/buseroptions.png"/></p> <p class="p4">Allows you to control certain aspects about your account such as your password.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/bhelp.png"/></p> <p class="p4">Brings you here to learn about the WebInterface.</p> <p class="p2"><br></p> <p class="p2"><br><img src="images/blogout.png"/></p> <p class="p4">This button allows you to login and logout.<span class="Apple-converted-space"> </span>If your logged in, it will show as a logout button instead of a login button.</p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p6"><b>Deleting Items</b></p> <p class="p4">If you delete items, its permanent.<span class="Apple-converted-space"> </span>You will be prompted for approval before the delete is done.<span class="Apple-converted-space"> </span>The example picture shows three files selected when the delete button was clicked.</p> <p class="p2"><br><img src="images/delete.png"/></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p5"><b>Uploading</b></p> <p class="p4">This is the normal browser uploader, with a custom form the server administrator is requesting be filled out.</p> <p class="p2"><br><img src="images/browserUpload.png"/></p> <p class="p2"><br></p> <p class="p4">This is the uploads in progress.<span class="Apple-converted-space"> </span>Three small files screaming along.<span class="Apple-converted-space"> </span>Longer uploads will show an estimated time remaining alon with current speed.</p> <p class="p2"><br><img src="images/uploadProgress.png"/></p> <p class="p2"><br></p> <p class="p4">This is a picture of the Java Uploader.<span class="Apple-converted-space"> </span>It allows you to drag and drop into its window, or copy and paste files to the window.<span class="Apple-converted-space"> </span>With the option to Auto Zip, its the fastest way to upload.<span class="Apple-converted-space"> </span>It also supports resume uploads.</p> <p class="p2"><b><img src="images/crushUpload.png"/></b><br></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p5"><b>Zipping</b></p> <p class="p4">The zip button allows you to pick multiple files from any that are visible, and have the server zip them all up and send them to you.<span class="Apple-converted-space"> </span>Its all done on the fly, and is extremely fast.<span class="Apple-converted-space"> </span>In the below picture I have 3 items selected to be zipped and downloaded.</p> <p class="p2"><br><img src="images/zip.png"/></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p4"><b>Renaming</b></p> <p class="p4">The rename buttons display an in-line text box for you to edit a file's name.<span class="Apple-converted-space"> </span>Simply click the "pencil" icon to edit a name.<span class="Apple-converted-space"> </span>Once you hit return or click OK, the file's name will change immediately.</p> <p class="p2"><br><img src="images/rename.png"/></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p5"><b>User Options (change password)</b></p> <p class="p4">This popup window lets you change your password.<span class="Apple-converted-space"> </span>Other account specific settings will eventually start to show up here as well.</p> <p class="p2"><br><img src="images/useroptions.png"/></p> <p class="p2"><br></p> <p class="p5"><b>Search</b></p> <p class="p4">One of the more powerful pieces to the WebInterface is the search functionality.<span class="Apple-converted-space"> </span>You can see from the picture that you can get very detailed in your searching.<span class="Apple-converted-space"> </span>Its important to remember that the search starts from your current directory and works its way down from there.<span class="Apple-converted-space"> </span>So if you only want to search a folder, go into the folder first before starting the search.</p> <p class="p2"><br><img src="images/search.png"/></p> <p class="p2"><br></p> <p class="p2"><br></p> <p class="p7"><br></p> </body> </html>