[Music]
Claris is pleased to announce the
release of the developer preview of
Claris Studio which is the future of the
Claris platform and built leveraging the
latest web technology
this initial release that's available
now lets you create responsive web forms
where you can collect data from external
sources
during this video i will show you how to
use Claris Studio and create a way for
others to sign up for an upcoming event
using a public-facing web page
people can sign up for this event
enter their contact information and feed
that data into an existing Claris
FileMaker custom app
all of this could be done in FileMaker
Pro
but it would be challenging
but that's behind us now and setup is a
breeze using Claris Studio
let's get started and i'll show you how
easy it is
first i need to log into Claris Studio
using my Claris Studio ID
then i presented with the Claris Studio
Console as you can see
i'm a team manager
this means i can manage the other users
in the company such as adding or
removing team members or changing the
roles of existing members
perhaps i want to invite other users to
use Claris Studio because i want them to
help me create forms
or maybe i need to create team members
so that they can log into Claris pro
so that they can log into Claris Pro
both of these are valid tasks for a team
manager
once logged in i can start to create a
form
by selecting the forms tab all of the
forms are displayed these are the forms
other team managers and i have created
already i can either select a form and
modify it or there's a button to create
a new form
i'm going to click that button now when
i select the add a workflow button
Claris Studio creates a registration and
confirmation page for me automatically
in the future
when officially released Claris Studio
will ship with different form templates
for you to choose from but for now it
defaults to creating pages commonly used
for events
to create additional pages click the
plus button
as you can see Claris Studio
automatically adds previous and next
buttons to help users navigate the forms
when i add more pages and it's easy to
rename a form by clicking on the form's
name and keying in whatever you want to
call it at my event everyone's going to
receive a cool t-shirt
because after all
who doesn't love t-shirts
so on this form
i can collect t-shirt details
and i'm going to give this form a new
name
something like
amazing t-shirts
ok
with this form renamed
i will move on and customize them i'm
going to start by modifying the
registration page
Claris Studio has already pre-populated
this form with appropriate fields and
objects for event management
but i can customize this form even more
to customize an object in Claris Studio
click the corresponding gear icon to
open up settings for that object
starting with the header i can allow it
to stay in place as i scroll the page
and the header opacity and color can
also change
notice that when i change the color of
the header
Claris Studio also changes the color of
the navigation buttons that were
automatically created
i can even use an image as part of the
header if i want
this one looks nice
and
there's the option to add a logo and i
can configure whether certain text
blocks show up or not the header is
looking good so i'll add and configure
the fields that will display on my
registration form
in Claris Studio it's easy to add more
fields to a form by using the add object
button
i want to capture additional information
from people registering for my upcoming
event
the attendees phone number seems like a
good piece of information to have on
hand so let's click and drag the new
field where it should go
and look what happens
Claris Studio moves the existing
objects out of the way and resizes them
appropriately to make room for my new
form field now since my event has
multiple sessions
adding a drop down list to the form
field lets everyone select the session
they want to attend
not only can i customize the label for
this object
but in the case of a drop-down list i
can quickly add and edit the displayed
values
i can also configure my forms to make
some fields required by clicking the
corresponding settings icon and checking
the required box
if all the fields are required for a
form
come up here and toggle all fields
objects on and off quickly
this page looks good so i will move on
to the next page in my flow
this form is where i want to capture
t-shirt information
as you can see
it's a cinch to switch between the forms
by using these controls here
just like the last form i can customize
this one as well
for example
i can change the form's title by
clicking on it and keying in the new
name
i can also add and resize images by
dragging them directly onto the page
if i find that i'm adding many objects
to a form
i can tear off the add objects pane and
pin it so that it remains open
alternately i can click on the form and
add objects inline if needed okay i need
to think about some next steps i need
the addresses of those who register for
my event to send additional information
to them after they register i can use
the address object to get all of that
information at once
and i can add a text block if i need to
to explain the information i want to
capture
okay on to the amazing t-shirts
i need to find out the t-shirt size for
everyone registering and a multiple
choice object seems like a perfect tool
to accomplish this task
much like the drop down list i added
earlier i can configure what items are
displayed and selectable by people
completing this form
i believe all fields are in place for
the event details i need to capture so i
will move on to the confirmation page
maybe i don't want to display the header
at all
instead
let me provide a message saying the
registration was successful
remember that objects added to a form
can also easily be
removed
after these quick edits the registration
page is ready to go
and at any time i can preview what
things will look like by clicking the
preview button and walking through my
workflow to make sure it's set up
correctly
note
that nothing saves if i click submit
while in preview mode but the fields
marked as required are displayed
while in preview i can also see how my
form will look when used on different
devices by using this pull down menu
data isn't really saved in preview mode
so if i want to try out my workflow in
real time i can share my forms with
someone else by using the share button
this creates a web link for testing out
forms or sharing them with others
when i add some information and switch
back to Claris Studio i can click the
data button to see the information i
entered the data view also allows me to
filter group and sort the collected data
in addition
data can be added directly by clicking
the row button and entering the
necessary information
when my workflow is ready to go i can
integrate it with my FileMaker app using
Claris Pro
Claris Pro is based on FileMaker pro and
Claris Pro is based on FileMaker Pro and
allows accessing and integrating data
from Claris Studio when launching
Claris Pro i first need to log in using
my Claris Studio ID
and since i'm also a FileMaker Cloud
and since i'm also a FileMaker cloud
user i need to log in using my Claris ID
to be able to see my apps hosted in the
cloud
okay now that i'm logged in
i have access to all the tables that
i've created in Claris Studio
if i want to start from scratch and
create a new app
all the tables created in Claris
Studio will automatically be brought
over
but
more likely
i want to integrate the data captured
using Claris Studio into an app that i
already have
in this case i open my existing app in
Claris Studio and navigate to the manage
database dialog box
then i select the Relationships tab
here i can add a new table to my app's
Relationships graph by choosing Claris
Studio from the list of data sources
on the specify table dialog box once i
choose a table it's automatically added
to my Relationships graph
remember a table is a collection of data
about a subject such as customers or in
this case a list of people and their
captured information who are registered
for my event
i can use this table like any other
external SQL source table in my app
including using this table to create a
relationship and displaying related data
and that's it
i've created a web form captured data
from it and displayed that data in an
existing app in just a few minutes
Claris Studio is another business tool to
make your business life easier
as functionality evolves we will
continuously release updates to the
Claris Studio developer preview
in the upcoming months you'll be able to
build a scalable web-based solution that
seamlessly integrates with your existing
Claris FileMaker solutions and delivers
enhanced customer experiences
to find out more
check out the Claris Studio FAQ on our
website
and please give us your feedback on
Claris Studio as our team delivers on new
features and we drive towards an
official release
you