# Aplicativo móvel (PWA)

O Power Embedded é compatível com dispositivos móveis através de um aplicativo próprio (PWA) e compatível com PC’s Windows, Mac, Linux e também com dispositivos móveis (Android e iOS).

Uma outra vantagem desse tipo de aplicativo, é que ele mantém a característica de *white-label* que o sistema possui, ou seja, o ícone e o nome do aplicativo serão personalizados para o nome e ícone da sua empresa e não um nome e ícone genéricos, como são os aplicativos disponíveis da Apple Store e Google Play Store.

Para realizar a instalação em PC’s, basta acessar o endereço do portal de visualização no seu navegador preferido e vai aparecer uma notificação na barra de endereços e o ícone abaixo vai ficar disponível.

<figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F2Br2JZyhUHTdlAPoVjjR%2Fimage.png?alt=media&#x26;token=b6114d92-6fdb-4f2b-8467-e89a6499148d" alt=""><figcaption></figcaption></figure>

O navegador irá perguntar se você quer instalar o aplicativo e basta você confirmar que será criado um novo ícone na sua área de trabalho.

<figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2Fdp7BYIHAodmPWWBKOELE%2Fimage.png?alt=media&#x26;token=921f4ba3-7dc7-4e72-a6e8-a494cae642b4" alt=""><figcaption></figcaption></figure>

Ao abrir esse aplicativo, você irá direto para a página do Power Embedded e as barras de endereço vão ficar ocultas para ter maior espaço na tela para acessar o website.

Logo abaixo, você verá as instruções de como instalar o aplicativo nos navegadores dos dispositivos móveis.

## Tutorial de instalação

### Safari

Para instalar o aplicativo móvel do Power Embedded, acesse o portal de relatórios, seja com a URL padrão (relatorios.powerembedded.com.br) ou utilizando a sua URL personalizada.

1. Com a tela de login aberta (pode ser qualquer página, na verdade), clica no botão de compartilhar.
2. No menu que foi aberto, clique no botão “Adicionar à Tela de Início”
3. Na tela para adicionar na tela de início, clique no botão “Adicionar”
4. Pronto! O aplicativo foi instalado e um atalho foi adicionado na área de trabalho do seu iPhone.

<div><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FrJxn1ySs8qwOQoDEsZro%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-1.jpg?alt=media&#x26;token=835f793c-a26e-4554-a1cd-e79a032c6ca2" alt=""><figcaption><p>Tela inicial – Clique no botão de Compartilhar</p></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FGb2usbi0bHJN5eRw4rFh%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-2.jpg?alt=media&#x26;token=fb7f395b-d274-4d5a-aa2e-1163c26a3971" alt=""><figcaption><p>Menu – Clique em “Adicionar à tela de início”</p></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F1Puea2m4sr1IhEBDX8Iw%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-3.jpg?alt=media&#x26;token=7522062d-3a79-4f60-8356-61f7c887d714" alt=""><figcaption><p>Criando o app – Clique em Adicionar</p></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FQxcUIK73ErD6NmDI46nv%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-4.jpg?alt=media&#x26;token=81cda4db-f8e8-4c78-97a0-b63f897ea22e" alt=""><figcaption><p>O atalho</p></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FBVzbhwptdWoux3UwGT5F%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-5.jpg?alt=media&#x26;token=4e58c4bb-dcf3-4d3e-9a7b-e760725fa858" alt=""><figcaption><p>Screenshot</p></figcaption></figure></div>

### Samsung Internet

Para instalar o aplicativo móvel do Power Embedded, acesse o portal de relatórios, seja com a URL padrão (relatorios.powerembedded.com.br) ou utilizando a sua URL personalizada.

1. &#x20;Toque no ícone do menu e selecione a opção “Adicionar página a”
2. &#x20;No menu que apareceu, toque na opção “Tela inicial”
3. &#x20;Na tela de “Adicionar à Tela Inicial”, clique no botão “Adicionar”
4. Você verá uma notificação informando que o aplicativo foi adicionado à Tela Inicial.
5. Agora basta tocar no ícone criado e acessar o aplicativo.

<div><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FBb1YAEjkOknWpFGzt4Jr%2F1-Screenshot_20240529_020202_Samsung-Internet-scaled.jpg?alt=media&#x26;token=f019ba1f-7ab6-4fba-9020-0309a251913c" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FazKZpKfNLwKUQ43FaL7F%2F2-Screenshot_20240529_020207_Samsung-Internet-scaled.jpg?alt=media&#x26;token=4f65ba23-ca09-452e-8564-9c5ebe2d412a" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F8wo0JYfKslIBf632kQ0R%2F3-Screenshot_20240529_020211_One-UI-Home-scaled.jpg?alt=media&#x26;token=bff77280-8de1-4684-b2c1-35106abdcaf8" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FUHiI552KtxKyqIrQE5ZR%2F4-Screenshot_20240529_020216_Samsung-Internet-scaled.jpg?alt=media&#x26;token=27eae3a1-f57f-4e4b-97eb-3709812b8265" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FWaxlFkkO5Bna8oHCRMrO%2F5-Screenshot_20240529_020220_One-UI-Home.jpg?alt=media&#x26;token=e7474e5a-d435-497e-a13b-39918b1ce025" alt=""><figcaption></figcaption></figure></div>

### Google Chrome

Para instalar o aplicativo móvel do Power Embedded, acesse o portal de relatórios, seja com a URL padrão (relatorios.powerembedded.com.br) ou utilizando a sua URL personalizada.

**Android:**

1. Toque no ícone do menu do navegador e selecione a opção “Instalar aplicativo”
2. &#x20;No pop-up que apareceu, clique no botão “Instalar”
3. Você verá uma notificação que o aplicativo está sendo instalado.
4. Pronto! Você já verá o ícone do aplicativo na lista dos aplicativos do seu celular (não ficará na tela inicial, a não ser que você crie um atalho)

<div><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F9KyNLTLZKImDOqibaDXE%2F1-Screenshot_20240529_022021_Chrome-scaled.jpg?alt=media&#x26;token=5f44dc5a-0923-47a9-b73f-9e7a1b13599c" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FWfqeOUfjUAaWAyx0PITc%2F2-Screenshot_20240529_022028_Chrome-scaled.jpg?alt=media&#x26;token=50b40fc7-4c25-4082-abb3-46b54dd1dbd2" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FmrdDwFvu5lvsa3VOKxss%2F3-Screenshot_20240529_022049_Chrome-scaled.jpg?alt=media&#x26;token=9e0ae972-3245-4ec4-bf48-e1a09d6ab654" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FNpiPdlaPQZOjCsw2vGTT%2F4-Screenshot_20240529_022211_One-UI-Home-scaled.jpg?alt=media&#x26;token=bed9e2f6-1e38-47ed-ad54-1b9b75fc43a5" alt=""><figcaption></figcaption></figure></div>

**iOS:**

1. Clique no ícone de compartilhar do lado direito da barra de endereços
2. No menu que foi aberto, clique no botão “Adicionar à Tela de Início”
3. Na janela de “Adicionar à Tela de Início”, clique no botão “Adicionar”
4. Pronto! Seu atalho já está disponível na tela inicial para ser utilizado.

<div><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FFw05iot0VhzXGeYYhSJr%2FIMG_0448-1.jpg?alt=media&#x26;token=ad9598b2-7d76-4bda-90f9-053c1c12f093" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FaThcv48w3M5ISa9R6flh%2FIMG_0449-1.jpg?alt=media&#x26;token=f38be194-63f4-4106-add2-cd2bf143192c" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FkCOh3AoZpiKezFUmMLCf%2FIMG_0450-1.jpg?alt=media&#x26;token=3a2b3011-2f2f-4cdc-8b95-941db2fb55c4" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FoqoNiQf8e2EB5UgyZK7R%2FPower-Embedded-Instalacao-App-PWA-iOS-Safari-4.jpg?alt=media&#x26;token=d0ff7a19-3497-4b74-986d-7dfb90b4ea03" alt=""><figcaption></figcaption></figure></div>

### Microsoft Edge

Para instalar o aplicativo móvel do Power Embedded, acesse o portal de relatórios, seja com a URL padrão (relatorios.powerembedded.com.br) ou utilizando a sua URL personalizada.

1. Toque no ícone do menu. Arraste para o lado, para ver as outras opções
2. Toque no ícone “Adicionar ao telefone”
3. No popup que apareceu, clique no botão “Instalar”
4. Na tela de “Adicionar à Tela Inicial”, clique no botão “Adicionar”
5. Pronto! Agora basta tocar no ícone criado na tela inicial para acessar o aplicativo.

<div><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FIlAOa3JbXJveSwdm6jox%2F1-Screenshot_20240529_024349_Edge-scaled.jpg?alt=media&#x26;token=16f6110c-ff9b-4759-a5e4-b195052d20b5" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FgxKejYTzIgGFT7VCO51P%2F2-Screenshot_20240529_024355_Edge-scaled.jpg?alt=media&#x26;token=5c32354a-894b-4791-9322-664b9aa80be6" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FEPyNch8wervv0jJgBd0u%2F3-Screenshot_20240529_024359_Edge-scaled.jpg?alt=media&#x26;token=ca4a1d8e-d80d-459a-b2e5-f00e73352d46" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FsH1yjhUEHIvde1dRhW8K%2F4-Screenshot_20240529_024407_One-UI-Home-scaled.jpg?alt=media&#x26;token=b56d6d1a-decd-4848-a70f-ad1d2fc39bb5" alt=""><figcaption></figcaption></figure> <figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FAURQxZh7J8wyMCPgboKO%2F5-Screenshot_20240529_024411_Edge-scaled.jpg?alt=media&#x26;token=d3cd601c-4f8c-4093-8cbe-bc8c6dbfd42e" alt=""><figcaption></figcaption></figure></div>
