Web App (boilerplate)

Use this boilerplate to package your own web application as a Dise app.

You can build your own standalone web application - whether it be single- or multipage, interactive or non-interactive - without the Dise Template SDK and without the TypeScript Framework.  Wrap it up using this boilerplate and upload as a template in the Dise CMS, create a message, publish it to a playlist, and have it run locally on the players.  Easily update the app later by uploading new versions in the CMS.

This boilerplate is actually just a copy of the WebPage Template, pre-configured to make it easier to drop in your own app artifacts.

Package your own app using the boilerplate

1. Download the boilerplate from here:

   Web App Boilerplate

   10.01 KB

2. Unzip the file, and edit the file template.json:
   Change the template name:

   "name": "My App",

   JSON

   If needed, change the resolution:

   "targetWidth": 1920,
   "targetHeight": 1080,

   JSON

   If needed, change the default duration:

   "defaultDuration": 15,

   If needed, change the icon and thumbnail to your own (can be SVG, PNG, or JPG format - make sure to copy in the file)

     "icon": "icon.svg",
     "thumbnail": "icon.svg",

3. Notice that there is a folder named app, and that this app folder contains a placeholder file index.html.
   Now copy your application with all associated files and any subfolders into the app folder.  Make sure that your main html file is called index.html and replaces the existing placholder file.

4. Create a new zip file with everything, upload as template in the Dise CMS, create a message, and publish it to a playlist!