Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section
Column
width65%

Fluid's Uploader can be integrated into a learning content management system, such as ATutor.  Files are uploaded for several purposes such as uploading images for teaching material, student-submitted assignments, and audio tutorial files.  The integration of Fluid's Uploader improves the user experience by allowing for multiple file uploads along with the progress bar and pause/resume features.  ATutor aims to integrate Fluid's Uploader and have it ready for it's next release (ATutor 1.6.2).

 Implementation

The Fluid package is saved under /jscripts/fluid-components/ in the ATutor installation directory.  The Uploader script gets used in the File Manager which is used in several places, such as:

(logged in as an instructor)

  • Manage -> File Manager
  • Content Editor -> File Manager
  • Manage -> Tests 

/include/lib/upload.php also gets passed to the fluid object. Image Removed
 
Image Removed

Upon opening the File Manager, the user can click on the "Upload Files" button to open the Uploader interface.

Image Added

From the Uploader, the Cancel button can be clicked to hide the interface and toggle back to the original view of the File Manager.
Image Added

If Flash cannot be detected from the the user's browser, a simple non-Flash based file uploader gets used instead:

Image Added
 


Working Demo:

http://www.atutor.ca/atutor/fluidtest/
login: fluid
password: fluid

Column
width35%
Panel
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
titleOn this Page
borderStylesolid
Table of Contents
minlevel2

Screenshots

...