{"id":1137,"date":"2011-11-09T15:15:18","date_gmt":"2011-11-09T15:15:18","guid":{"rendered":"http:\/\/blogs.sussex.ac.uk\/elearningteam\/?p=1137"},"modified":"2011-11-09T15:15:18","modified_gmt":"2011-11-09T15:15:18","slug":"moodle-mobile-the-future-of-moodle","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/2011\/11\/09\/moodle-mobile-the-future-of-moodle\/","title":{"rendered":"Moodle mobile &amp; the future of moodle"},"content":{"rendered":"<h2><span style=\"font-weight: normal\">Responsive design in moodle<\/span><\/h2>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/31368702\" width=\"500\" height=\"297\" frameborder=\"0\" title=\"Responsive design with Moodle\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<h3><span style=\"font-weight: normal\">A cross platform vle?<\/span><\/h3>\n<p>With the increasing predominance of smart phones and tablets it is highly likely that any institution running some form of analytics will have seen the rise in their moodle site being accessed by Blackberry, IPhone &amp; IPad and the ever increasing march of Android.<\/p>\n<p>It&#8217;s\u00a0predicted\u00a0that by 2013 there will be more of what we call mobile devices accessing your website, than desktop. \u00a0As a browser based open source CMS moodle is perfect for being viewed in all these internet ready devices, but needs a bit of tweaking.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" class=\"size-large wp-image-1166 aligncenter\" title=\"mobile logos\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.49.36-600x125.png\" alt=\"\" width=\"600\" height=\"125\" srcset=\"https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.49.36-600x125.png 600w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.49.36-300x62.png 300w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.49.36.png 779w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Moodle at its core wasn&#8217;t built to consider such devices. Pop-up windows, tables, iframes, the forms library, the lack of support for grid layouts, poor usability, an ancient WYSIWYG editor (moodle1.9) and many other odd things dwell in the core moodles framework, and indeed Moodle HQ have noted the fact that it &#8220;<a href=\"http:\/\/docs.moodle.org\/en\/Development:Mobile_app#2._HTML5_application\" target=\"_blank\">requires huge core changes to Moodle<\/a>&#8221; to make moodle work in the current browser\/mobile landscape.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.w3.org\/html\/logo\/#the-technology\" target=\"_blank\"><img loading=\"lazy\" class=\"aligncenter\" title=\"HTML5_Badge_512\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/HTML5_Badge_512-300x300.png\" alt=\"\" width=\"300\" height=\"300\" \/><\/a><\/p>\n<p>For us as users and developers such changes would not only improve moodle for mobile users, but for all users. Almost all modern open source browser based CMSs are currently\u00a0updating, or already have done,\u00a0to support mobile users and current browsers. Those that don&#8217;t i fear will\u00a0disappear.<\/p>\n<h3><span style=\"font-weight: normal\">So what is the current state of moodle for mobile users?<\/span><\/h3>\n<p><a href=\"http:\/\/www.moodlenews.com\/2011\/news-flash-official-moodle-app-v1-0-for-moodle-2-is-coming-july-2011\/\" target=\"_blank\">Moodle News pointed us in the direction of the moodle plans for mobile.<\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/docs.moodle.org\/en\/Development:Mobile_app\"><img loading=\"lazy\" class=\"size-large wp-image-1152 aligncenter\" title=\"800px-Resources\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/800px-Resources-600x698.png\" alt=\"\" width=\"600\" height=\"698\" srcset=\"https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/800px-Resources-600x698.png 600w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/800px-Resources-300x349.png 300w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/800px-Resources.png 800w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>It turned out <a href=\"http:\/\/docs.moodle.org\/en\/Development:Mobile_app\" target=\"_blank\">moodle have some wireframes and a plan for developing a plethra of platform specific apps<\/a>.<\/p>\n<p>The plan suggested hiring app developers, and using moodle2 web services to deliver content into these applications. Their are no details\u00a0available\u00a0on testing these wireframes with actual moodle users.<\/p>\n<p>A moodle iphone app was released. <a href=\"http:\/\/www.guardian.co.uk\/technology\/blog\/2011\/nov\/03\/will-html5-replace-native-apps\" target=\"_blank\">Which causes some problems<\/a>.<\/p>\n<p>The implications are that anyone with a customised moodle would have to customise and release their own suit of native moodle apps.\u00a0Individual institutional data you include in your moodle, which a standard moodle does not, would simply not be included in the moodle standard app.<\/p>\n<p>At Sussex we do not currently support or\u00a0maintain\u00a0a native moodle app for our Windows, Mac OS or Linux machines.  Patches to platform specific apps are something not\u00a0currently\u00a0included\u00a0in our\u00a0development\u00a0cycles.  We use moodle because its an open source browser based CMS &#8211; it crosses these boundaries to unite all our systems.<\/p>\n<p>The app we use for moodle is the browser.<\/p>\n<h3>The app stores &#8211; one size fits all<\/h3>\n<p>Apps can be great &#8211; Apple are able to designing a native mobile interface for most of their systems, with fantastic results. But moodle isn&#8217;t Apple, Facebook or any of the other one size fits all service providers.\u00a0As with any open source CMS we expect to able to customise our users experience of moodle, to fit there needs.<\/p>\n<p>Developing the iphone app should not been seen as a waste of time. As with apple themselves the lessons learned from creating a lean user experience can be fed back in and become beneficial to moodle.<\/p>\n<h3>In moodle &#8211; one size does not fit all<\/h3>\n<p>The ecological diversity of moodles out there tells us people use moodle for very different things. People customise moodle. People want different workflows and focus from their moodle. Moodle has never been a one size fits all product which most native apps, by their nature, are. People have already developed their own moodle apps for their diverse requirements from moodle.<\/p>\n<p>Other CMS systems like the\u00a0Wordpress app\u00a0allows\u00a0editors to curate content (a standard workflow), but there is no official app to view the front end of every worpress site in this specific style for a very good reason. Drupal have never released a one size fits all suite of\u00a0platform\u00a0specific naive apps because they except their strength lies in the ability of their customers to mould the product to fit the business and user requirements &#8211; as moodle needs to.<\/p>\n<p>From our own tests, with a variety of mobile devices, moodle is very close to working well on mobile and tablet already. Patching the issues in moodle isn&#8217;t something we can do alone &#8211; it needs a\u00a0encouragement from\u00a0the\u00a0community. At Sussex we would prefer to see moodle&#8217;s energy put towards updating and developing the open source browser based CMS we love. We&#8217;d like moodle and the\u00a0communities time and energy put towards supporting the future for all users, rather than any one size fits all platform specific native app\u00a0development.<\/p>\n<h3 style=\"text-align: center\"><span style=\"font-weight: normal\"><br \/>\n<\/span><\/h3>\n<h3><span style=\"font-weight: normal\">Best practice on the web<\/span><\/h3>\n<p><em> <\/em>Moodle&#8217;s pursuit\u00a0of apps sits rather\u00a0uneasily\u00a0with current web\u00a0community\u00a0best practices for mobile. Moodle is lucky enough to be a browser based CMS when there has never been a better time to be one!<\/p>\n<p>The now famous <a href=\"http:\/\/www.alistapart.com\/articles\/responsive-web-design\/\" target=\"_blank\">A List Apart article<\/a> showed us how to technically shape\u00a0content\u00a0for small screen.<\/p>\n<p>Moodle2 happily\u00a0incorporates\u00a0parts of the community browser best practice code form\u00a0<a href=\"http:\/\/html5boilerplate.com\" target=\"_blank\">html5boilerplate<\/a>. So why not <a href=\"http:\/\/html5boilerplate.com\/mobile\/\" target=\"_blank\">html5boilerplatemobile<\/a> ?<\/p>\n<p>CSS3 enables us to use media queries \u00a0and it would be great to have moodle featured on <a href=\"http:\/\/mediaqueri.es\/\" target=\"_blank\">mediaqueri.es<\/a> &#8211; the gallery which shows some of the best use of this pattern.<\/p>\n<p>The open university has a <a href=\"http:\/\/www.open.ac.uk\/webstandards\/v3.0\/index.php\" target=\"_blank\">pattern\u00a0library\/online style guides<\/a> which utilise these media queries, and we are looking forward to seeing this\u00a0implemented\u00a0in their moodle.<\/p>\n<p>The &#8216;recently\u00a0acquired\u00a0by adobe&#8217; <a href=\"http:\/\/phonegap.com\/\" target=\"_blank\">phonegap<\/a> project lets us interface with mobile apis for upload etc..<\/p>\n<p>And while your moodle may not currently be mobile\/tablet\/modern browser supportive, their are ways around it.<\/p>\n<p>Anyone who read or saw the <a href=\"http:\/\/filamentgroup.com\/lab\/slides_from_our_jquery_conference_presentation_on_jquery_mobile\/\" target=\"_blank\">Jquery UI Mobile presentation by\u00a0filament\u00a0goup<\/a> (<em>highly recommended<\/em>) will know of the projects objective as a browser based framework for mobiles and tablets.<\/p>\n<p><a href=\"http:\/\/stabinger.us\/\" target=\"_blank\">John Stabinger<\/a> &#8216;s \u00a0<a href=\"http:\/\/mymobile.stabinger.us\/\" target=\"_blank\">moodle2 mobile based on Jquery Mobile<\/a> theme gives you a moodle web app.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/mymobile.stabinger.us\/\"><img loading=\"lazy\" class=\"size-full wp-image-1154 aligncenter\" title=\"Screen shot 2011-05-19 at 12.18.25\" src=\"http:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.18.25.png\" alt=\"\" width=\"305\" height=\"566\" srcset=\"https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.18.25.png 305w, https:\/\/blogs.sussex.ac.uk\/elearningteam\/files\/2011\/05\/Screen-shot-2011-05-19-at-12.18.25-300x556.png 300w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/a><\/p>\n<h2><span style=\"font-weight: normal\">The future of moodle?<\/span><\/h2>\n<p>We would love it if moodle accepts and learns to embrace what it is &#8211; a browser based open source CMS &#8211; and what a great time it is to be one.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive design in moodle A cross platform vle? With the increasing predominance of smart phones and tablets it is highly likely that any institution running some form of analytics will have seen the rise in their moodle site being accessed by Blackberry, IPhone &amp; IPad and the ever increasing march of Android. It&#8217;s\u00a0predicted\u00a0that by 2013 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,35,64],"tags":[161,160,162],"_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/1137"}],"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=1137"}],"version-history":[{"count":73,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/1137\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/posts\/1137\/revisions\/2316"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/media?parent=1137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/categories?post=1137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/elearningteam\/wp-json\/wp\/v2\/tags?post=1137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}