2009 202: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
= Preparation =
= Morning =


== Reading ==
Review checklist items from last week +


Reading for today's meeting is Ted Nelson's "Way out of the box".
* Review tag assignment
* Setting up / Locating a local webserver
* userdir


[[Image:Flame.gif|left]] You may wish to read this text aloud, [http://en.wikipedia.org/wiki/Soapbox soapbox] optional. For added ambience, consider printing and then burning pictures of Tim Berners-Lee, Marc Andreessen, and Steve Jobs.
= Afternoon =


* [[Image:WayOutOfTheBox.pdf]]
You can use the [[Template.html]].


== Technical Plan ==
== Exercise 1: FormFunction ==


The assignment is to write your technical plan using only the tags possible in 1993-era HTML, as described [http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html here]. Some tags, you may discover, have changed or have been '''deprecated''' (which means that they may still be supported by some browsers, but have been officially removed from formal recommendations for use, and thus discouraged). The key tags, which are still valid to use, are:
The idea of this exercise is to create a unique "front end" interface with a form, to an existing CGI. The CGI might be a search engine, or a  
* <nowiki>Title: <title></nowiki>
* <nowiki>Anchors (or Links): <a></nowiki>
* <nowiki>Headings: <H1>, <H2>, <H3>, ...</nowiki>
* <nowiki>Definition Lists: <dl>, <dd>, <dt></nowiki>
* <nowiki>Bullet Lists: <ul>, <li></nowiki>


Note that the capitalization of tags doesn't matter (<nowiki><p> or <P></nowiki> are the same).
* [[Form Elements]]


In addition, feel free to use <nowiki><img></nowiki> tags to include (inline) images of projects you may refer to. And make sure to LINK (with the <nowiki><a></nowiki> tag) any projects or other subjects you reference (e.g. if you refer to a project, make the name of the project a link to the project's main page).
Look at / Practice with:
* Python's [http://docs.python.org/library/urlparse.html urlparse] module
** "Absolutizing" with [http://docs.python.org/library/urlparse.html#urlparse.urljoin urljoin].


= Personal Achievements Checklist =
(GET vs. POST)


The following are skills you should be able to demonstrate after today's class:
some examples of some "back ends":


* Have installed and be able to use a Code/Text Editor that performs Syntax Coloring on HTML.
* [[Dump.cgi]]
* Understand and differentiate the terms: URL, HTTP, HTML, tag, attribute, and value.
* [[Print_environ.cgi]]
* Be able to "hand code" simple pages using "1993 era" HTML tags.
 
* Be able to move files from your computer to your Piet Zwart web space (or other public web space) using (S)FTP.
* captcha generators
* [http://www.geuzen.org/female_icons/play/letters.php?msg=o+my+god&image=paris.jpg&font=effusive.ttf&p=240&bg=%23000000&cutout=center female icons writer]
* [http://images.google.be/images?imgsz=small|medium|large|xlarge&imgtype=face&as_st=y&gbv=2&hl=en&safe=off&q=%22Veronica+Lake%22&btnG=Search+Images google face search]
* [http://nag.iap.de/ Net Art Generator] from Cornelia Solfrank
* http://www.network-science.de/ascii/
* http://beast.mongrel.org.uk/cgi-bin/Recognition.pl
* http://public.research.att.com/~ttsweb/tts/demo.php
 
= For Next Week =
* Extend your tech plan -- link to a "first step" -- a first

Latest revision as of 17:58, 20 January 2009

Morning

Review checklist items from last week +

  • Review tag assignment
  • Setting up / Locating a local webserver
  • userdir

Afternoon

You can use the Template.html.

Exercise 1: FormFunction

The idea of this exercise is to create a unique "front end" interface with a form, to an existing CGI. The CGI might be a search engine, or a

Look at / Practice with:

(GET vs. POST)

some examples of some "back ends":

For Next Week

  • Extend your tech plan -- link to a "first step" -- a first
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=2009_202&oldid=3003"