Inválido para efeitos de certificação

Transcrição

1 UNIDADE CURRICULAR: Web Design CURRICULAR UNIT: Web Design Ficha de Unidade Curricular DOCENTE RESPONSÁVEL E RESPETIVAS HORAS DE CONTATO NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): Ricardo Pereira Rodrigues - 0h RESPONSIBLE ACADEMIC STAFF MEMBER AND LECTURING LOAD IN THE CURRICULAR UNIT (FILL IN THE FULLNAME): Ricardo Pereira Rodrigues - 0h OUTROS DOCENTES E RESPETIVAS CARGAS LETIVAS NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): Joana Calais Leitão Carvalho Mendes - 45h OTHER ACADEMIC STAFF AND LECTURING LOAD IN THE CURRICULAR UNIT: Joana Calais Leitão Carvalho Mendes - 45h 1/5

2 OBJETIVOS DE APRENDIZAGEM (CONHECIMENTOS, APTIDÕES E COMPETÊNCIAS A DESENVOLVER PELOS ESTUDANTES): Introducão ao web design e às práticas multidisciplinares para a criação e desenvolvimento de projectos de comunicação para publicação na World Wide Web (browser, social media, mobile e newsletter) a partir dos princípios do design de comunicação, design de interfaces, design de interacção e do desenvolvimento front-end. Aquisição de competências nas várias etapas de criação e desenvolvimento de projectos de comunicação digital: Metodologias, linguagens de programação e ferramentas para autoria web; Processos e métodos de investigação centrada no utilizador; Compreender o ciclo de desenvolvimento de projectos multimédia interactivos e Acessibilidade e Usabilidade na Web. LEARNING OUTCOMES OF THE CURRICULAR UNIT: Introduction to web design and multi-disciplinary practices for the creation and development of communication projects for publication on the World Wide Web based on the principles of communication design, interface design interaction design and front-end development fields. Acquisition of skills in various stages of creation and development of digital communication projects: design methodologies, programming languages and tools for web authoring; user research methods, understanding the development cycle of interactive multimedia projects and accessibility and usability in the web. CONTEÚDOS PROGRAMÁTICOS: Introdução e enquadramento. Tendências no desenho e produção de interfaces para World Wide Web. Planeamento, Pesquisa e Análise (Experiência do utilizador e Arquitectura de Informação). Design de Interfaces e interacção. Acessibilidade e Usabilidade. Tecnologias Web: introdução ao HTML, Web Standards, CSS (folhas de estilo em cascata), editores de código e ferramentas de autoria web. 2/5

3 SYLLABUS: Introduction and brief history of Web Design. Trends in World Wide Web interfaces and technologies. Planning, Research and Analysis (User Experience and Information Architecture). User interface design. Web Accessibility and Usability. Web technologies: Introduction to HTML, Web Standards, CSS (cascading style sheets) code editors and web authoring tools. DEMONSTRAÇÃO DA COERÊNCIA DOS CONTEÚDOS PROGRAMÁTICOS COM OS OBJETIVOS DA UNIDADE CURRICULAR: O programa inicia-se com um conjunto de conteúdos que irão permitir aos estudantes contextualizar e enquadrar o processo do web design e do desenho de interfaces no âmbito da comunicação digital. Compreender e trabalhar nas diferentes etapas de um projecto multimédia e interactivo: (1) análise e pesquisa, (2) arquitectura de informação, (3) desenho e composição, (4) acessibilidade e usabilidade, permite ao aluno a aquisição de competências base nos processos de investigação, metodologias de projecto, desenho, produção e implementação de projectos adaptados à World Wide Web. DEMONSTRATION OF THE SYLLABUS COHERENCE WITH THE CURRICULAR UNIT'S OBJECTIVES: The syllabus starts with content that will enable students to contextualise and frame the process of web design and user interface design in the context of digital communications. Understanding and working in the different stages of a multimedia and interactive project: (1) research and analysis, (2) information architecture, (3) graphic design and composition, (4) accessibility and usability, which allows students to acquire basic skills in the processes of research, design methodologies, design, production and implementation of projects for publication on the World Wide Web. 3/5

4 METODOLOGIAS DE ENSINO (AVALIAÇÃO INCLUÍDA): O meétodo de ensino usa aulas expositivas e aulas de práticas laboratoriais. As aulas expositivas estão assentes na transmissão de conhecimentos pela docente e serão baseadas em literatura especializada, quadros, e outros materiais. Nas aulas práticas são desenvolvidos exercícios que permitem aos alunos a interligação dos conteúdos teóricos com as metodologias e ferramentas de desenvolvimento de produtos e serviços multimédia interactivos. Serão também analisados e discutidos casos práticos. A avaliação na unidade curricular segue o modelo de Avaliação Contínua. A nota final consiste na média ponderada de vários elementos de avaliação que decorrem ao longo do semestre (exercícios práticos e projecto final que consiste na criação de um protótipo de um website). Para os alunos que se apresentem a exame o enunciado do exame é composto por uma parte teórica e uma parte de cariz prático que consiste na realização de um micro website. TEACHING METHODOLOGIES (INCLUDING EVALUATION): The teaching method is a combination of lectures and practical laboratory classes. During lectures, which are supported by literature, pictures, and other materials, students will be able to learn and understand the theoretical aspects of the subject, which they will later apply in practical exercises focused on the development of multimedia products. Case studies will also be analysed and discussed. The course follows the model of Continuous Assessment. The final grade is the weighted average of various elements of evaluation that arise throughout the semester (practical exercises and the final project which consists on the creation of a website prototype). DEMONSTRAÇÃO DA COERÊNCIA DAS METODOLOGIAS DE ENSINO COM OS OBJETIVOS DE APRENDIZAGEM DA UNIDADE CURRICULAR: Nas aulas expositivas serão apresentados os principais conceitos teóricos e exploradas as mais importantes tecnologias e metodologias de trabalho para uma boa prática no desenvolvimento de projectos de multimédia interactivos. Durante estas aulas serão também analisados alguns exemplos práticos e reais que permitirão aos alunos compreender as fases que estruturam um projecto desta natureza. Nas aulas práticas, supervisionados pela docente, os alunos irão trabalhar individualmente e em grupo, na resolução de exercícios que permitem a aplicação dos conhecimentos teóricos adquiridos nas aulas expositivas. Através do uso das ferramentas de trabalho apropriadas para a produção de projectos de multimédia interactivos, irão ainda adquirir competências no planeamento, desenho e produção para estes suportes. 4/5

5 DEMONSTRATION OF THE COHERENCE BETWEEN THE TEACHING METHODOLOGIES AND THE LEARNING OUTCOMES: The lectures will present the main theoretical concepts and analyse the key technologies and work methodologies for good practice in the development of interactive multimedia projects. Some practical examples will be displayed and discussed so that students are able to understand the different stages of an interactive multimedia project. During the practical classes students will be supervised by the teacher whilst solving exercises either individually or as a group. These exercises will require the application of the theoretical knowledge previously acquired in class and through the usage of appropriate tools will provide said students with skills in the planning, designing and development of interactive multimedia projects. BIBLIOGRAFIA PRINCIPAL: MAIN BIBLIOGRAPHY: Abreu, L. (2012) HTML 5, Lisboa: FCA. Brown, D. (2007) Communicating Design. Developing Web Site Documentation For Design and Planning, New Riders. Cederholm, D. (2010) CSS 3 For Designers, A Book Apart. Costello, Vic (2012) Multimedia Foundations: core concepts for digital design, London: Focal Press. Clark, J. (2015) Designing for touch, A Book Apart. Dabner, D.; Calvert, S. & Casey, A. (2010) Graphic design school : the principles and practice of graphic design, New Jersey: Wiley. Duckett, J. (2011) HTML & CSS - Design and Build Websites, Wiley. Fonseca, J. M. et al (2012) Introdução ao design de interfaces, Lisboa: FCA. Friedlein, A. (2001) Web Project Management, Morgan Kaufmann Publishers. Jacobson, Robert (ed.) (2000) Information Design, The MIT Press. Keith, J. (2010) HTML 5 For Web Designers, A Book Apart. Lidwell, W.; Holden, K. & Elam, K. (2003) Universal Principles of Design, Rockport. Morville, P. & Rosenfeld, L. (2007) Information Architecture For The World Wide Web, O'Reilly. Nielsen, J. (1999) Designing Web Usability, New Riders Publishing. Preece, J.; Rogers, Y. & Sharp, H. (2002) Design de Interação, Bookman. Ribeiro, N. (2012) Multimédia e Tecnologias Interactivas, Lisboa: FCA. 5/5