Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Hand in Project 1 #66

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Hand in Project 1 #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
4af81cf
Add Projects
miranicad Oct 7, 2023
74c9d1c
Update and Style website
miranicad Oct 28, 2023
419a501
Update and Style website
miranicad Nov 11, 2023
6745ce9
Update and Style website
miranicad Nov 18, 2023
6f043c9
Update and Style website
miranicad Nov 18, 2023
08688e9
Update and Style website
miranicad Nov 18, 2023
7f73ff6
Update and Style website
miranicad Nov 18, 2023
4bedd1f
Update and Style website
miranicad Nov 18, 2023
9d4c35c
Update and Style website
miranicad Nov 18, 2023
d90fac6
Update README.md
miranicad Nov 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Project Name
# Portfolio Website

Replace this readme with your own information about your project.

Expand Down
37 changes: 37 additions & 0 deletions code/Projects/EatNRun.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>EatNRun</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>EatNRun 🎮</h1>
<p>Ein Projekt das während dem 1. Semesters meines Informatikstudiums zustandegkommen ist.</p>
<p class="unterTextInQuestrial">Im Rahmen meines ersten Semesters habe ich ein aufregendes und anspruchsvolles
"Eat N Run" Spiel in Java entwickelt. Das Spiel kombiniert geschicktes Navigieren, strategisches Denken und
schnelle Reaktionen, um eine unterhaltsame Spielerfahrung zu bieten.
</p>
<p class="unterTextInQuestrial"> Ein kleiner Klexx muss das Ziel erreichen ohne von den Feinden gegessen zu
werden. Auf dem Weg gilt es möglichst viele Kuchen zu essen und den Hindernissen auszuweichen. </p>

<h2>Angewendete Skills</h2>
<div class="aufZählung">
<p>• Programmieren in Java</p>
<p>• Lesen von UML Diagrammen</p>
<p>• Verstehen der Spiellogik</p>
</div>


<p>Klick hier um die Projektdokumentation anzuschauen 🔽</p>
</div>

</div>

</body>
</html>
41 changes: 41 additions & 0 deletions code/Projects/drone.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>AeroStep</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>AeroStep 💺</h1>
<p>Dieses Projekt zog sich über 2 Semester</p>
<p class="unterTextInQuestrial">Das AeroStep-Projekt entstand aus der Vision, die Welt der Laufanalyse durch den
Einsatz fortschrittlicher Drohnentechnologie zu revolutionieren. Unser Ziel ist es, Athleten, insbesondere
im Bereich der Physiotherapie und Sportmedizin, eine präzise und umfassende Analyse ihrer Lauftechnik zu
bieten. Durch die Fusion von Innovation, Gesundheit und Technologie streben wir danach, individuelle
Bewegungsmuster zu verstehen und personalisierte Lösungen für die Optimierung von Laufperformance und
-gesundheit zu entwickeln. Im zweiten Semester haben wir ein Drohneninterface inklusive Gesichtserkennung
entwickelt. Derzeit arbeiten wir an der Programmierung der dazugehörigen Webseite.
</p>
<h2>Angewendete Skills</h2>
<div class="aufZählung">
<p>• Features definieren und priorisieren</p>
<p>• Retrospektive</p>
<p>• Erstellen von Wireframes</p>
<p>• Prototyping</p>
<p>• Programming in Java, HTML und CSS</p>
<p>• Figma</p>
</div>


<p>UNDER CONSTRUCTION, COMMING SOON👷🏽‍♀️</p>
</div>

</div>

</body>
</html>
32 changes: 32 additions & 0 deletions code/Projects/goldtube.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Goldtube</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>Goldtube 📺</h1>
<p>Ein Projekt das während dem 1. Semesters meines Informatikstudiums zustandegkommen ist.</p>
<p class="unterTextInQuestrial">In unserer zunehmend digitalisierten Welt ist der Zugang zu Unterhaltung und
Information entscheidend. Doch viele Senior:innen stehen vor Herausforderungen bei der Nutzung von
Streamingdiensten, die für die jüngere Generation selbstverständlich sind. Um diesen Bedarf anzusprechen und
die soziale Vernetzung zu fördern, präsentieren wir stolz das Projekt "Goldtube". </p>
<p class="unterTextInQuestrial">Das Goldtube-Projekt zielt darauf ab, Senior:innen den Zugang zu
Streamingdiensten zu erleichtern und das
gemeinsame Streaming von Filmen und Serien zu fördern. Wir erkennen die Wichtigkeit sozialer Interaktion und
gemeinsamer Aktivitäten für das Wohlbefinden älterer Menschen an und wollen durch eine benutzerfreundliche
mobile App eine Brücke zwischen der älteren Generation und der digitalen Unterhaltungswelt schlagen.</p>

<p>Klick hier um die Projektdokumentation anzuschauen 🔽</p>
</div>

</div>

</body>
</html>
57 changes: 57 additions & 0 deletions code/Projects/kitchener.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Kitchener</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>Kitchener 🍃</h1>
<p>Ein Projekt das während dem 2. Semesters meines Informatikstudiums zustandegkommen ist.</p>
<p class="unterTextInQuestrial">Die zunehmende Bedeutung von Nachhaltigkeit und Umweltbewusstsein hat auch einen
grossen Einfluss auf die Welt des E-Commerce. Immer mehr Kundinnen und Kunden sind daran interessiert,
umweltfreundlich und nachhaltig einzukaufen. Aus diesem Grund ist es für E-Shops wichtig, ihre Produkte
entsprechend zu kennzeichnen und die Kunden über die Nachhaltigkeit ihres Angebots zu informieren.

</p>
<p class="unterTextInQuestrial"> Unser Projekt zielt darauf ab, die Nachhaltigkeit im Kitchener Shop durch die
Implementierung des
Karma-Climber zu verbessern. Der Karma-Climber ist ein Feature, das Kunden auf einfache Weise darüber
informiert, wie umweltfreundlich das jeweilige Produkt ist. Damit können Kunden schnell und einfach Produkte
identifizieren, die ihren Nachhaltigkeitsanforderungen entsprechen. </p>

<p class="unterTextInQuestrial">Im Rahmen von Übung 2 haben wir die Aufgabe erhalten, unseren Low-Fi-Prototyp in
einen High-Fi-Prototyp umzuwandeln. Hierfür haben wir uns in zwei Teams aufgeteilt und an unterschiedlichen
Designs gearbeitet. Zunächst haben wir jeweils ein Moodboard erstellt, eines mit einem simplen und eines mit
einem auffälligen Design. Anschliessend haben wir den Low-Fi-Prototyp weiterentwickelt und die Designs der
Moodboards umgesetzt. Um die Benutzerfreundlichkeit zu verbessern, haben wir die Prototypen im Hallway
Testing getestet. Dabei sind wir jedoch zu dem Schluss gekommen, dass beide Varianten immer noch zu
auffällig und verwirrend waren. Aus diesem Grund haben wir uns dafür entschieden, wieder zurück in Richtung
des Designs des Low-Fi-Prototyps zu gehen. Wir haben den finalen High-Fi-Prototyp reduziert und vereinfacht,
um eine einheitlichere Gestaltung im Kitchener Design zu erzielen. Zudem haben wir die Infoseite erneut
überarbeitet und den letzten Schliff verliehen. Das vorliegende Dokument fasst alle Elemente der Übung 2
zusammen</p>

<h2>Angewendete Skills</h2>
<div class="aufZählung">
<p>• Primäre und Sekundäre Research </p>
<p>• Skribbles</p>
<p>• Erstellung von Lo-fi und Hi-fi Prototypen</p>
<p>• Figma</p>
<p>• Hallwaytesting</p>
</div>

<a href="https://www.figma.com/proto/ZgfFlwEfwuA7RIOcvDlNuO/Kitchener?page-id=551%3A15858&type=design&node-id=672-27255&viewport=1020%2C427%2C0.02&scaling=scale-down&starting-point-node-id=672%3A27255"
target="_blank">
Interaktiver Prototyp entdecken 👀</a>
</div>

</div>

</body>
</html>
35 changes: 35 additions & 0 deletions code/Projects/museumsApp.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>MuseumsApp</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>MuseumsApp 📱</h1>
<p>Ein Projekt das während dem 3. Semesters meines Informatikstudiums zustandegkommen ist.</p>
<p class="unterTextInQuestrial">Das Cartoonmuseum in Basel präsentiert vielfältige Ausstellungen renommierter
Cartoon-Künstler. Um die Besuchererfahrung zu verbessern und den interaktiven Austausch zu
fördern, wird eine innovative Museumsapp entwickelt. Diese App soll nicht nur informative Elemente bieten,
sondern auch dazu beitragen, die aktuellen Herausforderungen des Museums zu bewältigen.</p>

<h2>Angewendete Skills</h2>
<div class="aufZählung">
<p>• Primäre und Sekundäre Research </p>
<p>• Anwendung Design Thinking Methoden</p>
<p>• Figma</p>
<p>• Erstellen von Wireframes</p>
<p>• Prototyping</p>
</div>
<p>UNDER CONSTRUCTION, COMMING SOON👷🏽‍♀️</p>
</div>

</div>

</body>
</html>
53 changes: 53 additions & 0 deletions code/Projects/reUse.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>ReUse</title>
<link rel="stylesheet" type="text/css" href="../style.css"/>

</head>
<body>
<div class="intro">
<div class="welcome">
<a href="../projects.html"><p>< Projekte</p></a>
<h1>ReUse 🥗</h1>
<p>Ein Projekt welches im Modul Requirements Engineering in meinem ersten Semester im Team erarbeitet
wurde. </p>
<p class="unterTextInQuestrial">Im Jahr 2019 wurden allein in der Schweiz 2,8 Millionen Lebensmittel
verschwendet. Das bedeutet, dass jede Person 330 Kilogramm verschwendet, was ¼ der gesamten
Treibhausgasproduktion der Schweiz entspricht. 13,3 % der weltweit geernteten Lebensmittel schaffen es nicht
in die Verkaufsregale. Sie gehen bei der Ernte, beim Transport, bei der Lagerung oder bei der Verarbeitung
verloren. Weitere 17% der Lebensmittel werden auf der Ebene der Verbraucher verschwendet.
</p>
<p class="unterTextInQuestrial">Die Idee für ReUse entstand während der ersten Vorlesungen des Moduls
Requirements Engineering, inspiriert
von den 17 Zielen für nachhaltige Entwicklung. Verschiedene Methoden und Brainstorming-Aktivitäten führten
die Gruppe dazu, zwei verschiedene Projektoptionen auszuwählen. Die erste Option war eine Begleit-App, die
Dienste wie digitale Begleitung für Freunde oder Familie, Kommunikation mit App-Mitarbeitern und das
Auslösen eines Notrufs für Studenten auf ihrem nächtlichen Heimweg bietet. Die zweite Option war ReUse: Eine
App, die ihren Nutzern täglich Tipps für das Recycling und die Wiederverwendung von Essensresten gibt und
einen Datenfeed mit allen gesammelten Tipps und Tricks, sortiert nach verschiedenen Kategorien,
bereitstellt. Das Team entschied sich für ReUse, weil es eine bestehende Idee aufgreift und sie mit einem
neuen Ansatz in Form einer App auf den Markt bringt. Ein weiterer Grund ist die Klimakrise und die
Dringlichkeit für die Menschen, nicht nachhaltige Gewohnheiten in ihren täglichen Aktivitäten zu ändern, um
sie nachhaltiger zu gestalten. Ein letzter Entscheidungspunkt war das Feedback und die Diskussionen mit
anderen Studenten in der Klasse, die dazu beitrugen, die Idee für ReUse zu verfeinern und ein gutes Feedback
über die positiven Auswirkungen und den Erfolg der Anwendung zu geben.</>

<h2>Angewendete Skills</h2>
<div class="aufZählung">
<p>• Primäre und Sekundäre Research </p>
<p>• Features definieren und priorisieren</p>
<p>• Zieldefinition</p>
<p>• Definieren von Use Cases</p>
<p>• UML Diagrams</p>
</div>

<p>Klick hier um die Projektdokumentation anzuschauen 🔽</p>
</div>

</div>

</body>
</html>
64 changes: 64 additions & 0 deletions code/contactme.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<a id="top"></a>
<div class="navigationLink">
<div class="navElement">
<a id="nav1" class="navigationLink" href="./index.html">Home</a>
</div>
<div class="navElement">
<a id="nav2" class="navigationLink" href="./projects.html">Projekte</a>
</div>
<div class="navElement">
<a id="nav3" class="navigationLink" href="./contactme.html">Contact</a>
</div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rozha+One&display=swap" rel="stylesheet">
</div>
<title>Contact me</title>
</head>
<body>
<div class="intro">
<div class="welcome">
<div class="contactmeTitleAndLead">
<h1>Let's get in touch! 💌</h1>
<p>
I love to meet new people so let's connect! Write me an email or add
me on LinkedIn.
</p>
</div>

<h3>Contact me</h3>
<form class="contactForm" netlify name="ContactForm">
<div class="contactFormFields">
<label class="Eintrag">
<div>Name</div>
<input type="text" name="name" id="name"/>
</label>
<label class="Eintrag">
<div> E-Mail</div>
<input type="email" name="email" id="email"/>
</label>
<label class="Eintrag">
<div>Nachricht</div>
<textarea name="message" id="message" rows="5"></textarea>
</label>
<div class="Eintrag">
<button class="sentButton" type="submit">Senden</button>
</div>
</div>
</form>
<div class="linkedIN Logo">
<a href="https://www.linkedin.com/in/tamira-leber-6a2101183/" target="_blank"><img src="./img/LI-In-Bug.png"
alt="LinkedIn Logo"/></a>

</div>
</div>
</div>
</body>
<a href="#top" class="top">Back to top🔼</a>
</html>
Binary file removed code/example-recipe-background.png
View file
Open in desktop
Binary file not shown.
Binary file added code/img/Drone.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/E-Commerce.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/EatNRun.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/GoldTube.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/IMG_8272.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/LI-In-Bug.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/Museum 2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/Museum1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/ReUse.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/Seniorin macht Foto.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/Tamira.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/cat on the moon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions code/img/grain.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions code/img/noise.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added code/img/zbynek-burival-8iZG31eXkks-unsplash.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading