Genially Creating Interactive Content

Creating interactive content in Genially

To begin, go to Genially.com to create an account and log in.

in total, the videos are <15 minutes giving you about 15 of time to explore some of the slides here.

red frame

Slides with a red frame contain valuable information. Plan to spend more time on those slides.

Quick Note!

To honor your time: In total, the videos are <15 minutes giving you under 15 minutes to explore some of the slides here.

Set a timer: When time is up, return to Schoology to submit the completion form.

For the best experience: click the button"reuse this genially"so you can follow along.

"reuse this genially"

for the best experience:click the button"reuse this genially" so you can follow along.

*Hopefully you pressed the "reuse" button. If so, click preview to watch videos and experience a slide.

When editing a Genially, you can preview it using the eye at the top right.

Preview the presentation

*We'll look at the others later.

Note These tools at the bottom of the screen.

Add page, delete page Change the zoom Move between pages

undo button!

*click on the slide area to see it collapse.

Click the cloud to force a save if needed; it usually saves automatically.

See that pushpin? Click it and the bar on the left will collapse...giving you more room to work!

blue frame

Since we have <30 minutes, don't take time to search right now.

however...

The next two slides explain how to search, preview, and edit a Genially template.

How to search for a genially template:

TIP: filter for "education" and "free"

Detective

How to search for a genially template: Example: Search for "detective"

Found one you like?

Then click "use this template"

Hover with mouse and select "view template"

yellow frame

Use the tools at the top of the screen to format the text. *tools only appear when text is selected.

Text (in <60 seconds!)

Try inserting text from the command on the left.

I also use Pixabay to find pictures and Canva to edit pictures.

Tip: Once again the tools appear to help you edit images if you have an image selected.

Images! (in <60 seconds!)

Try searching for "dog" and add an image.Or upload an image.

Resources: icons & Shapes (in <90 seconds!)

In the resources area, you can find icons & shapes similar to the ones below. Try changing the color of an icon! Also try changing a shape's size or dimension.

Layering, aligning, etc.

Working with objects

Follow along and try for yourself on the next slide!

draggable

group

color

transparency

align items

position

layers

Expert tip: top right menu, turn on designer mode to edit size or position of an object.

Layering, aligning, etc.

Let's look at how to work with objects on the screen.

Interactive elements!

Watch the video for examples.Follow along on the next slide.

00:05

beware volume!

buttons & markers try changing the color!

Effect Stickers

timers!

Try your luck: what's for lunch?

Interactive elements

Scroll down the list to find my favorite things!(examples below)

interactive area ❤❤❤ (invisible)

Let's add more interactivity!

Watch the video for examples.Follow along on the next 2 slides.

pull this tab

dragging a clue onto the screen

drag the yellow button.

Grab their attention, hide clues, increase curiosity.

link (URL)

hide

tool tip (hover)

reveal

window

Clickable interactions

Draggable

examples: This slide already has interactivity

Animations

pull this tab

dragging a clue onto the screen

drag the yellow button.

Grab their attention, hide clues, increase curiosity.

link (URL)

hide

tool tip (hover)

reveal

window

Clickable interactions

Draggable

This slide does not have interactivity yet!

Animations

the # in front tells you the order!

preview slide & sort:

this is a sorting question.Double Click the question text or click the pencil to edit!

Interactive questions:

Diagrams, graphs, tables, and more!

However, let's keep going!

SmartBlocks

Note to self: Check out the Carousels!

I tend to use graphs from other sources instead of building charts in Genially.

Advanced: You can even embed one Genially inside another Genially! how? click here!

Upload images and GIFs, record audio, link to video, or paste a link or an embed code!

Insert:

Advanced: You can even embed one Genially inside another Genially! how? click here!

Upload images and GIFs, record audio, link to video, or paste a link or an embed code!

Insert:

you can change the numbers after width and height as needed!

*Using Regular Desmos Calculator, not STAAR test mode: Blank graph: <iframe src=https://www.desmos.com/calculator height="300" width="600"></iframe> Embed equations and graph: Replace the URL portion after calculator/ : <iframe src=https://www.desmos.com/calculator/qypxxvnxt5 height="400" width="900"></iframe> Just the graph: embed code from Desmos Share and select embed <iframe src=https://www.desmos.com/calculator/laoqg0k2wq?embed width="500" height="500" style="border: 1px solid #ccc" frameborder=0></iframe>

desmos.com/graphing embed:

Staar embed:

Genially Creating Interactive Content

Over 30 million people create interactive content in Genially.

ASTL

ENGLISH IRREGULAR VERBS

VISUAL COMMUNICATION AND STORYTELLING

GROWTH MINDSET

BLENDED LEARNING

INTRO INNOVATE

SUMMER ZINE 2018

Transcript

Creating interactive content in Genially

To begin, go to Genially.com to create an account and log in.

in total, the videos are <15 minutes giving you about 15 of time to explore some of the slides here.

red frame

Slides with a red frame contain valuable information. Plan to spend more time on those slides.

Quick Note!

To honor your time: In total, the videos are <15 minutes giving you under 15 minutes to explore some of the slides here.

Set a timer: When time is up, return to Schoology to submit the completion form.

For the best experience: click the button"reuse this genially"so you can follow along.

"reuse this genially"

for the best experience:click the button"reuse this genially" so you can follow along.

Preview the presentation

*We'll look at the others later.

Note These tools at the bottom of the screen.

Click the cloud to force a save if needed; it usually saves automatically.

blue frame

however...

How to search for a genially template:

Detective

How to search for a genially template: Example: Search for "detective"

Found one you like?

Then click "use this template"

Hover with mouse and select "view template"

yellow frame

Text (in <60 seconds!)

Images! (in <60 seconds!)

Resources: icons & Shapes (in <90 seconds!)

Layering, aligning, etc.

Layering, aligning, etc.

Interactive elements!

00:05

Interactive elements

Let's add more interactivity!

dragging a clue onto the screen

examples: This slide already has interactivity

dragging a clue onto the screen

This slide does not have interactivity yet!

preview slide & sort:

Interactive questions:

SmartBlocks

you can change the numbers after width and height as needed!

desmos.com/graphing embed:

Staar embed:

<-- Click here to see How to insert embed code.

Background

"Canvas" = slide background."Base" = the wider area behind all the slides. Try changing both. If you don't like it, click "undo" at top left.

Switch back to "List" to return to the editing screen.

At the bottom left, select "grid" to rearrange pages or change other settings.

Continue to the next page to learn about Page Settings, Navigation & Preferences.

In the pages view, hover on a page to select "duplicate" or "delete."

Pages

Navigation (microsite)& preferences

Click the share icon. copy the URL or the embed code.

Remember to publish!

Write abrilliant headline

Clicking opened a window