M3 Cognicity webpage - final version (htw-imi-showtime#392)

* update main page and add process page

* adjust text of claim

* refactor website texts

* add team pictures

* add the rest of the team pictures

* fix typos

* remove unused pictures

* fix file naming convention check failing

* reduce picture size

content/ss24/master/m3-cognicity/_index.md

@@ -0,0 +1,62 @@
++++
+project_id = "M3"
+title = "CogniCity"
+subtitle = "A Serious Game Suite to help enhance cognitive abilities"
+claim = "Seeing your cognitive skills fade away can be frustrating. Wouldn't it be awesome if you could train them in a fun and engaging way while also keeping track of your progress at the same time? Well, looks like it's time to move to CogniCity then!"
+abstract = ""
+
+# Properties for displaying the project in the project list
+card_image = "logo_cognicity.png"
+# card_description is deprecated, will be replaced by abstract/and or claim
+card_description = "Seeing your cognitive skills fade away can be frustrating. Wouldn't it be awesome if you could train them in a fun and engaging way while also keeping track of your progress at the same time? Well, looks like it's time to move to CogniCity then!" 
+
+# Names are optional, team size is sufficient
+team = ["Alexander Schimanko", "Anton Schöps","Eve Schütze", "Justin Pallas", "Pauline Röhr"]
+supervisor = "David Koschnick"
+draft = false
+
+website_link = ""
+source_link = ""
+
+tags = []
+categories = ["External Stakeholder"]
+study_focus = ['Game Technology']
++++
+
+<!-- Entweder ein Zitat einfügen, etwas aus dem Spiel oder weglassen--> 
+<!-- {{<image src="Platzhalter.png" alt="Platzhalter">}}-->  
+
+{{<section title="The Problem">}}
+How good our **cognitive abilities** are has a **significant impact** on how good we perceive our own **life quality**.<sup>1</sup> 
+
+Unfortunately some health conditions and their treatments can lead to a **decline in these abilities**. For example, imagine a teenager who has to spend a lot of time in the hospital due to a **chronic illness** and is unable to attend school regularly. Or a young adult who suffers from a heart disease and has to take regular **medication which can affect their cognitive abilities**. 
+
+To fight the potential decline in those abilities, it is important to **train them regularly**. However, the training should be **fun and engaging** to keep the motivation high. This is where **CogniCity** comes in: a **game suite** that provides **interactive and adaptive minigames** to help improve cognitive abilities in a fun and engaging way.
+
+Source: <sup>1</sup>: [Charité - Universitätsmedizin Berlin, "Lebensqualität und Gesundheit - Subjektive Perspektiven von selbstauskunftsfähigen Pflegeheimbewohnern - eine qualitative Studie", 2014](https://econtent.hogrefe.com/doi/pdf/10.1024/1012-5302/a000390)
+{{</section>}}
+
+{{<section title="The Solution">}}
+Embedded in a research project of the **Freie Universität Berlin**, we aim to develop a **game suite** that is specifically designed to support individuals who are **in danger of cognitive decline** due to health conditions or their treatments. Our goal is to provide a **fun and engaging** way to train cognitive abilities, while also keeping track of the progress made. **CogniCity** provides a **variety of minigames** that can be used to train different cognitive abilities, such as **logical thinking**, **working memory** or **spatial thinking**.
+{{</section>}}
+
+{{<section title="The team">}}
+While the core of the team consists of five HTW students, experts at the **Freie Universität Berlin** supported the project by answering our **psychological and mathematical questions**. This way we were able to create a **scientifically based solution**. 
+
+To make use of the different skill sets in our group, we split the work into three categories:
+
+- Game Design & UI/UX
+- Game Development
+- Backend Development
+
+We used an **agile workflow** and assigned new tasks **dynamically** to ensure an **efficient development process**. 
+{{</section>}}
+
+{{<gallery>}}
+{{<team-member image="alex.jpg" name="Alexander Schimanko">}}
+{{<team-member image="anton.jpg" name="Anton Schöps">}}
+{{<team-member image="eve.jpg" name="Eve Schütze">}}
+{{<team-member image="justin.jpg" name="Justin Pallas">}}
+{{<team-member image="pauline.jpg" name="Pauline Röhr">}}
+{{</gallery>}}
+

content/ss24/master/m3-cognicity/process.md

@@ -0,0 +1,33 @@
++++
+title = "Process"
+weight = 10
+draft = false
++++
+
+{{<section title ="Research" >}} 
+As the very first step of our research, we read studies and articles on the topic of **cognitive skills** and how they can be tested to get an idea of what cognitive skills there are and how they could be measured. We also performed a **market analysis** to see what existing games with a similar focus are out there and what we could learn from them.
+Simultaneously, we already collected ideas for **possible minigames** we could implement to help **enhance specific cognitive skills** and researched possibilities to **motivate our users to keep training**. To collect and review the results of our research in a single space, we gathered our findings in a miro board.
+To finalize our research, we conducted an **expert interview with a psychologist from Freie Universität Berlin**. This way, we could ensure our solution will actually make sense from a **psychological perspective**. Basing our game suite on **actual scientific findings** is what differentiates our project from other similar games.
+{{</section>}}
+
+{{<image src="research_miro.jpg" alt="Research on Miro board" caption="Parts of our Research on the Miro Board">}}
+
+{{<section title ="Concept" >}} 
+After we had done all the research and collected all the ideas, we started to work on the **concept of our game suite**. During this process, we looked at different possibilities on **which tech stack** we should use and for **what platform** we should build the project. Considering that the game suite **should be available for everyone** while making it as easy as possible for patients to get started, we decided on aiming for **mobile devices** like tablets and smartphones. Due to our previous experience with the engine, we ultimately decided to develop the game with the **open-source Godot Engine**.
+During the concept phase we also picked which minigames we want to implement and started planning the game world and the overall design of the game using a **mood board** and **user stories**.
+We divided the cognitive skills into **five categories** (Logical Thinking, Working Memory, Spatial Thinking, Attention and Reaction Speed) and decided that our **minimum viable product** should include at least one minigame for each category.
+{{</section>}}
+
+{{<image src="concept_miro.jpg" alt="Game Concept on Miro board" caption="Parts of our game concept on the Miro Board">}}
+
+{{<section title ="Design" >}} 
+While already developing the first minigames and setting up the backend, we started creating the designs. It was important to us that our game suite would be appealing for our **target group**: Adolescents and young adults between the ages of 13 and 30 who either suffer from chronic physical illnesses and spend a lot of time in hospital, or who are at risk of suffering cognitive impairment. 
+
+To achieve this, we decided to go with a clean and simple design that feels **warm and welcoming**. We also wanted to make sure that the design is **colorful and engaging** to keep the users motivated to keep training. We also made sure to use a **warm and friendly color palette** to make the users feel welcome and comfortable.
+{{</section>}}
+
+{{<image src="design_figma.jpg" alt="Design on Figma board" caption="Draft of the design elements of our game">}}
+
+{{<section title ="Implementation" >}}
+After we had finished the concept and design phase, we started implementing the game suite. To coordinate and keep track of our work, we used the **Kanban board** we created right at the beginning of the project. This way, everyone could see what the others were working on and what still needed to be done. We also had **regular meetings** to discuss the progress and to help each other with problems we encountered.
+{{</section>}}