►
Description
Webcast around how to access Office Graph information from SharePoint Framework client-side web parts.
A
Welcome
everybody:
this
is
SharePoint
Patterson
practices
to
webcast,
also
known
as
office
365
patterns
and
practices.
Webcast
series.
In
this
time
we
kind
of
talk
about
how
can
you
use
office
craft
from
a
client-side
web
parts
which
have
been
developed
for
SharePoint
framework?
My
name
is
Rosario
Bonin
I'm,
a
Senior
Program
Manager
from
SharePoint
engineering
and
with
me
today,
responsable
of
the
demo
once
again
is
wall
deck
master
cards.
So
what
I
clearly
do
a
quick
intro
of
yourself?
Yes,.
B
A
We
go
so
let's
actually
get
moving
on
the
actual
topic.
So
before
we
go
to
the
topic
itself,
just
to
quickly
explain
SharePoint
patterns
and
practices.
We
are
a
open
source
community
driven
initiative
controlled
by
Microsoft,
but
we
have
multiple
external
people
closely
involved
like
well
deck
and
multiple
other
MVPs,
and
we
provide
code
examples,
guidance
document,
ations
community,
calls
case
studies,
videos
within
the
theme,
soft
SharePoint
framework,
ship
and
errands
Microsoft
graph
and
all
of
the
season
and
remote
API
based
implementations.
A
The
SharePoint
Patterson
practice
is
not
only
just
for,
let's
say,
advanced
Enterprise
scenarios,
it's
also
for
providing
you
stepping-stones.
So
how
do
I
actually
get
started
on
all
of
this
development
topics
within
a
SharePoint
AKM
SSP
PMP
is
there's
a
satirist
emember
remember
now,
let's
get
back
on
today's
topic,
which
is
the
office
graph
and
how
we
can
get
started
and
what
is
it
first
of
all
and
how
we
can
get
started
using
that
within
our
client-side
web
parts.
A
So
the
office
graph
is
something
that's
been
available
for
a
while
in
office,
365
and-
and
there
are
hybrid
scenarios
with
SharePoint
2016
as
well.
It
is
say,
a
intelligence
fabric
which
actually
keeps
tracks
of
all
of
your
work
and
what
we
mean
with
that
one
is
that
there's
a
internal,
let's
say:
machine
learning
within
the
office
365
or
and
SharePoint
Online,
which
is
tracking,
for
example,
which
are
the
people
you
work
with.
A
What
are
the
documents
you
are
working
with,
with
what
are
the
documents
which
are
most
active,
for
example
inside
and
all
of
that
data
is
getting
collected
by
using
this
office
using
the
office
graph
to
be
then
consumed.
The
easiest
way
to
actually
see
the
office
graph
or
the
how
it
can
be
used
is
to
go
to
delve
Dell.
F
is
one
of
the
services
within
office
365,
which
is
extend
exposing,
for
example,
your
closest
colleagues,
the
people
you
work
with
the
documents
which
we
have
been
modifying
recently
other
sites
you've
been
modifying
recently.
A
So
all
of
that
information,
what
you're
seeing
in
Delft
is
actually
coming
from
office
craft,
so
the
intelligence
behind
of
the
of
collecting
the
data.
We
also
do
have
an
API
for
office
graph,
so
you're
able
to
access
that
the
information
within
your
customizations
and
using
that
API.
Then
you
can
actually
build
a
personalised
conceptual
experiences,
which
essentially
means
that
you
as
a
developer,
can
implement
similar
kind
of
intelligence
as
within
the
Delft.
So
all
of
those
API
is
the
needed.
A
Abs
are
available
for
you
as
well
kind
of
at
the
office
craft
work
might
be
slightly
confusing
in
the
context
of
the
Microsoft
craft.
So
let's
slightly
clarify
that
one.
What
does
it
actually
mean
so
office
graph
is
in
the
office
365
and
that's
the
native
service
within
office
365
and
also
in
SharePoint
Online.
Obviously-
and
that's
because
it's
a
native
service
within
office
365,
you
can
actually
access
those
api's
without
any
additional
authorization.
A
So,
in
the
context
of
SharePoint,
when
we
are
in
a
SharePoint
Online
I
can
just
hit
that
endpoint
the
actual
research
endpoint
and
get
that
information
from
office
crafts.
Then
we
do
have
the
the
one
API
and
unified
API,
which
rolls
them
all,
which
is
the
Microsoft
graph
and
that's
a
slightly
different,
let's
say
topical.
It's
a
slightly
different
perspective,
so
Microsoft
graph
is
a
endpoint
that
one
endpoint,
which
is
secured
using
the
usher
ad,
so
you
need
to
out
indicate
against
the
usher
ad
and
through
the
Microsoft
graph.
A
You
can
access
additional
stuff
and
I'll
just
office
graph
information
like
the
trending
documents
or
the
your
closest
contacts,
but
there's
a
lot
about
Andy
generalized,
which
are
also
outside
of
the
office
context.
You
can
access
your
either
a
ad
information.
You
can
access
your
wealth,
multiple
different
services
exposed
by
this
one
endpoint.
So
that's
really
the
difference
between
the
office
graph
and
Microsoft
crafts.
Anything
we
want
to
actually
clarify
or
at
their
wall
deck
I.
B
Guess
the
one
important
point
that
we
didn't
put
talked
about
is
that,
given
the
fact
that
the
office
graph
tracks
everything
that
you
do,
you
might
think
that
it
will
expose
your
internal
work
to
others
right
and
well.
In
a
way
there
is
this
ancient
to
make
between
the
IVA
info
that
that's
visible
only
to
you
and
public
involved
as
available
to
other.
So,
for
example,
if
you
view
a
document
or
you
send
email
to
someone,
only
you
and
yourself
so
non
admins,
not
anybody
else
will
be
able
to
see
that.
B
But
if
you
edit
a
document
that
is
seen
already
in
the
list,
so
there
is
no
risk
with
office
graph,
making
that
available
to
others
as
well
right.
So
it's
important
that
you
keep
in
mind
the
even
though
office
graph
keeps
track
of
everything
that
you
do
only
you
can
see
everything,
and
there
is
small
part
that
is
available
to
others
as
well,
which.
A
Is
the
small
part
obviously
is
dependent
on
the
permissions
of
those
other
people's
as
well?
So
if
you
don't
have
access
to
the
document,
then
that
the
modifications
within
a
document
within
a
site
could
be
visible
for
that
person.
So
and
that's
that
really
comes
down
on
the
on
the
last
bullet
point
as
well
kind
of
a
relates
on
that
one
as
well,
so
the
office
graph
is
it
exposed
through
the
Search
API
and
the
search
in
SharePoint
and
office.
365
is
fully
aware
of
permission.
A
So
when
you
use
the
search
you're,
not
getting
any
results
which
you
wouldn't
have
permission
to
go
into,
so
you
will
always
where
the
search
results
are
always
filtered
based
on
the
the
permissions
and
the
same
applies
to
office
graph
information,
because
in
some
sense
you
might
actually
consider
the
office
graph
as
a
well.
It
is
an
endpoint
in
the
search
you're,
just
querying
search
results
with
an
additional
intelligence
which
is
contextual.
A
So
it's
an
additional
search
capability,
almost
yeah
good
and
then
there's
an
HTTP,
a
KMS
craft,
query
language,
a
link
on
the
slide,
and
that's
the
easiest
way
to
actually
get
to
that
MST
and
page,
which
is
having
the
clarification.
How
do
you
actually
create
your
office
graph
queries,
which
will
then
execute
against
the
sharepoint
online
within
the
context
of
sharepoint
patterns
and
practices?
We
already
right
now
when
the
video
is
recorded.
We
have
four
different
samples
around
office
craft
usage.
A
This
also
were
looking
into
crowing
these
samples
or
slightly
evolving,
this
existing
examples
as
well,
but
right
now
we
have
four
different
samples
available
for
you
to
kind
of
a
take
credit
and
start
using
or
use
as
to
your
inspiration
for
your
own
personal
usage,
and
these
are
recent
contacts,
as
are
people
you've
been
working
with
trending
in
the
sites,
I
follow.
So
what
are
the
documents
which
are
trending
and
that's
a
quite
typical
actual
scenario
in
the
Delft?
B
Yes,
the
part
there
is
that
in
Delft
you
will
see
them
across
your
whole
tendency,
while
here
you
can
only
inherit
down
to
the
size
that
you
are
really
interested
with.
So
so
imagine
that
you
work
on
a
project
or
two
or
three
so
with
the
web
part,
you
will
get
an
easy
overview
of
documents
or
off
of
active
documents
in
only
these
sites
as
opposite
to
whole
internet.
Yes,.
A
Absolutely
I
could
point
absolutely
and
then
the
the
third
one
is
to
my
recent
documents,
other
stuff,
what
you've
been
modifying
within
the
tenant
within
a
sharepoint
online
within
the
SharePoint
site
collections
and
then
trending
in
this
site.
So
what
are
the
documents
which
are
trending
in
this
side
and
that's
quite
typical
scenario.
People
would
like
to
if
there's
a
lot
of
documents
within
a
one
side.
Wouldn't
it
make
sense
to
have
a
web
part
in
the
front
page
of
the
site,
which
is
showing
that
there's
the
documents
which
are
training
within
the
site?
A
So,
and
so
you
can
absolutely
implement
this
as
a
customization.
You
can
use
these
papers
as
well
within
your
deployment
as
such.
That's
absolutely
access
to
excessive
acceptable
as
well,
but
let's
actually
have
a
look
on
all
of
these
in
practice.
So
let's
switch
to
demo
and
I'll
let
well
deck
the
demonstrate
one
of
these
webparts,
more
detailed,
we're
gonna
have
a
look
on
the
on
the
functionalities
of
all
of
them,
but
then
we
slightly
deep
dive
to
a
one
web
part.
B
B
So
in
a
way,
if
you
would
for,
for
example,
go
to
Word
or
Excel,
there
is
the
most
recently
used
list
so
think
of
this
as
one
list
across
all
the
products,
so
Word
Excel,
PowerPoint
project,
everything
that
you
use,
everything
that
that
you
have
stored
in
your
intranet
now
it'll
be
just
one
easy
place
to
access
all
of
them
right.
So
that's
the
one
that
we
have,
the
other
one
is
trending
in
the
sites,
I
hello.
B
So
imagine
that
you
work
on
a
project
or
two
or
three,
and
you
want
to
have
an
easy
overview
of
what's
active,
what's
going
on
within
each
side,
so
you
could
go
to
delve,
but
in
delve
you
see
actually
everything
across
all
Internet.
Well,
here
you
can
narrow
it
down.
Only
two
sides
follow
so
that
you
get
easy
glance
into
what's
going
on
in
in
your
sites,
then,
in
our
example
that
we
have
is
running
in
this
side.
B
And
pull
me
right,
so
that's
based
on
combination
of
what
you
do
who
you
are
and
who
you
you
work
with,
and
all
of
these
these
parts
you
you
can
adjust.
So,
for
example,
here
you
can
pick
whether
you
want
to
see
five
documents
or
you
want
to
see
four
or
three
and
they
will
adjust
the
view
as
you
go.
B
You
can
also
set
idols.
You
can
adjust
some
additional
properties
here,
so
you
can
show.
For
example,
you
want
to
see
only
three
documents
and
you
want
to
change
this
to
my
documents,
all
that,
so
that's
just
an
easy
way
to
tap
into
the
office
graph
and
to
use
it
to
make
your
life
easier.
So,
let's
have
a
quick
look
at
how
the
web
parts
are
built
and
as
an
example,
we
will
use
the
one
that
shows
recent
contacts.
B
So,
let's
go
to
the
code,
and
here
you
see
the
SharePoint
flatten
frame
or
a
client-side
side
effort
that
we
built
so
the
web
parts.
All
of
these,
these
parts
are
built
in
react
so
with
that
the
web
parts
code
is
really
simple
and
the
only
thing
that
it
does
it
creates
new
in
of
the
react
component
that
does
all
of
the
work.
So
these
are
the
lies
that
we
see
here
and.
A
B
So
you
don't
have
to
copy
paste
the
code
or,
as
they
say,
do
editor
inheritance,
but
you
can
just
refer
to
the
same
reusable
blocks
right,
absolutely
absolutely
so
now,
if
we
go
to
our
component
that
that
does
all
of
the
job,
we
can
see
the
methods
that
we
have
here
that
instantiate
the
web
part
and
then
eventually
what
they
do
is
we
executed
an
issue
or
we
execute
a
request.
We
issue
a
request
to
the
SharePoint
search,
REST
API,
that
we
use
to
access
as
the
office
graph.
B
So
here
you
see
that
from
search
point
of
view,
we
actually
search
for
everything,
but
then
we
narrow
it
down
using
the
graph
query
language,
and
there
is
a
page
on
the
on
on
MSDN,
which
we
already
provided
you
with
a
link
that
you
can
go
to
and
you
will
read
more
about
actions,
queries
and
how
can
you
build
them
so
here?
What
we
want
to
get
is
a
list
of
people
trending
around
or
with
whom
I
work.
B
So
the
actor
is
me
and
the
action
is
1,000
I
19,
which
corresponds
to
the
private
list
of
people
with
whom
I
work
so
meaning
that
that
list
includes
ad
org,
email,
Skype
everything,
and
there
is
also
another
action
that
only
takes
into
account
the
ORAC
hierarchy
from
my
ad.
So
that's
the
list
available
to
everyone,
because
everybody
can
see
that
as
hierarchy
right,
so
that
eventually,
this
is
nothing
else
than
a
SharePoint
search.
B
Query
that
we
issue
and
then,
when
we
get
back
through
the
results,
we
actually
we
model
them
into
a
person
which
you
see
here,
which
we
define
here
in
an
interface
and
for
for
each
one.
We
actually
store
the
name,
email
job
title
department
photo
URL
profile
URL,
so
that
we
can
show
them
here
on
a
page,
as
you
have
seen,
using
a
office,
UI
fabric
react
persona.
B
Component,
which
is
he
here
and
with
that
when
we
are
on
the
list
when
it
wasn't
when
we
for,
for
example,
click
on
M.
We
can
go
to
her
profile
page
in
in
delve,
and
would
that
get
even
more
info
about
her
and
what
she
does
and
who
who
she
is
so
the
page
loads.
And
there
you
go
here.
You
can
see
some
additional
info
about
M.
A
B
B
Yes,
exactly
so,
don't
think
that
you
have
to
do
is
to
import
it
from
the
office.
You
live
fabric,
react
law,
library
and
then
we
used
it
as
in
a
way,
an
HTML
tag,
which
is
how
you
use
them
in
react,
yeah
right,
so
the
so
there's
definitely
any
easy
way
to
ensure
that
everything
that
you
build,
looks
and
feels
like.
It
was
a
part
of
your
internet
part
of
office
actually
and.
A
Slightly
aside
topic
on
this
discussion,
but
obviously
they're
react
components.
We
really
want
to
that
something
about
engineering
is
building
and
we're
providing
them
and
for
people
to
consume
and
use
within
their
clients
our
web
parts,
because
in
Microsoft
we
are
using
react
as
the
native
language.
You
can
certainly
use
angular
and
there
are
community
initiatives
for
creating
kind
of
a
similar
kind
of
approach
for
angular
as
well.
A
Now,
if
there
are
scenarios
which
see
not
yet
have
been
implemented,
using
the
react
components
and
and
what
you
can
do
is
kind
of
exactly
what
the
react
components
is
doing
as
well,
so
you
can
create
your
own.
Let's
say
at
a
component
with
sis
then
having
that
similar
capability
and
what
I
mean
with
that
one.
A
B
A
You
thank
you
and
really
like
for
Wallach
mentioned.
These
are
great
great
samples,
they're
available
for
you
to
consume
today
as
an
inspiration
or
use
it
use
them
as
such.
To
be
fair.
If
you
have
a
look
on,
for
example,
my
documents,
the
presentation
is
pretty
large
and
but
you
can
certainly
adjust
at
the
presentation
layer.
The
whole
point
is
that
the
web
parts
are
showing
how
to
get
access
on
the
data,
how
the
office
graph
actually
works
within
the
context
of
the
known
sharepoint
user.
A
So
there's
no
additional
authorization
or
anything
like
that
when
you're
calling
the
API
but
I
think
that
sums
up
the
demo.
So
let's
switch
back
on
the
slides
and
close
up
the
webcast,
good
I
think
it's
that's
it
from
this
particular
webcast.
So
we
went
through
what
the
office
graph
is.
How
can
we
use
that
and
what
are
the
considerations
within
the
office
graph?
What
is
the
webparts
which
we
have
available
for
you
already
right
now
in
the
developer?
Preview
of
SharePoint
framework.
A
Absolutely
you
can
always
suggest
also
new
capabilities,
if
you
don't
have
the
technical
skills
to
implement
that
so,
but
obviously,
contributions
under
this
existing
solution
are
more
than
welcome
as
well,
but
thank
you,
everybody
for
watching
and
I
think
that's
it
for
this
one.
So
we'll
come
up
with
a
new
webcast
sooner
or
later.
Thank
you.
Bye.