ACRG Seminar, University of Southampton, School of Humanities. We live now in a world that is deeply linked to computers. We seek aid from these computers so we can deal with our everyday and work data. On the web, it is through those same computers that we access such data. Nevertheless, it is through software that we make it meaningful so it can be transformed into something relevant thus transformed into information. This empowerment that new technology has brought to a wide variety of users has allowed them to become users and producers of their own information. In order to communicate such knowledge as information, it requires a transformation into data and vice versa. This session will present an interdisciplinary perspective including Human Computer Interaction (HCI), Web Science, along with other Humanities disciplines such as Art and Design in an attempt to understand the different factors and perspectives when communicating to other people and computers.

1. INTERACTION AND
INTERFACES
Playful Data
Javier Pereda // Web Science DTC
@TrinkerMedia
ACRG Series - February 2014

2. INTERACTIVITY AND
INTERFACES
• What
is an interface
• The evolution of interfaces
• Natural and new interfaces
• Interfaces and the Web
• Exploration and the use of data
• Internet of Things (IoT)

3. WHAT IS AN INTERFACE?
ø Wikimedia Commons

4. CLOAKED COMPLEXITY

5. CLOAKED COMPLEXITY
ø Rube Goldberg

6. •A
way of interacting with a system
• How
do we get things into the system and how
do we manipulate them
• How
do we get other people to do what is
needed?
• Technologic
issues?
THE INTERFACE

7. ANALOGUE INTERFACE
ø Wikimedia Commons

8. DIGITAL INTERFACES
COMPUTING
ø Wikimedia Commons

9. commandLineVideo
COMMAND-LINE INTERFACE
ø CodeProject

10. TextMenuVideo
TEXT-MENU INTERFACE
ø CodeProject

11. GRAPHIC USER INTERFACE
(GUI)
ø CodeProject

12. THE USE OF METAPHORS
ø CSSauthor

13. NUIvideo
NATURAL USER INTERFACE
ø Microsoft

14. Human Like Interaction
Biometric Interaction
Multi-sensory Interface
Invisible Computing
NATURAL USER INTERFACE
ø WikimediaCommons

15. GesturesVideo
MULTI-SENSORY
ø Apple

16. BIOMETRIC
ø GoCollective.com

17. HUMAN-LIKE
ø inc.ucds.edu

18. INVISIBLE COMPUTING
ø Turbosquid

19. INTERACTION METHODS
GRAPHIC USER
INTERFACES
(GUI)
ø Turbosquid
TANGIBLE USER
INTERFACES
(TUI)

20. TANGIBLE USER INTERFACES
FRAMEWORK
TANGIBLE
MANIPULATION
SPATIAL
INTERACTION
EMBODIED
FACILITATION
EXPRESSIVE
REPRESENTATION
TOUCH
HAPTIC
DIRECT MANIPULATION
SPATIAL
BODY
BEHAVIOUR
SOCIAL
PLACE SPECIFIC
SPATIAL CONFIGURATION
EXPRESSIVE
MEANING
REPRESENTATIONS
SIGNIFICANCE
CAUSE-EFFECT
ø Oriboo // MIT
ø WebMediaMIT.edu
ø Xiangyu
ø Sylla

21. (TUI)
TANGIBLE USER INTERFACES
COMPUTER VISION
ø Reactivision//Reactable

22. INTERACTING WITH DATA
Ackoff, DIKW Model
ø DIKW Model Wikimedia//Wikipedia

23. INTERACTING WITH DATA

24. INTERACTING WITH DATA
CULTURAL HERITAGE EXAMPLE

25. INTERACTING WITH DATA
DATA & METADATA

26. INTERACTING WITH DATA
ø WordHoard Project

27. INTERACTING WITH DATA
ø MandalaBrowser

28. INTERACTING WITH DATA
The Deity Collector
ø DeityCollector @Trinkermedia

29. INTERACTING WITH DATA
The Deity Collector
Interaction methods
ø DeityCollector @Trinkermedia

30. THE INTERNET OF THINGS
(IOT)
ø SilliconLabs

31. EVERYTHING INTERACTS!
ø pngImg.com

32. @TrinkerMedia
Thank you.