Category Archives: Touch UI

http://sw.nokia.com/FN-1/Topic/touch_ui

1

WeatherApp – Featured Project

Posted on by
Reply

JMEWeatherIcon  This week we have selected WeatherApp as our Featured Project, another Nokia Developer example for the Nokia Asha software platform and Series 40. This project lets users see the upcoming day’s weather forecast for their region or any other city of their choice. GPS/cellid based positioning is used to fetch user’s location which in turn is utilized to get the forecast data in JSON format.

JMEWeather1 JMEWeather2

The project works well with Nokia Asha software platform 1.0, on which the latest device Nokia 501 is based. The project also proves a good source of information for anyone wanting to implement in-app advertising in their apps.

It boasts a huge number of downloads since its creation depicting how much helpful the project has been. For all the technical details about the project see its Wiki.

Thanks to all the people who have been creating such cool & great examples & helping developers in a great manner.

- Vineet Jain (on behalf, Projects Moderation team)

Series 40 Webinar: UX checklist for Series 40 full-touch apps (Featued Video)

Posted on by
Reply

This webinar provides pointers you can use to undertake UX checks on your Series 40 full-touch apps, even if you have no formal experience in UX design. UX expert Jan Krebber reviews a checklist of the worst UX mistakes that he and colleagues found in real-world testing of apps. He points out the commonly made mistakes and provides specific solutions to these problems.

As usual for Nokia Developer UX webinars, it features exercises and has received follow-up treatment in a Nokia Developer Wiki article.

You can download the slides from this session at: http://www.slideshare.net/nokia-developer/ux-checklist-for-series-40-full-touch-apps

The related wiki article is here: Series 40 UX checklist webinar – companion article

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

Links to other Nokia Developer Resources mentioned in the webinar are:

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

See Featured Videos for other great videos from the community.

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

Posted on by
1

project iconSeries 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)

Windows Phone Native C++ and DirectX – First Direct3D App, setting up Touch and Sensors (Featured Article)

Posted on by
Reply

Windows Phone Native C++ and DirectX – First Direct3D App, setting up Touch and Sensors by jumantyn

This week’s featured article shows us the basic steps of creating a first native Direct3D app. We take a look at the files created in the project template and also show you how to utilize touch input and Windows Phone sensors i.e. accelerometer and gyroscope.

DX SS 04.pngDX SS 05.png

Let us know how you found this article!

NewsFlow for Series 40 (Featured Project)

Posted on by
Reply

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

ImageImage

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 by
2

ImageMinesFinderS40 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.

ImageImage 

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.

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

LWUIT for Series 40 (Featured Project of the Month August 2012)

Posted on by
Reply

LWUIT for Series 40 is a Series 40 port of the popular Lightweight User Interface Toolkit (LWUIT).

The Lightweight UI Toolkit is a flexible and portable UI component library designed for resource constrained devices (based on MIDP). It provides a compelling alternative to LCDUI on Series 40, delivering a large superset of UI components along with support for UI styling features like themes, animation and view transitions. The end result is faster and more efficient development of great looking cross-platform apps.

We featured this project for a week back in June, but because it is one of the most useful APIs available on Series 40 we’re now highlighting it for you for the whole month of August.

The project has evolved considerably since June. It now supports Series 40 Full Touch and has improved demo code. There are new documents covering best practices and known issues, the differences between “vanilla” LWUIT and the Series 40 implementation, and a complete set of UX Guidelines.

The project has been tested with Nokia SDK 1.0, 1.1 and 2.0 (beta) for Java and is expected to work on Series 40 5th Edition and higher devices (full touch, touch-and-type and non-touch). To get started with LWUIT for Series 40 please visit the Wiki Page for step-by-step instructions.

The project team would welcome your participation in this project. Please provide your feedback and ideas in the project discussion boards or raise tickets if you discover any bugs!

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

Series 40 Wiki Asha Touch Competition

Posted on by
Reply

Share your expertise on how to migrate to the expanded Series 40 platform and you could win a trip to a Nokia Event and/or a developer phone pack consisting of both touch (Nokia Asha 311) and touch-and-type (Nokia Asha 303) Series 40 devices. Not to mention raising your CV to the next level, and getting your skills noticed by the community.

Nokia Asha 311

As this is a wiki competition, we are looking for how-tos, tutorials, and code example articles that help the community migrate to the new platform. The main focus of the competition is migrating to Series 40 Full Touch, but we also highly value articles that use new platform features like location and mapping, imaging, sensors, in-app purchasing and advertising, etc. For the first time, we’ll be giving special consideration to articles that are “locally relevant” – articles that help developers address markets and needs that are specific to a country or area.

We’ll also be awarding a Nokia Asha 311 to the developers giving us the best feedback on each of our new Java ME SDK and Web Tools. In total there will be at least 14 phones awarded – 6 prize packs (Asha 311 + Asha 303) for wiki articles, and two Asha 311s for the feedback. We may award even more phones if we get too many great entries! Along with the trip to a Nokia Developer event, that’s a great prize pool.

For more details and to enter, see Asha Touch Competition 2012Q3.

We’re looking forward to seeing what you can come up with!

LWUIT for Series 40 (Featured Project)

Posted on by
Reply

LWUIT for Series 40  is a Series 40 port of the popular Lightweight User Interface Toolkit (LWUIT) which is a flexible and  portable API  for creating application rich user interface in Java ME. LWUIT provides some useful UI features  like, styling, theming, animation, transitions  etc. which are also optimized in this project for Series 40.

This project has been tested with Nokia SDK 1.0 and 1.1 for Java and are expected to work on Series 40 5th Edition and higher devices. To start with LWUIT for Series 40 please visit the Wiki Page for  step-by-step  instructions

The project will also support Series 40 full touch UI, which  is under development and will be public at the same time with Nokia SDK 2.0 for Java. To improve the project please participate in the  project discussion and raise tickets for any bug.

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