{"id":241,"date":"2025-02-10T14:15:29","date_gmt":"2025-02-10T13:15:29","guid":{"rendered":"https:\/\/k404.eu\/?p=241"},"modified":"2025-02-10T19:14:58","modified_gmt":"2025-02-10T18:14:58","slug":"lagersystem-fur-zuhause","status":"publish","type":"post","link":"https:\/\/k404.eu\/?p=241","title":{"rendered":"Lagersystem f\u00fcr Zuhause"},"content":{"rendered":"\n<p>Schon lange hatte ich die Idee, ein System zu entwickeln, mit dem ich meine Gegenst\u00e4nde zu Hause besser organisieren und schneller finden kann. Oft passiert es, dass Werkzeuge oder andere Dinge irgendwo abgelegt werden und man sie im entscheidenden Moment nicht mehr findet. Eine einfache L\u00f6sung musste her!<\/p>\n\n\n\n<p>Von Anfang an war klar, dass das System unkompliziert sein sollte \u2013 ohne unn\u00f6tige Komplexit\u00e4t, einfach \u00fcber den Browser abrufbar und leicht zu bedienen. So entstand der Plan f\u00fcr&nbsp;<strong>Lager System<\/strong>, ein minimalistisches Lagerverwaltungssystem f\u00fcr den privaten Gebrauch.<\/p>\n\n\n\n<p>Nach meinen IHK-Pr\u00fcfungen hatte ich endlich die Zeit und Energie, mich intensiv mit der Umsetzung zu besch\u00e4ftigen. Nun m\u00f6chte ich euch zeigen, wie&nbsp;das ganze&nbsp;entstanden ist, welche Herausforderungen ich gemeistert habe und welche Funktionen es bietet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Die technische Umsetzung <\/h3>\n\n\n\n<p>F\u00fcr die Entwicklung meines Systems habe ich mich f\u00fcr&nbsp;<strong>Blazor Server<\/strong>&nbsp;entschieden. Diese Technologie erm\u00f6glicht es, interaktive Webanwendungen in C# zu schreiben, ohne auf JavaScript angewiesen zu sein. So konnte ich eine performante und gleichzeitig einfach zu verwaltende Anwendung erstellen.<\/p>\n\n\n\n<p>Beim Programmieren habe ich&nbsp;<strong>Interfacing, Repositories und Services<\/strong>&nbsp;genutzt. Diese Architektur erleichtert die Erweiterung der Anwendung und verbessert die Wartbarkeit. Durch die Trennung von Logik und Datenzugriff bleibt der Code \u00fcbersichtlich und flexibel f\u00fcr zuk\u00fcnftige Anpassungen.<\/p>\n\n\n\n<p>Um das Design der Anwendung zu verbessern, habe ich das&nbsp;<strong>MudBlazor<\/strong>-Framework integriert. Dieses UI-Framework bietet viele vorgefertigte Komponenten wie Tabellen, Schaltfl\u00e4chen, Schriftarten und weitere Designelemente, die mir dabei geholfen haben, eine moderne und ansprechende Benutzeroberfl\u00e4che zu erstellen \u2013 ohne viel zus\u00e4tzlichen Aufwand.<\/p>\n\n\n\n<p>Dank dieser Technologien konnte ich&nbsp;meine Ideen effizient umsetzen und gleichzeitig eine gute Basis f\u00fcr zuk\u00fcnftige Erweiterungen schaffen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"753\" src=\"https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-1024x753.png\" alt=\"\" class=\"wp-image-208\" srcset=\"https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-1024x753.png 1024w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-300x221.png 300w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-768x565.png 768w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-1536x1129.png 1536w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-2048x1505.png 2048w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-24x18.png 24w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-36x26.png 36w, https:\/\/k404.eu\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-10-um-10.57.10-48x35.png 48w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Die Funktionen des Systems<\/h3>\n\n\n\n<p><strong>Mein Programm<\/strong>&nbsp;bietet eine Vielzahl an n\u00fctzlichen Funktionen, die es erm\u00f6glichen, Werkzeuge und andere Gegenst\u00e4nde effizient zu verwalten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Haupttabelle f\u00fcr Werkzeuge<\/strong>:<br>Die Haupttabelle zeigt alle eingetragenen Werkzeuge \u00fcbersichtlich an (siehe Screenshot). Sie erm\u00f6glicht das&nbsp;<strong>Anzeigen, Sortieren, Hinzuf\u00fcgen, Bearbeiten<\/strong>&nbsp;und&nbsp;<strong>L\u00f6schen<\/strong>&nbsp;von Werkzeugen.<\/li>\n\n\n\n<li><strong>Speicherung in einer relationalen Datenbank<\/strong>:<br>Alle Daten werden in einer relationalen PostgreSQL-Datenbank gespeichert. Dies garantiert eine zuverl\u00e4ssige und strukturierte Verwaltung.<\/li>\n\n\n\n<li><strong>Separate Tabellen f\u00fcr Locations, Conditions und Exact Locations<\/strong>:<br>Um die Daten besser zu organisieren, habe ich separate Tabellen f\u00fcr Orte (<em>Locations<\/em>), Bedingungen (<em>Conditions<\/em>) und genaue Orte (<em>Exact Locations<\/em>) erstellt.<\/li>\n\n\n\n<li><strong>Intelligente Suchfunktion<\/strong>:<br>Die Suchfunktion kann komplexe Anfragen verarbeiten. Es ist beispielsweise m\u00f6glich, gleichzeitig nach einer&nbsp;<strong>ID<\/strong>und einem&nbsp;<strong>Namen<\/strong>&nbsp;zu suchen. Die Anfragen werden dabei automatisch gesplittet und ausgewertet.<\/li>\n\n\n\n<li><strong>Verwaltung von Zusatzdaten<\/strong>:<br>In separaten Men\u00fcs k\u00f6nnen&nbsp;<strong>Locations, Exact Locations<\/strong>&nbsp;und&nbsp;<strong>Conditions<\/strong>&nbsp;manuell hinzugef\u00fcgt oder gel\u00f6scht werden. Dies sorgt f\u00fcr maximale Flexibilit\u00e4t bei der Anpassung an individuelle Bed\u00fcrfnisse.<\/li>\n\n\n\n<li><strong>QR-Code-Druckfunktion<\/strong>:<br>F\u00fcr jedes Werkzeug besteht die M\u00f6glichkeit, einen&nbsp;<strong>QR-Code<\/strong>&nbsp;zu generieren und zu drucken. Dieser QR-Code enth\u00e4lt die&nbsp;<strong>ID<\/strong>&nbsp;und den&nbsp;<strong>Namen<\/strong>&nbsp;des Werkzeugs, was die Identifizierung und Verwaltung der Gegenst\u00e4nde noch einfacher macht.<\/li>\n<\/ul>\n\n\n\n<p>Mit diesen Funktionen wird&nbsp;es&nbsp;zu einem praktischen und leistungsstarken Tool f\u00fcr die Verwaltung von Werkzeugen im Haushalt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erweiterung um Chat GPT<\/h3>\n\n\n\n<p>Ein besonderes Feature von&nbsp;meiner Anwendung&nbsp;ist die Integration von&nbsp;<strong>Chat GPT<\/strong>, das auf dem OpenAI-API basiert. Mit dieser Funktion k\u00f6nnen Nutzer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vorbereitete Fragen (Prompts)<\/strong>&nbsp;an den Chat stellen, die speziell f\u00fcr den Kontext des Systems entworfen wurden.<\/li>\n\n\n\n<li><strong>Eigene Fragen<\/strong>&nbsp;frei formulieren, um individuelle Informationen oder Unterst\u00fctzung zu erhalten.<\/li>\n<\/ul>\n\n\n\n<p>Um Ressourcen und Kosten effizient zu nutzen, werden die Anfragen \u00fcber das Modell&nbsp;<strong>GPT-3.5<\/strong>&nbsp;verarbeitet. Dieses Modell bietet eine hervorragende Balance zwischen Leistung und Kostenersparnis.<\/p>\n\n\n\n<p>Dank dieser Erweiterung wird die t\u00e4gliche Nutzung des Systems erheblich bereichert. Die Integration von K\u00fcnstlicher Intelligenz im Programm&nbsp;zeigt, wie AI zunehmend zu einem festen Bestandteil unseres Alltags wird und uns in immer mehr Lebensbereichen begleitet.<br><br>Den kompletten Code von diesem Projekt finden Sie auf meinem GitHub: <a href=\"https:\/\/github.com\/kbx07\/Sklad\">https:\/\/github.com\/kbx07\/Sklad<\/a><br><br>Dazu m\u00f6chte ich Ihnen pr\u00e4sentieren, wie das entwickelte Programm aussieht:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"k404.eu - Warehouse System\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/IIuVWkqdumE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Zuk\u00fcnftige Entwicklungsm\u00f6glichkeiten<\/h3>\n\n\n\n<p>F\u00fcr die Weiterentwicklung&nbsp;gibt es viele spannende M\u00f6glichkeiten. Einige davon k\u00f6nnte ich mir als n\u00e4chste Schritte vorstellen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Erweiterte Integration mit Chat GPT<\/strong>: Noch mehr Funktionen und intelligente Unterst\u00fctzung durch KI.<\/li>\n\n\n\n<li><strong>Tag-Verwaltung<\/strong>: Die M\u00f6glichkeit, Tags f\u00fcr Werkzeuge hinzuzuf\u00fcgen und zu entfernen, um die Organisation weiter zu verbessern.<\/li>\n\n\n\n<li><strong>Integration mit der Cloud<\/strong>: Die Option, Fotos f\u00fcr einzelne Werkzeuge hochzuladen und sie direkt im System anzuzeigen.<\/li>\n\n\n\n<li><strong>Einf\u00fchrung der Userintegration<\/strong>: Damit jeder User eigenes Lager f\u00fchren k\u00f6nnte. Es scheint mir ganz wichtig zu sein und werde ich es als erste Erweiterung umsetzen.<\/li>\n<\/ul>\n\n\n\n<p>Vielen Dank, dass ihr euch die Zeit genommen habt, meinen Blogpost zu lesen! Ich hoffe, ihr fandet ihn positiv! <\/p>\n\n\n\n<p>Bis bald!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Schon lange hatte ich die Idee, ein System zu entwickeln, mit dem ich meine Gegenst\u00e4nde zu Hause besser organisieren und schneller finden kann. Oft passiert <a href=\"https:\/\/k404.eu\/?p=241\" class=\"btn btn-link continue-link\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":243,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[16,13],"tags":[],"class_list":["post-241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","category-hobby"],"acf":[],"_links":{"self":[{"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=241"}],"version-history":[{"count":4,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/241\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/241\/revisions\/257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/media\/243"}],"wp:attachment":[{"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}