Graduation, Diploma and Document Application Form

One of my first jobs when helping SVC move from paper to digital workflow was to create a way for students to apply for graduation. This is a significant achievement in for Skagit Valley College because because these paper forms have been used by every graduating student since 1926!

The process toward the end result would not be as effective if I didn’t use my project management cloud to outline the project, make task lists and keep track of progress.
The following would be a sample of the task lists I created for this project…

1. Meet with client and get project scope.
2. Create all the I/A Design documents including project brief, user case studies, flowcharts and wireframes.
3. Obtain approval of designs from supervisors and clients.
4. Develop the application in an Agile Test Driven Development Environment using the Model View Controller programming technique.
5. Run user tests and edge case scenarios.
6. Deploy application in student toolbox.

While developing the Diploma and Document Application Form I have come up with  an algorithm to plug into any form or content that will transform it into a paperless web application with the following features:

• To a developers point of view the best thing is Automation!
• Content organized and displayed to the user in an easy to navigate style.
• Client side validation for form elements when and where needed.
• Form summary and easy ability to make changes before submit.
• Takes care of form data submission using Ajax to hand the data on a silver platter to any api.

Here are some screenshots during development when I plug in my css styles library and call a few custom styles.

 

Here are some screenshots of the finished product using styles provided by the marketing department.