Fig. 1: An app based on popular cycling networks such as "fietsknooppunten"
FIg 2-5: Overview of possible apps
Here are a few examples of apps focussing on different types of usage of routes & routing
The app-environment we developed is built on a white label concept. It is structured in such a way that it allows us to configure very quickly the main look-and feel aspect and functionality of the app to your liking. You can select from the available modules. On request, we can also develop extra modules with extra functionality.
It is descibed in detail below what can be configured, but here is a breef overview:
Fig. 6. The Start Up screen and module
The Start Up Module is ALWAYS the first screen that is shown when the app starts. If nothing is selected, the user stays on this screen (no automatic redirect after a few secs). You define and deliver the Start Up picture (see Fig. 6-1). That can include pictures, logo's, a title,... (but is a raster-image).
The StartUpScreen has two main buttons:
Fig. 7. The Info module
The goal of the Info module is to inform the user about the organization behind this App (e.g. contact info) or/and the goal of this app.
Next to the hamburger-menu icon (see Fig.7-1) you can put a small LogoAvatar. This small square represents the logo for the app or your organization. To the right of it, you see the title of your active Module (see Fig.7-2).
Fig.8. Drop down menu or Hamburger menu
Fig. 9. Route Map Overview module
This module gives you an overview of available routes. This is defined by you. This could be a set of routes in your account(s) on RouteYou or a set of routes in a group(s) on RouteYou.
If the apps starts up and no GPS coordinates are tracked yet, the default area that is shown is the area indicated by the bounding box coordinates (lat,lon) in the configuration stored in the variable AreaOfInterest .
If the user sets the AutoPan as "on" (via the Configuration module, see further), the map pans to that position. In that case the DefaultArea shown on the map is not taken into account.
If the position of the user is known, it is also displayed on the screen: a red dot with a triangle indicating your direction of movement, if that is known.
If an individual route is shown, it is represented with its Icon (see Fig 9-4). RouteYou can provide default icons, but if you want to change this with your icon, this is possible too. The Icon is positioned at the start of a route. The icon shows also the QualityScore (0-5) indicated by stars.
In case two or more RouteIcons are very close to eachother (expressed in pixel/screen-units), the routes are clustered as shown in fig 9-5.
The cluster indicates how many routes are behind the cluster.
The variable MaxRoutes indicates how many routes (including route-clusters) will be displayed on the screen. E.g. If MaxRoutes=150, this means that 150 routes in that area will be queried from the RouteYou servers, and shown on the screen. But if some of these routes overlap, they will be clustered. So, if you would count all the individual shown routes + the numbers mentioned per cluster, you will get to the sum of 150. This doesn’t mean that there are only 150 routes available in that area. It means we only show 150 on the screen.
Clicking on an icon
Fig. 10. Clicking on an item in the RouteMap Overview
When clicked on an individual route, you get to see a pop-up area with the route info. There are two action buttons sending you to the Route Info module or the Route Viewer module.
Fig. 11. Clusters in the RouteMap Overview
When clicked on a cluster, you get a pop-up with a list of the titles of the routes within the cluster
Clicking on the titles brings you to the RouteView Module.
Panning and zooming is also possible on (any) map.
Fig. 12. Route Info module
The RouteInfo Module shows you the following info of the route
Fig. 13. RouteView module
The RouteView module is the MAIN core module to be used in this app! If no GPS position is known or the AutoPan setting is off and the complete route is displayed on the screen (BestFit). The user can pan or zoom in. If the AutoPan is on, the screen will reposition to the position of the user, so he/she can use it to naviate and follow the route.
Your position and direction is indicated with a red dot + triangle (as now on m.routeyou.com) (see fig 13-7)
If two or more POIs are too close to eachother (defined by PoiClusterDistance in pixel units), they will cluster in the same way as the clustering described with routes (see fig 13-4)
The Autopan allows the user to follow easily the route when walking/cycling/driving. The maps pan with your position. The maps don't move/pan all the time, but at the moment it is necessary. The Autopan works on the following principle: If you would keep on following your same traject, you will pan in such a way that your map moves as few times as possible.
Fig. 14. Route View module with POI info pop-up
Clicking on a POI opens the POI info in a POI-Pop Up Screen (see Fig. 14).
If the PoiNeighbourhoodWarning is on (see Settings module), an BEEP should is given when you are in the neighbourhood of a POI. The “neighbourhood” is defined by the PoiNeighbourhoodDistance in the configuration and settings.
The POI info popo-up screen automatically opens in case it is set as such in the configuration.
Fig. 15. Route List module
The RouteList module gives an overview of routes. The active list of routes could come from the RouteMapOverview module or the RouteSearch module or the initial setting when the app is started.
The list contains he following info
The sorting is based on highest score + most recent at the top. Selecting the Info button brings you to the RouteInfo module of that route. Selecting any other part of the list element, brings you to the RouteView module.
Fig. 16. Route Search module
The RouteSearch Module allows you to search a route
Selection item "Where" allows you to search in a specific area. Default, if not filled in, this is your current location +/- 5 km (bounding box).
Selection item "Keywords" allows to search for routes based on a keywords (e.g. Silk Road)
Selection item "Only my routes" is only possible if the Login-module is provided
Selection item "Length" allows the user to select a route on length (default: from 0 to infinity)
Selection item "Score" allows to select routes based on scores
Map/List display (see fig 16-7): depending if “Map or List” is selected, the user is sent (with the selected set of routes) to the RouteMapOverview module or the RouteList module.
If the Search-button is selected the 99 (best) routes fulfilling the criteria are selected
Fig. 17. Settings module
The UserSettings module allows the user to reset or change (some of) the default settings. The default settings are defined in the Configuration, but some items can be changed by the user.
Language: The default language, the language options & the sequence of these languages are stored in the configuration. The user can change here the language (with the required effect)
MapLayer: The default MapLayer, the MapLayer options & the sequence of these MapLayers are stored in the configuration (see configuration for details). The MapLayer selected here is the map layer that is shown on all interfaces using maps (e.g. RouteSearch-Module, RouteOverview-Module, RouteView-Module,…)
AutoOpenPoi: Yes/No: This indicates if a POI opens when you are in the ‘neighbourhood’, defined by the PoiNeighbourhoodDistance
PoiNeighbourhoodWarning: Yes/no: This indicates if you get a BEEP/vibration if the POI is in the ‘neighbourhood’
PoiNeighbourhoodDistance: Distance defined in m. Defines the distance which has an effect on AutoOpenPois (AutoOpenDistance) & PoiNeighbourhoodWarning
AutoPan: Yes/no: This means that the Map automatically pans based on your position. This is the case for ALL the modules showing a map
Units: Metric/Imperial: Allows the setting of units (miles vs kms, or yards vs meter,…)
Reset: This resets the settings based on what is stored in the Configuration of the app.
Fig. 18 Off line/online module
The Off line/On line module handles the switch between the app working in off line and on line mode. The default is that the user gets a list of routes from where he/she can mark/select routes to use in off line mode. The user can mark one or more routes for download. When the “Start Download To get off line” button is hit, we go to the download action.
The download should try to download all the selected routes one by one unless there is not enough space on the device.
Also the required MapTiles in the neighborhood of the routes are downloaded for off line.
When the Off-line action is successful, the device switches to off-line mode.
All functions in the app should work in online mode (connection with the internet). Some modules will work in off-line mode (see below). To be able to work off line, a list of routes, their content (including POIs) and their map tiles are stored in memory that is also available when the app is switched off and on again.
When in off-line mode, the user will get to see the function (it will NOT be blocked) but will get a clear error-message that this functionality is not supported in off-line mode. In each of these modules, it is explained how to deal with the functionality when in off-line mode (if unclear).
The ContentCode has the following function. When an end-user fills in the Content Code, ONLY the content (Routes with POIs) linked to that ContentCode will be visible to the end-user. All the modules above are available but on for the routes linked to that ContentCode.
A good example of this use is the “Walks near my Hotel"-app already mentioned above.
Another good example is the “TravelAgency-app”
Another good example is the “Promotion-app”
The overall layout is defined in the following configuration variables and you can define this to your liking in the app.
For a list of the RouteYou functionalities per type of account: have a look at the RouteYou Functionality Overview per accounttype.
If you want to launch your own app, you have to register and upload the app (we will provide that). The procedure to do so is different for Goolge and Apple.
Take ino account that in general it takes
Follow the procedure described here
© 2006-2017 RouteYou - www.routeyou.com