Difference between revisions of "Share Flip groups and topics"

From WSU Technology Knowledge Base
Jump to navigation Jump to search
m (KGraetz moved page Draft:Integrating Flipgrid with Brightspace to Integrating Flipgrid with Brightspace without leaving a redirect)
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{TOC_Float_Right}}
 
{{TOC_Float_Right}}
 
==About this article==
 
==About this article==
This article includes information, ideas, and instructions for integrating the Flipgrid video chat tool with {{D2L}}. It is intended for '''instructors''' who are familiar with Brightspace and are interested in using video chat to support learning activities.
+
This article includes instructions for integrating the Flipgrid video chat tool with {{D2L}}. 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 starts a topic or '''grid''' and invites students to post a recorded video response. Similar to threaded, text-based discussions, instructors and other students can view and reply to posted videos.
 
  
 
==Flipgrid-Brightspace integration==
 
==Flipgrid-Brightspace integration==
Currently, there are two ways to access Flipgrid grids and videos from Brightspace:  
+
Currently, there are two ways to access Flipgrid grids, topics, and videos from within a Brightspace course:  
#'''A link to the grid or video.''' 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 or video is displayed.
+
#'''Link.''' Copy links to Flipgrid grids, topics, and videos and insert them into Brightspace courses as module topics or using the Editor (e.g., in course pages, announcements, discussions). Choose whether to open the link within Brightspace or in another browser tab.
#'''The embed code for the grid or video.''' Visitors can view grids or individual videos from within Brightspace, without going to the Flipgrid website. They can also post new videos to a grid from within Brightspace.
+
#'''Embed.''' Embed grids, topics, and videos into Brightspace course pages and other areas where the Editor is used. The grid, topic, or video will be displayed immediately within Brightspace.
==Copying a Flipgrid link and pasting it into Brightspace==
+
==How to copy and paste Flipgrid links and embed code==
Use the following steps to copy a link to a Flipgrid grid or video and paste it into Brightspace:
+
Experiment to determine what works best for your Flipgrid application. In some cases, you may want your students to open Flipgrid in another browser window to gain access to the full Flipgrid interface. In other cases, interacting with Flipgrid from within Brightspace will be a more usable, seamless experience.
#Use your favorite browser to navigate to [https://info.flipgrid.com https://info.flipgrid.com] or to the web address for the specific grid provided to you. If you go to the grid directly, you will be asked to login. If you go to [https://info.flipgrid.com https://info.flipgrid.com], enter grid code provided to you into the
+
===Steps for copying Flipgrid links===
 +
#Use your favorite browser to log into your Flipgrid Educator account at [https://admin.flipgrid.com https://admin.flipgrid.com]
 +
#'''To copy the link to an entire grid:''' Select the '''Share button''' to the right of the grid.
 +
#'''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.
 +
#'''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.
 +
#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'''.
 +
#'''To paste the link as a Brightspace content topic''': Go to '''Materials...Content'''. Select '''Upload/Create...Create a Link'''. Enter a title, paste the link, decide whether to open it as an External Resource (i.e., in a separate browser tab) and select '''Create'''.
 +
#'''To paste the link using the Brightspace Editor''': From within the Editor, select the '''Insert Quicklink button''' and select '''URL'''. Paste the link, enter a title, and choose whether to open the link in a new window or within Brightspace as a whole window or inside the current frame. Select the '''Insert button'''.
 +
 
 +
===Steps for copying Flipgrid embed code===
 +
#Use your favorite browser to log into your Flipgrid Educator account at [https://admin.flipgrid.com https://admin.flipgrid.com]
 +
#Follow Steps 2, 3, or 4 above to open the Share window on a grid, topic, or video.
 +
#To copy the embed code to your clipboard, select the '''Copy Embed Code button'''.
 +
#From within the Brightspace Editor, select the '''Insert Stuff button''' and select '''Enter Embed Code'''. Paste the Flipgrid embed code into the text box and select the '''Next button'''. You may then receive a warning that the content has been blocked. Choose to always unblock it. Finally, select the '''Insert button'''. Don't forget to publish your changes when you close the Editor.
 +
 
 +
==Pro tips==
 +
*When adding a link to a Flipgrid grid, topic, or video to Brightspace as a content topic or as a Quicklink in the Editor, you can configure it to open within Brightspace versus in a separate browser tab. When adding it as a content topic in a module, '''do not check''' the '''Open as External Resource checkbox''' to force it to open within Brightspace. When adding it using the Insert Quicklink button in the Editor, select '''Whole Window''' or '''Same Frame'''.
 +
*The Flipgrid embed code sets the width of the object 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 in the Editor. If you are embedding a grid or topic on a full course page, a 1200px width will fill the page.
 +
*Currently, Flipgrid is not integrated with the Brightspace learning management system (LMS) in the same way as a tool like Kaltura MediaSpace. Full LMS integration would include single sign-on and other features and functions that would make it easier to use Flipgrid from within Brightspace. Note that Flipgrid is fully integrated with Microsoft Teams and keep your eyes on [https://help.flipgrid.com/hc/en-us/sections/115000629594-Integrations-Appsmashing future developments from Flipgrid related to app integration].
 +
 
 +
==More information==
 +
*[[Flipgrid|What's Flipgrid?]]
 +
*[[Creating a Flipgrid Educator account|How to create a Flipgrid Educator account]]

Revision as of 14:48, 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.

Flipgrid-Brightspace integration

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

  1. Link. Copy links to Flipgrid grids, topics, and videos and insert them into Brightspace courses as module topics or using the Editor (e.g., in course pages, announcements, discussions). Choose whether to open the link within Brightspace or in another browser tab.
  2. Embed. Embed grids, topics, and videos into Brightspace course pages and other areas where the Editor is used. The grid, topic, or video will be displayed immediately within Brightspace.

How to copy and paste Flipgrid links and embed code

Experiment to determine what works best for your Flipgrid application. In some cases, you may want your students to open Flipgrid in another browser window to gain access to the full Flipgrid interface. In other cases, interacting with Flipgrid from within Brightspace will be a more usable, seamless experience.

Steps for copying Flipgrid links

  1. Use your favorite browser to log into your Flipgrid Educator account at https://admin.flipgrid.com
  2. To copy the link to an entire grid: Select the Share button to the right of the grid.
  3. 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.
  4. 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.
  5. 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.
  6. To paste the link as a Brightspace content topic: Go to Materials...Content. Select Upload/Create...Create a Link. Enter a title, paste the link, decide whether to open it as an External Resource (i.e., in a separate browser tab) and select Create.
  7. To paste the link using the Brightspace Editor: From within the Editor, select the Insert Quicklink button and select URL. Paste the link, enter a title, and choose whether to open the link in a new window or within Brightspace as a whole window or inside the current frame. Select the Insert button.

Steps for copying Flipgrid embed code

  1. Use your favorite browser to log into your Flipgrid Educator account at https://admin.flipgrid.com
  2. Follow Steps 2, 3, or 4 above to open the Share window on a grid, topic, or video.
  3. To copy the embed code to your clipboard, select the Copy Embed Code button.
  4. From within the Brightspace Editor, select the Insert Stuff button and select Enter Embed Code. Paste the Flipgrid embed code into the text box and select the Next button. You may then receive a warning that the content has been blocked. Choose to always unblock it. Finally, select the Insert button. Don't forget to publish your changes when you close the Editor.

Pro tips

  • When adding a link to a Flipgrid grid, topic, or video to Brightspace as a content topic or as a Quicklink in the Editor, you can configure it to open within Brightspace versus in a separate browser tab. When adding it as a content topic in a module, do not check the Open as External Resource checkbox to force it to open within Brightspace. When adding it using the Insert Quicklink button in the Editor, select Whole Window or Same Frame.
  • The Flipgrid embed code sets the width of the object 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 in the Editor. If you are embedding a grid or topic on a full course page, a 1200px width will fill the page.
  • Currently, Flipgrid is not integrated with the Brightspace learning management system (LMS) in the same way as a tool like Kaltura MediaSpace. Full LMS integration would include single sign-on and other features and functions that would make it easier to use Flipgrid from within Brightspace. Note that Flipgrid is fully integrated with Microsoft Teams and keep your eyes on future developments from Flipgrid related to app integration.

More information