# User's Guide EN

日本語版は[こちら](https://7659lab.gitbook.io/xtracker-focus/users-guide/users-guide-jp)

## What to do first

When you launch the app for the first time, you will see the following screen.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FrTecLIIFR5Zq9IgZy84r%2FHome_noitem_393x844_EN.png?alt=media&#x26;token=373e41fb-3712-495f-beec-a686cb1294d1" alt="" width="195"><figcaption><p>Home page with no item</p></figcaption></figure></div>

### Add an Item

First, let's create the item to be tracked with <+ ADD ITEM> button.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2F3SjVLNcgEHAsWjUTBNFL%2FAdditem_390x844_EN.png?alt=media&#x26;token=c1a99091-edb8-4919-b897-95aff90b27bc" alt="" width="195"><figcaption><p>Add Item page</p></figcaption></figure></div>

To add an item, input or select the following,

* Name : name of item which you want to track
* Category : you can choose the category of an item
* Show in Home :  if you check this option, this item will show on home page
* Color : select your prefer color which will use for the item card on the home page and for the background of the timer page

If you want, you can add another items continuously.

### Start Tracking

There are three ways to start tracking,

#### 1) Start from Item List page

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FLuLgHBqomWdJowE0Dgie%2FItemList_390x844_EN.png?alt=media&#x26;token=00d1907b-123c-476d-a089-96c546382c38" alt="" width="195"><figcaption><p>Item List page</p></figcaption></figure></div>

Tap the right-facing triangle icon of the item you want to track from the item list.

#### 2) Start form Navigation Bar

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FPQ1DWPifGMJKgf4Qwop5%2FStartfromNavbar_390x844_EN.png?alt=media&#x26;token=c0b018c1-d8aa-4cb9-bc84-cb37a723c503" alt="" width="195"><figcaption><p>Item Selection Dialog</p></figcaption></figure></div>

* Tap the right-facing triangle icon in the center of the navigation bar
* Scroll to select the item you want to track

#### 3) Start drom Home page

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FTe1vwrY4jGXE78YrNO5l%2FHome_393x844_EN.png?alt=media&#x26;token=64a9598c-d009-4717-a71f-9e3a6e061492" alt="" width="195"><figcaption><p>Home page with item</p></figcaption></figure></div>

Of course, you can also start from Home page. Only to tap the item you want to track.

### Timer

When you start tracking, you will be redirected to timer page.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FHlzICJk8NIXJjIiLV3Li%2FTrackings__393x844_EN.png?alt=media&#x26;token=51a6ca1b-4d9b-47ae-b783-8b59172c38a1" alt="" width="375"><figcaption><p>Timer page</p></figcaption></figure></div>

* Timer is started automatically
* Timer can be paused by tapping the \<PAUSE> button and resumed by \<RESTART> button.
* Tracked duration of less than 1 minute can be canceled. In other words, if you cancel within 1 minute, this tracked duration will not be recorded.
* After 1 minute has elapsed, \<RECORD> button can be tapped.
* Record is automatically saved every minute, so even if you forget to tap \<RECORD> button, you will still have some record!

## Navigation Bar

All menus can be accessed from the navigation bar

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2F6V9byom83TQF3RFiw4yY%2Fnavbar_instruction.png?alt=media&#x26;token=0670161a-9aff-43a2-be09-72be98c2416b" alt=""><figcaption><p>Navigation Bar</p></figcaption></figure></div>

1. Home … First screen after launching the app. Items are listed.
2. Record ... You can see / delete the tracked records.
3. Start Tracking ... You also can start tracking with this button.
4. Item ... You can see / add / delete the items.
5. Setting ... You can switch to dark mode, check the user guide, etc.

## Home

This is the first screen after launching the app. Items which you created are listed.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FTe1vwrY4jGXE78YrNO5l%2FHome_393x844_EN.png?alt=media&#x26;token=64a9598c-d009-4717-a71f-9e3a6e061492" alt="" width="195"><figcaption><p>Home page</p></figcaption></figure></div>

You can control whether or not items are displayed here. To do so, turn on / off  \<Show on Home> button. There are 2 ways.

#### 1) On the Item page

Go to Item page. Then tap the visibility icon in the item list to toggle visibility setting.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2Fz4I8MzcwLL4tXTZfgeis%2FVisibility.png?alt=media&#x26;token=8802de29-7dd2-43f0-9531-b06ad972d370" alt=""><figcaption><p>Change Visibility</p></figcaption></figure></div>

#### 2) On the Edit Item Page

Go to Item page and select edit icon which you want to change visibility setting. Then turn on / off \<Show on Home> checkbox.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2Fkalz6KumJJy8hNOvjhlW%2FItem%20in%20item%20list.png?alt=media&#x26;token=918ff94f-464b-4ed6-83f7-ca27177755d1" alt=""><figcaption><p>Tap Edit icon</p></figcaption></figure></div>

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FR6vnuOi1lhehexz3KwGh%2Fshow_on_home_EN.png?alt=media&#x26;token=2e8669c4-3be5-41f0-968a-c913e56fd7e5" alt=""><figcaption><p>Show on Home checkbox in Item Edit page</p></figcaption></figure></div>

## Record

You can see / delete the tracked records. In this page, you can switch between two tabs, \<Daily> and \<All>.

* Daily ... You can see your tracked records day by day
* All ... You can see / delete all the records so far

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FtZdqLXEQhol8QnSztKwG%2Ftracked_record_EN.png?alt=media&#x26;token=671c6098-ac89-4cd0-b338-b840894d027e" alt="" width="375"><figcaption><p>Record page</p></figcaption></figure></div>

### Daily tab

You can see your tracked records day by day.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FjDplMpzj4pOazNDQfgRP%2FItemList_Daily_EN.png?alt=media&#x26;token=625afecf-63ca-4c74-89f6-e32e326a8000" alt="" width="195"><figcaption></figcaption></figure></div>

1. Go back by one day
2. Use the calendar to select the date
3. Current selected date
4. &#x20;Go forward by one day
5. Jump to today
6. Total daily recorded time
7. Recorded time of each item
8. Go to the record detail information page

#### Record Information page from Daily tab

You can see the detail information of the record.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FymL3FoPN7ME2V2jpCZBx%2FRecord_info_wo_delete_EN.png?alt=media&#x26;token=3eca7ec3-d585-43eb-b9c3-07475e894296" alt="" width="195"><figcaption><p>Record Information</p></figcaption></figure></div>

* Item Name ... The name of the item when tracked. Changes to the item name after tracking are not reflected.
* Item Color ... The color of the item when tracked. Changes to the item color after tracking are not reflected.
* Tracked Duration ... Internally retained recording time. Unit is milliseconds.
* Tracked Time ... Time converted from Time Duration to hh:mm notation. Seconds are rounded down.

if you want to delete this record, go \<All> tab page.

{% hint style="info" %}

#### about Daily Total

Daily Total in the Daily tab is converted to hh:mm format after summing the Tracked Duration of each item. Therefore, the total Tracked Time for each item may not equal the Daily Total.
{% endhint %}

### All tab

You can see / delete all the records so far

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2Fe0ZSWTklgho86h2Kt5jm%2FTracked_Records_Alltab_EN.png?alt=media&#x26;token=2e941cde-6bb7-43da-9a77-1378996b2647" alt="" width="195"><figcaption></figcaption></figure></div>

1. Go to the record detail information page

#### Record Information page from All tab

You can see the detail information of the record and delete it.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FN7btEtnGs6w1zB9niuGC%2FRecord_info_w_delete_EN.png?alt=media&#x26;token=d13d139e-55e5-4d58-a641-709d37b50a8b" alt="" width="195"><figcaption></figcaption></figure></div>

* DELETE ... You can delete this record. If you delete this record, you will no longer have access to it ever again. When you tap \<DELETE> button, the confirmation dialog will appear.

## Item

You can see / add / delete the items.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FA20LKv4bV9T2Akf0rIzz%2FItemList_eachitem.png?alt=media&#x26;token=77cda42a-c3b8-4bc1-bb49-7d730e25a114" alt=""><figcaption></figcaption></figure></div>

1. Change Visibility ... You can change the visibility by tapping this icon. If you set to "visible", you can see this item on the Home page.
2. Start Tracking
3. Edit Item ... You can  edit and delete this item.

#### Edit Item

You can  edit and delete this item.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2FDVCjY13iq6S0Px8MMHt3%2FEdititem_390x844_EN.png?alt=media&#x26;token=6d663e21-78e4-406f-9fac-af0c80cd093c" alt="" width="195"><figcaption></figcaption></figure></div>

* Name ... You can change the name of item. Even if you change name of this item, it does not reflect to the records which have been recorded.
* Category : You can change the category of an item.
* Show in Home :  You can switch the visibility setteings of this item on Home page.
* Color : You can change the colorof item. Even if you change color of this item, it does not reflect to the records which have been recorded.
* DONE ... To save your modification to this item.
* DELETE ... You can delete this item. Even if you delete this, its tracked records will remain. When you tap \<DELETE> button, the confirmation dialog will appear.

## Setting

You can switch to dark mode, check the user guide, etc.

<div align="left"><figure><img src="https://2603709784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdx2A5vxprrlPf7lISx6l%2Fuploads%2F5XugypCcMmMhZ6bicCFD%2FSetting_EN.png?alt=media&#x26;token=281b4b8a-7d0b-4d27-b635-c736c5463018" alt="" width="195"><figcaption><p>Setting page</p></figcaption></figure></div>

* Use Dark Mode ... You can swith between Light mode and Dark mode.
* Language Setting ... You can change app's language.
* Use's Guide ... You can refer the user's guide page on our web site (it's here!).
* Privacy Policy ... You can see our Privacy Policy on our web site. &#x20;
