{
  "@context": "http://iiif.io/api/presentation/3/context.json",
  "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json",
  "type": "Manifest",
  "label": {
    "en": [
      "Display a Website QR Code on TV for Menus, Agendas and Feedback"
    ]
  },
  "summary": {
    "en": [
      "Show a website QR code on TV or a projector. Add the full link and a useful caption so visitors can open a menu, agenda, registration page or feedback form."
    ]
  },
  "metadata": [
    {
      "label": {
        "en": [
          "Outcome"
        ]
      },
      "value": {
        "en": [
          "One clear code on the screen, taking guests to the page they need."
        ]
      }
    },
    {
      "label": {
        "en": [
          "Main product"
        ]
      },
      "value": {
        "en": [
          "<a href=\"https://vuthis.com\">Open V U This on the display</a>"
        ]
      }
    },
    {
      "label": {
        "en": [
          "Topic"
        ]
      },
      "value": {
        "en": [
          "display QR code on TV",
          "event agenda QR on projector",
          "menu QR code on screen"
        ]
      }
    },
    {
      "label": {
        "en": [
          "Publisher"
        ]
      },
      "value": {
        "en": [
          "V U This team"
        ]
      }
    }
  ],
  "homepage": [
    {
      "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html",
      "type": "Text",
      "label": {
        "en": [
          "Display a Website QR Code on TV for Menus, Agendas and Feedback"
        ]
      },
      "format": "text/html"
    },
    {
      "id": "https://vuthis.com",
      "type": "Text",
      "label": {
        "en": [
          "V U This: open on the TV or projector display"
        ]
      },
      "format": "text/html"
    }
  ],
  "seeAlso": [
    {
      "id": "https://vuthis.github.io/walkthrough-catalog.json",
      "type": "Dataset",
      "format": "application/json",
      "label": {
        "en": [
          "TV and projector workflow steps and related guides"
        ]
      }
    }
  ],
  "rendering": [
    {
      "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.pdf",
      "type": "Text",
      "label": {
        "en": [
          "Display a Website QR Code on TV for Menus, Agendas and Feedback - printable PDF"
        ]
      },
      "format": "application/pdf"
    }
  ],
  "requiredStatement": {
    "label": {
      "en": [
        "Published by"
      ]
    },
    "value": {
      "en": [
        "V U This team. Product and setup: <a href=\"https://vuthis.com\">vuthis.com</a>."
      ]
    }
  },
  "provider": [
    {
      "id": "https://vuthis.com",
      "type": "Agent",
      "label": {
        "en": [
          "V U This"
        ]
      },
      "homepage": [
        {
          "id": "https://vuthis.com",
          "type": "Text",
          "label": {
            "en": [
              "V U This browser display tool"
            ]
          },
          "format": "text/html"
        }
      ]
    }
  ],
  "behavior": [
    "paged"
  ],
  "viewingDirection": "left-to-right",
  "items": [
    {
      "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/1",
      "type": "Canvas",
      "label": {
        "en": [
          "Connect and begin | Display a Website QR Code on TV for Menus, Agendas and Feedback"
        ]
      },
      "width": 850,
      "height": 1100,
      "items": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/page/1",
          "type": "AnnotationPage",
          "items": [
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/painting/1",
              "type": "Annotation",
              "motivation": "painting",
              "body": {
                "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv-page-1.png",
                "type": "Image",
                "format": "image/png",
                "width": 850,
                "height": 1100
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/1"
            }
          ]
        }
      ],
      "annotations": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/notes/1",
          "type": "AnnotationPage",
          "items": [
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/1",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Open vuthis.com on the TV or projector</h3><p>Open vuthis.com in the display browser. For a projector, use its browser or the computer already connected to it. Keep the connection code on screen.</p><p>The screen is ready for a controller.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-1\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/1"
            },
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/2",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Connect your phone, tablet or laptop</h3><p>Scan the screen QR code with your phone. On a laptop or tablet, open vuthis.com/r and enter the screen code. Both devices need internet; they can use different networks.</p><p>The content controls are on your device.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-2\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/1"
            },
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/3",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Choose QR code, then URL</h3><p>Choose the QR-code feature and select URL for a web page. Use the current product interface for access to this feature.</p><p>The QR code is set up for a website link.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-3\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/1"
            }
          ]
        }
      ],
      "homepage": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-1",
          "type": "Text",
          "label": {
            "en": [
              "Display a Website QR Code on TV for Menus, Agendas and Feedback - interactive steps"
            ]
          },
          "format": "text/html"
        }
      ]
    },
    {
      "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/2",
      "type": "Canvas",
      "label": {
        "en": [
          "Use the controls and check the result | Display a Website QR Code on TV for Menus, Agendas and Feedback"
        ]
      },
      "width": 850,
      "height": 1100,
      "items": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/page/2",
          "type": "AnnotationPage",
          "items": [
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/painting/2",
              "type": "Annotation",
              "motivation": "painting",
              "body": {
                "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv-page-2.png",
                "type": "Image",
                "format": "image/png",
                "width": 850,
                "height": 1100
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/2"
            }
          ]
        }
      ],
      "annotations": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/notes/2",
          "type": "AnnotationPage",
          "items": [
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/4",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Enter the full destination address</h3><p>Enter the complete https:// or http:// address for the menu, agenda, form or other page. Check that it opens for the intended audience.</p><p>The destination is correct.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-4\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/2"
            },
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/5",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Add a caption and choose Show now</h3><p>Use a caption that explains the result, such as View today&#x27;s agenda or Tell us how we did. Show the code on the display.</p><p>Visitors know why they should scan.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-5\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/2"
            },
            {
              "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/note/6",
              "type": "Annotation",
              "motivation": "commenting",
              "body": {
                "type": "TextualBody",
                "format": "text/html",
                "language": "en",
                "value": "<h3>Test from the audience position</h3><p>Scan the displayed code with a separate phone. Confirm that it opens the intended page and the useful information is accessible.</p><p>The code leads to the right next action.</p><p><a href=\"https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-6\">Follow this step in Display a Website QR Code on TV for Menus, Agendas and Feedback</a></p>"
              },
              "target": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.iiif.json/canvas/2"
            }
          ]
        }
      ],
      "homepage": [
        {
          "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv.html#step-4",
          "type": "Text",
          "label": {
            "en": [
              "Display a Website QR Code on TV for Menus, Agendas and Feedback - interactive steps"
            ]
          },
          "format": "text/html"
        }
      ]
    }
  ],
  "thumbnail": [
    {
      "id": "https://vuthis.github.io/walkthrough-website-qr-code-on-tv-page-1.png",
      "type": "Image",
      "format": "image/png",
      "width": 850,
      "height": 1100
    }
  ]
}