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
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
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
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
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
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
1 . 0 2 . 0 3 . 0
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
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 ?
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
The content of a new
medium is...
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
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
We acquire the
knowledge of the world
through our senses.
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
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
THE EXPERIENCE ERA
N O W W E ' R E T A L K I N G !
Think the
experience as a
story, and the
story as an
experience.
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
INTERACTIVE
DIGITAL
STORYTELLING
/NARRATIVE
Not today
INTERACTIVE
FICTION /
HYPERFICTION
COMPONENTS OF
DIGITAL STORIES
VISUAL DESING
STRUCTURED CONTENT
INTEGRATED MEDIA
ENGAGEMENT OPPORTUNITIES
TECHNOLOGY INFRASTRUCTURE
THE
STORYWORLD
Do you want to
come in?
Spreadability vs. Drillability
Continuity vs. Multiplicity
Immersion vs. Extractability
Worldbuilding
Seriality
Subjectivity
Performance
JENKINGS 7
PRINCIPLES OF
TRANSMEDIA
Interactive and Transmedia Storytelling [Day 1]
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
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
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

More Related Content

PDF
Rp2-2015 - Experience - Tools n Methods
PDF
Rp2-2015-Interface & digital experiences
PDF
DPU SUMMER LAB PROPOSAL GROUP A
PPTX
Concentrado de internet
PDF
What is Student Centered Coaching?
PDF
Mapping as Strategy/Structure/Scaffold
PDF
#TweetSmarter Webinar 2.0: Learn from the Experts How to Drive More Conversi...
PDF
Part 2: Leadership & Innovation Tactics
Rp2-2015 - Experience - Tools n Methods
Rp2-2015-Interface & digital experiences
DPU SUMMER LAB PROPOSAL GROUP A
Concentrado de internet
What is Student Centered Coaching?
Mapping as Strategy/Structure/Scaffold
#TweetSmarter Webinar 2.0: Learn from the Experts How to Drive More Conversi...
Part 2: Leadership & Innovation Tactics

What's hot (20)

PDF
Admissions Brain Dump
PDF
DIY vs. LSEDIFY: Marketing Strategies for a Resource-Strapped World
PDF
Implementing Brand Patterns
PDF
On the shoulders of Giants: Stop looking up, and Start Looking Down
PDF
Project Management & Innovation
PDF
Feels.js
PDF
The Evolution and Future of Content Publishing
PDF
i-lovelearning Madrid 2017 | The Role of L&D in the Modern Organisation [EN]
PPTX
Mindy Weinstein - Precon - Current Search Strategies That Will Increase You...
PDF
Domínio: Dividir e conquistar
PDF
EdTech & New Media
PPTX
Gabe Tartaglia - Engaging in a Connected World With the Power of Audio
PDF
Google Glasses for the Masses
PDF
FinalPresentation_JPD
PDF
Final presentation
PPTX
Web of Lies: Using Technology to reclaim the truth
PDF
Information Privilege - Critical Approaches to Access and Advocacy
PDF
Reimagining Retail by @JohnBatistich
PDF
How to Optimize your Professional Network by Mikus Kins
PDF
HOW PARTICIPATING IN CANNABIS INVESTING FORUM WEBINAR CAN BENEFIT YOU
Admissions Brain Dump
DIY vs. LSEDIFY: Marketing Strategies for a Resource-Strapped World
Implementing Brand Patterns
On the shoulders of Giants: Stop looking up, and Start Looking Down
Project Management & Innovation
Feels.js
The Evolution and Future of Content Publishing
i-lovelearning Madrid 2017 | The Role of L&D in the Modern Organisation [EN]
Mindy Weinstein - Precon - Current Search Strategies That Will Increase You...
Domínio: Dividir e conquistar
EdTech & New Media
Gabe Tartaglia - Engaging in a Connected World With the Power of Audio
Google Glasses for the Masses
FinalPresentation_JPD
Final presentation
Web of Lies: Using Technology to reclaim the truth
Information Privilege - Critical Approaches to Access and Advocacy
Reimagining Retail by @JohnBatistich
How to Optimize your Professional Network by Mikus Kins
HOW PARTICIPATING IN CANNABIS INVESTING FORUM WEBINAR CAN BENEFIT YOU
Ad

Similar to Interactive and Transmedia Storytelling [Day 1] (20)

PDF
Telling Stories
PDF
Mms 5950 presentation slides
PDF
Transmedia Storytelling - An Introduction
PPT
Transmedia prez masterclass marseilles 2011
PDF
STORY, MEET CODE.
PPT
Lec1 2 introduction to Multimedia
PPT
Lec1 2 introduction
PDF
Design Revolution Sarasota 081020
PDF
Creating an animated video with Two distinct AI-powered animation workflows..pdf
PDF
I Minds2009 Future Media Prof Rik Van De Walle (Ibbt Mm Lab U Gent)
PDF
Transmedia-Primer
PDF
Danish Film Institute Keynote
PPTX
Transmedia storytelling
PDF
The Age Of Transmedia: How Brands Can Tell Better Stories
PPTX
Virtual reality
PPTX
Transmedia and Augmented Reality
PPTX
INTRODUCTION TO INTEGRATIVE MEDIA
PPTX
Transmedia Storytelling
PPTX
Virtual worlds (2)
PPTX
multimedia_topic[1].pptx tle 8 porgrammin
Telling Stories
Mms 5950 presentation slides
Transmedia Storytelling - An Introduction
Transmedia prez masterclass marseilles 2011
STORY, MEET CODE.
Lec1 2 introduction to Multimedia
Lec1 2 introduction
Design Revolution Sarasota 081020
Creating an animated video with Two distinct AI-powered animation workflows..pdf
I Minds2009 Future Media Prof Rik Van De Walle (Ibbt Mm Lab U Gent)
Transmedia-Primer
Danish Film Institute Keynote
Transmedia storytelling
The Age Of Transmedia: How Brands Can Tell Better Stories
Virtual reality
Transmedia and Augmented Reality
INTRODUCTION TO INTEGRATIVE MEDIA
Transmedia Storytelling
Virtual worlds (2)
multimedia_topic[1].pptx tle 8 porgrammin
Ad

More from Università degli Studi di Genova (12)

PDF
Interactive Fiction in Cinematic Virtual Reality
PDF
New Media + Didattica Museale [Part 2]
PDF
New Media + Didattica Museale [Part 1]
PDF
Interactive and Transmedia Storytelling [Day 3]
PDF
Interactive and Transmedia Storytelling [Day 2]
PDF
Narración Interactiva en Realidad Virtual: Vivir la Película
PDF
PDF
PDF
Cs 3. Diseño de la narrativa transmediatica
PDF
Cs 2. del cross al trans
PDF
Cs 1. Conceptos Básicos Transmedia
Interactive Fiction in Cinematic Virtual Reality
New Media + Didattica Museale [Part 2]
New Media + Didattica Museale [Part 1]
Interactive and Transmedia Storytelling [Day 3]
Interactive and Transmedia Storytelling [Day 2]
Narración Interactiva en Realidad Virtual: Vivir la Película
Cs 3. Diseño de la narrativa transmediatica
Cs 2. del cross al trans
Cs 1. Conceptos Básicos Transmedia

Recently uploaded (20)

PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
PPT
What is a Computer? Input Devices /output devices
PDF
How IoT Sensor Integration in 2025 is Transforming Industries Worldwide
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Five Habits of High-Impact Board Members
PPT
Geologic Time for studying geology for geologist
PPTX
Modernising the Digital Integration Hub
PDF
Architecture types and enterprise applications.pdf
PPTX
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
PPTX
2018-HIPAA-Renewal-Training for executives
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
A proposed approach for plagiarism detection in Myanmar Unicode text
PPTX
The various Industrial Revolutions .pptx
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
CloudStack 4.21: First Look Webinar slides
PDF
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
PDF
Developing a website for English-speaking practice to English as a foreign la...
Credit Without Borders: AI and Financial Inclusion in Bangladesh
What is a Computer? Input Devices /output devices
How IoT Sensor Integration in 2025 is Transforming Industries Worldwide
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Zenith AI: Advanced Artificial Intelligence
Five Habits of High-Impact Board Members
Geologic Time for studying geology for geologist
Modernising the Digital Integration Hub
Architecture types and enterprise applications.pdf
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
2018-HIPAA-Renewal-Training for executives
Chapter 5: Probability Theory and Statistics
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
A proposed approach for plagiarism detection in Myanmar Unicode text
The various Industrial Revolutions .pptx
sustainability-14-14877-v2.pddhzftheheeeee
CloudStack 4.21: First Look Webinar slides
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
Developing a website for English-speaking practice to English as a foreign la...

Interactive and Transmedia Storytelling [Day 1]

  • 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
  • 21. COMPONENTS OF DIGITAL STORIES VISUAL DESING STRUCTURED CONTENT INTEGRATED MEDIA ENGAGEMENT OPPORTUNITIES TECHNOLOGY INFRASTRUCTURE
  • 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