{"id":237095,"date":"2025-06-19T18:34:47","date_gmt":"2025-06-19T18:34:47","guid":{"rendered":"https:\/\/ascnet.ie\/techmate\/?page_id=237095"},"modified":"2025-09-16T21:39:24","modified_gmt":"2025-09-16T21:39:24","slug":"use-of-images-in-cs-promo","status":"publish","type":"page","link":"https:\/\/ascnet.ie\/techmate\/actions\/use-of-images-in-cs-promo\/","title":{"rendered":"Use of Images in Computer Science Course Promotion &#8211; Action"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; box_shadow_style=&#8221;preset3&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Use of Images in Computer Science Course Promotion&#8221; button_one_text=&#8221;Back to All Actions&#8221; button_one_url=&#8221;https:\/\/ascnet.ie\/techmate\/actions\/&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; title_font_size=&#8221;25px&#8221; background_color=&#8221;#021024&#8243; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;15px&#8221; button_one_text_color=&#8221;#000000&#8243; button_one_bg_color=&#8221;#FFFFFF&#8221; button_one_border_color=&#8221;#000000&#8243; custom_margin=&#8221;||-35px|||&#8221; custom_padding=&#8221;17px||11px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-1px|||&#8221; custom_padding=&#8221;||46px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||102px|||&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; border_style_all=&#8221;none&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div id=\"menu-buttons\"><!-- [et_pb_line_break_holder] -->    <button class=\"sidebar-btn\" data-target=\"action-desc\">What is the Action?<\/button><!-- [et_pb_line_break_holder] -->    <button class=\"sidebar-btn\" data-target=\"action-facts\">Quick Facts to Support this Action<\/button><!-- [et_pb_line_break_holder] -->    <button class=\"sidebar-btn\" data-target=\"action-implement\">Ways to Implement Action<\/button><!-- [et_pb_line_break_holder] -->        <button class=\"sidebar-btn\" data-target=\"action-impact\">Evaluation Approach<\/button><!-- [et_pb_line_break_holder] -->    <button class=\"sidebar-btn\" data-target=\"action-references\">References<\/button><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] -->    const buttons = document.querySelectorAll(\".sidebar-btn[data-target]\");<!-- [et_pb_line_break_holder] -->    const contentBlocks = document.querySelectorAll(\".content-block\");<!-- [et_pb_line_break_holder] -->    const dropdownToggles = document.querySelectorAll(\".dropdown-toggle\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    buttons.forEach(button => {<!-- [et_pb_line_break_holder] -->        button.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->        const targetId = button.getAttribute(\"data-target\");<!-- [et_pb_line_break_holder] -->        if (targetId) {<!-- [et_pb_line_break_holder] -->            \/\/ Hide all content blocks<!-- [et_pb_line_break_holder] -->            contentBlocks.forEach(block => block.style.display = \"none\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Show the selected one<!-- [et_pb_line_break_holder] -->            const target = document.getElementById(targetId);<!-- [et_pb_line_break_holder] -->            if (target) {<!-- [et_pb_line_break_holder] -->                target.style.display = \"block\";<!-- [et_pb_line_break_holder] -->                const yOffset = -80; \/\/ adjust to your header height<!-- [et_pb_line_break_holder] -->                const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                window.scrollTo({ top: y, behavior: 'smooth' });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Remove 'active' from all sidebar buttons<!-- [et_pb_line_break_holder] -->                document.querySelectorAll(\".sidebar-btn\").forEach(el => el.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Only remove active from dropdown-toggle if a dropdown item was clicked<!-- [et_pb_line_break_holder] -->                const isDropdownItem = button.closest(\".dropdown-menu\");<!-- [et_pb_line_break_holder] -->                if (isDropdownItem) {<!-- [et_pb_line_break_holder] -->                    document.querySelectorAll(\".dropdown-toggle\").forEach(t => t.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Add 'active' to the clicked child button only<!-- [et_pb_line_break_holder] -->                button.classList.add(\"active\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const dropdownCurToggles = document.querySelectorAll(\".text-dropdown-toggle\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    dropdownCurToggles.forEach((toggle) => {<!-- [et_pb_line_break_holder] -->      toggle.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->        const content = toggle.nextElementSibling;<!-- [et_pb_line_break_holder] -->        if (!content) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const isVisible = content.style.display === \"block\";<!-- [et_pb_line_break_holder] -->        content.style.display = isVisible ? \"none\" : \"block\";<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    dropdownToggles.forEach(toggle => {<!-- [et_pb_line_break_holder] -->        toggle.addEventListener(\"click\", (e) => {<!-- [et_pb_line_break_holder] -->        e.stopPropagation();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const parent = toggle.parentElement;<!-- [et_pb_line_break_holder] -->        const isOpen = parent.classList.contains(\"open\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Close all dropdowns and remove 'active' from all toggles<!-- [et_pb_line_break_holder] -->        document.querySelectorAll(\".sidebar-dropdown\").forEach(drop => drop.classList.remove(\"open\"));<!-- [et_pb_line_break_holder] -->        document.querySelectorAll(\".dropdown-toggle\").forEach(t => t.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!isOpen) {<!-- [et_pb_line_break_holder] -->            parent.classList.add(\"open\");<!-- [et_pb_line_break_holder] -->            toggle.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/script><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  [\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Description&#8221; module_id=&#8221;action-desc&#8221; module_class=&#8221;content-block&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||-100px|||&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{%22gcid-body-color%22:%91%22text_text_color%22%93}&#8221;]<\/p>\n<h3>What is the Action?<\/h3>\n<p><span>Use gender inclusive and positive images when advertising a computer science course, to make it more appealing to female applicants.<\/span><\/p>\n<p><span>Explore another action that deals with advertising of computer science courses \u2013\u00a0<\/span><a href=\"https:\/\/ascnet.ie\/techmate\/actions\/promotion-materials\/\" target=\"_blank\" rel=\"noopener\">Promotion Materials for Computer Science Courses<\/a>.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;Facts&#8221; module_id=&#8221;action-facts&#8221; module_class=&#8221;content-block&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||-100px|||&#8221; custom_css_free_form=&#8221;||&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{%22gcid-body-color%22:%91%22text_text_color%22%93}&#8221;]<\/p>\n<h3>Quick Facts to Support this Action<\/h3>\n<ul>\n<li><span>Images that depicted <a href=\"https:\/\/dl.acm.org\/doi\/pdf\/10.1145\/3502718.3524784\" target=\"_blank\" rel=\"noopener\">people rather than things when advertising computer science courses<\/a> had a higher proportion of female students compared to those who did not.<\/span><\/li>\n<\/ul>\n<blockquote class=\"testimonial-box\">\n<p>One of the commonly accepted? reasons for women not choosing computer science as their field of study i<a href=\"https:\/\/psycnet.apa.org\/record\/2013-22691-001\" target=\"_blank\" rel=\"noopener\">s stereotypes about computing being a male domain<\/a> and <a href=\"https:\/\/psycnet.apa.org\/record\/2006-11728-003\" target=\"_blank\" rel=\"noopener\">having a certain image of a computer scientist<\/a>\u00a0predominantly associated with the \u201cgeek\u201d culture). Images that depict different types of students in the discipline can be a tool to combat these stereotypes.<\/p>\n<\/blockquote>\n<ul><\/ul>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;implement&#8221; module_id=&#8221;action-implement&#8221; module_class=&#8221;content-block&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||-100px|||&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{%22gcid-body-color%22:%91%22text_text_color%22%93}&#8221;]<\/p>\n<h3><span>Ways to Implement this Action<\/span><\/h3>\n<p><span>Review the existing images provided for promotion of computing courses, and to make sure than the people depicted in them represent an inclusive and diverse population where at least 50% are women (include women of colour, ability\/disability, broad age range etc).<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;impact&#8221; module_id=&#8221;action-impact&#8221; module_class=&#8221;content-block&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||-100px|||&#8221; hover_enabled=&#8221;0&#8243; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{%22gcid-body-color%22:%91%22text_text_color%22%93}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h3><span>Evaluation Approach<\/span><\/h3>\n<p><span>Compare female recruitment statistics before and after implementation, ideally over several recruitment cycles.<\/span><\/p>\n<p><span>To assess impact in a shorter term, survey existing students. <\/span><\/p>\n<p><span>Proposed ideas for survey questions:<\/span><\/p>\n<p data-start=\"259\" data-end=\"417\"><strong data-start=\"259\" data-end=\"415\">1. When you look at the images used in Computer Science advertising materials, how well do they represent people like you? <\/strong><em>(Likert scale from Very well to Not at all)<\/em><\/p>\n<p data-start=\"496\" data-end=\"587\"><strong data-start=\"496\" data-end=\"585\">2. Do the images suggest that Computer Science is a field that is welcoming to women? <\/strong><em>(Likert scale from Strongly Agree to Strongly disagree)<\/em><\/p>\n<p data-start=\"665\" data-end=\"774\"><strong data-start=\"665\" data-end=\"772\">3. How diverse do you find the people shown in the images (in terms of gender, ethnicity, roles, etc.)? <\/strong><em>(Likert scale from Very diverse to Not diverse at all)<\/em><\/p>\n<p data-start=\"870\" data-end=\"976\"><strong data-start=\"870\" data-end=\"948\">4. Which kinds of images make Computer Science feel most appealing to you?<\/strong><br data-start=\"948\" data-end=\"951\" \/><em>(Examples such as, for instance, women working with technology, students in a classroom, teamwork settings etc.)<\/em><\/p>\n<ul data-start=\"1377\" data-end=\"1426\"><\/ul>\n<p data-start=\"1428\" data-end=\"1584\"><strong data-start=\"1428\" data-end=\"1564\">5. In one or two sentences, how could the choice of images be improved to make Computer Science advertising more appealing to women? <\/strong><em>(Open text box)<\/em><br data-start=\"1564\" data-end=\"1567\" \/><\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8221;References&#8221; module_id=&#8221;action-references&#8221; module_class=&#8221;content-block&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_font_size=&#8221;15px&#8221; text_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||-100px|||&#8221; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{%22gcid-body-color%22:%91%22text_text_color%22%93}&#8221;]<\/p>\n<div class=\"boxed\">\n<p>S. Cheryan, V. C. Plaut, C. Handron, and L. Hudson. <a href=\"https:\/\/link.springer.com\/article\/10.1007\/s11199-013-0296-x\" target=\"_blank\" rel=\"noopener\">The stereotypical computer scientist: Gendered media representations as a barrier to inclusion for women.<\/a> Sex Roles, 69(1):58\u201371, 2013.<\/p>\n<p>P. Grabarczyk, A. Freiesleben, A. Bastrup, and C. Brabrand. <a href=\"https:\/\/dl.acm.org\/doi\/10.1145\/3502718.3524784\" target=\"_blank\" rel=\"noopener\">Computing Educational Programmes with more Women are more about People &amp; less about Things<\/a>. In Proc. of the 27th ITiCSE, pages 172\u2013178. ACM, 2022.<\/p>\n<p>E. M. Mercier, B. Barron, and K. M. O&#8217;Connor. <a href=\"http:\/\/life-slc.org\/docs\/Mercier_etal-Imagesofself.pdf\" target=\"_blank\" rel=\"noopener\">Images of self and others as computer users: The role of gender and experience.<\/a> Journal of Computer Assisted Learning, 22(5):335\u2013348, 2006.<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is the Action? Use gender inclusive and positive images when advertising a computer science course, to make it more appealing to female applicants. Explore another action that deals with advertising of computer science courses \u2013\u00a0Promotion Materials for Computer Science Courses.Quick Facts to Support this Action Images that depicted people rather than things when advertising [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":236654,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[],"tags":[28,34,37,39],"class_list":["post-237095","page","type-page","status-publish","hentry","tag-any1","tag-newst1","tag-rec1","tag-stim1"],"_links":{"self":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/237095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/comments?post=237095"}],"version-history":[{"count":9,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/237095\/revisions"}],"predecessor-version":[{"id":237699,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/237095\/revisions\/237699"}],"up":[{"embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/pages\/236654"}],"wp:attachment":[{"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/media?parent=237095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/categories?post=237095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ascnet.ie\/techmate\/wp-json\/wp\/v2\/tags?post=237095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}