{"id":308,"date":"2017-01-28T22:30:06","date_gmt":"2017-01-28T22:30:06","guid":{"rendered":"https:\/\/adrien-v.pul-lup.fr\/wpav\/?page_id=308"},"modified":"2020-06-29T11:46:25","modified_gmt":"2020-06-29T11:46:25","slug":"pul-lup-history","status":"publish","type":"page","link":"https:\/\/adrien-v.com\/?page_id=308&lang=en","title":{"rendered":"Pul-luP: History"},"content":{"rendered":"<blockquote><p>I have always enjoyed listening , doing, and listening to music, it&#8217;s the story of  <a href=\"https:\/\/pul-lup.com\/\">Pul-luP<\/a>.<\/p><\/blockquote>\n<h1><\/h1>\n<h1>Version 0 : The radio web<\/h1>\n<p>I start in 2005 to broadcast on my personal computer; It passes, my friend can hear what I want him to listen to. Trials with a somewhat larger audience soon forced the rental of a server with good outgoing bandwidth.<\/p>\n<p>The name Pul-luP was then associated with this ephemeral web radio, which served to broadcast live mixes in streaming on the web and in parallel for associated public events in a virtual world.<\/p>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pul-lup_v1.jpg\"><img decoding=\"async\" class=\" size-medium wp-image-85 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pul-lup_v1-106x300.jpg\" alt=\"pul-lup_v1\" height=\"60%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v1-106x300.jpg 106w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v1.jpg 310w\" sizes=\"(max-width: 106px) 100vw, 106px\" \/><\/a><\/p>\n<h1> Version 1: Keeping track<\/h1>\n<p>Some of the &#8220;live&#8221; live audios of the web-radio have been reworked and it soon became necessary to be able to make them accessible &#8220;on demand&#8221; and thus was born the first concept of <a href=\"https:\/\/pul-lup.com\/\">pul-lup.com<\/a>, initially essentially listings of audios, viewable by style. Then the development phase object of the database part finalized the first version of the site.<\/p>\n<p>I also have developed chains of analysis and visualization of radio listening data to extract maps.<\/p>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pullup_mapsGooglePointListenAnalysis.png\"><img decoding=\"async\" class=\" size-full wp-image-81 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pullup_mapsGooglePointListenAnalysis.png\" alt=\"pullup_mapsGooglePointListenAnalysis\" width=\"25%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pullup_mapsGooglePointListenAnalysis.png 497w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pullup_mapsGooglePointListenAnalysis-272x300.png 272w\" sizes=\"(max-width: 497px) 100vw, 497px\" \/><\/a><\/p>\n<h1>Version 2: Organize your listening<\/h1>\n<blockquote><p>But how do you listen to a &#8220;song&#8221; at random?<br \/>\n    And to loop?<br \/>\n    And to chain that there and then that there &#8230;?<\/p>\n<p>    Yes yes it is in pre-development &#8230;<\/p><\/blockquote>\n<p>For the second version in 2011, this is the time to manage playlist, build it from the site and navigate in it (next, previous, back to the beginning &#8230;).<\/p>\n<p>It is also time to make the site dynamic (ajax) to manage the continuity of service of the audio reading despite the navigation of the user in the &#8220;visual&#8221; content.<\/p>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pul-lup_v3.png\"><img decoding=\"async\" class=\" size-full wp-image-87 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pul-lup_v3.png\" alt=\"pul-lup v3\" width=\"70%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3.png 1275w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3-300x208.png 300w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3-1024x708.png 1024w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/><\/a><\/p>\n<h2><\/h2>\n<h2>Version 3: Phew! Standards !<\/h2>\n<p>In 2014, all the great browsers begin to manage the <a href=\"http:\/\/www.w3.org\/community\/webed\/wiki\/HTML\/Elements\/audio\">&lt;audio&gt;<\/a> tag of <a href=\"http:\/\/www.w3.org\/community\/webed\/wiki\/HTML\/Elements\">html5<\/a>, so I can finally lift the original flash dependency for audio playback and completely rebuild the reading aspects around this standard.<\/p>\n<p>I take this opportunity to start a reflection and development around the &#8220;responsive&#8221; aspect of the site (<a href=\"http:\/\/www.w3.org\/TR\/css3-mediaqueries\/\">media queries<\/a>)<\/p>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pul-lup_v3_c.png\"><img decoding=\"async\" class=\" size-full wp-image-91 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pul-lup_v3_c.png\" alt=\"pul-lup_v3_c\" width=\"70%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3_c.png 1894w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3_c-300x133.png 300w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v3_c-1024x454.png 1024w\" sizes=\"(max-width: 1894px) 100vw, 1894px\" \/><\/a><\/p>\n<h1>Version 4: Annotations for navigation<\/h1>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pul-lup_v4.png\"><img decoding=\"async\" class=\" size-full wp-image-92 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pul-lup_v4.png\" alt=\"pul-lup_v4\" width=\"70%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v4.png 1200w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v4-300x198.png 300w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_v4-1024x674.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>Two major new features for this new version released in December 2014:<\/p>\n<ul>\n<li>The ability to &#8220;navigate through time&#8221; within the mixes in a relevant way.<\/li>\n<li>An on-line annotation tool available<\/li>\n<\/ul>\n<p><a href=\"wp-content\/uploads\/2015\/04\/pul-lup_annoteur_tracklistExample.png\"><img decoding=\"async\" class=\" size-full wp-image-93 aligncenter\" src=\"wp-content\/uploads\/2015\/04\/pul-lup_annoteur_tracklistExample.png\" alt=\"pul-lup_annoteur_tracklistExample\" width=\"70%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_annoteur_tracklistExample.png 1038w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_annoteur_tracklistExample-300x245.png 300w, https:\/\/adrien-v.com\/wp-content\/uploads\/2015\/04\/pul-lup_annoteur_tracklistExample-1024x835.png 1024w\" sizes=\"(max-width: 1038px) 100vw, 1038px\" \/><\/a><\/p>\n<h1>Version 5: transition to a responsive website<\/h1>\n<p>2015, it is time to make the experience enjoyable on different devices (computer monitors, smartphones, tablets &#8230;)<\/p>\n<p><a href=\"wp-content\/uploads\/pullup_v5_small.jpg\"><img decoding=\"async\" class=\" size-full wp-image-220 aligncenter\" src=\"wp-content\/uploads\/pullup_v5_small.jpg\" alt=\"pullup_v5_small\" width=\"40%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/pullup_v5_small.jpg 635w, https:\/\/adrien-v.com\/wp-content\/uploads\/pullup_v5_small-238x300.jpg 238w, https:\/\/adrien-v.com\/wp-content\/uploads\/pullup_v5_small-238x300@2x.jpg 476w\" sizes=\"(max-width: 635px) 100vw, 635px\" \/><\/a><\/p>\n<ul>\n<li>A new customization module<\/li>\n<li>The presentation of the lists of results is modernized (pagination, sort &#8230;)<\/li>\n<li>The original selection engine disappears in favor of a filtering by appreciation of styles<\/li>\n<\/ul>\n<p><a href=\"wp-content\/uploads\/styleMixerExemple.jpg\"><img decoding=\"async\" class=\" size-full wp-image-224 aligncenter\" src=\"wp-content\/uploads\/styleMixerExemple.jpg\" alt=\"styleMixerExemple\" width=\"60%\" srcset=\"https:\/\/adrien-v.com\/wp-content\/uploads\/styleMixerExemple.jpg 714w, https:\/\/adrien-v.com\/wp-content\/uploads\/styleMixerExemple-300x121.jpg 300w, https:\/\/adrien-v.com\/wp-content\/uploads\/styleMixerExemple-300x121@2x.jpg 600w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have always enjoyed listening , doing, and listening to music, it&#8217;s the story of Pul-luP. Version 0 : The radio web I start in 2005 to broadcast on my personal computer; It passes, my friend can hear what I want him to listen to. Trials with a somewhat larger audience soon forced the rental<\/p>\n<div class=\"read-more\"><a href=\"https:\/\/adrien-v.com\/?page_id=308&#038;lang=en\" title=\"Read More\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-308","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/pages\/308"}],"collection":[{"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adrien-v.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=308"}],"version-history":[{"count":4,"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/adrien-v.com\/index.php?rest_route=\/wp\/v2\/pages\/308\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/adrien-v.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}