WEBD logo DWEB logo

WEBD: Web Design & DWEB: Database-driven Web Design

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.

News

24/4/12

The assessment deadlines are now:


WEBD
Noon Friday 27 April
DWEB
Noon Monday 30 April

8/3/12

WEBD
Tuesday's lab has been moved to RCH/017.
DWEB
Wednesday's lab has been moved to CSE/082

Please come prepared to demonstrate your cinema website.

7/3/12

Solutions

Sample solutions to previous weeks' exercises are available. These use PHP to process booking forms. See the design.php page for details.

2/3/12

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.

28/2/12

The assessment specifications are now available on-line in PDF format: WEBD, DWEB.

21/2/12

I have re-arranged the order of the lectures, to postpone the coverage of mySQL.

15/2/12

Samples of achieving good designs with CSS from Andrew (2007) are available.

6/2/12

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.

31/1/12

Today's lecture (13.15) and WEBD lab (15.15) will go ahead as timetabled

30/1/12

Today's lecture is CANCELLED due to ill health. I hope to be back tomorrow.

17/1/12

I have assigned the practical groups.

16/1/12

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.

Resources

Timetable

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

Lecturer

Picture of Alistair Alistair Edwards (email: alistair)

Assistant lecturer

Picture of Dave Swallow  David Swallow (email: dswallow)

Demonstrators

Picture of Andre André Freire (email: apfreire)

Portrait of Mark  Mark Fairbairn (email: mlf)

Attendance

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.

Notes

Module Prerequisites

Prerequisite knowledge

Knowledge of Human-Computer Interaction theory, methods and practice. Experience of programming.

Private Study

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.

Assessment

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:

2008-9
This included the use of a mySQL database and so is more similar to the DWB assessment.
2009-10
This did not involve a database, and so is similar to the WED assessment. Some general feedback on the submissions is available.
2010-11

Feedback

Feedback is available in a number of forms.

Weekly practicals
Demonstrators and the lecturers will give feedback on each student's websites, week by week.
Assessment
Within four weeks of submission, you will be provided with a provisional mark and on-line, personal feedback on your submission.

Links and references

Your feedback

Students' feedback on the module and my response to it is available on-line:


28 February 2012