1. Disruption on the Web!
2
Devices, the Augmented World, web and Data Shadows
ALPSP: Web 2.0:
Online communities and social media
© ALPSP

2. The Future?
http://www.youtube.com/watch?v=gtuGSWDVdQU
Google Glass - https://www.youtube.com/watch?feature=player_embedded&v=9c6W4CCU9M4#!

3. What’s Next?
 How do we spot what is
obvious in 5 years time?
 What will the change in
behaviour be?
 What behaviour can we
change?

4. The Schedule
Devices
Augmented World and Web Squared
Big Data

5. Devices
iPad
iPhone
Smartphones
Netbooks
Kindle
Contact lenses

6. Why Mobile?
Flickr - mujitra

7. Mobile Traffic vs non mobile
traffic
Our own Google Analytics
eBay mobile trade x3
53% American mobile users have smartphones
350 million active users of facebook mobile

8. Dual Connected at all times

9. Dual Connected at all times

10. eBook readers
mainstream
Flickr: goXunureviews

11. INNOVATION
Flickr: ell-r-brown

13. 500,000 apps on Android (Play) Market?
500,000 apps on iTunes?

14. Where did the browser go?

15. Mobile Web
Websites for Mobile vs Mobile Applications

16. 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
 For the publisher – easier to support

17. Being Responsive
 http://webdesignerwall.com/tutorials/setting-breakpoin

18. BBC and Mobile
 http://www.bbc.co.uk/news/mobile

19. Yellow Pages and Mobile
http://www.yellmobile
.com/
http://behance.vo.llnwd.net/profiles/79527/projects/116694/795271218639008.jpg

20. http://m.chemspider.com/

21. 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
/

22. 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 current – 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)
 SEO?
 Who supports?

24. RSC Mobile

25. RSC Mobile

26. RSC Mobile

27. RSC Mobile

28. RSC Mobile

29. RSC Mobile

30. RSC Mobile

31. RSC Mobile

32. ChemSpider

33. App Example – IOP

34. App Example – Chemistry World

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

36. Chemistry World Mobile App 2
 Why?
 Getting closer to the reader
 Discover new audiences
 Reader Demand

38. Chemistry World as an App rather than just a website
“I feel that apps are able to replicate this
in a way that a mobile-enhanced
website can’t. The app feels luxurious,
time-rich somehow, it makes you sit
down, relax and enjoy the experience
that is reading a good magazine. I use
websites in a completely different way:
to complete a task, to keep up to date,
etc. All job or career-related activities
so there is no time to relax!”

39. Mobile App Usage
http://blog.flurry.com/bid/63907/Mobile-Apps-Put-the-Web-in-
Their-Rear-view-Mirror

40. Consider user behaviour &
Environment
 Screen Size
 Connectivity Speed
 Device Power
 Interface
 User Goals
 Environment
 Attention Span (need to work to earn)
 Pressures

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

42. The New Discovery Method
 Where did the browser go?

43. Discoverability
 New places to search

44. New Input Methods
 Keyboard not required

45. iPad
Alice on the iPad –
http://www.youtube.com/watch?v=gew68Qj5kxw
http://www.youtube.com/watch?v=1GVPOCCnAfc
iPad and the elements –
http://www.youtube.com/watch?v=uPUWbVLzVZI

46. Wired Magazine iPad App
http://www.youtube.com/watch?v=wwFbwHaP5tE

47. Market Place
Apple Android
iPhone Many devices
iPad Many manufacturers
•Defined screen sizes •Many screen sizes
•Quality controlled store •Different Features
•Less Control

48. For Publishers to Consider
How will this change
 Search / SEO
 Linking
 Authentication
 Unlimited social media
 Location
 Workflow
 The Interface Controls
 Are you publishing or producing?

49. The Schedule
Devices
Augmented World and Web
Squared
Datashadows & Big Data

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

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

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

53. What could be connected?
 Light switches
 Household appliances
 Temperature gauges
 Scientific Sensors
 Your GPS system
 Your mobile phone
 Your calendar
 You

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

55. The Smartphone
 Camera (eyes)
 Microphone (ears)
 Positioning system
 Motion Sensor and Compass
 Web browser
 And a phone

56. Map Sharing
Schmap Geotweet
Take a snap,
then
tweet with
location
information

57. 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
 http://www.the-cambridgeblue.co.uk/webcam/

58. Connected Information
calendars Attendees
booked for a
meeting in a
GPS room at a
convenient time
Room Booking
Traffic Information

59. Augmented Reality
 Viewing the real world
 Merging with the virtual world
 Enhancing the real world
 Mixing layers of
 Geographic location
 User data
 Published information

60. How is it viewed
 Via mobile phones
 Via headsets and special glasses
 Maybe one day via contact lenses -
http://spectrum.ieee.org/biomedical/bionics/aug

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

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

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

64. Example - Layar
 http://www.youtube.com/watch?
v=b64_16K2e08

65. Google Mobile
 Detects your voice
 Detects where you are
 Returns search results

66. Google Goggles
 Take a picture and search
 http://www.youtube.com/watch?v=Hhgfz0zPmH

67. What will it bring
 Enhanced vision of the world
 Up to date information
 Interactive brochures and books
 Different method for search and discovery
 Location specific publishers information
 An addition to our own brains – how can we as
publishers publish to this new augmented world?

68. Face Recognition

69. The Schedule
Devices
Augmented World and Web Squared
Big Data

70. Big Data
2012’s New Term
But How Big is Big?

71. Big Data Traditional
 NoSQL  Growing quickly via
sensors
 Too large to be
handled with  Ability to process
traditional tools immediately
 Pettabytes and
zetabytes

72. Variety http://www.flickr.com/photos/rene-germany/1573580949/sizes/m/in/photostream/

73. Volume http://www.flickr.com/photos/doubleagent/2631817470/sizes/m/in/photostream/

74. Velocity

75. What does Big Data mean now?
 VOLUME
 VELOCITY
 VARIETY
https://twitter.com/#!/search/Big%20Data

76. 2700 TEACHING RESOURCES

77. Big Data
Who is most likely
to do something
cool and useful with
the data?
After the break!

78. Devices, Web2 and Big Data
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
 Changes to all interfaces