The favicon is the little icon that usually appears next to the navigation tool bar of your browser.

First of all, you need to create a favcion.

In Photoshop open the icon or logo that you want to use as favicon.
Reduce the size of the icon to 16 pixels by 16 pixels, and save it in PNG 24.

After you save the icon in your image folder, change the name of the file to favico.ico (instead of png).

Then open the website that you are working on, login as admin, go to
ADMINISTER > Themes > Configure

At the bottom of the page you will see a box “Short cut icon settings”.
Browse the file called favicon.ico and upland the file.

Tick off the “default shortcut icon” and save configuration.

A customized Drupal module won’t be very useful if the admin user can’t configure it to their needs. This usually consists of several form fields where variables and inputs can be set. Within the module these fields are created within a function, however unlike other common module functions this one is not a hook and does not need a specific function name (although the names are usually along the lines of testmodule_admin or testmodule_settings). The following is an example of the structure these functions can take.

function testmodule_admin_settings() {
$form[‘testmodule_nodeno’] = array(
‘#type’ => ‘textfield’,
‘#title’ => t(‘Number of nodes to include’),
‘#default_value’ => variable_get(‘testmodule_nodeno’, 5),
‘#size’ => 2,
‘#maxlength’ => 2,
‘#description’ => t(‘The number of nodes to display.’),
‘#required’ => true,
);
return system_settings_form($form);
}

No HTML has to be coded to create the form, as this is all done by Drupal. The systems_settings_form function is used to add default buttons and set a form prefix. Note that variable_get is used to set the default value.

However, these settings mean nothing if they don’t interact with how the main module displays its contents. In most cases this involves grabbing information from the database – this information needs to conform to our configuration settings. In this example, we want to limit the number of nodes retrieved to 5.

$nodesmax = variable_get(‘testmodule_nodeno’, 5);
$sql = ‘SELECT nid, title FROM {node}’;
$result = db_query_range($sql, 0, $nodesmax);

To add this page to the sites menu system we must make use of hook_menu. Here we can set the page path, title and permissions.

function testmodule_menu() {
$items = array();
$items[‘admin/settings/testmodule’] = array (
‘title’ => ‘Test module settings’,
‘description’ => ‘Set a node limit to your test module.’,
‘page callback’ => ‘drupal_get_form’,
‘page arguments’ => array(‘testmodule_admin_settings’),
‘access arguments’ => array(‘access administration pages’),
‘type’ => MENU_NORMAL_ITEM,
);
return $item;
}

If you have already installed and enabled your module, it may be worth disabling and enabling it again for the new settings page to work properly.

Resource: http://drupal.org/node/206761

Modules are the building blocks for Drupal sites. They’re an easy way to add functionality to your site, and there’s a wide variety to choose from. All modules must include a modulename.info file, which explains descriptive information about the module.

There are 3 required details needed in this file – the module name, a description, and the version of Drupal the module is built for. This should be written as below:

name = Test module name
description = A simple module to test my coding skills.
core = 6.x

Note: in the module name, only the first letter should be capitalised. For the description, apostrophes should be avoided, instead use HTML entities.

There also optional strings that can be included in the .info file. If your module relies on any other modules to work, then these should be included in this file. In the following example, our new module relies on the blog and profile modules.

dependencies[] = blog
dependencies[] = profile

Another optional string is called ‘package’. On the main module list page the blocks are grouped by type for legibility. The idea is to place your module alongside similar modules to make it easy to find. For example, if you module involved video, then you could place with other video modules by using the following code:

package = “Video”

British Council - English Online

Please visit the site at www.englishonline.org.cn

About the British Council

The British Council connect people with learning opportunities and creative ideas from the UK to build lasting relationships around the world.

Brightlemon were asked to design and build a community based website (English Online) to help promote the learning of English in China.

Visit the British Council’s English Online social networking website external link

The requirement

Design, creation and implementation of a complete educational social networking site to assist Chinese students in learning the English language.

The following list summarises some of the features of the site:

Personalised newsletters

Like many websites, users can sign up for a html newsletter from English Online to be delivered to their email inbox.

However what is unusual about English Online is that the actual content of the newsletter delivered is tailored to each user’s specific interests and learning level.

This is achieved by sophisticated taxonomy techniques which matches content with users based on their learning records and achievements, user role (learner, teacher, school) and other profile information.

Personalised content

One of the main requirements for the English Online site was that each user would be able to create their own ‘profile’ (similar to that which might be found on sites like myspace, facebook etc.) as a virtual toolbox for their study of the English language.

As they work through exercises, lessons and exams on the site, their progress is stored within this profile along with records of all other activities they have been involved in within the website (blogs, forum posts, pictures shared with other users etc.)

Users can choose from various pre-made templates to theme their profiles.

There are even different templates available for different user groups such as Learners, Teachers and Schools.

Personal blogs

Blogs provide commentary or news on a particular subject; some function as more personal online diaries. A typical blog combines text, images, and links to other blogs, web pages, and other media related to its topic. The ability for readers to leave comments in an interactive format is an important part of many blogs. Most blogs are part of a wider network of social media.

For the English Online website each user has their own indivual blog - presented within their user profile page.

Multiple languages

Obviously with the website primarily aimed at Chinese people wanting to learn English it was imperative that users of all skill levels would be able to access and understand the information and content presented.

For this purpose the site content needs to be available in both Chinese and English, but not only that as there are two main forms of written Chinese (traditional and simplified) and both of these are needed.

So brightlemon implemented a system where the user can instantly change the language of the site from any one of these three languages to another with one simple click of a mouse, no matter what page they are on.

Streaming videos

Forums

An Internet forum is a web application for holding discussions and posting user generated content. Internet forums are also commonly referred to as web forums, message boards, discussion boards, (electronic) discussion groups, discussion forums, bulletin boards or simply forums.

The forums on the English Online site provide a valuable discussion point for students, teachers and school administrators, where they can share advice and experiences with and ask questions of other English Online users.

Online Polls

Another point of interactivity is web based polls where users can vote on specific questions and share the automatically collated results.

Multiple Colours - Customisable Interfaces

To truly personalise the user experience people can also instantly change the colour scheme of the entire website by simply clicking a tab in the site’s ‘colour chooser’, which sits top left of every page.

Mobile site development

English Online has a dedicated theme that is designed for mobile phone users. This theme is set as the default when accessing the site via http://m.englishonline.org.cn/ - view mobile demo via Opera mobile. This simplifies the site display so it can easily be used via a phone’s smaller and more limited browser. Figure M1 shows how the latest members block is displayed via the Opera Mini browser, one of the most common mobile browsers.

Widget development

Widgets provide a way for users to actively participate in a website without the need of opening a web browser. Using Adobe Flex technology, widgets can be created that run on a variety of different platforms, giving users access to diverse rich media content.

For EnglishOnline.org.cn, a widget was created in order to provide a personalized user environment for all registered users. This environment allowed users to be able to quickly check the site for updates. Figure W1 shows the widget displaying the latest blog posts on the website.

Further than just being able to show updates to the website, the widget also enabled users to interact with their account.
Many of the web 2.0 features of the website were accessible through the widget. For example, the widget allowed users to check their friends list, read their messages (see Figure W2) and access their profile.

Widgets created with Adobe Flex technology can be seamlessly connected to the Drupal 6 framework, allowing for simple and fast viewing of data and media.

Learn English

Brightlemon has been commissioned to design a pilot website for British Council – Learn English.

The site will be divided into two main sections that will cater to their specific target audience. Learn English Adults (teens, adults, professionals, migrant workers and English exam takers) and Learn English (aimed primarily at children, parents and teachers of children). These two sites, in terms of design, offer two different proposition (see below)

The Learn English website will incorporate the existing sites (Learn English Central, Learn English Professionals and Learn English Kids) into a brand new, fresher and more user friendly design. At present these sites attract more than 900,000 visitors per month.

Learn English Adults

Design and layout

The design aims to highly navigable, modern, light use of graphics and not too much text

Ability to choose languages

Part of the requirement of the brief is that the website should be ‘multi language’. English, Chinese Simplified, Chinese Traditional, Arabic and Russian versions.

-

Help blocks

Profiles and accounts for the new site.

Events Calendar

Multiple navigation options – most popular, recently viewed or polled content.

Look at latest comments and blogs.

Learn English kids

Design and layout

Clear, simple, vibrant, child-friendly, youthful, strong use of colours, simple navigation, images, graphics for navigation, speech bubbles, not too much text.

Main graphic navigation carousel

Content Block styling

Learn English Flash Games

Latest competition module

Login modules

Opinion Polls

Recent comments

The British Council’s English Online - built by Brightlemon - was recently featured on the home page of Dries Buytaert’s website http://buytaert.net/british-council-using-drupal. For more details about this project see the brightlemon blog.

To start, create an account with the Drupal web site at www.drupal.org.

Click on “download” button from the top right tabbed menu, and select “Themes”.

You will see a page full of themes, which you can filter by type (version of Drupal that you are working on etc) using the drop-down at the very top of the page.

Choose a theme (or more than one) that are similar in layout to your design (same number of columns etc.) and download them.

The themes will be downloaded in the format: tar.gz these are compressed files which can be opened with most commonly available zip utilities (winzip etc).

To make your new themes available to your Drupal site they first need to be uploaded to the correct directory:
sites >> all >> themes.

To activate your new theme, login to the admin area of your Drupal site, navigate to site building >> themes and tick the ENABLE check box next to your new theme.

To make your new theme the site’s default (which is that one that you uploaded) tick the radio button next to the check box and click the save button at the bottom of the page.

By Paul Moloney

The arrival of Drupal 6 saw Translation become a core module, which has made it even easier for developers to offer their sites in multiple languages. The change can be seen from the very start of site development, as there is now an option to install Drupal in languages other than English. This can be done by downloading a language pack (available from http://drupal.org/project/Translations) and extracting it into the root Drupal directory. When you next go to the browser installation page, your extracted languages will be available for selection.

Additional languages can be added via the Add Language page (Admin > Site Configuration > Languages > Add Language). Here you can choose a language from the list, or add a custom one of your own. This can be set as the new default if required. The Configure tab of the Languages section allows you to set how the site determines which language to display. The main way this is done in Drupal is by using a Path Prefix. Each language is assigned a prefix code, which can be inserted into the URL path to help Drupal identify which language to switch to. For example, www.example.com/fr/node/1 will locate notice the ‘fr’ code in the address and use that to switch to the French translation of the page. For further support, there is another option called ‘Path Prefix with Language Fallback’. This means that if there is no prefix path in the URL, then the site will switch to whichever language the user has chosen in their profile. If this has not been set, then the site can detect what language the user has set their browser to, and if possible serve a suitable language to them. ‘Domain Name Only’ means that a language switch will only occur if the site domain address matches one (e.g. http://es.example.com/about will match to Spanish). To match a domain to a language, or change the Path Prefix code, go to the Languages page and select the ‘edit’ link next to the desired language.

The Localization module is a great way to quickly translate site content. This provides a GUI interface on the screen which gathers the text content from the currently viewed page. Selecting a piece of text from the list will allow you to enter a translation for it. This is a great site aid which greatly speeds up site translations. You can also add translations using the Translate Interface (Admin > Site Building > Translate Interface). Here you can enter search the site for specific strings to translate, import already translated content via .po files (available from Drupal.org) or extract whole .po files for modules and themes for offline translation.

The variety and ease of site translation in Drupal 6 makes it much easier to create a site with multiple languages than before.

Company Background
A new web site for the US market, Executive Vice-Parent is an online entity providing a network of support for working parents. The site content explores the parallels between work and family life, drawing out lessons from interviews with career high-fliers.

It will also include a number of other content-rich features across a number of sections.

The Requirement
To design and build a website housing EVP’s editorial content with a focus on creating an online community.

The Solution
The Drupal platform will power a content driven, semi-automated, advertisement supported web site.

Company Background
Samuel French has been publishing, selling and leasing plays for performance since 1830. With expertise spanning 175 years, it is a well-established company offering a worldwide mail order service with over 2000 play-scripts available, plus a bookshop stocking a wide range of scripts and technical books on all aspects of theatre.

The Requirement
To create an updated e-commerce solution for the company that will facilitate the user experience and reflect the company’s work and heritage.

The Solution
Brightlemon are currently working on the rebuilding of the Samuel French site using the Drupal Framework. This will make extensive use of a number of modules to provide a wide range of functionality to the new web site.