Business Technology Platform

Enkele jaren geleden maakte de introductie van SAP Icons & Samples ons leven al een pak gemakkelijker. Het is natuurlijk handig dat je alle icoontjes en enkele templates ter beschikking hebt om als basis te gebruiken, hoewel PowerPoint misschien nog niet de beste oplossing is.

Lees zeker de blog hierover: Be Visual! Use Official Icons and Samples for SAP Business Technology Platform Solution Diagrams | S…

De originele Wiki-pagina werd inmiddels al verwijderd en je kan enkel nog templates en iconen downloaden via rechtstreekse links in de comments. Spijtig genoeg dateert de laatste update van SAP BTP Icons alweer van maart 2021. 

Enkele weken geleden, zag ik dat enkele nieuwe blogs dezelfde, oude iconen voor draw.io gebruikten, een goed alternatief in vergelijking met PowerPoint-templates. 

• Creating SAP BTP solution diagrams with Draw.io (Diagrams.net) | SAP Blogs (door Mauricio Lauffer)
• Creating architecture diagrams with code | SAP Blogs (door Antonio Maradiaga)

Opmerking: De oorspronkelijke oplossing die Mauricio vermeldde in zijn blog bevat wél geüpdatete iconen, die ik niet opgemerkt had toen ik deze blog schreef en deze oplossing ontwikkelde. (Lees de opmerking van Mauricio  hieronder.)

Dit zette me aan het denken: hoe kan ik zeker zijn dat ik de laatste BTP-iconen heb voor mijn oplossings- en architectuurdiagrammen? Ik noteerde alvast enkele zaken die me sowieso nodig leken in mijn oplossingsdiagrammen:

1.  De laatste versie van de BPT-service op dit moment
2.  De laatste versie van de BPT-service voorzien van een cirkel (zoals je in de vorige bibliotheken zag)
3.  Generieke SAP-iconen (zoals inbegrepen in SAP Fiori)

Meet de BTP Diagram Icon Generator

De BTP Diagram Icon Generator is een Yeoman-generator die:

• de laatste BTP-service-iconen downloadt uit het SAP Discovery Center
• een versie creëert van het service-icoon voorzien van een cirkel
• de UI5 Web Components gebruikt om de Fiori-iconen eruit te halen

Iconen worden gegenereerd in twee formaten. Enerzijds is er een bestands gebaseerd formaat in een documentenstructuur zodat ze in elke ontwerptool voor diagrammen gebruikt kunnen worden. Anderzijds worden ze gegenereerd als een draw.io/diagrams.net-bibliotheek die makkelijk geïmporteerd kan worden.

Je kan iconen organiseren per categorie zoals gedefinieerd in het SAP Discovery Center of per soort.

Gegenereerde draw.io/diagrams.net-bibliotheek

De BTP Diagram Icon Generator gebruiken

Om je eigen BTP diagram-iconen te genereren, moet je Nodejs, de Yeoman generator en de BTP Diagram Icon Generator installeren.

Download en installeer eerst Nodejs voor je OS.

Na de installatie van Nodejs, open je een terminal/commandoregel en voer je het volgende uit:

npm install -g yo generator-btp-diagram-icons

Nu ben je klaar om de generator te gebruiken! In de terminal/commandoregel ga je naar de map waar je de iconen wil genereren en voer je het volgende commando uit:

yo btp-diagram-icons

BTP Diagram Icons Generator

Wanneer de generator klaar is, zal je in de map een reeks mappen zien met iconen en bibliotheken gebaseerd op de keuzes gemaakt in de generator.

BTP Diagram Icons Generator – Mappenstructuur

• btp: BTP service-icoonbestanden (standaard en omcirkeld)
• iconen: SAP Fiori-icoonbestanden
• bibliotheken: draw.io/diagrams.net libraries

Klaar voor gebruik!

Je beschikt nu over de meest recente iconen voor je BTP-oplossingsdiagrammen. Wanneer een nieuwe service gelanceerd wordt, moet je gewoon even de generator opnieuw laten draaien en het nieuwe service-icoon wordt automatisch toegevoegd.

Veel plezier met deze nieuwe opensourceoplossing voor je diagrammen!

Werk ook met BTP Diagram Icons