COAP:COAP-2100/week5

Week 5 COAP 2100

Topics Covered

• Dealing with pictures (some reminders about formats and size)
• Wikis
• Dealing with Video formats (if time left)
  • Encoding of Flash videos

Teaching materials

• Wiki and Mediawiki (background information and links)
• Flash video component tutorial
• Image File Formats (Wikipedia)

Web sites to visit

The original

• http://c2.com/cgi/wiki?FrontPage WikiWiki
  • Demo page: http://c2.com/cgi/wiki?WikiWikiSandbox

Online wiki hosting services

• http://pbworks.com/ pbWiki, commercial on-line service
  • Demo site: https://atelierwebmaster.pbworks.com/

• http://wikispaces.com Wikispaces, commercial on-line service
  • Demo site: http://atelierwebmaster.wikispaces.com/

Mediawikis (Wikipedia engine)

• Demo site: http://www.wikimedia.org/
  • http://en.wikipedia.org/wiki/Main_Page
  • Other Wikimedia sites ...
• Demo site: http://www.wikia.com/
• Demo site: http://edutechwiki.unige.ch/
• Demo site: https://developer.mozilla.org/en/Web_Development

Classroom activities

Monday

• Images (reminder about formats and size)

• Wikis: the concept, variants
  • Visit of some wikis (see wikisites above) + hands-on
  • Wikimedia and the Mediawiki engine, including some visits and hands on Mediawiki
  • Wiki politics (editing guidelines and governance)
  • Easy online wiki hosting (see Wiki#Wiki_hosting Wiki (Wiki hosting section)

• Videos
  • Formats
  • http://video.google.com/videoadvancedsearch (Google video search)
  • https://addons.mozilla.org/en-US/firefox/addon/3006 (Video download tool)
  • Video encoding for Flash (if time left)
  • HTML 5 Video tag.

Wednesday

• Mid-term

Mid-term exam (provisional !)

You will be allowed to use all materials (open book, open Internet). However, use of a communication software (including websites like Facebook) is strictly forbidden. Offenders will get an F.

Subjects that will be tested

• Be able to find information in the Firefox Codeburner/SitePoint HTML and CSS reference
• Understanding of underlying principles of web formats (HTML, XHTML and CSS) including some the history
• Be able to create HTML code and detect errors
  • DocType declarations (superficially, e.g. understand the difference between the strict and transitional HTML4x/XHTML1x models)
  • Required tags: html,body,title,link,style,a,img,h1,h2,h2,p,blockquote,ul,ol,li,div,span
  • Required attributes: style + the elementary attributes of the HTML a,img and link tags.
  • Note: I may design an exam question that asks you to find the definition of another HTML tag or attribute.
• Simple CSS styling
  • Basic selectors
  • Class and IE selector
  • Simple boxing properties (not positioning)
  • Simple text properties, e.g. fonts, color, line spacing, left/right/center alignment
• Color models
  • Principles of RGB, RGBa, HSL and HSLa (not HSV) and use for CSS color and background-color values.
• Simple design principles
  • Be able to comment on a web site design
  • Use of color palettes (basic principles)
  • Testing a web site with users
• XML
  • Roles of XML, types of XML languages
  • XML Formalism, wellformedness
  • The concept of XML grammars and validity (no technical details about DTDs, XML Schemas, etc.)

Exam type

• The exam will be a quiz with various types of questions(e.g. MCQs, fill-in, debug, short answers)

Homework

(none this week, see week 4)