{"id":3367,"date":"2016-02-29T16:54:07","date_gmt":"2016-02-29T15:54:07","guid":{"rendered":"https:\/\/compera.vanvlerken.nl\/nog-meer-gebruikersgemak-in-de-srm-user-interface-add-on\/"},"modified":"2018-03-26T14:39:50","modified_gmt":"2018-03-26T13:39:50","slug":"more-friendly-usability-srm-user-interface-add-on","status":"publish","type":"post","link":"https:\/\/compera.vanvlerken.nl\/en\/more-friendly-usability-srm-user-interface-add-on\/","title":{"rendered":"Even more friendly user usability in the SRM User Interface Add-on!"},"content":{"rendered":"<p>[et_pb_section bb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221;][et_pb_row admin_label=&#8221;row&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_text background_layout=&#8221;light&#8221; text_orientation=&#8221;left&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221;]<\/p>\n<p>In\u00a0the last couple of\u00a0years SAP has a\u00a0full focus on User Experience with the\u00a0SRM User Interface Add-on. This User Interface, developed using HTML5 technology (SAPUI5), has been a great improvement in relation to the \u2018old\u2019 SAP\u00a0Web\u00a0Dynpro\u00a0screens. Despite of this improvement, we frequently get requests from our clients to make this User Interface even more user friendly.<\/p>\n<p>We often receive questions from our customers like:<\/p>\n<ul>\n<li>\u201d<em>Why\u00a0<\/em><em>can\u2019t I click on\u00a0the error message to navigate to the related field?<\/em>\u201d<\/li>\n<li>\u201c<em>Why can\u2019t I copy\u00a0the values of the client-specific fields to\u00a0the other positions within the shopping cart?<\/em>\u201d<\/li>\n<li>\u201c<em>Can you hide (and enter default-values to) all the fields which we don\u2019t use?<\/em>\u201d<\/li>\n<\/ul>\n<p>All these wishes can be granted using \u2018Extensibility by JavaScript\u2019. When creating adjustments with JavaScript, much more possibilities to make adjustments are available in contrast to the customizing settings. This method can be used on every screen, for every field and on every button, which is available in the\u00a0SRM User Interface Add-on.<img style=\"font-size: 0.75em; float: right; margin: 0px 0px 10px 10px;\" alt=\"\" \/><\/p>\n<p>Some possibilities of these client specific adjustments are:<\/p>\n<p><strong>Form\u00a0adjustments<\/strong><\/p>\n<p>The standard Limit Order\u00a0form is adjusted in such a way that\u00a0all the excess information is hidden for the requestor. In addition,\u00a0fixed values can be defaulted in the background and transferred to the shopping cart.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1055\" src=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding1.png\" alt=\"Afbeelding1\" width=\"300\" height=\"183\" srcset=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding1.png 955w, https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding1-300x183.png 300w, https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding1-768x469.png 768w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><strong>Clickable error messages<\/strong><\/p>\n<p>This functionality gives the requester the opportunity\u00a0to click on the error message and navigate to the related field.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1056 size-full\" src=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding2.png\" alt=\"Afbeelding2\" width=\"944\" height=\"373\" srcset=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding2.png 944w, https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding2-300x119.png 300w, https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding2-768x303.png 768w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/p>\n<p><strong>Apply changes of customer fields<\/strong><\/p>\n<p>When a shopping cart with more items is created and a customer field is edited, a pop-up is shown to apply the change to all other positions at once in the shopping cart.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1057 size-full\" src=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding3.png\" alt=\"Afbeelding3\" width=\"617\" height=\"491\" srcset=\"https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding3.png 617w, https:\/\/compera.vanvlerken.nl\/wp-content\/uploads\/2016\/02\/Afbeelding3-300x239.png 300w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/p>\n<p>Would you like to know more of extending your SAPUI5 screens using JavaScript? Please contact <strong>Compera<\/strong> for more information.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In\u00a0the last couple of\u00a0years SAP has a\u00a0full focus on User Experience with the\u00a0SRM User Interface Add-on. This User Interface, developed using HTML5 technology (SAPUI5), has been a great improvement in relation to the \u2018old\u2019 SAP\u00a0Web\u00a0Dynpro\u00a0screens. Despite of this improvement, we frequently get requests from our clients to make this User Interface even more user friendly. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2964,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<p>SAP heeft vol ingezet op gebruiksvriendelijk inkopen met SRM User Interface Add-on. Deze User Interface, opgebouwd met behulp van HTML5 technologie (SAPUI5), is een grote verbetering ten opzichte van de \u2018oude\u2019 SAP\u00a0Web\u00a0Dynpro schermen op de portal. Toch krijgen we regelmatig verzoeken van klanten om deze omgeving nog gebruiksvriendelijker te maken.<\/p><p>Van onze klanten ontvangen wij vaak vragen, zoals:<\/p><ul><li>\u201d<em>Waarom kan ik niet op een foutmelding klikken om direct naar het bewuste veld te gaan?<\/em>\u201d<\/li><li>\u201c<em>Ik wil graag dat de waarden van de klantvelden ook worden gekopieerd naar de overige posities<\/em>\u201d<\/li><li>\u201c<em>Waarom staat al die onnodige informatie op het scherm, kan dat niet weg?<\/em>\u201d<\/li><\/ul><p>Al deze wensen kunnen worden ingewilligd door gebruik te maken van \u2018Extensibility by JavaScript\u2019. Met deze methode heb je veel meer mogelijkheden om zaken aan te passen dan met de uitbreidingen die mogelijk zijn via de customizing. In tegenstelling tot de customizing is deze methode toepasbaar op ieder scherm, op ieder veld en op iedere button die beschikbaar is.<\/p><p>Een paar mogelijkheden van deze klantuitbreidingen zijn:<\/p><p><strong>Formulieraanpassing<\/strong><\/p><p>Het standaard Limietformulier is zodanig aangepast dat overtollige informatie niet aan de aanvrager aangeboden wordt. Vaste waarden worden op de achtergrond meegegeven naar de winkelwagen.<\/p><p><img src=\"https:\/\/compera.vanvlerken.nl\/content\/images\/Afbeelding1.png\" alt=\"\" \/><\/p><p><strong>Klikbare foutmeldingen<\/strong><\/p><p>Bij eventuele foutmeldingen in de positie van de winkelwagen\u00a0wordt de gebruiker de mogelijkheid geboden om op de foutmelding te klikken waardoor meteen naar het betreffende veld wordt genavigeerd.<\/p><p><img src=\"https:\/\/compera.vanvlerken.nl\/content\/images\/Afbeelding2.png\" alt=\"\" \/><\/p><p><strong>Doorvoeren waarden klantvelden<\/strong><\/p><p>Indien een winkelwagen meerdere posities bevat en er wordt in de positiegegevens een klantveld aangepast, wordt een pop-up getoond of u de waarden al dan niet wil doorvoeren naar de overige posities.<\/p><p><img src=\"https:\/\/compera.vanvlerken.nl\/content\/images\/Afbeelding3.png\" alt=\"\" \/><\/p><p>Naast deze aanpassingen zijn er\u00a0talloze andere mogelijkheden toe te passen. Nieuwsgierig of uw wensen door deze uitbreidingsmethodes ingewilligd kunnen worden, neem dan gerust contact op met <strong>Compera<\/strong> voor meer informatie.<\/p>","_et_gb_content_width":"","footnotes":""},"categories":[119],"tags":[],"class_list":["post-3367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-srm-en"],"_links":{"self":[{"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/posts\/3367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/comments?post=3367"}],"version-history":[{"count":0,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/posts\/3367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/media\/2964"}],"wp:attachment":[{"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/media?parent=3367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/categories?post=3367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/compera.vanvlerken.nl\/en\/wp-json\/wp\/v2\/tags?post=3367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}