Case Study

Riyadh 360°

Overview

Riyadh 360 app makes navigating faster and easier. It includes gorgeous 2D and interactive 3D experience that lets users soar high in the cities of Saudi Arabia. Packed with advanced navigation features like point-to-point directions, real-time traffic conditions and alternate routes suggestions, enables users to get to their destination via the most suitable way. Using this app, users can bookmark and tag their favorite locations in order to get quick directions to reach the desired spot.

Key Features

The Riyadh 360 application is majorly focused on tourist visitors who come from all around the world. The application is a powerful, easy-to-use platform embedded with the feature of panorama view. One can easily explore landmarks, discover natural wonders, and step view locations such as museums, arenas, restaurants and small businesses with 360-degree images on Map.

2D & 3D View

With its progressive portfolio in the domain of Web and Mobile development, Hiteshi held the responsibility for creating a user-friendly navigation app. Our take on the idea was to provide exemplary development, interactive designs and secure quality analysis services.

Tag POI

The main feature of the app is to allow user to tag POI on any of the location which is visible in panorama under the coverage area of Riyadh city. These POI can be categorized into multiple categories (Restaurant, Hotels, Health & education etc) available in the app.

Favorite Location

Other than tagging the POI’s on user’s favorite location, user can also bookmark his visited location and view it later via saved history.

Languages

Riyadh 360 supports two language options (English and Arabic) so that users can use the app in the language of their choice.

Navigation

In 3D map, the navigation arrows show the pathway on 3D map view and restrict the users to move on other area. By clicking on arrow it will load the next scene ID or location. User can move forward, backward, right and left if there is no restriction.

Routes

There are green paths on the map that display routes. Along with this, they represent area covered, available scene ID or 3D view on map where user can see the scene ID, tag POI etc.

Zoom

The zoom in/out feature is also available in the app. It can be used with all three kind of views i.e. 2D, 3D and split screen view. With this option people can look into the picture in a detailed manner by observing closed as well as distant components of the map.

Challenges & Solutions

The major challenge at the initial stage of development of Riyadh 360 was to get a panorama creation library. The library needed to be very smooth and user friendly, enabling better interaction with the system. There were many panorama libraries available but the almost all of them had some specifications that didn’t fit as per the application’s requirement.

panorama images

Challenge

The app provided panorama view by combining images in form of a cube. In order to make this work it was necessary to download and add panorama images as quickly as possible. We had problems in creating a perfect cube as images were placed randomly in cube.

Solution

For downloading panorama images quickly, we had to apply asynchronous downloading for the images which made the download quick. Along with this, to address the issue of adding the images on cube faces properly, we had to hold all the face objects and add the downloaded images.

Navigation

Challenge

Display the navigation arrows as per the received directional data was also one of the challenge.

Solution

As the view area of mobile phones is pretty small, we could not place multiple navigation arrows together in order to display the moving directions. We managed things keeping all device sizes in mind for both Android and iOS.

Hotspot

Challenge

Another major challenge was to plot custom hotspots on the panorama according to user clicks. We had to work on marking hotspots on the locations for which the user had long pressed the button.

Solution

The issue with placing the hotspots was overcome after in-depth research and development. This was accomplished by using the required mathematical calculation with yaw and pitch values evaluated by the team. which helped us in getting perfect location where user want to place hotspots.