SharePoint Saturday Gulf

Saturday, April 12th ,2014Live Online#SPSGulf

Our Sponsors:

Usama Wahab KhanSr. Solution Architect , Microsoft Most Valuable Professional, Microsoft Technical Community Leader, Microsoft Certified Trained ,MCPD ,MCTS , MCTIP. For SharePoint and .NET /AzureVice -President, Technology Middle east and Europe (DAVIGOLD LLC)

Dev Saturday UAE

Today’s business app

• Any device, anywhere, anytime• New discovery channels• New ways of working • Redefined expectations for apps• Familiar Social experience• Build Supper Quick Apps.• Multiple Data Sources.• Create Multiple Screens for all Devices.• Use Workflow with Cloud Business App.• Essay debugging. • Field Validation.

Visual Studio 2013 introduces a new project template for Office 365 Cloud Business App to enable developers to quickly build modern business applications that can integrate with and extend the Office 365 platform experience. The Cloud Business App template provides a rich set of tools and built-in functionality that make it easy to work with data and leverage Office 365 services such as identity and social.

Overview of the Cloud App Model

• Bring the concept & value of apps to Office & SharePoint

• Unified and Cloud Ready• Works on-premises and in O365• App lifecycle, built in monitoring, telemetry and

isolation

• Web-standards based • Embraces web technologies including HTML,

JavaScript REST/ODATA, OAuth• Build a web app that is connected to Office &

SharePoint APIs & services

Store

Office 365 Platform

Contextual Apps

Robust O365 API’s Flexible Tools

Documents People | Groups

Mail Tasks

Calendars REST Web Services

Discovery

Apps for Office and SharePoint

App Anatomy

App

App ManifestWeb Page<XML>HTML/CSS/JS

SharePoint Office Store

SharePoint App Catalog

Web Browser

Anatomy of an App for SharePoint

Azure Website

Manifest

RESTCSOM

OData

Data SourcesOData ADO.NET

OData,Custom

• The provider hosted middle-tier is authenticated with SharePoint via OAuth.

• Clients talk to SharePoint via cross-domain calls• Middle-tier can model SharePoint & external data

sources

SharePoint Apps & Cloud Business AppsRapid Application Development over SharePoint

SharePoint App

Cloud Business App N’ Tier Project Structure – Ready To Go

HTML 5 Client w/Responsive Design Service Tier w/ Common data runtime

Screen & Entity Designer Cloud Integration

People, Documents, Newsfeeds, …

App Container w/Manifest SharePoint Configuration App Web List Definitions Resource Configuration

Visually Design First Code Second

Assembly Required ASP.net MVC/Web Forms

SharePoint & Cloud Business AppSharePoint Project

Cloud Business App

SharePoint App

Service Project

HTML5 Responsive Design Client

MVC/WebForms

Data Sources

Demo –

Data Sources

SQL DatabaseSurveys

SAPCustomers & Products

SharePointProduct Documents

Service TierOData Service

SharePoint App

HTML 5Responsive Design

Mobile Client

Office 365 Cloud Business apps

Usama wahab khan

• Aggregated Data Sources• SAP• Intrinsic Database• SharePoint Document Library

• Posted to NewsFeeds (Social)

• Added Business Rules• Server Side Defaults• Server Side Filters

• Cross Data Source Rules• Customized Style sheets

What did we Cover?

Publishing

Get remote events from SharePointUse CSOM/REST + OAuth

Provider-hosted App

Bring your own server hosting infrastructureAutohosted App

Windows Azure + SQL Azure provisioned automatically as

apps are installed

SharePoint

Web

Your Hosted Site

including Azure

SharePoint

WebAzure

SharePoint-Hosted App

Reuse web elements (lists, out-of-box web parts). Client side technologies

and declarative workflows

Hostweb

App Web(from WSP)

Cloud-hosted Apps

SharePoint app hosting

App Package

Publishing

•Cloud Business Apps• Built on the Microsoft Cloud Platform• Designed for the mobile enterprise • Uses the technologies you already know• Aggregates data sources• Business logic that crosses data sources• Focus on productivity• Focus on the unique aspects of your app

Summary

Keep in TouchEmail : usamawahabkhan@gmail.comFB : Usama Wahab Khan Twitter : @usamawahabkhanYammer : yammer/usamawahabkhan Blog : usamawahabkhan.blogspot.ae

Our Sponsors:

SharePoint Saturday Gulf#SPSGulf

Thank You!