"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Web Apps Development Best Pactices | Hackonten
1. Web Apps Development
Best Practices
Mohamad Iqbal
Nokia Developer Certified Trainer
http://about.me/ciebal
http://nice.or.id/ciebal
2. Architecture
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)
4. Developer Kit
• Nokia Web Tools 1.0
• Nokia Web Tools 1.5
• Nokia Web Tools 2.0 (beta)
5. 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
6. Web Technologies
• HTML 4.0
• CSS 2.1
• Javascript 1.8
• DOM Level 1 and 2
10. 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.
16. SMS URI Scheme
<a href="sms:+62812345678">One
number, no body text</a>
<a
href="sms:+62812345678?body=hell
o%20world">One number with body
text</a>
19. Image Caching
• All static images used in a web app are
included in its .wgt file
• There are no unused images in a web app’s
.wgt file
• All images in a .wgt file are scaled to the size
used by the web app
When page content exceeds the size of the screen, its content can extend outside the screen, however it should extend below the screen only.
Element margins, sizes, and spacing should be aligned and consistent throughout a web app. For example, margins on the left and right of a content area should be consistent.
One icon should be used to convey the same concept, for example, use the same icon to indicate refresh on all screens.