GPA Line Chart Portlet

GPA Line Chart Portlet

Brief Description

A Portlet to track your GPA Progress over time.

Planning implementation and achieving results

This is a portlet to display inside a Student Analytics page inside the MySanDiego portal. The idea is to empower student by showing them all kinds of information regarding their student life.

This particular portlet was built by me for the first time in early 2014. It leveraged Google Charts at first, and I had to build some Web Services to grab the student's GPA over time. However, we weren't satisfied with how Google Charts look, so we recreated this portlet in 2015 to leverage c3js. The result is what you see in the screenshot above.

Influencing, communication and teamwork

I got some direction from my boss, but most of this portlet was built by myself. In 2015, I involved our student worker Michael so he could get some development experience. It was great working with him.

Analysis, problem solving and creative thinking

The portlet displays information that is not fetchable directly from the Luminis portal. Thus, I had to create a couple of web services to grab user details.

The first service is "getStudentTerms". It returns an array of all the terms a student has taken at USD. The second service is "getGPAForTerm". It takes one parameter, the academic term, and returns the GPA that the student achieved for that term.

We used c3 quite extensively. Their documentation left some things to be desired, but it was better than nothing! What wasn't specified or very clear we had to figure out by trial-and-error and by looking at the examples provided in the C3 website.