{% extends "internet-of-things/base_things.html" %}

{% block title %}Smart displays | Ubuntu for the Internet of Things{% endblock %}

{% block meta_description %}
  With hundreds of thousands of devices deployed the world over, Ubuntu Core and Ubuntu Frame are the perfect bundle for deploying robust, reliable and secure digital signage solutions and kiosks.
{% endblock meta_description %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/1fFvBl-ZZvKDFV6OMv7O4kudQKtyxfvSU60rfVdKluAQ/edit?tab=t.0
{% endblock meta_copydoc %}

{% block body_class %}is-paper{% endblock %}

{% from "_macros/vf_tiered-list.jinja" import vf_tiered_list %}

{% block content %}

  <section class="p-section--hero">
    <div class="row--50-50">
      <div class="col">
        <div class="p-section--shallow">
          <h1>
            Digital signage and kiosk
            <br class="u-hide--small u-hide--medium" />
            with Ubuntu
          </h1>
        </div>
      </div>
      <div class="col">
        <div class="p-section--shallow">
          <p>The easy, secure, and reliable way of building open source digital signage software for your business.</p>
        </div>
        <div class="p-cta-block">
          <a href="/internet-of-things/contact-us"
             class="p-button--positive js-invoke-modal">Contact us to learn more</a>
          <p>
            <a href="/engage/Embedding_IoT_GUI_with_Ubuntu_Frame">Develop GUIs for IoT with our guide&nbsp;&rsaquo;</a>
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>
          Open source software
          <br class="u-hide--small u-hide--medium" />
          for smart displays
        </h2>
      </div>
      <div class="col">
        <p>
          Building a smart display solution? Ubuntu Core and Ubuntu Frame is all you need. Entirely open source and long term supported by Canonical.
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-start-large-4 col-9 col-medium-6">
        <div class="p-equal-height-row--wrap">
          <div class="p-equal-height-row__col">
            <div class="p-equal-height-row__item">
              <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                {{ image(url="https://assets.ubuntu.com/v1/54ae2ac8-secure.png",
                                alt="",
                                width="852",
                                height="1279",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class":"p-image-container__image"}) | safe
                }}
              </div>
            </div>
            <div class="p-equal-height-row__item">
              <hr class="p-rule--highlight u-hide--medium u-hide--small" />
              <h3 class="p-heading--5">Secure</h3>
            </div>
            <p class="p-equal-height-row__item">
              Keep sensitive information secure with an industrial proven OS. Enjoy an OS with built-in security and comprehensive features, such as strict application confinement,
              full disk encryption, secure boot, plus 10 years of security maintenance that matches the lifetime of your device.
            </p>
          </div>

          <div class="p-equal-height-row__col">
            <div class="p-equal-height-row__item">
              <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                {{ image(url="https://assets.ubuntu.com/v1/d0b6c883-reliable.png",
                                alt="",
                                width="852",
                                height="1279",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-image-container__image"}) | safe
                }}
              </div>
            </div>
            <div class="p-equal-height-row__item">
              <hr class="p-rule--highlight u-hide--medium u-hide--small" />
              <h3 class="p-heading--5">Reliable</h3>
            </div>
            <p class="p-equal-height-row__item">
              With more than 15 years of industrial experience, Ubuntu is one of the most mature graphical servers available today for embedded devices.
              <br />
              It has been used in kiosk, IoT, and digital signage solutions, including smart mirrors, health kiosks, and industrial panels.
            </p>
          </div>

          <div class="p-equal-height-row__col">
            <div class="p-equal-height-row__item">
              <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                {{ image(url="https://assets.ubuntu.com/v1/5c259427-simple.png",
                                alt="",
                                width="852",
                                height="1279",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-image-container__image"}) | safe
                }}
              </div>
            </div>
            <div class="p-equal-height-row__item">
              <hr class="p-rule--highlight u-hide--medium u-hide--small" />
              <h3 class="p-heading--5">Simple</h3>
            </div>
            <p class="p-equal-height-row__item">
              Preferred by developers, Ubuntu’s flexibility allows you to do more with less. Together with tools for deployment, provisioning,
              and over the air updates, you can get your smart display up and running in a matter of seconds, so you can focus on business value.
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    {%- call(slot) vf_tiered_list(is_description_full_width_on_desktop=false, is_list_full_width_on_tablet=true) -%}
      {%- if slot == 'title' -%}
        <h2>
          Unlock the best
          <br class="u-hide--small u-hide--medium" />
          smart display experience
        </h2>
      {%- endif -%}

      {%- if slot == 'description' -%}
        <p class="p-heading--5 u-no-margin--bottom">
          Enable seamless and secure graphical experiences powered by Canonical’s open source technologies.
        </p>
        <p>
          Give your screens the uptime and robustness they need, while simplifying the integration of your graphical application. From security to fleet management, with Ubuntu you can unlock:
        </p>
      {%- endif -%}

      {%- if slot == 'list_item_title_1' -%}
        <h3 class="p-heading--5">Faster innovation</h3>
      {%- endif -%}
      {%- if slot == 'list_item_description_1' -%}
        <p>
          With wide peripheral support. Including: Wi-Fi, 3G/4G, NFC, Bluetooth, software-defined radio, deep learning hardware, audio, and camera support (including RealSense).
        </p>
      {%- endif -%}

      {%- if slot == 'list_item_title_2' -%}
        <h3 class="p-heading--5">Streamlined development</h3>
      {%- endif -%}
      {%- if slot == 'list_item_description_2' -%}
        <p>
          Simplify the building of graphical outputs with services that bundle communication protocols, input protocols, and security policies into a single kit. Easily customizable with a few lines of code.
        </p>
      {%- endif -%}

      {%- if slot == 'list_item_title_3' -%}
        <h3 class="p-heading--5">Security</h3>
      {%- endif -%}
      {%- if slot == 'list_item_description_3' -%}
        <p>
          In-built security features, such as strict confinement, secure boot, and disk encryption, with up to ten years of security maintenance.
        </p>
      {%- endif -%}

      {%- if slot == 'list_item_title_4' -%}
        <h5>Updated infrastructure</h5>
      {%- endif -%}
      {%- if slot == 'list_item_description_4' -%}
        <p>
          Leverage a reliable software management infrastructure, with over-the-air, low bandwidth updates, with automatic failure recovery.
        </p>
      {%- endif -%}

      {%- if slot == 'list_item_title_5' -%}
        <h3 class="p-heading--5">Remote maintenance</h3>
      {%- endif -%}
      {%- if slot == 'list_item_description_5' -%}
        <p>No need for on-site personnel with management tools to deploy, monitor, and manage your Ubuntu devices.</p>
      {%- endif -%}

      {%- if slot == 'cta' -%}
        <a href="/internet-of-things/contact-us"
           class="p-button js-invoke-modal">Reach out to hear more</a>
      {%- endif -%}

    {%- endcall -%}
  </section>

  <section class="p-section">
    <div class="p-section--shallow u-fixed-width">
      <hr class="p-rule" />
      <h2>Get started now with Ubuntu Core and Frame</h2>
    </div>
    <div class="row">
      <div class="col-start-large-4 col-9 col-medium-6">
        <div class="p-section--shallow">
          <div class="row--25-75">
            <hr class="p-rule--muted" />
            <div class="col u-hide--small">
              {{ image(url="https://assets.ubuntu.com/v1/d68b3378-ubuntu-frame-final.png",
                            alt="",
                            width="852",
                            height="172",
                            hi_def=True,
                            loading="lazy") | safe
              }}
            </div>
            <div class="col">
              <div class="p-section--shallow">
                <p>
                  With a small footprint and serious power, <a href="/core">Ubuntu Core</a> reduces hardware costs while still being able to run 4k video.
                  As a low-cost, open source solution, it builds on top of its server heritage to bring a secure and stable platform, designed for 24/7 availability,
                  and resistant to screen takeovers and other attacks.
                </p>
                <p>
                  Ubuntu Core brings all the security features and device management solutions you need to deploy, provision, and maintain your device.
                </p>
              </div>
              <div class="p-cta-block">
                <a href="/core">Learn more about Ubuntu Core&nbsp;&rsaquo;</a>
              </div>
            </div>
          </div>
        </div>
        <div class="p-section--shallow">
          <div class="row--25-75">
            <hr class="p-rule--muted" />
            <div class="col u-hide--small">
              {{ image(url="https://assets.ubuntu.com/v1/9d527111-ubuntu-core-final.png",
                            alt="",
                            width="852",
                            height="166",
                            hi_def=True,
                            loading="lazy") | safe
              }}
            </div>
            <div class="col">
              <div class="p-section--shallow">
                <p>
                  <a href="https://mir-server.io/ubuntu-frame/">Ubuntu Frame</a> unlocks a kiosk mode that helps you create a dedicated and locked-down user experience.
                  Your graphical application will instantly run in full screen with all input modalities seamlessly on all hardware.
                </p>
                <p>
                  Ubuntu Frame supports a range of applications built with Flutter, Electron, Qt, GTK and SDL2. It also has a solution for applications based on HTML5 and Java.
                </p>
              </div>
              <div class="p-cta-block">
                <a href="https://mir-server.io/ubuntu-frame/">Learn more about Ubuntu Frame&nbsp;&rsaquo;</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row">
      <hr class="p-rule" />
      <div class="col-6">
        <h2>
          Learn more about
          <br class="u-hide--medium u-hide--small" />
          smart displays on Ubuntu
        </h2>
      </div>
      <div class="col-6 col-medium-6">
        <div class="row">
          <div class="col-2 col-medium-3">
            <h3 class="p-heading--5">Tutorial</h3>
          </div>
          <div class="col-4 col-medium-3">
            <p>
              <a href="/engage/Embedding_IoT_GUI_with_Ubuntu_Frame">Develop GUIs for IoT with Ubuntu Frame&nbsp;&rsaquo;</a>
            </p>
          </div>
        </div>
        <hr class="p-rule--muted" />
        <div class="row">
          <div class="col-2 col-medium-3">
            <h3 class="p-heading--5">Webinar</h3>
          </div>
          <div class="col-4 col-medium-3">
            <p>
              <a href="/engage/Embedded-Apps-With-Ubuntu-Edge">
                Discover the power of embedding
                <br class="u-hide--small u-hide--medium" />
                graphic applications for the edge&nbsp;&rsaquo;
              </a>
            </p>
          </div>
        </div>
        <hr class="p-rule--muted" />
        <div class="row">
          <div class="col-2 col-medium-3">
            <h3 class="p-heading--5">Case study</h3>
          </div>
          <div class="col-4 col-medium-3">
            <p>
              <a href="/engage/pudo-case-study">
                Pudo brings convenience and sustainability
                <br class="u-hide--small u-hide--medium" />
                to last-mile logistics with smart lockers software&nbsp;&rsaquo;
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Partners</h2>
      </div>
      <div class="col">
        <p>
          Get in touch with one of our partners to help you build your Digital Signage or Kiosk solution using Ubuntu as the foundation of your technology stack.
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-start-large-7 col-6">
        <div class="p-equal-height-row p-equal-height-row-50-50">
          <div class="p-equal-height-row__col">
            <div class="p-equal-height-row__item">
              <div class="p-media-container u-darker-background">
                {{ image(url="https://assets.ubuntu.com/v1/18c95711-screenly-updated.png",
                                alt="",
                                width="852",
                                height="1278",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-image-container__image"}) | safe
                }}
              </div>
              <hr class="p-rule--highlight" />
              <h3 class="p-heading--5">Screenly</h3>
            </div>
            <div class="p-equal-height-row__item">
              <p>
                Screenly provides the hardware and software you need to manage digital signs at scale. Update and schedule content, monitor screen health, and show content from your existing tech stack.
              </p>
            </div>
            <div class="p-equal-height-row__item">
              <hr class="is-muted" />
              <p>
                <a href="https://www.screenly.io/">Learn more about Screenly&nbsp;&rsaquo;</a>
              </p>
              <hr class="is-muted" />
              <p>
                <a href="/engage/screenly-empowers-security-conscious-enterprises">Read about the case study&nbsp;&rsaquo;</a>
              </p>
            </div>
          </div>
          <div class="p-equal-height-row__col">
            <div class="p-equal-height-row__item">
              <div class="p-media-container u-darker-background">
                {{ image(url="https://assets.ubuntu.com/v1/0ed335b9-broadsign-updated.png",
                                alt="",
                                width="852",
                                height="1278",
                                hi_def=True,
                                loading="lazy",
                                attrs={"class": "p-image-container__image"}) | safe
                }}
              </div>
              <hr class="p-rule--highlight" />
              <h3 class="p-heading--5">Broadsign</h3>
            </div>
            <div class="p-equal-height-row__item">
              <p>
                An end-to-end software solution built on Ubuntu Core for media owners and buyers to plan, manage and deliver smart displays of any kind.
              </p>
            </div>
            <div class="p-equal-height-row__item">
              <hr class="is-muted" />
              <p>
                <a href="https://broadsign.com/">Learn more about Broadsign&nbsp;&rsaquo;</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="row--50-50">
        <hr class="p-rule" />
        <div class="col">
          <h2>Ready for all boards, frameworks, and applications</h2>
        </div>
        <div class="col">
          <p>Minimize your costs and time to market: Ubuntu Core is compatible with the most popular boards and silicon.</p>
          <p>
            Check the <a href="/certified/devices">full list of Ubuntu certified hardware</a> and find the right one for your application.
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-start-large-4 col-9">
        <div class="p-section--shallow">
          <div class="p-equal-height-row--wrap">
            <div class="p-equal-height-row__col">
              <div class="p-equal-height-row__item">
                <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                  <a href="/download/raspberry-pi-core">
                    {{ image(url="https://assets.ubuntu.com/v1/4f5d5967-raspberry-pi.png",
                                        alt="",
                                        width="852",
                                        height="1278",
                                        hi_def=True,
                                        loading="lazy",
                                        attrs={"class":"p-image-container__image"}) | safe
                    }}
                  </a>
                </div>
              </div>
              <div class="p-equal-height-row__item">
                <hr class="p-rule--highlight u-hide--medium u-hide--small" />
                <h5 class="p-heading--5">Raspberry Pi</h5>
              </div>
            </div>

            <div class="p-equal-height-row__col">
              <div class="p-equal-height-row__item">
                <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                  <a href="/download/iot/intel-iotg">
                    {{ image(url="https://assets.ubuntu.com/v1/d8721aa0-intel-nuc-no-white-bg.png",
                                        alt="",
                                        width="852",
                                        height="1278",
                                        hi_def=True,
                                        loading="lazy",
                                        attrs={"class": "p-image-container__image"}) | safe
                    }}
                  </a>
                </div>
              </div>
              <div class="p-equal-height-row__item">
                <hr class="p-rule--highlight u-hide--medium u-hide--small" />
                <h5 class="p-heading--5">Intel NUC</h5>
              </div>
            </div>

            <div class="p-equal-height-row__col">
              <div class="p-equal-height-row__item">
                <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted">
                  <a href="/download/qualcomm-dragonboard-410c">
                    {{ image(url="https://assets.ubuntu.com/v1/88e5fa17-dragonboard.png",
                                        alt="",
                                        width="852",
                                        height="1278",
                                        hi_def=True,
                                        loading="lazy",
                                        attrs={"class": "p-image-container__image"}) | safe
                    }}
                  </a>
                </div>
              </div>
              <div class="p-equal-height-row__item">
                <hr class="p-rule--highlight u-hide--medium u-hide--small" />
                <h5 class="p-heading--5">Dragonboard</h5>
              </div>
            </div>
          </div>
        </div>
      </div>
      <hr class="p-rule--muted" />
      <div class="col-start-large-7 col-6">
        <p>
          <a href="https://discourse.ubuntu.com/t/where-does-ubuntu-frame-work/23193">More information about Ubuntu Frame graphics support&nbsp;&rsaquo;</a>
        </p>
      </div>
    </div>
  </section>

  <hr class="p-rule is-fixed-width" />
  <div class="p-strip is-deep">
    <div class="row u-vertically-center">
      <div class="col-10">
        <h2>Learn how we can get your device to market for you</h2>
        <p class="p-heading--2">
          <a href="/internet-of-things/contact-us" class="js-invoke-modal">Get in touch&nbsp;&rsaquo;</a>
        </p>
      </div>
    </div>
  </div>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Try Ubuntu Core</h2>
      </div>
      <div class="col">
        <p>
          Want to learn more about developing with Ubuntu Core? Learn how to build or port apps for the next generation of Ubuntu.
        </p>
        <div class="p-cta-block">
          <a href="/core" class="p-button">Try Ubuntu Core</a>
        </div>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Sign up for our IoT newsletter</h2>
      </div>
      <div class="col">{% include "shared/contextual_footers/_iot_newsletter_signup.html" %}</div>
    </div>
  </section>

  {% with title_link="/blog/internet-of-things", groupId="1666" %}
    {% include "internet-of-things/shared/_latest-news-iot.html" %}
  {% endwith %}

  <!-- Set default Marketo information for contact form below-->
  <div class="u-hide"
       id="contact-form-container"
       data-form-location="/shared/forms/interactive/internet-of-things"
       data-form-id="1422"
       data-lp-id="2166"
       data-return-url="https://ubuntu.com/internet-of-things/thank-you?product=smart-displays"
       data-lp-url="https://pages.ubuntu.com/things-contact-us.html"></div>

{% endblock %}