Cronograma

README.md

@@ -26,31 +26,31 @@ Os integrantes que compõem o grupo 1 estão presentes na Tabela 1.
         <th>GitHub</th>
     </tr>
     <tr>
-        <td><img alt="img_Carla" src="./ihc-grupo1/docs/images/Carla_Clementino.jpeg" style="border-radius:50%" width="100"></td>
+        <td><img alt="img_Carla" src="./ihc-grupo1/docs/assets/images/Carla_Clementino.jpeg" style="border-radius:50%" width="100"></td>
         <td>Carla A. C. Ribeiro</td>
         <td>[email protected]</td>
         <td><a href="https://github.com/ccarlaa">@ccarlaa</a></td>
     </tr>
     <tr>
-        <td><img alt="img_Duda" src="./ihc-grupo1/docs/images/Eduarda_Tavares.JPG" style="border-radius:50%" width="100"></td>
+        <td><img alt="img_Duda" src="./ihc-grupo1/docs/assets/images/Eduarda_Tavares.JPG" style="border-radius:50%" width="100"></td>
         <td>Eduarda Rodrigues Tavares</td>
         <td>[email protected]</td>
         <td><a href="https://github.com/erteduarda">@erteduarda</a></td>
     </tr>
     <tr>
-        <td><img alt="img_Davi" src="./ihc-grupo1/docs/images/Davi_Nobre.jpg" style="border-radius:50%" width="100"></td>
+        <td><img alt="img_Davi" src="./ihc-grupo1/docs/assets/images/Davi_Nobre.jpg" style="border-radius:50%" width="100"></td>
         <td>Davi dos Santos Brito Nobre</td>
         <td>[email protected]</td>
         <td><a href="https://github.com/Jagaima">@Jagaima</a></td>
     </tr>
     <tr>
-        <td><img alt="img_Gabriel" src="./ihc-grupo1/docs/images/Gabriel.jpg" style="border-radius:50%" width="100"></td>
+        <td><img alt="img_Gabriel" src="./ihc-grupo1/docs/assets/images/Gabriel.jpg" style="border-radius:50%" width="100"></td>
         <td>Gabriel Santos Monteiro</td>
         <td>[email protected]</td>
         <td><a href="https://github.com/GabrielSMonteiro">@GabrielSMonteiro</a></td>
     </tr>
     <tr>
-        <td><img alt="img_Joao" src="./ihc-grupo1/docs/images/João_Vitor.jpg" style="border-radius:50%" width="100"></td>
+        <td><img alt="img_Joao" src="./ihc-grupo1/docs/assets/images/João_Vitor.jpg" style="border-radius:50%" width="100"></td>
         <td>João Vitor Lopes Ribeiro</td>
         <td>[email protected]</td>
         <td><a href="https://github.com/Joa0V">@Joa0V</a></td>
@@ -74,10 +74,10 @@ Os integrantes que compõem o grupo 1 estão presentes na Tabela 1.
     <tr>
         <td>22/10/2024</td>
         <td>22/10/2024</td>
-        <td>1.*</td>
+        <td>1.0</td>
         <td>Criação inicial</td>
         <td><a href="https://github.com/ccarlaa">Carla</a></td>
-        <td><a href="https://github.com/"></a></td>
+        <td><a href="https://github.com/Jagaima">Davi Nobre</a></td>
     </tr>
     </table>
 </div>

ihc-grupo1/docs/Atas/reuniao_1.md

@@ -0,0 +1,52 @@
+## Ata da reunião - 01/11/2022
+
+## Dados da reunião
+
+|                                     Alunos presentes                                     |    Data    | Horário de inicio e fim |      Local       |
+| :--------------------------------------------------------------------------------------: | :--------: | :---------------------: | :--------------: |
+| Carla A. C. Ribeiro, Davi S. B. Nobre, Gabriel S. Monteiro, João V. L. Ribeiro | 10/11/2024 |      10:10 - 10:20      | Plataforma Teams |
+
+## Objetivos da reunião
+
+- Divisão dos artefatos a serem entregues
+- Escolha do site a ser avaliado
+
+## Atividades e decisões acordadas
+
+- Carla: Heatmap
+- Individual: Lista de sites avaliados
+- Membro do grupo que teve seu site escolhido: App selecionado
+- Membro do grupo que teve seu site escolhido: Cópia do termo de uso do aplicativo
+- Davi: Ferramentas do projeto
+- João e Eduarda: Revisões
+- Gabriel: Cronograma
+
+---
+- O site escolhido foi o da Força Aérea avaliado pelo membro  Davi S. B. Nobre
+
+## Link da gravação
+
+- Houve um erro na gravação da reunião.
+
+## Histórico de Versão
+
+<div align="center">
+    <table>
+    <tr>
+        <th>Data</th>
+        <th>Data de Revisão</th>
+        <th>Versão</th>
+        <th>Descrição</th>
+        <th>Autor</th>
+        <th>Revisor</th>
+    </tr>
+    <tr>
+        <td>11/11/2024</td>
+        <td>**/11/2024</td>
+        <td>1.0</td>
+        <td>Criação inicial</td>
+        <td><a href="https://github.com/ccarlaa">Carla</a></td>
+        <td><a href="https://github.com/"></a></td>
+    </tr>
+    </table>
+</div>

ihc-grupo1/docs/Desenvolvimento/Cronograma.md

@@ -0,0 +1,98 @@
+# Cronograma 
+
+## Introdução
+
+A elaboração desse cronograma é fundamental para o andamento e planejamento do projeto, com ele temos uma dimensão temporal das entregas e do ritmo e desempenho da equipe, o que fornece uma direção clara do modo de execução das tarefas e torna possível uma melhor gestão de tempo. Ademais, o cronograma criado pela equipe visa oferecer uma visão ampla do progresso do projeto, com datas de início e término definidas para cada atividade, ajudando a evitar atrasos e garantir um acompanhamento eficaz, dado que orienta e facilita o planejamento, a organização e a distribuição das atividades a serem realizadas e entregues ao longo da disciplina de  "Interação Humano Computador", ministrado pelo professor André Barros de Sales na FCTE - UnB, no período letivo de 2024.2. 
+
+
+## Metodologia 
+
+Para elaborar o cronograma das etapas de entrega do projeto, seguimos as datas estipuladas no plano de ensino fornecido pelo professor e também utilizamos como referência cronogramas dos projetos "Bilheteria Digital" e "Ventoy", feitas em semestres anteriores. Inicialmente, definimos o escopo do projeto e identificamos os objetivos de cada entrega, logo em seguida, detalhamos essas entregas em atividades e tarefas específicas, atribuindo responsabilidades a cada membro da equipe. A estimativa de duração de cada tarefa considerou os prazos de cada etapa, reservando um tempo extra sempre que possível para imprevistos. Essa metodologia permitiu não só a criação de um cronograma, mas também contribuiu para a organização eficiente do projeto ao longo do semestre.
+
+### Cronograma de entregas
+
+A Tabela 01 abaixo fornece as datas das realizações das atividades durante o semestre, cabe mencionar que este é um planejamento prévio e as datas podemo sofrer alterações no decorrer do período.
+
+<p align="center"><b>Tabela 01</b> - Cronograma de Entregas </p>
+
+
+| **Nº da entrega** | **Fase** | **Atividade** | **Data de gravação** | **Data de entrega** | **Data da apresentação** |
+|:---------------:|:------------:|:---------:|:------------------:|:----------------:|:----------------:|
+| 1 | Planejamento | Planejamento do projeto e do Processo de Design | 07/11/2024 | 12/11/2024 | 14/11/2024 |
+| 2 | Perfil do usuário | Perfil do usuário, Aspectos Éticos de Pesquisas com Pessoas e Análise de tarefas | 24/11/2024 | 26/11/2024 | 28/11/2024 |
+| 3 | Análise de requisitos | Princípios Gerais de Projeto, Metas de Usabilidade, Guia de Estilo e características da plataforma para o projeto | 01/12/2024 | 03/12/2024 | 05/12/2024 |
+| 4 | Storyboard e Análise de Tarefas | Planejamento da Avaliação do Storyboard, planejamento do relato dos resultados da avaliação do Storyboard e da Análise de Tarefas | 08/12/2024 | 10/12/2024 | 12/12/2024 |
+| 5 | Planejamento da Avaliação do Protótipo de Papel | Relato dos resultados do Storyboard e da Análise de Tarefas, Planejamento da Avaliação do Protótipo de Papel e do planejamento do relato dos resultados | 03/01/2025 | 05/01/2025 | 07/01/2025 |
+| 6.1 | Verificação dos artefatos I | Verificação e relato dos artefatos I | 12/01/2025 | 14/01/2025 | 16/01/2025 |
+| 7 | Planejamento da Avaliação do protótipo de alta fidelidade | Relato dos resultados do Protótipo de Papel, Planejamento da Avaliação do protótipo de alta fidelidade e o Planejamento do relato dos resultados da avaliação | 12/01/2025 | 14/01/2025 | 16/01/2025 |
+| 8 | Resultados da avaliação do protótipo de alta fidelidade | Relato dos resultados da avaliação do protótipo de alta fidelidade | 24/01/2025 | 26/01/2025 | 28/01/2025 |
+| 6.2 | Verificação dos artefatos II | Verificação e relato dos artefatos II | 02/02/2025 | 04/02/2025 | 06/02/2025 |
+
+<font size="3"><p style="text-align: center">Fonte: [Gabriel Santos Monteiro](https://github.com/GabrielSMonteiro).</p></font>
+
+## Projeto
+
+### Entrega 1.
+
+Abaixo, na Tabela 02, está apresentado o planejamento para a entrega 01 do projeto.
+
+<p align="center"><b>Tabela 02</b> - Entrega 1. Planejamento do projeto e do Processo de Design </p>
+
+| Atividade                                                        | Período de desenvolvimento  | Responsáveis       | Revisão   | Revisor            |
+| ---------------------------------------------------------------- | --------------------------- | ------------------ | ----------| ------------------ |
+| Definir horários de reunião                                      | Início: 22/10<br>Fim: 24/10 | Carla              | 12/11     | Davi               |
+| Configurar MkDocs                                                | Início: 22/10<br>Fim: 23/10 | Carla              | 12/11     | Gabriel Monteiro   |
+| Selecionar possíveis sites para o projeto                        | Início: 22/10<br>Fim: 25/10 | Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | Eduarda            |
+| Definir e justificar site utilizado no projeto                   | Início: 25/10<br>Fim: 28/10 | Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | João Vitor         |
+| Definir ferramentas                                              | Início: 25/10<br>Fim: 28/10 | Davi               | 12/11     | Carla             |
+| Documentar equipe                                                | Início: 31/10<br>Fim: 05/11 | Carla              | 12/11     | Eduarda           |
+| Definir quadro de disponibilidade dos membros                    | Início: 03/11<br>Fim: 11/11 | Carla              | 12/11     | Gabriel Monteiro   |
+| Definir o processo de Design do projeto                          | Início: <br>Fim:            | Davi               | 12/11     | João Vitor        |
+| Executar o planejamento do projeto                               | Início: 28/11<br>Fim: 09/11 | Davi               | 12/11     | Carla             |
+| Inserir termo de uso do site                                     | Início: 11/11<br>Fim: 12/11 | Gabriel Monteiro   | 12/11     | Eduarda           |
+| Gravação da apresentação                                         | Início: 12/11<br>Fim: 12/11 | Gabriel Monteiro, Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | Davi               |
+| Inserir cronograma                                               | Início: 05/11<br>Fim: 12/11 | Gabriel Monteiro   | 12/11     | João Vitor        |
+
+<font size="3"><p style="text-align: center">Fonte: [Gabriel Santos Monteiro](https://github.com/GabrielSMonteiro).</p></font>
+
+Na Tabela 03 abaixo é definido o que foi e o tempo utilizado para cumprir o planejado da Tabela 02.
+
+### Executado entrega 1.
+
+<p align="center"><b>Tabela 03</b> - Entrega 1. Executado do planejamento da Entrega 01 </p>
+
+| Atividade                                                        | Período de desenvolvimento  | Responsáveis       | Revisão   | Revisor            |
+| ---------------------------------------------------------------- | --------------------------- | ------------------ | ----------| ------------------ |
+| Definir horários de reunião                                      | Início: 22/10<br>Fim: 24/10 | Carla              | 12/11     | Davi               |
+| Configurar MkDocs                                                | Início: 22/10<br>Fim: 23/10 | Carla              | 12/11     | Gabriel Monteiro   |
+| Selecionar possíveis sites para o projeto                        | Início: 22/10<br>Fim: 25/10 | Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | Eduarda            |
+| Definir e justificar site utilizado no projeto                   | Início: 25/10<br>Fim: 28/10 | Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | João Vitor         |
+| Definir ferramentas                                              | Início: 25/10<br>Fim: 28/10 | Davi               | 12/11     | Carla             |
+| Documentar equipe                                                | Início: 31/10<br>Fim: 05/11 | Carla              | 12/11     | Eduarda           |
+| Definir quadro de disponibilidade dos membros                    | Início: 03/11<br>Fim: 11/11 | Carla              | 12/11     | Gabriel Monteiro   |
+| Definir o processo de Design do projeto                          | Início: <br>Fim:            | Davi               | 12/11     | João Vitor        |
+| Executar o planejamento do projeto                               | Início: 28/11<br>Fim: 09/11 | Davi               | 12/11     | Carla             |
+| Inserir termo de uso do site                                     | Início: 11/11<br>Fim: 12/11 | Gabriel Monteiro   | 12/11     | Eduarda           |
+| Gravação da apresentação                                         | Início: 12/11<br>Fim: 12/11 | Gabriel Monteiro, Carla, Eduarda, Gabriel, Davi e João Vitor | 12/11     | Davi               |
+| Inserir cronograma                                               | Início: 05/11<br>Fim: 12/11 | Gabriel Monteiro   | 12/11     | João Vitor        |
+
+<font size="3"><p style="text-align: center">Fonte: [Gabriel Santos Monteiro](https://github.com/GabrielSMonteiro).</p></font>
+
+
+## Referências Bibliográficas
+
+1. SALES, A. B. Plano de Ensino. *Interação Humano-Computador*. Distrito Federal, 2024. Disponível em: <https://aprender3.unb.br/pluginfile.php/2972625/mod_resource/content/56/Plano_de_Ensino%20FIHC%20022024%20Turma%2001%20v1.pdf>. Acesso em: 11 nov. 2024.
+
+2. BILHETERIA DIGITAL. *Interação Humano-Computador*. Distrito Federal, 2023.1. Disponível em: <https://github.com/Interacao-Humano-Computador/2023.1-BilheteriaDigital/>. Acesso em: 05 nov. 2024.
+
+3. VENTOY. *Interação Humano-Computador*. Distrito Federal, 2023.2. Disponível em: <https://github.com/Interacao-Humano-Computador/2023.2-Ventoy/blob/main/docs%2Fplanejamento%2Fcronograma.md/>. Acesso em: 05 nov. 2024.
+
+## Versões
+
+| Versão| Data      | Descrição | Autor | Revisor       |
+| :-:   | :-:       | :--       | --    | --             |
+| `1.0`   |08/11/2024 |Criação da primeira versão do cronograma | [Gabriel Santos Monteiro](https://github.com/GabrielSMonteiro)| []|
+| `1.1`   |1/11/2024 |Adicionado metodologia e planejamento|[Gabriel Santos Monteiro](https://github.com/GabrielSMonteiro)| []|
+
+
+

ihc-grupo1/docs/Desenvolvimento/ProcessoDesing.md

@@ -0,0 +1,102 @@
+# Processo de Design
+
+## Introdução
+
+O processo de design em Interação Humano-Computador (IHC) abrange três atividades que consistem em análise da situação atual, síntese e avaliação da solução. Na análise, o objetivo é explorar o problema em profundidade para, então, estruturar propostas de intervenção que promovam melhorias. Já na síntese, são avaliados os efeitos das propostas, num ciclo contínuo que envolve toda a fase de desenvolvimento, desde a concepção até o produto final.
+
+Abaixo para definição do processo de Desing, classificamos todos os métodos aprendidos por nós ao longo de ementa da disciplina até o momento da primeira entrega, para que assim o grupo possa identifcar seus valores e promover o melhor processo de desenvolvimento. 
+
+## Ciclo de Vida Simples
+
+O ciclo de vida simples é um modelo básico de design, caracterizado por ser direto, com poucas iterações e pouco detalhamento, o que o torna mais indicado para designers com experiência ou projetos de menor complexidade.
+
+<figure>
+    <img src="../../assets/images/ciclosimples.png"  style="width: 70%; height: auto; object-fit: cover;">
+    <figcaption>Figura 1: ciclo de vida simples. (Fonte: BARBOSA, Simone; DINIZ, Bruno. 2010)</figcaption>
+</figure>
+
+
+### Vantagens
+- Fácil de compreender e aplicar.
+- Adequado para projetos de menor escala.
+- Ideal para designers experientes.
+
+### Desvantagens
+- Menos aplicável a projetos mais complexos.
+- Falta de detalhamento.
+- Pode nos induzir ao erro.
+
+## Ciclo de Vida Estrela
+
+O ciclo de vida estrela traz uma estrutura semelhante ao modelo simples, porém com mais verificações. Esse modelo se destaca pelo fato de ser possível escolher por onde irá se iniciar primeiro. Entretanto esse modelo precisa passar por uma avaliação após concluir cada atividade obrigatoriamente independente do caminho. 
+
+<figure>
+    <img src="../../assets/images/estrela.png"  style="width: 70%; height: auto; object-fit: cover;">
+    <figcaption>Figura 2: ciclo de vida estrela. (Fonte: BARBOSA, Simone; DINIZ, Bruno. 2010)</figcaption>
+</figure>
+
+
+## Ciclo de Vida de Nielsen
+
+Nielsen propõe um ciclo de vida para a usabilidade, com atividades que abrangem todo o ciclo do produto, sendo muitas delas mais aplicáveis na fase inicial:
+
+- Conhecimento aprofundado dos usuários.
+- Análise competitiva, revisando produtos similares.
+- Definição clara de metas de usabilidade.
+- Desenvolvimento de designs paralelos.
+- Criação e teste de protótipos.
+- Envolvimento de usuários reais no design participativo.
+- Design coordenado de todos os elementos da interface.
+- Aplicação de diretrizes e análise heurística.
+- Design iterativo, com ajustes contínuos.
+
+## Ciclo de Vida de Mayhew
+
+O ciclo de vida proposto por Deborah Mayhew  avalia no início, as necessidades dos usuários, suas tarefas e as limitações da plataforma são analisadas. Posteriormente, nas etapas de design e avaliação, o foco é uma solução abrangente para IHC. Após a implantação, a coleta de feedback dos usuários auxilia em melhorias futuras.
+
+<figure>
+    <img src="../../assets/images/Mayhew.png"  style="width: 70%; height: auto; object-fit: cover;">
+    <figcaption>Figura 3: Ciclo de vida de Mayhew. (Fonte: BARBOSA, Simone; DINIZ, Bruno. 2010)</figcaption>
+</figure>
+
+
+### Vantagens
+- Ciclo abrangente e detalhado.
+- Indicado para equipes com menos experiência.
+- Estrutura detalhada e robusta.
+
+### Desvantagens
+- Requer maior entendimento e tempo de aprendizado (pois é um pouco complexo de se entender a primeira vista)
+
+## Escolha do grupo para o projeto
+
+Nossa equipe irá utilizar o modelo de Mayhew, por estar amplamente detalhado ao longo do projeto, evitando assdim tirar conclusões próprias e errôneas como também melhorar nossa avaliação pessoal para com as necessidades de nosso projeto. É evidenciado também em projetos passados que alunos que escolheram este processo tiveram trabalhos de maior qualidade (trabalhos usados de exemplo na matéria). 
+
+## Referência Bibliográfica
+
+[1] BARBOSA, Simone; DINIZ, Bruno. *Interação Humano-Computador*. Editora Elsevier, Rio de Janeiro, 2010.
+
+
+
+## :round_pushpin: Histórico de Versão 
+
+<div align="center">
+    <table>
+        <tr>
+            <th>Data</th>
+            <th>Versão</th>
+            <th>Descrição</th>
+            <th>Autor</th>
+            <th>Data da Revisão</th>
+            <th>Revisor</th>
+        </tr>
+        <tr>
+            <td>09/11</td>
+            <td>1.0</td>
+            <td>Criação do documento e seleção do metódo </td>
+            <td><a href="https://github.com/Jagaima">Davi Nobre</a></td>
+            <td></td>
+            <td><a</a></td>
+        </tr>
+    </table>
+</div>