A | B | C | D | E | F | G | H | I | J | K | |
---|---|---|---|---|---|---|---|---|---|---|---|
1 | |||||||||||
2 | SongShape Project Plan | Ning Chen, Jasper Croome, Rebecca Lantner CSCI E-14A: Building Web Apps for Data Analysis | |||||||||
3 | |||||||||||
4 | TASK TITLE | TASK OWNER | START DATE | DUE DATE | DURATION | PCT OF TASK COMPLETE | |||||
5 | COMMENTS | ||||||||||
6 | |||||||||||
7 | 1 | Song Visualization: design unique musical fingerprints | |||||||||
8 | 1.1 | Brainstorm & gather inspiration | ALL | 11/1/19 | 11/11/19 | 10 | 100% | ||||
9 | 1.2 | Finalize data requirements: attributes needed for viz, methodology to process audio files | ALL | 11/1/19 | 11/11/19 | 10 | 100% | ||||
10 | 1.3 | Initial design prototyping (sketches, Tableau) | NC & JC | 11/1/19 | 11/11/19 | 10 | 100% | ||||
11 | 1.4 | D3 implementation: static "point in time" song shape | NC | 11/6/19 | 11/18/19 | 12 | 100% | NC: I am trying to integrate dynamic effect with the sound wave shapes, so that as the music plays, the corresponding keys are highlighted as their waves increase. | |||
12 | 1.5 | D3 implementation: "moving" song shape (figure out how to "play" the song & viz simultaneously) | NC | 11/12/19 | 11/26/19 | 14 | 100% | JC: I know this needs to utilize "onClick" and the time field from the data, I'm hoping to either leverage the youtube or spotify API to play the music without the issue of royalties or copyright infringement. | |||
13 | 1.6 | Finalize processing of CSV song library | JC | 11/1/19 | 11/26/19 | 25 | 100% | pivoted to using spotify data | |||
14 | 1.7 | Complete initial working draft of viz in D3 | NC & RL | 11/26/19 | 11/26/19 | 0 | 100% | ||||
15 | 1.8 | Iterate on draft viz (design & interactivity) | ALL | 11/26/19 | 12/10/19 | 14 | 100% | ||||
16 | 1.9 | Apply visualization technique to all songs | RL & NC | 11/26/19 | 12/10/19 | 14 | 100% | ||||
17 | 1.10 | Complete final visualization | ALL | 12/10/19 | 12/10/19 | 0 | 100% | ||||
18 | 2 | Summary Visualization: explore the song viz library | |||||||||
19 | 2.1 | Decide on view (small multiples? interactive bubble chart? etc.) | ALL | 11/6/19 | 11/11/19 | 5 | 100% | RL: current concept is a bubble chart, colored by genre and sized by song count. On genre click, category expands into individual song bubbles; on song click, app routes to that song's viz JC - I like this a lot. We could even build small multiples within the bubbles! | |||
20 | 2.2 | Prototype designs (sketches, Tableau) | ALL | 11/6/19 | 11/11/19 | 5 | 100% | ||||
21 | 2.3 | Gather additional metadata for songs in final library (genre, etc.) if needed | RL | 11/11/19 | 11/18/19 | 7 | 100% | ||||
22 | 2.4 | D3 implementation | RL | 11/14/19 | 11/26/19 | 12 | 100% | ||||
23 | 2.5 | Complete initial working draft of viz in D3 | RL | 11/26/19 | 11/26/19 | 0 | 100% | ||||
24 | 2.6 | Iterate on design if needed | ALL | 11/26/19 | 12/5/19 | 9 | 100% | ||||
25 | 2.7 | Complete final visualization | ALL | 12/5/19 | 12/5/19 | 0 | 100% | ||||
26 | 3 | Web App: build out essential backend connections | |||||||||
27 | 3.1 | Decide on app structure (from user perspective) | ALL | 11/9/19 | 11/14/19 | 5 | 100% | App Structure complete | |||
28 | 3.2 | Create framework for web app (dynamic routes, etc.) | JC | 11/14/19 | 11/21/19 | 7 | 100% | dynamic routes complete | |||
29 | 3.2.1 | Add MetaData to App | JC | 11/23/19 | 11/23/19 | 0 | 100% | added connection to spotify API | |||
30 | 3.2.2 | Connect to Users personal spotify data, using Oauth | JC | 11/23/19 | 11/30/19 | 7 | 100% | ||||
31 | 3.3 | Front end design | JC | 11/21/19 | 11/26/19 | 5 | 100% | ||||
32 | 3.4 | Complete basic functionality | ALL | 11/26/19 | 11/26/19 | 0 | 100% | ||||
33 | 3.5 | Complete final web app including D3 visualizations | ALL | 12/10/19 | 12/10/19 | 0 | 100% | ||||
34 | 4 | Additional App Functionality: build out "nice-to-haves" if time allows | |||||||||
35 | 4.1 | Create user profiles: login, logout, save songs | TBD | 11/26/19 | 12/3/19 | 7 | 0% | ||||
36 | 4.2 | Create ability for users to upload their own songs | TBD | 12/3/19 | 12/10/19 | 7 | 0% | ||||
37 | |||||||||||
38 |