{"id":84,"date":"2009-12-31T06:24:00","date_gmt":"2009-12-31T06:24:00","guid":{"rendered":"http:\/\/www.mishmashmakers.com\/michelle\/?p=84"},"modified":"2017-02-08T15:00:45","modified_gmt":"2017-02-08T20:00:45","slug":"invenio-tracking-music-trends-using-web-services","status":"publish","type":"post","link":"https:\/\/www.mishmashmakers.com\/michelle\/2009\/12\/invenio-tracking-music-trends-using-web-services\/","title":{"rendered":"Invenio &#8211; Tracking Music Trends Using Web Services"},"content":{"rendered":"<body><p><\/p>The Invenio project was part of the course requirements for my CMPUT 660 \u2013 Web Services course. When I took the course (Winter 2008), I was reading lots of celebrity gossip websites (such as <a href=\"http:\/\/www.perezhilton.com\/\">Perez Hilton<\/a>) everyday and was listening to a ton of top 40 hits in Winamp. It was around this time that Perez Hilton starting posting information about new, unsigned (or little known) artists in the USA and Europe. About once a week I would be finding out about some new person that I had never heard or, or had not yet gotten \u2018big\u2019 in Canada or Alberta. This started me thinking about how music starts to spread across North America and why some artists are popular everywhere, but some are entirely regional.\n<p>For my final course project, one of our requirements was to incorporate geographic information into a web service. Coupling this requirement with my thoughts on music trends, I decided to build a web service that would geovisualize radio station music. (At the time, XM and Sirius weren\u2019t as big as they are today, and this project was a few months before last.fm [i think that\u2019s right] came out with their big analytics software and algorithms). Over a period of 6 weeks (last week in January until 2nd week in March), I collected and organized the music chart information for 190 radio stations that are registered with Nelson SoundScan\/Billboard Magazine.<br>\n<object width=\"425\" height=\"344\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/uXEE-WS5EW8&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x006699&amp;color2=0x54abd6\"><param name=\"allowFullScreen\" value=\"true\"><param name=\"allowscriptaccess\" value=\"always\"><\/object><\/p>\n<p>I then took this information, and created a data-intensive, REST-based, RIA entitled, Invenio. Invenio combines a variety of different technologies (Yahoo! Maps, Amazon Associates Web Service, REST, and the Adobe Flex framework) to geographically visualize aggregated music chart information. You can watch a short-ish \/ long-ish video about Invenio\u2019s features below (or on Youtube <a href=\"http:\/\/www.youtube.com\/watch?v=uXEE-WS5EW8\">here<\/a>). This project was very successful for me \u2013 I got a publication accepted into Cascon 2008 (co-authored by the course instructor <a href=\"http:\/\/www.cs.ualberta.ca\/~stroulia\">Dr. Eleni Stroulia<\/a>). You can read the paper in it\u2019s entirely <a href=\"http:\/\/portal.acm.org\/citation.cfm?id=1463808&amp;dl=GUIDE&amp;coll=GUIDE&amp;CFID=68941584&amp;CFTOKEN=18449679\">here<\/a> on the ACM website or email me and I can send you a copy.<\/p>\n<p>If you don\u2019t feel like watching the whole video (I know it\u2019s long), here are a couple of pictures that illustrate Invenio\u2019s main features:<br>\n<a href=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4aEi7YPI\/AAAAAAAAAIQ\/hLJfeSdhFPo\/s1600-h\/invenio1.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4aEi7YPI\/AAAAAAAAAIQ\/hLJfeSdhFPo\/s320\/invenio1.png?resize=320%2C232\" width=\"320\" height=\"232\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>In the main Invenio view, you can select the artist, song, and time period and then view the song\u2019s position on each of the 190 radio stations in the US and Canada over this time period. Each circle represents one radio station (or song, or artist, depending upon the view). In some views (Track By Artist), the size of the circle indicates the song or artist\u2019s chart position, in other views the color of the circle indicates the genre of music (Track By Success). Pictured above is the Track by Success view, whereby one can view the top of bottom genre that was on year radio station during the selected time period. If one chooses to \u2018View All Weeks\u2019, then they will see a geographic time-lapsed animation of the options they have chosen (e.g., How Alicia Key\u2019s song \u2018No One\u2019, fared on the charts for the 6 week period).<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4dBiTvBI\/AAAAAAAAAIg\/K423gNxpRng\/s1600-h\/invenio3.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4dBiTvBI\/AAAAAAAAAIg\/K423gNxpRng\/s320\/invenio3.png?resize=320%2C232\" width=\"320\" height=\"232\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>In this second picture, instead of circles to indicate song position or genre, we are shown the artist\u2019s album cover (pulled from Amazon) that contains the song that is currently on the chart [in this case in the #1 position]). The main window\u2019s maps are fully interactive \u2013 you can zoom in and out, pan the map, and change it\u2019s type (e.g., satellite, hybrid, map). You can also elect to have tool tips appear (that provide additional information about the radio station and link to the radio station\u2019s website). Also, you can provide other additional information which is pulled from the Amazon web site (i.e., album price, a link to the album\u2019s page, a review of the album, the number of lists that the album is on, the genre of music, etc.).<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/Szw4bZj0IdI\/AAAAAAAAAIY\/-X1KyE_Mb4o\/s1600-h\/invenio2.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/Szw4bZj0IdI\/AAAAAAAAAIY\/-X1KyE_Mb4o\/s320\/invenio2.png?resize=320%2C262\" width=\"320\" height=\"262\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>Another type of visualization that is available in Invenio are the Cover Flows or Display Shelves (when I was making Invenio, Apple hadn\u2019t popularized them yet). Each radio station has six display shelves associated to it, and each display shelf visualizes the music that was on each week\u2019s chart. One can select a radio station using the combo box (or by clicking on a circle or artist album cover in the main application window) and all of the display shelves will appear. Once they appear, you can choose to flip through each of them individually, or \u2018lock\u2019 them according to chart position or song. This alternative view makes it easy to see how a song has fared using a method that is very different to the main application\u2019s map. Similar to the main application window, you can choose to see tool tips and additional artist\/album information from Amazon.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/SzxCqlGrvyI\/AAAAAAAAAI4\/DzVjjVMcQHU\/s1600\/Untitled-4.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/SzxCqlGrvyI\/AAAAAAAAAI4\/DzVjjVMcQHU\/s320\/Untitled-4.png?resize=320%2C232\" width=\"320\" height=\"232\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>\u00a0<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4e-1ItbI\/AAAAAAAAAIw\/Tgz1Drq2K3g\/s1600\/invenio5.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/2.bp.blogspot.com\/_Xu0bphtclhE\/Szw4e-1ItbI\/AAAAAAAAAIw\/Tgz1Drq2K3g\/s320\/invenio5.png?resize=320%2C220\" width=\"320\" height=\"220\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>The last visualizations that are contained within Invenio are the charting views. Because most people are used to viewing information via charts rather than display shelves or maps, I chose to include three different charting options in Invenio. There are Bubble Charts (the picture directly below this one; the size of each bubble indicates the position of that song on the corresponding radio station\u2019s chart), a line chart indicating a chart score (the picture in the middle; the average position a song across all radio stations), and a vertical chart (the picture at the bottom; it indicates if each song\/artist has been fairly consistent over time or if the have had a large variance in chart position over the given time period).<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/Szw4d7UeuZI\/AAAAAAAAAIo\/H2n-goLqNCw\/s1600\/invenio4.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/4.bp.blogspot.com\/_Xu0bphtclhE\/Szw4d7UeuZI\/AAAAAAAAAIo\/H2n-goLqNCw\/s320\/invenio4.png?resize=320%2C233\" width=\"320\" height=\"233\" border=\"0\" loading=\"lazy\"><\/a><\/p>\n<p>\u00a0<\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>The Invenio project was part of the course requirements for my CMPUT 660 \u2013 Web Services course. When I took the course (Winter 2008), I was reading lots of celebrity gossip websites (such as Perez Hilton) everyday and was listening to a ton of top 40 hits in Winamp. It was around this time that [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[54,52,5],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-data-visualization","category-msc-graduate","category-projects"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7fMLx-1m","_links":{"self":[{"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":5,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/posts\/84\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mishmashmakers.com\/michelle\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}