{"id":291,"date":"2025-02-10T15:56:43","date_gmt":"2025-02-10T14:56:43","guid":{"rendered":"https:\/\/k404.eu\/?p=291"},"modified":"2025-02-12T14:47:39","modified_gmt":"2025-02-12T13:47:39","slug":"domowy-system-magazynowy","status":"publish","type":"post","link":"https:\/\/k404.eu\/?p=291&lang=pl","title":{"rendered":"Domowy system magazynowy"},"content":{"rendered":"\n<p><strong>Od pomys\u0142u do realizacji: moj minimalistyczny system do zarz\u0105dzania domowym magazynem<\/strong><\/p>\n\n\n\n<p>Od dawna mia\u0142em pomys\u0142 na stworzenie systemu, kt\u00f3ry pom\u00f3g\u0142by mi lepiej organizowa\u0107 i szybciej znajdowa\u0107 przedmioty w domu. Cz\u0119sto zdarza si\u0119, \u017ce narz\u0119dzia lub inne rzeczy zostaj\u0105 od\u0142o\u017cone w przypadkowe miejsce, a potem trudno je znale\u017a\u0107 w kluczowym momencie. Potrzebne by\u0142o proste, praktyczne rozwi\u0105zanie!<\/p>\n\n\n\n<p>Od samego pocz\u0105tku wiedzia\u0142em, \u017ce system musi by\u0107\u00a0<strong>intuicyjny i \u0142atwy w obs\u0142udze<\/strong>\u00a0\u2013 bez zb\u0119dnej z\u0142o\u017cono\u015bci, dost\u0119pny przez przegl\u0105dark\u0119 i przyjazny dla u\u017cytkownika. Tak narodzi\u0142 si\u0119 pomys\u0142 na<strong> Domowy System Magazynowy<\/strong>, czyli minimalistyczny system zarz\u0105dzania magazynem do u\u017cytku domowego.<\/p>\n\n\n\n<p>Po egzaminach IHK w ko\u0144cu znalaz\u0142em czas i energi\u0119, by skupi\u0107 si\u0119 na realizacji projektu. Teraz chcia\u0142bym Wam pokaza\u0107, jak powsta\u0142 ten system, jakie wyzwania musia\u0142em pokona\u0107 i jakie funkcje oferuje.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Techniczna realizacja<\/strong><\/h3>\n\n\n\n<p>Do stworzenia mojego systemu wybra\u0142em&nbsp;<strong>Blazor Server<\/strong>. Ta technologia pozwala na tworzenie interaktywnych aplikacji webowych w j\u0119zyku C# bez konieczno\u015bci korzystania z JavaScript. Dzi\u0119ki temu mog\u0142em zaprojektowa\u0107&nbsp;<strong>wydajn\u0105 i \u0142atw\u0105 w zarz\u0105dzaniu aplikacj\u0119<\/strong>.<\/p>\n\n\n\n<p>Podczas programowania wykorzysta\u0142em&nbsp;<strong>Interfacing, Repositories i Services<\/strong>, co sprawia, \u017ce architektura systemu jest elastyczna i \u0142atwa do rozbudowy. Oddzielenie logiki biznesowej od dost\u0119pu do danych sprawia, \u017ce kod jest bardziej przejrzysty i gotowy na przysz\u0142e zmiany.<\/p>\n\n\n\n<p>Aby poprawi\u0107 wygl\u0105d i funkcjonalno\u015b\u0107 aplikacji, zintegrowa\u0142em framework&nbsp;<strong>MudBlazor<\/strong>. Oferuje on gotowe komponenty UI, takie jak&nbsp;<strong>tabele, przyciski, czcionki i inne elementy wizualne<\/strong>, dzi\u0119ki czemu mog\u0142em stworzy\u0107 nowoczesny i estetyczny interfejs u\u017cytkownika bez konieczno\u015bci r\u0119cznego projektowania wszystkich element\u00f3w.<\/p>\n\n\n\n<p>Dzi\u0119ki zastosowanym technologiom uda\u0142o mi si\u0119&nbsp;<strong>sprawnie wdro\u017cy\u0107 moj\u0105 koncepcj\u0119 i stworzy\u0107 solidn\u0105 podstaw\u0119 do dalszego rozwoju systemu<\/strong>.<\/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\"><strong>Funkcje systemu<\/strong><\/h3>\n\n\n\n<p>M\u00f3j program oferuje&nbsp;<strong>szereg przydatnych funkcji<\/strong>, kt\u00f3re umo\u017cliwiaj\u0105 efektywne zarz\u0105dzanie narz\u0119dziami i innymi przedmiotami:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>G\u0142\u00f3wna tabela narz\u0119dzi<\/strong><\/h4>\n\n\n\n<p>G\u0142\u00f3wna tabela wy\u015bwietla\u00a0<strong>wszystkie dodane narz\u0119dzia<\/strong>\u00a0w przejrzysty spos\u00f3b (zobacz zrzut ekranu). Umo\u017cliwia ona:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Przegl\u0105danie<\/strong><\/li>\n\n\n\n<li><strong>Sortowanie<\/strong><\/li>\n\n\n\n<li><strong>Dodawanie<\/strong><\/li>\n\n\n\n<li><strong>Edytowanie<\/strong><\/li>\n\n\n\n<li><strong>Usuwanie<\/strong>\u00a0<strong>narz\u0119dzi<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Przechowywanie danych w relacyjnej bazie danych<\/strong><\/h4>\n\n\n\n<p>Wszystkie dane s\u0105 zapisywane w&nbsp;<strong>relacyjnej bazie danych PostgreSQL<\/strong>. Dzi\u0119ki temu zarz\u0105dzanie danymi jest&nbsp;<strong>bezpieczne, uporz\u0105dkowane i niezawodne<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Osobne tabele dla lokalizacji, stanu i dok\u0142adnego po\u0142o\u017cenia<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Aby lepiej zorganizowa\u0107 dane, stworzy\u0142em\u00a0<strong>osobne tabele<\/strong>\u00a0dla:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lokalizacji<\/strong>\u00a0(<em>Locations<\/em>)<\/li>\n\n\n\n<li><strong>Stanu narz\u0119dzi<\/strong>\u00a0(<em>Conditions<\/em>)<\/li>\n\n\n\n<li><strong>Dok\u0142adnego miejsca przechowywania<\/strong>\u00a0(<em>Exact Locations<\/em>)<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Inteligentna wyszukiwarka<\/strong><\/h4>\n\n\n\n<p>System posiada&nbsp;<strong>zaawansowan\u0105 wyszukiwark\u0119<\/strong>, kt\u00f3ra obs\u0142uguje&nbsp;<strong>z\u0142o\u017cone zapytania<\/strong>. Mo\u017cna np. jednocze\u015bnie wyszukiwa\u0107 narz\u0119dzia&nbsp;<strong>po ID i nazwie<\/strong>, a zapytania s\u0105 automatycznie dzielone i analizowane.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Zarz\u0105dzanie dodatkowymi danymi<\/strong><\/h4>\n\n\n\n<p>W osobnych menu mo\u017cna&nbsp;<strong>r\u0119cznie dodawa\u0107 lub usuwa\u0107 lokalizacje, dok\u0142adne miejsca oraz stan narz\u0119dzi<\/strong>, co daje&nbsp;<strong>pe\u0142n\u0105 elastyczno\u015b\u0107<\/strong>&nbsp;w dostosowywaniu systemu do w\u0142asnych potrzeb.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Drukowanie kod\u00f3w QR<\/strong><\/h4>\n\n\n\n<p>Ka\u017cde narz\u0119dzie mo\u017ce mie\u0107&nbsp;<strong>wygenerowany kod QR<\/strong>, kt\u00f3ry zawiera&nbsp;<strong>ID i nazw\u0119<\/strong>&nbsp;przedmiotu. Dzi\u0119ki temu&nbsp;<strong>identyfikacja i zarz\u0105dzanie sprz\u0119tem staje si\u0119 jeszcze \u0142atwiejsze<\/strong>.<\/p>\n\n\n\n<p>Dzi\u0119ki tym funkcjom system staje si\u0119&nbsp;<strong>praktycznym i wydajnym narz\u0119dziem<\/strong>&nbsp;do zarz\u0105dzania narz\u0119dziami w domu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Rozszerzenie o Chat GPT<\/strong><\/h3>\n\n\n\n<p>Jedn\u0105 z&nbsp;<strong>najbardziej unikalnych funkcji<\/strong>&nbsp;mojej aplikacji jest&nbsp;<strong>integracja z Chat GPT<\/strong>, oparta na&nbsp;<strong>OpenAI API<\/strong>. Dzi\u0119ki tej funkcji u\u017cytkownicy mog\u0105:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zadawa\u0107 przygotowane pytania (prompty)<\/strong>, dostosowane do kontekstu systemu.<\/li>\n\n\n\n<li><strong>Formu\u0142owa\u0107 w\u0142asne zapytania<\/strong>, aby uzyska\u0107 indywidualne informacje i wsparcie.<\/li>\n<\/ul>\n\n\n\n<p>Aby&nbsp;<strong>optymalizowa\u0107 koszty i wydajno\u015b\u0107<\/strong>, zapytania s\u0105 przetwarzane przy u\u017cyciu&nbsp;<strong>modelu GPT-3.5<\/strong>, kt\u00f3ry zapewnia&nbsp;<strong>doskona\u0142y balans mi\u0119dzy jako\u015bci\u0105 odpowiedzi a oszcz\u0119dno\u015bci\u0105 zasob\u00f3w<\/strong>.<\/p>\n\n\n\n<p>Dzi\u0119ki temu rozszerzeniu&nbsp;<strong>codzienne korzystanie z systemu staje si\u0119 jeszcze wygodniejsze<\/strong>, a sztuczna inteligencja&nbsp;<strong>coraz bardziej integruje si\u0119 z naszym codziennym \u017cyciem<\/strong>.<\/p>\n\n\n\n<p><strong>Ca\u0142y kod tego projektu znajdziesz na moim GitHubie:<\/strong>\u00a0<a href=\"https:\/\/github.com\/kbx07\/Sklad\">https:\/\/github.com\/kbx07\/Sklad<\/a><\/p>\n\n\n\n<p>Chcia\u0142bym r\u00f3wnie\u017c pokaza\u0107 Wam, jak wygl\u0105da moja aplikacja w praktyce:\u00a0<\/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\">Rozw\u00f3j apki w przysz\u0142o\u015bci<\/h3>\n\n\n\n<p>Istnieje wiele mo\u017cliwo\u015bci rozwoju mojego systemu. Oto kilka pomys\u0142\u00f3w, kt\u00f3re rozwa\u017cam jako kolejne kroki:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rozszerzona integracja z Chat GPT<\/strong>\u00a0\u2013 wprowadzenie jeszcze wi\u0119kszej liczby funkcji i inteligentnego wsparcia opartego na AI.<\/li>\n\n\n\n<li><strong>Zarz\u0105dzanie tagami<\/strong>\u00a0\u2013 mo\u017cliwo\u015b\u0107 dodawania i usuwania tag\u00f3w dla narz\u0119dzi, co pozwoli na jeszcze lepsz\u0105 organizacj\u0119 i wyszukiwanie.<\/li>\n\n\n\n<li><strong>Integracja z chmur\u0105<\/strong>\u00a0\u2013 opcja przesy\u0142ania zdj\u0119\u0107 dla poszczeg\u00f3lnych narz\u0119dzi i ich bezpo\u015bredniego wy\u015bwietlania w systemie.<\/li>\n\n\n\n<li><strong>Wprowadzenie integracji u\u017cytkownik\u00f3w<\/strong>\u00a0\u2013 tak, aby ka\u017cdy u\u017cytkownik m\u00f3g\u0142 prowadzi\u0107 w\u0142asny magazyn. Uwa\u017cam, \u017ce jest to kluczowa funkcjonalno\u015b\u0107, dlatego b\u0119dzie to moja pierwsza planowana rozbudowa systemu.<\/li>\n<\/ul>\n\n\n\n<p>Dzi\u0119kuj\u0119, \u017ce po\u015bwi\u0119cili\u015bcie czas na przeczytanie mojego wpisu na blogu! Mam nadziej\u0119, \u017ce przypad\u0142 Wam do gustu.<\/p>\n\n\n\n<p>Do zobaczenia wkr\u00f3tce!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Od pomys\u0142u do realizacji: moj minimalistyczny system do zarz\u0105dzania domowym magazynem Od dawna mia\u0142em pomys\u0142 na stworzenie systemu, kt\u00f3ry pom\u00f3g\u0142by mi lepiej organizowa\u0107 i szybciej <a href=\"https:\/\/k404.eu\/?p=291&#038;lang=pl\" 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":[56,58,50,22],"tags":[],"class_list":["post-291","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-admin-pl","category-code-pl","category-hobby-pl","category-uncategorized-pl"],"acf":[],"_links":{"self":[{"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/291","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=291"}],"version-history":[{"count":2,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/k404.eu\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions\/341"}],"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=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/k404.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}