Inválido para efeitos de certificação
1/8
Ficha de Unidade Curricular
UNIDADE CURRICULAR:
Tecnologias 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
OTHER ACADEMIC STAFF AND LECTURING LOAD IN THE CURRICULAR UNIT:
Inválido para efeitos de certificação
2/8
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, melhorando 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.
Inválido para efeitos de certificação
3/8
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
4/8
CONTEÚDOS PROGRAMÁTICOS:
Conceitos e fundamentos da web: 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: estrutura e modelo da página, utilização de elementos, tags e atributos, formulários, inserção de vídeo e áudio;
? Introdução à linguagem CSS: heranças e precedências, regras de utilização da linguagem; CSS3: animações, transições e importação de fontes.
? Web semântica: organização de elementos na página web a recorrendo às tags semânticas HTML5; ? Web Design Responsivo: Introdução aos processos de desenvolvimento para multiplataforma. ? Introdução ao conceito de CMS: gestores de conteúdos personalizados;
? Publicação de documentos online: alojamento, gestão de FTP, direcionamento de domínio; O futuro da internet, inovação e tendências, reflexões sobre web e sociedade.
Inválido para efeitos de certificação
5/8
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 introduction: page´s structure and model, HTML elements, tags and attributes, forms, video and audio; ? CSS 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; ? Responsive Web Design: an introduction to the adapting process of the web page to multiplatform visualisation;
? Get familiar with the CMS concept: custom content manager, Wordpress; ? Publishing online web documents: server host, FTP management, domains;
Inválido para efeitos de certificação
6/8
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 WWW 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.
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.
Permitir que ao longo da unidade curricular o aluno experiencie cada uma das etapas do desenvolvimento de uma página 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 WWW 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
7/8
METODOLOGIAS DE ENSINO (AVALIAÇÃO INCLUÍDA):
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 Contínua. 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 de grupo e um trabalho individual).
Para os alunos que se apresentem a exame 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.
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 group exercises and an individual 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.
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 de grupo e 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.
Inválido para efeitos de certificação
8/8
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 group and 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.
