PAL Session 10

1
PAL Session 10

• Brought to you with marrowbone

2
Session Overview

• The bid
• Reading the specification
• Picking the important points, i.e. what the
  commissioner is looking for.
• Style
• Writing the bid
• Forms

3
Specification

• Create an online magazine for a port town -
  sound like anywhere familiar?!
• Must have
• facilities for businesses and tourists
• small ads classifieds, births, deaths, sales...
• articles recipe, rant...
• quiz

4
DON'T FORGET... the weekly reports!!

• ...account for 40 of your total mark in this
  module!!!
• ...can only be submitted at the appropriate time
  the system automatically cuts off when the time
  has elapsed!
• ... must be about the group dynamics most of all,
  with some mention of problems and their solutions.

5
Tackling the assignment

• Where to start?
• What to concentrate on?
• Setting goals with a timetable.
• the deadline may be in March, but the time soon
  goes away!!

6
Inspiration...

• Are there any other websites on the Internet that
  exist already and have a similar theme?
• How are the features you're meant to implement
  provided on those websites?

7
Writing the bid...

• Take the ideas you have from your notes and write
  them out.
• Sketch out the look and structure of the site
  this will help crystallize the site in your mind.

8
Forms the basics

• Forms are used to take in data
• All forms are contained in the ltformgt tag
• Within forms, you can place a variety of form tags

9
A form example
Text Box
Text Area Box
Password Box
Radio Buttons
Check Boxes
Drop down list
Submit Clear Buttons
10
Form tags

• Simple text box
• ltinput typetext namechat maxlength29 size10gt
• Password Box
• ltinput typepassword namewho maxlength8 size8
  value"notSecret"gt
• Checkboxes
• ltinput typecheckbox nameveg value"beet"gt
  Beetroot ltinput typecheckbox nameveg
  value"pea"gt Pea ltinput typecheckbox nameveg
  value"aubergine"  checkedgt Egg Plant
• Radio Buttons
• ltinput typeradio nameage value"baby"gt Baby
  ltinput typeradio nameage value"child"gt Child
  ltinput typeradio nameage value"toddler"gt
  Toddler

11
More forms tags

• Submit button
• ltinput typesubmit value"GO!"gt
• Clear form button
• ltinput typereset value"Clear Form"gt
• Image submit button
• ltinput typeimage nameflash src"wallop.gif"
  alignbottom altSubmitgt
• Text area box
• lttextarea namegobi cols4 rows10gt lt/textareagt
• Drop down list
• ltselect namesneeze size1gt ltoptiongt Runny
  Nose ltoptiongt Sore Throat ltoptiongt Headache
  
• lt/selectgt

12
Exercise

• Create a New Customer form with the following
  fields
• Name, Address Post Code
• User Name
• Password
• Gender
• Age Range
• Ways of travelling to work
• Submit and clear buttons
• Use appropriate form tags to create each field,
  and include at least one of each discussed
  earlier
• Once created, align the form with a table

13
Summary

• The bid is due in the last week of the semester.
  Think about
• Inspiration
• Take the ideas you have from your notes and write
  them out
• Sketch out the look and structure of the site
  this will help crystallize the site in your mind
• Encapsulate form tags in ltformgtlt/formgt
• Try to align forms with a table
• Next week we will look providing actual
  functionality with the forms, and linking them
  with CGI