Nokia developer offering series 40

1. Nokia Developer Offering
Series 40
Mohamad Iqbal
Nokia Developer Certified Trainer
http://about.me/ciebal
t: @ciebal

2. #1 Getting Rich in Mobile Apps
Connecting you with the Series 40 opportunity

3. #1 Getting Rich in Mobile Apps
Reach the world's biggest installed base
with technology you already know:
WEB
- HTML
- CSS
- JAVASCRIPT
} APP

4. Local Support
• Faculty Workshop
• Curriculums
• Device Testing
• Challenge (MGDW, Theme Competition, Etc)
• Another Hackathon (Hackonten, HackNation)
• Preloaded Apps
• Publication

5. Local Support

6. Let’s Rock with Series 40

7. #2 Introducing Nokia Series 40
Cloud-assisted web apps
beauty with efficiency

8. The Developer Offering - Simplification
Framework Services Platform
Qt Nokia Mail Meego
Java Nokia Store
Symbian
WebApp / WRT Nokia Maps
Windows Phone
Silverlight Nokia Music
XNA Etc Series 40

9. Cloud-assisted web apps
beauty with efficiency
Nokia Browser for
Series 40 Proxy
Server
Nokia Browser for
WWW Series 40 Client
HTML, CSS, Optimised
content (HTML,
(Phone)
Javascript,
Images, XML, CSS,
JSON, etc compressed
images)

10. Series 40 Web Apps
Ingredients
config.xml Widget Properties
Icon.png Application Icon
[name].html HTML backbone
[name].css Layout
[name].js Logic
Resource (optional) Files, images, etc.
Package .wgt

11. Platform Services - API
Web Apps
Geo-location Phone Call
Initiating sending SMS Upload / Download
Java ME
All Device API

12. Developer Kit
Noka Web Tools 1.2
1.x 1.5
2.0
2.0 SDK for JAVA
IDE

13. Series 40 & Java Runtime
Java Runtime Series 40 Version Phones
2.0.0 Series 40 Asha Full Touch
1.1.0 Series 40 Asha 200, 201, 302, 303
1.0.0 Series 40 Asha 202, 203, C2-00, C2-02, C2-03, C2-05, C2-06,
X2-02, X2-05
N/A Series 40 6th Edition, FP 1 Asha 300, C3-01, X3-02
N/A Series 40 6th Edition C2-01, C3-00, X2-00, X2-01, 6303i, 7230, 6350,
6750, 3720, ...
N/A Series 40 6th Edition Lite C1-01, C1-02
N/A Series 40 5th Edition, FP1 2690, 3208, 6600i, 2730, 2700, 6208, 6600, 8800, ...
N/A Series 40 5th Edition, FP1 Lite 2220, 2720, 2320, 2330, 5000...
N/A Series 40 5th Edition 3610, 6263, 6555, 7500, 6267

14. #3 Getting Started: WDT 2.0
Includes templates, libraries, code
snippets, simulator, debugger,
deployment options unique to
Series 40 Web Apps development

15. Comparison Nokia Web Tools
Feature Version 1.0 Version 1.5 Version 2.0
Symbian Applications Supported
Efficient proxy based web apps Supported Supported Supported
MWL support Supported Supported Supported
Modern UI with floating icons Supported Supported
Geolocation API support Supported Supported
Web app image caching Supported Supported
SMS URI support Supported Supported
Full Touch Simulator Supported

16. Web Technologies
HTML 4.0 CSS 2.1
Javascript DOM Level
1.8 1 and 2

17. #4 Series 40 Web App UX Guidelines
• Tree Structure
• Expendable List
• Dynamic Looping
• Tabbed Pages
• Carousel

18. Screen Orientation
320x240 pixels
240x320 pixels

19. Screen Orientation
Full Touch
240x400 pixels

20. Navigation Controls
The app logo should Paging controls should The icon in the top right
always be in the top bar be displayed directly of the header can be
below the app header. contextual.

21. Focus on discrete tasks
Start the task Choose a category Choose a sub- Browse the results
category

22. Align elements

23. Use a common set of icons

24. Accommodating Screen
Orientation
if (screen.width > 240) {
document.write('<link rel="stylesheet"
href="../../basicLandscape.css" type="text/css" />');
}
else {
document.write('<link rel="stylesheet"
href="../../basicPortrait.css" type="text/css"/>');
}

25. Full Touch New Features
Virtual
New UI
keyboard
elements
control
Accelero Multi-
meters touch

26. Full Touch Elements for a Better UI
Icon Command
Category Bar
Virtual Keypad

27. Full Touch UI
• Screen
– 240 x 400 Pixels
• New features:
– Action buttons
– Category bar
– Back button

28. Accelerometers

29. Native or Web Apps?

30. Native or Web Apps?
Deployment
Navite Web Apps
Each mobile application Runs in the mobile device’s web
development platform. browser and each may have its
own features and quirks
Each mobile application Written in HTML5, CSS3, JavaScript
development platform has its own and server-side languages or web
native programming language application frameworks
Standardized software There are no standard software
development kits (SDKs) development kits (SDKs)

31. Native or Web Apps?
Capabilities
Navite Web Apps
Can interface with the device’s native Mobile web apps can access a limited
features, information and hardware amount of the device’s native
(camera, accelerometer, etc.) features and information
(orientation, geolocation, media,
etc.)
Whether you decide to build a native app or a mobile
web app depends on many factors: business objectives,
target audience, technical requirements and so on.

32. No Programming Skills?

33. NOKIA Xpress Web App Builder beta

34. #5 Nokia Xpress Web App Builder
Nokia Xpress Web App Builder makes it easy to get your
web content into a rich, engaging web app in just four
easy steps:
• Select a template: Choose from a wide range of
generic and content specific templates.
• Add your content: Use clipped content from your web
pages, existing RSS feeds, and social media site
content.
• Enhance your app: Use platform features such as calls,
SMS, ads, and maps to enrich your app.
• Finish

35. Nokia Xpress Web App Builder

36. Nokia Xpress Web App Builder

37. Nokia Xpress Web App Builder

38. Nokia Xpress Web App Builder

39. #6 How to Getting Started
• Nokia Indonesia Community Enthusiasts
http://nice.or.id
• Nokia Developer
http://developer.nokia.com
• Java ME
http://www.developer.nokia.com/Develop/Java
• S40 Web Apps
http://www.developer.nokia.com/Develop/Serie
s_40/Series_40_web_apps/

40. Remote Device Access
• Enabling Testing on Real Devices
• Free for Nokia Developer Users
• Go to RDA:
http://www.developer.nokia.com/Devices/Remote_device_access/
• Watch introductory video:
http://www.developer.nokia.com/Develop/Java/Videos/
• http://www.youtube.com/watch?v=F1odix8k_fg

41. Code Examples
• Online
– http://bit.ly/JavaCodeExamples
– http://bit.ly/WebAppsExamples
Code
• Included in Help
– Emulator → Help → MIDlet
Samples
• Maps & Analytics
– C:NokiadevicesNokia_SDK_2
_0_Javaplugins

42. Publishing App
Submit
Register Metadata Upload Device Country
for QA
bit.ly/CaraPublishApp

43. The Perks of Being Nokia Developer
• Community Support
• Endless Opportunity: NDC, NDCT

44. Feel free to Ask
• http://www.facebook.com/Nokia.ice
• https://www.facebook.com/groups/s40webapps/
• http://Nice.or.id

45. Thank You!

ciebal@me.com
twitter.com/ciebal
facebook.com/ciebal
http://about.me/ciebal