35. .consulting .solutions .partnership
Florian Pfeffer
Lead IT Consultant
+49 (0) 851 / 56069 - 4278
florian.pfeffer@msg-systems.com
msg systems ag
Dr.-Hans-Kapfinger-Str. 30, 94032 Passau
Germany
www.msg-systems.com
Editor's Notes
Monthly shipment of Web IDE releases
Monthly shipment of Web IDE releases
Existing tools before SAP Web IDE
UI Development Toolkit for HTML5 – Eclipse plugin with basic code completion support (still maintained but no new features)
Fiori Toolkit – Eclipse plugin on top of UI5 toolkit; first template based approach for Fiori app creation
AppBuilder/AppDesigner – web-based tools to implement mobile HTML5 applications
SAP Web IDE
Consolidated and evolved tool.
Create
New project or Extension project based on templates
Develop
Coding: Source Code Editor with Code Completion
WYSIWYG Layout Editor: Drag and Drop for Controls
Graphical Extensibility
Preview
PC mode
Tablet mode
Phone mode
Deploy
to SAP HANA Cloud Platform
to ABAP UI5 repository
Menubar
Toolbar
Save
Create File
Create Folder
Delete
Undo
Redo
Run
Back
Forward
Welcome View
What‘s new?
Create Applications
Import Options
Links to documentations
Development View
Access to Editor and further options
Editor
Preferences (e.g. editor settings)
Repository Search
Search for files or content
Git Pane
Manage objects regarding git (staging, commit, push, …)
Git History
Do e.g. reverts
API Reference
Outline View
Graphical XML View
Control Palette
Properties and Data
Displays properties and data of selected control
Binding of Odata Services
XML View Outline
Structured outline of controls stacked in XML view
Create
New project, based on Kapsel Templates
Develop
Coding: Source Code Editor with Code Completion, also for Cordova and Kapsel Plugins
WYSIWYG Layout Editor: Drag and Drop for Controls
Preview (with Companion App)
On PC
Emulator
Device
Deploy
to iOS and Android devices
to SAP Mobile Platform/HANA Cloud Platform mobile services
„Project Settings“ menu entry brings up the Device Configuration options
App Information
Platforms
Plugins (Cordova/Kapsel)
Deploy to local Hybrid Application Toolkit downloads sources to local machine and fetches Cordova/Kapsel plugins
Run App on Emulator or Device starts build of application + installation and execution of app