SAP Fiori App uitbreiden? Gebruik Web IDE

Iedereen kent ze inmiddels wel, de standaard SAP Fiori apps. Gratis apps van SAP waarmee processen, zoals facturatie, inkoop en hr self-service, eenvoudig mobiel worden aangeboden. In de praktijk zien wij dat klanten toch vaak net iets anders willen. Dan kom je uit op maatwerk SAPUI5 apps, maar nu is er iets nieuws! Met SAP Web IDE, SAP’s nieuwe ontwikkelomgeving, kunnen standaard Fiori apps eenvoudig worden aangepast of uitgebreid. Met de juiste aanpak voorkom je zelfs problemen na updates.

In mijn blog “SAP Web IDE: de verbinder tussen business en IT” heb ik uitgelegd wat de SAP Web IDE kan en waarom je deze oplossing wil gebruiken. In deze blog leg ik uit hoe de SAP Web IDE gebruikt kan worden om de door SAP geleverde Fiori apps aan te passen naar uw wensen.

Op welke manieren kun je SAP Fiori apps uitbreiden?
De SAP Fiori apps zijn gebaseerd op de standaard SAP functionaliteit. Vaak voldoen deze SAP Fiori apps voor 95% en is er voor de overige 5% maatwerk gemaakt/gewenst?. Stel je hebt een fiori app maar die voldoet niet helemaal aan je wensen. Dan zijn dit je opties:

1. Een kopie maken van de Fiori App en deze aanpassen. Het nadeel is allefen dat toekomstige aanpassingen niet eenvoudig in de aangepaste app kunnen worden toegevoegd.

2. Zelf een app bouwen in SAPUI5. Dit is tijdrovend en de meeste SAP klanten proberen hun omgeving zo standaard mogelijk te houden. Waarom zou je zelf een app schrijven als er een standaard SAP app is die bijna voldoet?

3. Je kijkt of de benodigde extension points beschikbaar zijn voor jouw Fiori app. Bekijk hier de beschikbare extension points. Iedere app heeft een pagina waar de extension points besproken worden, je selecteert daarvoor de betreffende app en vind de info onder “App extensibility”.Extension points zijn speciale plekken in de standaard Fiori apps waar klanten eigen specifieke functionaliteit kunnen toevoegen aan de app. Extension points blijven stabiel wanneer er een update voor je Fiori app komt. Als deze extension points voldoen aan je behoefte kun je de Fiori app hiermee uitbreiden. De SAP Web IDE bevat verschillende hulpmiddelen om deze uitbreidingen eenvoudig te doen.

Wat zijn de mogelijkheden van extension points?
Het is mogelijk om een view en controller aan te passen. Hiervoor zijn verschillende extension points toegevoegd in de Fiori apps. Daar kun je extra functionaliteit aanpassen of bijvoorbeeld een veld verbergen of extra informatie toevoegen. Mocht de standaard OData service niet genoeg informatie bevatten om te tonen dan kan deze vervangen worden door een custom service. Hiermee is het mogelijk om andere data te tonen in je app dan beschikbaar was in de standaard Fiori OData service.

Hoe eenvoudig is het customizen van apps met extension points?
Via de Cloud Connector kan een Fiori applicatie als “Extension” project geladen worden in de Web IDE. Met Cloud Connector kun je vanuit het HANA Cloud Platform (HCP) een connectie maken naar je SAP ABAP systeem. Er is een speciale “Extensibility pane” in de Web IDE waarin je kunt zien welke onderdelen je precies uit kunt breiden.

SAP_Fiori_uitbreiden_SAP_Web_IDE1

 

Wanneer de aanpassing klaar is kan het nieuwe project op de on premise ABAP stack teruggezet worden maar het is ook mogelijk om deze te deployen op het HANA Cloud Platform.

Conclusie
Wanneer de behoeft bestaat om SAPUI5 te gebruiken loont het om eerst te kijken of er een Fiori app bestaat die (voor een groot gedeelte) voldoet aan de requirements. De Fiori apps laten zich eenvoudig aanpassen naar uw wensen. De SAP Web IDE maakt dit nog eenvoudiger door de extra toolset.

SAP Web Dispatcher IP restriction

For a client I was investigating how to apply ip restriction to web services on Netweaver. I found out that ip filtering on webservice level ( in code ) was not an option so I investigated ip restriction on the Web dispatcher. This will only work if the NetWeaver AS Java is only connected to through the web dispatcher.

The following configuration has to be done on the webdispatcher to enable ip restriction:

1. Add the following line to your web dispatcher profile:
icm/HTTP/auth_0 = PREFIX=/,PERMFILE=permissions.txt

2. Create a permissions.txt file with the following format:
#P/D/S <URI pattern$gt; <USER> <GROUP> <CLIENT IP> <SERVER IP>

EXAMPLE
P /irj/* * * * *
P /webdynpro/* * * * *
P /wsnavigator/* * * * *
P /RestictedWebService/* * * 172.20.161.61 *
P /sap/wdisp/admin/* * * * 127.0.0.1
D /* * * * *

Using AWStats with the SAP Web Dispatcher

It is very easy to get statistical data from the WebDispather log files. For this example I use AWStats which gives you some basic information about the usage of your portal.

The following steps have to be performed to be able to use AWStats from the WebDispatcher administration console:

1. configure logging in webdispatcher, add the following line to your configuration:

icm/HTTP/logging_0 = PREFIX=/, LOGFILE=access_%y-%m%-%d.log, SWITCHTF=day, LOGFORMAT=%h %l %u %t “%r” %s %b “%{referer}i” “%{user-agent}i”

2. download and install perl

3. download and configure awstats:
LogFile=”C:/SAP/webdispatcher/access_%YYYY-%MM%DD.log”
LogFormat = “%host %other %logname %time1 %methodurl %code %bytesd %refererquot %uaquot”
DirIcons=”/sap/wdisp/admin/icon”

4. copy files to webdispatcher admin area (C:\SAP\webdispatcher\admin\awstats)
awstats.pl
awstats..conf
awstats_buildstaticpages.pl
lang folder
lib folder
plugins folder

5. copy icon folder to C:\SAP\webdispatcher\admin

6. create update script for static pages:
perl awstats.pl -config= -update
perl awstats_buildstaticpages.pl -config=

7. update nav.icp for navigation integration

<!–Added awstats functionality –>
<tr>
<td valign=”top”>
<table cellspacing=”0″ cellpadding=”0″ border=”0″>
<tr>
<td>
<img src=”images/1×1.gif” width=”0″ height=”1″ border=”0″>
</td>
<td nowrap>
<img src=”images/treeview/expander_open.gif” width=”16″ height=”11″ border=”0″>
</td>
<td nowrap width=”100%”>
<span nowrap class=”sapTreNoDsbl” style=”cursor:default;”>Statistics</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign=”top” class=”sapTreNl2″>
<table cellspacing=”0″ cellpadding=”0″ border=”0″>
<tr>
<td>
<img src=”images/1×1.gif” width=”16″ height=”1″ border=”0″>
</td>
<td nowrap>
<img src=”images/treeview/treeleaf.gif” width=”16″ height=”16″ border=”0″>
</td>
<td nowrap width=”100%”>
<span nowrap class=”sapTreNoDsbl” style=”cursor:default;”>
<a href=”awstats/awstats.<configname>.html” target=”main” class=”sapLnk”>AWStats</a>
</span>
</td>
</tr>
</table>
</td>
</tr>
<!–End of added awstats functionality –>

8. When everything is working correctly, the update script created in step 6 can be scheduled to run frequently and your AWStats data can be selected from the Webdispatcher administration console navigation tree.

SAP Web IDE: de verbinder tussen business en IT?

SAP Web IDE is de nieuwe ontwikkelomgeving van SAP om SAPUI5 applicaties, geschikt voor laptop, tablet en smartphone, te maken. Wat kun je allemaal verwachten in deze omgeving? Hoe kan deze omgeving business en IT dichter bij elkaar brengen? Dat lees je in deze blog.

Van WebDynpro en Eclipse naar SAP Web IDE

Al jaren zijn we binnen SAP land gewend om met “What You See Is What You Get” (WYSIWYG) applicaties te maken met WebDynpro. Met de komst van SAPUI5 was het voor velen een domper om te zien dat hiervoor in Eclipse alleen een tekst editor was en geen WYSIWYG editor. We zagen dat SAP het gebruik van SAP UI5 steeds meer promootte als hét hulpmiddel om mooie en consistente UI’s te maken voor SAP en dat er wat losse tools kwamen om sneller applicaties te maken zoals de AppBuilder. Nu is het moment daar dat er een WYSIWYG editor voor SAPUI5 is die ook nog eens web-based is: SAP Web IDE.

De SAP Web IDE stelt ons in staat om het proces van prototyping, ontwikkeling, testen en deployment veel simpeler en sneller te kunnen doen. Het is de door SAP aanbevolen manier om SAPUI5 applicaties te bouwen.

SAP_Web_IDE_blog1

Hoe brengt de SAP Web IDE business en IT dichter bij elkaar?

Een van onze klanten is sinds anderhalf jaar bezig om web applicaties te maken met SAPUI5. De meest gestelde vragen tijdens de ontwikkeling van applicaties waren of er geen tools waren om het ontwikkel proces te versimpelen en vooral sneller te maken en of er geen eenvoudige manier was om in SAPUI5 responsive schermen te maken. Niet alleen deze problemen kunnen we oplossen met de SAP Web IDE maar ook de volgende, voor de klant zeer relevante onderwerpen:

  • WYSIWYG: met de “What You See Is What You Get” xml view editor kunnen SAPUI5 UI elementen door middel van drag & drop op een scherm gezet worden op de juiste positie. Dit maakt het eenvoudiger om schermen te bouwen.
  • Prototyping met gebruikers: omdat het bouwen van schermen zoveel gemakkelijker gaat kan dit binnen het prototyping proces samen met de gebruikers gedaan worden zodat de ontwikkel cyclus verkort wordt.
  • Eenvoudig testen op verschillende schermformaten: De gemaakte applicatie kan eenvoudig, in de Web IDE, getest worden op verschillende schermformaten. Testen voor een smartphone, tablet of een desktop wordt zo wel heel eenvoudig.
  • Huidige projecten verder ontwikkelen in Web IDE: Omdat mijn klant al anderhalf jaar bezig was met SAPUI5 ontwikkelingen is het natuurlijk erg belangrijk dat de huidige applicaties geïmporteerd kunnen worden zodat er uiteindelijk één omgeving is waar alle SAPUI5 ontwikkelingen plaatsvinden. Een snelle test hiervan toonde aan dat dit zonder enkel probleem kan.
  • Verbeterde samenwerking tussen ontwikkelaars: Omdat de Web IDE, de naam zegt het al, web-based is heb je geen installatie nodig van een ontwikkelomgeving. Iedereen werkt op dezelfde omgeving wat de consistentie ten goede komt omdat iedereen te allen tijde dezelfde versie van de toolset gebruikt.

SAP_Web_IDE_blog2

Wanneer kun je gebruik maken van de SAP Web IDE?

Er zijn verschillende manieren waarop gebruik gemaakt kan worden van de SAP Web IDE. Twee daarvan zijn cloud gebaseerde oplossingen en er is een “on premise” oplossing voor bedrijven die niet via de cloud willen werken.

  • De eerste oplossing is om gebruik te maken van het HANA Cloud Platform. Het HANA Cloud Platform bevat de Web IDE waarmee eenvoudig applicaties gebouwd kunnen worden. Wel moet er voor “on premise” systemen een connectie gemaakt worden via de cloud connector.
  • Voor bedrijven die geen gebruik maken van het HANA Cloud Platform is er ook een mogelijkheid om alleen de SAP Web IDE af te nemen in de cloud. Hierbij geldt nog steeds dat de connectie met “on premise” systemen via de cloud connector gemaakt moet worden.
  • Als derde optie is er binnenkort de mogelijkheid om de SAP Web IDE te gebruiken op het HANA XS platform dat “on premise” staat. Met SP09 van HANA, die eind dit jaar verwacht wordt, zal het mogelijk zijn om de SAP Web IDE binnen de bedrijfsmuren te gebruiken.

Wat kunnen we nog verwachten?

In de toekomst zal er ook integratie met SAP Mobile Platform (SMP) mogelijk worden via de Kapsel API’s en komt er een mogelijkheid om naast HANA XS en SAP Gateway services ook gebruik te maken van de Integration Gateway zoals deze in SMP gebruikt wordt. Ook het bouwen en deployen van apps op SMP zal dan mogelijk worden. Door de SMP integratie wordt het dan heel eenvoudig om SAPUI5 applicaties te maken en deze als app op mobiele devices te gebruiken.

Conclusie

Al met al veel goed nieuws op SAP UX gebied. Het maken van user interfaces voor SAP was nog nooit zo eenvoudig als met de SAP Web IDE. Het vereenvoudigt het ontwikkelproces enorm en het is eindelijk mogelijk om gebruikers te betrekken tijdens het prototypen. Er is een betere integratie met SAP Fiori omdat uitbreidingen op Fiori heel eenvoudig gedaan kunnen worden in de SAP Web IDE. In de toekomst worden deze voordelen nog aangevuld met de mogelijkheid deze applicaties via SAP Mobile Platform te ontsluiten.

Volvo V40 carkit problemen na upgrade naar IOS 8 opgelost!

Nadat ik mijn iphone 5s heb geupgrade naar IOS 8 kon ik niet meer bellen via de carkit in mijn volvo V40. Wanneer ik een bluetooth connectie maakte gaf de carkit aan dat ik aan het bellen was terwijl dat niet zo was. Ik kon niet meer ophangen en ook geen muziek meer draaien.

Na wat speurwerk op internet en een aantal oplossingen geprobeerd te hebben kwam ik bij de volgende oplossing die voor mij werkte:

1) Log out of icloud on the iPhone – SETTINGS, ICLOUD, SIGN OUT (AT BOTTOM)
2) Delete car/headset from iphone – SETTINGS, BLUETOOTH, SELECT DEVICE, FORGET THIS DEVICE
3) Reset network connections – SETTINGS, GENERAL, RESET, RESET NETWORK SETTINGS
4) Delete iphone from car memory
5) Restart phone
6) Pair to car/headset as normal
7) Log back into icloud to use icloud features

Geleend van: http://forum.iculture.nl/f28/iphone/f32/iphone-algemeen/158344-bluetooth-problemen-ios8.html#post975342

SAP User Experience Event 2014

Last year me and some colleague’s organized a SAP User Experience Event. This was a great success and the room we reserved in the PSV stadium was filled pretty quickly. Because we had to let some people down we decided to do another event in January. This event was a great success too. Our colleague’s from the UK asked us to create an online version of the event to show their customers and of-course we agreed. As the host I did the introduction of the day and Twan told some interesting stuff about User Centered Design and Delivery (more to be found here)

This part of the event can already be seen here:

Hopefully the rest of the presentations will follow soon!