HTML | CSS | JavaScript | ASP
During my time at Topcon Positioning Systems, I've been tasked with working with an enterprise web application which hooks into SAP. The application works with ADODB objects, database connection strings, and SQL queries to retrieve data. This application, however, uses the Classic ASP framework, the predecessor to ASP.NET. This means that the code is not object-oriented, and is instead written in VBScript which is an interpreted server-side scripting language. Since the application was written and last updated when I was in middle school, finding resources and documentation of how this technology works has been a challenge for me. While working on this application, I began to create sequence diagrams of every file, and making notes along the way.
Looking at thousands of lines of code can be pretty intimidating, so I decided to tap into my graphic design background, and create a visual representation of the code to better understand the direction of where the application moves. The images above are just the surface of what I've documented along the way. The purpose of these images is to act as a "roadmap" when looking at this application as a whole. Since many of the Jira tickets I receive pertain to this application, these images have been a great help when navigating to specific parts of the application, as they help me pinpoint exact areas where the code might need to be changed.