... | @@ -3,23 +3,21 @@ |
... | @@ -3,23 +3,21 @@ |
|
|
|
|
|
# Design do Sistema
|
|
# Design do Sistema
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.
|
|
|
|
|
|
|
|
## Sumário
|
|
## Sumário
|
|
|
|
|
|
- [Design do Sistema](#design-do-sistema)
|
|
- [Design do Sistema](#design-do-sistema)
|
|
- [Descrição](#descrição)
|
|
- [Descrição](#descrição)
|
|
- [Tela inicial](#tela-inicial)
|
|
- [Tela inicial](#telas-iniciais)
|
|
- [Telas de perfil do usuário](#telas-usuario)
|
|
- [Telas de perfil do usuário](#telas-de-perfil-do-usuário)
|
|
- [Telas de comunicados](#telas-comunicados)
|
|
- [Telas de comunicados](#telas-de-comunicados)
|
|
- [Telas de mensagem usuário](#telas-mensagem-usuario)
|
|
- [Telas de aniversários](#telas-de-aniversários)
|
|
- [Telas de mensagem admin](#telas-mensagem-admin)
|
|
- [Telas de mensagem usuário](#telas-de-mensagem-usuário)
|
|
|
|
- [Telas de mensagem admin](#telas-de-criação-de-comunicado)
|
|
|
|
|
|
## Descrição
|
|
## Descrição
|
|
|
|
|
|
Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto HLS. Os protótipos foram divididos em grupos de funcionalidade de cada parte do aplicativo, onde cada squad dentro do time ficou responsável por prototipar uma ou mais funcionalidades.
|
|
Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto HLS. Os protótipos foram divididos em grupos de funcionalidade de cada parte do aplicativo, onde cada squad dentro do time ficou responsável por prototipar uma ou mais funcionalidades.
|
|
|
|
Os mockups foram feitos na ferramenta figma e podem ser encontrados em [https://www.figma.com/file/XHNptiOQ8nRbwtNqrND0ld/HSL?node-id=0%3A1](https://www.figma.com/file/XHNptiOQ8nRbwtNqrND0ld/HSL?node-id=0%3A1)
|
|
|
|
|
|
## Telas iniciais
|
|
## Telas iniciais
|
|
![tela-inicial](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-inicial.PNG)
|
|
![tela-inicial](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-inicial.PNG)
|
... | @@ -34,6 +32,11 @@ Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto H |
... | @@ -34,6 +32,11 @@ Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto H |
|
![tela-comunicados](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-comunicados.PNG)
|
|
![tela-comunicados](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-comunicados.PNG)
|
|
![tela-comunicados](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-comunicados2.PNG)
|
|
![tela-comunicados](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-comunicados2.PNG)
|
|
|
|
|
|
|
|
## Telas de Aniversários
|
|
|
|
|
|
|
|
![tela-aniversarios](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/telas-aniver.PNG)
|
|
|
|
![tela-aniversarios](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-aniver2.PNG)
|
|
|
|
|
|
## Telas de mensagem usuário
|
|
## Telas de mensagem usuário
|
|
|
|
|
|
![tela-mensagem-usuario](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-mensagem-usuario.PNG)
|
|
![tela-mensagem-usuario](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-mensagem-usuario.PNG)
|
... | @@ -41,3 +44,7 @@ Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto H |
... | @@ -41,3 +44,7 @@ Aqui consta todos os protótipos de telas desenvolvidos pela equipe do projeto H |
|
## Telas de criação de comunicado
|
|
## Telas de criação de comunicado
|
|
|
|
|
|
![tela-criar-comunicado](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-criar-comunicado.PNG)
|
|
![tela-criar-comunicado](https://tools.ages.pucrs.br/comunicacao-hsl/comunicacao-hsl-wiki/raw/master/resources/tela-criar-comunicado.PNG)
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Altura padrão para todas as imagens da página -->
|
|
|
|
<style> img { height: 500px; } </style> |
|
|
|
\ No newline at end of file |