NOBERT EORBO}IU1{IIff RSITYE&KffiffiffigW

CMMOOT: Intranet Systems Development

Instructions to Candidates

Answer all FIVE questions

STUDENTS ARE NOT PERMITTED TO LOOK AT THE EXAMINATION PAPER UNTILINSTRUCTED TO DO SO.

SPECIAL STATIONERY

Lined Paper

School Computing Science and Digital Media

CourseMSc Computing : Software TechnologyMSc Computing: Software Technology withNetwork Management

Year of Study Postgraduate

Academic Year 20L2-20L3

Semester 3

Date 12 August 2013

Time 10.00 - 13.00 Duration: 3 hours

No. of Pages(including cover) 6

Ru

Answer all FIVE questions

1 The early design stages of a web application can make use of InformationArchitecture practices to inform the development of wireframes, mock upsand eventually prototypes,

Answer the following:

(a) What is the importance of Information Architecture?

(4)

(b) Give two advantages that creation of a wireframe has over thedevelopment of a prototype. Give one reason why the prototypemay be superior,

(c)

(6)

Implement the following wireframe interface using HTML5 (n.b. CSScode not required) code. You should pay attention in particular to:

. Correct HTML5 page structure

. Appropriate nesting of major elements

. Identifying elements with appropriate labels(10)

-Site Header

Navigation Links

2/...

cMM007/3 12-73

--- ---€ite Footer

(r,

3

2 Visual aspects of a web application can be controlled using Cascading Stylesheets (CSS), which declare rules that are applied to HTML elements whena web page is rendered by a browser.

Answer the following:

(a) CSS uses a simple syntax with three main elements, Identify eachand label where they occur in a short piece of CSS code.

(6)

(b) In which way can CSS be included in HTML that violates goodseparation of concerns? Provide a short example that illustrates this.

(4)

(c) In Question 1 (C) a wireframe is presented, Write the CSS codethat will satisfy the following criteria:

(i) Invert the Article Header colours such that foreground iswhite and the background is black

(ii) Increase the Article Header font size to 2OOo/o

(iii) Set the Article Content to use the Arial font family

(iv) Layout the Article Header and Article Content as two-columnlayout (n.b. do not worry about size, just float rules)

(2,2,2,4)

3/...

cMM007/3 t2-13 K*

3 HTTP is the main method of communication between a web browser and a

web server. More recently, Ajax has provided improvements theshortcomings of HTTP when building more sophisticated web applications.

Answer the following:

(a) What did AJAX originally stand for? Why is it now referred to asAjax and provide an example to support your answer.

(4)

(b) HTTP consists of a set of methods. Identify three HTTP methodsand provide a description of their typical usage,

(6)

(c) To overcome the stateless nature of HTTP, Cookies and Sessionshave emerged as methods of storing state information betweenHTTP requests.

(i) Provide a diagram for each method of storing state using:

a. Cookies

b. Sessions

(ii) Explain which method is superior in terms of security and whythis is the case.

(8,2)

4/...

KccMM007/3 L2-t3

4 Structured Query Language (SQL) is the standard for defining the schemaof a database and querying relational databases, like MySQL, used bymost web applications.

Answer the following:

(a) What does CRUD stand for? Provide an example snippet of SQL codeto illustrate each part of CRUD.

(s)

(b) Describe how PHP integrates with MySQL using the "5 step model",clearly identifying each step in your answer.

(s)

(c) Given the following Entity Relationship Diagram (ERD) for a simplepolling application:

(i) Write the SQL code required to create these database tables,remembering to choose sensible data types and constraints.

(ii) Write the SQL query that would return all Polls questions witha date later then 24/05/20L3.

(8,2)

s/...

cMM007/3 12-13(t'

6

5 PHP has become one of the most dominant server-side web developmenttechnologies used to build web applications.

Answer the following:

(a) Identify three disadvantages that might occur when using PHP forserver side web development.

(6)

(b) Provide two PHP snippets that illustrate super-global arrays usedwhen handling HTTP data sent to a PHP script.

(4)

(c) PHP has built-in support for managing state during a user'sinteraction with a web application. Answer the following:

(i) What are the three main aspects of session management?Provide a snippet of code to illustrate each,

(ii) How is information accessed and stored during sessions?Please refer both to the programming code and systems'aspect,

(6,4)

cMM007/3 t2-73

END OF QUESTION PAPER

(.t,