Import existing slide decks

Summary

• To allow users to import exiting presentations created using other applications and platforms.

Background and goals

From project proposal:

The goal of this task is to substantially improve the interoperability of SlideWiki with the above mentioned formats by supporting content ingestion and exposure from/to these other existing systems. OCR will be applied to retrieve textual information from embedded images, enchancing the possibilities for editing/reusing/translation.

Assumptions

Possible improvement (Klaas' own analysis):  

• give subtitle-text "by uploading slides as .pptx" more clear color + add "powerpoint format (pptx)". Also do for other option (deck.js, .html)

• Increase length of field that shows file-name of file selected via 'browse' button. Also do for other option (deck.js, .html)

• Maybe also rename menu item "Upload slides (.pptx)" to "Upload PowerPoint slides (.pptx) from your computer to SlideWiki.

• Also upload OpenOffice (.odp, .odg, and .otp), Prezi, and Keynote (.key) presentation files?? (later - non-critical)

• File size limit?? + add instructions for users to reduce file-size?

 Possible improvement (Ali): 

• If you have a big file - you need a responsive file transfer bar - work is done on server - can go to another page during upload - can work on something else in between == form field input - give title/metadata/etc… for imported presentation. Give message when done == give user notification!.

Requirement (proposed by Abi and Ali) = support [import of] presenter notes

Improvements after usability test (QA) by Abi (source): 

• “I can get to the choose file button but there is no visual cue that focus is on this button. I can't get to the upload button via the keyboard.”

• “Looking at this a bit more closely, I get unexpected behaviour once I select a file. Once I see the file name in the form expected behaviour on pressing Enter would be for the file to be uploaded. Current behaviour is for the Choose file dialog to appear again. Solution would be to move focus to the upload button once the form is filled in.To make the upload button keyboard accessible, set tabindex=0 . This issue on Semantic-UI github may help https://github.com/Semantic-Org/Semantic-UI/issues/3664

From a design perspective, I think it would be nicer to have both the choose an upload buttons together. Either above the form or to the right.Thinking further ahead, if we ever want to support multiple file imports at once it may be better to move the buttons to the top. I think users may ask for a drag and drop option for uploading as is provided by Drive, Dropbox etc.”

 Possible improvement (Klaas' own analysis): 

• Only show pop-up box (covering most of the screen) with button "Go to imported presentation"that redirects to the recently imported presentation.

Requirements

User interaction and design

This should be a modal which flies over the "Add deck" page.

From a design perspective, I think it would be nicer to have both the choose an upload buttons together. Either above the form or to the right.

Thinking further ahead, if we ever want to support multiple file imports at once it may be better to move the buttons to the top. I think users may ask for a drag and drop option for uploading as is provided by Drive, Dropbox etc.

UPDATE: See Add a deck for related/latest mock-up involving import (by Abi James)

Description of fields/input/elements + validation + test scenarios

• Clickable link “Upload your presentation” in Header. Label/text of link needs to become multilingual.

• Button for selecting files with label “Browse“ in Operating System(OS)/browser language (this is a native function of the browser, for example, the same button/element has label “Bladeren” in Dutch browser installation). Next to the button is text that initially says “No file selected” (this is again native OS language. For example, the same element has label “Geen bestand geselecteerd”  in Dutch browser/OS installation).

• Clicking this file-select button opens file-selection dialog - this is a native function of the browser/Operating System

• In file-select dialog, only files with correct extension (pptx) can be selected

• After selecting a file, the filename will be shown in the label next to the button.

• Button with label “upload” which changes its label to “to slidewiki”  onMouseOver. When clicking on this the file is uploaded (mock-upload for now in prototype).

Notes:

• We need to ensure that the following elements are imported as well as slide content:

• Alt-tags on images

• Presenter notes

Test Scenarios:

• Start with a very simple presentation: heading and text or list

• Continue with included pictures and drawn things plus extra style on text boxes or text

Questions

Below is a list of questions to be addressed as a result of this requirements document:

Not Doing

Source material for user/stakeholder feedback

Requirements (/user stories) from pilot roadmap:

Requirements ("user stories") from pilot roadmap:

• (VUA=) The platform should support different types of presentations. Sometimes I don't have much textual content in my slides and it is only images or videos in a certain style. Would be great if SlideWiki supported the raw import from powerpoint or even pdf where the content is not parsed/touched and it is just like a set of images (something like what slideshare offers) where the style of my presentation doesn't change. Maybe we should have different roles and hence different environment for students and instructors. Is this possible, to get an export of the slides? I would need a Powerpoint export, is that provided? Proposed improvement: Add checkbox "Import powerpoint / PDF in SlideShare style = store as images - non-editable)" = Ali= is design decision = do we have enough space on disk?? Is good for many users + is easily re-used. Becomes like slideshare. Allows for import of more exotic presentations.

• I think a powerpoint.openoffice.appleslides import export is critical. (VUA)

• As a content producer I would like to import PowerPoint slides to SlideWiki. (Frauenhofer)

• As a content producer and training provider, I need to import and export different types of materials((e.g. presentations, SCORM packages, HTML, ePUB, Word files, pdf files etc. ) (EKDDA)

• besides standard features (import / export, collaborative editing) (PUPIN)

• As a content producer I would like to import existing educational material (from different sources) to SlideWiki (GFOSS)

• As an instructor I need to be able to mark materials as draft/or "authoring in progress" while they are being authored or uploaded so that new versions aren’t created until the first is complete and accepted by authors. (SOTON)

• As a content producer I would like to import PowerPoint slides to SlideWiki and export my SlideWiki slides to PowerPoint (or PDF at least).(UFRJ)

Evaluation/improvements by Farid Hasanov master thesis :

"Issue3 - uploading a .pptx presentation. The image wasn’t scaled properly and gained a black background. Microsoft PowerPoint has effective options for creating diagrams and pie charts. Unfortunately, they are not transmitted from .pptx to slidewiki. Simple shapes such as circles and rectangles created in MS PowerPoint didn’t appear in Slidewiki. Instead of addressing the problem of transmitting a diagram, it would be advantageous to add an option for creating diagrams inside Slidewiki itself. So even if the diagram is not transformed it will be easy to simply add a new one."

Evaluation at UniBonn :  

Project Partners feedback:

Existing SlideWiki 1.0 lay-out -

Import (upload) powerpoint slides - menu & file select

Successful Import (upload) of powerpoint slides