Help:COAP-3180/week1: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Homework 1 - COAP 3180 Fall 2 2007 ==
== Week 1 - [[Help:COAP-3180 | COAP 3180]] ==
'''[[Help:COAP-3180 | COAP 3180 Course Page]]


== Summary ==
=== Topics Covered ===


Finish the classroom activity, i.e.
(1) Introduction
* Create a public pagecast with Pageflakes
* Internet, the WWW and web databases
* Build a little dabase with Zoho creator
* Slides: http://tecfa.unige.ch/guides/te/files/webdatabases-intro.pdf (PDF)
* Integrate this db within Pageflakes
Note: If you prefer to remain anonymous, do not leave Name, Firstname, professional email etc. or anything that can identify you on the public page.


== Homework tasks ==
(2) Web 2.0 vs. "traditional Internet"
* An ever increasing amount of applications are available through the Internet. Many of these applications can be shared, others are by definition "social software" (e.g. wikis, YouTube, flickr, blogs).
* '''Reading''' (for students not familiar with the "web 2.0" concept): O'Reilly Tim (2005), [http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html What is Web 2.0], better take the [http://www.oreillynet.com/lpt/a/6228 print] version.
* Additional resources for those who want to explore this topic further: This wiki, e.g. start from the [[rich internet application]] article.


* Think about a little database (list) of things that you would like to put on the web. Then make a list of properties that describe such a "thing".
(3) Simple on-line database services
* Implement a Zoho creator database
* Learn how to create and use simple tabular databases with a web 2.0 service (http://creator.zoho.com)
* Add some data
* Practical details are explored in class and through homework one.
* Make this Zoho application public (users can see data)
* Create a public pageflakes page and import the Zoho creator widget
* Add an explantation using some Pageflake widget
* Add some related news feeds to the Pageflakes page, i.e. the Pagecast should include the Zoho database plus some useful extra information.


=== Dates ===
=== Classroom activities and homework ===


* This homework is due at start of the week 2 Monday lesson
Synopsis:
* The instructor will ask the URL of your public Pageflakes URL
* Each homework counts 10% in your global evaluation. The six best homeworks will be taken into account.


=== Evaluation ===
(1) Take an account with Zoho (see also below)
* http://www.zoho.com/ or directly http://creator.zoho.com
* Create a database form and view with '''Zoho Creator'''


* Task completion (all required elements are present)
(2) Take an account with Netvibes (see also below)
* Quality of Zoho database (but don't make it too big !)
* http://netvibes.com
* Quality of Pageflakes pagecast
* Create a new page (tab)
Tip: Quality is essentially related to the idea that your applications are useful to a given range of users.
* Import the result view from Zoho
* Export this page to the public


== Tips ==
(3) Turn in this homework in the WorldClassroom:
* Provide the NetVibes URL
* Define the objective of this application in 2-3 sentences (including the target audience)
 
=== Homework 1 ===
 
# Think about a little database (i.e. a simple list of items that have features/properties) and that you would like to put on the web. Then make a list of properties that describe such a "item".
#* Examples: A list of CDs, a list things you want to sell, your favorite list of flowers
# Implement a Zoho creator database form that allows to describe each item with a few properties (fields). Make sure to select the right data type for a given kind of item.
# Add some test data to this database. Revise the database definition if needed.
# Enter some more data (at least 5 items)
# Make the Zoho "view" that displays the results public (gathered data becomes public on the web). You also can change the way data are displayed.
# If you wish, you also can make the data gathering public
# Create a public NetVibes page and import your Zoho creator widget (advanced course participants may use another environment that allows insertion of web widgets, talk to the instructor ....)
# Add an explanation using some appropriate NetVibes "text" widget, i.e. describe to the reader what your pagecast (in particular the Zoho form) is good for.
# In order to achieve better user experience, you also should add some useful extra information/widgets to the Netvibes page (or equivalent), i.e. the page cast should include the Zoho database plus the "what's this" (previous point) plus some useful extra information.
# Submit your work as assignment in the Worldclassroom. '''Important''': Urgently consult the librarian if you can't log into this Webster on-line environment. In the submission field:
#* Provide the URL
#* Define the objective of this application in 2-3 sentences (including the target audience)
 
 
Remarks:
* If you prefer to remain anonymous, do not leave Name, Firstname, professional email etc. or anything that can identify you on the public page.
* Tips that help you getting this homework done are below ...
 
==== Submission Dates ====
 
* This homework is due at start of Wednesday week 2 lesson
* Students must provide the URL (where the instructor can see the widget) in the world classroom
* Each homework counts 10% in your global evaluation. The four best homeworks will be taken into account.
 
==== Evaluation ====
 
* Quality of Zoho database: Items should be described in a useful way with respect to your objectives and the target audience. You should use appropriate data types (but don't make it too big !)
* Quality of the Netvibes pagecast (is it usable and understandable ?)
* Worldclassroom upload (short definition of the objectives and correct URL)
 
Tip:
* Quality is essentially related to the idea that your applications are useful to a given range of users.
* Make sure that all required elements are present
 
=== Tips for the homework===
 
Below is a rough outline of the procdure you should follow.
 
(1) '''Leave all the needed applications open in your browser'''


=== Leave all the needed applications open in your browser ===
Make sure that you are logged to both applications.
Make sure that you are logged to both applications.
* Pageflakes with '''your''' login
* Netvibes with '''your''' login
* Zoho: '''Switch''' to Zoho Creator
* Zoho: '''Switch''' to Zoho Creator
Tip: It is best to work with 3 different web browser tabs: One for Pageflakes, one for Zoho, and one for this page. If necessary, ask the instructor to explain tabbed browsing...
Tip: It is best to work with 3 different web browser tabs: One for Netvibes, one for Zoho, and one for this page. If necessary, ask the instructor to explain tabbed browsing...


=== Help ===
(2) Read the '''Help''', in particular the [http://help.creator.zoho.com/Quick-Start-Guide.html Quick Start Guide] for Zoho
* Both Zoho and Pageflakes have built-in help
 
* Zoho also provides videos, e.g. http://creator.zoho.com/collateral/gettingstarted/index.html
Important starting points:
* The most important thing to understand about Pakeflakes is that you first should click on the page you want to modify, then hit the big button (top right). Hit it again to come back ...
* http://help.creator.zoho.com/ - The most important thing to understand about Creator is that you will have two interfaces: One for defining the database table structure ('''form''' authoring) and another for gathering data and looking at the results (the '''view''').
* http://tour.netvibes.com/overview.php - The most important thing to understand about NetVibes is that you must find a Netvibes widget called '''HTML/UWA''', insert it in a pagecast and then enter the Zoho widget code through the Edit button.
 
(3) ''' Make a Zoho widget public'''


=== Make a Zoho widget public ===
To export a widget from Zoho:
To export a widget from Zoho:
* Click on '''Edit this application'''
* Click on '''Edit this application''' / '''Share'''
* '''Share''' the application to the public
* Tick '''This application is: X public'''
[[image:zoho-creator-share-public.png|frame|none|Share a Zoho application with the public]]
<!-- [[image:zoho-creator-share-public.png|frame|none|Share a Zoho application with the public]] -->


=== Exporting Zoho widget code ==
(4) ''' Exporting Zoho widget code '''
To get the Zoho widget code for embeding in some other place
To get the Zoho widget code for embedding in some other place
* Click on '''Access this application'''
* Click on '''Access this application'''
* Select ''Input View''
* Select a view from the menu to the left
* Menu ''More Actions->Embed in your Website''
* Then use the pull-down menu ''More Actions->Embed in your Website''
* Copy/Paste the code to a "Anything Flake" (see below)
* Copy/Paste the code to another web application. E.g. the HTML Netvibes widget as explained below.
Here is a screendump:
<!-- [[image:zoho-creator-embed-in-website.png|frame|none|Get a Zoho application's widget code for copy/paste]] -->
[[image:zoho-creator-embed-in-website.png|frame|none|Get a Zoho application's widget code for copy/paste]]
 
=== Configuring Pageflakes ===


* Firstly (if this isn't already the case) create a new page in Pageflakes or alternatively decide that you default home page will do.
(5) ''' Configuring Netvibes and widget import '''
* Make this page public:
** Click on the big button (top right)
** Then click in the left menu on ''Make Pagecase''
** Make the page public ("publish Page to the world")
* If you wish:
** you can invite other people (e.g. classmates) and give them editing rights.
** You can change the theme and the layout (same menu to the left).


Here is a screendump of the publication dialog:
Firstly (if this isn't already the case) create a new page in Netvibes
[[image:pageflakes-publish-page.png|thumb|none|800px|Pageflakes publish page dialog]]
* Then make this Netvibes page public:
** Click on the Edit button (in the Tab of the page)
** Then click on "Share this Tab" / Publish on your page.
** Make sure to write down the URL (You will have to submit it as homework)


=== Widget import to PageFlakes ===
To import a Zoho Creator application (database) into Netvibes:
To import a Zoho Creator application (database) into PageFlakes
* Create a ''HTML/UWA Widget'' (you can find it under "HTML" in the list of essential widgets)
* Create an ''Anything Flake''
** Hit the big round button on top right
** Select the '''Anything Flake''' from the "Pagecasting & More" column
* Edit the widget  
* Edit the widget  
** Hit the edit button
** Copy/Paste the widget code from Zoho
** Hit the HTML button on the bottom of this Pageflakes widget
** Paste the code from Zoho (you can remove the existing code)


Note: Once you defined an anything flake like this, you can't change it. If you don't like the result kill it and make a new one ...
See also the [[Creating websites with online services]] article in this wiki. It provides an overview of some easy and free online services.


== Links ==
=== Links and teaching materials ===


; Main links
; Online software
: http://www.zoho.com/
: http://creator.zoho.com/ (Zoho creator online database)
: http://creator.zoho.com/ (Direct access to creator)
:: http://help.creator.zoho.com/ (Help entry point)
: http://student.pageflakes.com/ (variant for students)
: http://netvibes.com/ (NetVibes webtop)
: http://www.pageflakes.com/
:: http://faq.netvibes.com/ (Help entry point)


; Example Pageflake
; Teaching materials
* http://www.pageflakes.com/daniel.schneider/ (not really used)
: [[Creating websites with online services]]
: [[Using web widgets]]
: [http://tecfa.unige.ch/guides/te/files/webdatabases-intro.pdf Slides for the overview talk] (PDF)

Latest revision as of 21:13, 12 January 2010

Week 1 - COAP 3180

Topics Covered

(1) Introduction

(2) Web 2.0 vs. "traditional Internet"

  • An ever increasing amount of applications are available through the Internet. Many of these applications can be shared, others are by definition "social software" (e.g. wikis, YouTube, flickr, blogs).
  • Reading (for students not familiar with the "web 2.0" concept): O'Reilly Tim (2005), What is Web 2.0, better take the print version.
  • Additional resources for those who want to explore this topic further: This wiki, e.g. start from the rich internet application article.

(3) Simple on-line database services

  • Learn how to create and use simple tabular databases with a web 2.0 service (http://creator.zoho.com)
  • Practical details are explored in class and through homework one.

Classroom activities and homework

Synopsis:

(1) Take an account with Zoho (see also below)

(2) Take an account with Netvibes (see also below)

  • http://netvibes.com
  • Create a new page (tab)
  • Import the result view from Zoho
  • Export this page to the public

(3) Turn in this homework in the WorldClassroom:

  • Provide the NetVibes URL
  • Define the objective of this application in 2-3 sentences (including the target audience)

Homework 1

  1. Think about a little database (i.e. a simple list of items that have features/properties) and that you would like to put on the web. Then make a list of properties that describe such a "item".
    • Examples: A list of CDs, a list things you want to sell, your favorite list of flowers
  2. Implement a Zoho creator database form that allows to describe each item with a few properties (fields). Make sure to select the right data type for a given kind of item.
  3. Add some test data to this database. Revise the database definition if needed.
  4. Enter some more data (at least 5 items)
  5. Make the Zoho "view" that displays the results public (gathered data becomes public on the web). You also can change the way data are displayed.
  6. If you wish, you also can make the data gathering public
  7. Create a public NetVibes page and import your Zoho creator widget (advanced course participants may use another environment that allows insertion of web widgets, talk to the instructor ....)
  8. Add an explanation using some appropriate NetVibes "text" widget, i.e. describe to the reader what your pagecast (in particular the Zoho form) is good for.
  9. In order to achieve better user experience, you also should add some useful extra information/widgets to the Netvibes page (or equivalent), i.e. the page cast should include the Zoho database plus the "what's this" (previous point) plus some useful extra information.
  10. Submit your work as assignment in the Worldclassroom. Important: Urgently consult the librarian if you can't log into this Webster on-line environment. In the submission field:
    • Provide the URL
    • Define the objective of this application in 2-3 sentences (including the target audience)


Remarks:

  • If you prefer to remain anonymous, do not leave Name, Firstname, professional email etc. or anything that can identify you on the public page.
  • Tips that help you getting this homework done are below ...

Submission Dates

  • This homework is due at start of Wednesday week 2 lesson
  • Students must provide the URL (where the instructor can see the widget) in the world classroom
  • Each homework counts 10% in your global evaluation. The four best homeworks will be taken into account.

Evaluation

  • Quality of Zoho database: Items should be described in a useful way with respect to your objectives and the target audience. You should use appropriate data types (but don't make it too big !)
  • Quality of the Netvibes pagecast (is it usable and understandable ?)
  • Worldclassroom upload (short definition of the objectives and correct URL)

Tip:

  • Quality is essentially related to the idea that your applications are useful to a given range of users.
  • Make sure that all required elements are present

Tips for the homework

Below is a rough outline of the procdure you should follow.

(1) Leave all the needed applications open in your browser

Make sure that you are logged to both applications.

  • Netvibes with your login
  • Zoho: Switch to Zoho Creator

Tip: It is best to work with 3 different web browser tabs: One for Netvibes, one for Zoho, and one for this page. If necessary, ask the instructor to explain tabbed browsing...

(2) Read the Help, in particular the Quick Start Guide for Zoho

Important starting points:

  • http://help.creator.zoho.com/ - The most important thing to understand about Creator is that you will have two interfaces: One for defining the database table structure (form authoring) and another for gathering data and looking at the results (the view).
  • http://tour.netvibes.com/overview.php - The most important thing to understand about NetVibes is that you must find a Netvibes widget called HTML/UWA, insert it in a pagecast and then enter the Zoho widget code through the Edit button.

(3) Make a Zoho widget public

To export a widget from Zoho:

  • Click on Edit this application / Share
  • Tick This application is: X public

(4) Exporting Zoho widget code To get the Zoho widget code for embedding in some other place

  • Click on Access this application
  • Select a view from the menu to the left
  • Then use the pull-down menu More Actions->Embed in your Website
  • Copy/Paste the code to another web application. E.g. the HTML Netvibes widget as explained below.

(5) Configuring Netvibes and widget import

Firstly (if this isn't already the case) create a new page in Netvibes

  • Then make this Netvibes page public:
    • Click on the Edit button (in the Tab of the page)
    • Then click on "Share this Tab" / Publish on your page.
    • Make sure to write down the URL (You will have to submit it as homework)

To import a Zoho Creator application (database) into Netvibes:

  • Create a HTML/UWA Widget (you can find it under "HTML" in the list of essential widgets)
  • Edit the widget
    • Copy/Paste the widget code from Zoho

See also the Creating websites with online services article in this wiki. It provides an overview of some easy and free online services.

Links and teaching materials

Online software
http://creator.zoho.com/ (Zoho creator online database)
http://help.creator.zoho.com/ (Help entry point)
http://netvibes.com/ (NetVibes webtop)
http://faq.netvibes.com/ (Help entry point)
Teaching materials
Creating websites with online services
Using web widgets
Slides for the overview talk (PDF)
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=Help:COAP-3180/week1&oldid=24398"