ANÁLISE E DESENVOLVIMENTO DO PROTÓTIPO

Este trabalho visa projetar a interface e o funcionamento da versão móvel do portal UCSVirtual. O desenvolvimento do protótipo foi focado nas seguintes funcionalidades: login, interface inicial e nos serviços de mural e cronograma do AVA. Embora não implementando todas as funcionalidades do UCSVirtual, este projeto criou uma interface que poderá ser aplicada a toda a versão móvel do portal.

Figura 5 - Diagrama de Casos de Uso

No quadro da Tabela 5 pode ser verificado o caso de uso narrativo referente à realização de login no sistema.

Tabela 5 –UC01 – Realizar Login

Identificador: UC01 – Realizar Login

Descrição: Realização de Login no sistema. Ator(res) Primário(s): Alunos

Pré - Condições: Não há

Fluxo Principal: _{1. Aluno informa o usuário. (Se já informou alguma} vez, o sistema oferece opção de auto-complete). 2. Aluno informa a senha.

3. Aluno clica em "Acessar".

4. Login no sistema é concluído com sucesso. Fluxo Alternativo: _{3.a Aluno clica em "Limpar". Sistema limpa os}

campos "usuário" e "senha".

3.b Aluno clica em "Acessar Versão Tradicional". O Aluno é redirecionado para a versão tradicional do portal para desktops.

4. O usuário ou senha informado estão incorretos. Sistema retorna mensagem avisando do ocorrido e campos de login são limpos.

O caso de uso de realização de login possui a interface conforme a imagem exibida na Figura 6.

Figura 6 - Interface Tela Login

Quando ocorrer erro no login será exibida mensagem de erro alertando o usuário do ocorrido, conforme Figura 7.

Figura 7 – Erro Login

Na Tabela 6 pode ser verificado o caso de uso narrativo referente à realização de acesso à interface principal do sistema.

Tabela 6 - UC02 – Acessar Interface Principal

Identificador: UC02 – Acessar Interface Principal

Descrição:

Aluno acessa a interface principal para escolha da funcionalidade que deseja acessar no sistema. Ator(res) Primário(s): Aluno.

Pré - Condições: UC01 – Login Fluxo Principal:

1. Sistema exibe tela do UCSVirtual Móvel, contendo: Mensagem de boas vindas ao usuário, ícones para: acesso ao menu, tela inicial do aplicativo, sair, e links para exibição das funcionalidades favoritas e

atualizações recentes. Por default o sistema exibe as funcionalidades favoritas.

2. O Aluno clica no ícone de menu. O sistema exibe lista de funcionalidades ao centro com opção de busca. 3. O Aluno clica na funcionalidade escolhida. Ao centro da tela é executa a funcionalidade solicitada. Existindo ao topo link "Adicionar aos favoritos" que adiciona a funcionalidade na lista de favoritas.

4. O Aluno clica no ícone "Inicio". O Sistema retorna para a tela inicial do aplicativo.

5. O Aluno clica em "Recentes". São exibidas as atualizações recentes.

6. O Aluno clica em "Favoritas". O sistema exibe as funcionalidades Favoritas.

7. O Aluno clica em "Sair". O Sistema efetua o log-off. Fluxo Alternativo:

1. Não existem funcionalidades favoritas. O Sistema exibe as atualizações recentes.

5.Não existem atualizações recentes. O sistema exibe a mensagem ao centro: "Não existem funcionalidades Recentes".

6. Não existem funcionalidades favoritas. O sistema exibe a mensagem ao centro: "Não existem

funcionalidades Favoritas".

A Figura 8 representa a interface referente à tela principal do sistema, acessada após a finalização do caso de uso de realização do login.

Figura 8 - Interface principal do sistema

A Figura 9 representa o acesso ao menu através da interface principal conforme detalhado no caso de uso de acesso a interface principal do sistema.

Figura 9 - Acesso ao Menu

Na Tabela 7 pode ser verificado o caso de uso narrativo referente ao acesso ao mural.

Tabela 7 – UC03 – Acessar Mural

Identificador: UC03 – Acessar Mural

Descrição: Acesso ao Mural

Ator(res) Primário(s): Aluno

Pré - Condições: UC02 - Interface Principal

Fluxo Principal: _{1. O Sistema exibe tela para seleção da disciplina que} o aluno deseja consultar no mural. (Existindo a possibilidade todas. OBS: São consideradas somente as disciplinas do semestre corrente)

2. O Aluno seleciona a disciplina.

3. O Sistema exibe os recados deixado no mural da(s) disciplina(a) (Nome do Professor, Data/Hora e se a mensagem foi lida). Também é exibida funcionalidade

para permitir a troca de disciplina.

4. O Usuário clica no recado desejado. O Sistema exibe nova tela com a descrição da mensagem (com rolagem, caso a mensagem for muito grande) e possuindo opção de "voltar".

5. O usuário clica em voltar e o sistema retorna a tela anterior.

Fluxo Alternativo Não há.

A Figura 10 representa a seleção de disciplina, através do caso de uso de acesso ao mural.

Figura 10 - Mural (Seleção de Disciplina)

A Figura 11 representa o acesso ao mural propriamente dito, o qual é realizado após a seleção da disciplina, conforme detalhado no caso de uso narrativo.

Figura 11 - Mural

Após o acesso o mural, o aluno seleciona o recado que deseja ler, sendo exibida a mensagem do mesmo. A interface de exibição desta mensagem ocorre conforme a interface exemplificada na Figura 12.

Figura 12 - Visualização de Recado no Mural

Na Tabela 8 pode ser verificado o caso de uso narrativo referente ao acesso ao cronograma das disciplinas.

Tabela 8 – UC04 – Acessar Cronograma

Identificador: UC04 - Acessar Cronograma

Descrição: Acesso ao cronograma. Ator(res) Primário(s): Aluno

Pré - Condições: UC02 - Interface Principal Fluxo Principal:

1. O Sistema exibe tela para seleção da disciplina que o aluno deseja consultar o cronograma. (OBS: São

consideradas somente as disciplinas do semestre corrente)

3. O Sistema exibe a relação de data e número de aula (trazendo pré-selecionada, a aula que corresponderá à próxima)

4. O Aluno clica na aula que deseja visualizar o cronograma.

5. O Sistema exibe o cronograma da aula (com rolagem, para caso o cronograma for muito extenso) e opção de voltar e também opção para acessar as orientações da aula.

6. O aluno clica em "Orientações da Aula", são abertas em nova tela as orientações da aula com a opção de voltar.

Fluxo Alternativo:

2. O Aluno não está matriculado em nenhuma disciplina. O sistema informa mensagem do ocorrido.

Figura 13 - Cronograma (Seleção de Disciplina)

A Figura 14 representa o acesso ao cronograma propriamente dito, o qual é realizado após a seleção da disciplina, conforme detalhado no caso de uso narrativo.

Figura 14 - Acesso ao Cronograma

Após o acesso ao cronograma, o aluno seleciona a aula que deseja verificar, sendo exibido o cronograma da mesma. A interface de exibição do cronograma ocorre conforme exemplificado na Figura 15.

Figura 15 - Exibição do Cronograma

Conforme detalhado no caso de uso narrativo de acesso ao cronograma, após a verificação do cronograma da aula, o aluno pode verificar as “Orientações da Aula”. As orientações da aula serão exibidas conforme o layout exemplificado na Figura 16.

Figura 16 - Orientações da Aula

Para demonstrar a evolução do processo de desenvolvimento deste aplicativo, pode ser verificado no Anexo II, os protótipos de interface desenvolvidos na primeira parte do trabalho que originarem as interfaces acima exibidas.

Na Figura 17 podemos verificar o diagrama de classe utilizado para desenvolvimento deste protótipo.

Figura 17 – Diagrama de Classes

Já na Figura 18 podemos verificar o modelo entidade relacional desenvolvido para tratar este desenvolvimento.

Figura 18 – Modelo ER

A tabela polls_usuarioUCS, é responsável por armazenar o nome do usuário, login, senha de acesso e se o mesmo é aluno.

A tabela polls_servico, armazena as informações referentes aos serviços disponibilizados no aplicativo, onde possuímos o nome do serviço, o caminho onde está disponível o ícone do serviço e a URL para acessar o mesmo.

A tabela polls_alunoServico, é responsável por armazenar os serviços que o aluno tem permissão de acesso no aplicativo, onde o campo favorito define se o mesmo deve ser exibido com seu ícone na interface principal do aplicativo.

A tabela polls_disciplinas armazena as disciplinas oferecidas e seu semestre, enquanto a tabela polls_alunoDisciplina faz o vínculo do aluno com a disciplina.

Enquanto a tabela polls_mural armazena as informações do mural vinculando a um aluno/disciplina e um remetente, a tabela cronograma armazena as informações do polls_cronograma vinculando a um aluno/disciplina.