Overview
The basic concept in the development of S10 application is the separation of user interface and application logic (MVC principle). The S10 Framework is then responsible for data binding at runtime.

This chapter is therefore divided into the following parts:
  • Development of the HTML views
  • Development of ABAP classes
To speed up the development it is also possible to develop the HTML views directly on the PC and to start the S10 application locally. This is described in more detail in Chapter local development".
HTML views development
A common HTML editor is all you need to develop the particular screens. The S10 Framework is based on the standard HTML5 elements in combination with JavaScript. This means that as early as the design phase, the application essentially looks the same as it will later at runtime and is not created generically. A recommendation for a specific program should not be made here, but editors that allow simultaneous editing of the code and a live preview are useful.

Example: Customize the login screen


Saving the data in the MIME repository
An S10 application consists of ABAP classes and the corresponding views, which are realized in HTML. The files belonging to a S10 class are stored in the MIME repository in the following structured form:

Path to the application/classes/Classname/views.xy/Classname.Viewname.html
(where xy is the language key of the logon language)

Example:


Transferring the files
The following options are available for transferring the HTML files to the MIME repository:
  1. You can download the files in the Object Navigator (transaction SE80), change them and upload them again there
  2. You can transfer whole directories with the SAP program "BSP_UPDATE_MIMEREPOS" (transaction SE38). During the upload, existing files can be overwritten automatically, but the download must be into an empty directory.



  3. You can mount the directory in the MIME repository as a local network drive (WebDAV) and thus access the files via Windows Explorer. However, there are some restrictions (you can change the files, but you cannot rename them). More detailed information on how to set up the WebDAV drive can be found in the Tips and Tricks section: Mount the MIME repository as a WebDAV folder
Development of ABAP classes
You can specify in the view for the logon which ABAP program or which ABAP class should be the entry point of the application. For details, please check the reference of the method S10Logon()

For the development of the ABAP programs or classes you can use the usual tools of SAP. There are no restrictions here at ABAP level. However, an ABAP class that is used within the S10 Framework and uses its functions must always be of the basic type "/S10/ANY".
So you can work with the transactions SE24, SE38, or develop code with newer IDEs like Eclipse or even Visual Studio.

Example: Development in SAP GUI with SE38





Example: Development with Eclipse and code completion



Component S10 Framework