Eurodidaweb   May 4 8 2009 Day 2
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Eurodidaweb May 4 8 2009 Day 2

on

  • 1,489 views

Eurodidaweb Course May 4-8 2009 Day 2

Eurodidaweb Course May 4-8 2009 Day 2

Statistics

Views

Total Views
1,489
Views on SlideShare
1,488
Embed Views
1

Actions

Likes
0
Downloads
32
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Eurodidaweb May 4 8 2009 Day 2 Presentation 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 Day2 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 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 2: 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 2 (www.w3schools.com;) Question and Answers Conclusions 6 7 8 Day 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 5. Page  Placeholder for your content description This text can be replaced with your own text This is a placeholder text This is a placeholder text 1 2 3 4 5 Placeholder for your content description Placeholder for your own subheadline
  • 6.
    • 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
  • 7. 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
  • 8. 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
  • 9. 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.
  • 10. 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)
  • 11. 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 )
  • 12. 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
  • 13. 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
  • 14. 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 ..
  • 15. 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?
  • 16. 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
  • 17. 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.
  • 18. 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
  • 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. 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. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 24. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 26. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 27. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 28. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 29. 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 2: How research, education and the WorldWideWeb are increasingly interconnected with each other
  • 30. Page  Insert your own text here Insert your own text here
    • This is a placeholder text. This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • This is a placeholder text. This text can be replaced with your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • This is a placeholder text. This text can be replaced with your own text.
    Placeholder for your own subheadline
  • 31. Page  Insert your own text here
    • This is a placeholder text. This text can be replaced with your own text.
    Insert your own text here
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    • This is a placeholder text. If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    Insert your own text here Placeholder for your own subheadline
  • 32. Page  Insert your own text here
    • This is a placeholder text. This text can be replaced with your own text.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    Placeholder for your own subheadline
  • 33. Page 
    • This is a placeholder text. This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • This is a placeholder text
    Placeholder for your text
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    Insert your own text here
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • This is a placeholder text.
    Placeholder for your text Placeholder for your own subheadline
  • 34. Page 
    • The text that you insert will retain the same style and format as the placeholder text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    • The text that you insert will retain the same style and format as the placeholder text.
    Placeholder for your own subheadline
  • 35. Page  Placeholder for the headline Placeholder for your text Insert your own text here Placeholder for your text
    • This is a placeholder text.
    • This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • This is a placeholder text.
    • This is a placeholder text.
    • This text can be replaced with your own text.
    Placeholder for your own subheadline
  • 36. Page 
    • This is a placeholder text. This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • This is a placeholder text. This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    Placeholder for your own subheadline
  • 37. Page 
    • This is a placeholder text. This text can be replaced with your own text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    Placeholder for your own subheadline
  • 38. Page  Placeholder for your own subheadline
  • 39. Page  +24 Placeholder for your own subheadline Enter your own text here
  • 40. Page  Placeholder for your own subheadline
  • 41. Page  Placeholder for your own subheadline Forecast 2009-2010
  • 42. Page  Insert your own text here
    • This is a placeholder text. This text can be replaced with your own text.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    Placeholder for your own subheadline
  • 43. Page  Insert your own text here
    • This is a placeholder text. This text can be replaced with your own text.
    • For replacing the placeholder text you need to click on the placeholder text and insert your own text.
    • If you don’t want to use the style and size of the fonts as used in this placeholder it is possible to replace it by selecting different options.
    Placeholder for your own subheadline
  • 44. Page  Placeholder for your own subheadline Description 2005 2006 2007 FC 2008 This is a placeholder text xx xx xx xx Insert your own text here xx xx xx xx Placeholder for text xx xx xx xx Placeholder for your own text xx xx xx xx Placeholder for text xxx xxx xxx xxx Placeholder for your own text xxx xxx xxx xxx Insert your own text here xxx xxx xxx xxx Placeholder for your own text xxxx xxxx xxxx xxxx This is a placeholder text xx xx xx xx Placeholder for text xx xx xx xx Total xxxx xxxx xxxx xxxx
  • 45. Page  Placeholder for your own subheadline Description 2007 FC 2008 Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xxx xxx Placeholder for text xxx xxx Insert your own text here xxx xxx Placeholder for text xxxx xxxx This is a placeholder text xx xx Placeholder for text xx xx Total xxxx xxxx Description 2007 FC 2008 Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xx xx Placeholder for text xxx xxx Placeholder for text xxx xxx Insert your own text here xxx xxx Placeholder for text xxxx xxxx This is a placeholder text xx xx Placeholder for text xx xx Total xxxx xxxx
  • 46. Page 
    • This is a placeholder text. This text can be replaced with your own text.
    • The text that you insert will retain the same style and format as the placeholder text.
    • The text demonstrates how your own text will look when you replace the placeholder with your own text.
    Placeholder Placeholder for text Insert your own text here Placeholder text Placeholder for your own subheadline
  • 47. Page  This is a placeholder text. This text can be replaced with your own text. This is a placeholder text. This text can be replaced with your own text. The text that you insert will retain the same style and format as the placeholder text. The text that you insert will retain the same style and format as the placeholder text. This is a placeholder text. This text can be replaced with your own text. Placeholder for your own subheadline Step 1 Step 2 Step 3 Step 4 Step 5
  • 48. Page  For replacing the placeholder text you need to click on the placeholder text and insert your own text. This is a place- holder text. This text can be replaced with your own text. This is a placeholder text. This text can be replaced with your own text. For replacing the placeholder text you need to click on the placeholder text and insert your own text. Placeholder Placeholder Placeholder Placeholder Placeholder for your own subheadline
  • 49. Page  ? Placeholder, enter your own text here Do You Have Any Questions? ? ?