Inválido para efeitos de certificação

Inválido para efeitos de certificação

Ficha de Unidade Curricular

UNIDADE CURRICULAR:

Tecnologia e Programação Web

CURRICULAR UNIT:

Web Development Technologies

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 Isabel Nunes de Souza (45h)

Inválido para efeitos de certificação

OBJETIVOS DE APRENDIZAGEM (CONHECIMENTOS, APTIDÕES E COMPETÊNCIAS A DESENVOLVER PELOS ESTUDANTES):

Compreender as diferentes tecnologias, conceitos e fundamentos associados às 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:

Estruturar os elementos num documento web;

Programar documentos web aplicando as linguagens HTML (HiperText Markup Language) e CSS (Cascade Style Sheet);

Organizar documentos web aplicando os conceitos de web semântica e HTML 5;

Aplicar web design responsivo a documentos web, permitindo a sua usabilidade em multiplataformas; Identificar interfaces de gestão de conteúdos;

Publicar documentos web online;

Discutir conceitos relacionados com o futuro da internet, tendências e inovação; Resolver exercícios de forma autónoma;

Avaliar e solucionar problemas de programação de um documento web recorrendo aos conceitos apreendidos;

LEARNING OUTCOMES OF THE CURRICULAR UNIT:

An introduction lab to Web fundamentals: technologies, concepts, methodologies and programming languages for front-end Web development.

Acquire skills in programming and methodologies for front-end Web application development: Structure elements in a web document;

Program web documents using HTML (Hypertext Markup Language) and CSS (Cascade Style Sheet); Organize web documents using web semantic from HTML 5;

Apply responsive web design to web documents, allowing its usability in multiple platforms; Identify content management interfaces;

Post online web documents;

Discuss concepts related to the future of the internet, trends and innovation; Solving exercises;

Evaluate and solve programming problems in a web document using the concepts learned from the classes;

Inválido para efeitos de certificação

Conceitos e fundamentos da web: o início da internet e Word Wide Web; protocolos, hipertexto, hipermédia, multimédia, interactividade, browsers, servidores, aplicações web; estrutura, organização, componentes e comportamento da página web; Web Standards definidos pelo W3C.

Introdução à programação web:

Introdução à linguagem HTML (Hyper Text Markup Language): estrutura e modelo da página HTML, utilização de elementos, tags e atributos HTML, formulários, inserção de vídeo e audio;

Introdução à linguagem CSS (Cascade Style Sheet): heranças e precedências, regras de utilização da linguagem CSS; CSS3: animações, transições e importação de fontes.;

A Web semântica;

Introdução ao Web Design Responsivo;

Introdução ao conceito de CMS ( Content management system ); Publicação de documentos web online.

O futuro da internet, inovação e tendências: internet das coisas; Big Data e visualização de dados, nova Web, reflexões sobre web e sociedade;

SYLLABUS:

Fundamentals of Web Development: the beginning of the Internet and World Wide Web; protocols, hypertext, hypermedia, interactivity, browsers, servers, web applications, structure, content, presentation and interactivity of a web page; Web Standards defined by W3C.

Web programming introduction:

HTML (Hyper Text Markup Language) introduction: HTML page´s structure and model, HTML elements, tags and attributes, forms, video and audio;

CSS (Cascade Style Sheet) introduction: inheritance and precedence, CSS rules; CSS3: animations, transitions and import font families.

Web Semantic : how to organise elements on the web page using the HTML5 semantic tags; An introduction to the Responsive Web Design;

Inválido para efeitos de certificação

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 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 aquisicã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.

Identificar os processos e interfaces de gestão dos conteúdos apresentados pela páginas web dota o aluno de uma visão completa do funcionamento de uma página web em contexto real.

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.

Understand Javascript fundamentals allow the student to add interactivity to web applications and learn the programming logic behind most of the programming languages.

Identify the processes and content management interfaces provided by web pages gives students a complete perspective of how web pages work in real context.

Inválido para efeitos de certificação

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 um trabalho).

O exame é composto por uma parte teórica e uma parte prática que consiste num pequeno enunciado para a realização de um exercício 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 project).

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.

Inválido para efeitos de certificação

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, 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 práticas 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, CSS) e no uso das ferramentas de trabalho usadas no desenvolvimento e autoria para o suporte Web.

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, CSS) and using development tools used for publish Web content.

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. Keith, J. (2010) HTML5 For Web Designers. A Book Apart.