search

jazkarta / edx-platform-for-isc

fork of the edx platform for development w/ isc
GNU Affero General Public License v3.0
1 stars 2 forks source link

Create HTML5 simulation XBlock #7

Open natea opened 9 years ago

natea commented 9 years ago

ISC makes simulations using Adobe Captivate and Camtasia, and exports them as a zip file containing HTML5, CSS and Javascript.

The default upload capability that edX provides only handles the upload of a single file at a time, and has no facility to upload a zip file, and serve up the contents of that zip file.

ISC would like to be able to upload the zip file of the HTML5 simulation and embed that simulation in an edX course. (I probably have an example HTML5 zip file that I can share with you)

Since edX is not great at serving up binary assets efficiently, it might be preferable to store the contents of the zip file on S3, and serve it up from an S3 bucket. But this upload process should be seamless for the end user.

I imagine that this would be an XBlock (perhaps called "HTML5 simulation" or something like that), that provides a facility for the course author to upload the zip file, and indicate a preference to embed the simulation in the page, or launch it as a separate popup window. The student would be able to view that simulation in the course, and ideally record their activity back into edX for grading purposes (pass/fail for the exercise).

cewing commented 9 years ago

@natea: How does the HTML5 created emit data about student activity? And is this different from the SWF xblock ticket currently assigned to @cguardia (#2)?

natea commented 9 years ago

@cewing i'm not sure exactly, but I'm guessing that the emit data functionality is provided by the accompanying Javascript files.

This is an alternative approach to the SWF XBlock that would allow them to deliver these simulations to users who are using iOS devices (since SWF doesn't play on iOS).

skleinfeldt commented 9 years ago

Hold on this until @natea gives the OK.

natea commented 9 years ago

As far as exporting the Captivate/Camtasia simulations as HTML5, and embedding those in an edX course, we'd have to make an XBlock that:

1) handles the uploading of the zip file into edX (we've done this before for the Staff Graded Assignment XBlock so could probably reuse a lot of that code) 2) unzip the file and store the files somewhere accessible to edX (probably in S3) 3) allow the simulation to be opened in a new window, so that we're not restricted by the width of the edX window

I've outlined the work that needs to be done in this issue: https://github.com/jazkarta/edx-platform-for-isc/issues/7 but we were waiting to begin work on it, until we better understand your requirements.

the main question is: do you need to have the student activity and pass/fail score passed back into edX, or do you just need to embed the simulation on the page w/o any such reporting? to add the reporting capabilities is a significant amount of work - to embed it for viewing only, shouldn't be too bad.

natea commented 9 years ago

I just did a little experiment using Google Drive, and was able to host the Selecting Patient HTML5 simulation.

once you've enabled the google drive folder to be "viewable to anyone with the link" (see attached screenshot), then you need to replace the folder URL with this:

https://googledrive.com/host/A1B2C3D4E5F6G7H8J9

where A1B2C3D4E5F6G7H8J9 is the ID of the folder resource (can explain this in more detail if necessary)

chenly23 commented 4 years ago

Hi. Is there a result of the HTML5 simulation xblock?I am preparing to try xblock for HTML5 zip recently, I do really believe that the HTML5 will improve course interactivity.