Top Banner
raceME Team H: Jeremy, Josh, Kyle, Paul, Paris
12

raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Aug 07, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

raceME

Team H: Jeremy, Josh, Kyle, Paul, Paris

Page 2: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

What is raceME?● Target Users: People that study health

(Sociologists/Health experts)

● Goal: Provide insight on possible correlations

between race and mental health disorders

● Up next: Prototype implementation

Page 3: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Prototype Implementation

Page 4: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Where do we come in?●

Page 5: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Technical and Product Risks● D3 graphs could have ended up being very

underwhelming

● Overly simple website

● Cluttered end product

● Clashing colors from D3 graphs

● Inability to finish D3 infographic

Page 6: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Development Process● Agile development

● Weekly meetings

● Weekly assigned tasks and roles

○ Jeremy CSS master, styling god

○ Josh SQL query master, routing master

○ Paris Worked closely with Josh, oversaw team progress

○ Paul Design god, D3 jesus

○ Kyle Worked closely with Paul, oversaw presentations/reports

● Prototyping → Wireframing → Architecture Setup → Design(UI) →

Interaction (UX) → Design rehaul → D3 Implementation → Testing

Page 7: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Architecture● Front End:

○ D3.js

○ HTML

○ CSS

● Back End:

○ NODE.js

○ Express

● DELPHI database

Page 8: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Final Product●

Page 9: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Final ProductPic of final D3 infographic

Page 10: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Final Statements● Future Goals:

○ Expand on D3 infographic

○ Include more transitions to make it feel

smoother

○ Add toggling for the graph

○ Little more styling and detailing

● Lessons Learned:

○ Start on your D3 early!

○ Don’t get caught up on early designs

○ Keep your team on track

Page 11: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Final Product Demo

teamhproject.heroku.com

Page 12: raceME - cogs121.ucsd.educogs121.ucsd.edu/data/uploads/projects/h-final-presentation.pdf · Expand on D3 infographic Include more transitions to make it feel smoother Add toggling

Thank You!