WEBD is a module for MSc HCIT and MSc SMIT students. DWEB is module for MSc IT and MSc Computing students. Most of the material for the two modules is identical, except that students on DWEB are expected to be able to create their own PHP/mySQL functions.
The modules are taught in the Spring Term.
24/4/12
The assessment deadlines are now:
Please come prepared to demonstrate your cinema website.
Sample solutions to previous weeks' exercises are available. These use PHP to process booking forms. See the design.php page for details.
A dump of the databases you need for the assessment and the practicals is available: DWEB.sql
The settings of the department's php.ini are available, if you want to make sure your installation is compatible.
The assessment specifications are now available on-line in PDF format: WEBD, DWEB.
I have re-arranged the order of the lectures, to postpone the coverage of mySQL.
Samples of achieving good designs with CSS from Andrew (2007) are available.
I have made some minor amendments to the order of lectures. As planned, today we have a guest lecture from Dave Swallow, on Accessibility, but tomorrow we will have Forms and interactivity.
Today's lecture (13.15) and WEBD lab (15.15) will go ahead as timetabled
Today's lecture is CANCELLED due to ill health. I hope to be back tomorrow.
I have assigned the practical groups.
There was an error in the timetable below - and hence the apparent clash for Computing students. The Group Practicals, in Weeks 2 and 3, are on Wednesdays (11.15-13.15) not Thursday. Sorry for any confusion.
I mentioned DIS in today's lectrure. That module is now called DASY. It does not run until weeks 7-10 but that should fit well with the material we will be covering in DWEB.
| Week | Session | Day | Time | Location | Title |
|---|---|---|---|---|---|
| 2 | Lecture | Monday |
16.15-17.15 |
LMB/002A |
L1. Introductions: What are WEBD & DWEB? What is the Web? |
| Lecture | Tuesday | 13.15-14.15 | LMB/002X |
L2.How does the Web work? L3. Brief introduction to HTTP |
|
|
Group Practical |
Wednesday |
11.15-13.15 |
RCH/ Lakehouse |
P1. The Quiz
P2. Designing a hotels web site |
|
| Workshop | Thursday |
17.15-18.15 |
RCH/Lakehouse | W1. What is a good website? | |
| 3 | Lecture | Monday |
16.15-17.15 |
LMB/002A | L4.Introduction to design patterns |
| Lecture | Tuesday | 13.15-14.15 | LMB/002X | L5. Instant introduction to HTML | |
|
Group Practical |
Wednesday | 11.15-13.15 |
RCH/ Lakehouse |
P2. Designing a hotels web site (Continued) | |
| Workshop | Thursday |
17.15-18.15 |
RCH/Lakehouse | W2. What is a bad website? | |
| 4 | Lecture | Monday | 16.15-17.15 | LMB/002A | L6. Instant introduction to HTML (Part 2) |
| Lecture | Tuesday | 13.15-14.15 | LMB/002X | L7. Introduction to web design | |
| WEBD Practical | Tuesday |
16.15-18.15 |
CSE/066 | P3. Designing a cinema website | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/069-070 | P3. Designing a cinema website | |
| Workshop | Thursday |
17.15-18.15 |
RCH/Lakehouse | W3. Form usability | |
| 5 | Lecture | Monday |
16.15-17.15 |
LMB/002A |
L8. Web accessibility
(PowerPoint) (Guest Lecture from Dave Swallow) |
| Lecture | Tuesday | 13.15-14.15 | LMB/002X |
Designing and constructing HTML pages
L9. Forms and interactivity |
|
| WEBD Practical | Tuesday |
16.15-18.15 |
CSE/066 | P4. HTML | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/069-070 | P4. HTML | |
| Lecture | Thursday |
17.15-18.15 |
RCH/Lakehouse | L10. CSS | |
| 6 | Lecture | Monday |
16.15-17.15 |
LMB/002A | L11. CSS (Part 2) |
| Lecture | Tuesday |
13.15-14.15 |
LMB/002X | L12. Introduction to web-based programming (optional) | |
| WEBD Practical | Tuesday |
16.15-18.15 |
CSE/066 | P5. CSS | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/069-070 | P5. CSS | |
| Lecture | Thursday |
17.15-18.15 |
RCH/Lakehouse | L13. PHP (Part 1) | |
| 7 | Lecture | Monday |
16.15-17.15 |
LMB/002A |
Advert - Meet the alumni L14. PHP (Part 2) |
| Lecture | Tuesday |
13.15-14.15 |
LMB/002A | L15. Web security | |
| WEBD Practical | Tuesday |
16.15-18.15 |
CSE/066 | P5. Forms | |
| DWEB Practical | Wednesday |
10.15-12.15 |
CSE/069-070 | P5. Forms | |
| Assessment | Wednesday | 12.00 | CSE/002 | Assessment issued | |
| Workshop | Thursday |
17.15-18.15 |
RCH/Lakehouse | W4. Form building, security and checking | |
| 8 | Lecture | Monday |
16.15-17.15 |
LMB/002A | L16. Assessment briefing |
| Lecture | Tuesday |
13.15-14.15 |
LMB/002X | L17. Usability | |
| WEBD Practical | Tuesday | 16.15-18.15 | CSE/066 | P6. PHP | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/069-070 | P6. PHP | |
| Lecture | Thursday |
17.15-18.15 |
RCH/Lakehouse | L18. PHP and mySQL (Part 1) | |
| 9 | Lecture | Monday |
16.15-17.15 |
LMB/002A | L19. PHP and mySQL (Part 2) |
| Lecture | Tuesday |
13.15-14.15 |
LMB/002X | L20. JavaScript (Part 1) | |
| WEBD Practical | Tuesday | 16.15-18.15 | CSE/066 | P7WEBD. Database integration | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/069-070 | P7DWEB. Interfacing to a Database | |
| Lecture | Thursday |
17.15-18.15 |
RCH/Lakehouse | L21 JavaScript (Part 2) | |
| 10 | |||||
| Workshop | Monday |
16.15-17.15 |
LMB/002A | W5. PHP and mySQL | |
| Lecture | Tuesday | 13.15-14.15 | LMB/002X |
L22. The Cloud and mashing up L23. Rounding-up, revision and miscellaneous topics |
|
| WEBD Practical | Tuesday |
16.15-18.15 |
RCH/017 | WEBDP8. Cinema website demonstrations | |
| DWEB Practical | Wednesday | 10.15-12.15 | CSE/082 | P8. Cinema website demonstrations |
Alistair
Edwards (email: alistair)
David Swallow (email: dswallow)
André Freire
(email: apfreire)
Mark Fairbairn (email:
mlf)
Normally attendance at lectures is optional but practicals are compulsory. For this module I am willing to be more flexible, though, in recognition of the fact that some students on the module may already heve extensive experience in the design and implementation of websites. If you consider yourself to be in that category, and you think your time would be better spent not attending the practical, then please apply for me for permission to be excused.
Knowledge of Human-Computer Interaction theory, methods and practice. Experience of programming.
Although the basic principles and details of the various languages will be presented in lectures, material on evaluation and design methods may also be found in the text books. Reference material should be used to supplement the lectures. It is also expected that books should be consulted and used in the process of designing.
There will be separate assessments for WEBD and DWEB. They will be issued on Monday, Week 7 Spring Term and due in on Wednesday, Week 1, Summer term.
The assessments use Electronic Submission
The assessments will involve the design, implementation and evaluation of a web-based application.
The assessment specifications are available on-line in PDF format: WEBD, DWEB.
A dump of the databases you need for the assessment (and the practicals) is available: DWEB.sql
General feedback on last year's assessment is available.
Previous years' assessment specifications are available:
Feedback is available in a number of forms.
Students' feedback on the module and my response to it is available on-line:
28 February 2012