Series 40 web apps - Videos

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.

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.

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.

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.