Did anybody ever develop a Drupal site that could display on a mobile phone and if so how?

joel_guesclin - November 15, 2007 - 13:56

I'm turning over in my mind the possibility of making one of my web sites (specifically in Japanese) available on mobile phones, and would be very glad to hear if anybody else has done anything like this.

Here are a few thoughts about requirements:

Since the site should display both on a workstation and on a mobile phone, there would have to be some way of detecting which the visitor to the site is using.
Is it possible just to use CSS or is there some difference in the XHTML?
The site would be pretty simple - but the most important feature would be a forum into which visitors should be able to type using their mobiles
Can anyone recommend a particular handset simulator?
Are there any specific issues related to Japanese?

Any ideas or pointers would be welcome!

» Login or register to post comments

mobile theme

Phillip Mc - November 15, 2007 - 15:04

I maybe wrong..but i seem to remember seeing a mobile theme in the downloads section before. Haven't tried it but it might be a good starting point for you.

http://drupal.org/project/mobile

phil

basicmagic.net - November 15, 2007 - 17:47

FatAtlas.mobi - SmartPhone WebKit Test Site: Android, iPhone...

jamesJonas - November 16, 2007 - 12:22

I have just launched a prototype site at http://FatAtlas.mobi. This targets a smartphone platform under WebKit. I'm using phone emulators for the initial test design. Details are here: http://drupal.org/node/192183

Theme Development

I took my current theme, whitejazz by RoopleTheme.com, and forked it to mobilejazz. I then started to hack the css to fit it into a mobile platform. My goal was to ensure a common user experience between my standard website platform and my mobile platform.

Monday - SDK drop by Android
Tuesday - Android: Ported FatAtlas.com and Launched as FatAtlas.mobi, testing it using the Android Emulation inside the Google Android SDK kit. (good rendering, unstable during loads, needs backend debug tools, which may still be hidden somewhere in the SDK)
Wednesday - iPhone: emulation testing for iPhone using web based tool. (best navigation, very easy to setup and run, next I'll look at software emulations)
Thursday - Nokia Emulator Test (fast, medium navigation, log-in failure, great backend tools for debug)

The mobile website still requires substantial UI customization, but for the most part all these cellphone emulators give you a good idea of how your Drupal website may look and feel inside a mobile phone.

Drupal Mobile

Under the WebKit browser platform, porting Drupal sites seems much more viable. I would also note that the browser market for mobile phones with high end features (css, javascript...) is very hot right now. Opera Mini 4.0 and Firefox may also need to be added to ones list of test mobile environments. The core issue is that Drupal can create a robust mobile experience today with the current crop of more fully featured browsers running on the more robust smartphone platforms. There is work to be done in making Drupal more mobile friendly, which include: page design to fit on smaller screen footprints, smarter loading of css/javascript/images, use of ajax remote calls for calling page elements on an as needed basis, incremental page loads of long documents and most important to this thread, themes that take advantage of this features.

MobileJazz Theme

RoopleTheme.com is the creator of WhiteJazz, which I have forked from their code base to create MobileJazz. After I have thinned out the theme to a more mobile friendly footprint I'll take a look at how it may be released.

James

FatAtlas.com

I need a mobile theme that

hakeem - January 4, 2008 - 18:10

I need a mobile theme that auto-detects the mobile browser.

--
www.hakeem-sy.org

The only thing that limits

Resident Geek - January 4, 2008 - 23:09

The only thing that limits whether or not a smart phone can see it, is the formatting.
Since php is server side script, it will return HTML. As long as it's formatted for the phone, it will work fine.
So yes... Drupal could be made to work for a phone. As to whether or not someone has done it yet, I don't know.

A Few Modules Available

jabba_29 - February 25, 2008 - 09:04

The accessibility module can display content device dependently -
http://drupal.org/project/accessibility

It uses very basic device detection, chooses a theme accordingly and
then splits content into smaller pieces if required.

There are a few very basic themes for mobile devices on skiffie for v4.7x and v5x -
these include empty style-sheets, but you should be able to catch the basics
from the templates themselves.

I am working on a mobile theme for v6 at the moment,
once I have figured out the answers to this question
I hope to start development work on the actual module again.

Regards

Jamie

Making Drupal Mobile

We created dev.mobi + mobile version with drupal

ruadhan - May 8, 2008 - 09:31

We use Drupal for our developer's site http://dev.mobi

We outline how to do it in an article Creating mobile sites drupal using multisites.

Theme for Drupal v6

jabba_29 - July 10, 2008 - 20:13

Hi,

I have kind of discontinued development work at the moment on the module side of things,
but I have created a mobile theme that:

breaks down content into smaller chunks
sends the correct content type for mobile devices
changes the cache so that new pages shouldn't be called too often.

Screen-shots for accessibility module
Bluemobi theme

Regards

Jamie

Making Drupal Mobile

See my blog for a possible

twom - January 31, 2009 - 18:17

See my blog for a possible solution/example:
http://mobiledrupal.com/content/make-your-drupal-blog-mobile

The example uses a combination of automatic adaptation and manual authoring.

I am working on a couple of modules (http://mobiledrupal.com/content/mobile-device-detection-module) that assist in managing your mobile site.