The document discusses the creation of UI mock-ups using SAP Splash and Build, highlighting methods such as paper mock-ups and tool-based mock-ups along with their pros and cons. It outlines features of the beta version of Splash and Build, including the ability to create interactive prototypes and share templates with users for feedback. Additional resources and contact information for beta testing are also provided.

1. UI Mock-ups with SAP
Splash and BUILD
12.12.2015
Author: Martin Fischer

2. 2BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Agenda
UI Mock-ups with SAP Splash and BUILD
1 How I did UI Mock-ups till now
2 Features of Splash and BUILD
3 Live Demo

3. 3BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Pros:
• Discussion and interaction with
potential users
Cons:
• Hard to share with not
participating stakeholders
• Big „visual gap“ to real UIs
• Not reusable for implementation
How I did UI Mock-ups till now
Paper Mock-ups

4. 4BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Pros:
• Looks similar to real UI
• Interaction and simulation
possible (depending on the tool)
Cons:
• Creation very time consuming
• Not reusable for implementation
How I did UI Mock-ups till now
Tool-based Mock-ups

5. 5BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Features of Splash and BUILD
Beta Test Version
Create
Interactive
Prototypes
Create Fiori
like
Prototypes
Share/
Consume
Templates
Get Feedback
from Users
Reuse the
Mock up
in WebIDE
Text

6. 6BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
• Request Betatest User at contact.build@sap.com
• BUILD on github: https://github.com/SAP/BUILD
• BUILD website http://www.build.me/
• Splash website and access to the cloud version:
https://www.experiencesplash.com/splashapp/
• How to connect BUILD with WebIDE
http://scn.sap.com/community/fiori/blog/2015/12/04/kickstart-your-fiori-web-ide-
project-with-splash-and-build
Some useful links

7. Wir freuen uns auf Sie!
Standort Mannheim
N7, 5-6
68161 Mannheim
Standort Frankfurt
Solmsstraße 4
60486 Frankfurt
Standort Karlsruhe
Rüppurrer Straße 4
76137 Karlsruhe
Standort Köln
Waidmarkt 11
50676 Köln
Standort München
Riesstraße 12
80992 München
Standort Stuttgart
Königstraße 42
70173 Stuttgart
Standort Zug (Schweiz)
Baarerstraße 14
CH-6300 Zug