UDD-viewer – User manual
Contents
1. UDD viewer User manual PRE PRODUCTION Release 1 2 2015 Document release date 29 01 2015 TLP YELLOW Restricted bankID 1 8 knowit UDD viewer User manual 1 1 2015 29 01 15 1 Legal Notices Intellectual property rights This document is the intellectual property of BankID Norge and or Nets Norway and or Knowit Disclaimer This document is provided as part of the BankID 2 0 project The information may not be accurate or complete enough for banks merchants partners or vendors to rely on without further amendment The document does not create legal rights and does not imply that intellectual property rights are transferred to the recipient or other third parties The document is provided as is and BankID Norge Nets Norway and Knowit are not responsible for any errors or omissions Confidentiality The information provided in this document is to be treated confidential according to TLP Yellow Restricted The document is for the intended recipient only If an addressing or transmission error has misdirected this document please send a notification by e mail to bankid2 1 bankid no If you are not the intended recipient or do not have the proper authorization to read the document you must not use disclose distribute copy print re sell or rely on this document and any template material without written consent from BankID Norge Contact Questions and comments to this document can be s2. S S E T Teg MANU AG S A A A A E E E T o E N E E Terr ee E E A E E rere tree T 8 bankID _ knowit UDD viewer User manual 1 1 2015 29 01 15 3 Introduction The purpose of this document is to aid the reader in accessing installing the UDD viewer and to describe how the tool can be used 4 How to run the UDD viewer locally This is the recommended way to use the UDD viewer and gives the user access to the tool without internet access 4 1 Installation requirements The UDD viewer provided as a zip file is bundled with scripts for running the viewer The scripts depend on python 2 x 4 1 1 Windows Python needs to be installed on Windows use this URL to download Get Python 2 7 6 Install Python into default path c python27 and make sure the path to python exe is in your PATH variable 4 1 2 Mac and Linux For most versions of Mac OS X and Linux Distributions Python will be provided by default 4 2 Running the UDD viewer Unzip the zip file in the unzipped folder you have scripts provided for Windows Mac OS X and Linux Previous instances of the UDD viewer must have been stopped before a new instance is started To stop the UDD viewer server open the terminal started with the startup script and press CTRL C to stop it 4 2 1 Windows Double left click on start_UDD_windows bat file A local webserver runing with python is started and your default browser will open with the correct URL for the UDD vi
3. page can be found under the Relevant documents accordion tab 7 1 Selected UDD The UDD currently selected in the UDD viewer will be used as example for the Web client s iframe in the redirect s landing page E g if D08 is the selected UDD when clicking the link that UDD will also be presented in the Web client s iframe Dialogue Description D08 Design principles bankiD Identification Accessibility principles Relevant documents Create new password New password gt Confirm new password At least 8 characters C Keep existing password bankiD Bokmal English sAA bankiD Identification Menu Create new password New password gt Confirm new password At least 8 characters C Keep existing password Figure 2 The UDD selected in the UDD viewer will be the same UDD presented in the redirect landing page 7 2 Language The redirect landing page has two language options Bokmal Norwegian and English These options will only change the text for the redirect page itself meaning that whatever UDD that is presented in the Web client s iframe will be unaffected The language for the UDD is always English no matter what language was selected in the UDD viewer before opening the landing page bankID r knowit UDD viewer User manual 1 1 2015 29 01 15 8 Revision Version Details Date 19 Added chapter on Landingpage for frameMode redirect
4. Also 02 06 2015 minor fixes on document heading styles Minor updates for BankID 2 1 URL and removed info about the need for the UDD Viewer to be positioned in site root Changed support email from bankid2 0 bankid no to 29 01 2015 bankid2 1 bankid no Updated screenshot in chapter 6 and new info about the Options menu Added Legal Notices updated template Added info about executable files in Linux 11 06 2014 Updated link to get Python for Windows bankID a knowit
5. able dialogues by name Typing DO will remove all dialogues except those starting with a DO o filter the list by typing in one of the following tags password otp userid yy lt auth sign pay bankID knowit UDD viewer User manual 1 1 2015 29 01 15 e The link icon opens a full screen version of the current UDD screen in a new tab This may be useful when displaying the screen on another device such as a smartphone Access the url on the device you want to test on e Options menu Primarily for developers o Auto focus on off Sets the inputfield in focus only on desktop Disable this if you want to use keyboard to flip through UDD screens Alt arrow up down o Notify focus on off Shows an info box at the bottom containing information about the focused element o Edit Password on off Sets the UDD in edit password mode Eks Change password option in the UDDs menu will be disabled in this mode o Challange R ms input field Time to wait for challenge response to be retrieved in ms o Password ms input field Time to wait for show password to be hidden in ms e On the top right there are options to change the UDD size with device defaults or type custom size and switch rotation 6 2 B Info panel On the left side you will have description for the shown UDD These are divided into 4 parts and contain general and UDD specific information e D
6. end to bankid2 1 bankid no bankID _ knowit UDD viewer User manual 1 1 2015 29 01 15 2 Contents 1 EEGA NOUCOS serseri E ES 2 2 COMES ea eee eee ee ee re eee eee eee eer ee eee eee 3 2 MUOU NOI rte a ct odictaren teeare ce etc wen tanteane tent ee oat eteractnee ee seeas ceamieincanmeiarene eet tuenaiann A 4 How to run the UDD viewer locally cccccsceeeeeeeeeeeeeeeeeeeeeeseeseesensensensoneeneeneaneaes A 4 1 Installation requirements ccccccceccsecceeceeceeceeceeceecueceececeecceeceeseeseeseeseeseesensaneas 4 2 a Fa VINON ae cee ee Pe eee ee ee ee en eee ee ee ee 4 M2 DAG UC NNO sssrin EE EEEE E EENE ETENEE EEN 4 42 RUNNING Me UDDVISWET caissier 4 Ze AON iera e r E E E EEEE SE EE EE E E 4 aA E SD E E E E E E E T E E E E eee T 4 7 as a 2 eee en E E E E E E ee en en 4 Ara PATINA cacteete kh ative acti verpscenbee T AEE 4 5 How to access the UDD viewer from a URL ccccccescceeeeeeeeeeeeeeeeeeeseeeeeeseneeeesanees 5 6 HOW to use the UDD viewer nnnnsnunnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnmnnn 5 6 1 A UDD Navigation cccccccccccecceeeeeeeeeeneeseeeseeseeeseeseeeeeeseeeeeeseeseeeeeeeaeeseeeaeeneneas 5 oa BENOD NO e A E E E R 6 one O EEE 211 E E ee E E A E E T A 6 7 Landingpage for frameMode redirect ccccccceeeeeeeeeeeeeseeeeeeeeseeeeeeeeeensenesenesenesenenes 6 Tal DClCCICO UDD yc coxencens sexe cece E E AOE EEE E
7. ewer 4 2 2 Mac OS X Double left click on start _UDD_mac command file A local webserver running with python is started and your default browser will open with the correct URL for the UDD viewer 4 2 3 Linux Double left click on start_UDD_linux sh file A local webserver running with python is started and your default browser will open with the correct URL for the UDD viewer Please note that your flavour of Linux must be configured to run executable text files and the Executable permission needs to be set on the start_UDD_linux sh file before double clicking on the file will work 4 2 4 Alternative You can also use your own webserver you need to access the viewer like this http lt ip port gt path to udd bankID e knowit UDD viewer User manual 1 1 2015 29 01 15 5 How to access the UDD viewer from a URL An online version of the UDD viewer is available at the following location https demosite knowit no udd 2 1 This URL requires a username and password and this may be requested from BankID Norge Please note the build number top left when referring to this UDD viewer 6 How to use the UDD viewer The UDD viewer lets you access all UDD screens and corresponding documentation description design priciples and accessibility principles in your browser BankID UDD Viewer 21 x 4 hittps demosite knowit no udd 2 1 d01 D01 ngelsk Storbritannia v Op
8. ialogue Description UDD specific Information similar to JAVA UDD Startup behavior Operation details and Layout elements e Design principles General details on Client size Responsive behavior Animation Colors Icons Fontsizes and Other sizes e Accessibility principles General details on WCAG 2 0 and Funka Nu guidelines UU Measures taken Tab order and Reading order e Relevant documents e Pull the handle on the middle right to adjust the width of the panel 6 3 C Main content Here you can see and use the displayed UDD you are also able to resize the UDD using the handles below right bottom corner and right to the client The active size is reflected in the top right corner You can use PAGE UP DOWN or ALT ARROW UP DOWN to browse to next or previous UDD in the list Disable autofocus first 7 Landingpage for frameMode redirect The UDD viewer includes an example of the landing page when using frameMode redirect To open the example open the Relevant documents accordion menu Clicking the link will open the landing page in a new window or tab bankID r knowit UDD viewer User manual 1 1 2015 29 01 15 Dialogue Description D01 Design principles Accessibility principles Relevant documents 2 Changelog UDD Viewer P1305 DL K 9 Dokumentasjon WebUDD v1 1 P1305 BankIiD 2 0 Dialog transitions v1 03 Landing page for frameMode redirect Figure 1 Link to the redirect landing
9. tions v Dialogue Description D01 an Authentication enter userid STARTUP Input field is focused OPERATION bankID Identification Menu The input field requires 11 digits The input field accepts a maximum of 11 ane Clicking the help button question mark ope a popover explaining the purpose of the dk User ID 2 B The call to action button prince adi when the input field contains exactly 11 charact Touch devices shows a numeric ata on input fcr a E nter User ID ocus User identification 11 digits LAYOUT Header logo title BankID merchant menu button V Bamble og Langesund Sparebank e menu items Design principles Accessibility principles aa Relevant documents 6 1 A UDD Navigation The black stripe on the top contains the navigation for the UDD viewer From left e The close icon hides the info panel B Re open with the menu icon when closed e The language dropdown lets the user choose which language should be used in the UDD Viewer In addition there is a special MOCK language that is used by the development team to determine the maximum length of the various text fields Shortcut SPACE L e The D01 dropdown lets you choose which UDD you want displayed in the main area C You can also open the dropdown with shortcut SPACE U Scroll or use the type as you go filter for quick access The type as you go filter can be used to o filter the list of avail
Download Pdf Manuals
Related Search