COAP:COAP-2100/week2: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(15 intermediate revisions by the same user not shown)
Line 4: Line 4:
==== Topics Covered ====
==== Topics Covered ====


* Webtops (also called personal web start pages)
* Web Widgets and using widget code
* Web Widgets and using widget code
* Reading and managing news feeds (RSS)
* Reading and managing news feeds (RSS)
* First contact with XML


==== Teaching materials ====
==== Teaching materials ====


; Tutorials
; (1) Online content creation and widget tutorials
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use. (Netvibes section)
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use. (In particular, see the Netvibes section)
* [[Using web widgets]]. A short introduction on how to use web widgets.
* [[Using web widgets]]. A short introduction on how to use web widgets.
; (2) XML and RSS Tutorials
* [[RSS]] and [[News feed aggregator]] (short introduction to the format and clients)
* [[RSS]] and [[News feed aggregator]] (short introduction to the format and clients)
* [[XML]] and [http://tecfa.unige.ch/guides/te/files/xml-intro.pdf slides]
* [[Editing XML tutorial]] and [http://tecfa.unige.ch/guides/te/files/xml-edit.pdf slides]


; (1) Webtops
; (3) Links to Webtops / Dashboards
* http://netvibes.com/ (use this one)
* http://netvibes.com/ (most popular service, allows to publish pages)
* http://www.pageflakes.com/ (a popular alternative
* http://www.pageflakes.com/ (used to a popular alternative, half dead for the last few years)
* http://www.google.com/ig (iGoogle, a private webtop)
 
; (4) Links to web widget sites (some)


; (2) Web widget sites (some)
* [http://www.google.com/ig/directory?synd=open Google gadgets]  
* [http://www.google.com/ig/directory?synd=open Google gadgets]  
* [http://www.readwriteweb.com/archives/top_10_web_widgets.php Top 10 Web Widgets] (a list made on readwrite web)
* [http://www.readwriteweb.com/archives/top_10_web_widgets.php Top 10 Web Widgets] (a list made on readwrite web)
Line 31: Line 39:
; Monday
; Monday
* We shall start explore webtops and introduce the concept of [[web widget]]s and [[RSS]] news feeds.
* We shall start explore webtops and introduce the concept of [[web widget]]s and [[RSS]] news feeds.
* Create an account on netvibes: http://www.netvibes.com/en


; Wednesday
; Wednesday
* Create an account with Google (if don't already own one, e.g. a g-mail address):
 
: http://google.com/accounts
* (Re) planning course contents
: Make sure to remember your login (gmail address) and password
* Evaluation/grading scale
* We will insert widget code in on-line content creation services
* Short lecture on content aggregation ([[RSS]] and Atom) and [[news feed aggregator]]s
* First contact with XML (see [[XML]] and first parts of the [[Editing XML tutorial]])
* Main activity: We will insert "foreign" widget code and RSS Feeds in the netvibes webtop and (if time left) in on-line content creation services encountered on [[COAP:COAP-2100/week1|week one]].


==== Homework ====
==== Homework ====
Line 42: Line 53:
'''Homework 2 summary '''
'''Homework 2 summary '''


Objective: Create a web site that includes many widgets
Objective: Create a web site that includes widgets and RSS feeds


Requirements:
Requirements:
# The web site must have a clear objective (of your choice). A user should "feel" its identity.
# The web site must have a clear objective of your choice. Basically, you should create some kind of dashboard that includes resources (RSS feeds and content widgets) plus some widget-based tools (if appropriate).
# The site must be available to the public (so that other students and myself can have a look at it). Of course, you also can create private pages within the same environment.
# You must use a "webtop". We strongly suggest to use Netvibes.
# You should explicitly state the website's purpose in some place (e.g. with a little text widget, a welcome message, etc.)  
# The site must be available to the public (so that other students and myself can have a look at it).
# The website must include some minimal contents and selected widgets must be appropriate with respect to the main objectives
# You should explicitly state the website's purpose in some place (e.g. with a little text widget, a welcome message, etc.).
# Optional (for a top grade): Try to adapt the look and feel to your objectives. Make it (almost) operational
# The website must include some minimal contents (much less than for homework 1). The reader should understand what your webtop is about.
# The website must include some widgets and the choice of widgets must be appropriate with respect to the main objectives.
# The website must include at least two RSS newsfeeds.


Submission:
Submission:
* Deadline: Wednesday, week 3 '''before''' the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
* Deadline: Wednesday, week 3 '''before''' the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
* Procedure: Use the worldclassroom
* Procedure: Use the world classroom to post the '''public URL'''. Double check if the site available to the public (e.g. open it with another browser).


Remarks:
Remarks:
* You may use your real identity or not. That's up to you. All I need is a URL I can connect to.
* You may use your real identity or not. That's up to you. All I need is a URL I can connect to.
* Suggested technology: http://netvibes.com
* Grading criteria: see the homework submission form
* Grading criteria: see the homework submission form
* This exercise can evolve into a term project (but must not).
* This exercise can evolve into a term project (but must not).

Latest revision as of 10:46, 22 January 2014

Week 1

Topics Covered

  • Webtops (also called personal web start pages)
  • Web Widgets and using widget code
  • Reading and managing news feeds (RSS)
  • First contact with XML

Teaching materials

(1) Online content creation and widget tutorials
(2) XML and RSS Tutorials
(3) Links to Webtops / Dashboards
(4) Links to web widget sites (some)

Optional reading (background information): Social software, weblog, webtop

Classroom activities

Monday
Wednesday
  • (Re) planning course contents
  • Evaluation/grading scale
  • Short lecture on content aggregation (RSS and Atom) and news feed aggregators
  • First contact with XML (see XML and first parts of the Editing XML tutorial)
  • Main activity: We will insert "foreign" widget code and RSS Feeds in the netvibes webtop and (if time left) in on-line content creation services encountered on week one.

Homework

Homework 2 summary

Objective: Create a web site that includes widgets and RSS feeds

Requirements:

  1. The web site must have a clear objective of your choice. Basically, you should create some kind of dashboard that includes resources (RSS feeds and content widgets) plus some widget-based tools (if appropriate).
  2. You must use a "webtop". We strongly suggest to use Netvibes.
  3. The site must be available to the public (so that other students and myself can have a look at it).
  4. You should explicitly state the website's purpose in some place (e.g. with a little text widget, a welcome message, etc.).
  5. The website must include some minimal contents (much less than for homework 1). The reader should understand what your webtop is about.
  6. The website must include some widgets and the choice of widgets must be appropriate with respect to the main objectives.
  7. The website must include at least two RSS newsfeeds.

Submission:

  • Deadline: Wednesday, week 3 before the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
  • Procedure: Use the world classroom to post the public URL. Double check if the site available to the public (e.g. open it with another browser).

Remarks:

  • You may use your real identity or not. That's up to you. All I need is a URL I can connect to.
  • Suggested technology: http://netvibes.com
  • Grading criteria: see the homework submission form
  • This exercise can evolve into a term project (but must not).

Teaching materials:

  • Creating websites with online services. This short tutorial covers various online web site creation services we will use.
  • Using web widgets. A short introduction on how to use web widgets.
  • Else please consult the help of the service you are interested in. These tools are made for non-technical people and you can figure out yourself how to use them ....

Term project start

See Term project. Homework 2 already can get you started.