Web Science

Home

Part1: Foundations of the web

Part2: Emerging Web properties

Part3: Web & society

Flipped Classroom

Enrol

About the Web Science MOOC

Course elements  

• PART1: Block1: Ethernet · Internet Protocol  · Block2: Transmission Control Protocol · Domain Name System · Block3: Internet vs world wide web · HTTP · Block4: Web Content Block5: Dynamic Web Content
• PART2: Block1: Emerging structure of the Web  · Block2: Search engine ecosystem  · Block3: Ranking memes and user modelling  · Block4: Collective intelligence & herding  · Block5: Online Communities
• PART3: Block1: Law & Copyright  · Block2: Ethics, Norms & Net Neutrality  · Block3: Trust, Influence & Security

Introduction (0th week) New here What is a mooc? What are open educational resources? How to use this platform? What will this course be all about?

5th week due November 25th Dynamic Content on the Web Video and script Associated Lesson Further resources Description Play media Problemsetting for working with Dynamic Web Content and software setup. Basics of server side web programming Quiz Script Learning unit become aware of the possibilities to create dynamic content within a webserver see that you don't have to implement a webserver to be able to serve dynamic content understand some main issues like blocking I/O that one should keep in mind when doing server side programming see how the web server is the entry point for web applications whitelisting of input vs blacklisting and a method of preventing XSS Play media Creating a simple Webform and preparing a POST request. Web Forms and HTTP Post Request Quiz Script Learning unit understand the basics of HTTP POST requests become aware of security issues while transfering data to a web server be able to create a simple web form in HTML Play media Handling a Post Request on a Web Server Handling the Post Request in a Java servlet Quiz Script Learning unit See how a POST request is handled in a Java Servlet get to know the Request object see how a data base query and more advanced technology can be included to a servlet Play media Using Client side Java script to support Users filling out a web form Client side JavaScript Quiz Script Learning unit understand how javascript was supposed to support people to fill out web forms understand the issues and disadvantages that arise with javascript Play media Using server side application logic and client side ajax requests to support Users filling out a web form Ajax and the XMLHttpRequest Class Quiz Script Learning unit be aware of JavaScript APIs know some of the standard JavaScript libraries be able to understand the concept of Ajax requests. Play media Lesson summary Summary, Further readings, Homework Quiz Script Learning unit Web Content has a dynamic nature. This can happen on the client and on the server. The web is an interactive medium. It can enable to make consumers of content also to become producers (Web 2.0) The ratio of consumers to producers is like 90 to 10. Be able to name some basic web technologies like javascript, and serverside programming tools and web servers. The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file

4th week due November 18th Content on the Web Wget script (Linux) to download all the videos of this part. Video and script Associated Lesson Further resources Description Play media Problem Setting for Web Content Formats Quiz Script Learning unit In this lesson you will learn some basics on the Question: Why Web Content needs structure and proper markup. Play media Working with XML Quiz Script Learning unit Understand the Domain Object Model and the DOM tree Understand that HTML is just a special dialect of XML Understand the relationship between HTML and XML Play media HTML for Web Document Structures Quiz Script Learning unit Be able to write simple HTML code having learned a few example elements of HTML (headings, paragraphs, lists, tables, links, anchors, emphasize, input fields; but also few dirty ones like italics, color,...) See that HTML really is just another simple mark up and has nothing to do with programming Be able to structure web Content using HTML and create pages following a specified structure. Play media Layout Elements in HTML Quiz Script Learning unit Know about the style attribute and how to use it within HTML elements Know already realize that there are some limits using the style attribute be able to create websites that follow a certain style guide Play media Motivating Separation of Content and Layout Quiz Script Learning unit See the problems with inline styles Understand that a style sheet gives you freedom being able to explain people why they should use style sheets Play media Cascading Stylesheets (CSS) Quiz Script Learning unit be able to name at least 2 important point why to use style sheets know how the cascading process works know the basic syntax of cascading stylesheets Play media Media Content Quiz Script Learning unit know how to include a media file like a graphic to your webpage. understand that images like jpg, gif and bitmaps are hard for machines to understand. Know how to use a XML based format to create images that are easy to understand for machines and humans an can even make use of stylesheets. Play media Metadata Quiz Script Learning unit Understand that metadata is necessary to communicate the semantics of content See that using metadata for ranking in search results is a bad idea get introduced to modern ways of publishing media data as RDFa no video Summary, Further readings & Homework Quiz Script Learning unit Understand the separation between content, structure, layout and meta data Review HTML, CSS, XML, SVG and RDFa Understand what makes a clean HTML markup ("separation of concerns") vs. unclean one ("mixing responsibilities"); and implications (better or worse maintenance, better or worse personalization, better or worse accessibility) The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file

3rd week due Nov 11th Hypertext Transfer Protocol (HTTP) Video and script Associated Lesson Play media Making HTTP requests Play media A Simple Web Client Play media A Simple Web Server Play media The HTTP Header Play media Content negotiation Play media Summary, Further readings, Homework The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file Internet vs World Wide Web Video and script Associated Lesson Play media Summary of the Internet Architecture Play media Motivation and Requirements for the World wide web Play media Design Principles of the Web Play media Uniform Resource Identifier (URI) no video available Summary, Further readings, Homework The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file

2nd week due November 4th Application layer: Domain Name System (DNS) Video and script Associated Lesson Play media Tree Structure Play media Terminology Play media Zones Play media Review some facts about DNS Play media Delegating DNS Queries Play media DNS Address Resolution Play media Summary, Further readings & Homework The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file Transport Layer: Transmission Control Protocol (TCP) Video and script Associated Lesson Play media End to End Principle and Connection oriented Communication Play media 3 way handshake Play media Port Numbers Play media Sliding Window and Flow Control no video Summary, Further readings, Homework The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file

Part 1 / Block 1: due October 28th Internet Layer: Internet Protocol (IP) Video and script Associated Lesson Play media Motivation for IP Play media Classfull IPv4 networks Play media IP forwarding algorithm Play media IP header no video Summary, Further reading, Homework The following video of the flipped classroom associated with this topic are available: Play media You can find more information on wiki commons and also directly download this file current discussions Link Layer: Ethernet Video and script Associated Lesson Play media Communication over a shared Medium Play media Ethernet Header Play media Minimum Package length vs Maximum cable length Play media Collision Detection no video Summary, Further readings & Homework The following video of the flipped classroom associated with this topic are available: You can find more information on wiki commons and also directly download this file

General not topic specific Discussions for the web science MOOC i have an idea for communication Lets use favourite social network and create a goup. --Renepick (discuss • contribs) 15:30, 22 October 2013 (UTC) I think the better discussion platform would be plain old mailing lists which is definitely not preffering a "single service" . Other open alternative would be to create special pages in this eiki itself and put them for voting ? --P A V I (discuss • contribs) 18:16, 22 October 2013 (UTC) I am definitely against using a profit-oriented social network. I guess our Newsgroup would not be an option because it would limit the interaction to students from Campus Landau or Koblenz? In this case, I would prefer a general mailing list too. --81.17.28.26 (discuss) 18:35, 22 October 2013 (UTC) I really like your attitude that you don't want to go for profit oriented social networks. I will see if we can install a mailinglist but it has to be open in the sense that anyone on the web can easily participate. So far a good way for participation will be the MOOC pages on wikiversity. Remember to check the box "Email me when a page or file on my watchlist is changed" in your user preferences at the top right of your screen --Renepick (discuss • contribs) 20:38, 22 October 2013 (UTC) Organisational questions I was wondering when the first tutorial will take place. From personal experience, I would doubt that a tutorial took place tomorrow. --81.17.28.26 (discuss) 18:35, 22 October 2013 (UTC) I am pretty sure that tomorrow won't be any tutorial yet but I will double check this with Steffen --Renepick (discuss • contribs) 20:31, 22 October 2013 (UTC) This year the tutorial will be seminar style only. We will start in a few weeks time, but it will be announced in the flipped classroom sessions and it will only be for in class-students. --SteffenStaab (discuss • contribs) 05:58, 23 October 2013 (UTC) Maybe I have overheard it (although I could not find anything about it in the video either), but there isn't going to be a Seminar tomorrow, right? Will the mailing list be used to announce it? Or have I already missed a Seminar? Communication on wiki pages Please have a look at the manual provided by wikipedia help page In summary the replies in a thread can be given by following this table. Reply numer Key to use First Reply  : Second Reply  :: Third Reply  ::: --P A V I (discuss • contribs) 18:24, 22 October 2013 (UTC) thanks pavithrans you arte totally right. I forgot to mention this in the class. Could you please also provide this table in the introduction section of the MOOC which you can find at this link. --Renepick (discuss • contribs) 20:34, 22 October 2013 (UTC) Exam preparation materials. Will we have some additional exam preparation materials? I mean, watching videos is good for learning but not so good for reviewing and repeating. On our usual lectures we have a lecture itself and slides for future review. Maybe it is better to accompany videos with some textual information like definitions and main ideas? Or maybe share the slides you use during the video creating process? Because preparing for the exam using just videos is somewhat hard (for me). --Sergeyd (discuss • contribs) 10:22, 24 October 2013 (UTC) I absolutey second what Sergey just said. --144.76.104.179 (discuss) 10:26, 24 October 2013 (UTC) For future lessons we will try to also present transcripts of the videos but again there is also you who can work the wiki. You can add additional useful material. create summaries of wikipedia pages and so on. whatever helps you to better understand the topic is very welcome here --Renepick (discuss • contribs) 09:13, 31 October 2013 (UTC) Minimum packet size calculation in the ethernet. Can you explain the minimum packet size calculation in the ethernet? Quizzes seem to be partly broken I realised that quizzes currently seem to ignore any additional comments on the answers starting with |. These comments are simply not shown in any quiz I tried. --Onse (discuss • contribs) 16:46, 27 January 2014 (UTC) for me this works perfectly. Which browser are you using? I am on google chrome --Renepick (discuss • contribs) 08:56, 29 January 2014 (UTC) After your comment, I tried it on my Chromium 32 (Linux) and it won't show. The same goes for Chrome 32 (Android) and Firefox 26 (Linux). I disabled ScriptSafe, AdBlock on Chromium, NoScript, AdBlock Edge and RequestPolicy on Firefox and HTTPS Everywhere on both as well as stopped my systemwide dnsmasq to be sure. I even routed my traffic through various VPNs but nothing changes. Currently, I do not see what could be wrong from my side. Let's take this quiz as a common example. Do you see the comments on this one? --Onse (discuss • contribs) 20:44, 30 January 2014 (UTC) There are syntax errors in some quizzes. Explanations must have two vertical bars ||, not one |. --Onse (discuss • contribs) 20:51, 12 February 2014 (UTC) I hope your fixed the problem. Sorry for not remembering the syntax correctly during class... After the term I will have to spend quite some time cleaning up the wiki anyway. So thanks for your hint --Renepick (discuss • contribs) 17:35, 16 February 2014 (UTC) Citation in wikiversity I'm experiencing a problem with citations for my seminar contribution. The thing is that the templates for citing in wikiversity, wikipedia and wikibooks seem to have different implementations. Now when I'm trying to cite a journal publication according to the Wikiversity:Citation_templates page I can use only two templates: Template:Cite_journal or Template:Citation. The problem is that the first one supports only One! author of the paper. Using the second template, I've found that it does not display page numbers and cuts authors after the fourth (only 4 authors of say 8 are displayed). When tried to apply the same code for citation in one of wikipedia articles - it worked perfectly. So the question is - should I leave it like this: with only 4 authors and no page numbers? Or maybe someone can give me an advice on how to cite properly in wikiversity? --Sergeyd (discuss • contribs) 16:37, 29 January 2014 (UTC) Usually with more than 4 authors just one author is used with "et al." If it doesn't work with "|pages=123|" lowercase p, then its broken. Still with what you described it is functional. 'citation' works better than 'cite journal.' If you really want to list more than 4 authors, the code can be edited, to copy the part for 5, 6, 7, 8 authors. We should be careful not to break the template, but mistakes can be undone on it.- Sidelight12 Talk 16:52, 29 January 2014 (UTC) does it work with 8 authors now? - Sidelight12 Talk 17:00, 29 January 2014 (UTC) Nope. Only the part {{{inventor}}} is inserted instead of succeeding authors. Now it looks like this: Broder, A.; Kumar, R.; Maghoul, F.; Raghavan, P.; {{{inventor}}} (2000), "Graph structure in the Web", Computer Networks 33 (1-6) --Sergeyd (discuss • contribs) 17:07, 29 January 2014 (UTC) I only tried to fix the 'citation' template, not the other one. I must have broke something; I'll look again. - Sidelight12 Talk 17:25, 29 January 2014 (UTC) Ok, I see it now. in a few minutes. - Sidelight12 Talk 17:31, 29 January 2014 (UTC) 'citation' Should work. - Sidelight12 Talk 17:36, 29 January 2014 (UTC) Now it correctly shows 8 authors. Thanks! Maybe there is a way to fix the issue with pages not showing as well? --Sergeyd (discuss • contribs) 18:35, 29 January 2014 (UTC) You're welcome. To add more authors to the citation, I copied parts of the code over and adjusted the numbers. I tried to figure out how to make 'pages' work. Other templates didn't offer enough clues to figure it out. Parts of code may come from mw:, but I'm unfamiliar with it. You may request help in the colloquium. - Sidelight12 Talk 02:06, 31 January 2014 (UTC)