评估 SAP Fiori

学习目标

  • 描述消费者级别用户体验的重要性。

  • 区分可用的 SAP Fiori UX 布局。

消费级用户体验的重要性

消费者级用户体验的重要性

无论软件应用程序的创新性如何,最终决定其成功或失败的最终用户都会成功采用,与应用程序提供的用户体验 (UX) 相比,没有什么与成功采用有关。

为什么用户体验如此重要?如今,与过去不同,最终用户希望企业应用程序的视觉外观与他们在手机、平板电脑和网站上使用的应用程序具有相同的视觉外观。

如"介绍 Clean Core 方法"课程中所述,最终用户的需求虽然很重要,但必须根据业务和 IT 部门的需求进行平衡。但幸运的是,在这种情况下,这种平衡给大家带来了"双赢"。除了令最终用户满意之外,精心设计的用户体验还可以降低培训成本,因为最终用户需要更少的时间来学习应用程序。设计良好的应用也减少了错误,导致 IT 部门花费更少的时间处理支持请求,更不用说最终用户的工作效率更高。最后,减少错误会减少客户投诉,从而提高净提供商分数,这是所有公司的价值。

什么是 UX?

现在,我们了解用户体验为何如此重要,下面,我们来看看用户体验究竟是什么。定义有一些变化,这是可以理解的,不一定有问题。国际标准组织 (ISO) 是定义的一个很好的起点。ISO 9241 将用户体验定义为"用户使用和/或预期使用系统、产品或服务而产生的用户的看法和响应"。ISO 定义中引用的感知受使用的应用程序以及所涉及的使用和使用应用程序的上下文的影响。

此定义是 SAP 消费级用户体验的良好起点 - SAP S/4HANA Cloud 产品策略的支柱之一。对于 SAP 而言,消费级 UX 是指具有"消费者"外观且感觉最终用户想要的企业应用。在 SAP Fiori 中,消费级用户体验的个性化程度最高。SAP Fiori 是一个设计系统,包含有效用户体验开发所需的所有方面。这些方面包括构成应用程序的可视元素、导航概念、应用程序配置选项等。

除产品策略外,SAP Fiori 也是 clean core 方法的重要部分。请注意,在"介绍 Clean Core 方法"课程中,我们提到了 clean core 方法的一个部分是使用明确定义的升级稳定的接口。SAP S/4HANA Cloud 数据通过接口(特别是远程 API)提供给 SAP Fiori 应用 - 我们将在即将到来的课程中看到这些应用的探索。

SAP Fiori 优势

SAP Fiori 功能

SAP Fiori 和 SAP Fiori 元素应用的一致性

SAP Fiori 和 SAP Fiori 元素应用均使用 SAPUI5 构建。SAPUI5 又基于基于 Web 的标准化技术。SAPUI5 使用 HTML5 以及 CSS3 和 JavaScript。它还利用两个众所周知且流行的库:LESS 和 jQuery。SAPUI5 具有近 200 个开发人员可用于构建 UI 的标准控件。无论使用何种应用程序,这些控件的外观和行为都相同。因此,无论是财务部门中的人员使用的现金流分析器应用,还是仓库职员使用的盘点库存盘点应用,元素类型都是相同的。

SAP Business Application Studio

SAP Business Application Studio 是 SAP Business Technology Platform (BTP) 上提供的服务。SAP Business Application Studio 是一个现代的集成开发环境,可用于构建 SAP Fiori 应用。使用一组集成工具和向导,只需单击几下按钮即可自动生成项目结构以及包含代码的文件。与从头开始创建所有必要项目组件相比,这显著减少了开发时间。

SAP Fiori 元素和 Fiori 工具

SAP Fiori 元素可以进一步缩短开发时间。项目团队设计 SAP Fiori 应用时,他们必须决定的是开发应用自由式还是使用 SAP Fiori 元素。在这两种情况下,SAP Business Application Studio 都会生成所有必需的项目组件,而 SAP Fiori 元素允许您通过提供基于模板和元数据的应用创建方法来扩展 SAP Fiori 开发。这会减少创建应用程序所需的前端开发量(相对于自由式方法),以便您可以专注于所需的业务逻辑和后端服务。

SAP Fiori 元素应用自动为企业级。该框架确保高质量、稳定、优化的 UI 代码。它还提供许多企业空间中预期的开箱即用的功能,但通常实施起来相当昂贵,例如可访问性、变式管理或编辑模式。

SAP Fiori 元素按目的(即分析、工作清单)将应用程序分类为多个平面布置之一。开发应用程序时,开发人员在 SAP Business Application Studio 中选择 平面布置。但是,与 UI5 自由式生成不同,不会生成 HTML5、CSS 和 JavaScript 文件。相反,会创建包含基于 XML 的注释的一系列文件。当最终用户启动应用程序时,SAPUI5 运行时会在运行时评估这些注释,并动态渲染 UI。

一些可用的平面布置包括:

  • 分析清单

  • 页面

  • 初始页面

  • 清单报表

  • 对象页面

  • 概览页面

  • 向导

  • 工作清单

如果项目团队需要为其用例扩展 SAP Fiori 元素应用,则他们始终可以选择将自定义代码添加到其应用。在灵活编程模型中,开发人员将在利用 Javascript 框架和 UI5 UI 库的自由式 UI5 中执行此操作。

除灵活编程模型外,开发人员还可以使用附加方法通过所需功能进一步增强应用程序。SAP Fiori 元素应用程序可以"绑定"到在 ABAP 平台(特别是核心数据服务 (CDS) 视图)中实施的 OData 服务。注释可以放置在 CDS 视图中,由 UI5 运行时进行评估。除了将注释放置在 SAP Business Application Studio 项目中的功能外,这两个选项还为开发人员提供了应用程序设计的灵活性。可以将范围更全局的注释放置在 ABAP 层(从而避免开发人员在多个应用中重复复制它们)。可以在每个单独的应用程序中放置更具体的注释(可能因应用而异,具体取决于最终用户要求)。当我们探索 SAP S/4HANA Cloud 可扩展性模型下可能的不同类型的扩展时,ABAP 层和 UX 层之间的这种耦合的潜在优势在后面的单元中变得更加明显。

测试流程更简单

SAP Business Application Studio 拥有大量测试工具来帮助开发人员。XML、JavaScript 和 JSON 代码都受益于自动插入和完成代码。这三种都是使用集成工具进行语法检查的。开发人员能够直接从集成开发环境启动他们正在使用的 SAP Fiori 应用程序。

标准化开发术语

SAP Fiori 基于流行的"分层"开发理念。数据层提供持久性。服务层提供创建、读取、更新和删除操作 (CRUD) 的实施。视觉层基于流行的模型视图控制器 (MVC) 模式实施,大多数开发人员都熟悉该模式,对于不熟悉的人来说,很容易学习。MVC 模式的每个元素都有一组定义的开发对象,其中包含构成开发模式的特定功能。由于这种标准化,项目团队成员之间的沟通更加容易。应用开发更加高效,应用维护更直接。

设计原则

SAP Fiori 设计指南

通过 SAP Fiori 实施的消费级 UX 基于以下五个基本构件块:

  • 角色适当性

  • 适应性

  • 简单

  • 一致性

  • 愉悦

基于角色

通过事务 PFCG 维护的角色概念将 SAP Fiori 应用程序分配给最终用户。事务代码 PFCG 是 SAP Basis 管理员和权限专家众所周知的,因此 SAP Fiori 的学习曲线最少。SAP Fiori 应用分配到两种类型的部件:目录和组。可以将其中之一或两者分配给角色,而该角色又通过事务代码 PFCG 分配给用户。通过简化分配流程,公司能够确保工作要求与合规性和组织控制要求保持一致。

自适应

目前,最终用户的最大需求之一是他们倾向于使用他们选择的设备来完成工作。最终用户不仅使用手机、平板电脑和台式机,还希望能够在一台设备上开始流程并在其他不同设备上完成。SAP Fiori 的核心内置了适应性。应用程序根据正在使用的设备类型自行渲染。ABAP 层固有的草稿功能允许最终用户临时停止应用程序执行并在其时间表的稍后时间点完成。

简单

在 SAP ERP 环境中,SAP GUI 应用程序有时可以由大量屏幕组成,并相应地包含大量字段、菜单和按钮。在 SAP Fiori 环境中,这些应用程序基于一个(用于特定目的的单个应用程序)原则解构为小型模块化应用程序。

一致

无论最终用户使用哪个 SAP Fiori 应用,无论其用途如何,他们都会在整个企业内体验一致的交互和视觉体验。

令人愉悦

如前所述,最终用户是实现企业软件最终价值的地方。由于 SAP Fiori 支持他们简单地完成工作,因此他们的工作体验得到了丰富。

进一步学习

可通过以下学习旅程进一步了解 SAP Fiori:

  • 学习 SAP Fiori 的基础知识

  • 基于 CAP OData V4 服务开发 SAP Fiori 元素应用

  • 开发 SAPUI5 应用程序

创建 SAP Fiori 应用程序

练习开始练习(SAP 官方交互式练习)