Materia: Mobile I Curso: Tecnico em Analise e Desenvolvimento de Sistemas, IFSUL, Santana Do Livramento, Brasil. Date: 04/04/2025 Professor: Victor Alves
Descrição da Atividade:
-
Crie uma aplicação com uma tela de login com os seguintes parâmetros:
-
Uma imagem em um CircleAvatar (centralizado horizontalmente);
-
Um TextField para nome de usuário
-
Um TextField para senha;
-
O TextField para senha deve ter um botão de visibilidade, permitindo alterar entre os modos de exibição/não exibição da senha que está sendo informada;
-
Um ElevatedButton para submeter as informações;
-
Se nome de usuário e senha estiverem corretos, abrir uma nova tela (o teste de usuário e senha será feito com um IF/ELSE, com usuário e senha configurados de maneira estática no código);
-
A nova tela deve ter "Bem-vindo 'nome de usuário';
-
Se a senha e/ou usuário estiverem em branco ou incorretos um SnackBar (ou um AlertDialog) deve ser exibido;
-
A nova tela, além de exibir as boas-vindas, deve ter TextFields para 'cadastro' das informações de um usuário como: nome, endereço, curso, cidade, país, etc.
-
Inserir um botão para 'salvar' as informações. Ao clicar, os dados digitados devem aparecer em um AlertDialog;
-
Inserir um botão para voltar para a tela de login.
-
O Aplicativo deve fazer uso dos parâmetros e Widgets vistos em aula, como: Text, Column, Row, Container, Widget Stateful, Widget Stateless, Refatoração de código, SizedBox, ElevatedButton, Scaffold, AppBar, parâmetros de alinhamento, TextField.
-
Foi disponibilizado um vídeo sobre a Troca de Telas;
-
Foi disponibilizado um vídeo sobre o uso de imagens (locais e da Internet).
Vídeo exemplo: https://youtube.com/shorts/BnBWFvnSaWA
Este projeto foi desenvolvido como parte das atividades propostas em aula na disciplina da carreira de Análise e Desenvolvimento de Sistemas – 4º semestre (01/2025).
A interface foi criada com base na consigna fornecida pelo professor, respeitando todas as funcionalidades solicitadas. Durante o desenvolvimento, realizei algumas modificações em relação ao formato e às cores, buscando uma identidade visual mais moderna e agradável, mas sempre mantendo a fidelidade às funcionalidades exigidas pela atividade.
- Flutter – Framework utilizado para construção da interface
- Dart – Linguagem de programação utilizada no desenvolvimento
Este projeto faz parte das tarefas atribuídas em sala de aula e tem como objetivo aplicar na prática os conhecimentos adquiridos ao longo da formação no curso de Análise e Desenvolvimento de Sistemas.
🔐 Tela 1 – Tela inicial de login
👤 Tela 2 – Campo de nome e senha preenchido
🔑 Tela 3 – Ver senha oculta
✅ Tela 4 – Login efetuado com sucesso
🔄 Tela 6 – Mostrar dados guardados
Desenvolvido com dedicação ❤️ por Verónica Ferreira.