• use defined functions for debugging instead of alert();
  
• create assets/js/config.js and paste it into index.html

$.sap.log.setLevel($.sap.log.Level.DEBUG); 

function fnCallback(result) {
	alert('Result is ' + result);
} 

function fnCallback(result) {
	jQuery.sap.log.info('Result is', result);
} 

data-sap-ui-resourceroots='{ "your.namespace": "./" }'

• defines user interface
  
• 4 types: JavaScript, XML, JSON, HTML

sap.ui.jsview('your.namespace.view.My', {
	createContent: function(oController) {}
});

var myView = sap.ui.view({
	viewName: 'your.namespace.view.My',
	type: sap.ui.core.mvc.ViewType.JS
});

 sap.ui.localResources('myapp');

• change view -> myapp/My.view.xml
  

<core:View controllerName="myapp.My"
	xmlns="sap.m" xmlns:core="sap.ui.core">

	<Button
		text="My Button"
		icon="sap-icon://popup-window"
		press="handleShowPopup"
	/>

</core:View>

• add myapp/My.controller.js

sap.ui.controller('myapp.My', {

});

• move application logic to controller

• add 4 default methods of controller

onInit();
onExit();
onAfterRendering();
onBeforeRendering();

SERVER SIDE

one app <-> one main model
other models in their own namespace

{
    "Data": [
        {
            "name": "string",
            "description": "string",
            "subject": "string",
            "status": "New / In Progress",
            "sent": "2015-03-21 12:24:36",
            "content": "",
            "attachments": [
                {
                    "name": "project.pdf"
                }
            ]
        }
    ]
}

• create 
• myapp/master/
• Master.controller.js
• Navigation.view.xml
• myapp/detail/
• Empty.controller.js
• Empty.view.xml
• implement in app.js
• create Navigation and Empty views
• sap.m.App
  
• sap.m.SplitApp
  

• add JSON model to Master controller
  
• implement List object in Navigation view
  
• show Data in StandardListItems
• ...