Login to TLCC site
Try a Free Course
Contact TLCC
Show and Tell - Before and After TLCC's Application Rework!

As part of a project TLCC did for a client we updated an old XPages web application to use Bootstrap and work in mobile and desktop devices. This application is for an online university and is where students and professors collaborate using assignments from the professor and discussions with fellow students. Part of this application also has the students do peer evaluations where students rank each other at several points during the semester. TLCC changed the interface for ranking their fellow students from a simple combobox control to a nice slider. The interface the professors used was also changed from a confusing Domino type view to expandable panels for each evaluation which opened to display a list of the students and their average score. Professors could then choose to view the details behind each average score and see the score that the other students gave that were used in the computation of the average.

Below is an image showing the before screen where students would rank the other students. Before they got here they first saw another page that showed the list of available evaluations and clicked a button to get here.
Evaluation


Below is the reworked application. Students can view all the available evaluations and grade the other students all on the same page using sliders to assign the score. Also, you can see here the addition of menus at the top to allow the users to navigate to the other parts of the website and navigatation along the left to navigate to the different parts of the collaboration application including the different discussion forums, announcements, etc. This application is mobile enabled using Bootstrap.
Evaluation


Another part of the application allows the professor to view the results of the rankings the other students gave. Below is the before image, which was simply a Domino view surfaced in a View Panel.
Evaluations


Below is the redesigned interface. A Java managed bean is used to consolidate all the information about each student's evaluation and to hold the details. The professors can quickly go to an evaluation, expand the panel and see the list of students and their assigned average scores. If they want to view the details they can open a list of what scores the other students assigned, all right on the same web page. Determining the student's scores and how they were computed is very easy now!
Evaluations


This is a small example of the application development skills that Paul and Howard bring to an application development project. Through the use of XPages, Bootstrap and Java, we can modernize and mobilize your Notes client applications and Domino web applications.

Click here for more information on TLCC's application development capabilities