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)
(22 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
==About this article==
 
==About this article==
 
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.
 
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 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.
 
  
 
==Flipgrid-Brightspace integration==
 
==Flipgrid-Brightspace integration==
Currently, there are two ways to access Flipgrid grids, topics, and videos from Brightspace:  
+
Currently, there are two ways to access Flipgrid grids, topics, and videos from within a Brightspace course:  
#'''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.
+
#'''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.
#'''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.
+
#'''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==
==Copying a Flipgrid link and pasting 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 the following steps to copy a link to the whole grid or an individual video and paste it into Brightspace:
+
===Steps for copying Flipgrid links===
#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 log into your Flipgrid Educator account at [https://admin.flipgrid.com https://admin.flipgrid.com]
#Select '''Log in with Microsoft'''
 
#Enter your StarID username and password. Use the '''StarID@minnstate.edu''' format for your username. 
 
 
#'''To copy the link to an entire grid:''' Select the '''Share button''' to the right of the grid.  
 
#'''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 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.
 
#'''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'''.
+
#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).
+
#'''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==
 
==Pro tips==
*When adding a link to a Flipgrid grid, topic, or video to Brightspace, you can choose not to open it in a separate browser tab. This will cause it to open within the Brightspace interface. When adding it as a 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 Link button in the HTML Editor, select Whole Window or Same Frame.
+
*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 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 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==
 
==More information==
 
*[[Flipgrid|What's Flipgrid?]]
 
*[[Flipgrid|What's Flipgrid?]]
*[[Creating a Flipgrd Educator account|How to create a Flipgrid Educator account]]
+
*[[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