HEYGO: Aplicações híbridas com Ionic 2

Instituto Brasileiro de Tecnologia - Ibratec / Unibratec
Equipe: Ricardo Paz e Wagner Beethoven
Curso: Design Web Apps com tecnologia Front-end
Orientador: Carlos José

Transcript

1. HEYGO: Aplicações híbridas com Ionic 2 Equipe: Ricardo Paz e Wagner Beethoven Instituto Brasileiro de Tecnologia - Ibratec Design Web Apps com tecnologia Front-end Orientador: Carlos José INTRODUÇÃO Construir uma aplicação híbrida mantendo um bom nível de modularidade e escalabilidade, sem perder velocidade, requer além de muito tempo, organização e padrões. Para que isso ocorra é preciso um framework que engloba padrões web bem definidos (ES2015), estrutura performática (Angular 2) e design, atribuindo para cada sistema operacional sua perspectiva visual. E com estas caracteristicas foi criado o Ionic 2, trazendo facilidade, organização e desenvolvimento ágil. METODOLOGIA HeyGo é um aplicativo criado para o mercado de entretenimento que foi desenvolvido utilizando o framework em questão para comprovar todos os itens levantados. O Ionic 2 foi desenvolvido com base em Angular 2, que utiliza os padrões mais recentes da web, como a nova especificação ECMA2015, traz o TypeScript utilizando conceitos de classes, módulos e arrow functions, fortificando o poder da tipagem para o código, minimizando erros, simplificando a injeção de dependências, facilitando testes e etc. Sua arquitetura visual, que simula aplicações nativas, é um dos grandes diferenciais. Obtivemos ótimos resultando graças ao uso das linguagens HTML (5), CSS e o uso do Sass e do Gulp na automação de tarefas da camada front-end, nos deixando focados em desenvolver de acordo com as normas do framework, resultando num código disponível para ser distribuído a qualquer plataforma mobile. RESULTADOS Utilizando o Ionic 2 percebemos um grande diferencial no processo de desenvolvimento e build da aplicação, tivemos o suporte do ionic-lab que disponibiliza o resultado em cada perspectiva através do browser simulando o app em cada sistema operacional, mesmo sendo transmitido por uma webview, a aplicação rodou com performance superior, trazendo de fato, uma experiência nativa para o usuário. A forte tipagem do TypeScript nos deu mais segurança no código além de deixar organizado, escalável e performático. CONCLUSÃO Este projeto teve como objetivo criar um sistema híbrido utilizando o framework Ionic 2 para agilizar o processo de desenvolvimento com vários componentes e padrões bem definidos. Podemos considerar que o objetivo foi alcançado, considerando o prazo que tivemos para desenvolver o aplicativo HeyGo com toda sua complexidade. Deus, aos nossos pais, cônjuges, a equipe de docentes e orientador da Unibratec e para Max Lynch, Ben Sperry, Adam Bradley pela ideliazação e construção do Ionic. AGRADECIMENTOS Android iOS Windows Mobile Segment Android iOS Windows Mobile Action sheet Android iOS Windows Mobile HTML 5 MySQL NodeJS HeyGO Ionic 2 Angular 2.0 TypeScript CSS 3 Sass Estrutura do projeto Tab