Description

These proposal demos are sent out to prospects to show them a selection of our work relevant to their project.

Info

URL:: https://demo.designmedia.com/

Design

Current

Demos

Demos are collections of samples to be provided to a prospect. These are defined as JSON files in the data directory.

Structure

  • A top-level demo key inside the JSON contains the entire definition of the demo
  • Settings for the demo are top-level keys in the demo object
  • Samples are defined as objects in an array under demo.demos
  • The demo.demos array also contains headings and description objects to provide additional context around samples

Access

  • Demo JSON files are named <name-of-demo>.json
    • The name of the demo is defined by the name of the JSON file.
  • Demo files can be accessed at https://demos.designmedia.com/<name-of-demo>
  • The demo’s username is <name-of-demo>
  • The demo’s password is defined in the JSON file at demo.password

Samples

Samples include a tile that can be clicked to reveal some other assets – those may be images, a video, or an entire course.

Note: Samples in the original demo system are also called “demos.”

  • Tile images are in the _images directory
  • Assets behind the click are in the sample’s directory inside the _demos (i.e., _demos/<sample-name>) directory except for video samples
  • Video samples are all stored in _demos/video_services
  • Assets are assembled into a sample inside the demo’s JSON file

Upcoming

Processes

Current

Upcoming (Automated Demo System)

Current Progress

Technologies

Current

Upcoming

  • Vue
  • Firebase- The automated demo system uses Firebase Authentication, Firestore, and Firebase Cloud Functions