2009 202: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
= For this week =
= 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 idea 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''' (possibly still supported by browsers, but officially removed from formal recommendations for use, and thus discouraged to still use). 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></nowiki>
* <nowiki>Anchors (or Links), <a></nowiki>
* <nowiki>Headings: <H1>, <H2>, ...</nowiki>
* <nowiki>Definition Lists: <dl>, <dd>, <dt></nowiki>
* <nowiki>Bullet Lists: <ul>, <li></nowiki>


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


In addition, feel free to use <img> tags to include (inline) images of projects you may refer to. And make sure to LINK (with the <a> 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]]
* Be able to move files from your computer to your Piet Zwart web space (or other public web space) using (S)FTP.
* [[Print_environ.cgi]]
* Be able to "hand code" a simple page using <img> tags.
* Understand the terms: URL, HTTP, HTML, tag, and attribute.


* Locate and/or install an Apache web server on your computer for "localhost" use.
* captcha generators
* Enable a "personal" space on your localhost server (USERDIR).
* [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 18: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"