Devices, the Augmented World, web 2  and Data Shadows – The Changing Interface to content ALPSP: Web 2.0:  Online communities and social media Thursday 10 th  Feb 2011 © ALPSP
The Future? http://www.youtube.com/watch?v=gtuGSWDVdQU
The Schedule Devices Augmented World and Web Squared Datashadows
Devices iPad iPhone Smartphones Netbooks Kindle Contact lenses
Mobile Web “ Last year Lee Kai-fu, Google’s president in China, announced that Google was redesigning its products for a market where “most Chinese users who touch the mobile internet will have no PC at all.” http://www.economist.com/science/ tq / displaystory . cfm ?STORY_ID=11999307 Will overtake PC browsing within 5 years? 3 years?
Mobile Web  Websites for Mobile  vs  Mobile Applications
Mobile Websites Mobile website  (a version of your website optimised for use on a small mobile screen) No download required (less commitment to use)  Potentially larger customer base –  not reliant on a certain or latest phone May be easier to redesign for mobile than develop an application
BBC and Mobile http://www. bbc .co. uk /mobile/web/
Yellow Pages and Mobile http://www. yellmobile .com/ http://behance.vo.llnwd.net/profiles/79527/projects/116694/795271218639008.jpg
Optional Exercise How does your site look on a mobile? Use a mobile, or free simulators are available: http://www.opera.com/mobile/demo/ http://www.testiphone.com/ Blog what you think could make it easier to use /
Mobile Friendliness Check http://validator.w3.org/mobile /
Mobile Applications Mobile application  (a standalone application you download to your device) Fast to access –  via an icon More screen available  -  no browser surround Not reliant on the scripting technologies within the browser More sensors (functionality)  Seen as innovative – browsers and websites old technology. More acceptable to charge –  people seem willing to pay a few pence to download an app – but should you charge? Can possibly be used offline Currently sit on the single device (not the cloud)
App Example – ChemMobi
App Example – IOP
App Example – Chemistry World
Mobile App DIY sites Http://www.swebapps.com http://www.appbaker.com http://www.appmakr.com/ http://mobileroadie.com/ http://www.youtube.com/watch?v=LIAR-VmN4qY http://www.youtube.com/watch?v=CHA30A8TLOQ
Integration – Ning Everywhere
Mobile App Usage http://blog.flurry.com/bid/63907/Mobile-Apps-Put-the-Web-in-Their-Rear-view-Mirror
Current Mobile Considerations Specific aims must be met – not for just fun Low tolerance – connection speed may vary, just give what the users want Consider if scripting will work Consider a separate site – not just a redesign Select rather than type Make forms short Jakob Nielsen:  http://www. useit .com/ alertbox /mobile-usability.html
The New Entry Method Where did the browser go?
New Input Methods Keyboard not required
Discoverability New places to search
Tablets / Ebook Readers iPad Samsung Galaxy Dell Streak 5inch Blackberry playbook HP Zeen Yootab Bamboo Touch Disgro Tablet Archos Tablet Rainbow Tablet Elonex eTouch Conrad WebTab Creative Labs Zii0 ViewSonic Viewpad Toshiba Folio Samsung Galaxy Tab …  and more…
Sales Gartner predicts sales of 54,781,000 in 2011 http://www.gartner.com/it/page.jsp?id=1452614
iPad Alice on the iPad –  http://www.youtube.com/watch?v=gew68Qj5kxw iPad and the elements –  http://www.youtube.com/watch?v=N6zv-F_O-aA&feature=related
Wired Magazine iPad App http://www.youtube.com/watch?v=wwFbwHaP5tE
USA Today iPad app http://www.youtube.com/watch?v=p5nJVtLygOM
Publications that think different Rather than a printed annual edition, subscribe to a mobile version that’s updated throughout the year
Market Place Apple iPhone iPad Defined screen sizes Quality controlled store / Android Many devices 42+ Many manufacturers Many screen sizes Different Features Less Control Android Systems - http://bit.ly/ghTBng
For Publishers to Consider How will this change Search / SEO Linking Authentication Unlimited social media Location The Interface Controls Are you publishing or producing?
The Schedule Devices Augmented World and Web Squared Datashadows
Web Squared What if all technology was internet technology? An internet of things where everything is connected and feeding real time data. The web becomes the real world. Every device feeds and presents the data from the web
Web Squared Web 2.0 utilised the collective intelligence of all of us Web Squared will utilise the collective intelligence of everything Sensors providing real time information for the web to learn The whitepaper –  http://www.web2summit.com/web2009/public/schedule/detail/10194
How will Machines add Data? Sensors in electrical items Bar codes on physical items Photos from mobile phones for everything else GPS Systems More open (big) data (later) Passive information
What could be connected? Light switches Household appliances Temperature gauges Scientific Sensors Your GPS system Your mobile phone Your calendar You
Seeds The Trojan Room Coffee Machine  Click here  for an up to date picture of the Trojan Room coffee machine (2001)  Hairdresser with web cam to see availability  http://www.barbercam.co.uk/view.php?id=4
The Smartphone Camera (eyes) Microphone (ears) Positioning system Motion Sensor and Compass Web browser And a phone
Map Sharing Schmap Geotweet Take a snap, then tweet with location information
What will web squared bring More information More up to date information See what’s happening right now Votes on everything Everything Web 2.0 brought with updated Location Real Time Automated input 24/7
Connected Information Attendees booked for a meeting in a room at a convenient time calendars GPS Traffic Information Room Booking
Augmented Reality Viewing the real world  Merging with the virtual world Enhancing the real world Mixing layers of Geographic location User data Published information
How is it viewed Via mobile phones Via headsets and special glasses Maybe one day via contact lenses -  http://spectrum.ieee.org/biomedical/bionics/augmented-reality-in-a-contact-lens/0
Virtual Reality? VR = World within the computer Augmented reality models a world within the computer overlaid with the real world via positioning and camera sensors
Example - Wikitude http://www.wikitude.org/ WIKITUDE World Browser presents the user with data about their surroundings, nearby landmarks, and other points of interest by overlaying information on the real-time camera view of a smart-phone.
Example - Cyclopedia http://www.chemicalwedding.tv/cyclopedia.html   Cyclopedia uses the iPhone camera, compass and GPS together to create an augmented reality of the world by overlaying Wikipedia information over the viewfinder.
Example - Layar http://www.youtube.com/watch?v=b64_16K2e08
Nokia – Mixed Reality http://www.youtube.com/watch?v=u0tEzVChiiE Future is Wild http://www.youtube.com/watch?v=GjqpPWja-PY
Delphi Optics Navigation with weather reports in glasses http://blip.tv/file/3103287/
Google Mobile Detects your voice Detects where you are Returns search results
What will it bring  Enhanced vision of the world Up to date information Interactive brochures and books Location specific publishers information An addition to our own brains – how can we as publishers publish to this new augmented world?
Face Recognition
The Schedule Devices Augmented World and Web Squared Datashadows
Datashadows  Lots of information now generated The shadow of information that is now attached to items. Information that is scattered around the web relating to a “thing”.
Book Example
The need for an identifier Physical objects need identifiers Books have ISBNs, Articles have DOIs, purchasable items have bar codes People(?)  email addressses?  Twitter id @ ? Will your mobile device become your identifier – will it become you? Will authentication be done via mobile device? Names – not so good! http://personas.media.mit.edu/personasWeb.html
Identifiers? www.facebook.com/will.russell http://www.twitter.com/willz
Passive contribution Most Read The best time that I will read a tweet – http://tweetoclock.com The time that I am in bed http://www. sleepingtime .org/ willz   Your tweet cloud http://tweetstats.com/graphs/willz#tcloud
Amazon In the new web you will be fed rather than having to search
What can you find out? Different customers – different needs? Mornings – commuters on mobile devices? Day time – workers, possibly with restricted access via PC Evening – enthusiasts on their PCs How can you then best engage with these people?
How is it fed? - Today Booked a taxi Credit card purchase of train ticket Tweet whilst on the phone Emails ref course, Wiki, Youtube, Network, Survey CCTV cameras Underground machine Tourist picture Logged on when got here But it’s not joined up! When have you generated DATA today?
Scientific Research Real time monitoring with sensors generating linked data?  Shadows of information created across the web.
Ownership Who owns the data? Who can access the data?
Devices, Web2 and Shadows for Publishing How do you, as publishers, think this might change how your readers want to interact with you, your content and each other? The internet is no longer a separate box: it is fully integrated into the real world Changes in how, when and where we look at products Changes to the format of information Changes in the concept of “published” Changes in the way we discover Changes in intelligence

WillDevicesShadows

  • 1.
    Devices, the AugmentedWorld, web 2 and Data Shadows – The Changing Interface to content ALPSP: Web 2.0: Online communities and social media Thursday 10 th Feb 2011 © ALPSP
  • 2.
  • 3.
    The Schedule DevicesAugmented World and Web Squared Datashadows
  • 4.
    Devices iPad iPhoneSmartphones Netbooks Kindle Contact lenses
  • 5.
    Mobile Web “Last year Lee Kai-fu, Google’s president in China, announced that Google was redesigning its products for a market where “most Chinese users who touch the mobile internet will have no PC at all.” http://www.economist.com/science/ tq / displaystory . cfm ?STORY_ID=11999307 Will overtake PC browsing within 5 years? 3 years?
  • 6.
    Mobile Web Websites for Mobile vs Mobile Applications
  • 7.
    Mobile Websites Mobilewebsite (a version of your website optimised for use on a small mobile screen) No download required (less commitment to use) Potentially larger customer base – not reliant on a certain or latest phone May be easier to redesign for mobile than develop an application
  • 8.
    BBC and Mobilehttp://www. bbc .co. uk /mobile/web/
  • 9.
    Yellow Pages andMobile http://www. yellmobile .com/ http://behance.vo.llnwd.net/profiles/79527/projects/116694/795271218639008.jpg
  • 10.
    Optional Exercise Howdoes your site look on a mobile? Use a mobile, or free simulators are available: http://www.opera.com/mobile/demo/ http://www.testiphone.com/ Blog what you think could make it easier to use /
  • 11.
    Mobile Friendliness Checkhttp://validator.w3.org/mobile /
  • 12.
    Mobile Applications Mobileapplication (a standalone application you download to your device) Fast to access – via an icon More screen available  - no browser surround Not reliant on the scripting technologies within the browser More sensors (functionality) Seen as innovative – browsers and websites old technology. More acceptable to charge – people seem willing to pay a few pence to download an app – but should you charge? Can possibly be used offline Currently sit on the single device (not the cloud)
  • 13.
  • 14.
  • 15.
    App Example –Chemistry World
  • 16.
    Mobile App DIYsites Http://www.swebapps.com http://www.appbaker.com http://www.appmakr.com/ http://mobileroadie.com/ http://www.youtube.com/watch?v=LIAR-VmN4qY http://www.youtube.com/watch?v=CHA30A8TLOQ
  • 17.
  • 18.
    Mobile App Usagehttp://blog.flurry.com/bid/63907/Mobile-Apps-Put-the-Web-in-Their-Rear-view-Mirror
  • 19.
    Current Mobile ConsiderationsSpecific aims must be met – not for just fun Low tolerance – connection speed may vary, just give what the users want Consider if scripting will work Consider a separate site – not just a redesign Select rather than type Make forms short Jakob Nielsen: http://www. useit .com/ alertbox /mobile-usability.html
  • 20.
    The New EntryMethod Where did the browser go?
  • 21.
    New Input MethodsKeyboard not required
  • 22.
  • 23.
    Tablets / EbookReaders iPad Samsung Galaxy Dell Streak 5inch Blackberry playbook HP Zeen Yootab Bamboo Touch Disgro Tablet Archos Tablet Rainbow Tablet Elonex eTouch Conrad WebTab Creative Labs Zii0 ViewSonic Viewpad Toshiba Folio Samsung Galaxy Tab … and more…
  • 24.
    Sales Gartner predictssales of 54,781,000 in 2011 http://www.gartner.com/it/page.jsp?id=1452614
  • 25.
    iPad Alice onthe iPad – http://www.youtube.com/watch?v=gew68Qj5kxw iPad and the elements – http://www.youtube.com/watch?v=N6zv-F_O-aA&feature=related
  • 26.
    Wired Magazine iPadApp http://www.youtube.com/watch?v=wwFbwHaP5tE
  • 27.
    USA Today iPadapp http://www.youtube.com/watch?v=p5nJVtLygOM
  • 28.
    Publications that thinkdifferent Rather than a printed annual edition, subscribe to a mobile version that’s updated throughout the year
  • 29.
    Market Place AppleiPhone iPad Defined screen sizes Quality controlled store / Android Many devices 42+ Many manufacturers Many screen sizes Different Features Less Control Android Systems - http://bit.ly/ghTBng
  • 30.
    For Publishers toConsider How will this change Search / SEO Linking Authentication Unlimited social media Location The Interface Controls Are you publishing or producing?
  • 31.
    The Schedule DevicesAugmented World and Web Squared Datashadows
  • 32.
    Web Squared Whatif all technology was internet technology? An internet of things where everything is connected and feeding real time data. The web becomes the real world. Every device feeds and presents the data from the web
  • 33.
    Web Squared Web2.0 utilised the collective intelligence of all of us Web Squared will utilise the collective intelligence of everything Sensors providing real time information for the web to learn The whitepaper – http://www.web2summit.com/web2009/public/schedule/detail/10194
  • 34.
    How will Machinesadd Data? Sensors in electrical items Bar codes on physical items Photos from mobile phones for everything else GPS Systems More open (big) data (later) Passive information
  • 35.
    What could beconnected? Light switches Household appliances Temperature gauges Scientific Sensors Your GPS system Your mobile phone Your calendar You
  • 36.
    Seeds The TrojanRoom Coffee Machine Click here for an up to date picture of the Trojan Room coffee machine (2001) Hairdresser with web cam to see availability http://www.barbercam.co.uk/view.php?id=4
  • 37.
    The Smartphone Camera(eyes) Microphone (ears) Positioning system Motion Sensor and Compass Web browser And a phone
  • 38.
    Map Sharing SchmapGeotweet Take a snap, then tweet with location information
  • 39.
    What will websquared bring More information More up to date information See what’s happening right now Votes on everything Everything Web 2.0 brought with updated Location Real Time Automated input 24/7
  • 40.
    Connected Information Attendeesbooked for a meeting in a room at a convenient time calendars GPS Traffic Information Room Booking
  • 41.
    Augmented Reality Viewingthe real world Merging with the virtual world Enhancing the real world Mixing layers of Geographic location User data Published information
  • 42.
    How is itviewed Via mobile phones Via headsets and special glasses Maybe one day via contact lenses - http://spectrum.ieee.org/biomedical/bionics/augmented-reality-in-a-contact-lens/0
  • 43.
    Virtual Reality? VR= World within the computer Augmented reality models a world within the computer overlaid with the real world via positioning and camera sensors
  • 44.
    Example - Wikitudehttp://www.wikitude.org/ WIKITUDE World Browser presents the user with data about their surroundings, nearby landmarks, and other points of interest by overlaying information on the real-time camera view of a smart-phone.
  • 45.
    Example - Cyclopediahttp://www.chemicalwedding.tv/cyclopedia.html Cyclopedia uses the iPhone camera, compass and GPS together to create an augmented reality of the world by overlaying Wikipedia information over the viewfinder.
  • 46.
    Example - Layarhttp://www.youtube.com/watch?v=b64_16K2e08
  • 47.
    Nokia – MixedReality http://www.youtube.com/watch?v=u0tEzVChiiE Future is Wild http://www.youtube.com/watch?v=GjqpPWja-PY
  • 48.
    Delphi Optics Navigationwith weather reports in glasses http://blip.tv/file/3103287/
  • 49.
    Google Mobile Detectsyour voice Detects where you are Returns search results
  • 50.
    What will itbring Enhanced vision of the world Up to date information Interactive brochures and books Location specific publishers information An addition to our own brains – how can we as publishers publish to this new augmented world?
  • 51.
  • 52.
    The Schedule DevicesAugmented World and Web Squared Datashadows
  • 53.
    Datashadows Lotsof information now generated The shadow of information that is now attached to items. Information that is scattered around the web relating to a “thing”.
  • 54.
  • 55.
    The need foran identifier Physical objects need identifiers Books have ISBNs, Articles have DOIs, purchasable items have bar codes People(?) email addressses? Twitter id @ ? Will your mobile device become your identifier – will it become you? Will authentication be done via mobile device? Names – not so good! http://personas.media.mit.edu/personasWeb.html
  • 56.
  • 57.
    Passive contribution MostRead The best time that I will read a tweet – http://tweetoclock.com The time that I am in bed http://www. sleepingtime .org/ willz Your tweet cloud http://tweetstats.com/graphs/willz#tcloud
  • 58.
    Amazon In thenew web you will be fed rather than having to search
  • 59.
    What can youfind out? Different customers – different needs? Mornings – commuters on mobile devices? Day time – workers, possibly with restricted access via PC Evening – enthusiasts on their PCs How can you then best engage with these people?
  • 60.
    How is itfed? - Today Booked a taxi Credit card purchase of train ticket Tweet whilst on the phone Emails ref course, Wiki, Youtube, Network, Survey CCTV cameras Underground machine Tourist picture Logged on when got here But it’s not joined up! When have you generated DATA today?
  • 61.
    Scientific Research Realtime monitoring with sensors generating linked data? Shadows of information created across the web.
  • 62.
    Ownership Who ownsthe data? Who can access the data?
  • 63.
    Devices, Web2 andShadows for Publishing How do you, as publishers, think this might change how your readers want to interact with you, your content and each other? The internet is no longer a separate box: it is fully integrated into the real world Changes in how, when and where we look at products Changes to the format of information Changes in the concept of “published” Changes in the way we discover Changes in intelligence