Basic UI Layouts in Series 40 Full Touch (Featured Video)
At the first Series 40 UI clinic, held on 29 January 2013, Jan Krebber answered developers’ questions about UI design and UX on full-touch Series 40 phones. To start the session, however, Jan provided a presentation based around questions he had been asked about full-touch UI layouts in Series 40. In this presentation Jan covers [...] Continue reading →

Series 40 Webinar: What’s new in Nokia Xpress Web App Builder 1.0 (Featured Video)

Posted on May 5, 2013 by kiran10182

This webinar is a guide to the new features in Nokia Xpress Web App Builder 1.0. Swapnil Johnson, from Nokia’s Xpress Browser product-management team, shows you the new, integrated click-to-publish support for users with Nokia Store publisher accounts; a more intuitive interface, where changes are reflected in the simulator as you update your code; and more content modules for drag-and-drop additions to your Series 40 web apps.

You can download the slides from this session at: http://www.slideshare.net/nokia-developer/whats-new-in-nokia-xpress-web-app-builder-10

Get started with Xpress Web App Builder at http://xpresswebapps.nokia.com

Check out the current webinar schedule here: http://www.developer.nokia.com/webinars

See Featured Videos for other great videos from the community.

Movie Reviews (Featured Project)

Posted on April 22, 2013 by vineet.jain

Featured Project for this week is Movie Reviews by avnee.nathani. We selected this project because it has all the elements of a useful and “joinable” project – a clear summary description, source code availability, explanation in wiki etc.

The app presents the user with a tabbed and structured user interface allowing to see the listing of latest movie releases along with the details like its cast, synopsis, reviews etc. The user also has the flexibility to search for any other movie/reviews, fetched using the Rotten Tomatoes API, the details of which are clearly explained in the Wiki section of the project.

The author also has written a article on Nokia Developer Wiki which explains the very fine details about the implementation & its use cases.

Lastly, we would like thank the project author for sharing as how simply a web app can created with an attractive & clear UI.

- Vineet Jain (on behalf, Projects Moderation team)

Series 40 Webinar: What’s new in Nokia Web Tools 2.3 (Featued Video)

Posted on April 21, 2013 by kiran10182

In this webinar Swapnil Johnson, from Nokia’s Xpress Browser product-management team, puts the spotlight on the Nokia Web Tools 2.3 update. He demonstrations the Nokia Web App Designer, which provides visual assistance, drag-and-drop UI components, and source code highlights when creating Series 40 web apps. He also shows you how to use the new content-based templates to jump-start development of popular application patterns such as shopping and video browsing.

You can download the slides from this session at: http://www.slideshare.net/nokia-developer/what-is-new-in-nokia-web-tools-23

Find out more about:

Developing Series 40 web apps at: http://www.developer.nokia.com/series40webapps
Nokia Web Tools at: http://www.developer.nokia.com/Develop/Series_40/Series_40_web_apps/Tools/#article1

Check out the current webinar schedule here: http://www.developer.nokia.com/webinars

See Featured Videos for other great videos from the community.

Basic UI Layouts in Series 40 Full Touch (Featured Video)

Posted on February 3, 2013 by croozeus

At the first Series 40 UI clinic, held on 29 January 2013, Jan Krebber answered developers’ questions about UI design and UX on full-touch Series 40 phones. To start the session, however, Jan provided a presentation based around questions he had been asked about full-touch UI layouts in Series 40.

In this presentation Jan covers three main topics: first impressions, forms, and the UX resources offering on Nokia Developer.

You can download the slides from this session at: https://www.slideshare.net/nokia-developer/basic-ui-layouts-in-series-40-full-touch

Find out more about developing for Series 40 at:http://www.developer.nokia.com/Series40

Check out the current webinar schedule here:http://www.developer.nokia.com/webinars

Series 40 Web Apps UI Visualisation Examples (Featured Project of the Month November 2012)

Posted on November 12, 2012 by hamishwillee

project icon Series 40 Web Apps UI Visualisation Examples is a Nokia Developer example which demonstrates the basic use of the S40 Web Apps HTML “UI Components”. The example code snippets are meant for both designers and developers: designers get an impression of how the components actually look on the device and developers learn how to use the Web Apps UI components.

If you’ve noticed a theme in our examples you’re right. Last month we featured a similar project showing off Java ME UI components. These sorts of Nokia Developer examples make it easier for designers and developers to start programming more easily, with less iteration.

The project wiki documentation contains extensive documentation explaining the main UI elements and navigation elements, along with common design patterns. This is a useful complement to the Series 40 Web Apps Developer’s Library.

As this is an official example, you can ask questions in the project discussion boards.

– Hamish Willee (on behalf of the Projects Moderation team)

Adding In-App Advertising to Series 40 Web Apps (Featured Article)

Posted on October 14, 2012 by kiran10182

Adding In-App Advertising to Series 40 Web Apps by igordsm

This code example article explains how to add in-app advertising with Inneractive to Series 40 Web Apps.

In-app Advertising is a very popular monetization strategy where the application is distributed for free and revenue for the developer is generated by clicks in ads positioned inside the app. The ads are loaded from the Internet every time the application is used. Web Apps are a natural candidate for In-App Advertising because they are always connected and cannot be executed offline.

Optimising Series 40 Web Apps for speed by eliminating server round trips (Featured Article)

Posted on September 30, 2012 by kiran10182

Optimising Series 40 Web Apps for speed by eliminating server round trips by lorion84

This article explains how to write a highly responsive Series 40 Web App by avoiding server calls after initial load. It uses a Minesweeper clone as example.

The article was picked as one of the winners under the Asha Touch Competition 2012Q3.

WebBrowser Control Techniques in Windows Phone (Featured Article)

Posted on August 26, 2012 by croozeus

WebBrowser Control Techniques in Windows Phone by VEIKKO99

This week’s featured article illustrates the use of WebBrowser control on Windows Phone 7. The article covers both the basic usage of the WebBrowser control and also illustrates some advanced techniques for integrating the control deeply into C# code like Navigation, Calling C# code from JavaScript and Calling (evaulate) JavaScript code from C#.

The article also contains a sample application with a build-able source code illustrating the use of WebBrowser control. So if you plan to use WebBrowser control in your WP7 applications, do check out this article and let us know if it’s helpful!

NewsFlow for Series 40 (Featured Project)

Posted on August 20, 2012 by somnathbanik

NewsFlow for Series40 is Google Reader client, developed with Series40 Web Tools by one of our Nokia Dev Champs eetomla (Tommi Laukkanen). The app reads news feed and has a simple user interface created using jQuery Mobile, which includes:

Page Navigation

Dynamic List

AJAX Loader

Originally the application was being created for MeeGo(N9), Symbian and Maemo devices using Qt Quick, where QML is used to create the UI and JavaScript to make Google Reader API calls. Later the application was ported with HTML, CSS and JavaScript which runs perfect on Series40 devices and submitted as a competition entry in the Asha Touch Competition 2012Q3.

To have a better understanding of the application author has created a Wiki which explains the application features and code in more details.

– Somnath Banik (on behalf of the Projects Moderation team)

MinesFinder S40 (Featured Project)

Posted on August 13, 2012 by somnathbanik

MinesFinderS40 is a Series40 Web Apps game by lorion84. It’s a clone of Windows based Minesweeper game. The main screen consists of a grid. Some cells of this grid have mines planted in them. The goal of the game is to discover all the mines in the shortest amount of time without clicking on the hidden mines. At the end the grid should be cleared with only the mined cells remaining.

The game has been developed for Asha Touch Series40 devices which reach the next billion consumers. You can run the application by visiting http://eve-c.org/minesfinder on Series40 Nokia Browser or check out this link http://store.ovi.com/content/299489 to download it from Nokia Store.