SET08109 Web Development for Information Management

SET08109 Web Development for Information Management

Module Organiser

Version Control: This version of the course material has a release date of 1stJanuary 2015

1Learning outcomes

1. Demonstrate the ability to write a prototype web site in HTML and CSS, using a text editor.
2. Starting from a mission statement, design, create and evaluate a prototype web site.
3. Install, modify, manage and populate a contemporary web content management system.
4. Design a strategy for marketing a commercial web site.

2Achievement of learning outcomes

Learning Outcome / Underpinned by / Assessed in

1. Demonstrate the ability to write a prototype web site in HTML and CSS, using a text editor.

/ Units 1–3, / Coursework 2

1. Starting from a mission statement, design, create and evaluate a prototype web site.

/ Units 1 – 4,
Unit 8. / Coursework 1
Coursework 2

1. Install, modify, manage and populate a contemporary web content management system.

/ Units 5 – 7. / Coursework 2

1. Design a strategy for marketing a commercial web site.

/ Unit 8. / Coursework 2

3Syllabus

• HTML and CSS code
• PHP
• Image creation and use
• Content Management Systems
• Web site design, evaluationand marketing

4Assessment Details

This module is assessed by coursework only.

There are two pieces of coursework, one building on the other. They mainly involve the design steps involved in building a professional web site.

Precise hand-out and hand-in details are to be found in the coursework itself, but the deadlines are usually around weeks 8 and 13.

5Teaching Pattern

Weekly class contact consists of a two hour lecture and a two hour practical session in the JKCC computing centre.

You should expect to spend nine additional hours a week in independent and directed study.

Ideally you should attempt the laboratory practical work at home and bring problems to the lab sessions, where we can advise or help. Some students prefer to do their practical work in the laboratory practicals and ask for help when necessary. (It is normal to have difficulties and we are there to help.) It is important that the practical work be finished before the following week – if you skip it, you are cheating yourself out of learning important skills.

6Reading List

It is not necessary to purchase books for this module. All necessary material is on the learning spaces. However, if you are interested, you could look at:

1. Castro, E. & Hyslop, B. (2011) HTML5 and CSS3. Berkley, CA: Peachpit Press.
2. Robbins, J. N. (2006) Web design in a nutshell: A desktop quick reference. Sebastopol, CA: O'Reilly Media Inc.
3. Shreves, R., (2013) Joomla! bible: The comprehensive tutorial resource. Hoboken NJ: John Wiley.
4. Burge, S., (2011) Joomla! explained: your step by step guide. Boston MA: Addison Wesley.

7Web-sites of interest

Four web development tutorial and information sites:

Jakob Nielsen's site (Usability and Web Design)

An evaluation framework

8Teaching Resources

The lecturer responsible for this presentation of the course is Dr M J Rutter (). The course material for this presentation may be found onMoodle or at the following mirror site:
under “teaching”.

Electronic copies of this organiser, handouts, coursework specifications and additional material are also available on local networks.

Where available, key textbooks have been placed in the Short Loan Collection in the library.

9Contacting the Module Leader

If you are studying this module remotely, then contact your local tutor for personal help or advice, but feel free to email the module leader () with simple queries.

Teaching Plan

Week No / Lecture
1 / Introduction + HTML
2 / CSS style-sheet Styling
3 / CSS style-sheet Positioning
4 / Web site design
5 / CMS – Content Management Systems
6 / No module activity during employment week
7 / CMS – Content Management Systems
8 / Marketing a site.
9 / PHP
10 / Working with forms
11 / JavaScript menus and rollovers
12 / Graphics Generation
13 / Copyright + Summary of the module
Week No / Laboratory Practical
1 / Research sites – Heuristics generation
2 / HTML
3 / CSS Styling
4 / CSS Positioning
5 / Web site design
6 / No module activity during employment week
7 / CMS – Content Management Systems 1
8 / CMS – Content Management Systems 2
9 / CMS – Content Management Systems 3
10 / PHP
11 / Working with forms
12 / Coursework demonstrations
13 / Coursework demonstrations

Module Descriptor.

Part One: Module Leader’s section: core module details

1.Module Title: Web Development for Information Management

2. SCQF Level: Level 8 3. SCQF Credit Value: 20 4. ECTS Credit Value: 10

5. Module Code: SET08109 [Admin Use Only]

6. Module Leader: M J Rutter

7. School: Computing

8. Edinburgh Napier Subject Group Area: Software Engineering

9. Prerequisites – To study this module you will need the learning equivalent to the module listed or have passed this module
Is a Prerequisite Required? / Yes ☐No ☒
Module Code
Module Title
Examples of Equivalent Learning

10. What you will learn and what this module is about

This module is about generating a web presence for a client.

On this module you will learn how to design a website from first client contact through to the evaluation of the final product. You will learn to write code in HTML and CSS. You will learn how to install, modify and manage a web content management system.

11. Description of Module Content

HTML and CSS code

Image creation and management

Content Management Systems

Web site design and evaluation

12. Learning Outcomes of the module

LO1: Demonstrate the ability to write a prototype web site in HTML and CSS, using a text editor.

LO2: Starting from a mission statement, design, create and evaluate a prototype web site.

LO3: Install, modify, manage and populate a contemporary web content management system.

LO4: Design a strategy for marketing a commercial web site.

LO5:

LO6:

13: Indicative References and Reading List

T1: Castro, E. & Hyslop, B. (2011) HTML5 and CSS3. Berkley, CA: Peachpit Press.

T2: Robbins, J. N. (2006) Web design in a nutshell: A desktop quick reference. Sebastopol, CA: O'Reilly Media Inc.

T3: Shreves, R., (2013) Joomla! bible: The comprehensive tutorial resource. Hoboken NJ: John Wiley.

T4: Burge, S., (2011) Joomla! explained: your step by step guide. Boston MA: Addison Wesley.

T5:

T6:

Part Two: Module Leader’s Section: Versions*

* indicates that this section may be set up in SITS to have different content to reflect a different occurrence/delivery of the module

*14. Occurrence

14a. Primary mode of delivery: Face to face (class conduct)

14b. Location of Delivery: Edinburgh Napier

Partner: Edinburgh Napier University

Other partner (if more than one using the same version)

New Partner:

14c. Member of staff with primary responsibility for delivering module, if different from Module

Leader: N/A

*15. Moodle Presence

Please select one:

1. ☐This version of the module does not require a Moodle presence.

2. ☒This version of the module requires a Moodle presence that is not shared with any other

versions.

3. ☐This version of the module requires a Moodle presence that is shared with other versions

(please provide details):

*16. LTA Approach

Learning & Teaching methods including their alignment to LOs

Lecture/workshop interactive opportunities to learn the underpinning theory behind successful web design (LO2, LO4).

Hands-on laboratory-based practical sessions will be continuous formative assessment. This will help to develop skills in web site design, construction and evaluation (LO1, LO3). It will also serve to reassure the student of ongoing progress.

The coursework will be both summative and formative, inculcating and reinforcing skills taught in the practical sessions and putting the theory into practice.

Embedding of employability/PDP/Scholarship Skills

The module will inculcate and reinforce information handling and presentation skills. There is also a market demand for web designers - it would be a great advantage to be able to talk about web design experience at a job interview.

Assessment (formative or summative)

The practical laboratory sessions will be hands-on experience of the theory taught in the lecture/workshops. The practical work will all be formative assessment, reassuring the student of their ability to handle the design methods and software tools.

Research / teaching linkages

The students will themselves do practical research into the styles and techniques used by professionals, in order to build up an instinct for appropriate presentation methods. The material used in the lecture/workshop sessions will draw on the research of others.

Supporting equality and diversity

The topic of web design assists communication within and across all cultures. It further permits anyone to publish at a cost within the reach of anyone. The topics of usability and accessibility are about designing for all, especially those of reduced ability. The accessibility of a web site is now a legal requirement.

Internationalisation

Web technologies follow international standards. The World Wide Web is accessible from any country in the world. Indeed, the web elements of the students' practical work will be visible from any web browser in the world.

*17. Student Activity (NESH)

Mode of Activity / L & T Activity / NESH / KIS Category
Face to Face / Lecture / 24 / Scheduled T & L Hours
Face to Face / Practical Labs / 24 / Scheduled T & L Hours
Independent Learning / Other / 102 / Independent Study Hours
Assessment / Other / 50 / Independent Study Hours
Choose a mode. / Choose an activity. / Choose a category.
Choose a mode. / Choose an activity. / Choose a category.
Choose a mode. / Choose an activity. / Choose a category.

KIS Module Total NESH

KIS Category / Module Total %
Scheduled Teaching & Learning / 24%
Independent Study Hours / 76%
Placement Hours
Total / 100%

*18. Assessment

Week Due / Type of Assessment / Weighting (%) / LOs
Covered / Length/
Volume / Mapping for KIS
Component: Assessment One
Enter assessment element(s):
8 / Report
Other: / LO2 / 1750 Words / Coursework
14 / Practical Assessment
Other: / LO1 / 12 Hours / Coursework
Practical Assessment
Other: / LO3 / 12 Hours / Coursework
Report
Other: / LO4 / 1500 Words / Coursework
Component Subtotal / 1750 words + 12 hours
Component: Assessment Two
Enter assessment element(s):
Choose as Assessment.
Other: / Select / Choose an item.
Choose as Assessment.
Other: / Select / Choose an item.
Choose as Assessment.
Other: / Select / Choose an item.
Choose as Assessment.
Other: / Select / Choose an item.
Component Subtotal / 1500 words + 12 hours
Module Total / 100% / 3250 words,
24 hours

Total Module KIS Assessment

Assessment Mapping for KIS / Module Total %
Written Exam
Practical Exam
Coursework / 100%
Module Total / 100%

19. Length of module delivery.

Over how many trimesters is this module delivered?

☒One / ☐Two☐Three
See Guidance Note 19

20. Trimester(s) of delivery

☐One ☒Two ☐Three

Admin Use

21. Approval

Date of approval
Date of approval commencement
Final date of review

22. External examiner’s name:

23. Main Administrator’s Name:

24. Notes (for administrative use only)

Admin Use (for each version)

25. Exemptions (awarded from regulations)