当前位置: 首页 > Web前端 > HTML5

SAPFioriElements公开课第一单元概览

时间:2023-04-05 14:16:49 HTML5

OpenSAP课程地址很多SAP从业者反馈openSAP上的视频因为网络原因无法访问,我会在个人微信“王子熙”上继续上传,把这些视频放上中文字幕发布,敬请期待。本文为OpenSAP课程之一,SAPFioriElements公开课第一单元视频的中文字幕和概述。大家好。欢迎来到学习单元的第一周,OpenSAP学习课程,开发和扩展SAPFioriElements应用程序。我是SAPFioriElements的产品经理StephanieHager和SAPFioriElements的另一位产品经理PeterSpielvogel。在本单元中,我们将一起介绍SAPFioriElements。在接下来的四个星期里,您将学习如何创建SAPFioriElements应用程序以及如何扩展它。第一周,我们将介绍一些基本的架构知识,并讲解OData服务如何在SAPFioriElements系统中发挥作用。第二周和第三周,我们将创建几个不同类型的SAPFioriElements应用程序,并熟悉各种工具的使用这里的目的是向大家介绍SAPFioriElements开发项目第四周会遇到的大部分技术,主要围绕FioriElements应用的Extensibility这个话题。这是一门开发课程,显然是针对开发人员的,但是对于任何其他角色的SAP从业者来说,只要有兴趣,也是可以的。参加本课程,了解构建SAPFioriElements应用程序是多么容易,因此我们将一起构建几种不同类型的FioriElements应用程序。本课程提供了一些可选练习,我们鼓励您按照这些练习进行操作。一些额外的材料。因为我们无法涵盖我们想要在课堂上展示的所有内容,所以本课程将为旅行柜台文员Jay开发一个应用程序,以管理旅行和预订信息。业务员可以通过TravelOverview了解最重要的业务数据,在应用中,他可以导航到行程列表,进一步查看行程详情,还可以使用预订分析功能。我们还会在出行场景之外额外创建一个应用来管理带出去的食物和饮料。此处我们将使用外部OData服务,SAP不提供该OData服务。这里给大家做一个简单的demo,展示一下应用完成后的应用效果。在本课程中,我们将一起制作这个应用程序。这是Jay的所有旅行数据,卡片总结了Jay最重要的业务数据,包括一些分析信息。这是最重要的快速链接列表。通过这张清单卡片,您可以一目了然地看到哪些行程需要特别注意。这些是即将到来的旅行,但尚未获得批准。单击此列表的头部区域可导航至旅行列表。此列表是根据我们的列表报告得出的。我们提供了许多开箱即用的功能,例如变体管理、通用搜索和表格个性化。表列中的筛选字段由应用程序开发人员通过元数据提供,还可以导航到旅行详细信息页面。这是FioriElements的另一个标准功能。这类ObjectPage页面提供了很多开箱即用的功能,比如编辑功能,包括草稿管理(Draftmanagement)。您看到的地图是GeoMap控件的一部分。这是我们在SAPFioriElements标准中不支持的功能。因此,在本课程中,我们还将学习如何增强FioriElements应用程序,以开发其开箱即用功能列表中未包含的功能。前面我提到,Jay还可以通过预订分析应用程序分析预订信息。页面,为切片和切块数据提供额外的分析功能,尤其是此处的这些交互式图表,以及此处的可视过滤器的简单演示。现在Peter将解释UX一致性背后的技术以及为什么UX一致性很重要谢谢Stephanie。您的演示展示了SAPFioriElements在跨所有应用程序提供一致体验方面的价值出于这个原因,用户体验的一致性在板级类中具有优先级。正如我们在ThomasSaueressig的这句话中看到的那样,这是从他的一篇博客文章中获取的链接我们的开发工作专注于提供一致的用户体验,而SAPFioriElements在这个功能中发挥着重要作用这是我们的主要工具之一用于为SAPS/4HANA开发应用程序。使用SAPFioriElements,您构建的应用程序的外观和体验将与SAP发布的S/4HANA应用程序完全相同。让我们重申一下为什么一致的用户体验如此重要。企业级软件开发的挑战之一是让所有开发人员遵循相同的用户体验标准。用户体验一致性包括字体和颜色、屏幕上信息的布局以及所有交互模式。良好的用户体验带来可衡量的好处。优势一致性是出色用户体验的核心出色的应用用户体验意味着人们喜欢您的应用。没有什么比编写一个没有人使用的应用程序更令人沮丧的了。了解如何在您自己的屏幕上查找信息以及如何在您的应用程序中导航,可以让用户在使用您的应用程序时感到更加自信和高效。一致性促进用户。快速学习曲线,因为用户已经知道点击哪里以及菜单如何工作简单一致的屏幕也意味着人们犯的错误更少。因此系统中的数据更干净所有这些可衡量的好处加起来意味着用户会更快乐地使用您创建的应用程序使用FioriElements可以让您获得所有这些好处,同时控制开发和维护成本,这就是为什么SAP内部原因非常依赖FioriElementsSAPFioriElements采用了SAPUI5技术,这是一种现代Web开发框架,可以通过一组代码实现,以创建一系列跨平台使用的应用程序使用SAPUI5为您的应用程序提供多种优势Web应用程序的一个关键优势。它为您提供最新的SAPFiori体验,并且随着设计系统的发展,它将继续为SAP企业级产品标准提供内置支持,例如安全性、集成性和可访问性,因为SAPUI5是一种基于Web的技术,可以用于在所有平台、浏览器和设备上运行,因此您只需编写一次即可拥有桌面和移动应用程序。FioriElements还使您能够使用SAPUI5的灵活性扩展SAP标准应用程序并自定义UI,而无需任何编码专注于使用SAPUI5扩展标准应用程序到目前为止,您已经在FioriElements的演示示例中看到了一些SAP,并且了解了一些有关SAPUI5的知识那么,SAPFioriElements到底是什么?SAPFioriElements是一个UI库,提供了几种标准平面图(FloorPlan)。SAPFioriElements使用元数据,因此您可以使用最少的代码创建Fiori应用程序。元数据决定了应用程序的外观和行为。这种元数据驱动的开发方法有几个主要好处。您使用旨在在各种常见布局中执行的企业级应用程序质量代码开始您的开发。这种低代码方法可以改善您的开发。效率,因为您只关注业务逻辑,不需要为用户界面编写任何代码平面图已经包含Fiori设计,因此您编写的所有应用程序看起来都一致。因为SAP提供了UI,所以我们也维护它。随着Fiori设计的发展,您的FioriElements应用程序可以继承这些更新。现在Stefanie将介绍不同的平面图通过提供标准的平面图,大大提高开发人员的生产力的功能。屏幕上显示的五个平面图由SAPFioriElements设计,涵盖绝大多数业务用例。概览页面(overviewpage)提供了某些业务领域的数据概览。Overview页面是业务流程的起点。比如我们从概览页面跳转到旅游列表界面。旅行列表界面是基于SAPFioriElements的另一种方案:ListReportListReport是为了对大量的item数据进行过滤和排序ListReport允许用户导航到一个对象页面,即ObjectPage,提供对进一步细节的具体见解。AnalyticalList页面有额外的分析功能,比如我们之前在预订分析应用中看到的图表和可视化过滤器。第五个FloorPlan是Worklist页面,用于对任务列表进行处理和优化。我们没有时间在本课程中介绍这个平面图。使用SAPFioriElements构建的应用程序自动成为“企业就绪”应用程序。我们的框架提供开箱即用的高质量、稳定和优化的UI代码,这意味着您无需编写、测试或维护大量复杂的UI代码。相信你之前听说过SAPUI5Freestyle。它还可以提供企业就绪的应用程序功能那么,SAPFioriElements和SAPUI5Freestyle的用例是什么?Peter能否介绍一下他们的技术选择?当然,显然,两者都是开发SAPFiori应用程序的不错选择。最适合您的方法取决于您的实际情况和需要满足的业务需求。简而言之,如果你选择了SAPFioriElements,就意味着你决定牺牲一定的Flexibility来换取效率如果你的业务需求基本上可以被前面介绍的FioriElements的五个FloorPlans覆盖,那么使用FioriElements可以高效构建应用,因为在这种情况下,你只需要专注于定义注解,而应用程序的UI界面和控制逻辑已经由SAP框架代码提供。这种简化的过程减少了开发和维护的时间和成本。如果你需要实现的场景没有被这些计划覆盖,那么扩展这些计划将花费很多。这时候SAPUI5Freestyle是更好的选择。使用SAPUI5Freestyle,您将全权负责UI开发,并且您在设计中拥有充分的灵活性。显然,这将导致更高的开发和维护成本。本课程我们将涵盖开发SAPFioriElements和SAPUI5Freestyle开发所需的知识,这是OpenSAP的另一门课程。在本课程的最后一周,我们将使用SAPUI5Flexibility来扩展SAP标准应用程序。SAPFioriElements开发历程的最后总结,希望大家能够愉快的加入。在本单元中,我们讨论了为什么一致的用户体验可以使您的业务受益,为什么SAPUI5和FioriElements的结合可以提高应用程序开发效率以及用户体验一致性在构建大型企业应用程序中的重要性最后我们讨论了FioriElements适用的地方以及它如何补充SAPUI5Freestyle在下一个单元中,我们将讨论SAPFioriElements的架构主题以及所有不同的底层技术如何协同工作。感谢观看本视频,我们下次再见。更多Jerry原创文章在这里:《王子熙》: