Spotlights for web

Series 40 Web Apps Part 1: Button example

In this first steps training module get started with a Series 40 web app by creating a button that triggers an action. The module introduces the MWL library APIs for showing and hiding elements on page.

Download the source code used in this module here.

Series 40 Web Apps Part 2: Button counter example

In this first steps training module learn how application state (in this case, the value of the counter) can be retained on the Series 40 web app Proxy Server. The client never knows the actual value of the counter, receiving updates to its HTML only. This show how intensive computation and large amounts of data can be processed by the server, while the client receives small updates, saving battery and bandwidth.

Download the source code used in this module here.

Series 40 Web Apps Part 3: Creating pages

In this first steps training module you will see how to implement “screens” or “pages” in a web app and navigate between them. No server communication takes place – the application runs entirely on the client.

Download the source code used in this module here.

Series 40 Web Apps Part 4: Animation and transitions

In this first steps training module you will discover how to animate elements on your pages by changing their positions and implement an effect to transition between web app pages.

Download the source code used in this module here.

Series 40 Web Apps Part 5: Ajax

In this first steps training module learn how to use Ajax to communicate with other servers from your web app. You will use jQuery and geolocate service to explore the use of Ajax and observe the behaviour of web app in Local and Cloud Preview from the Nokia Web Tools.

Download the source code used in this module here.

Series 40 Web Apps : BBC Reader Part 1 - Debugging

In this Series 40 web app training module, based around a BBC Reader app, you will learn how to use the features of the Nokia Web Tools to debug your web apps.

Download the source code used in this module here.

Series 40 Web Apps: BBC Reader Part 2 - Error Handling

In this Series 40 web app training module based around a BBC Reader app, you will learn how to implement error handling in your web app effectively and efficiently.

Download the source code used in this module here.

Nokia Series 40 Web Apps: BBC Reader Part 3 - Working with the Console

In this Series 40 web app training module based around a BBC Reader app, you will learn how to use the console to assist with your web app development.

Download the source code used in this module here.

Series 40 Web Apps: BBC Reader Part 4 - JavaScript Templates

In this Series 40 web app training module based around a BBC Reader app, you will learn how to use JavaScript templating to create HTML.

Download the source code used in this module here.

Series 40 Web Apps: BBC Reader Part 5 - Opening Articles

In this Series 40 web app training module based around a BBC Reader app, you will learn the techniques that can be used to open and display the details from a web article.

Download the source code used in this module here.

Getting started with Xpress Web App Builder 1.0

Discover how easy it is to create and customise a Series 40 web app from your website content and social media feeds with Xpress Web App Builder 1.0. This video guides you through choosing a template to layout your app, adding content from your website or social media account - such as Twitter and YouTube - then enhancing your app to enable users to send an SMS message. Then, after finalising the app's content, obtaining a short URL to preview it on a Series 40 phone before submitting it to your Nokia Publish account.

Introducing Nokia Ad Exchange

Kenny Mathers, Director of Developer Programs and Monetisation at Nokia, introduces Nokia Ad Exchange (NAX). Kenny describes how NAX offers a really simple way for you to monetise your free apps. A single line of code adds ads from over 120 advertising networks to your app, ads that can be delivered in over 200 countries. To help you make the most of NAX, Kenny explains that it includes a powerful analytics feature. With this feature you can see how ads are being consumed and use this information to optimise you revenue. Using NAX you can also run campaigns to promote your apps and reach more users.

Nokia Ad Exchange

With Nokia Ad Exchange (NAX) you can add ads to your apps, with just a line of code. That line of code gives you access to over 120 advertising networks, delivering ads in over 200 countries. Once you are up and running powerful analytics help you track ad consumption and optimise your revenue. You can also use the Campaign feature to cross promote your apps for free or run a paid campaign to promote your app on others’ mobile apps worldwide.

Series 40 UX Design Resources Tour

So you want to create outstanding UXs for your Series 40 apps. In this video you get a tour of the resources available in the Nokia Developer Design and User Experience library, which will get you on the road to a winning design. Covering resources for Java and web apps, this video also includes key general design resources that will help you navigate the design process. With information on where to find examples, mock-up stencils, and icon templates, viewing is a must whether you are new to Series 40 or simply want to refresh your knowledge of the design resources available.

ESPN FC

This Series 40 web app provides comprehensive FC football coverage from all major leagues and tournaments from around the globe. Features include blogs, live scores, match stats, and player and club profiles.

ESPN F1

This Series 40 web app enables users to keep up-to-date with F1 action including news, live results, commentary, race summary, standings, and stats. The application provides complete driver and team profiles along with maps of many circuits on the season calendar.

Introducing Xpress Web App Builder

Join musician Ben and discover the power and simplicity of Xpress Web App Builder. Ben wants to deliver content from his website and social media accounts, to fans with Series 40 phones, in one simple to use app. Xpress Web App Builder enables him to do this. With this simple online tool, Ben delivers his content with engaging layouts that he just drags and drops into the app. When he is finished, Ben distributes the app through Nokia Store. And when he is ready, the code from his app can be passed to a developer for further customisation in Nokia Web Tools.

Monetizing Your Apps with Nokia

Nokia Store expands your worldwide reach to 190+ markets, with 90 per cent of those markets being served in their local language. The store sees more than 15 million downloads a day and 80 per cent of store traffic converts to a download. Nokia Store generates the highest average number of downloads per app compared to any other app store. The store also offers the largest operator billing network, with more than 145 operators in 52 markets. And you can make the most of this opportunity with in-app advertising and in-app purchasing features.

Liverpool FC: Match & News Centre for Asha Touch

Kathy Smith, Mobile Manager, at Liverpool FC and Sanjay Mistry, Operations Director, InfoMedia, talk about the Liverpool FC Match & News Centre.
Kathy explains that the app provides access to news, club information, and match details. In addition, videos are offered as a premium service. ‘Nokia devices are massively popular in the territories where we have large fan bases,’ says Kathy.
The app was developed for Liverpool FC by InfoMedia. InfoMedia chose to create a web app because of the company’s background. In addition to finding the Nokia Web Tools easy to install and use, Mistry notes that the app was built using three of the templates provided with the tool. ‘With the faster rendering of the (Nokia Asha Touch) handset we were able to build out richer experiences ... to use higher quality images, use better technology to ensure the user flow and (navigation) swiping … were more intuitive than a standard website,’ says Mistry.

New Series 40 web apps getting started

The Series 40 web apps getting started section has been refreshed to include a complete video tutorial. The videos take you step-by-step through the process of installing Nokia Web Tools and creating, testing, and deploying your first Series 40 web app. The videos are supported by a key steps summary and full text description. After completing the tutorials you will find a comprehensive list of additional resources that will help you further in developing web apps.

Creating apps for Asha Touch phones

This video provides an insight into how developers from around the world are taking advantages of the Java and web apps technology in the Nokia Asha Touch phones to deliver great experiences to their users. Hear Indiagames, Psiloc, and Liverpool FC and InfoMedia explain the benefits of developing for Series 40 Developer Platform 2.0 and the success they have achieved. Also discover how the latest tools — Nokia SDK 2.0 for Java and Nokia Web Tools 2.0 — have aided with development.

Series 40 web apps technical how to: Debugging

Andrew Knight shares technical tips about debugging your Nokia Series 40 web apps. Using the Nokia Web Tools development environment, Andrew gives you a quick and informative look at how to debug web apps on Nokia Series 40 phones, including the new Asha range.

Getting Started with Series 40 web apps

This getting started video provides you with the essential information needed to use Nokia Web Tools to create, edit, preview, package, and deploy a Series 40 web app. This video complements the getting started guide document available from Web Developer Channel and has been updated for Nokia Web Tools 1.5.

Series 40 web apps technical how to: Geolocation and maps

In this how-to video, Andrew Knight from the Nokia development team shows you how to code a Series 40 web app to use geolocation services and maps. You will see how to create a project in the Nokia Web Tools, code the basic container for displaying a map, obtain latitude and longitude from the geolocation API, use that information to obtain a map image for Nokia Maps, and display it in your app. After watching this guide, you will be able to add rich map features to your web apps for Series 40 phones, such as those from the Asha range.

Series 40 web apps technical how to: Animation

Andrew Knight, from the Nokia development team, shares technical tips on creating page animations for Series 40 web apps. Using the Nokia Web Tools development environment, Andrew provides a quick and informative look at implementing the options available to you when developing for Nokia Series 40 phones, including the new Asha range.

Series 40 web apps technical how to: Localizing

Andrew Knight shares technical tips about localizing your Series 40 web apps. Using the Nokia Web Tools development environment, Andrew gives you a quick and informative look at how to develop web apps that can be localized for different languages on Series 40 phones, including the new Asha range.

Create For Millions: Emotional Closeness Winner

Mohammed Diab discusses the success of his new application, I'm Feeling...!, which fetches your friends status from social networks and tries to classify them into specific categories. Mohammed states that in the future the app will support different languages, as well as different platforms. His best piece of advice for aspiring developers is, 'If you have an idea, go for it'.

Create For Millions: In the Know Winner

Independent developer James Mwai talks about his experience developing for the Series 40 platform using Nokia Web Tools. Mwai's application, AroundMe, was the Grand Prize winner for Create For Millions: In the Know. The application helps users find businesses and services, wherever they're located.

Series 40 web apps: Xoriant

Girish Gaitonde, CEO and founder, and Aaron Benjamin, senior product manager, of Xoriant Solutions Ltd, talk about the opportunities created by Series 40 web apps and Nokia Web Tools. Xoriant has created a web app that enables mobile users to access the content of Wikipedia.

Series 40 web apps: Sina Wireless

GaoFei Wang, vice president, and Zheng Wei, technical manager, of Sina Wireless talk about the opportunities created by Series 40 web apps and Nokia Web Tools. Sina has delivered Sina News as a Series 40 web app to provide domestic and international news to consumers in China.

Series 40 web apps: Kompas Cyber Media

Edi Taslim, business general manager, and Roy Nainggaolan, mobile systems and development, of PT. Kompas Cyber Media talk about the opportunities created by Series 40 web apps and Nokia Web Tools. Kompas has delivered a web app that enables mobile users to access the news content of the Kompas.com website.

Series 40 web apps: KapanLagi.com

Arthur Surya, director of KapanLagi.com, talks about the opportunities created by Series 40 web apps and Nokia Web Tools. KapanLagi.com has delivered a web app that enables mobile users to access the entertainment news content of the KapanLagi.com website.

Series 40 web apps: Hungama

Manish Malik, general manager, and Noaman Kazi, product manager, of Hungama Digital Media Entertainment Pvt. Ltd, talk about the opportunities created by Series 40 web apps and Nokia Web Tools. Bollywood Hungama has created a web app that enables mobile users to keep up-to-date with the latest Bollywood film and star news.

Getting started with Nokia Web Tools for Series 40

Houman Forood, Senior Product Marketing Manager at Nokia provides an update on the Series 40 web app development platform, which was launched in April 2011. In this video, Houman walks you through the basics of Series 40 web apps, the advances since launch, and the steps you take to get started.

New capabilities in Series 40 web apps

Houman Forood, Senior Product Marketing Manager at Nokia continues to discuss the new features in the recently released Nokia Web Tools 1.5 and updated web apps capabilities in Nokia Browser for Series 40. You can now take advantage of geolocation, native messaging, and other features to build rich applications using your web development skills.

UI improvements in Series 40 web apps

Houman Forood, Senior Product Marketing Manager at Nokia provides a guide to the UI improvements that have been introduced in the latest Series 40 web apps environment. You will see many improvements since the initial release. Houman also explains that new UI guidelines are available to assist you in designing web apps for Nokia Series 40 phones.

An Introduction to Nokia Developer Projects

This video gives you a brief introduction to the usage of Nokia Developer Projects, a web-based project management tool. For more on this subject, see the Nokia Developer Projects homepage.

IdeasProject

The IdeasProject is an online community for everybody from all around the world to brainstorm. It enables the two-way exchange of ideas between users and developers around innovation powered by Nokia.

By sharing your ideas here you expose them to a huge number of other enthusiastic people who can help you evolve them into real innovations and products. We offer challenges and concrete rewards for the best ideas.

Getting Started with Symbian Web Apps

This getting started video provides developers with the essential information needed to use Nokia Web Tools to create, edit, preview, package, and deploy a Symbian WRT widget. This video complements the getting started guide document available from Web Developer Channel.

Entupalma at MWC 2011

Maximiliano Firtman, director of Entupalma, talks about creating the Ole app for one of Argentina’s leading news and sport sites using web technology. Maximiliano discusses also the success he has achieved in distributing his apps through Ovi store and the support benefits of the Forum Nokia community.

Series 40 web apps: Introduction

Houman Forood, senior product marketing manager at Nokia, provides an overview to Series 40 web apps. Representatives from Hungama Digital Media Entertainment Pvt. Ltd, PT. Kompas Cyber Media, KapanLagi.com, Sina Wireless, and Xoriant Solutions Ltd provide feedback on their experiences with Ovi Browser, Series 40 web apps and Nokia Web Tools.

Qt WebKit Cartoon Reader

In this video chief engineer Lucian Tomuta shows this free example application, how it's coded, and how to combine native code with web technologies like HTML and JavaScript. For more on this subject, see the Cartoon Reader Projects homepage.

What's New With Forum Nokia Projects

Information about File sharing and Discussion improvements integrated in Forum Nokia Projects in October 2010. For more on this subject, see the Forum Nokia Projects homepage.

MagicBall Widget

Remember the Magic 8-Ball? This mobile version from Tong Ren is free for consumers in Ovi Store, and can be used (just for fun) to seek on-the-spot advice about any question imaginable.

Spin

This colourful and well-optimised web site enables visitors to browse a large collection of music-related articles, reviews, and special features.

The Guardian

This simple, well-optimised web site provides access to The Guardian’s extensive collection of news, sports, and lifestyle content. Users can easily search for articles, access their favourites, and browse the site’s content by category.

Finnair

This simple, well-optimised site enables users to check-in, view timetables, check the status of their flight, and learn more about Finnair’s worldwide destinations. Users can also easily complete an online form to join the airline’s rewards and loyalty plan.

Dremel

This simple, well-optimised web site provides an introduction to the Dremel product line of power tools for professional and do-it-yourself use. The site includes product descriptions, photos, and a handy series of videos showing the tools in use.

Wired

The Wired web site enables visitors to browse a large collection of articles, reviews, and curated sub-sections. The site is colourful, with well-integrated branding that has been creatively implemented, using simple background colours and lightweight high-contrast graphics.

Tic Tac Toe - Relax

This version of the classic "Tic Tac Toe" game from XIM offers rich and relaxing graphics with both 3x3 and 6x6 game-play options. The game is available in 1 or 2 player modes, and is great for having fun with friends and kids!

Ovi Browser

Ovi Browser brings rich web browsing to Nokia Series 40 devices that is fast and easy. It uses patented, Internet compression technology to reduce data usage by up to 90 per cent. As a result, pages display more quickly, saving users money on data charges. Multiple view modes are supported so that individuals can see the full web page in the original layout, or with an optimised single column format. The Ovi Browser is free, and available for a broad range of Nokia Series 40 devices.

Tech Buzz Homescreen widget

The award-winning Tech Buzz Homescreen Widget from UK-based Mippin is a fast, elegant way to reliably access the latest tech news anywhere on Nokia mobile devices, including the homescreen of the Nokia N97.

Download Tech Buzz widget from Ovi Store!

TripAdvisor

This remarkably versatile web site and widget work as a pair; enabling users to research nearby hotels, restaurants, and activity destinations. On GPS enabled devices, the widget detects the user’s location then passes this information to the web site providing a truly customised user experience.

Metro News Widget

Consumers with the Metro widget on their Nokia Symbian device can keep up to date with the latest news, sports, columns, and blogs. The widget has all the content from the latest Metro papers in the following countries: France, Italy, The Netherlands, Sweden, Finland, Denmark, Mexico and United States. Additionally, Metro readers can share news with friends using Facebook or Twitter.

NHL GameCenter 2010

This application enables users to explore and keep track of their favourite hockey players, teams, and games. The extensive collection of data is enhanced using charts, graphs, photos, and game play diagrams.

Accuweather.com Widget

With this free Web Runtime widget for Nokia N97 devices, consumers have instant access to the following content: current conditions and severe weather risk for the next 6 hours, rain and snow totals for the next 5 days, temperature and sky conditions for the next 15 hours; 10 days and nights of forecasts; 15 hours of hourly forecast information; a 15-day forecast, high temperature, 9 stored locations, low temperature, daytime high wind speed; and radar (U.S. locations only).

Street Magic: See A Card

David Blaine, Magician and Endurance Artist ™, began his career performing street magic -- up close and personal card effects done to small groups of people on the streets. Now, you can become a street magician with one of Blaine's favorite card effects from his groundbreaking TV special, Street Magic. "See A Card" is one of the most difficult card effects to perform in person. With the precision of this app, step into David Blaine's world. The payoff is always amazing.

Mercedes Benz

This site is lightweight, engaging, and provides an ideal companion to Mercedes Benz’s desktop offering. Users can view photos and specifications for available models, locate a 24-hour repair centre, or book a test drive at one of the brand’s many dealerships throughout Malaysia.

Auto Trader

The Auto Trader widget enables visitors to browse a large collection of vehicles, tag their favourites, and contact the seller using their mobile phone. The widget also includes a wealth of options that are ideally suited to the mobile context, including prompts to “Call Seller”, “Visit Dealer’s Website” and “View Dealer’s Location”

lastminute.com Hotels

This remarkably versatile widget enables users to research European holiday destinations, then locate and book a hotel from lastminute.com’s extensive collection. Users who prefer not to complete the booking on their mobile can also easily request a call-back from the lastminute.com sales team.

LP33.TV: On-Demand Music Videos

LP33.TV is a free on-demand widget available in Ovi Store that features music videos and interviews with the latest bands, as well as music culture and lifestyle content. LP33.TV allows consumers to watch videos from featured channels and create playlists.

Rightmove

This site is lightweight, engaging, and provides an ideal companion to Rightmove’s desktop offering. Users can search for properties, create lists of favourites, and easily generate alerts based on their location and ideal property characteristics. Quick access to the web site is also facilitated through a launcher application, available on Ovi Store.

Yahoo

This lightweight, mobile optimised web site enables visitors to browse Yahoo’s extensive collection of news and entertainment content. Easy to configure customisation options are also provided, enabling users to control which content appears within each section.

Facebook

This site is lightweight, engaging, and provides an ideal companion to Facebook’s desktop offering. Users can keep track of new message, accept invitations from friends, respond to comments on their Wall, and even tag friends within photographs.

Grocery

Tesco’s easy to use Grocery widget enables shoppers to create shopping lists, search for and select products, and book a home delivery directly from their mobile phone. The application’s visual style is fun and well aligned with Tesco’s in-store and online branding.

Nokia Web Clip Creator (beta)

You don’t need to be a programmer to build web apps for Nokia Series 40 phones; just use our state of the art website clipping tool. It's easy: Open your web page, select the web content to clip, preview it in the simulator, name your app, and generate the files to submit to Nokia Store. Nokia Web Clip Creator takes you through the process step-by-step, making web app creation easy. No programming skills are needed, and there are no registration fees to pay.