{"id":5377,"date":"2024-01-25T10:51:32","date_gmt":"2024-01-25T15:51:32","guid":{"rendered":"https:\/\/www.montclair.edu\/itds\/?page_id=5377"},"modified":"2025-07-09T15:30:12","modified_gmt":"2025-07-09T19:30:12","slug":"course-design-showcase","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/itds\/instructional-design\/course-design-showcase\/","title":{"rendered":"Course Design Showcase"},"content":{"rendered":"<p>This public gallery showcases instructional strategies and course design methodologies used in online, hybrid, and in-person courses, as well as professional development courses and campus community groups. Each subpage details the rationale for the strategy, the course it was used in, the instructor who used it, and the technology used. These exemplars are intended to emphasize the strategy used while being as technology agnostic as possible.<\/p>\n<div class=\"prpl-row\">\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/JoalyGarcia_4x3_CourseIntro.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/JoalyGarcia_4x3_CourseIntro.png.0.1x.generic.jpg\" alt=\"Screenshot of Joaly Garcia from a course introduction video.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Course Introduction Videos<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In SPAN103: Intermediate Spanish, Professor Garcia welcomes students with an engaging, personal welcome video. &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:1057667,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8,&quot;23&quot;:1}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10{&quot;1&quot;:3,&quot;2&quot;:{&quot;6&quot;:1}}\uee10{&quot;1&quot;:32}\">In <em>SPAN103: Intermediate Spanish<\/em>, Professor Garcia welcomes students with an engaging, personal welcome video. <\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/course-introduction-videos\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/DIYM_Storyline_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/DIYM_Storyline_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting an interactive media element created using Articulate Storyline.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Animated Interactive Materials<\/strong><\/p>\n<p>Animated interactive materials can help bring your courses to life by making complex topics easier to understand and more engaging for your students.<\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/animated-interactive-elements\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/MGMT_4x3_Lightboard.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/MGMT_4x3_Lightboard.png.0.1x.generic.jpg\" alt=\"Screenshot of a lightboard screen being utilized in a lecture recording.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Worked Lightboard Examples<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In MGMT327, Training, Development, and Career Planning, Professor Richert uses a lightboard to illustrate key concepts in her course.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:1057667,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8,&quot;23&quot;:1}\">In <em>MGMT327: Training, Development, and Career Planning<\/em>, Professor Richert uses a lightboard to illustrate key concepts in her course.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/worked-lightboard-example\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"prpl-row\">\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/ARFD102_MiroExample_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/ARFD102_MiroExample_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting an example of a mind mapping assignment completed on Miro.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Mind Mapping with Miro<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In ARFD102: Drawing as Research, Professor McGuire utilizes mind mapping as means to broaden students' approach to sketching. &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:1057667,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8,&quot;23&quot;:1}\">In <em>ARFD102: Drawing as Research<\/em>, Professor McGuire utilizes mind mapping as means to broaden students&#8217; approach to sketching. <\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/mind-mapping-with-miro\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/TabletCapture_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/TabletCapture_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting Bharath Kumar Samanthula using a tablet capture in a lecture video.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Tablet Capture Videos<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In CSIT561: Computer Security, Professor Samanthula uses a tablet to illustrate concepts explained in his lectures.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9091,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8}\">In <em>CSIT561: Computer Security<\/em>, Professor Samanthula uses a tablet to illustrate concepts and equations explained in his lectures.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/instructional-design\/course-design-showcase\/tablet-capture-video\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/PadletExample_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/PadletExample_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting an ePortfolio created using Padlet.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Padlet (ePortfolio)<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In NURS640: Nursing Capstone, students build ePortfolios in Padlet, collecting artifacts throughout the semester to address the components of the portfolio.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:1057667,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8,&quot;23&quot;:1}\">In <em>NURS640: Nursing Capstone<\/em>, students build ePortfolios in Padlet, collecting artifacts throughout the semester to address the components.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/padlet-eportfolio\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"prpl-row\">\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/GailYosh_4x3_HookVideo.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/02\/GailYosh_4x3_HookVideo.png.0.1x.generic.jpg\" alt=\"Screenshot depicting Gail Yosh speaking in an online video.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Weekly &#8220;Hook&#8221; Videos<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In BUGN280, Strategic Busieness Communications, Professor Yosh created short \\&quot;hook\\&quot; videos (approx 1 minute) in order to engage students in the material and subject matter related to specific weekly topics.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:1057667,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8,&quot;23&quot;:1}\">In <em>BUGN280: Strategic Business Communications<\/em>, Professor Yosh created short &#8220;hook&#8221; videos to engage students on each weekly topic.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/weekly-hook-video\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/H5P_Example_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/H5P_Example_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting an interactive formative assessment developed using H5P.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Interactive Assessments<\/strong><\/p>\n<p>In <em>ARST205: Photography<\/em>, Professor Adams uses H5P to engage students in a formative assessment of composition activity.<\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/interactive-activities\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/PEGN230_Video.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/PEGN230_Video.png.0.1x.generic.jpg\" alt=\"Cover photo promoting a Yoga course.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Guided Videos for Online Class<\/strong><\/p>\n<p>In <em>PEGN230: Personalized Fitness<\/em>, Professor Redl worked with ITDS to film guided yoga classes for asynchronous online students.<\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/instructional-design\/course-design-showcase\/guided-videos\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"prpl-row\">\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/OnlineSims.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/OnlineSims.png.0.1x.generic.jpg\" alt=\"Screenshot of an online simulation.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Online Simulations<\/strong><\/p>\n<p>In <em>EAES101: Planet Earth<\/em>, Professor Galster used simulations of earth processes to engage students in lab activities asynchronously.<\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/instructional-design\/course-design-showcase\/online-simulations\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/OGE_HomePage_4x3.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2024\/03\/OGE_HomePage_4x3.png.0.1x.generic.jpg\" alt=\"Screenshot depicting a page on Canvas created using DesignPLUS.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>DesignPLUS for Canvas<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In the International Student Resource Guide, the Office of Global Engagement used DesignPLUS to design and structure a communal resource for international students.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9091,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8}\">In the<em> International Student Resource Guide<\/em>, the Office of Global Engagement used DesignPLUS to create and format a communal resource.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/digital-pedagogy\/online-and-hybrid-teaching\/public-gallery-of-online-courses\/canvas-design-tools\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"prpl-column one-third\">\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/HIST118_Canvas.png\" src=\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2025\/07\/HIST118_Canvas.png.0.1x.generic.jpg\" alt=\"Screenshot showing the front page of the course HIST118.\"\/><\/figure>\n<div class='inset lt-gray'>\n<p><strong>Canvas Commons<\/strong><\/p>\n<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;In the International Student Resource Guide, the Office of Global Engagement used DesignPLUS to design and structure a communal resource for international students.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9091,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:14281427},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:8}\">In <em>HIST118: Emergence of the Modern United States<\/em>, Professor Strickland used Commons to share a standardized course shell to faculty.<\/span><\/p>\n<p><span class=\"prpl-button full-width red\"><a href=\"https:\/\/www.montclair.edu\/itds\/instructional-design\/course-design-showcase\/canvas-commons\/\">Learn More<\/a><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This public gallery showcases instructional strategies and course design methodologies used in online, hybrid, and in-person courses, as well as professional development courses and campus community groups. Each subpage details the rationale for the strategy, the course it was used in, the instructor who used it, and the technology used. These exemplars are intended to [&hellip;]<\/p>\n","protected":false},"author":277,"featured_media":5340,"parent":19,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5377","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/5377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/users\/277"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/comments?post=5377"}],"version-history":[{"count":40,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/5377\/revisions"}],"predecessor-version":[{"id":7829,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/5377\/revisions\/7829"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/19"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media\/5340"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media?parent=5377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}