Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Office Command Add-ins – New generation of Add-ins

209 visualizaciones

Publicado el

Office addins/Office apps are present since Office 2013. They are based on JavaScript APIs which developers can leverage to access the content of documents displayed within Office apps. However, full integration with Office ribbon (like with Office VSTO add-ons) was not possible until now. Office Command add-ins enable this kind of integration, and in this session Dragan will show approaches for developing Office Command add-ins and some usage examples.

Publicado en: Software
  • Sé el primero en comentar

Office Command Add-ins – New generation of Add-ins

  1. 1. Office Command Add-ins – New generation of Add-ins DRAGAN PANJKOV CONSULTANT, K2 NE, GERMANY MVP (OFFICE SERVERS AND SERVICES) www.dragan-panjkov.com
  2. 2. AGENDA Introducing Office add-ins for developers Types of add-ins Command add-ins development and samples
  3. 3. DRAGAN PANJKOV Microsoft MVP – Office Servers and Services Working with SharePoint since 2007 Speaking at community events since 2008 Speaking at conferences since 2009 Consultant at K2 NE (www.k2.com) Previously: PlanB.; Microsoft; Lanaco Website and blog: www.dragan-panjkov.com Twitter: @panjkov
  4. 4. New add-in model Office add-ins do not “live” on the Office client Custom code executes in the browser, cloud, or on-premises Acquire add-ins via centralized location • Add-in catalog (SharePoint or FileShare) • Public store (via submission process) • APIs for manual deployment 1
  5. 5. Modern add-in development 1
  6. 6. Demo: Adding your first add-in
  7. 7. Enabling development scenarios Web and cross-device ready Integrate rich web content in Office content Include contextual content within Office add-ins 2
  8. 8. Anatomy 2
  9. 9. 2
  10. 10. 2
  11. 11. 2
  12. 12. 2
  13. 13. Add-in command 2
  14. 14. What is an Command add-in? Markup segment in XML manifest Available in Outlook, Word, Excel, PowerPoint Can perform one of operations: • executes a JavaScript function • shows a drop-down menu with one or more buttons • launches a task pane
  15. 15. Demo: Office add-in command samples
  16. 16. Manifest
  17. 17. VersionOverrides XML <OfficeApp> ... <VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides" xsi:type="VersionOverridesV1_0"> <Description resid="residDescription" /> <Requirements> <!-- add information on requirements --> </Requirements> <Hosts> <Host xsi:type="MailHost"> <!-- add information on form factors --> </Host> </Hosts> <Resources> <!-- add information on resources --> </Resources> </VersionOverrides> ... </OfficeApp>
  18. 18. Host Determines the Office application host for addin • Document (Word) • MailHost (Outlook) • Notebook (OneNote) • Presentation (PowerPoint) • Workbook (Excel)
  19. 19. Host XML ... <Hosts> <Host xsi:type="Presentation"> <DesktopFormFactor> <FunctionFile resid="residDesktopFuncUrl" /> <GetStarted> <!-- GetStarted callout --> </GetStarted> <ExtensionPoint xsi:type="PrimaryCommandSurface"> <!-- information on this extension point --> </ExtensionPoint> <!-- possibly more ExtensionPoint elements --> </DesktopFormFactor> </Host> </Hosts> ...
  20. 20. ExtensionPoint element Defines where the command will appear • PrimaryCommandSurface – ribbon • ContextMenu – right-click Contains tab/menu definitions, groups, controls, icons • CustomTab • OfficeTab • OfficeMenu
  21. 21. Development options Napa In-browser web editor for building client-side Office add-ins Uses Office Online and OneDrive for file storage Intellisense for JavaScript and HTML5 Allows for sharing and exporting Doesn’t expose full add-in manifest 3
  22. 22. Development options Visual Studio First-class development experience with templates and debugging Exposes the full add-in manifest and automated deployment commands Allows for web projects containing both client-side and server-side assets 3
  23. 23. Development options yo office -Yeoman based generator -Node -Gulp -Visual Studio Code -Office UI Fabric 3
  24. 24. Office UI Fabric Responsive, mobile-first, front-end framework for developers that delivers instant look and feel of Office Handles typography, color, icons, animations, responsive grid layouts, and localization 3
  25. 25. Demo: Building your first Office Command add-in
  26. 26. RECAP Surface your business solutions in Office user interface Leverage the building blocks of the platform Use the development platform of your choice

×