DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and...

54
DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more

Transcript of DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and...

Page 1: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

DR. A. STYLIANOU

U N I V E R S I T Y O F C O L O G N EJ U LY 2 , 2 0 1 0

Technology in Education: Internet, Web 2.0, and more

Page 2: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Outline

The changing classroomWhat is Web 2.0Web 2.0 tools for student and teachers

Blogs, Wikis, Podcasting Learning Environments, Virtual Classrooms, Virtual Worlds Social Bookmarking & Other Sharing Twitter & RSS Discussion Forums, Online Communities and Social

NetworksWeb 2.0 and Language LearningWeb 2.0 risks, issues, and gainsIn the Lab - Practice Session

Page 3: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Changing classroom

Page 4: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 5: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

What is Web 2.0?

Brainstorming

Page 6: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 – another view

“It is the radical democratization of media which is enabling anyone to publish anything on the Internet. Mainstream media's traditional audience has become Web 2.0's empowered author. Web 2.0 transforms all of us -- from 90-year-old grandmothers to eight-year-old third graders -- into digital writers, music artists, movie makers and journalists. Web 2.0 is YouTube, the blogosphere, Wikipedia, MySpace or Facebook. Web 2.0 is YOU!”

Andrew Keen (Time Magazine's Person of the Year for 2006)

Page 7: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

What is Web 2.0?

Key Characteristics The web as a platform Harness collective intelligence User-generated content Collaborative Loosely connected individuals

Also known as Social Media

What makes them “social” Collaboration Community Sharing Openness

Page 8: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 9: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 facilitates

CommunicationInformation sharingInteroperabilityUser-centered designRemote collaborationLecture captureExperimentationClassroom memoryCommunities of

interest

EngagementExperiential learningProject-based

learningCross-cultural

sensitivityReflective thinkingGroup workDifferent learning

stylesStudent-centered

learning

Page 10: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

General tools

Web conferencingOnline librariesRSS feed generatorsTwittersPhoto & video editingProblem solvingAnimation

Digital magazinesOrganizersPlannersJournals Resume buildersWeb site builders…

Page 12: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 14: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Social networking is educational

“According to a recent study by the University of Minnesota, the use of social networking sites is narrowing the technological divide between low- and high-income kids in that they are all learning vital computer, communication and socialization skills while using these networks. What we found was that students using social networking

sites are actually practicing the kinds of 21st century skills we want them to develop to be successful today”

From http://www.rhastings.net/archives/139

Page 15: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Blogs

Create content – usually single author Include text, links, images, video, sound Connect to outside content

Share with your students Engage & empower the students Invite them to comment, react, share their thoughts and ideas Build a conversation with and between the students Showcase student work Have students create their own blogs and comment on the blogs

of others Follow the evolution of their writing and thinking over time

Open up the classroom walls to the world Connect to other teachers, students, classrooms Examples

http://yollisclassblog.blogspot.com/ http://missbakersbiologyclass.com/blog/ (search goldfish) http://nobles.typepad.com/isearch/

How to do it? http://www.blogger.com

Page 16: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Blogs

+ Great archive+ “link love”: Google loves them+ foster dialog+ great exposure+ insightful comments

- Comments might need moderation

[source: Peter Bihr, workshop at UOC]

Page 17: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 18: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Wikis

What is it about? Easily editable web pages Collaborative content creation

- Create together, contribute- Edit other people’s contributions- Keep track of and even reverse changes

Encourage student interaction Facilitate group work Students can post their projects for others to see. Can include text, audio, video,

images Access to the class from outside of school Work from other students from around the world -

http://myschool.wikia.com/wiki/WikiVille Examples

Henry IV wiki – 9th grade - http://reidenglish.wikispaces.com/ How to do it?

Google Sites Wikispaces - http://www.wikispaces.com/

Page 19: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Wikis

+ Knowledge transfer+ Easy+ Collaborative

- Time consuming? Secure

Page 20: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Podcasting

What Portable content Content sharing

Why? Download & listen to wherever you want Record & share your lessons Tap into student creativity

Tools for creating Podcasts Audacity Windows Movie Maker Apple Garage Band

Resources The Education Podcast Network Podcasts for educators

Page 21: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 22: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Learning Environments

Course Management Systems (CMS)Virtual Learning Environments (VLE)Learning Management Systems (LMS)Collaboration and Learning Environments

(CLE)

Features: Collaboration tools: wikis, blogs, calendars, discussion

forum, feedback, … Teaching & learning tools: syllabus, lessons,

assignments, gradebook, tests & quizes, activity reports, …

Page 23: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Modular object oriented dynamic learning environment

Learning Environments

Using Moodle in the classroom

Page 24: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Let’s try this one in the lab

Learning Environments

Page 26: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Virtual Worlds

E-Learning platformHold classesEducational Uses of Second Lif

e (7”)

SL in Education presentation (1hr20”)

Education in SL: Explore the Possibilities (6”)

Social Networking Communities of practice

- E.g., Webheads@Edunation

Page 27: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 28: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 29: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Social Bookmarking & Other Sharing

Scoopler: http://www.scoopler.com – Meta socialDigg: http://digg.com – Content sharingFlickr: http://www.flickr.com – Photo sharingDelicious: http://delicious.com – Social BookmarkingGroup research and discussion -

http://www.diigo.com/education Shared files, folders, documents -

https://www.dropbox.com/ Shared knowledge: Google knols

Live events: CoverItLive http://www.coveritlive.com

Page 30: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Collaboration -

http://wave.google.com/ What is it?

http://www.youtube.com/watch?v=rDu2A3WzQpo Overview:

http://www.youtube.com/watch?v=p6pgxLaDdQw 15 features:

http://www.youtube.com/watch?v=xBzuuWZPaXc Wavebots: http://googlewavebots.info/

Page 31: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

RSS

RSS – Really Simple Syndication Web feeds (channels)

- Can be news headlines, audio, video Users can subscribe When you update or create new content, the user’s

RSS reader retrieves it automatically Example: RSS feeds at UNC Charlotte

Page 32: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Twitter

Twitter Social networking and microblogging service Send and read messages known as tweets Text based, up to 140 characters Displayed on author’s profile page Delivered to subscribers (followers) Can restrict access or allow open access Can receive online or through SMS

Page 33: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Twitter in Education

Use cases include: Communications tool for collaborating researchers To get students to focus in a concise way on a topic For conference attendees to discuss topics To track topics (by keyword) Get instant, informal feedback Classroom “back channel” Immediate communication with students while not in

class

[source: Peter Bihr, workshop at UOC]

Page 34: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 35: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.
Page 36: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Discussion Forums, Online Communities, and Social Networks

Discussion Forum Modern bulletin board User generated content Can register or be anonymous Threads Some are moderated Examples

Page 37: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Social Networks - Ning

Create your own social network – http://www.ning.com Own your member dataMember profile pagesCan use blogs, forums, videos, imagesRun your own adsAdd an online storeAdd eventsBuilt-in fundraising toolsUse groups to organize the participantsEasy integration with Facebook, twitter, tec.Example: Teachers Using TechnologyNing in Education

Page 38: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Social Networks - Grou.ps

Page 39: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 & Language Learning

Blogs Englishclub.com http://www.eflblogs.com/ Top 100 Language Blogs

Podcasts and Vodcasts Listen-to-english.com ELT Podcast iTunes free language lessons – 35 languages Handspeak.com

Online Communities, wikis, etc italki.com Busuu.com Livemocha – 6 million users Learning language through technology - technoLOTE

Page 40: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 & Language Learning

What about Google Translate - http://translate.google.com Type phonetically using Roman characters - Google

transliteration - http://www.google.com/transliterate/ Do you speak a language but cannot read its script?

Google script converter - http://scriptconv.googlelabs.com/

Interact and speak with someone virtually in Second Life

Page 41: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

More wonderful teaching tools

Classroom protected blogs - http://classchatter.com/ Brainstorming & thinking guides

http://www.exploratree.org.uk/ http://bubble.us

Collaborative document creation (etherpad.org) http://primarypad.com/ http://typewith.me/

Collaborate some more VoiceThread - http://voicethread.com

Interactive Posters - Glogster EDU - http://edu.glogster.com/ http://libraryfan2.edu.glogster.com/glog-basics/ http://librariantiff.edu.glogster.com/web20apps/

Install poll - http://www.polleverywhere.com/ Talking photos - http://blabberize.com/ Storybook creator for kids

http://www.kerpoof.com/ http://www.tikatok.com/

Talking avatars - http://www.voki.com/

Page 42: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 Risks

Information overloadPrivacyLosing the audienceLiabilitiesCosts: time-consumingLosing control

[source: Peter Bihr, workshop at UOC]

Page 43: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 Issues

Social media are unordered & messyTechnology problems

Unstable software Adoption speed – how to keep up? Fear of being left

behindConstant partial attention

Are you listening?Inequity in student accessInstitutional restrictionsTime constraintsWhich is real and which is virtual?

Page 44: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Web 2.0 Gains

Constructive dialogKnowledge transfer and learningEngagingTransparencyDirect feedbackMore efficient communicationCollaboration & teamworkWisdom of crowdsAggregation of information, data, ideas from

everywhereStudents already using more engaged

Page 46: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Can we learn while playing

Page 47: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Edtechteacher Wiki challenge #1!Create & edit your wiki page

1.Sign up for a free wiki at: http://www.wikispaces.com/site/for/teachers 2.Choose a “space” name for your wiki that’s memorable, and says a little bit to kids about

what the wiki is about3.Once you have joined, click out of the introduction and begin to “Edit” 4.Write a paragraph that says a bit about what you are hoping to gain from teaching with

web 2.0a) Set the title of your paragraph as “Heading 1” textb) Use bold, italics, and colored text at various points in your paragraphc) Save when you are finished

5.Below your paragraph, start a list of links to favorite resources. Add 3 links. Use a “Heading 1” title for this list.

6.Below the links, add links to your groupmates’ pages in “Heading 2”. Hint: Look for the “Insert Hyperlinks” button

7.Find at least one image on your computer and add it to your wiki page. Note: small images are much easier to work with. Hint: Click on Insert Image and using the bottom box in the pop up menu. Save it!

8.Create a new page and name it (“Unit 1,” “labs,” “Grammar,” “Projects,” etc).9.Find an image on the web and add this image to your new page.

a) You can download the image to your computer and then upload it to your wiki page,b) OR: You can get the URL for an image by right clicking the image and choosing “Copy Image Location.”

10.Add the url in the appropriate box11.Upload a PDF, Word, or Excel document to your wiki page. Save it!

[Source: Tom Daccord, http://edtechteacher.org ]

Page 48: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Edtechteacher Wiki challenge #2! Manage your wiki

1.Invite your group members to join your wiki (Hint: Look in “Manage Space.”)

2.Set your wikispace permissions to “protected.”3.Set up notifications so you can monitor “all

changes” to your wikispace, and receive email updates.

4.Change the wikispace time zone.5.(optional) Apply a new ‘pre-made’ theme.

Help your groupmates. Make sure that everyone is up to speed!

Page 49: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Edtechteacher Wiki challenges #3, 4!

Challenge #3: Start and respond to a Discussion1. Click on the discussion tab on your wiki page and start a “thread”

entitled something like: “Where to go from here?”2. Go to one of your groupmate’s pages. Read their paragraph about

what he/she is hoping to gain from teaching with web 2.o. Click on his/her discussion tab. Leave an idea you have about teaching with a wiki.

Challenge #4: Add multimedia and interactivity to your wiki3. Create a new page and name it.4. Embed a youtube or teachertube video onto your new page.

Hint #1: Find source code for video at youTube.com or teachertube.com. Hint #2: Look for a helpful widget on wiki page

5. Embed a Table of Contents widget on your “home” page Hint: Create three lines of ‘Heading1’ text on your page so you can see the table

of contents

Page 50: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Edtechteacher Advanced Wiki challenges

1. Revert one of your pages back to an earlier edit. Hint: Look for the “history” tab

2. Edit your navigation bar. (Caution! Do not delete the navigation widget.)

3. Embed a poll or spreadsheet on your wikipage. Hint: you can make a poll at polldaddy.com, or

surveygizmo.com

4. Embed a googledocs calendar or spreadhsheet

Help your groupmates learn “advanced” features. Make sure that everyone is up to speed.!

Page 51: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Blog Challenge #1

Go to blogger.com, create an account, and start a new blog

Give it a name and a descriptionChoose a simple template designArrange the elements of your blogAdd an image from the Internet below the

navigation barCreate your first postingView your blog

Page 52: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Blog Challenge #2

Explore the blog settings Remove it from the blogger.com listings and hide it from

search engines Allow only members to post comments Add some of your classmates as Blog Readers

Give your blog address to your classmatesGo to another classmate’s blog and post a

comment in response to the blog entry and, if there are other comments there already, to one other comment.

Change your blog designAdd some fancy gadgets

Page 53: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Try it out

How about making a wave or two?

A flight to Sloodle?Can you find it?

Check out my virtual classroom

Create an online class in http://sakaiproject.org/hosted-online-trial Create a course Add features

Page 54: DR. A. STYLIANOU UNIVERSITY OF COLOGNE JULY 2, 2010 Technology in Education: Internet, Web 2.0, and more.

Explore

Explore one of the following websites Choose one tool, follow the trail, learn

about it Share your knowledge with us

- Web 2.0 Resources for 21st

Century Instruction- Web 2.0 for the Classroom Teacher- Web Applications Index – Go2Web20.net- Teachers using technology