Slide 1
Slide 1 text
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