These are the release notes for the Koa release, the 11th community release of the Open edX Platform, spanning changes from May 23 to November 12 2020. You can also review details about earlier releases or learn more about the Open edX Platform if you are new to Open edX.
Self-Service Proctoring Provider Selection: Proctored exam settings have been added to the new front end created to contain future course authoring improvements. A new view, exposed within Studio, has been created to surface proctoring provider selection and settings related to proctoring. This also includes a drop down for selecting a proctored exam provider from a list of available providers.
IDV experience improvements: The ID verification (IDV) workflow user experience has been improved by breaking down the steps with clear instructions and examples. Accessibility improvements such as face tracking and voice-over have also been added. This new experience can be viewed in the account micro-frontend.
Personalized Learner Schedules present learners in self-paced courses with suggested assignment due dates based on their enrollment date and the expected course duration. Learners are able to adjust the schedule if they fall behind and miss an assignment. By providing flexibility while also encouraging accountability, Personalized Learner Schedules help keep learners on track to complete their course.
Progress Milestones are in-course celebrations that mark key achievements in the learner’s course journey. When a learner achieves one of these milestones, they see a celebration modal with a congratulatory message and links to share the achievement with friends on social media.
Course Content Search Updates: Visual updates to the course content search results page now clarifies the result location and type for learners.
Mobile Log In & Registration: A few updates to the iOS and Android registration experiences are important to call out with the aim of improving ease of use. Instead of scrolling and selecting a country now a user can write into the spinner view and this will filter accordingly. Input fields are now validated once a user’s focus changes to the next field (previously the validation used to happen on the fly as the user typed into a field). A new API is now used to validate the registration prior to submission. Please see details in the full API list.
Native Dates Area: Previously we used to display a webview on the Dates screen which loaded a course’s important dates. This has now been implemented in a native view fully built on mobile. More implementation details of the native dates tab can be found here.
Personalized Learning Schedules on Mobile: As in the desktop experience, our mobile users will also have the ability to shift their courses’ due dates! The API details for updated course experience can be found in the ‘course’ section of the full API list.
Beyond the technical improvements noted below, people and processes supporting Paragon have undergone significant changes. Originally conceived as a React component library, Paragon has been expanded to serve as a design system for Open edX. To this end, the new Design System Documentation on Confluence is now the source of truth for all things Paragon. https://edx.github.io/paragon will continue to serve its critical function as technical documentation, but will not be expanded to include design documentation in the near term.
The edX Experience Team serves as owner and facilitator for Paragon. Questions, concerns, or ideas from the community regarding Paragon can be directed to the #paragon-design-system channel in the Open edX Slack workspace.
Significant improvements and new features include the latest release (May to December 2020) include:
Augmented component offering via React Bootstrap
The component offering in Paragon has been expanded by offering pass-through exports to React Bootstrap components (10.0.0, 12.0.0). These include: Alert, Badge, Button, ButtonGroup, Card, Carousel, Dropdown, Figure, Form, InputGroup, Image, Nav, Navbar, Overlay, Popover, ProgressBar, Spinner, Tabs, Tooltip
Component improvements and fixes
Improved theming support
The technical documentation site at https://edx.github.io/paragon/ now reflects the unthemed version of Paragon used in open edx out of the box.
An edx.org themed doc site exists at https://paragon-edx.netlify.app/
The color system in Paragon, a descendant of Bootstrap 4, has been expanded to include SASS variables for theme color levels (e.g. $primary-100 to $primary-900). Similar to Bootstrap 5 these variables are available out of the box and have common sense defaults if a theme only defines the base theme color (e.g. $primary). See v12.1.0 release notes for detail.
A new theme color concept “brand” has been introduced. By default brand matches primary. In many themes this is desired. It was added to support edx.org’s new brand colors that include a deep green “elm” that we use as primary and a red “garnet” we use as brand. Any theme for Paragon now has the ability to define a brand and a primary color to support more complex brand color schemes.