construindo aplicativos sharepoint 2013 com angularjs

24
CONSTRUINDO APLICATIVOS SHAREPOINT COM ANGULARJS CONSTRUINDO APLICATIVOS

Upload: william-s-rodriguez

Post on 26-Jun-2015

336 views

Category:

Software


3 download

DESCRIPTION

SharePoint 2013 SharePoint Hosted App Single Page App Angular JS

TRANSCRIPT

Page 1: Construindo aplicativos SharePoint 2013 com AngularJS

CONSTRUINDO APLICATIVOS

SHAREPOINT COM ANGULARJS

CONSTRUINDO APLICATIVOS

Page 2: Construindo aplicativos SharePoint 2013 com AngularJS

QUEM?

WILLIAM S. RODRIGUEZwilliamsrz.com.br / [email protected]

@williamsrodz

#DescubraSharePoint

#TDC2014

Page 3: Construindo aplicativos SharePoint 2013 com AngularJS

O QUE É O

SHAREPOINT?

Page 4: Construindo aplicativos SharePoint 2013 com AngularJS

intranetinternetextranetcolaboraçãosites de processosaplicaçõesBIetc.

Page 5: Construindo aplicativos SharePoint 2013 com AngularJS

http://www.ferrari.com/

Page 6: Construindo aplicativos SharePoint 2013 com AngularJS

http://www.fleury.com.br/

Page 7: Construindo aplicativos SharePoint 2013 com AngularJS

SHAREPOINT SOLUTIONS

Page 8: Construindo aplicativos SharePoint 2013 com AngularJS
Page 9: Construindo aplicativos SharePoint 2013 com AngularJS

O MODELO TRADICIONALO MODELO TRADICIONAL

INCOMPATÍVEL ENTRE VERSÕES;

INFRA, DLL’S, SEGURANÇA, TESTE, TEMPO...

Page 10: Construindo aplicativos SharePoint 2013 com AngularJS

SHAREPOINT APPS?

Page 11: Construindo aplicativos SharePoint 2013 com AngularJS

MODELOMAIS ATRATIVO

Page 12: Construindo aplicativos SharePoint 2013 com AngularJS

MODELO DE PROGRAMAÇÃO FAMILIAR

QUALQUER LINGUAGEM ou FRAMEWORK

QUALQUER ESTRUTURA DE SERVIDORLIBERDADE DE ESCOLHA

Page 13: Construindo aplicativos SharePoint 2013 com AngularJS

VANTAGENS

• Padrões web, HTML, JavaScript REST/ODATA, Oauth;

• Menor curva de aprendizado;

• Ferramentas conhecidas;

• Hospedar local ou na Nuvem;

Page 14: Construindo aplicativos SharePoint 2013 com AngularJS

MODELOS DE ARQUITETURA

SHAREPOINT HOSTED PROVIDER HOSTED

SharePoint App Web

SharePoint Host Web

Código client-side

Sua InfraestruturaSharePoint Host Web

Código client-side e/ou server-side

Page 15: Construindo aplicativos SharePoint 2013 com AngularJS

http://bit.do/sharepointappstore

Page 16: Construindo aplicativos SharePoint 2013 com AngularJS

ANGULARJS?https://angularjs.org/

Page 17: Construindo aplicativos SharePoint 2013 com AngularJS

OUTRO FRAMEWORK JAVASCRIPT?

Page 18: Construindo aplicativos SharePoint 2013 com AngularJS

ANGULARJS

• Construído e mantido pelo GOOGLE;

• Foco no HTML;

• Código Javascript estruturado;

• Pronto para trabalhar com API's REST;

• Injeção de dependências;

• Testes (TDD).

Page 19: Construindo aplicativos SharePoint 2013 com AngularJS

PORQUE USAR?

• Aumentar produtividade;• Escrever menos e fazer mais;• Flexibilidade;• “Leve” apenas 82kb;

Page 20: Construindo aplicativos SharePoint 2013 com AngularJS

SINGLE PAGE APPS

*MVC client-side

Page 21: Construindo aplicativos SharePoint 2013 com AngularJS

SINGLE PAGE APPS - SPA

• Rápidas;• Mais poder para o Client-side;• Menos dependência do Server-side;• Sem atualização de páginas;• Interfaces ricas;• Melhor desempenho na transferência de dados.

Page 22: Construindo aplicativos SharePoint 2013 com AngularJS

DEMOSHAREPOINT APP COM ANGULARJS

https://github.com/williamsrz/sharepoint-apps

Page 23: Construindo aplicativos SharePoint 2013 com AngularJS

PARA SABER MAIS!

House of Cards

http://www.imdb.com/title/tt1856010/

Homeland http://www.imdb.com/title/tt1796960/

• ANGULARJS http://angularjs.org/

• SharePoint Apps http://dev.office.com/build

• Código fonte https://

github.com/williamsrz/sharepoint-apps

Page 24: Construindo aplicativos SharePoint 2013 com AngularJS

MUITO OBRIGADO!CONTEÚDO DA PALESTRA DISPONÍVEL EM

http://williamsrz.com.br/tdc2014/