Website Development (D4)

(1)

© Institute for the Management of Information Systems –

Page 1 of 7

IMIS DIPLOMA QUALIFICATIONS

Website Development

(D4)

Thursday 4

th

December 2014 14:00hrs – 17:00hrs

DURATION: 3 HOURS

Candidates should answer ALL the questions in Part A and THREE of the five questions in Part B. Part A carries 40% of the marks available and Part B

carries 60%. Candidates should allocate their time accordingly.

No reference material of any kind may be taken into the examination.

(2)

Page 2 of 7

PART A. Answer ALL questions in this section.

Question A1

Explain the term METADATA and why it is an important part of the web page

coding. (5 marks)

Answer LO1 P21 & 35

Metadata is the information about the document itself, such as how present the

document, or what other documents are related to the current one such as

Cascading Style Sheets (CSS).

It is important as it ‘enforces’ house standards, consistency, and all relevant

information about a document can be in found one place.

Question A2

A recent enhancement to Forms processing is Asynchronous JavaScript and XML (AJAX).

Describe the term AJAX and how AJAX functions. (5 marks)

Answer LO2 P 433 & 470

It is a group of web development technologies that are used on client servers for

asynchronous applications to retrieve data from the user and submit the form

request in the background.

Its function is that data can be processed without the user having to wait for the page to reload, allowing enhanced speed and interactivity.

Question A3

Explain the term GIF Transparency and explain why it is a useful feature when

displaying a GIF file on a website. (5 marks)

Answer LO2 P 311

GIF Transparency is where a graphic can appear to have an irregular outside

shape.

It is useful in that an image can blend in with other objects on a website rather than

have supernumerary contents and colour displayed. GIF can use a “transparent”

(3)

Page 3 of 7

Question A4

Describe THREE technological constraints that can affect the way a user views your

website on their computer. (5 marks)

Any three of the following are acceptable:

 Speed of download

 Screen resolution may not be supported

 Web browser version may not be support the features

 Software language may not be supported

 version used to create the website unsupported

 Computer hardware

 Etc

Question A5

There are TWO types of URL. Describe how they differ. (5 marks)

The two types of URL are:

 Complete URLs are where the complete address is included in the URL, and

can be used to access data etc anywhere on the system.

 Partial URL which omits the protocol and domain or server name, and

only specifies the path to files in the same folder, and resided in the same

folder. Candidates might use the term local/global or absolute/relative

Question A6

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.

Describe why WIREFRAME is an important part of planning a website. (5 marks)

Answer LO4 P 97

Any two of the following are acceptable:

 It shows a more complete version of the page designs

 It offers stakeholders a more complete view of what the final design should/will

look like.

 It enables the designer to gain insight and reactions from content

(4)

Page 4 of 7

Question A7

In a web page you can create a division element to contain an entire web page, and is often called a wrapper. What is a wrapper, and why would you use a wrapper in a

website page layout? (5 marks)

Answer LO5 P 537 & 273

A mechanism for controlling entire web page elements, rather akin to the PDF

protocol. A page wrapper would be used to centre a web page within the

browser window, regardless of screen resolution.

By using the page wrapper it enables the designer to create a wrapper so that all the contents of a page can be positioned to fit a page.

Question A8

Using an example describe TWO major differences between User and System

documentation. (5 Marks)

Answer LO6 P 228 – 281

User documentation is designed to help people to use the system.

System documentation is used to describe how the system works or how it should be managed and maintained. For example, the payroll system, user document is used to help the user to run the software package whilst the system documentation is used by the ‘techies’ to install the software, test the software, make backups, and

possibly recover from ‘common’ errors.

PART B. Answer any THREE of the following FIVE questions.

Question B9

Using a set of XHTML coding give and describe FOUR syntax rules that are now

part of XTHML. (20 marks)

Answer LO1 AC 1.1 AC 1.2 P 13/14

Any FOUR of the following are acceptable:

 A full set of heading tags must be included.

 All opening tags must have a closing tag.

 All tags, attribute and predefines attribute values must be in lowercase.

 All attribute values must be within quotation marks.

 All attribute values must be stated and can not be assumed, even if they are the

same as the attribute.

 An inner tag must be closed before closing an outer tag.

(5)

Page 5 of 7

Question B10

The <input> element defines many of the Form input objects, of which there are ten types.

Give and describe FIVE<input> elements that you would use on a Form explaining

why you would used each of the FIVE <input> elements. (20 marks)

Answer LO2 P 435 - 450

Any FIVE of the following are acceptable:

Text Allows a user enter a single word or a line of text.

Password As per text but the user’s entry is masked by asterisks.

Checkbox Allows the user to select a response from a selection of options.

Radio Allows the user to select one value from a range of values.

Submit Enables the user to send the form data to a server using the

transmission method specified in the <form> element.

Reset Allows the user to clear a form of data entered for whatever reason and

start from scratch, again.

Hidden Allows the web designer to send additional information without the user

being aware of this.

Image Allows the web designer to use a graphic to the form rather than use the

default buttons.

Button Allows the user to trigger a script function.

File Allows the user select a file that is submitted with the form.

Question B11

An important feature of any webpage is the Feedback Form.

a) Give and describe FOUR reasons why you, as the webpage designer, must

include a Feedback Form. (16 marks)

b) Describe TWO inherent dangers in allowing such feedback. (4 marks)

Answer LO3 AC 3.1/2/3/4

a) Any FOUR of the following are acceptable:

It allows the web designer

 To ‘pick the brains’ of the users.

 To ask for constructive opinions from a user.

 To enable the user to suggest improvements for future versions.

 To create a ‘wish list.’

 To show that you are a willing listener.

 Etc.

b) Any TWO of the following are acceptable:

 Detrimental responses may be forth coming.

 The suggestions offered may not be a viable proposition.

 The suggestions offered may not be cost effective.

(6)

Page 6 of 7

Question B12

Many websites overload their users with information.

a) Give and describe FIVE ways in which you, as a webpage designer, can reduce

the chances of the user being overloaded with information. (15 marks) To enable a user to have quick access to information on your web site you will need to consider the hierarchy planning.

b) Explain the term Hierarchy and describe TWO reasons why it is so important

when planning your web pages. (5 marks)

(Total 20 marks)

Answer LO4 P362 and P57

a) Any FIVE of the following are acceptable:

 by creating manageable information segments.

 controlling page lengths .

 using Hypertext to connect facts, relationship.

 using Hypertext concepts by using selected words or text.

 split text into smaller groupings such as age groups, etc.

 more important material first.

 Etc.

 The correct sequence is defined.

 No pages are missed out.

 By checking with the server administrator it is possible to see which pages are

the most frequently accessed and then they can be moved ‘forward’.

 Able to create short cuts.

 Able to create more than one link to a web page.

 Etc.

Question B13

When designing a presentation for your proposed website there are various considerations that need to be taken into account when creating the slides for the presentation.

a) Give and describe FOUR considerations that you need to be taken into account.

(16marks)

b) Give and describe TWO precautions that you need to be taken into account when

using your laptop to present the presentation. (4 marks)

(Total 20 marks)

Answer LO6 AC6.4 P278 - 281

a) Any FOUR of the following are acceptable:

 Not too much text on the slides.

 the slides have a logical sequence.

 the colours are not gaudy or too pastel.

 they are too the point.

(7)

Page 7 of 7

 background and text compatible

 Etc

 The battery is full.

 There is a close by power supply.

 There is a backup copy of the presentation on a memory stick.

 The presentation when displayed on a screen is in focus.

 Should sound be used

 Can all of the audience hear it correctly.

 Laptop compatible with display equipment

 Etc