Web Development Project Guidelines: Northumbria University

Submission Requirements

All submissions are electronic using blackboard where further information will be given. For the Practical Web Solution, a zipped version of the working website (xampp htdocs folder) together with its database content (in sql format) must be submitted electronically using Blackboard. Additionally, the working website must be made available on the module deployment web server whose address will be posted on Blackboard.

Academic Integrity Statement: You must adhere to the university regulations on academic conduct. Formal inquiry proceedings will be instigated if there is any suspicion of plagiarism or any other form of misconduct in your work. Refer to the University’s Assessment Regulations for Northumbria Awards if you are unclear as to the meaning of these terms. The latest copy is available on the University website.

• Do NOT submit code from other people or web sources as your own, this is plagiarism.

• Do NOT buy your assignments on the Internet or submit work written for you by others. This is ghosting.

• For the individual element Do NOT work with other students and submit identical code, this is collusion.

• Both plagiarism, ghosting, and collusion are academic misconduct, which is not allowed.

Knowledge & Understanding:

1. Demonstrate an in-depth knowledge and critical understanding of secure, standards compliant web applications that interact with databases. Intellectual /Professional skills & abilities:

2. Systematically analyse a web development problem

3. Apply key web accessibility, security, and web design principles to create an appropriate web application to solve a problem, considering specified user requirements

4. Critically appraise web applications with reference to current security issues Personal Values Attributes (Global / Cultural awareness, Ethics, Curiosity) (PVA):

5. Effectively communicate findings from a critical appraisal of web security issues in written form.

These tasks will be peer reviewed so that students can critically assess both their work, and that of their peers.

1. Design a front, and content page for a given newspaper (‘The Sentinel’, ‘The Moon’, or ‘The New Music Record’ depending on your user ID using wireframe and storyboards.

2. Implement page structures using html5 and add your own content (IMPORTANT: your own content is not cut and pasted from the Internet, although images may be used with attribution)

3. Style the pages using external CSS.

4. Deploy your pages with supporting design diagrams

5. Post a link to your newspaper on the given Blackboard Discussion Board

6. Critically Review the newspaper above yours on the board, AND the one below it, using the marking scheme below (two reviews each worth 10%) and post your  reviews to the discussion board.

Academic Integrity Statement

Your web site should implement the notions of good design that we talked about in week one and have since looked at in more detail in subsequent weeks looking at design, usability and accessibility. To help focus and provide a common measuring for your peer assessment, these are the questions and criteria that you will need to give a written appraisal and marks to.

Question 1

What is the url to the newspaper web site?

Criteria 1

Does the page validate as html5 and then does it follow the ‘house-rules’?

If it doesn't validate correctly, think why not? How many errors are found? Can you give any advice about the errors?

Criteria 2

Can you view the page 'live' on the deployment web site?

Criteria 3

Does the page use HTML tables? Remember the use of tables is fine for displaying tabulardata but must not be used just for layout. So, if you see tables showing lists of scores, tv programs, rankings - things that are tabular data that's OK. If the table contains a menu, just images, or other layout then that's bad.

Criteria 4

Do the pages use any tags in the code?

Remember no such font tags should be present in html, all presentation instructions should be in css, preferably in a separate, linked file.

Criteria 5

How well do you think an external stylesheet has been used? Give marks and written explanation considering the use and complexity of the stylesheet. You should consider how they have used their stylesheet and the range of definitions it contains. Out of 14 you should assign marks for these things:

2 marks for how built in tags are styled (definitions for body, p, h1...h6 etc)

2 marks for using classes (classes are indicated by a dot in front of the definition)

2 marks for using IDs (IDs are indicated by a # in front of the definition)

2 marks for nested definitions, in other words things like links but only when they're in a menu e.g. #menu a {

2 marks for a range of attributes altered (look for not just font-family but borders, margins and padding for instance

4 marks for good use of positional elements (the use of floats, relative and absolute in the positioning of divs)

Please give appropriate written comment and evaluation in addition to the mark.

Criteria 6

What does the site look like with regards to the target audience?Give marks and written feedback for each of the criteria listed.

Criteria 7

Does it use images appropriately (e.g. size, position, type, purpose)?

Criteria 8

Is the layout and colour scheme appropriate to the audience? Give marks out of 10 and written feedback.

You should give marks not on the basis of your personal taste, but whether it is convincingly like the type of page you'd expect for a newspaper of this type.

Criteria 9

Accessibility: considerations regarding how accessible the site is (using alt text for images, labels for forms, jump to top, font size etc).

Criteria 10

Does it validate for accessibility in terms of colour contrast and colour choice for colour blindness?

Give marks out of 5 and feedback

Criteria 11

Do the page links include accesskey activation to allow their use without a mouse? In other words, when you look at the page source, do the links include code like:

Criteria 12

What improvements would you give to the developer to improve their web site? There are no marks to assign here, but you can write constructive advice to help the person who developed the page.