This is a demo I've will present for the first Microsoft Teams conference in Latinamerica, it's called http://get-cslatam.com this November 10, 2018 in Microsoft Mexico subsidiary. In this video you'll see how to create an SPFx Web Part and expose it as a Tab in Microsoft Teams.

1. #GetCsLatam

2. Speaker
Haarón González
Consultor SharePoint y Office 365
B-Logic IT Services
Somos Gold Partner Microsoft, nos especializamos en
Infraestructura, Soluciones de Colaboración, CRM,
Desarrollo de software y recientemente IOT (internet de
las cosas). La matriz esta en León, GTO y tenemos
sucursales en GDL y CDMX. Nuestros clientes están
regados por la república con altos niveles de satisfacción
de los proyectos implementados.
http://www.b-logic.com.mx/
https://twitter.com/helpdsp
https://www.youtube.com/helpdesksharepoint

3. Session
Construyendo aplicaciones
empresariales que funcionan en
ambas plataformas

4. Agenda
Que esperar de esta sesión
• Conocer como
estamos alineando
las plataformas
para desarrollo
SharePoint y Teams
• Ver algunos
ejemplos
• Listo para llevar tu
inversión en SPFx a
Teams

5. SharePoint Framework
Construcción de soluciones modernas para
SharePoint
• Marco de trabajo basado en JavaScript ejecutandose
como aplicacion principal
• Autentificación nativa y simplificada entre
componentes y servicios como Microsoft Graph
• Código hospedado sobre Office 365
Plataforma Teams
Construccion de apps para mejora de
teams
• Embebido mediante tabs, que son de tipo
proveedor hospedados en Azure
• Mejora la intergracion via Bots, extensions,
cartas adaptivas y Graph

6. ¿Soluciones modernas?

7. Modelo de
composición
de páginas
WYSIWYG authoring
Multi-column sections
Drag/ drop editing
RTE & Paste support
OOB web parts
Page Templates

8. Web Parts and
Toolbox

9. Admin Center

10. Actores y sus necesidades
La información relevante para el equipo
debería de estar disponible independiente
de la herramienta o tecnología
Hace posible la creación de un puente
entre la colaboración y la comunicación
empresarial
Usuario final
Reducir las maneras y lugares para
administrar y desplegar soluciones a los
usuariosAdministrador TI
Tocar múltiples entornos con una sola
solución
Reducir los conceptos de desarrollo y
unificar experiencias
Programador
 Permite a los usuario colaborar con el
mismo contenido dentro de
SharePoint y Teams
 Centralizar las herramientas y la
experiencia de administración
 Marco de Desarrollo común par
construcción de soluciones capaces
de usarse en ambas plataformas

11. Una sola plataforma para hospedar experiencias
Construya una sola solución para ser ejecutada en SharePoint y Teams
Rich canvases
Provider-hosted apps
(Trello, SurveyMonkey, Evernote, etc.)
O365-hosted apps
(“SPFx solutions”)
Microsoft Graph
Common platform and runtime
Future

12. Hoy nos enfocamos: tus soluciones SPFx a Teams

13. SharePoint Framework v1.7
• Web Parts in Microsoft Teams
• Host Microsoft Teams Tabs as Application Pages
and Web Parts
• Stream updates with list subscriptions
• Now generally available: Web Part Connections,
Dynamic Data and SharePoint 2019 support
https://developer.microsoft.com/en-us/sharepoint/blogs/bring-your-apps-to-more-places-with-new-sharepoint-
framework-and-microsoft-teams-releases/

14. DEMOSTRACION
Construction de Web Part para SPFX e Implementation en Teams
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab

17. Q&A

18. Haarón González
Consultor SharePoint y Office 365
B-Logic IT Services
https://twitter.com/helpdsp
https://www.youtube.com/helpdesksharepoint

19. #GetCsLatam