WEB DESIGN FUNDAMENTALS

SHE Level 3
SCQF Credit Points 20.00
ECTS Credit Points 10.00
Module Code M3I325634
Module Leader Edward Horn
School School of Computing, Engineering and Built Environment
Subject Computing
Trimester
  • A (September start)

Pre-Requisite Knowledge

Fundamentals of HCI or equivalent

Summary of Content

The aim of this module is to provide students coming from a digital design background with the knowledge, understanding and skills required to design interactive web sites and to implement these sites with respect to current publishing standards.

Syllabus

User needs analysis techniques: identifying target audience; user centred web design concepts. Web design planning and documentation: site structure diagrams, wireframes. Technical fundamentals: HTML syntax CSS purpose and syntax including the box model, styling, layout and positioning of elements. Client / Server architecture; Forms and form processing, basic server side scripting. Principles of good web authoring: separation of content from presentational attributes; progressive enhancement; authoring for accessibility, responsive design. Design for interactivity; Introduction to javascript syntax data types logic Document Object Model (DOM). The W3 DOM. Accessing, traversing and modifying documents via the DOM. CSS and event handling. Changing the presentation layer Changing the document's behaviour with event handling. Using 3rd party code libraries. Using libraries, such as jQuery, Dojo. Critical Review of current and emerging Web standards e.g. markup html 4.0, xhtml, html 5 styles CSS 2, CSS3 data interchange formats xml, json Contextual Issues: e.g. legal and copyright restrictions; data protection; accessibility Design Issues: graphic design techniques for web; navigation models; choice of file formats. Web authoring: using both simple text editors and industry standard authoring tools. Use of appropriate tools to support development and debugging.

Learning Outcomes

On completion of this module, students should be able to: 1. Conduct a user needs analysis to inform the design of an appropriate solution to a project brief. 2. Construct a website using standard mark-up, which displays well across a range of devices. 3. Apply client side sampling to the development of interactivity. 4. Demonstrate an understanding of the systems technologies used to develop contemporary websites.

Teaching / Learning Strategy

The University 'Strategy for Learning' documentation has informed the learning and teaching strategy for this module. The module material will be introduced through practical exercises and will be given to students for their practical sessions. Practicals will be used to help explain and elaborate on both the learning outcomes and the practical exercises and provide opportunities for tutor led formative feedback to individuals and groups. Practical activities will be designed to encourage a student-led, problem-solving approach, with students being encouraged to experiment with code modification and authoring. Some teaching will take place in the lab sessions to address practical implementation of specific concepts. Independent study will be supported through the use of text books, web sites, GCULearn and social networking tools. The university library has a good range of ebooks in the subject area and these will be incorporated into the module site on the VLE as appropriate. Students will receive formative feedback on their performance in undertaking the practical exercises. Summative feedback and grades will also be provided for the coursework assignment undertaken as part of the module using GCU Learn. Full use will be made of GCU Learn to provide lecture-based and related study materials thus encouraging the development of independent learning and allowing self-reflective feedback on student performance. Staff-based feedback on student performance for submitted work will be provided in line with the University feedback policy, with summative feedback and grades on the coursework assessment utilising GCU Learn. The additional interactive discussion features of GCU Learn may be utilised, as appropriate to the module, to stimulate independent and flexible student learning outwith scheduled class time. Students will work on project based coursework from a design/project brief, developing solutions to real-world or simulated problems. Formative feedback will be offered at various stages of the project and students will be expected to share their activity in group based tutorials and critiques.

Indicative Reading

P ollock (2013) Javascript A Beginers Guide 4 th ed. McGraw-Hill Osborne ISBN 978-0071809375 Fielding, J. (2014). Beginning Responsive Web Design with HTML5 and CSS3. Berkeley, CA: Apress. doi:10.1007/978-1-4302-6695-2 Brandon, J. (n.d.). Learning web design: a beginner's guide to HTML, CSS, Javascript, and web graphics. 4th ed. Choice. Middletown: American Library Association, ISBN 1449319270 J.Keith R. Andrew (2016) HTML5 for Web Designers, ISBN: 978-1-9375572-4-9 Cederholm C.(2015) CSS3 for Web Designers, ISBN: 978-1-9375572-0-1 Marcotte E. (2014) Responsive Web Design ISBN: 978-1-9375571-8-8 Marquis, M.(2016), JavaScript for Web Designers ISBN: 978-1-937557-46-1 Frain, B, (2015) Responsive Web Design with HTML5 and CSS3; ISBN: 978-1-784398-93-4

Transferrable Skills

Specialist knowledge and application Critical thinking and problem solving Critical analysis Communication skills, written, oral and listening Computer literacy Creativity, innovation & independent thinking Ability to prioritise tasks and time management

Module Structure

Activity Total Hours
Independent Learning (FT) 122.00
Practicals (FT) 60.00
Assessment (FT) 18.00

Assessment Methods

Component Duration Weighting Threshold Description
Coursework 1 n/a 100.00 35% Web site Accompanied by Appropriate Documentation