ABCDEFGHIJK
1
2
SongShape Project Plan
Ning Chen, Jasper Croome, Rebecca Lantner
CSCI E-14A: Building Web Apps for Data Analysis
3
4
TASK TITLETASK OWNERSTART DATEDUE DATEDURATIONPCT OF TASK COMPLETE
5
COMMENTS
6
7
1Song Visualization: design unique musical fingerprints
8
1.1Brainstorm & gather inspirationALL11/1/1911/11/1910100%
9
1.2Finalize data requirements: attributes needed for viz, methodology to process audio filesALL11/1/1911/11/1910100%
10
1.3Initial design prototyping (sketches, Tableau)NC & JC11/1/1911/11/1910100%
11
1.4D3 implementation: static "point in time" song shapeNC11/6/1911/18/1912100%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.5D3 implementation: "moving" song shape (figure out how to "play" the song & viz simultaneously)NC11/12/1911/26/1914100%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.6Finalize processing of CSV song libraryJC11/1/1911/26/1925100%pivoted to using spotify data
14
1.7Complete initial working draft of viz in D3NC & RL11/26/1911/26/190100%
15
1.8Iterate on draft viz (design & interactivity)ALL11/26/1912/10/1914100%
16
1.9Apply visualization technique to all songsRL & NC11/26/1912/10/1914100%
17
1.10Complete final visualizationALL12/10/1912/10/190100%
18
2Summary Visualization: explore the song viz library
19
2.1Decide on view (small multiples? interactive bubble chart? etc.)ALL11/6/1911/11/195100%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.2Prototype designs (sketches, Tableau)ALL11/6/1911/11/195100%
21
2.3Gather additional metadata for songs in final library (genre, etc.) if neededRL11/11/1911/18/197100%
22
2.4D3 implementationRL11/14/1911/26/1912100%
23
2.5Complete initial working draft of viz in D3RL11/26/1911/26/190100%
24
2.6Iterate on design if neededALL11/26/1912/5/199100%
25
2.7Complete final visualizationALL12/5/1912/5/190100%
26
3Web App: build out essential backend connections
27
3.1Decide on app structure (from user perspective)ALL11/9/1911/14/195100%App Structure complete
28
3.2Create framework for web app (dynamic routes, etc.)JC11/14/1911/21/197100%dynamic routes complete
29
3.2.1Add MetaData to AppJC11/23/1911/23/190100%added connection to spotify API
30
3.2.2Connect to Users personal spotify data, using OauthJC11/23/1911/30/197100%
31
3.3Front end designJC11/21/1911/26/195100%
32
3.4Complete basic functionalityALL11/26/1911/26/190100%
33
3.5Complete final web app including D3 visualizationsALL12/10/1912/10/190100%
34
4
Additional App Functionality: build out "nice-to-haves" if time allows
35
4.1Create user profiles: login, logout, save songsTBD11/26/1912/3/1970%
36
4.2Create ability for users to upload their own songsTBD12/3/1912/10/1970%
37
38