SlideShare a Scribd company logo
1 of 22
e Open Web &
    e Broken TVs
Game On London, 6 December 2010
Rik Lomas, Lomalogue Ltd.
@riklomas, rik@lomalogue.com
Who’s this guy?
(Hello! I’m Rik and I started an agency called
Lomalogue Ltd.)
Picklive www.picklive.com
• A real time fantasy football game, where real players compete
for real money during real football matches.
Television + Real Time Web
             =
 e “Two Screen” Experience
First, the bad news...
“Have I told you about my Uncle Alf?

He had two tellies, he had one that the sound
didn't work on, and one that the picture
didn't, but both together, it worked.

So as long as he was watching the same
channel on both, sound came out of one telly
and he'd watch the picture on the other.

And, he slept in a rubber dinghy.”
— Karl Pilkington,   e Ricky Gervais Show
Web Development Today
             ≈
A Collection of Broken TVs
+
HTML, CSS          Flash, ActiveX
& Javascript        & “Poly lls”
Flash. Ah aaah.
                                                    Saviour of the
                                                    universe
                                                    Open Web?

Photo: h p://www. ickr.com/photos/rwillia532/3890482097
Flash will always be
be er at some things.
LET’S BUILD
   GAMES
IN FLASH!!!1!1
Now, the good news...
e difference between
Javascript & Flash is
ge ing smaller
and smaller
and smaller.
+
                   Flash, ActiveX
HTML, CSS           & “Poly lls”

& Javascript
All client-side code
                                       is free to read.
                                         anks Tim Berners-Lee,
                                       “View Source” & Firebug!




Photo: h p://www. ickr.com/photos/j-o-n-o/151830908/
Coding
isn’t easy.
Javascript is now joint
most popular language
on Github.
£653.30
   vs
  Free
But Rik!
What about native applications?
“...it’s basically a real time game that you can play
along to footy matches while you watch them. You
can play on an iPad or your laptop.”

                           “Ah, right, so it’s an app?”

“Nah, it’s a normal website.”

                “But Flash doesn’t work on the iPad.”

“It’s just normal code.”

              “Oh... didn’t realise you could do that.”
Predictions:
– 2011: Angry Birds, Farmville
– 2012: Minecra , Quake
anks!
Any Questions?
Tweet me at @riklomas or
email rik@lomalogue.com

More Related Content

Viewers also liked

Profit pulling blogs
Profit pulling blogsProfit pulling blogs
Profit pulling blogs
echarles1
 
Киселинен дъжд
Киселинен дъжд Киселинен дъжд
Киселинен дъжд
Cvetelin
 

Viewers also liked (16)

Berlingske Maj 2009
Berlingske Maj 2009Berlingske Maj 2009
Berlingske Maj 2009
 
Intelligent Design En Rev1(2)
Intelligent  Design En Rev1(2)Intelligent  Design En Rev1(2)
Intelligent Design En Rev1(2)
 
General Ledger System
General Ledger SystemGeneral Ledger System
General Ledger System
 
Kedisiplinan
KedisiplinanKedisiplinan
Kedisiplinan
 
Araij Trading
Araij TradingAraij Trading
Araij Trading
 
Dynamics gp insights to distribution - purchase orders
Dynamics gp insights to distribution - purchase ordersDynamics gp insights to distribution - purchase orders
Dynamics gp insights to distribution - purchase orders
 
Profit pulling blogs
Profit pulling blogsProfit pulling blogs
Profit pulling blogs
 
Cover_CV_UrbaniNC_EN
Cover_CV_UrbaniNC_ENCover_CV_UrbaniNC_EN
Cover_CV_UrbaniNC_EN
 
Introduction to Google Apps Platform
Introduction to Google Apps PlatformIntroduction to Google Apps Platform
Introduction to Google Apps Platform
 
Dynamics gp insights to distribution - inventory
Dynamics gp insights to distribution - inventoryDynamics gp insights to distribution - inventory
Dynamics gp insights to distribution - inventory
 
Dynamics gp insights to manufacturing
Dynamics gp insights to manufacturingDynamics gp insights to manufacturing
Dynamics gp insights to manufacturing
 
Matematika
MatematikaMatematika
Matematika
 
Dynamics gp insights to distribution - sales orders
Dynamics gp insights to distribution - sales ordersDynamics gp insights to distribution - sales orders
Dynamics gp insights to distribution - sales orders
 
Retail digital signage merchandising applications
Retail digital signage merchandising applicationsRetail digital signage merchandising applications
Retail digital signage merchandising applications
 
Pizza data - Working with Data
Pizza data - Working with DataPizza data - Working with Data
Pizza data - Working with Data
 
Киселинен дъжд
Киселинен дъжд Киселинен дъжд
Киселинен дъжд
 

Similar to The Open Web & The Broken TVs

Silicon Valley goes to the movies
Silicon Valley goes to the moviesSilicon Valley goes to the movies
Silicon Valley goes to the movies
JeffJedras
 
Gaming Update October '11
Gaming Update October '11Gaming Update October '11
Gaming Update October '11
Advance A/S
 
Txt messaging will never catch on !
Txt messaging will never catch on !Txt messaging will never catch on !
Txt messaging will never catch on !
Andy Black
 
Matt Jones: The Robot-Readable World (Webdagene 2011)
Matt Jones: The Robot-Readable World (Webdagene 2011)Matt Jones: The Robot-Readable World (Webdagene 2011)
Matt Jones: The Robot-Readable World (Webdagene 2011)
webdagene
 
Django - the first five years
Django - the first five yearsDjango - the first five years
Django - the first five years
Jacob Kaplan-Moss
 

Similar to The Open Web & The Broken TVs (20)

Techology is the new creative
Techology is the new creativeTechology is the new creative
Techology is the new creative
 
Tech Exult Finals - XINO 2015
Tech Exult Finals - XINO 2015Tech Exult Finals - XINO 2015
Tech Exult Finals - XINO 2015
 
Empire italia copy (5)
Empire italia   copy (5)Empire italia   copy (5)
Empire italia copy (5)
 
Progressing and enhancing
Progressing and enhancingProgressing and enhancing
Progressing and enhancing
 
Silicon Valley goes to the movies
Silicon Valley goes to the moviesSilicon Valley goes to the movies
Silicon Valley goes to the movies
 
Web 2.0 Enrichment Slide Show 011409
Web 2.0 Enrichment Slide Show 011409Web 2.0 Enrichment Slide Show 011409
Web 2.0 Enrichment Slide Show 011409
 
Gaming Update October '11
Gaming Update October '11Gaming Update October '11
Gaming Update October '11
 
Txt messaging will never catch on !
Txt messaging will never catch on !Txt messaging will never catch on !
Txt messaging will never catch on !
 
Are you insulting me? Essential geek-speak, FTW!
Are you insulting me? Essential geek-speak, FTW!Are you insulting me? Essential geek-speak, FTW!
Are you insulting me? Essential geek-speak, FTW!
 
Ignition five 10.10.11
Ignition five 10.10.11Ignition five 10.10.11
Ignition five 10.10.11
 
YAGBUX project - Yet Another Gesture Based User Experience
YAGBUX project - Yet Another Gesture Based User ExperienceYAGBUX project - Yet Another Gesture Based User Experience
YAGBUX project - Yet Another Gesture Based User Experience
 
AVR Assembler - ChiPy Ultimate Language Shootout 2016
AVR Assembler - ChiPy Ultimate Language Shootout 2016AVR Assembler - ChiPy Ultimate Language Shootout 2016
AVR Assembler - ChiPy Ultimate Language Shootout 2016
 
Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...Commercialization Challenges Of Mobile Software Development In A Fragmented M...
Commercialization Challenges Of Mobile Software Development In A Fragmented M...
 
The Creative Internet
The Creative InternetThe Creative Internet
The Creative Internet
 
Museum of Computing Newsletter May 2013
Museum of Computing Newsletter May 2013Museum of Computing Newsletter May 2013
Museum of Computing Newsletter May 2013
 
Matt Jones: The Robot-Readable World (Webdagene 2011)
Matt Jones: The Robot-Readable World (Webdagene 2011)Matt Jones: The Robot-Readable World (Webdagene 2011)
Matt Jones: The Robot-Readable World (Webdagene 2011)
 
Django - the first five years
Django - the first five yearsDjango - the first five years
Django - the first five years
 
Little words of wisdom for the developer - Guillaume Laforge (Pivotal)
Little words of wisdom for the developer - Guillaume Laforge (Pivotal)Little words of wisdom for the developer - Guillaume Laforge (Pivotal)
Little words of wisdom for the developer - Guillaume Laforge (Pivotal)
 
Tech Exult Finals - XINO 2016
Tech Exult Finals - XINO 2016Tech Exult Finals - XINO 2016
Tech Exult Finals - XINO 2016
 
Educational Uses of Web 2.0 Based Applications with Notes
Educational Uses of Web 2.0 Based Applications with NotesEducational Uses of Web 2.0 Based Applications with Notes
Educational Uses of Web 2.0 Based Applications with Notes
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

The Open Web & The Broken TVs

Editor's Notes

  1. \n
  2. * Hello, I’m Rik\n* In January, I started an agency called Lomalogue, specialising in front-end web development work\n* One of my main clients over the last year is...\n
  3. * One of my main clients I’ve had whilst running Lomalogue has been Picklive. This is a video from Picklive’s live game interface\n* You only play the Picklive live game interface during a televised football match.\n* Players in the game respond to real life players in the match.\n* The user picks 3 players from either team and can sub in and out during each 7.5 min game.\n* User gets points based on what their players do. 1 pt for pass, 20 for goal, minus for actions like fouls\n* In fact, some of the users don’t even watch the football match that we play along to, they do it for the entertainment.\n* The game works in all modern browsers including the iPad.\n
  4. * There’s a little movement based about “two screen”, based around games and sites where users play along to live events, e.g. sports, TV shows, mass media events.\n* People watch more TV now than they did five years ago\n* But a lot of people now use the internet alongside TV shows, especially real time streams like Twitter, Facebook and forums\n* X Factor, The Apprentice, I’m A Celeb, Question Time\n* Doesn’t have to be real time shows, Eastenders\n* Using my experience of developing Picklive to talk about the up and downs of developing web games\n
  5. * There’s good and bad news about making games for the Open Web.\n* So I’m going to start with a trivial quote from Karl Pilkington.\n
  6. \n
  7. * By web development today, I mean how we build websites at the moment.\n* Supporting old browsers, not cutting edge technologies.\n
  8. * On the left, we have the Open Web technologies\n* On the right, we have technologies that we still currently need to support our Open Web tech\n* And together, they work to make what we have today.\n* Audio and Video are still heavily reliant on Flash\n* Try telling a client that they need to upload various versions of the same video because of licensing issues.\n
  9. * So should we see Flash the saviour of the open web?\n* Seeing as we have to rely on it for functionality that we want from our website.\n
  10. * We have to admit that Flash will always be better at some things by its very nature.\n* It’s plug-in based so isn’t dependent on browser releases.\n* It’s cross-browser and cross-platform so no problems with compatibility\n* It’s direction is only decided by Adobe.\n* Should we use Flash to make games instead?\n\n
  11. * Actionscript is a functional, prototypal programming language, perfect for event based interactions\n* AS is a dialect of ECMAScript, just like Javascript.\n
  12. \n
  13. * Thanks to massive pushes from all the browser vendors, even Microsoft\n* As browsers update with a faster pace now, there’s quicker deprecation of older browsers.\n* Chrome updates every six weeks now.\n* We now can easily do push notifications (websockets), 3D graphics (WebGL), geolocation, multi-threaded JS (web workers)\n* So eventually we’ll get...\n
  14. * To me, HTML5 movement is a lot more exciting than the Web 2.0 movement a few years ago, a lot more technological changes\n\n
  15. * The great thing about front-end development is that you can see how other coders do things.\n* Pulling things apart and seeing how they work is a lot more fun than following tutorials\n* How many people read manuals first?\n* Don’t minify your code unless you need to. It stops other people learning from you.\n
  16. * Browser based coding isn’t easy.\n* We have to not only test our work in different browsers, but different versions of different browsers and different versions on operating systems.\n* Also, Making games requires a different mind set to normal web site development.\n* Being able to view source code plus tools like Firebug makes not only our lives easier but the new generation’s lives easier\n
  17. * JS is getting popular and mainstream\n* We’re no long the uncool kids\n* 18% of all projects on Github have a main component of JS\n* In part due to Javascript libraries and plug-ins.\n* jQuery has played a massive part in getting front-end developers to use Javascript\n* As it uses native CSS selectors as functions\n* Also in part, thanks to SSJS, node.js, helping back-end developers.\n* It makes sense code sharing and context switching\n\n
  18. * And of course, there’s a price.\n* This is obviously a big advantage for the Open Web. Anyone can do it. For free.\n* Doesn’t matter who you are, how much bandwidth or how much money you have.\n* You can code in any text editor and test in any browser.\n\n
  19. * By very nature, first class code because its native\n* More promotional (however Mozilla and Chrome App Stores are coming soon)\n* Development means separate code bases. One for Apple, one for Android, etc\n* More code bases = more developers \n* Non-instant deployment, one Apple store approval took 429 days, critical updates\n\n
  20. * Isn’t it amazing how surprised Thomas was when I tell him you can build a game that works on not only browsers, but iPads and mobiles too, and isn’t in Flash?\n* Thomas doesn’t really care how I build games.\n* Thomas doesn’t care about WebSockets, WebGL, CSS transitions\n* If I told him “you know that game you play at work on IE? you can play that on your phone in the pub, then on your iPad when you’re hungover” <<< A great reason to build open web games.\n* We shouldn’t build “open web games” but “games”\n\n
  21. * Predictions\n* There’s no reason why an open web game couldn’t become as big as Farmville, Minecraft or Angry Birds.\n* I’m going to predict that an open web game will get big in the next year and make someone a lot of money.\n* And I really hope that it will be someone in this room.\n
  22. \n