COAP:COAP-2100/week7

The educational technology and digital learning wiki
Jump to navigation Jump to search

Week 7

Topics Covered

  • HTML5 for information ...
  • HTML forms
  • The concept of server-side scripting and web applications
  • Using JavaScript to process form
  • e-books for information ...

Teaching materials

  • 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
  • e-book formats, demo of an e-book reader, short overview of EPub
  • Short summary of subjects we looked into
  • Exam preparation
  • Term project (each student will shortly present her/his plans)
  • Forms/JavaScript continued (if needed)
  • General catching up with hw and term project.

Homework 5

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