COAP:COAP-2100/week7: Difference between revisions
Jump to navigation
Jump to search
m (→Homework 5) |
mNo edit summary |
||
Line 1: | Line 1: | ||
=== Week 7 === | <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 7 [[Help:COAP-2100|COAP 2100]] === | |||
==== Topics Covered ==== | ==== Topics Covered ==== | ||
* Web server architectures | |||
* Running a webserver on your own PC | |||
* [[HTML5]] for information ... | * [[HTML5]] for information ... | ||
* HTML forms | * [[HTML forms tutorial]] (continued) | ||
* The concept of server-side scripting and web applications | * The concept of server-side scripting and web applications | ||
==== Teaching materials ==== | ==== Teaching materials ==== | ||
* [[HTML forms tutorial]] (includes '''both''' JavaScript and server-side scripting with PHP) | |||
* [[HTML forms tutorial]] (includes JavaScript and server-side scripting) | * [[HTML5]] (just FYI) | ||
* [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] | |||
==== Classroom activities ==== | |||
; Monday | |||
; What do we mean by the Internet (part II - web application architectures) | |||
* Slides used: [http://tecfa.unige.ch/guides/te/files/internet-intro.pdf internet-intro.pdf] | |||
* [[Internet tutorial]] (first part of the slides above spelled out ...) | |||
; | ; Using a web server | ||
* Short demo of [[Modular Webserver System]] | |||
* Web hosting (demo by a student ?) and file transfer | |||
; Processing forms with PHP (a taster) | |||
* [[HTML forms tutorial]] | |||
; Wednesday | ; Wednesday | ||
Information on: | |||
* XML | |||
* | * SVG | ||
* | * Document formats | ||
* | |||
==== Homework 6 ==== | ==== Homework 6 ==== |
Revision as of 16:32, 20 February 2011
Week 7 COAP 2100
Topics Covered
- Web server architectures
- Running a webserver on your own PC
- HTML5 for information ...
- HTML forms tutorial (continued)
- The concept of server-side scripting and web applications
Teaching materials
- HTML forms tutorial (includes both JavaScript and server-side scripting with PHP)
- HTML5 (just FYI)
- internet-intro.pdf
Classroom activities
- Monday
- What do we mean by the Internet (part II - web application architectures)
- Slides used: internet-intro.pdf
- Internet tutorial (first part of the slides above spelled out ...)
- Using a web server
- Short demo of Modular Webserver System
- Web hosting (demo by a student ?) and file transfer
- Processing forms with PHP (a taster)
- Wednesday
Information on:
- XML
- SVG
- Document formats
Homework 6
- Task
Create a JavaScript program that can process a quiz made with simple radio buttons. Code above can serve as basis. However, you should change the two questions and add at least a third one. In other words:
- You must change something in the HTML forms code. Make sure that each group of radio buttons has a different name. E.g. when you add a question, use name="question3"
- You must change something in the JavaScript Provide feedback section. I.e. change the score values and the feedback messages.
Note: CS students familiar with HTML forms and JavaScript can use other HTML forms.
- Tips
- Validate your HTML code
- Make sure to open the error console (in Firefox: Tools-> error console) !!
- Evaluation criteria
- Ergonomics (does the quiz "make sense")
- HTML and CSS code (is it valid)
- Style and presentation
- JavaScript (is your code running, does it compute ok)
- Due
- Before Wednesday week 8 class
- Submission
- Submit the file to the world classroom