CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en-GB"> <head> <title>Digital signage | Staff | Imperial College London</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/6d9efb9d-b605-406f-b8b3-c9644859d064/OtAutoBlock.js" ></script><script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="6d9efb9d-b605-406f-b8b3-c9644859d064" ></script> <script type="text/javascript">function OptanonWrapper() { }</script>  <link rel="preconnect" href="https://pxl-imperialacuk.terminalfour.net"> <link rel="dns-prefetch" href="https://pxl-imperialacuk.terminalfour.net">  <meta name="SectionType" content="website">  <meta name="twitter:dnt" content="on"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@imperialcollege"> <meta name="twitter:title" content="Digital signage"> <meta name="twitter:description" content="Large screens are located around the College designed as an information system to promote events, activities and announcements relating to life at th..."> <meta name="twitter:image" content="https://www.imperial.ac.uk/T4Assets/favicon-196x196.png"> <meta name="fb:app_id" content="674884772674087"> <meta property="og:title" content="Digital signage" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.imperial.ac.uk/T4Assets/favicon-196x196.png" /> <meta property="og:image:type" content="image/png" /> <meta property="og:image:secure_url" content="https://www.imperial.ac.uk/T4Assets/favicon-196x196.png" /> <meta property="og:image:width" content="200" /><meta property="og:image:height" content="200" /><meta property="og:url" content="https://www.imperial.ac.uk/staff/tools-and-reference/web-guide/tools/digital-signage/" /> <meta property="og:description" content="Large screens are located around the College designed as an information system to promote events, activities and announcements relating to life at th..." /> <meta property="og:locale" content="en_GB" /> <meta property="og:site_name" content="Imperial College London" /> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <link rel="preload" href="/assets/website/fonts/icons/fonts/imperial-icons.woff?vrmf2d" as="font" type="font/woff" crossorigin> <link rel="preload" href="/assets/website/fonts/imperial-sans/ImperialText-VF.woff2" as="font" type="font/woff2" crossorigin> <link href="/assets/website/stylesheets/css/screen.1.32.12.css" media="all" rel="stylesheet" type="text/css" /> <link href="/assets/website/stylesheets/css/print.1.32.12.css" media="print" rel="stylesheet" type="text/css" /> <link rel="icon" type="image/svg+xml" href="/assets/website/images/favicon/favicon.svg"> <link rel="alternate icon" href="/assets/website/images/favicon/favicon.ico"> <link rel="icon" href="/assets/website/images/favicon/favicon-32.png" sizes="32x32"> <link rel="icon" href="/assets/website/images/favicon/favicon-57.png" sizes="57x57"> <link rel="icon" href="/assets/website/images/favicon/favicon-76.png" sizes="76x76"> <link rel="icon" href="/assets/website/images/favicon/favicon-96.png" sizes="96x96"> <link rel="icon" href="/assets/website/images/favicon/favicon-128.png" sizes="128x128"> <link rel="icon" href="/assets/website/images/favicon/favicon-192.png" sizes="192x192"> <link rel="icon" href="/assets/website/images/favicon/favicon-228.png" sizes="228x228"> <link rel="shortcut icon" href="/assets/website/images/favicon/favicon-196.png" sizes="196x196"> <link rel="apple-touch-icon" href="/assets/website/images/favicon/favicon-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="/assets/website/images/favicon/favicon-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="/assets/website/images/favicon/favicon-180.png" sizes="180x180"> <meta name="msapplication-TileColor" content="#C8D8E4"> <meta name="msapplication-TileImage" content="/assets/website/images/favicon/favicon-144.png"> <meta name="msapplication-config" content="/assets/website/images/favicon/browserconfig.xml" /> <script src="/assets/website/js/lib/jquery3.min.js" id="jquery3"></script> <script defer src="/assets/website/js/build/application.1.32.12.min.js" type="text/javascript"></script> <script defer src="//cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>  <link rel="canonical" href="https://www.imperial.ac.uk/staff/tools-and-reference/web-guide/tools/digital-signage/" /> </head> <body class="theme-6"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDH95W87" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':聽new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],聽 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=聽'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);聽})(window,document,'script','dataLayer','GTM-NDH95W87');</script> <a class="skip-to" id="skip-to-content" href="#content">Skip to main content</a> <a class="skip-to" id="link-to-accessibility" href="/about-the-site/accessibility/">View accessibility support page</a> <header class="header"> <div class="header__inner"> <a class="header__logo" href="/" aria-label="Homepage"> <svg width="727" height="80" viewBox="0 0 727 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M301.453 0V80H353.346V66H316.622V46H350.152V32.4H316.622V14H353.346V0H301.453Z" fill="currentcolor" /> <path d="M238.397 12.9177H227.22V39.8776H238.397C247.142 39.8776 253.566 35.6376 253.566 26.3953C253.566 16.8 247.142 12.9177 238.397 12.9177ZM239.196 52.8H227.22V80H212.052V0H239.196C256.219 0 269.533 7.72706 269.533 26.4C269.533 44.8 256.121 52.8 239.196 52.8Z" fill="currentcolor" /> <path d="M485.079 0V14H503.84V66H485.079V80H537.77V66H519.009V14H537.77V0H485.079Z" fill="currentcolor" /> <path d="M434.191 24.8C434.191 34.4377 428.602 37.4777 419.022 37.4777H406.248V12.9177H419.022C429.419 12.9224 434.191 16.8 434.191 24.8ZM450.158 24.8C450.158 6.12706 437.384 0 420.619 0H391.08V80H406.248V50.4H419.022C419.722 50.4 420.417 50.3859 421.107 50.3624L436.562 80H453.37L436.224 47.1906C444.565 43.4777 450.158 36.3435 450.158 24.8Z" fill="currentcolor" /> <path d="M604.324 14.1929L615.238 49.4777H593.406L604.324 14.1929ZM594.345 0L567.999 80H583.966L589.409 62.4H619.235L624.678 80H640.645L614.299 0H594.345Z" fill="currentcolor" /> <path d="M674.889 0V80H726.914V66H690.058V0H674.889Z" fill="currentcolor" /> <path d="M151.908 0L132.747 47.04L113.587 0H92.0312V80H106.402V20.1882L124.764 62.4H140.731L159.093 20.1882V80H173.463V0H151.908Z" fill="currentcolor" /> <path d="M0 0V14H18.7613V66H0V80H52.6912V66H33.93V14H52.6912V0H0Z" fill="currentcolor" /> </svg> </a> <div class="header__buttons"> <search class="header__search"> <form action="/search/"> <label class="sr-only" for="search">Search</label> <input placeholder="Search" type="search" id="search" name="q" /> <button type="submit" value="Search" aria-label="Submit search"> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#search"></use> </svg> </button> </form> </search> <button class="header__search-toggle toggler" data-targets=".header__search--mobile"> Search <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#search"></use> </svg> </button> <button class="header__nav-open" aria-label="Open navigation overlay">Menu<span></span></button> </div> <nav class="header__nav-fallback"> <ul class="cluster cluster--pad-m"> <li><a href="/study/">Study</a></li><li><a href="/research-and-innovation/">Research</a></li><li><a href="/faculties-and-departments/">Faculties</a></li><li><a href="/latest-news-events/">News and events</a></li><li><a href="/about/">About</a></li><li><a href="/get-involved/">Get involved</a></li><li><a href="/giving/">Giving</a></li> <li><a href="/search">Search</a></li> </ul> </nav> <search class="header__search header__search--mobile"> <form action="/search/"> <label class="sr-only" for="search">Search</label> <input placeholder="Search" type="search" id="search" name="q" /> <button type="submit" value="Search" aria-label="Submit search"> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#search"></use> </svg> </button> </form> </search> </div> <div id="#overlay" role="dialog" aria-modal="true" aria-labelledby="overlay-title" class="hidden"> <h2 class="sr-only" id="overlay-title">Website navigation</h2> <div class="container"> <div class="header__drawer"> <button class="header__nav-close" aria-label="Close navigation overlay">Close<span></span></button> <a class="header__drawer__logo" href="/" aria-label="Homepage"> <svg width="727" height="80" viewBox="0 0 727 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M301.453 0V80H353.346V66H316.622V46H350.152V32.4H316.622V14H353.346V0H301.453Z" fill="currentcolor"/> <path d="M238.397 12.9177H227.22V39.8776H238.397C247.142 39.8776 253.566 35.6376 253.566 26.3953C253.566 16.8 247.142 12.9177 238.397 12.9177ZM239.196 52.8H227.22V80H212.052V0H239.196C256.219 0 269.533 7.72706 269.533 26.4C269.533 44.8 256.121 52.8 239.196 52.8Z" fill="currentcolor"/> <path d="M485.079 0V14H503.84V66H485.079V80H537.77V66H519.009V14H537.77V0H485.079Z" fill="currentcolor"/> <path d="M434.191 24.8C434.191 34.4377 428.602 37.4777 419.022 37.4777H406.248V12.9177H419.022C429.419 12.9224 434.191 16.8 434.191 24.8ZM450.158 24.8C450.158 6.12706 437.384 0 420.619 0H391.08V80H406.248V50.4H419.022C419.722 50.4 420.417 50.3859 421.107 50.3624L436.562 80H453.37L436.224 47.1906C444.565 43.4777 450.158 36.3435 450.158 24.8Z" fill="currentcolor"/> <path d="M604.324 14.1929L615.238 49.4777H593.406L604.324 14.1929ZM594.345 0L567.999 80H583.966L589.409 62.4H619.235L624.678 80H640.645L614.299 0H594.345Z" fill="currentcolor"/> <path d="M674.889 0V80H726.914V66H690.058V0H674.889Z" fill="currentcolor"/> <path d="M151.908 0L132.747 47.04L113.587 0H92.0312V80H106.402V20.1882L124.764 62.4H140.731L159.093 20.1882V80H173.463V0H151.908Z" fill="currentcolor"/> <path d="M0 0V14H18.7613V66H0V80H52.6912V66H33.93V14H52.6912V0H0Z" fill="currentcolor"/> </svg> </a> <div class="header__pane-switchers"> <button class="header__pane-switcher" data-tab-id="site-nav">Key links</button> <button class="header__pane-switcher" data-tab-id="section-nav">This section</button> </div> <div class="header__pane header__pane--global" id="site-nav"> <a class="header__skip-link" href="#section-nav">Skip to section navigation</a> <nav class="header__nav header__nav--global" aria-labelledby="global-nav-title"> <h3 class="sr-only" id="global-nav-title">Global site navigation</h3> <ul> <li> <a href="/study/">Study</a> <ul> <li><a href="/study/courses/">Course search</a></li> <li><a href="/study/apply/">Apply</a></li> <li><a href="/study/fees-and-funding/">Fees and funding</a></li> <li><a href="/study/student-life/">Student life</a></li> <li><a href="/study/visit/">Visit</a></li> <li><a href="/study/help-centre/">Help centre</a></li> <li><a href="/study/request-info/">Request info</a></li> <li><a href="/study/international-students/">International students</a></li> <li><a href="https://www.imperial.ac.uk/business-school/executive-education/">Executive education</a></li> <li></li> <li><a href="/study/visit/summer-schools/">Summer schools</a></li> </ul> </li><li> <a href="/research-and-innovation/">Research</a> </li><li> <a href="/faculties-and-departments/">Faculties</a> <ul> <li><a href="/engineering/">Faculty of Engineering</a></li> <li><a href="/medicine/">Faculty of Medicine</a></li> <li><a href="/natural-sciences/">Faculty of Natural Sciences</a></li> <li><a href="https://www.imperial.ac.uk/business-school/">Imperial College Business School</a></li> <li><a href="/admin-services/">Administrative and support services</a></li> </ul> </li><li> <a href="/latest-news-events/">News and events</a> <ul> <li><a href="https://www.imperial.ac.uk/news/">News</a></li> <li><a href="/whats-on/">What's on</a></li> <li><a href="/be-inspired/stories/">Imperial Stories</a></li> <li><a href="/be-inspired/festival/">Great Exhibition Road Festival</a></li> <li><a href="/be-inspired/magazine/">Imperial Magazine</a></li> <li><a href="/be-inspired/lates/">Imperial Lates</a></li> <li><a href="/students/graduation/">Graduation</a></li> </ul> </li><li> <a href="/about/">About</a> <ul> <li><a href="/about/leadership-and-strategy/president/">President</a></li> <li><a href="/about/leadership-and-strategy/provost/">Provost</a></li> <li><a href="/about/leadership-and-strategy/strategy/">Imperial Strategy</a></li> <li><a href="/about/leadership-and-strategy/provost/academic-strategy/">Academic Strategy</a></li> <li><a href="/about/global/">Imperial Global</a></li> <li><a href="/about/sustainability/">Sustainable Imperial</a></li> <li><a href="/about/governance/">Governance</a></li> <li><a href="/visit/campuses/">Campuses</a></li> <li><a href="https://profiles.imperial.ac.uk/">Our academics</a></li> <li><a href="/jobs/">Jobs at Imperial</a></li> </ul> </li><li> <a href="/get-involved/">Get involved</a> <ul> <li><a href="/giving/">Giving</a></li> <li><a href="/be-inspired/schools-outreach/">Schools outreach</a></li> <li><a href="/be-inspired/global-summer-school/">Imperial Global Summer School</a></li> <li><a href="/be-inspired/societal-engagement/">Societal engagement</a></li> <li><a href="/be-inspired/volunteering/">Volunteering and outreach</a></li> </ul> </li><li> <a href="/giving/">Giving</a> </li> </ul> </nav> <nav aria-labelledby="user-nav-title" role="navigation"> <h3 class="sr-only" id="user-nav-title">User links navigation</h3> <ul class="header__user-links"> <li><a href="/staff/">For staff</a></li> <li><a href="/students/">Current students</a></li> <li><a href="/for-business/">Imperial for business</a></li> <li><a href="/be-inspired/schools-outreach/">For schools</a></li> <li><a href="/alumni/">Alumni</a></li> </ul> </nav> </div> <div class="header__pane header__pane--section" id="section-nav"> <nav class="header__nav header__nav--section" aria-labelledby="section-nav-title"> <a class="header__nav__breadcrumb" href="/staff/tools-and-reference/"> <span>Tools and reference</span> </a> <h3 class="header__nav__title" id="section-nav-title"><a href="/staff/tools-and-reference/web-guide/">Web guide</a><span class="sr-only"> navigation</span></h3> <ul> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/">Terminalfour content management system (T4 CMS)</a> <ul class="multilevel-linkul-0"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/new-sections-and-redesigns/">Requesting new sections of the website or redesigning existing sections in T4 </a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/add-a-section/">Adding a new section (page)</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/edit-a-section/">Editing a section (page)</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/edit-a-section/reorder-navigation/">Reorder the pages in your navigation</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/moving-sections/">Moving sections (pages)</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/templates/">Page layouts (templates)</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/">Adding and updating content (content types)</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/list/">A-Z list of content types </a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/adding-a-content-type/">Adding a content type</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/">Adding images to your content</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/updating-content/">Updating an existing content type</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/updating-content/restore/">Restore a previous version of the content</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/moving-and-duplicating/">Moving and duplicating content</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/reordering-content/">Reordering content on your pages</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/accordions/">Accordions</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/banners/">Banners</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/banners/banner-bottom-block/">Banner - bottom block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/banners/landing-page/">Landing page banner with call to action links</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/blog-feed/">Blog feed</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/call-to-action-box/">Call to action box</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/carousels/">Carousels</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/celcat/">Celcat calendar</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/column-blocks/">Column blocks (link lists)</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/column-blocks/3-column-block/">3 Column block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/column-blocks/4-column-block/">4 Column block</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/colour-blocks/">Column colour blocks</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/colour-blocks/2-column-colour-block/">2 Column colour block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/colour-blocks/3-column-colour-block/">3 Column colour block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/colour-blocks/2-column-general-content-block/">2 column general content block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/colour-blocks/3-column-general-content-block/">3 column general content block</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/data-harvesting/">Data harvesting/Student CRM forms</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/display-external-feed/">Display external feed</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/eventbrite/">Eventbrite</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/flexible-content/">Flexible content blocks</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/flexible-content/flexible-content-benefits/">Benefits of using flexible content blocks</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/flexible-content/fixed-widths/">Using fixed column widths</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/flexible-image-text-cards/">Flexible image and text cards</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/flickr-album/">Flickr album</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/forms/">Forms and surveys</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-a-z-lists/">General A-Z lists</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/">General content</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/">Using images in your content</a> <ul class="multilevel-linkul-3"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/sizes/">Image sizes for each content type</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/adding-images/">Adding images to your content</a> <ul class="multilevel-linkul-4"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/adding-images/using-existing-images-in-the-media-library/">Using existing images in the Media Library</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/images/adding-images/adding-new-images-to-the-media-library/">Adding new images to the Media Library</a></li> </ul> </li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/documents/">Adding documents: pdfs, Word, zip etc.</a> <ul class="multilevel-linkul-3"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/documents/document-link/">Adding a link to a document in your content</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/documents/editing-documents/">Editing and removing existing documents</a></li> </ul> </li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/google-calendar/">Google Calendar</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/maps/">Google Maps and Street View</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/maps/google-map/">Google Map (embed)</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/maps/street-view/">Street View (embed)</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/">Highlight box</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/call-to-action-button/">Call to action button</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/colour-block/">Colour block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/document-download/">Document download button</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/video/">Video</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/icon-cards/">Icon cards</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/icon-cards/list/">All icon cards available</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/image-grid/">Image grid</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/infogram/">Infogram</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/issuu/">Issuu</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/key-facts/">Key facts</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/feature-item/">Landing page feature item</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/landing-page-text-with-featurelinks/">Landing page text with feature/links</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/lead-paragraph/">Lead paragraph</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/local-footer/">Local footers</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/logo-grid/">Logo grid</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/mailchimp/">MailChimp</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/">News and events</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/feed/">News and events feed</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/news-listing/">News listing</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/event-listing/">Event listing</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/event-summary/">Event summary</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/landing-page-news/">Landing page news story</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/news-and-events/manual-latest-news-block/">Manual latest news block</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/people-lists/">People lists and grids</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/people-lists/list/">People list</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/people-lists/grid/">People grid</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/people-lists/landing-grid/">Landing page people grid</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/prezi/">Prezi</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/quote-block/">Quote block</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/research-publications/">Research publications</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/slideshows/">Slideshows</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/slideshows/full-width-landing/">Slideshow - full width landing</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/slideshows/slideshow-tall/">Slideshow - tall</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/slideshows/slideshow-short/">Slideshow - short</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/social-metadata/">Social Metadata</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/soundcloud/">SoundCloud</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/tabs/">Tabs</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/umap/">uMap</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/videos/">Adding videos</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/videos/video-3-column/">Video - 3 column</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/videos/video-with-text/">Video with text</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/highlight-box/video/">Video in a highlight box</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/videos/video-playlist/">Video playlist</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/videos/video-general-content/">Video with general content</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/widgets-and-items/">Widgets and items</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/wufoo/">Wufoo</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/hiding-and-deleting/">Deleting and hiding content and sections (pages)</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/hiding-and-deleting/sections/">Hiding and deleting sections (pages)</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/content-types/general-content/documents/">Adding documents: pdfs, Word, zip etc.</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/restrict-access/">Restricting viewing access of your pages and documents</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/viewing-pages/">Previewing pages before they go live</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/publishing/">Publishing your pages (making them live)</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/jargon-buster/">Jargon glossary</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/logging-in-error/">Error when logging into T4 (401 error) - how to resolve</a></li> </ul> </li><li><span class="currentbranch0"><a href="/staff/tools-and-reference/web-guide/tools/">Digital tools and services</a></span> <ul class="multilevel-linkul-0"> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/">Terminalfour (T4) Site Manager</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/">Qualtrics survey tool</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/creating-a-survey/">Creating a form / survey</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/publishing-forms/">Publishing a form / survey</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/reports/">Extracting survey data and reports</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/decommissioning/">Decommissioning your form and survey</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/survey-help/">Qualtrics surveys - further help</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/qualtrics/accessibility-qualtrics/">Accessibility on Qualtrics site</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/analytics-dashboards/">Analytics dashboards</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/analytics-dashboards/interpret-dashboard-data/">Guidance on your dashboard data</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/">Asset Library</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/search/">Searching for assets</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/search/search-tips/">Search tips</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/search/saved-searches/">Saved searches</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/downloading-assets/">Downloading assets</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/lightboxes/">Using lightboxes</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/uploading/">Uploading images</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/guest-access/">Requesting guest access to the Asset Library</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/asset-library/accessibility-statement/">Accessibility on the Asset Library site</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/blogs/">College blogs</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/blogs/how-to/">Blogs - getting started with WordPress</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/blogs/terms-of-use/">Terms and conditions </a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/blogs/accessibility/">Accessibility statement for Imperial blogs</a></li> </ul> </li> <li><a href="/admin-services/ict/training-and-resources/inclusive-technology/">Inclusive Technology</a></li> <li><a href="/admin-services/ict/self-service/connect-communicate/sharing-and-collaboration-tools/sharepoint-online/">SharePoint</a></li> <li><span class="currentbranch1"><a href="/staff/tools-and-reference/web-guide/tools/digital-signage/">Digital signage</a></span> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/digital-signage/large-screen-guidelines/">Main Entrance large screen guidelines</a></li> </ul> </li> <li><a href="/admin-services/ict/self-service/connect-communicate/sharing-and-collaboration-tools/wikis/">Wikis</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/social-media/">Social media</a> <ul class="multilevel-linkul-1"> <li><a href="/be-inspired/social-and-multimedia/directory/">Social networks</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/news/">News website</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/news/creating-articles/">Creating news articles</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/tools/events-website/">Events website</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/tools/events-website/events-authors/">Instructions for events authors</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/events-website/feed-generator/">Using the feed generator</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/events-website/things-to-consider/">Approaches to consider</a></li> </ul> </li> <li><a href="/admin-services/communications/what-we-do/internal-communications/email-newsletters/using-poppulo/">Poppulo (email newsletters)</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/search/">Search Engine</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/workspace-on-box/">Workspace on Box for public file sharing</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/mobile-apps/">Mobile apps</a></li> </ul> </li><li><a href="/staff/tools-and-reference/web-guide/training-and-events/">Digital skills training</a> <ul class="multilevel-linkul-0"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/">Web skills materials</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/">Accessible content guidance</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/headings/">Using clear and effective headings</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/images/">Text alternatives for images</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/links/">Writing descriptive links</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/tables/">Using tables</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/">Publishing accessible documents online</a> <ul class="multilevel-linkul-3"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/">Creating accessible Office documents</a> <ul class="multilevel-linkul-4"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/image-alt-text/">Add alternative (alt) text to images</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/add-a-document-title-to-your-documents/">Add a document title to your documents</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/hyperlinks/">Make hyperlinks accessible</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/heading-styles/">Use heading styles properly</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/formatting-tables/">Formatting tables</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/checking-accessibility/">Checking the accessibility of your document</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/accessible-charts/">Making accessible charts</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/documents/ms-office/powerpoint/">Creating accessible PowerPoint presentations</a></li> </ul> </li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/video-audio/">Creating accessible video and audio</a> <ul class="multilevel-linkul-3"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/video-audio/descriptive-transcripts/">Provide a descriptive transcript for your videos</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/video-audio/podcasts/">Making accessible Podcasts (audio) </a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/video-audio/social-media/">Accessibility for social media</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/surveys/">Writing accessible surveys</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/checklist/">Accessible content checklist</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/writing-for-web/">Writing for the web</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/analytics-dashboards/">Analysing online traffic with Google Analytics dashboards</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/blogging/">Blogging</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/images/">Images</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/seo/">Increasing the visibility of your website (SEO)</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/social-media/">Social Media</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/events/">Creating events</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/writing-news/">Writing news articles </a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/writing-news/content-guidance/">Content guidance</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/">Top tips</a> <ul class="multilevel-linkul-2"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/accordions/">Accordions</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/a-z-lists/">A-Z lists</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/bullet-points-and-numbered-lists/">Bullet points and numbered lists</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/call-to-action/">Writing calls to action</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/carousels/">Carousels</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/headings/">Headings</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/sidebars/">Sidebar content</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/tabbed-content/">Tabbed content</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/documents/">Uploading documents online</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/using-tables/">Using tables</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/collecting-personal-data/">Collecting personal data</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/top-tips/writing-surveys/">Writing Surveys</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/user-testing/">User testing techniques </a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/ga/">Google Analytics </a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/accessibility-course/">Digital Accessibility online course</a></li> <li><a href="/staff/tools-and-reference/web-guide/t4-site-manager/">T4 website CMS training</a></li> <li><a href="/staff/tools-and-reference/web-guide/tools/events-website/events-authors/">Events website training</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/training-stats/">Online training feedback and stats</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/training-stats/accessibility/">Accessibility training feedback</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/training-stats/pwp/">PWP training feedback</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/training-stats/t4-training-stats/" class="">T4 V8 training overview stats</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/training-stats/t4-training-feedback/">T4 V8 training feedback</a></li> </ul> </li> </ul> </li><li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/">Policies and standards</a> <ul class="multilevel-linkul-0"> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/new-websites/">Creating a new website</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/comments/">Web and social media comments policy</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/url-policy/">URL policy</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/">Meeting our accessibility standards</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/teaching-videos/">Video standards for online teaching and learning </a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/regulations/">Digital accessibility regulations</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/exemptions/">Exemptions</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/testing-tools/">Accessibility testing tools</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/glossary/">Digital accessibility glossary</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/accessibility-standards/faqs/">Digital accessibility FAQs</a></li> <li><a href="/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/">Accessible content guidance</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/domains-urls-hosting/">Website domain and hosting requests</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/domains-urls-hosting/subdomains/">Policy for subdomain requests for imperial.ac.uk</a></li> </ul> </li> <li><a href="/about-the-site/use-of-cookies/">Use of cookies</a></li> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/web-governance/">Web governance</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/policies-and-guidance/web-governance/homepage/">Imperial homepage governance</a></li> </ul> </li> </ul> </li><li><a href="/staff/tools-and-reference/brand-style-guide/">Brand and style guide</a></li><li><a href="/staff/tools-and-reference/web-guide/projects/">Projects</a> <ul class="multilevel-linkul-0"> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/">Imperial website redesign project</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/timeline/">Project timeline</a></li> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/discovery-and-consultation-phase/">Discovery and consultation phase</a></li> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/design-phase/">Design phase</a></li> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/content-development/">Content development</a></li> <li><a href="/staff/tools-and-reference/web-guide/projects/website-redesign/faqs/">Frequently asked questions</a></li> </ul> </li> <li><a href="/staff/tools-and-reference/web-guide/projects/imperial-profiles/" class="">Imperial Profiles project</a> <ul class="multilevel-linkul-1"> <li><a href="/staff/tools-and-reference/web-guide/projects/imperial-profiles/faqs/" class="">Frequently asked questions</a></li> </ul> </li> </ul> </li><li><a href="/staff/tools-and-reference/web-guide/contact-us/">Contact us</a></li>  </ul> </nav> </div> </div> </div> </div> </header> <main id="page"> <div class="show-no-js"> <div class="container"> <p class="step-1">In this section</p> <nav class="nav-fallback"> <ul class="nav-fallback__parent"> <li> <a class="lwi" href="/staff/tools-and-reference/web-guide/"> Web guide </a> </li> </ul> <ul class="cluster cluster--pad-m"><li><a href="/staff/tools-and-reference/web-guide/tools/digital-signage/large-screen-guidelines/">Main Entrance large screen guidelines</a></li></ul> </nav> </div> </div> <div class="container content-template" id="content"> <nav class="page-area-heading"> <a href="/staff/tools-and-reference/web-guide/">Web guide</a> </nav> <div class="page-heading lg-8 sm-12"> <div class="breadcrumbs"> <ul> <li><a href="/">Imperial Home</a></li> <li><a href="/staff/">Staff</a></li><li><a href="/staff/tools-and-reference/">Tools and reference</a></li><li><a href="/staff/tools-and-reference/web-guide/">Web guide</a></li><li><a href="/staff/tools-and-reference/web-guide/tools/">Digital tools and services</a></li><li><a href="/staff/tools-and-reference/web-guide/tools/digital-signage/">Digital signage</a></li> </ul> </div> <h1>Digital signage</h1> </div> <div class="row row--space-between flow-opposite top" id=""> <aside class="col lg-3 md-4 sm-12"> <div class="section-sidebar"> <button class="section-sidebar__button" aria-expanded="false" aria-controls="section-sidebar-content"> <h2 class="section-sidebar__heading">In this section</h2> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#chevron-down"></use> </svg> </button> <div class="section-sidebar__content" id="section-sidebar-content"> <ul class="section-sidebar__list flow-2xs"><li><a href="/staff/tools-and-reference/web-guide/tools/digital-signage/large-screen-guidelines/">Main Entrance large screen guidelines</a></li> </ul> </div> </div> </aside> <div class="col lg-8 sm-12" role="main" id="primary-content">  <div class="module flow-m"> <div class="row wysiwyg"> <p>Large screens are located around the College designed as an information system to promote events, activities and announcements relating to life at the College.</p> </div> <div class="heading"> <h2 class="title fake-h3 not-sr-only"> Guidance for Content Creators </h2> </div> <div class="a11y-accordion-tabs wysiwyg"> <div class="accordion-tabs js-tabs" data-tabs-allowed="false" data-start-collapsed="true"> <ul role="tablist" class="tabs-tab-list"> <li role="presentation"> <a href="#tabpanel_8940" role="tab" id="tab_8940" aria-controls="tabpanel_8940" aria-selected="true" class="tabs-trigger js-tabs-trigger"> What is digital signage? </a> </li><li role="presentation"> <a href="#tabpanel_8908" role="tab" id="tab_8908" aria-controls="tabpanel_8908" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Where are the screens located? </a> </li><li role="presentation"> <a href="#tabpanel_8909" role="tab" id="tab_8909" aria-controls="tabpanel_8909" aria-selected="true" class="tabs-trigger js-tabs-trigger"> What is the purpose of the screens? </a> </li><li role="presentation"> <a href="#tabpanel_8910" role="tab" id="tab_8910" aria-controls="tabpanel_8910" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Who decides if material is acceptable? </a> </li><li role="presentation"> <a href="#tabpanel_8911" role="tab" id="tab_8911" aria-controls="tabpanel_8911" aria-selected="true" class="tabs-trigger js-tabs-trigger"> What is the correct aspect ratio and resolution? </a> </li><li role="presentation"> <a href="#tabpanel_8913" role="tab" id="tab_8913" aria-controls="tabpanel_8913" aria-selected="true" class="tabs-trigger js-tabs-trigger"> What is the correct file type? </a> </li><li role="presentation"> <a href="#tabpanel_8914" role="tab" id="tab_8914" aria-controls="tabpanel_8914" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Can I use logos and branding? </a> </li><li role="presentation"> <a href="#tabpanel_8915" role="tab" id="tab_8915" aria-controls="tabpanel_8915" aria-selected="true" class="tabs-trigger js-tabs-trigger"> What about content? </a> </li><li role="presentation"> <a href="#tabpanel_76359" role="tab" id="tab_76359" aria-controls="tabpanel_76359" aria-selected="true" class="tabs-trigger js-tabs-trigger"> How do I create a slide? </a> </li><li role="presentation"> <a href="#tabpanel_76360" role="tab" id="tab_76360" aria-controls="tabpanel_76360" aria-selected="true" class="tabs-trigger js-tabs-trigger"> How does the display system work? </a> </li><li role="presentation"> <a href="#tabpanel_290867" role="tab" id="tab_290867" aria-controls="tabpanel_290867" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Where can I find images? </a> </li><li role="presentation"> <a href="#tabpanel_378874" role="tab" id="tab_378874" aria-controls="tabpanel_378874" aria-selected="true" class="tabs-trigger js-tabs-trigger"> How can I use the Main Entrance large screen? </a> </li> </ul> <section id='tabpanel_8940' role='tabpanel' aria-labelledby='tab_8940' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8940' tabindex='0'> What is digital signage? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The term “digital signage” refers to the large display screens strategically located around the College.</p> <p>We are currently using a web based digital signage product, developed in-house, as the standard method of displaying information around the College. </p> <p>As at March 2014 there are 45 display screen locations, some with multiple screens. <br /><br />These screens are generally 42” – 55”, with a handful of larger ones e.g. in the Main Entrance  at South Kensington campus, and some smaller ones which Campus Services have at their tills.</p> <p>The screens are usually wall-mounted at above head height (with the exception of the tills which are smaller and only display A4 size graphics) and are sited at building entrances or where people are likely to be waiting for short periods, such as lift lobbies. <br /><br /></p> </div> </section><section id='tabpanel_8908' role='tabpanel' aria-labelledby='tab_8908' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8908' tabindex='0'> Where are the screens located? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The large plasma screens are strategically placed around the College at these locations:<br /><strong>South Kensington Campus</strong></p> <ul> <li>AECX</li> <li>Alumni Visitor centre</li> <li>Aeronautics breakout space (2 screens)</li> <li>Bessemer main entrance (2 screens)</li> <li>Biochemistry foyer</li> <li>Bioengineering foyer</li> <li>Blackett Laboratory, level 3, by lifts</li> <li>Careers front desk, Level 5, Sherfield Building</li> <li>Abdus Salam Library and level 1 stairs</li> <li>CEP Foyer</li> <li>Civil Engineering, Skempton Building, foyer and Level 1 and 2</li> <li>College Main Entrance</li> <li>Electrical and Electronic Engineering Building, level 11</li> <li>Flowers Building main entrance</li> <li>Huxley main entrance, level 3 and level 6.</li> <li>Imperial College Union building (5 screens)</li> <li>Royal School of Mines, level 1 and 2</li> <li>Sherfield Building, ground & first floor</li> <li>Sir Alexander Fleming Building, mezzanine and lift lobby A & C (ground floor)</li> <li>The Student Hub, level 3, Sherfield Building (2 screens)</li> </ul> <p><strong>Other campuses</strong></p> <ul> <li>Charing Cross, Reynolds Building</li> <li>Hammersmith: Commonwealth Building, ICTEM, Hammersmith Hospital</li> <li>Royal Brompton, Guy Scadding Building</li> <li>St Mary's: Mary's, Patterson</li> </ul> </div> </section><section id='tabpanel_8909' role='tabpanel' aria-labelledby='tab_8909' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8909' tabindex='0'> What is the purpose of the screens? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The screens are intended as an information system to promote events, activities and announcements relating to life at the College.</p> <p>The screens are not intended for external advertising, or for sharing strong views/ opinions.</p> </div> </section><section id='tabpanel_8910' role='tabpanel' aria-labelledby='tab_8910' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8910' tabindex='0'> Who decides if material is acceptable? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>It is at the discretion of the screen owner to accept or decline material.</p> <p>See below table of screen owners.</p> </div> </section><section id='tabpanel_8911' role='tabpanel' aria-labelledby='tab_8911' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8911' tabindex='0'> What is the correct aspect ratio and resolution? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The screens run at various resolutions, depending on the age of the screen. Older ones are 1366 x 768 pixels and the newer ones are full HD i.e. 1920 x 1080 pixels.</p> <p><strong>Our preferred size is <strong>1920 x 1080 pixels (72dpi)</strong>.<em> </em></strong>The images are automatically resized for best fit; in simple terms they are stretched to fit, but not distorted.</p> <p><strong>College display screens are 16:9 aspect ratio</strong> (home wide screen) format, and so full screen images should ideally be created to reflect this.  A4 portrait graphics files can also be used. </p> <p><strong>POS/till screens</strong> -<strong> <span>4:3 ratio - 1024  x 768 pixels.</span></strong></p> </div> </section><section id='tabpanel_8913' role='tabpanel' aria-labelledby='tab_8913' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8913' tabindex='0'> What is the correct file type? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The display system will only recognise image files with the file extensions <strong>.jpg, .jpeg and .png</strong> i.e. graphics files. </p> <p>Any other file type e.g. a pdf file, will not display.  <em>Therefore we can only accept graphics files for uploading.</em></p> <h4>Using images<em><br></em></h4> <p>When using an image, it鈥檚 important to ensure that you are not infringing any copyright and that the photographer is acknowledged as required.</p> <p>You can find appropriate images in the <a href="/staff/tools-and-reference/web-guide/tools/asset-library/">Asset Library</a>.</p> </div> </section><section id='tabpanel_8914' role='tabpanel' aria-labelledby='tab_8914' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8914' tabindex='0'> Can I use logos and branding? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The material you provide does not necessarily need to include the College鈥檚 logo. If you do wish to use the logo, please use the <a href="/staff/tools-and-reference/web-guide/tools/asset-library/">Asset Library</a> or contact Style Guide (<a href="mailto:style.guide@imperial.ac.uk">style.guide@imperial.ac.uk</a>) directly for further help.</p> <p>For further guidance on using the logo please see our <a href="/staff/tools-and-reference/brand-style-guide/">Brand and style guide</a>.</p> </div> </section><section id='tabpanel_8915' role='tabpanel' aria-labelledby='tab_8915' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_8915' tabindex='0'> What about content? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The screens are intended as an information system to promote events, activities and announcements relating to life at the College. They are not intended for external advertising or for sharing strong views/ opinions.</p> <p>Remember that the screens are not that big, are often across a room or up on a wall, and that people will not have a lot of time to spend looking at them (e.g. while they wait for a lift). Keep the information simple and clear and the font size legible!</p> <p>For example, if you’re advertising a College event, you might just need to mention the date & time, location and title. Don’t include too many details.</p> </div> </section><section id='tabpanel_76359' role='tabpanel' aria-labelledby='tab_76359' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76359' tabindex='0'> How do I create a slide? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <h4>How to create a 16:9 suitable graphics file in PowerPoint</h4> <ol> <li>Click <strong>Design</strong> Tab | <strong>Page Setup</strong> and then switch from 4:3 to 16:9.  Slides will now be sized for an ‘On screen show of (16:9)’.</li> <li>Create your PowerPoint display slide.  </li> <li>The name you choose for your display file is important; it must include information about the date for its deletion.  We require something describing what the file is, then <strong>DEL-DD-MMM-YY</strong>, then your initials as the file’s producer.  For example, ‘A4-Visa-workshop-DEL-14-MAR-15-YI.png’.  We’ll quickly be able to see that we need to delete YI’s file on 14th March 2015 and will be more able to avoid out-of-date content on our screens. Please note f<span dir="ltr">ile names should contain only letters, numbers and periods (.)</span></li> <li>After you've chosen a suitable file name, save it as a PowerPoint slide (.ppt) by way of a back-up, then save it as a graphics file.  To do so, please go to <strong>File, Save As</strong> and you will be presented with many other file formats from which to choose, including .png; choose the <strong>PNG</strong> (Portable Network Graphics) option.</li> </ol> <p><strong>Note</strong>: If you don’t want your file to be deleted then please use <strong>NO-DEL</strong> in the file name.  We’re quite happy for some content to be on display for extended periods, although we do want to keep the content varied and fresh.</p> <h4>How to create a suitable A4 graphics file in PowerPoint</h4> <ol> <li>Click <strong>Design</strong> Tab | <strong>Page Setup</strong></li> <li>Under <strong>Slides sized for</strong>, select <strong>A4 Paper</strong> (210x297mm)</li> <li>in <strong>Orientation</strong> select <strong>Portrait</strong></li> <li> <p>Follow steps 2-4 above.</p> </li> </ol> <h4>Adobe Acrobat X Pro</h4> <p><br />For those that have access to Adobe Acrobat X Pro this program provides the ability to save pdfs and Word documents as graphics files.  </p> <ol> <li>Use Word to save your document as a pdf or load a Word file into Acrobat X Pro</li> <li>Open the file, change the file type selection from <strong>PDF</strong> to <strong>All files </strong></li> <li>Select the Word file to be loaded, Select <strong>File</strong>, <strong>Save As</strong> and then <strong>Image</strong>.</li> <li><strong>PNG</strong> is the output to choose.</li> </ol> </div> </section><section id='tabpanel_76360' role='tabpanel' aria-labelledby='tab_76360' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76360' tabindex='0'> How does the display system work? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <ul> <li>Each image is displayed for 15 seconds, first four  A4 images, followed by three full screen images, repeating until all have been displayed.  The program then reloads and refreshes.</li> <li>Most of the screens rotate between displaying one of two basic layouts. For a minute, they will display an Imperial College news item, alongside an A4 poster, rotating every 15 seconds. Then they will display full screen, 16:9 posters for a minute, again for 15 seconds each.  </li> <li>The images are displayed in alphabetical order, so naming them 001-screen, 002-screen etc. would mean that they would be displayed in that order. If you want your graphics to display sequentially you should reflect that in your choice of file names.  Note however, that at some point it is likely that the 16:9 images will be split across two rotations of the basic layouts.</li> <li>The program also refreshes after every image has been displayed at least once. So, for instance, if there were twenty A4 images, but only fifteen 16:9 images, the first five 16:9 images would be displayed twice, and then the whole sequence would start again.</li> </ul> <p><strong>N.B</strong>. At times some College display screens’ content will exclusively reflect the importance of certain College events.  For example during the Imperial Festival some screens will host only Festival content.  Regular content displays will resume after such an event concludes.</p> </div> </section><section id='tabpanel_290867' role='tabpanel' aria-labelledby='tab_290867' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_290867' tabindex='0'> Where can I find images? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <ul> <li>You can choose from more than 120,000 images covering all aspects of College life in the <a href="https://asset-library.imperial.ac.uk/assetbank-imperial/action/viewLogin" target="_blank" title="Asset Library link opens in a new window">Asset Library</a>.</li> <li>If you require advice or training on using the image library please contact <a href="mailto:t.angus@imperial.ac.uk" target="_blank" title="Thomas Angus link opens in a new window">Thomas Angus</a>.</li> <li>When using an image, it’s important to ensure that you are not infringing any copyright, and that the photographer is acknowledged as required.</li> </ul> </div> </section><section id='tabpanel_378874' role='tabpanel' aria-labelledby='tab_378874' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_378874' tabindex='0'> How can I use the Main Entrance large screen? <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>The large screen in the South Kensington Main Entrance operates on a separate content management system and has a different set of requirements to the information listed on this page. </p> <p>Please consult the <a href="/staff/tools-and-reference/web-guide/tools/digital-signage/large-screen-guidelines/">Main Entrance large screen guidelines</a> carefully before contacting the screen owners. </p> </div> </section> </div> </div>  <div class="heading"> <h2 class="title fake-h3 not-sr-only"> Guidance for Content Loaders </h2> </div> <div class="a11y-accordion-tabs wysiwyg"> <div class="accordion-tabs js-tabs" data-tabs-allowed="false" data-start-collapsed="true"> <ul role="tablist" class="tabs-tab-list"> <li role="presentation"> <a href="#tabpanel_76366" role="tab" id="tab_76366" aria-controls="tabpanel_76366" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Folder shares and content </a> </li><li role="presentation"> <a href="#tabpanel_76367" role="tab" id="tab_76367" aria-controls="tabpanel_76367" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Layouts </a> </li><li role="presentation"> <a href="#tabpanel_76368" role="tab" id="tab_76368" aria-controls="tabpanel_76368" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Different Screen Modes </a> </li><li role="presentation"> <a href="#tabpanel_76369" role="tab" id="tab_76369" aria-controls="tabpanel_76369" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Support </a> </li><li role="presentation"> <a href="#tabpanel_76371" role="tab" id="tab_76371" aria-controls="tabpanel_76371" aria-selected="true" class="tabs-trigger js-tabs-trigger"> Testing </a> </li> </ul> <section id='tabpanel_76366' role='tabpanel' aria-labelledby='tab_76366' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76366' tabindex='0'> Folder shares and content <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <ul> <li>The screens are capable of running in several modes, all of which are triggered by content being deposited in the relevant folder shares. These shares can be found at \\ict-av-server1.cc.ic.ac.uk</li> <li>If you need help accessing this address then please contact <a href="/admin-services/ict/contact-ict-service-desk/">ICT’s service desk</a>; they will also be the place for display screen queries or service requests of any sort.</li> <li>You only have access to the shares that directly relate to the screens which are under your control.</li> <li>Only graphics files can be displayed. Placing a .pdf or any other type of file into the folders will not have any effect – the system simply ignores them.  </li> <li>You should check the graphics files for not only the appropriateness of their content but their quality as well. Please check with your Manager if you have concerns about content, and ask content providers to resubmit their graphics if they do not meet these guidelines.</li> </ul> </div> </section><section id='tabpanel_76367' role='tabpanel' aria-labelledby='tab_76367' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76367' tabindex='0'> Layouts <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <ul> <li>The default layout for the screens is a page consisting of the ten or so latest Imperial news stories and an A4 poster, interspersed with full screen posters. Content for these areas is drawn from the folders in the shares.</li> <li>A4 folder content will be displayed in the A4 area, full screen images in the full screen area. It is important to note that there is no checking done on this process – if you put a wide screen image in an A4 folder, it will still be displayed, but scaled to fit and vice versa.</li> <li>Content is generally refreshed from the folders once all of the current content has been displayed. This means that if you have a large number of images in the folders, it may take a while for new content to filter through.</li> <li>The screen refresh is signified on screen by the Imperial College logo being briefly displayed full screen.</li> </ul> </div> </section><section id='tabpanel_76368' role='tabpanel' aria-labelledby='tab_76368' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76368' tabindex='0'> Different Screen Modes <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>Depending on the content of the folders, different display modes are triggered</p> <h4>Normal Mode</h4> <p>This is triggered when there is at least one image in the A4 folder, at least one image in the full screen folder and no images in the override folder.  The A4 placement holder uses the traditional A4 ratio of 1:√2.<br /><br />As described above, the screen will alternate between A4 / news and full screen images.</p> <h4>Full Screen Mode</h4> <p>Triggered when there is at least 1 image in the full screen folder, and no images in either the A4, or override folders.<br /><br />Only full screen images will be displayed. Unlike normal mode, the screen will refresh every 5 minutes.</p> <h4><br />Override Mode</h4> <p>Any graphic images placed in the override folder will display superseding any other folders content.  Only the content of the override folder will be displayed until that override folder content is removed.  As with full screen mode, this will refresh every five minutes.<br /><br /></p> </div> </section><section id='tabpanel_76369' role='tabpanel' aria-labelledby='tab_76369' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76369' tabindex='0'> Support <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>Please contact <a href="/admin-services/ict/contact-ict-service-desk/">ICT’s service desk</a>; they will also be the place for display screen queries or service requests of any sort. This includes setting up new screens, questions on usage, feature requests and so on.<br /><br /></p> </div> </section><section id='tabpanel_76371' role='tabpanel' aria-labelledby='tab_76371' class='tabs-panel js-tabs-panel' tabindex='0'> <div class='accordion-trigger js-accordion-trigger' aria-controls='tabpanel_76371' tabindex='0'> Testing <svg role='img' aria-hidden='true' focusable='false' class='icon icon--m'><use xlink:href='/assets/website/images/svg/icons.svg#chevron-down'></use></svg> </div> <div class='content' aria-hidden='false'> <p>Being web based, you can get a preview of the software at the following address:<br /><a href="http://ict-av-server1.cc.ic.ac.uk/main.php?location=sherfield" target="_blank">http://ict-av-server1.cc.ic.ac.uk/main.php?location=sherfield</a></p> <p>This testing software will only run on Chrome and is designed to run full screen at 1080p. To get a true representation of what would show on the screens follow the instructions below:</p> <ol> <li>Make sure your desktop resolution is set to <strong>1080p</strong></li> <li>Start up Chrome and load this page URL - <a href="http://ict-av-server1.cc.ic.ac.uk/main.php?location=sherfield" target="_blank">http://ict-av-server1.cc.ic.ac.uk/main.php?location=sherfield</a></li> <li>Click <strong>F11</strong> on your keyboard to go full screen</li> <li>Click <strong>F5</strong> on your keyboard to refresh the screen.</li> <li>The URL variable “location” denotes which set of folders the software looks at. Simply change it to exactly the same text as the folder name in which you place content.</li> </ol> </div> </section> </div> </div> <div class="row wysiwyg"> <div class="data-table"> <h3>Screen owners</h3> <p>If you want to contact all screen owners, you can email <a href="mailto:digital-screen-owners@imperial.ac.uk">digital-screen-owners@imperial.ac.uk.</a></p> <table style="width: 95.4545%; height: 1033px;"> <tbody> <tr style="height: 27px;"> <th style="width: 43.8442%; height: 27px;" scope="col">Contact to email</th> <th id="A0" style="width: 144.031%; height: 27px;" scope="col">Buildings and locations</th> </tr> <tr style="height: 36px;"> <td style="width: 43.8442%; height: 36px;"> <h4><strong>South Kensington screen owners:</strong></h4> </td> <td style="width: 144.031%; height: 36px;"> </td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:sophie.white1@imperial.ac.uk">Sophie White</a>, <a href="mailto:madeleine.obrien@imperial.ac.uk" target="_blank" rel="noopener">Madeleine O'Brien</a></td> <td style="width: 144.031%; height: 27px;">Business School</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:j.m.corcoran@imperial.ac.uk" target="_blank" rel="noopener">Janet Corcoran</a></td> <td style="width: 144.031%; height: 27px;">Abdus Salam Library</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:d.henry@imperial.ac.uk">Delavine Henry</a></td> <td style="width: 144.031%; height: 27px;">Blackett Laboratory (opposite lifts on all floors except 0 and 11)</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:k.underwood@imperial.ac.uk">Kitty Underwood</a></td> <td style="width: 144.031%; height: 27px;">Senior Common Room (SCR) and Junior Common Room (JCR) portrait screens. Content must be in portrait layout (1080 x 1920 pixels)</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"> </td> <td style="width: 144.031%; height: 27px;">Huxley Building</td> </tr> <tr style="height: 54px;"> <td style="width: 43.8442%; height: 54px;"> <p><a href="mailto:cvgenoff@imperial.ac.uk">cvgenoff@imperial.ac.uk</a></p> </td> <td style="width: 144.031%; height: 54px;"> <p>Civil Engineering, Skempton Building level 0</p> </td> </tr> <tr style="height: 54px;"> <td style="width: 43.8442%; height: 54px;"> <p><a href="mailto:n.barbu@imperial.ac.uk" target="_blank" rel="noopener">Nadia Barbu</a></p> </td> <td style="width: 144.031%; height: 54px;"> <p>City and Guilds Building, Mechanical Engineering main foyer</p> </td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:k.brewer@imperial.ac.uk">Kayleigh Brewer</a></td> <td style="width: 144.031%; height: 27px;">TYC-LCN, Royal School of Mines level 1 and 2, ground floor Goldsmith’s Wing </td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:j.andrewes@imperial.ac.uk" target="_blank" rel="noopener">James Andrewes</a></td> <td style="width: 144.031%; height: 27px;">SAF Mezzanine</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:h.behague@imperial.ac.uk" target="_blank" rel="noopener">Hannah Behague</a></td> <td style="width: 144.031%; height: 27px;">SAF Student desk</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:chemugadmin" target="_blank" rel="noopener">Chemistry UG Admin</a></td> <td style="width: 144.031%; height: 27px;">Chemistry cafe</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:o.bacarreza-nogales@imperial.ac.uk" target="_blank" rel="noopener">Dr Omar Bacarreza Nogales</a></td> <td style="width: 144.031%; height: 27px;">Aeronautics, AMP breakout space</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:j.subba@imperial.ac.uk" target="_blank" rel="noopener">Jinata Subba</a></td> <td style="width: 144.031%; height: 27px;">CDT Space, Level 4 ICSM Building</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:r.l.marshall@imperial.ac.uk" target="_blank" rel="noopener">Richard Marshall</a></td> <td style="width: 144.031%; height: 27px;">Careers front desk, Level 5 Sherfield Building</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:e.eustace@imperial.ac.uk" target="_blank" rel="noopener">Lizzie Eustace</a>, <a href="mailto:ata.rahman08@imperial.ac.uk" target="_blank" rel="noopener">Ata Rahman</a></td> <td style="width: 144.031%; height: 27px;">ICT, Level 4 Sherfield Building</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:alumnicentre@imperial.ac.uk">Rekkha Rajendran</a></td> <td style="width: 144.031%; height: 27px;">Alumni Visitor Centre foyer</td> </tr> <tr style="height: 54px;"> <td style="width: 43.8442%; height: 54px;"> <p><a href="mailto:b.crenol@imperial.ac.uk">Bethany Crenol</a>, <a href="mailto:t.rocha@imperial.ac.uk">Tony Rocha</a>, <a href="mailto:w.oliver@imperial.ac.uk">Gareth Oliver</a></p> </td> <td style="width: 144.031%; height: 54px;">RSM Ground Floor (Aston Webb Wing) outside room G20</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:j.andrewes@imperial.ac.uk" target="_blank" rel="noopener">James Andrewes</a></td> <td style="width: 144.031%; height: 27px;">Sir Ernst Chain foyer</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:james.macdonald@imperial.ac.uk">James MacDonald</a></td> <td style="width: 144.031%; height: 27px;">ACEX building foyer only, Bessemer, College Main Entrance (excluding large screen), Flowers, Huxley, Sir Alexander Fleming, Sherfield building.</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"> </td> <td style="width: 144.031%; height: 27px;">Chemical Engineering, ACEX level 1 entrance, level 2 walkway entrance and foyer level 2.</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:internal-communications1@imperial.ac.uk">Internal Communications Team</a></td> <td style="width: 144.031%; height: 27px;">College Main Entrance large screen. Please review the <a href="/staff/tools-and-reference/web-guide/tools/digital-signage/large-screen-guidelines/">Main Entrance large screen guidelines</a> carefully before contacting. </td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:n.carmeni@imperial.ac.uk">Nicole Carmeni</a></td> <td style="width: 144.031%; height: 27px;">Imperial College Union</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:dsivisualcorridor@imperial.ac.uk" target="_blank" rel="noopener">DSI Visual Corridor</a></td> <td style="width: 144.031%; height: 27px;">Data Sciences Institute screens - DSI Visual Corridor</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:j.horrell@imperial.ac.uk">Jane Horrell</a></td> <td style="width: 144.031%; height: 27px;">EEE Level 2 Foyer</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:d.mattix@imperial.ac.uk">Donna Matticks</a></td> <td style="width: 144.031%; height: 27px;">Student Hub screen, Level 3 Sherfield</td> </tr> <tr style="height: 36px;"> <td style="width: 43.8442%; height: 36px;"> <h4>Other campuses:</h4> </td> <td style="width: 144.031%; height: 36px;"> </td> </tr> <tr style="height: 97px;"> <td style="width: 43.8442%; height: 97px;"><a href="mailto:james.macdonald@imperial.ac.uk">James MacDonald</a></td> <td style="width: 144.031%; height: 97px;"> <ul> <li><strong>Hammersmith Campus</strong>: Commonwealth, Hammersmith Wolfson Cafe, ICTEM.</li> <li><strong>Royal Brompton:</strong> Guy Scadding Building</li> <li><strong>St Mary's</strong>: Mary's, Patterson.</li> <li><strong>Charing Cross:</strong> Reynolds Building</li> </ul> </td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:l.keith@lms.mrc.ac.uk">Lindsay Keith</a></td> <td style="width: 144.031%; height: 27px;">MRC-LMS building on the Hammersmith Hospital campus</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:c.elgueta@imperial.ac.uk">Claudio Karstegl</a> or <a href="mailto:k.dosanjh@imperial.ac.uk">Kiran Dosanjh</a></td> <td style="width: 144.031%; height: 27px;"><strong>Hammersmith Campus</strong>: IRDB Building</td> </tr> <tr style="height: 27px;"> <td style="width: 43.8442%; height: 27px;"><a href="mailto:chem-ra@imperial.ac.uk" target="_blank" rel="noopener">Research Administration – Chemistry</a></td> <td style="width: 144.031%; height: 27px;"><strong>White City</strong>: Incubator Hub, MSRH, Security Hut</td> </tr> </tbody> </table> </div> </div> </div> <section class="supplementary-content row"> <div class="supplementary-content__sizer col"></div> </section>  </div> </div> </div> </main> <footer class="footer" role="contentinfo"> <section class="footer__main"> <h2 class="sr-only">Useful Links</h2> <div class="container"> <div class="row row--gap-on-collapse"> <nav class="col lg-3 sm-12"> <div class="flow-s"> <h3 class="step--1">Popular links</h3> <ul> <li><a href="/admin-services/ict/self-service/digital-education-services/digital-education-platforms/blackboard/">Blackboard</a></li> <li><a href="/admin-services/ict/contact-ict-service-desk/">Contact the Service Desk</a></li> <li><a href="/jobs/">Jobs</a></li> <li><a href="/admin-services/library/">Library services</a></li> <li><a href="https://email.imperial.ac.uk" target="_blank" rel="noopener">Outlook email online</a></li> </ul> </div> </nav> <nav class="col lg-3 sm-12"> <div class="flow-s"> <h3 class="step--1">Faculties</h3> <ul> <li><a href="/engineering/">Engineering</a></li> <li><a href="/medicine/">Medicine</a></li> <li><a href="/natural-sciences/">Natural Sciences</a></li> <li><a href="https://www.imperial.ac.uk/business-school/" target="_blank" rel="noopener">Imperial College Business School</a></li> </ul> </div> </nav> <nav class="col lg-3 sm-12"> <div class="flow-s"> <h3 class="step--1">Directories</h3> <ul> <li><a href="/admin-services/">Admin and support services </a></li> <li><a href="/multidisciplinary-research/">Networks and Centres </a></li> <li><a href="/a-z-research/">Research groups </a></li> <li><a href="https://profiles.imperial.ac.uk/" target="_blank" rel="noopener">Search all staff</a></li> </ul> </div> </nav> <nav class="col lg-3 sm-12"> <div class="flow-s"> <h3 class="step--1">Partners</h3> <ul> <li><a href="https://ahsc.org.uk/" target="_blank" rel="noopener">Imperial College Academic Health Science Centre </a></li> <li><a href="https://imperialcollegehealthpartners.com/" target="_blank" rel="noopener">Imperial College Health Partners </a></li> <li><a href="https://www.imperial.nhs.uk/" target="_blank" rel="noopener">Imperial College Healthcare NHS Trust </a></li> <li><a href="https://www.imperial-consultants.co.uk/" target="_blank" rel="noopener">Imperial Consultants</a></li> </ul> </div> </nav> </div> </div> </section> <section itemscope itemtype="http://schema.org/CollegeOrUniversity"> <h2 class="sr-only">College Information</h2> <div class="container"> <div class="footer__common"> <div class="row"> <div class="col lg-3 sm-12"> <div class="footer__contact flow-s"> <a href="#" class="footer__brand"> <span class="sr-only" itemprop="name">Imperial College London</span> <svg width="727" height="80" viewBox="0 0 727 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M301.453 0V80H353.346V66H316.622V46H350.152V32.4H316.622V14H353.346V0H301.453Z" fill="currentcolor"/> <path d="M238.397 12.9177H227.22V39.8776H238.397C247.142 39.8776 253.566 35.6376 253.566 26.3953C253.566 16.8 247.142 12.9177 238.397 12.9177ZM239.196 52.8H227.22V80H212.052V0H239.196C256.219 0 269.533 7.72706 269.533 26.4C269.533 44.8 256.121 52.8 239.196 52.8Z" fill="currentcolor"/> <path d="M485.079 0V14H503.84V66H485.079V80H537.77V66H519.009V14H537.77V0H485.079Z" fill="currentcolor"/> <path d="M434.191 24.8C434.191 34.4377 428.602 37.4777 419.022 37.4777H406.248V12.9177H419.022C429.419 12.9224 434.191 16.8 434.191 24.8ZM450.158 24.8C450.158 6.12706 437.384 0 420.619 0H391.08V80H406.248V50.4H419.022C419.722 50.4 420.417 50.3859 421.107 50.3624L436.562 80H453.37L436.224 47.1906C444.565 43.4777 450.158 36.3435 450.158 24.8Z" fill="currentcolor"/> <path d="M604.324 14.1929L615.238 49.4777H593.406L604.324 14.1929ZM594.345 0L567.999 80H583.966L589.409 62.4H619.235L624.678 80H640.645L614.299 0H594.345Z" fill="currentcolor"/> <path d="M674.889 0V80H726.914V66H690.058V0H674.889Z" fill="currentcolor"/> <path d="M151.908 0L132.747 47.04L113.587 0H92.0312V80H106.402V20.1882L124.764 62.4H140.731L159.093 20.1882V80H173.463V0H151.908Z" fill="currentcolor"/> <path d="M0 0V14H18.7613V66H0V80H52.6912V66H33.93V14H52.6912V0H0Z" fill="currentcolor"/> </svg> </a> <meta itemprop="url" content="https://www.imperial.ac.uk/"> <meta itemprop="image" content="https://www.imperial.ac.uk/ImageCropToolT4/imageTool/uploaded-images/homepage-default-social--tojpeg_1523872141375_x1.jpg"> <meta itemprop="logo" content="https://www.imperial.ac.uk/assets/website/images/logo/imperial-600.png"> <meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Imperial_College_London"> <div class="address"> <h3 class="sr-only">Address</h3> <p itemscope itemtype="http://schema.org/PostalAddress" itemprop="address"> <span itemprop="name">Imperial College London</span><br /> <span itemprop="streetAddress">South Kensington Campus</span><br /> <span itemprop="addressLocality">London</span> <span itemprop="postalCode">SW7 2AZ</span>, <span itemprop="addressCountry">UK</span><br /> <span itemprop="telephone">tel: +44 (0)20 7589 5111</span> </p> </div> </div> </div> <div class="col lg-9 sm-12"> <div class="footer__info flow-s" id="footer-info"> <div class="footer__social cluster cluster--pad-m"> <a href="https://www.facebook.com/imperialcollegelondon" target="_blank" itemprop="sameAs"> <span class="sr-only">Facebook</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#facebook"></use> </svg> </a> <a href="https://twitter.com/imperialcollege" target="_blank" itemprop="sameAs"> <span class="sr-only">X, formerly known as Twitter</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#twitter"></use> </svg> </a> <a href="https://www.youtube.com/user/imperialcollegevideo" target="_blank" itemprop="sameAs"> <span class="sr-only">YouTube</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#youtube"></use> </svg> </a> <a href="https://www.linkedin.com/edu/imperial-college-london-12598" target="_blank" itemprop="sameAs"> <span class="sr-only">LinkedIn</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#linkedin"></use> </svg> </a> <a href="https://instagram.com/imperialcollege" target="_blank" itemprop="sameAs"> <span class="sr-only">Instagram</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#instagram"></use> </svg> </a> <a href="https://www.tiktok.com/@imperialcollege" target="_blank" itemprop="sameAs"> <span class="sr-only">TikTok</span> <svg role="img" aria-hidden="true" focusable="false" class="icon icon--m"> <use xlink:href="/assets/website/images/svg/icons.svg#tiktok"></use> </svg> </a> </div> <nav> <h3 class="sr-only">Site Information</h3> <ul class="footer__meta"> <li><a href="/sitemap/">Sitemap</a></li> <li><a href="/about-the-site/accessibility/">Accessibility</a></li> <li><a href="/admin-services/finance/purchasing/related-policy-statements/modern-slavery/">Modern slavery statement</a></li> <li><a href="/about-the-site/privacy/">Privacy notice</a></li> <li><a href="/about-the-site/use-of-cookies/">Use of cookies</a></li> <li><a href="/about-the-site/incorrect-content/">Report incorrect content</a></li> <li class="hide-sm"><a class="t4Edit-page" href="https://t4-cms.imperial.ac.uk/terminalfour/page/section#edit/1623/contents">Log in</a></li> </ul> </nav> <p class="footer__copyright">© 2024 Imperial College London</p> </div> </div> </div> </div> </div> </section> </footer> </body> </html>