{"id":533,"date":"2010-08-16T17:01:51","date_gmt":"2010-08-16T17:01:51","guid":{"rendered":"http:\/\/blogs.sussex.ac.uk\/elearningteam\/?p=533"},"modified":"2011-03-16T14:26:52","modified_gmt":"2011-03-16T14:26:52","slug":"moodle-developments-file-upload-management-pt1","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/2010\/08\/16\/moodle-developments-file-upload-management-pt1\/","title":{"rendered":"Moodle Developments &#8211; File upload &amp; management pt1"},"content":{"rendered":"<p>As a large HE \u00a0using moodle one of the main problems our Staff and Tutors have with moodle is file management.<\/p>\n<p>On a daily basis our tutors, academics and staff use our moodle install at Sussex to add pdfs, powerpoints, word docs and other teaching materials to their sites in order to make them available for students.<\/p>\n<p>Students love the fact that this wealth of material is available to them. Tutors\u00a0struggle\u00a0with making it available to them.<\/p>\n<p>Moodle does provides a fantastic framework for security, permissions and the backend of file management, but our content creators (lecturers and staff) often struggle with the front end interface &#8211; so we decided to improve it for them.<\/p>\n<h2><span style=\"font-weight: normal\"><span style=\"font-weight: normal\">User interviews<\/span><\/span><\/h2>\n<h4><span style=\"font-weight: normal\"><em>How do our users use moodle?<\/em><\/span><\/h4>\n<p>We began by conducting a series of one to one sessions with some of our expert users &#8211; those tutors, lecturers and researchers who regularly create fantastic e-learning experiences for their students. In these sessions we visited theses expert users in their own\u00a0environment, observing their daily use of moodle. \u00a0We also asked them how they would like it to work, and to show us other websites or applications they commonly use to do similar tasks.<\/p>\n<h4><span style=\"font-weight: normal\"><em>How do other &#8216;products&#8217; do file upload &amp; \u00a0management?<\/em><\/span><\/h4>\n<p>We looked at some other web based CMS (content management systems), commonly used websites (facebook, twitter, google docs, dropbox etc) and applications our tutors use (word, powerpoint etc).<\/p>\n<h2><span style=\"font-weight: normal\">Initial findings<\/span><\/h2>\n<p>Our first finding was to do with the different ways users can add a file in moodle. There were two different methods &#8211; both with very\u00a0different\u00a0workflows &#8211; our expert users\u00a0commonly\u00a0used to add files.<\/p>\n<h4><span style=\"font-weight: normal\">1. Add a resource &#8211; Link to a File or Website<\/span><\/h4>\n<p><span style=\"font-weight: normal\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-946\" title=\"linktoawebsite\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-15-at-16.25.39.png\" alt=\"\" width=\"230\" height=\"145\" \/><\/span><\/p>\n<p>When editing is on users can select from the dropdown menu an option to upload a file called &#8220;Link to a File or Website&#8221;. From a developer perspective this seems perfectly legitimate &#8211; a link in html does not care if its to an asset on the same site, or another website.<\/p>\n<p>From a language and user aim perspective our users had a great deal of difficulty with this concept and the\u00a0labelling.<\/p>\n<p>Users\u00a0suggested\u00a0&#8220;Upload a file&#8221; would be a more appropriate label. It should be noted that these expert users use moodle every day, but\u00a0unfortunately\u00a0still find it a\u00a0struggle\u00a0to remember how to do some of the common, repeated activities. This would indicate a more\u00a0intuitive\u00a0process &#8211; based on the language and tasks the user needs to carry out &#8211; would be more\u00a0appropriate\u00a0for our interface we give to users.<\/p>\n<p style=\"padding-left: 30px\"><strong>Adding a resource form<\/strong><\/p>\n<p><strong><img loading=\"lazy\" class=\"alignnone size-large wp-image-947\" title=\"adding a resource form\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-15-at-16.28.48-600x529.png\" alt=\"\" width=\"600\" height=\"529\" srcset=\"https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-15-at-16.28.48-600x529.png 600w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-15-at-16.28.48-300x264.png 300w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-15-at-16.28.48.png 884w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/strong><\/p>\n<p style=\"padding-left: 30px\">The standard form for adding a file resource in moodle brought up some interesting usability\u00a0challenges\u00a0for our tutors.<\/p>\n<p style=\"padding-left: 60px\"><em>Window &amp; other form elements<\/em><\/p>\n<p style=\"padding-left: 60px\">The form itself has a large number of options for opening the resource in a frame, a pop-up window, showing navigation, menu bars, location bars, the size of the window etc..<\/p>\n<p style=\"padding-left: 60px\">Many of our users were unaware of the implications of these setting for the end user, the usability and\u00a0accessibility\u00a0problems associated with setting these options\u00a0incorrectly, what the size in pixles of there resource &#8211; or indeed a page is, what a status bar is etc&#8230;<\/p>\n<p style=\"padding-left: 60px\">As developers we know most of these options can be ignored. We know that best practice tells us never to use frames and to open files such as pdfs and word documents with the appropriate\u00a0application\u00a0and not with a browser. \u00a0We know that images, movies and audio can be displayed in most browsers. This is a complex set of web content rules we learn, but we found most of our users had no conception of these rules or (understandably) any wish to\u00a0learn them.<\/p>\n<p style=\"padding-left: 30px\">For users with limited time, trying to complete a\u00a0relatively\u00a0simple task\u00a0which\u00a0other systems\u00a0allow\u00a0them to easily,\u00a0presenting this hi-level of\u00a0control and complexity was unwelcome.\u00a0This generally applied to all standard moodle elements of form.<\/p>\n<p style=\"padding-left: 30px\">Generally we found our users just wanted to add a file, and for it to work.<\/p>\n<p style=\"padding-left: 30px\"><strong>Choose or upload a file form \/ pop-up window<\/strong><\/p>\n<p style=\"padding-left: 30px\"><a href=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-16-at-09.43.13.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-980\" title=\"choose a file\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-16-at-09.43.13-600x123.png\" alt=\"\" width=\"600\" height=\"123\" srcset=\"https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-16-at-09.43.13-600x123.png 600w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-16-at-09.43.13-300x61.png 300w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2010\/08\/Screen-shot-2011-03-16-at-09.43.13.png 728w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p style=\"padding-left: 30px\">The Choose a file button opened a pop-up window (by default &#8211; blocked) presenting the moodle standard file interface. One user stated that to reach this page they had now clicked \/ requested to upload a file three times, and seemed no nearer their goal.<\/p>\n<p style=\"padding-left: 30px\">Many users spent a while on this page searching for the (bottom right) upload a new file button.<\/p>\n<p style=\"padding-left: 30px\">Comparing\u00a0to other systems users found the lack of a progress indicator, and error messages if the file was large to be frustrating.<\/p>\n<p style=\"padding-left: 30px\">Once uploaded none of the 12 expert moodle users\u00a0interviewed\u00a0were\u00a0immediately\u00a0able to find the Action &gt; Choose button\u00a0immediately, with many clicking on the file name. Those users with a lot of files were often unable to spot if the upload had been\u00a0successful\u00a0or if the file was listed in their list of files.<\/p>\n<p style=\"padding-left: 30px\">It was interesting to see the number of users who did not seem to be using folders to organise their files online, but would do on their personal computer. When questioned further users tended to not look\u00a0favourably\u00a0on the \u00a0method of creating folders and moving files within moodle. Users were also unsure if link integrity would be maintained when files were renamed or moved.<\/p>\n<p>Searching the moodle forums had shown that moodle developers were aware of the issues with this process and in the process re-working it for moodle2.\u00a0Unfortunately\u00a0on our large production site we cannot wait for moodle2 and need to address some of the issues to make life easier for our primary asset &#8211; our content creators.<\/p>\n<h4><span style=\"font-weight: normal\">2. Through the html\/WYSIWYG editor<\/span><\/h4>\n<p>In our staff training courses at Sussex we\u00a0encourage\u00a0users to use the first method for adding files, but many found it more familiar to do so\u00a0thought\u00a0the WYSIWYG html editor in moodle. This seemed to be a workflow users were more familiar with, and enabled them to easily add contextual\u00a0information\u00a0relating\u00a0to the resource.<\/p>\n<h2><span style=\"font-weight: normal\">Improvement\u00a0requirements<\/span><\/h2>\n<p>From our initial investigation a clear set of requirements emerged.<\/p>\n<p>Basics<\/p>\n<ul>\n<li>Clear and simple labelling\u00a0for tasks<\/li>\n<li>Reduced complexity, jargon and options<\/li>\n<li>Better layout for primary actions<\/li>\n<li>A progress bar for uploads<\/li>\n<li>Clear indications of\u00a0success\u00a0\/ failure in a task<\/li>\n<li>Intuitive\u00a0file selection (e.g. onclick)<\/li>\n<\/ul>\n<p>Advanced<\/p>\n<ul>\n<li>Less clicks to perform a task<\/li>\n<li>Helpful and meaningful guidance\u00a0text during task<\/li>\n<li>Improve ability to organise files online &#8211; e.g. rename, move,\u00a0preview<\/li>\n<li>Intelligent best practice display of resources based on mimi\u00a0type\u00a0&#8211; e.g.\u00a0\u00a0pdfs = download, audio = play in browser<\/li>\n<li>Helpful and meaningful error messages<\/li>\n<li>Avoid the use of pop-ups which modern browsers block<\/li>\n<\/ul>\n<h2><span style=\"font-weight: normal\">Additional\u00a0requirements<\/span><\/h2>\n<p>During interviews users also mentioned uploading multiple files. This was not an issue when adding single resource, but in more general file management of site files. Many lecturers have a folder of lecture slides and would like to make them all\u00a0available, but currently have to individually choose each one &#8211; a slow and painful process.\u00a0Users are familiar with, but not\u00a0competent, in zipping files.\u00a0Users said \u00a0the ability to select more than one file to upload at once would improve their workflow considerably.<\/p>\n<ul>\n<li>Multiple file upload<\/li>\n<\/ul>\n<h2><span style=\"font-weight: normal\">Our solution<\/span><\/h2>\n<p><span style=\"font-weight: normal\">We <\/span>demonstrated\u00a0the new file management tools at the Study Direct user group meeting in June 2010.<\/p>\n<p>[vimeo]http:\/\/vimeo.com\/13646116[\/vimeo]<\/p>\n<h2>Next time&#8230;<\/h2>\n<p>In the next of these post we talk about wireframeing, prototyping and testing improvements to file upload including technical details of our implementation\u00a0in moodle 1.9.<\/p>\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n<p style=\"padding-left: 30px\">\n","protected":false},"excerpt":{"rendered":"<p>As a large HE \u00a0using moodle one of the main problems our Staff and Tutors have with moodle is file management. On a daily basis our tutors, academics and staff use our moodle install at Sussex to add pdfs, powerpoints, word docs and other teaching materials to their sites in order to make them available [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,64],"tags":[21,92],"_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/533"}],"collection":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":45,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/533\/revisions"}],"predecessor-version":[{"id":995,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/533\/revisions\/995"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/media?parent=533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/categories?post=533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/tags?post=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}