LogoLogo
What's NewDeveloper CommunitySupportStatus
  • 🚀Get Started
    • What is JourneyApps Platform?
    • Tutorial: Build your First App
      • 1. Introduction
      • 2. Create a new App
      • 3. OXIDE IDE Overview
      • 4. Hello World app
      • 5. The Data Model
      • 6. View Components
      • 7. Queries and Data Sync
      • 8. Simple Navigation
      • 9. View Stack
      • 10. Input Validation
      • 11. View Parameters
      • 12. Data Manipulation
      • 13. Responsive Apps
      • 14. Styling
      • 15. Lists
      • 16. GPS Capturing
      • 17. Relationships
      • 18. Multiple User Roles
      • 19. Deployment and Users
      • 20. Version Control
      • 21. CSV and APIs
      • 22. Conclusion
    • JourneyApps Platform Fundamentals
      • Creating a New App
        • Git-enabled Apps
      • What are Views?
      • What is the Data Model?
      • JourneyApps Syntax Basics
      • Access the Database (DB)
        • Manipulate DB Objects
        • Query DB Objects
      • View Navigation
        • Deep Linking
      • CloudCode Overview
      • OXIDE (Online IDE)
  • 💻Build your App
    • JourneyApps Syntax
      • Syntax Basics
      • Access the DB
      • View Navigation
      • Async & Await
      • TypeScript Apps (Beta)
        • runtime-build package
        • TypeScript App Troubleshooting
      • What's New in V4
        • Updating to the V4 API
    • Configure your Data Model
      • What is the data model?
      • Reference: model
        • field
        • belongs-to
        • has-many
        • index
      • Data Rules
        • Data Buckets
        • Sync Rules - Limit data synced to devices
        • Data ACLs - Limit access to data
        • Real-world example for Data Rules
        • ❔FAQs
        • Migrate to Data Rules
      • App Indexes
      • Webhooks
    • UI Components
      • All UI Components
        • actionSheet
        • Attachments
        • button
        • button-group
        • capture-coordinates
          • marker
          • marker-query
        • capture-file
        • capture-photo
        • capture-signature
        • card
          • accent
          • action
        • columns
          • column
        • component
        • context-menu
          • divider
          • item
        • CSV
        • date-input
        • datetime-input
        • dialog
          • body
        • display-3d-model
          • 📖display-3d-model Guides
            • Guide 1: Initialize and layout a 3D model in a view
            • Guide 2: Control playback position
            • Guide 3: Troubleshooting controls
        • display-coordinates
        • display-file
        • display-image
        • display-photo
        • display-signature
        • heading
        • html
          • HTML Advanced Topics
          • ❔HTML FAQs
          • 📖Guide: HTML & JourneyApps iFrame Client
        • icons
        • info
        • info-table
          • row
        • journey.photos (capture multiple photos)
        • JourneyPrinter (print PDFs)
        • grid
          • cell
          • 📖grid Examples
        • list
          • list-item
            • accent
            • asset
            • pills
              • pill
            • action
        • multiple-choice-checklist
        • navigation (Navigation drawer)
          • general-section
            • item
          • section
            • item
              • item
          • ❔navigation FAQs
        • notification
        • object-dropdown
        • object-list
          • action
        • object-repeat
        • object-table
          • action
          • column
            • action
            • edit-boolean
            • edit-date
            • edit-datetime
            • edit-integer
            • edit-number
            • edit-select
            • edit-text
            • edit-time
            • edit-typeahead
              • action
            • header-action
          • column-group
          • empty-action
          • 📖object-table Guides
            • Actions
            • Cell callouts
            • Column groups
            • Columns
            • Controlled object-table
            • Controls
            • Copy & paste data
            • Edit cells
            • Filters
            • Frozen columns
            • Fullscreen object-table
            • Mode
            • State
            • Styles
        • optionList
        • PhotonSync (transfer data offline)
        • power-bi
          • 📖Guide: PowerBI Embedding
        • scan-barcode
        • shortcut
        • sidebar
        • single-choice-dropdown
        • single-choice-radio
        • template
        • text-input
        • time-input
        • toggle
        • view
      • JS/TS Events
      • Show / Hide UI Components
      • View Templates
      • XML Fields (Attributes)
        • align-content
        • align-controls
        • align-label
        • bind
        • clear-button-visibility
        • control-order
        • disabled
        • error-message
        • icon-position
        • id
        • hide-if
        • modifier-text
        • label
        • label-case
        • label-color
        • on-change
        • on-press
        • placeholder
        • required
        • show-if
    • JS / TS APIs
      • Attachment
      • Bluetooth (Beta)
      • Broadcast
      • component
      • CSV
      • DB
      • HardwareBarcode
      • journey
        • journey.config
        • journey.container
        • journey.device
        • journey.diagnostics
        • journey.dialog
        • journey.files
        • journey.hardware
        • journey.photos
        • journey.runtime
        • journey.sensors
        • journey.viewStack
      • JourneyPrinter
      • KeyboardBarcode
      • LocalDB
      • NFC
      • OnlineDB
      • PhotonSync
      • SerialPort
      • ShortcutManager
      • TCPSocket
      • user
    • Extend your App with Custom Code
      • App packages
        • App packages overview
        • PDF report package
        • TypeScript library & unit tests
        • Manage External Dependencies
      • Custom HTML
    • Style & Customize your App
      • Style & configure UI components
        • Overview
        • Understand extendable themes
        • Use themes on a view
        • Theme specific components on a view
        • Examples
        • Debugging
        • ❔FAQs
      • Change your App Font
      • Custom Branding
        • Custom Container Features
        • Special Requirements for iOS Containers
    • Integrate your App
      • Backend integrations with CloudCode
      • Barcode Scanning
        • Barcode Scanning using Keyboard Emulation
        • Hardware Barcode Scanning
        • scan-barcode
      • Bluetooth Low Energy (BLE)
      • Broadcast API
      • HTTP requests (Fetch API)
      • JourneyApps Print (Android)
      • Maps and navigation
      • NFC
      • Opening external links/apps
      • Serial Port
      • TCP Sockets
    • Design Intuitive Apps
      • UX Guidelines
      • Write Effective Copy
  • 📱App Features
    • RealWear® Voice Control
      • Automatic Voice Commands
        • Automatic Voice Commands - Advanced
      • Manual Voice Commands
    • App, Runtime and Container Updates
    • Batch Operations (App)
    • Call JS/TS Functions from XML
    • Capture GPS Locations
    • Push Notifications
    • Translations
    • XML Format Strings
    • Webhooks (External)
  • 🌐CloudCode
    • CloudCode Overview
    • Trigger a CloudCode Task
      • Trigger CC with a Schedule
      • Trigger CC via a Webhook
      • Trigger CC from an App
      • Trigger CC from Another Task
      • Trigger CC via HTTP
    • Attachments in CloudCode
    • Timezones
    • Advanced CloudCode Topics
      • Access Multiple DBs in CloudCode Tasks
      • Batch API (CloudCode)
      • CloudCode Dependencies
      • Configure HTTPS in CloudCode
      • Deployment environment variables
      • Local CloudCode Development
      • PDF Reports using CloudCode
      • Shared CloudCode Tasks
      • Translations in CloudCode
  • 📥Backend API
    • Introduction
    • API Reference
      • Retrieve All Objects
      • Query Objects
      • Sort Results
      • Limit and Skip
      • Count Objects
      • Create a New Object
      • Retrieve a Single Object
      • Update a Single Object
      • Delete a Single Object
      • Batch Operations (v4 API)
      • Oplog API
      • Retrieve the App Data Model
      • Manage App Users and Sessions
      • Field Representation
      • Error Responses
    • API Limits
    • Update to the V4 API
  • ⚙️Technical
    • Data Synchronization Priority
    • Device Diagnostics
    • JSON1 Query Engine
    • Improve App Performance
    • Security Measures
    • Supported Platforms
      • Web Container
      • Windows Installer
    • Domain Whitelist
  • 🖥️OXIDE
    • Get started with OXIDE
      • OXIDE Overview
      • Components of OXIDE
    • Configure Testing Deployments
    • Edit and Manage Files
      • How to Navigate to a Function
      • Manage External Dependencies
    • Create and Manage App Containers
    • Debugging & Troubleshooting
      • Common Troubleshooting Pointers
      • App Diagnostics Reports
      • Build Logs
    • OXIDE Workspaces
      • OXIDE Trees
  • ❕Deprecated Features
    • Deprecated Features and Components
Powered by GitBook
On this page
  • Supported fields
  • Example Code
  1. Build your App
  2. JS / TS APIs
  3. journey

journey.sensors

Version compatibility

  • journey.sensors was introduced in version 4.85.0 of the JourneyApps Runtime and version 22.4.1 of the JourneyApps Container.

  • Currently only supported on Android and iOS.

Returns information about the device's accelerometer, compass and orientation data.

Supported fields

getCapabilities()

To retrieve a device's supported sensor capabilities.

main.ts
var capabilities = await journey.sensors.getCapabilities();
view.accelerometer_supported = capabilities.accelerometerIsSupported;
view.compass_supported = capabilities.compassIsSupported;
view.orientation_supported = capabilities.orientationIsSupported;

accelerometer.read()

Returns accelerometer data captured at a specific point in time.

Acceleration values include the effect of gravity (9.81 m/s^2), so that when a device lies flat and facing up, x, y, and z values returned should be 0, 0, and 9.81.

Properties returned:

  • x: Number value

  • y: Number value

  • z: Number value

  • timestamp: Unix Timestamp when sample was taken

accelerometer.registerListener()

Listeners supply an onData callback which will be invoked with the data argument set to the same format as a read function call. The onError callback will be called on an error condition, if called, no subsequent onData callbacks are executed. The argument provided to the onError function is a string error message.

Listener options:

Currently the only option supported for all sensors is the sampling period in milliseconds.

export interface ListenerOptions {
    periodMs: number;
}

Example:

main.js
watchRemover = journey.sensors.accelerometer.registerListener(
    function onData(result) {
        // Do something with result here, e.g.   
        var listenerTimestamp = result.timestamp.toString();
    },
    function onError(error) {
        console.log('Received error', error);
    },
    {
        periodMs: 1000
    }
);

compass.read()

Returns compass data captured at a specific point in time.

Properties returned:

  • magneticHeading: The heading in degrees from 0-359.99 at a single moment in time. (Number)

  • trueHeading: The heading relative to the geographic North Pole in degrees 0-359.99 at a single moment in time. A negative value indicates that the true heading can't be determined. (Number)

  • headingAccuracy: The deviation in degrees between the reported heading and the true heading. (Number)

  • timestamp: Unix Timestamp when sample was taken

compass.registerListener()

orientation.read()

Properties returned:

  • alpha: Number value

  • beta: Number value

  • gamma: Number value

  • timestamp: Unix Timestamp when sample was taken

orientation.registerListener()

Example Code

The below example code shows a view that allows a user to read and start/stop watching accelerometer data. The returned data saved to LocalDB objects and is presented in tables.

schema.xml
<?xml version="1.0" encoding="UTF-8"?>
<data-model>
    ...
    <model name="data_row" label="Local: Data Row">
        <field name="key" label="Key" type="text" />
        <field name="value" label="Value" type="text" />
        
        <display>{key}: {value}</display>
    </model>

</data-model>

main.view.xml
<?xml version="1.0" encoding="UTF-8"?>
<view title="Accelerometer" on-back="stopWatch">
    <var name="read_timestamp" type="text" />
    <var name="listener_timestamp" type="text" />
    
    <var name="read_results" type="array:data_row" />
    <var name="watch_results" type="array:data_row" />
    
    <var name="watch_period_ms" type="number" />
    <var name="is_watching" type="boolean" />

    <button label="Read Sensor" on-press="read" validate="false" />
    <object-table show-if="read_results" label="Single Result {read_timestamp}" query="read_results" empty-message="Your items will appear here">
        <column heading="Field" fit="shrink">{key}</column>
        <column heading="Value m/s^2">{value}</column>
    </object-table>

    <heading>Watch Sensor</heading>
    <text-input label="Sample period (ms)" bind="watch_period_ms" required="true" />
    <button hide-if="is_watching" label="Watch Acceleration" on-press="watch" validate="true" />
    <button show-if="is_watching" label="Stop watching" on-press="stopWatch" validate="false" />
    <object-table show-if="watch_results" label="Watched Result {listener_timestamp}" query="watch_results" empty-message="Your items will appear here">
        <column heading="Field" fit="shrink">{key}</column>
        <column heading="Value m/s^2">{value}</column>
    </object-table>
</view>

main.js
// This function is called when the app navigates to this view (using a link)
function init() {
    // initialize any data here that should be available when the view is shown
    view.watch_period_ms = 1000;
}

// This function is called when the user returns to this view from another view
function resume(from) { }
function read() {
    // For accelerometer data use journey.sensors.accelerometer
    // For compass data use journey.sensors.compass
    // For orientation data use journey.sensors.orientation
    var result = journey.sensors.accelerometer.read();
    view.read_results = Object.keys(result).map(function (key) {
        return LocalDB.data_row.create({
            key: key,
            value: result[key]
        })
    });
    view.read_timestamp = result.timestamp.toString();
}

var watchRemover;
function watch() {
    // For accelerometer data use journey.sensors.accelerometer
    // For compass data use journey.sensors.compass
    // For orientation data use journey.sensors.orientation
    watchRemover = journey.sensors.accelerometer.registerListener(
        function onData(result) {
            if (view.watch_results && view.watch_results.length) {
                view.watch_results.map(function (item) { item.destroy() });
            }
            view.watch_results = Object.keys(result).map(function (key) {
                return LocalDB.data_row.create({
                    key: key,
                    value: result[key]
                })
            });
            view.listener_timestamp = result.timestamp.toString();
            journey.forceDigest();
        },
        function onError(error) {
            console.log('Received error', error);
        },
        {
            periodMs: view.watch_period_ms
        });
    view.is_watching = true;
}

function stopWatch() {
    if (watchRemover) {
        watchRemover();
        watchRemover = null;
    };
    view.is_watching = false;
}

schema.xml
<?xml version="1.0" encoding="UTF-8"?>
<data-model>
    ...
    <model name="data_row" label="Local: Data Row">
        <field name="key" label="Key" type="text" />
        <field name="value" label="Value" type="text" />
        
        <display>{key}: {value}</display>
    </model>

</data-model>

main.view.xml
<?xml version="1.0" encoding="UTF-8"?>
<view title="Accelerometer" on-back="stopWatch">
    <var name="read_timestamp" type="text" />
    <var name="listener_timestamp" type="text" />

    <var name="read_results" type="array:data_row" />
    <var name="watch_results" type="array:data_row" />

    <var name="watch_period_ms" type="number" />
    <var name="is_watching" type="boolean" />

    <button label="Read Sensor" on-press="read" validate="false" />
    <object-table show-if="read_results" label="Single Result {read_timestamp}" query="read_results" empty-message="Your items will appear here">
        <column heading="Field" fit="shrink">{key}</column>
        <column heading="Value m/s^2">{value}</column>
    </object-table>

    <heading>Watch Sensor</heading>
    <text-input label="Sample period (ms)" bind="watch_period_ms" required="true" />
    <button hide-if="is_watching" label="Watch Acceleration" on-press="watch" validate="true" />
    <button show-if="is_watching" label="Stop watching" on-press="stopWatch" validate="false" />
    <object-table show-if="watch_results" label="Watched Result {listener_timestamp}" query="watch_results" empty-message="Your items will appear here">
        <column heading="Field" fit="shrink">{key}</column>
        <column heading="Value m/s^2">{value}</column>
    </object-table>

</view>

main.js
// This function is called when the app navigates to this view (using a link)
async function init() {
    // initialize any data here that should be available when the view is shown
    view.watch_period_ms = 1000;
}

// This function is called when the user returns to this view from another view
async function resume(from: ResumeFrom) { }

async function read() {
    const result = await journey.sensors.accelerometer.read();

    view.read_results = Object.keys(result).map(key => LocalDB.data_row.create({
        key: key,
        value: result[key]
    }));

    view.read_timestamp = result.timestamp.toString();
}

let watchRemover: () => void;
async function watch() {
    watchRemover = await journey.sensors.accelerometer.registerListener(
        result => {
            if (view.watch_results?.length) {
                view.watch_results.map(item => item.destroy());
            }

            view.watch_results = Object.keys(result).map(key => LocalDB.data_row.create({
                key: key,
                value: result[key]
            }));

            view.listener_timestamp = result.timestamp.toString();

            journey.forceDigest();
        }, 
        console.log,
        {
            periodMs: view.watch_period_ms
        });

    view.is_watching = true;
}

async function stopWatch() {
    if (watchRemover) {
        await watchRemover();
        watchRemover = null;
    }
    view.is_watching = false;
}

Previousjourney.runtimeNextjourney.viewStack

Last updated 2 years ago

See

Returns the orientation of a device with angles measured along a specific reference frame. See for good depictions of the angles.

See

This feature requires version 2.0.5 or greater of the .

💻
here
@journeyapps/runtime-build package
accelerometer.registerListener()
accelerometer.registerListener()