UI5 NewsCast

The time is right for Web Components! That’s how Peter Muessig ended our episode about Web Components two years ago. Now the question is: Is the UI5 framework ready for Web Components? Christoph Haffner chats with Peter Muessig about the expectations that he put on Web Components, the obstacles the team had to overcome to publish the first release of the UI5 Web Components and how Web Components will find their way into the UI5 framework. Tune in for a deep dive into Web Components, the UI5 Web Components, and of course the UI5 framework!

Links:

Getting Started with UI5 Web Components:

• UI5 Web Components Documentation
• UI5 Web Components React Sample
• UI5 Web Components Svelte Sample
• UI5 Web Components Vue Sample
• UI5 Web Components Angular Sample
• UI5 Web Components Video Playlist
• Tutorial: Build a Single Page Application Using UI5 Web Componens for React

Related Blog Posts:

• (UI5) Web Components Enablement for OpenUI5/SAPUI5
• UI5 Framework and UI5 Web Components
• Lift-off: UI5 Web Components 1.0.0 Launched

Related UI5 NewsCast Episodes

• UI5 NewsCast 008 Web Components – with Peter Muessig

Further Resources

• UI5 Web Components for React

In this episode, Christoph Haffner meets with Andreas Kunz, lead architect and co-founder of the UI5 project, to take you on a journey of discovery through the history of UI5. They talk about how it all started, which demands the framework has to fulfil and why open source is a matter of course for the UI5 team. Andreas tells the inside story with lots of little anecdotes on the history of UI5. He will explain the basic features of UI5 as well as differences and dependencies between SAPUI5, OpenUI5, SAP Fiori, SAP Fiori elements, and UI5 Web Components.

This episode is a new edition of the very first UI5 NewsCast episode, which was at that time still in German. This new edition is in English and also covers some topics. So give it a listen and tune in for a deep dive into key insights, best practices, community, and more!

Links:

Getting started with SAPUI5:

• SAPUI5 Walkthrough Tutorial
• openSAP Courses: Developing Web Apps with SAPUI5

Related UI5 NewsCast Episodes

• UI5 NewsCast 001 Februar 2018 (German) – with Andreas Kunz
• UI5 NewsCast 009 SAP Fiori Overview – with Kai Richter
• UI5 NewsCast 008 Web Components – with Peter Muessig
• UI5 NewsCast 017 SAP Fiori Elements – with Katja Zoch and Sebastian Steinhauer
• UI5 NewsCast 021 SAPUI5 Flexibility – All You Need to Know – with Christian Voshage and Dominik Konle

Related Blog Posts

• A Brief History of OpenUI5 (and SAPUI5) by Andreas Kunz
• What is OpenUI5 / SAPUI5 by Andreas Kunz
• UI5 Framework and UI5 Web Components by Peter Muessig

Further Resources

• SAP Fiori Design Guidelines
• UI5ers live recordings
• OpenUI5 Event Page
• UI5con Homepage

SAP Fiori elements is a low–code platform on top of SAPUI5 that helps you to quickly build enterprise-grade web apps. Hear the stories and insights from Stefan Engelhardt and Klaus Keller, both chief architects for SAP Fiori elements, how it all began. Let them explain you about the use cases and strengths of SAP Fiori elements and learn about UI annotations, the difference between back-end and local annotations, when to choose which and much more.

Links:

Documenation:

• Developing Apps with SAP Fiori Elements
• SAP Fiori Design Guidelines: SAP Fiori Elements

Learning Material:

• openSAP course: Developing and Extending SAP Fiori Elements Apps
• YouTube: Getting Started with SAP Fiori Elements
• YouTube: Using SAP Fiori Elements

Related UI5 NewsCast Episodes

• UI5 NewsCast 017 SAP Fiori Elements – with Katja Zoch and Sebastian Steinhauer
• UI5 NewsCast 009 SAP Fiori Overview – with Kai Richter

Further Resources

• SAP Community: SAP Fiori Elements Topic Page

Business applications are subject to constant change and adjustment, be it altered requirements or various user groups define different working methods. Such adjustments can be time-consuming and cost-intensive. To counter this, UI5 includes a comprehensive concept that allows user groups to shape the UI of a UI5 application without touching the source code. Tune in to hear all about SAPUI5 flexibility, the story of how it came into being, the use cases it is aimed, and much more.

Links:

Documentation:

SAPUI5 Flexibility – All You Need to Know

Blog Posts:

SAPUI5 Flexibility – The Journey Continues

Adaptation Project – your one stop tool for extending SAPUI5 Applications

UI5 flexibility for key users – Always at your service

Videos:

SAPUI5 Flexibility – Key User Adaptation

UI5 Flexibility for Key Users

Is Your SAPUI5 App Ready for UI Adaptation at Runtime?

SAPUI5 smart controls are a special category of controls that help to boost application development and are part of the SAP Fiori elements offering. One specific feature of the smart controls is that they can interpret the OData protocol and adapt according to the protocol’s annotations. In order to hear more about the motivation for providing such a library for SAPUI5, their relation to SAP Fiori elements, and how they can be used, Christoph Haffner talks with Dirk Becker, Area Product Owner of the smart controls, and Thomas Houghton-Larsen, Area Architect for the Smart Controls, both with many years of experience in UI technologies.

Links:

Documentation: Smart Control Library for OData V2

Tutorial: Smart Controls

Blog Posts:

Smart Controls – A journey through history to create a perspective on future innovations
Further blog post related to Smart Controls

Related UI5 NewsCast Episodes:

Episode 017 SAP Fiori Elements

In this episode, Christoph Haffner meets Anila Elizabeth Chandy, Diana Shtilianova, and Marcos Gavilan de Paz, all three of them Quality Experts working for UI5. They help us understand the importance of quality management as well as its processes and challenges and talk about their activities to ensure a high quality for the delivery of new UI5 features and bug fixes. While they explain the stages of quality control and tasks involved, they focus on what you need to know to ensure quality for your own UI5 apps.

Links:

SAPUI5 Demo Kit: https://ui5.sap.com/

Volker Buzek and Peter Muessig are on a joint mission again: To create a platform for the UI5 developers inside and outside of SAP to collaborate on various topics. This idea was the result of a small hackathon that Volker and Peter did with other like-minded developers to create a template for UI5 library development. Well, actually, it all began much earlier when Volker and Peter met the first time. Tune in and listen to their story in its entirely!

Links:

Further Information:

• GitHub Organization: UI5 Community
• Blog Post: UI5 Tooling: A modern development experience for ui5
• Blog Post: Kickstart your UI5 library development with the UI5 Library Generator
• Blog Post: Distribute and reuse ui5 custom controls via npm
• Blog Post: UI5 ecosystem showcase moved to UI5 community
• Blog Post: Latest developments in and around ui5

Related UI5 NewsCast Episodes

• Episode 012 Tooling
• Episode 013 Contributing to OpenUI5 and the Community
• Episode 016 Easy-UI5 Generator

Contact Information:

Volker Buzek

• Twitter: @vobu
• GitHub: @vobu

Peter Muessig

• Twitter: @pmuessig
• GitHub: @petermuessig

In this episode, we’re joined by Katja Zoch and Sebastian Steinhauer, Chief Product Owners for SAP Fiori elements. This is a great opportunity for you to learn more about this framework, which is built on top of SAPUI5. We discuss the relationship between SAP Fiori elements, SAP Fiori, and the SAP Fiori design guidelines, and we learn which floorplans are supported by their templates. In addition, they show us how you can build SAP Fiori-compliant web apps with SAP Fiori elements quickly and effectively.

Katja and Sebastian also share some customer insights and best practices on how to use the framework to the max. Tune in to learn more!

Links:

SAP Fiori Design Guidelines for SAP Fiori Elements: https://experience.sap.com/fiori-design-web/smart-templates/

Getting Started with SAP Fiori Elements: https://www.youtube.com/watch?v=tzOybCR4dw8&list=PLo17W6sWsxWP4RMYXd7l824ss5KriAbwm

SAP Fiori Elements on the SAP UX Engineering YouTube channel: https://www.youtube.com/channel/UC4FRdP-pm8mwIRbqOQwnPJQ

Tutorial: Set Up and Generate a New SAP Fiori App Project: https://developers.sap.com/tutorials/fiori-tools-generate-project.html

SAP Fiori Elements Documentation on SAP Help Portal: https://help.sap.com/viewer/468a97775123488ab3345a0c48cadd8f/202009.001/en-US/03265b0408e2432c9571d6b3feb6b1fd.html

SAP Fiori Elements Documentation in the SAPUI5 Demo Kit: https://ui5.sap.com/#/topic/03265b0408e2432c9571d6b3feb6b1fd

SAP Fiori Elements on SAP Community: https://community.sap.com/topics/fiori-elements

UI5 NewsCast 009 – SAP Fiori Overview with Kai Richter: https://podcast.opensap.info/ui5-newscast/2019/03/12/ui5-newscast-009-sap-fiori/

Katja Zoch on LinkedIn: https://www.linkedin.com/in/katjazoch/

Sebastian Steinhauer on LinkedIn: https://www.linkedin.com/in/steinhauer/

Marius Obert started his career as working student at SAP, went to an internship to Palo Alto where he got in contact with UI5 development the first time. After returning to Germany, Marius joined a new position as a developer advocate and is doing this until today with passion. He is focusing on UI development and closely working with different product teams acting as a front runner to try out latest features. Beginning with his role as developer advocate, he conceived of the idea for a simple tool to scaffold new UI5 projects with ease. Tune in to find out how this idea became reality. Learn about how the Easy UI5 Generator works and get some tips from Marius how to make best use of it for your projects.

Links:

Blog: Introducing the easy-ui5 generator: https://blogs.sap.com/2019/02/05/introducing-the-easy-ui5-generator/

Easy UI5 Generator on Github: https://github.com/SAP/generator-easy-ui5

Easy UI5 Generator on NPM: https://www.npmjs.com/package/generator-easy-ui5

Yeoman: https://yeoman.io/generators/

SAP Developer Center: https://developers.sap.com/

In this episode, Stefan Beck and Peter Muessig have taken the time to review the highs and lows and twists and turns of 2020 for them personally and the UI5 framework.

A lot happened in the UI5 universe in 2020! Listen to Stefan Beck – Chief Product Owner – and Peter Muessig – Chief Architect – wrapping up all the important news and activities around UI5 in 2020. Speaking to Christoph Haffner, they discussed major innovations in the UI5 framework, rendering, the smart controls stack, tooling, and UI5 flexibility. They also thanked the UI5 community for the great collaboration during the year, a special thank went to the SAP Mentors for giving extensive feedback on further planned UI5 Evolution topics.
Finally we still had some time to outline some features the community can look forward to in 2021. Tune in to learn more!

Links

Performance
SupportedLocales / fallbackLocale configuration to avoid 404s (Link)
Terminologies in UI5 (Link)
Performance checklist for UI5 (Link)
Async loading in UI5 (Link)
Semantic Rendering and CSS Variables (Link)
Component Routing – Routing with Nested Components (Link)

Tooling 2.0 (Link)

Testing: Yeoman Generator for OPA5 and UIVeri5 test set-up (as sub-generators to Easy-UI5)

Support for “Rückholapp” in 24h – New sample app featuring CAP + OData V4 + draft mode (Link)