GithubHelp home page GithubHelp logo

amanb2000 / entry_control_board Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 2.0 1008 KB

Digitized Entry Control Board for Firefighters

Home Page: https://amanb2000.github.io/yaah/Prototype_05/#!/

HTML 64.69% JavaScript 28.75% CSS 4.92% Python 1.65%
ui angular javascript webapp praxis firefighting

entry_control_board's Introduction

Entry_Control_Board

What this Is

Team YAAH (Yannis, Amy, Aman, and Haochen) is making a digitized version of the entry control board (ECB) used by firefighters in the GTA. The board keeps track of where each firefighting team is within a building and what their current task is. Our goal is to reduce human error and increase input/output efficiency.

YAAH Entry Control Board Screenshot

Available for testing here (v3.5): https://amanb2000.github.io/yaah/Prototype_05/#!/

High Rise Prototype v3.5: https://amanb2000.github.io/yaah/Prototype_05/High_Rise_05/#!/

What We Have Learned

About the Prototypes

Angular

I learned Angular for this project, so the Angular folder has my preliminary angular demos.

Prototype_01: YAAH ECB Version 3.1 - Testable Prototype

This is a bare-bones version of our product. The only function is for it to be testable in the simplest sense. Its functionality includes:

  1. Table-based representation for the firefighting teams (hard-coded teams)
  2. Dropdown for each team for where they are, what their assignment is (hard-coded assignments)
  3. Dropdown for location (hard-coded locations)

Notable things not included:

  • Timing functionality
  • Adding/subtracting firefighter teams
  • Adding/subtracting assignments
  • Adding/subtracting locations

Prototype_02: YAAH ECB Version 3.2 - Implementing more Functional Features

Build up version of v3.1. Implements timing functionality, displaying the time since you pressed the "check in" button next to each firefighter team row.

Prototype_03: YAAH ECB Version 3.3 - Implementing even more Functional Features, Augmenting Original Features

Implemented a bunch more features including:

  • Timing for how long firefighting teams have been in the fire.
  • Whiting out for firefighting teams who are not currently engaged in the fire.
  • Functionality for adding and subtracting firefighting teams.
  • Functionality for changing order of firefighting teams in table.
  • Contrast ratio testing.
  • 16px+ fonts

Prototype_04: YAAH ECB Version 3.4 - Expanding from set of Original Features

Implemented final changes and (most significantly) made it a multi-page application to reduce cognitive load.

Prototype_05: YAAH ECB Version 3.5 - Incorporating user feedback

Fixed some UI tweaks including:

  • Better iPad scalability (still working to optimize)
  • Emptying drop downs when teams sign out
  • Alphabetical ordering for pre-existing/defined locations and assignments.
  • Created high-rise specific version
  • Consistency of styling

High_Rise_05: YAAH ECB Version 3.5-H - Adding High Rise Functionality

According to the firefighters in Toronto fire station No. 315, it is useful to have a numerical input for the location as it would be inconvenient to use a drop-down menu for large numbers of floors when tracking location.

This version primarily implemented the numerical input along with cardinal directions as the default settings for sub-location. This was well-received by the firefighters in station No. 315.

entry_control_board's People

Contributors

amanb2000 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.