By M@ster on

Belarus’ prominent news portal www.interfax.by has gone as far to develop a light version of its content made easy for browsing via smartphones – http://m.if.by
The mobile version operates on Pressflow 5* platform.
Used Modules:
- Browscap
- MobileTools
- Custom theme

Interface Design

The main menu offers a dropout list option,
With a quick menu on top:
- News
- Search (GoogleAPI)
- Forthcoming events
- Maps
- Weather
- Horoscopes
Menu icon resolution 60х60 (PNG-24). Interface design is adopted for optimal use with touchscreens.

Every teaser is fully clickable (add in node.tpl.php):
<div id="node-1" onclick="iGo('/article/1')"> HEADER + CONTENT </div>
The modulename_nodeapi option makes it possible to delete all images from the entire content. 

if($conf['theme_default']=='iphone')
$node->body = preg_replace('(\<img.*src="([^"]*)".[^\>]*\>)',' ', $node->body);

Page-to-page transition has been changed via template.php
functionmytheme_pager(){}

Authorization

The Authorization Option has been turned off, as it would be extremely time-consuming to develop a fully functional option like this - the original web design offers a private messaging service, signatures, profile editing options, authorization through a dedicated LDAP server.

functionphptemplate_user_login(&$form) {
	form_set_error('', t('Authorization available in classical version));	
	drupal_goto('');
}

Specify an iPhone Style Sheet

To the HTML code add a meta viewport tag:
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

CSS, JS

pager.tpl template offers only one style (style.css), with no possibility to and introduce $style variable.

template.php, function _phptemplate_variables:

$vars['scripts'] = [your JS files]
$vars['scripts'] = javascript_aggregator_cache($vars['scripts']);

The latest compressed Jquery 1.4.4 is used

Testing

The following software has been used to create and test the light version of the news portal:
- User Agent Switcher for FireFox http://chrispederick.com/work/user-agent-switcher/
- FireBug for FireFox

The mobile version has been tested via:
- iOS (iPhone 3, iPhone 4)
- WM 6* (eten x500+),
- Android 2.1 (huawei u8500)
- Symbian (Nokia e72, Nokia N8)

Any comments, observations and critical remarks are welcome!

⋅ Categories: Drupal 5.x