/
Build smart productivity apps with Microsoft Graph JavaScript SDK Build smart productivity apps with Microsoft Graph JavaScript SDK

Build smart productivity apps with Microsoft Graph JavaScript SDK - PowerPoint Presentation

phoebe-click
phoebe-click . @phoebe-click
Follow
383 views
Uploaded On 2018-03-17

Build smart productivity apps with Microsoft Graph JavaScript SDK - PPT Presentation

Dan Silver Software Engineer P4137 Meet Sally Writes business apps for HR updating org structures and employee records Manages groups in her organization Needs to export deviceuser pairs ID: 654337

level microsoft size accent microsoft level accent size slide list don

Share:

Link:

Embed:

Download Presentation from below link

Download Presentation The PPT/PDF document "Build smart productivity apps with Micro..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

Slide1
Slide2

Build smart productivity apps with Microsoft Graph JavaScript SDK

Dan SilverSoftware Engineer

P4137 Slide3

Meet Sally

Writes business apps for HR – updating org structures and employee records

Manages groups in her organization

Needs to export device/user pairs

Monitors OneDrive usage within her organizationValidating employee data in Azure Active DirectorySlide4

Meet Sally

Needs to quickly prototype on different APIs

Needs

IntelliSense

in her editor so she can spot possible issues before calling APIsWants to integrate with cloud services, like Azure FunctionsSlide5

Introducing the Microsoft Graph JavaScript SDK

Allows Sally to

quickly prototype with Microsoft APIs

Simplifies sending REST requests to the Microsoft Graph

Supports web browsers and server JavaScript with Node.jsSlide6

Introducing the Microsoft Graph JavaScript SDK

Native support for TypeScript applications

Promises and callbacks

Open source and published in NPM (Node Package Manager)Slide7

JavaScript SDK is published as two modules

Send REST requests with @

microsoft

/

microsoft-graph-clientSlide8

JavaScript SDK is published as two modules

Editor intellisense and TypeScript types with

@

microsoft

/

microsoft

-graph-types

Can be used in pure JavaScript apps!Slide9

Demo

Get a list of users in Azure Active Directory

Send an email by

POSTing

to the GraphImport data into user extensions API from ExcelSlide10

Import data into extensions API from Excel

Add sample data to an Excel sheet for a few users

Extend users in the Graph and add their Twitter handles, age and city

Verify data was saved to the Graph

-Twitter

-Age

-CitySlide11

Below is a list of key dates and resources:

Important

Content Deadlines

– detailed instructions are found on the

Speaker Portal

:

ASAP

Complete your event registration

April 27, 2017

Fill out an ERT Request for additional equipment needed for your session

May 5, 2017 at 3:00 pm

Upload your FINAL PPT at the Speaker Portal

Your spoken presentation may change until delivery of the session, but create and lock your PPT by the deadline

YOUR PROMPT FINAL PPT SUBMISSION IS APPRECIATED

Limited PPT support is available onsite

Points of Contact

Direct presentation questions to Erika Seven at v-erseve@microsoft.com

Direct content questions to your Track Owner

Deadlines & Resources

NOTE:

PPTs or Recordings with licensing issues will not be published until resolved.Slide12

Upload your final deck on the speaker portal on or before

May 5, 2017 at 3:00 pm (pacific)

and receive priority for expedited deck scrub. If you are not able to upload the deck, bring it to the Speaker Workroom as soon as possible and your deck will be queued up to complete deck scrub.

The Scrub Process will include:

Verification that required slides are included

Remove any non-template logos and graphics from the walk-in slide

Remove any unused placeholder slides from the deck

Remove all comments, hidden slides and speaker notes from slides

Set file properties box

Reset printability to grayscale

Notify Speaker of any images identified as unlicensed for immediate resolution

Rename PPT file to match naming convention

Correct session title and session code to match Schedule Builder

PRINTING: This template is intentionally set to print in color or grayscale, not black and white

As speakers, you must:

Use the provided event template and associated colors, fonts, layout and transition slides

Correct product names to follow applicable branding rules

Remove any unlicensed images

Scrub ChecklistSlide13

ATTENTION: PLEASE READ

Photography and copyright infringement.

Due to copyright laws, please refrain from searching for photography online and utilizing them in your presentations. Using imagery from movies, television, music

and pop-culture is illegal, unless purchased from a stock photography site or given expressed written consent from the owner. If you have any questions regarding your imagery please consult with CELA and/or read more at this site.

Alternatively, please see the photography section below for instruction on impactful photo usage and links to Microsoft owned images.

Please also consider brand illustrations. See the illustration slides

for details. Custom illustrations created by

Silver Fox Productions are also available.Slide14

If an image is on the Internet/Bing it is in the public domain.

If there is no copyright notice on the image, I don’t need permission.

If I don’t profit from the use, I don’t need permission.

If I remove the image after notice, I don’t owe any money to the copyright.

If I alter the image X%, I don’t need permission.

If I only use a part of the image, I don’t need permission.

If I only include a hyperlink in my presentation and click it to show the image, I don’t need permission.

Common Copyright MythsSlide15

Where can I find imagery?

Respect intellectual property rights

Photography and graphics used in presentations, for

both internal and external audiences

, must be owned by Microsoft or licensed appropriately.

Microsoft has agreements in place with several stock providers. More information about approved stock providers and instructions for requesting licenses is available here:

https://microsoft.sharepoint.com/teams/MediaAcquisition/Pages/knowledgeBase.aspx

Avoid intellectual property theft: Do not use photos or graphics copied from the web

in presentations. When in doubt, consult with LCA

http://lcaweb/CTP/Copyrights/Third-Party-Content-Use/Pages/default.aspx

A few great places to start…

Brand Central:

A resource for information on the Microsoft brand

https://microsoft.sharepoint.com/teams/BrandCentral/

Microsoft News Center

A great place for the latest and greatest

www.microsoft.com/en-us/news

Xbox Wire Media Assets library

http://news.xbox.com/media/

Featured Devices

: PC, tablet and phone hardware imagery and marketing materials

https://www.featureddevices.com/

Presentation Resources

: Presentation guidelines and PowerPoint templates

https://microsoft.sharepoint.com/teams/BrandCentral/Pages/Presentations.aspxSlide16

Resources

Download the SDK at https://github.com/microsoftgraph/msgraph-sdk-javascript

Graph documentation

https://developer.microsoft.com/graph/

Provide feedback, star GitHub repos to let us know we should continue developing these SDKsRe-visit Build session recordings on Channel 9.Continue your education at

Microsoft Virtual Academy

online.

#

MSBuildSlide17

Related sessions

Provide a list of related sessions for attendees:Related breakout sessionsRelated theater sessions

Hub demo stations, etc.

#

MSBuildSlide18

Text layout (without bullet points)

Main topic 1: size 36ptSize 28pt for second level

Size 24pt for third level

Size 22pt for fourth level

Size 22 for fifth levelSlide19

Text with bullet points - adjusting list levels

Main topic 1: size 36ptSize 28pt for second level

Size 24pt for third level

Size 22pt for fourth level

Size 22 for fifth level

Use the “Decrease List Level” and “Increase List Level” tools on the Home Menu to change text levels.

Try this:

Place your cursor in any row of text to the left that says “Size 20pt for subtopics”

Next click the Home tab, and then on the “

Decrease List level

” tool. Notice how the line moves up one level.

Now try placing your cursor in one of the “Main topic…” lines of text. Click the “

Increase List Level

” tool and see how the text is pushed in one level

Use these 2 tools to adjust your text levels as you workSlide20

Example of a bulleted slide with a subhead

Set the slide title to “Sentence case”Set subheads to “Sentence case”Hyperlink style

www.microsoft.com

Bullet points layout with subtitleSubtitle is smaller in the same text blockSlide21

Photo layout 1Slide22

Slide palette info

Accent 3

Accent 2

Accent 1

Accent 6

Accent 5

Accent 4

Accent colors 1-6 – (6 Theme Colors to the far right)

Use

Accent 1

as the main accent color. Use

Accent 2

and

Accent 3

when

additional colors are needed.

Use

Accents 4-6

sparingly – only when more colors are necessary.

The PowerPoint palette for this template has been built for you and is shown below. Avoid using too many colors in your presentation. Slide23

Demo

Speaker nameSlide24

VideoSlide25

Section titleSlide26

Slide for developer code and Github URLs

This slide layout uses Consolas, a monotype font which is ideal for showing software code.

Also, provide info that gives attendees some specifics about what they will find when they

look at your

Github code. Slide27

Some speakers at Microsoft like to use this slide for hidden “notes slides”.

Delete it if you don’t want to use it.NEXT: <next slide title>

Notes (hidden)Slide28

Please Complete An Evaluation Form

for every session you attend.

Your input is important!

#

MSBuildSlide29
Slide30
Slide31

Presentation title

Speaker NameTitle

Session Code HereSlide32

Below is a list of key dates and resources:

Important

Content Deadlines

– detailed instructions are found on the

Speaker Portal

:

ASAP

Complete your event registration

April 27, 2017

Fill out an ERT Request for additional equipment needed for your session

May 5, 2017 at 3:00 pm

Upload your FINAL PPT at the Speaker Portal

Your spoken presentation may change until delivery of the session, but create and lock your PPT by the deadline

YOUR PROMPT FINAL PPT SUBMISSION IS APPRECIATED

Limited PPT support is available onsite

Points of Contact

Direct presentation questions to Erika Seven at v-erseve@microsoft.com

Direct content questions to your Track Owner

Deadlines & Resources

NOTE:

PPTs or Recordings with licensing issues will not be published until resolved.Slide33

Upload your final deck on the speaker portal on or before

May 5, 2017 at 3:00 pm (pacific)

and receive priority for expedited deck scrub. If you are not able to upload the deck, bring it to the Speaker Workroom as soon as possible and your deck will be queued up to complete deck scrub.

The Scrub Process will include:

Verification that required slides are included

Remove any non-template logos and graphics from the walk-in slide

Remove any unused placeholder slides from the deck

Remove all comments, hidden slides and speaker notes from slides

Set file properties box

Reset printability to grayscale

Notify Speaker of any images identified as unlicensed for immediate resolution

Rename PPT file to match naming convention

Correct session title and session code to match Schedule Builder

PRINTING: This template is intentionally set to print in color or grayscale, not black and white

As speakers, you must:

Use the provided event template and associated colors, fonts, layout and transition slides

Correct product names to follow applicable branding rules

Remove any unlicensed images

Scrub ChecklistSlide34

ATTENTION: PLEASE READ

Photography and copyright infringement.

Due to copyright laws, please refrain from searching for photography online and utilizing them in your presentations. Using imagery from movies, television, music

and pop-culture is illegal, unless purchased from a stock photography site or given expressed written consent from the owner. If you have any questions regarding your imagery please consult with CELA and/or read more at this site.

Alternatively, please see the photography section below for instruction on impactful photo usage and links to Microsoft owned images.

Please also consider brand illustrations. See the illustration slides

for details. Custom illustrations created by

Silver Fox Productions are also available.Slide35

If an image is on the Internet/Bing it is in the public domain.

If there is no copyright notice on the image, I don’t need permission.

If I don’t profit from the use, I don’t need permission.

If I remove the image after notice, I don’t owe any money to the copyright.

If I alter the image X%, I don’t need permission.

If I only use a part of the image, I don’t need permission.

If I only include a hyperlink in my presentation and click it to show the image, I don’t need permission.

Common Copyright MythsSlide36

Where can I find imagery?

Respect intellectual property rights

Photography and graphics used in presentations, for

both internal and external audiences

, must be owned by Microsoft or licensed appropriately.

Microsoft has agreements in place with several stock providers. More information about approved stock providers and instructions for requesting licenses is available here:

https://microsoft.sharepoint.com/teams/MediaAcquisition/Pages/knowledgeBase.aspx

Avoid intellectual property theft: Do not use photos or graphics copied from the web

in presentations. When in doubt, consult with LCA

http://lcaweb/CTP/Copyrights/Third-Party-Content-Use/Pages/default.aspx

A few great places to start…

Brand Central:

A resource for information on the Microsoft brand

https://microsoft.sharepoint.com/teams/BrandCentral/

Microsoft News Center

A great place for the latest and greatest

www.microsoft.com/en-us/news

Xbox Wire Media Assets library

http://news.xbox.com/media/

Featured Devices

: PC, tablet and phone hardware imagery and marketing materials

https://www.featureddevices.com/

Presentation Resources

: Presentation guidelines and PowerPoint templates

https://microsoft.sharepoint.com/teams/BrandCentral/Pages/Presentations.aspxSlide37

Call to action

Let attendees know what do to following this session.Tell Attendees the URL where they can find

your

Github

CodeUse this slide to list resources, white papers, videos and links.Re-visit Build session recordings on Channel 9.

Continue your education at

Microsoft Virtual Academy

online.

#

MSBuildSlide38

Related sessions

Provide a list of related sessions for attendees:Related breakout sessionsRelated theater sessions

Hub demo stations, etc.

#

MSBuildSlide39

Text layout (without bullet points)

Main topic 1: size 36ptSize 28pt for second level

Size 24pt for third level

Size 22pt for fourth level

Size 22 for fifth levelSlide40

Adjusting list levels

Main topic 1: size 36ptSize 28pt for second level

Size 24pt for third level

Size 22pt for fourth level

Size 22 for fifth level

Use the “Decrease List Level” and “Increase List Level” tools on the Home Menu to change text levels.

Try this:

Place your cursor in any row of text to the left that says “Size 20pt for subtopics”

Next click the Home tab, and then on the “

Decrease List level

” tool. Notice how the line moves up one level.

Now try placing your cursor in one of the “Main topic…” lines of text. Click the “

Increase List Level

” tool and see how the text is pushed in one level

Use these 2 tools to adjust your text levels as you workSlide41

Example of a bulleted slide with a subhead

Set the slide title to “Sentence case”Set subheads to “Sentence case”Hyperlink style

www.microsoft.com

Bullet points layout with subtitleSubtitle is smaller in the same text blockSlide42

Photo layout 1Slide43

Slide palette info

Accent 3

Accent 2

Accent 1

Accent 6

Accent 5

Accent 4

Accent colors 1-6 – (6 Theme Colors to the far right)

The PowerPoint palette for this template has been built for you and is shown below. Avoid using too many colors in your presentation.

Use

Accent 1

as the main accent color. Use

Accent 2

and

Accent 3

when additional colors are needed.

Use

Accents 4-6

sparingly – only when more colors are necessary. Slide44

Demo

Speaker nameSlide45

VideoSlide46

Section titleSlide47

Slide for developer code and Github URLs

This slide layout uses Consolas, a monotype font which is ideal for showing software code.

Also, provide info that gives attendees some specifics about what they will find when they

look at your

Github code. Slide48

Some speakers at Microsoft like to use this slide for hidden “notes slides”.

Delete it if you don’t want to use it.NEXT: <next slide title>

Notes (hidden)Slide49

Please Complete An Evaluation Form

for every session you attend.

Your input is important!

#

MSBuildSlide50