พัฒนาแอปพลิเคชัน SAP Fiori อย่างรวดเร็วด้วย SAP Fiori Elements

ทำความรู้จัก SAP Fiori Elements

SAP Fiori Elements เป็นเฟรมเวิร์กที่ประกอบด้วยเทมเพลตพื้นฐานเพื่อช่วยในการพัฒนาแอปพลิเคชัน SAP Fiori ซึ่งสามารถทำให้จัดทำระบบได้รวดเร็วขึ้นอย่างมาก เนื่องจากโปรแกรม SAP Fiori Elements จะมีเทมเพลตที่กำหนดไว้ล่วงหน้า ช่วยให้นักพัฒนาสามารถสร้างแอปพลิเคชันได้อย่างรวดเร็วและมีประสิทธิภาพมากขึ้น โดยไม่ต้องเริ่มต้นจากศูนย์

ข้อดีของการใช้ SAP Fiori Elements 

• สามารถพัฒนาแอปพลิเคชันได้อย่างรวดเร็ว โดยลดการเขียนโค้ด front-end ในการสร้างแอป SAP Fiori  
• User Interface พร้อมใช้งาน  
• เสถียร และมีประสิทธิภาพ โดยไม่ต้องปรับแต่งเพิ่ม และยังมีแอปพลิเคชัน SAPUI5 ที่มีคุณภาพสูงแก่ผู้ใช้ 
• ขับเคลื่อนความลื่นไหลของ UX ตามแนวทางการออกแบบ SAP Fiori ล่าสุด  

นักพัฒนาสามารถใช้ SAP Fiori elements ในการพัฒนา SAP Fiori applications โดยใช้ OData services และ annotations  โดยที่ใช้เพียงพื้นฐาน JavaScript ในการพัฒนา UI เพราะ Fiori Elements มี views และ controllers มาให้ใช้จากส่วนกลางของ SAP ได้เลยเมื่อมีการเริ่มพัฒนา SAP Fiori ใหม่ โดยไม่จำเป็นต้องมีการสร้าง Metadata, OData service ขึ้นมาซ้ำๆ นอกจากนี้ SAP Fiori elements สามารถพัฒนาร่วมกับ programming models ใหม่ๆประกอบกับ UI Technology ได้  

SAP Fiori elements ต่างจากการพัฒนา SAPUI5 แบบดั้งเดิม นักพัฒนาไม่จำเป็นต้องมีพื้นฐาน JavaScript มากนักก็สามารถารพัฒนาแอพพลิเคชั่น SAP Fiori เนื่องจาก JavaScript เป็นภาษาที่มีความยืดหยุ่นและไดนามิก ไม่มีการตรวจสอบโค้ดในขณะคอมไพล์ ทำให้โค้ดมีโอกาสเกิดข้อผิดพลาดระหว่าง Run Time แต่ SAP Fiori elements ช่วยลดเวลาในการเจาะลึกถึงรายละเอียดของ JavaScript และดีบักโค้ดภาษา JavaScript วิธีการพัฒนาแอป SAP Fiori แบบนี้สามารถปรับปรุงคุณภาพ เสถียรภาพ และการบำรุงรักษาโดยรวม SAP Fiori ได้ โดยเฉพาะเมื่อต้องการพัฒนาแอปพลิเคชั่นจำนวนมากในเวลาเดียวกันบน SAP Fiori

วิวัฒนาการของ Fiori Elements 

เมื่อ SAP เริ่มสร้างแอป SAP Fiori ชัดเจนว่าจำเป็นต้องมีวิธีการขยายการพัฒนาทั่วทั้งองค์กร 80% ของแอป Fiori ที่ SAP บน SAP S/4HANA ถูกสร้างขึ้นด้วย SAP Fiori elements SAP Fiori elements ให้ UI ที่พร้อมใช้งานทันทีโดยไม่ต้องปรับแต่งเพิ่มเติม โดยมีการเรียกใช้งานแต่ละส่วนไม่ซับซ้อน เช่น การสลับหน้าระหว่างหน้าเพจหรือแอป ความสามารถในการค้นหา(Search) จัดเรียง(Sort) และกรองรายการ(Filter) รวมถึงฟังก์ชันที่ซับซ้อน เช่น การแก้ไขด้วยการจัดการร่าง การสนับสนุนการแปล และความเข้ากันได้กับอุปกรณ์มือถือ

SAP Fiori Elements Page Types  

SAP Fiori Element สร้างมาให้เข้ากับบริบทขององกรณ์และภาพรวมของข้อมูลธุรกิจ โดยมีรายการข้อมูลหลายประเภทให้เลือกใช้ และการจัดการข้อมูล SAP Fiori elements ถูกพัฒนาขึ้นเพื่อครอบคลุมการใช้งานส่วนใหญ่ที่พบใน ERP 

Annotations สำหรับ OData Services 

OData เป็นโปรโตคอลมาตรฐานสำหรับการสร้างและใช้ข้อมูลโดยใช้ HTTP และ REST API สำหรับการ create, read, update, delete (CRUD) นอกจากนี้ยังช่วยให้รวมข้อมูลจากแหล่งที่หลากหลายได้ ผู้ใช้สามารถใช้ข้อมูลได้อย่างปลอดภัยและรวดเร็วทุกที่ทุกเวลา และ OData ยังเป็นมาตรฐานในการรับส่งข้อมูลระหว่าง SAP back-end และ SAPUI5 front-end 

SAP Fiori elements สร้างแอปพลิเคชันในเวลารันไทม์โดยผสานรวมสามส่วนหลัก

• OData services 
• OData annotations 
• และ SAP Fiori element page types. 

โปรโตคอล OData V2 อนุญาตให้เพิ่มคำอธิบายประกอบลงในเอกสารเมตาดาต้า เพื่อเพิ่มข้อมูลและคำแนะนำให้กับองค์ประกอบของโมเดลข้อมูล เอกสารเมตาดาต้านี้ทำให้เข้าใจบริการได้ง่ายขึ้น OData V4 ลดปริมาณข้อมูลด้วยภาษาคำสั่งที่ทรงพลังยิ่งขึ้น โปรโตคอล JSON ที่ปรับปรุงใหม่ และแนวคิดเมตาดาต้าที่เปลี่ยนไป โดย Odata ที่เข้ากับ SAP Fiori Elements ในปัจจุบันยังใช้ได้เพียง Odata V2 และ V4 เท่านั้น โดย SAP ได้มีแพลนสำหรับอนาคตตามภาพด้านล่าง

คำศัพท์ (Vocabulary) 

คำศัพท์กำหนดวิธีการเพิ่มคำอธิบายประกอบ(Annotations)ลงในบริการ OData ไฟล์คำอธิบายประกอบทั้งหมดต้องเริ่มต้นจากการอ้างอิงและให้ชื่อย่อกับคำศัพท์บางคำ 

ในการพัฒนา SAP Fiori elements คำศัพท์ที่สำคัญที่สุดคือ UI vocabulary ซึ่งกำหนดคำอธิบายประกอบที่ใช้ใน SAP Fiori elements

เป้าหมาย (Target) 

คำอธิบายประกอบ(Annotations) ต้องถูกจัดกลุ่มตามเป้าหมาย ซึ่งเชื่อมโยงกลุ่มคำอธิบายประกอบ(Annotations) กับสิ่งอื่นๆใน OData Services คำอธิบายประกอบ(Annotations) ส่วนใหญ่เกี่ยวข้องกับข้อมูล โดยเฉพาะประเภทหรือคุณสมบัติของเอนทิตี้ 

Term และ Qualifier 

คำอธิบายประกอบ(Annotations) ทั้งหมดต้องมีคำศัพท์ คำศัพท์กำหนดความหมายของคำอธิบายประกอบ หากมีคำอธิบายประกอบสองคำที่มีคำศัพท์เดียวกันสำหรับเป้าหมายเดียวกัน ต้องเพิ่ม qualifier เพื่อทำให้คำอธิบายประกอบไม่ซ้ำกัน 

Type Inheritance 

Type Inheritance ได้รับการสนับสนุนเพื่อการใช้งานที่ดีขึ้น ตัวอย่างเช่น DataFieldAbstract เป็นประเภทข้อมูลเชิงนามธรรมและประเภท DataFieldWithAction มีฐานข้อมูลของ DataFieldAbstract 

Smart Controls 

Smart controls เป็นหมวดหมู่เฉพาะของ SAPUI5 controls ที่มีคุณสมบัติพิเศษเพิ่มเติมจากคุณสมบัติมาตรฐาน ตัวอย่างเช่น การสนับสนุน OData ซึ่ง smart control จะตีความเมตาดาต้า OData และบางครั้งบันทึกเวอร์ชันของ UI ที่ผู้ใช้กำหนดสำหรับการใช้งานในภายหลัง 

Author: Sutthawee H.  

Reference:  
https://learning.sap.com/learning-journeys/develop-sapui5-applications/explaining-the-architecture-of-fiori-elements_e89bd7ac-24e6-4b46-a84e-8011c612a37e
About SAP SuccessFactors OData APIs (V2) | SAP Help Portal