6. Familiar Toolsets Embracing Web standards to provide developers choice and flexibility

7. App Web (from WSP) Host web SharePoint Web Your Hosted Site Azure SharePoint Web

9. App Web SharePoint Web App Web Azure Your Hosted Site SharePoint Web App Web Lists and other data HTML / JS UI Workflow Your Hosted App Logic Other Resources e.g. CRM

17. Workflow Services Manager Deployment Service Instance Service Subscription Service Messaging Service Interop Service

18. function initWorkflowServicesManager() { //Context retrieved. Now retrieving WorkflowServicesManager. _wsm = new SP.WorkflowServices.WorkflowServicesManager.newObject(_hostCtx, _hostWeb); _hostCtx.load(_wsm); _hostCtx.executeQueryAsync(initWorkflowDeploymentService); } function initWorkflowDeploymentService() { //Now retrieving WorkflowDeplyomentService. _wds = _wsm.getWorkflowDeploymentService(); _hostCtx.load(_wds); _hostCtx.executeQueryAsync( validateWorkflowDefinition, function (sender, arg) { handle(arg.get_message(), arg.get_stackTrace()) } ); } function validateWorkflowDefinition() { //Test for valid workflow Xaml. _result = _wds.validateActivity(xamlTextarea.value); _hostCtx.executeQueryAsync( function () {}, function (sender, arg) { handle(arg.get_message(), arg.get_stackTrace()) } ); }

19. function saveWorkflowDefinition() { //Save the workflow Xaml. _wDef = new SP.WorkflowServices.WorkflowDefinition.newObject(_hostCtx, _hostWeb); _hostCtx.load(_wDef); _hostCtx.executeQueryAsync( function () { _wDef.set_xaml(xamlTextarea.value); _wDef.set_displayName(displayNameTextarea.value); _result = _wds.saveDefinition(_wDef); _hostCtx.executeQueryAsync( function () {}, function (sender, arg) { handle(arg.get_message(), arg.get_stackTrace()) } ); } ); } function getDesignerActions() { //Display supported designer actions. _result = _wds.getDesignerActions(_hostWeb); _hostCtx.executeQueryAsync( function () {}, function (sender, arg) { handle(arg.get_message(), arg.get_stackTrace()) } ); }

21. Search for Movies Update Data Movie List

27. MySPC