HTML&CSS appsAdrià Gil adriàgil@github

& Internet powered TV

Now what?· Native vs Browser based apps· Fragmented ecosystem

User experience

NO PCNO TABLET

NO SMARTPHONE=

NEW LAYOUTS

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

UX: Rules· Information Hierarchy· Graphics size

· BIG but light· Power of HTML5&CSS3

· Controlling & Navigating app· Technical aspects MATTER

· Do testing· Check performance

REMEMBER! Is a TV!

UX: Interaction· TV Remote or Smart Remote Pointers· USB Mouse & Keyboards· Hand Control > like a pointer· Gesture Control > like the Kinect· Voice Recognition > localized· Smartphone / Tablet / Touch surface

UX: Sharing· Share Screens and Content

· AirPlay

UX: App Market

One Use VOD HealthCare & Kids

AN SCRATCH APPPlanning

+ Resources

=

PLANNING

Korea

Japan

GermanyLodon

EasternEurope

USA

WORLDWIDE testing & deploy

3...2...1...CODEREQUIREMENTS:· Ruby / Php / Asp -> Rest API· SQL Database -> Data Storage· Javascript knowledge· HTML&CSS skills

UI FRAMEWORKS:· HTML5Boilerplate· Compass· TwitterBootstrap· KendoUI

3...2...1...CODECORE:· MVC Pattern· Ember / Backbone / Angular· jQuery· Handlebars· AJAX· Vendor libraries

· AppsFramework· Player· Device APIs

· Be aware of security -> SSL

AVG COSTS1.5 Months to develop

2 Week for testing2 Week BugFixing

Rich V.O.D app + InAppPurchase +

User content=

15k – 20k

MONETIZEGET FULL CONTROL OF YOUR APP

PAY FOR CONTENT OR SERVICE

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!

TAKE A BREAK AND WHY NOT A BEER

...YOU DESERVE IT