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

(1)

Administração Central

Unidade de Ensino Médio e Técnico - Cetec

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áticapara 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).

Ensino Técnico Integrado ao Médio

FORMAÇÃO PROFISSIONAL

Plano de Trabalho Docente – 2013

(2)

Unidade de Ensino Médio e Técnico - Cetec 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

2

Construir página de divulgação na

Internet, utilizando codificação

adequada.

Avaliar, testar e otimizar códigos de websites.

1

2

3

Utilizar ambientes de desenvolvimento na elaboração de websites.

Executar procedimentos de testes em websites.

Redigir instruções de uso dos websites implementados.

1

2

3

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

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, email, âncora e relativo

(3)

4 5 6 7 8 9

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

(4)

10 11

Publicação websites.

(5)

Unidade de Ensino Médio e Técnico - Cetec III – Procedimento Didático e Cronograma de Desenvolvimento

Componente Curricular: Desenvolvimento e Design de Websites I Série: 1ª Habilidade

Bases Tecnológicas Bases Científicas Procedimentos Didáticos Cronograma (Dia e Mês)

1

Introdução aos comandos HTML5 e a estrutura básica de uma página. a. Cores

Reconhecimento da

importância da

comunicação nas relações interpessoais.

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 grupo Aulas práticas-demonstrativas e

Atividades práticas individuais.

04 / 02 a 18 / 02

HTML5: tags (html, body, head, title, p, strong, em, u, h, e hr.

19 / 02 a 25 / 02

HTML5: tags de

formatação de texto (font face, size, color);

calculadora webcalc.

26 / 02 a 04 / 03

HTML5: listas numeradas e com marcadores. Tags: alink, vlink e link.

05 / 03 a 07 / 03 HTML5: inserção imagens. 08 / 03 a 18 / 03 HTML5: Tabelas. Áudio e vídeo. 19 / 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 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.

Aulas práticas-demonstrativas e

Atividades práticas individuais e em

grupo 03 / 04 a 17 / 04 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, email,

âncora e relativo

grupo 18 / 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 Aulas práticas-demonstrativas e

(7)

Layout com CSS a. Estilos (definidos, prontos, estruturais únicos e externos) b. Seletores e propriedades 17 / 05 a 23 / 05 24 / 05 a 05 / 06 Outras formas de estruturação de conteúdo: b. Iframes c. Elementos AP Aulas práticas-demonstrativas e

Atividades práticas individuais e em grupo 06 / 06 a 20 / 06 21 / 06 a 03 / 07 Interatividade com o usuário: a. Behaviors (comportamentos em JavaScript) b. Formulários simples e complexos Aulas práticas-demonstrativas e

Atividades práticas individuais e em grupo 22 / 07 a 05 / 08 06 / 08 a 20 / 08 Ferramentas de produtividade: a. Template

b. Barra de navegação Aulas práticas-demonstrativas e

Atividades práticas individuais e em grupo 21 / 08 a 04 / 09 05 / 09 a 19 / 09 c. Elementos em Flash 20 / 09 a 03 / 10 d. Elementos Spry 04 / 10 a 17 / 10

(8)

e. Banner flutuante 18 / 10 a 31 / 10

f. Álbum de fotos 01 / 11 a 13 / 11

Ferramentas de verificação de erros.

Atividades práticas individuais e em grupo

14 / 11 a 28 / 11

Publicação websites. Aulas práticas-demonstrativas e

(9)

Unidade de Ensino Médio e Técnico - Cetec IV – Procedimentos de Avaliação

Componente Curricular: Desenvolvimento e Design de Websites I Série: 1ª Competência

(por extenso) Indicadores de Domínio

Instrumentos de Avaliação Critérios de Desempenho Evidências de Desempenho Construir página de divulgação na Internet, utilizando codificação adequada.

Avaliar, testar e otimizar códigos de websites.

Aplicação correta dos

conceitos estudados na

resolução de situações

práticas.

Participação efetiva do aluno com o acompanhamento do professor. Apresentação do trabalho, assiduidade, cumprimento de prazo. Inferência de dados e

viabilização dos conceitos.

Prova prática. Exercícios práticos (laboratório e Moodle). Participação. Comportamento. Atividades de recuperação. Avaliação global e contínua. Observação direta. Lógica, clareza, criatividade, domínio de conteúdo. Coesão. Criticidade. Domínio de conceitos. Uso adequado dos

softwares.

Estruturação de um

website.

70% de aproveitamento e acertos das atividades em aula.

Interação e precisão no desenvolvimento dos aplicativos;

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, 2009. Sites de apoio: http://www.w3schools.com/html5/ http://tableless.com.br/html5/ http://www.maujor.com/index.php http://www.imasters.com.br

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) Data

Nome dos professora:

_______________________________ Sandra Maria Leandro Koizimi

15 / 02 / 13

VIII – Parecer do Coordenador de Área:

Nome da coordenadora: Sandra Maria Leandro Koizimi