Genie 7110 manual

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

Go to page of

A good user manual

The rules should oblige the seller to give the purchaser an operating instrucion of Genie 7110, along with an item. The lack of an instruction or false information given to customer shall constitute grounds to apply for a complaint because of nonconformity of goods with the contract. In accordance with the law, a customer can receive an instruction in non-paper form; lately graphic and electronic forms of the manuals, as well as instructional videos have been majorly used. A necessary precondition for this is the unmistakable, legible character of an instruction.

What is an instruction?

The term originates from the Latin word „instructio”, which means organizing. Therefore, in an instruction of Genie 7110 one could find a process description. An instruction's purpose is to teach, to ease the start-up and an item's use or performance of certain activities. An instruction is a compilation of information about an item/a service, it is a clue.

Unfortunately, only a few customers devote their time to read an instruction of Genie 7110. A good user manual introduces us to a number of additional functionalities of the purchased item, and also helps us to avoid the formation of most of the defects.

What should a perfect user manual contain?

First and foremost, an user manual of Genie 7110 should contain:
- informations concerning technical data of Genie 7110
- name of the manufacturer and a year of construction of the Genie 7110 item
- rules of operation, control and maintenance of the Genie 7110 item
- safety signs and mark certificates which confirm compatibility with appropriate standards

Why don't we read the manuals?

Usually it results from the lack of time and certainty about functionalities of purchased items. Unfortunately, networking and start-up of Genie 7110 alone are not enough. An instruction contains a number of clues concerning respective functionalities, safety rules, maintenance methods (what means should be used), eventual defects of Genie 7110, and methods of problem resolution. Eventually, when one still can't find the answer to his problems, he will be directed to the Genie service. Lately animated manuals and instructional videos are quite popular among customers. These kinds of user manuals are effective; they assure that a customer will familiarize himself with the whole material, and won't skip complicated, technical information of Genie 7110.

Why one should read the manuals?

It is mostly in the manuals where we will find the details concerning construction and possibility of the Genie 7110 item, and its use of respective accessory, as well as information concerning all the functions and facilities.

After a successful purchase of an item one should find a moment and get to know with every part of an instruction. Currently the manuals are carefully prearranged and translated, so they could be fully understood by its users. The manuals will serve as an informational aid.

Table of contents for the manual

  • Page 1

    Genie Application Style Guide (For Openwave™, Nokia™ Model 7110™, Model 6210/6250™, and Mitsubishi™ T rium™ W AP™ browsers) Openwa ve Sy stems I nc. 800 Che sapea ke Dr ive Redwood C ity, CA 94063 http:// www .openwave .com Releas e 1.0, Febru ary 2001[...]

  • Page 2

    LEGAL NOTICE Copyrig ht © 2000 –200 1 Openwave Systems Inc. an d Genie. Al l rights reser ved. Use o ther t han for intern al purp oses , reprod uction , modi fi cation or di strib ution w itho ut pri or writte n au thorisatio n by Genie i s strict ly proh ibit e d. Openwav e, the Openwave logo and the “UP . ” f amily of te rms are t rademar[...]

  • Page 3

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide iii Contents 1 : Styl e Guid e Overvie w 1 Organisation of this Guide 1 Why Specialise? 2 T esting on SDKs 2 2 : Usability Design Philosophie s 5 Creating Usable Applications 6 Te s t i n g t h e D e s i g n 7 3 : Navigation Guidelines 15 4 : Menu Navigation 25 5 : Making Phone Calls fr om the Bro w[...]

  • Page 4

    Conten ts iv Genie Appl ication Style Gu ide Februar y 2001 15 : Labels and Links 71 A : Identifying the Brows er 73 B : Dif fer ences betwee n Br o wser T ypes in Same Class 77[...]

  • Page 5

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 1 1 Chapter 1 Style Guide Over vie w This docum ent gi ves de veloper s comprehens i ve gui delin es for de veloping highl y usable applications that run o n Genie supported W AP bro wsers: the Open wav e  browser , the Mitsubishi  Tr i um  brows er , and th e Nokia  Models 7110  , 62[...]

  • Page 6

    Styl e Gui de Ove rvie w Why Specialise? 1 2 Genie Appl ication Style Gu ide Februar y 2001 • Mitsubi shi T rium Usability . These guidelines explain ho w to create the most usable application for the Mitsubishi Trium bro w ser . Again, use the Mitsubishi guidelines in conjunction with the shared feature set guidelines . • Appe n dix A provides[...]

  • Page 7

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 3 Style Gui de Over view Te s t i n g o n S D K s 1 • Mitsubi shi T rium. There is little dev eloper documentation o n the Mitsu bishi Triu m W AP browser , and no kno wn full simulato r or SDK product av ailable at this time. The de vice has not been throug h inter ope r abi lity tests. The guida[...]

  • Page 8

    Styl e Gui de Ove rvie w T esting on SDKs 1 4 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 9

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 5 2 Chapter 2 Usability Design Philosophies Keep in mind a few design philosophies when building an application for a W AP browser phone. The user’ s experience with an application may determine wh ether or ho w o ften the user re vis its the application. ■ Usability is critical. Dev ice constra[...]

  • Page 10

    Usabi lity De sign Phil osophi es Creating Usable Appli cations 2 6 Genie Appl ication Style Gu ide Februar y 2001 Creating Usable Applications When de veloping applications, these are the most impor tant factor s to consider: who the user is, what pro blems the user is tryi ng to solve, and ho w to solve th em most ef ficiently . Here are some k e[...]

  • Page 11

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 7 Usabili ty Desi gn Ph ilosop hies T esting the Design 2 ■ P erson alise th e service acco rdin g to the u ser . Allow an application to retain user information to autofill personal fields. Fo r example, store the login and/or password, billing address, or other information in a cookie or on a se[...]

  • Page 12

    Usabi lity De sign Phil osophi es T esting the Design 2 8 Genie Appl ication Style Gu ide Februar y 2001 Nokia 7110 B r owser T emplate The Nokia 7110 br ows er has two s oftke ys with f ixed labels : Options and Back. Th e application <do> labels are listed under and acces sed from the Options s oftkey . In these examples , the <do type=&[...]

  • Page 13

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 9 Usabili ty Desi gn Ph ilosop hies T esting the Design 2 The T riu m handset has two softke ys and a four- way scroll key (s upporting the up and do wn functionality , as well as moving forward and backwards). The Back functionality is av ailable from a press on the left s croll ke y . The left sof[...]

  • Page 14

    Usabi lity De sign Phil osophi es T esting the Design 2 10 Genie Appl ication Style Gu ide Februar y 2001 NO TE There is some variability among Openwave bro wser phones; howe ver , this should not af fect the user e xperience. T ab le 2-1. Summary of br owser phone p rope rties Prop erty Openwa ve Nokia 7 110 Mitsubishi T r ium Number of characters[...]

  • Page 15

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 11 Usabili ty Desi gn Ph ilosop hies T esting the Design 2 Openwave Br owser Pr operties The follo w ing properties are uniq ue to the Openwa ve bro wser . Capitalise on these to enhance usability . Use the Openwav e UP .SDK 4.1 or W AP bro wser phone to test applications using these features. ■ A[...]

  • Page 16

    Usabi lity De sign Phil osophi es T esting the Design 2 12 Genie Appl ication Style Gu ide Februar y 2001 Nokia Br owser Properties ■ Nokia 7 110 onl y: The r oller key ca n be pres sed to activ ate the selec ted item. The selected item (action, anch or , <option> , <select> , or <input> element) can be acti v ated from the roll[...]

  • Page 17

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 13 Usabili ty Desi gn Ph ilosop hies T esting the Design 2 ■ The right so ftkey label supp orts the <prev> eleme nt and f or some phones ma y be conte xt se nsitive. The right softkey supports the follo wi ng function depending if an item is selected or what type of element is def ined: • [...]

  • Page 18

    Usabi lity De sign Phil osophi es T esting the Design 2 14 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 19

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 15 3 Chapter 3 Na vigation Guidelines T o naviga te W irele ss Mark-up Lang uage (WML) content , the user must mo ve through and between cards in one or more d ecks. The cards can contain man y dif ferent types of elements, including selectio n lists (items in a list) , displayed informatio n (such [...]

  • Page 20

    Nav igat ion Gu idelin es 3 16 Genie Appl ication Style Gu ide Februar y 2001 ■ Ne ver define a p rev as ha ving no action. Do n ot bi nd a n act ion of t ype <noop/> to a task o f < do type="prev"> . This forces the user to return to the home deck, which is not always intuitive and may make users follow a long p ath to retu[...]

  • Page 21

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 17 Naviga ti on Gu i deli nes 3 ■ All car ds should have a title attrib ute of 18 c haracter s or f ewer . Longer titles may be truncated, obscu ring meanin g. T est the title to make sure it f its. Not all phones display the title. Example 3 -3 Nokia 7110 Br owser <card id="welcome" [...]

  • Page 22

    Nav igat ion Gu idelin es 3 18 Genie Appl ication Style Gu ide Februar y 2001 Openwave Na vigation Guidelines ■ Alwa ys define an action for <do type="acce pt"> . If no action is defined, a task of <do type="prev"> may be automati cally bound to the <do type="accept"> key with th e labe l O K or Bac[...]

  • Page 23

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 19 Naviga ti on Gu i deli nes 3 Example 3 -7 Openwave Br owser <do type="options" label="Buy"> <go href="buy.wml"/> </do> <do type="options" label="Alert"> <go href="alert.wml/> </do> <do type="options[...]

  • Page 24

    Nav igat ion Gu idelin es 3 20 Genie Appl ication Style Gu ide Februar y 2001 ■ Use ac tivi tie s or car efu lly de sign ed navig atio n to di rect the B ack key to th e most intuitive pa g e. Acti vities best create a start poi nt that allows the application to retur n to a sp ecified card when user p resses the Back k ey . The intermediate card[...]

  • Page 25

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 21 Naviga ti on Gu i deli nes 3 <input name="street" title="Addres s:"/> </p> </card> <card id="add2" title="order cd"> <do type="accept" label="Next"> <go href="#cc"/> </do> <do type=&[...]

  • Page 26

    Nav igat ion Gu idelin es 3 22 Genie Appl ication Style Gu ide Februar y 2001 In Example 3-9 the goal is to allow the user to na vigate backward through the data input wizard without losin g data that was dif ficult to enter (since many de vices m ap the clear and back f unctions to the same k ey) an d without corrupting the history stack. This is [...]

  • Page 27

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 23 Naviga ti on Gu i deli nes 3 ■ Use up to 18 char acter s on option la bels. Since <do> labels are items under the Options so f tkey , labels can be approximately 18 characters long. Limit labels to one or two words. Example 3 -11 Nokia 7110 Br owser <do type="accept" label=&q[...]

  • Page 28

    Nav igat ion Gu idelin es 3 24 Genie Appl ication Style Gu ide Februar y 2001 Mitsubishi T rium Navigation Guidelines ■ Pr ovide bac kwar d navi gation f or each car d. Provide an intuitive label, for example Done or Back, to allow the user to use th e right softkey for backw ard navigation. The bro wser will automatically provide a label of Back[...]

  • Page 29

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 25 4 Chapter 4 Menu Na vigation Navigating though menus primarily consists of selecting items or links th at, when selected, display a ne w card or deck or perform some action . Menus can be u sed for: • Presenting a list of data (for instance, a list of email messages ) • Navig ation (for insta[...]

  • Page 30

    Men u Navi gation 4 26 Genie Appl ication Style Gu ide Februar y 2001 Openwave Men u Guidelines ■ Use t he <select> element to get number s, ic ons, and item s f or a me nu. These prov ide quick access to an item by including nu mbers in a list. Instead of us ing anchors, use a <select> element for each card. In this case, each item i[...]

  • Page 31

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 27 Menu Naviga tion 4 <card id="story1"> <do type="accept" label="Skip"> <go href="#story2"> </do> <do type="options" label="View"> <go href="story1full.wml"/> </do> <p> Top Stories [...]

  • Page 32

    Men u Navi gation 4 28 Genie Appl ication Style Gu ide Februar y 2001 ■ An anc hor sho uld have a descr iptive label of five c haracter s or fewer . The label for links leading to the def i ned URL should be f i ve characters or fe wer . It is rendered as the softk ey label. ■ Allow user s to perf orm m ultiple ac tions on a se lected i tem. An[...]

  • Page 33

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 29 Menu Naviga tion 4 <catch/> </spawn> </do> <do type="vnd.up.send"> <spawn href="#str$$(U:noesc)"> <setvar name="U" value="$$(U:noesc)"/> <catch/> </spawn> </do> <do type="prev"> <exit/[...]

  • Page 34

    Men u Navi gation 4 30 Genie Appl ication Style Gu ide Februar y 2001 In Example 4-3, the user can delete a message directly by highlighting the mess age header and ch oosing Delete from the Menu softke y . The co de in the menu card is v astly simplif ied to sho w ho w the menu items would be rendered on th e dev ice. In a real application, th e c[...]

  • Page 35

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 31 Menu Naviga tion 4 Mitsubishi T rium Menu Guidelines ■ Each m enu shoul d be a li st of anch ors. ■ Define l abels of six characte rs or fe wer for eac h anc hor . Longer l abels may be t runcated.[...]

  • Page 36

    Men u Navi gation 4 32 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 37

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 33 5 Chapter 5 Making Phone Calls fr om the Br o wser Some applications requir e the user to make a call or create opportunities for the user to do so, for instance, f rom a list of contacts, a p hone number q uery , or an or der form. T his is an extension of general navigation; ho we ver , not all[...]

  • Page 38

    Maki ng Phone C alls fr om the Brow ser 5 34 Genie Appl ication Style Gu ide Februar y 2001 Openwave Calling Gui delines ■ Embed code to make the phone call . Example 5 -2 Openwave Br owser <do type="accept" label="Call"> <go href="wtai://wp/mc;14085551543"> </do> In Example 5-2 the user can call 1-[...]

  • Page 39

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 35 Making Phone C alls from the B r owser 5 Nokia Calling Guidelines ■ Incl ude both the name an d number on the scre en. ■ Pr ovide a link to a card with the n umber if only the name is di splay ed. If the application d isplays only a name and n ot a number , such as in a search of a contact li[...]

  • Page 40

    Maki ng Phone C alls fr om the Brow ser 5 36 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 41

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 37 6 Chapter 6 Usin g Mu ltip le Selection Lists Use multiple selection lists when the user can select more than one item on a list. Openwave Multiple Selection List Guideline ■ Cre ate on ly on e <do> element or <d o type="accept"> label, u sing five charact ers o r fe wer f[...]

  • Page 42

    Using Multi ple Se lection L ists 6 38 Genie Appl ication Style Gu ide Februar y 2001 Nokia Multiple Selection List Guideline ■ Pr ovide navigat ion links to the ne xt URL. In ad dit i on to the <do> element or <do type="options"> label, create a link leading to the next card. This lets the user na vigate via the link rather[...]

  • Page 43

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 39 7 Chapter 7 Bac kward Na vigation Pay special attention to backw ard na vigation becaus e users tend to u se the Back ke y or softkey to back out of an appli cation. Users are more l ikely to trust applications with good backward nav igation functions. In addition, backward navigation lets users [...]

  • Page 44

    Bac kwar d Naviga tion 7 40 Genie Appl ication Style Gu ide Februar y 2001 Shared Feature Set: Bac kwar d Navigation ■ Alwa ys pro vide som e kind of back ward navi gation. ■ Map bac kwar d navigation t o the ne xt high est or m ost intuiti ve men u when dire ct bac kward na vigation is n ot suitab le. Backward na vigation is not always practic[...]

  • Page 45

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 41 Bac kward Na vigation 7 Example 7 -1 <template> <do type="prev" label="Back"> <prev/> </do> </template> <card id="start" onenterforward="#sta rt2" onenterbackward="backtome.wml"> </card> <card id="[...]

  • Page 46

    Bac kwar d Naviga tion 7 42 Genie Appl ication Style Gu ide Februar y 2001 Example 7 -2 Openwave Br owser Nokia 7110 Br owser Mitsubishi T rium Browser <do type="options" label="Done"> <go href="home.wml"/> </do> Example 7-2 sho ws ho w a URL helps the user n avigate mo re easily . The Done an d Back [...]

  • Page 47

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 43 Bac kward Na vigation 7 ■ Save the v alues of v ariables w hen needed . If the user exits an entry field, it may be help ful to temporarily sav e the values of all or some of the v ariables. This can reduce the amount of information the us er must enter in the future. For example, it may be hel[...]

  • Page 48

    Bac kwar d Naviga tion 7 44 Genie Appl ication Style Gu ide Februar y 2001 Openwave Bac kward Na vigation ■ Use ac tivities when need ed. This way , the user does not ha v e to repeatedly pres s the Back or Clear ke y , clearing already entered d ata. Example 7 -5 Openwave Br owser Example 7-5 sho ws the navigation of activities. See Exam ple 3-9[...]

  • Page 49

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 45 8 Chapter 8 Displa ying T ext Some cards con tain mostly te xt. For instance, ap plications that display email mes sages, ne ws items, stock quotes, and confirm ation or informati ve n otices are text intensi ve. Thes e cards often contain limited number o f selection choices and are not used f o[...]

  • Page 50

    Disp lay ing T ext 8 46 Genie Appl ication Style Gu ide Februar y 2001 ■ Define a Ski p link to go to nex t related item. When displaying a series of related data, such as ne ws stories or email messages, use a Skip link t o allow the user to skip th e current item an d retriev e the next one. Do not use Next. Usability tests show that users tend[...]

  • Page 51

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 47 Disp laying T ext 8 Openwave T ext-Disp lay Guidelines ■ Use mo bile originated pref etch to access the nex t car d. This shortens the time needed to ret rie ve the ne xt set of information. While the user i s reading one ca rd, the ne xt card can be retriev ed and put into the cache. Example 8[...]

  • Page 52

    Disp lay ing T ext 8 48 Genie Appl ication Style Gu ide Februar y 2001 Nokia T ext-Displa y Guidelines ■ Includ e extr a navig ati o n lin ks, and al low use rs to us e the Opti ons soft key for addition al na vigation, w hen neede d. For e xample, when conf irmation cards are used, add links after the question and place confirmation labels (such[...]

  • Page 53

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 49 Disp laying T ext 8 Mitsubishi T rium T e xt-Displa y Guidelines ■ Create links to navig ate off th e car d. ■ Define appr opriate softke y labels f or confirmation car ds. Provide intuiti ve labels, such as Y es and No, for card s that req uire the us er to con f ir m an action. Fo r example[...]

  • Page 54

    Disp lay ing T ext 8 50 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 55

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 51 9 Chapter 9 Data Entry Queries If the user mus t enter numer ic or alphanumeric in formation, the application can u se data entry queries to elicit it . Shared Feature Set: Data Entries Guidelines ■ Minimise the numb er of input fields requiring alphanum eric entry . It is dif ficult and time c[...]

  • Page 56

    Data E ntry Querie s 9 52 Genie Appl ication Style Gu ide Februar y 2001 Example 9 -1 Openwave Br owser Nokia 7110 Br owser <card id="ninput" title="Order Info"> <do type="accept" label="Send"> <go href="send.cgi"/> </do> <p> First and last name: <input name="fn[...]

  • Page 57

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 53 Data E n tr y Q u erie s 9 ■ Limit te xt bef ore a <select> or <input> element. The bro wser will autom atically ensure that the init ial selected item or the input field is visible. If ther e is significan t information abov e this then the user may need to scroll UP in order to se[...]

  • Page 58

    Data E ntry Querie s 9 54 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 59

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 55 10 Chapter 10 Formatted Entry Fields In some applications , the data entry qu eries can prov ide specialised format f ields. These guide the user in entering the required information. F or e xample, if u ser must enter a cr edit card number of 16 digits, the entry f ield can be formatted to accep[...]

  • Page 60

    Format ted Ent ry Fi elds 10 56 Genie Appl ication Style Gu ide Februar y 2001 ■ For ce the entry typ e to n umeric or alpha, if app ropr iate. For e xample, in some en vironments, postal codes are numeric only . For those countries, force the entry type to nu meric so that the user can not enter alphabetic characters. ■ Restrict the l ength of[...]

  • Page 61

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 57 Form atted E ntry Fields 10 ■ Incl ude symbols in the forma t to simplify te x t entry . Use symbols (suc h as / : ; - or e ven s paces ) in the form atting string to indicate the expected in pu t. Example 1 0-4 NI no: <input name="nino" format="AA NN N N NN A"/> E[...]

  • Page 62

    Format ted Ent ry Fi elds 10 58 Genie Appl ication Style Gu ide Februar y 2001 ■ Use t he maxlength attrib ute to pre vent user s from losi ng entered dat a. When the user e xits a data query f ormatted with 3N (NNN) or 3M (MMM) , the data is lost when the user does not enter e xactly 3 numbers or characters. Set the maxlength attribute and state[...]

  • Page 63

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 59 11 Chapter 11 Forms Forms can encompass one or more display or action types on a card or s et of cards. Ther e are two primary ty pes of forms : forms that allo w the u ser to enter information seq uentially (wizard forms) and forms that sho w all of the fields in one list and allo w users to c h[...]

  • Page 64

    Forms 11 60 Genie Appl ication Style Gu ide Februar y 2001 Openwave Wizar d Forms ■ Separate ca rds are not n eeded f or each of the <input> elements . It is not necessary to place separate <input> elements on indi vidual car ds; ho wev er , doing so ens ures breaks between the elements and allo ws for con trol of backwar d navigation[...]

  • Page 65

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 61 Forms 11 Mitsubishi T rium Wizard Forms The guidelines for the Mitsubishi Trium are similar to the Nokia, with the follo wing exception : ■ Provide a link foll owin g th e <input> or <select> elemen t to the n ext ca rd in the sequence. Do not pro v ide a <do> action as well. [...]

  • Page 66

    Forms 11 62 Genie Appl ication Style Gu ide Februar y 2001 Shared Feature Set: Elective Data Forms ■ Alwa ys try to find alter natives to u sing electiv e data f orms. Use a wizard to link sequences of inpu t queries and selections within an application. For e xample, if the user must supply a city , state, or zip code in a phone number search, u[...]

  • Page 67

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 63 Forms 11 Nokia and Mitsubishi T rium Elective Data Forms ■ After the f inal field, ad d a li nk perfo rming the final function. For e xample, if the card is a contact search for m, add a Search link that allows the user to search o n the entered and/or selected f ields. Example 1 1-4 Nokia 7110[...]

  • Page 68

    Forms 11 64 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 69

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 65 12 Chapter 12 Icons and Images Images can enhanc e or support the displayed information s o that the user can quick ly re vie w a list of items or see a trend. For example, a weather report can display a d ate along with an icon of the pre dicted weather . Like wi se, an up/do wn arro w can prece[...]

  • Page 70

    Icons an d Images 12 66 Genie Appl ication Style Gu ide Februar y 2001 ■ Imag es ca n be i nclud e d in an <option> elem ent, if the e xtension DTD is being us ed. This will allow an icon to be displayed on th e sam e line as a menu item. Example 1 2-1 <option onpick="my_url"><img localsrc= "envelope" src="[...]

  • Page 71

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 67 13 Chapter 13 Cache Cache managem ent is imp ortan t fo r allo wing quick access to pre viously viewed card s and controlling the display of time-sensitiv e co ntent. Shared Feature Set: Caching ■ Do no t leave t ime - sen siti ve da ta, su ch as st ock q uo tes, in th e ca che . ■ Use a cac [...]

  • Page 72

    Cache 13 68 Genie Appl ication Style Gu ide Februar y 2001 Example 1 3-2 <head> <link href="page2.wml" rel="next"/> </head> <card id="page1"> <do type="accept" label="More"> <go href="page2.wml"/> </do> <p> Page 1 of 2<br/> ... </p&g[...]

  • Page 73

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 69 14 Chapter 14 Cookies and Subscriber ID Use cookies to store data, thereby redu cing the amount of info rmation the user must enter . The subscriber ID may also be used to p ersonalise a service. Shared Feature Set: Cookies ■ Cookies are not stored in th e phone. Howe ver , the phone can access[...]

  • Page 74

    Cooki es and Subscri b er ID 14 70 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 75

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 71 15 Chapter 15 Labels and Links Depending on the type of applicatio n and type of in for m ation d isplayed, consistent labels should be used within the application and across other applicatio ns. Only the first letter of the label or link should be capitalis ed un less the word is always capitali[...]

  • Page 76

    Label s and Li nks 15 72 Genie Appl ication Style Gu ide Februar y 2001 ■ Back : Not used for entry query car ds. Back returns the user to the pre v ious card in the histor y list. All three bro wse rs hav e a dedicated Back k ey . A void def ining a Back s oftke y on for the Op enwav e and Mitsubishi Trium bro ws e rs sin ce users tend to rely o[...]

  • Page 77

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 73 A Appe ndix A Identifying the Bro wser Sev eral classes of web clients could potent ially access your site, b ut for the s ake of simplicity , this appe ndix addresses four po ssib le situations: 1 A client that exp ects HTML 2 A No kia 711 0 browser 3 A de vice with the UP .Bro wser v3.1 or 4.x [...]

  • Page 78

    Ident ifying th e Bro wser A 74 Genie Appl ication Style Gu ide Februar y 2001 ■ Java public void doGet (HttpServletRequ est req, HttpServletResponse res) throws ServletException, IOException{ String acc = req.getHeader("Accept"); String ua = req.getHeader("User-Agent"); ServletOutputStream out = res.getOutputStr eam(); if (ac[...]

  • Page 79

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 75 Ident ifying the B ro wser A ■ Java if ((ua.indexOf("UP.B") != -1)) || (ua .indexOf("UP/") != -1)){ res.setHeader(res.SC_MOVED_TEMPORA RILY); res.setHeader("Location", "/opwv/i ndex.wml"); } elseif(ua.indexOf("Mitsu") != -1){ res.setHeader(res.S[...]

  • Page 80

    Ident ifying th e Bro wser A 76 Genie Appl ication Style Gu ide Februar y 2001[...]

  • Page 81

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 77 B Appe ndix B Difference s between Br owser T ypes in Same Class Genie strongly recommends that d ev elopers pr ovide con tent that is tailored for the Openwa ve , Nokia and Mitsub ishi brow sers as detailed in the information abo v e. The recommendation may become mandatory in ti me for content [...]

  • Page 82

    Differen ces be tween Browser T ypes i n Same Cl ass B 78 Genie Appl ication Style Gu ide Februar y 2001 <input format="…"/> The bro wser does not ent er f ix ed characters (thos e preceeded by a backslash) automatically , and may not handle the chang e b etween ch aracter type A and character type N sensibly . It is recommended t[...]

  • Page 83

    Febru ary 20 01 Genie A ppl icat ion Sty le Guide 79 Differen ces bet ween Browser T yp es in Same Cl ass B Default action labelling Unlabelled <do> is labelled with the type (trunc ated to fit, if necessary) Unlabelled <do type="accept"> is labelled OK – all others are labelled with the type (truncated to fit if necessary) [...]

  • Page 84

    Differen ces be tween Browser T ypes i n Same Cl ass B 80 Genie Appl ication Style Gu ide Februar y 2001[...]