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 ต่อไปนี้ -
|
Floorplan Manager สำหรับ Web Dynpro ABAP (FPM) | คุณสามารถกำหนดธีมแอปพลิเคชันที่ไม่ใช้ HTML Islands หรือแผนภูมิ UIBB ได้ |
SAPUIS | คุณสามารถจัดธีมไลบรารีมาตรฐาน SAP ไม่สามารถกำหนดธีมไลบรารี SAPUI5 แบบกำหนดเองได้ |
SAP NetWeaver Business Client (NWBC) |
|
จะเรียก 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 จากหน้าจอและจดบันทึกสิ่งนี้
