Difference between revisions of "Integrating Flipgrid with Brightspace"

From WSU Technology Knowledge Base
Jump to: navigation, search
(Pro tips)
(Copying a Flipgrid link and pasting it into Brightspace)
Line 15: Line 15:
  
 
==Copying a Flipgrid link and pasting it into Brightspace==
 
==Copying a Flipgrid link and pasting it into Brightspace==
Once you have created a grid and it contains posted videos, use the following steps to copy a link to the whole grid or an individual video and paste it into Brightspace:
+
Use the following steps to copy a link to the whole grid or an individual video and paste it into Brightspace:
 
#Use your favorite browser to navigate to the Educator sign-in page at [https://admin.flipgrid.com https://admin.flipgrid.com]
 
#Use your favorite browser to navigate to the Educator sign-in page at [https://admin.flipgrid.com https://admin.flipgrid.com]
 
#Select '''Log in with Microsoft'''
 
#Select '''Log in with Microsoft'''
Line 24: Line 24:
 
#Selecting Share always opens the same window from which you can choose how you want to share the grid, topic, or video. To copy the link to your clipboard, select the '''Copy button'''.
 
#Selecting Share always opens the same window from which you can choose how you want to share the grid, topic, or video. To copy the link to your clipboard, select the '''Copy button'''.
 
#Finally, paste the link into your Brightspace class. It could be added as a topic in a module or inserted anywhere the HTML Editor is used (e.g., announcement, discussion post, course page).
 
#Finally, paste the link into your Brightspace class. It could be added as a topic in a module or inserted anywhere the HTML Editor is used (e.g., announcement, discussion post, course page).
 +
 
==Pro tips==
 
==Pro tips==
 
*The Flipgrid embed code sets the width of the iFrame to 600px. You can change that to make the embedded grid, topic, or video better fit the space. Do this when you first embed it or later by selecting the '''HTML Source Editor''' button. If you are embedding a grid or topic on a page, a 1200px width will fill the page.
 
*The Flipgrid embed code sets the width of the iFrame to 600px. You can change that to make the embedded grid, topic, or video better fit the space. Do this when you first embed it or later by selecting the '''HTML Source Editor''' button. If you are embedding a grid or topic on a page, a 1200px width will fill the page.
  
 
==More information==
 
==More information==

Revision as of 07:19, 18 August 2019

About this article

This article includes instructions for integrating the Flipgrid video chat tool with Brightspace. It is intended for instructors who are familiar with Brightspace and interested in using video chat to support learning activities.

What's Flipgrid?

Flipgrid is a web service that allows groups of people to discuss a specific topic asynchronously by exchanging short, 90-second videos captured using their computer or mobile device. The instructor creates a discussion forum or grid, adds one or more topics to the grid, and invites students to post a recorded video response to those topics. Similar to threaded, text-based discussions, instructors and other students can view and reply to posted videos.

Creating a Flipgrid Educator account

Before you can create grids, invite your students to them, and access them from Brightspace, you will need to create a Flipgrid Educator account.

Flipgrid-Brightspace integration

Currently, there are two ways to access Flipgrid grids, topics, and videos from Brightspace:

  1. Link. When visitors click the link, they are transported out of Brightspace to the Flipgrid website in a separate browser tab and prompted to login. Once authenticated, the grid, topic, or video is displayed.
  2. Embed code. Visitors can view entire grids, specific topics, or individual videos from within Brightspace, without going to the Flipgrid website. They can also post new videos to a topic from within Brightspace.

Copying a Flipgrid link and pasting it into Brightspace

Use the following steps to copy a link to the whole grid or an individual video and paste it into Brightspace:

  1. Use your favorite browser to navigate to the Educator sign-in page at https://admin.flipgrid.com
  2. Select Log in with Microsoft
  3. Enter your StarID username and password. Use the StarID@minnstate.edu format for your username.
  4. To copy the link to an entire grid: Select the Share button to the right of the grid.
  5. To copy a link to a topic within a grid: Open the grid by selecting it and then select the Share button to the right of the topic.
  6. To copy a link to an individual video within a topic: Open the topic by selecting it and then select the Share button to the right of that post. You can also open the post to view the video and then select the Share tab on the video playback window.
  7. Selecting Share always opens the same window from which you can choose how you want to share the grid, topic, or video. To copy the link to your clipboard, select the Copy button.
  8. Finally, paste the link into your Brightspace class. It could be added as a topic in a module or inserted anywhere the HTML Editor is used (e.g., announcement, discussion post, course page).

Pro tips

  • The Flipgrid embed code sets the width of the iFrame to 600px. You can change that to make the embedded grid, topic, or video better fit the space. Do this when you first embed it or later by selecting the HTML Source Editor button. If you are embedding a grid or topic on a page, a 1200px width will fill the page.

More information