Desarrollo Office/ SharePointHaaron Gonzalez http://msmvps.com/blogs/haarongonzalez

Agenda Desarrollo Office

Introducción Desarrollo de aplicaciones para Office con Visual Studio 2012

Desarrollo SharePoint 2010/2013 Introducción Desarrollo de aplicaciones para SharePoint 2010 con Visual Studio

2012 Desarrollo de aplicaciones para SharePoint 2013 con Visual Studio

2012

Desarrollo Office

Que es una App para Office? Es una pagina web cargada dentro de una aplicación Office Se puede embeber entre líneas o en el panel de tareas dentro de un

documento, correo electrónico o citas de Outlook. Trabaja como una aplicación tanto del lado web como del lado Office

Permite a las aplicaciones Office hacer uso de tecnologías web HTML 5 y CSS para el dibujado de la interface de usuario JavaScript y jQuery para agregar comportamiento Llamado a REST APIs para obtener y actualizar datos por roda la red

Tipos de Aplicaciones Office Task Pane App para Office (Document-centric)

Asiste al usuario con uno o mas documentos Trabaja en Word, Excel y Project

Content App para Office (Document-centric) Agregan contenido y funcionalidad embebida en documentos Solamente usado en aplicaciones Excel y Excel Web Application

Mail App para Office (Mailbox-centric) Se usa en aplicaciones Outlook y Outlook Web App (OWA) Extiende elementos de Outlook con UI personalizada y comportamientos Los elementos de Outlook pueden ser mensajes y eventos Aplicaciones para correo electrónico requieren de Exchange 2013

Matriz de Aplicaciones para Office

Anatomía de una Aplicación para Office Cada aplicación para Office esta basada en un manifiesto basado en XML El manifiesto apunta a una pagina web Define el tipo de aplicación para office Define que aplicación office soportar Define cuales son las capacidades requeridas

App for OfficeManifest

<XML>

WebPage

HTML+JS

App for Office Catalog Server Web Server

App for Office

Creando la UI de una aplicación para Office

My Content App

Agregando una aplicación para Office usando la opción de inserción

La opción para insertar Aplicaciones para Office se localiza en el Ribbon dentro de Insert Tab

Ventanas de dialogo permiten elegir la aplicación para Office

Uso de una aplicación para Office de Panel de Tareas en Word

Agregando una aplicación Office de Contenido en Office in Excel

My Content App

Aplicación de correo electrónico para Outlook

Aplicación de correo electrónico para Outlook Web App (OWA)

Aplicación de Correo electrónico para Office en OWA para móviles

Creando proyecto de App para OfficeUsamos la plantilla de proyecto App for Office 2013 de Visual Studio

Especificamos el tipo de aplicación en la ventana de dialogo

Estructura de un proyecto Office Se tienen dos proyectos para Apps for Office Proyecto superior contiene el manifiesto Proyecto inferior contiene aplicación web

remota

Proyecto Web Remoto es una sitio web de ASP.NET Contiene los Fuentes de HTML, CSS y

JavaScript Integración de la librería de jQuery ya incluida

El diseñador del manifiesto de una aplicación

Crear pagina HTM

Escribimos el “Hola Mundo” en JavaScript

Test/Debug el codigo usando {F5}

demo

Developing a Task Pane App for Office with Visual Studio 2012

Desarrollo SharePoint 2010/2013

App vs Desarrollo de Soluciones Visual Studio tiene plantillas para 2 tipos de desarrollo App Development Classic Solutions Development

App Development

Classic Solutions Development

Proyectos SharePoint "Clásicos" Creados usando las plantillas de SharePoint

Programador debe de elegir Farm Solution o Sandboxed Solution

Agregando elementos a una solucion clásica Podemos agregar diferentes tipos de elementos Algunos de estos elementos no están soportados en desarrollo de

Apps de SharePoint 2013 Algunos de estos elementos tampoco son soportados en sandbox

Columnas de sitios y tipos de contenido Permiten la creación listas personalizadas mediante esquema La columna de sitio se usa para crear la definición de una columna reutilizable Tipos de contenido definen las columnas de una lista o biblioteca

Visual Studio provee de nuevos editores de Content Type En realidad el archivo Elements.xml es auto generado tras bambalinas

Agregar una lista Al agregar una lista ahora tenemos opciones para su personalización Se pueden crear con un conjunto de columnas pre existentes El editor de VS crea la definición de la lista tras bambalinas

demo

Usando el diseñador de listas de Visual Studio 2012

Creando una App de SharePoint Existe una plantilla de proyecto de tipo SharePoint App Crea un proyecto de SharePoint que se puede implementar mediante

el nuevo modelo de aplicación

Anatomía de una App de SharePoint hospedada en SharePoint App Web Feature

Used to add items to App Web

Modules Content module Images module Pages module Scripts module

AppManifest.xml Contains metadata for app deployment

Modifying Default.aspx

Visual Studio automatically adds links to App.css and App.js

Modifying App.css

Modifying App.js

The AppManifest.xml File AppManifest.xml defines high-level app attributes Visual Studio 2010 provides visual designer You can open AppManifest.xml in code view to see/edit XML directly

Test an App using {F5}

demo

Creating and Testing a New SharePoint App

Resumen

Instálalo YA y sigue siendo productivo

VS2012 ya ofrece opciones para desarrollo Office y SharePoint 2013

VS2012 y SP2010 trabajan bien juntos

VS2012 ofrece alto valor para desarrollador SharePoint

Actualice de Visual Studio Professional a Visual Studio Premium 2012 con MSDN y ahorre 30%

Los clientes con suscripciones de Visual Studio Professional con MSDN activas compradas antes del 1 de septiembre de 2012 pueden obtener un descuento de 30% respecto al precio regular de actualización al actualizar a Visual Studio Premium 2012 con MSDN

Contáctese con su revendedor local

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.