INFRASTRUKTURA I EKOLOGIA TERENÓW WIEJSKICH INFRASTRUCTURE AND ECOLOGY OF RURAL AREAS



Podobne dokumenty
Król, K Wybrane metody tworzenia aplikacji internetowych w oparciu o mapy tematyczne. EPISTEME Nr 22/2014, Tom 2,

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Dokumentacja techniczno-użytkowa Serwis internetowy

WYBRANE METODY TWORZENIA APLIKACJI INTERNETOWYCH W OPARCIU O MAPY TEMATYCZNE SELECTED METHODS FOR CREATING WEB APPLICATIONS BASED ON THE THEMATIC MAPS

Elementarz HTML i CSS

HTML (HyperText Markup Language) hipertekstowy język znaczników

Przegląd oprogramowania GIS do tworzenia map tematycznych. Jacek Jania

PRZEWODNIK PO PRZEDMIOCIE

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

KARTA KURSU. Przetwarzanie dokumentów XML i zaawansowane techniki WWW

STRONY INTERNETOWE mgr inż. Adrian Zapała

O stronach www, html itp..

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

Specyfikacja. Załącznik A

WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr )

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Przegląd oprogramowania GIS do tworzenia map tematycznych

Nadzorowanie stanu serwerów i ich wykorzystania przez użytkowników

Imię, nazwisko i tytuł/stopień KOORDYNATORA (-ÓW) kursu/przedmiotu zatwierdzającego protokoły w systemie USOS Dr Adam Naumowicz

Informatyka kl. 1. Semestr I

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: Wersja: 1.

Shapefile, GeoPackage czy PostGIS. Marta Woławczyk (QGIS Polska)

Opracowywanie map w ArcGIS Online i MS Office. Urszula Kwiecień Esri Polska

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Przykłady zastosowao rozwiązao typu mapserver w Jednostkach Samorządu Terytorialnego

Format KML w oprogramowaniu GIS

Tomasz Grześ. Systemy zarządzania treścią, cz. II

Zastosowanie systemów informacji przestrzennej oraz metody tworzenia aplikacji internetowych w zakresie ochrony i kształtowania środowiska

PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ),

Pierwsza strona internetowa

JavaFX. Technologie Biznesu Elektronicznego. Wydział Informatyki i Zarządzania Politechnika Wrocławska

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs

Wykorzystanie standardów serii ISO oraz OGC dla potrzeb budowy infrastruktury danych przestrzennych

2 Podstawy tworzenia stron internetowych

Biorąc udział w projekcie, możesz wybrać jedną z 8 bezpłatnych ścieżek egzaminacyjnych:

Programowanie internetowe

Natalia BIEŃ Uniwersytet Przyrodniczy, Studenckie Koło Naukowe Informatyków IMPLEMENTACJA PORTALU INTERNETOWEGO W TECHNOLOGIACH PHP I MYSQL

Extensible Markup Language (XML) Wrocław, Java - technologie zaawansowane

Podstawy (X)HTML i CSS

Szczegółowy opis zamówienia:

RAMOWY HARMONOGRAM SZKOLENIA

Programowanie Komponentowe WebAPI

KARTA KURSU. Języki hipertekstowe i tworzenie stron WWW. Opis kursu (cele kształcenia) Warunki wstępne. Efekty kształcenia. Nazwa

Zarządzanie danymi przestrzennymi

Bazy danych i strony WWW

Przewodnik użytkownika (instrukcja) AutoMagicTest

Koncepcja wirtualnej pracowni GIS w oparciu o oprogramowanie open source

PROGRAM NAUCZANIA DLA ZAWODU TECHNIK INFORMATYK, O STRUKTURZE PRZEDMIOTOWEJ

extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl

Kartografia multimedialna krótki opis projektu. Paweł J. Kowalski

Wspomaganie zarządzania zbiornikami zaporowymi

Prezentacja funkcjonalności Geoportalu Projektu PLUSK

Aplikacje WWW - laboratorium

Witryny i aplikacje internetowe

Plan. Wprowadzenie. Co to jest APEX? Wprowadzenie. Administracja obszarem roboczym

serwisy W*S ERDAS APOLLO 2009

Geofabrik.

Wybrane zagadnienia w pracy z danymi rastrowymi w ArcGIS Marcin Paź Esri Polska

Zawartość specyfikacji:

WYKORZYSTANIE GIS W SERWISIE INTERNETOWYM SAMORZĄDU WOJEWÓDZTWA MAŁOPOLSKIEGO

OfficeObjects e-forms

Źródła. cript/1.5/reference/ Ruby on Rails: AJAX: ssays/archives/

GEO-SYSTEM Sp. z o.o. ul. Kubickiego 9 lok. 5, Warszawa, tel./fax , geo-system@geo-system.com.

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

REFERAT PRACY DYPLOMOWEJ

GML w praktyce geodezyjnej

Dokument hipertekstowy

Przewodnik użytkownika (instrukcja) AutoMagicTest

PRZEWODNIK PO PRZEDMIOCIE

I. Dlaczego standardy kodowania mailingów są istotne?

Komunikacja i wymiana danych

APLIKACJE MULTIMEDIALNE W ZARZĄDZANIU GMINNĄ EWIDENCJĄ ZABYTKÓW MULTIMEDIA APPLICATIONS IN MANAGING THE COMMUNE REGISTER OF MONUMENTS

Krótka Historia. Co to jest NetBeans? Historia. NetBeans Platform NetBeans IDE NetBeans Mobility Pack Zintegrowane moduły. Paczki do NetBeans.

SPOSOBY POMIARU KĄTÓW W PROGRAMIE AutoCAD

Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego

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

Specyfikacja techniczna dot. mailingów HTML

Temat: Ułatwienia wynikające z zastosowania Frameworku CakePHP podczas budowania stron internetowych

plansoft.org Zmiany w Plansoft.org

SYLABUS DOTYCZY CYKLU KSZTAŁCENIA realizacja w roku akademickim 2016/2017

Rozwiązanie GIS dla mniejszego. miasta: model Miasta Stalowa Wola. Janusz JEśAK. Jacek SOBOTKA. Instytut Rozwoju Miast. ESRI Polska Sp. z o. o.

PLATFORMA ACTIVE FORMS. Kreator Formularzy Internetowych ze wsparciem dla RWD

OfficeObjects e-forms

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Tomasz Grześ. Systemy zarządzania treścią

SYSTEMY ZARZĄDZANIA TREŚCIĄ WORDPRESS

ViLab- program służący do prowadzenia obliczeń charakterystyki energetycznej i sporządzania świadectw charakterystyki energetycznej

Tworzenie stron WWW PROGRAM AUTORSKI. Spis treści ZAJĘCIA POZALEKCYJNE KÓŁKO INFORMATYCZNE

Cechy systemu X Window: otwartość niezależność od producentów i od sprzętu, dostępny kod źródłowy; architektura klient-serwer;

Webowy generator wykresów wykorzystujący program gnuplot

Przygotowanie do nowoczesnego programowania po stronie przeglądarki. (HTML5, CSS3, JS, wzorce, architektura, narzędzia)

KARTA PRZEDMIOTU. Programowanie aplikacji internetowych

Ewidencja oznakowania w oparciu o system wideorejestracji.

Wymagane jest podłączenie serwera do Internetu (konieczne do zdalnego dostępu).

Transkrypt:

INFRASTRUKTURA I EKOLOGIA TERENÓW WIEJSKICH INFRASTRUCTURE AND ECOLOGY OF RURAL AREAS Nr 1/IV/2013, POLSKA AKADEMIA NAUK, Oddział w Krakowie, s. 195 207 Komisja Technicznej Infrastruktury Wsi GROMADZENIE, PRZETWARZANIE ORAZ WIZUALIZACJA DANYCH PRZESTRZENNYCH ZA POMOCĄ INTERAKTYWNYCH APLIKACJI INTERNETOWYCH NA POTRZEBY ROZWOJU OBSZARÓW WIEJSKICH Karol Król, Tomasz Salata Uniwersytet Rolniczy im. H. Kołłątaja w Krakowie SPATIAL DATA COLLECTION, PROCESSING AND VISUALISATION USING INTERACTIVE WEB APPLICATION FOR RURAL DEVELOPMENT Streszczenie Interaktywne aplikacje internetowe to pojęcie szerokie. Możliwości ich zastosowań są praktycznie nieograniczone. Dysponując wiedzą, umiejętnościami, oprogramowaniem oraz środkami finansowymi jedynym ograniczeniem może się okazać wyobraźnia zespołu projektowego. Wraz z rozpowszechnianiem się technik i narzędzi komputerowych udostępnianych nieodpłatnie i tworzonych przez społeczności pasjonatów, możliwe staje się tworzenie pełnowartościowych aplikacji przy bardzo niewielkich nakładach finansowych. Jedną z grup funkcjonalności w jakie wyposażyć można aplikacje sieciowe jest gromadzenie, przetwarzanie oraz wizualizacja danych o charakterze przestrzennym. Ich ogromną zaletą jest możliwość upublicznienia opracowań tworzonych na komputerach lokalnie, za pośrednictwem Internetu. Aplikacje sieciowe udostępniane w Internecie mogą być wykorzystywane w codziennej pracy administracji publicznej, wspomagając proces decyzyjny np. w zakresie ochrony środowiska czy zagospodarowania i rozwoju danego obszaru. Z aplikacji tych skorzystać może również społeczność lokalna. W pracy przedstawiono wybrane techniki oraz narzędzia programistyczne, które wykorzystano do przygotowania aplikacji 195

Karol Król, Tomasz Salata internetowych o różnym stopniu interaktywności. Położono nacisk na możliwe zastosowania praktyczne i przedstawiono wdrożenia w wybranych gminach województwa małopolskiego. Słowa kluczowe: interaktywne aplikacje internetowe, rozwój obszarów wiejskich Summary Interactive Web application is a broad term. There are almost no limits creating Interactive Web applications. With the knowledge, skills, software and financial resources creating Interactive Web applications may be limited only by the imagination of the project team. Free computer techniques and tools created by passionate communities are becoming common and allow to create web application at a low cost. Network applications available on the Internet can be used in the daily work of the public administration supporting the decision making process. The local community can also benefit with these applications. This paper presents some techniques and tools that were used to prepare web applications with varying degrees of interactivity. In addition, the paper presents a practical application and implementation in selected Malopolskie municipalities. Key words: interactive web applications, development of rural areas WSTĘP Pośród wielu form reprezentacji środowiska przyrodniczego szczególne miejsce zajmuje reprezentacja cyfrowa. Technika cyfrowa jest stosowana obecnie w wielu dziedzinach. Cechą charakterystyczną technologii cyfrowej jest fakt, że reprezentacja w niej stosowana jest niewidoczna dla użytkownika, a tylko eksperci techniczni znają jej pojedyncze elementy. Jedyną postacią reprezentacji dostępną użytkownikowi jest specjalnie przygotowany widok, zawierający istotne informacje [Longley i in. 2006]. Szczególną formę reprezentacji cyfrowej środowiska przyrodniczego stanowić może interaktywna, multimedialna mapa zjawisk przestrzennych przygotowana w postaci aplikacji opartej na skryptach jquery oraz systemie informacji przestrzennej, dostępna on-line lub całkowicie off-line (z dostępem, lub bez dostępu do Internetu, z dysku serwera lub z dysku komputera lokalnie) z poziomu dowolnie wybranej przeglądarki internetowej. 196

Gromadzenie, przetwarzanie... System informacji przestrzennej typu GIS (ang. Geographic Information System) to komputerowy system informacji służący do wprowadzania, gromadzenia, przetwarzania oraz przedstawiania danych przestrzennych, którego podstawową funkcją jest wspomaganie decyzji [Kraak i Ormeling 2003]. Systemy informacji przestrzennej umożliwiają nie tylko gromadzenie, ale i analizowanie danych geograficznych i związanych z nimi atrybutów opisowych np. obliczenie liczby ludności w strefie zagrożonej powodzią. Systemy geoinformacyjne pozwalają na zapis danych przestrzennych w logicznej strukturze, wszechstronną ich analizę i wizualizację. Służą również do opisu, wyjaśniania i przewidywania rozkładu przestrzennego zjawisk geograficznych. Możliwości technologii GIS wykorzystywane są m.in. w administracji, ochronie przyrody, planowaniu przestrzennym, monitoringu zanieczyszczeń, kształtowaniu środowiska, systemach lokalizacyjnych itp. PHP i jquery to dwie najpopularniejsze technologie wykorzystywane do budowy aplikacji sieciowych [Verens 2012]. Głównym zadaniem skryptów pisanych z wykorzystaniem biblioteki jquery jest zwiększenie interaktywności witryn i aplikacji WWW. W odpowiedzi na akcje użytkownika, np. wskazanie hiperłącza myszą, dokument wyświetlany w oknie przeglądarki zmieni swoją treść lub wygląd alby jedno i drugie [Gajda 2010]. Stworzona w 2006 roku biblioteka jquery stała się wybawieniem dla wielu programistów, którzy wcześniej nie mieli alternatywy byli zmuszeni do korzystania ze skomplikowanych bibliotek języka JavaScript. I choć nie oferowała żadnych nowych funkcji, dzięki swej przejrzystej i prostej składni sprawiła, że trudne do zrozumienia i utworzenia interfejsy API JavaScript stały się wreszcie szeroko dostępne [Rutter 2011]. Internet to dynamiczne środowisko. Jego użytkownicy wysoko stawiają poprzeczkę, zarówno jeżeli chodzi o styl, jak i o funkcje aplikacji internetowych. By móc tworzyć interesujące i interaktywne witryny, programiści sięgają po biblioteki JavaScript, takie jak jquery, które pomagają im automatyzować często wykonywane zadania i upraszczać te bardziej skomplikowane. Jednym z powodów, dla których biblioteka jquery cieszy się takim powodzeniem, jest fakt, że jest w stanie wspomóc programistów w wielu różnych zadaniach. Biblioteka jquery udostępnia ogólny poziom abstrakcji służący do tworzenia skryptów na potrzeby często spotykanych zadań, dzięki czemu przydatna jest w niemal każdej sytuacji wymagającej napisania skryptu [Chaffer i in. 2010]. Ponadto, rozszerzalna natura biblioteki jquery oznacza, że nieustannie powstają jej nowe, możliwe zastosowania i funkcje. 197

Karol Król, Tomasz Salata Coraz większą popularność zdobywają aplikacje oparte na geolokacji. Wiele spośród witryn internetowych wykorzystuje technologie interfejsowe typu Google Maps bazujące na języku JavaScript, geoserwery lub mapserwery [Rutter 2011]. CEL PRACY ORAZ METODY Celem pracy jest ocena możliwości wykorzystania interaktywnych aplikacji internetowych współpracujących z GIS do gromadzenia, przetwarzania i wizualizacji danych przestrzennych na potrzeby rozwoju obszarów wiejskich. W ramach opracowania, stworzono i poddano ocenie kilka aplikacji internetowych, które przygotowano w oparciu o bibliotekę jquery (biblioteka JavaScript, JS skryptowy język programowania) osadzoną w ramach dokumentu XHTML (ang. extensible HyperText Markup Language hipertekstowy język znaczników). XHTML powstał w celu wprowadzenia do języka HTML zgodności z XML (ang. extensible Markup Language, język elastycznego znakowania), ponieważ HTML do wersji 4.x włącznie nie był nigdy poprawnym dokumentem XML. XHTML może być już parsowany jako XML. XML to uniwersalny język formalny przeznaczony do reprezentowania różnych danych w strukturalizowany sposób. XML jest niezależny od platformy, co umożliwia łatwą wymianę dokumentów pomiędzy różnymi systemami. Znacząco przyczyniło się to do wzrostu popularności tego języka w dobie Internetu [Sokół 2012]. Strony i aplikacje WWW tworzone z wykorzystaniem języków XHTML, CSS (ang. Cascading Style Sheets kaskadowe arkusze stylów) oraz biblioteki jquery składają się z trzech komplementarnych warstwy: warstwa struktury, rusztowanie, podstawa (kod XHTML), wygląd, wizualizacja, oprawa graficzna (kod CSS), zachowanie, interaktywność, przetwarzanie (JavaScript, biblioteka Jquery, PHP). Wygląd witryn WWW zależy od dwóch czynników: kodu strony napisanego w języku XHTML oraz formatu nadawanego przez przeglądarkę różnym elementom XHTML. Strukturę i zawartość dokumentu opisujemy, korzystając z elementów XHTML: m.in. akapitów (p), nagłówków (h1, h2), tabel (table, tr, td, th), sekcji (div) itd. Natomiast format elementów definiujemy w języku CSS [Gajda 2011]. 198

Gromadzenie, przetwarzanie... Wizualizację informacji o środowisku przyrodniczym i danych przestrzennych przygotowano w oparciu o grafikę cyfrową w postaci plików rastrowych typu *.GIF, *. JPG oraz *.PNG. Rastrowy model danych wykorzystuje do reprezentacji obiektów macierz elementów zwanych pikselami. W komórkach rastra mogą być przechowywane wartości atrybutów, np. kategorie, liczby całkowite lub zmienno przecinkowe, które są zależne od przyjętego systemu kodowania. W pewnych systemach każdemu pikselowi może być przypisanych kilka różnych cech (wartości), które są przechowywane w tabeli atrybutów, gdzie poszczególne kolumny odpowiadają kolejnym cechom, natomiast wiersze odpowiadają pikselom lub klatkom pikseli. Zestawy danych kodowane za pomocą rastrowego modelu danych są szczególnie przydatne jako mapy podkładowe. Ich wygląd jest zbliżony do wyglądu konwencjonalnej mapy i zawierają duży zasób informacji. Dane rastrowe są szeroko wykorzystywane w analizach przestrzennych, takich jak np. formowanie się odpływu powierzchniowego w zlewni lub wybór lokalizacji obiektów [Longley i in. 2006]. Do przygotowania interaktywnych, multimedialnych aplikacji internetowych wykorzystano metodę opartą na ogólnodostępnych skryptach jquery w wersji 1.7.x, wydanych 3 listopada 2011 roku (jquery-1.7.js). JQuery to lekka biblioteka programistyczna dla języka JavaScript. Za wykorzystaniem biblioteki przemawia wydanie jej i udostępnienie na licencji GNU General Public License oraz MIT Licencja X11, które nadają nieograniczone prawo do używania, kopiowania, modyfikowania i rozpowszechniania (w tym sprzedaży) oryginalnego lub zmodyfikowanego programu w postaci binarnej lub źródłowej. Wymagane jest jedynie by zachowano warunki licencyjne i informacje o autorze. Kod XHTML pobrany przez przeglądarkę jest poddawany analizie składniowej. W wyniku tego procesu powstaje drzewo DOM (ang. Document Object Model) reprezentujące zawartość dokumentu. Strukturę drzewa DOM bieżącego dokumentu można analizować za pomocą walidatorów poprawności kodu. Multimedialne aplikacje internetowe przygotowano w oparciu o ścisłe wytyczne specyfikacji XHTML 1.0 oraz CSS 2.0 co przekłada się na pełną, trójstopniową (krzyżową) walidację poprawności wykonania oprawy od strony programistycznej. Walidację wykonano w oparciu o walidator W3C The W3C Markup Validation Service, aplikację HTML Validator oraz aplikację Total Validator. Walidacja pozwala wychwycić błędy składniowe w warstwie struktury oraz wizualizacji aplikacji. Walidator sprawdza poprawność znaczników HTML, 199

Karol Król, Tomasz Salata XHTML, SMIL, MathML, etc. wykorzystanych do stworzenia sprawdzanego dokumentu WWW. XHTML nie dopuszcza dowolności. Nazwy znaczników i atrybutów muszą być pisane małymi literami, wartości atrybutów muszą być podawane w cudzysłowach, skracanie definicji atrybutu jest niedopuszczalne (tab. 1). XHTML 1.0 jest od 26 stycznia 2000 oficjalnym standardem sieciowym. Rekomendacja W3C oznacza, że specyfikacja jest stabilna i przetestowana [Sokół 2012]. Zasadniczą częścią aplikacji są mapy rastrowe powstałe w wyniku eksportu map wektorowych do plików z rozszerzeniem *.PNG. Tabela 1. Przykład niepoprawnego kodu XHTML i jego poprawny zapis Table 1. An example of an invalid XHTML and correct record Zapis niepoprawny <table BORDER=1> Zapis poprawny <table border= 1 > Źródło: opracowanie własne Source: own research Zapis niepoprawny <strong>silver</strong> Zapis poprawny <strong>silver</strong> ZASTOSOWANIA, WDROŻENIA Pierwszą aplikacją powstałą w oparciu o bibliotekę skryptów jquery jest poglądowa mapa gminy Wadowice z legendą, menu nawigacyjnym oraz funkcją typu zoom umożliwiającą zmianę skali przybliżenia mapy (online: http:// www.homeproject.pl/wadowice/). Mapę źródłową przedstawiającą podział administracyjny Gminy Wadowice, układ dróg, zabudowę oraz punkty usługowe przygotowano w formie wektorowej za pomocą aplikacji Quantum GIS (OpenSource, program do przeglądania, edycji i redakcji map). Następnie, mapa wektorowa została eksportowana do pliku rastrowego o rozszerzeniu *.PNG, rozmiarze 5367x4784px oraz rozdzielczości 72dpi (prezentacja na ekranie monitora). Aplikacja bazuje na MouseWheel Extension jquery Plugin [Aaron 2009] oraz MapBox Zoomable jquery Map Plugin [Abel 2012], które umożliwiają tworzenie skalowanych oraz przeciąganych map i pejzaży w stosunkowo małej skali z wielu warstw zawartości obsługiwanych za pomocą kursora lub koła skrolowania myszy komputerowej. Pluginy MouseWheel oraz MapBox pozwalają wyświetlać ograniczoną 200

Gromadzenie, przetwarzanie... liczbę grafik rastrowych w zdefiniowanym oknie, symulując efekt przybliżenia oraz przeciągania. Aplikacja pozwala śledzić granice oraz podział administracyjny gminy Wadowice, rozmieszczenie zabudowy, infrastruktury drogowej oraz punktów usługowych. Należy jednak podkreślić, że tak przygotowana mapa ma charakter wyłącznie poglądowy i nie może być traktowana jak dokument formalny. Nie może też stanowić podstawy do jakichkolwiek czynności administracyjnych czy urzędowych. Drugą aplikacją bazującą na MouseWheel Extension jquery Plugin oraz MapBox Zoomable jquery Map Plugin jest interaktywna mapa drogowa gminy Tomice (rys. 1). Źródło: opracowanie własne, http://www.homeproject.pl/drogi/ Source: own research, http://www.homeproject.pl/drogi/ Rysunek 1. Mapa drogowa gminy Tomice z funkcją zmiany skali typu zoom Figure 1. Tomice roadmap with a possibility to change the scale Mapa drogowa gminy Tomice zawiera informacje o przebiegu dróg kołowych, tras kolejowych oraz przedstawia poszczególne miejscowości (sołectwa) wraz z ich granicami administracyjnymi (online: http://www.homeproject.pl/drogi/). Aplikacja powstała w oparciu o wielowarstwową mapę w formie pliku wektorowego typu *.SVG przygotowaną w programie Inkscape (Open Source) we współpracy z Quantum GIS (Open Source). Na potrzeby aplikacji, warstwy mapy wektorowej zostały scalone i wyeksportowane do pliku rastrowego *.PNG. 201

Karol Król, Tomasz Salata Kolejną aplikacją internetową bazującą na bibliotece jquery jest interaktywny system ukazujący dane teleadresowe i podział administracyjny powiatu wadowickiego (online: http://www.homeproject.pl/powiat/). Aplikacja bazuje na ImageMap jquery Plugin. Całość opiera się na koordynatach poligonów (wektorowa mapa powiatu wadowickiego), które zostały wcześniej stworzone w programie QGiS oraz wyeksportowane do plików typu *.HTML za pomocą wtyczki QGIS HTML Image Map Plugin. Skrypt działa w ramach języka XHTML w oparciu o atrybut usemap (tab. 2), który definiuje adres mapy dla danego elementu informując przeglądarkę internetową, że dana grafika (raster) jest mapowana. Całość opiera się na mapowaniu odsyłaczy co jest swoistym tworzeniem odnośników z wybranego obszaru grafiki. Ponadto, ImageMap Plugin w czasie rzeczywistym symuluje scalenie kilku grafik rastrowych, które są nakładane na siebie w aktywnym obszarze aplikacji. Jedynym fragmentem aplikacji dostępnym dla użytkownika jest specjalnie przygotowany widok, prezentujący informacje w formie graficznej oraz tekstowej. Tabela 2. Fragment kodu HTML odpowiedzialny za mapowanie obszaru grafiki Table 2. HTML code, graphic area mapping <img src= gfx/transparentmap.gif width= 700 height= 500 alt= usemap= #region- MapView class= map /> <map name= regionmapview id= regionmapview > <area id= andrychow shape= poly alt= coords= 175,273,199,284,209,310,208,322, 196,339,204,356,200,359,200,366,196,368,198,374,193,385,195,394,201,407,206,406, 216,414,223,416,229,423,230,430,236,433,233,433,233,440,230,445,215,454,197,470, 191,474,190,490,180,495,169,483,164,481,158,482,150,480,143,471 href= #andrychow /> Źródło: opracowanie własne Source: own research W celu przeprowadzenia konsultacji społecznych, w związku z planami wprowadzenia nazewnictwa ulic w miejscowościach Górna Wieś i Kozierów w Gminie Michałowice przygotowano interaktywną aplikację udostępnioną mieszkańcom gminy w Internecie (rys. 2). Aplikacja przedstawia rejestr zmian w nazewnictwie ulic i numeracji budynków za pomocą mapowanych obszarów zabudowań (online: http://www. homeproject.pl/kozierow/). Podstawą systemu jest jquery Maplight 202

Gromadzenie, przetwarzanie... Plugin (tab. 3), który wyzwala efekt obramowania i pokrycia elementów o dowolnych kształtach na warstwie tworzonej nad rastrem w czasie rzeczywistym, pod wpływem aktywności użytkownika. Aplikacja opiera się na koordynatach poligonów i właściwościach atrybutu usemap, który definiuje adres mapy dla danego elementu, informując przeglądarkę internetową, że dana grafika jest mapowana. Źródło: opracowanie własne, http://www.homeproject.pl/kozierow/ Source: own research, http://www.homeproject.pl/kozierow/ Rysunek 2. Fragment systemu adresowego sołectw Górna Wieś i Kozierów Figure 2. Górna Wieś and Kozierów village, address syste Tabela 3. Implementacja biblioteki JQuery, skryptu Maplight Plugin Table 3. Maplight Plugin implementation <script type="text/javascript" src="../js/jquery.maphilight.min.js"></script> <script type="text/javascript"> $(function() { $('.gmina-tomice').maphilight(); }); </script> Źródło: opracowanie własne, system adresowy sołectw Górna Wieś i Kozierów Source: own research, Górna Wieś and Kozierów village, address system 203

Karol Król, Tomasz Salata MONITORING AKTYWNOŚCI UŻYTKOWNIKÓW Tak przygotowane aplikacje, opublikowane po stronie serwera oraz dostępne z poziomu przeglądarki internetowej, oprócz swojej zasadniczej funkcji mogą dostarczać twórcom ciekawych informacji o aktywności ich użytkowników. Zbieranie informacji o tym jak użytkownicy korzystają z obserwowanej witryny, jak na nią natrafili, jak długo z niej korzystali, jak wielu jest użytkowników i wiele innych umożliwia system rozbudowanych oraz bezpłatnych statystyk Google Analytics. Google Analytics opiera się na wydajnej i relatywnie łatwej w obsłudze platformie do generowania raportów, która pozwala decydować, jakie dane chce oglądać jej administrator. Aktywność użytkowników aplikacji można również analizować za pomocą badań użyteczności metodą ClickHeat (web usability). Instalacja narzędzia wymaga rozszerzenia kodu aplikacji o skrypt śledzący (tab. 4). Tabela 4. Skrypt śledzący Labsmedia s ClickHeat Table 4. Labsmedia s ClickHeat Javascript <script type= text/javascript src= http://ofertaedukacyjna.ur.krakow.pl/clickheat/js/ clickheat.js > </script> <noscript><p><a href= http://www.labsmedia.com/clickheat/index.html > Heat map generator</a></p></noscript> <script type= text/javascript > <!-- clickheatsite = Innowacyjna.oferta.edukacyjna ; clickheatgroup = index ; clickheatserver = http://ofertaedukacyjna.ur.krakow.pl/clickheat/click.php ; initclickheat(); //--> </script> Źródło: Labsmedia s ClickHeat Source: Labsmedia s ClickHeat Labsmedia s ClickHeat to badanie użyteczności aplikacji z pasywnym udziałem użytkownika, od którego nie wymaga się podejmowania dodatkowych działań. Do takich metod zaliczane są również badania typu eyetracking czy ewaluacje z użytkownikiem, podczas których można pozyskać takie dane jak: 204

Gromadzenie, przetwarzanie... np. mapę kliknięć, tzw. mapę cieplną lub ścieżkę kliknięć. Skrypt pozwala uzyskać graficzną mapę przedstawiającą rejony ciepłe, gdzie aktywność użytkowników jest zwiększona oraz rejony zimne, gdzie aktywność użytkowników jest stosunkowo mała lub jej brak. System działa na zasadzie rejestrowania częstotliwości kliknięć w badanym obszarze, która jest następnie obrazowana za pomocą palety barw, od kolorów ciepłych i gorących w rejonach dużej aktywności po kolory zimne w rejonach braku aktywności. W prezentowanym projekcie wykorzystano actiontracker: ClickHeat (rys. 3). Skrypt śledzący pozwala wygenerować mapę częstotliwości kliknięć. Źródło: ClickHeat Source: ClickHeat Rysunek 3. Panel zarządzania skryptem ClickHeat Figure 3. Management panel, ClickHeat script PODSUMOWANIE I WNIOSKI Opisane zastosowania to tylko fragment możliwości jakie daje biblioteka jquery w gromadzeniu, przetwarzaniu oraz wizualizacji danych przestrzennych we współpracy z XHTML, CSS oraz systemem informacji przestrzennej. Przygotowanie aplikacji z pominięciem skryptów wykonywanych po stronie serwera, z zastosowaniem jedynie języka XHTML oraz JavaScript czyni je w pełni uniwersalnymi. Uniwersalność ta przejawia się w prostocie obsługi i działania. Wykonanie aplikacji w zgodzie z obowiązującymi standardami oraz pełna walidacja kodu gwarantują prawidłowe i jednakowe funkcjonowanie oraz wyświetlanie elementów aplikacji w najpopularniejszych przeglądarkach internetowych. Po- 205

Karol Król, Tomasz Salata nadto, biblioteka jquery nie wymaga od użytkownika specjalistycznego, wyszukanego oprogramowania. Do przygotowania aplikacji w oparciu o bibliotekę jquery całkowicie wystarcza oprogramowanie i skrypty udostępniane na licencjach typu Open Source. Przekłada się to na relatywnie niskie koszty stworzenia, wdrożenia i utrzymania. Aplikacje oparte na bibliotece jquery z powodzeniem funkcjonują opublikowane po stronie serwera, dostępne w trybie on-line, jak i całkowicie off-line, bez dostępu do Internetu, z dowolnego nośnika danych cyfrowych, na dowolnym komputerze z zainstalowaną dowolną przeglądarką internetową. Zastosowanie biblioteki jquery jako podstawy działania aplikacji mapowych ma swoje ograniczenia. Biblioteka jquery ze względu na swój charakter może współtworzyć pełnowartościowy serwis mapowy. Nie jest ona jednak na tyle rozbudowana by mogła stanowić podstawę jego działania. Ograniczenia biblioteki jquery polegają np. na niemożności stworzenia: komfortowej i ergonomicznej interaktywnej zmiany skali mapy (skrypty jquery jedynie symulują zmianę skali mapy), dynamicznej zmiany i różnorodności warstw tematycznych włączanych lub wyłączanych na życzenie użytkownika, przy dużej skali mapy jquery umożliwia jedynie przygotowanie biernej formy nawigacji tj. przemieszczania się po mapie jedynie za pomocą suwaków okna przeglądarki lub suwaków pływającej ramki. Oprócz swojej zasadniczej funkcji interaktywne aplikacje opublikowane w Internecie mogą dostarczać innych ciekawych informacji związanych z zachowaniami oraz aktywnością ich użytkowników. Wszystkie te możliwości oraz ograniczenia przemawiają za stosowaniem biblioteki jquery w gromadzeniu, przetwarzaniu oraz wizualizacji danych przestrzennych we współpracy z innymi językami skryptowymi takimi jak np. PHP,.NET Framework, Java, które dają większe możliwości programistyczne. Biblioteka jquery stanowi ich doskonałe dopełnienie. Samodzielnie jednak stanowić może podstawę do tworzenia niewielkich aplikacji towarzyszących, przejściowych, mniej szczegółowych i mniej zaawansowanych lub będących fragmentem większych serwisów. BIBLIOGRAFIA Aaron, B. (2012). MouseWheel Extension jquery Plugin. Version: 3.0.2. MIT License [online] http://brandonaaron.net, [dostęp: 12.12.2012]. 206

Gromadzenie, przetwarzanie... Abel, M. (2012). Mapbox: Zoomable jquery Map Plugin. MIT License [online] http:// wayfarerweb.com/jquery/plugins/, [dostęp: 22.12.2012] Chaffer, J., Swedberg, K., Resig, J. (2010). jquery 1.3. Wprowadzenie, Wyd. Helion, Gliwice, s. 23 Gajda, W. (2010). JQuery, Poradnik programisty, Wyd. Helion, Gliwice, s. 15 Gajda, W. (2011). HTML, XHTML i CSS. Praktyczne projekty. Wyd. Helion, Wydanie II, Gliwice, s. 91 Kraak, M. J., Ormeling, F. (2003). Cartography, Visualization of Geospatial Data, Wydanie II, Wydawnictwo Longman Group United Kingdom, Glasgow, s. 9 Lolgley, P., Goodchild, M., Maguire, D., Rhind, D. (2006). GIS. Teoria i praktyka. Wydawnictwo Naukowe PWN, Warszawa, s. 67-68 Rutter, J. (2011). Podręcznik jquery. Interaktywne interfejsy internetowe, Wyd. Helion, Gliwice, s. 7, 118 Verens, K. (2012). Projektowanie systemów CMS przy użyciu PHP i JQuery, Wyd. Helion, Gliwice, s. 13 Sokół, M. (2012). ABC języka HTML i XHTML, Wyd. Helion, Wydanie II, Gliwice, s. 16-17 mgr inż. Karol Król dr. inż. Tomasz Salata Katedra Gospodarki Przestrzennej i Architektury Krajobrazu Uniwersytet Rolniczy im. H. Kołłątaja ul. Balicka 253c 30-149 Kraków e-mail: k.krol@ur.krakow.pl, e-mail: t.salata@ur.krakow.pl