Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: 2.7

...

Status

...

Status
colourRed
titlenot visible to public
https://junolive.atlassian.net/jira/software/projects/JDT/boards/9?selectedIssue=JDT-206

...

Type

...

Reference

...

Reader

...

Clients

...

Reader goal

...

Understand what content looks like, what all the parts of it are. New clients are interested in this; they don’t understand what a “session” really is made up of, or the demo sites they’ve seen aren’t necessarily configured with everything. This is place to find a generic outline of how it all fits together.

Quickly find image sizes, character limits, and file types.

CSMs want to be able to find an example quickly-- when someone asks “what’s an abstract,” they don’t have to go hunting for an example in the site structure workbook, or on a demo site, where it may or may not be there.

CSMs want to be able to send clients a page based on content type – because not everyone uses every content type, especially with learning/community -only sites.

...

Contributors

...

JUNO version

...

VX.XX

...

Reviewers (check the box when you’re done!)

...

Review deadline

...

Notes for reviewers

Each course and lesson needs need these images and text. Some other items are optional, like videos, downloadable files, and links.

...

What content

...

looks like

Before users open a course, they might see it featured in a rotator, grid, or list module. It displays the course’s image, name and abstract. Most modules use the smaller list image. Featured rotators use the larger banner image.

Modules can look different depending on their configuration. Learn more about modules.

...

Then users enter the course page. It displays the image and description.[SCREENSHOT DIAGRAM - COURSE HOME PAGE]

...

Once you users start the course, it displays the description and list of lessons. Think of the course as the “container” for lessons inside of it.

[SCREENSHOT DIAGRAM - COURSE PAGE WITH LESSONS]

Explain lesson page

...

Then users go through the lessons. Each lesson page can look different! You might include a description, questions, or downloadable resources. An image can display at the top of the page. Or, if there’s a video, it replaces the image.

...

Finally, users might download a certificate for the completed course.

...

Specifications

These specifications are split into two sections:

  • Text and images for a course.

  • Text, images, and other items for the lessons that go inside a course.

Course

(Also known as a Track)

Text

Character limit

Notes

Status
colourGreen
titleRequired

Name

Include Page
REUSE - Name text char limit
REUSE - Name text char limit

Status
colourGreen
titleRequired

Slug

Include Page
REUSE - Slug
67
text char limit
REUSE - Slug text char limit

The slug is the end of the page URL. Each slug must be unique. Spaces aren’t allowed. Example: subject-_course

Status
titleOPtional

Abstract

Include Page
REUSE - Abstract
78
text char limit
REUSE - Abstract text char limit

A short description of the course displayed in rotator, grid, or list modules.

Status
titleOPtional

Description

Include Page
REUSE - Description text char limit
REUSE - Description text char limit

A longer description . Only displays when users begin the course for the first time. If you want users to refer back to this information, put it in the lesson descriptions tooof the course.

Can include text formatting, links, numbered lists, bulleted lists, images, and line breaks, and custom HTML.

Images

Size (w × h)

Notes

Include Page
REUSE - Image max file size and type
REUSE - Image max file size and type

Status
colourGreen
titleRequired

List image 800 × 450 px

Include Page
REUSE - 16:9 ratio image size
REUSE - 16:9 ratio image size

Displays in rotator, grid, and list modules.

Status
title
colourtitleGreenOPtional

Banner image Required

Include Page
REUSE - Banner image safe zone
REUSE - Banner image safe zone

Displays in featured rotator modules.

Status
colourGreen
titleOPtionalRequired

Certificate of completion

800 × 450 px

Users can download the certificate when they complete the course.image

Include Page

...

REUSE -

...

16:9 ratio image size
REUSE - 16:9 ratio image size

Lesson

Text

Character limit

Notes

Status
colourGreen
titleRequired

Name

Include Page
REUSE - Name text char limit
REUSE - Name text char limit

Status
colourGreen
titleRequired

Slug

Include Page
REUSE - Slug
67
text char limit
REUSE - Slug text char limit

The slug is the end of the page URL. Each slug must be unique. Spaces aren’t allowed. Example: subject-_lesson

Status
titleOPtional

Description

Include Page
REUSE - Description text char limit
REUSE - Description text char limit

Often the text of the lesson itself, or a description the video lesson. Can include text formatting, links, numbered lists, bulleted lists, images, and line breaks, and custom HTML. If you add questions, they can go here.

Images

Size (w × h)

Notes

Status
titleOPtional
Page image

800 × 450 px

Include Page

...

REUSE - Image max file size and type

...

REUSE - Image max file size and type

Status
titleOPtional

Lesson banner image

Include Page
REUSE - 16:9 ratio image size
REUSE - 16:9 ratio image size

Only displays on the lesson page if there isn’t a video. To add more than one image, insert them into the description.

types allowed

Videos

File

type

Notes

Status
titleOPtional

Video lesson

  • Hosted on Youtube, Wistia, Vimeo, or Brightcove

  • Or hosted with JUNO through Amazon IVS

Include Page
JE:REUSE - Video privacy - Client warning and page linkJE:
REUSE - Video privacy - Client warning and page link

To add more than one video, we recommend breaking up the content into multiple lessons with one video on each page. Other workarounds, like adding iframes, will prevent you from tracking analytics about the percentage of the video watched.

...

links?

Files

File type and

size

Questions

Status

Question character limit

Answer character limit

Multiple choice

Select many

Poll

Order

Fill in the blank

Rating

A rating scale up to 10 fits on both mobile and desktop screens

...

titleOPtional

Downloadable resources

Include Page
REUSE - Downloadable resources specs
REUSE - Downloadable resources specs