"html & css apps & internet powered tv" por @jeronimjackson
DESCRIPTION
Presentación realizada en el #webcat Barcelona de Octubre del 2012 Autor: Adrià Gil (@JeronimJackson)TRANSCRIPT
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