Case study

UCLA
Annotations and assignment software for the humanities classroom

Assignment

The University of California, Los Angeles (UCLA) required a robust platform capable of melding advanced document management with Optical Character Recognition (OCR) processing and multi-threaded annotations. Our goal was to architect a custom solution built to perform at scale, ensuring swift, precise document handling amidst a multi-threaded annotation environment. This initiative was aimed at elevating UCLA's document management capabilities to new heights, fostering enhanced collaborative and analytical opportunities across the institution.

Approach

Our goal was to create a user-friendly and high-performance platform that could handle potentially hundreds or thousands of students annotating the same document simultaneously while maintaining an orderly and uncluttered interface. We focused on readability and accessibility across resolutions and point sizes for the type selection and color scheme. The platform's design had to accommodate both readability and writing functions, as teachers and students would spend a significant amount of time writing within the app.

Implementation

The interface was built using a split-screen layout, with the source text on the left side of the screen and the annotations on the right. Filters and paragraph selection features were integrated to allow high levels of participation without excess visual clutter. Inline text transformation, auto-saving, and offline functionality were implemented to enhance the writing experience and improve user engagement.

Annotation activities were contained within assignments. Faculty members could add any number of tasks to each document added to an assignment, while a dashboard interface with due dates and color labeling allowed students to visually track their progress.

To address the challenge of handling hundreds of students and faculty members concurrently annotating and uploading documents, we employed a microservices architecture, allowing us to choose the best technologies and distribute the load across the app. Key technologies used included Tesseract OCR for interpreting scanned text, Elastic for search, Angular for the frontend, and an open-source EDMS document management system.

A significant challenge was developing a method for easily uploading, OCR scanning, MIME type sorting, and transforming any scanned or digital document type into semantic HTML, ready for annotating.

The platform was built using Python, Angular, HTML5, CSS, Terraform, Tesseract OCR, and other cutting-edge tools to create a seamless user experience.

Outcome

The custom platform we designed for UCLA successfully integrated advanced document management with OCR processing and multi-threaded annotations, enabling faculty and students to collaborate efficiently and at scale. The platform's user-friendly design and high-performance capabilities have made it an invaluable tool for the UCLA community, fostering enhanced engagement and learning experiences.

Technologies

We used the following technologies on this project to ensure reliability and performance at every step, accounting for future platform stability and developer support, uptime and reliability ratings and a host of other factors. Read more about the technologies

Kind words

"Working with a bright, eager team, their passion for their work, and their passion for our work, was truly remarkable. Issues we thought that were intractable were solved with elegant and innovative design ideas. Integration with legacy systems proceeded much more smoothly than anyone anticipated. At every turn, their work was professional and exceptional.‍"

Matthew Fisher

Associate Professor

UCLA

Additional work

See more examples of our recent work

Our agency has had the privilege of working with some amazing teams from fortune 500 companies to large institutions and exciting startups over two decades.
An engaging visual rebrand for a leading Cincinnati based research company
An electrifying new brand and website for a cutting-edge electrical automotive company
A bespoke auction platform for a thoroughbred horse trading startup
A cutting-edge digital banking platform for a century-old institution
A fresh look for an established Cincinnati law firm
An artistic therapy brand and web application for processing and integrating emotions
An exciting visual experience with integrated memberships for a startup BJJ gym
Seamless automotive ecommerce for a Nasdaq traded corporation
A franchise website platform for a professional services company
Exciting organic curves and shapes for a growing grocery delivery company
A multi-league recreational sports platform for Gotham Soccer
A better sales website for a charitable printing company
A beautiful, engaging e-commerce experience for a popular board game company
A creative expression for a full-service franchise and retail marketing agency
An eyesight charity foundation website for a global eyewear brand
Building a vibrant and engaging Jamstack website for a local baseball team