This session has been presented as a 20 minute mini lecture at UI5con@SAP in Rot on 30th of June 2017 by Michael Graf (SAP) and Emanuele Ricci (Techedge): UI5 makes creation of custom controls and extensions of the framework very easy. With project "UI5Lab" - a community-driven initiative started in April - we created a concept for a public place to share, contribute, and consume these artifacts in your application projects. UI5Lab is an exceptional project where UI5 developers and the Community collaborate interactively on Slack, Trello, and GitHub to discuss best practices and drive the topic. We are jointly working on the project's mission and are actively looking for contributors in all areas of the project. More Information: https://github.com/UI5Lab/

1. Michael Graf (SAP), Emanuele Ricci (Techedge)
June 30, 2017
Collaborators Wanted
for UI5Lab
A Custom UI5 Repository

2. What is UI5Lab?

3. QRCode
Generator
Templates
Thirdparty
adapters
Helper
Classes
…
Tools
ReduxModel
UI5 is easy to extend +
UI5 Community is quite active
= Lots of community projects

4. I want to share
my controls and
collaborate
I want to
develop best of
breed apps
How can we create a place
where custom UI5 assets
can be shared and discovered?

5. Open
Collaboration
Community-
Driven
Easy to
Contribute
UI5Lab
A place to jointly work on a community-driven
Custom UI5 repository

6. How Does it Work?

7. Demo
@stermi shows his
QRCode library for UI5Lab
https://medium.com/@stermi/custom-control-101-...

8. Demo
@michadelic shows us how to use
@stermi‘s controls in an app project
https://github.com/michadelic/ui5lab-ui5con-demo

9. 9
UI5Lab
Browser
UI5Lab
Central
Browser
RETRIEVE
P P P
App
Example
BUILD & RELEASE
Library
Example
PUBLIC REGISTRY
e.g. NPM, Bower, Gulp …
Docu, Tools,
Best Practices
…
Best of Breed
App
UI5Lab
sap
libs
3rd
party
libs
sap.f
sap.m
sap
libs
Custom
Library
Control Control
STAND-ALONEGITHUB PRJECT
Run-Time Dependency
Suggestion to do this next
P Package
Design Time Dependency
(e.g. Bower)
custom
lib2
custom
lib1
(Boilerplate)
Templates
Prototype works
Work in progress
UI5Lab Proof of Concept
As of June 2017

10. How to Contribute?

11. 11
Bring yourself in!
Discuss on Slack and share your Ideas
https://openui5.slack.com/messages/ui5lab*
Contribute Code
Help us make UI5Lab more flexible and easy to use
https://github.com/UI5Lab/UI5Lab-central
Publish your Project
List your custom controls or UI5 assets as part of UI5Lab
https://github.com/UI5Lab/UI5Lab-library-simple
Organize
Plan next steps to make UI5Lab a success
https://trello.com/ui5lab
*invitation link to openui5 slack channel
How to Contribute?

12. What‘s Next?

13. 13
You can find all our tasks on Trello
Establish a Core Contributor Team to govern the project
Fine-tune proof of concept towards a fully working thing
Collect and list more community projects on UI5Lab.io
Create Documentation and Templates
What else? You Decide!
What‘s Next?

14. Thank you.
Contact information:
Michael Graf (SAP)
mi.graf@sap.com
Emanuele Ricci (Techedge)
emanuele.ricci@techedgegroup.com
Contribute to UI5lab on GitHub and Slack:
https://github.com/UI5Lab/UI5Lab-central
https://openui5.slack.com/messages/ui5lab*
*invitation link to openui5 slack channel
You are welcome to give feedback for this session
in the UI5con Event App

15. @nabi, @nithismeta, @saoirse_22, @matz3, @annfr,
@esjewett, @htammen, @whzz, @jacky.o, @mrd,
@rikusv, @pmuessig, @avhofe, @devdilisa, @tanbari,
@vobu, @hschaefer, @gregor, @wolf_gregor,
@jasper_07, @aku, @mlauffer, @stermi, @michadelic
And everybody else helping us
make this work!
The UI5 Community
Thank you.
Again.
Contribute to UI5lab on GitHub and Slack:
https://github.com/UI5Lab/UI5Lab-central
https://openui5.slack.com/messages/ui5lab*
*invitation link to openui5 slack channel
~ 1.000 Slack
Messages
5 git repos,
5 pilot libs
23 Trello
Tasks