Working Spec

Mobile App User Guide

Overview

The purpose of our app is to present our 3D interactive models and make it easy for you to interact with, and examine them. To view a model you need to be able to select it. The app provides 3 ways to do this: Scan a QR Code; Find Model in a list; and select a previously viewed from Model History. The rest of the app is there to support and enhance these functions.

What the Icons mean

Main Icons

There are 3 ways to select a model:

Each of these has it’s own icon and these icons appear on most app screens to help you move easily between the 3 methods. The Home Icon takes you back to the app start.

  1. QRCode Icon QR Code Scan - Tap this to scan a Working Spec QR Code.
  2. Find Icon Find a Model - Tap this to Find a Model in our database.
  3. History Icon Model History - Tap this to view your Model History where you can quickly reload 1 previously viewed models.
  4. Home Icon Home - Tap this to return to Home.

Home Screen Icons

These icons are found only on the Home screen and allow you to open/close the Main Menu and exit the app.

  1. Main Menu Main Menu - Tap this to open the Main Menu.
  2. Close Menu Close Menu - Tap this to close the menu.
  3. Exit App Exit App - Tap this to shutdown the app. Note: Not available on Apple iPhone or iPad.

The Main Menu contains the Main Icons plus these extra icons.

  1. Information Information - Tap this to view Information about the app.
  2. Demonstration Demonstration - Tap this to view a Demonstration model where you can try Gestures and Animation Controls.
  3. User Guide Application User Guide - Tap this to go to the website and view this Application User Guide.
  4. Settings Application Settings - Tap this icon to view the Settings.

Status Panel

These 3 icons are displayed in orange when the app starts. They should quickly disappear.
If these icons appear in red then there is a problem which will affect the availablity app operations e.g. If the camera is not available you will not be able to QR Code Scan.

  1. Internet Availability Internet Access – Red indicates the app cannot find an internet connection. You will not be able to select or view models.
  2. Database Availability Database Access – Red indicates the app cannot access the model database. You will not be able to Find Models or use Model History.
  3. Camera Availability Camera Access – Red indicates the app cannot access the camera. You will not be able to QR Code Scan.

App Screens

The Working Spec Application showcases interactive, animated, 3D models of product assembly and instructions, making installation on-site simple and efficient.

Home

The Home screen is the start point for access to all the app functions and screens.

Home
  1. QRCode Icon Tap the center icon to scan a Working Spec QR code;
  2. Find Icon Tap the Find Model icon to select a model;
  3. History Icon Tap the Model History icon, to select a model from those previously viewed;
  4. Main Menu Tap the Main Menu icon for extended menu options;
  5. Exit App Tap the Exit icon to close and exit the app. Note: Not available on Apple iPhone or iPad.

The main menu lists all the model selection options plus some extra secondary options.

Main Menu

Main options:

  1. QRCode Icon Tap to scan a Working Spec QR Code;
  2. Find Icon Tap to select a model from the Find Model list;
  3. History Icon Tap to select a model from the Model History list;

Extra options:

  1. Information Tap for Information about our app and models;
  2. Demonstration Tap for quick tips on interacting with models and move on to a view a Demonstration model;
  3. User Guide Tap to this user guide in your mobile web browser;
  4. Settings Tap to view app Settings;
  5. Exit App Tap to close and exit the app.

QR Code Scan

QR Codes on manufacturers documentation, product packaging etc are a quick way to View a Working Spec model.

QR Code Scan

Your device camera is activated:

  • Point the camera at a Working Spec QR Code;
  • Allow time for the camera to focus;
  • The code will automatically scan.

The model corresponding to the code scanned will load into the Model View.

If the QR Code you scan is NOT a Working Spec QR Code an error box will be displayed. Clear the error box and scan a valid Working Spec QR Code.

Find Model

Another method to find the Working Spec model you want to View is to select it from a list of all our models. The models shown can be filtered by Company, Brand and Product.

Find Model

Models are displayed in a grid. Tap the model to View.

Model Grid Detail

Model Filters

Find Model has a set of filters to make it easier for you to find the model you want to view. Each model describes a detail, which is part of a Product, which belongs to a Brand, which is owned by a Company.
The filters allow you to restrict the models displayed to any Company/Brand/Product.

Model Filters
  1. No Filter Filter is disabled for this category - Tap this icon on any filter to allow all models in the category.
  2. Filter by Company Filter by Company - Tap filter and select a Company from the dropdown.
  3. Filter by Brand Filter by Brand - Tap filter and select a Brand from the dropdown.
  4. Filter by Product Filter by Product - Tap filter and select a Product from the dropdown.

Model History

The final method to find the Working Spec model you want to View is to select it from a list of the previous models you have viewed. The model history lists the models you have previously viewed in a grid (most recent first, oldest last).

Model History

Models are displayed in a grid. Tap the model to View.

Model Grid Detail

Information

Information about our app and models including a link to our Working Spec website.

Information

Demonstration

Some quick tips on interacting with models followed by a View of a demonstration model where you can experiment with the View gestures and controls.

Demonstration

Settings

Some basic app settings. Not very interesting.

Settings

Model View

This is what the app is all about - viewing our interactive 3D models.

Model View

Gestures

These icons show the finger gestures used to zoom, rotate and pan a 3D model in Model View. Note: These gestures are only available on touch enabled devices e.g. Mobile phones, iPads etc.

  1. Rotate Rotate - Place a single finger on the screen and move up/down, left/right to rotate the model.
  2. Zoom Zoom - Place two fingers on the screen: move apart to zoom out; move together to zoom in.
  3. Pan Pan - Place two fingers on the screen and move both up/down, left/right to pan the model.

Mouse Buttons

These icons show the mouse buttons used to zoom, rotate and pan a 3D model in Model View. Note: These buttons are only available on devices supporting a mouse e.g. Laptops, Desktops etc.

  1. Rotate Rotate - Click and hold this mouse button then move the mouse to rotate the model.
  2. Zoom Zoom - Rotate the mouse wheel zoom the model in/out.
  3. Pan Pan - Click and hold this mouse button then move the mouse to pan (move) the model.

Model Animation

This group of icons play/pause the animation and re-center the model in the Model View.

  1. Play Play - Tap this icon to play the animation in the Model View.
  2. Pause Pause - Tap this icon to pause the animation in the Model View.
  3. Re-center Model Position Re-center the model - Tap this icon to re-center the model position in the Model View.

Additional Controls

These are hidden by default. Double-tap the screen to toggle them on/off.

Model View Extra Controls
  1. Website Link Website Link - Tap this icon to go to the website page for the current model.
  2. Toggle Keys Keys - Tap icon to display/hide model keys in the Model View.

Web Player Icons

These icons are only visible in the web version of the model animation.

  1. Expand Screen (full screen) Expand Screen (full screen) - Tap icon to expand the screen on the web version of the model animation.
  2. Collapse Screen (embedded in web page) Collapse Screen (embedded in web page) - Tap icon to collapse the screen on the web version of the model animation.