Video tutorial:
Table of contents
Orientation layer management module
Navigation (zoom), selection and measuerement toolbars
Navigation and changing zoom levels
The geoshop.hu website (hereafter Website) is free of charge, freely accessible to anyone. The site is essentially using two distinguished groups of visitors:
-
User
who can access the website without entering
personal data, can request information, can learn about the contents of this
site and about the products that can be purchased.
-
Registered users
who accesses the website after the registration
process by entering personal information, accepts the terms and conditions for
using the webshop. Registered users
will be entitled to order selected product (s) and after the payment process, use
the product purchased under the conditions provided.
Registration can be initiated using the login windown in the header of the page (Figure 1.).

Figure 1.: Login window.
By clikcking on the Registration link, user will access a registration form (Figure 2.), where fields marked by an asterisk are mandatory in order to enable accurate and flawless service of our users.

Figure 2.: Registration form.
During the registration process the following information is needed:
Username: user-defined unique identifier, which identifies the user later on the website.
Password: needed to login and to access personal data, that a user can chose. This field is 6 to 16 characters in length and can contain upper and lower case letters, numbers and any of these characters: : ()!@#$%^&*_+- If the chosen password does not meet these criteria the user will be notified of the acceptable password format.
Email address: a valid electronic mail address through which the maintainer of the webshop can contact the customers. The webshop will send automatic notifications related to the orders to this address.
Phone number: suggested information for contacting the customers. The user can chose whether to provide this information or not.
Language: the default language of the website is Hungarian. The language can be switched at any point using the website.
Invoicing name: at the end of the transaction the name to indicate on the invoice.
Country, city, address, zip code: information needed to create the invoice.
Throughout the registration process user can distinguish between recipient of the product and the bearer of the cost. The user can also enter a shipping address, similar to the invoicing address if he wants to. If the cost bearer and the recipient of the products are the same, the information doesn't need to be entered again, but clicking on the copy button, the invoicing data is filled in at the shipping information section (Figure 3.)

Figure 3.: Copying the invoicing address
At the end of the registration process click on the Commit button and if every field was correctly filled, the personal data is saved into the database. If any of the data is wrong (wrong email format, username, or password etc.) registration information is not saved and in the next window the user is informed about the errors highlighted with a red border (Figure 4.)

Figure 4.: Notification of wrong data entered
After successful registration the user gets an activation message alert and an email is sent to the email address given to activate and finalize the registration.
Aftere successful registration the user becomes registered user, and one can see the username in the upper login window (Figure 5.).
At the same place the user can modify his personal data and review previous orders and their details.

Figure 5.: Login window
In the previous orders menu (Figure 6.) user can review the submitted orders and their status. We have the possibility to re-send the last confirmation email about the transaction by clicking on the email icon in the line of the current order.

Figure 6.: My last orders menu
In the personal field in the header of the page the current content of the shopping basket is shown in blue with number of products and total price of the current basket. By clicking on the Basket link we can review the contents of our basket (Figure 7.). We don't have to order the products in the basket immediately, as the permanent basket functionality of the webshop provided the possibility to keep the contents of the basket after logging out or navigating away from the page. Later, coming back to the page, if the user wants to, can order the products in the basket-
A products in the basket are kept for 30 days until the maintainer of the webshop decides otherwise.

Fgiure 7.: Contents of the basket
To see the product catalogue and to begin ordering products, click on the Shop menu item on the opening page.
The 5 steps of submitting an order is shown in the left side menu:
A baloldali menüben megjelenik a
megrendelés leadásának teljes folyamata, amely 5 lépésből áll:
1. Chose products
2. Chose area to order
3. Verify availability of the product for the selected area
4. Review cart
5. Checkout

Figure 8.: Chose products interface
In the mid part of the webpage (Figure 8.)
the system guides users step-by-step through the process of selecting a
product. As a first step users have to chose a product category, and step
through the different options to select the concrete product in the end. To
actually select the product click on the
icon
(Figure 9.). If the user wants to select more than one products then he can
repeat the selection process. By clicking on the
icon the
product can be deselected.

Figure 9.: Options to narrow down to the products in the category
After the product selection click on the Next button in the upper left part of the page (Figure 10.).

Figure 10.: Finalize selection of products.
The FÖMI geoshop provides geospatial data services, therefore the mapping
interface and the geospatial server backend forms integral part of the system.
After successful product selection the users arrive here (Figure 11.).

Figure 11.: Mapping interface.
The controls on the mapping interface can be split into 5 main categories:
1. Orientation layer management and GIS fee module.
2. Navigation (zoom)-, selection and measurement toolbar..
3. Map window.
4. Numerical map information.
5. Pan and scale module.
The structure of this document follows the structure of the user controls.
The aim of the module is to help users in selecting the area for which he wants to order map data. The structure of the module is shown on the next picture:

Figure 12.: Functions of the module.
The functions of the module are as follows:

Figure 13.: Error message indicating that further promotion of the layer is not possible..

Figure 14.: Error message indicating that demoting the layer is not possible..

Figure 15.: The control panel for the external WFS service.
If the user specifies a layer that is not available in the WFS service, the system issues and error message.
This toolbar has 3 different tabs as discussed in the 3 subchapters below.
Using this toolbar the user can navigate on the map. Complementary information on the navigation possibilities can be found in the 6th chapter.

Figure 16.: Zoom toolbar.
The functions of the toolbar from left to right:
|
|
By using this tool, the map can be zoomed on the coordinate pair that the user can enter in the textbox on the left side e.g. 650000,250000. The system expects the entered coordinates in the same references system as indicated by the coordinate system selection control. In the case of selecting WGS84 in the coordinate selection box 19.5,47.5 can be entered. |
|
|
By using this tool the map can be zoomed on 1:10.000 national section numbers that can be entered in the textbox on the left e.g. 65-331. |
|
|
With the municipality zoom function the map will be zoomed on the municipality entered in the left textbox. e.g. Törökbálint. |
|
|
The rectangle zoom control can be turned on and off (permanent tool). As long as the icon is active the default map action on left click is overwritten by rectangle zoom. By clicking on the map and dragging a rectangle with the mouse a transparent rectangle can be drawn on the map above all the other map layers (figure 17.). By releasing the left mouse button the rectangle is placed. |

Figure 17.: Zoom by rectangle.
This toolbar contains the tools for selecting those areas, for which the chosen products are ordered. It is important to note that multiple areas can be selected using any of the selection tools provided.
![]()
Figure 18.: Selection toolbar.
The selection toolbar functions from left to right:
|
|
Using this tool the user can select areas by drawing polygons on the map. To use this tool click on the button and draw a polygon point-by-point by left-clicking on the map. At the last vertex of the polygon double click on the map to end the polygon. To deactivate this function click again on the button, or select another permanent tool. Please note that the sides of the polygon cannot cross each other. |
|
|
Using this tool a rectangle will be selected according to coordinates entered by the user. The coordinates must be entered comma delimited into the textbox on the left. The coordinates must be in the reference system as selected by the coordinate system selection tool. E.g.: 650000, 250000, 660000, 260000 (EOV) or 19.5, 47.5, 20, 48 (WGS84). The lower left or upper right corner of the rectangle must be in the Central-Hungarian Region otherwise the system pops an error message. |
|
|
Whole municipalities can be selected using this tool. Simply enter the name of the municipality into the textbox on the left and click on this icon. If the municipality falls within the Central-Hungarian Region the system selects the whole municipality, if not it sends an error messge. |
|
|
Using this tool the user can select map section by entering their number into the textbox on the left. To find the exact section number the system assists the user with an autocomplete functionality. |
|
|
Using this tool the user can select sections by clicking on them. To use this tool, the user has to add exactly one section layer to the map (see 2nd chapter). Until this tool is active a section can be selected by left clicking on the map. To turn off this tool click on the icon or chose another selection tool. |
|
|
Using this tool the user can create selections by drawing a rectangle on the map. By clicking on the map and dragging a rectangle the rectangle drawn will be added to the selection layer. |
|
|
Using this tool the municipality entered in the textbox will be selected. The municipality selection is aided by an autocomplete functionality. If the municipality cannot be found the system issues an error message. |
|
|
With this tool wrong or unwanted selections can be deleted. Activate the tool and place the cursor above the area you want to unselect. The selection borders will turn blue. If the correct selection item is found left click on it. In the popup window click on the ok button to accept deletion or the cancel to cancel the process (Figure 9.) |
|
|
With this tool all selection items can be deleted at once. To avoid accidental deletions the system displays a popup to confirm your will. |
|
|
Using this tool the user can create a selection object from their own files. If we have a shp (EOV, WGS84,ETRS89) or KML (WGS84) file that contains the selection area, than we are able to use this for area selection. In case of shp files create a zip file containing a dbf, shp, shx file with a same filename. As the first step set the coordinate system of the map to the coordinate system of the uploaded file (chapter 5.) then click on brows button and select the file and click on open. Requirements that the uploaded file must comply with: - must be in the Centrel Hungarian Region, - its area is minimum 1 km2, - must contain area type object, - must not contain empty layer. If the file does not comply with any of these criterion the system displays an error message. |

Figure 19.: Deleting selection items.
Using this toolbar the user can measure distance and area, by drawing lines and polygons on the map.
![]()
Figure 20.: Measuring toolbar.
The current measuring tool stays active until the measurement is displayed. As both measuring tools are permanent, only one of them can be activated at a time. The results of the measurement can be continuously read besides the scale display in the bottom of the map. The end results are displayed in a popup window (Figure 21., Figure 22.).

Figure 21.: Results of distance measurement.

Figure 22.: Results of area measurement.
The map window contains the orientation layers loaded by the user the selection objects and the region boundary as baselayer (Figure 11.).
Panning is possible by clicking and dragging with the mouse in the map window. Zooming in and out can be done by using the mouse wheel. Zooming is also possible by double left clicking on the map and zooming out by double right clicking on it.
Current map coordinate system can be set by using the tool on Figure 11. section 4 left side. The system currently supports 3 coordinate systems:
- EOV (Unified National Projection),
- WGS84 (World Geodetic System, '84),
- ETRS89 (European Terrestrial Reference System, '89).
This tool not only selects the the coordinate system of the coordinate display, but also sets the coordinate system of the tools needing a specific coordinate system, so use it with special attention.
On the right of the status bar, the current map scale can be read.
When the measuring tools are active the current measurement readouts are displayed on the status bar near the map scale.
The tools indicated on Figure 11. section 5 can be used to zoom-in and zoom-out the map window and to pan it. The upper wheel’s arrows will pan the window according to their direction, while the slider under it can be used to set the zoom level of the map window directly, or by using the – and + buttons.
When selecting an area the system records the parameters and this process might take more than minute to complete depending on the size of the area selected, the product category. Please wait until the process finishes.

After selecting the products and selecting the areas (detailed in the 2nd chapter) the user arrives at the verification phase, where the system checks if the products chosen are available for the areas chosen. If yes, it examines the unit of measure for the given product (which can be km2, hectares, piece, section, print size etc.) and according to these the selected area is modified (Table 1.). The system modifies the selected area if some part of it is outside the service area of the shop.
At the end of the verification phase the user can review the products and areas chosen, if the calculated coverage satisfies his needs or not. If he accepts the options provided by the system, one can click on add to basket button and add the selected items to the basket. If the user rejects the modification, can click on the Back button and continue modifying his selection (Figure 23.).

Figure 23.: Resulst of the verification phase.
After selecting the product we arrive at the basket page (Figure 25.) where a summary of the current order can be seen, as well as any previously made selection is shown. With the Delete button one can delete one item in the basket. With the empty basket button all the items are deleted from the basket (Figure 24.)
![]()
Figure 24.: Buttons on the basket page.

Figure 25.: Basket window.
With new selection one can add more products to his order. By selecting this option the ordering process takes the user back to the 1st Chose product step. All products previously put in the basket remain there. By clicking on checkout the system checks the user and if he is not logged in the user gets a notification message (Figure 26.)

Figure 26.: Notification message on trying to check out without logging in.
If we have a logged in user we land at the checkout page (Figure 27.). Here we can review our invoicing and shipping information, can chose the licensee of the product.
The user can chose shipping methods as follows:
Collect in person: the ordered product can be picked up at the location provided by the maintainer.
Delivery by post: the products will be posted the shipping address. In this case the delivery fee is added to the total price of the products in the basket.
Download: the chosen products can be downloaded from a safe webpage.
The last step of the checkout is selecting the payment option.:
Credit card: with a credit card suitable for internet payments the price of the products can be payed on the webpage of the the bank partner of the maintainer (OTP Bank) (Figure 28.).
Transfer in advance: by transferring the amount to the bank account of the maintainer one can pay for the products ordered. In this case we can confirm the transaction when the money has arrived.

Figure 27. ábra: Checkout page and selection of shipping and payment options választása.

Figure 28.: Card payment page of OTP Bank
The geoshop is suitable for handling language versions. By clicking on the appropriate flag in the menu bar the shop changes to the language defined by the maintainer (English). To change language variables one must access the admin pages of geoshop.
The textual content of the page is suitable for persons with impaired vision or for text reading software. The accessible page version can be activated with the WAI icon (Figure 29.), to get back to the original version, press the WAI icon again.
![]()
Figure 29.: WAI icon
The site is optimized for Firefox 3.6, Internet Explorer 8 and Safari 5. We recommend Firefox.