How to Engage Visual Learners in Your SENCER Course

1. How to Engage Visual Learners in Your SENCER Course Jim RobinsonInstructional DesignerUW-Parkside

2. Learning Style Preference: Sensory & Visual Styles* • Learners showed a preference toward a sensory learning style rather than an intuitive style • 57 percent were markedly sensory-oriented, and another 21 percent were mildly sensory-oriented. • Sensory learners acquire information by connecting it to the real world, while intuitive learners prefer abstract concepts. • Sensory learners acquire information by connecting it to the real world, while intuitive learners prefer abstract concepts. • There was a pronounced preference for a visual learning style, with 44 percent being markedly visually- oriented • An additional 8 percent being mildly visually-oriented. • Visual learners acquire information by seeing pictures, while verbal learners get more out of hearing and words. *The study used a population of Library Information Science students. Data: http://www.ifla.org/IV/ifla68/papers/047-093e.pdfInventroy: http://www.ncsu.edu/felder-public/ILSdir/styles.htm

3. Concrete vs Abstract Thinking

4. SENCER and Instructional Design • Design is essentially a rational, logical, sequential process intended to solve problems.1 • For the term “design process,” we can also read “problem-solving process” • identification and analysis of a problem or need • proceed through a structured sequence in which information is researched and ideas explored • formative evaluation until the optimum solution to the problem or need is devised. 2 1. Jones, J.C. (1970) “Design Methods and Technology: Seeds of Human Futures” 2. http://atschool.eduweb.co.uk/trinity/watdes.html

5. Not always the Whole Lesson:Gap Analysis • A “gap” is a crevasse in the flow of course curriculum whereby the learning objectives are not being met (a gap in what is vs what should be). • A “Needs Assessment” to determine how to close the gap. • What prerequisite knowledge is necessary for learner success with a concept? • A gap can also be a lack if interest or motivation, which results in a lack of engagement with the content

6. What is Technology It comes from the Greek 'tekhnologia' and the Latin 'technologia', meaning a systematic treatment. The root is the Greek word 'tekhne' - an art or craft. “A rock can be a technological tool … and if it is the best one for the job… use it!”

7. Word PowerPoint (PPT) SnagIt Photoshop Overhead Projector Handouts Whiteboard Document Camera Newspaper (current) The text Computer/Projector Networked Memory device USB (512 Mb min.) CD SmartBoard Clickers Types of Visual Content Presentational Tools • Advanced Organizers • Diagrams • Pictures • Manipulatives • Animation • Video Software Tools

8. Presentational Tools • Overhead Projector • Draw freehand -> Vis-a-Vis • Embed graphic(s) in WP file -> print a transparency • One idea per slide • Different types – Xerox, Inkjet Printer, “Original” - CAREFUL • Inkjet – create image (SnagIt), Flip horizontally (Photoshop), Print • Handouts • Embed graphic(s) in WP file -> print a hardcopy • Whiteboard • Draw freehand -> vis-à-vis • Document Camera • Newspaper (current “real” information - civic engagement ) • The text w/ transparency • 3-D objects that you do not pass around

9. Presentational Tools (cont) • Computer/Projector • Networked to reach outside the classroom • Memory device (most reliable method) • USB (512 Mb min.) or CD (700 Mb) • SmartBoard • On screen annotation of digital file (white board) • Touch screen – face the students • Screen capture and file conversion – Smart Notebook • Course Mgmt System – D2L, Blackboard • Highlight in class what you want them to do outside of class • Design activities to include it from Day 1 – • In syllabus - Make it count • Have a reason for using it – links to graphical information • Clickers: Graphical representation – active participation

10. Types of Visual Content • Advanced Organizers or Graphic Organizers • Provide visual structure for recognizing relationships • Can employ brainstorming to generate ideas and show connections among them. • Make linkages obvious and explicit • On board/transparency – fill it in • In PowerPoint – animation, but static • Inspiration and Visio are software products for creating graphic organizers

11. Accident Advanced Organizer Example Not Attentive Stop Sign

12. Photoshop Types of Visual Content (cont) • Diagrams/graphs • Scanner, Internet Image search, Excel –> Powerpoint • Pictures • Sources • Scanner • Download (copyright) - Save as file vs copy/paste • Snag (SnagIt) • Digital camera • Characteristics • Composed of Pixels • File type jpg, gif, bmp, tif, png, pict … • Adjusting size (Photoshop) • Resolution – number of dots per inch - purpose? Print or screen? 300 dpi or 72 dpi

13. Finding Pictures on the web: • Google Advanced Image search: Keyword “wave interference” • Altavista Image search: Keyword “wave interference” • Metacrawler Advanced Image search: Keyword “wave interference” • Dogpile Advanced Image search: Keyword “wave interference”

14. SnagIt: copy/pastewebsite pizzazz

15. SnagIt Features • Graphics capture program • Drag the mouse across a region of the screen to select what you capture • Can use copy/paste from Preview window – no need to keep track of files/directories • Be aware of copyright restrictions • Features • Academic Pricing

16. Diagrams/graphs PPT: Slide Layout

17. Diagrams/graphs PPT: Chart

18. Diagrams/graphs PPT: Chart Options • Double on graph to make active • Right click over graph • Right click NOT over graph but inside boundary

19. Diagrams/graphs PPT: Chart Type

20. Diagrams/graphs PPT: Chart Options

21. Diagrams/graphs PPT: Copy/Paste from Excel into the slide

22. Diagrams/graphs PPT: Copy/Paste from Excel into the PowerPoint Chart Datasheet • Excel -> copy data • In PPT make chart active revealing the datasheet • Highlight the same number of rows/cols in the Datasheet as in Excel • Paste

23. Diagrams/graphs PPT: Copy/Paste from Excel into the PowerPoint Chart Datasheet

24. Diagrams/graphs PPT: Copy/Paste from Excel into the PowerPoint Chart Datasheet (cont) Clean up – re-format Final option … for today -> link to excel file

25. Types of Visual Content (cont) • Manipulatives • Document Camera (Doc Cam) • Opaque Projector + • Provides enlargement – lecture halls • Zoom feature

26. Types of Visual Content (cont) • Animation/Simulation • Ppt – Custom Animation/Animation Schemes • student example1 • student example 2 • Web-based – Flash, applets, animated gifs • Example 1 The Universe Within • Example 2

27. Types of Visual Content (cont) 1 More student example…

28. Each number is made up of tens and ones. Which column is the ones? ones ones tens Author: Ryan Mueller

29. What happens if we add other numbers to 9? ones tens ones tens 1 2 1 4 Review Author: Ryan Mueller

30. Types of Visual Content (cont) • Video • Web Search Strategies • Streaming Video – downloads a little at a time creating the possibility for students on a modem to watch at home • Common File Types • avi – large higher quality • mpeg – good choice • mov – quicktime (typical format for mac) • rm/ram – Real player file – fading • wmv – windows media player

31. Video File Types and PPT • Audio Video Interleave (.avi) are displayed within PowerPoint. AVI is the most common format for audio/video data on the PC. • Motion Picture Experts Group (mpg, mpeg) will display in PowerPoint and have the smallest file size. • PowerPoint will not display either QuickTime (.mov) or Real Media (.rm). To show them a hyperlink must be made to the file.

32. Finding Video on the Web: Google Google Web Keywords: "wave interference" applet flash animation Google Advanced Video Search: http://video.google.com/videoadvancedsearch wave interference http://www.youtube.com/watch?v=FhRMBJMuS9o http://www.youtube.com/watch?v=IZgYswtwlT8 Image Search: “wave interference” Waves http://www.srjc.moe.edu.sg/physics/physresos.htm

33. Digital Video: Google Video shatters.net :: View topic - Physics and astronomy education videos ... are a number of very interesting good physics and astronomy videos available through Google video ... Also a number of documentaries an astronomy from the Intellegent Design viewpoint.

34. Finding Video: Dogpile vs. Altavista • http://www.dogpile.comBest for News sourcesan odd result • bbc video • http://news.bbc.co.uk/nolavconsole/ifs_news/hi/nb_wm_fs.stm?news=1&nbram=1&nbwm=1&bbram=1&bbwm=1&nol_storyid=4632011&checkedBandwidth=nb&checkedMedia=asx&subtitles=hide&alreadySeen=1 • http://www.altavista.com/video/defaultkeywords: galaxy collision http://terpsichore.stsci.edu/~summers/viz/mhs/ http://faraday.uwyo.edu/~rberring/movies/movie.b50E.mpeg Altavista is my recommendation for finding academic content

35. Altavista Digital Video: mpeg files Dubbed the "Tadpole," this spiral galaxy is unlike the textbook images of stately galaxies. Its distorted shape was caused by a small interloper, a very blue, compact galaxy visible in the upper right corner of the more massive Tadpole. Source: http://hubblesite.org/newscenter/archive/releases/2002/11/image/a

36. Alta vista video (continued) • - Keywords: Chemical Reaction • .avi files (huge) http://www.urc.cc/mag/videos.htm • http://www.cs.ntu.edu.au/homepages/jodip/matter/topics/les17/17c.htm • http://www.cs.ntu.edu.au/homepages/jodip/matter/topics/les17/precip.mpg

37. Digital Camera Video: .wmv file

38. Copy paste from Word to PPT Syllabus TEDU 230-001

39. Word: Draw tools

40. Right click over the line and choose Format AutoShape from the menu. Click the Colors and Lines tab. This dialog box tab allows you to adjust: Line Color Dashed Style Weight (redundant to Style) and add arrowheads to the tips. Arrows Begin style End Style Note: One can also layer lines over images

41. Multiple Choice Fill in the blank Checklist Rating Scale Essay Simulation All can be based upon visual information Assessment: How • Portfolio (electronic)

42. Sample Problem 1. A harbor is having trouble with rough water getting past the breakwater. On the diagram to the right draw the location an additional barrier(s) to provide maximum relief. The city at most can only afford three barriers and the length of each cannot exceed two wavelengths. harbor

43. Thank you Questions? Comments? Contact informaton robinson@uwp.edu262-595-2068

44. Back Sensing and Intuitive Learner Characteristics • Sensing learners tend to like learning facts, intuitive learners often prefer discovering possibilities and relationships. • Sensors often like solving problems by well-established methods and dislike complications and surprises; intuitors like innovation and dislike repetition. Sensors are more likely than intuitors to resent being tested on material that has not been explicitly covered in class. • Sensors tend to be patient with details and good at memorizing facts and doing hands-on (laboratory) work; intuitors may be better at grasping new concepts and are often more comfortable than sensors with abstractions and mathematical formulations. • Sensors tend to be more practical and careful than intuitors; intuitors tend to work faster and to be more innovative than sensors. • Sensors don't like courses that have no apparent connection to the real world; intuitors don't like "plug-and-chug" courses that involve a lot of memorization and routine calculations. Source: http://www.ncsu.edu/felder-public/ILSdir/styles.htm