Decorreu mais uma sessão de formação no âmbito do projeto APPS FOR GOOD, do qual ANPRI é parceira. Nesta sessão abordamos as aplicações para proceder ao wireframing e prototipagem da estrutura das APPs e também de novas aplicações low-code ou no-code para desenvolver a APP. Glideapps, Apps-builder, outsystems, bubble, thinkable , appsheet ou kodular, foram algumas das que exploramos. Optamos pela kodular.io para a sessão.

1. @2021
Fernanda Ledesma
ANPRI
O Processo de
criação de Apps
e a Tecnologia

2. APRESENTAÇÃO
APLICAÇÕES SESSÃO
APLICAÇÕES ÚTEIS
CRIAR A IDENTIDADE DO PROJETO
PROTOTIPAGEM COM O BALSAMIQ MOCKUPS
APLICAÇÕES LOW-CODE OU NO-CODE

3. Poster

4. CRIAR A IDENTIDADE DO PROJETO
Provocam
Sensações
Uso inadequado das
cores pode criar
constrangimentos
Daltonismo
=> contraste
Uso excessivo de
cores gera confusão
/ruido
Ajuda a definir a
identidade do
PROJETO
Hábitos culturais
carregam significados
com peso.
Cores institucionais.

5. CRIAR A IDENTIDADE DO PROJETO

6. CRIAR A IDENTIDADE DO PROJETO

7. CRIAR A IDENTIDADE DO PROJETO
Criar um logotipo no Canva.com
Vídeo
Apresentação:
Regras para criar um logotipo
Criar o logo no telemóvel
Splendid App Maker

8. CRIAR A IDENTIDADE DO PROJETO
Apresentação:
Regras para criar um flyer
Criar um flyer no canva.com
Vídeo

9. Apresentação:
Criar um modelo de negócio

11. Versão na nuvem Versão no PC

12. Versão na nuvem

14. Texto
CONFIGURAÇÕES

16. OPÇÔES

17. CALENDÁRIO
ICONeS MENU E TECLADO MAPA

18. Programação com código
HTML5
ANDROID
JAVA
UNITY 3D
…
Aplicações
Low-code e
No-code

19. Criar apps... Low-code / No-code
https://thunkable.com
https://www.glideapps.com/
https://www.appsheet.com/
https://www.outsystems.com/
https://www.kodular.io https://www.mobiloud.com/
http://www.apps-builder.com/

20. Criar apps... Low-code / No-code
Algumas têm versão trial
É necessário analisar para fazer a escolha mais adequada
Algumas têm versão gratuita com limitações
Algumas têm versão gratuita com marca de água
Algumas têm formato flexível para a web e mobile
Algumas funcionam em android e iOS outras não

21. KODULAR
https://www.kodular.io
Pode ser necessário
para os alunos

22. KODULAR
Planos – o motivo da escolha
Não tem
planos pagos
Se
pretendermos
monetizar a
nossa app,
então temos
de partilhar
uma %

23. KODULAR
Registo

24. KODULAR
Iniciar ou editar projetos
Novo Importar
Área dos nossos
projetos

25. KODULAR
Criar um novo projeto
Novo
Nome do projeto:
Sem espaços
Nºs, letras ou
undercore

26. KODULAR
Configurar o projeto
As opções
podem ser
alteradas
posteriormente
Escolher a versão
do Android
Ver nas
configurações do
telemóvel

27. KODULAR
Interface
Funcionalidade Previsualização
Interfaces e
componentes
Configurações da
interface e componentes

28. KODULAR
Vamos Praticar?
Configurar
interfaces
Alterar cores do
screen
Inserir imagens
Inserir botões

29. KODULAR
Programar objetos
Programar o botão
do Screen1, para
quando clicarmos,
mudar para
Screen2
Programar o botão
do Screen2, para
quando clicarmos
mudar para
Screen1

30. KODULAR
Inserir mapas e localização
Inserir mapa
Inserir Marker
Configurar
Coordenadas

31. KODULAR
Conectar o telemóvel ou tablet
Instalar o kodular
companion no
telemóvel ou
tablet
No Kodular online clicar em
Test > connect to
companion
Depois com o telemóvel ou
tablet fazemos scan ao
QRCODE ou inserimos o
código.
Com os dispositivos
conectados testamos em
tempo real.

32. Respeito
pelos
direitos de
autor
Segurança
dos dados

33. Obrigado!
Fernanda Ledesma
Professora de Informática
Presidente da Direção da ANPRI
outros…
http://www.anpri.pt/ info@anpri.pt