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
Experience Level
Intermediate
If no timezone is set on your profile, time is displayed in UTC.
Update your profile's timezone
