Computer Concepts Assignment Aid Web App released

Comparison between original and digitized version

Note:  This is an old post. It may contain links that no longer exists.

I finally completed the project and will be released under CS 110 homepage over robbychen.com soon. The following are some features of the web application (NOTE: This application is primarily made to help me to finish the assignments easier. However, anyone can use it if it helps to make life easier. This web app doesn’t contain any database-related function nor server/client log script, so you can safe to use it):

  • Each text field is auto expandable thanks to the autoResize (http://james.padolsey.com/javascript/jquery-plugin-autoresize/) jQuery plug-in.

Each text field will automatically expand once text in the text field reached the bottom of the text field.

  • The ability to add more rows using PHP.

The default number of rows is 20. Once you reached the last row at the bottom of the page, the Add a New Row button will appear. NOTE: this button will disappear if I don’t enter anything to any three of the text fields, it assumes that I had completed entering the data. After clicking the button, the page will refresh and it will scroll to the bottom of the page to letting me to enter data in the new row. I use the scrollTo jQuery plug-in to achieve this effect.

  • The option to print out the completed sheet after clicking the Submit button.

Once I clicked the Submit button, two buttons will appear on both top and bottom of the page, print button and edit button. It allows me to print out the completed sheet in order to hand in to the professor. The buttons on the page will not print out with the assignment sheet. I specified the print style sheet to hide the buttons while printing.

  • The option to edit the fields after it was submitted by clicking the Edit button.

The Edit button is simply using history.back() Javascript function to go back one page. I have not think of a way to achieve this without using database or session variables yet since my goal is to not leave any trace of the application on the computer and on the server.

Here is the side-to-side comparison between the original (non-digitized) version of the assignment sheet and digitized one:

Comparison between original and digitized versionComparison between original and digitized version. Click the image to enlarge

The following is the URL for this web app if you want to go to it directly:

http://www.robbychen.com/cs110/worksheet/