Dies ist das Repository meines kleinen Portfolios.
Im Hintergrund läuft eine Planetensimulation, geschrieben in JavaScript und Three.js.
Die zu sehenden Texturen stammen von:
https://www.solarsystemscope.com/textures/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
4.2 KiB
62 lines
4.2 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<link href="https://fonts.googleapis.com/css?family=Orbitron&display=swap" rel="stylesheet"> |
|
<base href="/website/"> |
|
<meta charset="UTF-8"> |
|
<link rel="stylesheet" href="style.css"> |
|
<title>Portfolio</title> |
|
<script type="module" src="main.js"></script> |
|
</head> |
|
<body> |
|
<div class="content-layer"> |
|
<div class="menu"> |
|
<button type="button" id="steuerungOrbitalButton">UI Ausblenden</button> |
|
<a href="https://www.solarsystemscope.com/textures/">Texturen von https://www.solarsystemscope.com/textures/</a> |
|
</div> |
|
<div class="portfoliobackground"> |
|
<div class="card"> |
|
<h1>Freimaurer App</h1> |
|
<p>Die Freimaurer App Niedersachsen & Sachsen-Anhalt ist eine mobile Anwendung, die in Flutter entwickelt wurde. Sie bietet umfangreiche Informationen über die Freimaurerbruderschaft und deren Aktivitäten in Niedersachsen und Sachsen-Anhalt. Die App enthält einen Terminkalender, Informationsmaterial, einen Podcast, eine Videoreihe, die Freimaurerzeitschrift "Orientexpress", ein Logenverzeichnis sowie eine Kontaktmöglichkeit. Diese Anwendung dient als Informationsquelle und Kommunikationsplattform für Interessierte und Mitglieder der Freimaurerbruderschaft.</p> |
|
</div> |
|
<div class="card"> |
|
<h1>Perlin Noise</h1> |
|
<p>Ich habe eine kleine Simulation geschrieben, bei der ein Schiff durch eine Inselkette navigiert. |
|
Dabei werden sowohl der Dijkstra-Algorithmus als auch der Perlin-Noise-Algorithmus verwendet. |
|
Der Dijkstra-Algorithmus wird verwendet, um den kürzesten Weg zwischen den Inseln zu finden, während der Perlin-Noise-Algorithmus verwendet wird, um die Inselketten zu generieren.</p> |
|
</div> |
|
<div class="card"> |
|
<h1>Bachelorarbeit</h1> |
|
<p>Datenschutzerklärungen werden selten gelesen. Die Gründe hierfür |
|
lassen sich auf zwei Probleme zurückführen. Einerseits enthalten |
|
Datenschutzerklärungen viele Informationen, was einen Nutzer ohne |
|
technische Vorkenntnis überfordern kann (Information Overkill). |
|
Andererseits sind die Informationen für den Nutzer abstrakt und die |
|
negativen Folgen technischer Art kaum spürbar (mangelnde Fühlbarkeit). In |
|
der Folge ignoriert der Nutzer die Datenschutzerklärung oftmals und nimmt |
|
Schäden an seiner Privatsphäre in Kauf. Zur Lösung dieser Problematik |
|
wird in dieser Arbeit ein Tool entwickelt und implementiert, welches eine |
|
Datenschutzerklärung prägnant und anschaulich mittels Piktogrammen |
|
benutzerfreundlich zusammenfasst. |
|
Als besonderer Vorteil wird dem Nutzer eine Hilfestellung angeboten, welche |
|
bei Bedarf den Nutzer durch einen einfachen Klick an die entsprechende |
|
Stelle der Datenschutzerklärung leitet, die weitere Informationen enthält. |
|
Das Tool trägt den Namen Privacy Check. Der Privacy Check benutzt |
|
Techniken aus dem Natural Language Processing und Information Retrieval, |
|
um eine Zusammenfassung aus einer Datenschutzerklärung zu generieren. |
|
Diese Techniken werden mit Python und spaCy umgesetzt. Da Python und |
|
spaCy nicht auf jedem Rechner vorhanden sind, wird der Privacy Check von |
|
einem Server unterstützt. Der Privacy Check selbst ist eine Webextension |
|
und kann in einen Browser geladen werden. Während der Entwicklung des |
|
Privacy Checks zeigen sich Probleme, welche am Ende der Arbeit diskutiert |
|
werden.</p> |
|
<a href="https://www.pi.uni-hannover.de/fileadmin/pi/se/Stud-Arbeiten/2021/BA-Thomczik2021.pdf">Link zur Bachelorarbeit</a> |
|
<div class="video-container"> |
|
<video src="demo.mp4" width="320" height="240" controls></video> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<canvas id="bg"></canvas> |
|
</body> |
|
</html>
|
|
|