Flowchart Maker

This website was created by Nathan D. Russo. View the source code on GitHub.

This website provides interactive flowcharts for every GCCIS degree pathway at RIT. Students can organize courses by semester, customize their schedules, and save or reload their progress.

To customize your own flowchart visit the Home page.

Table of Contents:

Features

How Does the Website Work?

Each flowchart represents a specific GCCIS pathway that one can pursue while at RIT. Each of the provided templates is set up with all of the required courses (classes and co-ops) needed to complete the degree.

Users can choose a template from the available templates along with the academic year to get the desired version. Once selected, they can move the course squares around to match the semesters in which the classes were taken. Then, they can fill in any of the empty course slots or set any of the dropdown courses with classes they have taken. Once satisfied, the flowchart can be saved into the user's file system. Finally, when wanting to view or edit the flowchart again, the user can upload the template back to the website.

Additionally, users can click on a course to view more information, including its full name, number of credits, and description.

Flowchart Format

Each flowchart is divided into sections by year. Each year has 3 blocks inside of it that represent the Fall, Spring, and Summer semesters. Each semester block can hold any number of classes or a single co-op. Additionally, a hidden transfer section can be revealed, which exists as its own standalone section with a single block inside. This can be used to allocate the classes that were completed upon transferring credits, such as AP classes or classes from other colleges.

Buttons and Dropdowns

  1. Select Year - A dropdown to dictate the academic year version for any chosen template flowchart
  2. Choose Template - A dropdown with all available templates that will load prebuilt flowcharts
  3. Upload Flowchart - A button that allows you to upload a saved template flowchart
  4. Save Template - A button that downloads the current flowchart with all its changes
  5. Add Year - A button that adds a year section below the lowest year section
  6. Remove Year - A button that removes the lowest year section, deleting all data inside of it
  7. Show Transfer - A button that shows the transfer section
  8. Hide Transfer - A button that hides the transfer section, saving all data inside of it
  9. Show Checkboxes - A button that shows the course checkboxes
  10. Hide Checkboxes - A button that hides the course checkboxes
  11. Clear Flowchart - A button that deletes the current flowchart and reverts the website to its default state

Course Types

Classes

Co-ops

Current Templates Available

Artificial Intelligence (AI)

Computing Exploration (CE)

Computing and Information Technology (CIT)

Computer Science (CS)

Cybersecurity (CSEC)

Game Design and Development (GDD)

Human-Centered Computing (HCC)

Humanities, Computing, and Design (HCD)

New Media Interactive Development (NMID)

Software Engineering (SE)

Abbreviations

Pathway Abbreviations

Degree Abbreviations

Other Abbreviations

Technologies Used

Application

Frontend

Backend

Database

Hosting