Latest revision as of 18:08, 21 June 2013

About

This project contains a set of PHP functions and requires a MySQL database. It is a framework for storing, accessing and altering a large set of geotagged panorama images in a database. This simplifies the process of building Streetview-like panorama viewers.

Download

GIT

git clone git://git.code.sf.net/p/elphel/webgl_panorama_editor

The Panorama Database code is located inside the miscellaneous/Pano_DB/ directory

Direct Download

http://elphel.git.sourceforge.net/git/gitweb.cgi?p=elphel/webgl_panorama_editor;a=tree;h=refs/heads/master;hb=refs/heads/master

Work

1. Create Data Base structure - import CreateTables.sql into DB

MySQL export/import: https://my.bluehost.com/cgi/help/112
mysql -p -u username database_name < CreateTables.sql

2. Add database and user to pano_db_functions.php

3. backend/db_gui.html - Database Interface - Add/Delete/Update routes, Export/Import kml files

4. pano_index.html - Index of available routes in database and kml files - Create an editable copy.

5. webgl_panorama_editor.html - Editor/Viewer

6. Image requirements:

Each panorama (*.jpeg) must be split into 8 subimages with the script - other_scripts/prepare_images_for_wpe.php
In the KML file the 'href'-tag should be assigned with the full address and initial image file name - see KML record example

6. Rules for editing routes:

Select a database route or an existing kml file from the list at pano_index.html and make an editable copy.
If the route does not exist in the database - create it at backend/db_gui.html.
Edit the copy.
Import the the modified copy back at backend/db_gui.html.

Documentation

MySQL DB Structure

Nodes Table:

ID
Name
Description
OriginalDataLongitude
OriginalDataLatitude
OriginalDataAltitude
OriginalDataHeading
OriginalDataTilt
OriginalDataRoll
Longitude
Latitude
Timestamp
TimeStampMilliseconds //  Since MySQL's own timestamp format is accurate only down to 1 second we store Milliseconds in a separate field
Altitude
Heading
Tilt
Roll
Panorama URL
Visibility3D -  list of ranges [from,to] - which nodes are visible from the current one. from, to are both relative to the current node, so merging several segments should not break visibility (not so easy in the map that is not linear path, but we'll think of something  - adding new nodes (importing KML) should not change the relative sequence of indices (kml "name" tag).

Routes Table:

ID
Name
Description

Nodes_Routes Table:

Nodes
Routes
Order

PHP Methods

The following functions are already working.

The return value type is put in front of the function (C-like Systax, even though it does not exist in that way in PHP which this framework is written in)

Array GetNodeData (int $ID)

Returns all database fields of a specific Node ID as array

Return value

On success: Returns the Node data as array with the following fields:

$return['ID']
$return['Name']
$return['Description']
$return['OriginalDataLongitude']
$return['OriginalDataLatitude']
$return['OriginalDataAltitude']
$return['OriginalDataHeading']
$return['OriginalDataTilt']
$return['OriginalDataRoll']
$return['Longitude']
$return['Latitude']
$return['Timestamp']
$return['TimeStampMilliseconds']
$return['Altitude']
$return['Heading']
$return['Tilt']
$return['Roll']
$return['PanoramaURL']
$return['Visibility3D']

On an error:

$return['error'] = "ID not found";

Array GetRouteData (int $ID)

Returns all database fields of a specific Route ID as array

Return value

On success: Returns the Route data as array with the following fields:

$return['ID']
$return['Name']
$return['Description']

On an error:

$return['error'] = "ID not found";

Array GetRoutes ()

Returns all Routes with Nodes associated and the location of their first Node

Return value

On success: Returns all Routes with Nodes associated and the location of their first Node

$return[$index]['ID']
$return[$index]['Name']
$return[$index]['Description']
$return[$index]['Latitude']
$return[$index]['Longitude']
$return[$index]['Nodes'] // Number of Nodes in this Route

On an error: empty Array

Int/Array AddNode (Array $Data)

Save a new Node to the DB supplying the following database fields:

$Data['Name']
$Data['Description']
$Data['OriginalDataLongitude']
$Data['OriginalDataLatitude']
$Data['OriginalDataAltitude']
$Data['OriginalDataHeading']
$Data['OriginalDataTilt']
$Data['OriginalDataRoll']
$Data['Longitude']
$Data['Latitude']
$Data['Timestamp']
$Data['TimeStampMilliseconds']
$Data['Altitude']
$Data['Heading']
$Data['Tilt']
$Data['Roll']
$Data['PanoramaURL']
$Data['Visibility3D']

Return value

On success:

Returns the ID of the newly created Node

On an error:

$return['error'] = "Entry with same Coordinates already exists";

Int/Array AddRoute (Array $Data)

Save a new Route to the DB supplying the following database fields:

Return value

On success:

Returns the ID of the newly created Route

On an error:

$return['error'] = "Entry already exists";

Int GetNodeCount($RouteID = null)

Returns the number of Nodes stored in the DB, if you supply a $RouteID parameter you get the number of Nodes associated with a specific Route.

Return value

On success:

Number of Nodes

Array AddNodeToRoute (int $NodeID, int $RouteID)

Adds one Node to a Route. Both have to exist already.

Return value

On success:

$return['success'] = "done";

On an error:

$return['error'] = "Route with supplied ID does not exist";
$return['error'] = "Node with supplied ID does not exist";
$return['error'] = "Entry already exists";

Array ImportKML (String $KMLfile, int $RouteID)

Works just like AddNode but can import a high number of nodes with a single function - read from a KML file, if you supply a RouteID all new Nodes will automatically be added to an existing route.

Return value

On success:

$return['success'] = "done";
$return['Entries'] // Number of entries imported from the KML

On an error:

// TODO

Float/Array GetNodeDistance ($Node1ID, $Node1ID)

Returns the distance between 2 nodes in metres.

To calculate this distance assume that the 2 Nodes have no big altitude difference and calculate the distance based on their longitude and latitude on the earth sphere surface.

Return value

On success:

distance in meters as Float

On an error:

$return['error'] = "Node 1: ".$node1['error'];
$return['error'] = "Node 1: ".$node2['error'];

Array GetNodesAt ($LatMin, $LatMax, $LongMin, $LongMax, $Limit = 100)

Find an array of nodes that are in the area of the supplied coordinates (LatMin, LatMax, LongMin, LongMax). To prevent a huge number of results there is the limit parameter with a default value of 100. The results are not returned in a particular order.

Return value

On success:

Array of Nodes

On an error (no Nodes found in the specified area):

empty Array

Array GetRouteBounds($RouteID)

Returns 3 Long/Lat pairs defining the rectangular bounds of this Route as well as a center coordinate

Return value

On success:

$return['MinLatitude']
$return['MaxLatitude']
$return['MinLongitude']
$return['MaxLongitude']
$return['CenterLatitude']
$return['CenterLongitude']

On an error:

$return['error'] = "Route with ID: ".$RouteID." not found";

Array GetNodesByRoute($RouteID)

Returns all Nodes associated with a Route ordered by the routes_nodes 'order' column in a multidimensional array

Return value

On success:

Array of Nodes

On an error:

$return['error'] = "Route with ID: ".$RouteID." not found";

Array DeleteRoute($RouteID)

Delete a Route and all Nodes associated with it.

Return value

On success:

$return['success'] = "done";
$return['entries'] // number of deleted associated Nodes

On an error:

$return['error'] = "Route with RouteID: ".$RouteID." does not exist";

Array DeleteNode($NodeID)

Delete a single Node

Return value

On success:

$return['success'] = "done";

On an error:

$return['error'] = "Entry with NodeID: ".$NodeID." does not exist";

Array RemoveNodeFromRoute($NodeID, $RouteID)

Removes a Node from a Route, does not delete the actual Node, just removes the relationship between Route and this Node.

Since this function is intended for clean-up it does not check if the Node or Route to delete still exists.

Return value

On success:

$return['success'] = "done";

On an error:

$return['error'] = "Entry with NodeID: ".$NodeID." and RouteID: ".$RouteID." does not exist";

Array UpdateNode($Parameters[])

This function can be used to edit existing Node data. The Node has to exist already.

The parameter has to be an array with the following fields:

$Parameters['ID'] = 1;

The ID field is mandatory to identify which Node to edit, all the following fields are optional:

$Parameters['Name'] = "changed";
$Parameters['Description'] = "changed";
$Parameters['Longitude'] = "0";
$Parameters['Latitude'] = "0";
$Parameters['Timestamp'] = "0";
$Parameters['TimeStampMilliseconds'] = "0";
$Parameters['Altitude'] = "0";
$Parameters['Heading'] = "0";
$Parameters['Tilt'] = "0";
$Parameters['Roll'] = "0";
$Parameters['PanoramaURL'] = "changed";
$Parameters['Visibility3D'] = "changed";

UpdateNode($Parameters));

Note that fields like "OriginalDataLongitude" or "OriginalDataRoll" cannot be overwritten.

Return value

On success:

$return['success'] = "done";

On an error:

$return['error'] = "Node with ID: ".$Parameters['ID']." not found";

Array UpdateRoute($Parameters)

This function can be used to edit existing Route data. The Route has to exist already.

The parameter has to be an array with the following fields:

$Parameters['ID'] = 1;

The ID field is mandatory to identify which Route to edit, all the following fields are optional:

$Parameters['Name'] = "changed";
$Parameters['Description'] = "changed";

UpdateRoute($Parameters));

Return value

On success:

$return['success'] = "done";

On an error:

$return['error'] = "Route with ID: ".$Parameters['ID']." not found";

Int GetNodeIDbyImageFileName($RouteID, $Filename)

Returns the ID of the Node with $Filename in 'PanoramaURL' coloumn of the Route with $RouteID. This assumes that the $Filename still contains the timestamp from the original recording and therefore is unique to this Route.

Return value

On success:

ID as integer

On an error:

$return['error'] = "no results";

String CreateKMLEntry($NodeData)

Creates one "<PhotoOverlay>...</PhotoOverlay>" entry with all children required as a KML structured string with the provided $NodeData

Return value

On success:

KML entry as String

On an error:

// TODO

PrintKML($kml)

Outputs (prints) a full KML file with header. Containing $kml as KML content.

Works well together with CreateKMLEntry(), example:

PrintKML(CreateKMLEntry(GetNodeData(1))); // Print KML of Node 1

or print all KML entries of an entire Route

$RouteData = GetNodesByRoute(1);
$kml = "";
foreach ($RouteData as $Node) {
  $kml .= CreateKMLEntry($Node);
}
PrintKML($kml);

Return value

On success:

nothing

On an error:

nothing

TODO

int GetNextNodeinRoute (int $NodeID)

Routes are a sequence of nodes, The order is set by an "order" field in the routes_nodes table. Next node means higher order value.

int GetPreviousNodeinRoute (int $NodeID)

Routes are a sequence of nodes, The order is set by an "order" field in the routes_nodes table. Previous node means lower order value.

Glossary

Node One full 360 degree panorama with metadata.

Route Sequence of multiple panoramas

Tile A panorama image is split up into multiple tiles for performance reasons.

Process Definitions

Upload of panorama images

upload all images to an "upload" directory via FTP/SSH/etc.
you start the import script by providing a KML
the PHP script moves one image after the other to a different folder with NodeID as folder name for example and adds it to the DB
the PHP script deletes the KML or does not save it at all in the first place

Notes

KML file format example

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2">
<Document>
<PhotoOverlay> 
	<name>0</name>
	<shape>rectangle</shape>
	<TimeStamp>
		<when>2011-04-22T20:55:09.926681Z</when>
	</TimeStamp>
	<Camera>
		<longitude>-110.80748065628902</longitude>
		<latitude>38.59026617490507</latitude>
		<altitude>1536</altitude>
		<heading>162.60471534016946</heading>
		<tilt>71.2006112797243</tilt>
		<roll>14.082961141415383</roll>
	</Camera>
	<Icon>
		<href>http://community.elphel.com/files/eyesis/webgl-pano/3/panos_lwhc/result_1303527309_926681-000001.jpeg</href>
	</Icon>
	<ExtendedData>
		<OriginalData>
			<longitude>-110.817908</longitude>
			<latitude>38.58143</latitude>
			<altitude>1516.2</altitude>
			<heading>0</heading>
			<tilt>90</tilt>
			<roll>0</roll>
		</OriginalData>
               <Visibility3d>	
                        <v3Range><to>15</to></v3Range> // (no "from") means "from -infinity to +35" - this is not a distance but means from all nodes before until +15 nodes in the sequence
                        <v3Range><from>21</from><to>21</to></v3Range>
                        <v3Range><from>24</from><to>25</to></v3Range>
                        <v3Range><from>27</from><to>41</to></v3Range>
               </Visibility3d>
       </ExtendedData>
       <description>Start</description>
       <visibility>1</visibility>
</PhotoOverlay>
<PhotoOverlay>
...
</PhotoOverlay>
...
</Document>
</kml>

AJAX Interface

There is a panodb_interface.php that AJAX calls can communicate with by using jQuery POST (careful: GET will not work).

http://api.jquery.com/jQuery.post/

The function call names (cmd: "GetNodeData") are 1:1 the names used in the PHP framework. The parameters passed to the function are stored in an array called parameters.

This is a typical call:

$("#example").submit(function(event) {
   // make sure we do a complete override of the submit function
   event.preventDefault();

   // the URL where the panodb_interface.php file is located
   var url = "http://community.elphel.com/files/eyesis/pano-db/panodb_interface.php";

   // Receive Node data of ID = 10 as KML 
   var parameters = { ID : 10 };
   var data = { cmd: "GetNodeData", return : "KML", parameters :parameters }

   // Send the data using post and display the returned data in the console (requires firebug extension)
   $.post(url, data, function(data) { console.log(data); });
}

On GIT there is a AJAX-Examples.html file that contains example calls to all implemented functions.

@@ Line 4: / Line 4: @@
 This simplifies the process of building Streetview-like panorama viewers.
+=Download=
+==GIT==
+ git clone git://git.code.sf.net/p/elphel/webgl_panorama_editor
+The Panorama Database code is located inside the miscellaneous/Pano_DB/ directory
+==Direct Download==
+http://elphel.git.sourceforge.net/git/gitweb.cgi?p=elphel/webgl_panorama_editor;a=tree;h=refs/heads/master;hb=refs/heads/master
+==Work==
+. Create Data Base structure - import CreateTables.sql into DB
+ MySQL export/import: https://my.bluehost.com/cgi/help/112
+ '''mysql -p -u username database_name < CreateTables.sql'''
+. Add database and user to '''pano_db_functions.php'''
+. '''backend/db_gui.html''' - Database Interface - Add/Delete/Update routes, Export/Import kml files
+. '''pano_index.html''' - Index of available routes in database and kml files - Create an editable copy.
+. '''webgl_panorama_editor.html''' - Editor/Viewer
+. Image requirements:
+* Each panorama (*.jpeg) must be split into 8 subimages with the script - '''other_scripts/prepare_images_for_wpe.php'''
+* In the KML file the 'href'-tag should be assigned with the full address and initial image file name - see [http://wiki.elphel.com/index.php?title=Eyesis_Panorama_Database#KML_file_format_example KML record example]
+. Rules for editing routes:
+* Select a database route or an existing kml file from the list at '''pano_index.html''' and make an editable copy.
+* If the route does not exist in the database - create it at '''backend/db_gui.html'''.
+* Edit the copy.
+* Import the the modified copy back at '''backend/db_gui.html'''.
+=Documentation=
 ==MySQL DB Structure==
@@ Line 89: / Line 123: @@
   $return['error'] = "ID not found";
+===Array GetRoutes ()===
+Returns all Routes with Nodes associated and the location of their first Node
+====Return value====
+On success:
+Returns all Routes with Nodes associated and the location of their first Node
+ $return[$index]['ID']
+ $return[$index]['Name']
+ $return[$index]['Description']
+ $return[$index]['Latitude']
+ $return[$index]['Longitude']
+ $return[$index]['Nodes'] // Number of Nodes in this Route
+On an error:
+empty Array
 ===Int/Array AddNode (Array $Data)===
@@ Line 198: / Line 250: @@
 On an error (no Nodes found in the specified area):
   empty Array
+===Array GetRouteBounds($RouteID)===
+Returns 3 Long/Lat pairs defining the rectangular bounds of this Route as well as a center coordinate
+====Return value====
+On success:
+ $return['MinLatitude']
+ $return['MaxLatitude']
+ $return['MinLongitude']
+ $return['MaxLongitude']
+ $return['CenterLatitude']
+ $return['CenterLongitude']
+On an error:
+ $return['error'] = "Route with ID: ".$RouteID." not found";
 ===Array GetNodesByRoute($RouteID)===
 Returns all Nodes associated with a Route ordered by the routes_nodes 'order' column in a multidimensional array
 ====Return value====
@@ Line 316: / Line 384: @@
 On an error:
   $return['error'] = "no results";
+===String CreateKMLEntry($NodeData)===
+Creates one "<PhotoOverlay>...</PhotoOverlay>" entry with all children required as a KML structured string with the provided $NodeData
+====Return value====
+On success:
+ KML entry as String
+On an error:
+ // TODO
+===PrintKML($kml)===
+Outputs (prints) a full KML file with header. Containing $kml as KML content.
+Works well together with CreateKMLEntry(), example:
+ PrintKML(CreateKMLEntry(GetNodeData(1))); // Print KML of Node 1
+or print all KML entries of an entire Route
+ $RouteData = GetNodesByRoute(1);
+ $kml = "";
+ foreach ($RouteData as $Node) {
+   $kml .= CreateKMLEntry($Node);
+ }
+ PrintKML($kml);
+====Return value====
+On success:
+ nothing
+On an error:
+ nothing
 ===TODO===
@@ Line 392: / Line 497: @@
   </Document>
   </kml>
+=AJAX Interface=
+There is a panodb_interface.php that AJAX calls can communicate with by using jQuery POST (careful: GET will not work).
+ http://api.jquery.com/jQuery.post/
+The function call names (cmd: "GetNodeData") are 1:1 the names used in the PHP framework.
+The parameters passed to the function are stored in an array called parameters.
+This is a typical call:
+ $("#example").submit(function(event) {
+    // make sure we do a complete override of the submit function
+    event.preventDefault();
+    // the URL where the panodb_interface.php file is located
+    var url = "http://community.elphel.com/files/eyesis/pano-db/panodb_interface.php";
+    // Receive Node data of ID = 10 as KML
+    var parameters = { ID : 10 };
+    var data = { cmd: "GetNodeData", return : "KML", parameters :parameters }
+    // Send the data using post and display the returned data in the console (requires firebug extension)
+    $.post(url, data, function(data) { console.log(data); });
+ }
+On GIT there is a AJAX-Examples.html file that contains example calls to all implemented functions.

Difference between revisions of "Eyesis Panorama Database"

Latest revision as of 18:08, 21 June 2013

Contents

About

Download

GIT

Direct Download

Work

Documentation

MySQL DB Structure

PHP Methods

Array GetNodeData (int $ID)

Return value

Array GetRouteData (int $ID)

Return value

Array GetRoutes ()

Return value

Int/Array AddNode (Array $Data)

Return value

Int/Array AddRoute (Array $Data)

Return value

Int GetNodeCount($RouteID = null)

Return value

Array AddNodeToRoute (int $NodeID, int $RouteID)

Return value

Array ImportKML (String $KMLfile, int $RouteID)

Return value

Float/Array GetNodeDistance ($Node1ID, $Node1ID)

Return value

Array GetNodesAt ($LatMin, $LatMax, $LongMin, $LongMax, $Limit = 100)

Return value

Array GetRouteBounds($RouteID)

Return value

Array GetNodesByRoute($RouteID)

Return value

Array DeleteRoute($RouteID)

Return value

Array DeleteNode($NodeID)

Return value

Array RemoveNodeFromRoute($NodeID, $RouteID)

Return value

Array UpdateNode($Parameters[])

Return value

Array UpdateRoute($Parameters)

Return value

Int GetNodeIDbyImageFileName($RouteID, $Filename)

Return value

String CreateKMLEntry($NodeData)

Return value

PrintKML($kml)

Return value

TODO

Glossary

Process Definitions

Upload of panorama images

Notes

KML file format example

AJAX Interface

Navigation menu

Search