SlideShare a Scribd company logo
1 of 34
Learning Competencies
⚫ Explore the principles of interactivity and rich content
in the context of Web 2.0 and the participation of the
user in the online experience (CS_ICT11/12-ICTPT-II-k-
14)
⚫ Share anecdotes of how he/she has used ICTS to be
part of a social movement. change, or cause to illustrate
aspects of digital citizenship CS_ICT11/12-ICTPT-II-I-
15)
HOW RICH MEDIA CONTENT AND
INTERACTIVITY AFFECTS THE
CHANGES THE USER
EXPERIENCE IN THE DELIVERY
AND CONSUMPTION OF ICT
CONTENT
Sharing content in the online world requires curation,
the process of gathering various contents on the web
and presenting it in an organized way around a
specific subject matter. But be mindful that content
alone may not be attractive to the viewers. This is the
part that multimedia enters the picture - where it
creates a wide array of online rich content.
Background Information for Learners
Rich Media
● This is an online advertising term for an ad that uses
advanced technology like video, audio, or other
elements that involve viewers to interact and engage
with the content as opposed to animation that is used
for viewing purpose only. It is synonymous to
interactive multimedia as it also uses multiple media
types. They are mostly created by agencies in order to
enhance user's experience, and obtain strong user
response and increase brand awareness.
Common
Rich Media
Types
Characteristic of Rich Media:
Advanced
animation and
more versatile
Has
greater file
size
Highly
interactive
and engaging
Dynamic
movement
Movement can
occur either
overtime or in
response to viewer's
interaction
provide web owners with a way to present additional content with
audio or video. Authoring tools used for this type of rich media
are Flash, Shockwave, Enliven and Blue Streak.
Banners and Badges
also called transitional, is playing between pages on a
website either in the main browser window or in a
smaller new window. When a viewer clicks on a link,
he/she is taken to the advertising page instead of the
page requested. Authoring tools used for this type of rich
media are Macromedia Flash and Adobe Live Motion.
Interstitial
- streaming media refers to a video that is downloaded to
the user's computer while they are viewing it. It plays
inside a publisher's video site before or after the
publisher site content plays. In-stream advertising is
typically served using Windows Media Player,
RealPlayer and Apple Quick Time.
In stream media
- is an ad floating above a webpage and it is
moving across the page that hosts it. Authoring
tools used for this type of rich media are
standard image editing software, Macromedia
Flash, Adobe Live Motion.
Floating media
- these are ads that expands when
clicked by the user or when the
user moves his mouse over it.
Expandable
Multimedia and
Interactivity
Often referred to as rich media, provides more
dynamic elements. It is by definition as any
form of content that deviates from normal and
static images which engages at the user's end.
Developing content that creates experience for
the user needs to be interactive -give a sense
of gaining something valuable..
Multimedia
The best way to accomplish this is
improved user experience is through rich
media content. Adding audio clips, music,
video, virtual reality and flash animation
will do the trick.
Multimedia
To create the right
multimedia for your
content, you must
consider the following:
consider your audience's age and
grade level so that you will know
how to adapt to their expected
reading ability and comprehension.
Target Audience
prepare the hardware and software
that you need.
Technology to be used
order the information from general to
specific. Make an outline through
the use of a story board. Review
and revise if essential.
Content Organization
aside from aesthetics, you should
consider a layout that guides users
what to do on the multimedia and
why they have to engage with it.
Interactive Design
basic principles of creating web-
based ICT content also applies
here color, layout, balance, and
contrast.
Graphic Design
consider a simple navigational design so
that users may not have to go through
too many layers of pages. Information
should be easily accessible.
Navigational Design
the content of your multimedia should be
readable, printable if you may opt to it
should be downloadable.
Textual Content
Interactivity, as defined by Technopedia refers to the
process of communication taking place between
humans and computer software. Software that do not
require any input from the user is said to have no
interactivity at all. We may not notice it all, but the most
common interactive program that we deal with is the
web browser.
What is interactivity?
Web based applications also offer different
forms of interactivity including hypertext whose
link may be in the form of video, audio and
games. Web interactivity is actually one of the
most important solutions that draws user's
attention and cause them to engage with the
page.
What is interactivity?
Characteristics of
Good Interactive
Websites
Simple
menu bar
Creative
mix of
visuals.
Clutter free
layout
Offers fun
browsing
Color
balance
No redirection
when
navigating
Neat text with
interesting
presentation of
information
Smooth
transition and
animation
Engaging
design
Q2-emtech_w1-1.pptx

More Related Content

What's hot

ICT in the context of global communication.pptx
ICT in the context of global communication.pptxICT in the context of global communication.pptx
ICT in the context of global communication.pptxLeifDizon1
 
11 Developing ICT Project for Social Change
11 Developing ICT Project for Social Change11 Developing ICT Project for Social Change
11 Developing ICT Project for Social ChangeTeodoro Llanes II
 
1 ICT and Its Current State.pptx
1 ICT and Its Current State.pptx1 ICT and Its Current State.pptx
1 ICT and Its Current State.pptxCHARLES BALSITA
 
Empowerment technologies
Empowerment technologiesEmpowerment technologies
Empowerment technologiesRufa Laguit
 
ICT For advocacy and Developmental Communication
ICT For advocacy and Developmental CommunicationICT For advocacy and Developmental Communication
ICT For advocacy and Developmental CommunicationDeoky5799
 
Media and Information Literacy
Media and Information LiteracyMedia and Information Literacy
Media and Information Literacyjannanavarra
 
Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Jesus Rances
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentLany Lyn Magdaraog
 
EMP TECH Q2 LESSON 1.pptx
EMP TECH Q2 LESSON 1.pptxEMP TECH Q2 LESSON 1.pptx
EMP TECH Q2 LESSON 1.pptxsherelynbalada1
 
Current and Future Trends of Media and Information - Part 1.pptx
Current and Future Trends of Media and Information - Part 1.pptxCurrent and Future Trends of Media and Information - Part 1.pptx
Current and Future Trends of Media and Information - Part 1.pptxMarylieNoran2
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Christine Joy Benedicto
 
8 Collaborative ICT Development
8 Collaborative ICT Development8 Collaborative ICT Development
8 Collaborative ICT DevelopmentTeodoro Llanes II
 
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICTJazzyNF
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentLany Lyn Magdaraog
 
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfPlanning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfEidene Joy Manuel
 
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationEmpowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationLany Lyn Magdaraog
 
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...Amber Espiritu
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 

What's hot (20)

ICT in the context of global communication.pptx
ICT in the context of global communication.pptxICT in the context of global communication.pptx
ICT in the context of global communication.pptx
 
11 Developing ICT Project for Social Change
11 Developing ICT Project for Social Change11 Developing ICT Project for Social Change
11 Developing ICT Project for Social Change
 
ICT as a Platform for Change
ICT as a Platform for Change ICT as a Platform for Change
ICT as a Platform for Change
 
1 ICT and Its Current State.pptx
1 ICT and Its Current State.pptx1 ICT and Its Current State.pptx
1 ICT and Its Current State.pptx
 
Empowerment technologies
Empowerment technologiesEmpowerment technologies
Empowerment technologies
 
EMPOWERMENT TECHNOLOGIES - LESSON 2
EMPOWERMENT TECHNOLOGIES - LESSON 2EMPOWERMENT TECHNOLOGIES - LESSON 2
EMPOWERMENT TECHNOLOGIES - LESSON 2
 
ICT For advocacy and Developmental Communication
ICT For advocacy and Developmental CommunicationICT For advocacy and Developmental Communication
ICT For advocacy and Developmental Communication
 
Media and Information Literacy
Media and Information LiteracyMedia and Information Literacy
Media and Information Literacy
 
Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Empowerment Technologies - Module 3
Empowerment Technologies - Module 3
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
 
EMP TECH Q2 LESSON 1.pptx
EMP TECH Q2 LESSON 1.pptxEMP TECH Q2 LESSON 1.pptx
EMP TECH Q2 LESSON 1.pptx
 
Current and Future Trends of Media and Information - Part 1.pptx
Current and Future Trends of Media and Information - Part 1.pptxCurrent and Future Trends of Media and Information - Part 1.pptx
Current and Future Trends of Media and Information - Part 1.pptx
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development
 
8 Collaborative ICT Development
8 Collaborative ICT Development8 Collaborative ICT Development
8 Collaborative ICT Development
 
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online Environment
 
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfPlanning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
 
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationEmpowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
 
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...
Compare & contrast the nuances of varied online platforms-CS_ICT11/12-ICTPT-I...
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 

Similar to Q2-emtech_w1-1.pptx

Q2_Module-1-Multimedia-and-ICT.pptx
Q2_Module-1-Multimedia-and-ICT.pptxQ2_Module-1-Multimedia-and-ICT.pptx
Q2_Module-1-Multimedia-and-ICT.pptxjuwe oroc
 
Multimedia and interactive
Multimedia and interactiveMultimedia and interactive
Multimedia and interactiveMaymay027
 
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptxEMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptxhonorofkings969
 
Multimedia
MultimediaMultimedia
MultimediaUtchi
 
Introduction To Multimedia
Introduction To MultimediaIntroduction To Multimedia
Introduction To MultimediaJomel Penalba
 
Empowerment Technologies Quarter 3 Module 1
Empowerment Technologies Quarter 3 Module 1Empowerment Technologies Quarter 3 Module 1
Empowerment Technologies Quarter 3 Module 1SheilaBungalan1
 
Final presentation
Final presentationFinal presentation
Final presentationfloridaforte
 
Multimedia Development and Evaluation
Multimedia Development and EvaluationMultimedia Development and Evaluation
Multimedia Development and EvaluationMechelle Tumanda
 
E-TECH Q2 Week 1 - Module 12 (1).pptx
E-TECH Q2 Week 1 - Module 12 (1).pptxE-TECH Q2 Week 1 - Module 12 (1).pptx
E-TECH Q2 Week 1 - Module 12 (1).pptxJohn Carlo Rollon
 
Intro to Multimedia.ppt
Intro to Multimedia.pptIntro to Multimedia.ppt
Intro to Multimedia.pptJane579419
 
Intro to Multimedia.ppt
Intro to Multimedia.pptIntro to Multimedia.ppt
Intro to Multimedia.pptAndrewBeka
 
Intro to Multimedia sdsdsadsdsdsd (1).ppt
Intro to Multimedia sdsdsadsdsdsd (1).pptIntro to Multimedia sdsdsadsdsdsd (1).ppt
Intro to Multimedia sdsdsadsdsdsd (1).pptdond38480
 
Managing and sustaining ict projects
Managing and sustaining ict projectsManaging and sustaining ict projects
Managing and sustaining ict projectsAubrey Mae Antonio
 

Similar to Q2-emtech_w1-1.pptx (20)

Q2_Module-1-Multimedia-and-ICT.pptx
Q2_Module-1-Multimedia-and-ICT.pptxQ2_Module-1-Multimedia-and-ICT.pptx
Q2_Module-1-Multimedia-and-ICT.pptx
 
Multimedia and interactive
Multimedia and interactiveMultimedia and interactive
Multimedia and interactive
 
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptxEMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
 
Multimedia
MultimediaMultimedia
Multimedia
 
Introduction To Multimedia
Introduction To MultimediaIntroduction To Multimedia
Introduction To Multimedia
 
Empowerment Technologies Quarter 3 Module 1
Empowerment Technologies Quarter 3 Module 1Empowerment Technologies Quarter 3 Module 1
Empowerment Technologies Quarter 3 Module 1
 
Final presentation
Final presentationFinal presentation
Final presentation
 
Multimedia1
Multimedia1Multimedia1
Multimedia1
 
Multimedia1
Multimedia1Multimedia1
Multimedia1
 
ICT
ICTICT
ICT
 
Chapter 1.1
Chapter 1.1Chapter 1.1
Chapter 1.1
 
Multimedia Development and Evaluation
Multimedia Development and EvaluationMultimedia Development and Evaluation
Multimedia Development and Evaluation
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
E-TECH Q2 Week 1 - Module 12 (1).pptx
E-TECH Q2 Week 1 - Module 12 (1).pptxE-TECH Q2 Week 1 - Module 12 (1).pptx
E-TECH Q2 Week 1 - Module 12 (1).pptx
 
Intro to Multimedia.ppt
Intro to Multimedia.pptIntro to Multimedia.ppt
Intro to Multimedia.ppt
 
Intro to Multimedia.ppt
Intro to Multimedia.pptIntro to Multimedia.ppt
Intro to Multimedia.ppt
 
Intro to Multimedia.ppt
Intro to Multimedia.pptIntro to Multimedia.ppt
Intro to Multimedia.ppt
 
Intro to Multimedia sdsdsadsdsdsd (1).ppt
Intro to Multimedia sdsdsadsdsdsd (1).pptIntro to Multimedia sdsdsadsdsdsd (1).ppt
Intro to Multimedia sdsdsadsdsdsd (1).ppt
 
EMPO ICT.pptx
EMPO ICT.pptxEMPO ICT.pptx
EMPO ICT.pptx
 
Managing and sustaining ict projects
Managing and sustaining ict projectsManaging and sustaining ict projects
Managing and sustaining ict projects
 

Recently uploaded

Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
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
 
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
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
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
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 

Recently uploaded (20)

Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
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
 
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
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
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
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 

Q2-emtech_w1-1.pptx

  • 1. Learning Competencies ⚫ Explore the principles of interactivity and rich content in the context of Web 2.0 and the participation of the user in the online experience (CS_ICT11/12-ICTPT-II-k- 14) ⚫ Share anecdotes of how he/she has used ICTS to be part of a social movement. change, or cause to illustrate aspects of digital citizenship CS_ICT11/12-ICTPT-II-I- 15)
  • 2. HOW RICH MEDIA CONTENT AND INTERACTIVITY AFFECTS THE CHANGES THE USER EXPERIENCE IN THE DELIVERY AND CONSUMPTION OF ICT CONTENT
  • 3. Sharing content in the online world requires curation, the process of gathering various contents on the web and presenting it in an organized way around a specific subject matter. But be mindful that content alone may not be attractive to the viewers. This is the part that multimedia enters the picture - where it creates a wide array of online rich content. Background Information for Learners
  • 4. Rich Media ● This is an online advertising term for an ad that uses advanced technology like video, audio, or other elements that involve viewers to interact and engage with the content as opposed to animation that is used for viewing purpose only. It is synonymous to interactive multimedia as it also uses multiple media types. They are mostly created by agencies in order to enhance user's experience, and obtain strong user response and increase brand awareness.
  • 5. Common Rich Media Types Characteristic of Rich Media: Advanced animation and more versatile Has greater file size Highly interactive and engaging Dynamic movement Movement can occur either overtime or in response to viewer's interaction
  • 6. provide web owners with a way to present additional content with audio or video. Authoring tools used for this type of rich media are Flash, Shockwave, Enliven and Blue Streak. Banners and Badges
  • 7. also called transitional, is playing between pages on a website either in the main browser window or in a smaller new window. When a viewer clicks on a link, he/she is taken to the advertising page instead of the page requested. Authoring tools used for this type of rich media are Macromedia Flash and Adobe Live Motion. Interstitial
  • 8. - streaming media refers to a video that is downloaded to the user's computer while they are viewing it. It plays inside a publisher's video site before or after the publisher site content plays. In-stream advertising is typically served using Windows Media Player, RealPlayer and Apple Quick Time. In stream media
  • 9. - is an ad floating above a webpage and it is moving across the page that hosts it. Authoring tools used for this type of rich media are standard image editing software, Macromedia Flash, Adobe Live Motion. Floating media
  • 10. - these are ads that expands when clicked by the user or when the user moves his mouse over it. Expandable
  • 12. Often referred to as rich media, provides more dynamic elements. It is by definition as any form of content that deviates from normal and static images which engages at the user's end. Developing content that creates experience for the user needs to be interactive -give a sense of gaining something valuable.. Multimedia
  • 13. The best way to accomplish this is improved user experience is through rich media content. Adding audio clips, music, video, virtual reality and flash animation will do the trick. Multimedia
  • 14. To create the right multimedia for your content, you must consider the following:
  • 15. consider your audience's age and grade level so that you will know how to adapt to their expected reading ability and comprehension. Target Audience
  • 16. prepare the hardware and software that you need. Technology to be used
  • 17. order the information from general to specific. Make an outline through the use of a story board. Review and revise if essential. Content Organization
  • 18. aside from aesthetics, you should consider a layout that guides users what to do on the multimedia and why they have to engage with it. Interactive Design
  • 19. basic principles of creating web- based ICT content also applies here color, layout, balance, and contrast. Graphic Design
  • 20. consider a simple navigational design so that users may not have to go through too many layers of pages. Information should be easily accessible. Navigational Design
  • 21. the content of your multimedia should be readable, printable if you may opt to it should be downloadable. Textual Content
  • 22. Interactivity, as defined by Technopedia refers to the process of communication taking place between humans and computer software. Software that do not require any input from the user is said to have no interactivity at all. We may not notice it all, but the most common interactive program that we deal with is the web browser. What is interactivity?
  • 23. Web based applications also offer different forms of interactivity including hypertext whose link may be in the form of video, audio and games. Web interactivity is actually one of the most important solutions that draws user's attention and cause them to engage with the page. What is interactivity?