teaching & learning art with technology: a whirlwind tour & workshop experience with
DESCRIPTION
Teaching & Learning Art with Technology: A Whirlwind Tour & Workshop Experience With Julia Hengstler Educational Technologist Faculty of Education Vancouver Island University Nanaimo, BC Canada. Julia Hengstler, Faculty of Education, Vancouver Island University. - PowerPoint PPT PresentationTRANSCRIPT
Teaching & Learning Teaching & Learning Art with Technology:Art with Technology:A Whirlwind Tour & A Whirlwind Tour &
Workshop ExperienceWorkshop ExperienceWith With
Julia HengstlerJulia HengstlerEducational TechnologistEducational Technologist
Faculty of EducationFaculty of EducationVancouver Island Vancouver Island
UniversityUniversityNanaimo, BC CanadaNanaimo, BC Canada
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Basic Skills to Use/Learn TodayLogging in to VIU Discovery AccountUsing a web browser (IE, Firefox)Accessing your U driveDownloading files from a website to your U driveToggling between 2 applicationsManipulating images (Paint &/or Word 2007)Accessing online resources for instructionUsing Zoomerang surveys
Julia Hengstler Faculty of Education Vancouver Island University
Locate U Drive: U drive is “safest” place to store your data on VIU computers
DO NOT use “My Documents” or the “C drive” Can be a good “back up” area for data
We’ll be storing material there today. Minimize the browser Double click on My Computer
Under “Network Drives” should see somethingwith your name or student number
Generally has U: after name Accessible anywhere on campus Access off campus through VPN
See VIU Technology page http://www.viu.ca/technology/employees/AtHomeVPN.asp
Julia Hengstler Faculty of Education Vancouver Island University
Make Folder in U Drive :Double click on your U drive iconFrom Menu at top click on “File”
Select “New” “Folder”Name the new folder “tech_activity”
Julia Hengstler Faculty of Education Vancouver Island University
Educational technology is about more than meeting students where they are or speaking their language:
It’s about leveraging new & existing tools to provide the most effective teaching AND learning opportunities.
Julia Hengstler Faculty of Education Vancouver Island University
Technology can effectively support optimal teaching & learning when you pick the right tool & use it appropriately.
VS
Julia Hengstler Faculty of Education Vancouver Island University
Yet we also need to stay open to creative & innovative uses of technology.Remember the Internet started as a military scientific research network in the US
Julia Hengstler Faculty of Education Vancouver Island University
Tech knowledge & skills only “stick” when you need to use them.
Tech knowledge & skills stay with you when you use them
repeatedly.
Julia Hengstler Faculty of Education Vancouver Island University
The Big Picture: Good Instructional Practice & Technology(don’t stress about remembering these practice & tech pieces—they’re examples & for your later reference!)
7 Principles of Good Education (Chickering & Gamson, 1987; adapted)
Good practice in education: encourages contact between students, families & teachersdevelops reciprocity & cooperation among studentsencourages active learninggives prompt feedbackemphasizes time on task communicates high expectationsrespects diverse talents & ways of learning.
Julia Hengstler Faculty of Education Vancouver Island University
#1 Technology to Encourage Contact Discussion Boards —for
activity/assignment Moodle, EdModo (no student email
accounts required), Google Apps, Catalyst
IM-ing MSN Messenger, Moodle, Google
Chat Texting
Cell phones, Blackberries, iPhones Web conferencing
MSN Messenger, Eyeball Chat, Google VOIP
Skype, MSN Messenger
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
# 2 Technology to Develop Student Reciprocity & Cooperation Creating learning teams
Moodle, Catalyst, Google Apps, Second Life, wikis, blogs
Group projects & assignments —open or closed groups
Moodle, Catalyst, Google Apps (Talk, Calendar, Notebook,Docs), file sharing (Pando), wikis, blogs
Breaking large groups into small groups or online discussions
Moodle, Catalyst, discussion boards, Google Apps
Writing Review /Workshops Peer review Instructor review Google Notebook, Docs, Discussion
boards, Moodle, Catalyst, MSN Messenger, live chat applications, SecondLife
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
# 3 Technology to Encourage Active Learning
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
#4 Technology to Give Prompt Feedback
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
#5 Technology to Emphasize Time on Task
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
#6 Technology to Communicate High Expectations Explaining assessment standards
online Posting all rubrics online Provide work product exemplars
for each “level” Posting all assignments &
timelines online Group/individual learning
contracts online Work shared/published online Online availability of course
materials/resourceshigh accountability (can’t forget it @ home)
Orientations for online courses
Course previews One + & - from outgoing students re.
course/teacher shared with incoming students
Work product examples of previous students Spelling out research resource
expectations Expect more than just Google search
hits Use quality of course
site/materials to set bar Use equipment/infrastructure to
set bar Provision of syllabus with
expectations for participation, attendance (F2F & online), etiquette, etc.
Julia Hengstler Faculty of Education Vancouver Island University
Adapted from the work of the TLT Group www.tltgroup.org
#7 Technology to Respect Diverse Talents & Ways of Learning Variety in communication—
phone, email, VOIP, video conferencing
Multimedia expectations in presentations (including teaching) & assignments
Incorporation of adaptive technology for all
Eg. Kurzweil, Boardmaker, Clicker Incorporation of diverse
viewpoints—culture, gender, age
Choice of activities—lectures, simulations, games, research, creating resources, podcasts—group, individual
Choice of ways to present learning—papers, websites, blogs, wikis, podcasts, digital images, videos
Incorporation of student discovered resources
Non-punitive attendance policy when most/all materials online—same performance expectations
Flexible pacingAdapted from the work of the TLT Group www.tltgroup.org
Julia Hengstler Faculty of Education Vancouver Island University
Challenges & Facilitators of Working with Technology
• Some challenges—what do you think?• Equipment availability—where, when• Student access outside of school
• Ensure equipment availability sometime during school day whether in class, lunch, etc.
• Software –cost, availability & installations, reviews, pilots, implementations
• Sufficient Pro-D & teacher “practice” time• Privacy of student/personal data• Shallow research—1st 10 Goggle hits
Julia Hengstler Faculty of Education Vancouver Island University
Challenges & Facilitators of Working with Technology
• Some facilitators—what do you think?• Many students want to use technology• Good content available• Access to experts• Flexibility of material presentation/assessment• Data used can be most current science• Keeps teachers/students/homes in closer contact• Helps with collaboration among students—and
teachers re. Pro-D
Julia Hengstler Faculty of Education Vancouver Island University
Everything you have students do should be educationally purposeful. Technology is an instructional tool: pick it to do a particular job—don’t throw it in as an extraneous add-on or gimmick.
=
As you think about incorporating technology, remember:
Julia Hengstler Faculty of Education Vancouver Island University
The Smaller Picture: Image Manipulation Activities
•As stand alone activity, skill for inclusion in reports, presentations, etc.•Less threatening to play with someone else’s material before creating your own....
Tech Tip: Flipping Between AppsYou may want to have the PPT open on your own computer
while you access the resources—or to work at your own pace. First, open the applications you want to use (e.g. browser &
PPT or PDF)NOTE: PPT must be in “Slide Show” to just click to follow links
Using KeyboardPress Alt &Tab at same timeScroll through the icons to make what you want visible/“on
top”
Getting the Online PPT In browser @ VIU Education, click on “ED Technology”
(lower left) to go to ED Tech page
Click on “Course Sessions Archive” @ left Scroll down to Art
From left menu in ED Tech, click on “Student Resources” for sub-menu
Click on the appropriate workshop for your skill level
Download & open the PPT or PDF Save to your U drive For PPT launch “Slide Show” NOTE: PPT must be in “Slide Show” to follow links
with just a click
The Paint Activity: The Image Exercises
Download an Image Modify an Image Add Text
Have Fun!
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 11. Getting & Opening Your Own Copy of “Starry Night”Open IE or Firefoxgo to
http://www.viu.ca/education/ed_tech/course_sessions/art/ms_paint/images/starry_night.gif (or click on the link provided)
Right click on the picture and “Save Picture As” to the Tech Activity folder you just made (you may need to browse using the “up folder” iconPlease name this file “starry_night.jpg” so we’re all using the
same name for the same fileNow go to Start (bottom left of screen) Accessories PaintIn PaintFileOpen and find your starry_night.jpg file
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 22. Enlarging/Cropping the Canvas & Making an Image ReflectionOpen your starry_night.jpg image in Paint—if not already open, find & open
from your U: drive folder “tech_activity”
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2Go to ImageAttributes change dimensions to 800 (wide) x 1000 (height)
pixels
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2Select “Starry Night” image from the canvas by using
the dotted rectangle tool.
Use your mouse to make a box around the image.
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2
04/21/23
When you move your mouse at the edges of the selected part, a mover icon should appear (4 pointed arrow).
Slide “Starry Night” to the far right leaving about ½-1 inch white space to the right. (We’ll call it “starry_1” for now.)
starry_1 should still be selected with a dotted outline. Use Control+C on the keyboard or go to EditCopy to
copy it.
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2Control+V on the keyboard or EditPaste to paste the copy. We’ll call the
copy “starry_2”.
starry_2 should still be selected (dotted outline). Use the mouse to move starry_2 below starry_1 lining up their edges.
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2starry_2 should still be selected
(dotted outline). Use the mouse to
move starry_2 below starry_1
lining up their edges.
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2With starry_2 still selected,
ImageFlip/RotateFlip Vertical.
04/21/23
With with starry_2 still selected,
ImageStretch/Skew then enter in
Stretch 50 for % vertical and in Skew
enter 50 degrees for horizontal. This will
compress the image vertically by ½ and
bend it 50 degrees
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 2starry_2 should still be selected, so move it until the edges line up with
starry_1. Here’s your reflection.
Now to crop the canvas, ImageAttributes800 pixels vertical.
FileSave As “starry_reflection”
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 33. Adding & Moving TextOpen your starry_reflection.jpg image—if not already open, find
& open it—in PaintLook for the “A” in the Paint tools on the left hand of the screen.
This creates a text box when you drag your mouse over the screen.
04/21/23
Click on the “A” and create a boxed area large enough for the text you want to write.
Select your font type, size, colour, etc. Type what you want in the box. Click on another part of the image.
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 33. Adding & Moving Text
Click on the rectangular selection tool (with dotted lines) Draw a rectangle around your text. Drag text around the screen. Drag it over the image—note that it has an opaque
background (this is the default setting)—then drag it somewhere else.
Warning: If you put it on the image, you will not be able to move it again without selecting the text and whatever is behind it. If you make a mistake, used Ctrl+Z or EditUndo to try and go back a step or two before the error.
Save as starry_text.jpg
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 4
04/21/23
4. Opaque vs. Transparent Background for Text
• Text backgrounds are either opaque or transparent. Text w/transparent backgrounds can be floated over other images.
• Most of what you’ve drawn has likely been opaque.
• To set background to transparent (or opaque) find the background iconmake your choice.
• Create new textSelect (rectangle)drag around the canvas to see the possible effects.
Julia Hengstler, Faculty of Education, Vancouver Island University
The Image Exercise: Activity 55. Playing with Starry Night
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Activity 5: Play with Image Open your starry_text.jpg image—if not already open, find & open it—in Paint
Some suggested image changes:
Moving the text to make room for new text: Select (rectangle tool)select all
the textdrag down the selected text
X-ing out “Reflection on A…”: select the Line toolchoose thickness in bars
below toolselect red in the color palettedraw 2 lines to x-out “Reflection on
the”.
Create new textbox on an empty whitespaceText toolchoose color as
blackViewText ToolbarCheck that you have the same font/size/style as
original textType whatever you’d like in the new box
Select (rectangle)select new textdrag new text above the x-out.
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Activity 5: More Suggestions...Pencil toolcolor from palettedraw a person on imagePaint brushselect tip from optionsselect colour from palettefill
in parts of the personShapes: pick a shapepick a form (outline; outline+fill [note the
background colour will be the fill and the foreground the line]; or fill+no outline)add to the image
Have fun—then Save As “starry_firstinitiallastname.jpg”e.g. starry_jhengstler.jpg for mine
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Finding Useful Resources
1) Look at the following slides where lists of resources are provided.
2) Follow at least 3 resource links from the slides.
3) On your worksheet from Heather, comment on with whom, how, when and where you might use these resources. Also, identify challenges you might face when using the materials.
Following a Few Links
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Some Resources:Lesson Plans & Strategies
•Art Lesson Plans via AskERIC http://www.eduref.org/cgi-bin/lessons.cgi/Arts
•Discovery School resource list http://school.discovery.com/schrockguide/arts/artarch.html•Kathy Schrock’s Site of the Week & Teacher Tips http://reg.cheetahmail.com/regp?aid=88808939&n=700•WebQuests for Art
http://www.gecdsb.on.ca/d&g/DP/locatora.asp (eg. Museum without Walls)
http://www.techtrekers.com/webquests•KinderArt http://www.kinderart.com/•A Lifetime of Color (Sandford)—range of materials from technique demos, featured artist area, lesson plans, games, activities, etc.
http://www.alifetimeofcolor.com/
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Other Resources:•Crayola for Educators
http://crayola.com/educators/index.cfm?n_id=5&mt=educators•Crayola Colouring Pages
http://crayola.com/activitybook/index.cfm?n_id=1&mt=activities•Crayola DigiColour (hint: if you want to save work electronically, select Print then when the printer window appears, select Print to File)
http://www.crayola.com/coloring_application/index.cfm?referrer=/activitybook/index.cfm&mt=digicolor
•Colouring Book Pageshttp://www.colouringbookpages.co.uk/
•A. Pintura, Art Detective (composition/art history; gr. 4+)http://www.eduweb.com/pintura/index.html
•Color Wizard (educational colouring book)http://www.imagisoft.com/wizard.htm
•Art Museums Online http://www.museumspot.com/art/
•Build a Virtual Gallery Flikr.com http://www.flickr.com
You have to create a Yahoo ID to create galleries; be sure to set your permissions for who can see/do what in your area.
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
More Useful Sites•KidPad (student visual authoring/storytelling)
http://www.cs.umd.edu/hcil/kiddesign/kidpad.shtml
•Tux Paint (children’s drawing software; free download) http://tuxpaint.org
•Graphics Software resources from About.com http://graphicssoft.about.com/od/softwareforkids/Graphics_Software_for_Kids_and_Young_Children.htm
•An Art Activityhttp://web.mala.bc.ca/webquests3/2001/dragon_art/title%20page.htm
DrawingCoach.com egs.Drawing the Human Head: Free Video Course
http://www.drawingcoach.com/figure-drawing-head.html Learn How to Draw Cartoon People
http://www.drawingcoach.com/cartoon-people.html
•Other Activities in Different Subjects (for ideas)http://web.mala.bc.ca/webquests3/2001/edte611.htmhttp://web.mala.bc.ca/webquests3/edte611-2.htm
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
Submit Work Products as Proof of Attendance:
1. Email completed image work to [email protected].
2. Submit Heather’s completed worksheet re. using resources in your art instruction directly to Heather.
3. Submit workshop survey either on paper form to Julia or complete @ Zoomerang: http://www.zoomerang.com/Survey/?p=WEB228S33QMQJR
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University
For further questions/support
Contact me:
Julia HengstlerEducation Technology Technician
Email: [email protected] Office: Bldg 356-223
Hours: Mon., Wed/Thurs. 8:30-2:30Or by appointment
Phone: 753-3245 x 2630
04/21/23
Julia Hengstler, Faculty of Education, Vancouver Island University