SlideShare a Scribd company logo
1 of 12
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
Example 1 from http://www.oriland.com/studio Provide information and tie other media elements together Provide information and tie other media elements together
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
[object Object],[object Object],[object Object],[object Object],[object Object],AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
Example 2 From http://e-learningforkids.org/Courses/EN/S0702/launch.html Provide information and tie other media elements together The buttons grouped on top of the page with the same typo /typeface. It helps student in navigating the learning content systematically. The instruction that is grouped as a column in guiding student to focus on what they should next.
Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The typography integrated with the image of the cupcake.
4.  How It Is Used and Applied for Learning In learning, the user must know the technical aspect of typography. This technical aspect will help the multimedia user or designer to come out with a good design, complete with applied message throughout the content because of the right usage of typography).  Character formatting determines the appearance of characters, like colour, typeface, font size, and font style. The following table illustrates some examples of character formatting: AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1  PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH
AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1  PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH  Typeface Size Style Principle of Multimedia Application Principle of Multimedia   Application Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application 6 point ,  8 point , 10 point,  12 point , 14 point ,  16 point , 20 point This is  bold . This is  italic . This is  underlined . This is  bold and italic. This is  italic and underlined .
Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The text helps in instructional design of the content flow. If the instruction is not shown, the user may misinterpret the function of “crystal ball” on the screen.
5. The Pros and Cons of Using It. The pros and cons are per-stated in the table below : PROs CONs Compared to other multimedia elements, text takes up the smallest amount of storage space. Varieties of typography style an colors to be choose Very little resources are needed to create and display text. Very much time needed for designers to choose the typeface, since there are varieties for typography. Text can be transmitted very quickly. If typography is not available in the client's computer, it may be substituted by other typefaces and the text may be displayed out of expectation. Some web pages consist of a “Text Only” version. This is to cater for users with slow Internet connection. If the typography is not applied creatively, the output of we/multimedia content will be dull and boring. Typography used to provide information and tie other media elements together. Wrongly use of typography will present a wrong perception and message to the viewer. Sometimes, it can be disturber if voiceover is applied in the same screen. Typography is usually, easily created through typing using a keyboard. For other typography rather than English, there are several input methods: As an example, there are more than 256 characters in Chinese, two bytes are used to encode Chinese characters. Similarly, text can be captured by additional handwriting recognition software.

More Related Content

Viewers also liked (9)

HOW TO PUBLICIZE E LEARNING TECHNOLOGY FOR DISASTER PREVENTION EDUCATION
HOW TO PUBLICIZE E LEARNING TECHNOLOGY FOR DISASTER PREVENTION EDUCATION HOW TO PUBLICIZE E LEARNING TECHNOLOGY FOR DISASTER PREVENTION EDUCATION
HOW TO PUBLICIZE E LEARNING TECHNOLOGY FOR DISASTER PREVENTION EDUCATION
 
Grafik Tasarım Temelleri Sunumu
Grafik Tasarım Temelleri SunumuGrafik Tasarım Temelleri Sunumu
Grafik Tasarım Temelleri Sunumu
 
Emine Sarsılmaz - Tipografi
Emine Sarsılmaz - Tipografi Emine Sarsılmaz - Tipografi
Emine Sarsılmaz - Tipografi
 
Technology organizational chart
Technology organizational chartTechnology organizational chart
Technology organizational chart
 
Tasarımın Temel İlkeleri
Tasarımın Temel İlkeleriTasarımın Temel İlkeleri
Tasarımın Temel İlkeleri
 
Technology Organizational Chart
Technology Organizational ChartTechnology Organizational Chart
Technology Organizational Chart
 
Inovasyon
InovasyonInovasyon
Inovasyon
 
E learning
E learning E learning
E learning
 
E Learning Objectives
E Learning ObjectivesE Learning Objectives
E Learning Objectives
 

Similar to Typoin e l-earning Azmawati

Dhir....technical communicatio
Dhir....technical communicatioDhir....technical communicatio
Dhir....technical communicatio
HEMANT KUMAR
 
Week-13-Media-and-Information-Literacy.pptx
Week-13-Media-and-Information-Literacy.pptxWeek-13-Media-and-Information-Literacy.pptx
Week-13-Media-and-Information-Literacy.pptx
dududadaa7
 
Digital Text
Digital TextDigital Text
Digital Text
Imtiaz Ahmad
 
Call - How to use chat
Call - How to use chatCall - How to use chat
Call - How to use chat
ayu_melati01
 
Ch.9 multimediatools
Ch.9 multimediatoolsCh.9 multimediatools
Ch.9 multimediatools
asheralicia
 
Ch9 multimediatools
Ch9 multimediatoolsCh9 multimediatools
Ch9 multimediatools
jhtrespa
 
Inclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practiceInclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practice
Staff Development
 
What is web-based video conferencing?
What is web-based video conferencing?What is web-based video conferencing?
What is web-based video conferencing?
Videoguy
 

Similar to Typoin e l-earning Azmawati (20)

Nt1330 Unit 3 Assignment 3
Nt1330 Unit 3 Assignment 3Nt1330 Unit 3 Assignment 3
Nt1330 Unit 3 Assignment 3
 
Heather stockton portfolio slideshare 20160919
Heather stockton portfolio slideshare 20160919Heather stockton portfolio slideshare 20160919
Heather stockton portfolio slideshare 20160919
 
Teaching Programming to Non-Programmers at Undergraduate Level
Teaching Programming to Non-Programmers at Undergraduate LevelTeaching Programming to Non-Programmers at Undergraduate Level
Teaching Programming to Non-Programmers at Undergraduate Level
 
CASPER Concept Modules
CASPER Concept ModulesCASPER Concept Modules
CASPER Concept Modules
 
Dhir....technical communicatio
Dhir....technical communicatioDhir....technical communicatio
Dhir....technical communicatio
 
Week-13-Media-and-Information-Literacy.pptx
Week-13-Media-and-Information-Literacy.pptxWeek-13-Media-and-Information-Literacy.pptx
Week-13-Media-and-Information-Literacy.pptx
 
Digital Text
Digital TextDigital Text
Digital Text
 
Goal Centre e-bulletin Jan 2015
Goal Centre e-bulletin Jan 2015Goal Centre e-bulletin Jan 2015
Goal Centre e-bulletin Jan 2015
 
Module III PROJECT
Module III PROJECTModule III PROJECT
Module III PROJECT
 
Call an overview
Call an overviewCall an overview
Call an overview
 
Chap12
Chap12Chap12
Chap12
 
Emerging technologies-The evolving roles of language teachers
Emerging technologies-The evolving roles of language teachersEmerging technologies-The evolving roles of language teachers
Emerging technologies-The evolving roles of language teachers
 
Call - How to use chat
Call - How to use chatCall - How to use chat
Call - How to use chat
 
Ch.9 multimediatools
Ch.9 multimediatoolsCh.9 multimediatools
Ch.9 multimediatools
 
Ch9 multimediatools
Ch9 multimediatoolsCh9 multimediatools
Ch9 multimediatools
 
Project 2 Grading Criteria English 202
Project 2 Grading Criteria English 202Project 2 Grading Criteria English 202
Project 2 Grading Criteria English 202
 
Multimedia Development and Evaluation
Multimedia Development and EvaluationMultimedia Development and Evaluation
Multimedia Development and Evaluation
 
Inclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practiceInclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practice
 
IRJET- A Pragmatic Supervised Learning Methodology of Hate Speech Detection i...
IRJET- A Pragmatic Supervised Learning Methodology of Hate Speech Detection i...IRJET- A Pragmatic Supervised Learning Methodology of Hate Speech Detection i...
IRJET- A Pragmatic Supervised Learning Methodology of Hate Speech Detection i...
 
What is web-based video conferencing?
What is web-based video conferencing?What is web-based video conferencing?
What is web-based video conferencing?
 

More from Azmawati Lazim

Week 4 Conducting Research Strategy for Brand
Week 4 Conducting Research Strategy for BrandWeek 4 Conducting Research Strategy for Brand
Week 4 Conducting Research Strategy for Brand
Azmawati Lazim
 
Gagne’s nine event activity
Gagne’s nine event activityGagne’s nine event activity
Gagne’s nine event activity
Azmawati Lazim
 

More from Azmawati Lazim (20)

Last lecture
Last lectureLast lecture
Last lecture
 
Week 6 Designing Identity
Week 6 Designing IdentityWeek 6 Designing Identity
Week 6 Designing Identity
 
Week 4 Conducting Research Strategy for Brand
Week 4 Conducting Research Strategy for BrandWeek 4 Conducting Research Strategy for Brand
Week 4 Conducting Research Strategy for Brand
 
Week 2 Lecturer on Corporate Indentity
Week 2 Lecturer on Corporate IndentityWeek 2 Lecturer on Corporate Indentity
Week 2 Lecturer on Corporate Indentity
 
Corporate Identity - Final Presentation Strategy
Corporate Identity - Final Presentation StrategyCorporate Identity - Final Presentation Strategy
Corporate Identity - Final Presentation Strategy
 
Sound digitalisation
Sound digitalisationSound digitalisation
Sound digitalisation
 
Digital audio
Digital audioDigital audio
Digital audio
 
Cyber law and introduction for undergrad
Cyber law and introduction for undergradCyber law and introduction for undergrad
Cyber law and introduction for undergrad
 
Impat of it
Impat of itImpat of it
Impat of it
 
Groupware tech
Groupware techGroupware tech
Groupware tech
 
E business
E businessE business
E business
 
Cyber law
Cyber lawCyber law
Cyber law
 
Keconomy 1
Keconomy 1Keconomy 1
Keconomy 1
 
Digital audio
Digital audioDigital audio
Digital audio
 
Gagne’s nine event activity
Gagne’s nine event activityGagne’s nine event activity
Gagne’s nine event activity
 
Week 3 Content Structure
Week 3 Content StructureWeek 3 Content Structure
Week 3 Content Structure
 
Azmawati Mohd Lazim_Creating learning objectives
Azmawati Mohd Lazim_Creating learning objectivesAzmawati Mohd Lazim_Creating learning objectives
Azmawati Mohd Lazim_Creating learning objectives
 
Weekly title
Weekly titleWeekly title
Weekly title
 
Project timeline
Project timelineProject timeline
Project timeline
 
Project timeline
Project timelineProject timeline
Project timeline
 

Recently uploaded

Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 

Typoin e l-earning Azmawati

  • 1.
  • 2.
  • 3.
  • 4. Example 1 from http://www.oriland.com/studio Provide information and tie other media elements together Provide information and tie other media elements together
  • 5.
  • 6.
  • 7. Example 2 From http://e-learningforkids.org/Courses/EN/S0702/launch.html Provide information and tie other media elements together The buttons grouped on top of the page with the same typo /typeface. It helps student in navigating the learning content systematically. The instruction that is grouped as a column in guiding student to focus on what they should next.
  • 8. Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The typography integrated with the image of the cupcake.
  • 9. 4. How It Is Used and Applied for Learning In learning, the user must know the technical aspect of typography. This technical aspect will help the multimedia user or designer to come out with a good design, complete with applied message throughout the content because of the right usage of typography). Character formatting determines the appearance of characters, like colour, typeface, font size, and font style. The following table illustrates some examples of character formatting: AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1 PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH
  • 10. AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1 PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH Typeface Size Style Principle of Multimedia Application Principle of Multimedia Application Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application 6 point , 8 point , 10 point, 12 point , 14 point , 16 point , 20 point This is bold . This is italic . This is underlined . This is bold and italic. This is italic and underlined .
  • 11. Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The text helps in instructional design of the content flow. If the instruction is not shown, the user may misinterpret the function of “crystal ball” on the screen.
  • 12. 5. The Pros and Cons of Using It. The pros and cons are per-stated in the table below : PROs CONs Compared to other multimedia elements, text takes up the smallest amount of storage space. Varieties of typography style an colors to be choose Very little resources are needed to create and display text. Very much time needed for designers to choose the typeface, since there are varieties for typography. Text can be transmitted very quickly. If typography is not available in the client's computer, it may be substituted by other typefaces and the text may be displayed out of expectation. Some web pages consist of a “Text Only” version. This is to cater for users with slow Internet connection. If the typography is not applied creatively, the output of we/multimedia content will be dull and boring. Typography used to provide information and tie other media elements together. Wrongly use of typography will present a wrong perception and message to the viewer. Sometimes, it can be disturber if voiceover is applied in the same screen. Typography is usually, easily created through typing using a keyboard. For other typography rather than English, there are several input methods: As an example, there are more than 256 characters in Chinese, two bytes are used to encode Chinese characters. Similarly, text can be captured by additional handwriting recognition software.