Page Comparison

Feature

Requirements

Stage 1 - Course Enrollment Page Authoring

Course Enrollment Page Authoring Basics

This would create a new element in the Studio Content dropdown menu called “Enrollment Page” and render a view powered by the new course authoring MFE for course authors to update enrollment page details.

Initially, replicating all existing fields with a slight update would be the initial increment of delivery, but this would be able to quickly improve in the new MFE paradigm alongside improvements to general metadata + enrollment page template improvements.

In the Initial version, the enrollment page should let you View Live across the top as the primary CTA. The fields will be grouped by section just like on the Schedule and details page today.

Fields that currently exist in the Advanced Settings page denoted with an asterisk. When this authoring page is enabled, hide these fields from Advanced Settings to only render them on this page. Some minor label changes apply to these fields.

Section 1 - Basic InfoCourse Details

1. *Course Display Name

1. 1. Enter the name of the course as it should appear in the course list.

• This will render the course name or whatever has been overwritten, echoing what is in the Course Advanced Settings today.

• When this authoring view is enabled, hide the field Course Display Name from Advanced Settings.

1. 1. (text input, defaults to existing course creation value)

2. *Course Number Display

   1. Enter the course number that you want to appear in

1. 1. the course.

• When this authoring view is enabled, hide the corresponding field from Advanced Settings.

1. 1. (text input, defaults to existing course creation value)

2. *Course Organization Display

1. 1. Enter the course organization that you want to appear in the course.

1. 2. (text input, defaults to existing course creation value)

2. Course Subtitle (via S&D page)

   1. originally labeled “Short Description” field

3. Course Long Description

   1. new field, previously on S&D page within “Course Overview” HTML default

4. Course Prerequisites

   1. new field, previously on S&D page within “Course Overview” HTML default

5. Course Staff

   1. new field, previously on S&D page within “Course Overview” HTML default

   2. add new instructor, each with Name / Image / Title / Overview fields

6. Course FAQs

   1. new fields, previously on S&D page within “Course Overview” HTML default

   2. Each new fields has a question and answer text input pairing.

Section 2 - Visibility and Access

1. *Course Visibility in Catalog

1. 1. Defines the access permissions for showing the course in the course catalog.

1. 1. Toggle button with options: Private, Public Outline, Public

      • Help text for each of the options should appear when selected

1. *Course Visibility For Unenrolled Learners - TBD what this field does (but it exists in Advanced Settings, more discovery needed here)

2. Course

1. Dates

   1. TBD what to do here, reference S&D section for Start + Enrollment Dates, allow for data entry on either page, etc. To review with UX/UI support.

Section 3 - Visual Assets

• Course Introductory Video Source - Course Media / External Youtube Video

• Course Introductory Video

• *Course Video Thumbnail Image - …

  • This should pull up a modal for image selection from the existing file and uploads page

  • A preview of the image would be shown once once is selected.

  • When this authoring page is enabled, the corresponding advanced setting should be hidden.

• Course Introductory Video Source - Course Media / External Youtube Video

• Course Introductory Video

• Course *Course Banner Image

• *Course About Page Card Image

TBD Fields from Advanced Settings

• Course Learning Information

• Course Is New

• Course Instructor

• Course Announcement Date

• Cosmetic Course Display Price

Course Enrollment Page Authoring Improvements

Additional updates to Learning Objectives to be described here.

Updated Schedule & Details Page (Legacy Studio Experience)

With the shift to having course enrollment page authoring on the new Enrollment page, we will remove the necessary sections from the existing view that power the enrollment pages.

The following section will be removed from Schedule and Details page.

Course Metadata API

Ensure that the updated metadata for the course is accessible to the mobile application, confirm the plans from 2U on Studio modernization to see how this API work (and all of Stage 1) overlaps with existing plans

Ability to cache catalog metadata is helpful for native catalog discovery, so being able to understand whether catalog data is current or stale will be a helpful addition to this API as well.

Stage 2 - Updated Course Enrollment Template in edX-platform

Course Enrollment Page Template

New enrollment page template out of the box for edx-platform that is mobile friendly for courses.

The template is organized currently into the following sections noted below. Italicized items are only shown if configured / enabled / provided by the author.

1. Main Metadata & Visual Details (with Enrollment Action)

   • Org

   • Course Title

   • Course Subtitle / Short Description

   • Enrollment Button

2. What You’ll Learn

3. Secondary Panels

   • Details

     • Long Description

     • Instructors

   • Outline

     • Section 1 Name

       • Learning Objective 1a

       • Learning Objective 1b

     • Section 2 Name

       • Learning Objective 2a

       • Learning Objective 2b

   • Other Panels TBD

Image Added

Stage 3 - Mobile Catalog Discovery Browse Screens

Mobile Catalog Browse - No Subjects - Native

Subject Views & Workflow

Program Visibility

The addition of a new program card / section in catalog discovery to support an initial version of program visibility on mobile.

Mobile Catalog Browse - Web

This addition would take the existing edx-platform UI for card rendering and allow this to be a chromeless view, embedded in the mobile app discovery tabs. (TBD on whether we want to support this over simply pushing for the native solution as the primary option).

Stage 4 - Mobile Catalog Discovery Search Screens

Mobile Catalog Search Results View - Web

The ability to reference another discovery web view for catalog search on the mobile application, with the out of the box experience pointing to the existing edx-platform search feature

Mobile Catalog Search Results View - Native

Native mobile search results page that can work for both server dependent search as well as quick offline-friendly search for small catalogs via offline catalog caching.