SAP Configuring ITSmobile

March 17, 2018 | Author: roopesh1982 | Category: Cascading Style Sheets, Java Script, Ibm System I, Ibm Db2, Html
Share
Report this link


Comments



Description

Configuring ITSmobile for SAP EWM RFUI: How-To Guide© 2011 SAP AG Configuring ITSmobile for SAP EWM RFUI: How-To Guide Table of Contents Copyright 3 SAP - Important Disclaimers Coding Samples Internet Hyperlinks Accessibility Gender-Neutral Language Icons Introduction Display SAP EWM Dynpros on an RF Device 2.1 Activating the Standard ITSmobile Service 2.1.1 Creating a New Package 2.1.2 Activating SAP Standard Services Setting Up the ITSmobile Service 2.1.3 Creating Different Services for Different Devices 2.2 Creating HTML Templates 2.2.1 Creating Templates 2.2.2 Publishing Templates 2.2.3 Clearing the Cache 2.3 Changing the Appearance of an RF Screen on the Device 2.3.1 Changing the CSS 2.3.2 Changing the Dynpros 2.3.3 Logon Class 2.4 Integrating Hardware Function Keys 2.5 Activating Sounds Examples for ITSmobile Implementation Important Transactions Tools 5.1 Document Screen Design 5.2 Function Keys and JavaScript Codes More Information 6.1 SAP Community Network 6.2 SAP Notes 6.3 RF Cookbook 6.4 Internet FAQs Appendix A – Sample CSS Appendix B – Sample JavaScript 4 4 4 4 4 5 6 7 7 7 7 7 11 11 11 12 12 12 12 12 15 15 15 16 17 18 18 18 20 20 20 20 20 21 22 33 1 2 3 4 5 6 7 8 9 © 2011 SAP AG page 2/36 Configuring ITSmobile for SAP EWM RFUI: How-To Guide Copyright © Copyright 2011 SAP AG. All rights reserved. SAP Library document classification: PUBLIC No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG. The information contained herein may be changed without prior notice. Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors. Microsoft, Windows, Excel, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation. IBM, DB2, DB2 Universal Database, System i, System i5, System p, System p5, System x, System z, System z10, System z9, z10, z9, iSeries, pSeries, xSeries, zSeries, eServer, z/VM, z/OS, i5/OS, S/390, OS/390, OS/400, AS/400, S/390 Parallel Enterprise Server, PowerVM, Power Architecture, POWER6+, POWER6, POWER5+, POWER5, POWER, OpenPower, PowerPC, BatchPipes, BladeCenter, System Storage, GPFS, HACMP, RETAIN, DB2 Connect, RACF, Redbooks, OS/2, Parallel Sysplex, MVS/ESA, AIX, Intelligent Miner, WebSphere, Netfinity, Tivoli and Informix are trademarks or registered trademarks of IBM Corporation. Linux is the registered trademark of Linus Torvalds in the U.S. and other countries. Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries. Oracle is a registered trademark of Oracle Corporation. UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group. Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks of Citrix Systems, Inc. HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology. Java is a registered trademark of Sun Microsystems, Inc. JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape. SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP BusinessObjects Explorer, StreamWork, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects Software Ltd. Business Objects is an SAP company. Sybase and Adaptive Server, iAnywhere, Sybase 365, SQL Anywhere, and other Sybase products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Sybase, Inc. Sybase is an SAP company. All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary. These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in the express warranty. statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty. © 2011 SAP AG page 3/36 Configuring ITSmobile for SAP EWM RFUI: How-To Guide SAP . EXPRESS OR IMPLIED. Coding Samples Any software coding and/or code lines / strings ("Code") included in this documentation are only examples and are not intended to be used in a productive system environment. SAP documentation is gender neutral. These hyperlinks are intended to serve as a hint where to find supplementary documentation. Accessibility The information contained in the SAP Library documentation represents SAP's current view of accessibility criteria as of the date of publication. The Code is only intended better explain and visualize the syntax and phrasing rules of certain coding. Its content is subject to change without notice. SAP does not warrant the correctness and completeness of the Code given herein. If when referring to members of both sexes. it is in no way intended to be a binding guideline on how to ensure accessibility of software products. Gender-Neutral Language As far as possible. and SAP shall not be liable for errors or damages caused by the usage of the Code. This is to ensure that the documentation remains comprehensible © 2011 SAP AG page 4/36 . SAP specifically disclaims any liability with respect to this document and no contractual obligations or commitments are formed either directly or indirectly by this document. and SAP does not warrant that it is error-free. the third person singular cannot be avoided or a gender-neutral noun does not exist. SAP shall not be liable for any damages caused by the use of such documentation unless such damages have been caused by SAP's gross negligence or wilful misconduct. OR OF MERCHANTABILITY. SAP does not warrant the availability and correctness of such supplementary documentation or the ability to serve for a particular purpose. Internet Hyperlinks The SAP documentation may contain hyperlinks to the Internet. the reader is addressed directly with "you". however. or a gender-neutral noun (such as “sales person” or “working days”) is used. SAP reserves the right to use the masculine form of the noun and pronoun. This document is for internal use only and may not be circulated or distributed outside your organization without SAP's prior written authorization. OR FITNESS FOR A PARTICULAR PURPOSE. SAP MAKES NO WARRANTIES.Important Disclaimers SAP Library document classification: PUBLIC This document is for informational purposes only. Depending on the context. except if such damages were caused by SAP intentionally or grossly negligent. Configuring ITSmobile for SAP EWM RFUI: How-To Guide Icons Icon Meaning Caution Example Note Recommendation Syntax Tip © 2011 SAP AG page 5/36 . sap.com/scm -> Warehousing -> Information on Extended Warehouse Management in SCM.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 1 Introduction This document describes the settings you must make to set up EWM to work with graphic-based mobile devices. To get an overview of the technology see the ITSmobile PDF on SAP Service Marketplace at http://service. © 2011 SAP AG page 6/36 . © 2011 SAP AG page 7/36 . Choose the package. choose Yes. If you have to register as a developer you can do this on SAP Service Marketplace.1 Display SAP EWM Dynpros on an RF Device Activating the Standard ITSmobile Service You can activate the standard ITSmobile service ITSMOBILE01 for testing purposes. Run transaction SE80. enter the name of your package. The following sections describe the how to set up this service and its parameters. choose the service and choose Activate Service. Run transaction SICF. 4. as in the following example:    Package Short Text Component ZEWM_RF_ITS ITS Implementation HOME 1.1. 2. and choose Enter. The system asks if you really want to activate the service.1 Creating a New Package To set up the ITS service you should create your own package. and choose Execute. 2.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 2 2. Choose Activate Including Sub-Services. The first step is to create an ITSmobile service.2 Activating SAP Standard Services See SAP Note 517484 Inactive Services in the Internet Communication. enter the name of the service. 1. Run transaction SICF. 2. 2. If the system asks to create a new package. such as with a special CSS file.1. If you want to configure the service for your individual business needs. 3. you must create your own service. 3. Open the folder default_host. The following services must be activated:           /default_host/sap/public/bc /default_host/sap/public/bc/its (including all related services) /default_host/sap/public/bc/ur /default_host/sap/public/icman /default_host/sap/bc /default_host/sap/bc/gui /default_host/sap/bc/gui/sap /default_host/sap/bc/gui/sap/its /default_host/sap/bc/gui/sap/its/test /default_host/sap/bc/gui/sap/its/test/mobile (including all related services) Setting Up the ITSmobile Service 1. Choose Internet Sevice.2 Setting Up Service Parameters Service parameters influence the behavior and appearance of a service and the templates displayed in the service. Run transaction SICF. you should create the nodes /test and /services and the service MYTEST in transaction SICF. 3. The GUI connection checkbox must be selected for this service. 5. Use the service name that you have already used or created in transaction SE80 as the service name (the last part of the path). © 2011 SAP AG page 8/36 .2. Example: The internet service you created in SE80 is called MYTEST and you want it to be accessible under the URL /test/services. enter the name of the service.1. 4. Choose Complete. Run transaction SICF.2. 7. and choose Execute. Enter handler CL_HTTP_EXT_ITS and choose Continue. Enter a path for your service.1 Creating an Internet Service 1. and choose Enter. You set them up as follows: 1. For GUI Link choose Yes. If the system asks you for a transaction name. enter the name of the service.1. Choose Continue.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 2. The following sections describe this procedure in detail. Enter the service name and a description and choose Continue. and if you are on the selection screen choose Service and Continue. enter /SCWM/RFUI. o o o Enter CL_HTTP_EXT_ITS (ITS Handler) as the handler. Make the following entries for the GUI configuration:    ~ITSMOBILE ~TRANSACTION ~THEME 1 <your transaction> <your theme> (for example. 2. 4. 99) The ~ITSMOBILE setting defines the service as a mobile service and sets the corresponding ITS defaults. The ~THEME setting defines the theme for your service. Choose default_host and in the menu choose Service/Host -> Wizard: Create Service. The ~TRANSACTION setting specifies the transaction to run. 2. as follows: 1. 2. 2. 6. You must take the following into account when creating the ICF service: o You can enter any path. 2. 3. Choose Execute. The URL will then be /test/services/MYTEST. Activate the new service and choose Test Service from the context menu. Choose GUI Configuration. Double click on the service. 3. You also have to manually create a service in transaction SE80. The browser should start with your service. In this case. Your own JavaScript file. Mark the service and choose Activate Service from the context menu. 2. Units for the factor.1. No No ~ITSMOBILEELEMUNITS Table 1 ITSmobile Service Parameters Pixels No 2. Which SAP GUI transaction is executed.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 5. Which theme the templates are stored in. © 2011 SAP AG page 9/36 . No ~ITSMOBILEJSINCLUDE ~ITSMOBILEMSGSOUND No No CUA area means the header line (the header line was included to get a spacer for devicespecific buttons and symbols) - ~ITSMOBILECUAINCLUDE No ~RESP_CONTENT_TYPE Application/XHTML and XML set the correct response type for voice enabled services. The following table gives an overview of the parameters used and their function.3 Activating and Testing Internet Service 1. Enter the service parameters in the resulting dialog box.html suffix). A CSS file name (has to be stored as a MIME object in SE80) - Yes Yes No ~ITSMOBILECSSINCLUDE Your own CSS file (without the .2. Enables sounds for messages. Service Parameters ~ITSMOBILE ~SOURCES Description Tells the system that this is a mobile service.css suffix). Factor for the appearance of the HTML template on the RF device. Your own device include file. enter the service name and choose Execute. No ~ITSMOBILEVOICEINCLUDE ~ITSMOBILEELEMFACTOR Your own voice include file. Your own template for the CUA area. Example 1 Name of the internet services Mandatory Yes Yes ~THEME ~TRANSACTION ~ITSMOBILEDEVICEINCLUDE 99 /SCWM/RFUI A HTML site within the specified service (without the . Specifies where the templates should be found. You can specify a sequence of services separated by a semicolon. defines the width of an icon (number or letter) on the display (see SAP Note 1316326). Run transaction SICF. Save your settings. Double-click the service name. On the next screen choose the Logon Data tab and for the procedure choose Alternative Logon Procedure. Under Logon Procedure List delete all entries except 1 .2. 2. Run transaction SICF. After the activation. 7. 8. 2. Go to the Logoff Page sub tab and select the Redirect URL radio button.4 Changing Logon Settings 1.5 Changing the Error Page 1. 2. enter the service name and choose Execute. Go to the Not Accessible sub tab and select the Explicit Response Time radio button. 6. Select the System Logon radio button. Enter the URL of the internet service. 2. 3.Fields Authentification. 4.1. 4. © 2011 SAP AG page 10/36 . 3. Choose the Configuration button. Choose the Error Pages tab and go to the Logon Errors sub tab. Figure 1 Changing Error Page Settings 5.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 3. choose Test Service to test the service in the browser of your PC. Make the settings as shown in the following screen shot and choose Enter. Note that the settings will be transported. Enter the URL of the productive system. 9. Go to the Application Errors sub tab and select the Explicit Response Time checkbox. 10.2.1. 2 2. browsers.1. 5.2. all the general screens used in RF are in the following function groups:                  /SCWM/RF_TMPL /SCWM/RF_SSCR /SCWM/RF_GENERAL /SCWM/RSRC_DYNPRO The application-related screens are in the following function groups: /SCWM/RF_ADHOC /SCWM/RF_ADHOC_CREATE /SCWM/RF_GENERAL /SCWM/RF_INQUIRY /SCWM/RF_INVENTORY /SCWM/RF_LOADING /SCWM/RF_PACKING /SCWM/RF_PICKING /SCWM/RF_PUTAWAY /SCWM/RF_PUTAWAY_EN /SCWM/RF_QM /SCWM/RF_REPL /SCWM/RF_SPREADING © 2011 SAP AG page 11/36 . 3. and choose Ctrl+Shift+F1. Run transaction SE80 and choose the function group for which you want to create templates.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 2. In the context menu choose Other Functions -> Create Template. 4.1 Creating HTML Templates Creating Templates 1. because the devices will require different style sheets (due to differing screen resolutions. you must create different services. Here you can see the necessary technical information (function group and screen number).3 Creating Different Services for Different Devices If different hardware devices are being used. Hint: If you want to create templates only for some specific RF transactions. run transaction /SCWM/RFUI. Enter the required transports. In the standard setup. 2. and so on) and different activation of function keys. navigate to the logical transaction. Open the folder screens and choose the screens for which you want to create templates. 2. Enter the names of the internet service and theme and choose Generating Style MOBILE4. Go to Internet Service in SE80. 2.3     Changing the Appearance of an RF Screen on the Device HTML template HTML converter (change the ABAP coding) CSS (Cascading Style Sheet) Dynpros You can influence the appearance of the HTML screens on the RF devices by changing the following: If you want to change the appearance of the HTML screens. In the screen area Invalidate MIME Cache.1      Changing the CSS By changing the CSS file you can change the following attributes: Colors Font sizes Paddings Borders Text align In transaction SE80 you can modify the CSS directly. Run transaction SITSPMON. 4.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 2.3 Clearing the Cache 1.2. the alignment of objects. This document describes how you can change the CSS and the dynpros.2 Changing the Dynpros If you want to change the dynpros you should copy them into new function groups similar to the existing ones. you must change the dynpros. 2. we recommend that you change the CSS. Use the following data to change the aspect ratio: Display (pixels) Device SAP Template Dynpro Dimension (lines x columns) © 2011 SAP AG page 12/36 . Go to the tab Template & MIME Cache. See Appendix A for a sample CSS file. choose System-Wide. 2. We do not recommend that you change a single template because after each recreation of the template. 2. To change the size of fields. It is easy to change and influences the appearance of all HTML sites within a service. 2. ZRF_PACKING. 2. Mark the internet service and in the context menu choose Publish -> Complete Service.2. The CSS file has to be stored in the service as a MIME object. for example. the system overwrites the changes.3.3. choose System-Wide.2 Publishing Templates 1. 3. This might be necessary if the aspect ratio of the device differs from the standard aspect ratio of the dynpros (8 lines x 40 columns). or the general aspect ratio. In the screen area Invalidate Template Caches. Note that all service sub-screens will be copied or converted to one function group. 2. Run transaction SE80. If you want to copy or convert the service sub-screens. The template is the frame where the buttons and error messages are displayed. If not. the system automatically converts the screens so that they will fit in the defined template size. Save and activate the screen.1 RF Dynpro Basics The dynpro which is shown when you run transaction /SCWM/RFUI consists of two screens. 3. 2. The following sections describe in detail how to change screens. go to Mobile Data Entry -> RF Framework -> RF Screen Manager. copy the screen to the relevant function group in Customizing.2 Copying the Standard RF Screens 1. Change the screen.3. 3. 2. The display profile is used to assign different screens to different devices. If you select Convert Screens.2. Enter all necessary data. 2. 2.3. 4.3. choose the screen and choose the Screen Painter button. such as display profile and attributes. Check if the screen is already included in the device-specific function group. select the relevant radio button. 2. enter the profile you want to copy (the standard profile) and choose Copy.1 Copying All Screens 1. Particularly if you change the aspect ratio completely and convert the © 2011 SAP AG page 13/36 .2. You must check the result of the conversion.2. 5. In Customizing for Extended Warehouse Management. The service sub-screen is contained within the template screen.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 240 x 320 320 x 320 800 x 600 Symbol MC9000 Symbol MC3000 Symbol MC9090G 12 x 19 12 x 25 8 x 40 (handled with standard dimension and adapted CSS) Table 2 Screen Resolution/Aspect Ratio You can use the screen painter functionality in SE80 to make further changes as follows: 1. Recreate the templates for all changed screens (see Creating HTML Templates). Copy specific screens into a specific function group. the template screen and the service sub-screen. This is where the different application screens (such as WT confirmation or HU maintenance) are displayed. There is one template for each display profile. Go to the Display Profile tab. Use one of the following methods to copy the screens:   Copy all screens from standard to a new display profile (but all screens will be copied into only one function group).2. Run transaction /SCWM/PRDVC to maintain a presentation device and assign a display profile to the presentation device (the display profile has to be specified for each resource in transaction /SCWM/RSRC). Go to the Screens tab. mark the screen you want to change and choose the Edit Screen button. packages. 4.Configuring ITSmobile for SAP EWM RFUI: How-To Guide service sub-screens.2 Copying Specific Screens 1. 6. Mark the entry for your display profile and switch to change mode. Change to edit mode. the result may not be sufficient. We recommend that you copy the standard screens that are included in one function group to a new function group. logical transaction.2. and choose Search. For example. Mark a screen in the folder screens and choose Layout. Choose Enter. You can than change the screens with the Screen Painter. Before you can copy specific screens you have to create a new display profile.2. 3. 4. 2. 2. Choose Enter and enter the relevant transports.2. In this case you will have to change it manually. Specify all attributes and deselect the checkbox Create Sub-Screens. and so on. 5. and choose Display. 2. Choose Function Group. For example.3 Screen Painter You can access the Screen Painter in Customizing as follows: 1. Note that the menu item length must be smaller than the screen width. Alternatively you can access the Screen Painter using SE80 as follows: 1. show a number if the screen is to large for the template specified for the display profile.3. and so on. This starts the screen painter. enter your display profile and choose Search. display profile. it is changed to an ascending numbering. The Customizing table shows which screen is displayed for which application. The fields Line Defic. Run transaction /SCWM/PRDVC to maintain a presentation device and assign a display profile to the presentation device (the display profile has to be specified for each resource in transaction /SCWM/RSRC). The original numbering of the screens is not preserved. Go to the Screens tab. for the function group /XYZ/RF_PICKING you have to enter /XYZ/SAPLRF_PICKING in Customizing. different screens are shown. In Customizing for Extended Warehouse Management go to Mobile Data Entry -> RF Framework -> RF Screen Manager. enter your display profile. The display profile is used to assign different screens to different devices. © 2011 SAP AG page 14/36 .3. 2. In Customizing for Extended Warehouse Management go to Mobile Data Entry -> RF Framework -> RF Screen Manager. We also recommend that you keep the original numbering. copy all screens that are included in the function group /SCWM/SAPLRF_GENERAL_EN to a new function group ZRF_GENERAL_EN. The system copies the screens and changes the Customizing. enter your display profile and choose Create. This means that for the same logical transaction but different display profiles. and Column Defic. enter the name of the function group. 2. Go to the Display Profile tab. Mark the screens you want to copy or convert and choose Convert or Copy as appropriate. Note that if you use a customer name space you must use Customizing to manually input SAPL into the function group name. 3. <!-. file DEVINCLUDE_SYMBOL3090. You cannot change it by changing the CSS. because javascript in ITSMOBILE/99/SCRIPTS/ALL/MOBILE.key mapping F1 ."> <META HTTP-Equiv="OnKeydispatch0x3d" content="Javascript:setFKey('3'). For sample JavaScript files.With this mapping the key buttons 0 to 9 will act as function keys --> <!-. Mark the sound and choose Copy in the context menu.F10 using ITSmobile javascript functions --> <!-.3. you must include a JavaScript file in the service to activate the function key features."> <META HTTP-Equiv="OnKeydispatch0x3c" content="Javascript:setFKey('2'). For more information.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 2. You can copy them from the standard service ITSMOBILE into your internet service or upload . You can find an example of such a file in the standard service ITSMOBILE01. Enter your service and all related data.wav files as MIME objects.F1 to F10. you have to change the mobile logon class CL_MOBILE_SYSTEM_LOGIN."> Note that this is only neccesary for the Windows Mobile operating system. see Appendix B 2.JS can be parsed by the Microsoft browser.4 Integrating Hardware Function Keys For some devices and operating systems. meta tags are not required. Choose the same folder structure as is used in ITSMOBILE.Only for Windows Mobile OS (operating system). these meta tags are not required.MESSAGESOUND SAP Note 1260592 ITSmobile: Added support for NOTIFY_BELL_SIGNAL © 2011 SAP AG page 15/36 . In transaction /SCWM/PRDVC you can specify which sound is played in which case for each presentation device. --> <!-. because JavaScript in ITSMOBILE/99/SCRIPTS/ALL/MOBILE. 2.3 Logon Class If you want to change the appearance of the logon screen. see the following SAP Notes:   SAP Note 1428050 ITSmobile: new feature: ~CURRDYNPRO. When using Windows CE. When using Windows CE.5 Activating Sounds To activate sounds you must include sound files in your service.JS can be interpreted by the Microsoft browser (higher JavaScript version). Use blue FUNC button to input numbers into edit fields --> <META HTTP-Equiv="OnKeydispatch0x3b" content="Javascript:setFKey('1'). Configuring ITSmobile for SAP EWM RFUI: How-To Guide 3 Examples for ITSmobile Implementation Figure 2 ITSmobile – Main Menu Figure 3 ITSmobile – Repack HU Item Figure 4 ITSmobile – Source Bin Verification © 2011 SAP AG page 16/36 . Configuring ITSmobile for SAP EWM RFUI: How-To Guide 4       Important Transactions Package SITS_ABAP Maintain Templates: SE80 Publicize Service: SICF ITS Internal Monitor: SITSPMON (clear ITS cache) ICM Monitor: SMICM (clear ICM cache) Import Field To System: Report SIAC_UPLOAD © 2011 SAP AG page 17/36 . 1 Tools Document Screen Design You can use the spreadsheet RFScreenDesign on SAP Service Marketplace to document the screen design for a new RF transactions. You can find it at http://service. 5.com/scm -> Warehousing -> Information on Extended Warehouse Management in SCM. Taste Key Code Taste Key Code Taste Key Code backspace shift pause/break page up home right arrow delete 2 5 8 b e h k n q t 8 16 19 33 36 39 46 50 53 56 66 69 72 75 78 81 84 tab ctrl caps lock page down left arrow down arrow 0 3 6 9 c f i l o r u 9 17 20 34 37 40 48 51 54 57 67 70 73 76 79 82 85 enter alt escape end up arrow insert 1 4 7 a d g j m p s v 13 18 27 35 38 45 49 52 55 65 68 71 74 77 80 83 86 © 2011 SAP AG page 18/36 .sap.2 Function Keys and JavaScript Codes The following is an overview of the JavaScript codes.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 5 5. Configuring ITSmobile for SAP EWM RFUI: How-To Guide w z 87 90 x left window key 88 91 y right window key 89 92 select key numpad 2 numpad 5 numpad 8 add divide f3 f6 f9 f12 semi-colon dash 93 98 101 104 107 111 114 117 120 123 186 189 numpad 0 numpad 3 numpad 6 numpad 9 subtract f1 f4 f7 f10 num lock equal sign period 96 99 102 105 109 112 115 118 121 144 187 190 numpad 1 numpad 4 numpad 7 multiply decimal point f2 f5 f8 f11 scroll lock comma forward slash back slash 97 100 103 106 110 113 116 119 122 145 188 191 220 grave accent 192 close bracket 221 open bracket 219 single quote 222 © 2011 SAP AG page 19/36 . 1 More Information SAP Community Network http://wiki.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 6 6.sap. system login for mobile services 1070064 Comparison of Web SAP Console with SAP ITSmobile 6.com/scm -> Warehousing -> Information on Extended Warehouse Management in SCM.sap.2 SAP Notes 1031074 ITSmobile 1.1: Supplements and improvements 1030685 Control for exiting transaction /SCWM/RFUI 1055009 Control for exiting transaction /SCWM/RFUI 2 1048461 ITSmobile.4 Internet http://de.selfhtml. 6. system login for mobile services 1039335 Incomplete logoff from an ITS WebGUI application 1058529 Incomplete logoff for ITS applications 1048461 ITSmobile.com/wiki/display/HOME/ITSmobile 6.sdn.org/ © 2011 SAP AG page 20/36 .3 RF Cookbook See the RF_Cookbook PDF on SAP Service Marketplace at http://service. Synchronizing the application servers may require more time than expected. © 2011 SAP AG page 21/36 . Instance/application server not the same If your template changes are not generated. When you make changes to a template. BHTML syntax errors If your changed templates contain BHTML syntax errors. Publishing Changes in templates are not generated. the ABAP short dump lists the template number. You can obtain more information about the error in transaction ST22. You should check the modified lines of the specified error line in particular. they will not become apparent until the template/service is executed. You can reset the cache in transaction SMICM by choosing Goto -> HTTP Plugin -> HTTP Server Cache. check whether the template changes and the service test were performed on the same application server. Resetting the Affected Caches Remember that the following caches are involved in HTML-based services  ITS Template Cache This cache contains a runtime version of the template that is required to optimize performance.  ICMAN Cache This cache optimizes access to static content. line number. If necessary. JavaScript and . you can reset the cache manually using transaction SITSPMON (tab Template and MIME Cache).gif files.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 7 FAQs Problems that typically occur in relation to ITS templates include the following: Keys not working Check whether all standard services are activated and check the activation of the necessary services in SE80. Syntax errors lead to an ABAP short dump. If possible. for example. for example. or are not visible. You should also check whether the integrated ITS is selected in SE80 under Utilities -> Settings -> Transaction Server -> Publish. and column that were identified as containing errors by the BHTML interpreter.  Browser Cache If you make changes in JavaScript files. you must reset the browser cache to ensure that the modified JavaScript files are transferred again to the browser. even though you have published the changes. always remember to publish it to the internal site. This will cause the assignment of appropriate width values to all UI elements on screen to prevent an unexpected wrapping of UI elements over more than one line. 320 / 13 ~= 66px. two service parameters were set for this service: ~ITSMOBILEELEMFACTOR=8 and ~ITSMOBILEELEMUNITS=px. 2 lines are reserved for button rows (at the bottom of the screen).Configuring ITSmobile for SAP EWM RFUI: How-To Guide 8 Appendix A – Sample CSS */ /* GENERAL PAGE /*----------------------------------*/ /* All values used in this stylesheet were optimized for the device ML 7090 that has a screen resolution of 240(width) x 320 (height) pixel and runs Symbol Browser 2. 11 of the 13 lines are reserved for the subscreen rendered in the center of the screen. Additionally.MobileRow" below and in elements like buttons or input fields. To fill the whole screen vertically completely we work with padding values (padding-top and padding-bottom) in ". The height of a line is defined in ". but we use 65px to have a little bit more space for layout purposes. This allows us to: © 2011 SAP AG page 22/36 . All lines together should fill the screen heightwise. ---------------------------Height values ---------------------------Important settings regarding the height of screen elements: The dynpro this service is based on consists of 13 lines of content of the same height. the CUA bar at the top of the screen needs some space (15px).MobileSubScreen".02 (build 007) ---------------------------Regarding UI element widths: ---------------------------To make the best use of the available screen width of this device (240px). /*next line hides vertical scrollbar in msie if inactive*/ overflow: auto. margin:0px font-size:10px. font-weight:bold. } td { vertical-align: top.MOBILE SCREEN ---------------*/ .MobileScreen { background-color:#F5F9FC. */ /* --. the subscreen and the bottom row. font-size: 10px. padding:0px. margin: 0px. padding: 0px. border:0px.Configuring ITSmobile for SAP EWM RFUI: How-To Guide a) avoid gaps at the lower end of the screen b) avoid unnecessary vertical scrollbars c) have a balanced padding between the top row. overflow: hidden. border-width: 0px. } /* --.arial. font-family:helvetica.MOBILE BODY attributes of the header SAP Logo-----------------*/ .MobileBody { background-color:#F5F9FC. } /*----------------------------------*/ /* Main Areas of Mobile Screen */ © 2011 SAP AG page 23/36 . padding:0px. border-color:#C40026. } /* ---------------------------------*/ /* CUA AREA ELEMENTS */ /*----------------------------------*/ /* --. border-style:solid. margin: 0px.CUA AREA --------------------*/ /* attributes of the top status bar*/ .MobileCuaArea { height:15px. overflow-x:auto.MobileUserArea { padding: 0px. margin:0px.MobileMessageScreen { background-color:#F5F9FC.USER AREA --> attributes of the fields and buttons on the subscreens------------------*/ . padding:0px.Configuring ITSmobile for SAP EWM RFUI: How-To Guide /*----------------------------------*/ /* --. border-bottom-color:#B3C3CF. margin:0px. border-top-width:0px. border-bottom-style:solid. border-bottom-width:2px. © 2011 SAP AG page 24/36 . padding-left: 1px. overflow-y:auto.MESSAGE ---------------------*/ . background-color:#D9E5F2. } /* --. width:100%. MobileMessageLogo { vertical-align:middle.MESSAGE ---------------------*/ . border:0px. } /* --. padding-left:7px. border-bottom-width:2px. vertical-align:middle.MobileWindowTitle { font-weight:bold. margin-right:2px.MobileHeaderLogo { background-color:#D9E5F2. border-right-width:0px. font-size:10pt. padding-left:3px. padding-right:3px. font-style:italic.TITLE -----------------------*/ . margin-left:5px.Configuring ITSmobile for SAP EWM RFUI: How-To Guide border-left-width:0px. } . height:20px.Include Frame ---------------*/ © 2011 SAP AG page 25/36 . } /* --.MobileMessageLine { } /* --.LOGO im Header --------------*/ . } /* --. height: 21px.SUBSCREENS ------------------*/ . margin: 0px. 0px.Basic Row -------------------*/ . 0px.Configuring ITSmobile for SAP EWM RFUI: How-To Guide .MobileRow { padding: 0px.MobileSubScreen { background-color:#F5F9FC. 0px. © 2011 SAP AG page 26/36 . /* change padding-top value to alter the gap between top button row and subscreen content*/ /* change padding-bottom value to alter the gap between top button row and subscreen content*/ padding-top: padding-bottom: padding-right: padding-left: margin-left: margin-right: margin-top: margin-bottom: border: 2px. 0px. 0px. 0px. 0px. vertical-align: top. 2px.MobileIncludeFrame { } /* Main Size Arrangements */ /* ---------------------------------*/ /* --. } /*----------------------------------*/ /* ---------------------------------*/ /* DYNPRO ELEMENTE */ /*----------------------------------*/ /* --. MobileFrame { background-color: #D9E5F2. /* --.MobileStepLoop { width:100%.FRAME -----------------------*/ . } . padding:0px. border:0px. } /* *********************************** */ /* --.Configuring ITSmobile for SAP EWM RFUI: How-To Guide height: } 252px. } . border:0px. padding: 2px. padding:0px.MobileFrameHidden { width:100%. } /* --. font-weight:bold.MobileFrameHeader { background-color:#A3C1E4.BUTTON ----------------------/* general settings that are shared by enabled and disabled button */ */ /* *********************************** */ © 2011 SAP AG page 27/36 . margin:0px.STEPLOOPS -------------------*/ /*steploops are not used*/ . margin:0px. margin:0px. MobileSubScreen . /* font-size: 15px.MobileButton. } /* --. } /*height of buttons outside of the subscreen*/ .MobileButton.MobileButtonDisabled { height: 20px.DISABLED BUTTON -------------*/ . line-height: 15px. sans-serif. padding-left: 1px. line-height: 12px. text-align: left.MobileButtonDisabled { padding: 0px.MobileSubScreen .ACTIVE BUTTON ---------------*/ .MobileButtonDisabled © 2011 SAP AG page 28/36 . /* font-size: 12px. .MobileButton.*/ } /* --.MobileButtonDisabled{ height: 22px.MobileButton { background-color:#FFF09E. alignment: left.Configuring ITSmobile for SAP EWM RFUI: How-To Guide .*/ } /*height of buttons inside the subscreen*/ . vertical-align: top. . font-family: condensed. . margin: 0px. .MobileEditRequired.MobileEditRequiredHighlightedDisabled.Configuring ITSmobile for SAP EWM RFUI: How-To Guide { background-color:#FFF09E.EDIT FIELDS ------------------*/ /* *********************************** */ /* the following block of general settings is valid for all edit field types. . .MobileEditHighlightedDisabled { © 2011 SAP AG page 29/36 . .MobileSubScreen . individual settings for specific edit field types can be made in the blocks below */ . .MobileEditRequiredHighlightedDisabled. .MobileSubScreen .MobileSubScreen .MobileEditDisabled.MobileSubScreen . .MobileEditHighlighted.MobileEditHighlighted. .MobileEditHighlightedDisabled { height: 18px.MobileEditRequired. . .MobileSubScreen .MobileEditRequiredDisabled.MobileSubScreen . margin: 0px. padding: 0px. vertical-align: top.MobileEditRequiredDisabled. font-size: 11px. font-weight:bold.MobileEdit. } /* *********************************** */ /* --.MobileEditDisabled.MobileSubScreen .MobileSubScreen . .MobileEditRequiredHighlighted. .MobileEditRequiredHighlighted. . . } .MobileEdit. MobileEditRequiredDisabled { border-color:blue. color:blue. } . line-height: 15px. } /* required + highlighted */ .MobileEditRequiredHighlighted { border-color:blue. } /* required */ .MobileEditRequired { border-color:blue.Configuring ITSmobile for SAP EWM RFUI: How-To Guide padding-left: 1px. color:blue. } . © 2011 SAP AG page 30/36 . } /* required disabled*/ . background-color:#FFF09E. } .MobileEditRequiredHighlightedDisabled { border-color:blue. height: 18px.MobileEditDisabled { background-color:#FFFFFF. font-size: 14px.MobileEdit { color: #000000. Configuring ITSmobile for SAP EWM RFUI: How-To Guide } /* highlighlighted */ .MobileLabelHighlighted { white-space:nowrap. font-family:helvetica. } /* *********************************** */ /* --.arial.MobileEditHighlighted { color:blue. .MobileEditHighlightedDisabled { color:blue.MobileLabel { } . font-weight:bold.MobileLabel. individual settings for specific edit field types can be made in the blocks below */ . } . padding: 0px. margin-left: 0px. } . margin-right: 0px. font-size: 13px.MobileLabelHighlighted © 2011 SAP AG page 31/36 .LABEL FIELD -----------------*/ /* *********************************** */ /* the following block of general settings is valid for all label variants. MobileRadioLabel { white-space:nowrap. } © 2011 SAP AG page 32/36 . } /* *********************************** */ /* --.RADIOBUTTON --------------------*/ /* *********************************** */ .MobileRadioButton { } . font-weight:bold. } /* *********************************** */ /* --. font-weight:bold. font-size: 8pt. font-weight:bold. font-size: 8pt.Configuring ITSmobile for SAP EWM RFUI: How-To Guide { color:blue.CHECKBOX --------------------*/ /* *********************************** */ .MobileCheck { font-size: 8pt.MobileCheckLabel { white-space:nowrap. } . When using Windows CE.----------------------------------------------------------.Configuring ITSmobile for SAP EWM RFUI: How-To Guide 9 Appendix B – Sample JavaScript <!-. color blue --> <META HTTP-Equiv="battery" Content="show"> <META HTTP-Equiv="battery" Content="right_growfromleft"> <META HTTP-Equiv="battery" Content="rgb:00.00. Use blue FUNC button to input numbers into edit fields <!-.key mapping F1 .F1 to F10.SYMBOL POCKET BROWSER MC3090 -> operating system Windows CE <!-.setting best fitting text size for ITSmobile --> <META HTTP-Equiv="TextSize" Content="Medium"> <!-. --> <!-. these meta tags are not required.F10 using ITSmobile javascript functions --> --> --> <!-. because javascript in ITSMOBILE/99/SCRIPTS/ALL/MOBILE.80"> <META HTTP-Equiv="battery" Content="x=255"> <META HTTP-Equiv="battery" Content="y=5"> <!-. color blue --> <META HTTP-Equiv="signal" Content="show"> <META HTTP-Equiv="signal" Content="left_growfromright"> <META HTTP-Equiv="signal" Content="rgb:00.With this mapping the key buttons 0 to 9 will act as function keys <!-.wireless signal meter.----------------------------------------------------------.--> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache"> <!-.--> <!-.Only for Windows Mobile OS (operating system).80"> © 2011 SAP AG page 33/36 .00.battery indicator.JS can be interpreted by the Microsoft browser (higher JavaScript version). for testing purposes. text zoom and quit button --> <META HTTP-Equiv="quitbutton" Content="show"> <META HTTP-Equiv="quitbutton" Content="x=150"> <META HTTP-Equiv="quitbutton" Content="y=3"> <META HTTP-Equiv="Textbutton" Content="hide"> <META HTTP-Equiv="Textbutton" Content="x=200"> <META HTTP-Equiv="Textbutton" Content="y=3"> © 2011 SAP AG page 34/36 .Configuring ITSmobile for SAP EWM RFUI: How-To Guide <META HTTP-Equiv="signal" Content="x=5"> <META HTTP-Equiv="signal" Content="y=5"> <!-. --> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache"> <!-.JS can be interpreted by the Microsoft browser (higher JavaScript version).key mapping F1 .Configuring ITSmobile for SAP EWM RFUI: How-To Guide <!-.F1 to F10.--> <!-. When using Windows CE.----------------------------------------------------------.Only for Windows Mobile OS (operating system).SYMBOL POCKET BROWSER MC7090 -> Operating System Windows Mobile <!-.With this mapping the key buttons 0 to 9 will act as function keys <!-. because javascript in ITSMOBILE/99/SCRIPTS/ALL/MOBILE.F10 using ITSmobile javascript functions --> --> --> <!-. Use blue FUNC button to input numbers into edit fields <head> <META HTTP-Equiv="OnKey0x70" content="Javascript:setFKey(1)"> <META HTTP-Equiv="OnKey0x71" content="Javascript:setFKey(2)"> <META HTTP-Equiv="OnKey0x72" content="Javascript:setFKey(3)"> <META HTTP-Equiv="OnKey0x73" content="Javascript:setFKey(4)"> <META HTTP-Equiv="OnKey0x74" content="Javascript:setFKey(5)"> <META HTTP-Equiv="OnKey0x75" content="Javascript:setFKey(6)"> <META HTTP-Equiv="OnKey0x76" content="Javascript:setFKey(7)"> <META HTTP-Equiv="OnKey0x77" content="Javascript:setFKey(8)"> <META HTTP-Equiv="OnKey0x78" content="Javascript:setFKey(9)"> <META HTTP-Equiv="OnKey0x79" content="Javascript:setFKey(10)"> </head> © 2011 SAP AG page 35/36 .----------------------------------------------------------.setting best fitting text size for ITSmobile --> <!--META HTTP-Equiv="TextSize" Content="smaller"--> <!-. these meta tags are not required. --> <!-. 00.for testing purposes.wireless signal meter.Configuring ITSmobile for SAP EWM RFUI: How-To Guide <META HTTP-Equiv="battery" Content="show"> <META HTTP-Equiv="battery" Content="right_growfromleft"> <META HTTP-Equiv="battery" Content="rgb:00. text zoom and quit button --> <META HTTP-Equiv="Textbutton" Content="show"> <META HTTP-Equiv="Textbutton" Content="x=90"> <META HTTP-Equiv="Textbutton" Content="y=0"> <META HTTP-Equiv="quitbutton" Content="show"> <META HTTP-Equiv="quitbutton" Content="x=110"> <META HTTP-Equiv="quitbutton" Content="y=0"> <META HTTP-Equiv="SIPbutton" Content="show"> <META HTTP-Equiv="SIPbutton" Content="x=130"> <META HTTP-Equiv="SIPbutton" Content © 2011 SAP AG page 36/36 .80"> <META HTTP-Equiv="signal" Content="x=5"> <META HTTP-Equiv="signal" Content="y=2"> <!-. color blue --> <META HTTP-Equiv="signal" Content="show"> <META HTTP-Equiv="signal" Content="left_growfromright"> <META HTTP-Equiv="signal" Content="rgb:00.80"> <META HTTP-Equiv="battery" Content="x=175"> <META HTTP-Equiv="battery" Content="y=2"> <!-.00.
Copyright © 2024 DOKUMEN.SITE Inc.