`
linguagem` `
topico` `
nome`Evolução de um elemento executavel`
` `
titulo`Evolução de um elemento executavel`
` `
descritor`Evolução de um elemento executavel
`
` `
lead`Evolução do aprendizado de como manipular um elemento. Elemento pode ser: de visualização(topico, cabeçalho,rodapé), elemento executavel (botão ou icone), elemento configuravel (propriedade de uma area da pagina). Uso do metodo mutirão para apredizagem `
` `
melhorar`Melhorar`
` `
referencia`http://www.w3schools.com/htmldom/tryit.asp?filename=try_bulb  http://www.w3schools.com/htmldom/dom_nodes.asp
`
` `
referencia`LigarLed.html   http://www.w3schools.com/htmldom/tryit.asp?filename=try_bulb  http://apoie.net.br/desenvolvimento/WPaginaPronta.html `
` `
origem`LigarLed.xml`
` `
` `
topico` `
titulo`Problema resolvido 1`
` `
desc`
Para quem usa o Led:
  • Quando clica no Led muda a cor do Led
Para o conteudista:
  • Substitui a lampada pelo Led.
  • O Led começa com cor cinza (desligado)
  • Troca nomes:
    • AcenderUmaLampada.html por LigarLed.html
    • LampadaOff.gif por LedOff.gif
    • LampadaOn.gif por LedOn.gif
Para o designer:
  • Obter 2 imagens de Led:
    • cinza (LedOff.gif)
    • amarela (LedOn.gif):
Para o desenvolvedor:
  • Trocar no códiogo nomes: img, icone, chave
Para o aprendiz:
  • Aprender a alterar as caracterististicas de um elemento de uma pagina (img, evento onclick,alt, title, dimensão do led) usando uma unica identificação (id) para imagem , a partir de um codigo javascript já existente no apoie.org.
  • Usar função MudaImagem

Obs.:Obtido da Lista de melhorias do projeto apoie, o problema resolvido que atenda os seguinte criterio: 
  • ter coisas úteis
  • ter satisfação de realizar algo
  • gerar recursos (sistema auto-sustentado)
  • realizar melhorias propostas
`
` `
` `
topico` `
titulo`Acender o Led`
` `
desc` `
` `
` `
topico` `
titulo`Codigo fonte `
` `
desc`
`
` `
` `
topico` `
titulo`Problema resolvido 2`
` `
desc`
Para quem usa o Led:
  • Clicar no texto "Clique para ligar/desligar o Led " para ligar/desligar o Led. O texto irá comandar o Led.
Para o conteudista:

Para o desenvolvedor:
  • Transforma o texto em executavel
  • Altera função MudaImagem usando document.getElementById
Para o designer:

Para o aprendiz: Aprende:
  • A alterar as caracterististicas do um elemento texto.
  • Usar as variaveis: icone, chave
  • Usar o metodo document.getElementById

`
` `
` `
topico` `
titulo`Melhoria 1`
` `
desc`
`
` `
` `
topico` `
titulo`Codigo fonte`
` `
desc`Incluir os conceitos de icone, Chave e icone na aba do navegador
`
` `
` `
topico` `
titulo`Problema resolvido 3`
` `
desc`
Para quem usa o Led:
  • Quando clicar no icone (Config) mudar a cor dos led's (conteudo).
  • Quando clicar no texto (Config) mudar a cor dos led's (conteudo) e do icone (config):
  • Quando clicar no led (conteudo não comanada) não acontece nada.
  • Quando clivar no led (conteudo comanda) mudar a cor dos led's (conteudo) e do icone (config)
Para o conteudista:

Para o desenvolvedor:
  • Transforma o texto em executavel
  • Altera função MudaImagem usando document.getElementById
Para o designer:
  • Inclui icone e molduras
Para o aprendiz: Aprende:
  • A alterar as caracterististicas do um elemento texto.
  • Usar as variaveis: icone, chave e dado
  • Usar o metodo document.getElementById

`
` `
` `
topico` `
titulo`Melhoria 2`
` `
desc`
`
` `
` `
topico` `
titulo`Codigo fonte`
` `
desc`
`
` `
` `
topico` `
titulo`Problema resolvido 4`
` `
desc`
Para quem usa o Led:
  • Quando clicar no icone (Config) mudar a cor dos led's (conteudo).
  • Quando clicar no texto (Config) mudar a cor dos led's (conteudo) e do icone (config):
  • Quando clicar no led (conteudo não comanada) não acontece nada.
  • Quando clivar no led (conteudo comanda) mudar a cor dos led's (conteudo) e do icone (config)
Para o conteudista:

Para o desenvolvedor:
  •  Escreve as funções inicia, entra, ColocaLink e Montal
Para o designer:
  • Incluir icone e molduras.
Para o aprendiz: Aprende:
  • Usar a variavel nome
  • Usar as funcões inicia, entra, ColocaLink e Monta

`
` `
` `
topico` `
titulo`Melhoria 3`
` `
desc`
`
` `
` `
topico` `
titulo`Codigo fonte `
` `
desc`
`
` `
`
`
topico` `
titulo`Problema resolvido 5`
` `
desc`
Para quem usa o Led:
  • Quando clicar no lapis em codigo fonte torna o texto editavel
Para o conteudista:
  • Incluir botão em codigo fonte.
Para o desenvolvedor:
  •  inclui editavel para alterar o codigo fonte
Para o designer:
  • Incluir botão lapis.
Para o aprendiz: Aprende:
  • Usar texto editavel

`
` `
` `
topico` `
titulo`Melhoria 4`
` `
desc`
`
` `
` `
topico` `
titulo`Codigo fonte `
` `
desc`Incluir o conceito de dado (conteudo do elemento)
`
` `
` `
`