Aulas de Física na forma de páginas da WEB para dispositivos portáteis

## PREPARAÇÃO DE AULAS DE FÍSICA EM XHTML: UMA PROPOSTA DE CONCILIAÇÃO ENTRE O ENSINO DE FÍSICA E O USO DE SMARTPHONES E TABLETS EM SALA DE AULA

## Gilberto Rubens de Oliveira Nobre

l

Mestrado Profissional em Ensino de Física - UFRJ, gilberto.rubens@gmail.com

## Resumo

É fato que os professores de Física e de outras áreas se deparam em sala de aula com dificuldades que vão além daquelas intrínsecas ao ensino da própria disciplina devido à presença de smartphones e tablets que roubam a concentração dos estudantes; e não adiantam leis que proíbam a presença desses aparelhos na escola, o Estado do Rio de Janeiro possui uma lei nesse sentido que em nada inibe o uso desses aparelhos. Esse problema não é certamente uma exclusividade fluminense; então por que não buscar estratégias que conciliem o ensino de Física com o uso desses aparelhos? Nesse trabalho, proponho a preparação de aulas de física em XHTL que possamm ser visualizadas pelos navegadores de notebooks, smartphones e tablets, e busca aliar o uso desses aparelhos ao processo de ensino-aprendizagem de Física. As aulas em XHTML proporcionam um ambiente de navegação na qual os estudantes estão acostumados a usar. Uma apresentação em XHTML não tem o aspecto linear de uma seqüência de slides como estamos acostumados a ver no Power Point, o professor poderá inserir animações, vídeos, simuladores, links internos e externos conforme o seu interesse, o estudante poderá chegar a qualquer ponto do conteúdo ou da WEB, se estiver online, conforme o planejamento do professor, mas segundo o interesse e os insights do estudante.

Palavras-chave : Aulas em XHTML

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

## O XHTML

XHTML é a sigla inglesa para EXtensible HyperText Markup Language que em Português significa Linguagem Extensível para Marcação de Hipertexto. É uma linguagem de construção de páginas na internet criada a partir da linguagem HTML (versão anterior) juntamente com a linguagem XML (eXtensible Markup Language), transformando-se em uma linguagem padronizada para web. XML é caracterizada como uma linguagem flexível e dinâmica que pode ser escrita em diversos formatos e interpretada com facilidade. A linguagem HTML é uma das mais utilizadas para produção de páginas web. No entanto, determinados dispositivos com acesso à internet, como celulares e outros, não conseguem interpretar adequadamente essa linguagem. Por isso, utilizando as etiquetas de marcação (tags) HTML juntamente com as regras da linguagem XML criou-se a linguagem XHTML. XHTML surge como uma linguagem padronizada e recomendada pela organização W3C. A W3C é a organização oficial que desenvolve especificações para criação de conteúdos web e disponibiliza para consulta e acompanhamento dos padrões de acessibilidade definidos.

Uma página construída para WEB necessariamente não precisa estar hospedada em um computador remoto para ser acessada, ela poder ser elaborada e arquivada como um arquivo HTML em uma pasta no computador pessoal, ou em dispositivos móveis, juntamente com os demais arquivos que farão parte da(s) página(s), imagens, animações, vídeos, simulações, jogos. O professor ao comprimir a pasta poderá compartilhá-la com as suas turmas e os estudantes terão acesso à apresentação através do navegador padrão de seus dispositivos.

## Preparação de Uma Página em XHTML

A elaboração de uma página em XHTML começa por um programa em que o professor possa escrever os códigos da página e salvá-la no formato .html. Existem diversos programas que podem ser usados, mas o NOTEPAD++ é um dos mais recomendados para construtores amadores de páginas da WEB. Esse programa pode ser baixado no seguinte endereço http://notepad-plus-plus.org/.

<!-- image -->

A inteface do programa é simples e permite o desenvolvimento de trabalhos não somente em HTML como em diversas outras extensões importantes para quem busca o aperfeiçoamento na arte de construções de páginas da WEB.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

<!-- image -->

Após a instalação do programa o professor deverá aprender a usar as TAGs de formatação básica do XHTML para construir as suas primeiras páginas. Mas onde apreender essa formatação básica? A organização W3C tem uma escola online onde se pode familiarizar com as TAGs, atributos, propriedades e valores do código XHTML. A W3C School pode ser acessada no endereço &lt;http://www.w3schools.com/&gt;. No Youtube há um canal da Universidade XTI onde existem 31 aulas de excelente qualidade sobre o assunto, podem ser acessadas no seguinte endereço &lt;https://www.youtube.com/playlist?list=PL58E7AE1ABE557AE4&gt;.

<!-- image -->

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

O professor poderá ensaiar as suas primeiras páginas através de uma estrutura básica inicial que aos poucos poderá ser aperfeiçoada em função do domínio da codificação em XHTML. Abaixo mostramos essa estrutura básica no NOTEPAD++ que após ser salva no formato .html poderá ser visualizada através de qualquer navegador (browser).

<!-- image -->

O arquivo ao ser aberto pelo navegador (Internet Explorer, Google Chrome, Firefox) terá o seguinte aspecto:

<!-- image -->

A partir desse estágio poderão ser introduzidos diversos elementos na página:

- · Figuras com a TAG &lt;img&gt; e o atributo src='url';
- · Links com a TAG &lt;a&gt; e o atributo href='url' ;
- · Vídeos e animações em flash com a TAG &lt;embed&gt; e atributo src='url';
- · Imagens e cores de fundo dentro da TAG &lt;body&gt; com o atributo style='propriedades' e as propriedades background ou backgroundcolor:valor.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

É importante que todo arquivo que venha a ser utilizado na página em construção fique em uma pasta no mesmo diretório (pasta) em que página também esteja.

## Exemplo de Aula em XHTML

Para verificarmos como ficaria uma apresentação de um conteúdo em XHTML faremos o passo-a-passo para a criação de uma página para auxiliar na aprendizagem de formação de imagens em espelhos esféricos.

- 1 o - Criaremos a pasta 'espelhos esféricos'.
- 2 o -Dentro da pasta anterior criaremos uma segunda pasta que chamaremos de 'arquivos'.
- 3 o - Dentro da pasta 'arquivos' colocaremos todas as páginas secundárias, animações e simuladores que utilizaremos na página principal. Nessa página usaremos os seguintes arquivos:
- a- Imagem para plano de fundo: fundo.gif;
- b- Simuladores: optica.swf e simulador.swf;
- cPáginas secundárias: 1.html e 2.html
- 4 o - Criação da página principal através do NOTEPAD++.

<!-- image -->

A codificação acima nos dá a seguinte página no navegador:

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

<!-- image -->

- 5 o - Criação das páginas secundárias para trabalhar com os simuladores.

<!-- image -->

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

<!-- image -->

O resultado desse trabalho pode ser baixado no seguinte endereço:

https://sites.google.com/site/gilbertorubens/arquivos-paradownload/espelhos%20esf%C3%A9ricos.zip?attredirects=0&amp;d=1

Ao descompactar a pasta basta abrir o arquivo 'principal.html' com o browser e navegar na apresentação.

## Conclusão

A apresentação de conteúdos de Física na forma de páginas em XHTML certamente é uma potencial ferramenta no processo de ensino-aprendizagem, pode organizar aplicativos, vídeos, animações e conteúdos, que normalmente ficam desconexos na aula, facilitar a compreensão e despertar o interesse do estudante em um ambiente que lhe é familiar: seus smartphone e tablets. Proponho ao comitê que este trabalho seja aprovado na forma de uma oficina sobre a produção de aulas de Física na forma de páginas da WEB, ou mesmo como um curso durante o XXI simpósio Nacional de Ensino de Física.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

## Referências

[1] LEMAY, Laura. Aprenda a criar páginas da WEB com HTML e XHTML, Makron Books.

- [2] &lt;http://www.significados.com.br/xhtml/&gt; Acesso em 17 Jun 2014.
- [3] &lt;http://www.w3schools.com/&gt;
- [4] &lt;https://www.youtube.com/playlist?list=PL58E7AE1ABE557AE4&gt;

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_