Advantages of native apps development vs. hybrid apps development
Apps for office development
-
Upload
nitish-sharma -
Category
Technology
-
view
231 -
download
3
description
Transcript of Apps for office development
APPS FOR OFFICE- DEVELOPMENTMICROSOFT OFFICE 2013
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.
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.
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.
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.
DEVELOPMENT OF APPS FOR OFFICE
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.
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
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.
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.
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.
STARTING A PROJECT
STARTING A PROJECT
Add new project.
STARTING A PROJECTChoose “Content app for Excel” and give it a name.
STARTING A PROJECT
• Now lets run the sample code.
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.
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.
DEMO APP
RESOURCES
RESOURCES
msdn:
http://msdn.microsoft.com/en-US/office/dn448457
http://msdn.microsoft.com/en-us/library/office/jj220065.aspx
http://msdn.microsoft.com/en-us/library/office/jj220060.aspx
Office Store:
http://office.microsoft.com/en-us/store/apps-for-excel-FX102804981.aspx
THANK YOU FOR LISTENING
Presented by:Nitish Kumar SharmaMSP, Galgotias University
MSPs from GU:Akhil Singh
Siddharth MehrotraDeepti Hemdev
Nitish K. Sharma
FOR MORE DISCUSSIONS LIKE THIS SEE YOU IN GANG
http://www.facebook.com/groups/GeeksAndNerdsatGalgotias
CONTACT ME
• Nitish K. Sharma
+91-8826244399
Follow me on http://nitishsdeepmind.wordpress.com