{"id":19083,"date":"2024-02-28T09:11:14","date_gmt":"2024-02-28T08:11:14","guid":{"rendered":"https:\/\/www.wsti.pl\/?post_type=dyplomy_cpt&#038;p=19083"},"modified":"2024-02-28T12:21:12","modified_gmt":"2024-02-28T11:21:12","slug":"interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego","status":"publish","type":"dyplomy_cpt","link":"https:\/\/www.wsti.pl\/uk\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/","title":{"rendered":"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB"},"content":{"rendered":"\n<section class=\"textWithIcons textWithIcons--0 \">\n    <div class=\"tbc\">   \n        <div class=\"container\">\n            <div class=\"row\">\n                                    <div class=\"col-12\">\n                        <h3 class=\"title title--3 color--neutral-black tbc__title\">Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi Instytutu Meteorologii i Gospodarki Wodnej Pa\u0144stwowego Instytutu Badawczego<\/h3><h5 class=\"title title--5 color--neutral-black tbc__subTitle\">Autor \u2013 Marcin Golis<\/h5><div class=\"text text--2 color--neutral-black tbc__desc\"><p>&nbsp;<\/p>\n<p><strong>1. Cel i podstawowe za\u0142o\u017cenia<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Celem pracy jest stworzenie aplikacji internetowej do\u00a0monitorowania stan\u00f3w rzek przez u\u017cytkownik\u00f3w. Aplikacja powinna posiada\u0107 w\u0142asny serwer <em>i\u00a0baz\u0119 danych umo\u017cliwiaj\u0105c\u0105 personalizowanie wynik\u00f3w. Aplikacja powinna r\u00f3wnie\u017c zapewnia\u0107 poprawno\u015b\u0107 wynik\u00f3w oraz by\u0107 wykonana w\u00a0aktualnych na\u00a0czas jej tworzenia technologiach.<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>2. Realizacja projektu<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Celem projektu by\u0142o samodzielne stworzenie wszystkich sk\u0142adowych tr\u00f3jwarstwowej aplikacji internetowej. Realizacja projektu toczy\u0142a si\u0119 zgodnie z\u00a0zasadami sztuki informatycznej. Wykonywanie projektu odbywa\u0142o si\u0119 w\u00a0nast\u0119puj\u0105cych etapach:<\/p>\n<ul>\n<li>Sprawdzenie mo\u017cliwo\u015bci, zasad i\u00a0regulamin\u00f3w korzystania z\u00a0danych dost\u0119pnych w\u00a0oficjalnych portalach.<\/li>\n<li>Przeprowadzenie analizy ju\u017c istniej\u0105cych rozwi\u0105za\u0144 na\u00a0rynku. R\u00f3wnie\u017c pod k\u0105tem ich wad jak i\u00a0zalet.<\/li>\n<li>Opracowanie koncepcji w\u0142asnego rozwi\u0105zania oraz wymaga\u0144 funkcjonalnych i\u00a0niefunkcjonalnych<\/li>\n<li>Zaprojektowanie architektury rozwi\u0105zania oraz wyselekcjonowanie narz\u0119dzi do\u00a0jego wytworzenia<\/li>\n<li>Zaprojektowanie interfejsu u\u017cytkownika oraz innych potrzebnych widok\u00f3w<\/li>\n<li>Opracowanie oraz napisanie kodu aplikacji<\/li>\n<li>Weryfikacja i\u00a0testowanie poprawno\u015bci dzia\u0142ania wytworzonego oprogramowania<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Podczas implementacji zaprojektowano baz\u0119 danych w\u00a0taki spos\u00f3b, aby zbierane dane pomiarowe nie powodowa\u0142y jej redundancji. Dane kt\u00f3re powtarzaj\u0105 si\u0119 przy pobieraniu ich od\u00a0dostawcy zostaj\u0105 odrzucone a\u00a0nowe dane zostaj\u0105 zapisane w\u00a0odpowiednich tabelach. Zabezpieczono r\u00f3wnie\u017c serwer przed niepowo\u0142anym dost\u0119pem do\u00a0punkt\u00f3w API. Dodano mo\u017cliwo\u015b\u0107 rejestracji i\u00a0logowania si\u0119 w\u00a0systemie. Mo\u017cliwo\u015b\u0107 korzystania z\u00a0punkt\u00f3w API zosta\u0142a dopasowana i\u00a0wzbogacona o\u00a0system r\u00f3l. Dzi\u0119ki temu konto o\u00a0uprawnieniach zwyk\u0142ego u\u017cytkownika nie morze pobra\u0107 zasob\u00f3w przyporz\u0105dkowanych dla konta administratora. Dodatkiem jest mo\u017cliwo\u015b\u0107 dodawania pozycji do\u00a0w\u0142asnej listy oraz notatek do\u00a0ka\u017cdej z\u00a0nich. Notatki s\u0105\u00a0indywidualne i\u00a0widoczne tylko dla ich w\u0142a\u015bciciela.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>3.\u00a0 Produkt ko\u0144cowy \u2013 stworzone oprogramowanie<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>3.1. Podstawowe wymagania<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Uruchomienie aplikacji w\u00a0rzeczywistym \u015brodowisku jest r\u00f3\u017cnorodne i\u00a0uzale\u017cnione od\u00a0dostawcy, u\u00a0kt\u00f3rego chcemy uruchomi\u0107 aplikacji. Aby uczyni\u0107 to\u00a0poprawnie nale\u017cy post\u0119powa\u0107 zgodnie z\u00a0jego instrukcjami.<\/p>\n<p>&nbsp;<\/p>\n<p>Aby uruchomi\u0107 aplikacje lokalnie nale\u017cy posiada\u0107 zainstalowane oprogramowanie Docker. W\u00a0konsoli z\u00a0poziomu dostarczonego folderu<em> <strong>RLM<\/strong> <\/em>nale\u017cy wykona\u0107 polecenie <strong><em>docker\u00a0compose\u00a0up\u00a0-d<\/em><\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>Po uruchomieniu si\u0119 wszystkich kontener\u00f3w aplikacja dost\u0119pna b\u0119dzie w przegl\u0105darce pod adresem http:\/\/localhost.<\/p>\n<\/div>                    <\/div>\n                                                                                                                                                                                                \n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n    <section class=\"gallery-photo-video   \">\n        <div class=\"container\">\n            <div class=\"row\">\n                            <\/div>\n            <div class=\"row gap-box\">\n                                    \n                                                            <div class=\"col-12 col-sm-6 col-md-4 col-xl-3\">\n                                                                            <a class=\"gallery-photo-video__item\" data-fslightbox=\"gallery-photo-video-item\" href=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/1.jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/1.jpg\" alt=\"\" \/>\n                                        <\/a>\n                                                                                                        <\/div>\n                            \n                            \n                            \n\n\n\n                    \n                                                            <div class=\"col-12 col-sm-6 col-md-4 col-xl-3\">\n                                                                            <a class=\"gallery-photo-video__item\" data-fslightbox=\"gallery-photo-video-item\" href=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/2.jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/2.jpg\" alt=\"\" \/>\n                                        <\/a>\n                                                                                                        <\/div>\n                            \n                            \n                            \n\n\n\n                    \n                                                            <div class=\"col-12 col-sm-6 col-md-4 col-xl-3\">\n                                                                            <a class=\"gallery-photo-video__item\" data-fslightbox=\"gallery-photo-video-item\" href=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/3.jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/3.jpg\" alt=\"\" \/>\n                                        <\/a>\n                                                                                                        <\/div>\n                            \n                            \n                            \n\n\n\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n<section class=\"textBlock textBlock--0 \">\n    <div class=\"tbc\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                    <div class=\"col-12\">\n                                                                                                    <div class=\"text text--2 color--neutral-black tbc__desc\"><p><strong>3.2 Funkcjonalno\u015b\u0107 oprogramowania<\/strong><\/p>\n<\/div>                                                                    <\/div>\n                                                                                                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/4.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Przy przej\u015bciu na\u00a0stron\u0119, kt\u00f3ra udost\u0119pnia stworzon\u0105 aplikacje uruchomiona zostaje strona g\u0142\u00f3wna. Posiada ona przyciski nawigacyjne oraz informacje o\u00a0nazwie zalogowanego konta. Z\u00a0tego miejsca mo\u017cemy przej\u015b\u0107 do\u00a0zak\u0142adki rzek b\u0105d\u017a strony logowania. Widzimy r\u00f3wnie\u017c informacje, \u017ce\u00a0aby m\u00f3c korzysta\u0107 z\u00a0w\u0142asnej listy musimy si\u0119 zalogowa\u0107.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/5.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Po\u00a0przej\u015bciu do\u00a0zak\u0142adki rzek bez zalogowania mo\u017cemy przegl\u0105da\u0107 i\u00a0zaw\u0119\u017ca\u0107 pozycje do\u00a0wojew\u00f3dztw klikaj\u0105c na\u00a0nazwy po\u00a0lewej stronie okna.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"textBlock textBlock--0 \">\n    <div class=\"tbc\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                    <div class=\"col-12\">\n                                                                                                    <div class=\"text text--2 color--neutral-black tbc__desc\"><p>Po\u00a0klikni\u0119ciu w\u00a0przycisk <strong>Poka\u017c<\/strong> aplikacja przeniesie nas do widoku szczeg\u00f3\u0142\u00f3w. W widoku szczeg\u00f3\u0142\u00f3w bez zalogowania mamy dost\u0119pne tylko trzy zak\u0142adki: Lokalizacja, Pomiary i Wykres.<\/p>\n<p>Pierwsza prezentuje og\u00f3lne dane identyfikacyjne. Druga pomiary i\u00a0ich daty podzielone na\u00a0strony. Zakres stron z\u00a0danymi mo\u017cna konfigurowa\u0107 za\u00a0pomoc\u0105 stronicowania w\u00a0dolnej prawej cz\u0119\u015bci okna. Trzecia zak\u0142adka prezentuje pomiary na\u00a0wykresie liniowym.<\/p>\n<p>Aby otrzyma\u0107 wi\u0119cej mo\u017cliwo\u015bci nale\u017cy klikn\u0105\u0107 przycisk <strong>Logowanie<\/strong>.<\/p>\n<\/div>                                                                    <\/div>\n                                                                                                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/6.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Pierwsza prezentuje og\u00f3lne dane identyfikacyjne. Druga pomiary i ich daty podzielone na strony. Zakres stron z danymi mo\u017cna konfigurowa\u0107 za pomoc\u0105 stronicowania w dolnej prawej cz\u0119\u015bci okna. Trzecia zak\u0142adka prezentuje pomiary na wykresie liniowym.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Aby otrzyma\u0107 wi\u0119cej mo\u017cliwo\u015bci nale\u017cy klikn\u0105\u0107 przycisk Logowanie.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/8.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">W tym miejscu mo\u017cna si\u0119 zalogowa\u0107 b\u0105d\u017a zarejestrowa\u0107 swoje konto. Po poprawnym przej\u015bciu przez ten proces zostajemy przekierowani na stron\u0119 z list\u0105 rzek.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/9.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Po zalogowaniu widzimy, \u017ce na stronie g\u0142\u00f3wnej umieszczona jest informacja o nazwie konta, na kt\u00f3rym jeste\u015bmy aktualnie zalogowani. Teraz na stronie rzek mo\u017cemy zauwa\u017cy\u0107, \u017ce mamy dost\u0119pny przycisk Dodaj do listy. Klikni\u0119cie tego przycisku doda wybran\u0105 rzek\u0119 do listy i przeniesie nas na ni\u0105.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/10.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Mo\u017cemy tutaj usun\u0105\u0107 rzek\u0119 z listy b\u0105d\u017a przej\u015b\u0107 do jej szczeg\u00f3\u0142\u00f3w.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/12.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">W szczeg\u00f3\u0142ach rzeki opr\u00f3cz poprzednich zak\u0142adek pojawia si\u0119 nam nowa o nazwie Notatki. Mo\u017cemy w niej dodawa\u0107 i usuwa\u0107 w\u0142asne notatki. Mo\u017cna r\u00f3wnie\u017c zauwa\u017cy\u0107 informacje o ilo\u015bci rzek na li\u015bcie prywatnej u\u017cytkownika umieszczonej w prawym g\u00f3rnym rogu aplikacji przy ikonie listy.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/10.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Mo\u017cemy tutaj usun\u0105\u0107 rzek\u0119 z listy b\u0105d\u017a przej\u015b\u0107 do jej szczeg\u00f3\u0142\u00f3w.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/11.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">W szczeg\u00f3\u0142ach rzeki opr\u00f3cz poprzednich zak\u0142adek pojawia si\u0119 nam nowa o nazwie Notatki. Mo\u017cemy w niej dodawa\u0107 i usuwa\u0107 w\u0142asne notatki. Mo\u017cna r\u00f3wnie\u017c zauwa\u017cy\u0107 informacje o ilo\u015bci rzek na li\u015bcie prywatnej u\u017cytkownika umieszczonej w prawym g\u00f3rnym rogu aplikacji przy ikonie listy.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"textBlock textBlock--2 \">\n    <div class=\"tbc\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                                    <div class=\"col-12 col-lg-6 textBlock__colLeft\">\n                        <div class=\"tbc__colLeft__inner\">\n                            <div class=\"text text--2 color--neutral-black tbc__colDesc\"><p><strong>3.3 Cz\u0119\u015b\u0107 administracyjna<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Do\u00a0cz\u0119\u015bci administracyjnej maja dost\u0119p tylko u\u017cytkownicy z\u00a0rol\u0105 administratora. Przej\u015bcie tam odbywa si\u0119 poprzez dopisanie do\u00a0adresu domeny aplikacji \u015bcie\u017cki <strong><em>\/admin<\/em><\/strong>.<\/p>\n<p>Po\u00a0poprawnym podaniu danych logowania jeste\u015bmy przekierowywanie do\u00a0widoku g\u0142\u00f3wnego.<\/p>\n<\/div>                        <\/div>\n                    <\/div>\n                    <div class=\"col-12 col-lg-6 textBlock__colRight\">\n                        <div class=\"tbc__colRight__inner\">\n                                            <div class=\"tbc__imageBox\">\n                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/13-e1709111879953.jpg\" alt=\"\" \/>\n                <\/div>\n                \n                        <\/div>\n                    <\/div>\n                    <div class=\"col-12\">\n                                            <\/div>\n                                                                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/14.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Mo\u017cemy w tym miejscu wymusi\u0107 r\u0119czn\u0105 aktualizacje danych pomiarowych na serwerze. Aby to zrobi\u0107 nale\u017cy klikn\u0105\u0107 przycisk Aktualizuj i poczeka\u0107 do ko\u0144ca pracy sygnalizowanej przez pasek post\u0119pu. Strona udost\u0119pnia r\u00f3wnie\u017c dane statystyczne o ilo\u015bci danych w bazie i ilo\u015bci zarejestrowanych kont w systemie.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/15.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Po przej\u015bciu do zak\u0142adki rzeki otrzymujemy postronicowan\u0105 tabele z list\u0105 rzek w bazie danych. Z tego miejsca mo\u017cemy dodawa\u0107 rzeki klikaj\u0105c przycisk Dodaj rzek\u0119 w g\u00f3rnej cz\u0119\u015bci ekranu.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"photo-block\">\n    <div class=\"container\">\n        <div class=\"row\">\n\n            \n                                                                                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/16.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">Mo\u017cemy r\u00f3wnie\u017c edytowa\u0107 i usuwa\u0107 pozycje klikaj\u0105c ikony w kolumnie Akcje.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                <div class=\"col-12 col-md-6\">\n                                    <div class=\"photo-block__picture\">\n\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/17.jpg\" alt=\"\" \/>\n                                                                                                                                                                            <p class=\"text--3\">W tym miejscu mo\u017cna edytowa\u0107 dane wybranej rzeki znajduj\u0105ce si\u0119 w bazie danych. Zapis pozycji odbywa si\u0119 po naci\u015bni\u0119ciu przycisku Zapisz.<\/p>\n                                                                                    \n                                    <\/div>\n                                <\/div>\n                        \t                                    <\/section>\n\n<section class=\"textBlock textBlock--0 \">\n    <div class=\"tbc\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                    <div class=\"col-12\">\n                                                                                                    <div class=\"text text--2 color--neutral-black tbc__desc\"><p><strong>4. Informacje o mo\u017cliwo\u015bci wykorzystania<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Stworzona aplikacja jest gotowa do\u00a0dalszego rozwoju. Dzi\u0119ki swojej elastyczno\u015bci mog\u0105 by\u0107 w\u00a0niej prezentowane r\u00f3\u017cnorodne informacje. R\u00f3wnie\u017c takie stworzone w\u00a0innych technologiach. Mog\u0105 to\u00a0by\u0107 aplikacje na\u00a0telefon czy np. zegarek. Aplikacja mo\u017ce zosta\u0107 rozbudowana do\u00a0ca\u0142ego systemu informacyjnego z\u00a0kt\u00f3rego b\u0119d\u0105 korzysta\u0107 ukierunkowane na\u00a0konkretne dzia\u0142ania aplikacje.<\/p>\n<\/div>                                                                    <\/div>\n                                                                                                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"download-files  \">\n    <div class=\"container\">\n        <div class=\"row\">\n                            <div class=\"col-12\">\n                    <div class=\"download-files__line\"><\/div>\n                <\/div>\n                        <div class=\"col-12\">\n                <div class=\"download-files__top\">\n                                            <h5>Zobacz referat i prezentacj\u0119<\/h5>\n                                                        <\/div>\n            <\/div>\n            <div class=\"col-12\">\n                                                                                            <a class=\"download-files__content  \" href=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/Marcin-Golis.pdf\">\n                                                                            <img decoding=\"async\" class=\"download-files__content__icon-first\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2023\/11\/iconsfile-text-line-colorred.svg\" alt=\"\" \/>\n                                                                                                                <p class=\"text--2 text--bold\">Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do\u00a0zarz\u0105dzania danymi pomiarowymi IMGW-PIB \u2013 autor Marcin Golis<\/p>\n                                                                        <div class=\"download-files__content__icon-last\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g id=\"Icons\">\n<path id=\"Vector\" d=\"M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z\" fill=\"#D90031\"\/>\n<\/g>\n<\/svg>\n<\/div>\n                                <\/a>\n                                                                                                    <a class=\"download-files__content  \" href=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/Interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-Marcin-Golis.pdf\">\n                                                                            <img decoding=\"async\" class=\"download-files__content__icon-first\" src=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2023\/11\/iconsfile-text-line-colorred.svg\" alt=\"\" \/>\n                                                                                                                <p class=\"text--2 text--bold\">Prezentacja <\/p>\n                                                                        <div class=\"download-files__content__icon-last\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g id=\"Icons\">\n<path id=\"Vector\" d=\"M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z\" fill=\"#D90031\"\/>\n<\/g>\n<\/svg>\n<\/div>\n                                <\/a>\n                                                                        <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n ","protected":false},"author":9,"featured_media":19123,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false},"dyplomy_cpt_tags":[25],"class_list":["post-19083","dyplomy_cpt","type-dyplomy_cpt","status-publish","has-post-thumbnail","hentry","dyplomy_cpt_tags-informatyka"],"acf":{"alert_on":false,"alert_filter_tag_select":false,"alert_filter_by_tag":[],"modalComunicatHeader_blog":"","modalComunicatHeader_link":null,"awarded_post":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/\" \/>\n<meta property=\"og:locale\" content=\"uk_UA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/\" \/>\n<meta property=\"og:site_name\" content=\"WSTI\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-28T11:21:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"466\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/\",\"url\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/\",\"name\":\"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsti.pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg\",\"datePublished\":\"2024-02-28T08:11:14+00:00\",\"dateModified\":\"2024-02-28T11:21:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#breadcrumb\"},\"inLanguage\":\"uk\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"uk\",\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage\",\"url\":\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg\",\"contentUrl\":\"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg\",\"width\":1000,\"height\":466},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/www.wsti.pl\/uk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsti.pl\/#website\",\"url\":\"https:\/\/www.wsti.pl\/\",\"name\":\"WSTI\",\"description\":\"Wy\u017csza Szko\u0142a Technologii Informatycznych w Katowicach\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsti.pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"uk\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/","og_locale":"uk_UA","og_type":"article","og_title":"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI","og_url":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/","og_site_name":"WSTI","article_modified_time":"2024-02-28T11:21:12+00:00","og_image":[{"width":1000,"height":466,"url":"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/","url":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/","name":"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB - WSTI","isPartOf":{"@id":"https:\/\/www.wsti.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage"},"image":{"@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg","datePublished":"2024-02-28T08:11:14+00:00","dateModified":"2024-02-28T11:21:12+00:00","breadcrumb":{"@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#breadcrumb"},"inLanguage":"uk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/"]}]},{"@type":"ImageObject","inLanguage":"uk","@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#primaryimage","url":"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg","contentUrl":"https:\/\/www.wsti.pl\/wp-content\/uploads\/2024\/02\/7.jpg","width":1000,"height":466},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsti.pl\/interaktywna-aplikacja-internetowa-udostepniajaca-narzedzia-do-zarzadzania-danymi-pomiarowymi-instytutu-meteorologii-i-gospodarki-wodnej-panstwowego-instytutu-badawczego\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.wsti.pl\/uk\/"},{"@type":"ListItem","position":2,"name":"Interaktywna aplikacja internetowa udost\u0119pniaj\u0105ca narz\u0119dzia do zarz\u0105dzania danymi pomiarowymi IMGW-PIB"}]},{"@type":"WebSite","@id":"https:\/\/www.wsti.pl\/#website","url":"https:\/\/www.wsti.pl\/","name":"WSTI","description":"Wy\u017csza Szko\u0142a Technologii Informatycznych w Katowicach","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsti.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"uk"}]}},"_links":{"self":[{"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/dyplomy_cpt\/19083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/dyplomy_cpt"}],"about":[{"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/types\/dyplomy_cpt"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/users\/9"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/media\/19123"}],"wp:attachment":[{"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/media?parent=19083"}],"wp:term":[{"taxonomy":"dyplomy_cpt_tags","embeddable":true,"href":"https:\/\/www.wsti.pl\/uk\/wp-json\/wp\/v2\/dyplomy_cpt_tags?post=19083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}