24
APPS FOR OFFICE- DEVELOPMENT MICROSOFT OFFICE 2013

Apps for office development

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Apps for office  development

APPS FOR OFFICE- DEVELOPMENTMICROSOFT OFFICE 2013

Page 2: Apps for office  development
Page 3: Apps for office  development

MS- OFFICE

• Microsoft Office is an office suite of desktop applications, servers and services for the Microsoft Windows and OS X operating systems, announced by Bill Gates of Microsoft on August 1, 1989 at COMDEX in Las Vegas.

• Initially a marketing term for a bundled set of applications, the first version of Office contained Microsoft Word, Microsoft Excel, and Microsoft PowerPoint.

• Office is reported to now be used by over a billion people worldwide.

Page 4: Apps for office  development

OFFICE 2013

• Office 2013 was launched on January 29, 2013

• It currently runs on Microsoft Windows 8, Windows RT, Windows Server 2012, Windows Server 2008 R2 and Windows 7.

• Office 2013 has an updated user interface and supports touch devices.

• Office 2013 comes in twelve different editions, three for retail, two for volume licensing, five subscription-based editions for Office 365, the web based Office apps and Office RT.

Page 5: Apps for office  development

APPS FOR OFFICE

• MSDN says “Apps are web applications, combining the best of cloud services and web technologies within the familiar environment of Office. Apps can run in multiple environments and clients, including on-premises and in the cloud.”

• My understanding; office apps are nothing but small web pages coded in JavaScript hosted on cloud most commonly Windows Azure which can be downloaded as an add-on the office and add additional functionality to already strong Office suite.

• For example, you can find an office app from the app store for office (how to do that, I’ll cover that in upcoming posts) like Wikipedia. The Wikipedia app for Office simply searches the term on Wikipedia and opens it page in your Office document for you to refer and read.

Page 6: Apps for office  development

WORKING WITH APPS

• Start your Word. Go to insert tab. From the ribbon click on Apps for Office. Go to Office store from there.

• From the Office Store select bing news search app.

• Add the app.

• Select bing app from app catalogue.

• Write any word. Select it and see it in action.

Page 7: Apps for office  development

DEVELOPMENT OF APPS FOR OFFICE

Page 8: Apps for office  development

WHAT YOU NEED?

• A dev account on Office 365 Developer Site.

• Visual Studio 2012 /2013 or Napa Office 365 Development Tools

• A little working knowledge of JavaScript, HTML5 and CSS3.

Page 9: Apps for office  development

STEPS FOR REGISTRATION ON DEV CENTER

• The office apps are hosted on a special type of site called Office 365 Developer Site. Meaning? It means you need to get an Office 365 Developer Site

• There are multiple ways to register for an Office 365 Developer Site but these are more suited for professional developers and companies. I think it would be better to start things with free trial for 30 days. Get to this link to start registration for a 30 day trial for Office 365 Developer Site.

• https://portal.microsoftonline.com/Signup/MainSignup15.aspx?OfferId=6881A1CB-F4EB-4db3-9F18-388898DAF510&DL=DEVELOPERPACK&ali=1

Page 10: Apps for office  development

STEPS FOR REGISTRATION ON DEV CENTER

• What you’ll get is a Developer site on SharePoint, a personalized e-mail address, Developer Account and subscription to Office 365. Your e-mail id will be something like [email protected] ([email protected]) and your domain for SharePoint site will be something like companyname.sharepoint.com (http://www.nitishksharma.sharepoint.com in the Dev Center will run scripts to get you ready for building apps. After all the provision is done you will see three tiles on your website.

Page 11: Apps for office  development

TOOLS USED IN APPS FOR OFFICE DEVELOPMENT

• i. Visual Studio: The VS can be used to develop Office apps. As always anything can be done from VS ;)

• ii. Napa Office 365 Development Tool: Napa is an online tool for developing Office apps. It is a web based lightweight tool which can be used to develop the app as well as deploy and debug it right from the Office 365. Solution created using Napa can be downloaded and edited using VS.

Since most of us are new to Office development we will use Napa for apps.

Page 12: Apps for office  development

INSTALLING NAPA

1. Click on “Build an app” tile. This will take you to the Napa in store since Napa works as a SharePoint app.

2. “ADD IT” from this windows. Click on “Continue“. Yu need to sing in there and you will be granted a license for the app.

3. Install app and then “Return to site“. Choose “Trust It“.

4. Now Napa Office 365 Development Tools is installed on your Developer Site.

Page 13: Apps for office  development

STARTING A PROJECT

Page 14: Apps for office  development

STARTING A PROJECT

Add new project.

Page 15: Apps for office  development

STARTING A PROJECTChoose “Content app for Excel” and give it a name.

Page 16: Apps for office  development

STARTING A PROJECT

• Now lets run the sample code.

Page 17: Apps for office  development

WHATS IN THE PROJECT?

• There will be folders: Content, Images, OfficeDocuments, Pages, Scripts

• Files to take care of: • Default.html: default landing file for the app. The app will start from

this file only.

• App.css and Office.css: CSS files for styling of app.

• App.js: Default JavaScript file for the app.

Page 18: Apps for office  development

WHATS IN THE PROJECT?- PROPERTY WINDOW

• There are two tabs:

• General: Will be used o set general properties of the app like Name, Icon, StartPage, Description, Support URL. It is like appmanifest file in Windows Phone apps

• Run: This tab is used to set the default execution environment for the app. You can launch the app in Excel Web App or you can launch the app Excel Desktop everytime.

Page 19: Apps for office  development

DEMO APP

Page 20: Apps for office  development

RESOURCES

Page 22: Apps for office  development

THANK YOU FOR LISTENING

Presented by:Nitish Kumar SharmaMSP, Galgotias University

MSPs from GU:Akhil Singh

Siddharth MehrotraDeepti Hemdev

Nitish K. Sharma

Page 23: Apps for office  development

FOR MORE DISCUSSIONS LIKE THIS SEE YOU IN GANG

http://www.facebook.com/groups/GeeksAndNerdsatGalgotias

Page 24: Apps for office  development

CONTACT ME

• Nitish K. Sharma

+91-8826244399

[email protected]

[email protected]

Follow me on http://nitishsdeepmind.wordpress.com