{"id":7480,"date":"2026-08-21T14:31:24","date_gmt":"2026-08-21T21:31:24","guid":{"rendered":"https:\/\/www.hmc.edu\/cis\/?p=7480"},"modified":"2026-08-21T14:33:08","modified_gmt":"2026-08-21T21:33:08","slug":"headshotflip-learning-every-name-in-the-room","status":"publish","type":"post","link":"https:\/\/www.hmc.edu\/cis\/2026\/08\/21\/headshotflip-learning-every-name-in-the-room\/","title":{"rendered":"HeadshotFlip: Learning Every Name in the Room"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">HeadshotFlip<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Learning student names is one of the simplest, most powerful things an instructor can do to build community in a classroom \u2014 and one of the hardest to do well at scale. For years, the HMC community used a flipcard-style solution CIS provided: an Anki deck. It worked, but it was a static file that had to be regenerated, redistributed, and re-imported every term, and it could only ever be one thing \u2014 flipcards.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">During the Spring &#8217;26 semester, the ARCS team set out to build something better. A flipcard system was good, but what if we could offer different game types? What if students could tell us how to say their names, in their own voices? What if the whole thing lived right inside Canvas, always in sync with the roster, with nothing to download or install?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The result is HeadshotFlip, an LTI application for Canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1240\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3.png\" alt=\"\" class=\"wp-image-7484\" style=\"width:617px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3.png 2048w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3-300x182.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3-1024x620.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3-768x465.png 768w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-3-1536x930.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Five Ways to Learn<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When faculty click on the tool in Canvas, they&#8217;re greeted with a selection of game modes, arranged roughly from &#8220;browse&#8221; to &#8220;quiz&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1746\" height=\"476\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1.png\" alt=\"\" class=\"wp-image-7482\" style=\"aspect-ratio:3.6681950812838684;width:615px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1.png 1746w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1-300x82.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1-1024x279.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1-768x209.png 768w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1-1536x419.png 1536w\" sizes=\"auto, (max-width: 1746px) 100vw, 1746px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Class List<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The most basic view: profile pictures, student names, phonetic spellings, and a button to hear how each student&#8217;s name is pronounced. Great as a quick pre-class refresher or a reference while grading.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1212\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7.png\" alt=\"\" class=\"wp-image-7488\" style=\"aspect-ratio:1.6897892563967165;width:608px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7.png 2048w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7-300x178.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7-1024x606.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7-768x455.png 768w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-7-1536x909.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Info Cards<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A card for each student, with their picture, name, phonetic pronunciation, and a play button for audio. The same information as the Class List, in a more visual, browsable layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1211\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4.png\" alt=\"\" class=\"wp-image-7485\" style=\"aspect-ratio:1.691169405208033;width:612px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4.png 2048w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4-300x177.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4-1024x606.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4-768x454.png 768w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-4-1536x908.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Flashcard Mode<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The spiritual successor to the Anki deck. A traditional flashcard experience: see the photo, guess the name, flip the card to check yourself.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1226\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5.png\" alt=\"\" class=\"wp-image-7486\" style=\"aspect-ratio:1.670502811854875;width:605px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5.png 2048w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5-300x180.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5-1024x613.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5-768x460.png 768w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-5-1536x920.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Name Match<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Takes memorization a step further. You&#8217;re shown a profile picture and four names, and quizzed on which name matches the face.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1204\" height=\"1302\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-6.png\" alt=\"\" class=\"wp-image-7487\" style=\"aspect-ratio:0.9247340076185472;width:600px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-6.png 1204w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-6-277x300.png 277w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-6-947x1024.png 947w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-6-768x831.png 768w\" sizes=\"auto, (max-width: 1204px) 100vw, 1204px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Face Match <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Reverses the idea: you&#8217;re given a name and four profile pictures, and asked to pick the right face.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As instructors work through the quiz modes, HeadshotFlip keeps track of which students they&#8217;ve marked as &#8220;known&#8221; \u2014 separately for each course they teach \u2014 so they can focus their practice on the names they haven&#8217;t mastered yet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Students Own Their Names<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuring that students are represented the way *they* want to be represented was a core design goal from the start. A tool for learning names is only as good as the names in it \u2014 and nobody knows how to say a student&#8217;s name better than the student.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HeadshotFlip includes a student-facing profile page, delivered in their Canvas User section and as a Canvas assignment in a course as My Name Pronunciation, where each student can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set a \u201cpreferred name\u201d, if the roster name isn&#8217;t what they actually go by.<\/li>\n\n\n\n<li>Write or edit the phonetic spelling of their name.<\/li>\n\n\n\n<li>Confirm a generated* version of their name pronunciation or record their own pronunciation audio.<\/li>\n\n\n\n<li>Upload and crop a profile photo if their Canvas avatar is missing one.<\/li>\n\n\n\n<li>*For students who haven&#8217;t recorded anything, HeadshotFlip falls back to a Google Gemini generated pronunciation: it synthesizes an audio clip of the name and a suggested phonetic spelling, which the student can then confirm, correct, or replace at any time. The student&#8217;s own input always wins.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1104\" height=\"1322\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-2.png\" alt=\"\" class=\"wp-image-7483\" style=\"aspect-ratio:0.8351027864438144;width:518px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-2.png 1104w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-2-251x300.png 251w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-2-855x1024.png 855w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-2-768x920.png 768w\" sizes=\"auto, (max-width: 1104px) 100vw, 1104px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1106\" height=\"680\" src=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image.png\" alt=\"\" class=\"wp-image-7481\" style=\"aspect-ratio:1.6265046323036758;width:517px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image.png 1106w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-300x184.png 300w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-1024x630.png 1024w, https:\/\/www.hmc.edu\/cis\/wp-content\/uploads\/sites\/18\/2026\/08\/image-768x472.png 768w\" sizes=\"auto, (max-width: 1106px) 100vw, 1106px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to Get It<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HeadshotFlip is enabled in all Canvas course sites by default now. It is available to all Faculty and site admins in a course. If for some reason the tool is not enabled, it can be re-enabled by:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the Settings tool in the desired course<\/li>\n\n\n\n<li>Select the Navigation tab at the top<\/li>\n\n\n\n<li>Scroll toward the bottom of the page to find the HeadshotFlip tool<\/li>\n\n\n\n<li>Click and drag the tool to the top group of enabled tools or click on the 3 dots to the right and select Enable<\/li>\n\n\n\n<li>Click on the Save button<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Getting Help<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If, for whatever reason there is an issue with HeadshotFlip in a course, please contact the <a href=\"mailto:h&#101;lpde&#115;k&#64;&#104;m&#99;&#46;e&#100;&#117;\">HMC Helpdesk<\/a> for support.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HeadshotFlip Learning student names is one of the simplest, most powerful things an instructor can do to build community in [&hellip;]<\/p>\n","protected":false},"author":132,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-7480","post","type-post","status-publish","format-standard","hentry","category-arcs"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/posts\/7480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/users\/132"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/comments?post=7480"}],"version-history":[{"count":3,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/posts\/7480\/revisions"}],"predecessor-version":[{"id":7491,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/posts\/7480\/revisions\/7491"}],"wp:attachment":[{"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/media?parent=7480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/categories?post=7480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hmc.edu\/cis\/wp-json\/wp\/v2\/tags?post=7480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}