Manual Metaverso

Link para o Manual do Metaverso: Link do Drive
(Acessar com o e-mail @digitalsys.com)

<u>ADMINISTRADOR</u>

Para acessar o sistema, basta clicar no seguinte link e fazer o login com as credenciais correspondentes:

<u>https://metaverso-dev.digitalsys.app/backoffice/admin</u>

Deste modo, será apresentado a parte interna do sistema, contendo todas as funcionalidades necessárias para criar e visualizar Cursos, Especialidades, Histórico de E-mails, Pontos de vista de diferentes câmeras, Procedimentos, Profissionais e Usuários cadastrados. Além disso, será possível ter acesso aos detalhes de ações realizadas recentemente, contendo data e horário, responsável pela atualização e alterações feitas.

1. TELAS

2. 1. Usuários

Ao selecionar “Usuários” no menu lateral, uma nova tela será exibida, contendo opções de filtragem para fácil procura e uma tabela de apresentação com as principais informações de cada usuário. Cada linha é clicável para que seja possível ter acesso a mais detalhes, bem como adicionar E-mail, Nome, Sobrenome, Data de nascimento, Nacionalidade, País, Localidade, Telefone e Permissões de acesso.

Lembre-se sempre de salvar as informações clicando nos botões localizados no lado direito da tela, como mostrado na imagem acima.

2. Cursos

Em “Cursos” no menu lateral será possível dar início a criação de novos cursos desejados, bem como visualizar aqueles já existentes. Com uma apresentação de informações padronizadas e idênticas à tela “Usuários”, é possível aplicar filtros por complexidade ou até mesmo utilizar o campo de busca para agilizar o processo de procura por algo específico.

Para criar um novo curso, basta clicar em “Adicionar Curso” no canto superior direito da tela.

1. Geral

Na primeira aba “Geral”, adicione, então, as informações necessárias como: Nome do curso, Cirurgião, Especialidade, Procedimento, Complexidade, Importância, Tags e Descrição.

É possível notar ícones ao lado de alguns campos a serem preenchidos: lápis amarelo, “+” verde e um olho azul (como apresentado na imagem abaixo). Estes ícones servem como atalhos para editar, criar e visualizar informações daquele campo em específico, ou seja, em “Cirurgião”, o lápis editará os cirurgiões cadastrados, o “+” adicionará um novo cirurgião e o olho listará todos.

2. Etapas do curso

Na segunda aba, “Etapas do Curso” será possível adicionar os vídeos referentes àquele curso que está sendo criado. Para isso, comece criando as diferentes etapas adicionando Título, Resumo e Ordem.

Entretanto, ao chegar no local “Ver vídeos”, uma mensagem estará presente: “Salve primeiro para adicionar vídeos”. Deste modo, clique no botão “Salvar e continuar editando” e, logo após a atualização da página, escolha o vídeo para aquela etapa.

Muito além de somente adicionar o vídeo, haverá a opção de escolher o Ponto de Vista da câmera que fez a filmagem e adicionar Capítulos dos Vídeos.

Esse último é uma ferramenta que irá marcar cada momento do vídeo, por exemplo: ao adicionar o capítulo “Incisão pequena” no tempo 5 de ordem 1, isso ficará marcado no vídeo no momento 00:05 segundos como primeiro capítulo de nome “Incisão pequena”, tornando possível que um espectador olhe essa marcação na listagem lateral e pule para esse momento, ou para outros capítulos, conforme desejado durante seu estudo.

3. Profissionais do Curso

Para finalizar o cadastro completo do curso, na aba “Profissionais do Curso”, adicione todos os envolvidos. Para isso, basta escolher um nome dentre a listagem apresentada, podendo adicionar mais pessoas ou até mesmo remover alguém já adicionado. Ao final de todo esse processo, lembre-se de clicar no botão “Salvar” para não perder nada do que foi escrito até aqui.

3. Especialidades

Nesta tela será possível criar, visualizar e adicionar todas as especialidades médicas que serão utilizadas no momento de criação de um curso.

4. Histórico de E-mails

Aqui serão apresentados todos os e-mails enviados para que seja possível sua consulta quando necessário, tornando possível visualizar os destinatários como também a mesma mensagem que será recebida.

5. Pontos de Vista

A tela “Pontos de Vista” conterá a listagem de diferentes posições de câmeras existentes durante a gravação de um vídeo que será utilizado para um curso.

6. Procedimentos

Já nesta tela, seguindo o mesmo padrão dos últimos tópicos apresentados, conterá todos os procedimentos criados, bem como a opção para criar um novo.

7. Profissionais

Por fim, a última opção do menu lateral apresentará a listagem de profissionais no sistema, bem como o cargo que aquela pessoa possui dentro da instituição.

2. ADICIONAR, EDITAR, REMOVER E VISUALIZAR

Em todas as telas, citadas e explicadas anteriormente, será possível realizar algumas ações, sendo elas: adicionar algo novo, editar ou visualizar algo já existente e remover um item.

Para isso, basta seguir os seguintes passos:

1. Adicionar

Para adicionar um item novo, basta sempre clicar no botão azul no canto direito superior e preencher os campos pedidos para então salvar. Ao final, a criação poderá ser visualizada juntamente com os itens já existentes.

2. Editar/visualizar

Ao selecionar determinado item de uma tabela será possível visualizar e também editar as informações correspondentes, além de ter acesso ao histórico completo daquele item.

3. Remover

Para remover um item, dois caminhos podem ser seguidos, seja seguindo o fluxo anterior e clicando no botão vermelho “Apagar”, ou então na apresentação de cada uma das telas, bastando selecionar o item que se deseja remover, escolhendo esta ação no dropdown e clicando no botão azul “Ir” para finalizar.

<u>SISTEMA DE CURSOS</u>

Para acessar o sistema, basta clicar no seguinte link e fazer o login com as credenciais correspondentes:

<u>https://metaverso-dev.digitalsys.app/buscar-treinamentos</u>

Assim, o sistema será apresentado para o usuário e será possível acessar as funcionalidades do projeto.

1. TELAS

A tela apresentada é parte integrante do sistema hospitalar virtual no metaverso e tem como objetivo exibir uma lista de procedimentos médicos acompanhados de informações detalhadas sobre cirurgiões, especialidades e métricas de avaliação. Essa interface serve como um ponto de acesso central para profissionais de saúde e administradores navegarem por conteúdos médicos relevantes, possibilitando o acesso a dados organizados e filtrados de maneira eficiente. A seguir, é detalhado cada componente da tela e suas funcionalidades:

1. Alternância de Visualização (2D/3D)

No canto superior esquerdo da tela, há dois botões destacados, marcados como "2D" e "3D". Esses botões permitem ao usuário alternar entre duas formas de visualização do conteúdo. O modo 2D oferece uma interface tradicional em duas dimensões, ideal para consultas rápidas e uma navegação simples. Já o modo 3D leva a experiência para um ambiente imersivo.

2. Filtros de Busca

Na parte superior da seção principal da tela, localizam-se três campos de filtro que permitem aos usuários refinar a pesquisa dos procedimentos listados. Esses filtros são essenciais para otimizar a busca e garantir que o usuário encontre rapidamente as informações relevantes, especialmente em um ambiente com grande volume de dados:

1. Campo "Cirurgião"

Um campo de texto onde o nome do profissional pode ser digitado, permitindo a busca direta por cirurgiões específicos.

2. Campo "Procedimento"

Um campo de texto, este permite a inserção do nome ou palavra-chave do procedimento desejado.

3. Menu suspenso "Especialidade"

Um seletor que oferece uma lista de especialidades médicas. Ao selecionar uma especialidade, o sistema filtra os procedimentos relacionados à área médica escolhida.

3. Tabela de Dados

O elemento central da tela é a tabela que exibe os resultados filtrados ou a listagem padrão de procedimentos. Cada linha da tabela tem uma funcionalidade de organização do conteúdo mais novo para o mais velho ou ao contrário, ativada por um ícone de seta ao lado do nome. A tabela está organizada em colunas bem definidas, com informações detalhadas que podem ser organizadas e interpretadas de maneira intuitiva:

1. Campo "Cirurgião"

Exibe o nome do profissional responsável pelo procedimento.

2. Campo "Procedimento"

Mostra o nome do procedimento realizado no material.

3. Campo "Especialidade"

Aponta a especialidade médica relacionada ao procedimento.

4. Campo "Conteúdo"

Informa o tempo total do conteúdo associado ao procedimento, como vídeos ou materiais de estudo.

5. Campo "Complexidade"

Representada por uma escala visual de cinco níveis, onde o nível atual está destacado.

6. Campo "Views"

Apresenta o número total de visualizações que o conteúdo do procedimento recebeu.

7. Campo "Nota Atual"

Exibe a média das avaliações atribuídas pelos usuários ao conteúdo relacionado ao procedimento.

4. Barra de Ferramentas e Rodapé

A parte inferior da tela apresenta elementos auxiliares e de suporte:

1. Ícone de Ajuda:

Representado por um símbolo de interrogação, oferece acesso a guias ou recursos de suporte técnico.

2. Ícone de Chat:

Permite que o usuário abra uma janela de comunicação direta para dúvidas ou problemas relacionados ao uso do sistema.

3. Ícone de Mapa:

<<<em desenvolvimento>>>

4. Ícone de Pasta:

<<<em desenvolvimento>>>

5. Detalhamento Expandido na Tabela

Ao expandir uma linha da tabela, como mostrado no exemplo, surgem informações adicionais diretamente relacionadas ao procedimento.

1. Descrição

A seção "Descrição" oferece detalhes sobre o procedimento em si.

2. Conteúdo

A seção "Conteúdo" é subdividida em etapas específicas e cada etapa contém recursos associados, como vídeos ou materiais de apoio.

3. Ver Equipe Médica

Um link interativo, "Ver equipe médica", oferece acesso a informações detalhadas sobre os profissionais envolvidos no procedimento, promovendo maior transparência e conexão com a equipe médica.

4. Importância

A seção "Importância" é um espaço reservado para categorizar ou destacar a relevância do procedimento no contexto geral de treinamento ou prática médica

6. Elemento de Vídeo e Botão "Começar"

Ao lado direito da seção expandida, um player de vídeo exibe uma miniatura relacionada ao procedimento. Este player pode ser usado para assistir a vídeos educacionais ou informativos, proporcionando uma experiência visual e prática para o usuário.

Abaixo do player, há um botão destacado com o texto "Começar". Este botão serve como um ponto de interação direta, permitindo que o usuário inicie imediatamente o conteúdo do vídeo ou acesse uma sequência de materiais associados ao procedimento. Esse elemento torna a experiência mais prática e intuitiva, eliminando a necessidade de múltiplos cliques para acessar os recursos.

2. PLAYER DE VÍDEO

A interface exibe um vídeo instrutivo sobre um procedimento cirúrgico, com elementos visuais que simulam um ambiente hospitalar realista. No centro da tela, encontra-se o vídeo principal, que ocupa a maior parte do espaço para proporcionar uma visualização clara e detalhada do conteúdo educacional. O título do procedimento é destacado sobre o vídeo, reforçando o tema abordado.

1. Navegação de Conteúdo

No canto superior esquerdo, há um menu de navegação que organiza o conteúdo em seções ou etapas, permitindo que o usuário acesse partes específicas do procedimento, como "anestesia" ou "incisão pequena". Isso facilita o aprendizado segmentado e direcionado.

2. Controles básicos de vídeo

Os controles básicos de vídeo, como play/pausa e ajuste de velocidade, estão posicionados na parte inferior, permitindo o gerenciamento do conteúdo conforme a necessidade do usuário.

3. Ícones Laterais

A tela apresenta três ícones verticais no lado direito, cada um com uma funcionalidade específica relacionada ao procedimento exibido.

1. Ícone do Protocolo

Ao selecioná-lo, o usuário é direcionado para informações detalhadas sobre diretrizes clínicas, práticas recomendadas e passos estruturados que devem ser seguidos durante o procedimento.

2. Ícone de Insights

Ao ser selecionado, ele pode exibir explicações adicionais, dicas práticas, pontos de atenção ou curiosidades sobre o processo, permitindo ao usuário entender os aspectos críticos e aprimorar sua abordagem.

3. Ícone de Imagens

As imagens podem incluir diagramas anatômicos, capturas de tela ampliadas, ilustrações ou outras representações visuais que complementam o aprendizado.