Nokia Developer Offering Series 40
0 likes1,703 views
This document provides an overview of the Nokia Series 40 developer offering and tools for creating web apps targeting the Series 40 platform. It discusses reaching over 1 billion Series 40 devices through HTML, CSS and JavaScript technologies. It introduces the Nokia Web Tools SDK and guidelines for Series 40 web app UX. Options for native or web app development are compared. The Nokia Xpress Web App Builder is presented as a way to create apps without programming skills. Resources for getting started and publishing apps are also listed.
![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](https://image.slidesharecdn.com/nokiadeveloperofferingseries40-lp3i-121117135847-phpapp02/85/Nokia-Developer-Offering-Series-40-10-320.jpg)
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
- 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.
- 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