CBC Music Mobile web

284 views

Published on

A talk about the motivation and technology behind CBC Music for the Mobile web

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
284
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

CBC Music Mobile web

  1. 1. mobile webTuesday, 19 March, 13
  2. 2. Where are we now? * Native iOS apps, and Android apps * sneaky David Bowie referenceTuesday, 19 March, 13
  3. 3. Native Apps • Learning / knowledge ramp-up • Development time • Ongoing maintenance • Ongoing enhancements • Android and iOS have taught us: • Native apps look & function better, but they cost magnitudes more to supportTuesday, 19 March, 13
  4. 4. Why Mobile web? • Common across all platforms • No apps to download and install • music.cbc.ca/ already established (>100,000 pages) and advertised • Ease of development (it’s HTML and JS) • Ease of rollout and future enhancementTuesday, 19 March, 13
  5. 5. Have a listen... m.music.cbc.ca –Tuesday, 19 March, 13
  6. 6. The Tech • This is becoming a standard stack: • HTML 5 • jQuery • Backbone.js for REST and MVC • Handlebars.js for templating • and for us ... Microsoft .NetTuesday, 19 March, 13
  7. 7. HTML 5 • Audio tag is well supported now • Local Storage – local browser caching • History.pushState – address bar Backbone • Models in JS – including relationships • Routing – URL handling • Communication with Web ServicesTuesday, 19 March, 13
  8. 8. .NET • Our web site is built using .Net = familiar development environment • Good tools for a development pipeline (dev, stage, production deployment) – MSBuild & MSDeploy • Automated minification and versioning of JS & CSS using Bundles • Configuration for different environmentsTuesday, 19 March, 13
  9. 9. It hasn’t been smooth sailing • HTML 5 audio tag doesn’t stop buffering on built-in Android browser, nor does it automatically resume after an interruption • Chrome doesn’t support background audio streaming on Android • Windows Mobile IE doesn’t support background streamingTuesday, 19 March, 13
  10. 10. But... • It works on Windows, Android, iOS • One codebase, not 3, 4 ... • Very little platform specific code • HTML 5 audio support on iOS is very good, handles interruptions, background playback, audio controlsTuesday, 19 March, 13
  11. 11. • Web developers needed • Unique working environment – agile, short sprints, music! • HTML 5 / CSS 3 / jQuery • Backbone.js, .NET – if you have it ash.mishra@cbc.caTuesday, 19 March, 13

×