COAP:COAP-2100/week7: Difference between revisions
Jump to navigation
Jump to search
Line 16: | Line 16: | ||
==== Classroom activities ==== | ==== Classroom activities ==== | ||
; Monday and Wednesday | |||
Open [http://tecfa.unige.ch/guides/js/ex/coap/week-3/simple-quiz.html simple-quiz.html] and save this file on your desktop. We will make some modifications to it, i.e. prepare homework 6. | Open [http://tecfa.unige.ch/guides/js/ex/coap/week-3/simple-quiz.html simple-quiz.html] and save this file on your desktop. We will make some modifications to it, i.e. prepare homework 6. | ||
: Wednesday | |||
* Exam preparation | |||
* Term project | |||
* Forms/JavaScript continued | |||
==== Homework ==== | ==== Homework ==== |
Revision as of 12:07, 5 October 2009
Week 7
Topics Covered
- HTML5 for information ...
- HTML forms
- The concept of server-side scripting and web applications
- Using JavaScript to process form
Teaching materials
- HTML5
- HTML forms tutorial (includes JavaScript and server-side scripting)
- Use the Codeburner extension in Firefox for reference (if needed)
Classroom activities
- Monday and Wednesday
Open simple-quiz.html and save this file on your desktop. We will make some modifications to it, i.e. prepare homework 6.
- Wednesday
- Exam preparation
- Term project
- Forms/JavaScript continued
Homework
- 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