Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Mobile Design Pattern: Web Theme

From Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Adding missing translation link)
hamishwillee (Talk | contribs)
m (Hamishwillee - Tidy wiki text)
 
(3 intermediate revisions by one user not shown)
Line 1: Line 1:
[[Category:Mobile_Design]]
+
[[Category:Mobile Design Patterns]][[Category:Browser]]
[[Category:Mobile_Design_Patterns]]
+
{{ArticleMetaData <!-- v1.2 -->
 
+
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090630
 +
|author= [[User:Rahulvala]]
 +
}}
  
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
Line 17: Line 37:
 
Also it should contain the search field, tabs, bookmark and home page buttons.  
 
Also it should contain the search field, tabs, bookmark and home page buttons.  
  
[[Image:wt1.1.jpg]]
+
[[File:wt1.1.jpg]]
  
[[Image:wt1.2.jpg]]
+
[[File:wt1.2.jpg]]
  
[[Image:wt1.3.jpg]]
+
[[File:wt1.3.jpg]]
 +
 
 +
[[File:wt1.4.jpg]]
  
[[Image:wt1.4.jpg]]
 
 
==Advantage==
 
==Advantage==
  
Picture in mobile should look as good as computer.
+
* Picture in mobile should look as good as computer.
 
+
* Browser contains all the functions required in mobile internet.
Browser contains all the functions required in mobile internet.
+
* It should contain zooming slider, tabs, back button, and search field.
 
+
It should contain zooming slider, tabs, back button, and search field.
+
  
[[Image:wt1.5.jpg]]
+
[[File:wt1.5.jpg]]
  
[[Image:wt1.6.jpg]]
+
[[File:wt1.6.jpg]]
  
 
==Disadvantage==
 
==Disadvantage==
  
Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.
+
* Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.
  
 
==Use when==
 
==Use when==

Latest revision as of 01:28, 8 August 2012

Article Metadata
Article
Created: rahulvala (30 Jun 2009)
Last edited: hamishwillee (08 Aug 2012)

This design pattern is part of the Mobile Design Patterns series.

Contents

[edit] Description

A web browser is a medium by which user can open web pages in mobile.

Mobile browser should capable enough that it gives better web browsing experience like computer.

In touch mobile web browser contains touch keyboard and address bar for entering address.

A web browser should contain zooming slider, back button to go in the previous webpage and refresh button.

Also it should contain the search field, tabs, bookmark and home page buttons.

Wt1.1.jpg

Wt1.2.jpg

Wt1.3.jpg

Wt1.4.jpg

[edit] Advantage

  • Picture in mobile should look as good as computer.
  • Browser contains all the functions required in mobile internet.
  • It should contain zooming slider, tabs, back button, and search field.

Wt1.5.jpg

Wt1.6.jpg

[edit] Disadvantage

  • Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.

[edit] Use when

Web browser is very essential in mobile, when we don’t have computer at that time we use internet in mobile. .

This page was last modified on 8 August 2012, at 01:28.
110 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×