Preview SAP UI5 Tutorial
Total Page:16
File Type:pdf, Size:1020Kb

Load more
Recommended publications
-
Consultoria Capacitación Y Consumibles Sap Fiori Openui5 Development Contenido Programatico
CDUK CONSULTORIA CAPACITACIÓN Y CONSUMIBLES SAP FIORI OPENUI5 DEVELOPMENT CONTENIDO PROGRAMATICO SAP FIORI openUI5 Development • Fundamentos del HTML. • Describir y escribir códigos HTML5 y CSS. • Explorar herramientas de desarrollo SAP Fiori. • Trabajar con elementos HTML básicos y marcas semánticas. • Implementar formularios Web amigables para el usuario. • Trabajar con HTML5-Atributos personalizados. • Fundación de CSS Describir CSS-Essentials. • Trabajar con Pseudoclasses. • Fundamentos de JavaScript. • Entender la programación orientada a objetos (OOP) con JavaScript. • Explorar los elementos básicos del lenguaje JavaScript. • Trabajar con tipos de datos primitivos, tipos de referencia y operadores. • Implementar declaraciones en JavaScript. • Comprender los alcances de JavaScript y la ejecución de contexto. • Entender el manejo de errores en JavaScript. • Explore los conceptos de manipulación DOM de JavaScript. • Trabajar con eventos. • Utilice http-Requests y AJAX. • Trabajar con Promesas Fundamentos de jQuery. • Entender jQuery-Fundación. • Trabajar con selectores. • Entender jQuery Eventing. • Utilizar estilo y animación. • Manipular el DOM. • Utilice AJAX con jQuery. • Descripción general de OpenUI5. • Explicar la estrategia de la experiencia del usuario de SAP. • Explicar la estrategia de la experiencia del usuario • Explore las herramientas de habilitación de claves para la experiencia • del usuario SAP. • Describir SAP Fiori en relación con la experiencia del usuario. • Descripción de la arquitectura OpenUI5. • Explore la relación entre OpenUI5 y SAP Fiori. • Explore las diferencias entre OpenUI5 y SAPUI5. • Opciones de desarrollo de OpenUI5. • Instalar el complemento OpenUI5 Eclipse. • Configurar una cuenta de HANA Cloud Platform. • Explore los fundamentos de SAP WEB IDE. • Conceptos básicos del proyectoOpenUI5. • Desarrollar utilizando el patrón de diseño Model View Controller (MVC). • Configurar un proyecto • Configurar y utilizar elementos básicos de OpenUI5. -
Szkolenia IT . Kursy Komputerowe . Szkolenia Biznesowe, Dla Kadr, Miękkie . Firma Szkoleniowa
Developing UIs with SAPUI5 PRZEZNACZENIE SZKOLENIA About this Course, Audience: Developer Developer Consultant Solution Architect Business Process Owner / Team Lead / Power User KORZYŚCI WYNIKAJĄCE Z UKOŃCZENIA SZKOLENIA This course will prepare you to: Create web apps using basic HTML5 and CSS3 Develop web apps that are more interactive through JavaScript programming Further improve web app development by using parts of jQuery and jQueryUI Perform design decisions for openUI5 desktop and mobile applications Create the necessary HANA Cloud Platform account to configure HCPms Develop desktop and mobile applications using the openUI5 framework, Eclipse, HANA Cloud Platform and SAP Web IDE OCZEKIWANE PRZYGOTOWANIE SŁUCHACZY Essential - SAPX01 Recommended - Understanding of HTML and the Internet Course based on software release: SAP S/4HANA WTS + local version SAP Web IDE Warning! Training authorized by SAP provided in the open training formula is carried out at the headquarters of SAP Polska at ul. Wołoska 5 in Warsaw. Remote participation is possible for selected trainings. AGENDA SPOTKANIA Sala szkoleniowa 1. Foundations of HTML Describe and write HTML5 and CSS code Explore Development Tools Work with Basic HTML-Elements and Semantic Markups Implement User Friendly Web Forms 1 / 3 Work with HTML5-Custom Attributes 2. Foundation of CSS Describe CSS-Essentials Work with Pseudoclasses 3. Foundations of JavaScript Understand Object-Oriented (OOP) Programming with JavaScript Explore JavaScript Language Basics Work with Primitive Data Types, Reference Types, and Operators Implement Statements in JavaScript Understand JavaScript-Scopes and Context Execution Understand error handling in JavaScript Explore DOM manipulation concepts of JavaScript Work with events Use http-Requests and AJAX Work with Promises 4. -
THE FUTURE of SCREENS from James Stanton a Little Bit About Me
THE FUTURE OF SCREENS From james stanton A little bit about me. Hi I am James (Mckenzie) Stanton Thinker / Designer / Engineer / Director / Executive / Artist / Human / Practitioner / Gardner / Builder / and much more... Born in Essex, United Kingdom and survived a few hair raising moments and learnt digital from the ground up. Ok enough of the pleasantries I have been working in the design field since 1999 from the Falmouth School of Art and onwards to the RCA, and many companies. Ok. less about me and more about what I have seen… Today we are going to cover - SCREENS CONCEPTS - DIGITAL TRANSFORMATION - WHY ASSETS LIBRARIES - CODE LIBRARIES - COST EFFECTIVE SOLUTION FOR IMPLEMENTATION I know, I know, I know. That's all good and well, but what does this all mean to a company like mine? We are about to see a massive change in consumer behavior so let's get ready. DIGITAL TRANSFORMATION AS A USP Getting this correct will change your company forever. DIGITAL TRANSFORMATION USP-01 Digital transformation (DT) – the use of technology to radically improve performance or reach of enterprises – is becoming a hot topic for companies across the globe. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-02 Companies face common pressures from customers, employees and competitors to begin or speed up their digital transformation. However they are transforming at different paces with different results. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-03 Successful digital transformation comes not from implementing new technologies but from transforming your organisation to take advantage of the possibilities that new technologies provide. -
IP Log for Eclipse.Platform Release 4.0, July 2010 Licenses
IP Log for eclipse.platform Release 4.0, July 2010 Licenses • Eclipse Public License v1.0 Third-Party Code CQ Third-Party Code License Use ICU4J (core and extended ICU4J License (X License, 1065 function) and ICU4J MIT Style) Replacement plug-in Version: 3.6 ICU4J License (X License, 1116 ICU4J Version: 3.4.5.20061213 MIT Style) 1153 JSch 0.1.31 Version: 0.1.31 New BSD license Apache Lucene Version: 1.9.1 243 (Core+Contrib Analyzers Apache License, 2.0 Analysis Src) 257 APT Version: 1 New BSD license Mozilla Public License 1.1 (MPL), MIT Style with No 262 Cairo Version: 1.0.2 Endorsement Clause, Historical Permissive Notice & Disclaimer ICU4J License (X License, 280 ICU4J Version: 3.4 MIT Style) ICU4J License (X License, 281 ICU4J Version: 3.4.3 MIT Style) 293 jsch Version: 0.1.28 New BSD license 308 PNG unload Version: 1 MIT license 1232 Apache Ant Version: 1.7.0 Apache License, 2.0 ICU4J and ICU4J Replacement ICU4J License (X License, 1367 Version: 3.6.1 MIT Style) Olsen time zone data Version: 1368 Public Domain 2007e Work derived from IJG JPEG 1596 IJG License Version: Release 6b,337 unmodified 1826 JSch 0.1.35 New BSD license source & binary ICU4J and ICU4J replacement MIT License with "no unmodified 1919 Version: 3.8.1 edorsement" clause source & binary unmodified 2014 jsch Version: 0.1.37 New BSD license source & binary XHTML DTDs Version: unmodified 2044 W3C Document License Versions 1.0 and 1.1 (PB CQ331) source org.apache.ant Version: 1.6.5 2404 (ATO CQ1013) (using Orbit Apache License, 2.0 CQ2209) org.apache.lucene Version: 1.4.3 2405 (Core Source Only) (ATO Apache License, 2.0 CQ1014) (using Orbit CQ2210) Junit Version: 3.8.2 (ATO 2406 Common Public License 1.0 CQ299) (using Orbit CQ2206) Historical support for Java SSH modified 2410 Applet + Blowfish Version - v. -
SAPUI5 & Fiori – Where ABAP-Er Meets Javascript
. SAPUI5 & Fiori – Where ABAP-er Meets JavaScript Igor Barbarić Content • Web@ABAP - History • SAPUI5 & Fiori – Key Features, Architecture • SAPUI5 vs Fiori • OpenUI5 vs SAPUI5 • Development Environments • Learning Content • Personal Experience: First Project Content • Web@ABAP - History • SAPUI5 & Fiori – Key Features, Architecture • SAPUI5 vs Fiori • OpenUI5 vs SAPUI5 • Development Environments • Learning Content • Personal Experience: First Project Web@ABAP – History 1. Business Server Pages (BSP, 2002) = • Not responsive HTML + ABAP-script • SAP Web Server only 2. WebDynpro (2003 Java, 2004 ABAP) = • ABAP/Java-only (no HTML, CSS, Script) SAP backend only • Performance issues 3. SAP Web Client (2007) = BSP + Dev Worbkench + GenIL Model • No (difficult) theming / branding 4. SAPUI5 & Fiori (2013) = BSP + SAPUI5 + HTML5 + CSS + JavaScript Content • Web@ABAP - History • SAPUI5 & Fiori – Key Features, Architecture • SAPUI5 vs Fiori • OpenUI5 vs SAPUI5 • Development Environments • Learning Content • Personal Experience: First Project Fiori – SAP’s Strategic Direction • “Over time, we plan to move all SAP solutions in this direction.” (support.sap.com SAP Product Strategy) SAP Fiori – Design Award Winner gartner.com red-dot.sg SAPUI5 & Fiori – Key Features • HTML5 + JavaScript + CSS3 + jQuery • Models: JSON, XML, OData • Stateless • Extendable • Flexible design (Theming, Branding, Corporate Identity) • Client-side libs & rendering (server performance!) • Any web server (SAP ABAP, SAP HANA, Tomcat, Jetty...) • Any backend (also non-SAP) • Any device / client (responsiveness) • Open source (OpenUI5) • No need for SAP NW server to play with SAPUI5/Fiori Architecture Client (Web Browser): SAPUI5 Views with “sap.m” Views with lib “sap.ui.commons” lib Models (JSON, XML, Controllers OData) Server No SAP system! UI5 Fiori UI5 Fiori SAPUI5 BSP Fiori SAP Web BSP Lchpd XS Engine BSP Lchpd XS Engine Web Page Launchpad Gateway Server, e.g. -
Declarative Ajax Web Applications Through SQL++ on a Unified
Declarative Ajax Web Applications through SQL++ on a Unified Application State Yupeng Fu Kian Win Ong Yannis Papakonstantinou UCSD UCSD UCSD [email protected] [email protected] [email protected] Abstract (c) the data tier in the database. Multiple mundane low-level tasks Implementing even a conceptually simple web application requires need to be performed in a coordinated fashion across all three tiers. an inordinate amount of time. FORWARD addresses three prob- The resulting problems (as follows) reduce developer productivity: Impedance mismatch lems that reduce developer productivity: (a) 1. Impedance mismatch arises because each tier uses different lan- across the multiple languages used at different tiers of the appli- guages (and data models) [5, 21]. The visual tier uses DOM Distributed data access cation architecture. (b) across the multi- (XHTML) / JavaScript (JSON); the application logic tier uses ple data sources of the application (user input of the browser page, an application programming language, such as Java, Python or Asyn- session data in the application server, SQL database etc). (c) PHP (objects); the data tier uses SQL (tables). To display a page, chronous, incremental modification of the pages , as performed by mundane and error-prone code is needed to translate SQL tables Ajax actions. into Java objects, and then into HTML / JavaScript objects. To FORWARD belongs to a novel family of web application frame- implement an action invocation, more code is needed to translate works that attack impedance mismatch by offering a single uni- in the opposite direction. fying language. FORWARD’s language is SQL++, which is SQL with necessary extensions for semi-structured data. -
IBM Software for SAP Solutions
Front cover IBM Software for SAP Solutions Yaro Dunchych Manfred Oevers Peter Bahrs Paul Pacholski Khirallah Birkler Andrew Stalnecker Bernd Eberhardt Jörg Stolzenberg Navneet Goyal Pierre Valiquette James Hunter Derek Jennings Joe Kaczmarek Michel Laaroussi Michael Love Stefan Momma Nick Norris Martin Oberhofer Redbooks International Technical Support Organization IBM Software for SAP Solutions September 2015 SG24-8230-01 Note: Before using this information and the product it supports, read the information in “Notices” on page ix. Second Edition (September 2015) This edition applies to Version 2, Release 0, Modification 0 of the IBM Reference Architecture for SAP. © Copyright International Business Machines Corporation 2014, 2015. All rights reserved. Note to U.S. Government Users Restricted Rights -- Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. Contents Notices . ix Trademarks . .x IBM Redbooks promotions . xi Preface . xiii Authors. xiv Now you can become a published author, too! . xix Comments welcome. .xx Stay connected to IBM Redbooks . .xx Summary of changes. xxi September 2015, Second Edition . xxi Chapter 1. Why IBM software matters in SAP solutions . 1 1.1 Overview . 2 1.2 Critical success factors for an SAP-centric transformation . 2 1.2.1 Deploying a system of engagement for SAP . 4 1.2.2 Balancing SAP with an application-independent, industry-leading integration platform solution . 4 1.2.3 Establishing governance for architectural decisions . 5 1.2.4 Avoiding custom coding . 5 1.3 Combined value of IBM and SAP software . 6 1.3.1 Reduced business and IT risk. 6 1.3.2 Accelerated SAP integration into a heterogeneous enterprise . -
The New Mobile Development Landscape
The New Mobile Development Landscape © 2017 Progress. All Rights Reserved. All Rights © 2017 Progress. 2018 EBOOK Table of Contents Introduction / 3 Mobile Development The Early Days / 4 Mobile Development Today / 5 Native Development / 6 Browser Development Evolves / 8 Mobile Application Development Platforms (MADP) / 11 Hybrid Mobile Apps / 14 JavaScript-Driven Native Apps / 18 Other Types of Native Apps / 22 Making The Transition / 23 Testing Your Apps / 24 Building Your Mobile App Back-End / 25 © 2018 Progress. All Rights Reserved. All Rights © 2018 Progress. Conclusion / 26 Progress 2 If you poke around on the Internet, you’ll find hundreds or even thousands of frameworks and platforms designed to make platform mobile development easy. There’s almost too many of them to keep track of, and nobody knows which ones are the best, and which ones are worthless. If you’re part of a one to five-person development shop, you can afford to play around at the options to see which works best for you and your apps, potentially even switching approaches between apps. Larger development shops have to think big; the decisions they make around development approach and platform or framework selection have a long term impact on the cost and effectiveness of their development effort. Changing course months or years later means considerable expense migrating off of a flawed or abandoned platform to the shiny new approach. Development organizations must be smart, making the right choice at the app’s creation, knowing that the approach they’ve selected works for the long haul. We’ve created this ebook to help you make smart choices about how you build modern mobile apps. -
Book of Vaadin Vaadin 6 Book of Vaadin: Vaadin 6 Oy IT Mill Ltd Marko Grönroos Vaadin 6.1.0
Book of Vaadin Vaadin 6 Book of Vaadin: Vaadin 6 Oy IT Mill Ltd Marko Grönroos Vaadin 6.1.0 Published: 2009-09-09 Copyright © 2000-2009 Oy IT Mill Ltd. Abstract Vaadin is a server-side AJAX web application development framework that enables developers to build high-quality user interfaces with Java. It provides a library of ready-to-use user interface components and a clean framework for creating your own components. The focus is on ease-of-use, re-usability, extensibility, and meeting the requirements of large enterprise applications. Vaadin has been used in production since 2001 and it has proven to be suitable for building demanding business applications. All rights reserved. Table of Contents Preface ............................................................................................................................ ix 1. Introduction ................................................................................................................. 1 1.1. Overview ............................................................................................................ 1 1.2. Example Application Walkthrough ........................................................................ 3 1.3. Support for the Eclipse IDE ................................................................................. 4 1.4. Goals and Philosophy ......................................................................................... 4 1.5. Background ....................................................................................................... -
Getting Started with Angularjs
Getting Started with AngularJS by Jeremy Zerr Blog: http://www.jeremyzerr.com LinkedIn: http://www.linkedin.com/in/jrzerr Twitter: http://www.twitter.com/jrzerr What is AngularJS Open Source Javascript MVC/MVVM framework. Helps manage complexity of your client-side Javascript code. Extend HTML vocabulary with your own elements and attributes. Built-in HTTP and more importantly REST API web service integration. Includes its own client-side templating language. Two-way data binding to allow the Model to be used as the source of truth. Has client-side routing to enable creating single page apps (SPA) Sponsored by Google, lots of contributions by Google employees, but on Github as public repo. Requirements Does not require jQuery, but will use it if you have it. Can be implemented for sub-sections of a page, so can interoperate with other components. Testing examples given in Jasmine and ran using Karma. Minified is 100k, gzipped brings down to 37k (version 1.2.9). Also pretty common to use ngResource which is 3k minified. “…to learn and not to do is really not to learn. To know and not to do is really not to know.” –Stephen R. Covey, The 7 Habits of Highly Effective People AngularJS Examples First examples, then we’ll talk about the bigger picture of why you should consider using AngularJS in your next web app. Starter AngularJS app We’ll start by defining some Javascript objects in a controller to represent our Models Then we will display the object using AngularJS built-in template system Follow along with this Plunker Starter AngularJS app (templating) This shows what AngularJS client-side templating looks like ng-controller provides an identifier to link with code ng-repeat iterates through a variable in the controller’s $scope Starter AngularJS App (controller) The name of our app is myApp Controller is ToddlerCtrl We define the controller and fill our scope up with Toddler objects. -
Odata: What’S New with REST Apis for Your Database
OData: What’s New with REST APIs for Your Database Sanjeev Mohan, Gartner Nishanth Kadiyala, Progress Mark Biamonte, OData TC Member, Progress Audio Bridge Options & Question Submission © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 2 OData: What’s New with REST APIs for Your Database Sanjeev Mohan, Gartner Nishanth Kadiyala, Progress Mark Biamonte, OData TC Member, Progress Agenda ▪ Modern Data Access Patterns ▪ Why are companies RESTifying databases? ▪ OData overview • Exposing the Database Using OData • Getting Started with OData • Demo © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 4 Modern Data Access Patterns © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 5 Data Warehouses – still the workhorse analytical engines Source: https://en.wikipedia.org/wiki/Data_warehouse © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 6 Data Access for Data Lakes Analytical SQL Data Lake Data Mobile / Cloud {REST} © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 7 Common Data Lake Implementation Technologies Create Differing Requirements for Data Governance Hadoop Cloud-based block Database management distributions: and object stores: systems: ▪ Simplified data ingestion ▪ Simplified data ingestion ▪ Optimal for certain data and storage with several and storage types and formats processing options ▪ Bring your own processing ▪ Data processing options ▪ Data lake management ▪ Nascent management and expanding beyond SQL ecosystem emerging security ecosystem ▪ Scaling and cost may be ▪ Complex deployment and challenges management © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved. 8 © 2017 Progress Software Corporation and/or its subsidiaries or affiliates. -
Devconf 2017
Выбор JS-фреймоврка для крупного проекта Аверин Сергей, Acronis ПРО ЧТО ДОКЛАД • Как выбирали новый веб-фреймворк – Немного о компании – Бекграунд – Задача – Исследование существующего кода – Выбор на что смотреть – Техническая оценка вариантов – Переделка одного из вариантов «под себя» – Сравнение пилотных проектов – Оценка затрат на внедрение 2 3 Про компанию 4 МАСШТАБ • 5 000 000 пользователей • 500 000 из них — корпоративные • 700 сотрудников в 17 разных офисах • Выпускаем много разного софта: – коробочный под Windows, – корпоративный с веб-интерфейсами, – cloud-продукты с веб-интерфейсом. 5 ВЕБ Все отделы делают веб-часть по-разному 6 Проблема 7 ПРОБЛЕМА • Много разных технологий для веб-части • Фронтенд пишут не только JS-разработчики • Нет возможности подключить к работе верстальщика • Качество кода сильно отличается • Текущие технологии устарели 8 Задача 9 КУРС • Толстый клиент на JS/HTML/CSS • Единая технология во всей компании • Библиотека UI-компонентов • Возможность работать разработчикам разных уровней • Код должен быть понятен backend-разработчикам 10 Оценка 11 ЧТО ИМЕЕМ? • Dojo • Сайт acronis.com — rich-client там не нужен • Angular 1.x • RoR+jQuery • ExtJS 4 12 ЧТО НЕ ТАК С EXTJS? Индексная страница документации содержит: 395 классов 13 8 уровней наследования 14 класс с 201 методами 15 16 17 ~1% DOM-дерева главной 18 Кастомный UI компонент 19 layouting 20 layouting 21 deep in layouting code… 22 deep in layouting code… 23 Рафик, где мой трафик? 24 Ладно с фреймворком понятно, а само приложение? 25 ПОЛЕЗЛИ В КОД ПРИЛОЖЕНИЯ • Мало комментариев • Жесткая связность • Нет границы между Controller и View 26 М С V State, BizLogic State, BizLogic State, BizLogic, Ui logic Server API View Model Controller Child View Child View SubController SubController2 M+CV 27 ПОЛЕЗЛИ В КОД ПРИЛОЖЕНИЯ • Мало комментариев • Жесткая связность • Нет границы между Controller и View • Publish/Subscribe — вроде как правильный паттерн, но не работает.