Web Science

From Wikiversity
Jump to: navigation, search

New-here.png NewDiscussionButton.png Feed-icon.svg

Introduction (0th week)

New here[edit]

  1. What is a mooc?
  2. What are open educational resources?
  3. How to use this platform?
  4. What will this course be all about?

5th week due November 25th

Dynamic Content on the Web[edit]

Script error

and script
Associated Lesson Further resources Description
Problemsetting for working with Dynamic Web Content and software setup.
Basics of server side web programming
  • 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
Creating a simple Webform and preparing a POST request.
Web Forms and HTTP Post Request
  • 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
Handling a Post Request on a Web Server
Handling the Post Request in a Java servlet
  • 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
Using Client side Java script to support Users filling out a web form
Client side JavaScript
  • understand how javascript was supposed to support people to fill out web forms
  • understand the issues and disadvantages that arise with javascript
Using server side application logic and client side ajax requests to support Users filling out a web form
Ajax and the XMLHttpRequest Class
  • be aware of JavaScript APIs
  • know some of the standard JavaScript libraries
  • be able to understand the concept of Ajax requests.
Lesson summary
Summary, Further readings, Homework
  • 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[edit]

Script error

  • Wget script (Linux) to download all the videos of this part.
and script
Associated Lesson Further resources Description
Problem Setting for Web Content Formats In this lesson you will learn some basics on the Question: Why Web Content needs structure and proper markup.
Working with XML
  • 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
HTML for Web Document Structures
  • 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.
Layout Elements in HTML
  • 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
Motivating Separation of Content and Layout
  • 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
Cascading Stylesheets (CSS)
  • 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
Media Content
  • 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.
  • 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
  • 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)[edit]

Script error

and script
Associated Lesson
Making HTTP requests
A Simple Web Client
A Simple Web Server
The HTTP Header
Content negotiation
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[edit]

Script error

and script
Associated Lesson
Summary of the Internet Architecture
Motivation and Requirements for the World wide web
Design Principles of the Web
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)[edit]

Script error

Transport Layer: Transmission Control Protocol (TCP)[edit]

Script error

and script
Associated Lesson
End to End Principle and Connection oriented Communication
3 way handshake
Port Numbers
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)[edit]

Script error

Link Layer: Ethernet[edit]

and script
Associated Lesson
Communication over a shared Medium
Ethernet Header
Minimum Package length vs Maximum cable length
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

QuestionButton.png DiscussionButton.png

i have an idea for communication[edit]

Lets use favourite social network and create a goup. --Renepick (discusscontribs) 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 (discusscontribs) 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. -- (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 (discusscontribs) 20:38, 22 October 2013 (UTC)

Organisational questions[edit]

I was wondering when the first tutorial will take place. From personal experience, I would doubt that a tutorial took place tomorrow. -- (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 (discusscontribs) 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 (discusscontribs) 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[edit]

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 (discusscontribs) 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 (discusscontribs) 20:34, 22 October 2013 (UTC)

Exam preparation materials.[edit]

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 (discusscontribs) 10:22, 24 October 2013 (UTC)

I absolutey second what Sergey just said. -- (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 (discusscontribs) 09:13, 31 October 2013 (UTC)

Minimum packet size calculation in the ethernet.[edit]

Can you explain the minimum packet size calculation in the ethernet?

Quizzes seem to be partly broken[edit]

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 (discusscontribs) 16:46, 27 January 2014 (UTC)

for me this works perfectly. Which browser are you using? I am on google chrome --Renepick (discusscontribs) 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 (discusscontribs) 20:44, 30 January 2014 (UTC)
There are syntax errors in some quizzes. Explanations must have two vertical bars ||, not one |. --Onse (discusscontribs) 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 (discusscontribs) 17:35, 16 February 2014 (UTC)

Citation in wikiversity[edit]

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 (discusscontribs) 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 (discusscontribs) 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 (discusscontribs) 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)

QuestionButton.png DiscussionButton.png