1. Trabalho Sobre a Biblioteca JavaScript Mootools Suane de Moura Isnardi UC: Linguagens de Programação Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite

2. Sumário • Introdução ...........................................................................3 • Conceitos ............................................................................4 • Como Funciona ..................................................................5 • Compatibilidade .................................................................6 • Cenários Propostos ...........................................................7 • Primeiro Cenário ........................................................................7 • Funções Utilizadas ..................................................................................8 • Segundo Cenário ........................................................................9 • Funções utilizadas .......................................................................... .......10 • Referências Bibliográfica.. ...............................................11

3. Introdução • Mootools é um framework de codigo aberto em JavaScript, utilizado para a criação de aplicações web. • Características: • Uma característica marcante é a qualidade de produção de animações é bastante difundida e e tem uma série de vantagens • É um framework leve, modular e livre de erros • Suportado por uma ampla comunidade, pois existem varios desenvolvedores que utilizam com sucesso e criam uma serie de componentes já prontos para utilizar nas pagias web, como calendários, editores de texto etc ...

4. Conceitos • Como visto, Mootoos é um framework JavaScript , que serve para criar facilmente o código javaScript independente do navegador, de uma forma rápida e direta

5. Como funciona • Realizar o download da biblioteca basta acessar o site mootools.net/download • Após realizado o download voce irá incluir em seu projeto o seguinte codigo, para a utilização do framework: • <script src=”mootools1.1.js” type=”text/javascript”></script>

6. Compatibilidade • Safari • Internet Explorer • Mozila Firefox • Opera • Camino

7. Cenários Propostos • Primeiro Cenário – Codigo Fonte

8. Funções utilizadas no primeiro cenário • A função $(), que foi utilizada para receber um objeto com um elemento da pagina • As bibliotecas Element.js dentro do pacote chamado NATIVE • Método setOpacity(), para alterar a transparencia de um elemento. • Método setStyle(), para alterar qualquer estilo css do elemento.

9. Cenários Propostos • Segundo Cenário – Codigo Fonte

10. Funções utilizadas no segundo cenário • Este exemplo utiliza o módulo chamado Element.Dimensions.js, que tem dois métodos para fazer o deslocamento: • Método scrollTo(): Serve para deslocar um elemento a uma nova posição. • Método getSize(): Serve para obter as dimensões de um elemento.

11. Referências Bibliográficas • “Manual Mootools “, Miguel Agel Alvarez, disponível em www.criarweb.com.br/manual-mootools/, acessado em junho 2013. • “Download Mootools“, ValérioProietti, disponívelem mootools.net/download, acessadoemjunho 2013. • “Jquery x Mootools”, Aaron Newton, disponível em www.jqueryvsmootools.com , acessado em junho 2013.