Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
meetup.com/dotnet-goias
http://bit.ly/azuredevops
OfficeApplication Support
Platform/OS Support Windows Online Mac/iOS
Excel Word PowerPoint Outlook OneNote
Android
(soon)
...
Calendar
https://graph.microsoft.com
And more …
Mail
PeopleDocuments
Acesso à dados e
inteligência pelo
Microsoft Azure
Pe...
Sideloading
Distribuição Pública
(add-ins & apps)
Office Store Outlook add-in
Deployment
SharePoint Catalog
Centralized
De...
Typography Fonts Colors Icons Office 365
Theming
Animations Responsive
Grid
Components Localization New
Investments
OFFICE...
OFFICEUIFABRIC
+7 more
Segoe UI, Type Ramp
CSS classes representing the type ramp
for the Office Design Language
Helper cl...
OFFICEUIFABRIC
9 Theme Colors
22 Accent Colors
11 Neutral Colors
Color
O365 theme colors, neutral colors,
MS Accent colors...
OFFICEUIFABRIC
Iconography
The official icon font, with glyphs for
applications and scenarios throughout
O365
Simple imple...
OFFICEUIFABRIC
Responsive Grid
Quickly create flexible layouts
Consistent spacing and alignment
12-column, mobile-first gr...
OFFICEUIFABRIC
Localization
Right-to-left CSS optimizations for
icons, animations, and the grid
Optimized font stacks for ...
OFFICEUIFABRIC
<nav class=“LeftNav ms-u-slideRightIn40”>
...
</nav>
IMPLEMENTATION
Motion
CSS classes for 3 types of anima...
OFFICEUIFABRIC
Responsive UI elements used throughout Office 365
These are common, cross-product patterns (e.g. not bespok...
OFFICEUIFABRIC
Inputs
OFFICEUIFABRIC
Pickers
OFFICEUIFABRIC
Layout
CONTENTOFFICE UI FABRIC
Content
FABRICASPALETTEOFFICE UI FABRIC
Fabric as a Palette
Think of Fabric as a Palette to help you
paint your UI
Pick, choose, a...
TOOLINGOFFICE UI FABRIC
Tooling
Gulp is used for automated building,
watching
“Bundling” tool recently added for
creating ...
https://msdn.microsoft.com/en-us/library/tcyt0y1f.aspx
https://msdn.microsoft.co
m/en-
us/library/hhf98b5c.aspx
https://github.com/WordDocX/DocX
https://dev.office.com/docs/add-ins/outlook/metadata-for-an-outlook-add-in
https://dev.office.com/docs/add-ins/develop/localization
https://msdn.microsoft.com/en-
us/library/system.io.packaging.pa
ckagedigitalsignaturemanager(v=
vs.110).aspx
https://dev.office.com/docs/add-ins/develop/privacy-and-
security?product=word
Develop using Office Graph API
Develop using Office Graph API
Develop using Office Graph API
Develop using Office Graph API
Develop using Office Graph API
Develop using Office Graph API
Develop using Office Graph API
Upcoming SlideShare
Loading in …5
×

Develop using Office Graph API

1,321 views

Published on

Global Office 365 Developer Bootcamp - O Office 365 oferece uma oportunidade incrível para desenvolvedores, com dados críticos para os negócios e milhões de usuários combinados com uma plataforma projetada para manter as pessoas no fluxo de trabalho. Como desenvolvedor, você pode usar as ferramentas com as quais trabalha todos os dias para criar produtos e soluções inteligentes e conectados.

Published in: Technology
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes.........ACCESS WEBSITE Over for All Ebooks ..... (Unlimited) ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • -- DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT -- ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... (Unlimited)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ...................................ALL FOR EBOOKS................................................. Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Develop using Office Graph API

  1. 1. meetup.com/dotnet-goias
  2. 2. http://bit.ly/azuredevops
  3. 3. OfficeApplication Support Platform/OS Support Windows Online Mac/iOS Excel Word PowerPoint Outlook OneNote Android (soon) SharePoint
  4. 4. Calendar https://graph.microsoft.com And more … Mail PeopleDocuments Acesso à dados e inteligência pelo Microsoft Azure Permite um desenvolvimento consistente da platforma Para ambos corporativo ou usuário Excel Notebooks Office Graph Groups Users
  5. 5. Sideloading Distribuição Pública (add-ins & apps) Office Store Outlook add-in Deployment SharePoint Catalog Centralized Deployment Azure Management Portal
  6. 6. Typography Fonts Colors Icons Office 365 Theming Animations Responsive Grid Components Localization New Investments OFFICEUIFABRIC In a Nutshell
  7. 7. OFFICEUIFABRIC +7 more Segoe UI, Type Ramp CSS classes representing the type ramp for the Office Design Language Helper classes for weight and color
  8. 8. OFFICEUIFABRIC 9 Theme Colors 22 Accent Colors 11 Neutral Colors Color O365 theme colors, neutral colors, MS Accent colors CSS classes for text, border, background, and hover states – just reference the class and you’re good to go Pulled directly from the MS palette Contrast ratio guidance baked into the site
  9. 9. OFFICEUIFABRIC Iconography The official icon font, with glyphs for applications and scenarios throughout O365 Simple implementation with CSS classes Localized for right-to-left languages <i class=“ms-Icon ms-Icon--mail”></i> IMPLEMENTATION
  10. 10. OFFICEUIFABRIC Responsive Grid Quickly create flexible layouts Consistent spacing and alignment 12-column, mobile-first grid
  11. 11. OFFICEUIFABRIC Localization Right-to-left CSS optimizations for icons, animations, and the grid Optimized font stacks for non-Western European languages FLIPS ICONS 6 3 3 633 REVERSES GRID LAYOUTS OPTIMIZES FONT FALLBACKS IMPLEMENTATION <!doctype html> <html dir=“rtl”> <head> <title>Application name</title> <link rel=“stylesheet” href=“fabric.rtl.css”> </head> ... </html>
  12. 12. OFFICEUIFABRIC <nav class=“LeftNav ms-u-slideRightIn40”> ... </nav> IMPLEMENTATION Motion CSS classes for 3 types of animations: slide, scale and fade Several variations for each type, e.g. most have “in” and “out” variants 24 animations Here is how the name of the class describes the animation:
  13. 13. OFFICEUIFABRIC Responsive UI elements used throughout Office 365 These are common, cross-product patterns (e.g. not bespoke) HTML, CSS, presentational JavaScript Framework-agnostic “components”, not data-bound “controls” Components
  14. 14. OFFICEUIFABRIC Inputs
  15. 15. OFFICEUIFABRIC Pickers
  16. 16. OFFICEUIFABRIC Layout
  17. 17. CONTENTOFFICE UI FABRIC Content
  18. 18. FABRICASPALETTEOFFICE UI FABRIC Fabric as a Palette Think of Fabric as a Palette to help you paint your UI Pick, choose, and modify to suit the needs of your project and your customer
  19. 19. TOOLINGOFFICE UI FABRIC Tooling Gulp is used for automated building, watching “Bundling” tool recently added for creating custom bundles of just what you need Recently completed conversion from LESS to SCSS
  20. 20. https://msdn.microsoft.com/en-us/library/tcyt0y1f.aspx
  21. 21. https://msdn.microsoft.co m/en- us/library/hhf98b5c.aspx
  22. 22. https://github.com/WordDocX/DocX
  23. 23. https://dev.office.com/docs/add-ins/outlook/metadata-for-an-outlook-add-in
  24. 24. https://dev.office.com/docs/add-ins/develop/localization
  25. 25. https://msdn.microsoft.com/en- us/library/system.io.packaging.pa ckagedigitalsignaturemanager(v= vs.110).aspx
  26. 26. https://dev.office.com/docs/add-ins/develop/privacy-and- security?product=word

×