{"id":17094,"date":"2023-01-18T13:53:21","date_gmt":"2023-01-18T02:53:21","guid":{"rendered":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/?p=17094"},"modified":"2023-01-18T13:53:21","modified_gmt":"2023-01-18T02:53:21","slug":"a-rich-twitter-experience-on-canvas","status":"publish","type":"post","link":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/a-rich-twitter-experience-on-canvas\/","title":{"rendered":"A rich Twitter experience on Canvas"},"content":{"rendered":"

Despite the perils that are currently besetting the social media platform, Twitter is at the centre of the public promotion and discussion of science. Since the onset of the COVID-19 pandemic, this value has only increased in my field of virology where the public, media, and experts engage on hot button topics. It is also where new articles and preprints are circulated and discussed. Exposing students to this discourse can have tremendous value to students, who can get a broad overview of a field and where it is heading, to hear from key stakeholders, and even identify job opportunities. There is also a learning opportunity for students to be able to discern the wheat from the chaff, and engage their critical thinking skills.<\/p>\n

Canvas has an external Twitter App that can be installed in the Settings page. Tweets are displayed by either following an account (@) or a hashtag (#). The problem is that the resulting embed looks terrible; compare Canvas embedded Twitter (left) to the native site (right) for the @Sydney_Uni account. Tweets are curtailed, images are not displayed and, for any value, students are required to navigate outside of Canvas. An abomination.<\/p>\n

\"On
Comparison of Canvas Twitter App and native Twitter<\/figcaption><\/figure>\n

But there is a better way. There\u2019s a little extra set-up work but the solution will then be substantially hands-off and be a great value-add for your course.<\/p>\n

Tailoring your twitter feed<\/h2>\n

Now it is a good time to consider that content you would like to present to your students. A versatile approach is to generate a List from a Twitter account. Upon logging into Twitter (and you will need a Twitter account), generate a new List and add accounts to this list (Manage members). Posts from members will generate the timeline presented in Canvas. This provides a far greater degree of control than simply following a hashtag or a single account. In a virology course that I coordinate, I added some University of Sydney accounts, a handful of microbiology societies, prominent science journalists, and a range of Australian and international scientists. Scientific journals often have accounts you might also like to consider.<\/p>\n

\"A
Making a List in Twitter<\/figcaption><\/figure>\n

Displaying your new feed<\/h2>\n

\"ShowingNow that you have selected your content, the next step is to trick Canvas into presenting this content on a page. All you will need at this stage is a link to the List (circled, Copy link to List<\/a>).<\/p>\n

You will now want to publish<\/a> List timeline<\/a>.<\/p>\n

In the customisation options, you can set the Height and Width in pixels, I generally set the width to 500 px, whilst leaving the height as it is constrained in a later step.<\/p>\n

\"Customisation
Publish Twitter list for embedding<\/figcaption><\/figure>\n

Now you\u2019ve got your code. So, copy it by clicking on the plus button below!<\/p>\n

\nCode<\/a>\r\n\t \t\t
<a class=”twitter-timeline” data-width=”500″ href=”https:\/\/twitter.com\/USyd_VIRO3X01\/lists\/1598156473304961025?ref_src=twsrc%5Etfw”>A Twitter List by USyd_VIRO3X01<\/a> <script async src=”https:\/\/platform.twitter.com\/widgets.js” charset=”utf-8″><\/script><\/div>\n<\/div>\n

Now, it\u2019s off to create a GitHub<\/a> account, where you will “Create a new repository”.<\/p>\n

\"The
Get a Github account and create a Repository<\/figcaption><\/figure>\n

And then “create a new file”.<\/p>\n

\"The
Create a new file<\/figcaption><\/figure>\n

This code must be named \u201cindex.html\u201d.<\/p>\n

\"Tim's
Paste code in to repository<\/figcaption><\/figure>\n

Here is the code you want to add, with the bolded section directly taken from published List above.<\/p>\n

\nCode<\/a>\r\n\t \t\t
\n

<!DOCTYPE html><\/p>\n

<html><\/p>\n

<head><\/p>\n

<\/head><\/p>\n

<body><\/p>\n

<a class=”twitter-timeline” data-width=”500″ href=”https:\/\/twitter.com\/USyd_VIRO3X01\/lists\/1598156473304961025?ref_src=twsrc%5Etfw”><\/strong><\/p>\n

A Twitter List by USyd_VIRO3X01<\/strong><\/p>\n

<\/a><\/strong><\/p>\n

<script async src=”https:\/\/platform.twitter.com\/widgets.js” charset=”utf-8″><\/script><\/strong><\/p>\n

<\/body><\/p>\n

<\/html><\/p>\n<\/div>\n<\/div>\n

Now, commit the file (green button at bottom of page).<\/p>\n

Navigate to \u201cSettings\u201d and then \u201cPages\u201d to pick up the link for your site. You need to \u201cDeploy from a branch\u201d, and then select the \u201cmain\u201d branch from \u201c\/(root)” and then \u201cSave\u201d. Wait a few minutes and then refresh the page until your site is live and the \u201cgithub.io\u201d link<\/a> is visible.<\/p>\n

\"The
Deploy and set to live<\/figcaption><\/figure>\n

In Canvas, you will want to open the page where the twitter feed will be embedded, and edit the HTML code. Paste in the following code:<\/p>\n

\"The<\/p>\n

The bolded section is captured from your live site in Github and you can set the formatting of the feed by width and height.<\/p>\n

\nCode<\/a>\r\n\t \t\t
<p><iframe style=”width: 50%; height: 500px;” src=”https:\/\/timsydney.github.io\/usydfeed\/<\/strong>“><\/iframe><\/p><\/div>\n<\/div>\n

This is what the finished product looks like! Your only maintenance of this feature is to add\/remove members from your Twitter List.<\/p>\n

\"The
Final rich Twitter experience in Canvas<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Despite the perils that are currently besetting the social media platform, Twitter is at the centre of the public promotion and discussion of science….<\/p>\n","protected":false},"author":2434,"featured_media":17319,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[117,37,381,59,57],"tags":[200,246,2518,305,308,2519],"coauthors":[545],"class_list":["post-17094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lms-transformation","category-science","category-student-experience","category-teaching-research","category-teaching-tips","tag-canvas","tag-design","tag-html","tag-social-media","tag-twitter","tag-ux","post-item","post-even"],"_links":{"self":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/17094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/users\/2434"}],"replies":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/comments?post=17094"}],"version-history":[{"count":32,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/17094\/revisions"}],"predecessor-version":[{"id":17324,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/posts\/17094\/revisions\/17324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/media\/17319"}],"wp:attachment":[{"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/media?parent=17094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/categories?post=17094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/tags?post=17094"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/educational-innovation.sydney.edu.au\/teaching@sydney\/wp-json\/wp\/v2\/coauthors?post=17094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}