ABONAMENTE VIDEO REDACȚIA
RO
EN
NOU
Numărul 148
Numărul 147 Numărul 146 Numărul 145 Numărul 144 Numărul 143 Numărul 142 Numărul 141 Numărul 140 Numărul 139 Numărul 138 Numărul 137 Numărul 136 Numărul 135 Numărul 134 Numărul 133 Numărul 132 Numărul 131 Numărul 130 Numărul 129 Numărul 128 Numărul 127 Numărul 126 Numărul 125 Numărul 124 Numărul 123 Numărul 122 Numărul 121 Numărul 120 Numărul 119 Numărul 118 Numărul 117 Numărul 116 Numărul 115 Numărul 114 Numărul 113 Numărul 112 Numărul 111 Numărul 110 Numărul 109 Numărul 108 Numărul 107 Numărul 106 Numărul 105 Numărul 104 Numărul 103 Numărul 102 Numărul 101 Numărul 100 Numărul 99 Numărul 98 Numărul 97 Numărul 96 Numărul 95 Numărul 94 Numărul 93 Numărul 92 Numărul 91 Numărul 90 Numărul 89 Numărul 88 Numărul 87 Numărul 86 Numărul 85 Numărul 84 Numărul 83 Numărul 82 Numărul 81 Numărul 80 Numărul 79 Numărul 78 Numărul 77 Numărul 76 Numărul 75 Numărul 74 Numărul 73 Numărul 72 Numărul 71 Numărul 70 Numărul 69 Numărul 68 Numărul 67 Numărul 66 Numărul 65 Numărul 64 Numărul 63 Numărul 62 Numărul 61 Numărul 60 Numărul 59 Numărul 58 Numărul 57 Numărul 56 Numărul 55 Numărul 54 Numărul 53 Numărul 52 Numărul 51 Numărul 50 Numărul 49 Numărul 48 Numărul 47 Numărul 46 Numărul 45 Numărul 44 Numărul 43 Numărul 42 Numărul 41 Numărul 40 Numărul 39 Numărul 38 Numărul 37 Numărul 36 Numărul 35 Numărul 34 Numărul 33 Numărul 32 Numărul 31 Numărul 30 Numărul 29 Numărul 28 Numărul 27 Numărul 26 Numărul 25 Numărul 24 Numărul 23 Numărul 22 Numărul 21 Numărul 20 Numărul 19 Numărul 18 Numărul 17 Numărul 16 Numărul 15 Numărul 14 Numărul 13 Numărul 12 Numărul 11 Numărul 10 Numărul 9 Numărul 8 Numărul 7 Numărul 6 Numărul 5 Numărul 4 Numărul 3 Numărul 2 Numărul 1
×
▼ LISTĂ EDIȚII ▼
Numărul 77
Abonament PDF

Evoluţia interfeţei grafice SAP

Mirela Mărginean
SAP ABAP Developer @ Siemens



Delia Nechifor
SAP ABAP Developer @ Siemens



PROGRAMARE


În acest articol vom arunca o privire de ansamblu asupra evoluţiei interfeţei grafice SAP, cunoscută și sub denumirea de UX sau User Experience. În ultimii ani s-au schimbat în mod simţitor nevoile utilizatorilor în tot ceea ce reprezintă interfaţa grafică a diverselor aplicaţii.

Telefoanele inteligente şi tabletele au cucerit piaţa, aducând cu ele noi posibilităţi pentru utilizatori, precum și cerințe noi din partea acestora. Digitalizarea în sectorul de consum, în special mobilitatea avansată, are și ea un impact asupra aplicațiilor business. Utilizatorii se așteaptă la aceeași operare simplă și rapidă de la un software de business, ca și cea a unui smartphone sau a unei tablete. În plus, în contextul de business de astăzi se întâlnește des situația în care se lucrează din puncte de lucru diferite, astfel încât o aplicație business trebuie să funcționeze nu doar pe desktop, ci și pe alte dispozitive, cum ar fi tableta sau smartphone-ul.

Aceste aspecte reprezintă o adevăra provocare pentru SAP, pe de-o parte din cauza complexităţii software-ului oferit, pe de altă parte şi din cauza faptului că în cadrul UX, SAP-ul părea să nu facă faţă noilor cerinţe din piaţă.

Dar să aruncăm o privire pentru a surprinde de unde şi cum a început totul.

SAP AG este numele companiei fondate în anul 1972 de cinci ingineri care au lucrat la IBM: Dietmar Hopp, Claus Wellenreuther, Hans-Werner Hector, Klaus Tschira și Hasso Plattner. Ce înseamnă SAP? Sisteme, Aplicații și Produse pentru procesarea de date.

Produsul software lansat de companie se numește tot SAP și este un produs software de tip ERP (Enterprise Resource Planning). Acesta furnizează o soluție integrată pentru a gestiona și automatiza procesele diverselor departamente ale unei companii: financiar, logistică (aprovizionare, gestiune, distribuție), producție, HR.

Toate aplicațiile SAP au la bază o arhitectură ce cuprinde trei layere:

Perioada 1972 - 1981

Arhitectura R/1

Primul produs comercial al companiei a fost lansat în anul 1973, pentru o companie germană din industria chimică, fiind implementată o soluție software ce automatiza procesele de salarizare și contabilitate ale companiei. Arhitectura sistemului era de tip R/1. R vine de la modul de procesare a datelor în timp real, iar 1semnifică faptul că toate cele trei layere erau instalate pe un singur sistem/server. Această configurație era suficientă atunci când volumul datelor ce trebuia prelucrat, era scăzut.

Această versiune rula pe servere IBM, folosind sistemul de operare DOS. Interfața grafică era rudimentară pentru standardele de astăzi.

Arhitectura R/2

În 1979, SAP lansează a doua versiune a produsului, SAP R/2. Aceasta vine cu câteva schimbări, atât la nivel de arhitectură, cât și la nivel de funcționalitate. Arhitectura R/2 este o arhitectura 2-tier, aceasta însemnând că cele trei layere erau instalate pe două sisteme/servere. Pe primul server era instalat presentation layer, iar pe al doilea server erau instalate application layer și database layer.

La nivel de funcționalitate, aceasta nouă versiune vine cu implementări noi pentru procesele de contabilitate (poate gestiona mai multe tipuri de valută), producție, logistică și HR, precum și mai multe limbi pentru afișarea interfeței cu utilizatorul.

Limitarea acestei arhitecuri de tip 2-tier era desigur, viteza de răspuns mică.

Figura 1: SAP R/2 - Interfaţa grafică

Perioada 1982-1991

SAP R/3 versiunea 1

În această perioadă SAP lansează o nouă versiune a produsului, SAP R/3 versiunea 1, cu o arhitectură 3-tier, de tip client/server (spre deosebire de cele două anterioare, care erau de tip mainframe). În această versiune, toate cele trei layere sunt instalate pe sisteme/servere diferite. Pe primul server era instalat presentation layer, pe al doilea server era instalat application layer, iar pe al treilea server era instalat database layer.

Figura 2: Arhitectura 3-tier

Această arhitectură are multe avantaje:

Permite mai mulți utilizatori simultan (cu timpi de execuție mai buni) decât arhitecturile anterioare.

Din punct de vedere grafic apare prima interfaţă "grafică" pentru software-ul SAP, în aspect OSF / Motif. Tabelele sunt create folosind tehnologia step-loop. Nu există elemente grafice precum group box, checkbox, radio button, table control, tab strip sau icons.

Figura 3: Interfaţa grafică SAP R/3 versiunea 1

R/3 versiunea 2

Odată cu această versiune apare și un nou GUI (Graphical User Interface) pentru Windows. Acesta este folosit pentru interacțiunea dintre utilizator și programul propriu-zis, fiind o componentă software instalată pe Presentation Server.

Pe monitor, SAP GUI afișează diverse screenuri ale unui dynpro (dynamic program), într-o fereastră GUI. Aceste screenuri sunt construite folosind elemente specifice pentru afișarea informației sau pentru a recepționa / gestiona acțiunile utilizatorului. Ecranele sunt construite folosind un tool specializat, Screen Painter, fiecare element având proprietăți definite static în Layout Editor. Aceste elemente și comportamentul lor poate fi modificat dinamic (cu unele limitări) în programele ABAP care le conțin.

Figura 4: Elemente specifice screenurilor Dynpro

Un dynpro constă în unul sau mai multe screenuri și în logica (codul) care se rulează înainte ca un ecran să fie afișat (blocurile de cod PBO - process before output) sau după ce o acțiune a utilizatorului este înregistrată în ecranul afișat (blocurile de cod PAI - process after input)

Figura 5: Interfaţa grafică SAP R/3 versiunea 2

Perioada 1992-2001 : R/3 versiunea 4.6

Utilizatorii pot accesa sistemul SAP în două moduri: folosind SAP GUI sau folosind un web browser. Ambele utilitare sunt instalate pe calculatorul utilizatorului și nu pe serverele din application layer sau database layer.

Interfaţa GUI primeşte un look nou cu un design nou al aplicaţiei, introducând screenuri cu zone multiple, ca o încercare de a scăpa de ecranele inițiale și de a reduce nevoia de modificări ale ecranului.

Figura 6: Interfaţa grafică SAP R/3 versiunea 4.6

Perioada 2002- 2018

Tehnologia Web Dynpro

Acesta este momentul în care se face trecerea de la ecranele dynpro clasice la tehnologia web dynpro.

Tehnologia Web Dynpro oferă interfeţe grafice mult mai plăcute pentru utilizatori. Ea este disponibilă atât pe

SAP NetWeaver Application Server Java, cât și pe SAP NetWeaver Application Server ABAP (începand cu SAP NetWeaver 7.0). Aplicațiile ABAP Web Dynpro sunt create folosind Web Dynpro Explorer din ABAP Workbench. Figura 7: Comparație între Dynpro clasice și Web Dynpro

Deoarece Web Dynpro pentru Application Server Java a înregistrat un succes comercial limitat, această tehnologie a fost trecută în mentenanță. Se va asigura astfel suport pentru acest produs software, însă nu vor mai fi dezvoltate funcționalități noi pentru el.

Arhitectura Web Dynpro se bazează pe design patternul MVC (Model View Controller), folosind o abordare de tip model driven development (maximizarea etapei de design și minimizarea etapei de dezvoltare software în procesul de creare de aplicații web dynpro). S-a dorit astfel o separare clară între interfața utilizator și funcționalitatea de back-end. Este important de precizat că programatorii au control deplin asupra codului generat în fiecare etapă a procesului de dezvoltare software.

Figura 8: Arhitectura MVC

Bazat pe tehnologia Web Dynpro ABAP, SAP dezvoltă frameworkul FPM (Floorplan Manager). Acesta conține elemente grafice predefinite (cum ar fi  floorplans, toolbars sau generic user interface building blocks), precum și funcții centrale predefinite (cum ar fi navigarea sau personalizările).

Un element floorplan, ca element grafic reprezintă un template ce conține o colecție de elemente UI aranjate într-o anumită ordine pentru a facilita activități specifice. Există așadar template-uri floorplan for guided activities, pentru procese care nu sunt foarte familiare utilizatorului, nefiind folosite foarte des. Astfel, procesul este divizat în pași mici, specifici, ajutând utilizatorul să îl parcurgă, minimizând astfel posibilitatea de eroare. Mai există template-uri floorplan for overview page, care prezintă o sinteză a diferitelor informații legate de un anumit proces într-un context de business specific.

GUIBBs (Generic User Interface Building Blocks) sunt elemente grafice generice care asigură o separare completă între interfața cu utilizatorul și logica de business. Interfața (modul în care datele sunt afișate) este definită la momentul creării aplicației prin alegerea elementului grafic, logica de business fiind conținută în feeder class.

Figura 9: Interfața Web Dynpro

Cum arată prezentul și viitorul?

Cum arată prezentul și viitorul în ce privește tehnologiile de UI oferite de SAP?

O sinteză ne oferă imaginea de mai jos, pusă la dispoziție chiar de compania SAP.

Figura 10: SAP User Experience

SAP UI5

Una dintre cele mai noi tehnologii UI lansate de SAP este SAPUI5, care este o colecție de librării ce pot fi folosite atât pentru dezvoltarea unor aplicații desktop, cât și pentru dezvoltarea unor aplicații mobile, ambele tipuri de aplicații rulând în browser. Controalele UI se adaptează automat capabilităților fiecărui dispozitiv. Pe scurt, UI5 este o tehnologie UI bazată pe JavaScript, CSS și HTML5. Și arhitectura SAP UI5 se bazează pe design patternul MVC (Model View Controller).

O scurtă comparație între tehnologiile Web Dynpro și UI5 arată în felul următor:

Figura 11: SAP UI5 vs Web Dynpro

SAP Fiori

SAP Fiori furnizează un set de aplicații web care pot fi folosite în scenarii de business diverse. Ele pot fi accesate pe sisteme desktop, sisteme mobile sau tablete. Aceste aplicații rulează pe un server SAP Fiori (sistemul front-end), accesând datele de business din sistemul SAP-ECC (sistemul back-end).

Există două tipuri de aplicații SAP Fiori: aplicații standard, dezvoltate de SAP pentru scenarii de business predefinite ale departamentelor de achiziții, vânzări, contabilitate, HR etc., respectiv aplicații customizate, care sunt aplicații complet noi, dezvoltate astfel încât ele să corespundă cerințelor de business specifice ale utilizatorilor. Indiferent de tipul lor, aceste aplicații sunt dezvoltate folosind tehnologia UI5 și servicii OData. Toată funcționalitatea, cu excepția operațiilor pe bază de date, rulează în browserul utilizatorului.

SAP Fiori Launchpad este locul de unde se pot lansa toate aplicațiile Fiori, fie ele standard sau custom. SFL gestionează aplicațiile în funcție de rolul UI asignat utilizatorului în tranzacția SAP PFCG.

Figura 12: SAP Fiori Launchpad

Prin diversitatea soluțiilor de UI oferite, SAP dovedește că dorește să îndeplinească cerințele unei experiențe moderne a utilizatorilor. Nu e de mirare că, pe lânga tema legată de mobilitate, interfețele grafice sunt în prezent o temă de interes major. În funcție de contextul propriu, fiecare companie trebuie să cântărească bine înainte de a alege o soluție UI sau alta. Întrebarea cea mai importantă la care trebuie găsit un răspuns este următoarea: aduce tehnologia aleasă, oricare ar fi ea, o valoare adăugată reală?

Surse

  1. https://help.sap.com/viewer/a7b390faab1140c087b8926571e942b7/7.4.19/en-US
  2. https://sapfioriui.com/
  3. https://nigeljames.files.wordpress.com/2008/07/wda_adobe.jpg
  4. http://sapignite.com/sap-revolutionary-journey-history-gui-version-latest
  5. https://www.sap.com/products/fiori.html 1.https://i.pinimg.com/originals/c8/c0/70/c8c07065454c301e360a6344b4bc6663.gif
  6. https://www.computerwoche.de/a/so-erhoeht-sap-die-user-experience,3092931](https://www.computerwoche.de/a/so-erhoeht-sap-die-user-experience,3092931)

Conferință TSM

NUMĂRUL 147 - Automotive

Sponsori

  • Accenture
  • BT Code Crafters
  • Accesa
  • Bosch
  • Betfair
  • MHP
  • BoatyardX
  • .msg systems
  • P3 group
  • Ing Hubs
  • Cognizant Softvision
  • Colors in projects