Case study: embedded Angular for the University of Toronto

mandclu
drieder

To integrate with our client's custom middleware solution, we needed an embedded Angular app to allow a user to dynamically load and navigate content managed outside Drupal. Learn how we brought the pieces together, including making this outside content part of a "Bento Box" robust search interface.

The University of Toronto's School of Continuing Studies was already using a custom-built middleware solution to manage additional content to what can be managed through their DestinyOne courseware solution. They didn't want all this moved into Drupal, so we worked with them to deliver a custom solution that provided a dynamic client-side interface for this content, but ensured it could be crawled by search engines, in addition to being searchable within the site. Using Angular allowed us to embed search functionality within the content. We'll talk about the challenges we facedĀ and the lessons we learned along the way

Learning Objectives

  • Integrate Drupal with an embedded Angular application
  • Develop a custom Search API processor to index external content
  • Use Angular to allow users to search and navigate related content within a content page

Target Audience

  • Developers interested in use Angular components embedded within Drupal
  • Anyone who needs to pair Drupal-managed data with outside data, for search indexing
  • High ed stakeholders wanting to hear other approaches being explored for integration with courseware applications

Prerequisites

Familiarity with the challenges of integrating Drupal with other systems that manage content, which will be integrated into but not fully imported into Drupal.

Track

Development & Coding

Tags

back-end development
case study
higher education
search

Experience Level

Intermediate

If no timezone is set on your profile, time is displayed in UTC.
Update your profile's timezone