preparing teaching media - mahidol university
TRANSCRIPT
Preparing Teaching Media3, 10 กรกฎาคม 2562
รศ.ดร.นพ. ชัยเลิศ พชิิตพรชัย M.D., Ph.D.
ผู้อํานวยการ สถาบันนวตักรรมการเรียนรู้
มหาวทิยาลัยมหิดล
https://il.mahidol.ac.th
Principle of Making Teaching Media
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 2
1. Tell a story2. Keep it simple3. Text: Font & Color4. Multimedia:
- Graphic, Sound, Animation, Video5. Visualization: Animation & Video6. Cognitive load7. Mobile App: Kahoot
1. Tell a story Flow of idea From bottom up From basic to advance Logical sequence: Cause Effect Time sequence: Past Present Future
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 3
2. Keep it Simple Tell what you want to tell Clean background & Less distraction Not too much text
Large font Relevant pictures or diagram
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 4
3. Text: Font
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 5
Large font size Contain 3-6 bullets Font typeface Letter Case Paragraph Justification
Serif
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 6
Elegant, formal, confident and established Serif font typeface
Times Roman (and Times New Roman)
Angsana New Bookman Old Style Georgia
Sans Serif Lacks strokes at the ends of letters Modern, friendly, direct, clean and
minimal look Arial TahomaCordia New
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 7
Letter Case ALL UPPERCASE IS HARD TO READ all lowercase is ok for reading Mixing of Uppercase and Lowercase
may be more Readable
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 8
Paragraph: Left AlignLetter case (or just case) is the distinction between the letters that are in larger upper case (also uppercase, capital letters, capitals, caps, large letters, or more formally majuscule) and smaller lower case (also lowercase, small letters, or more formally minuscule) in the written representation of certain…
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 9
Paragraph: Right AlignLetter case (or just case) is the distinction
between the letters that are in larger upper case (also uppercase, capital letters, capitals,
caps, large letters, or more formally majuscule) and smaller lower case (also lowercase, small
letters, or more formally minuscule) in the written representation of certain…
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 10
Paragraph: JustifyLetter case (or just case) is the distinctionbetween the letters that are in larger uppercase (also uppercase, capital letters, capitals,caps, large letters, or more formally majuscule)and smaller lower case (also lowercase, smallletters, or more formally minuscule) in thewritten representation of certain…
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 11
3. Text: Color
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 12
ควรใชส้ีไม่เกิน 3-4 สี ความหมายของสี
Contrast Color Coding
Warm Cold
https://www.nixsensor.com/color-column-blue-green/color-wheel-chart/
4. Multimedia
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 13
A picture is worth a thousand words
https://www.phrases.org.uk/meanings/a-picture-is-worth-a-thousand-words.html
Making the Horse Drink the Water
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 14
https://yourstory.com/mystory/ee14bdd254-making-the-horse-drink-the-water
Diagram
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 15
5. Visualization
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 16
Space Size: too large / too small Dimension: 3D
Time Motion: too fast / too slow Invisible object visible Low contrast colorize Abstract issue concrete Audio-Visual Media
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 17
Visualization **
Too large: Solar system18รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล
http://sajri.astronomy.cz/asteroidgroups/inn-com-an.gif
Too small: Atom19รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล
http://www.micromountain.com/assets/sodimanim.gif
Too fast: Tennis20รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล
http://www.tips4tennis.com/pictures/sampras.gif
Too slow: Flower blooming21รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล
https://www.youtube.com/watch?v=2LC-MiLvWqk
Time-lapse Video
Invisible: Blood circulation
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 22
Low Contrast Colorize
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 23
Audio-Visual Media
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 24
Can you trust your ears?
https://www.youtube.com/watch?v=kzo45hWXRWU
6. Cognitive Load The used amount of working memory
resources Types of Cognitive Load
1. Intrinsic2. Germane3. Extraneous
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 25
Classification of Autonomic Nervous System
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 26
Parasympathetic Sympathetic
AdrenalineAcetylcholine
ANS 1. Intrinsic
Classification of Autonomic Nervous System
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 27
ANS
Parasympathetic Sympathetic
AdrenalineAcetylcholine
2. Germane
Classification of Autonomic Nervous System
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 28
ANS
Parasympathetic Sympathetic
AdrenalineAcetylcholine
2. Germane
Classification of Autonomic Nervous System
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 29
ANS
Parasympathetic Sympathetic
AdrenalineAcetylcholinehttps://lensstudio.snapchat.com/guides/3d/3d-animation/
3. Extraneous
7. Mobile App: Kahoot สร้างแบบสอบถามหรือแบบทดสอบ
https://kahoot.com/ เขา้ร่วมเล่น
https://kahoot.it/
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 30
Challenges Create Slide Presentation with the
suggested techniques Try using “Visualization Techniques”
Photograph by yourself Draw by yourself Make an animation
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 31
รศ.ดร.นพ. ชยัเลศิ พชิติพรชยั สถาบนันวัตกรรมการเรยีนรู ้ มหาวทิยาลัยมหดิล 32
About the speaker
Assoc.Prof.Dr. Chailerd PichitpornchaiM.D., Ph.D.
1. Director, Institute for Innovative Learning2. Dept. of Physiology, Fac. of Medicine Siriraj Hospital
Mahidol University
Mobile: 086-363-1539Email: [email protected]