The FabricApp mobile application allows users to play knowledge-based quizzes about science topics from anywhere with an Internet connection. It aims to promote learning through fun and recreation by having two players compete online by answering questions. Users can unlock new levels and discounts at the science center by accumulating points from competitions.

1. FABRICAPP
aplicação mobile

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. Ora Bem!
Equipa A
Guilherme Cabral
Simão Cruz
(os programadores!!)

4. Começar por saber o que
vamos fazer
1.
Procurar conhecer

5. “A essência do Conhecimento consiste em aplicá-lo,
uma vez possuído” Confúcio

6. ➜ Ionic
➜ Cordova
➜ AngularJS
➜ Node.JS
Aprender e distinguí-los para
usar corretamente cada um
Aprender

7. Praticar bem
2.
Colocar na Prática

8. Praticar
isto tudo!Colocar em prática todos
os conhecimentos aprendidos.

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. 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. 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. Então foi fácil!?
NÃO FOI BEM ASSIM

13. TRANSIÇÕES IMPORTANTES
AngularJSJavascript

14. TRANSIÇÕES IMPORTANTES
API
(complexo)
JSON
(mero)

15. TRANSIÇÕES IMPORTANTES
ION VIEWSHTML

16. Tempo Gasto a Transitar isto tudo!!

17. A melhor parte do projeto
3.
Resultado

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. 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. FABRICAPP
Menu Lateral onde estão
presentes os botões de acesso
às definições, ao ecrã inicial e
ainda à janela de logout

21. FABRICAPP
Ranking dos utilizadores
segundo a pontuação obtida no
total dos jogos realizados.

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. FABRICAPP
Ecrã de Jogo onde são
apresentadas as perguntas
relativas à sala selecionada.
Surge após a ligação com outro
jogador.

24. A nossa
AplicaçãoMom! Get the camera! I’m gonna be
famous on the Internet!

25. Obrigado!