Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL. Plano de Trabalho Docente 2013

Transcrição

1 Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL Plano de Trabalho Docente 2013 Etec Paulino Botelho Código: 091 Município: São Carlos EE: Arlindo Bittencourt Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: Técnico de Informática para Internet Integrado ao Ensino Médio Qualificação: Auxiliar de Informática para Internet Série: I Componente Curricular: Desenvolvimento e Design de Websites I C.H. Semanal: 2,0 Professora: Sandra Maria Leandro Koizimi I Atribuições e atividades profissionais relativas à qualificação ou à habilitação profissional, que justificam o desenvolvimento das competências previstas nesse componente curricular. 1. Aplicar linguagens e ambientes de programação no desenvolvimento de sistemas Web. 2. Aplicar critérios de usabilidade em sistemas para Internet. 3. Definir critérios de navegação em sistemas para Internet. 4. Definir interface de comunicação e interatividade. 5. Demonstrar criatividade. 6. Desenvolver leiaute de páginas e relatórios. 7. Instalar e publicar sistemas para Internet. 8. Selecionar, organizar, relacionar e interpretar dados e informações, trabalhando-os contextualizadamente para enfrentar situações-problema e tomar decisões (resolução de problemas). Centro Paula Souza CETEC - Grupo de Supervisão Educacional / Gestão Pedagógica

2 II Competências, Habilidades e Bases Tecnológicas do Componente Curricular Componente Curricular: Desenvolvimento e Design de Websites I Série: 1ª Nº Competências Nº Habilidades Nº Bases Tecnológicas 1 Construir página de divulgação na 1 Utilizar ambientes de desenvolvimento na 1 Internet, utilizando codificação elaboração de websites. adequada. 2 Avaliar, testar e otimizar códigos de websites. 2 3 Executar procedimentos de testes em websites. Redigir instruções de uso dos websites implementados. 2 Introdução aos comandos HTML5 e a estrutura básica de uma página: a. Tags de formatação e marcadores; b. Cores/calculadora webcalc. c. Imagens e seus atributos d. Tabelas e. Áudio e vídeo Etapas iniciais na construção de um website: a. Briefing do cliente: modelo de mapa do site b. Wireframe 3 Organização e estruturação do conteúdo e estruturação da semântica de uma página: a. Mapeamento site b. Site de conteúdo textual, acessível para aparelhos celulares. c. Elementos de texto d. Links: absoluto, , âncora e relativo

3 Site de conteúdo imagético e textual: a. Atributos de acessibilidade b. Tabelas c. Miniaturização de imagens d. Mapeamento de imagens Layout com CSS a. Estilos (definidos, prontos, estruturais únicos e externos) b. Seletores e propriedades Outras formas de estruturação de conteúdo: a. Iframes b. Elementos AP Interatividade com o usuário: a. Behaviors (comportamentos em JavaScript) b. Formulários simples e complexos Ferramentas de produtividade: a. Template b. Barra de navegação c. Elementos em Flash d. Elementos Spry e. Álbum de fotos f. Banner flutuante Ferramentas de verificação de erros.

4 10 11 Publicação websites. Linguagem de apoio: HTML5 e CSS.

5 III Procedimento Didático e Cronograma de Desenvolvimento Componente Curricular: Desenvolvimento e Design de Websites I Série: 1ª Habilidade Bases Tecnológicas Introdução aos comandos HTML5 e a estrutura básica de uma página. a. Cores Bases Científicas Reconhecimento da importância da comunicação nas relações interpessoais. Procedimentos Didáticos Cronograma (Dia e Mês) 04 / 02 a 18 / 02 1 HTML5: tags (html, body, head, title, p, strong, em, u, h, e hr. HTML5: tags de formatação de texto (font face, size, color); calculadora webcalc. HTML5: listas numeradas e com marcadores. Tags: alink, vlink e link. HTML5: inserção imagens. HTML5: Tabelas. Áudio e vídeo. Interesse e responsabilidade em informar e em se comunicar de forma clara e íntegra. Criticidade na escolha dos símbolos, códigos e linguagens mais adequados a cada situação. Cooperação e solidariedade na convivência com os membros do Atividades práticas individuais. 19 / 02 a 25 / / 02 a 04 / / 03 a 07 / / 03 a 18 / / 03 a 02 / 04

6 2 Etapas iniciais na construção de um website: c. Briefing do cliente: modelo de mapa do site d. Wireframe Organização e estruturação do conteúdo e estruturação da semântica de uma página: a. Mapeamento site b. Site de conteúdo textual, acessível para aparelhos celulares. c. Elementos de texto d. Links: absoluto, , âncora e relativo Administração Central Receptividade à inovação. Critério na escolha e utilização de produtos oferecidos pelos meios de comunicação e informação. Interesse pela realidade em que está inserido. Persistência e paciência durante as diversas fases das pesquisas. 03 / 04 a 17 / / 04 a 01 / 05 Site de conteúdo imagético e textual: a. Atributos de acessibilidade b. Tabelas c. Miniaturização de imagens d. Mapeamento de imagens 02 / 05 a 16 / 05

7 Layout com CSS a. Estilos (definidos, prontos, estruturais únicos e externos) b. Seletores e propriedades Outras formas de estruturação de conteúdo: b. Iframes c. Elementos AP Interatividade com o usuário: a. Behaviors (comportamentos em JavaScript) b. Formulários simples e complexos Administração Central 17 / 05 a 23 / / 05 a 05 / / 06 a 20 / / 06 a 03 / / 07 a 05 / / 08 a 20 / 08 Ferramentas de produtividade: a. Template b. Barra de navegação c. Elementos em Flash d. Elementos Spry 21 / 08 a 04 / / 09 a 19 / / 09 a 03 / / 10 a 17 / 10

8 e. Banner flutuante Administração Central 18 / 10 a 31 / 10 f. Álbum de fotos 01 / 11 a 13 / 11 Ferramentas de verificação de erros. 14 / 11 a 28 / 11 Publicação websites.. 29 / 11 a 17 / 12

9 IV Procedimentos de Avaliação Componente Curricular: Desenvolvimento e Design de Websites I Série: 1ª Competência Instrumentos de Critérios de Indicadores de Domínio (por extenso) Avaliação Desempenho Aplicação correta dos Prova prática. Lógica, clareza, Construir página de conceitos estudados na criatividade, domínio de divulgação na Internet, resolução de situações Exercícios práticos conteúdo. utilizando codificação práticas. (laboratório e Moodle). adequada. Participação efetiva do aluno Participação. Coesão. Avaliar, testar e otimizar com o acompanhamento do códigos de websites. professor. Comportamento. Criticidade. Evidências de Desempenho 70% de aproveitamento e acertos das atividades em aula. Interação e precisão no desenvolvimento dos aplicativos; Apresentação do trabalho, assiduidade, cumprimento de prazo. Inferência de dados e viabilização dos conceitos. Atividades recuperação. de Avaliação global e contínua. Observação direta. Domínio de conceitos. Uso adequado dos softwares. Estruturação de um website. Organização das ideias e aplicação dos conceitos. Formular proposta, resposta e solução. Entrega de todos os aplicativos funcionando. Raciocínio lógico em compreender a estrutura de um website.

10 V Material de Apoio Didático para Aluno (inclusive bibliografia) GOMES, A. N. Dreamweaver CS4 Criando e Gerenciando Websites. 1ª ed. São Paulo: Ed. Senac, Sites de apoio: Material desenvolvido pela docente. VI Estratégias de Recuperação Contínua (para alunos com baixo rendimento/dificuldades de aprendizagem) Os alunos com rendimento insatisfatório resolverão exercícios práticos com retomada de conteúdo pelo professor e se submeterão as novas avaliações práticas, sobre os objetivos estabelecidos. Obs: As provas individuais - teóricas e práticas - terão um peso maior em relação a outras atividades e itens comportamentais. VII Identificação (Nome do Professor) Nome dos professora: Sandra Maria Leandro Koizimi Data 15 / 02 / 13 VIII Parecer do Coordenador de Área: Nome da coordenadora: Sandra Maria Leandro Koizimi Assinatura: Data: