Leonardo Zorzo Carbone. Orientador: Adilson Vahldick

Tamanho: px

Começar a partir da página:

Download "Leonardo Zorzo Carbone. Orientador: Adilson Vahldick"

Jónatas Caminha Bugalho
7 Há anos
Visualizações:

1 WebCode Componente web para edição de código fonte Leonardo Zorzo Carbone Orientador: Adilson Vahldick

2 Roteiro da Apresentação Introdução Fundamentação Teórica Desenvolvimento Conclusão Extensões

3 Introdução Objetivos do Trabalhos Disponibilizar um mecanismo para definir e anexar plugins Disponibilizar meios para abrir e salvar o código digitado Criar meios para inserir o componente em uma página HTML Disponibilizar recursos de syntax highlighting, auto complemento de código e numeração de linhas

4 Fundamentação Teórica AJAX DOM JSON JSF Trabalhos Correlatos

5 Fundamentação Teórica AJAX CSS DOM XML JavaScript XMLHttpRequest

6 Fundamentação Teórica DOM Estrutura de árvore Variável document (JavaScript) 5 divisões definidas pela W3C

7 Fundamentação Teórica JSON Formato para intercâmbio de dados Representação de objetos complexos Requisições AJAX FlexJSON { var stringjson = ({ Pessoa :{ nome : Leonardo, idade : 26 }}) ; var novoobjeto = eval(stringjson); alert(novoobjeto.nome); }

8 Fundamentação Teórica JSF Conjuntos de componentes reutilizáveis Arquitetura MVC Modelo de navegação declarativo Ciclo de vida de requisições bem definido Componentes customizados

9 Eclipse Fundamentação Teórica Trabalhos Correlatos Ambiente de desenvolvimento personalizado Pontos de extensão para criação de plugins

CodePress Fundamentação Teórica Trabalhos Correlatos Bibliotecas JavaScript e arquivos CSS <head> <link type="text/css" href="languages/codepress-php.

10 CodePress Fundamentação Teórica Trabalhos Correlatos Bibliotecas JavaScript e arquivos CSS <head> <link type="text/css" href="languages/codepress-php.css" rel="stylesheet" id="cp-lang-style" /> <script type="text/javascript" src="codepress.js"></script> <script type="text/javascript"> CodePress.language = 'PHP'; </script> </head>

11 Requisitos Casos de Uso Diagramas de Classes e Sequência Implementação Operacionalidade Resultados

12 Requisitos Disponibilizar meios para abrir e salvar o código digitado (RF); Disponibilizar mecanismo para definir e anexar plugins (RF); Disponibilizar recursos de numeração de linhas, auto complemento e syntax highlighting (RF); Reconhecer nativamente a linguagem Java (RF); Ser implementado utilizando as linguagens Java e JavaScript e o framework JSF (RNF); Ser compatível com os navegadores Internet Explorer e Firefox (RNF).

13 Casos de Uso Desenvolvimento

14 Diagramas de Classes: Módulo JavaScript

15 Diagramas de Classes: Módulo Execução

16 Diagramas de Sequência: Syntax Highlighting

17 Diagramas de Sequência: Auto Completar

18 Implementação Módulo JSF Módulo JavaScript Módulo de Execução

19 Implementação: Módulo JSF (WebCodeRenderer)

20 Implementação: Módulo JSF (WebCodeRenderer)

21 Implementação: Módulo JSF (WebCodePhaseListener)

22 Implementação: Módulo JavaScript (WebCodeEditor.js)

23 Implementação: Módulo JavaScript (WebCodeEditor.js)

24 Implementação: Módulo Execução (WCActionController)

25 Implementação: Módulo Execução (WCActionController)

26 Operacionalidade Implementação do plugin Declaração de bibliotecas flexjson.jar webcode.jar Declaração de taglibs Declaração tag webcode na página

27 Operacionalidade Implementação do plugin

28 Operacionalidade Implementação do plugin

29 Operacionalidade Implementação do plugin

30 Operacionalidade Implementação do plugin

31 Operacionalidade Declaração de taglibs e tag webcode

32 Resultados Comparação com trabalhos correlatos

33 Conclusão Objetivos alcançados Utilização do componente por meio de tag customizada Reutilização do componente Problemas com estudo de caso (WebIde)

34 Extensões Recursos de análise sintática e semântica Configuração do editor Novos atributos para a tag webcode Recursos para ocultar blocos de código Aperfeiçoar recursos de auto complemento

Documentos relacionados

CELINE LIP: UM FRAMEWORK QUE UTILIZA O MODELO IMS LIP EM APLICAÇÕES WEB JEE. Marcelo Gonzaga. Orientador: Prof. Adilson Vahldick

CELINE LIP: UM FRAMEWORK QUE UTILIZA O MODELO IMS LIP EM APLICAÇÕES WEB JEE. Marcelo Gonzaga Orientador: Prof. Adilson Vahldick Roteiro da Apresentação Introdução Fundamentação teórica Desenvolvimento