Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

UI5 Overview for ROOT

336 Aufrufe

Veröffentlicht am

Slides for the ROOT workshop 2018 in Sarajevo (https://cern.ch/root2018) to give an overview: What is UI5? The UI5 Evolution project, and UI5 & OpenSource.

Veröffentlicht in: Software
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Gehören Sie zu den Ersten, denen das gefällt!

UI5 Overview for ROOT

  1. 1. UI5 Evolution What is UI5? Open Source Agenda
  2. 2. Framework
  3. 3. What can I build with UI5?
  4. 4. What else can I build with UI5?
  5. 5. What is UI5? Rich, extensible, responsive and theme-able control set which supports Fiori design principles Client-side, platform independent JavaScript framework for building enterprise-grade HTML5 UIs Fulfills the SAP product standards De-facto standard SAP UI technology to develop Fiori Applications
  6. 6. Ingredients Tracing SupportTool Control Libraries Composite ManagedObject Eventing Metadata Configuration Component Application View Router Controller Time Currency Edm Formatting Model ListBinding AnalyticsJSON OData Chrome EdgeSafari
  7. 7. UI5 can be simple... Let the code speak! Creating a JSON model: Create and render Controls: Bootstrapping UI5:
  8. 8. Working with Mass-Data in UI5 OData Models support paging and drill-down of hierarchies Controls to display mass-data: Grid Table, Growing List, Charts*, … Create your own Model to control the data being loaded Update Models via server push to implement a live update feature IoT app
  9. 9. What is UI5? Rich, extensible, responsive and theme-able control set which supports Fiori design principles Client-side, platform independent JavaScript framework for building enterprise-grade HTML5 UIs Fulfills the SAP product standards De-facto standard SAP UI technology to develop Fiori Applications
  10. 10. Many different UI libraries that offer controls for different purposes, e.g.: sap.m (~150 controls & elements) • Started for mobile devices • Adding responsiveness • Adding cozy and compact mode • Now standard library for all devices Rich and extensible
  11. 11. Responsive
  12. 12. Theme-able
  13. 13. What is UI5? Rich, extensible, responsive and theme-able control set which supports Fiori design principles Client-side, platform independent JavaScript framework for building enterprise-grade HTML5 UIs Fulfills the SAP product standards De-facto standard SAP UI technology to develop Fiori Applications
  14. 14. Product Standards Internationalization 37 languages, CLDR data for formatters, RTL support, calendars Security XSS, clickjacking,CSRF, CSP Accessibility Screen reader, keyboard navigation, high contrast theme, … Stability & Maintainability API stability over time, extra quality assurance, support and debugging tools Theming
  15. 15. Comprehensive Documentation • Tutorials • API Reference • Samples • Demo Apps • Tools
  16. 16. What is UI5? Rich, extensible, responsive and theme-able control set which supports Fiori design principles Client-side, platform independent JavaScript framework for building enterprise-grade HTML5 UIs Fulfills the SAP product standards De-facto standard SAP UI technology to develop Fiori Applications
  17. 17. Fiori Design and FLP Integration MeArea Notifications
  18. 18. Versioning Strategy 1.46 (Innovation) 1.52 (Maintenance) 1.48 (Innovation) 1.50 (Innovation) 1.52 (Innovation) 1.54 (Innovation) 1.60 (Maintenan 1.56 (Innovation) 1.60 (Innovation) 1.62 (Innovation 1.58 (Innovation) • Quarterly release cycle of Innovation versions • Innovation version will be replaced by next Innovation version • Every 4th Innovation version becomes a Maintenance version • Maintenance versions will be supported for max. 2 years • Most versions are available via CDN
  19. 19. Evolution
  20. 20. What is UI5 Evolution? Targeting for performance especially on mobile devices by reducing the footprint with modularization The innovation project of UI5 to solve today’s problems and advance the framework, tooling and controls Move closer towards standards and trends to benefit from innovations, tools and man-power of Open Source Ensure compatibility to safe the investment of existing UI5 apps and provide evolution guidelines and tools
  21. 21. What is UI5 Evolution? Targeting for performance especially on mobile devices by reducing the footprint with modularization The innovation project of UI5 to solve today’s problems and advance the framework, tooling and controls Move closer towards standards and trends to benefit from innovations, tools and man-power of Open Source Ensure compatibility to safe the investment of existing UI5 apps and provide evolution guidelines and tools Performance Modularization
  22. 22. What is UI5 Evolution? Targeting for performance especially on mobile devices by reducing the footprint with modularization The innovation project of UI5 to solve today’s problems and advance the framework, tooling and controls Move closer towards standards and trends to benefit from innovations, tools and man-power of Open Source Ensure compatibility to safe the investment of existing UI5 apps and provide evolution guidelines and tools Standards & Trends Openness
  23. 23. What is UI5 Evolution? Targeting for performance especially on mobile devices by reducing the footprint with modularization The innovation project of UI5 to solve today’s problems and advance the framework, tooling and controls Move closer towards standards and trends to benefit from innovations, tools and man-power of Open Source Ensure compatibility to safe the investment of existing UI5 apps and provide evolution guidelines and tools Compatibility
  24. 24. Modular Core Build and Development Tools Rendering& Controls Programming Models “Establish a future-proof foundation for code organization and dependency management, enabling applications to run with just the minimum amount of resources!” “Create an open-source Node.js based build and development environment to support both application developers and framework developers!” “Define a modern control framework which simplifies the creation of agnostic, declarative, universal and theme-able controls which can be used with a minimalistic footprint!” “Continue support for existing UI5 programming model, but move closer to de-facto standards and support trends to enable reuse of UI5 layers for other programming models!”
  25. 25. Open Source
  26. 26. Major Open Source Projects of UI5 OpenUI5 The UI Framework incl. libraries and themes https://openui5.org/ or https://openui5.hana.ondemand.com/ UI5 tooling The Build and Development Tooling https://sap.github.io/ui5-tooling/ ui5-cli ui5-builder ui5-server fs project logger https://github.com/SAP/ui5-tooling https://github.com/SAP/openui5
  27. 27. OpenUI5? SAPUI5? What is it? OpenUI5 is the Open Source foundation of UI5 providing the UI framework, major UI libraries and themes available via CDN. SAPUI5 is the SAP distribution of UI5 being shipped on all major SAP platforms. It extends OpenUI5 it with additional UI libraries.
  28. 28. Some SAPUI5 libraries Gantt Charts Process Flow Micro Charts
  29. 29. What’s the difference? Not much… • Libraries: ~20 • License: Apache 2.0 • Support: GitHub issues • Libraries: ~50 • License: SAP License • Support: SAP Support Tickets
  30. 30. OpenUI5 ⊆ SAPUI5 What is OpenUI5/SAPUI5?
  31. 31. Contributions are very welcome Contribute bug fixes or new features by creating Pull Requests Help us by reporting issues on GitHub Join the RFC process for UI5 tooling features and help us to shape it More details in our contribution guidelines for OpenUI5 and UI5 tooling
  32. 32. UI5Lab: create and share UI libraries Central place to share UI5 Control Libraries with others Initiated by SAP, jointly managed together with the UI5 community Consumption via the new UI5 tooling is work in progress Visit: https://ui5lab.io/
  33. 33. Active Open Source Community Visit UI5con: learn.explore.connect. Follow @OpenUI5 on Twitter Listen to our UI5 NewsCast (a podcast around UI5 in German) Join the slack. community
  34. 34. Active Open Source Community Comprehensive UI Framework Framework Evolution UI5con Slack UI5Lab StackOverflow Twitter Modularization Performance Compatibility Standards & Trends Openness Is Open Source, Uses Open Source ~10 years of experience Enterprise-grade Extensible Responsive SAP UI technology for Fiori apps 600+ controls “OpenUI5 is the heart of SAPUI5!” “UI5 Evolution ensures competitiveness and guaranteed future!” Apache 2.0 license Includes several Open Source libs GitHub npm Bower
  35. 35. Thank You Contact Information: Peter Muessig SAP SE, Lead Architect UI5 peter.muessig@sap.com @pmuessig

×