eurodidaweb may 10-15 2010 day 3 - europaclub

Web-enhanced teaching and learning environment

S.Lariccia Sapienza Università di Roma – Medialab Centre

[email protected]

Education is deeply changing. And becoming more and more universal

Web-enhanced teaching and learning environment

Day3 Lesson 1: An introduction on the Web evolution, 1989-1999

Education is deeply changing. And becoming more and more universal

YOUR LOGO

Day 1: A more detailed view on the Eurodidaweb programme

Day 2: How research, education and the WorldWideWeb are increasingly interconnected with each other

Day 3: e-learning: an introduction to a classic LMS (Moodle)

Day 4: From e-learning to web-enhanced learning

Day 5: Web 2.0, Semantic Web and web-learning

1

2

3

4

5Conclusion

Objectives and expectations

Evaluation

6

7

8


YOUR LOGO

Lesson 1: An introduction on the Web evolution, 1989-1999

Practice on lesson 1 (www.w3schools.com;)



Lesson 3: Web technology for teaching and learning

1

2

3

4

5Practice on lesson 3 (www.w3schools.com;)

Question and Answers

Conclusions

6

7

8


YOUR LOGO

The World Wide Web (commonly abbreviated as "the Web") is a system of interlinked hypertext documents accessed via the Internet The underlying ideas of the Web can be traced as far back as 1980, when, at

CERN in Switzerland, Sir Tim Berners-Lee built ENQUIRE

On 1989 was launched the "Hypertext project" called "WorldWideWeb" as a "web of nodes" with "hypertext documents" to store data.

A NeXT Computer was used by Berners-Lee as the world's first Web server and also to write the first Web browser, WorldWideWeb, in 1990. By Christmas 1990, Berners-Lee had built all the tools necessary for a working Web: the first Web browser (which was a Web editor as well), the first Web server, and the first Web pages which described the project itself.

Berners-Lee's breakthrough was to marry hypertext to the Internet.

.

The WorldWideWeb, first steps

YOUR LOGO

A brief history of the digital technology universe…

First came the Computer 1950

then the Apple Computer … 1975

then the Personal Computer 1984

then the Network Computer 1999

Today, the Net IS the Computer

'The network is the computer'," said Sun CEO Scott McNealy, 2001

YOUR LOGO

First was Internet .. then came the WorldWideWeb

First came Internet => 1969

…and 100.000 geeks in the the world became aware of Internet

Then came the Web => 1989

… and shortly 100.000.000 of common people in the the world were starting to use Internet

Eventually, today 1.000.000.000 of common people in the the world are using Internet, by mean of the WorldWideWeb, at the simplest level

YOUR LOGO

Is the WorldWideWeb perfect?

Is the WorldWideWeb perfect?

far from perfect.

Tim Berners-Lee, the WorldWideWeb inventor,

argues that we have to wait another 10-15 years before we shall see the WorldWideWeb as he had conceived it in Geneva during the year 1989.

YOUR LOGO

What the WorldWideWeb is usefull for?

A lot of things. Really a lot. to buy and sell: e-commerce

to ad and to find products: search engines

to book and to plan: e-logistics

to read geographic information:

to communicate 1 to 1, 1 to many, many to 1

and … most of all

to learn! (and teach)

YOUR LOGO

The Learning Society

What we can do better on the WorldWideWeb … is by far to learn …

even on the WorldWideWeb as it is now ..

and even better on the WorldWideWeb to come .. The Semantic Web.

Lisbon Treaty defines the european (and universal) Learning Society

(http://europa.eu/lisbon_treaty/index_en.htm )

YOUR LOGO

The Learning network machine

A new process of knowledge structuring and production just began With the mass diffusion of the WorldWideWeb

With the early adoption of the WorldWideWeb by children and teenagers

Knowledge is in the end a product of linking and referencing of other knowledge, informations and data

YOUR LOGO

To whom the WorldWideWeb is useful?

To everyone, but mostly: researchers

learners

Teachers:

i.e, The Knowledge Workers of the present and future european society

YOUR LOGO

At the beginning of the Web..

There were a bunch of protocols, like: HTTP, HyperTextTransferProtocol

HTML, HyperTextMarkupLanguage

URL, Unified Resource Locator (or URI, Unified Resource Indentifier)

later on, today, we will discuss in a very synthetic presentation what HTML is ..

And who are his descendants ..

YOUR LOGO

From HTML to …

Now let’s discuss what we all miss in the WorldWideweb (even if we are not really aware of what we could have!)

What its wrong with the web today?

When we ask for something, we gather to much of nothingWhen we want to correct an information, we can’t identify

the autorithy for that informationWhen TBL conceived the Web he was thinking at

democracy of knowledge: everyone must have his opportunity to write and access the web. It is like that?

YOUR LOGO

The “polarized” Web

After 15 years of WorldWideWeb …

The web is: As concentrated and polarized as the broadcast media are

Almost as asymmetric (one-way) as the traditional media are..

WWW: What Went Wrong?

References: Link, A.L.Baràbasi

YOUR LOGO

A page, not a book

In fact it’s just so easy to get a personal Webpage up and running…

But unfortunately it’s not as easy to let that page survive, be mantained, and be traceable, available and accessible as millionaire sites pages are.

Yes, you can publish your Blog in minutes ..

Yes you can do your first websites in less than an hour.

It’s different when you want that your scripts on the WorldWideWeb are read as authoritative pages on some subject.

YOUR LOGO

From focusing on the layout to the contents structuring

We shall see HTML shortly.

Let me just present what came after HTML page composing: CMS and LMS, based on XML, HXML, CSS and scripting languages.

Content Management System, are systems where users are authors and authors are users (at least, it should be like that)

So what, it’s so much easier now? Yes and No

YOUR LOGO






1

2

3

4



Conclusion

6

7

8


YOUR LOGO

An HTML parser to learn and fun with HTML

We shall use a resource available on the Web to learn HTML: www.w3schools.com

W3schools covers many subject in the web design field: HTML, XHTML, XML, CSS.

Let’s start with a fresh lesson on basic HTML W3Schools is special because uses a “parser” a kind of simulator that shows on the left side of the screen the “recipes” and on the right side of the screen the “cakes”; you can interact and experience waht command, what tag, what attribute have that effect on the browser.

YOUR LOGO

Learn hot to use tagging lanugages: A recipe and a cake

This, shown above, is the parser: the button on hte left upper corner functions as a switch that “cooks” the recipe and shows the results on the right side of the screen:

www.w3schools.com

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

YOUR LOGO

Step by step, build up your HTML competence

Tags: paragraph tag

YOUR LOGO


Tags: Headings tag

YOUR LOGO


HTML Tags: Line breaks

Comments tag

YOUR LOGO

Step by step, build up your HTML competence: Text “decoration”

Here you have the simpler way to “decorate”, to render in a typographical way the text in a HTML document.

With the use of CSS, after 1999, the methods of rendering text and pages changes: these TAGS are the basic TAGS for decoration

YOUR LOGO






1

2

3

4



Conclusion

6

7

8


YOUR LOGO

Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring

We have just seen HTML on www.w3schools .

Let me just present what came after HTML page composing: CMS and LMS, based on XML, HXML, CSS and scripting languages.


So what, it’s so much easier now? Yes and No

YOUR LOGO


CMS and LMS are based on XML, HXML, CSS


YOUR LOGO


XML in real life example:

YOUR LOGO






1

2

3

4



Conclusion

6

7

8

Day 3: e-learning: an introduction to a classic LMS (Moodle) and comparison between CMS and LMS

YOUR LOGO


LCMS & CMS:

References: Effective Use of Virtual Learning Environments

http://www.bisinfonet.ac.uk/InfoKits/effective-use-of-VLEs

YOUR LOGO


Open Courseware Consortium Educommons

YOUR LOGO


2 Learning Objects Repository for your LMCS & CMS:• Merlot and Connexions

YOUR LOGO






1

2

3

4



Conclusion

6

7

8


YOUR LOGO

Do You Have Any Questions?

eurodidaweb may 10-15 2010 day 3 - europaclub

Documents