Day 1: Media Landscape and Interactivity

1. Interactive & Transmedia
Storytelling
D A Y 1 : M E D I A L A N D S C A P E & I N T E R A C T I V I T Y
M A R I A C E C I L I A R E Y E S
D I G I T A L H U M A N I T I E S P H D S T U D E N T
R E S E A R C H E R A T I T D - C N R
1 1 / 0 6 / 2 0 1 8 - M A S T E R S C R I T T U R A C R E A T I V A E C O N T E N U T I D I G I T A L I
U N I V E R S I T À D E G L I S T U D I D I G E N O V A
w w w . x e h r e y e s . n e t

2. CYBERSPACE
H U M A N P E R C E P T I O N + D I G I T A L D A T A
W H E R E E V E R Y T H I N G H A P P E N S

3. T R A D I T I O N A L
M E D I A
D I G I T A L
M E D I A
R E A L I T Y
C O N T I N U U M

4. T R A D I T I O N A L
M E D I A
D I G I T A L
M E D I A
R E A L I T Y
C O N T I N U U M
P R I N T E D
T E L E C O M M U N I C A T I O N S
R A D I O
M O V I N G I M A G E : C I N E M A ,
A N I M A T I O N S , T V
S A T T E L I T E - B R O A D C A S T I N G
P H O T O G R A P H Y
V I N I L - T A P E S
P A I N T I N G S
W R I T T E N L A N G U A G E

5. T R A D I T I O N A L
M E D I A
D I G I T A L
M E D I A
R E A L I T Y
C O N T I N U U M
A R P A N E T
A U T O M A T I C C O M P U T I N G
E N G I N E
I N T E R N E T
D I S P L A Y S
H Y P E R T E X T
W W W 1 . 0 - 2 . 0 - 3 . 0
H C I
C L O U D
P R I N T E D
T E L E C O M M U N I C A T I O N S
R A D I O
M O V I N G I M A G E : C I N E M A ,
A N I M A T I O N S , T V
S A T T E L I T E - B R O A D C A S T I N G
P H O T O G R A P H Y
V I N I L - T A P E S
P A I N T I N G S
W R I T T E N L A N G U A G E

6. T R A D I T I O N A L
M E D I A
D I G I T A L
M E D I A
R E A L I T Y
C O N T I N U U M
P R I N T E D
T E L E C O M M U N I C A T I O N S
R A D I O
M O V I N G I M A G E : C I N E M A ,
A N I M A T I O N S , T V
S A T T E L I T E - B R O A D C A S T I N G
P H O T O G R A P H Y
A R P A N E T
A U T O M A T I C C O M P U T I N G
E N G I N E
I N T E R N E T
V I N I L - T A P E S
D I S P L A Y S
H Y P E R T E X T
W W W 1 . 0 - 2 . 0 - 3 . 0
M I X E D R E A L I T Y
R E A L W O R L D
A U G M E N T E D R E A L I T Y
V I R T U A L R E A L I T Y
A I
H C I
C L O U D
P A I N T I N G S
W R I T T E N L A N G U A G E

7. 1 . 0 2 . 0 3 . 0

8. R E A D A B L E + W R I T A B L E + I N T E L L I G E N T

9. W I L L W E
S T I L L D O
T H E
" S U R F I N G "
O R W I L L
T H E
M A C H I N E
S U R F F O R
U S ?

10. T R A D I T I O N A L
M E D I A
D I G I T A L
M E D I A
R E A L I T Y
C O N T I N U U M
P R I N T E D
T E L E C O M M U N I C A T I O N S
R A D I O
M O V I N G I M A G E : C I N E M A ,
A N I M A T I O N S , T V
S A T T E L I T E - B R O A D C A S T I N G
P H O T O G R A P H Y
V I D E O G A M E S
A U T O M A T I C C O M P U T I N G
E N G I N E
I N T E R N E T
F I L M - V I N I L - T A P E S
D I S P L A Y S
H Y P E R T E X T
1 . 0 - 2 . 0 - 3 . 0
M I X E D R E A L I T Y
R E A L W O R L D
A U G M E N T E D R E A L I T Y
V I R T U A L R E A L I T Y
A I
C L O U D
N E X T C O M P U T I N G
P L A T F O R M
H C I
P A I N T I N G S
W R I T T E N L A N G U A G E

11. The content of a new
medium is...

12. an old medium.
M a r s h a l l M c L u h a n
M A S S M E D I A T H E O R I S T

13. INTERACTIVITY
L E T ' S T A L K
P I C : " P O N G " A T A R I 1 9 7 2
humanhuman
machinehuman
machinemachine

14. We acquire the
knowledge of the world
through our senses.

15. HCI
H U M A N C O M P U T E R I N T E R A C T I O N
T O U C H
S M E L L
A U D I T I O N
T A S T E
S I G H T
T H O U G H T

16. CLI C O M M A N D L I N E I N T E R F A C E
G R A P H I C A L U S E R I N T E R F A C E
N A T U R A L U S E R I N T E R F A C E
GUI
NUI
T O U C H & G E S T U R E
A U D I O
V I S U A L
L O C A T I O N & M O T I O N
B I O M E T R I C S
N E X T :
- L E A P M O T I O N
- A L W A Y S W E A R
- O M N I T O U C H

17. THE EXPERIENCE ERA
N O W W E ' R E T A L K I N G !

18. Think the
experience as a
story, and the
story as an
experience.

19. Different content forms.
All in one!
HYPERMEDIA
Non Linear Structure -
Interactive MultimediaELECTRONIC MEDIA
Electricity + Mechanics
-Devices-
MULTIMEDIA
TRANSMEDIA
Transcend the
Media!!!
CROSSMEDIA
All trans content is
cross but not all
cross is trans.
Visual Arts: Combination of
supports, mediums and
materials.
PUSHED - EXTRAS - BRIDGES - EXPERIENCE!
MIXED MEDIA

20. INTERACTIVE
DIGITAL
STORYTELLING
/NARRATIVE
Not today
INTERACTIVE
FICTION /
HYPERFICTION

21. COMPONENTS OF
DIGITAL STORIES
VISUAL DESING
STRUCTURED CONTENT
INTEGRATED MEDIA
ENGAGEMENT OPPORTUNITIES
TECHNOLOGY INFRASTRUCTURE

22. THE
STORYWORLD
Do you want to
come in?

23. Spreadability vs. Drillability
Continuity vs. Multiplicity
Immersion vs. Extractability
Worldbuilding
Seriality
Subjectivity
Performance
JENKINGS 7
PRINCIPLES OF
TRANSMEDIA

25. Create a storyworld that moves along the
reality continuum.
Access to it through electronic media or with
your physical body.
Interact with it trough HCI and modify the
course of the events.
Experience the story.
Be part of it.
www.xehreyes.net

26. 1. Primo Impatto
2. Componenti dello Storyworld
3. Componenti Tecnologici
3. Tipo di Interazione
5. User Experience
6. Identificazione della Premessa
7. Possibili Applicazioni
8. Errori, cose da migliorare
1. https://www.justareflektor.com/
2. https://artsexperiments.withgoogle.com/xdegrees/
3. http://www.polarsea360.com/journey/fr/
4. https://niklasg.itch.io/secluded
5. https://www.nytimes.com/interactive/2016/12/08/magazine/great-performers-la-noir.html?smid=fb-
nytimes&smtyp=cur&_r=1#don-cheadle
Just in case: http://24hoursofhappy.com/
Activity

27. 1. http://a-way-to-go.com
2. https://justaline.withgoogle.com/
3. http://blabla.nfb.ca/#/blabla
4. https://speaktogo.withgoogle.com/#
5. https://insideabbeyroad.withgoogle.com/en