Mockup of an Assignment Tracking App with SAP Fiori by Eloise Delvat on April 2015.

1. Assignments Tracking App
An SAP Fiori App by Eloise Delvat
April, 2015

2. PREFACE
INTRODUCTION
To allow for creating quick mock-ups, SAP Fiori provides a kit for Microsoft
PowerPoint which includes all important UI elements. By using this
prototyping kit, you can easily create mock-ups and create links between
pages using PowerPoint's functionalities. When designing your prototype,
keep the design principles in mind.
SAP Icon Font
To view the following slides correctly, please make sure you have the latest
version of the SAP’s icon font (file: SAP-Icons.ttf) installed. It comes with the
Open UI5 SDK. For example for windows 7 installation, simply search the
open UI5 library for string “.ttf”. In the search results right-click on the sap-
icons.ttf file and select install. You can then change and insert icons in
Microsoft PowerPoint via “Insert-> Symbol” and selecting font: “SAP-Icons”.
After the installation on Mac, you can open the font Book application and
select the “user” from the navigation menu. Then choose the SAP-Icons to
view all the icons. From here you can highlight any icon and copy it to your
Microsoft PowerPoint slides.
Please address your design-related questions to fioridesign@sap.com .

3. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 3
Introduction
This presentation is explained
on the SAP Collaboration Network:
http://goo.gl/FTgV9l

4. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 4
Design Thinking

5. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 5
Login

6. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 6
4.2HR
Record
Time for Completion
of all Assignments
Future Tests
School News
April 10, 2015
Weather Forecast: Sunny all day!
Assignments Tracker
Next Week
Completed 10
In Progress 5
New 7
My Home
Next Period Schedule
Mon: 6 / 2 / 4
Tue: 7 / 3 / 5
Wed: 2 / 4 / 6
Thu: 3 / 5 / 7
Fri: 4 / 6 / 2
Mon 4/13:
Equations (Math)
Thu 4/16:
Bones (Science)
Rose

7. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 7
Design Thinking

8. 3.74
GPA
2
New
1
In Progress
3
Completed
2
Future Tests Grades
P4 - Language Arts 3.56
GPA
P3 - Social Studies
P1 - Math 3.72
GPA
Filtered by: next week
Assignments (22) Assignments (6)
P5 - French 2 4.00
GPA
P2 - French History 3.74
GPA
FinishIn Progress
Period 2 - French History
N. Bonaparte
3.74 / A
GPA / Letter Grade
Rose
2 1 3
213
6 11
0
5 5
3.92
GPA
Due Date Description
 Mon, Apr 13 Ex. Chp. 15, p. 269-271
 Wed, Apr 15 Review for Test on Chp. 14

9. Due Date Description
 Mon, Apr 13 Ex. Chp. 15, p. 269-271
 Wed, Apr 15 Review for Test on Chp. 14
3.74
GPA
2
New
1
In Progress
3
Completed
2
Future Tests Grades
P4 - Language Arts 3.56
GPA
P3 - Social Studies
P1 - Math 3.72
GPA
Filtered by: next week
Assignments (22) Assignments (6)
P5 - French 2 4.00
GPA
P2 - French History 3.74
GPA
FinishIn Progress
Period 2 - French History
N. Bonaparte
3.74 / A
GPA / Letter Grade
Rose
2 1 3
213
6 11
0
5 5
3.92
GPA
Profile
N. Bonaparte
French History Teacher
Contact Details
Mobile:
0132-76541234
Work:
0468-75312468
Email:
napoleon.bonaparte@gmail.com

10. © 2014 SAP AG or an SAP affiliate company. All rights reserved. 10
© 2014 SAP SE or an SAP affiliate company.
All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG or an SAP
affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG (or
an SAP affiliate company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional
trademark information and notices.
Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP AG or an SAP affiliate company for informational purposes only, without representation or warranty of any kind,
and SAP AG or its affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP AG or SAP
affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if
any. Nothing herein should be construed as constituting an additional warranty.
In particular, SAP AG or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related
presentation, or to develop or release any functionality mentioned therein. This document, or any related presentation, and SAP AG’s or its affiliated
companies’ strategy and possible future developments, products, and/or platform directions and functionality are all subject to change and may be
changed by SAP AG or its affiliated companies at any time for any reason without notice. The information in this document is not a commitment,
promise, or legal obligation to deliver any material, code, or functionality. All forward-looking statements are subject to various risks and uncertainties
that could cause actual results to differ materially from expectations. Readers are cautioned not to place undue reliance on these forward-looking
statements, which speak only as of their dates, and they should not be relied upon in making purchasing decisions.