Your SlideShare is downloading. ×
0
Web-enhanced teaching and learning environment S.Lariccia Sapienza Università di Roma – Medialab Centre [email_address] Ed...
Web-enhanced teaching and learning environment Day3 Lesson 1:  An introduction on the Web evolution, 1989-1999 Education i...
Day 1: A more detailed view on the Eurodidaweb programme Day  2:  How  research, education and the WorldWideWeb are increa...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
<ul><li>The World Wide Web (commonly abbreviated as &quot;the Web&quot;) is a system of interlinked hypertext documents ac...
A brief history of the digital technology universe… <ul><li>First came the Computer 1950 </li></ul><ul><li>then the Apple ...
First was Internet .. then came the WorldWideWeb <ul><li>First came Internet  => 1969 </li></ul><ul><ul><li>… and  100.000...
Is the WorldWideWeb perfect? <ul><li>Is the WorldWideWeb perfect?  </li></ul><ul><li>far from perfect. </li></ul><ul><li>T...
What the WorldWideWeb is usefull for? <ul><li>A lot of things. Really a lot. </li></ul><ul><ul><li>to buy and sell: e-comm...
The Learning Society <ul><li>What we can do better on the WorldWideWeb … </li></ul><ul><ul><li>is by far to learn … </li><...
The Learning network machine <ul><li>A new process of knowledge structuring and production just began  </li></ul><ul><ul><...
To whom the WorldWideWeb is useful? <ul><li>To everyone, but mostly: </li></ul><ul><ul><li>researchers </li></ul></ul><ul>...
At the beginning of the Web.. <ul><li>There were a bunch of protocols, like: </li></ul><ul><ul><li>HTTP, HyperTextTransfer...
From HTML to … <ul><li>Now let’s discuss what we all miss in the WorldWideweb (even if we are not really aware of what we ...
The “polarized” Web <ul><li>After 15 years of WorldWideWeb … </li></ul><ul><li>The web is: </li></ul><ul><ul><li>As concen...
A page, not a book <ul><li>In fact it’s just so easy to get a personal Webpage up and running… </li></ul><ul><li>But unfor...
From focusing on the layout to the contents structuring <ul><li>We shall see HTML shortly. </li></ul><ul><li>Let me just p...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
An HTML parser to learn and fun with HTML <ul><li>We shall use a resource available on the Web to learn HTML: www.w3school...
Learn hot to use tagging lanugages: A recipe and a cake <ul><li>This, shown above, is the parser: the button on hte left u...
Step by step, build up your HTML competence <ul><li>Tags: paragraph tag </li></ul>
Step by step, build up your HTML competence <ul><li>Tags: Headings tag </li></ul>
Step by step, build up your HTML competence <ul><li>HTML Tags: Line breaks </li></ul><ul><li>Comments tag </li></ul>
Step by step, build up your HTML competence:   Text “decoration” <ul><li>Here you have the simpler way to “decorate”, to r...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>We have just se...
Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>CMS and LMS are...
Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>XML in real lif...
Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>XML in real lif...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Day 3:  e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS <ul><li>LCMS & CMS: </li...
Day 3:  e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS <ul><li>Open Courseware ...
Day 3:  e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page     <ul><li>2 Lear...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Page     Lesson 1:  An introduction on the Web evolution, 1989-1999 Practice on lesson 1  (www.w3schools.com;) Lesson 2: ...
Page     ? Do You Have  Any Questions? ? ?
Upcoming SlideShare
Loading in...5
×

Eurodidaweb may 10-15 2010 day 3 - europaclub

391

Published on

Evolution of the web usage for teaching and learning. How to exploit the Web 2.0 potential in learning and teaching activities.

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

  • Be the first to like this

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

No notes for slide

Transcript of "Eurodidaweb may 10-15 2010 day 3 - europaclub"

  1. 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. 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. 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. 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. 5. <ul><li>The World Wide Web (commonly abbreviated as &quot;the Web&quot;) is a system of interlinked hypertext documents accessed via the Internet </li></ul><ul><ul><li>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 </li></ul></ul><ul><ul><li>On 1989 was launched the &quot;Hypertext project&quot; called &quot;WorldWideWeb&quot; as a &quot;web of nodes&quot; with &quot;hypertext documents&quot; to store data. </li></ul></ul><ul><ul><li>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. </li></ul></ul><ul><li>Berners-Lee's breakthrough was to marry hypertext to the Internet. </li></ul><ul><li>. </li></ul>Page  The WorldWideWeb, first steps
  6. 6. A brief history of the digital technology universe… <ul><li>First came the Computer 1950 </li></ul><ul><li>then the Apple Computer … 1975 </li></ul><ul><li>then the Personal Computer 1984 </li></ul><ul><li>then the Network Computer 1999 </li></ul><ul><li>Today, the Net IS the Computer </li></ul><ul><ul><ul><ul><li>'The network is the computer',&quot; said Sun CEO Scott McNealy, 2001 </li></ul></ul></ul></ul>
  7. 7. First was Internet .. then came the WorldWideWeb <ul><li>First came Internet => 1969 </li></ul><ul><ul><li>… and 100.000 geeks in the the world became aware of Internet </li></ul></ul><ul><li>Then came the Web => 1989 </li></ul><ul><ul><li>… and shortly 100.000.000 of common people in the the world were starting to use Internet </li></ul></ul><ul><li>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 </li></ul>
  8. 8. Is the WorldWideWeb perfect? <ul><li>Is the WorldWideWeb perfect? </li></ul><ul><li>far from perfect. </li></ul><ul><li>Tim Berners-Lee, the WorldWideWeb inventor, </li></ul><ul><li>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. </li></ul>
  9. 9. What the WorldWideWeb is usefull for? <ul><li>A lot of things. Really a lot. </li></ul><ul><ul><li>to buy and sell: e-commerce </li></ul></ul><ul><ul><li>to ad and to find products: search engines </li></ul></ul><ul><ul><li>to book and to plan: e-logistics </li></ul></ul><ul><ul><li>to read geographic information: </li></ul></ul><ul><ul><li>to communicate 1 to 1, 1 to many, many to 1 </li></ul></ul><ul><ul><li>and … most of all </li></ul></ul><ul><li>to learn! (and teach) </li></ul>
  10. 10. The Learning Society <ul><li>What we can do better on the WorldWideWeb … </li></ul><ul><ul><li>is by far to learn … </li></ul></ul><ul><ul><li>even on the WorldWideWeb as it is now .. </li></ul></ul><ul><ul><li>and even better on the WorldWideWeb to come .. The Semantic Web. </li></ul></ul><ul><li>Lisbon Treaty defines the european (and universal) Learning Society </li></ul><ul><li>( http://europa.eu/lisbon_treaty/index_en.htm ) </li></ul>
  11. 11. The Learning network machine <ul><li>A new process of knowledge structuring and production just began </li></ul><ul><ul><li>With the mass diffusion of the WorldWideWeb </li></ul></ul><ul><ul><li>With the early adoption of the WorldWideWeb by children and teenagers </li></ul></ul><ul><li>Knowledge is in the end a product of linking and referencing of other knowledge, informations and data </li></ul>
  12. 12. To whom the WorldWideWeb is useful? <ul><li>To everyone, but mostly: </li></ul><ul><ul><li>researchers </li></ul></ul><ul><ul><li>learners </li></ul></ul><ul><ul><li>Teachers: </li></ul></ul><ul><ul><li>i.e, The Knowledge Workers of the present and future european society </li></ul></ul>
  13. 13. At the beginning of the Web.. <ul><li>There were a bunch of protocols, like: </li></ul><ul><ul><li>HTTP, HyperTextTransferProtocol </li></ul></ul><ul><ul><li>HTML, HyperTextMarkupLanguage </li></ul></ul><ul><ul><li>URL, Unified Resource Locator (or URI, Unified Resource Indentifier) </li></ul></ul><ul><li>later on, today, we will discuss in a very synthetic presentation what HTML is .. </li></ul><ul><li>And who are his descendants .. </li></ul>
  14. 14. From HTML to … <ul><li>Now let’s discuss what we all miss in the WorldWideweb (even if we are not really aware of what we could have!) </li></ul><ul><li>What its wrong with the web today? </li></ul><ul><ul><li>When we ask for something, we gather to much of nothing </li></ul></ul><ul><ul><li>When we want to correct an information, we can’t identify the autorithy for that information </li></ul></ul><ul><ul><li>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? </li></ul></ul>
  15. 15. The “polarized” Web <ul><li>After 15 years of WorldWideWeb … </li></ul><ul><li>The web is: </li></ul><ul><ul><li>As concentrated and polarized as the broadcast media are </li></ul></ul><ul><ul><li>Almost as asymmetric (one-way) as the traditional media are.. </li></ul></ul><ul><li>WWW: What Went Wrong? </li></ul><ul><ul><li>References: Link, A.L.Bar à basi </li></ul></ul>
  16. 16. A page, not a book <ul><li>In fact it’s just so easy to get a personal Webpage up and running… </li></ul><ul><li>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. </li></ul><ul><li>Yes, you can publish your Blog in minutes .. </li></ul><ul><li>Yes you can do your first websites in less than an hour. </li></ul><ul><li>It’s different when you want that your scripts on the WorldWideWeb are read as authoritative pages on some subject. </li></ul>
  17. 17. From focusing on the layout to the contents structuring <ul><li>We shall see HTML shortly. </li></ul><ul><li>Let me just present what came after HTML page composing: CMS and LMS, based on XML, HXML, CSS and scripting languages. </li></ul><ul><li>Content Management System, are systems where users are authors and authors are users (at least, it should be like that) </li></ul><ul><ul><li>So what, it’s so much easier now? Yes and No </li></ul></ul>
  18. 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. 19. An HTML parser to learn and fun with HTML <ul><li>We shall use a resource available on the Web to learn HTML: www.w3schools.com </li></ul><ul><li>W3schools covers many subject in the web design field: HTML, XHTML, XML, CSS. </li></ul><ul><li>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. </li></ul>
  20. 20. Learn hot to use tagging lanugages: A recipe and a cake <ul><li>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: </li></ul><ul><li>www.w3schools.com </li></ul><ul><li>http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro </li></ul>
  21. 21. Step by step, build up your HTML competence <ul><li>Tags: paragraph tag </li></ul>
  22. 22. Step by step, build up your HTML competence <ul><li>Tags: Headings tag </li></ul>
  23. 23. Step by step, build up your HTML competence <ul><li>HTML Tags: Line breaks </li></ul><ul><li>Comments tag </li></ul>
  24. 24. Step by step, build up your HTML competence: Text “decoration” <ul><li>Here you have the simpler way to “decorate”, to render in a typographical way the text in a HTML document. </li></ul><ul><li>With the use of CSS, after 1999, the methods of rendering text and pages changes: these TAGS are the basic TAGS for decoration </li></ul>
  25. 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. 26. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>We have just seen HTML on www.w3schools . </li></ul><ul><li>Let me just present what came after HTML page composing: CMS and LMS, based on XML, HXML, CSS and scripting languages. </li></ul><ul><li>Content Management System, are systems where users are authors and authors are users (at least, it should be like that) </li></ul><ul><ul><li>So what, it’s so much easier now? Yes and No </li></ul></ul>
  27. 27. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>CMS and LMS are based on XML, HXML, CSS </li></ul><ul><li>Content Management System, are systems where users are authors and authors are users (at least, it should be like that) </li></ul>
  28. 28. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>XML in real life example: </li></ul>
  29. 29. Evolution of the Web in the 2000 and 2010: from focusing on the layout to the contents structuring <ul><li>XML in real life example: </li></ul>
  30. 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. 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. 32. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS <ul><li>LCMS & CMS: </li></ul><ul><li>References : </li></ul><ul><ul><li>Effective Use of Virtual Learning Environments </li></ul></ul><ul><ul><li>http://www.bisinfonet.ac.uk/InfoKits/effective-use-of-VLEs </li></ul></ul>
  33. 33. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS <ul><li>Open Courseware Consortium </li></ul><ul><li>Educommons </li></ul>Page 
  34. 34. Day 3: e-learning: an introduction to a classic LMS (Moodle ) and comparison between CMS and LMS Page  <ul><li>2 Learning Objects Repository for your LMCS & CMS: </li></ul><ul><li>Merlot and Connexions </li></ul>
  35. 35. 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
  36. 36. 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
  37. 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. 38. Page  ? Do You Have Any Questions? ? ?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×