1. Intelliact AG
Siewerdtstrasse 8
CH-8050 Zürich
T. +41 (44) 315 67 40
mail@intelliact.ch
www.intelliact.ch
Eine Referenzarchitektur für das Digitale Produkt
Marco Egli, 24. Juni 2019
PLM OPEN HOURS
Einfacher Mehrwert aus Produktdaten

2. Gold für den Webshop Compona in der Kategorie Technology
Urteil der Jury: „Die Shoplösung besticht durch Schnelligkeit und Zweckmässigkeit. Im Vergleich zu
gängigen Realisierungen ab Stange ist die Umsetzung weitaus eleganter, was der Orchestrierung
bestehender Cloud-Services zu verdanken ist. Zudem glänzt sie mit sorgfältig gemachten Details wie
etwa der Filter- und Empfehlungsfunktion.
Das kluge und schlanke Design der Anwendung macht es möglich, dass die über 40‘000 Produkte für
die Kundschaft extrem schnell und einfach zugänglich sind.“
https://www.netzwoche.ch/news/2019-04-17/gold-fuer-webshop-compona-in-der-kategorie-technology
Silver für den Webshop Compona in der Kategorie DigitalCommerce
Bronce für den Webshop Compona in der Kategorie Innovation
Best of Swiss Web Awards 2019
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
3

3. Herausforderung
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
4
Market/UserneedsITBackend
PDM ERP XYZ
Media MAMContent CMS
Search Engine 3D Visualisation Analytics
Meistens sind die
Daten vorhanden,
jedoch oftmals nicht
in der für den
Benutzer benötigten
aufbereiteten Form.
Redundante Daten sind komplex
Redundante Funktionen sind überkomplex
https://www.compona.com/
IoT Asset

4. Das Skelett der Architektur
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Anwendungsbedürfnis der Benutzer, User Journey
Product Data Backbone
Market/UserneedsITBackend

5. „Der Sturm [Frontend, UX] gewinnt
Spiele, die Abwehr [Backend,
Architektur] Meisterschaften“
Jupp Heynkes

6. Eigenschaften zur Optimierung im Skelett
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Internal User Journey User Journey of Prospects, Customer and Partners
Product Data Backbone
Competitive Advantage, Rare, The Wonder of Thing, Different, Exciting, High Future Worth, …
Known, Accepted, Standard, Expected, High Volume, Operational Advantage, Operational Efficiency, …

7. Vom Monolithen zu Microservices zu Cloud Functions
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
8
https://www.youtube.com/watch?v=aBcG57Gw9k0
Adrian Cockcroft on the Evolution of Business Logic from Monoliths, to Microservices, to Functions

8. Vom Monolithen zu Microservices zu Microfrontends
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
9Angelehnt an: https://micro-frontends.org/
FrontendBackendPersistenz
App
Der Monolith
App-Frontend
App-Backend
Frontend und
Backend
App-Frontend
Authentication
Suche
Produkt-Visualisierung
MarketingContent
Produktkonfiguration
Frontend und
Microservices
App1Authentication
Suche
Produkt-Visualisierung
MarketingContent
Produktkonfiguration
Microfrontends
Microservices
App2
App3
App4
App5

9. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Spare Parts AR Service
Tool
Digital CommerceProduct CatalogProduct
Information
XYZERPPDM
Authentication
Pub/Sub Messaging
Analytics
Cloud Functions
CDN
PDM ERP XYZ
Translation
Search Engine 3D VisualisationAttributes,
Descriptions
ABC
Payment
Enterprise Applications
Applications and Services
IoT Asset IoT Asset
Big Data
UXUserExperience
Media MAMContent CMS
IAAS
SAAS
PAAS
SAAS
Services, API, Product Centric Developer Portal
App Components
Clients Use Case Driven Apps Business Case Driven Apps
Common Components
OPCUA
Access Control
Microservices
Configuration
RPC, SOAP, REST, GraphQL
DXDeveloperExperience
HTTPS, MQTTHTTPSHTTPS, FILE

10. «Change it, change it!»
William Shakespeare

11. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Spare Parts AR Service
Tool
Digital CommerceProduct CatalogProduct
Information
XYZERPPDM
UXUserExperience
Clients Use Case Driven Apps Business Case Driven Apps

12. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Authentication Analytics CDNTranslation
Search Engine 3D VisualisationAttributes,
Descriptions
Payment
Big Data
PAAS
SAAS
App Components
Common ComponentsAccess Control
Configuration
DXDeveloperExperience

13. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Pub/Sub MessagingCloud Functions
Services, API, Product Centric Developer Portal
Microservices
DXDeveloperExperience
HTTPS, MQTTHTTPSHTTPS, FILE
RPC, SOAP, REST, GraphQL

14. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
PDM ERP XYZ
ABC
Enterprise Applications
Applications and Services
IoT Asset IoT Asset
Media MAMContent CMS
IAAS
SAAS
OPCUA

15. Referenzarchitektur des «Digitalen Produktes»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Spare Parts AR Service
Tool
Digital CommerceProduct CatalogProduct
Information
XYZERPPDM
Authentication
Pub/Sub Messaging
Analytics
Cloud Functions
CDN
PDM ERP XYZ
Translation
Search Engine 3D VisualisationAttributes,
Descriptions
ABC
Payment
Enterprise Applications
Applications and Services
IoT Asset IoT Asset
Big Data
UXUserExperience
Media MAMContent CMS
IAAS
SAAS
PAAS
SAAS
Services, API, Product Centric Developer Portal
App Components
Clients Use Case Driven Apps Business Case Driven Apps
Common Components
OPCUA
Access Control
Microservices
Configuration
RPC, SOAP, REST, GraphQL
DXDeveloperExperience
HTTPS, MQTTHTTPSHTTPS, FILE

16. Referenzarchitektur im Beispiel «Webshop Compona»
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
Digital CommerceProduct Catalog
Chat CDN
ERP PIM
Translation
Search Engine Payment
Content CMS

17. Compona Application Architecture
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
ERP Abacus
Product Data Search
Algolia
Apache HTTP+PHP
Service Server (REST-API)
Cloud Services
Backend (Elstr-Server)
Enterprise IT
PIM OpusCapita
Browser / Web-App
HTML5, Javascript
Apache HTTP+PHP
App Server + Static Files
Apache HTTP+PHP
Kirby CMS
Image CDN
Imgix
Chat as a Service
Olark
Payment Solution
Datatrans
Prerenderer SEO
prerender.com
Frontend
Desktop / Mobile / App
Webservice / Custom Adapter
MySQL DB
(Transactional Data)
Translation Memory
localise.biz
Monitoring
Sentry

18. Vorgehen: Von der Zielsetzung zur Webapplikation
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
23
Konzeption
à Anforderungs-
definition
system-neutral system- und komponentenspezifisch
Evaluation
à System-/
Komponentendefinition
Implementierung
à Frontend + Backend
Ziel Definition
Systemdefinition
Evaluation der
Komponenten
Definition und
Spezifikation von
Schnittstellen
Spezifikation
Implementierung

19. Nehmen Sie Kontakt mit mir auf
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
24
Marco Egli
Senior Consultant
Dipl. Masch.-Ing. ETH
+41 44 315 67 43
egli@intelliact.ch

20. Melden Sie sich jetzt zur nächsten «PLM Open Hour» an
25
REFERENZARCHITEKTUR FÜR DAS DIGITALE PRODUKT
https://intelliact.ch/events/plm-open-hours

21. 26
Systemlandschaft optimieren Produktdaten durchgängig nutzen
Prozesse beschleunigen Digitalen Mehrwert schaffen
Digitales Produkt realisieren
www.intelliact.ch

22. Vielen Dank für Ihre Aufmerksamkeit