second third week ade 620

47
INSTRUCTIONA TECHNOLOG NUR NABIHAH BINTI MOHAMAD NIZAR ADE 620 EDUCATIONAL TECHNOLOGY FOR ART EDUCATION

Upload: nurnabihah-mohamad-nizar

Post on 20-Jan-2017

221 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Second third week ade 620

INSTRUCTIONALTECHNOLOGY

NUR NABIHAH BINTI MOHAMAD NIZAR

ADE 620EDUCATIONAL TECHNOLOGY FOR

ART EDUCATION

Page 2: Second third week ade 620

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 thathelps learners

to comprehendinformation

Forms of communication of information

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 3: Second third week ade 620

INSTRUCTIONAL MATERIAL• Attendance sheets• Handouts• Presentations• Media/Technology (e.g. videos, podcasts,

computer, software tools)• Simulations• Job Aids• Graphic Organizers• Charts/Flip Chart• Posters• Instructional guides• Checklists• Case studies• Assessment Rubrics• Quizzes• Post-tests

3NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 4: Second third week ade 620

INSTRUCTIONAL MATERIAL

E X A M P L ENUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 5: Second third week ade 620

INSTRUCTIONAL MATERIAL

AUGMENTED REALITYNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 6: Second third week ade 620

INSTRUCTIONAL MATERIAL

AUGMENTED REALITYNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 7: Second third week ade 620

INSTRUCTIONAL MATERIAL

AUGMENTED REALITYNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 8: Second third week ade 620

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

Page 9: Second third week ade 620

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

Page 10: Second third week ade 620

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

Page 11: Second third week ade 620

ACTIVITY

Research Work BookWhat is Instructional Technology ?

Example of Instructional Technology

Important of Instructional Technology

Advantages of Instructional Technology

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 12: Second third week ade 620

sTRADITIONAL &

NEW MEDIA IN ART EDUCATION

NUR NABIHAH BINTI MOHAMAD NIZAR

ADE 620EDUCATIONAL TECHNOLOGY FOR

ART EDUCATION

Page 13: Second third week ade 620

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

Page 14: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

TEXTNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 15: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

AUDIONUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 16: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

VIDEONUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 17: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

VISUALNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 18: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

MANIPULATIVESNUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 19: Second third week ade 620

CATEGORIES OF MEDIA

6 BASICCATEGORIES

OF MEDIA

PEOPLENUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 20: Second third week ade 620

TRADITIONAL MEDIA

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 21: Second third week ade 620

TRADITIONAL MEDIA

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 22: Second third week ade 620

NEW MEDIA

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 23: Second third week ade 620

NEW MEDIA

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 24: Second third week ade 620

NEW MEDIA

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 25: Second third week ade 620

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

Page 26: Second third week ade 620

EXAMPLE

In year 1960s....bla…bla…Bla..bla…bla…Bla..bla…bla…Bla..bla…bla…

This projector...bla…bla…Bla..bla…bla…Bla..bla…bla…Bla..bla…bla…

The innovation of ..bla…bla…Bla..bla…bla…Bla..bla…bla…Bla..bla…bla…

The new version..bla…bla…Bla..bla…bla…Bla..bla…bla…Bla..bla…bla… NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 27: Second third week ade 620

CLASS ACTIVITIES

• 10 years in future, how our classroom would look alike ?Discuss. Why ?

• Technology in Malaysia is growing rapidly… did youthink 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 dayour 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

Page 28: Second third week ade 620

VISUALDESIGN

NUR NABIHAH BINTI MOHAMAD NIZAR

ADE 620EDUCATIONAL TECHNOLOGY FOR

ART EDUCATION

Page 29: Second third week ade 620

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.

Page 30: Second third week ade 620

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

Page 31: Second third week ade 620

VISUAL ELEMENTS

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

VISUAL ELEMENTS

ARRANGEMENT

BALANCE

COLOUR

VISIBILITY

APPEAL

Page 32: Second third week ade 620

ARRANGEMENT

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

• Easy for reader to read and comprehend the information.• Grab viewer’s attention

Page 33: Second third week ade 620

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

Page 34: Second third week ade 620

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.

Page 35: Second third week ade 620

COLOUR

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Complementary colour : Opposite (Red, green, yellow, violet )

ddssadasdasdas

ddssadasdasdas

Page 36: Second third week ade 620

COLOUR

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Anologous colour : Colours that lie next to each other on the color wheel

ddssadasdasdas

ddssadasdasdas

Page 37: Second third week ade 620

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.

Page 38: Second third week ade 620

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.

Page 39: Second third week ade 620

APPEAL

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

RED

YELLOW

RED , ORANGE

RED

RED

Page 40: Second third week ade 620

TEXT ELEMENTS

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

TEXT ELEMENTS

TYPE OF STYLE

CAPITAL

SIZE

COLOUR

Page 41: Second third week ade 620

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).

Page 42: Second third week ade 620

TYPES OS STYLE

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 43: Second third week ade 620

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

Page 44: Second third week ade 620

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

Page 45: Second third week ade 620

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).

Page 46: Second third week ade 620

SIZE

NUR NABIHAH BINTI MOHAMAD NIZAR|FACULTY OF EDUCATION

Page 47: Second third week ade 620

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)