COAP:COAP-2100/week1: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2100</categorytree>
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2100</categorytree>
=== Week 1 [[Help:COAP-2100|COAP 2100]] ===
=== Week 1 ===


==== Topics Covered ====
==== Topics Covered ====
Line 6: Line 6:
* Using the World Classroom (if needed)
* Using the World Classroom (if needed)
* Using Web 2.0 services to create web sites and web contents
* Using Web 2.0 services to create web sites and web contents
** Creating web sites with "Social" software services
** Creating web sites with various online services
** Web Widgets and using widget code
** Reading and managing news feeds (RSS)


==== Teaching materials ====
==== Teaching materials ====
Line 15: Line 11:
; Tutorials
; Tutorials
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use.
* [[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.
* [[Browser extension]]s. A list of useful Firefox extensions.
* * [[RSS]] and [[News feed aggregator]] (short introduction to the format and clients)


; (1) Webtop
; (1) Content management services
* http://netvibes.com/ (use this one)
* http://webs.com/ (web site generator, recommended for content-oriented web sites)
* http://www.pageflakes.com/ (a popular alternative
* https://www.blogger.com/ (blogger service, good blogging service)
* http://sites.google.com/ (web site generator, alternative to webs.com)
 


; (2) Social networking creation services
; (2) Social networking creation services
* http://www.mixxt.org/
* http://www.mixxt.org/ (recommended)
* http://www.spruz.com/
* http://www.spruz.com/
* http://www.socialgo.com/  
* http://www.socialgo.com/  
* http://webs.com/
* http://www.amazee.com/
* http://www.ning.com/ (commercial only)
* http://www.ning.com/ (commercial only)


; (3) Content management services
Optional reading (background information): [[weblog]]
* http://sites.google.com/ (web site generator)
* https://www.blogger.com/ (blogger service)
 
; (4) Web widget sites (some)
* [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.widgetbox.com/
* http://www.widgipedia.com/
* http://www.labpixies.com/
 
Optional reading (background information): [[Social software]], [[weblog]], [[webtop]]


==== Classroom activities ====
==== Classroom activities ====


; Monday
; Monday
* We shall start explore webtops and various social computing services (if time) and introduce the concept of [[web widget]]s and [[RSS]] news feeds.
* Class cancelled


; Wednesday
; Wednesday
* Create an account with Google (if don't already own one, e.g. a g-mail address):
(1) Course organization
 
(3) Webs
: http://webs.com/
 
If time left:
 
(3) Google services
* Create an account with Google (if don't already own one, i.e. a gmail address):
: http://google.com/accounts
: http://google.com/accounts
: Make sure to remember your login (gmail address) and password
: Make sure to remember your login (gmail address) and password
* We shall explore [http://sites.google.com/ Google sites] and [https://www.blogger.com/ Blogger]
* We shall explore [https://www.blogger.com/ Blogger] and [http://sites.google.com/ Google sites]
* We will insert widget code in one or both of these on-line content creation services
 
* If time left: Further exploration of social networking creation services
(4) Mixxt (social networking)
: http://mixxt.org
 
(5) Homework Q/A


==== Homework ====
==== Homework ====
Line 61: Line 54:
'''Homework 1 summary '''
'''Homework 1 summary '''


Objective: Create a web site with one of the four visited online services
Objective: Create a web site with one of the visited online services (blogger, google sites, webs, mixxt, etc.)


Requirements:
Requirements ('''read before you submit !!''')
# 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). A user should "feel" its identity.
# 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.
# 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 should explicitly state the website's purpose in some place (e.g. with a little text widget, a welcome message, etc.)
# You should explicitly state the '''website's purpose''' in some place, preferably in an '''about''' page.  
# The website must include some minimal contents. However, except for the small  message about its purpose, you don't need to create the contents by yourself. E.g. You just could add various web widgets or other similar constructs that pull in data from other sources. It is up to to you to decide how many pages you need. E.g. one webtop page would be enough, one single Goggle sites page or blog entry is not (You may reuse some copyright free content is you like). Pages are not a relevant criteria for a social networking website.
# The website must '''include some minimal contents'''. Except for the messages about its purpose, you don't need to create the contents by yourself. E.g. You could use referenced copyright-free materials or materials you developed in another context. It is up to to you to decide how many pages you need. E.g. for a content-oriented website one single Goggle sites page or one single blog entry is not enough. If you create a social networking website, it is more important to get "the tools right" than adding contents.
# Optional (for a top grade): Try to adapt the look and feel to your objectives. Make it (almost) operational
# Technology chosen (general purpose web site generation, social networking service, blogging tool) should be appropriate with respect to your objectives. You '''must''' work with an online service. Ask the instructor in case of doubt ...


Submission:
Submission:
* Deadline: Wednesday, week 2 '''before''' the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
* Deadline: Wednesday, week 2 '''before''' the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
* Procedure: Connect to the worldclassroom, click on "Homework 1 upload" and simply type the URL in the "Submission" form. Then hit the "submit" button.
* Procedure: Connect to the world classroom, click on Assignments, select project1
:* Type the URL of your website in the "Submission" form. Then hit the "submit" button.
:* You may add a comment


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.
* In your website, you may use your real identity or not. That's up to you. All I need is a URL I can connect to.
* Grading criteria: see the homework submission form
* Grading criteria: See the homework submission form
* Only use materials that are not under a "normal" (restrictive) copyright. By default, any web content is '''not''' for re-use. Search for creative commons or similar licence schemes or re-user your own productions. Finally, include references in an appropriate way.
* This exercise can evolve into a term project (but must not).
* This exercise can evolve into a term project (but must not).


Teaching materials:
Teaching materials:
* [[Creating websites with online services]]. This short tutorial covers various online web site creation services we will use.
* [[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.
* [[Using web widgets]]. A short introduction on how to use web widgets (but see the week 2 program, using widgets is just an option at this stage).
* 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 ....
* 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'''
'''Term project start'''


Topic: Configure a web2.0 application such as a webtop
See [[COAP:COAP-2100/term_project|Term project]]. Homework 1 already can get you started.
or a private social network (style, menus, layout and contents).
In other words: homework 1 can get you started.


[[Category:COAP 2100]]
[[Category:COAP 2100]]

Latest revision as of 19:52, 14 January 2014

Week 1

Topics Covered

  • Using the World Classroom (if needed)
  • Using Web 2.0 services to create web sites and web contents

Teaching materials

Tutorials
(1) Content management services


(2) Social networking creation services

Optional reading (background information): weblog

Classroom activities

Monday
  • Class cancelled
Wednesday

(1) Course organization

(3) Webs

http://webs.com/

If time left:

(3) Google services

  • Create an account with Google (if don't already own one, i.e. a gmail address):
http://google.com/accounts
Make sure to remember your login (gmail address) and password

(4) Mixxt (social networking)

http://mixxt.org

(5) Homework Q/A

Homework

Homework 1 summary

Objective: Create a web site with one of the visited online services (blogger, google sites, webs, mixxt, etc.)

Requirements (read before you submit !!)

  1. The web site must have a clear objective (of your choice). A user should "feel" its identity.
  2. 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.
  3. You should explicitly state the website's purpose in some place, preferably in an about page.
  4. The website must include some minimal contents. Except for the messages about its purpose, you don't need to create the contents by yourself. E.g. You could use referenced copyright-free materials or materials you developed in another context. It is up to to you to decide how many pages you need. E.g. for a content-oriented website one single Goggle sites page or one single blog entry is not enough. If you create a social networking website, it is more important to get "the tools right" than adding contents.
  5. Technology chosen (general purpose web site generation, social networking service, blogging tool) should be appropriate with respect to your objectives. You must work with an online service. Ask the instructor in case of doubt ...

Submission:

  • Deadline: Wednesday, week 2 before the start of class. Unjustified late submission will get you a lesser grade (see the syllabus)
  • Procedure: Connect to the world classroom, click on Assignments, select project1
  • Type the URL of your website in the "Submission" form. Then hit the "submit" button.
  • You may add a comment

Remarks:

  • In your website, you may use your real identity or not. That's up to you. All I need is a URL I can connect to.
  • Grading criteria: See the homework submission form
  • Only use materials that are not under a "normal" (restrictive) copyright. By default, any web content is not for re-use. Search for creative commons or similar licence schemes or re-user your own productions. Finally, include references in an appropriate way.
  • 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 (but see the week 2 program, using widgets is just an option at this stage).
  • 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 1 already can get you started.