SAP Cloud Applications Studio Introduction to Deployment: System Architecture.
Transcript of SAP Cloud Applications Studio Introduction to Deployment: System Architecture.
SAP Cloud Applications Studio
Introduction to Deployment: System Architecture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 2Customer
SAP Cloud SolutionIntroduction to Deployment: System Architecture
On Demand deployment model – running in the SAP Cloud
Full Suite covering all relevant aspects Large set of scenarios & processes
SOA architected and model driven
Modular & Flexible – easy to configure and change
Business Network enabled
Intuitive user experience incl Collaboration
Business Insight & Analytics
Integrated knowledge base Built in compliance Built in Service & Support Flexibility, Extensibility & Partner
platform
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 3Customer
Optimize and extend the solution during runtime
Make us of a comprehensive development environment
Scoping and fine-tuning of the complete solution
SAP® Cloud Solution : Business Requirements can change – our Solution can be adapted accordingly.
SAP Cloud SolutionIntroduction to Deployment: System Architecture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 4Customer
SAP Cloud SolutionIntroduction to Deployment: System Architecture
HorizontalBusiness Processes
(Micro-) Vertical Solutions
Customer-individual Solutions
SAP
SAP Selected
horizontalpartnersolutions
SAP Add-on
partners (Micro-)
VerticalPartnerSolutions
SAP Field
Solution Reseller
Customer
Core
Developed by SAP
Developed by Partners
Customer-individual SolutionsQuelle: SAP
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 5Customer
SAP Cloud SolutionIntroduction to Deployment: System Architecture
SAP is focusing on SAP Cloud Solution as the application platform with core business scope
Solution Partner integrate best-of-breed applications and services Increase Solution Reach with additional backend functionality Increase Solution Attractiveness on front-end
>
Developed by SAP, operated by SAP
Developed by Partner, operated by partner / customer
Developed by Partner, operated by SAP
Examples:1. Mashups
Frontend integrations like maps company information
2. Integrated Software and ServicesBackend integrations like
Credit card processing Payroll services
3. LightweightsForms, Reports, Excel Workbooks, and UI Adaptations
Financial Health Check via MS Excel Download
4. Add-on solutionsNative solutions
Trade promotion management Service help desk
5. (Micro-)vertical solutionsPre-configured or native micro-verticals like
Pharmaceutical Solution Wine yard Solution
(Micro) vertical
Solutions
Mashups
Integrated Software and
Services
Add-on Solutions
Lightweights - Forms & Reports
SAP Cloud
Solution Platform
Solution Reach
Solution Attractiveness
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 6Customer
SAP Cloud SolutionIntroduction to Deployment: System Architecture
Partner Extensions
Development Environment
SAP Cloud Solution Platform
Partners implement their own Applications & Services on top of SAP‘s Platform (PaaS)
SAP focuses on the Core Scenarios of the SAP Cloud Solution (SaaS) and provides Partners with a comprehensive Platform from both a technical and a commercial point of view
Quelle: SAP
(Micro) Vertical Solutions
MashupsIntegrated Software &
Services
Add-on Solutiuons
Forms & Reports
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 7Customer
SAP Cloud SolutionIntroduction to Deployment: System Architecture
Solution Partner
Customer
Solutions OnDemand
Studio(Customer Testing
Tenant)
Solutions OnDemand
Studio(Customer
Production Tenant)
Add-ons
Consume Remote Services
Integrate Remote Services
SAP Cloud Operations & Infrastructure
External Web Services
Build/Test Assemble/Upload Use
Core Solution
Add-ons
Core Solution
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 8Customer
SAP Cloud Solution – Software Development Toolkit
Integrated SAP Solutions OnDemand Studio development environment based on Microsoft Visual Studio
Reuse of key user tools e.g. field extensibility, reports builder, forms editor
Access the SAP Cloud Solution Core via the Public Solution Model (PSM) layer
Enhanced developer productivity through wizards
End-to-end software lifecycle management
Link to SAP‘s commercial platform – the SAPStore
SAP Cloud SolutionIntroduction to Deployment: System Architecture
Partner Solutions
Modification-free
Multi-tenant
Multi-device
De-coupled lifecycle
Scalable
Easy to integrate
SAP Cloud Applications Studio
Introduction to Deployment: System Environment
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 10Customer
ApplicationBusiness Logic
PersistenceDatabase and Search Engine
WorkCenter
SAP Cloud SolutionIntroduction to Deployment: System Environment
BusinessObject
Transactional UI
UserInterface
Service-oriented architecture:
Core Services standardize the access to business objects like SQL standardizes access to database tables
• Create • Read • Update• Delete
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 11Customer
ApplicationBusiness Logic
PersistenceDatabase and Search Engine
WorkCenter
SAP Cloud SolutionIntroduction to Deployment: System Environment
BusinessObject
Transactional UI
UserInterface
Service-oriented architecture:
Core Services standardize the access to business objects like SQL standardizes access to database tables
• Create • Read • Update• Delete
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 12Customer
WorkCenter
SAP Cloud SolutionIntroduction to Deployment: System Environment
UserInterface Transactional UI Analytical UI
BusinessObject
ServiceInterface
ServiceInterface
Business TaskMail
(iForm)
ServiceIntegration
ApplicationBusiness Logic
Print, Fax, Mail
Web ServiceConnection(external/internal)
Form
MessageType
MessageType
MessageType
MessageType
Extension
Analytical UI
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 13Customer
SAP Cloud SolutionIntroduction to Deployment: System Environment
Design Print Form
Generate Reports
Generate Web Services
Define Business Object Generate & Tune UI Excel Upload
TracingCalculated Extension Fields Business Configuration
Integrate with SAP Cloud Solution
Lifecycle Management
Add Approval Task
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 14Customer
Developers Desktop
SAP Cloud SolutionIntroduction to Deployment: System Environment
Hosted Development System
SA
P C
lou
d
Ap
pli
cati
on
s S
tud
io
Bro
wse
rRepository
SAP Content
__________________________
_______
______________________
Partner Content
__________________________
_______
Runtime
Dev
elo
p
Test
Deploy
SAP Cloud Solution
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 15Customer
SAP Cloud SolutionIntroduction to Deployment: System Environment
Frontend
Server
Repository Service
Database and Search Engine
Re
po
sit
ory
Ten
an
tD
ata
Design Time Run Time
Cloud Applications Studio Web Browser
ExternalSystemRuntime Engines (RTE)
ServiceProvider
Your Web Service
Integrated UI Design Tools
• UI• Forms • Task • Business Objects
• Analytics • Web Service
Create, DeleteSave, EditCheck-out/in
R
ActivateClean
Design TimeDocuments
Business ObjectData
Add-On and Tenant Management
R
SAP Cloud Applications Studio
Introduction to BODL
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 17Customer
SAP Cloud SolutionBODL – What is a Business Object
BUSINESS OBJECTS
“A business object is an entity of significance to a business.”
Typical business objects are Sales Order, Employee and Product.
In SAP Cloud Solution, Business Objects:
Encapsulate business logic and business data Act as service consumer and provider Are accessible exclusively through a standardized
set of core services Are described by a business object model that defines:
Structure Type of the attributes Aspects of the behaviour Service interfaces
SalesOrder
PurchaseOrder
CustomerInvoice
Product
AccountingDocument
BusinessPartner
Accounting Principle
DunningStrategy
Business Transaction Documents
Master Data Objects
Business Configuration Objects
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 18Customer
SAP Cloud SolutionBODL – What is a Business Object
Business objects contain nodes, elements, associations and actions
The business objects are tree-like structured by nodes and sub-nodes
The data of the elements is persisted in the database Associations can point to other BOs within the add-on
or to standard BOs Actions capsulate the business logic Authorization on instance level (Only through
Association with Standard BOs) Link standard BO to BO of partner
Implement the business logic of add-ons. Examples: Calculate bonus, initialize elements, check user input
Usual control structures like „if“, „while“, „foreach“
Read-write access to elements of own or associated BOs
Query BO-instances Exception handling Library of reuse services
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 19Customer
SAP Cloud SolutionBODL – What is a Node
NODE
“A node is part of a Business Object. Each Business Object has a so called root node and can have a set of
further nodes below the root node.”
The creation of a Node implicitly introduces a relationship between the parent-node and the child-node. These relationships can be used toaccess features of the child-node from the parent-node.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 20Customer
SAP Cloud SolutionBODL – What is a Node
Save
Database and Search Engine
Query Retrieve Modify(Create, Update,Delete)
Action(application-defined)
Business Object Buffer and Lock Handler
Script Coding(AfterModify)
Script Coding(Action)
Script Coding(BeforeSave)
BO-Joins
Business objects nodes offer services (operations), which can be accessed via interfaces. Operations and their implementation are generated from the BO definition
Business logic is added in script coding. Script coding may call operations from other business object nodes
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 21Customer
SAP Cloud SolutionBODL – What is an Attribute
ATTRIBUTE
“Attribute is a named value or relationship that exists for some or all instances of some entity and is directly associated with that
instance.”
An attribute of an object usually consists of a name and a value; of an element, a type or class name.
Name
Address
Telephone Number
OBJECT: Employee
ATTRIBUTES:• Name• Address• Telephone
Number
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 22Customer
SAP Cloud SolutionBODL – What is an Association
ASSOCIATIONS
“Associations are unidirectional relations between two Nodes.”
Both nodes can be located within the same Business Object or within different Business Objects. You may have a business object node named Sales Order that has an association to another business object node Business Partner.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 23Customer
SAP Cloud SolutionBODL – Association
Sales Order Processing
SalesOrder
Customer Relationship Management
Bonus Plan
Bonus Entitlement
Bonus Management
Employee Compensation Agreement
Compensation Management
FoundationEmployee Material
Human Capital Management
Deployment Unit: A software package that can be operated with the foundation layer, isolated from other deployment units. It contains a set of process components.
Process Interaction: Defines the interaction between business objects in different deployment units
Query
Request
Response
Message-based interaction
To define the detailed structure of the business objects it is important to define the relationships and their cardinalities.
SAP Cloud Applications Studio
Introduction to ABSL
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 25Customer
SAP Cloud SolutionABSL - Actions
ACTIONS
“A script file that executes business logic at a particular point in time within the business object's lifecycle.”
Actions can be triggered from the user interface or from events or other actions.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 26Customer
SAP Cloud SolutionABSL - Actions
CheckConsistency:Checks consistency of the business object. It is also an example of code reuse.
ReleaseAction:The implementation of an action consists of two parts: The first part checks the preconditions of the action. If the preconditions are not met, the second part, which contains the execution of the action, is skipped
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 27Customer
SAP Cloud SolutionABSL - Events
EVENTS
“A script file that executes business logic at a particular point in time within the business object's lifecycle”
For example before-save, after-modify
Action Event: Each application-specific action, an event is provided for the implementation of action-specific validations (action precondition) and result determination.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 28Customer
SAP Cloud SolutionABSL – Events
Event before-save: executed before the consumer calls the save operation (moves to a different field) of a business object.
Name
Address
SAVE *address needs number
Name
I
SAVE
*name is not allowed
Event after-modify: executed whenever a consumer calls, or an action modifies a business object. (save)
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 29Customer
SAP Cloud SolutionABSL – Control Statements
LOOPS
“Situations when you need to execute a block of code several times”
SAP Cloud Solution supports two loop statements: while and foreach
var i = 0;while (i < 10) {
i = i + 1;}
var i = 0;var collection = … //defines a collectionforeach (instance in collection) {
i = i + 1;}
while loop: A control structure that allows you to repeat a task a certain number of times:
foreach loop: Causes the program iterating over collections of any type:
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 30Customer
SAP Cloud SolutionABSL – Control Statements
IF - ELSE
“Compares two or more sets of data and tests the results. If the results are true, the IF instructions are taken; if not, the ELSE
instructions are taken.”
For Example:
var x = 30;If ( x < 20 ) {
this.Message = “if statement”;}else { this.Message = “else statement”;}
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 31Customer
SAP Cloud SolutionABSL – Control Statements
SWITCH - CASE
“A switch statement allows a variable to be tested for equality against a list of values”
For Example:
Switch ( this.ConsistencyStatusCode ) { case “1” { this.Message = “Check Pending”; } case “2” { this.Message = “Not consistent”; } case “3” { this.Message = “Consistent”; }}
UI Designer
Click icon to add picture
Basic and Navigation
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 33Customer
SAP Cloud SolutionUI Designer
UI DESIGNER
“SAP offers a graphical tool for fine-tuning, the UI Designer”
The user interface designer (UI designer) is integrated into the SDK, and you can use it to create new screens, or modify the screens provided by SAP.
The UI designer supports drag-and-drop for the development of the view. You can move elements by dragging and dropping into desired position.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 34Customer
SAP Cloud SolutionUI Designer - Designer Layout
Display <>Edit, Save, Activate Focus Run Component
DesignerData Model
Controller Preview
DocumentWindow
Toolbox
PropertiesConfiguration
ExplorerBO Browser/ Data Model
ExtensibilityExplorer
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 35Customer
SAP Cloud SolutionUI Designer - Tabs
DataModel:■ Create the structure of the data model■ Create, delete and rename nodes in the data model structure ■ Bind the data model element to the business object element ■ Display the corresponding properties of the nodes in the Properties Explorer
Controller:To define the interaction between user interface components by creating event handlers, interfaces, navigations and queries.
Preview Screen: To preview the changes made to anuser interface component.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 36Customer
SAP Cloud SolutionUI Designer - Tabs
ToolboxProvides the panes and controls that can be used to design the layout of a user interface component in the Designer tab.
Panes : Shows different areas that the user can use to structure information. i.e. FormPane
Controls : Different types of elements that can be assigned to a pane. i.e. InputField
Layout Elements :Adjust the layout of the form.i.e. LayoutBorder
CCTS-Types :Choose the type of input variablei.e. Quantity
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 37Customer
■ PropertiesIt allows you to view and change propertiesfor each element in the user interface model.
■ Configuration ExplorerThe Configuration Explorer displaysthe repository content in the UID. You can filter the contentby a selected component type.
■ BO Browser/ DataModelBO Browser gives you a list of Business Objects andElements.
■ Extensibility ExplorerUsed to modify floorplans that come from layer lower than the layer the user is working on. It displays the anchors assigned for a particular area, such the toolbar, section group, pane container, etc. and the change transactions associated with these anchors.
SAP Cloud SolutionUI Designer - Tabs
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 38Customer
SAP Cloud SolutionUI Designer – Floorplans
Object Instance Floorplan (OIF) A floorplan that allows business users to create, view, and edit a business object. Typically, the OIF shows multiple tab pages.
Quick Activity Floorplan (QAF) A floorplan that allows business users to perform a specifictask quickly. This can be self-contained or a short subtask within the context of a larger task (for example, a simple Create operation).
Fact Sheet (FS) A sheet that displays the most important properties of a business object on one page.
Object Work List (OWL) A list pane that is always embedded in a work center view. The OWL contains business objects such as purchase orders or opportunities. Business users can, for example, search for, display, and edit business objects as well as trigger follow-on processes.
Object Value Selector (OVS) A user interface pattern that supports business users when they select values for an input field. An OVS helps business users to select one item from a table of business object instances.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 39Customer
SAP Cloud SolutionUI Designer – Toolbar
Important Toolbar Options:
2. Save and Activate Save your changes and implement them using activate
2. Display < - > EditChanges your view from a display to a view where you can edit what you want.
3. AddFlexLayoutColumnAllows you to add an extra column where you can add fields.
4. RunRuns the component after it has been activated in the front end system
21 3 4
Business Configuration
Basic and Architecture Configuration, BC View
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 41Customer
SAP Cloud SolutionBusiness Configuration: Basic and Architecture
“A process that enables prospective or existing customers to evaluate and quickly set up the SAP Cloud
Solution”
Allowing customers to adapt and change at any time
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 42Customer
SAP Cloud SolutionBusiness Configuration: Configuration, BC View
Design Time (Cloud Applications Studio) Run Time
Define Business Topic/ Option
Assign to BAC
Assign BC Content
Business Configuration Work Center
Activate
Activation of BC-Content
The definition of at least one Business Option to activate the partner solution is mandatory
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 43Customer
SAP Cloud SolutionBusiness Configuration: Configuration, BC View
Create Business Configuration Define Business Configuration Define Business Topics and/ or Business Options Integrate Partner Solution into Business Adaptation Catalog Define Dependencies to SAP Cloud Solution functionality
Assign BC Content Manual Assignment of Business Configuration Sets and Business Objects
Activate Business Configuration
Business Configuration Content of Partner is added to Business Adaptation CatalogScoping
Customer activates the Partner Solution by selecting it in the Business Adaptation Catalog
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 44Customer
SAP Cloud SolutionBusiness Configuration: Configuration, BC View
Define Business Configuration Set Define parameters and parameter values Reuse of parameters in multiple Business Configuration Sets possible
• Object generated during Activation
Business Configuration Object
Is generated for each Parameter a Business Configuration Object� Can be used to access the Parameter values via Business Object
queryCode List Data Type
� Is generated for each Parameter a Code List Data Type� Can be used to model Business Objects
Enhanced Controller Object� Is generated for each Business Configuration Set� Can be used to build a Fine Tuning UI
Developer options
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 46Customer
SAP Cloud SolutionSDK/Developer Desktop
Save Button Right-click:Create Solution
Trace Toolbar Administration ToolbarSolution Explorer
Right-click:Add New Item
Right-click:Activate
Right-click:Create Scripts
Right-click:Create Screens
Right-clickPreview Screen
PropertiesDocument WindowRepository View Error List
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 47Customer
SAP Cloud SolutionSDK/Developer Desktop – Toolbar Options
Administration Options
Standard Options
Tracing: You can use tracing to record information about your code as it is being executed. From the Trace Explorer , you can run a local trace, run a trace for an end user, use incident traces for troubleshooting purposes, and view the results of a recorded trace.
Analytics
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 49Customer
SAP Cloud SolutionReports
“Reporting, where the user is trying to access data such as all information relating to a particular group of assets”
■ Reports can be made up of graphs and tables to determine an identified analysis of data.
■ Reporting can give you information that would otherwise be hidden or hard to see.
■ SAP offers you way to improve your company by providing you with these tools.
Localization
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 51Customer
SAP Cloud SolutionLocalization
“Localization is the process by which an application is adapted to meet the requirements of a specific geographic region of the world”
Customers and partners benefit:
■ Access to additional localizations provided by partners
■ Accelerate the customers localization process
■ Clear pricing structure
What we offer at SAP:
■ Standard Localization system is set up for certain countries already.
■ Localization Toolkit is customised for customer specific needs in countries who are not already part of the standard system.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 52Customer
SAP Cloud SolutionLocalization
Customer Specific Localization (CSL)
A SAP Cloud Applications Studio Add-on, built as part of a project using any or all of these tools. Project goals are typically related to country-specify business practices or legal requirements.
Goals can be to enable operation of SAP Cloud Solution in a country without SAP country version, to enhance a SAP country versions or enhancements not related to localization at all.
Such a project will typically:
■ Identify local regulations and business practices ■ Transform these into legal, business, or software requirements ■ Implement these requirements or modify SAP Cloud Solution processes
accordingly■ Satisfy local legal and tax reporting regulations
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 53Customer
SAP Cloud SolutionLocalization
Examples of SAP Localization Customization:
Customer localization needs
Solve with Localization Kit
Extensibility
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 55Customer
SAP Cloud SolutionExtensibility
“Extensibility is a way customers can extend our software with data, user interfaces and business logic that support their specific
processes”
The architecture of SAP Cloud Solution allows extensions to be made without modifying the coding delivered by SAP.
Most Business Objects provided by SAP contain both extendable and non-extendable nodes.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 56Customer
SAP Cloud SolutionExtensibility
Extension
Extension
Extension
Extension
Business
Object
User Interfac
e
Analytics
Service Integrati
on
Forms
Various Business Objects can be extended
By creating an extension you can modify a field or makechanges with out modifying the standard business object.Therefore, not affecting ………..
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 57Customer
SAP Cloud SolutionReports
“Reporting, where the user is trying to access data such as all information relating to a particular group of assets”
■ Reports can be made up of graphs and tables to determine an identified analysis of data.
■ Reporting can give you information that would otherwise be hidden or hard to see.
■ SAP offers you way to improve your company by providing you with these tools.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 58Customer
SAP Cloud SolutionForms
“Form based documents are used to hold variables in fields to define content”
For example, Sales Order and Customer Invoice
■ Forms can be adapted using key user tools or add-on solutions to suit your business needs.
■ Forms can be related to many output methods such as print, fax or email.
■ You can modify or create a form template, change field types, change field bindings, text and layout.
Mobile Architecture
Click icon to add picture
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 60Customer
SAP Cloud SolutionMobile - Architecture
“Unwire your business,Untether your workforce and sprint ahead of the competition – with
our mobile software”
The potential benefits:
■ Higher workforce productivity. ■ Increased win rates with mobile access to real-time customer data. ■ Faster, more informed decisions at the point of action. ■ Better, more responsive customer service. ■ Accelerated sales cycles. ■ More flexible, agile, and accurate forecasting.
© 2014 SAP AG or an SAP affiliate company. All Rights Reserved.. 61Customer
SAP Cloud SolutionMobile – UI Architecture