Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom podstawowy)

Podobne dokumenty
Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom zaawansowany)

Miejski System Zarządzania - Katowicka Infrastruktura Informacji Przestrzennej

INSTRUKCJA Panel administracyjny

Pracownia internetowa w każdej szkole. Opiekun pracowni internetowej SBS 2003 PING


Microsoft Management Console

Archiwum Prac Dyplomowych

INTERAKTYWNA APLIKACJA MAPOWA MIASTA RYBNIKA INSTRUKCJA OBSŁUGI

Wdrożenie modułu płatności eservice dla systemu Virtuemart 2.0.x

Możliwości publikacji zbiorów danych przestrzennych w ramach infrastruktury informacji przestrzennej z zastosowaniem komponentów GUGiK

PS IMAGO 3.0 /// instrukcja instalacji

Parowanie urządzeń Bluetooth. Instrukcja obsługi

Firma Informatyczna JazzBIT

Spis treści. Rozdział 1 ewyniki. mmedica - INSTR UKC JA UŻYTKO W NIKA

INSTRUKCJA KONFIGURACJI PRZEGLĄDARKI INTERNET EXPLORER

Tomasz Greszata - Koszalin

Aplikacje internetowe i rozproszone - laboratorium

I. Zakładanie nowego konta użytkownika.

1. PODMIOTEM ŚWIADCZĄCYM USŁUGI DROGĄ ELEKTRONICZNĄ JEST 1) SALESBEE TECHNOLOGIES SP. Z O.O. Z SIEDZIBĄ W KRAKOWIE, UL.

Ćwiczenie 6.5. Otwory i śruby. Skrzynia V

OptiMore Importer Rejestru VAT. Instrukcja obsługi programu

Zdalne odnawianie certyfikatów do SWI

Opis instalacji systemu Intranet Komunikator

Opis obsługi systemu Ognivo2 w aplikacji Komornik SQL-VAT

SZABLONY KOMUNIKATÓW SPIS TREŚCI

Instrukcja programu PControl Powiadowmienia.

Zarządzanie Zasobami by CTI. Instrukcja

Nowe funkcjonalności

Poniżej instrukcja użytkowania platformy

Symfonia Produkcja Instrukcja instalacji. Wersja 2013

dbsamples.udl lub przygotowany wcześniej plik dla Excela) i OK,

BCS Manager Instrukcja Obsługi

Komunikacja w sieci Industrial Ethernet z wykorzystaniem Protokołu S7 oraz funkcji PUT/GET

Instrukcja instalacji programu Plantator oraz transferu pliku danych z/do PC kolektor danych PT-20

Technologie internetowe Internet technologies Forma studiów: Stacjonarne Poziom kwalifikacji: I stopnia. Liczba godzin/tydzień: 2W, 2L

elektroniczna Platforma Usług Administracji Publicznej

Kopia zapasowa i odzyskiwanie Podręcznik użytkownika

GEO-SYSTEM Sp. z o.o. GEO-RCiWN Rejestr Cen i Wartości Nieruchomości Podręcznik dla uŝytkowników modułu wyszukiwania danych Warszawa 2007

INSTRUKCJA DO PROGRAMU LICZARKA 2000 v 2.56

Centrum Informatyki "ZETO" S.A. w Białymstoku. Instrukcja użytkownika dla urzędników nadających uprawnienia i ograniczenia podmiotom w ST CEIDG

Pracownia internetowa w szkole podstawowej (edycja 2004)

Platforma do obsługi zdalnej edukacji

Konfiguracja przeglądarek internetowych oraz Panelu Java dla klientów instutucjonalnych problemy z apletem do logowania/autoryzacji

PRESTASHOP INTEGRATOR XL BY CTI INSTRUKCJA

Chmura obliczeniowa. do przechowywania plików online. Anna Walkowiak CEN Koszalin

STRONA GŁÓWNA SPIS TREŚCI. Zarządzanie zawartością stron... 2 Tworzenie nowej strony... 4 Zakładka... 4 Prawa kolumna... 9

Lublin, Zapytanie ofertowe

Marcin Werla

Logowanie do mobilnego systemu CUI i autoryzacja kodami SMS

INSTRUKCJA WebPTB 1.0

Instalacja i konfiguracja automatu synchronizacji CDN OFFLINE

Materiały oryginalne: ZAWWW-2st1.2-l11.tresc-1.0kolor.pdf. Materiały poprawione

epuap Ogólna instrukcja organizacyjna kroków dla realizacji integracji

Konfiguracja historii plików

OPIS PRZEDMIOTU ZAMÓWIENIA:

System Informatyczny CELAB. Przygotowanie programu do pracy - Ewidencja Czasu Pracy

CELAB. System Informatyczny. Punkt przyjęć krok po kroku LTC 1

1. Korzyści z zakupu nowej wersji Poprawiono Zmiany w słowniku Stawki VAT Zmiana stawki VAT w kartotece Towary...

Następnie kliknąć prawym klawiszem myszy na Połączenie sieci bezprzewodowej i wybrać Wyłącz.

ECDL Advanced Moduł AM3 Przetwarzanie tekstu Syllabus, wersja 2.0

Zaawansowane aplikacje internetowe - laboratorium Architektura Spring.

JADWIGA SKIMINA PUBLIKACJA NA TEMAT: NAUKA MS. WORD 2000 W KLASIE IV

Instrukcja obsługi platformy zakupowej e-osaa (klient podstawowy)

Instrukcja dotycząca generowania klucza dostępowego do Sidoma v8

System zarządzania bazą danych (SZBD) Proces przechodzenia od świata rzeczywistego do jego informacyjnej reprezentacji w komputerze nazywać będziemy

Harmonogramowanie projektów Zarządzanie czasem

Polityka prywatności strony internetowej wcrims.pl

Część II SIWZ: Szczegółowy Opis Przedmiotu zamówienia

Zintegrowane Systemy Zarządzania Biblioteką SOWA1 i SOWA2 SKONTRUM

PoluProduction. <jedi> Vision. Version 1.0

Audyt SEO. Elementy oraz proces przygotowania audytu. strona

Centrum Informatyki "ZETO" S.A. w Białymstoku. Obsługa licencji, zaświadczeń i zezwoleń transportowych w systemie ProcEnt Licencje

Wyślij sterownik. Podręcznik administratora

Platforma Aukcyjna Marketplanet. Podręcznik Oferenta. Aukcja dynamiczna zniŝkowa

SpedCust 5 instrukcja instalacji

Instrukcja instalacji oraz wykorzystania podpisu cyfrowego

Formularz oferty. (Wypełniają jedynie Wykonawcy składający wspólną ofertę)

INTENSE BUSINESS INTELLIGENCE PLATFORM

REGULAMIN INTERNETOWEJ OBSŁUGI KLIENTA

DrawCut Label Studio

KALENDARZE. Ćwiczenie 1 Tworzenie nowego, edycja kalendarza. 1. Uruchom nowy projekt. 2. W menu Narzędzia kliknij polecenie Zmień czas pracy

Instrukcja postępowania w celu podłączenia do PLI CBD z uwzględnieniem modernizacji systemu w ramach projektu PLI CBD2

Tytuł pracy. Praca dyplomowa inżynierska. Filip Piechocki. Tytuł Imię i Nazwisko

Ostatnia cena sprzeda y klienta 1.0 dodatek do Symfonia Faktura dla 1 firmy

Logowanie do systemu Faktura elektroniczna

Opis zmian funkcjonalności platformy E-GIODO wprowadzonych w związku z wprowadzeniem możliwości wysyłania wniosków bez podpisu elektronicznego

Automatyczne generowanie transakcji do WB 1.0 dodatek do Finanse i Ksi gowo ERP dla 1 firmy

Rozliczenia z NFZ. Ogólne założenia. Spis treści

Przewodnik AirPrint. Ten dokument obowiązuje dla modeli atramentowych. Wersja A POL

INSTRUKCJA PROGRAMU BHM SPIS TREŚCI

Instalacja. Zawartość. Wyszukiwarka. Instalacja Konfiguracja Uruchomienie i praca z raportem Metody wyszukiwania...

db powernet Instalacja czytnika kart mikroprocesorowych (instrukcja)

Automatyzacja procesu publikowania w bibliotece cyfrowej

Pracownia internetowa w każdej szkole (edycja Jesień 2007)

Instrukcja użytkownika Akademickiego Systemu Archiwizacji Prac dla nauczyciela akademickiego

Zmiany w programie C GEO v. 6.5

Instrukcja Obsługi STRONA PODMIOTOWA BIP

Procedura działania Punktu Potwierdzającego Profile Zaufane epuap Urzędzie Gminy w Ułężu

Praca na wielu bazach danych część 2. (Wersja 8.1)

Linux LAMP, czyli Apache, Php i MySQL

Transkrypt:

Wrocławski Instytut Zastosowań Informacji Przestrzennej i Sztucznej Inteligencji Przekształcenie danych przestrzennych w interaktywne mapy dostępne na stronach www (WARSZTATY, poziom podstawowy) Szkolenia dla pracowników resortu środowiska w zakresie tematyki dotyczącej wdrożenia dyrektywy INSPIRE str. 1

Spis treści 1 Wstęp... 3 1.1 Cel i zakres warsztatów... 3 1.2 O QGIS i GeoServer... 3 2 Ćwiczenia szkoleniowe... 4 2.1 Wczytanie usługi WMS do oprogramowania QGIS i dodanie do komponentu mapowego... 4 2.2 Utworzenie usługi WMS na podstawie projektu w QGIS... 10 2.3 Dodanie wybranych warstw do komponentu mapowego... 17 str. 2

1 Wstęp 1.1 Cel i zakres warsztatów Materiały szkoleniowe przeznaczone do niniejszych warsztatów składają się z kilkunastu zadań wykonywanych w trakcie szkolenia. Zadania te rozpoczyna, omawia i nadzoruje prowadzący, kierując uczestników do celu i omawiając zagadnienia niezbędne dla pełnego zrozumienia tematu. Zestaw ćwiczeń został przygotowany w sposób, który pozwala na zrozumienie podstawowych technologii związanych z siecią WWW (zapoznanie z szablonem dokumentu HTML, CSS, bibliotekami (Leaflet) skryptami Java), technologii WebGIS, możliwości publikacji danych przestrzennych w sieci WWW oraz tworzenie interaktywnych map na stronach WWW. Opracowany program ma również na celu przekazanie uczestnikom kompetencji i wiedzy, z zakresu usług sieciowych (WMS, WFS). Zadania do realizacji w czasie ćwiczeń, zostały przygotowane w porządku, wskazującym zalecaną kolejność ich wykonania. Każde z nich oznaczone kolejnym numerem, tj. 1, 2, oraz tytułem, składa się z dwu części A i B. Część A w kilku zdaniach przedstawia problem i precyzuje zadanie do rozwiązania, stawiając wyraźny cel i określając rezultat. Cześć B natomiast podaje w sposób ogólny kolejne kroki, prezentujące poprawny plan realizacji zadania. 1.2 O QGIS i GeoServer QGIS (wcześniej Quantum GIS) jest przykładem wolnego i otwartego oprogramowania opartego na licencji GNU GPL. Oznacza to, iż może być ono uruchamiane, rozwijane, udoskonalane i rozpowszechniane dla dowolnych celów. QGIS obsługiwany jest przez wszystkie znaczące systemy operacyjne takie, jak Microsoft Windows, Linux, czy Mac OS X. Głównym zadaniem QGISa jest przetwarzanie danych geoprzestrzennych, wliczając w to tworzenie map, edycję i analizy danych, czy zarzadzanie bazami danych przestrzennych. Obsługuje on liczne formaty danych przestrzennych, począwszy od plików rastrowych typu.tiff,.jpeg, czy.png, poprzez formaty wektorowe takie, jak.shp,.dgn, czy.kml, a także bazy danych (np. PostGIS, MySQL) oraz usługi sieciowe (WMS, WFS, WCS). Do niniejszych warsztatów wykorzystana zostanie wersja QGIS 2.4 Chugiak. Wszystkie niezbędne materiały oraz katalogi pomocnicze znajdują się pod ścieżką home/user/dane GeoServer jest przykładem otwartego oprogramowania, które pozwala użytkownikom na udostępnianie, przetwarzanie i edycję danych geoprzestrzennych. QGIS współpracuje z oprogramowaniem GeoServer za pomocą wtyczki OpenGeo Explorer, dzięki której możemy w łatwy sposób udostępniać dane geoprzestrzenne za pomocą usługi WMS/WFS. str. 3

2 Ćwiczenia szkoleniowe 2.1 Wczytanie usługi WMS do oprogramowania QGIS i dodanie do komponentu mapowego A. Zadanie polega na założeniu projektu w aplikacji QGIS, wczytaniu jako warstwy istniejącej usługi WMS, a następnie przekształceniu jej w komponent mapowy, który można opublikować na stronie WWW. B. Kroki realizacji: 1) kliknij dwukrotnie lewym przyciskiem myszy na folder znajdujący się na pulpicie o nazwie Desktop GIS, a następnie ponownie dwukrotnie lewym przyciskiem myszy na ikonę programu QGIS, Rysunek 1: Uruchomienie aplikacji QGIS 2) dodaj warstwę WMS klikając w górnym menu Warstwa -> Dodaj warstwę WMS/WMTS lub klikając odpowiednią ikonkę w pasku znajdującym się po lewej stronie programu, str. 4

Rysunek 2: Narzędzia dodawania warstwy WMS 3) w oknie Dodaj warstwy z serwera WM(T)S kliknij Nowa oraz uzupełnij następujące dane I kliknij OK: Nazwa: ochrona srodowiska URL: http://sdi.gdos.gov.pl/wms str. 5

Rysunek 3: Okno utworzenia nowego połączenia WMS 4) z rozwijanego menu wybierz warstwę ochrona srodowiska i kliknij Połącz: Rysunek 4: Okno dodawania warstwy WMS str. 6

5) wybierz jedną warstwę i kliknij Dodaj 6) mając otwarty projekt w QGIS, gdzie znajdują się warstwy WMS, kliknij Wtyczki -> Interactive Map Export -> Eksportuj mapę do WWW, Rysunek 5: Uruchomienie wtyczki Interactive Map Export 7) w oknie Eksportu interaktywnej mapy do WWW kliknij Eksportuj spowoduje to wygenerowanie komponentu o zadanej szerokości podanej w pikselach, Rysunek 6: Okno wtyczki Interactive Map Export 8) skopiuj kod, który znajduje się w oknie Kod do wklejenia, Rysunek 7: Okno wtyczki Interactive Map Export str. 7

9) przejdź do folderu /home/user/dane Rysunek 8: Lokalizacja danych potrzebnych do ćwiczenia 10) kliknij prawym przyciskiem myszy na plik index.html, następnie kliknij medit (Edycja pliku w prostym edytorze tekstu.) i wklej skopiowany kod pomiędzy znaczniki <body></body>. Po wklejeniu kodu kliknij Save (File -> Save lub Ctrl + S), str. 8

Rysunek 9: Edycja pliku HTML 11) kliknij dwukrotnie lewym przyciskiem myszy na pliku index.html plik ten zostanie otwarty w przeglądarce (efekt może się różnić od załączonego zrzutu w zależności od wybranej warstwy WMS w projekcie QGIS), str. 9

Rysunek 10: Podgląd pliku HTML w przeglądarce 2.2 Utworzenie usługi WMS na podstawie projektu w QGIS A. Zadanie polega na stworzeniu nowego projektu w aplikacji QGIS, wystylizowaniu warstw według upodobań uczestników, a następnie utworzeniu usługi WMS na podstawie wcześniej wystylizowanych warstw i oprogramowania GeoServer. B. Kroki realizacji: 1) utwórz nowy projekt projekt w programie QGIS, Rysunek 11: Utworzenie nowego projektu w QGIS gdy zapyta Czy chcesz zapisać aktywny projekt? kliknij Zamknij bez zapisywania str. 10

2) dodaj warstwy wektorowe kliknij w górnym menu Warstwa -> Dodaj warstwę wektorową lub odpowiednią ikonę na pasku po lewej stronie (warstwy do wczytania znajdują się one w lokalizacji: /home/user/dane/wroclaw), zmodyfikuj style wyświetlania Rysunek 12: Narzędzia dodawania warstwy wektorowej 3) w oknie w oknie Dodaj warstwę wektorową kliknij Przeglądaj. Po otwarciu okna Otwórz warstwę wektorową przejdź do folderu /user/dane/wroclaw. U dołu okna (nad przyciskami Cancel i Open) rozwiń listę i wybierz ESRI Shapefile, następnie wybierz warstwy, które chcesz dodać (jeżeli chcesz dodać kilka warstw jednocześnie to zaznacz je przytrzymując Ctrl na klawiaturze). Następnie kliknij Open i Otwórz. Spowoduje to dodanie do projektu nowej warstwy wektorowej na podstawie wskazanego pliku Shapefile. str. 11

Rysunek 13: Okno otwierania warstwy wektorowej 4) Kolejnym krokiem jest uruchomienie usługi Geoserver, która pozwala na tworzenie własnych usług WMS udostępniających mapy rastrowe utworzone ze wskazanych źródeł danych. Aby to zrobić kliknij Start -> Geospatial ->WebServices -> GeoServer -> Start Geoserver, str. 12

Rysunek 14: Uruchomienie GeoServera 5) w QGIS kliknij na zakładkę o nazwie OpenGeo (znajduje się w górnym menu) i wybierz OpenGeo Explorer. OpenGeo Explorer to wtyczka pozwalająca na zarządzanie usługami GeoServer z poziomu aplikacji QGIS. Pozwala na eksport danych i stylizacji QGISa do GeoServera i uruchomienia na ich podstawie nowej usługi WMS. Rysunek 15: Wtyczka OpenGeo Rysunek 16: Wtyczka OpenGeo Explorer 6) w oknie OpenGeo Explorer kliknij prawym przyciskiem myszy, a następnie New catalog, 7) uzupełnij okno danymi i kliknij OK: Catalog name: cite URL: http://localhost:8082/geoserver User name: admin Password: geoserver str. 13

Rysunek 17: Okno definicji katalogu 8) w OpenGeo Explorer kliknij prawym przyciskiem myszy na QGIS Project, a następnie Publish. Ustawiamy następujące wartości: Catalog: cite Workspace: cite Rysunek 18: Okno publikacji projektu 9) skasuj wszystkie warstwy z legendy, następnie dodaj warstwę WMS: str. 14

Rysunek 19: Narzędzia dodawania warstwy WMS 10) w oknie Dodaj warstwy z serwera WM(T)S kliknij Nowa oraz uzupełnij następujące dane I kliknij OK: Nazwa: geoserver URL: http://localhost:8082/geoserver/wms str. 15

Rysunek 20: Okno utworzenia nowego połączenia WMS 11) z rozwijanego menu wybierz warstwę geoserver i kliknij Połącz: str. 16

Rysunek 21: Okno dodawania warstwy WMS 12) zaznacz warstwy o nazwach, które były w projekcie QGIS na początku zadania. Zaznacz warstwę i kliknij Dodaj (postępuj tak dla każdej warstwy, którą chcesz dodać). 2.3 Dodanie wybranych warstw do komponentu mapowego A. Zadanie będzie polegało na wyeksportowaniu warstw WMS utworzonych w poprzednim ćwiczeniu i dodaniu ich komponentu mapowego. Uczestnik zapozna się z wtyczką Interactive Map Export oraz z podstawowymi elementami dokumentu HTML wraz z fragmentami kodu JavaScript i bibliotekami Leaflet. str. 17

B. Kolejne kroki: 1) Należy upewnić się, że warstwy w legendzie ułożone są w odpowiedniej kolejności, należy również wskazać odpowiedni widok. Mając otwarty projekt w QGIS, gdzie znajdują się warstwy WMS, kliknij Wtyczki -> Interactive Map Export -> Eksportuj mapę do WWW. Rysunek 22: Uruchomienie wtyczki Interactive Map Export 2) w oknie Eksportu interaktywnej mapy do WWW kliknij Eksportuj Rysunek 23: Okno wtyczki Interactive Map Export 3) skopiuj kod, który jest w oknie Kod do wklejenia Rysunek 24: Okno wtyczki Interactive Map Export str. 18

4) przejdź do folderu /home/user/dane, kliknij prawym przyciskiem myszy na plik index.html, następnie kliknij medit i wklej skopiowany kod pomiędzy znaczniki <body></body>. Po wklejeniu kodu kliknij Save (File -> Save lub Ctrl + S), Rysunek 25: Edycja pliku HTML 5) kliknij dwukrotnie lewym przyciskiem myszy na plik index.html (powinien uruchomić się plik w przeglądarce WWW), Rysunek 26: Plik HTML w przeglądarce po modyfikacji str. 19