Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

Introduction

The Learner Home project intends to replace the existing course dashboard (https://courses.edx.org/dashboard). To learn about the new and improved features or see frequently asked questions, continue reading.

Feature Tour / What’s New?

The new Learner Home has many of the same features of the old dashboard, with some extended functionality and performance enhancements.

Brand Alignment (NEW)

The home page now better reflects the edX.org brand styles that are used throughout our marketing and marketplace.

Course Listing

Much like the old dashboard, courses are presented in a series of cards. Course cards show the course thumbnail, information about the course, and the ability to upgrade to a paid track or view/begin a course (if applicable). Further course actions (e.g. unenroll, email opt-out settings, and social media share) have been moved to the menu/triple dot icon on the course card.

Course sorting / filtering (NEW)

An added behavior over the old course dashboard. Clicking the “Refine” button opens options to filter by course status or sort either by most recent enrollment (default) or title.

Pagination (NEW)

All of a user’s courses and entitlements are fetched on page load. To make the page manageable, we paginate that list, showing 25 courses at a time. To view other courses, a user should page through their list of courses using the pagination controls at the bottom of the course list.

Suggested Courses

The rollout of the new learner home will include a recommended courses area that springs from the recommendations experimentation from the Vanguards team.

Course Discovery

Want to explore even more courses than the ones suggested by our site? Click “Explore Courses” from the “Recommended Courses” panel to discover even more courses.

Enterprise Dashboards

Your Enterprise Dashboards have moved. To select a specific dashboard, go to your profile dropdown and select your desired dashboard.

Masquerade (NEW)

edX / 2U staff and support can now masquerade as users on the platform by typing a username or email in the “View as” box and hitting submit. Note that if there is a username/email collision, this will use email as the fallback identifier. Note also that this is designed to be “view only” so change actions (e.g. enroll, unenroll, selecting a session) are blocked in this view.

Frequently Asked Questions (FAQs)

Where do I find the new experience?

Change-Log:

Main Changes:

  1. Feature allowing staff to view other registered user dashboards by e-mail or user name added.

  2. A 'refine' feature to allow users to sort their courses.

  3. Upgrade button has icon and moved from the card footer into the card body.

  4. The program links moved to their own lines

  5. Card footer size reduced and passing grade requirement added.

  6. "Get the most out of your course" call to action removed.

  7. Social Media buttons and settings gear has been removed from cards. Placed in ...

  8. Course Access Button text changed.

  9. Clears technical debt by updating code base.

New Variant (Treatment)

Original Page (Control)

How will this experience be rolled out?

Navigating to the old course dashboard will begin automatically redirecting users to the new Learner Home experience.

When will this experience roll out?

Rollout began on with 1% of edx.org traffic directed to the new experience. This rollout started with a small percentage of users and slowly scale up to all users while we assess performance and feedback.

UPDATE: Rollout to 100% will begin March 22,2023.

Developer FAQ

Where does the code live?

The frontend experience is a new microfrontend (MFE) called frontend-app-learner-dashboard which lives at https://github.com/edx/frontend-app-learner-dashboard

The backend (BFF) is a new Django App in edx-platform (edx-platform/lms/djangoapps/learner_home).

How do I run this new experience locally?

Note we plan to make this a docker container that can be started natively as part of Devstack but the work is not yet complete. In the meantime…

  1. Check out frontend-app-learner-dashboard.

  2. Install and run with npm run i, npm run start

  3. App should runs defaulted to port 1996

  4. Navigate to localhost:1996

  5. Log in and view your courses

Additionally, you can make this the new default experience in devstack by creating and enabling the learner_home_mfe.enabled waffle flag in Django Admin. Signing in and navigating to your old dashboard will automatically redirect to this new experience.

  • No labels