Acesse a aplicação: Cipher Laboratoria
🎈🎈🎈
O aniversário da sua mãe está se aproximando e você está organizando uma festa surpresa. Para manter a festa em segredo foi criado um grupo de Whatsapp com amigxs e familiares. O problema é que as vezes sua mãe utiliza o seu celular e pode ser que ela veja as suas mensagens. Como a festa é surpresa, você decide criar uma aplicação que permita enviar mensagens criptografadas e depois descriptografar. Então agora é a hora de aplicar os seus super poderes 😎
A aplicação cipher, em sua primeira screen exibe ao usuário a decisão de cifrar ou decifrar uma mensagem, ao clicar no botão correspondente, o usuário será direcionado para outra screen, onde deverá informar o deslocamento/chave (um número inteiro, positivo ou negativo) correspondente à cifragem em questão.
Ao digitar a mensagem, automaticamente o resultado da cifragem/descifragem será exibido no campo Resultado logo abaixo do campo de texto.
A aplicação utiliza a chave numérica para deslocar a letra informada até a letra correspondente do alfabeto realizando o processo de cifrar e descifrar através das funções encode e decode respectivamente.
- UX: definição do usuário, planejamento da interface e funcionalidades.
- Sequência Lógica: planejamento da sequência lógica necessária para desenvolvimento do código para esta aplicação.
- Diagrama de blocos: desevolvimento do fluxograma.
- HTML: desenvolvimento do HTML base para a aplicação.
- Javascript: desenvolvimento do código Javascript e primeiros testes de funcionamento.
- CSS: desenvolvimento do CSS.
- Revisão: revisão do código, implementações necessárias HTML, CSS, JavaScript.
- Testes: desenvolvimento de testes para validar o funcionamento esperado da aplicação.
Sprint 1
Sprint 2
Através do prefácio adotado, consideram-se os usuários como familiares e amigos (pessoas próximas), entre adolescentes e adultos, de todos os sexos, que estarão engajados na organização da festa surpresa.
Dessa forma, o desenvolvimento da interface foi realizado,procurando proporcionar uma usabilidade intuitiva e simples, para que o usuário possa fazer uso da aplicação com facilidade e rapidez.
A escolha de ícones e fontes foi realizada pensando em proporcionar a sensação de mistério e segredo ao usuário no contexto da festa surpresa, mantendo a legibilidade e auxiliando visualmente o entendimento do uso intuitivo da aplicação.
Foi realizada uma pesquisa através de formulário para verificar a usabilidade da aplicação e validar a experiência de usuário planejada.
Foram coletadas repostas de 3 usuários.
-
Visual da aplicação
-
Facilidade de uso / Interface
-
Design intuitivo
-
Sugestão
Com base nas informações coletadas no primeiro sprint, verifica-se a necessidade de melhorar o design responsivo da aplicação, e a relação entre a imagem background e a cor das fontes utilizadas.
- Visual da aplicação
- Facilidade de uso / Interface
- Design intuitivo
Com base na pesquisa realizada no sprint 1, foi possível analisar as dificuldades e demandas do usuário com relação à aplicação e fazer algumas melhorias, quanto à imagem de fundo da aplicação, tamanho e cor das fontes e melhoramento do menu.
-
README.mdcom explicações e desenho do projeto - Usar VanillaJS.
- Permitir escrever um texto, com letras maiúsculas e minúsculas, para ser cifrado.
- Mostrar o resultado da cifra corretamente.
- Permitir escrever um texto, com letras maiúsculas e minúsculas, para ser descifrado.
- Mostrar o resultado descifrado corretamente.
- Permitir escolher o
offset(deslocamento) a ser usado na cifragem/descifragem. - Implementa
cipher.encode. - Implementa
cipher.decode. - Criar testes unitários.
- Permite usar um
offset(deslocamento) negativo - Cifra/descifra outros caracteres (espaços, pontuação,
ã,á, ...)
Para mais informações sobre a Cifra de César