Series 40 web apps - Code examples

Series 40 Web Apps UI Visualisation Examples

This Series 40 Web Apps example demonstrates the use of different kinds of UI elements, navigational solutions, and patterns created with HTML, CSS and JavaScript technologies. The application has been designed for Series 40 full touch, touch and type, and most recent non-touch devices which have Nokia Browser 2.0 or newer or Nokia Xpress browser.

Project summary | Design and Implementation notes | Release notes

Series 40 web app example: UpDown

This is a copy of the UpDown web app example provided as a sample in Nokia Web Tools 2.0. This web app enables the user to either upload or download photos to or from their phone.

Series 40 web app example: XMLDataSource

This is a copy of the XMLDataSource web app example provided as a sample in Nokia Web Tools 2.0. This web app returns the Nokia Operating System, screen size, and platform of the selected phone. This information is accessed from the Nokia devices database.

Series 40 web app example: JsonDataSource

This is a copy of the JsonDataSource web app example provided as a sample in Nokia Web Tools 2.0. This web app returns the Nokia Operating System, screen size, and platform of a selected phone. This information is accessed from the Nokia devices database.

Series 40 web app example: NewsReader

This is a copy of the NewsReader web app example provided as a sample in Nokia Web Tools 2.0. This web app displays the top news story for a number of different categories.

Series 40 web app example: Share

This is a copy of the Share web app example provided in Nokia Web Tools 2.0. This example enables users to share content with others, either via email or on Facebook or Twitter.

Series 40 web app example: Stock Tracker

This example Series 40 web app shows the use of mashed up YQL and Yahoo Finance data to create a simple stock reader. This example is available in Nokia Web Tools 2.0.

Series 40 web app example: Map Example v1.5

This example Series 40 web app demonstrates how to use the capabilities of the Ovi Maps Rendering API to display map tiles in a web app. It also shows how to use the geolocation API to determine the phone’s location.
This example is hosted in a Forum Nokia Project, where you can read additional documentation, discover recent revisions, and contribute to the project.
 

Series 40 web app example: Places v2.0

This example Series 40 web app demonstrates how to use an external API — in this case the Qype API — to query, return, and display a list. It also shows how to use the geolocation API to determine the phone’s location. This app serves as a good starting point for creating apps with custom list based navigation and location awareness.
This example is hosted in a Nokia Developer Project, where you can read additional documentation, discover recent revisions, and contribute to the project.
This example is also available from within Nokia Web Tools 2.0, from the Samples tab.

Series 40 web app example: Photo Album

This example Series 40 web app demonstrates how the features of Mobile Web Library can be used to create a photo album web app that displays pictures from Flickr.
This example is hosted in a Forum Nokia Project, where you can read additional documentation, discover recent revisions, and contribute to the project. This examples is also available from the Samples tab in Nokia Web Tools 2.0.
To preview this web app you need to update the code with a Flickr key. You can obtain a Flickr key from the Flickr website.

Series 40 web app example: News Reader

This example Series 40 web app demonstrates how the features of Mobile Web Library can be used to create a news reader web app. You can experience this example on a Series 40 device by visiting webapps.browser.ovi.com in Ovi Browser.

Series 40 web app example: Slideshow

This example Series 40 web app demonstrates how to create a simple image carousel or slide show by use of the Mobile Web Library (MWL) APIs. These APIs are used to execute image transitions locally on a device, in the Ovi Browser client. You can experience this example on a Series 40 device by visiting webapps.browser.ovi.com in Ovi Browser.