Este repositório armazena as atividades desenvolvidas para entrega das seguintes tarefas:
- Cap 5 - Arquitetura Back-end - Atividade 2;
- Cap 6 - Aplicação no ar - Atividade 3 - O Front do Back.
Ambas da Fase 6 do curso de graduação em Sistemas Para Internet da FIAP ON.
Utilizando a linguagem Java foi criada a atividade em padrão MVC (Model-View-Controller), dividindo o projeto em camadas. Também foi criada uma base de dados dentro do controller para simular o funcionamento do bd.
Com jsp foi desenvolvido o front-end, utilizando css interno; framework bootstrap para auxiliar na estruturação de elementos das páginas; API de fontes do Google Fonts, para personalizar a tipografia; o pacote de ícones do Font Awesome e, por fim, o JavaScript interno.
Misturando estas ferramentas e linguagens, foi criada uma página na IDE Eclipse que, rodando o projeto com Apache 8 e pesquisando no input do navegador o localhost:n°DoLocalhost/nomeDaPasta/recupera.do e complementar com '?=id' receberemos, ou uma página de erro informando qual é o problema, junto da recomendação de como prosseguir, ou a página de um hotel, passando as seguintes informações requisitadas no case do Projeto Gulliver Traveller:
- Nome do hotel;
- Local (Cidade e Estado);
- Resumo;
- Classificação;
- Link para um site de hospedagem.
Além do que foi descrito acima, a atividade também foi pensada para englobar o front-end e valorizando o User Experience, que foi inspirado no design da atividade de hospedagem feita anteriormente (Traveller), utilizando a mesma paleta estipulada na Fase 3, que estará disponível no documento linkado a seguir, junto da explicação da lógica por trás da escolha de cores:
Cap 2 - Cores merecem atenção - Atividade 1 - Paleta de cores
Os ícones e a utilização do bootstrap também são de suma importância no UX das páginas, já que auxiliam, de forma prática, na organização harmônica de elementos e embelezam o design, como as estrelas usadas para ilustrar a Classificação do site.
Temos, também, os recursos de acessibilidade do site, tendo sido utilizado duas famílias de fontes (Lato e Quicksand), que são sem-serifa, facilitando a leitura por parte de pessoas com dislexia ou alguma outra condição que dificulta a leitura, além de ser mais indicada em UI; também, junto do JS e do css, foi criado um botão de dark mode, que clareia ou escurece a página, mantendo alto o contraste entre o conteúdo escrito e os backgrounds.
Por fim, conforme a explicação no link da atividade da Paleta de Cores (junto da referência de pesquisa), a paleta Azul/Laranja, geralmente são mais adequadas para daltônicos, além de demarcarem bem o conteúdo, facilitando a visualização e entendimento dele.