HTML&CSS Apps for Internet powered TV's

•Download as PPTX, PDF•

7 likes•1,171 views

adriagil

@Webcat 24/10/2012 Sorry typography will not render well.

Technology

HTML&CSS
appspowered TV
& Internet

Adrià Gil
adriàgil@github

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

User experience
NO PC
NO 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

PLANNING
Lodon
Germany
USA

Eastern
Japan Europe
Korea

WORLDWIDE testing & deploy

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

UI FRAMEWORKS:
· HTML5Boilerplate
· Compass
· TwitterBootstrap
· KendoUI

3...2...1...CODE
CORE:
· MVC Pattern
· Ember / Backbone / Angular
· jQuery
· Handlebars
· AJAX
· Vendor libraries
· AppsFramework
· Player
· Device APIs
· Be aware of security -> SSL

AVG COSTS
1.5 Months to develop
2 Week for testing
2 Week BugFixing

Rich V.O.D app + InAppPurchase +
User content
=
15k – 20k

MONETIZE
GET 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

Viewers also liked

Intro to Yahoo Tech

Dav Glass

The green light for red meat in a child’s diet

Joanna Lowy

Life Around Us (International Awards): Winners 2015

maditabalnco

Using Twitter To Make Personal Development & Blended Learning Effective

Upside Learning Solutions

Electric guitar

University Malaysia Sabah

24 John Meat to Eat

Marvin McKenzie

Usabilita' e design del flusso di acquisto online

Elena Antognazza

Break Down the Content Barriers of Social Networks

Tania Kasongo

Viewers also liked (8)

Intro to Yahoo Tech

The green light for red meat in a child’s diet

Life Around Us (International Awards): Winners 2015

Using Twitter To Make Personal Development & Blended Learning Effective

Electric guitar

24 John Meat to Eat

Usabilita' e design del flusso di acquisto online

Break Down the Content Barriers of Social Networks

Recently uploaded

MINDCTI Revenue Release Quarter One 2024

MIND CTI

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Exploring Multimodal Embeddings with Milvus

Zilliz

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Recently uploaded (20)

MINDCTI Revenue Release Quarter One 2024

FWD Group - Insurer Innovation Award 2024

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Understanding the FAA Part 107 License ..

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

CNIC Information System with Pakdata Cf In Pakistan

Exploring Multimodal Embeddings with Milvus

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

How to Troubleshoot Apps for the Modern Connected Worker

WSO2's API Vision: Unifying Control, Empowering Developers

AWS Community Day CPH - Three problems of Terraform

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

HTML&CSS Apps for Internet powered TV's

1. HTML&CSS appspowered TV & Internet Adrià Gil adriàgil@github

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

3. User experience NO PC NO TABLET NO SMARTPHONE = NEW LAYOUTS

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. 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!

6. 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

7. UX: Sharing · Share Screens and Content · AirPlay

8. UX: App Market One Use VOD HealthCare & Kids

9. AN SCRATCH APP Planning + Resources =

10. PLANNING Lodon Germany USA Eastern Japan Europe Korea WORLDWIDE testing & deploy

11. 3...2...1...CODE REQUIREMENTS: · Ruby / Php / Asp -> Rest API · SQL Database -> Data Storage · Javascript knowledge · HTML&CSS skills UI FRAMEWORKS: · HTML5Boilerplate · Compass · TwitterBootstrap · KendoUI

12. 3...2...1...CODE CORE: · MVC Pattern · Ember / Backbone / Angular · jQuery · Handlebars · AJAX · Vendor libraries · AppsFramework · Player · Device APIs · Be aware of security -> SSL

13. AVG COSTS 1.5 Months to develop 2 Week for testing 2 Week BugFixing Rich V.O.D app + InAppPurchase + User content = 15k – 20k

14. MONETIZE GET FULL CONTROL OF YOUR APP PAY FOR CONTENT OR SERVICE

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. TAKE A BREAK AND WHY NOT A BEER ... YOU DESERVE IT

HTML&CSS Apps for Internet powered TV's

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Recently uploaded

Recently uploaded (20)

HTML&CSS Apps for Internet powered TV's