Interface Doador/Receptor

Esta interface está disponível para todos os tipos de usuários e apresenta todas as funções principais da aplicação web.

6.4.1.1. Cadastro de Usuário (cadastroUsuario.xhtml)

A página de cadastro de usuário possui os campos necessários para o usuário se tornar parte do Doador Sangue Bom. São eles: nome, sobrenome, e-mail, gênero, tipo sanguíneo, data de nascimento e senha. Esses dados são validados para que não haja campos vazios, um endereço de e-mail inválido ou uma senha com menos de seis caracteres.

Após o preenchimento dos campos, deve-se clicar em “Salvar”. Se o formulário for validado, o usuário é criado e redirecionado para a página principal do sistema.

6.4.1.2. Página Principal (doarSangue.xhtml)

A página principal possui o menu principal, presente em todas as páginas. Ele dá acesso às páginas Doe (doe.xhtml), Receba (requisitarDoacao.xhtml), Alterar Cadastro (editarUsuario.xhtml), Histórico de Doações (historicoDoacoes.xhtml), Hospitais (hospitais.xhtml) e Informações (informacao.xhtml), além da opção Sair, para realizar logout.

A página também exibe as doações requisitadas no sistema, organizadas na seguinte ordem de exibição: doações do mesmo tipo sanguíneo do usuário e doações de outros tipos sanguíneos. Para visualizar uma doação o usuário deve clicar no botão “Doe”. Ele será redirecionado para a página de visualizarDoacao.xhtml, explicada na seção 6.4.1.9.

42

Figura 6.4. Página principal

6.4.1.3. Doe (doe.xhtml)

A página doe.xhtml apresenta ao usuário interessado em doar sangue os locais (hospitais) onde são requisitadas doações. Através de um mapa, disponibilizado pelo serviço do Google Maps com o uso da biblioteca gmaps4jsf, é possível visualizar esses locais.

Para incentivar essas doações, existe a opção de visualizar no mapa onde há requisições de doações perto do endereço do usuário. Este endereço pode ser cadastrado na página de Alteração de Cadastro (editarUsuario.xhtml), como será explicado na seção 6.4.1.5, ou definido através dos serviços de localização do Android, caso o usuário também utilize o aplicativo do Doador Sangue Bom.

Também existe a opção de visualizar todos os locais de requisição de doações, seja para ter uma noção da distribuição de pedidos ou para visualizar em quais hospitais há pedidos de doação. Essa funcionalidade é mostrada na Figura 6.5.

43

Figura 6.5. Mapa de todos os locais de doação

6.4.1.4. Receba (requisitarDoacao.xhtml)

A página requisitarDoacao.xhtml consiste em um formulário que deve ser preenchido por um usuário que deseja pedir doação para um familiar ou amigo.

O usuário deve inserir o nome do paciente que precisa de sangue, o tipo sanguíneo do paciente, o hospital em que o paciente está internado e o motivo pelo qual ele necessita de sangue. Depois basta clicar em “Requisitar” para que a requisição entre no sistema.

Ao inserir o hospital, o usuário interage com um recurso de autocompletar, que exibe sugestões do nome do hospital à medida que o usuário digita. Apenas hospitais cadastrados por um administrador são mostrados no autocompletar. O cadastro de hospitais é realizado por um administrador e é explicado na seção 6.4.3.2.

6.4.1.5. Alterar Cadastro (editarUsuario.xhtml)

Esta página tem como função a edição dos dados inseridos no cadastro (cadastroUsuario.xhtml), o cadastro de um endereço e a escolha do idioma do sistema.

44

Caso queira trocar o nome, sobrenome, e-mail ou outro dado inserido durante o cadastro, basta modificá-lo e clicar em “Alterar”. Assim como no cadastro, esses dados são validados para que não haja campos vazios ou um endereço de e-mail inválido.

Há também a opção de definir um endereço inserindo o próprio endereço, bairro, cidade e estado. O idioma do sistema pode ser escolhido entre as duas opções disponíveis: português (Brasil) e inglês (Estados Unidos). Feito isso, basta clicar em “Alterar”.

Se o usuário quiser desfazer sua conta, deve-se clicar no botão “Excluir conta”. Uma mensagem de confirmação é exibida e ao clicar em “Excluir”, todos os dados daquele usuário serão excluídos do sistema.

6.4.1.6. Histórico de Doações (historicoDoacoes.xhtml)

O histórico de doações é uma tabela contendo as doações já realizadas pelo usuário, sejam doações por intermédio do sistema Doador Sangue Bom ou não. As doações são exibidas com a data de quando foram realizadas, o hospital onde ocorreram e o nome da pessoa a quem o sangue foi destinado.

Para incluir uma doação realizada sem o intermédio do sistema Doador Sangue Bom, o usuário deve clicar em “Adicionar Doação”. Será aberto um painel em que deverão ser preenchidos o local da doação, o nome da pessoa a quem foi destinada a doação (caso tenha sido uma doação anônima, basta marcar a checkbox e ficará indicado como doação para a comunidade) e a data em que foi realizada. Ao clicar em “Adicionar”, a doação é inserida no histórico.

Para excluir uma doação do histórico é necessário selecionar uma doação da tabela e clicar em “Excluir Doação”. Uma mensagem de confirmação será exibida. Clicando em “Excluir”, a doação será excluída do histórico.

O histórico de doações é importante porque mantém um controle das doações já feitas no sistema, podendo ser utilizado por coletores para coletar estatísticas pertinentes a determinado hospital, além de permitir que o próprio usuário tenha noção de suas doações.

6.4.1.7. Hospitais (hospitais.xhtml)

A página de hospitais possui a lista de todos hospitais cadastrados pelo(s) administrador(es). Cada um deles é exibido com seu nome, telefone, CNES, endereço e um mapa mostrando sua localização.

45

Ao clicar em “Ver página” o usuário é direcionado para a página específica do hospital, que além das informações anteriores, possui também os pedidos de doações requisitados para ele, caso houver.

6.4.1.8. Informações (informacao.xhtml)

Esta página contém um conjunto de informações sobre o processo de doação de sangue, como quem pode ser doador, quais são os requisitos básicos para ser doador ou o que pode impedir provisoriamente uma pessoa de doar sangue.

6.4.1.9. Visualizar Doação (visualizarDoacao.xhtml)

A página de visualizar doação, mostrada na Figura 6.6, apresenta as informações pertinentes a uma solicitação de doação: o nome do paciente, seu tipo sanguíneo caso se aplique, o motivo da necessidade de sangue e os dados do hospital onde ele se encontra internado. Também possui o número de pessoas que já demonstraram intenção de doar através do sistema e uma área com botões para compartilhamento em redes sociais (Twitter, Facebook e Google+), permitindo a divulgação de doações, com o objetivo de aumentar o número de doadores e de usuários do sistema.

Para demonstrar intenção de doar, o usuário deve clicar em “Quero doar”. Isso fará com que o contador de intenções seja incrementado, somando uma intenção à contagem anterior. O usuário só pode demonstrar intenção de doar para uma dada solicitação uma vez. Por esse motivo, após clicar em “Quero doar” e a intenção for contabilizada, o botão se modifica para “Não vou mais doar”. Caso o usuário clique nele, sua intenção de doar será retirada e o contador de intenções será decrementado, subtraindo uma intenção da contagem anterior.

46

Figura 6.6. Página de visualizar doação