Difference between revisions of "Share Flip groups and topics"

From WSU Technology Knowledge Base
Jump to navigation Jump to search
 
(89 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{TOC_Float_Right}}
 
{{TOC_Float_Right}}
==About this article==
+
Once created, '''share Flip groups and topics''' with participants to start the discussion. Each group and topic has a unique Web address that can be shared with participants in several ways. Participants navigate to that address using their web browser or the Flip app and submit their posts and replies.  
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.
 
  
==Flipgrid-Brightspace integration==
+
==Share the link==
Currently, there are two ways to access Flipgrid grids, topics, and videos from within a Brightspace course:  
+
To find and copy the link to a group:
#'''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.
+
#For groups, select the group to open its homepage and then select the '''Share''' button (Fig 1). This will open the group share window. Copy the '''Invite link'''.
#'''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.
+
#For topics, select the Share icon to the right of the topic title on the group's homepage (Fig 2). This will open the topic share window. Copy the '''Share topic''' link.
==How to copy and paste Flipgrid links and embed code==
+
#For both groups and topics, select the '''Copy''' button to copy the link to your clipboard (Fig 3).
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.
+
<gallery widths="286px" heights="180px">
===Steps for copying Flipgrid links===
+
File:Flip group share button.jpg|Fig 1. Group share button
#Use your favorite browser to log into your Flipgrid Educator account at [https://admin.flipgrid.com https://admin.flipgrid.com]
+
File:Flip topic share button.jpg|Fig 2. Topic share button
#'''To copy the link to an entire grid:''' Select the '''Share button''' to the right of the grid.  
+
File:Flip topic share url.jpg|Fig 3. Copy link
#'''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.
+
</gallery>
#'''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.
+
==Share the QR code==
#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'''.
+
Another way to share groups and topics is using their unique QR code. The QR code image can be copied and pasted where your participants can scan it (e.g., in a Brightspace announcement). To view the QR code for a group or a topic, open the share window and select the QR code button in the upper right corner (Fig 4). Right-click or Command-click the QR code image to copy it or select the Download button to save it (Fig 5). Then, add it to your content.
#'''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'''.
+
<gallery widths="400px" heights="200px">
#'''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'''.
+
File:Flip QR code.jpg|Fig 4. Select to view QR code
 +
File:Flip QR code copy.jpg|Fig 5. Copy the QR code
 +
</gallery>
 +
==Share the embed code==
 +
A third way to share topics is to insert their embed code into a web page (e.g., created using the [[Brightspace HTML Editor]]). Groups do not have embed code. To copy a topic's embed code:
 +
#Select the Share icon to the right of the topic title to open the topic share window.
 +
#Select the '''Copy embed code''' button to copy the embed code to your clipboard (Fig 6).
 +
<gallery widths="300px" heights="100px">
 +
File:Flip topic embed code.jpg|Fig 6. Copy topic embed code
 +
</gallery>
  
===Steps for copying Flipgrid embed code===
+
==Add Flip activities to Brightspace courses==
#Use your favorite browser to log into your Flipgrid Educator account at [https://admin.flipgrid.com https://admin.flipgrid.com]
+
You can add Flip activities to Brightspace courses by adding a link to the group or topic as you would any link (e.g., in Content, in an Announcement) or by adding the embed code to a file you create using the HTML editor.
#Follow Steps 2, 3, or 4 above to open the Share window on a grid, topic, or video.
+
*[[Add a content topic to a Brightspace course|Add links to Brightspace courses]]
#To copy the embed code to your clipboard, select the '''Copy Embed Code button'''.
+
*[[Add images using the Brightspace HTML Editor]]
#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.
+
*[[Add embed code using the Brightspace HTML 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.
+
*Should you share the entire Flip group or just a specific topic? That's up to you. Sharing a group allows participants to see all the active topics in that group, and you only need to share once. Share each topic separately if you want to focus on one topic at a time.
*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.
+
*Only topics have embed codes, not groups.
 +
*In Brightspace, should you share topic links or use the embed code? When adding a group or topic link to Brightspace, you can decide whether it opens within Brightspace or as an '''External Resource''' (i.e., a new browser tab). Embedding external applications inside a file you created with the Brightspace HTML Editor gives you added flexibility and internal links and embeds can provide a more seamless user experience. However, external elements sometimes look and behave differently when forced into the space Brightspace provides. Try different methods and see what works best.  
 +
*The Flip embed code sets the object's dimensions to 600px high by 600px wide. You can change that to make the embedded element better fit the space. Do this by changing the height and width values when you first embed it or later by selecting the '''HTML Source Editor''' button in the Editor. If you are embedding a group or topic on a full course page, a 1200px width will fill the page.
 +
*Remember that you can link to and embed selected videos posted to a topic, which might be handy following a discussion to highlight certain posts.
  
==More information==
+
==More wiki articles==
*[[Flipgrid|What's Flipgrid?]]
+
*[[Microsoft Flip|What's Flip?]]
*[[Creating a Flipgrid Educator account|How to create a Flipgrid Educator account]]
+
*[[Create a Flip group]]
 +
*[[Create a Flip topic]]
 +
 
 +
==External links==
 +
*[https://info.flip.com Microsoft's Flip homepage]
 +
*[https://help.flip.com Microsoft's Flip Help Center]
 +
*[https://help.flipgrid.com/hc/en-us/sections/115000629594-Integrations-Appsmashing Flip integrations]
 +
[[Category: Flip]]
 +
{{CC}}

Latest revision as of 20:38, 16 January 2024

Once created, share Flip groups and topics with participants to start the discussion. Each group and topic has a unique Web address that can be shared with participants in several ways. Participants navigate to that address using their web browser or the Flip app and submit their posts and replies.

Share the link

To find and copy the link to a group:

  1. For groups, select the group to open its homepage and then select the Share button (Fig 1). This will open the group share window. Copy the Invite link.
  2. For topics, select the Share icon to the right of the topic title on the group's homepage (Fig 2). This will open the topic share window. Copy the Share topic link.
  3. For both groups and topics, select the Copy button to copy the link to your clipboard (Fig 3).

Share the QR code

Another way to share groups and topics is using their unique QR code. The QR code image can be copied and pasted where your participants can scan it (e.g., in a Brightspace announcement). To view the QR code for a group or a topic, open the share window and select the QR code button in the upper right corner (Fig 4). Right-click or Command-click the QR code image to copy it or select the Download button to save it (Fig 5). Then, add it to your content.

Share the embed code

A third way to share topics is to insert their embed code into a web page (e.g., created using the Brightspace HTML Editor). Groups do not have embed code. To copy a topic's embed code:

  1. Select the Share icon to the right of the topic title to open the topic share window.
  2. Select the Copy embed code button to copy the embed code to your clipboard (Fig 6).

Add Flip activities to Brightspace courses

You can add Flip activities to Brightspace courses by adding a link to the group or topic as you would any link (e.g., in Content, in an Announcement) or by adding the embed code to a file you create using the HTML editor.

Pro tips

  • Should you share the entire Flip group or just a specific topic? That's up to you. Sharing a group allows participants to see all the active topics in that group, and you only need to share once. Share each topic separately if you want to focus on one topic at a time.
  • Only topics have embed codes, not groups.
  • In Brightspace, should you share topic links or use the embed code? When adding a group or topic link to Brightspace, you can decide whether it opens within Brightspace or as an External Resource (i.e., a new browser tab). Embedding external applications inside a file you created with the Brightspace HTML Editor gives you added flexibility and internal links and embeds can provide a more seamless user experience. However, external elements sometimes look and behave differently when forced into the space Brightspace provides. Try different methods and see what works best.
  • The Flip embed code sets the object's dimensions to 600px high by 600px wide. You can change that to make the embedded element better fit the space. Do this by changing the height and width values when you first embed it or later by selecting the HTML Source Editor button in the Editor. If you are embedding a group or topic on a full course page, a 1200px width will fill the page.
  • Remember that you can link to and embed selected videos posted to a topic, which might be handy following a discussion to highlight certain posts.

More wiki articles

External links

 

Except where otherwise noted, text is available under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.