Your SlideShare is downloading. ×
Eurodidaweb   march 15-19 2010 day 3 - europaclub
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Eurodidaweb march 15-19 2010 day 3 - europaclub

623
views

Published on

Eurodidaweb march 15-19 2010 day 3 - europaclub

Eurodidaweb march 15-19 2010 day 3 - europaclub

Published in: Education, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
623
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web-enhanced teaching and learning environment S.Lariccia Sapienza Università di Roma – Medialab Centre [email_address] Education is deeply changing. And becoming more and more universal
  • 2. 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
  • 3. 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 5 Conclusion Objectives and expectations Evaluation 6 7 8 Day 3: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 4. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 3 (www.w3schools.com;) Question and Answers Conclusions 6 7 8 Day 3: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 5.
    • 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.
    • .
    Page  The WorldWideWeb, first steps
  • 6. 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
  • 7. 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
  • 8. 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.
  • 9. 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)
  • 10. 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 )
  • 11. 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
  • 12. 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
  • 13. 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 ..
  • 14. 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 nothing
      • When we want to correct an information, we can’t identify the autorithy for that information
      • When 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?
  • 15. 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
  • 16. 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.
  • 17. 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
  • 18. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle )
  • 19. 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.
  • 20. 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
  • 21. Step by step, build up your HTML competence
    • Tags: paragraph tag
  • 22. Step by step, build up your HTML competence
    • Tags: Headings tag
  • 23. Step by step, build up your HTML competence
    • HTML Tags: Line breaks
    • Comments tag
  • 24. 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
  • 25. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle )
  • 26. 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.
    • 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
  • 27. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring
    • CMS and LMS are based on XML, HXML, CSS
    • Content Management System, are systems where users are authors and authors are users (at least, it should be like that)
  • 28. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring
    • XML in real life example:
  • 29. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring
    • XML in real life example:
  • 30. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
  • 31. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
  • 32. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
    • LCMS & CMS:
    • References :
      • Effective Use of Virtual Learning Environments
      • http://www.bisinfonet.ac.uk/InfoKits/effective-use-of-VLEs
  • 33. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page 
  • 34. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page 
  • 35. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page 
  • 36. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page 
    • ssasasas
  • 37. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
  • 38. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
  • 39. Page  Lesson 1: An introduction on the Web evolution, 1989-1999 Practice on lesson 1 (www.w3schools.com;) Lesson 2: An introduction on the Web evolution, 1999-2009 Practice on lesson 2 (www.w3schools.com;) Lesson 3: Web technology for teaching and learning 1 2 3 4 5 Practice on lesson 2 (www.w3schools.com;) Question and Answers Conclusion 6 7 8 Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS
  • 40. Page  ? Do You Have Any Questions? ? ?