By :

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

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

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

WEB 2.0 IN EDUCATION

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?

Current e-Learning

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

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

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

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

Web 2.0 Provides the Infrastructure for Innovation

And a personal change

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

MY 2.0 TEACHING METHOD

https://padlet.com/noordayanahalim/SPPT20181

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/

Amazing tools!!!!

For poster creation

Glogster, Picktochart

Video based learning

Teacher Tube, Khan Academy, Lynda.com

Amazing tools!!!!

For survey / poll

Poll everywhere, Socrative, QuizSnack

Social Learning

Facebook, Mahara, Schoology

Amazing tools!!!!

For creative presentation

Prezi, Powtoon, Emaze, Present.me, Visme

Collaborative learning

Google Slide, Google Share, Scribblar.com

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

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)

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

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

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

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

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

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

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

Collaborative Software

Google Docs

Vyew

Real-time collaboration on documents

Change the way we work

Introduction to Social Media

Learn Together

Network

Grow Together

Education 2.0 – social networking

• 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

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

Facebook.com

Course Networking

labroots

edmodo

schoology.com

mahara.org

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.

Delicious.com

Pinterest

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.

wikispaces.com

pbworks.com

Wikiversity.org

BLOG

“…a web-based publication

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

Examples

Blogspot, wordpress, edublogs

blogger.com

wordpress.com

How to use Web 2.0 tools

for teaching

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

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)

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

Designing Online Learning Activities

Content Learner Objective Learning Strategy

Media Output

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