As a consumer, I would like to see a school's cost data so that I can figure out if I can really afford to attend this school.

[shawnbot]

This story was pulled from #44 and relates specifically to the cost data displayed on the school pages. Tasks:

• Identify the data fields needed to fill in the design.
• Add the corresponding fields to the data API (with fake data)
• Wire up the data to the HTML.
• Implement design styles in HTML/CSS (MVP).

Specifically, this corresponds to the "Average Cost Per Year" meter and the "Costs" section of the school page:

[jjoteal]

And here is the mobile design version of this section of the page for layout reference:

[jjoteal]

Also wanted to get everyone's opinion on using "Above Average" labels rather than the arrows. As mentioned in the old issues, the arrows can be confusing because up-facing arrows can mean "good" for one metric, but "bad" for another. Thoughts on simply using text labels like this instead?

[meiqimichelle]

I like the 'above average'. Seems very clear.

[jjoteal]

The text "Higher Than Average" might also be a be more clear:

[shawnbot]

The average net price values come from the NPT4_PUB (public school) and NPT4_PRIV (private school) columns. I'm looking into the tuition and fee figures.

I think we're skipping the income calculator for the initial release though, right @LisaGee?

[shawnbot]

For tuition and fees, we have the following columns:

• TUITIONFEE_IN: "In-state tuition and fees"
• TUITIONFEE_OUT: "Out-of-state tuition and fees"
• TUITIONFEE_PROG: Tuition and fees for program-year institutions

@LisaGee, do you know which of these we should use in the sentence, "Assumes $XX,XXX in tuition and fees, ..."?

[shawnbot]

There also the COSTT4_A and COSTT4_P, which are both described in the data dictionary as:

Average cost of attendance (academic year institutions)

Are these numbers relevant? Is _A "academic year" and _P "program-year"?

[meiqimichelle]

PR #147 has the HTML and CSS MVP and has images of the latest. I did not post them here so we won't confuse them with the true mocks.

Remaining known issues:

• Decide if the "calculate your exact net price" button is in or out
• Confirm on 'average' implementation (arrow, words, other)
• Question: I added table headings to make it clear what each column means. @jjoteal , I can hide those if you don't want them.

[LisaGee]

[LisaGee]

Hopefully my lovely drawing answers your questions, Shawn. Filing separate stories for the 2 additions.

[shawnbot]

Okay, fields identified. @ultrasaurus, I'd like to use these as an excuse to get our data field update process hammered out: the round-trip of pulling down data.yaml from S3, editing, checking into git, putting to S3, and redeploying. Can we pair on this today?

[shawnbot]

This is basically done in #207, and looks like this with fake data:

The only thing left to do is:

• add the average net price label to the chart

@LisaGee, can you confirm that we're nixing the tuition and fees paragraph below the chart?

[shawnbot]

When #214 gets merged we'll have the average net price label and this will be good to go!

[shawnbot]

And with #214 merged we have the net price average label: