Module Details
Module Code: |
DSGN |
Module Title:
|
Web User Interface Design
|
Title:
|
Web User Interface Design
|
Module Level:: |
6 |
Module Coordinator: |
Nigel Whyte
|
Module Author:: |
Fiona Redmond
|
Module Description: |
To provide learners with the necessary skills to design and develop responsive 'design driven' websites.
|
Learning Outcomes |
On successful completion of this module the learner will be able to: |
# |
Learning Outcome Description |
LO1 |
Explain the underlying architecture of the internet and world wide web. |
LO2 |
Develop responsive web pages using HTML and CSS that adhere to current Web standards and UI principles. |
LO3 |
Enhance web pages with interactive content using JavaScript. |
LO4 |
Evaluate the planning and development of effective websites to meet specific case studies. |
Dependencies |
Module Recommendations
This is prior learning (or a practical skill) that is recommended before enrolment in this module.
|
No recommendations listed |
Co-requisite Modules
|
No Co-requisite modules listed |
Additional Requisite Information
|
No Co Requisites listed
|
Indicative Content |
Introduction to Web Architecture
Overview of the internet and world wide web. Web protocols including HTTP. Web concepts including URL, DNS, cookies, browsers, caching, client-server model. Current web standards and UI design principles. Tools and technologies.
|
HTML
HTML structural elements, tags and attributes. Lists, tables and forms. Inline vs block-level elements. Embedding images, video and audio. Separation of content from presentation.
|
CSS
Introduction to CSS, selectors, colours, typography, using CSS for layout and navigation, box model, positioning. Responsive designs, creating styles to target various devices and viewports and media queries.
|
JavaScript
Clientâside scripting using JavaScript, browser object, document object
model. Integrating user interaction by dynamically generating and modifying HTML content and CSS properties. JavaScript libraries and API's.
|
UI Design
Consideration of the principles of good UI design. The sizing, colours and positioning of elements. Grouping and consistency. Website organisation and visual hierarchy that guides the user around the web pages. Clear purpose of imagery.
|
Website Planning and Development
Planning and development of effective layouts (mobile, tablet and desktop) and designs (appropriate colour schemes and fonts etc.) to meet clients needs following research into current trends and target audiences. Using design skills to complete a web project from concept through UI development, sitemaps, wireframing, development and hosting.
|
Module Content & Assessment
|
Assessment Breakdown | % |
Continuous Assessment | 20.00% |
Project | 60.00% |
Practical | 20.00% |
AssessmentsFull Time
No End of Module Formal Examination |
Reassessment Requirement |
Coursework Only
This module is reassessed solely on the basis of re-submitted coursework. There is no repeat written examination.
|
SETU Carlow Campus reserves the right to alter the nature and timings of assessment
Module Workload
Workload: Full Time |
Workload Type |
Workload Category |
Contact Type |
Workload Description |
Frequency |
Average Weekly Learner Workload |
Hours |
Lecture |
|
Contact |
Lecture |
12 Weeks per Stage |
2.00 |
24 |
Laboratory |
|
Contact |
Laboratory |
12 Weeks per Stage |
4.00 |
48 |
Independent Learning |
|
Non Contact |
Independent Learning |
15 Weeks per Stage |
11.87 |
178 |
Total Weekly Contact Hours |
6.00 |
Module Resources
|
Recommended Book Resources |
---|
-
Jon Duckett. Web Design with HTML, CSS, JavaScript and jQuery Set, Wiley, p.1152, [ISBN: 1118907442].
-
Jennifer Niederst Robbins. Learning Web Design, 5th Edition, O'Reilly Media, [ISBN: 1491960205].
-
Ben Frain. Responsive Web Design with HTML5 and CSS, 3rd Edition, [ISBN: 1839211563].
-
Terry Felke-Morris. Basics of Web Design, 5th Edition, Pearson, [ISBN: 0135225485].
| This module does not have any article/paper resources |
---|
Other Resources |
---|
-
JavaScript Tutorials,
-
Responsive Web Design,
|
|