PROGRAMAO PARA A WEB Mestrado Integrado em Engenharia

PROGRAMAÇÃO PARA A WEB Mestrado Integrado em Engenharia e Gestão de Sistemas de Informação 2017/2018 Filipe Portela

APRESENTAÇÃO DA UC

UC e Equipa Docente Unidade curricular Equipa docente § Programação para a Web § 2. º ano MIEGSI - PL, 1. º Semestre § 2 T + 2 TP + 2 PL § 10 ECTS (280 horas) – 14 h por semana (6 h de aulas) § 20 semanas (15 de contacto) Professor Sessões Horário das Aulas Carlos Filipe Portela Coordenador (cfp@dsi. uminho. pt) T 6. ª-feira, 18: 10 – 19: 50 TP 6. ª-feira, 20: 10 – 22: 00 PL 6. ª-feira; 20: 10 – 22: 00 Sábado, 09: 10 – 11: 00 6. ª-feira; 17: 30 – 20: 00 Sábado, 11: 10 – 13: 00 Bruno Ferreira (bruno@dsi. uminho. pt) Horário de Atendimento * 2. ª-feira, 15: 00 – 18: 00 3. ª-feira, 14: 00 – 15: 00 * mediante marcação prévia 4

Resultados de Aprendizagem A World Wide Web (WWW) - como plataforma de programação e desenvolvimento Enunciar e explicar os princípios fundamentais das aplicações Web; Desenhar, Desenvolver e Implementar soluções web para a resolução de problemas reais; Programar em Node. JS/Javascript soluções (sites com base de dados) de pequena dimensão para a Internet; Explorar e compreender o funcionamento de frameworks web; Conhecer e explorar o conceito e aplicações web (alojamento na cloud); Reutilizar frameworks, toolkits, widgets, APIs, web services avançados de programação; 5

Novidades § Conheces a UC de Programação Web do ano passado? § Não? não é problema. § Vamos reestruturar a UC a pensar no futuro § Uma mudança a caminho (ano 0) § Metodologia de Ensino; § Método de Avaliação; § Equipa Docente; § Linguagens Lecionadas (servidor). 6

Conteúdo Programático - Resumido 1 • Introdução à Programação Web, Web 2. 0 e Web 3. 0 2 • Páginas Web estáticas: HTML 3 • Page Layout: CSS e Boot. Strap 4 • Páginas Web dinâmicas (client-side): Javascript 5 • Páginas Web dinâmicas (server-side): Node. js e Express 6 • Acesso a dados com Ajax, Node. js e SQL 7 • Model View e Controler (MVC), Cliente e Servidor 8 • Frameworks e Ferramentas (Cloud, Git. Hub, Heroku. App) 7

Tipologia de Aulas Teóricas • Apresentação de conceitos, princípios e métodos de programação para a Web (sem portáteis) • Esclarecimento de dúvidas; Aulas teórico-práticas • Exploração e aplicação dos conceitos, princípios e métodos apresentados nas aulas teóricas; • Resolução de exercícios (devem utilizar os portáteis) Aulas prático-laboratoriais Horas de estudo não presencial!! • Apoio e acompanhamento do desenvolvimento dos projetos de grupo, incluindo "feedback" sobre o estado dos mesmos; • Sistematização dos conceitos, princípios e métodos apresentados; • Preparação para as próximas aulas teóricas; • Desenvolvimento dos projetos de grupo. 8

Tipologia de Aulas – Teóricas § Telemóveis § Quem tem o telemóvel ligado? § Portáteis § Quem trouxe um portátil para a aula teórica? OU Proibido utilizar o telemóvel ou o computador Fora dos exercícios autorizados (marcados para tal); Enviar ou receber mensagens ou chamadas; Para aplicações ou outras atividades não associadas à aula de PW. Nota: O não cumprimento destas regras leva à perda dos valores associados à participação 9

§ § § Questionário 1 a 5 interativas? Mostrar os resultados Aprendizagem versus ter que fazer Criar conta google e associar ao io. Educ 10

AVALIAÇÃO DA UC

Regras Frequência às aulas TP e PL Classificação final à unidade curricular (NF) Classificações obtidas pela aplicação de 2 instrumentos 12

Frequência A. Alunos com estatuto de estudante trabalhador, estudante com deficiência ou estudante militar: • Aos alunos com estatuto de estudante trabalhador, estudante com deficiência ou estudante militar será, em conformidade com o disposto no ponto 1 dos artigos 34. º, 57. º e 75º do RAUM, automaticamente reconhecida a frequência à UC no corrente ano letivo, ficando dispensados de frequentar as aulas. B. Alunos com estatuto diferente dos referidos em A que ainda não tenham obtido frequência à UC: • Alunos de estatuto ordinário, que estão inscritos pela primeira vez à UC ou que, em anos letivos anteriores, tenham estado inscritos mas não tenham obtido frequência à UC, terão que frequentar pelo menos 2/3 das aulas teórico-práticas (TP) e pelo menos 2/3 das aulas prático-laboratoriais (PL) efetivamente lecionadas (em conformidade com o artigo 91. º do RAUM). Caso contrário, o aluno terá como classificação final à UC “Sem frequência”. C. Alunos com estatuto diferente dos referidos em A que já obtiveram frequência à UC: • Aos alunos que, no ano letivo anterior, tenham obtido frequência à UC, deverão analisar a sua situação junto do regente da UC, uma vez que o conteúdo programático foi alterado. 13

§ Marcação de Presença § QR Code + Localização 14

Calendário Escolar 15

Instrumentos de Avaliação § § § São aplicados instrumentos de avaliação de duas naturezas distintas: Mini Testes e Projetos. Exame Final 16

Mini Testes § § Obrigatórios para todos os alunos; Serão realizados 3 mini testes; Cada mini teste terá uma duração de 30 minutos; Os questionários serão realizados nas aulas TP. Cada aluno Mini Teste 1 Semana 6 terá que realizar o seu mini teste no turno TP em que está § § inscrito; Mini Teste 2 Mini Testes não realizados são classificados com “ 0”; Semana 11 n. MT = média das notas dos 3 questionários; Nota mínima de 7, 50 valores! n. MT < 8, 00 valores => “Não Admitido” Mini Teste 3 Semana 14 17

Projeto § § § Obrigatório para todos os alunos 1 projeto de grupo (entrega intermédia + entrega final) Grupos - 2 x 3 elementos = 6 elementos - todos do alunos mesmo turno PL § § Formação dos grupos: § Nas PL; § Até dia 23 de setembro; § Aluno sem grupo => “Não Admitido”. Aulas PL para acompanhamento dos projetos (atenção ao registo semanal!!) § Ponto de Controlo – Acompanhamento e avaliação do estado dos projetos § § Lançamento do projeto Semana 2 Ponto Controlo I Semana 8 Ponto Controlo II Semana 12 Entrega final Semana 17 Apresentação Semana 18 Defesa dos projetos (apresentação) Nota < 8, 00 valores no PC II => “Não Admitido” 18

A classificação final de um aluno inscrito à unidade curricular (UC) de Programação para a Web é função dos seguintes parâmetros: · Frequência do aluno às aulas TP e PL da UC · Participação nas aulas T (n. Part) · Classificações obtidas pelo aluno na aplicação de dois instrumentos de avaliação (n. MT e n. Proj) Participação Resposta, motivação e envolvência nos desafios interativos lançados nas aulas teóricas n. Part = nota final cumulativa Mini Testes n. MT = média das notas obtidas nos 3 mini-testes A obtenção de uma classificação n. MT inferior a 8, 00 valores dará origem ao lançamento em pauta da classificação “Não Admitido”. Projetos n. Proj = 10% x n. PC 1 + 40% n. PC 2 + 50% n. PF 19

Classificação Final Condição Aprovado com NF valores Se o aluno verificar todas as condições seguintes: • • Tem frequência à UC Tem classificação nos mini testes (n. MT) superior ou igual a 8, 00 valores Tem classificação na avaliações dos projetos (n. PC 2 e n. PF) superior ou igual a 8, 00 valores Tem classificação final à UC (NF) superior ou igual a 10 valores, sendo NF obtido pela seguinte expressão: NF = 20% x n. MT + 10% x n. Part + 70% x n. Proj Reprovado Se o aluno verificar todas as condições seguintes: • • Não Admitido Tem frequência à UC Tem classificação nos mini testes (n. MT) superior ou igual a 8, 00 valores Tem classificação na entrega dos projetos (n. PC 2 e n. PF) superior ou igual a 8, 00 valores Tem classificação final à UC (NF) inferior a 9, 5 valores Se o aluno verificar todas as condições seguintes: Tem classificação nos mini testes (n. MT) inferior a 8, 00 valores ou classificação na entrega dos projetos (n. PC 2 e n. PF) inferior a 8, 00 valores Sem Frequência Classificação final do projeto (n. Proj) inferior a 9, 50 valores Se o aluno não tem frequência à UC 20

Exame Final A existência de exame final é da responsabilidade dos alunos; A participação, motivação e comportamento dos alunos nas aulas será o fator de decisão da existência ou não de exame final. Exame teórico e prático com um valor de 20%: § 10% participação nas aulas § 10% projeto Assim, a forma de cálculo da nota com exame final é § NF = 20% x n. MT + 20% x n. Ex. F + 60% x n. Proj Nota: a decisão será tomada na semana 14 21

Melhoria de Nota § Os alunos já aprovados à unidade curricular que pretendam melhorar a classificação obtida poderão fazê-lo no próprio ano, na época especial, ou nos dois anos letivos seguintes à sua realização, na época normal, de acordo com o indicado no art. º 102 do RAUM. § A melhoria de classificação envolverá a realização de um teste global e a realização e defesa de um projeto. 22

Outras Questões § Blackboard (BB) § http: //elearning. uminho. pt § Para alunos ainda não inscritos na UC -> Pré-registo na UC: Aceder ao Portal Académico (http: //alunos. uminho. pt) Seguir instruções constantes do Manual “Pré-inscrições na Blackboard – Aluno” - Código de ativação: MIEGSIPW 17 § § Inscrições nos turnos § No Blackboard (existe limite máximo) § Inscrições abrem dia 17 setembro às 00 h 00 e fecham dia 19 às 23 h 59 Formação de grupos § De 6 elementos (procurar diversidade de competências) § Nos turnos práticos … alunos do mesmo turno!!!! 23

Outras Questões § Horário § Aulas começam 10 minutos depois da hora… e não mais tarde!!! § “Conflitos” e “penduras” § Esclarecer as situações o mais cedo possível !!! § Comunicação Docente Coordenador da UC Diretor de Conselho curso Pedagógico Reitor 24

Recursos § Referência Principal § Marty, S. , M. Jessica e V. Kirst, Web Programming Step by Step, Published independently through Lulu, 2010. § Referências Secundárias § Nixon, R. , Learning PHP, My. SQL, Java. Script, CSS & HTML 5, 3 rd Edition, O’Reilly, 2014. § § Goodman, D. Java. Script Bible, Indianopolis, Hungry Minds, 2001. § Castagnetto, J. , S. Schumann, D. Veliath e H. Rawat. , Professional PHP § Programming, Chicago, Wox Press, 2000. § Goodman, D. , Java. Script and DHTML cookbook, Beijing, O’Reilly, 2003. § Spurlockm J. , Bootstrap, Responsive Web Development, O’Reilly, 2013. Outros recuros online… § https: //codepen. io/ § www. w 3 schools. com § … ver no BB 25

Tecnologias e Ferramentas 26

Fatores de Sucesso O que já devem ter feito… FPC (1. º ano, 1. º semestre) § PP (1. º ano, 2. º semestre) fluência em programação em múltiplas linguagens incluindo Java BD (1. º ano, 2. º semestre) conhecimentos SQL!!!!!! O que não devem fazer… § Conduta ética § Os docentes não premeiam desonestidade, e por isso qualquer ocorrência de plágio ou cópia nos projeto implicará a reprovação liminar e sem recurso do aluno nesta edição da disciplina, sem prejuízo de outras sanções. O que devem fazer… § Trabalhar, trabalhar, … 27

ESTA SEMANA HÁ AULAS TP