deploy: htw-imi-showtime/showtime-website@6741262

index.xml

@@ -25,6 +25,15 @@
 The concept is the project foundation and was developed in collaboration and coordination with the Marc Sinan Company. An important point here was dividing the whole act into substeps to define the possible states of it.</description>
     </item>
 
+    <item>
+      <title>Features</title>
+      <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/features/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+      <guid>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/features/</guid>
+      <description>Features Visualisation through Charts Each Key existing in the documents of your collection receives their own chart window. In it, all the values of that key from the documents will be displayed in an aggregated way. Depending on the type of the key that aggregation may be in form of a pie chart, bar chart or list. That gives you a quick overview of the existing values and their occurrences.</description>
+    </item>
+
     <item>
       <title>Features</title>
       <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b4-hypnobuddy/features/</link>
@@ -551,6 +560,15 @@ Our brainstorming process As interesting as all of those ideas would have been,
 Personalized needs with various trackers Different trackers will be developed for users to set them individually according to their own preferences.</description>
     </item>
 
+    <item>
+      <title>Process</title>
+      <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/process/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+      <guid>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/process/</guid>
+      <description>Process Since our project had a lot do to with displaying data so it&amp;rsquo;s easy to understand, we first created a concept of what our application should look like in Figma. The user should be able to navigate the interface easily, without immediately being overwhelmed. To do that, we decided that the application should have a simple login interface and once logged in, the user should be presented with only the necessary options first, navigating deeper into the interface as needed.</description>
+    </item>
+
     <item>
       <title>Process</title>
       <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b7-ar-interaction-city/process/</link>
@@ -702,6 +720,15 @@ idealo decided to discontinue the Direktkauf feature, the scope was changed, so
 The process started with a brainstorming session where all potential requirements were documented. This information was then reviewed and prioritized, focusing on the most important features for both target groups.</description>
     </item>
 
+    <item>
+      <title>Tech Stack</title>
+      <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/techstack/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+
+      <guid>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/techstack/</guid>
+      <description> Communication Discord Zoom Planning Notion Figma Programming Visual Studio Code React NextJS ExpressJS GitHub Utility MongoDB Docker Image Sources https://es.logodownload.org/discord-logo/ https://es.logodownload.org/zoom-logo/ https://logos-download.com/40130-notion-app-logo-download.html https://es.logodownload.org/?s=figma https://logospng.org/logo-visual-studio-code/ https://logos-download.com/9747-react-logo-download.html https://creazilla.com/nodes/3244252-nextjs-icon https://www.mementotech.in/nodejs-development-company-rajkot.html https://logodix.com/github-resume https://www.kindpng.com/imgv/hhJbRxJ_mongodb-logo-png-transparent-png/ https://iconduck.com/icons/94225/docker-icon </description>
+    </item>
+
     <item>
       <title>Tech Stack</title>
       <link>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b2-mobile-multitouch-multiplayer/tech-stack/</link>

projects/index.html

@@ -118,6 +118,24 @@ <h3>Bachelor Project Template</h3>
         </section>
         <hr class="alternate">
 
+    <p id ="B1"></p>
+        <section class="projects-list-entry">
+            <div>
+                <span class="type">B1 Bachelor</span>
+                <a href="/tryout/ws23/bachelor/b1-peek/">
+                    <h3>Peek</h3>
+                </a>
+                <p>Tired of looking through thousands of documents to get the data you need? Well, we are here to help! With Peek you simply connect to your MongoDB database and let our interactive charts do the filtering. All query-free!</p>
+                <a href="/tryout/ws23/bachelor/b1-peek/">-> Details</a>
+            </div>
+
+
+
+
+            <img src="/tryout/ws23/bachelor/b1-peek/leaf-eye.jpeg" alt="Peek">
+        </section>
+        <hr class="alternate">
+
     <p id ="B2"></p>
         <section class="projects-list-entry">
             <div>

sitemap.xml

@@ -5,6 +5,8 @@
     <loc>https://htw-imi-showtime.github.io/tryout/ss23/master/m2-mentist/challenges/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ss21/bachelor/b4-manifesto/concept/</loc>
+  </url><url>
+    <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/features/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b4-hypnobuddy/features/</loc>
   </url><url>
@@ -113,6 +115,8 @@
     <loc>https://htw-imi-showtime.github.io/tryout/ss20/bachelor/b5-the-missing-tool-projekt/finding-ideas/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ss23/master/m2-mentist/future/</loc>
+  </url><url>
+    <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/process/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b7-ar-interaction-city/process/</loc>
   </url><url>
@@ -145,6 +149,8 @@
     <loc>https://htw-imi-showtime.github.io/tryout/ws22/bachelor/b6-book-reading-club-applikation/process/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws22/master/m7-valit/process/</loc>
+  </url><url>
+    <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/techstack/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b2-mobile-multitouch-multiplayer/tech-stack/</loc>
   </url><url>
@@ -701,6 +707,8 @@
     <loc>https://htw-imi-showtime.github.io/tryout/ss21/master/m6-migrate-the-imimap-to-mevn/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b2-mobile-multitouch-multiplayer/</loc>
+  </url><url>
+    <loc>https://htw-imi-showtime.github.io/tryout/ws23/bachelor/b1-peek/</loc>
   </url><url>
     <loc>https://htw-imi-showtime.github.io/tryout/ws21/bachelor/b5-penny-pincher/</loc>
   </url><url>

ws23/bachelor/b1-peek/features/index.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr"><meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+<meta charset="UTF-8">
+
+<link rel="stylesheet" href="/tryout/css/style.min.4debd73aa52c1458db6b6e05ccd12ed47d41633e3a00235906f58d77eaa41a30.css" integrity="sha256-TevXOqUsFFjba24FzNEu1H1BYz46ACNZBvWNd&#43;qkGjA=" crossorigin="anonymous">
+
+
+<script src=https://htw-imi-showtime.github.io/tryout/js/title-animate.js charset="utf-8"></script>
+<script src=https://htw-imi-showtime.github.io/tryout/js/semester-select.js charset="utf-8"></script>
+<script src=https://htw-imi-showtime.github.io/tryout/js/secret.js charset="utf-8"></script>
+<title>IMI Showtime - HTW Berlin</title>
+<body>
+<nav class="background bachelor">
+    <a href="https://htw-imi-showtime.github.io/tryout/" class="animate-trigger"><strong>IMI<span class="light">×</span><span class="animate">ST</span></strong> <span class="light">
+
+
+
+
+
+
+
+        23/24
+
+
+</span></a>
+
+    <div class = "warn">Preview Site! 
+        (with drafts)
+      <div class = "warn small">Production Site: <a href="https://showtime.f4.htw-berlin.de/">https://showtime.f4.htw-berlin.de/</a></div>
+    </div>  
+
+    <ul>
+        <li><a href="https://htw-imi-showtime.github.io/tryout/projects">Projects</a></li>
+        <li><a href="https://htw-imi-showtime.github.io/tryout/schedule">Schedule</a></li>
+        <li><a href="https://htw-imi-showtime.github.io/tryout/dates">Dates</a></li>
+
+
+
+
+
+
+        <li><a href="/tryout/ss23">Archive</a></li>
+        <li><a href="https://htw-imi-showtime.github.io/tryout/contact">Contact</a></li>
+   </ul>
+</nav>
+
+    <div class="background bachelor">
+        <header class="project-header">
+            <h1>
+                <span class="type">B1 Bachelor</span>
+                Peek
+                <span class="underscore-spacer"> </span>
+            </h1>
+            <section style="text-align: right;">
+                <div class="spacer"></div>
+
+                    <h4>Team</h4>
+                    <ul>
+
+                            <li>Alexej Bormatenkow</li>
+
+                            <li>Marlin Pohl</li>
+
+                            <li>Leif Rehtanz</li>
+
+                            <li>Tobias Bayer</li>
+
+                            <li>Laura Bärtschi</li>
+
+                            <li>Matthis Ehrhardt</li>
+
+                    </ul>
+
+
+                    <h4>Supervision</h4>
+                    Prof. Dr.-Ing. David Strippgen
+
+            </section>
+        </header>
+    </div>
+    <div class="project-menu desktop-menu background bachelor">
+        <ul>
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/">Overview</a></li>
+
+            <li class="active"><a href="/tryout/ws23/bachelor/b1-peek/features/">Features</a></li>
+
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/process/">Process</a></li>
+
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/techstack/">Tech Stack</a></li>
+
+        </ul>
+    </div>
+    <div class="project-menu mobile-menu background bachelor">
+        <ul>
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/">Overview</a></li>
+
+            <li class="active"><a href="/tryout/ws23/bachelor/b1-peek/features/">Features</a></li>
+
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/process/">Process</a></li>
+
+            <li ><a href="/tryout/ws23/bachelor/b1-peek/techstack/">Tech Stack</a></li>
+
+        </ul>
+        <input type="checkbox" id="project-menu-button">
+        <label for="project-menu-button">
+            <span></span>
+        </label>
+        <div class="dropdown-menu">
+            <ul>
+
+            </ul>
+        </div>
+    </div>
+    <main class="project">
+
+        <section>
+    <h3>
+
+            Features
+
+    </h3>
+    <div class="spacer"></div>
+    <div class="content">
+        <ul>
+<li><strong>Visualisation through Charts</strong></li>
+</ul>
+<p>Each Key existing in the documents of your collection receives their own chart window. In it, all the values of that key from the documents will be displayed in an aggregated way. Depending on the type of the key that aggregation may be in form of a pie chart, bar chart or list. That gives you a quick overview of the existing values and their occurrences.</p>
+<ul>
+<li><strong>Interaction with Charts</strong></li>
+</ul>
+<p>The charts are not only there to display the values but you can also interact with them. By selecting or deselecting values you can filter your data and have these changes shown in your charts in real time. This way you can easily get the data you need and get immediate visual feedback on what each click actually does to your data set.</p>
+<ul>
+<li><strong>Schema Chart</strong></li>
+</ul>
+<p>Each existing key of the selected collection gets displayed in the schema chart. Next to it you can see which percentage of the documents include that key and therefore follow the schema. If a key is a nested document or object array you can unfold it to see its keys. By clicking on the keys&rsquo; eye-icons you can make their chart window visible.</p>
+<ul>
+<li><strong>Query Builder</strong></li>
+</ul>
+<p>The user is able to get an automatically generated query corresponding to the data changes.</p>
+
+    </div>
+</section>
+
+
+    </main>
+<footer>
+    <section>
+        <a href="https://htw-imi-showtime.github.io/tryout/" class="animate-trigger"><strong>IMI<span class="light">⨯</span><span class="animate">ST</span></strong> 
+
+
+
+
+
+
+
+        23/24
+
+
+</a>
+        <ul>
+            <li><a href="https://htw-imi-showtime.github.io/tryout/contact">Contact</a></li>
+            <li><a href="https://htw-imi-showtime.github.io/tryout/privacy-policy">Privacy Policy</a></li>
+            <li><a href="https://htw-imi-showtime.github.io/tryout/imprint">Imprint</a></li>
+        </ul>
+    </section>
+    <img src="https://htw-imi-showtime.github.io/tryout/img/htw-logo.png" alt="HTW Logo">
+</footer>
+</body>
+</html>