[MUSIC]
>> Hi, everyone, and welcome to the bonus
content on Power BI Developer in a Day.
My name is May Hartov.
>> I'm Liav Zayde.
>> We're both software engineers in
the Power BI Embedded Analytics team.
>> Today we're going to talk about the new Playground.
We're going to show some of our experiences
from the development process,
and showcase some of our main
features in the new Playground.
Let's dive in and take a look.
>> Welcome to the new Playground,
the home for Power BI Embedded Analytics.
Before we show you the new Playground,
let's have a look at
the previous version of the Playground.
>> Here we have the old Playground,
which was a pretty useful tool for us as developers.
We used to use it during new features development,
and even if we need to debug.
>> Debugging development,
if you will go to the sample report.
We can easily embed content into a web application.
You see that you have the code section here,
which is not editable.
>> Which was a real issue for us developers.
>> Also for customers,
it's a pain point that we share
with developers and our customers.
After we embed content,
we can go to the Interact tab and try
out different APIs of Power BI JavaScript SDK.
There is not really
separation between decision makers who are
not interested in code and
implementation details, and developers.
>> If I'm, let's say,
a product manager,
the code itself isn't much of an interest to me,
but I would like to interact with
the capabilities of the product
to see if it meets my needs.
>> Back to the new Playground.
Here you could find all useful resources and links,
and same for the Learning Center.
>> If we go to the Navigation pane and click on "Learning
Center," here is another interesting page as well.
A lot of resources
for starting out with Power BI Embedded,
some simple applications,
some useful documentation, and
everything you need to get started.
>> Let's go to the Developer sandbox where you can
embed Power BI content and interact with it.
Liav, do you want to tell us about the new options here?
>> Sure. As you can see,
you basically you've two main options:
you can either go ahead and use one of our samples or,
and this is something new that we
didn't have in the old Playground,
you can just go ahead and
select your reports from Power BI.
The Playground will go ahead and fetch all of
your workspaces and reports.
You can very easily
bring your own report into the Playground.
>> Just select it from the dropdown.
>> Just start interacting with it.
We won't to be doing that today,
but we will showcase how
the Playground works with our samples.
After pressing the "Use sample" button,
you will notice that the Playground will
start rendering the sample report.
You will also see this really pretty code editor,
which a small anecdote is called the Monaco Editor.
Actually didn't even know it
existed up until we start developing the Playground.
It's a very powerful code editor.
>> You have all the advanced capabilities here.
You have auto-complete and
everything you would expect from a code editor.
>> Yeah. If I just go ahead and expand
one of categories of APIs,
I might just chosoe randomly the filters and slicers.
You can just go ahead and view all of our APIs.
You can either get a short description of
the API by pressing this little "Info" button,
or you can also see a specific API code snippet,
and learn more about the API by going
to documentation if you press the "Learn more" button.
When you find an API that you want to mess around with,
see how it works,
you can just drag it from
the API pane and over to the code editor.
>> You can see the yellow marking to
indicate where you're going to drop the code section,
which is really convenient.
Let's drop the code in the end of this one.
>> Here you can see the code snippet
itself was added to our base code.
What's important to notice
is that we have these yellow markers.
This will mark the variables that you'll probably want to
change when working with your own reports,
like the table name,
the column, the values themselves.
>> For this sample, you can see that the filter we
construct used to filter the region for Western Central.
Let's change one of the values
just so we can see it in action.
>> Yeah, let's just go ahead
and type in East instead of West.
>> Scroll down a bit so we can see
the actual API call report, update filters.
Now we can run it.
>> As you can see, we have a "Run" button here
in our upper operations bar,
and when we press that,
the code will execute.
Now we can see that the code was
executed and we got what we want.
We have the report filtered
to Central and East region.
>> I really want to emphasize this is
the place to go if you're
a developer and you want to try out
our APIs and work with some code.
You saw that you can actually bring your own report.
It is very useful for us.
We use it all the time in development.
>> When we worked on the Playground,
it was important to us to keep accessibility in mind.
We still have some ways to go,
but one thing that I want to show
you is the alternative for drag-and-drop.
You can basically just go ahead and
write keywords inside the code editor.
I will write "filter" just because that's what
we worked on in the previous demo.
When you write that,
the code editor will start showing you all of
the different APIs that we have on filters.
You can have the page filters,
report, visual, get filters.
Search for the API that you need,
press "Enter", the code will be added to your code.
>> The developer sandbox is a place for developers.
You can edit code,
you can try all our APIs.
It's a great place to get started,
or if you want to test
your code before going to production,
this is a great place to do that.
Let's see another options for
decision makers who don't want
to see code or edit code,
they just want to interact with our APIs.
Liav, let's show them the "Explore our APIs" tab.
>> Awesome.
>> This is the "Explore our APIs" tab,
which is basically very
similar to the developer sandbox in
terms of you can embed the Power BI artifact,
and you can interact with all the APIs.
But it doesn't have any code editor.
You don't see any code here.
This is really the place for decision makers.
Here you can see
all the types of artifacts you can embed,
and you can see in which mode you are embedding.
We have View mode,
Edit mode, and Create mode.
If I will go left to the "Explore our APIs" bar,
we have here all the list of APIs.
Liav, can we demo the search capability?
I think it's very nice to have.
>> Sure, May. What API would you like to see?
>> The slicer API.
>> If we just go ahead and type in slicers,
we can see that we either can
set the slicer or get the slicers.
Obviously we want to set the slicer.
As you can see, the report was
rendered again with the new slicers.
>> We also have the log option;
we can show what are
the outputs of the SDK operation
because there was no code here.
>> If I'll just go ahead
and click on the "Show log" button,
there's a custom log that popped up on the right screen,
which will show us all the results
that the APIs will return.
>> Maybe we can try the "Get visuals" API to see the log.
>> Sounds good. Let's search for it.
Here is the "Get visuals" API.
>> Wait, we need to clear the log first, so we can see.
>> Oh no, but we have the "Auto clear" option on.
>> Oh, I forgot about that.
>> Yeah, we do.
When we'll just click on a new API,
it will just render
the new results in the custom log menu.
>> You can navigate the showcases
using the left navigation pane.
This is the place where you want to go if you want to see
end-to-end experiences created
using our JavaScript SDK.
>> Right. Specific showcase that
I really like is the "Go from insight to quick action."
>> It's really useful.
>> Here you can see a sample app that
lets us solve to our customers.
Let's say I want to see all of the customers that used to
spend a lot of money but
didn't make the purchase in a pretty long time.
I filtered out the data
by filtering all of the top spenders,
but which didn't make any purchases in
the last 285-365 days.
When I choose to click the "Create a campaign" button,
I will automatically get a dialog that
lists all of these customers that fits the description,
and I can choose to either send them a discount,
just let them know on time here,
or send a coupon for the same reason.
>> Behind the scene we are using the "Export data" API
to show the data that is in the dialog.
Maybe we'll show where we can find the code for that.
>> Sure. If you find any showcase that interests you,
you can just go ahead and in this top bar,
click on "Get resources."
This will open up the GitHub page
for this specific showcase,
or you can just scroll through the code
and see the implementation, get some ideas.
That's all for today. I hope you find it interesting.
Thank you for watching. Again,
my name is Liav Zayde.
>> I'm May Hartov.
>> We hope you enjoyed. Thanks a lot.
>> Thank you.