FabricApp - Equipa A

136 visualizações

Publicada em

Presentation for Tecnologias Dinâmicas para a Internet.
Application using Ionic and Rest API to enjoy Fabrica da Ciência Viva, Aveiro.

Publicada em: Celular
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
136
No SlideShare
0
A partir de incorporações
0
Número de incorporações
26
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

FabricApp - Equipa A

  1. 1. FABRICAPP aplicação mobile
  2. 2. Para utilizar tanto na Fábrica ou em Casa Sendo uma aplicação centrada no jogo entre utilizadores, estes podem dar uso à aplicação quando assim o entenderem em qualquer lugar que estejam (desde que tenham ligação à Internet!!!) O que é o FabricApp “É um jogo de Conhecimentos” Esta aplicação mobile é uma destinada às temáticas faladas na Fábrica da Ciência Viva de Aveiro. Esta procura promover o conhecimento associada ao divertimento e à recreação. Com um quiz de perguntas jogadas entre dois jogadores em linha. Com o acumular de pontos ganhos em competições, os utilizadores poderão desbloquear novos níveis e descontos na Fábrica.
  3. 3. Ora Bem! Equipa A Guilherme Cabral Simão Cruz (os programadores!!)
  4. 4. Começar por saber o que vamos fazer 1. Procurar conhecer
  5. 5. “A essência do Conhecimento consiste em aplicá-lo, uma vez possuído” Confúcio
  6. 6. ➜ Ionic ➜ Cordova ➜ AngularJS ➜ Node.JS Aprender e distinguí-los para usar corretamente cada um Aprender
  7. 7. Praticar bem 2. Colocar na Prática
  8. 8. Praticar isto tudo!Colocar em prática todos os conhecimentos aprendidos.
  9. 9. JAVASCRIPT Em ambiente de jogo, as perguntas eram carregadas através de um JSON existente. O que temos? HTML/CSS Páginas construídas apenas com os conhecimentos e linguagens básicas num mero projeto web.
  10. 10. O que pretendemos? Single-Page Seguindo a moda das recentes aplicações mobile pretendemos construir uma app baseada em single page. Próprio p/Mobile Evitar utilizar linguagens pesadas que pudessem comprometer a dinâmica de interação da aplicação. Recurso a API Busca pela informação facultada pela API previamente criada utilizando os métodos então definidos
  11. 11. O que pretendemos? Instalar Componentes Para conseguirmos construir uma aplicação mobile foi-nos necessário instalar ferramentas Utilizar um template Ionic Para evitar dispêndio desnecessário na construção de estruturas muito complicadas Transitar o antigo projeto Procurar adaptar o projeto de web para um projeto Ionic digno desse nome
  12. 12. Então foi fácil!? NÃO FOI BEM ASSIM
  13. 13. TRANSIÇÕES IMPORTANTES AngularJSJavascript
  14. 14. TRANSIÇÕES IMPORTANTES API (complexo) JSON (mero)
  15. 15. TRANSIÇÕES IMPORTANTES ION VIEWSHTML
  16. 16. Tempo Gasto a Transitar isto tudo!!
  17. 17. A melhor parte do projeto 3. Resultado
  18. 18. FABRICAPP Ecrã inicial quando não houve ainda login feito pelo utilizador. Este ecrã exige o input dos dados pessoais ou, caso não existam, a possibilidade de fazer o registo. Place your screenshot here
  19. 19. FABRICAPP Ecrã Principal da Aplicação onde são concentrados todos os botões de acesso às diferentes páginas da aplicação Neste ecrã principal também se pode ver a imagem e o nome de utilizador da pessoa que está loggada.
  20. 20. FABRICAPP Menu Lateral onde estão presentes os botões de acesso às definições, ao ecrã inicial e ainda à janela de logout
  21. 21. FABRICAPP Ranking dos utilizadores segundo a pontuação obtida no total dos jogos realizados.
  22. 22. FABRICAPP Percurso realizado até ao início do jogo contra outro jogador também a jogar no momento ou contra um jogador-fantasma - Salas - Sala Específica - Ecrã de Espera
  23. 23. FABRICAPP Ecrã de Jogo onde são apresentadas as perguntas relativas à sala selecionada. Surge após a ligação com outro jogador.
  24. 24. A nossa AplicaçãoMom! Get the camera! I’m gonna be famous on the Internet!
  25. 25. Obrigado!

×