Ficha de Unidade Curricular Ano lectivo 2014/15

Transcrição

1 Ficha de Unidade Curricular Ano lectivo 2014/15 Unidade curricular: Curricular Unit: Tecnologia e Programação Web Web Development Technologies Docente responsável e respectivas horas de contacto na unidade curricular (preencher o nome completo): Responsible academic staff member and lecturing load in the curricular unit (fill in the fullname): Filipe José de Oliveira Frescata e Marques Montargil 3h Outros docentes e respectivas horas de contacto na unidade curricular: Ricardo Pereira Rodrigues / 45h Other academic staff and lecturing load in the curricular unit: Ricardo Pereira Rodrigues / 45h Objectivos de aprendizagem (conhecimentos, aptidões e competências a desenvolver pelos estudantes): Compreender as diferentes tecnologias, conceitos e fundamentos associados à prática do desenvolvimento de projectos para publicação na World Wide Web. Aquisição de competências em linguagens e metodologias de programação para desenvolvimento front-end de aplicações Web. Explorar ferramentas e frameworks de trabalho e autoria para o suporte Web.

2 Learning outcomes of the curricular unit: An introduction lab to Web fundamentals: technologies, concepts, methodologies and programming languages for front-end Web development to get started in producing content for the World Wide Web. Conteúdos programáticos: Conceitos e fundamentos Web: Internet e World Wide Web; protocolos; hipertexto e hipermédia; multimédia; interactividade; HTTP e HTTPS; cookies; browsers; web servers; aplicações Server- Side e Client-Side. O modelo das três camadas: conteúdo, apresentação e interactividade. HTML e Web Standards: Contextualização; Organização de ficheiros, nomenclaturas, nomeação de ficheiros e estrutura; DTD (Document Type Definition); METATAGS; Comentários; Sintaxe; Elementos de "Block" e "Inline"; Elementos Genéricos (Div e Span); Elementos Identificadores (Id e Class); Vídeo e Áudio. Introdução às CSS: Contextualização e funcionamento; Tipos de CSS; Selector, Propriedade e Valor; Comentários; Selectores de Classe e Id; Propriedades; Selectores de Pseudo-Classes e Pseudo-Elementos e Box Model. Syllabus: Fundamentals of Web Development: Internet and World Wide Web; protocols; hypertext and hypermedia; multimedia; interactivity; HTTP and HTTPS; cookies; browsers; web servers; "Server-Side" and "Client-Side" applications. The three layers model: content, presentation and interactivity. HTML and Web Standards: Context; files names and structure; DTD (Document Type Definition); metatags; comments; syntax; "Block" and Inline" elements; Generic elements (Div and Span); Identifiers elements (Id and Class); Video and Audio. CSS Introduction: Background; Types of CSS; Selector, property and value; comments; Class and Id selectors; properties; Pseudo-Classes Selectors, Pseudo-Elements and Box Model.

3 Demonstração da coerência dos conteúdos programáticos com os objectivos da unidade curricular. O programa inicia com um conjunto de conteúdos que irão permitir aos estudantes contextualizar a World Wide Web no panorama da comunicação digital interactiva e identificar os principais componentes e características da infra-estrutura Internet. Compreender e trabalhar com o modelo das três camadas (conteúdo, apresentação e interactividade), permite ao aluno a aquisição de competências base em linguagens e metodologias de programação no desenvolvimento de aplicações e conteúdos Web. Aprender a programar em HTML e a trabalhar a apresentação deste conteúdo a partir de estilos CSS fornece ao aluno as ferramentas essenciais para o desenvolvimento e autoria para o suporte web. Demonstration of the syllabus coherence with the curricular unit's objectives. The syllabus starts with a set of content that will enable students to contextualise the World Wide Web in the interactive digital communication field and identify main components and characteristics of the Internet infrastructure. Understand and work with the model of three layers (content, presentation and interactivity), allows students to acquire basic skills in languages and programming methodologies in application development and Web content. Learning to program in HTML and CSS styles provides students with the essential tools for the development and authoring for web support. Metodologias de ensino (avaliação incluída):

4 O método de ensino usa aulas expositivas e aulas de práticas laboratoriais. As aulas expositivas estão assentes na transmissão de conhecimentos pelo docente, apoiada em literatura especializada (livros, revistas e websites), quadros (esquemas e sínteses), e materiais (docs, powerpoint, pdfs e exemplos práticos). Nas aulas práticas são desenvolvidos exercícios que permitem aos alunos interligarem os conteúdos teóricos com as metodologias e ferramentas de desenvolvimento Web e serão também analisados e discutidos casos práticos. A avaliação na unidade curricular segue o modelo de Avaliação Periódica. A nota final consiste na média ponderada de vários elementos de avaliação que decorrem ao longo do semestre (dois exercícios práticos e uma ficha escrita). Para os alunos que se apresentem a exame (época normal, recurso e especial) o enunciado do exame é composto por perguntas de desenvolvimento, múltipla-escolha e um pequeno enunciado para a realização de um exercício prático de HTML e CSS. Teaching methodologies (including evaluation): The teaching method uses lectures and practical laboratory classes. The lectures are based on the transmission of knowledge, supported in the literature (books, magazines and websites), pictures (diagrams and summaries), and materials (docs, powerpoint, pdfs and practical examples). In practical classes students do exercises that allow them to study and connect theoretical contents and Web development methodologies and tools. Case studies will also be analyzed and discussed The assessment for this course is periodic. The final grade is the weighted average of various elements of evaluation that arise throughout the semester (two practical exercises and a written record). For students who present themselves for examination, the exam consists of essay questions, multiple-choice and a short brief to the realization of a practical exercise in HTML and CSS. Demonstração da coerência das metodologias de ensino com os objectivos de aprendizagem da unidade curricular. Nas aulas expositivas serão apresentados os principais conceitos teóricos, analisadas as principais tecnologias e metodologias de trabalho para uma boa prática no desenvolvimento de projectos para publicação na WWW. Durante estas aulas serão analisados alguns exemplos práticos e reais que permitirão aos alunos perceber as diferentes camadas que estruturam uma aplicação Web. Nas aulas praticas os alunos irão trabalhar em exercícios individuais, supervisionados pelo docente, que permitem a aplicação dos conhecimentos teóricos adquiridos nas aulas expositivas e que simultaneamente lhes permite a aquisição de competências nas linguagens de programação em estudo (HTML e CSS) e no uso das ferramentas de trabalho usadas no desenvolvimento e autoria para o suporte Web.

5 3000 caracteres (máximo) Demonstration of the coherence between the teaching methodologies and the learning outcomes. The lectures will focus on the main theoretical concepts, analyze the key technologies and methodologies to work for good practice in the development of projects for publication on the WWW. In this classes some practical examples will be analysed so that students will be enabled to understand the different layers of a web application. In practical classes students will work on individual exercises, supervised by the teacher, which allows the application of the theoretical knowledge acquired in lectures and simultaneously allows them to acquire skills in programming languages (HTML and CSS) and using development tools used for publish Web content caracteres (máximo) Bibliografia principal: Main Bibliography: Abreu, L. (2012) HTML 5. FCA. Cederholm, D. (2010) CSS3 For Designers. A Book Apart. Duckett, J. (2011) HTML & CSS - Design and Build Websites. Wiley. Friedlein, A. (2001) Web Project Management. Morgan Kaufmann Publishers. Keith, J. (2010) HTML5 For Web Designers. A Book Apart. Ribeiro, N. (2012) Multimédia e Tecnologias Interactivas. FCA. Robbins, N. (2007) Learning Web Design. O Reilly. Schmitt, C. (2006) CSS Cookbook. O reilly. Scott, B. & Neil, T. (2009) Designing Web Interfaces. O Reilly.