Download - Prvý eShop na priestorové údaje na Slovensku
![Page 1: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/1.jpg)
Portál Produktov a služieb GKÚSkúsenosti s návrhom a tvorbou eShopu
Tomáš Sasko Analyst & Designer
![Page 2: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/2.jpg)
Dôvod vzniku
• Elektronický prístup k údajom
• Znížiť administratívu pri poskytovaní údajov
• Zvýšiť komfort zákazníkov
![Page 3: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/3.jpg)
Registrácia/ prihlásenie
Prehliadať produkty
Získať licenciu
Objednať produkty
Prezerať objednávky
Stiahnuť produkty
Definovať záujmovú oblasť
Používateľ
![Page 4: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/4.jpg)
Technologický základ
• GeoMedia WebMap
• Oracle databáza
• Service Oriented Architecture
• Proxy
• Klienti
![Page 5: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/5.jpg)
Úloha G-BASE
• Klient administrátora
• Databázová časť
• Geoprocesing
• Analýza
• Verejný klient
• Proxy
• Verejný klient
![Page 6: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/6.jpg)
![Page 7: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/7.jpg)
![Page 8: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/8.jpg)
![Page 9: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/9.jpg)
![Page 10: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/10.jpg)
![Page 11: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/11.jpg)
?
?
Keep good Trash bad - rozhodnutie zaoberať sa UI a UX
![Page 12: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/12.jpg)
![Page 13: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/13.jpg)
![Page 14: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/14.jpg)
?
?i
![Page 15: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/15.jpg)
![Page 16: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/16.jpg)
Logika zliav
28,800 až 43,200 kombinácií(200 až 300) x 18 x 8 =
Minimalizovanie kombinácií
![Page 17: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/17.jpg)
Definovanie plochy používateľského rozhrania
Dátum Vyššie 1024x768 800x600 640x480 Iné
Január 2012 85 % 13 % 1 % 0 % 1 %
Január 2011 85 % 14 % 0 % 0 % 1 %
Január 2010 76 % 20 % 1 % 0 % 3 %
Január 2009 57 % 36 % 4 % 0 % 3 %
Zdroj: http://www.w3schools.com
![Page 18: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/18.jpg)
Vyššie1024x768800x600640x480Iné
Rozlíšenie obrazoviekJanuár 2012
![Page 19: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/19.jpg)
1366 px
15,6 palca768 px
![Page 20: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/20.jpg)
Bezpečná zóna
![Page 21: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/21.jpg)
Blokový model
![Page 22: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/22.jpg)
Model interakcií obrazoviek
• vzťahy medzi jednotlivými stránkami
• prepojenia stránok
• podmienky prechodu na stránky
•využitie frameworku pri tvorbe prototypu (bootstrap)
![Page 23: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/23.jpg)
Model interakcií obrazoviek
![Page 24: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/24.jpg)
Model rozloženia obrazoviek
![Page 25: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/25.jpg)
• Model interakcií obrazoviek
• Blokový model
• Model rozloženia obrazoviek
• Detailnejší popis používateľského rozhrania
• Vyšší dôraz na reflektovanie zmien v návrhových dokumentoch
Dokumentácia používateľského rozhrania
![Page 26: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/26.jpg)
Použité štandardy
![Page 27: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/27.jpg)
HiDPI displeje
![Page 28: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/28.jpg)
Mobilné zariadenia
•Responzívny dizajn •Mobile first
![Page 29: Prvý eShop na priestorové údaje na Slovensku](https://reader036.vdocuments.pub/reader036/viewer/2022062406/559a880b1a28ab1f7d8b47ab/html5/thumbnails/29.jpg)
Ukážka