SlideShare a Scribd company logo
1 of 46
INFORMATION
AND MEDIA
MARK JHON C. OXILLOPrepared by:
What is
INTERACTIVITY?
the communication
process that takes
place between
humans and computer
software
INTERACTIVE MEDIA
a method of
communication in which
the program's outputs
depend on the user's
inputs, and the user's
inputs in turn affect the
EXAMPLE:
EXAMPLE:
EXAMPLE:
HOW DO YOU INTERACT IN :
facebook
like share tag
react comment
HOW DO YOU INTERACT IN :
Instagra
mdirect
message
share tag
heart comment
PLATFORMS OF
INTERACTIVE
MEDIA
PLATFORMS OF INTERACTIVE
MEDIA:
MOBILE APPLICATIONS
3D TV
VIDEO GAMES
(MULTIPLAYER)
ROLE-PLAYING GAMES
(RPG)
SOCIAL MEDIA
PLATFORMS OF INTERACTIVE
MEDIA:
 MASSIVELY MULTIPLAYER
ONLINE ROLE-PLAYING GAME
(MMORPG)
 INTERACTIVE WEBSTES
(EXAMS, SURVEY, ETC)
 VIRTUAL REALITY AND
IMMERSIVE ENVIRONMENT
MOBILE APPLICATIONS
a software application
developed specifically for
use on small, wireless
computing devices such as
smartphones and tablets,
rather than desktop or
laptop computers
MOBILE APPLICATIONS
3D TV
a television display
technology that enables a
three-dimensional effect, so
that viewers perceive that an
image has depth as well as
height and width, similar to
objects in the real world
3D TV
Video Games (Multiplayer)
a game played by
electronically manipulating
images produced by
a computer program on a
television screen or other
display screen. Multiplayer
games allow two or more
players to play with one
Video Games (Multiplayer)
Role-Playing Game (RPG)
a game in which players
assume the roles of
characters in a fictional
setting.
Role-Playing Game (RPG)
Social Media
Massively Multiplayer Online Role
Playing Game (MMORPG)
any story-driven online
video
game in which a player,
taking on the persona of a
character in a virtual or
fantasy world,
interacts with a large
Massively Multiplayer Online Role
Playing Game (MMORPG)
Massively Multiplayer Online Role
Playing Game (MMORPG)
Massively Multiplayer Online Role
Playing Game (MMORPG)
Interactive Websites
Virtual Reality
the computer-generated
simulation of a 3D image or
environment that can be
interacted with in a seemingly
real or physical way by a person
using special electronic
equipment, such as a helmet with
a screen inside or gloves fitted
Virtual Reality
TYPES OF
TERACTIVITY
9
IN
TYPES OF INTERACTIVITY
1. CLICK ON IMAGE
TYPES OF INTERACTIVITY
2. HOTSPOT - a special
region to act as a trigger to
another web page. The
hotspot could be a circle,
triangle, rectangle or polygon
HOTSPOT
TYPES OF INTERACTIVITY
3. ROLLOVER - an image or
portion of an image that
changes in appearance
when the mouse cursor
moves over it
ROLLOVER
TYPES OF INTERACTIVITY
4. TABS - clicking on them
displays a relevant content
with an appropriate graphic
TABS
TYPES OF INTERACTIVITY
5. TIMELINE - a menu slide
that branches to different
events
TIMELINE
TYPES OF INTERACTIVITY
6. NUMBERS/PROCESSES
- the number of clicks and
the time spent in an
interactive function provide
data points
TYPES OF INTERACTIVITY
7. SLIDESHOW - non-linear
interactive slideshow where
the pathway through the
show is determined by the
user's interaction with it
SLIDESHOW
TYPES OF INTERACTIVITY
8. Frequently Asked
Questions (FAQs) - a list of
questions and answers
relating to a particular
subject, especially one giving
basic information for users of
a website.
Frequently Asked Questions
(FAQs)
TYPES OF INTERACTIVITY
9. Flip Cards - a card that
when clicked flips to display
a description and other info.
Flip Cards
Flip Cards
END

More Related Content

What's hot

Low-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMobLow-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMobLisa Woods
 
An Overview of Interactive Surfaces: Applications, Sensors, and Dimensions
An Overview of Interactive Surfaces: Applications, Sensors, and DimensionsAn Overview of Interactive Surfaces: Applications, Sensors, and Dimensions
An Overview of Interactive Surfaces: Applications, Sensors, and Dimensionsgaup_geo
 
Stephens patrick mobilepresentation
Stephens patrick mobilepresentationStephens patrick mobilepresentation
Stephens patrick mobilepresentationPatrick Stephens
 
XY Tablet Presentation
XY Tablet PresentationXY Tablet Presentation
XY Tablet PresentationXY Mobile
 
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User ExperiencesUsing Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User Experiencesgoodfriday
 
Surface computing1
Surface computing1Surface computing1
Surface computing1Kumar Gaurav
 

What's hot (9)

Low-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMobLow-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMob
 
An Overview of Interactive Surfaces: Applications, Sensors, and Dimensions
An Overview of Interactive Surfaces: Applications, Sensors, and DimensionsAn Overview of Interactive Surfaces: Applications, Sensors, and Dimensions
An Overview of Interactive Surfaces: Applications, Sensors, and Dimensions
 
Seminar
SeminarSeminar
Seminar
 
Stephens patrick mobilepresentation
Stephens patrick mobilepresentationStephens patrick mobilepresentation
Stephens patrick mobilepresentation
 
XY Tablet Presentation
XY Tablet PresentationXY Tablet Presentation
XY Tablet Presentation
 
14 585
14 58514 585
14 585
 
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User ExperiencesUsing Microsoft Silverlight for Creating Rich Mobile User Experiences
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
 
Essay 2
Essay 2Essay 2
Essay 2
 
Surface computing1
Surface computing1Surface computing1
Surface computing1
 

Similar to 16 interactive-information-and-media

16-interactive-information-and-media-171008025451.pdf
16-interactive-information-and-media-171008025451.pdf16-interactive-information-and-media-171008025451.pdf
16-interactive-information-and-media-171008025451.pdfricardovigan
 
Human Computer Interface Augmented Reality
Human Computer Interface Augmented RealityHuman Computer Interface Augmented Reality
Human Computer Interface Augmented Realityijtsrd
 
IRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual RealityIRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual RealityIRJET Journal
 
Ubiquitous computing applications
Ubiquitous computing applicationsUbiquitous computing applications
Ubiquitous computing applicationsHamza Malik
 
COMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESCOMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESho58
 
Workshop SXSW 2017 - Iskander Smit - The Shape of New Things
Workshop SXSW 2017 - Iskander Smit - The Shape of New ThingsWorkshop SXSW 2017 - Iskander Smit - The Shape of New Things
Workshop SXSW 2017 - Iskander Smit - The Shape of New ThingsIskander Smit
 
Virtual Reality Technology Business Solutions‎
Virtual Reality Technology Business Solutions‎Virtual Reality Technology Business Solutions‎
Virtual Reality Technology Business Solutions‎VRsutz Brossard
 
Virtual reality Amusement center - VRsutz
Virtual reality Amusement center - VRsutzVirtual reality Amusement center - VRsutz
Virtual reality Amusement center - VRsutzVRsutz Brossard
 
Virtual reality report
Virtual reality reportVirtual reality report
Virtual reality reportSujeet Kumar
 
Mixede reality project report
Mixede reality project reportMixede reality project report
Mixede reality project reportsanamsanam7
 
Virtual reality report
Virtual reality reportVirtual reality report
Virtual reality reportVamsi Putta
 
Hihihihihihihivivivirtual reality.ppt.pptx
Hihihihihihihivivivirtual reality.ppt.pptxHihihihihihihivivivirtual reality.ppt.pptx
Hihihihihihihivivivirtual reality.ppt.pptxfijomiy607
 

Similar to 16 interactive-information-and-media (20)

16-interactive-information-and-media-171008025451.pdf
16-interactive-information-and-media-171008025451.pdf16-interactive-information-and-media-171008025451.pdf
16-interactive-information-and-media-171008025451.pdf
 
Human Computer Interface Augmented Reality
Human Computer Interface Augmented RealityHuman Computer Interface Augmented Reality
Human Computer Interface Augmented Reality
 
IRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual RealityIRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual Reality
 
Ubiquitous computing applications
Ubiquitous computing applicationsUbiquitous computing applications
Ubiquitous computing applications
 
Vr & ar 1
Vr & ar 1Vr & ar 1
Vr & ar 1
 
Technical seminar report
Technical seminar reportTechnical seminar report
Technical seminar report
 
3D Virtual Worlds
3D Virtual Worlds3D Virtual Worlds
3D Virtual Worlds
 
Virtual reality report
Virtual reality reportVirtual reality report
Virtual reality report
 
Cg notes
Cg notesCg notes
Cg notes
 
COMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTESCOMUTER GRAPHICS NOTES
COMUTER GRAPHICS NOTES
 
Workshop SXSW 2017 - Iskander Smit - The Shape of New Things
Workshop SXSW 2017 - Iskander Smit - The Shape of New ThingsWorkshop SXSW 2017 - Iskander Smit - The Shape of New Things
Workshop SXSW 2017 - Iskander Smit - The Shape of New Things
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
Virtual Reality Technology Business Solutions‎
Virtual Reality Technology Business Solutions‎Virtual Reality Technology Business Solutions‎
Virtual Reality Technology Business Solutions‎
 
Virtual reality Amusement center - VRsutz
Virtual reality Amusement center - VRsutzVirtual reality Amusement center - VRsutz
Virtual reality Amusement center - VRsutz
 
Virtual reality report
Virtual reality reportVirtual reality report
Virtual reality report
 
Mixede reality project report
Mixede reality project reportMixede reality project report
Mixede reality project report
 
Augmented reality report
Augmented reality reportAugmented reality report
Augmented reality report
 
Virtual reality report
Virtual reality reportVirtual reality report
Virtual reality report
 
Hihihihihihihivivivirtual reality.ppt.pptx
Hihihihihihihivivivirtual reality.ppt.pptxHihihihihihihivivivirtual reality.ppt.pptx
Hihihihihihihivivivirtual reality.ppt.pptx
 
3D Internet
3D Internet3D Internet
3D Internet
 

Recently uploaded

How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentInMediaRes1
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,Virag Sontakke
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxAvyJaneVismanos
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 

Recently uploaded (20)

9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media Component
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Final demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptxFinal demo Grade 9 for demo Plan dessert.pptx
Final demo Grade 9 for demo Plan dessert.pptx
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 

16 interactive-information-and-media