2. INSTRUCTIONAL TECHNOLOGY
WHAT ?
The integration of teacher and student use
and knowledge of tools and techniques
to improve student learning.
(Smalding, L.Lowther & Rusell, 2012)
Devices that
helps learners
to comprehend
information
Forms of
communication
of information
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
8. INSTRUCTIONAL TECHNOLOGY
WHY ?
Assist in showing,
demonstrating and
explaining a
content
Acquiring knowledge
and skills during
and beyond the
training program
Also called training material or learning
tools
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
9. ADVANTAGES
INSTRUCTIONAL TECHNOLOGY
ARCS Model
(Attention, Relevance, Confident, Satisfaction)
Stimulate learners’
interest
Engage learners
with content
(Visual ,Text ,
Audio..etc)
Encourage application
of knowledge
and skills
Clarify concepts/
relationships
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
10. EXISTING MATERIAL
It is important to first look for existing
materials, which can be used or adapted to fit
the needs of a specific training course.
– Example 1: Use part of a video that involves
demonstration of a process or procedure, such as
computer/software skills.
– Example 2: Use a graphic organizer but modify it
to fit the contents of your training course.
10NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
11. ACTIVITY
Research Work Book
What is Instructional Technology ?
Example of Instructional Technology
Important of Instructional Technology
Advantages of Instructional Technology
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
12. s
TRADITIONAL &
EW MEDIA IN ART EDUCATION
NUR NABIHAH BINTI MOHAMAD NIZAR
ADE 620
EDUCATIONAL TECHNOLOGY FOR
ART EDUCATION
13. MEDIA
WHAT ?
The plural of
medium,
Communication
Facilitate
communication
Anything that carries information
between a source and a receiver
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
14. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
TEXTNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
15. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
AUDIONUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
16. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
VIDEONUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
17. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
VISUAL
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
18. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
MANIPULATIVESNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
19. CATEGORIES OF MEDIA
6 BASIC
CATEGORIES
OF MEDIA
PEOPLE
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
25. ASSIGNMENT 1
FIND TWO EXAMPLE OF
MEDIA USED IN EDUCATION
• VIEW THE CHANGES OF TRADITIONAL MEDIA TO NEW MEDIA
•DO IN RESEARCH WORK BOOK
•DO SOME REFLECTIONS/HISTORY
•NO PRINTED MATERIALS
MARKS : 15 %
•CONTENT & CREATIVITY : 10%
•PRESENTATION : 5 %
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
27. CLASS ACTIVITIES
• 10 years in future, how our classroom would look alike ?
Discuss. Why ?
• Technology in Malaysia is growing rapidly… did you
think the role of teacher will be slowly eliminated ?Discuss.
•Nowadays, we can easily get an information through an
Internet… in future what would happens to the books? Discuss
•With the advent of technology…it is not possible if one day
our school would allow the students to bring a gadget..Did
you agree if the students are allow to do that ? Discuss
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
29. VISUAL DESIGN
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
•Designing a visual begins with gathering or producing the individual
pictorial and text elements that you expect to use.
•Design vs Function
• Past studies : Annette et al. (2005) - produce corporate visual identity
(CVI) as the essence of an organizations. Researcher from Taiwan state
that visual communication play a major role in delivering an information to
consumers through packaging design (Wang & Chou, 2007). Research
from China applied the use of visual communication elements includes
text, colour and appeal design in designed moon cake international
packaging (Qing et al., 2012). Stokes (2012) indicated the use visual
components in order to produce visual aids and animated visuals in
teaching and learning process.
30. VISUAL DESIGN
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
VISUAL ELEMENTS TEXT ELEMENTS
ARRANGEMENT
BALANCE
COLOUR
VISIBILITY
APPEAL
TYPE OF STYLE
CAPITAL
SIZE
COLOUR
31. VISUAL ELEMENTS
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
VISUAL ELEMENTS
ARRANGEMENT
BALANCE
COLOUR
VISIBILITY
APPEAL
32. ARRANGEMENT
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
• Easy for reader to read and comprehend the information.
• Grab viewer’s attention
33. BALANCE
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
• The balance elements is used in designed an applications to ensure a stability on design
otherwise it disturbing the viewers to maintain their attention on a display.
• 3 types of balance : Formal balance, informal balance, imbalance
34. COLOUR
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
Harmoniousness of the colours is the main component need to be considered in the
selection of colour for display. The colour wheel generally become a visual analogy.
35. COLOUR
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
Complementary colour : Opposite
(Red, green, yellow, violet )
ddssadasdasdas
ddssadasdasdas
36. COLOUR
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
Anologous colour : Colours that lie
next to each other on the color
wheel
ddssadasdasdas
ddssadasdasdas
37. VISIBILITY
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
Visibility referred to what extent of viewer's brain can receive information depends
on how clear the information was presented.
38. APPEAL
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
As suggested by Bakar & Long, 2013, if the white background is choosen, the
appropriate colour for the font should be black. White colour are choosen as
background to ensure that there are lack of distraction for learners to grab an
information.
40. TEXT ELEMENTS
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
TEXT ELEMENTS
TYPE OF STYLE
CAPITAL
SIZE
COLOUR
41. TYPES OS STYLE
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
A plain lettering style represented sans serif and simple serif style of typeface was
recommended for straightforward informational purpose (Heinich et al., 2002).
43. TYPES OS STYLE
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
A plain lettering style represented sans serif
and simple serif style of typeface was recommended for
straightforward informational purpose
A plain lettering style represented sans serif
and simple serif style of typeface was recommended for
straightforward informational purpose
A plain lettering style represented sans serif
and simple serif style of typeface was recommended for
straightforward informational purpose
44. CAPITAL
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
HELLO TODAY NEWSPAPER FOR THE BEST READING ABILITY,
LOWERCASE LETTERS ONLY WHERE NORMALLY REQUIRED FOR
PHRASES THAT MORE THAN THREE WORDS
Hello today newspaper for the best reading ability,
lowercase letters only where normally required for
phrases that more than three words
45. CAPITAL
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
For the best reading ability, lowercase letters only where normally required for phrases
that more than three words (Heinich et al.,2002).
47. CAPITAL
NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION
A dark colour shows an effectives combination with white background (Heinich et
al.,2002);(Bakar & Long, 2013)
At this point, participants are also asked to work in groups to identify three more examples of existing materials they have used or adapted in the past.