Just added a new theme (once approved) for moodle 2.x called myMobile.
Download can also be found here.
Some light reading:
Intro:
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.
Installation:
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.
Known issues:
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.
Updates:
This theme is an alpha release. Updates will occur in tandem with jquerymobile.
To Do:
- 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.