"HTML & CSS apps & internet powered TV" por @JeronimJackson

449 views

Published on

Presentación realizada en el #webcat Barcelona de Octubre del 2012

Autor: Adrià Gil (@JeronimJackson)

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

  • Be the first to like this

No Downloads
Views
Total views
449
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

"HTML & CSS apps & internet powered TV" por @JeronimJackson

  1. 1. HTML&CSSappspowered TV& InternetAdrià Giladriàgil@github
  2. 2. Now what?· Native vs Browser based apps· Fragmented ecosystem
  3. 3. User experience NO PC NO TABLETNO SMARTPHONE = NEW LAYOUTS
  4. 4. UX: Layouts· Stunning Video&Audio quality· Responsive layouts > Think BIGGER · Media Queries · JS Window detection · UserAgent· Security Zones > Peripherals· 3D Content· Dynamic content· Hacks & Crossbrowsing
  5. 5. UX: Rules· Information Hierarchy· Graphics size · BIG but light · Power of HTML5&CSS3· Controlling & Navigating app· Technical aspects MATTER · Do testing · Check performanceREMEMBER! Is a TV!
  6. 6. UX: Interaction· TV Remote or Smart RemotePointers· USB Mouse & Keyboards· Hand Control > like a pointer· Gesture Control > like the Kinect· Voice Recognition > localized· Smartphone / Tablet / Touch surface
  7. 7. UX: Sharing· Share Screens and Content· AirPlay
  8. 8. UX: App Market One Use VOD HealthCare & Kids
  9. 9. AN SCRATCH APP Planning + Resources =
  10. 10. PLANNING Lodon GermanyUSA Eastern Japan Europe Korea WORLDWIDE testing & deploy
  11. 11. 3...2...1...CODEREQUIREMENTS:· Ruby / Php / Asp -> Rest API· SQL Database -> Data Storage· Javascript knowledge· HTML&CSS skillsUI FRAMEWORKS:· HTML5Boilerplate· Compass· TwitterBootstrap· KendoUI
  12. 12. 3...2...1...CODECORE:· MVC Pattern· Ember / Backbone / Angular· jQuery· Handlebars· AJAX· Vendor libraries · AppsFramework · Player · Device APIs· Be aware of security -> SSL
  13. 13. AVG COSTS1.5 Months to develop 2 Week for testing 2 Week BugFixing Rich V.O.D app + InAppPurchase + User content = 15k – 20k
  14. 14. MONETIZEGET FULL CONTROL OF YOUR APPPAY FOR CONTENT OR SERVICE
  15. 15. LOOK FORWARD- AppleTV is coming- Start messing with Android- Dig on HTML5 and standards- Innovate with interface- Use modern technologies- Be aware of retro-compatibility- Test Test Test!
  16. 16. TAKE A BREAK AND WHY NOT A BEER ... YOU DESERVE IT

×