POC - Review Comments

by Shankar

HTML

<!-- 
 
Must-Have – General

Changes can be done
•	19/06 is not the right value to be used as “Yesterday” as we have data for the days after it. The last day of which we have the data for must be used as Yesterday
•	The font do not appear to be Roboto 
•	When the mouse cursor rolls over an active link, it must change into a “hand”
•	The drop down menu for changing the breakdown, directions, airlines must not shown the entry that is currently selected, e.g. Hourly selected  menu shows Daily, Monthly, Yearly only 
•	In the levels 2, the double arrows (<<    >>) must be shown 
•	In the levels 2, he distance between the buttons and the arrow down (e.g. Hourly  V ) must be as defined in the wireframe
•	In the levels 2, the top bar (with links to the KPIs) is far too wide. It must be the same size described in the wireframe. The non active KPIs buttons must have a white background with opacity of 41%
•	In the levels 2, the + and – minus button must be in the positions defined by the wireframe
•	The Process Index is missing in all the screens
•	The scrolling text in the bottom bar must be centrally aligned with the bar
•	In the scrolling text, “Single RW” text must be replaced by “Single RWY Operations” text
•	In the scrolling text, the distance between the words and the “=” sign must be increased



COLORS
•	In the levels 2, the blue X axes and the whole highlighted lollipops (both in ARR and DEP) do not have the right blue colors, that are defined in the wireframe 
•	In the levels 2, the background color, the card color and the throughput color do not match the wireframe colors as they must to make the text and lines visible enough


Chart Feasibility
•	Each screen must fit into the size of the screen. No page scrolling must happen in any screen
•	If the figures in the bubbles (lollipops) exceed the bubble size, then the bubble size must be increased not the font decreased
•	The font of the highlighted lollipop in every screen must be bigger than the font of the...

CSS

/* 

Airport Delay Level 2

•	The ARR and DEP icons must be circles as per wireframe, not ovals
•	The Y axes positions but be swapped: delay on the left and movements on the right
•	The delay scale must include the text “Min” next to each value as per wireframe
•	The movements scale must include the text “Flights” next to each value as per wireframe
•	The callouts must be as they are in the wireframe both for rollover on line/bar and click on bubble
•	When in Daily breakdown, the peak movements per day and hour of occurrence must be displayed for the highlighted day in a callout as it is described in the wireframe
•	In the split ARR / DEP charts, the timeline must be centrally aligned between the 2 X axes
•	Single RWY color in the legend is wrong and must align to the wireframe
•	It must be possible to hide/show the items on the chart by interacting with the legend
•	If only DEP chart to be shown, the highlighted lollipops and the X axis must be dark blue as per wireframe
•	When moving from Hourly to Daily, the daily chart is shown as split between ARR / DEP. The daily chart must be collapsed
•	In the Daily view, the callout with the peak for the highlighted day must be shown as per wireframe


Slot Adherence Level 2

•	TOW bars color is wrong and must be as per wireframe
•	EK color is wrong and must be as per wireframe
•	FZ line is not visible
•	Slot Utilization must be Slot Utilisation
•	Target is missing and must be shown both in the legend and the Y axis
•	The “Early / Late %” is missing and must be as per wireframe
•	Monthly Summary / SA by airlines / Daily / date / All directions must be in the position and distances defined in the wireframe
•	The date must be JUNE 2015 not 19/06
•	The color of early and late %s in the X axes must be as per wireframe
•	The X axes in split ARR/DEP are not aligned and must be

Slot Adherence - Monthly Summary & SA by Airlines
•	Spacing between Date / All / Icons must align to wireframe
•	Distance between buttons texts and V...

JavaScript

<!-- 
    Must-Have – Home Screen

Changes can be done.
•	In the Airport Delay card Daily breakdown, the date must be JUNE 2015 not 19/06
•	All the breakdown buttons in all cards must have the positions defined in the wireframe
•	The distance between the buttons and the arrow down (e.g. Hourly  V ) must be as defined in the wireframe
•	The Search icon in the left black bar is missing
•	The text on the left black bar must align with the wireframe in terms of font size, alignment and position
•	“32” has not the Celsius symbol
•	The placeholder area must be black with 100% opacity
•	In all cards, the right side of the “V” is missing
•	In the Slot Utilization card, the declared value is missing
•	In the Pier Service Level Card:
	o	The lollipops are all in the wrong position (too close to each other and not centrally aligned with the card). Must align with the wireframe
	o	The lollipops are too small. Must align with the wireframe
	o	The gap between “Movements <value>” and lollipops must be increased as per wireframe
	o	The font is too small. Must be increased 
•	In the Service Rate card, the text must be centrally aligned

Feasibitily changes
•	The distance between the cards must be as per wireframe
•	The size of the cards must be as per wireframe

Chart Changes
•	In the Airport Delay card, only maximum 15 entries must be shown in the Hourly breakdown
•	In the Airport Delay card, only maximum 9 entries must be shown in the Daily breakdown
•	In the Airport Delay card (Hourly breakdown), the X axis must shown only 3 items: peak and the 2 on its sides. The peak font must be biggest. The 2 on the side must be bigger fonts than all the others except than the peak one. Refer to the wireframe for the fonts sizes 
•	In the Airport Delay card (Daily breakdown), the X axis must shown only 3 items: Yesterday and the 2 on its sides. The Yesterday font must be the biggest. The 2 on the side must be bigger fonts than all the others except than the yesterday one. Refer to the...