Grazie a
           Sponsor
Who I am
•   Co-founder of Dev4Side S.r.l.
•   3 years Microsoft SharePoint MVP
•   Speaker in Microsoft and Community events in Italy
•   MCP, MCPD Web applications, MCTS ASP.NET 4, WSS 3.0, MOSS
    2007 and SharePoint 2010
•   "SharePointer" from 2005
•   Father of www.peppedotnet.it 
•   Author of the book «Pocket C#», Apogeo
•   Active member, speaker and promoter of SharePointCommunity.it
•   First, in Italy, with an App in the Office Store
•   One of the TOP 25 SharePoint Influencers in Europe
Agenda
• The new Office and SharePoint "App-model"
• Apps for Office 2013
• Apps for SharePoint 2013
THE NEW "APP MODEL"
OF OFFICE 2013
AND SHAREPOINT 2013
Bringing the web to Office and SharePoint
The new cloud app model
                    Build a new class of apps that extend and personalize the way we create
                    and consume information right from within Office and SharePoint



New Apps                                                                  Flexible Lifecycle
A new class of apps enabling new                                          Deploy and maintain your apps publically
scenarios and new user experiences                                        on the new Office Store, or internally with
                                                                          Flexibility and control
                                     Familiar Toolsets
                                     Embracing Web standards to provide
                                     developers choice and flexibility
The new cloud app model

 Office client
Word/Excel/PowerPoint/…




SharePoint site           <XML>


                                      App
                                  (web application)
Apps for Office and SharePoint
Common App architecture




                                                             Web Server Host
                                 APP
      Browser Host




                                                                         Server APIs
Client APIs




                                       SharePoint
                     Office
                                       & Exchange
                        Client                      Server
Common App architecture




                                                             Web Server Host
                                 APP
      Browser Host




                                                                         Server APIs
Client APIs




                                       SharePoint
                     Office
                                       & Exchange
                        Client                      Server
Common App architecture




                                                             Web Server Host
                                 APP
      Browser Host




                                                                         Server APIs
Client APIs




                                       SharePoint
                     Office
                                       & Exchange
                        Client                      Server
Common App architecture




                                                             Web Server Host
                                 APP
      Browser Host




                                                                         Server APIs
Client APIs




                                       SharePoint
                     Office
                                       & Exchange
                        Client                      Server
Common App architecture




                                                                             Web Server Host
                                                 APP
                      Browser Host




                                                                                                       3rd Party Services
Other Devices
  & Clients




                                                                                         Server APIs
                Client APIs




                                                       SharePoint
                                     Office
                                                       & Exchange
                                        Client                      Server
Common App architecture




                                                                             Web Server Host
                                                 APP
                      Browser Host




                                                                                                       3rd Party Services
Other Devices
  & Clients




                                                                                         Server APIs
                Client APIs




                                                       SharePoint
                                     Office
                                                       & Exchange
                                        Client                      Server
App anatomy


                   App
Web Page
 HTML/CSS/JS      Manifest
                    <XML>

                             App
APP PER OFFICE 2013
How to implement Excel, Word, PowerPoint and Outlook Apps with
HTML5, CSS and Javascript
Apps for Office 2013
• 3 shapes



• Multi-platform & Cross App
   – Excel (web/desktop), Outlook (web, desktop, mobile web)
   – Word (desktop), PowerPoint (Desktop), Project (desktop)
• JavaScript APIs
• Run-time sandbox
Our first Office 2013 App

DEMO
APP PER SHAREPOINT 2013
How to implement a SharePoint App
Apps for SharePoint 2013
• Use the full power of SharePoint
   – Lists, doc libs, workflow, search, user profiles, ecc..
• App Shapes
                      Immersive       App Part   Custom Action



• App isolation
   – App web on its own domain
• Robust API set
   – REST and Client Object Model
App types                                                                     App Web
                                                                                   (optional)

                     Provider-Hosted App
                     “Bring your own server hosting              SharePoint                     Your Hosted
                     infrastructure”                                Web                             Site
Cloud-based          Developers will need to isolate tenants
Apps
Get remote events
from SharePoint      Auto-Hosted App                             SharePoint
Use CSOM/REST +      Windows Azure + SQL Azure                                                    Azure
OAuth to work with   provisioned invisibly as apps are              Web
SP                   installed


                     SharePoint-Hosted App                             Parent
                     Provision an isolated sub web on a parent web      Web
                        • Reuse web elements                          (host web)
                            (lists, files, out-of-box web parts)
                        • No server code allowed; use client                                     App Web
                            JavaScript for logic, HTML/CSS for UX
Our first SharePoint 2013 App

DEMO
App packaging and deployment
 Developer
             App manifest (.xml)
              or .app package

                                                                    Document
                                                                     Sharing
                                    Office Store or
                                     App Catalog




Web Page                                               Consumers &
                                                      Corporate Users

                         Web Server
                       (Internet or Intranet)
Office Store

DEMO
Annuncio!
• Sconto del 10% per l’iscrizione
  alla SharePoint & Office
  Conference 2013, che si terrà a
  Milano il 5-6-7 marzo
• Iscriversi online utilizzando il
  coupon: GGS8455DIC
Q&A
Tutto il nateriale di questa sessione su
http://www.communitydays.it/

#CDays13

Sviluppare App per Office 2013 e SharePoint 2013

  • 2.
    Grazie a Sponsor
  • 3.
    Who I am • Co-founder of Dev4Side S.r.l. • 3 years Microsoft SharePoint MVP • Speaker in Microsoft and Community events in Italy • MCP, MCPD Web applications, MCTS ASP.NET 4, WSS 3.0, MOSS 2007 and SharePoint 2010 • "SharePointer" from 2005 • Father of www.peppedotnet.it  • Author of the book «Pocket C#», Apogeo • Active member, speaker and promoter of SharePointCommunity.it • First, in Italy, with an App in the Office Store • One of the TOP 25 SharePoint Influencers in Europe
  • 4.
    Agenda • The newOffice and SharePoint "App-model" • Apps for Office 2013 • Apps for SharePoint 2013
  • 5.
    THE NEW "APPMODEL" OF OFFICE 2013 AND SHAREPOINT 2013 Bringing the web to Office and SharePoint
  • 6.
    The new cloudapp model Build a new class of apps that extend and personalize the way we create and consume information right from within Office and SharePoint New Apps Flexible Lifecycle A new class of apps enabling new Deploy and maintain your apps publically scenarios and new user experiences on the new Office Store, or internally with Flexibility and control Familiar Toolsets Embracing Web standards to provide developers choice and flexibility
  • 7.
    The new cloudapp model Office client Word/Excel/PowerPoint/… SharePoint site <XML> App (web application)
  • 8.
    Apps for Officeand SharePoint
  • 9.
    Common App architecture Web Server Host APP Browser Host Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 10.
    Common App architecture Web Server Host APP Browser Host Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 11.
    Common App architecture Web Server Host APP Browser Host Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 12.
    Common App architecture Web Server Host APP Browser Host Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 13.
    Common App architecture Web Server Host APP Browser Host 3rd Party Services Other Devices & Clients Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 14.
    Common App architecture Web Server Host APP Browser Host 3rd Party Services Other Devices & Clients Server APIs Client APIs SharePoint Office & Exchange Client Server
  • 15.
    App anatomy App Web Page HTML/CSS/JS Manifest <XML> App
  • 16.
    APP PER OFFICE2013 How to implement Excel, Word, PowerPoint and Outlook Apps with HTML5, CSS and Javascript
  • 17.
    Apps for Office2013 • 3 shapes • Multi-platform & Cross App – Excel (web/desktop), Outlook (web, desktop, mobile web) – Word (desktop), PowerPoint (Desktop), Project (desktop) • JavaScript APIs • Run-time sandbox
  • 18.
    Our first Office2013 App DEMO
  • 19.
    APP PER SHAREPOINT2013 How to implement a SharePoint App
  • 20.
    Apps for SharePoint2013 • Use the full power of SharePoint – Lists, doc libs, workflow, search, user profiles, ecc.. • App Shapes Immersive App Part Custom Action • App isolation – App web on its own domain • Robust API set – REST and Client Object Model
  • 21.
    App types App Web (optional) Provider-Hosted App “Bring your own server hosting SharePoint Your Hosted infrastructure” Web Site Cloud-based Developers will need to isolate tenants Apps Get remote events from SharePoint Auto-Hosted App SharePoint Use CSOM/REST + Windows Azure + SQL Azure Azure OAuth to work with provisioned invisibly as apps are Web SP installed SharePoint-Hosted App Parent Provision an isolated sub web on a parent web Web • Reuse web elements (host web) (lists, files, out-of-box web parts) • No server code allowed; use client App Web JavaScript for logic, HTML/CSS for UX
  • 22.
    Our first SharePoint2013 App DEMO
  • 23.
    App packaging anddeployment Developer App manifest (.xml) or .app package Document Sharing Office Store or App Catalog Web Page Consumers & Corporate Users Web Server (Internet or Intranet)
  • 24.
  • 25.
    Annuncio! • Sconto del10% per l’iscrizione alla SharePoint & Office Conference 2013, che si terrà a Milano il 5-6-7 marzo • Iscriversi online utilizzando il coupon: GGS8455DIC
  • 26.
    Q&A Tutto il naterialedi questa sessione su http://www.communitydays.it/ #CDays13

Editor's Notes

  • #2 Inserite l’eventuale vostro logo in basso a destra
  • #3 Slide da mostrare prima di iniziare la sessione – non rimuovere!
  • #27 Ultima slide, obbligatoria