SAP Fiori - ผู้ออกแบบธีม

ตัวออกแบบธีม UI เป็นเครื่องมือบนเบราว์เซอร์ที่ช่วยให้คุณพัฒนาธีมของคุณโดยการแก้ไขเทมเพลตธีมที่ SAP จัดเตรียมไว้ให้

Example- คุณสามารถเปลี่ยนรูปแบบสีหรือเพิ่มโลโก้ บริษัท ของคุณได้ เครื่องมือนี้จะแสดงตัวอย่างของธีมในขณะที่คุณกำลังออกแบบ

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

แพลตฟอร์มที่รองรับ

  • SAP NetWeaver เป็น ABAP (ผ่าน UI Add-On 1.0 SP4)
  • SAP NetWeaver Portal (7.30 SP10 และเวอร์ชันที่สูงกว่า)
  • SAP HANA Cloud (ตามแผน)
  • SAP NetWeaver Portal (7.02 ตามแผน)

คุณสมบัติและประโยชน์ที่สำคัญ

คุณสมบัติและประโยชน์ที่สำคัญมีดังต่อไปนี้

  • Browser-based, graphical WYSIWYG editor - เปลี่ยนค่าของพารามิเตอร์การกำหนดธีมและดูทันทีว่ามีผลต่อการแสดงภาพของหน้าตัวอย่างที่เลือกอย่างไร

  • Build-in preview pages - เลือกหน้าตัวอย่างที่มีอยู่แล้วภายในเพื่อดูว่าธีมที่กำหนดเองของคุณจะเป็นอย่างไรเมื่อนำไปใช้กับแอปพลิเคชัน

  • Application previews - ตัวอย่าง: การอนุมัติใบสั่งซื้อ SAP Fiori Launchpad

  • Control previews.

ระดับต่างๆของธีม

  • ธีมด่วน (การตั้งค่าธีมข้ามเทคโนโลยีขั้นพื้นฐาน)

  • ธีมผู้เชี่ยวชาญ (การตั้งค่าธีมเฉพาะเทคโนโลยี)

  • การแก้ไข LESS หรือ CSS ด้วยตนเอง

  • จานสีสำหรับใช้ซ้ำ - ระบุชุดพารามิเตอร์ที่มีค่าสีหลักซึ่งเป็นตัวกำหนดการสร้างแบรนด์องค์กรของคุณ

  • ธีมข้ามเทคโนโลยี - สร้างธีมเดียวที่ใช้กับไคลเอนต์ SAP UI และเทคโนโลยีต่างๆ

  • ไลบรารีมาตรฐาน SAPUI5 (รวมถึงแอปพลิเคชัน SAP Fiori และ SAP Fiori Launchpad)

  • เทคโนโลยีการแสดงผลแบบรวม (เช่น Web Dynpro ABAP และ Floorplan Manager)

  • SAP NetWeaver Business Client

ไคลเอ็นต์ SAP UI ส่วน UI สามารถกำหนดธีมได้
เว็บ Dynpro ABAP

คุณสามารถกำหนดธีมแอปพลิเคชันที่ไม่ใช้องค์ประกอบ UI ต่อไปนี้ -

  • เกาะ HTML

  • คอนเทนเนอร์ HTML

  • Chart

  • เกาะแฟลช

  • เกาะแสงสีเงิน

  • กราฟิกธุรกิจ

  • คุณสามารถใช้เฉพาะธีมที่สร้างด้วย UI Theme designer สำหรับแอปพลิเคชัน Web Dynpro ABAP ใน SAP NetWeaver 7.0 EHP2

Floorplan Manager สำหรับ Web Dynpro ABAP (FPM) คุณสามารถกำหนดธีมแอปพลิเคชันที่ไม่ใช้ HTML Islands หรือแผนภูมิ UIBB ได้
SAPUIS คุณสามารถจัดธีมไลบรารีมาตรฐาน SAP ไม่สามารถกำหนดธีมไลบรารี SAPUI5 แบบกำหนดเองได้
SAP NetWeaver Business Client (NWBC)
  • NWBC for Desktop (4.0 or higher) - คุณสามารถจัดธีมเชลล์ NWBC และหน้าภาพรวม (หน้าดัชนี, หน้าแท็บใหม่, แผนผังบริการ)

  • NWBC for HTML (3.6)- คุณสามารถจัดรูปแบบแผนที่บริการ เปลือกไม่สามารถกำหนดแนวได้

จะเรียก Theme Designer ใน SAP Fiori ได้อย่างไร

ล็อกอินเข้าสู่เซิร์ฟเวอร์ SAP Fiori Front-end

คุณสามารถใช้ T-Code: Theme Designer หรือใช้ทางลัดตามที่แสดงด้านล่างและเข้าสู่ระบบ

เมื่อคุณเข้าสู่ระบบคุณจะเป็นเทมเพลตเริ่มต้นทั้งหมดที่ SAP for Theme Designer มีให้ เลือกธีมเริ่มต้นแล้วคลิกOpen.

ป้อนลิงก์ Fiori Launchpad และชื่อแอปพลิเคชันแล้วคลิก ADD.

จากด้านขวาคุณสามารถเลือกสีแบบอักษรรูปภาพและคุณสมบัติอื่น ๆ คุณสามารถแก้ไขสีตามที่แสดงในภาพรวมด้านล่าง

หากต้องการบันทึกธีมให้คลิกไอคอนบันทึกดังที่แสดงด้านล่าง คุณยังมีตัวเลือกในการบันทึกและสร้างตัวเลือก

เมื่อคุณเลือก Save and Buildระบบจะเริ่มบันทึกและเมื่อเสร็จสิ้นคุณจะได้รับการยืนยันบันทึกและสร้างเสร็จสมบูรณ์

หากต้องการรับลิงก์ของธีมที่กำหนดเองนี้ให้ใช้ T-code:theme_tool.

เลือกธีมที่คุณสร้างขึ้นแล้วคลิกแท็บข้อมูล

ใช้ Ctrl + Y เพื่อคัดลอก URL จากหน้าจอและจดบันทึกสิ่งนี้