O Impacto no Desenvolvimento de Produtos Computacionais Utilizando Angular Js, Spring Framework e Java

Transcrição

1 O Impacto no Desenvolvimento de Produtos Computacionais Utilizando Angular Js, Spring Framework e Java Lucas Gontijo dos Santos 1, Ricardo Ribeiro Rufino 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil lucasgpso@gmail.com, ricardo@unipar.br Resumo. Este artigo apresenta os resultados de uma pesquisa cientifica sobre tecnologias para desenvolvimento de software web utilizando AngularJs, Bootstrap, Java e Spring Framework, com o objetivo de definir cada uma destas tecnologias e descrever como elas podem contribuir para criação de um produto computacional. Para testar estas tecnologias, uma aplicação web foi desenvolvida utilizando os recursos oferecidos por todas estas tecnologias citadas no artigo. 1. Introdução Entre as tecnologias para desenvolvimento de softwares web existem varias opções que podemos estudar para melhor atender as necessidades, alguns desenvolvedores optam por sempre utilizar a mesma tecnologia que já conhece, já outros sempre procuram novas e boas opções para criar sistemas web com mais qualidade e desempenho, quando o assunto é web, quanto mais ágil for o tempo de resposta de um software para o usuário maior será a aceitação. A Amazon concluiu que apenas 100 milissegundos de melhora aumentam 1 por cento seu faturamento [Weiss apud Linden 2015]. O Yahoo! Descobriu que para cada 400 milisegundos de melhora do desempenho, seu tráfego aumenta 9 por cento [Weiss apud Stefanov 2015]. Nos planos para se iniciar um projeto de desenvolvimento de software, algumas vezes é posto em questão quais tecnologias utilizar para ganhar desempenho, sem perder as ótimas funcionalidades que as linguagens de desenvolvimento web nos trazem, a cada ano que passa as tecnologias que podem ser utilizadas são melhoradas ou surgem outras que passam a substitui-las no mercado, então entra a necessidade de sempre estar estudando novas funcionalidades e recursos que as tecnologias (linguagens e frameworks) nos disponibilizam. Neste artigo vamos falar sobre o Spring framework, quando começamos a estudar o Spring nos assustamos um pouco por parecer muito complexo, principalmente para incitantes, já para desenvolvedores mais experientes, logo se percebe uma facilidade em se adaptar com esta tecnologia e seus recursos oferecidos. Juntamente ao Spring podem ser utilizadas varias tecnologias para criar uma nova aplicação, dentre estas tecnologias, são citas algumas que estão entrando no mercado, como o Angular Js, TwitterBootstrap que é um framework para criação de interfaces (front end), e o Spring Data que é um dos módulos do Spring Framework bastante utilizado quando o assunto é produtividade. A seção 3, conta um pouco da história de surgimento do Angular Js, contextualizando

2 seu objetivo e explicando de maneira breve, como se inicia o desenvolvimento da interface web utilizando o Angular com exemplo gráfico. A seção 4 e 5, dizem respeito as frameworks para estruturação de um projeto com Spring Framework, e o design de telas responsivas e agradaveis ao usuário com Twitter Bootstrap, seguido da seção 5 temos a subseção 5.1 que contextualiza o funcionamento da arquitetura do Spring Data. 2. Metodologia Para realização deste trabalho foram feitas revisões bibliográficas em artigos e sites da Internet. Também reunidas as principais informações destes sites e artigos, que por fim, são utilizadas para compor este trabalho e desenvolver um produto computacional para gestão de biblioteca. 3. Angular JS AngularJs é um framework baseado em JavaScript usado para criar aplicações web de forma dinâmica. Foi originalmente desenvolvido em 2009 por Misko Heverye Adam Abrons como um software por trás de um serviço de armazenamento JSON (Java Script Object Notation) online. Este empreendimento foi disponibilizado em GetAngular.com, e teve algumas pessoas inscritas antes de os dois donos do projeto decidirem abandonar a ideia que antes era comercial e distribuir o Angular como uma framework open-source [da Silva 2016]. O Angular Js tem como objetivo tornar o HTML mais poderoso, assim ele é tratado como algo que estende o HTML, tornando mais fácil a vida do desenvolvedor por economizar esforço para desenvolver telas mais agradáveis aos usuários e com funcionalidades incríveis. O processo de configuração do framework é bastante simples e assim como acontece em boa parte das bibliotecas JavaScript, como o jquery, é necessário algumas linhas de código para estarmos prontos para começar a desenvolver, declarar o script angular.min.js e incluir o atributo ng-app dentro da tag html. A figura 1 exemplifica como se inicializa o framework na aplicação HTML [Branas 2013]. Figura 1. Iniciando a framework Angular dentro da aplicação Web (Fonte: Branas [2013]). Quem pretende desenvolver uma aplicação com Angular, deve levar em consideração que é necessário ter o conhecimento básico de JavaScript, já que a framework é totalmente baseada nesta linguagem. JavaScript não tem nada a ver com Java, Java é uma linguagem server-side, ou seja, ela trabalha mais ao lado do servidor, já o JavaScript é cliente-side, trabalha ao

3 do lado do front-end, serve para manipular telas atribuir funcionalidades a elas, JavaScript exerce controle sobre o HTML e o CSS para manipular comportamentos na página [Ferreira 2016]. Uma das principais características do Angular é levar parte da lógica das funcionalidades dos componentes direto para o HTML a partir das diretivas. Diretivas são extensões da linguagem HTML que permitem a implementação de novos comportamentos de forma declarativa [Eis apud Branas 2014]. 4. Twitter Bootstrap O Twitter Bootstrap é um excelente framework de interface que possui vários componentes prontos para auxiliar os desenvolvedores na produção das telas de aplicações web, este framework é muito utilizado juntamente com o Angular Js para desenvolver as telas de uma aplicação, o Bootstrap ajuda a melhorar a acessibilidade com exemplos de Temas e Layouts prontos e componentes adaptáveis às necessidades da aplicação e das regras de negócio. A figura 2 exibe um exemplo do Bootstrap para criar um template. Figura 2. Exemplo de Template Desenvolvido Totalmente com Componentes do Bootstrap (Fonte: bootstrapmaster.com). Essa tecnologia foi desenvolvida pelo Twitter e é, inclusive, utilizada na sua construção. O Twitter Bootstrap é responsável por definir uma tecnologia responsiva e com diversos estilos de botões, menus, tabelas, abas, janela, modal, avisos, dentre muitas outras funcionalidades. Basicamente, ele implementa uma abordagem de design baseado em grid layout, o que facilita o desenvolvimento de aplicações web. Os botões e a estrutura podem ser modificados e permite a criação de aplicações web com apresentação altamente profissional com baixo esforço [Daniel Michelon de Carli 2015]. 5. Spring Framework O Spring é um framework de código aberto, criado por Rod Johnson, em meados de 2002, e apresentado no seu livro Expert One-on-One: JEE Design and Development. Foi criado com o intuito de simplificar a programação em Java, possibilitando construir aplicações que antes só era possível utilizando EJB S [Gentil 2012].

4 Segundo Weissmann (2012), Spring Framework é voltado para o desenvolvimento de aplicações corporativas para a plataforma Java, baseado nos conceitos de inversão de controle de injeção de dependências. O Spring é dividido por módulos, cada módulo tem seus objetivos bem claro como o Spring Security que trada da segurança da aplicação, Spring Data é responsável por tratar a questão de persistência, seguido de alguns outros módulos. O principal módulo pode ser utilizado em qualquer aplicação Java, as principais funcionalidades são a injeção de dependências (CDI) e a programação orientada a aspectos, cabe ao desenvolvedor dizer ao Spring o que usar. O que faz dele uma poderosa ferramenta, pois não existe a necessidade de se arrastar todas as ferramentas do framework para criar uma aplicação simples [Gentil 2012] Spring Data O Spring Data é um dos módulos do Spring Framework com proposta de unificar e facilitar o acesso a diferentes tecnologias de armazenamento de dados, como bancos de dados relacionais e os NoSQL [Trelle 2013]. O Spring Data é responsável pela criação das classes (DAO) que possuem os métodos concretos para comunicação com a base de dados, desta maneira fica abstraída a necessidade de se criar classes concretas para os repositórios de dados, sendo necessário apenas criar uma interface especifica para cada classe de entidade, e nelas, estender a interface JpaRepository [Gotardo 2012]. Uma visão geral da arquitetura do Spring Data é mostrada na figura 3. Figura 3. Visão Geral da Arquitetura do Spring Data (Fonte: Trelle [2013]). 6. Considerações Finais A utilização do AngularJs torna a aplicação mais rápida do que algumas outras tecnologias para desenvolvimento de interface web, o design totalmente desenvolvido com Bootstrap, contribuiu muito para a qualidade e usabilidade da interface, pelo fato de tornar a aplicação web responsiva, ou seja, que se adapta as diferentes resoluções da tela,

5 facilitando o usuário na utilização do software em diferentes dispositivos, sem que exista dificuldade na visualização ou utilização dos recursos do sistema.o Spring por facilitar e tornar mais rápido o inicio da produção de um produto computacional, se tornou uma ótima opção para as fabricas de software, já que seu objetivo é produtividade e qualidade na organização dos projetos, devido aos seus padrões e módulos específicos. O ponto negativo de utilizar uma framework como o Angular, para desenvolvimento de interfaces web esta na produtividade, o tempo que se leva para desenvolver uma tela é muito grande, se comparado a outras tecnologias como por exemplo o JSF, espera-se que nas futuras versões do framework ele se torne mais produtivo de modo a agilizar na apresentação dos resultados, e que possa assumir uma ótima posição no mercado de tecnologias para o desenvolvimento de softwares web. Referências apud Branas, D. E. (2014). Entendendo as diretivas e fazendo abas com angularjs. Tableless, page 1. Branas, R. (2013). Angularjs: Criando integrações com spring mvc e hibernate. Canal Java, page 1. da Silva, E. R. (2016). Angular js. Slide Share, page 2. Daniel Michelon de Carli, Fernando Pires Barbosa, C. R. G. (2015). Desenvolvimento e implantação de sistema de chamadas com foco no itil, utilizando-se python, django, highcharts e twitter bootstrap. Universidade Federal de Santa Maria, page 4. Ferreira, D. (2016). Javascript para iniciantes. Dev Media, page 1. Gentil, E. (2012). Introdução ao spring framework. Dev Media, page 1. Gotardo, Vitor e Junior, E. A. O. (2012). Análise de desempenho dos frameworks de persistência hibernate e spring data. Universidade Estadual de Maringá, page 2. Trelle, T. (2013). Spring data: A solução mais geral para persistência? Infoq, page 1. Weiss, D. L. (2015). Otimização de desempenho em aplicações web e web components. Universidade Federal de Santa Catarina, page 6. Weissmann, H. L. (2012). Vire o jogo com Spring Framework. Editora Casa do Código, Belo Horizonte MG.