This document summarizes the key components of YourClassical, including the actors (data sources), implementation details, and lessons learned. The main actors/data sources are Barn (searchable music catalog), Meeker (configures story ordering), Potlatch (application settings), MPR Story Driver (formats content), and Playlist API (radio schedule). Technologies used include Ruby on Rails, Elasticsearch, Faye (for websockets), VCR (for testing), and action caching. Lessons learned and thanks are also provided.

1. The Making of
YourClassical
Micah Taylor(@micahtaylor)
and
John Malone (@john_malone)

2. What are we trying to
solve?
• Streaming of APM musical properties
• Expose lots of written content
• Performant Site
• Enjoyable user experience

3. The actors
• Barn - the source of truth
• Meeker - the source of all order
• Potlatch - the source of configuration
• MPRStory - the source of reasonable html
• Playlist API - the source of schedule

4. Barn• Lucene
implementation
• Searchable
• Indexable
def author_query full_name
full_name_array = full_name.split('-')
first_name= full_name_array.shift
last_name = full_name_array.join(' ')
"(author:("#{last_name}, #{first_name}")) AND (origin=("Itasca-Feature"))"
end

5. Meeker
• Configures how stories are ordered
• Provides override of queries
• (origin:("Itasca-Feature")) AND (tags:("classical
music")) AND (movies or film or cinema or
soundtrack) NOT (collection:("top-score"))

6. Potlatch
• Settings which used to be in .yml files

7. MPR Story
Driver
• Combining and
formatting of story
pictures, audio
elements, and text.

8. Playlist API
• Radio program schedule
• When you want to see what is playing on The
Current, this is what you are using

9. Frontend implementation
• Twitter Bootstrap
• Seamless streaming experience
• Provide rich content
• Let’s take a look

10. Turbolinks versus Pjax
• Persistent media player
• I love ASCII art
.--.
/
## a a
( '._)
|'-- |
_.___/_ ___pjax___
."> Y/|<'. '._.-'
/ _/ / '-' /
| --'_/|/ | _/
|___.-' | |`'`
| | |
| / './
/__./` | |
| |
| |
; | |
/ | |
jgs |____._
`-"--'---'
if pjax_request?
render :layout => false
end

11. Testing
VCR is pretty sweet

12. caches_action :index, :show, cache_path: proc {
|c| c.params.merge(format: pjax_request?) },
:expires_in => 15.minutes
Action Caching

13. Action Caching
caches_action :index, :show,
cache_path: proc { |c|
c.params.merge(format: pjax_request?) }
, :expires_in => 15.minutes
• Why not Russian Doll caching?
• The right fit

14. Websocket
Implementation

15. versus Rails Streaming
protocol. It provides message servers for Node.js and R

16. var http = require('http'),
faye = require('faye');
var server = http.createServer(),
bayeux = new faye.NodeAdapter({mount: '/'});
bayeux.attach(server);
server.listen(8000);
Creating Faye Server

17. var client = new Faye.Client('http://localhost:8000/');
client.subscribe('/messages', function(message) {
alert('Got a message: ' + message.text);
});
Creating Faye Client

18. client.publish('/messages', {
text: 'Hello world'
});
Creating Faye Message

19. Lessons learned

20. People to thank!
• Peter Rasmussen (Main boss)
• Bruce MacDonald (Sweet UDP cowboy)
• Will Johnston (Cuttint through the weeds)
• Geoff Hankerson (Javascript druid)
• Mike Cullen (You want a complete rebrand, really?)
• Justin Heideman (Serious Full Stack dude)
• Drew Stevenson (For making all the moving pieces work)