Web Design II

Code:

WD502

Acronym:

WD

Keywords
Classification	Keyword
CNAEF	Design

Instance: 2022/2023 - 1S

Active?	Yes
Responsible unit:	Design
Course/CS Responsible:	Communication Design

Cycles of Study/Courses

Acronym	No. of Students	Study Plan	Curricular Years	Credits UCN	Credits ECTS	Contact hours	Total Time
DC	14	Plano Oficial do ano letivo 2017	4	-	4,5	64	121,5

Teaching language

Suitable for English-speaking students

Objectives

• Understand the architecture and the workings of the Web, specifically in what concerns the Web design project;


• Introduce the students to the management of Web projects, from conception to implementation;


• Promote good practices in designing and developing for the Web;


• Breed a critical view of the designer in their relation to the Web.

Learning outcomes and competences

• Understand the various stages of the Web design project;


• Master the technologies to build and format a Web page (HTML and CSS);


• Acquire programming skills for the Web (JavaScript).

Working method

Presencial

Pre-requirements (prior knowledge) and co-requirements (common knowledge)

Basic technical knowledge of Web development (HTML and CSS) and Web Design

Program

The course unit of Web Design II aims to develop knowledge at the level of the technologies to build Web interfaces (HTML and CSS), exploring new skills in programming languages for the Web (JavaScript). The course unit further aims to offer an overview of the process of development of a Web design project and to promote good practices at the technical and methodological levels.

The course is organized in the following modules: one that aims to consolidate the necessary skills in HTML and CSS, within a responsive web design application development context introducing Javascript; the consolidation and development of programming with Javascript and introduciton do Javascript Libraries; a hollistic project approach that integrates and makes use of all the technical and social skills to develop a project in an autonomous fashion.

Mandatory literature

Duckett Jon; HTML & CSS. ISBN: 978-1-118-00818-8
Duckett, Jon; JavaScript and JQuery: Interactive Front-End Web Development, John Wiley & Sons, Inc., 2014. ISBN: 978-l-118-53164-8
Gross, Benedikt; Bohnacker, Hartmut; Laub, Julia; Lazzeroni, Claudius ; Generative Design: Visualize, Program, and Create with JavaScript in p5.js, Princeton Architectural Press, 2018. ISBN: 978-1616897581

Complementary Bibliography

Andrew, Rachel; Get ready for CSS grid layout, A Book Apart, 2016. ISBN: 978-1-9375572-7-0
Caddick, Richard; Cable, Steve; Communicating the User Experience, John Wiley & Sons, 2011. ISBN: 978-1-119-97110-8
Cederholm, Dan; CSS3 for Webdesigners, A Book Apart, 2014. ISBN: 978-1-9375572-1-8
Cederholm, Dan; SASS for Web Designers, A Book Apart, 2013. ISBN: 978-1-937557-13-3
Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher; About Face: The Essentials of Interaction Design, John Wiley & Sons, Inc., 2014. ISBN: 978-1-118-76657-6
Head, Val; Designing Interface Animation, Rosenfeld , 2016. ISBN: 1-933820-12-8
Head, Val; CSS animations, Five Simple Steps, 2013. ISBN: 978-1-907828-18-8
Keith, Jeremy; HTML5 for Web Designers, A Book Apart, 2010. ISBN: 978-0-9844425-0-8
Kissane, Erin; The Elements of Content Strategy, A Book Apart, 2011. ISBN: 978-0-9844425-5-3
Krug, Steve; Don't Make Me Think: A Common Sense Approach to Web Usability, New Riders, 2006. ISBN: 0321965515
Marcotte, Ethan; Responsive Web Design, A Book Apart, 2014. ISBN: 978-0-9844425-7-7
Maria, Jason Santa; On Web Typography, A Book Apart, 2014. ISBN: 978-1-9375570-7-2
Robbins, Jennifer Niederst; Learning Web Design, 4th Edition: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, O'Reilly Media, 2012. ISBN: 978-1-4493-1927-4
Stein, Bram; Webfont Handbook, A Book Apart, 2017. ISBN: 978-1-937557-64-5
Tidwell, Jenifer; Designing Interfaces: Patterns for Effective Interaction Design, O'Reilly, 2010. ISBN: 978-1-449-37970-4
Wroblewski, Luke; Mobile First, A Book Apart, 2014. ISBN: 978-1-937557-02-7
Howe, Shay; Learn to Code HTML & CSS - Beginner & Advanced, New Riders, 2014. ISBN: 978-0321940520
Lomas, Rik; Learn to Code Now, SuperHi Inc., 2017
Levin, Golan; Brain, Tega; Code as Creative Medium: A Handbook for Computational Art and Design, The MIT Press, 2021. ISBN: ‎ 978-0262542043

Teaching methods and learning activities

The curricular unit is developed according to a theoretical-practical model that alternates training classes with classes dedicated to the development of exercises and projects. The exercises will aim at the exploration, solidification and consolidation of the knowledge acquired through the resolution of specific problems, the projects will have as objective the practical application of this knowledge in articulation with the learning acquired throughout the course. Students must seek to develop the critical capacity of the students through the analysis and collective discussion of the works developed in class and other design projects.

Software

Bibliotecas Javascript (JQuery, p5.js) e diferentes APIs online (Teachable Machine) (Gratuitas)
Visual Code Studio (Gratuito)
Atom (Open Source)
Adobe Dreamweaver (Comercial)
Adobe Brackets (Open Source)

keywords

Technological sciences > Architecture > Design
Humanities > Arts > Visual arts > Graphic arts
Technological sciences > Technology > Internet technology
Technological sciences > Architecture > Design > Graphic design

Evaluation Type

Distributed evaluation without final exam

Assessment Components

Designation	Weight (%)
Participação presencial	10,00
Trabalho laboratorial	40,00
Trabalho prático ou de projeto	50,00
Total:	100,00

Amount of time allocated to each course unit

Designation	Time (hours)
Elaboração de projeto	25,50
Estudo autónomo	32,00
Frequência das aulas	64,00
Total:	121,50

Eligibility for exams

Average positive classification in the exercises and projects developed, as well as the remaining grade parameters.

Calculation formula of final grade

• The final classification is calculated from the weighted average of the classifications obtained in the projects carried out in each module:
  Module 1: 40%. Module 2: 60%;


• The evaluation comprises the acquired knowledge, demonstrated by the resolution of exercises and their application to the project in development: 


• Other grade parameters include the conceptual component, the project's realization and the application of the acquired knowledge to the resolution of design problems, as well as the capacity to communicate works in development; 


• Presence to the classes, responsibility towards the class, the projects and the deadlines associated with these will also be taken under consideration.

Classification improvement

Only by re-attending the course.

Observations

It's essential to have attended the Web Design I course or to demonstrate equivalent knowledge.