Task: In the ShipAtlas app, select Hants Harbour as the starting point and the destination Hamburg port, and get the direction.
Steps:
Click on the search bar at the top of the screen
Click anywhere on screen to close the keyboard
Click on the Ports section 
Click on the search bar to active the keyboard
Type Hants Harbour in search bar
Click on the first suggested result
Click on the Hants Harbour at the bottom of the screen
Click on the route icon at the bottom of the screen
Click on the Add port at the top right of the screen
Type Hamburg in search bar
Click on the first suggested result 
Click on show route at the bottom to view the route