Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 14 Next »

Work In Progress

This Page is Under Construction

________________________________________________________

by Boon-Hau Teh (boonhau.teh at utoronto.ca)
ATutor
http://www.atutor.ca/
________________________________________________________

Overview

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.

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

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

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


 


Working Demo:

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

On this Page

Screenshots

Interaction Design
  • No labels