Teaching & Learning Art with Technology: A Whirlwind Tour & Workshop Experience With

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


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”


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.


Technology can effectively support optimal teaching & learning when you pick the right tool & use it appropriately.

VS


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


Tech knowledge & skills only “stick” when you need to use them.

Tech knowledge & skills stay with you when you use them

repeatedly.


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.


#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


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



# 3 Technology to Encourage Active Learning



#4 Technology to Give Prompt Feedback



#5 Technology to Emphasize Time on Task



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



#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


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


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


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:


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


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


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


The Image Exercise: Activity 2Go to ImageAttributes change dimensions to 800 (wide) x 1000 (height)

pixels

04/21/23


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


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.


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


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


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


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


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.


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


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.


The Image Exercise: Activity 55. Playing with Starry Night

04/21/23


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


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


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


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


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


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


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


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
