Difference between revisions of "Share Flip groups and topics"

From WSU Technology Knowledge Base
Jump to navigation Jump to search
 
(101 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 Brightspace:
+
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 HTML 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 HTML Editor tool 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.
 +
#For both groups and topics, select the '''Copy''' button to copy the link to your clipboard (Fig 3).
 +
<gallery widths="286px" heights="180px">
 +
File:Flip group share button.jpg|Fig 1. Group share button
 +
File:Flip topic share button.jpg|Fig 2. Topic share button
 +
File:Flip topic share url.jpg|Fig 3. Copy link
 +
</gallery>
 +
==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.
 +
<gallery widths="400px" heights="200px">
 +
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>
  
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 for you and your students.
+
==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.
 +
*[[Add a content topic to a Brightspace course|Add links to Brightspace courses]]
 +
*[[Add images using the Brightspace HTML Editor]]
 +
*[[Add embed code using the Brightspace HTML Editor]]
  
==Copying a Flipgrid link and pasting it into Brightspace==
+
==Pro tips==
Use the following steps to copy a link to a grid, topic, or individual video and paste it into Brightspace:
+
*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.
#Use your favorite browser to navigate to the Educator sign-in page at [https://admin.flipgrid.com https://admin.flipgrid.com]
+
*Only topics have embed codes, not groups.  
#Select '''Log in with Microsoft'''
+
*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.  
#Enter your StarID username and password. Use the '''StarID@minnstate.edu''' format for your username. 
+
*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.
#'''To copy the link to an entire grid:''' Select the '''Share button''' to the right of the grid.
+
*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.
#'''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'''.  
 
 
 
==Copying a Flipgrid embed code and pasting it into Brightspace==
 
 
 
To paste the link in the Brightspace Editor: From within the 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 unblock it. Finally, select Insert. Don't forget to Publish your changes when you close the HTML Editor.
 
  
==Pro tips==
+
==More wiki articles==
*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.
+
*[[Microsoft Flip|What's Flip?]]
*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.
+
*[[Create a Flip group]]
 +
*[[Create a Flip topic]]
  
==More information==
+
==External links==
*[[Flipgrid|What's Flipgrid?]]
+
*[https://info.flip.com Microsoft's Flip homepage]
*[[Creating a Flipgrd Educator account|How to create a Flipgrid Educator account]]
+
*[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.