# Overview da Linha do Tempo

A tela inicial segue conforme a figura representada e tem os seguintes itens que serão descritos abaixo:

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FNxLU7tvhgV8ph9w70pya%2Fimage.png?alt=media&#x26;token=d24e15ac-d173-4fd1-82cf-2841db449c3c" alt=""><figcaption></figcaption></figure>

**Figura 1**: Mostra o período selecionado em dias, podendo ser filtrado para mostrar o acumulado até o final do ano.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F7L41SW0Zx1iYxqwVeDIA%2Fimage.png?alt=media&#x26;token=156d0a37-6e5b-488b-9366-5dc93b58ed7c" alt=""><figcaption></figcaption></figure>

**Figura 2**: O filtro permite selecionar a ação que deseja analisar, podendo filtrar por uma das fases dessa ação, ou qualquer outra fase, independente de ação, além de permitir filtrar por um segmento especifico.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FkV0jYN3BKc0dtPnGQ17y%2Fimage.png?alt=media&#x26;token=556d7fff-d91b-4f75-b1de-970257fb288e" alt=""><figcaption></figcaption></figure>

**Figura 3**: Mostra o gasto total de Cloud no período selecionado conforme o billing.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FtoiBjXbuTpqbvbqHxLfb%2Fimage.png?alt=media&#x26;token=c97effdd-9822-4e5e-b9e7-41909cf25eb3" alt=""><figcaption></figcaption></figure>

**Figura 4**: Mostra a economia efetuada conforme as ações e as fases que foram cadastradas e concluídas.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FPV5DAgS2HDBwP3gcYreD%2Fimage.png?alt=media&#x26;token=7199aa53-2da3-483d-8401-b7d59f0b0f04" alt=""><figcaption></figcaption></figure>

Clicando no ícone "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F7X5fPR44ZM5IhVQ39Hqo%2Fimage.png?alt=media\&token=41b2865f-bd5f-4dbd-952c-8a6007e79670)", o sistema irá exibir uma breve explicação da informação apresentada.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FI4wsWrk68QhqkW9fEbZ3%2Fimage.png?alt=media&#x26;token=7cda6e88-171f-4998-82e1-7c8ccb9fa5cd" alt=""><figcaption></figcaption></figure>

**Figura 5**: Mostra a economia em potencial conforme as ações e as fases que foram cadastradas e ainda não foram concluídas, mostrando o que existe em potencial de savings dentro dessas fases cadastradas.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F0oSLjM5T2IoF9V7CYs7w%2Fimage.png?alt=media&#x26;token=a3ecaa3b-d1c8-4fd3-835d-e097ab0a7f1d" alt=""><figcaption></figcaption></figure>

Clicando no ícone "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F7X5fPR44ZM5IhVQ39Hqo%2Fimage.png?alt=media\&token=41b2865f-bd5f-4dbd-952c-8a6007e79670)", o sistema irá exibir uma breve explicação da informação apresentada.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F13YXogwmgbGrquZN5VFV%2Fimage.png?alt=media&#x26;token=84b32b65-a6d3-41dd-9f41-b2f5d449c3cd" alt=""><figcaption></figcaption></figure>

**Figura 6**: Mostra a economia estimada conforme as ações e as fases que foram cadastradas e concluídas, mostrando o potencial de savings dentro do tempo estimado até o final do período que essas fases cadastradas irão impactar.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F0dM03aZBQL01bgyoEgVa%2Fimage.png?alt=media&#x26;token=c6104bc1-61e1-4bf4-a6a7-baa2e6a338b8" alt=""><figcaption></figcaption></figure>

Clicando no ícone "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F7X5fPR44ZM5IhVQ39Hqo%2Fimage.png?alt=media\&token=41b2865f-bd5f-4dbd-952c-8a6007e79670)", o sistema irá exibir uma breve explicação da informação apresentada.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FdsCUxAKYOPmitgAJPQsD%2Fimage.png?alt=media&#x26;token=46eee41b-2589-40fd-8a77-74e5188d1453" alt=""><figcaption></figcaption></figure>

**Figura 7**: Mostra as 3 abas que o usuário pode navegar, sendo a linha do tempo que apresenta por ordem de cadastro todas as ações e fases.

Na aba de ações é onde o usuário cadastra as ações e também apresenta as informações de quais ações foram cadastradas.

Na aba de fases é onde o usuário cadastra as fases de cada ação e também apresenta as informações de quais fases foram cadastradas.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FlJXBZoGCT9c75dVLYUyI%2Fimage.png?alt=media&#x26;token=ee6ae25d-cfaa-4e77-bf9c-7b4d421a5c0b" alt=""><figcaption></figcaption></figure>

**Figura 8**: No gráfico abaixo temos o valor realizado de savings mostrado pela área verde (identificada como “savings” na imagem), já na área azul temos os savings estimado e na área vermelha mostra o potencial de savings (identificada com “potencial” na imagem) que foi cadastrado na ferramenta, assim o usuário sempre terá a visão do que ainda não foi implementado possibilitando novas ações durante o período.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FBRjjtqctFbMacm5sZTox%2Fimage.png?alt=media&#x26;token=0a6a9829-6831-4a83-82e5-d75edb05c76d" alt=""><figcaption></figcaption></figure>

<br>
