[PDF] angular 2 ppt for beginners
[PDF] angular 2 practice exercises
[PDF] angular 2 project example github
[PDF] angular 2 projects for beginners
[PDF] angular 2 sample project for beginners
[PDF] angular 2 sample project in eclipse
[PDF] angular 2 sample project in visual studio 2015
[PDF] angular 2 sample project in visual studio 2017
[PDF] angular 2 sample project in visual studio code
[PDF] angular 2 services best practices
[PDF] angular 2 tutorial for beginners learn angular 2 from scratch
[PDF] angular 2 tutorial for beginners pdf
[PDF] angular 2 tutorial for beginners w3schools
[PDF] angular 2 tutorial in hindi
[PDF] angular 2 tutorial javatpoint
INTERNAL
Olga Haurylchyk, Product Manager
ChhunryPheng, Backend Architect
Frederic Canteloup, Frontend Architect
September 5, 2018
SmartEdit:
New Features and Enhancements
2©2017 SAP SE or an SAP affiliate company. All rights reserved.
Why is SmartEdit the Right
3©2017 SAP SE or an SAP affiliate company. All rights reserved.
Intuitive and easy to use tooling
Preview for different responsive sizes
Personalization of targeted
experiences
Multi-Country Management
SmartEdit
Manage great looking Sites
4©2017 SAP SE or an SAP affiliate company. All rights reserved.
1808 Key Features
Content Versioning
Create, preview, rollbacktoa
pageversion
Page Management:
Delete/restorepagesin Trash
Set a Homepage
5©2017 SAP SE or an SAP affiliate company. All rights reserved.
DEMO
6©2017 SAP SE or an SAP affiliate company. All rights reserved.
Deep-Dive into Versioning
7©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Structure
Page
Template
Content Slot
Page
Content Slot
Component
8©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Structure Multi-Country
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
9©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
Slot Version Id: 002Comp Version Id: 010
Comp Version Id: 011
Slot Version Id: 003
Comp Version Id: 020Comp Version Id: 021
Page Version Id: 001
10©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page Version Payload
AttributeTypeValue
uidStringhomepage homepageBooleantrue modifiedTimeDate1531160550022 pageTemplate restrictions contentSlots
ForPage
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
11©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page Version Payload
AttributeTypeValue
uidStringhomepage homepageBooleantrue modifiedTimeDate1531160550022 pageTemplatePK8796127986768 restrictionsPK8796959277086,
8796128248912
contentSlots
ForPage
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
12©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page Version Payload
AttributeTypeValue
uidStringhomepage homepageBooleantrue modifiedTimeDate1531160550022 pageTemplatePK8796127986768 restrictionsPK8796959277086,
8796128248912
contentSlots
ForPage
ContentSlotForPage
RelationData
Section1::8796128019536,
Section2::8796128543824,
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
13©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page content Slot Version Payload
AttributeTypeValue
uidStringSection1Slot-Homepage cmsComponentsPK8796128052304, 8796128379984,
8796128314448
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
14©2017 SAP SE or an SAP affiliate company. All rights reserved.
Content Versioning -Page Version Payload
Page
Template
Content Slot
Page
Content Slot
Restriction
Component
Restriction
Parent Catalog
Content Slot
Parent Catalog
Component
Component Version Payload
Attribute TypeValue
uidStringHomepageDiscountBanner restrictionsPK8796959277086, 8796128248912 mediaPKde : 8796128412752, en: 8796128511056, zh: 8796128445520
Content Versioning Garbage Collection
16©2017 SAP SE or an SAP affiliate company. All rights reserved.
Properties configurable in
Hybris Administrator Console
(HAC)
Trigger manual GC jobs in
Backoffice
Content Versioning Garbage Collection
PropertiesDefault Values
version.gc.cronevery day at midnight version.gc.enabledtrue version.gc.maxAgeDays0 version.gc.maxNumberVersions20 help.hybris.com: Content Versioning
18©2017 SAP SE or an SAP affiliate company. All rights reserved.
Upgrade SmartEdit
to the latest Angular version and beyond!
19©2017 SAP SE or an SAP affiliate company. All rights reserved.
Smarteditis built using AngularJS 1.6
AngularJS has been announced as deprecated, has 3 years of support for security Better alternatives than AngularJS or even Angular (2) may become available as we go
Why upgrade SmartEdit?
20©2017 SAP SE or an SAP affiliate company. All rights reserved.
Abstract underlying runtime framework => containamplitude of breaking changes when major versions or change framework completely.
This abstraction would deal with:
Dependency injection (DI)
services wrappers for third party AngularJS services
Purpose
21©2017 SAP SE or an SAP affiliate company. All rights reserved.
Prior to typescript: code and AngularJS DI were in-line angular.module('myAngularJSModule', ['module1', 'module2']) .service('myInlineService', function($dep1, dep2) { this.method1= function() { return'something';
22©2017 SAP SE or an SAP affiliate company. All rights reserved.
With typescript: code was imported into an AngularJS specific DI import{Module1} from'./path/to/Module1'; import{MyTypescriptService} from'./path/to/MyTypescriptService'; exportconstMyModule= angular .module('MyModule', [Module1]) .service('myTypescriptService', MyTypescriptService) .name;
23©2017 SAP SE or an SAP affiliate company. All rights reserved.
2 options:
Provide guidelines for partners to migrate code to latest Angular (once we support it) and strongly bind, again, to a library syntax. Or,offer stable way of declaring dependency injection, agnostic of the engine: Meet the typescript decorator powered Smartedit DI family: @SeModule, @SeDirective, @SeComponentand @SeInjectable
How do we upgrade to latest Angular from there?
24©2017 SAP SE or an SAP affiliate company. All rights reserved.
@SeModule({ declarations:[
Component1, Component2
imports:[ 'legacyModule1',
Module2,
providers:[
Service1,
provide:'someConstantName', useValue:{someValue} provide:'someFactoryName', useFactory:SomeCallback
Service2
initialize:(dep1: Dep1, dep2: Dep2) =>{ // some initialization code exportclassMyModule{} @SeComponent({ constructor( privatelodash: lo.LoDashStatic, privatesomeService: SomeService @SeInjectable() exportclassSomeService{ constructor( privatelodash: lo.LoDashStatic, privatesomeOtherService: SomeOtherService
25©2017 SAP SE or an SAP affiliate company. All rights reserved.
2 options:
Move entirely to Angular or hybrid approach for a couple of years?
Our strategy:
26©2017 SAP SE or an SAP affiliate company. All rights reserved.
2 options:
For more information on SmarteditDI and complex usage, visit the generated ngdocwebsite:
1.cd to Smarteditextension
2.ngdocsconnect:docs
3.visit http://localhost:9091/#/smartEdit/smarteditServicesModule.object:@SeModule
Documentation:
27©2017 SAP SE or an SAP affiliate company. All rights reserved.
SmartEditRoadmap
28©2017 SAP SE or an SAP affiliate company. All rights reserved. The information provided within this presentation does not constitute an obligation of any functionality, and SAP Hybris reserves the sole right without consequence to alter the design, specifications and forecasted time-to-market of the products and features described.
Business View and Benefits
Enable business user to focus on task at hand rather than how the navigation is modelled on the backend
Upcoming release:
Simplify Navigation
Management to save time and
provide more flexibility A clear and fast user interface to manage navigation
29©2017 SAP SE or an SAP affiliate company. All rights reserved. The information provided within this presentation does not constitute an obligation of any functionality, and SAP Hybris reserves the sole right without consequence to alter the design, specifications and forecasted time-to-market of the products and features described.
Business View and Benefits
Enable team collaboration through
workflows by streamlining the tasks around creation, reviewing and publishing content
Allow business users the flexibility to
track changes made to slots and components at different times
Ensure that the customer experience
across all channelsis contextual, consistent and relevant
Workflowto
facilitate teamwork
30©2017 SAP SE or an SAP affiliate company. All rights reserved.
Thank you.
Contact information:
Olga Haurylchyk, olga.Haurylchyk@sap.com
ChhunryPheng, chhunry.pheng@sap.com
Frederic Canteloup, frederic.canteloup@sap.com
quotesdbs_dbs14.pdfusesText_20
[PDF] Build Better Apps with Angular 2 - Day One - Frontend Masters