O projeto é um PWA (híbrido entre site e aplicativo) voltado para smartphones que se propõe a ser uma ferramenta de auxílio para jogadores de RPG (Role Playing Game) de mesa. Mais especificamente, entrega uma forma rápida, intuitiva e agradável de fazer fichas no sistema Draenak de RPG e as armazena para consultas e edições. Além disso, a aplicação possui a funcionalidade de gerenciamento de mesas, nas quais os jogadores podem ver as informações básicas das fichas dos demais e o mestre pode ver todas as informações de todas as fichas, facilitando o planejamento e a condução das sessões. A interface, leve e jovem, remete a jogos e fantasia sem se restringir a nenhum tema específico de RPG - proporcionando, assim, maior liberdade para os usuários na escolha da ambientação.
João Pedro Osawa, desenvolvedor de jogos formado em Sistemas e Mídias Digitais na Universidade Federal do Ceará (UFC), joga RPG há 14 anos e está desenvolvendo um sistema próprio - o Draenak.
- Luana Helena de Oliveira Viana
- Marcos Paulo Oliveira de Almeida
- Maria Eduarda Olinda Oliveira Bernardo
- Nicole Inácio Sousa
- Rafaella Sampaio de Alencar
Através do link ou baixando os arquivos compactados.
npm install
Requer node.
npm run serve
- Personalizar favicon;
- Tempo de carregamento e fluidez na navegação;
- Feedback ao usuário, especialmente nas telas relacionadas à autenticação;
- Layout da tela de configurações;
- Layout da ficha visualizada pelo mestre da mesa;
- Transformar algumas variáveis muito utilizadas em estados do store para melhorar a lógica, por exemplo, do menu superior, da seleção de ficha dentro da mesa e do retorno à lista ao apagar uma ficha ou mesa;
- Adicionar "Nenhuma mesa" nas opções de mesa;
- Modo noturno;
- Escolha de temas (cores);
- Internacionalização;
- Exportação de fichas.
| Requisitos Funcionais | Descrição | Codificação |
|---|---|---|
| Funções Básicas | ||
| RF_B1: Autenticação | O usuário deve inserir o par login e senha a fim de realizar autenticação no sistema. | src/App.vue src/views/Login.vue src/components/ForgotPasswordDialog.vue |
| RF_B2: Gerenciar conta | ||
| RF_B2.1: Criar Conta | O usuário pode registrar uma nova conta, inserindo e-mail, nome de usuário, senha e confirmação da senha. | src/views/Login.vue src/components/SignUp.vue |
| RF_B2.2: Consultar dados da conta | O usuário pode consultar qual e-mail e nome de usuário estão ativos. | src/views/Settings.vue |
| RF_B2.3: Alterar dados da conta | O usuário pode trocar sua senha, inserindo a antiga, a nova e a confirmação da nova. | src/views/Settings.vue |
| RF_B2.4: Excluir conta | O usuário pode, através de confirmação da senha, excluir sua conta. | src/views/Settings.vue |
| Funções Fundamentais | ||
| RF_F1: Gerenciar fichas | ||
| RF_F1.1: Consultar fichas | O usuário pode ver a lista de fichas e acessar os detalhes de cada uma. | src/views/SheetsList.vue src/components/CharacterSheet.vue src/components/SheetTabs |
| RF_F1.2: Criar fichas | O usuário pode criar uma nova ficha, na qual pode inserir imagem, informações gerais, pontos de atributo, inventário de itens e anotações, além de associá-la a uma mesa à qual tem acesso. | src/views/SheetsList.vue src/components/Dialog/NewSheetDialog.vue |
| RF_F1.3: Editar fichas | O usuário pode alterar todas as informações da ficha selecionada. | src/views/SheetsList.vue src/components/CharacterSheet.vue src/components/SheetsTab |
| RF_F1.4: Excluir fichas | O usuário pode excluir a ficha selecionada. | src/views/CharacterSheet.vue src/components/SheetTabs/MainInfo.vue src/components/Dialog/RemoveElementDialog.vue |
| RF_F2: Gerenciar mesas | ||
| RF_F2.1: Consultar mesas | O usuário pode ver a lista de mesas às quais tem acesso e consultar seus detalhes. O usuário com o título de mestre da mesa (concedido inicialmente a quem a criou) pode ver todas as informações de todas as fichas associadas, enquanto os demais usuários podem ver apenas algumas informações básicas das fichas de terceiros. | src/views/PartiesList.vue src/components/Party.vue src/components/PartyTabs |
| RF_F2.2: Criar mesa | O usuário pode criar uma nova mesa, com descrição, permissão de acesso a outros usuários e anotações. | src/views/PartiesList.vue src/components/Dialogs/NewPartyDialog.vue |
| RF_F2.3: Editar mesa | O usuário com o título de mestre da mesa (concedido inicialmente a quem a criou) pode alterar todas as informações da mesa selecionada, inclusive a lista de usuários associados a ela. | src/views/PartiesList.vue src/components/Party.vue src/components/PartyTabs src/components/Dialogs/AddPlayerToPartyDialog.vue |
| RF_F2.4: Excluir mesa | O usuário com o título de mestre da mesa (concedido inicialmente a quem a criou) pode excluir a mesa selecionada. | src/components/Party.vue src/components/PartyTabs/Settings.vue src/components/Dialog/RemoveElementDialog.vue |