geolocviz – geolocviz – Application Overview
geolocviz – geolocviz – Application Overview
0 0
slides-geolocviz
Reveal.js slides for my talkOn Github thomasstache / slides-geolocviz
geolocviz
What do you need to know?
geolocviz
What do you want to know?
Agenda
- Application Overview
- User Interface
- Architecture and development
Application Overview
- Purpose
- History
- Current incarnation
Purpose
A modern web app to support development of the Actixone geolocation feature.History
March-May Initial geotagging accuracy test visualization webapp by Carsten Jandura June Development taken over by RnD team to extend feature set (e.g. accuracy test file format v3) July New features (e.g. session highlighting, marker legend, extended .axf files), continuing refactoring and modularization Surprise: location candidates for a single calltrace sample! 1st data model rewrite. Separate result files for different algorithms expose data model design problem: Connection between reference and result markers broken.Prototyping using a "real" MVC library
Use a well known and maintained library as foundation instead of rolling my own.
Whip up a data model, strap in file parsing code from GeoLocViz. Display results in a big table.
Success!
User Interface
- User Guide
- Features
- Limitations
User Guide
AXF results and network from CellRef
User Guide
Toolbar with file selection input
User Guide
Settings
User Guide
Map View
User Guide
Info View
Info View
Session Info
- if session IDs available (for .distance files and extended .axf files)
- Session ID
- Number of records
- Focus/Unfocus Session
Info View
Result Info
- result metadata
- distance for accuracy results
- Buttons for forward/backward navigation through session
Info View
Statistics Info
- # of sessions
- # of results
- # of sites and sectors
- list of loaded files
Settings
- Connect markers with reference: for accuracy results, thin red line between reference location and selected result
- Connect markers in sessions: blue and purple lines between results with the same session ID
File formats
- Accuracy result files (.distance)
- AXF files (.axf)
- CellRef files (.txt)
Accuracy Results
- ActixOne 6.1+ version with 11 columns
/** * #FileId | MessNum | DTLatitude | ... | IndoorProb | SessionId */
AXF Results
- ActixOne 6.0 version with 10 columns
- ActixOne 6.1+ version with 11 columns
- Extended version with 14 columns
/** * 6.0 * #Message Number,Time,Latitude,Longitude, ... MeasurementReport */ /** * 6.1 (Geotagging 3) * #Message Number,Time ... MeasurementReport,Indoor_Probability */
Cellref Files
- file name must start with "cellrefs"
- extension must be ".txt"
- new: dynamic detection of attribute columns
More about features
Session visualization
Double-click a result marker to highlight its whole session
Filter by Marker Type
use legend items to turn individual result types and categories (mobile/stationary/indoor) on and off
Building a webapp
Technologies:
- HTML 5
- Javascript
- CSS3
Building foundations
- Backbone.js for MVC
- jQuery for DOM manipulation
- RequireJS for dependency management
- Handlebars for HTML templating
- Modernizr for feature detection in browsers
Resources
What did I find valuable to read and watch?
Google Maps
Video time!
Web Applications / HTML5 / CSS3
- TodoMVC - Helping you select an MV* framework
- Slides: MVC Module Magic | Alex Sexton
- Writing Modular JavaScript With AMD, CommonJS + ES Harmony
- Video: Google I/O 2012 - The Web can do that!?
Backbone
- Learning Backbone.js: Tweets in Google Maps
- Developing Backbone.js Applications | Addy Osmani
- Rendering Views in Backbone.js Isn't Always Simple
- The "Local Todos" example in the Backbone download package