Moodle iPhone Screenshots

We have finished our version of Moodle for the iPhone.  It is not an iPhone app but we have made it look like one.

The script uses a PHP script to determine the User Agent.  If the User Agent equals "iPhone" then we tell Moodle to load the iPhone stylesheet.

The iPhone stylesheet removes the left column and changes the links to large display boxes that can be clicked with the finger.  The visual style is a clone of the iPhone interface so it looks as though it's an app.

I have also added extra code (Moodle core hacks) that shows and hides core  things in Moodle.  This reduces loading time.

There is also a new login page, an admin area, online users and a few other nice touches.
This will be heavily developed over the next few weeks.

Your rating: None Average: 4.5 (2 votes)

Comments

great stuff!

Hi Lewis, sounds great. Is there something similar already available for win mob type phones? regards lilian soon lilian@xlearn.co.uk

Stylesheet

Hi - Would it be possible to see the stylesheet?

Stylesheet

The stylesheet isn't where the magic lies, it's with the PHP code that is placed in the header.  The stylesheet required is the one you are using as your default theme but modified to include block links and to remove certain elements we don't want displayed on the iPhone.

the stylesheet

I would still love to see the style sheet to get a handle on what you've done, it's no problem for me to detect the iPhone and send it a specific stylesheet, I'm just not sure how to style for the iPhone....

styles

HI Lewis,

I was just starting to dive into moodle/iphone work and i was wondering if it would be possible to get a copy of the files you created/edited? I'll gladly share and modifications i make back.

 

thanks

Pete

peaston at pratt dot edu

Raul

Hey is there any way that you could share the progress of that stylesheet? I would really love to implement that into our website. Thanks!