Difference between revisions of "App"

From ThermoGRID
Jump to: navigation, search
 
(85 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">
 +
= Getting Started =
 +
<div class="mw-parser-output">
 +
Welcome to the ThermoGrid App, The intention of this App was to allow Ease of Use in the Field for anyone with out Cellular Service and those who prefer the Layout of a Modern App.&nbsp; The App is and will be still in a Beta Phase as more and more Features are continually added.&nbsp;
 +
 +
We are looking to our Clients for Feedback on anything you experience with this New app.
 +
 +
<span style="color:#999999;">''Note: There are features that are currently unavailable (Such as Job Documents)''</span>
 +
 +
&nbsp;
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">
 +
<div class="mw-parser-output">
 +
== <span style="font-size:xx-large;">Android</span> ==
 +
</div> <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">
 +
<div class="mw-parser-output"><div class="mw-parser-output">
 +
=== <span style="font-size:large;">How to Uninstall Previous Beta</span><!-- overflow:auto; to fix collapsed display, because the toggle link has float:right; --> ===
 +
 +
''expand the section below''
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px; overflow:auto;">
 +
#Long Press on the ThermoGrid app icon and select App Info (This can also be done through settings)
 +
#Go to “Storage & Cache”
 +
#Tap “Clear Storage/Data"
 +
#Click "Ok" if you get pop up to verify
 +
#Uninstall App
 +
#Click "Ok" if you get pop up to verify<br/> <br/> [[File:Android Uninstall steps 123 Smaller.png|x500px|RTENOTITLE]]
 +
#[[File:Android Uninstall steps 456 Smaller.png|x500px|RTENOTITLE]]
 +
</div> <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div> </div> </div> <div class="mw-parser-output">&nbsp;</div> </div> </div> </div> <div class="mw-parser-output">&nbsp;</div> </div></div>
 +
 +
=== &nbsp; <span style="font-size:xx-large;">How to Install ThermoGrid&nbsp;(Android)</span> ===
 +
 +
----
 +
 +
[[File:Google-play-badge.png|387x150px|Google-play-badge.png|link=https://play.google.com/store/apps/details?id=com.thermogrid.thermogrid]]
 +
 +
'''OR'''
 +
 +
&nbsp; Go to your Play Store<br/> [[File:01. Home Screen.png|300x500px|01. Home Screen.png]]<br/> &nbsp;
 +
 +
#Search for ThermoGrid<br/> [[File:02. Play store.png|300x500px|02. Play store.png]][[File:02. Search for TG.png|300x500px|02. Search for TG.png]]<br/> <br/> &nbsp;
 +
#Click/Tap Install<br/> [[File:03. Install TG.png|300x500px|03. Install TG.png]]<br/> <br/> &nbsp;
 +
#Click/Tap Open when the Install is complete
 +
##This will give you a screen that says "API Key" your API Key Can be Created by an Administrator or Managed under your User > My Account > Edit > New API Key<br/> [[File:04. Open TG.png|300x500px|04. Open TG.png]][[File:04. zInput API.png|300x500px|04. zInput API.png]] 
 +
#Go to your web-based ThermoGrid Account, Either Create an API Key or Use one that is already existing. This can be done on a Desktop,&nbsp;Laptop or your Mobile device.<br/> <u>'''(WARNING: All users API should be treated like a Password)'''</u><br/> &nbsp;
 +
#To create this, go to Administration&nbsp;> Manage Users > Manage API Keys<br/> &nbsp;
 +
#Click/Tap "+ New API Key"<br/> &nbsp;
 +
#Select The User<br/> &nbsp;
 +
#Click/Tap "Generate"<br/> &nbsp;
 +
#Copy the API Key (The Very Large Set of Numbers and Letters)<br/> &nbsp;
 +
#Paste the API Key in the App and Login&nbsp;&nbsp;<br/> <br/> [[File:06. Administration.png|300x500px|06. Administration.png]]&nbsp;[[File:06. AdminManageUser.png|300x500px|06. AdminManageUser.png]]&nbsp;[[File:06. API Page.png|300x500px|06. API Page.png]]&nbsp;[[File:06. Create API Key.png|300x500px|06. Create API Key.png]]&nbsp;[[File:06. Select User.png|300x500px|06. Select User.png]]
 +
#<br/> [[File:06. zGenerate API.png|300x500px|06. zGenerate API.png]]&nbsp;[[File:06. zzCopy API.png|300x500px|06. zzCopy API.png]]&nbsp;[[File:06. zzPaste API.png|300x500px|06. zzPaste API.png]]&nbsp;[[File:07. AgreetoTaC.png|300x500px|07. AgreetoTaC.png]]<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> &nbsp;
 +
</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div> </div> </div> </div></div>
 +
 +
== <span style="font-size:xx-large;">iOS</span> ==
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">
 +
=== <span style="font-size:large;">How to Uninstall Previous Beta</span> ===
 +
 +
''expand the section below''
 +
 +
&nbsp;
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><!-- overflow:auto; to fix collapsed display, because the toggle link has float:right; --> <div class="toccolours mw-collapsible mw-collapsed" style="width:700px; overflow:auto;">
 +
#Select “ThermoGrid” from your Apps list.&nbsp;<br/> [[File:IOS Test Flight List.png|border|280x500px|IOS Test Flight List.png]]<br/> &nbsp;
 +
#Under “Developer,” tap “Stop Testing” and scroll down<br/> [[File:IOS Click on TG.png|280x500px|IOS Click on TG.png]]&nbsp;[[File:IOS Select Stop Testing.png|280x500px|IOS Select Stop Testing.png]]&nbsp;[[File:IOS Stop Testing.png|280x500px|IOS Stop Testing.png]]<br/> &nbsp;
 +
#Go back to your home screen<br/> &nbsp;
 +
#Long Press on the ThermoGrid app icon and&nbsp;Tap “Delete/Remove App”<br/> [[File:IOS Remove App.png|280x500px|IOS Remove App.png]]<br/> &nbsp;
 +
 +
Use this Button or Follow the join link to install the app<br/> &nbsp;[[File:App-store-png-logo-33116.png|430x166px|App-store-png-logo-33116.png|link=https://testflight.apple.com/join/2eJmqRZ9]]<br/> Join Link:&nbsp;[https://testflight.apple.com/join/2eJmqRZ9 https://testflight.apple.com/join/2eJmqRZ9]
 +
 +
&nbsp;
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div>
 +
Open TestFlight<br/> [[File:IOS Home Screen.png|280x500px|IOS Home Screen.png]]
 +
</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
 +
&nbsp;
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
</div> </div>
 +
<div class="mw-parser-output">
 +
=== <span style="font-size:xx-large;">How to Install ThermoGrid&nbsp;(iOS)</span> ===
 +
 +
----
 +
 +
Download Test Flight and ThermoGrid Directly from the App Store:
 +
 +
[[File:App-store-png-logo-33116.png|430x166px|App-store-png-logo-33116.png|link=https://testflight.apple.com/join/2eJmqRZ9]]
 +
 +
OR
 +
 +
&nbsp;
 +
 +
1. Open the App Store
 +
 +
[[File:Icon appstore ev0z770zyxoy large 2x.png|128x128px|Icon appstore ev0z770zyxoy large 2x.png|link=https://www.apple.com/app-store/]]&nbsp;
 +
 +
&nbsp;
 +
 +
2. Search for TestFlight
 +
 +
[[File:Test flight.png|x150px|Test flight.png|link=https://testflight.apple.com/]]
 +
 +
3. Download TestFlight&nbsp;
 +
 +
&nbsp;
 +
 +
4. Use This Link to Download ThermoGrid:&nbsp;&nbsp;[https://testflight.apple.com/join/2eJmqRZ9 https://testflight.apple.com/join/2eJmqRZ9]
 +
 +
&nbsp;
 +
 +
&nbsp;
 +
</div>
 +
 +
= App Usage and Functionality =
 +
<div class="mw-parser-output">
 +
== What is a Beta App? ==
 +
 +
Google Defines Early access and&nbsp;&nbsp;Beta Apps as: "Early access apps are apps that haven’t been released yet. Beta apps are newer and more experimental versions of apps that are already released. Early access and beta apps may be less stable than most apps. For example, the app might crash or some features might not work properly."
 +
 +
'''What does this mean to you?&nbsp;'''
 +
 +
This means the ThermoGrid Team is working diligently to ensure that every possible robust function in ThermoGrid is also available&nbsp;offline on your Mobile Device. As we release more and more offline functionality, the App will need to be updated and sometimes extra steps may need to be taken to ensure functionality.&nbsp; (Such as Clearing Cache or Data).&nbsp;&nbsp;
 +
 +
You may experience unintended behavior such as crashes or some functionality restriction, Please understand that this may happen with any app in a beta phase and is not isolated to ThermoGrid.&nbsp;
 +
<div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div> </div> </div> </div> </div> <div class="mw-parser-output">
 +
<div class="mw-parser-output">
 +
== Feedback ==
 +
 +
If you would like to send in a review, request or any general feedback please Click the button below
  
−
= Getting Started =
+
[[File:Send Feedback.png|Send Feedback.png|link=mailto:[email protected]?subject=ThermoGrid%20Beta%20App%20Feedback]]&nbsp;
 +
 
 +
&nbsp;
 +
<div class="mw-parser-output">&nbsp;</div> </div></div>
  
−
== Installing the App ==
+
== Using the App&nbsp; ==
  
 +
This next section will go over some basic pages on the App&nbsp; &nbsp; &nbsp;''(This was done on Android, IPhone will be almost identical except pages are at the bottom)''
 +
<div class="mw-parser-output">
 
<div class="mw-parser-output">
 
<div class="mw-parser-output">
 +
=== Calendar ===
 +
 +
The Calendar Page will display&nbsp;slightly different than you Calendar in ThermoGrid Web Based.&nbsp; Instead of a "By the Hour" Calendar you will have all Jobs and Events listed Here.
 +
 +
The Jobs and Events will display some information about the Object.&nbsp;&nbsp;
 +
 +
We can see:
 +
 +
*&nbsp;Scheduled Time and Date of the Job
 +
*A Short Description
 +
*Tech Status
 +
*Sync Status
 +
 +
[[File:03. Calendar Main Android.jpg|x700px|03. Calendar Main Android.jpg]]
 +
 +
You are able to add Events / Time Off&nbsp;Requests / Compensation requests directly to the Calendar with the "+" Button in the bottom right.
 +
 +
[[File:02. Calendar Add Object Android.jpg|x700px|02. Calendar Add Object Android.jpg]]
 +
</div> <div class="mw-parser-output"><div class="mw-parser-output"><div class="mw-parser-output">&nbsp;</div> </div> </div> </div>
 +
 +
=== Jobs ===
 +
 +
This Page will show the Open Jobs that are scheduled within the last 3 Days.&nbsp;&nbsp;
 +
 +
[[File:04. Jobs Main Android.jpg|x700px|04. Jobs Main Android.jpg]]
 +
 +
You can click on any Job to view details or add Orders to that Job. (Scroll to view more info)&nbsp;
 +
 +
Just as in ThermoGrid Web The same Details are available and the Call can be accessed from here.&nbsp;
 +
 +
This is also where you will change Technician status.&nbsp;
 +
 +
[[File:04. Jobs xDetails.jpg|x700px|04. Jobs xDetails.jpg]]
 +
 +
Adding a Job:
 +
 +
Use the same "+" Down in the bottom right corner to create a new Job
 +
 +
[[File:05. Create New Job.jpg|x700px|05. Create New Job.jpg]]
 +
 +
From here you can select:
 +
 +
*Client
 +
*Primary Job Type
 +
*Job Reason
 +
*Assigned Tech
 +
*Schedule Time/Date
 
<div class="mw-parser-output"><div class="mw-parser-output">
 
<div class="mw-parser-output"><div class="mw-parser-output">
−
=== Android ===
+
=== Selecting or Creating a Client ===
 +
 
 +
Click on "Please Select Client" Start typing the Clients name, If its a new client use the "+" Button on the bottom Right
 +
 
 +
[[File:Client Seach Android.jpg|x700px|Client Seach Android.jpg]]
 +
 
 +
Once you have the Client, Select or Create the Address
 +
[[File:06. Client Select Android.jpg|x700px|06. Client Select Android.jpg]]</div>
 +
If you do not see the Address in this pick list, use the "+" to create a new Address.
 +
 
 +
'''*NEW FEATURE*'''&nbsp;Auto Suggestions - As long as your device location is turned on you will be allowed to use the Auto Suggestion feature which will auto fill from the "Select Address" dropdown on the top of the Page.
 +
 
 +
[[File:08. Automatic address Search Android.jpg|x700px|08. Automatic address Search Android.jpg]]
 +
 
 +
&nbsp;
 +
 
 +
Otherwise just add an address as you typically would.&nbsp;
 +
 
 +
[[File:07. New Address Android.jpg|x700px|07. New Address Android.jpg]]
 +
 
 +
Input all Address info as well as home type and Description if possible
 +
 
 +
[[File:09. Home Type Android.jpg|x700px|09. Home Type Android.jpg]]
 +
 
 +
[[File:10. Address Input Android.jpg|x700px|10. Address Input Android.jpg]]
 +
 
 +
Hit Save When Complete
 +
 
 +
&nbsp;
 +
 
 +
Once you have your address input you can easily select Primary Job Type, Reason, and Assigned Tech
 +
 
 +
[[File:11.JT Input Android.jpg|x400px|11.JT Input Android.jpg]][[File:12. Job Reason Select Android.jpg|x400px|12. Job Reason Select Android.jpg]][[File:13. Assign Technition Android.jpg|x400px|13. Assign Technition Android.jpg]]
 +
 
 +
Click Add Job to create this.&nbsp;
 +
 
 +
&nbsp;
 +
 
 +
&nbsp;
 +
 
 +
&nbsp;
 +
 
 +
&nbsp;
 +
</div> <div class="mw-parser-output"><div class="mw-parser-output">
 +
=== Orders ===
 +
 
 +
This will be a simple overview of the orders page.&nbsp;By Clicking the drop-down on any order, you are able to see more order details.&nbsp; Clicking directly on the order will bring you into the order itself.&nbsp; ''(working on the order will be covered under another area in the Help Center)''
 +
 
 +
&nbsp;
 +
 
 +
''[[File:14. Orders Main Android.jpg|x700px|14. Orders Main Android.jpg]]''
 +
 
 +
''Expanded''
 +
''[[File:15. Orders Details Android.jpg|x700px|15. Orders Details Android.jpg]]''</div> </div> <div class="mw-parser-output">
 +
=== Menu ===
 +
 
 +
The menu page will allow you to view your user&nbsp;sync data, Sync Orders&nbsp;and remove the account if necessary.&nbsp;
  
−
[[Android:__https://play.google.com/store/apps/details?id=com.thermogrid.thermogrid|'''Play Store Link''']]
+
[[File:16. Settings.jpg|x500px|16. Settings.jpg]][[File:17. Syncing Orders.jpg|x500px|17. Syncing Orders.jpg]]
−
</div> </div>
 
  
−
=== iOS ===
+
[[File:18. Account Syncing Android.jpg|x500px|18. Account Syncing Android.jpg]][[File:19. Syncing Options Android.jpg|x500px|19. Syncing Options Android.jpg]]
 +
</div> </div> </div> </div> </div> </div>

Latest revision as of 08:08, 21 September 2021

Getting Started

Welcome to the ThermoGrid App, The intention of this App was to allow Ease of Use in the Field for anyone with out Cellular Service and those who prefer the Layout of a Modern App.  The App is and will be still in a Beta Phase as more and more Features are continually added. 

We are looking to our Clients for Feedback on anything you experience with this New app.

Note: There are features that are currently unavailable (Such as Job Documents)

 

Android

How to Uninstall Previous Beta

expand the section below

  1. Long Press on the ThermoGrid app icon and select App Info (This can also be done through settings)
  2. Go to “Storage & Cache”
  3. Tap “Clear Storage/Data"
  4. Click "Ok" if you get pop up to verify
  5. Uninstall App
  6. Click "Ok" if you get pop up to verify

    RTENOTITLE
  7. RTENOTITLE
 
 
 
 

  How to Install ThermoGrid (Android)

Google-play-badge.png

OR

  Go to your Play Store
01. Home Screen.png
 

  1. Search for ThermoGrid
    02. Play store.png02. Search for TG.png

     
  2. Click/Tap Install
    03. Install TG.png

     
  3. Click/Tap Open when the Install is complete
    1. This will give you a screen that says "API Key" your API Key Can be Created by an Administrator or Managed under your User > My Account > Edit > New API Key
      04. Open TG.png04. zInput API.png
  4. Go to your web-based ThermoGrid Account, Either Create an API Key or Use one that is already existing. This can be done on a Desktop, Laptop or your Mobile device.
    (WARNING: All users API should be treated like a Password)
     
  5. To create this, go to Administration > Manage Users > Manage API Keys
     
  6. Click/Tap "+ New API Key"
     
  7. Select The User
     
  8. Click/Tap "Generate"
     
  9. Copy the API Key (The Very Large Set of Numbers and Letters)
     
  10. Paste the API Key in the App and Login  

    06. Administration.png 06. AdminManageUser.png 06. API Page.png 06. Create API Key.png 06. Select User.png

  11. 06. zGenerate API.png 06. zzCopy API.png 06. zzPaste API.png 07. AgreetoTaC.png











     
 

iOS

How to Uninstall Previous Beta

expand the section below

 

  1. Select “ThermoGrid” from your Apps list. 
    IOS Test Flight List.png
     
  2. Under “Developer,” tap “Stop Testing” and scroll down
    IOS Click on TG.png IOS Select Stop Testing.png IOS Stop Testing.png
     
  3. Go back to your home screen
     
  4. Long Press on the ThermoGrid app icon and Tap “Delete/Remove App”
    IOS Remove App.png
     

Use this Button or Follow the join link to install the app
 App-store-png-logo-33116.png
Join Link: https://testflight.apple.com/join/2eJmqRZ9

 

 

Open TestFlight
IOS Home Screen.png

 

 

 

 

 

 

 

How to Install ThermoGrid (iOS)

Download Test Flight and ThermoGrid Directly from the App Store:

App-store-png-logo-33116.png

OR

 

1. Open the App Store

Icon appstore ev0z770zyxoy large 2x.png 

 

2. Search for TestFlight

Test flight.png

3. Download TestFlight 

 

4. Use This Link to Download ThermoGrid:  https://testflight.apple.com/join/2eJmqRZ9

 

 

App Usage and Functionality

What is a Beta App?

Google Defines Early access and  Beta Apps as: "Early access apps are apps that haven’t been released yet. Beta apps are newer and more experimental versions of apps that are already released. Early access and beta apps may be less stable than most apps. For example, the app might crash or some features might not work properly."

What does this mean to you? 

This means the ThermoGrid Team is working diligently to ensure that every possible robust function in ThermoGrid is also available offline on your Mobile Device. As we release more and more offline functionality, the App will need to be updated and sometimes extra steps may need to be taken to ensure functionality.  (Such as Clearing Cache or Data).  

You may experience unintended behavior such as crashes or some functionality restriction, Please understand that this may happen with any app in a beta phase and is not isolated to ThermoGrid. 

 

Feedback

If you would like to send in a review, request or any general feedback please Click the button below

Send Feedback.png 

 

 

Using the App 

This next section will go over some basic pages on the App     (This was done on Android, IPhone will be almost identical except pages are at the bottom)

Calendar

The Calendar Page will display slightly different than you Calendar in ThermoGrid Web Based.  Instead of a "By the Hour" Calendar you will have all Jobs and Events listed Here.

The Jobs and Events will display some information about the Object.  

We can see:

  •  Scheduled Time and Date of the Job
  • A Short Description
  • Tech Status
  • Sync Status

03. Calendar Main Android.jpg

You are able to add Events / Time Off Requests / Compensation requests directly to the Calendar with the "+" Button in the bottom right.

02. Calendar Add Object Android.jpg

 

Jobs

This Page will show the Open Jobs that are scheduled within the last 3 Days.  

04. Jobs Main Android.jpg

You can click on any Job to view details or add Orders to that Job. (Scroll to view more info) 

Just as in ThermoGrid Web The same Details are available and the Call can be accessed from here. 

This is also where you will change Technician status. 

04. Jobs xDetails.jpg

Adding a Job:

Use the same "+" Down in the bottom right corner to create a new Job

05. Create New Job.jpg

From here you can select:

  • Client
  • Primary Job Type
  • Job Reason
  • Assigned Tech
  • Schedule Time/Date

Selecting or Creating a Client

Click on "Please Select Client" Start typing the Clients name, If its a new client use the "+" Button on the bottom Right

Client Seach Android.jpg

Once you have the Client, Select or Create the Address

06. Client Select Android.jpg

If you do not see the Address in this pick list, use the "+" to create a new Address.

*NEW FEATURE* Auto Suggestions - As long as your device location is turned on you will be allowed to use the Auto Suggestion feature which will auto fill from the "Select Address" dropdown on the top of the Page.

08. Automatic address Search Android.jpg

 

Otherwise just add an address as you typically would. 

07. New Address Android.jpg

Input all Address info as well as home type and Description if possible

09. Home Type Android.jpg

10. Address Input Android.jpg

Hit Save When Complete

 

Once you have your address input you can easily select Primary Job Type, Reason, and Assigned Tech

11.JT Input Android.jpg12. Job Reason Select Android.jpg13. Assign Technition Android.jpg

Click Add Job to create this. 

 

 

 

 

Orders

This will be a simple overview of the orders page. By Clicking the drop-down on any order, you are able to see more order details.  Clicking directly on the order will bring you into the order itself.  (working on the order will be covered under another area in the Help Center)

 

14. Orders Main Android.jpg

Expanded

15. Orders Details Android.jpg

Menu

The menu page will allow you to view your user sync data, Sync Orders and remove the account if necessary. 

16. Settings.jpg17. Syncing Orders.jpg

18. Account Syncing Android.jpg19. Syncing Options Android.jpg

</div> </div> </div>
Retrieved from "https://help.thermogrid.com/index.php?title=App&oldid=1990"