<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Beiträge von Robin Backnecht - Mobile USTP MKL</title>
	<atom:link href="https://mobile.fhstp.ac.at/author/it231507/feed/" rel="self" type="application/rss+xml" />
	<link>https://mobile.fhstp.ac.at/author/it231507/</link>
	<description>Die &#34;Mobile Forschungsgruppe&#34; der USTP, sie  sammelt hier alles zu den Themen Design, UX und Entwicklung mobiler Applikationen</description>
	<lastBuildDate>Sat, 11 Oct 2025 09:48:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://mobile.fhstp.ac.at/wp-content/uploads/2025/03/icon-120x120.webp</url>
	<title>Beiträge von Robin Backnecht - Mobile USTP MKL</title>
	<link>https://mobile.fhstp.ac.at/author/it231507/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Projekt &#124; Go-Do-Something (die Todo-Liste mit Go)</title>
		<link>https://mobile.fhstp.ac.at/allgemein/projekt-go-do-something-die-todo-liste-mit-go/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Thu, 06 Mar 2025 10:20:03 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=13970</guid>

					<description><![CDATA[<p>Im Rahmen des Wintersemesters 2024 wurde eine Webanwendung namens Go-Do-Something entwickelt. Ziel der Anwendung ist die Verwaltung von To-Do-Listen, bei denen verschiedene Listen erstellt und in diesen Listen Aufgaben hinzufügt werden können. Eine Aufgabe besteht aus einem Titel, zusätzlichen Informationen, einer Deadline sowie einem Status, der angibt, ob die Aufgabe bereits erledigt wurde oder nicht. <a class="read-more" href="https://mobile.fhstp.ac.at/allgemein/projekt-go-do-something-die-todo-liste-mit-go/">[...]</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-go-do-something-die-todo-liste-mit-go/">Projekt | Go-Do-Something (die Todo-Liste mit Go)</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Im Rahmen des Wintersemesters 2024 wurde eine Webanwendung namens <strong>Go-Do-Something</strong> entwickelt. Ziel der Anwendung ist die Verwaltung von To-Do-Listen, bei denen verschiedene Listen erstellt und in diesen Listen Aufgaben hinzufügt werden können. Eine Aufgabe besteht aus einem Titel, zusätzlichen Informationen, einer Deadline sowie einem Status, der angibt, ob die Aufgabe bereits erledigt wurde oder nicht.</p>



<nav class="wp-block-table-of-contents"><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#funktionalitaten">Funktionalitäten</a><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#listen-verwalten">Listen verwalten</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#aufgaben-verwalten">Aufgaben verwalten</a></li></ol></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#eingesetzte-technologien">Eingesetzte Technologien</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#herausforderungen">Herausforderungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#learnings">Learnings</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#zukunftige-erweiterungen">Zukünftige Erweiterungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-go-do-something-die-todo-liste-mit-go/#fazit">Fazit</a></li></ol></nav>



<h2 class="wp-block-heading" id="funktionalitaten">Funktionalitäten</h2>



<h3 class="wp-block-heading" id="listen-verwalten">Listen verwalten</h3>



<p>Es können beliebig viele Listen erstellt werden, um ihre Aufgaben besser zu strukturieren. Jede Liste kann individuell benannt werden.</p>



<div class="wp-block-media-text is-stacked-on-mobile" style="grid-template-columns:24% auto"><figure class="wp-block-media-text__media"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2025/03/Liste.mp4"></video></figure><div class="wp-block-media-text__content">
<p></p>
</div></div>



<h3 class="wp-block-heading" id="aufgaben-verwalten">Aufgaben verwalten</h3>



<p>Innerhalb einer Liste lassen sich Aufgaben mit folgenden Attributen hinzufügen:</p>



<ul class="wp-block-list">
<li>Titel</li>



<li>Beschreibung</li>



<li>Deadline</li>



<li>Status (erledigt oder nicht erledigt)</li>
</ul>



<p>Aufgaben können jederzeit bearbeitet werden. Sowohl der Titel, die Beschreibung, als auch der Status und die Deadline lassen sich anpassen.</p>



<p>Erledigte oder nicht mehr benötigte Aufgaben können aus der Liste entfernt werden.</p>



<div class="wp-block-media-text is-stacked-on-mobile" style="grid-template-columns:24% auto"><figure class="wp-block-media-text__media"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2025/03/Aufgaben.mp4"></video></figure><div class="wp-block-media-text__content">
<p></p>
</div></div>



<h2 class="wp-block-heading" id="eingesetzte-technologien">Eingesetzte Technologien</h2>



<p>Für die Umsetzung des Projekts wurden folgende Technologien und Tools verwendet:</p>



<ul class="wp-block-list">
<li><strong>Backend:</strong> Go (Programmiersprache) mit der Entwicklungsumgebung <strong>JetBrains GoLand</strong></li>



<li><strong>Frontend:</strong> React mit TypeScript, Vite und TailwindCSS</li>



<li><strong>UI-Komponenten:</strong> HeadlessUI</li>



<li><strong>Datenbank:</strong> MySQL</li>
</ul>



<h2 class="wp-block-heading" id="herausforderungen">Herausforderungen</h2>



<p>Die größten Herausforderungen während der Entwicklung waren:</p>



<ul class="wp-block-list">
<li>Einarbeitung in <strong>Go</strong>, da ich die Programmiersprache zuvor nicht verwendet habe</li>



<li>Umsetzung der <strong>Kommunikation zwischen Backend und Frontend</strong></li>



<li>Verwendung von <strong>React mit TypeScript</strong> in Kombination mit <strong>Vite</strong> (ebenfalls noch nicht zuvor verwendet)</li>



<li>Umsetzung der Deadline, da dies sehr kompliziert zu speichern war</li>



<li>Aufbau des UI-Designs mit <strong>TailwindCSS</strong> und <strong>HeadlessUI</strong></li>



<li>Zeiteinschätzung/Aufwand</li>
</ul>



<h2 class="wp-block-heading" id="learnings">Learnings</h2>



<p>Während des Projekts konnte ich mehrere Kenntnisse in folgenden Bereichen gewinnen:</p>



<ul class="wp-block-list">
<li>Grundlagen und Konzepte der Programmiersprache <strong>Go</strong></li>



<li>Entwicklung von <strong>Frontend-Applikationen mit React und TypeScript</strong></li>



<li>Nutzung von <strong>Vite</strong> als Build-Tool</li>



<li>Arbeit mit <strong>JetBrains GoLand</strong> als Entwicklungsumgebung</li>
</ul>



<h2 class="wp-block-heading" id="zukunftige-erweiterungen">Zukünftige Erweiterungen</h2>



<p>Mögliche zukünftige Erweiterungen der Anwendung sind:</p>



<ul class="wp-block-list">
<li>Benutzer-Authentifizierung</li>



<li>Priorisierung von Aufgaben</li>



<li>Filter- und Suchfunktionen</li>



<li>Erinnerungsfunktionen bei bevorstehenden Deadlines</li>
</ul>



<h2 class="wp-block-heading" id="fazit">Fazit</h2>



<p>Das Projekt <strong>Go-Do-Something</strong> war eine spannende Herausforderung, die nicht nur die Einarbeitung in neue Technologien erforderte, sondern auch das Zusammenspiel zwischen Frontend und Backend. Die Anwendung bietet eine solide Grundlage für weitere Verbesserungen und Erweiterungen, während ich gleichzeitig Erfahrungen in der Fullstack-Entwicklung gesammelt habe.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-go-do-something-die-todo-liste-mit-go/">Projekt | Go-Do-Something (die Todo-Liste mit Go)</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2025/03/Liste.mp4" length="1846545" type="video/mp4" />
<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2025/03/Aufgaben.mp4" length="3306097" type="video/mp4" />

			</item>
		<item>
		<title>Projekt &#124; SquadSync &#8211; Entwicklung einer Taskmanagement Webanwendung</title>
		<link>https://mobile.fhstp.ac.at/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Thu, 06 Mar 2025 10:19:52 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=13979</guid>

					<description><![CDATA[<p>Im Rahmen dieses Projekts wurde eine Webanwendung namens SquadSync entwickelt. Ziel der Anwendung ist die Verwaltung von Aufgaben innerhalb von Teams mit Funktionen zur Verwaltung von Teams und deren Zusammenarbeit. Nutzer können Mitglied in mehreren Teams sein, die jeweils eigene Aufgaben besitzen. Eine Aufgabe kann verschiedene Attribute wie Status, Tags, Assignees und Zeitaufwand enthalten.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/">Projekt | SquadSync &#8211; Entwicklung einer Taskmanagement Webanwendung</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Im Rahmen des Wintersemesters 2024 wurde eine Webanwendung namens SquadSync entwickelt. Ziel der Anwendung ist die Verwaltung von Aufgaben innerhalb von Teams mit Funktionen zur Verwaltung von Teams und deren Zusammenarbeit. Nutzer können Mitglied in mehreren Teams sein, die jeweils eigene Aufgaben besitzen. Eine Aufgabe kann verschiedene Attribute wie Status, Tags, Assignees und Zeitaufwand enthalten.</p>



<nav class="wp-block-table-of-contents"><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#funktionalitaten">Funktionalitäten</a><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#team-verwaltung">Team-Verwaltung</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#aufgabenmanagement">Aufgabenmanagement</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#credential">Credential</a></li></ol></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#eingesetzte-technologien">Eingesetzte Technologien</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#herausforderungen">Herausforderungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#learnings">Learnings</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#zukunftige-erweiterungen">Zukünftige Erweiterungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#deployment">Deployment</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/#fazit">Fazit</a></li></ol></nav>



<h2 class="wp-block-heading" id="funktionalitaten">Funktionalitäten</h2>



<h3 class="wp-block-heading" id="team-verwaltung">Team-Verwaltung</h3>



<ul class="wp-block-list">
<li>Ein Super-Admin kann Teams erstellen und verwalten.</li>



<li>Team-Administratoren können Mitglieder zu ihrem Team einladen.</li>



<li>Nutzer können in mehreren Teams aktiv sein.</li>
</ul>



<h3 class="wp-block-heading" id="aufgabenmanagement">Aufgabenmanagement</h3>



<ul class="wp-block-list">
<li>Erstellung und Verwaltung von Aufgaben innerhalb eines Teams.</li>



<li>Aufgaben können mit Titel, Beschreibung, Deadline, geschätzter Zeit und Status versehen werden.</li>



<li>Individuelle Statusverwaltung für jedes Team.</li>



<li>Zuweisung von Aufgaben an Teammitglieder.</li>



<li>Mehrere Tags pro Aufgabe zur besseren Kategorisierung.</li>
</ul>



<h3 class="wp-block-heading" id="credential">Credential</h3>



<ul class="wp-block-list">
<li>Erstellung und Verwaltung von Credentials innerhalb eines Teams.</li>



<li>Aufgaben können mit Titel, Url, Username, Passwort und Beschreibung versehen werden.</li>
</ul>



<h2 class="wp-block-heading" id="eingesetzte-technologien">Eingesetzte Technologien</h2>



<p>Für die Umsetzung des Projekts wurden folgende Technologien und Tools verwendet:</p>



<ul class="wp-block-list">
<li><strong>Backend:</strong> Laravel 12 + Inertia.js 2.0 + PHP 8.4 </li>



<li><strong>Frontend:</strong> Vue.js mit TypeScript + Vite + Inertia.js 2.0</li>



<li><strong>UI-Komponenten:</strong> ShadCN-Vue für modernes Design</li>



<li><strong>Fehler-Logging:</strong> Sentry</li>



<li><strong>Datenbank:</strong> MySQL</li>



<li><strong>Deployment:</strong> Laravel Cloud</li>
</ul>



<h2 class="wp-block-heading" id="herausforderungen">Herausforderungen</h2>



<p>Die größten Herausforderungen während der Entwicklung waren:</p>



<ul class="wp-block-list">
<li>Einarbeitung in Laravel 12.</li>



<li>Vue mit TypeScript</li>



<li>Konzeptionierung der Datenstruktur</li>



<li>Individuelle Status- und Tag-Verwaltung pro Team.</li>



<li>Implementierung von Assignees.</li>



<li>Design mit ShadCN-Vue.</li>



<li>Zeitaufwand.</li>
</ul>



<h2 class="wp-block-heading" id="learnings">Learnings</h2>



<p>Während des Projekts konnte ich Kenntnisse in folgenden Bereichen gewinnen:</p>



<ul class="wp-block-list">
<li>Tiefergehendes Verständnis von Laravel und Vue.js.</li>



<li>Nutzung von Laravel Echo für Echtzeit-Updates.</li>



<li>Sichere Speicherung und Verwaltung von Daten mit Spatie.</li>



<li>Modularer Aufbau einer skalierbaren Webanwendung.</li>



<li>Optimierung der Benutzerfreundlichkeit mit ShadCN-Vue.</li>



<li>Deployment.</li>
</ul>



<h2 class="wp-block-heading" id="zukunftige-erweiterungen">Zukünftige Erweiterungen</h2>



<p>Mögliche zukünftige Erweiterungen der Anwendung sind:</p>



<ul class="wp-block-list">
<li>Verfeinerung der bisherigem Implementierung</li>



<li>Code Cleanup</li>



<li>Erweiterte Filter- und Suchfunktionen für Aufgaben.</li>



<li>Erinnerungsfunktionen für Deadlines.</li>



<li>Mobile App mit PWA-Unterstützung.</li>



<li>Integration mit Kalender- und Projektmanagement-Tools.</li>



<li>Zeiterfassung.</li>
</ul>



<h2 class="wp-block-heading" id="deployment">Deployment</h2>



<p>Das Deployment wurde mit der neuen Plattform <strong>Laravel Cloud</strong> umgesetzt. Hier der Link:</p>



<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-25"><a class="wp-block-button__link wp-element-button" href="https://squad-sync.laravel.cloud" target="_blank" rel="noreferrer noopener">SquadSync</a></div>
</div>



<h2 class="wp-block-heading" id="fazit">Fazit</h2>



<p>SquadSync ist eine leistungsstarke Aufgabenmanagement-Anwendung, die Teams hilft, ihre Arbeit effizient zu organisieren. Die Kombination aus Laravel, Vue.js und modernen UI-Komponenten sorgt für eine intuitive Benutzererfahrung. Mit den geplanten Erweiterungen bietet SquadSync eine solide Grundlage für zukünftiges Wachstum und Optimierung.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-squadsync-entwicklung-einer-taskmanagement-webanwendung/">Projekt | SquadSync &#8211; Entwicklung einer Taskmanagement Webanwendung</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>TFG &#124; &#8220;LUCID DREAMS&#8221; Festival Website</title>
		<link>https://mobile.fhstp.ac.at/allgemein/tfg-lucid-dreams-festival-website/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Tue, 27 Aug 2024 11:00:49 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Studium]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=12677</guid>

					<description><![CDATA[<p>Im Rahmen des „Lucid Dreams“-Festivals der Masterklasse Experimentelle Medien wurde ich mit der anspruchsvollen Aufgabe betraut, eine moderne und nutzerfreundliche Website zu entwickeln. Diese sollte das Event online repräsentieren und alle wichtigen Informationen übersichtlich und ansprechend darstellen.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/tfg-lucid-dreams-festival-website/">TFG | &#8220;LUCID DREAMS&#8221; Festival Website</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Im Rahmen des „Lucid Dreams“-Festivals der Masterklasse Experimentelle Medien wurde ich mit der anspruchsvollen Aufgabe betraut, eine moderne und nutzerfreundliche Website zu entwickeln. Diese sollte das Event online repräsentieren und alle wichtigen Informationen übersichtlich und ansprechend darstellen.</p>



<h2 class="wp-block-heading">Vorgaben</h2>



<p>Die Website sollte eine klare und ästhetische Präsentation des Festivals bieten, inklusive einer detaillierten Übersicht aller Programmpunkte und relevanten Informationen. Zu den zentralen Anforderungen gehörten eine vollständige Responsivität, eine intuitive Benutzerführung sowie eine zeitgerechte Veröffentlichung der wichtigsten Inhalte. Besonders herausfordernd war der enge Zeitrahmen, innerhalb dessen die Seite fertiggestellt werden musste, um die frühzeitige Bereitstellung wesentlicher Informationen zu gewährleisten.</p>



<h2 class="wp-block-heading">Umsetzung &amp; Ergbenis</h2>



<p>Das Design wurde vom Projektteam in Figma erstellt und anschließend von mir in Webflow umgesetzt. Aufgrund von zeitlichen Engpässen und der späten Bereitstellung essentieller Inhalte durch die Auftraggeber musste zunächst eine vorläufige Zwischenseite online gestellt werden. Diese Seite stellte sicher, dass die wichtigsten Informationen frühzeitig verfügbar waren, während die finale Website noch in Arbeit war.</p>



<p>Die endgültige Version der Website, die über 30 Einzelseiten umfasst, wurde nach intensiver Arbeit von mehr als 80 Stunden fertiggestellt und erfolgreich veröffentlicht. Die Website zeichnet sich durch ihr modernes Design, vollständige Responsivität und eine benutzerfreundliche Navigation aus. Sie bietet den Nutzern eine ansprechende und klare Darstellung aller Event-Informationen, optimiert für alle Endgeräte.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1540" height="800" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/08/LucidDreams1-1-1540x800.jpg" alt="" class="wp-image-12684" srcset="https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams1-1-1540x800.jpg 1540w, https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams1-1-770x400.jpg 770w" sizes="(max-width: 1540px) 100vw, 1540px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1540" height="800" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/08/LucidDreams2-1540x800.jpg" alt="" class="wp-image-12686" srcset="https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams2-1540x800.jpg 1540w, https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams2-770x400.jpg 770w" sizes="(max-width: 1540px) 100vw, 1540px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1540" height="800" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/08/LucidDreams3-1540x800.jpg" alt="" class="wp-image-12682" srcset="https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams3-1540x800.jpg 1540w, https://mobile.fhstp.ac.at/wp-content/uploads/2024/08/LucidDreams3-770x400.jpg 770w" sizes="(max-width: 1540px) 100vw, 1540px" /></figure>



<div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-baef362d wp-block-group-is-layout-grid">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="397" height="849" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/08/LucidDreams1_Mobile.jpg" alt="" class="wp-image-12683"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="855" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/08/LucidDreams2_Mobile.jpg" alt="" class="wp-image-12685"/></figure>
</div>



<p><strong>Fazit &amp; Feedback:</strong><br>Die Entwicklung der „Lucid Dreams“-Website war sowohl eine lohnende als auch herausfordernde Erfahrung. Einerseits konnte ich mein technisches Know-how und meine Kreativität voll ausspielen, was zu einer qualitativ hochwertigen Endlösung führte, die bei den Nutzern und dem Projektteam gut ankam. Andererseits waren die engen Deadlines und die späte Bereitstellung wichtiger Inhalte durch die Auftraggeber eine erhebliche Herausforderung. Diese Faktoren führten dazu, dass improvisiert werden musste, um sicherzustellen, dass die Website rechtzeitig live gehen konnte.</p>



<p>Trotz dieser Hürden konnte ich alle Anforderungen erfüllen und eine Website entwickeln, die das Festival eindrucksvoll online repräsentiert. Das positive Feedback des Projektteams bestätigt den Erfolg des Projekts, während die Erfahrungen, die ich während der Umsetzung gemacht habe, mich in meinem professionellen Werdegang weitergebracht haben. Diese Erfahrung hat mir gezeigt, wie wichtig Flexibilität und effizientes Zeitmanagement bei Projekten dieser Art sind.</p>



<p><a href="https://luciddreams.webflow.io/">Link zur Website</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/tfg-lucid-dreams-festival-website/">TFG | &#8220;LUCID DREAMS&#8221; Festival Website</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Workshopergebnis: &#8220;Smart Contracts: Token Creation with ERC20&#8221;</title>
		<link>https://mobile.fhstp.ac.at/allgemein/workshopergebnis-smart-contracts-token-creation-with-erc20/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Mon, 08 Jul 2024 08:50:05 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[Workshop]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=12609</guid>

					<description><![CDATA[<p>Im Rahmen des Workshops "Smart Contracts: Token Creation with ERC20" während der Summer School 2024 wurde eine dezentralisierte Sportwetten-Plattform entwickelt, die auf der Ethereum-Blockchain basiert. Ziel des Projekts war es, eine sichere und transparente Wettumgebung zu schaffen, in der Nutzer Wetten auf Sportereignisse platzieren können, ohne einer zentralen Autorität vertrauen zu müssen.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/workshopergebnis-smart-contracts-token-creation-with-erc20/">Workshopergebnis: &#8220;Smart Contracts: Token Creation with ERC20&#8221;</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Im Rahmen des Workshops &#8220;Smart Contracts: Token Creation with ERC20&#8221; während der Summer School 2024 wurde eine dezentralisierte Sportwetten-Plattform entwickelt, die auf der Ethereum-Blockchain basiert. Ziel des Projekts war es, eine sichere und transparente Wettumgebung zu schaffen, in der Nutzer Wetten auf Sportereignisse platzieren können, ohne einer zentralen Autorität vertrauen zu müssen.</p>



<p></p>



<h2 class="wp-block-heading" id="projektubersicht">Projektübersicht</h2>



<p>Die Plattform besteht aus zwei Hauptkomponenten:</p>



<ol class="wp-block-list">
<li><strong>Smart Contract</strong>: Implementiert in Solidity, um die Logik der Sportwetten und die Verwaltung der Wetten zu gewährleisten.</li>



<li><strong>Frontend</strong>: Erstellt mit Angular, um eine benutzerfreundliche Schnittstelle zur Interaktion mit dem Smart Contract bereitzustellen.</li>
</ol>



<h3 class="wp-block-heading" id="implementierung-des-smart-contracts">Implementierung des Smart Contracts</h3>



<p>Zuerst muss man die einzelnen Komponenten des Smart Contracts erklären, um einen besseren Überblick zu haben. Diese sind:</p>



<pre class="wp-block-code"><code>struct Event {
        uint256 id;
        string name;
        uint256 betEndTime;
        bool isActive;
        uint256 totalBetA;
        uint256 totalBetB;
        uint256 totalBetDraw;
        address&#91;] participantsA;
        address&#91;] participantsB;
        address&#91;] participantsDraw;
    }

    struct Bet {
        uint256 amount;
        uint8 outcome; // 0: not set, 1: BetA, 2: BetB, 3: Draw
    }</code></pre>



<p>Ein <code>Event</code> bezieht sich auf ein Sportereignis, auf das man wetten kann. Hier sind die Variablen eines Events und eine Erklärung dazu:</p>



<ul class="wp-block-list">
<li><code>id</code>: Die Id ist ein Identifier, damit man die Events voneinander unterscheiden kann.</li>



<li><code>name</code>: Dies ist der Titel eines Events</li>



<li><code>betEndTime</code>: Der Endzeitpunkt eines Events. Dieser wird benötigt, damit man weiß, ab wann man nicht mehr auf das Event wetten kann.</li>



<li><code>isActice</code>: Diese Variable speichert den Zustand des Events, ob es noch aktiv ist oder nicht.</li>



<li><code>totalBetXYZ</code>: Diese Variablen werden benötigt, um die Summe der Ergebnisse zu speichern.</li>



<li><code>participantsXYZ</code>: Diese Variablen speichern die Benutzer des jeweiligen getippten Ergebnisses. </li>
</ul>



<p>Eine <code>Bet</code> ist eine Wette, dessen Variablen so aussehen:</p>



<ul class="wp-block-list">
<li><code>amount</code>: Der Betrag, mit dem gewettet wird.</li>



<li><code>outcome</code>: Hier wird das Ergebnis gespeichert, auf das man gewettet hat.</li>
</ul>



<p>Der Smart Contract wurde in Solidity geschrieben und umfasst folgende Hauptfunktionen:</p>



<ul class="wp-block-list">
<li><code>createEvent(string memory _name, uint256 _duration) public onlyAdmin</code>: Ermöglicht es dem Administrator, neue Sportereignisse zu erstellen. Hierbei wird der Endzeitpunkt bestimmte, indem der aktuelle Zeitpunkt mit der <code>_duration</code> (in Sekunden) addiert wird.</li>



<li><code>placeBet(uint256 _eventId, uint8 _outcome) public payable</code>: Ermöglicht es Nutzern, Wetten auf ein bestimmtes Ereignis zu platzieren. Der Parameter <code>_outcome</code> spezifiziert das Ergebnis (Team A, Team B oder Unentschieden). Es kann nur ein Mal pro Nutzer auf ein Event gewettet werden und ein Event muss dabei noch aktiv sein und noch nicht vergangen sein.</li>



<li><code>closeEvent(uint256 _eventId, uint8 _outcome) public onlyAdmin</code>: Schließt ein Ereignis und verteilt die Gewinne an die Gewinner basierend auf dem angegebenen Ergebnis. Dies kann nur der Administrator durchführen.</li>
</ul>



<h3 class="wp-block-heading" id="frontend-integration">Frontend Integration</h3>



<p>Die Frontend-Anwendung wurde mit Angular entwickelt und nutzt <code>ethers.js</code>, um mit dem Ethereum-Netzwerk zu interagieren. Nutzer können über die Anwendung Ereignisse erstellen, Wetten platzieren und Details zu den Ereignissen einsehen.</p>



<p>Die wichtigsten Schritte in der Angular-App:</p>



<ul class="wp-block-list">
<li>Initialisierung von <code>ethers.js</code> und Verbindung zum Smart Contract.</li>



<li>Laden der vorhandenen Ereignisse und Darstellung in der Benutzeroberfläche.</li>



<li>Ermöglichung von Wetten durch Interaktion mit dem Smart Contract.</li>
</ul>



<h3 class="wp-block-heading" id="entwicklungsumgebung">Entwicklungsumgebung</h3>



<p>Die gesamte Entwicklung wurde in Visual Studio Code gemacht. Hierbei wurden unterschiedliche Bibliotheken und Tools verwendet. Hier eine Auflistung mit etwaigen Links:</p>



<p><strong>Smart Contract</strong></p>



<ul class="wp-block-list">
<li><a href="https://soliditylang.org/">Solidity</a></li>



<li><a href="https://www.npmjs.com/package/truffle">Truffle</a></li>



<li><a href="https://archive.trufflesuite.com/ganache/">Ganache</a></li>
</ul>



<p><strong>Frontend</strong></p>



<ul class="wp-block-list">
<li><a href="https://angular.dev/">Angular</a></li>



<li><a href="https://www.typescriptlang.org/">Typescript</a></li>



<li><a href="https://getbootstrap.com/">Bootstrap</a></li>



<li><a href="https://tailwindcss.com/">Tailwind CSS</a></li>



<li><a href="https://www.npmjs.com/package/ethers">Ethers</a></li>
</ul>



<p><strong><a href="https://metamask.io/">MetaMask</a></strong></p>



<h2 class="wp-block-heading" id="gemachten-erfahrungen">Gemachten Erfahrungen</h2>



<h3 class="wp-block-heading" id="positive-erfahrungen">Positive Erfahrungen</h3>



<ul class="wp-block-list">
<li><strong>Transparenz und Sicherheit</strong>: Durch die Verwendung der Ethereum-Blockchain konnten wir eine transparente und sichere Umgebung schaffen, in der alle Transaktionen nachvollziehbar sind.</li>



<li><strong>Automatisierte Prozesse</strong>: Die Automatisierung der Wettannahme und der Gewinnausschüttung reduzierte menschliche Fehler und verbesserte die Effizienz.</li>
</ul>



<h3 class="wp-block-heading" id="herausforderungen">Herausforderungen</h3>



<ul class="wp-block-list">
<li><strong>Smart Contract-Entwicklung</strong>: Die Entwicklung des Smart Contracts erforderte eine genaue Kenntnis der Solidity-Syntax und der Sicherheitsbestimmungen, um sicherzustellen, dass der Vertrag sicher und fehlerfrei ist.</li>



<li><strong>Blockchain-Integration</strong>: Die Integration der Blockchain-Technologie in die Angular-Anwendung war herausfordernd, insbesondere bei der Handhabung von asynchronen Aufrufen und der Sicherstellung, dass die Benutzeroberfläche stets aktuell ist.</li>
</ul>



<h2 class="wp-block-heading" id="fazit">Fazit</h2>



<h3 class="wp-block-heading" id="darstellung-der-erkenntnisse">Darstellung der Erkenntnisse</h3>



<ul class="wp-block-list">
<li><strong>Technische Kompetenz</strong>: Durch die Arbeit an diesem Projekt konnten wir tiefere Einblicke in die Blockchain-Technologie, insbesondere Ethereum und Solidity, gewinnen.</li>



<li><strong>Integration von Frontend und Blockchain</strong>: Wir haben gelernt, wie man eine dezentrale Anwendung entwickelt, die eine nahtlose Integration zwischen einem Smart Contract und einer modernen Webanwendung gewährleistet.</li>
</ul>



<h3 class="wp-block-heading" id="abschließende-bewertung-der-arbeit">Abschließende Bewertung der Arbeit</h3>



<ul class="wp-block-list">
<li><strong>Erfolgreiche Umsetzung</strong>: Das Projekt wurde erfolgreich umgesetzt, und die Plattform erfüllt die Anforderungen an eine sichere und transparente Sportwetten-Umgebung.</li>



<li><strong>Lernfortschritt</strong>: Die Arbeit an diesem Projekt hat erheblich zu unserem Verständnis der Blockchain-Technologie und der Entwicklung dezentraler Anwendungen beigetragen.</li>
</ul>



<h3 class="wp-block-heading" id="weiterfuhrende-neue-fragen">Weiterführende neue Fragen</h3>



<ul class="wp-block-list">
<li><strong>Skalierbarkeit</strong>: Wie kann die Plattform skaliert werden, um eine größere Anzahl von Nutzern und Wetten zu unterstützen, ohne die Performance zu beeinträchtigen?</li>



<li><strong>Benutzerfreundlichkeit</strong>: Welche zusätzlichen Funktionen könnten implementiert werden, um die Benutzerfreundlichkeit und Attraktivität der Plattform zu verbessern?</li>



<li><strong>Regulierung und Rechtliches</strong>: Welche rechtlichen Herausforderungen könnten bei der Einführung einer dezentralen Sportwetten-Plattform in verschiedenen Ländern auftreten, und wie können diese bewältigt werden?</li>
</ul>



<h2 class="wp-block-heading" id="anhang">Anhang</h2>



<h3 class="wp-block-heading" id="video-von-projektergebnis">Video von Projektergebnis</h3>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/07/EM_Betting_Platform.mp4"></video></figure>



<h3 class="wp-block-heading" id="projektergebnis">Projektergebnis</h3>



<div class="wp-block-buttons has-custom-font-size has-small-font-size is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://fhstp-my.sharepoint.com/:f:/g/personal/it231507_fhstp_ac_at/El3jaGTYshVHnLplLenQLOsBGYXap2E8u6wtTBDIhBeByg">SummerSchool2024</a></div>
</div>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/workshopergebnis-smart-contracts-token-creation-with-erc20/">Workshopergebnis: &#8220;Smart Contracts: Token Creation with ERC20&#8221;</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/07/EM_Betting_Platform.mp4" length="33381923" type="video/mp4" />

			</item>
		<item>
		<title>Entwicklungsumgebung mit Laravel Herd und MySQL in Windows</title>
		<link>https://mobile.fhstp.ac.at/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Mon, 10 Jun 2024 14:20:14 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Dokumentation]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=12448</guid>

					<description><![CDATA[<p>Dieser Blogeintrag erklärt, wie man eine Entwicklungsumgebung mit Larabel Herd und MySQL in Windows aufsetzen kann. Laravel Herd war bis vor kurzem nur für MacOS verfügbar und wurde nun auch für Windows vorgestellt. Da Laravel Herd nur in der Premium-Version die Datenbank-Funktion freigeschalten wird, kann man mithilfe von MySQL eine eigene Datenbank-Umgebung schaffen.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/">Entwicklungsumgebung mit Laravel Herd und MySQL in Windows</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dieser Blogeintrag erklärt, wie man eine Entwicklungsumgebung mit Larabel Herd und MySQL in Windows aufsetzen kann. Laravel Herd war bis vor kurzem nur für MacOS verfügbar und wurde nun auch für Windows vorgestellt. Da Laravel Herd nur in der Premium-Version die Datenbank-Funktion freigeschalten wird, kann man mithilfe von MySQL eine eigene Datenbank-Umgebung schaffen.</p>



<nav class="wp-block-table-of-contents"><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#laravel-herd">Laravel Herd</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#installation">Installation</a><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#voraussetzungen">Voraussetzungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#1-installieren-von-mysql">1. Installieren von MySQL</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#2-mysql-server-starten-beenden">2. MySQL-Server starten/beenden</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#3-verbindung-zur-laravel-applikation">3. Verbindung zur Laravel-Applikation</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#4-heidisql-als-gui">4. HeidiSQL als GUI</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#5-fertig">5. Fertig</a></li></ol></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/#links">Links</a></li></ol></nav>



<h2 class="wp-block-heading" id="laravel-herd">Laravel Herd</h2>



<p>Laravel Herd ist eine native Laravel- und PHP-Entwicklungsumgebung für Windows. Herd bietet alles, was für eine Laravel-Entwicklung notwendig ist. Laravel Herd kommt mit <strong>PHP</strong>, <strong>nginx </strong>und <strong>Node.js</strong>. Dies kann für jedes Projekt eingestellt werden, man kann also ein Laravel Projekt auf PHP 8.3 und eines auf PHP 8.1 laufen lassen, ohne etwaige Änderungen vorzunehmen.</p>



<h2 class="wp-block-heading" id="installation">Installation</h2>



<h3 class="wp-block-heading" id="voraussetzungen">Voraussetzungen</h3>



<p>Funktionierende Laravel Applikation mit Laravel Herd. Hierfür können diese Webseiten helfen:</p>



<ul class="wp-block-list">
<li><a href="https://herd.laravel.com/windows">https://herd.laravel.com/windows</a></li>



<li><a href="https://laravel.com/">https://laravel.com/</a></li>
</ul>



<h3 class="wp-block-heading" id="1-installieren-von-mysql">1. Installieren von MySQL</h3>



<p>Zuerst muss MySQL installiert werden (wenn dies noch nicht gemacht wurde). Man muss dazu auf diese Seite gehen <a href="https://dev.mysql.com/downloads/installer/">https://dev.mysql.com/downloads/installer/</a> und den MySQL-Installer installieren. Der MySQL-Installer gibt die Option für die Installation von MySQL-Server und anderen MySQL-Erweiterungen.</p>



<p>Wähle die kleinere der Beiden Optionen (ca. <strong>2 MB</strong>).</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="983" height="623" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-1.png" alt="" class="wp-image-12451"/></figure></div>


<p></p>



<p>Nach dem Download muss der Installer ausgeführt werden. Es reicht, wenn man die <strong>Server-Only</strong> Option auswählt. Wenn man bestimmte Erweiterungen möchte, dann muss man <strong>Custom</strong> wählen.</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="785" height="591" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-2.png" alt="" class="wp-image-12459" style="width:550px;height:auto"/></figure></div>


<p></p>



<p>Man kann nun immer mit Next durch die Schritte der Installation gehen bis man zum <strong>MySQL Root Password</strong> kommt.</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="784" height="591" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-3.png" alt="" class="wp-image-12464" style="width:550px"/></figure></div>


<p></p>



<p>Dieser Schritt ist wichtig, da man sich das Passwort gut merken muss, denn man benötigt es später. Danach kann man wieder durch die Schritte gehen ohne irgendwelche Änderungen tätigen zu müssen. Nach der Installation sollte der MySQL-Server installiert sein und automatisch laufen.</p>



<h3 class="wp-block-heading" id="2-mysql-server-starten-beenden">2. MySQL-Server starten/beenden</h3>



<p>Um auf den MySQL-Server zugreifen zu können muss man diesen verwalten können. Dies kann man in <strong>Dienste &gt; MySQL80</strong> machen. Die Empfehlung wäre den Dienst zuerst anzuhalten und in den <strong>Eigenschaften </strong>den <strong>Starttyp </strong>von <strong>Automatisch </strong>auf <strong>Manuell </strong>zu ändern. Somit muss man den MySQL-Server händisch starten/beende und kommt nicht zu eventuellen Problemen, da der Port 3306 belegt wird.</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="404" height="464" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-4.png" alt="" class="wp-image-12467" style="width:550px"/></figure></div>


<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="1082" height="608" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-5.png" alt="" class="wp-image-12470" style="width:550px"/></figure></div>


<h3 class="wp-block-heading" id="3-verbindung-zur-laravel-applikation">3. Verbindung zur Laravel-Applikation</h3>



<p>Dies funktioniert nur wenn der MySQL-Server ausgeführt wird. Um nun darauf zugreifen zu können muss man nur diese Änderungen in der <strong>.env-Datei</strong> der Laravel-Applikation ändern:</p>



<pre class="wp-block-code"><code>DB_CONNECTION=MySQL
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=demo
DB_USERNAME=root
DB_PASSWORD=das-passwort-vom-my-sql-server</code></pre>



<p>Mit diesen Konfigurationen kann nun getestet werden, ob die Datenbank-Migrationen der Applikation funktionieren. Hierfür muss man nur die das Directory der Applikation gehen und den Befehl <code>herd php artisan migrate</code> ausführen. Wenn dies ohne etwaige Fehlermeldung funktioniert, dann wurde der Prozess bis hierhin korrekt durchgemacht.</p>



<h3 class="wp-block-heading" id="4-heidisql-als-gui">4. HeidiSQL als GUI</h3>



<p>Wenn man mit Datenbanken arbeitet ist ein GUI sehr nützlich, da man dadurch die Tabellen und Daten einsehen kann. Als gratis Programm kann man hierfür HeidiSQL verwenden. Der Download-Link dafür ist <a href="https://www.heidisql.com/download.php">https://www.heidisql.com/download.php</a>.</p>



<p>Bei der Installation muss man keine Änderungen vornehmen und kann alle Schritte einfach durchgehen.</p>



<p>Nachdem HeidiSQL installiert und ausgeführt wurde kann eine neue Verbindung hergestellt werden, Hierbei ist wichtig, dass man das MySQL Passwort von vorher korrekt eingeben muss, damit man die Datenbanken und Datenbank-Tabellen sehen kann.</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="683" height="478" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-7.png" alt="" class="wp-image-12476" style="width:550px"/></figure></div>


<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="866" height="456" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/image-6.png" alt="" class="wp-image-12475" style="width:550px"/></figure></div>


<h3 class="wp-block-heading" id="5-fertig">5. Fertig</h3>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading" id="links">Links</h2>



<ul class="wp-block-list">
<li><a href="https://laravel.com/">https://laravel.com/</a></li>



<li><a href="https://www.mysql.com/de/">https://www.mysql.com/de/</a></li>



<li><a href="https://www.heidisql.com/">https://www.heidisql.com/</a></li>



<li><a href="https://herd.laravel.com/windows">https://herd.laravel.com/windows</a></li>



<li><a href="https://www.google.com/url?sa=i&amp;url=https%3A%2F%2Fservermall.com%2Fblog%2Fbest-server-for-a-mysql-database%2F&amp;psig=AOvVaw1VBcQpyz2rkQwqDBRdB4Uw&amp;ust=1718115327659000&amp;source=images&amp;cd=vfe&amp;opi=89978449&amp;ved=0CBIQjRxqFwoTCPDwgcKc0YYDFQAAAAAdAAAAABAm">https://www.google.com/url?sa=i&amp;url=https%3A%2F%2Fservermall.com%2Fblog%2Fbest-server-for-a-mysql-database%2F&amp;psig=AOvVaw1VBcQpyz2rkQwqDBRdB4Uw&amp;ust=1718115327659000&amp;source=images&amp;cd=vfe&amp;opi=89978449&amp;ved=0CBIQjRxqFwoTCPDwgcKc0YYDFQAAAAAdAAAAABAm</a></li>
</ul>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/entwicklungsumgebung-mit-laravel-herd-und-mysql-in-windows/">Entwicklungsumgebung mit Laravel Herd und MySQL in Windows</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Projekt &#124; BB-Power-API</title>
		<link>https://mobile.fhstp.ac.at/allgemein/projekt-bb-power-api/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Mon, 10 Jun 2024 13:19:56 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=12415</guid>

					<description><![CDATA[<p>Dieses Projekt wurde in Kooperation mit der Benefit Büroservice GmbH gemacht. Die Idee des Projektes ist die Entwicklung einer Webanwendung zur Verwaltung von API-Schlüsseln zur Bereitstellung von unabhängigen API-Satelliten.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-bb-power-api/">Projekt | BB-Power-API</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dieses Projekt wurde in Kooperation mit der <strong>Benefit Büroservice GmbH</strong> gemacht. Die Idee des Projektes ist die Entwicklung einer Webanwendung zur Verwaltung von API-Schlüsseln zur Bereitstellung von unabhängigen API-Satelliten.</p>



<nav class="wp-block-table-of-contents"><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#funktionalitaten">Funktionalitäten</a><ol><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#login-authentifizierung">Login &amp; Authentifizierung</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#satelliten-erstellen">Satelliten erstellen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#projekte-client-keys-erstellen">Projekte &amp; Client-Keys erstellen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#apis-der-satelliten">APIs der Satelliten</a></li></ol></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#eingesetzte-technologien">Eingesetzte Technologien</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#vorgangsweise">Vorgangsweise</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#zukunftige-erweiterungen">Zukünftige Erweiterungen</a></li><li><a class="wp-block-table-of-contents__entry" href="https://akirchknopf-21110.php.fhstp.cc/allgemein/projekt-bb-power-api/#schlussworte">Schlussworte</a></li></ol></nav>



<h2 class="wp-block-heading" id="funktionalitaten">Funktionalitäten</h2>



<h3 class="wp-block-heading" id="login-authentifizierung">Login &amp; Authentifizierung</h3>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt1.mp4"></video></figure>



<p></p>



<p>Für den Login und die Authentifizierung wurde die standardmäßige Login-Methodik von <strong>Laravel</strong> verwendet. Diese wurde so weit angepasst, damit sie den Anforderungen entsprochen hat. Nach dem erfolgreichen Login befindet man sich in der Applikation und man erkennt die Menüpunkte <strong>Projekte</strong>, <strong>Satelliten</strong> und <strong>Logs</strong>. Weiters wird die E-Mail-Adresse angezeigt, mit der man gerade eingeloggt ist. Die Userverwaltung erfolgt zurzeit mittels <strong>Commands</strong>, die in der Admin-Applikation liegen. Mit diesen Commands können User erstellt, gelöscht beziehungsweise aktualisiert werden.</p>



<h3 class="wp-block-heading" id="satelliten-erstellen">Satelliten erstellen</h3>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt2.mp4"></video></figure>



<p></p>



<p>Als Satelliten werden die unabhängigen Microservices bezeichnet. Diese müssen nach ihrem Deployment in der Admin-Applikation angelegt werden. Hierbei ist es wichtig, dass die URL übereinstimmen muss und der <strong>Admin-Key</strong> derselbe ist, wie der, der in der <strong>.env-Datei</strong> des Satelliten hinterlegt wurde. Die CRUD-Funktionen werden geloggt und können jederzeit im Menüpunkt Logs angesehen werden. Im oberen Video kann man die genauere Funktionalität sehen.</p>



<h3 class="wp-block-heading" id="projekte-client-keys-erstellen">Projekte &amp; Client-Keys erstellen</h3>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt3.mp4"></video></figure>



<p></p>



<p>Um einen Schlüssel erstellen zu können, benötigt man zunächst ein Projekt, denn Schlüssel können nur innerhalb eines Projektes erstellt werden (ähnlich wie in der <strong>Google Cloud Console</strong>). Ein Projekt kann also mehrere Schlüssel enthalten, ein Schlüssel kann jedoch nur zu einem Projekt gehören. Bei der Erstellung eines Projektes benötigt man nur einen Namen. Im Hintergrund wird dann ein unique Identifier für dieses Projekt erstellt. Im Projekt selber können dann die <strong>Client-Keys</strong> (die API-Schlüssel) erstellt werden. Hierbei muss man auswählen, für welche Satelliten dieser Schlüssel gelten soll. Ein Schlüssel hat somit mehrere Satelliten, auf die er dann Zugriff hat. Bei der Erstellung des Schlüssels wird dieser nicht nur in der Admin-Applikation erstellt, sondern auch auf den ausgewählten Satelliten selbst auch, damit der Schlüssel dann auf die Ressourcen der Satelliten zugreifen kann. Dieser Schlüssel kann dann einfach kopiert werden und im <strong>Header der Requests</strong> mitgeschickt werden. Falls bei der Erstellung des Schlüssels in der Admin-Applikation oder auf dem Satelliten etwas schieflaufen sollte, dann wird dies geloggt und man kann dann manuell nachbessern. Im oberen Video wird die Erstellung von einem Projekt und einem Client-Key kurz gezeigt.</p>



<h3 class="wp-block-heading" id="apis-der-satelliten">APIs der Satelliten</h3>



<p>Im Laufe des Projektes wurden 2 Satelliten erstellt. Ein Satellit ist für die Informationsbeschaffung von Telefonnummern da und der andere Satellit bereinigt Telefonnummern. Hier sieht man den Request für Informationen von Telefonnummern mit dem API-Schlüssel, der im vorigen Video erstellt worden ist:</p>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt4.mp4"></video></figure>



<p></p>



<p>Die Funktionsweise des 2. Satelliten kann man hier sehen:</p>



<figure class="wp-block-video"><video controls src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt5.mp4"></video></figure>



<h2 class="wp-block-heading" id="eingesetzte-technologien">Eingesetzte Technologien</h2>



<p>Da es sich in diesem Projekt um 3 separate Projekte handelt, sind die eingesetzten Technologien etwas unterschiedlich. Generell wurde in PhpStorm entwickelt und für alle 3 Applikationen Laravel 11 im Backend verwendet. Für die Verwendung von Laravel wurde Laravel Herd und MySQL mit HeidiSQL verwendet. Postman wurde für schnelle Tests an den Requests verwendet. In der Admin-Applikation wurde im Frontend zusätzlich Vue mit Inertia und Bootstrap verwendet.</p>



<p><strong>Technologien im Überblick (mit Links):</strong></p>



<ul class="wp-block-list">
<li><strong>Vue </strong>(https://vuejs.org/)</li>



<li><strong>Inertia </strong>(https://inertiajs.com/)</li>



<li><strong>Bootstrap </strong>(https://getbootstrap.com/)</li>



<li><strong>Laravel 11</strong> (https://laravel.com/)</li>



<li><strong>Laravel Herd</strong> (https://herd.laravel.com/windows)</li>



<li><strong>MySQL </strong>(https://www.mysql.com/de/)</li>



<li><strong>HeidiSQL </strong>(https://www.heidisql.com/)</li>



<li><strong>Postman </strong>(https://www.postman.com/)</li>



<li><strong>GitHub </strong>(https://github.com/)</li>



<li><strong>GitHub Desktop</strong> (https://desktop.github.com/)</li>
</ul>



<h2 class="wp-block-heading" id="vorgangsweise">Vorgangsweise</h2>



<p>Die größte Herausforderung in diesem Projekt war definitiv das Anlegen der Projekte, da ich selbst noch nicht so oft ein Projekt von null weg aufgebaut habe. Dies war am Anfang eine große Aufgabe, besonders in der Admin-Applikation, da es hier auch ein Frontend gab. Nach diesen anfänglichen Schwierigkeiten lief alles andere relativ gut ab. Nach dem Anlegen wurde die Funktionalitäten der Admin-Applikation mit dem Frontend implementiert und danach ging es and die Funktionalitäten der Satelliten. Das Design des Frontend war von weniger Priorität, es ging nur um ein relativ simples Design, dass einem Feedback auf Tätigkeiten gibt. Bei der Implementierung der Satelliten wurden dann noch einige kleinere Bugs behoben, die aber nicht besonders schwierig waren.</p>



<h2 class="wp-block-heading" id="zukunftige-erweiterungen">Zukünftige Erweiterungen</h2>



<p>Zukünftige Erweiterungen wurden schon geplant und werden auch in näherer Zukunft umgesetzt werden. Die Erweiterung von Statistiken der Satelliten und Anzeige in der Admin-Applikation wird gerade implementiert und sollte in den nächsten Wochen veröffentlicht werden.</p>



<h2 class="wp-block-heading" id="schlussworte">Schlussworte</h2>



<p>Das Projekt war definitiv eine Herausforderung, da ich so ein großes Projekt noch nicht alleine umgesetzt habe. Außerdem konnte ich dadurch die neueste Laravel Version testen und lernen und auch ein Projekt umsetzen, dass so im unternehmerischen Alltag auch wirklich verwendet wird.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/projekt-bb-power-api/">Projekt | BB-Power-API</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt1.mp4" length="38905912" type="video/mp4" />
<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt2.mp4" length="69861980" type="video/mp4" />
<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt3.mp4" length="63151820" type="video/mp4" />
<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt4.mp4" length="29453794" type="video/mp4" />
<enclosure url="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/06/Projekt5.mp4" length="14073525" type="video/mp4" />

			</item>
		<item>
		<title>Gemini: Googles neues KI-Supermodell</title>
		<link>https://mobile.fhstp.ac.at/allgemein/gemini-googles-neues-ki-supermodell/</link>
		
		<dc:creator><![CDATA[Robin Backnecht]]></dc:creator>
		<pubDate>Thu, 29 Feb 2024 08:20:02 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Trends]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=12021</guid>

					<description><![CDATA[<p>Google hat am 6. Dezember 2023 sein neues KI-Supermodell Gemini vorgestellt. Gemini ist eine multimodale KI, die Texte, Bilder, Audio und Video gleichzeitig verarbeiten und verstehen kann. Dadurch ist es in der Lage, komplexe Aufgaben zu lösen, die für andere KI-Modelle bisher nicht möglich waren.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/gemini-googles-neues-ki-supermodell/">Gemini: Googles neues KI-Supermodell</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Google hat am 6. Dezember 2023 sein neues KI-Supermodell Gemini vorgestellt. Gemini ist eine multimodale KI, die Texte, Bilder, Audio und Video gleichzeitig verarbeiten und verstehen kann. Dadurch ist es in der Lage, komplexe Aufgaben zu lösen, die für andere KI-Modelle bisher nicht möglich waren.</p>



<h2 class="wp-block-heading">Technische Details</h2>



<p>Gemini ist ein KI-Modell auf Basis von künstlichen neuronalen Netzen. Es wurde auf einem massiven Datensatz von Texten, Bildern, Audio und Video trainiert, der aus über 1,56 Billionen Parametern besteht. Dieser Datensatz umfasst unter anderem Bücher, Artikel, Websites, Videos und Audiodateien.</p>



<p>Gemini ist in der Lage, Texte, Bilder, Audio und Video in Echtzeit zu verarbeiten. Es kann Sprachen übersetzen, Texte generieren, Bilder erkennen, Audio analysieren und Frage-Antwort-Systeme betreiben.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><a href="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/02/1Screenshot-2023-12-08-at-11.53.39 AM-1702054511417-1.webp" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1038" height="738" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/02/1Screenshot-2023-12-08-at-11.53.39 AM-1702054511417-1.webp" alt="" class="wp-image-12029" style="width:591px;height:auto"/></a></figure></div>


<h2 class="wp-block-heading">Anwendungen</h2>



<p>Google arbeitet bereits an verschiedenen Anwendungen für Gemini, darunter:</p>



<ul class="wp-block-list">
<li><strong>Ein KI-Assistent, der Texte, Bilder und Video gleichzeitig verarbeiten kann.</strong></li>



<li><strong>Eine KI-gestützte Übersetzungssoftware, die Texte in Echtzeit übersetzt.</strong></li>



<li><strong>Eine KI-gestützte Bilderkennungssoftware, die Objekte und Personen in Bildern erkennt.</strong></li>



<li><strong>Eine KI-gestützte Audioanalysesoftware, die Emotionen und Absichten in Stimmen erkennt.</strong></li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><a href="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/02/google-gemini-duck.jpg"><img loading="lazy" decoding="async" width="1540" height="800" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2024/02/google-gemini-duck-1540x800.jpg" alt="" class="wp-image-12030" style="width:462px;height:auto" srcset="https://mobile.fhstp.ac.at/wp-content/uploads/2024/02/google-gemini-duck-1540x800.jpg 1540w, https://mobile.fhstp.ac.at/wp-content/uploads/2024/02/google-gemini-duck-770x400.jpg 770w" sizes="auto, (max-width: 1540px) 100vw, 1540px" /></a></figure></div>


<p></p>



<p>Gemini hat aber auch das Potenzial, in einer Vielzahl von Bereichen eingesetzt zu werden, darunter:</p>



<ul class="wp-block-list">
<li><strong>Kundenservice:</strong> Gemini kann Kundenanfragen verstehen und beantworten, auch wenn sie mehrere Informationsquellen umfassen.</li>



<li><strong>Bildung:</strong> Gemini kann personalisierte Lernerfahrungen erstellen und Schüler dabei unterstützen, komplexe Konzepte zu verstehen.</li>



<li><strong>Medizin:</strong> Gemini kann Krankheiten diagnostizieren und Behandlungen empfehlen.</li>



<li><strong>Sicherheit:</strong> Gemini kann Bedrohungen wie Terrorismus und Cyberangriffe erkennen und abwehren.</li>
</ul>



<h2 class="wp-block-heading">Vorteile und Nachteile</h2>



<p>Gemini bietet eine Reihe von Vorteilen gegenüber anderen KI-Modellen, darunter:</p>



<ul class="wp-block-list">
<li><strong>Mehrdimensionale Verarbeitung:</strong> Gemini kann Texte, Bilder, Audio und Video gleichzeitig verarbeiten. Dadurch ist es in der Lage komplexe Zusammenhänge zu verstehen.</li>



<li><strong>Großer Datensatz:</strong> Gemini ist auf einem massiven Datensatz von Texten, Bildern, Audio und Video trainiert. Dadurch hat es einen tiefen Einblick in die Welt und kann komplexere Aufgaben lösen.</li>



<li><strong>Flexibilität:</strong> Gemini kann für eine Vielzahl von Aufgaben verwendet werden. Dadurch ist es ein vielseitiges Werkzeug, das in verschiedenen Bereichen eingesetzt werden kann.</li>
</ul>



<p>Gemini hat auch einige Nachteile, darunter:</p>



<ul class="wp-block-list">
<li><strong>Leistung:</strong> Gemini ist ein sehr ressourcenintensives Modell. Es erfordert viel Rechenleistung und Speicherplatz.</li>



<li><strong>Sicherheit:</strong> Gemini kann für böswillige Zwecke verwendet werden, z. B. zur Verbreitung von Fehlinformationen oder zur Manipulation von Menschen.</li>



<li><strong>Transparenz:</strong> Es ist nicht immer klar, wie Gemini Entscheidungen trifft. Dies kann zu Problemen mit der Zuverlässigkeit und Fairness führen.</li>
</ul>



<h2 class="wp-block-heading">Zukünftige Entwicklungen</h2>



<p>Google plant, Gemini in den kommenden Jahren weiter zu entwickeln. Das Unternehmen arbeitet daran, die Leistung von Gemini zu verbessern, die Sicherheit zu erhöhen und die Transparenz zu verbessern.</p>



<p>Gemini hat das Potenzial, die Art und Weise, wie wir mit Technologie interagieren, grundlegend zu verändern. Es ist jedoch wichtig, sich der potenziellen Nachteile von Gemini bewusst zu sein.</p>



<h2 class="wp-block-heading">Link zu Gemini</h2>



<p><a href="https://gemini.google.com">https://gemini.google.com</a></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Quellen</h2>



<ul class="wp-block-list">
<li>https://blog.google/intl/de-de/unternehmen/technologie/bard-gemini-advanced-app</li>



<li>https://tweak.de/smartphone/googles-gemini</li>



<li>https://gemini.google.com</li>



<li>https://www.techopedia.com/de/definition/google-gemini</li>



<li>https://deepmind.google/technologies/gemini/#introduction</li>
</ul>



<h2 class="wp-block-heading">Bilder</h2>



<ul class="wp-block-list">
<li>https://miro.medium.com/v2/resize:fit:686/1*5UvjWbxaDZCuTpQs9SjOhw.jpeg</li>



<li>https://imgopt.infoq.com/fit-in/1800&#215;2400/filters:quality(80)/filters:no_upscale()/news/2023/12/google-launches-gemini/en/resources/1Screenshot%202023-12-08%20at%2011.53.39%E2%80%AFAM-1702054511417.png</li>



<li>https://ia.acs.org.au/content/dam/ia/article/images/2023/google-gemini-duck.jpg</li>
</ul>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/gemini-googles-neues-ki-supermodell/">Gemini: Googles neues KI-Supermodell</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
