By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they...

57
By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha

Transcript of By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they...

Page 1: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

By :

Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha

Page 2: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WHAT IS WEB 2.0??

Sources : http://web2014.discoveryeducation.com/web20tools.cfm

1 creating, collaborating, editing and

sharing user-generated content online.

2 About ease of use. No need for downloading. Master within minutes

Page 3: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES

Provides all the services and applications to allow individuals to co-create content, collaborate and share it with other

Support user-generated content

Content created by users using a variety of affordable technologies like blogs, podcasts and wikis

Encourages the social aspect of the web

Through the use of social media like blogs, wikis, social bookmarking tools and social networks.

-------------- Read-Write Web -----------------

------ Support user-generated Content -------

---- Encourages social aspect of the Web ----

Page 4: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 IN EDUCATION

Page 5: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,
Page 6: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

THE FUTURE OF EDUCATION

How do you teach?

What tools do you use?

How do you use the tools?

Do you encourage students to innovate and create?

Do you think the way you teach is still relevant for students TODAY?

Page 7: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Current e-Learning

Page 8: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES: What they look like?

Social networking – establishing and building online relationship with others, and a fundamental social activity

File-sharing – creating, storing and/or sharing files in all formats: pictures, videos, presentations, documents, screencasts, etc

Social bookmarking – storing and sharing links to web resources

Page 9: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES: What they look like?

Communication tools – communicating in real time and in live broadcasts, or asynchronously via email

Collaboration tools – working synchronously or asynchronously with other to co-create documents, presentations, mind maps, etc

Blogging – reading, commenting or writing blog posts

Micro-blogging – sending, receiving and replaying to short messages with others – for real-time communications

Page 10: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES: What they look like?

Podcasting – creating or listening to audio (MP3) files

RSS – Really Simple Syndication- subscribing to and reading blog and web news feeds

Social and collaboration platforms – providing enterprise-wide, integrated suites of social media tools in one platform

Page 11: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,
Page 12: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES

What impact are social (Web 2.0) technologies having on working and learning?

Web 1.0 Web Technologies

Web 2.0 Social Technologies

Publishing content/courses reading content

some interaction with content

Sharing information and knowledge

Collaborative working and learning

social learning

CONTENT PEOPLE

Page 13: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Web 2.0 Provides the Infrastructure for Innovation

Page 14: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

And a personal change

Page 15: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 TECHNOLOGIES

HOW CAN WE USE SOCIAL MEDIA (SoMe) FOR LEARNING AND WORKING?

Formal learning/training/ education

Informal Learning Learning as you work

or play

Working Improving

performance

• Use SoMe to engage online learners

• To engage learners in the classroom

• Use SoMe to find things out by/for oneself

• To learn with and from other

• Use SoMe to rethink/improve work processes

• To work collaboratively with other

Page 16: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

MY 2.0 TEACHING METHOD

https://padlet.com/noordayanahalim/SPPT20181

Page 17: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WEB 2.0 IN EDUCATION Top 100 Tools for Learning:

http://c4lpt.co.uk/top100tools/

Web 2.0 teaching tools

-http://edjudo.com/web-2-0-teaching-tools-links

The Best Interactive Web Tools for Educators

-http://www.edudemic.com/best-web-tools/

101 Web 2.0 Teaching Tools

-http://oedb.org/ilibrarian/101-web-20-teaching- tools/

Page 18: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Amazing tools!!!!

For poster creation

Glogster, Picktochart

Video based learning

Teacher Tube, Khan Academy, Lynda.com

Page 19: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Amazing tools!!!!

For survey / poll

Poll everywhere, Socrative, QuizSnack

Social Learning

Facebook, Mahara, Schoology

Page 20: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Amazing tools!!!!

For creative presentation

Prezi, Powtoon, Emaze, Present.me, Visme

Collaborative learning

Google Slide, Google Share, Scribblar.com

Page 21: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam Clara Ko

Web 2.0 and 3.0 Concepts

• Blogging

• Forums

• Wikis

• Social Networks

• Bookmarking

• Folksonomy = Tagging

• E-commerce

Syndication

Instant Messaging

Mashup

Collaborative Software

Page 22: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Blogging

Individuals broadcast ideas to like-minded people

Business to broadcast latest information to stakeholders

Citizen journalism

Receive comments from readers

Photos, videos, podcasts

Micro-blogging (twitter)

Page 23: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Forums

Online message board around one topic

Discussions with posts and replies

Threads are collections of posts and replies

Moderators to clean up spam

Software communities use forums as part of support platform

Page 24: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Wiki

Collectively share and edit a body of knowledge

Ongoing process of creation and collaboration

Knowledge Management

Wikipedia

Enterprise wikis

Page 25: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Social Networking

Online communities

Share information

Connect people with same interest

Personal, Business, Political

Facebook, Hyves, Friendster, Orkut, MySpace, LinkedIn, Plaxo

Flickr, You-Tube, Slideshare, Iens

Page 26: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

E-Commerce

Connect seller and buyer

Adds value by providing service

Ebay, Amazon, Marktplaats

Kayak, hotels.com, Funda, Monsterboard

Business model to leverage Web 2.0 technology

Page 27: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Bookmarking

Users save and share links

Add meta-data

Access bookmarks on any computer

Delicio.us, Digg, Reddit, StumbledUpon

Rating

Also social networking sites

Page 28: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Folksonomy = Tagging

Cooperative Classification

Classification by users not experts

Easier to find

Blog posts, photos, videos, bookmarks

Common problems

Spelling

Plurals

Specificity

Page 29: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

19 December 2008 EuropeanPWN Amsterdam

Clara Ko

Instant Messaging

Google Talk, Skype, WatsApp, Telegram

Instant updates and feedback

Real-time communication

Mobile-enabled

Extra features: file transfer, contact lists, conferences (eg Skype)

Business use for more efficient communication

Page 30: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Collaborative Software

Google Docs

Vyew

Real-time collaboration on documents

Change the way we work

Page 31: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Introduction to Social Media

Learn Together

Network

Grow Together

Page 32: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Education 2.0 – social networking

Page 33: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

• establishing and building online relationships with others

Social networking

• storing and sharing links to web resources Social bookmarking

• creating, storing and/or sharing files in all formats

File-sharing

• in real time via instant messaging and chat, or asynchronously via email

Communicating with others

• synchronously or asynchronously to co-create documents, presentations, mindmaps, etc

Collaborating with others

Page 34: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

SOCIAL NETWORKING

Used for self-expression, personalization and the building of communities

Example

Facebook, Course Networking, ning, elgg

Application

Lecturers can set up a class “social network” or learning

community for students to meet and communicate with one another – before, during and after the course

Students can have group discussions and group chat

Page 35: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Facebook.com

Page 36: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Course Networking

Page 37: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

labroots

Page 38: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

edmodo

Page 39: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

schoology.com

Page 40: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

mahara.org

Page 41: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

SOCIAL BOOKMARKING

A collection of bookmark (favourite)

Access your bookmark links from anywhere

Share with friends, coworkers and the community

Discover new things

Examples Delicious, digg, connotea, citeulike, Pinterest

Application

Lecturers and students can build a course library of relevant course links based on shared bookmarks using a course tag.

Page 42: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Delicious.com

Page 43: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Pinterest

Page 44: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

WIKI

A “wiki” is a collaborative website which can be directly edited by anyone with access toit.

“Wiki-wiki” is the Hawaiian for “quick”.

Example Wikispaces, pbwiki, wikiversity

Applications A group of students can collaboratively create

documents related to class projects Lecturers can use wikis to collaborate on projects,

whether editing a textbook, preparing an article, or assembling a syllabus or reading list.

Page 45: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

wikispaces.com

Page 46: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

pbworks.com

Page 47: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Wikiversity.org

Page 48: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

BLOG

“…a web-based publication

consisting primarily of periodic articles, most often in reverse chronogical order.

Examples

Blogspot, wordpress, edublogs

Page 49: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

blogger.com

Page 50: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

wordpress.com

Page 51: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

How to use Web 2.0 tools

for teaching

& learning? http://bit.ly/2v1ka0U

Page 52: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Characteristics Of Future Education

1. Meaning is social constructed and contextually

reinvented

2. Technology is everywhere (digital universe).

3. Teaching is done teacher-to-student, student-to-

student, and people-technology-people (co-

constructivism)

4. Schools are located everywhere (fully infused in

society)

Page 53: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

5. Parents view schools as a place for them to learn,

too

6. Teachers are everybody, everywhere

7. Hardware and software in schools are available at

low cost and are used (strategically)

8. Industry views graduates as co-workers or

entrepreneurs

Characteristics Of Future Education

Page 54: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

Designing Online Learning Activities

Content Learner Objective Learning Strategy

Media Output

Page 55: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,

How are these tools being used?

Tools for communication

Tools for sharing of information

Tools for collaborating on projects

Tools for connecting

Tools for saving time

Page 56: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,
Page 57: By : Dr Noor Dayana| Dr Noor Azean |Dr. Hasnah I Dr. Nurbiha · WEB 2.0 TECHNOLOGIES: What they look like? Communication tools – communicating in real time and in live broadcasts,