Report Generator

Made at

Megapixel Software

Contribution

Interaction, Product Design, Front-end Dev

Description

The goal of the project was to streamline a workflow to generate and print the test results in a paper-based report. By automating the entire workflow, teachers can get a detail report of their student performance and take immediate action to improve the student outcome.

 

Project Phases

work-report-arch@2x.png
 

Info Architecture

There were two reports available to teachers. Each report contained different data  specific to the target audience. The content of the reports was organized, structured and labeled to help viewers find the information easily and accomplish their goals.

work-report-visual@2x.png
 

Visual Design

Different elements of data visualization were assessed to improve the clarity and consistency of the information. Charts made it easier for the viewer to grasp the message. Color allowed viewers to focus on the underlying data. And, tables improved the readability of the data and reduce any distractions.

work-report-gen@2x.png
 

Report Generation

Each report was rendered using HTML and CSS. The report engine converted the HTML page to a PDF file that a  multifunction printer can open and print.

 

Final

 
work-report-final@2x.png
 
 
 

More projects