Skip to main content

Bouw een applicatie in 10 minuten ...

Vorige week tijdens de "E-SOA, what's in it for me" meeting, heb ik binnen 10 minuten een applicatie gebouwd. De bedoeling was om een maatwerk BAPI, een SAP BAPI en een webservice aan elkaar te knopen in een composite application. Als tool heb ik hiervoor de Visual Composer gebruikt. Bijgaand een verslag in plaatjes.

Start de Visual Composer in de portal. Op zich al heel bijzonder, de tool om een applicatie te ontwikkelen draait in een portal in een webbrowser:













Maak een eigen model:







De snelste variant is om meteen een iView applicatie te maken, en daarbinnen de services te plaatsen.
Selecteer het betreffende systeem, in dit geval ons IDES systeem:



















Zoek een gewenste service op, in dit voorbeeld een BAPI en sleep deze op het werkblad.
Verbind een Input Form aan de input poort en een Output Table aan de output poort en de eerste belangrijke stappen zijn gezet:











Op de achtergrond genereert de Visual Composer de (Java) code die tijdens de runtime de service / BAPI zal aanroepen. Ook de layout wordt voor je gegenereerd. Het mag duidelijk zijn dat dit in principe een Web Dynpro layout is. Als extraatje van de VC, mag je bij het deployen ook kiezen voor Adobe Flex layout. Dat ziet er net wat vet cooler uit, zo zou mijn zoontje van 7 het omschrijven.

Tijd voor de volgende stap, een tweede BAPI die de detailgegevens van de klant gaat ophalen. Ook deze plaats je op het werkblad en vervolgens verbind je de output van de eerste service met de input poort van de tweede service. Bij deze verbinding configureer je de doorgifte van variabelen:











Zo geef je aan dat CUSTOMERNO exact hetzelfde is als CUSTOMER.

Dan de webservice. Op Webservicex.net een leuke service gevonden die de weersvoorspelling van een plaats in de USA geeft. Binnen de VC maak je een webservice systeem aan met daarin een link naar de WSDL definitie. Op dat moment zijn de aangeboden services binnen de VC te gebruiken. Ook deze plaats je op het werkblad en je verbindt de output van de eerste service met de input van de weatherforecast-service. Ook hierbij dienen de variabelen aan elkaar gebonden te worden. Uiteindelijk levert dat het volgende beeld van de totale applicatie op:













De gegenereerde layout kun je nog naar eigen smaak en wens aanpassen:

























Daarna is het tijd om de applicatie naar de portal de deployen:




Na een succesmelding, kun je je eigen applicatie runnen en testen:





















En jawel, als je de tweede BAPI niet vergeet (!), dan werkt je composite application nog ook. En dat binnen 10 minuten. Als je klant daar niet blij van wordt ....

Comments

Popular posts from this blog

SAP Fiori and SAP Screen Personas finally free for SAP customers

This week the SAPPHIRENOW event takes place in Orlando, a yearly event where SAP announces its strategy and new products. On Tuesday Bill McDermott, the CEO from SAP, did some major announcements . All with regard to making SAP simpler. In this blog I will describe the license changes for SAP Fiori and SAP Screen Personas. These new UI innovations are now part of SAP’s maintenance fee. SAPPHIRENOW keynote

Thank you @CiberNL and hello @TheNextView

Another strange moment in my professional life, I will leave Ciber to join The Next View  March 1st. Time to have a short retrospective . Team picture at outing 2010 First of all I am proud , proud on our SAP NetWeaver team: Alice, Arnaut, Bernard, Dave, Dennis, Frank, Guido, Harrie, Iemke, Igor, Jeroen, Juan-Jose, Laurens, Leo, Marc, Michael, Ravi, Roel, Ronan, Sanket, Steven, Ted, Tim, Wim and Vladimir. 

What about virtual / augmented reality and UI5?

This years #UI5Top5 does not include AR/VR apps. What do you think? When will we meet AR/VR in a business context? Do you want a UI5 Top 5 in 2019 or do we focus on Immersive Experience (Augmented, Virtual, Mixed and Assisted Reality) in stead?