Just added a new theme (once approved) for moodle 2.x called myMobile.
Some light reading:
myMobile is a theme for Moodle 2+ that is customized and optimized for smart phones and tablets. It is based on jquerymobile. For a device support grid, please visit the jquerymobile website (http://jquerymobile.com/).
This theme has been tested most thoroughly on IOS devices, including iPhone 3gs, iPhone 4 and iPad. IOS 4+ is highly recommended. Also tested on Android 2.1+. Desktop browser support includes Chrome 10+, safari, Firefox 4+ and Internet Explorer 9.
What this is:
This is a complex theme designed to provide a ui-enhanced mobile-ready version of your moodle2 install to students and teachers. It supports a basic student/teacher scenario: usage of standard moodle2 activities and assignments, as well as access to calendar, messages, blocks and resources.
This theme attempts to display your standard moodle course content in a mobile friendly format. You can assist in this process by making your moodle install more mobile friendly by:
- making sure theme designer mode is turned off and that language cache is turned on.
- Avoid placing large images and video directly on the front of course pages. Instead, link to images and video via activities, resources and pages.
- using .mp4 for audio/video or the youtube embedder (youtube embedder seems to be the best cross-browser solution at the moment).
- making sure your mobile device’s OS is up to date.
- using the latest weekly install of Moodle 2.
- Linking to resource files (PDF, MS Office files, etc.) instead of embedding them.
What this is NOT:
This is not designed to allow administrators, course managers or others a way to: add/edit activities, add/edit users, add/remove courses, add/remove blocks, edit courses, or edit install settings (etc). If you need to do any of the above, please do them via a normal theme on a standard computer as designed.
Install as you would any other theme. Turn on: Allow theme changes in the URL, in theme settings and give mobile users the address of: http://yourmoodle.com/?theme=mymobile
Future versions of moodle may support selecting this theme as the moodle 2 install theme. See: http://moodle.org/mod/forum/discuss.php?d=162872
Bugs and Support:
For this alpha version, I am mainly looking for bugs related to the usage of core moodle 2 activities. Please report any found.
I cannot support every mobile device myself, hence the reason (one of the reasons anyway) jquerymobile is used. If a device does not work properly with this theme, all we can do is hope that it gets fixed or added to the next jquerymobile release.
The following are glitches that are known.
1. Setting a quiz to use ‘browser security‘ will cause issues. Please avoid.
2. Video/audio- some video will work on some devices, others won’t. There really isn’t too much that can be done but would appreciate suggestions (Note- updated moodle media filters are helping this issue).
3. Large settings pages (i.e., edit course settings, edit user profile, etc.) can take a long time to render (depending on device).
4. Advanced upload assignment- ‘add notes’ not working.
6. Adding a new calendar event is disabled for the moment.
7. It can be difficult to scroll embedded resources (i.e., PDFs). A workaround is in place (clicking the thumb ‘paperclip’ icon opens the file in a new window), but it is generally better to just link to resources).
8. Desktop versions of firefox below version 4 seem to stumble over some code. IE7/8 do not work at all although I hope to have all three of the above desktop browsers supported to some extent by the first official release.
9. A proper method to get back to a ‘desktop’ theme is not in place.
10. Back button is english only.
Theme Settings Page:
You can make changes to this theme via a settings page. The following are options:
- Set custom text for the front page of the mobile version of your moodle site. This is text that only your mobile users will see.
- Show or hide the site topic section. Useful if your default site topic section is not mobile friendly.
- Turn on/off auto image thumbnail behavior. By default, the theme hides site index and course index images and replaces them with a clickable thumb icon (and caption). This behavior can be turned off via this setting.
- Show desktop theme link (may or may not work), off by default.
Goals and Roadmap:
The primary goals of this beta release are:
- To find and fix bugs in core activities.
- Find methods to speed up load times.
- Add method to switch to standard ‘desktop’ theme.
- Use ajax for form posting whenever possible.
This theme is an alpha release. Updates will occur in tandem with jquerymobile.
- Investigate fixed header/footer possibilities for a more native UI.
- Tablet optimized layout that will take better advantage of the larger screens.
- connections to native apps for specific functions.
- Use ajax forms wherever possible.