> For the complete documentation index, see [llms.txt](https://help.edgecontents.com/edgecontents/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.edgecontents.com/edgecontents/manuais-de-instalacao/instalacao-webplayer-android.md).

# Instalação WebPlayer - Android

Este manual apresenta o procedimento passo a passo para a ativação e configuração de pontos (monitores) nos sistemas integrados de Digital Signage da **Inviron Technologies®**.

O procedimento é destinado a players baseados em Android, utilizando o ViPlex como ferramenta para configuração e gerenciamento do dispositivo.

## 1. Configuração do Equipamento

Conecte-se ao seu equipamento através do Viplex

* Abra o **ViPlex** e localize o seu equipamento disponível na rede. Selecione o equipamento desejado e conecte-se a ele para acessar suas configurações.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2Fdw92mTG94mwQYKnqSFLC%2Fimage.png?alt=media&amp;token=ad9e1f16-2679-4fa1-8cdd-abc9ac9d404c" alt=""><figcaption></figcaption></figure>

## 2. Habilitar a Configuração User Software

* Clique em qualquer ponto da tela e digite **“novasoftware”**. Após inserir o termo, será exibida a opção **“User Software”**. Selecione-a para acessar as configurações necessárias.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FijRPFYUTXsG3MhBfzo6N%2Fimage.png?alt=media&amp;token=20107282-ad9f-472e-b100-8e206ffe5e4a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FoDISpbyYwVQVhtBWZeVo%2Fimage.png?alt=media&amp;token=3674d2a1-eb56-4bb7-9ad0-30a53e7bf1eb" alt=""><figcaption></figcaption></figure>

## 3. Habilitar a função Play Service

* Na opção **User Software**, localize o equipamento desejado na lista de players e selecione-o. Em seguida, clique em **Connect** para estabelecer a conexão com o equipamento.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2Fia6ja8SLn05TDoVZuF69%2Fimage.png?alt=media&amp;token=10085b86-9f20-4dac-89ee-c6641b171673" alt=""><figcaption></figcaption></figure>

* Após conectar-se ao equipamento, localize e habilite a opção **PlayService**.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2F6hOMzcuLwKgftUiFZgtQ%2Fimage.png?alt=media&amp;token=9e21c933-9f85-4d7f-a973-5301e9cb2122" alt=""><figcaption></figcaption></figure>

## 4. Criar uma solução

* Acesse a opção **Solutions** e clique em **New** para criar uma nova solução. Em seguida, selecione a opção **Regular Screen** para definir o tipo de solução

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2F6mWanxHRyANALeL2CpvB%2Fimage.png?alt=media&amp;token=6897be27-fa47-4642-9942-3e082b8a500e" alt=""><figcaption></figcaption></figure>

## 5. Configurar as informações da solução

Na tela **Solution Information**, preencha os campos conforme as orientações abaixo:

* **Solution Name:** informe o **nome do player** que está sendo configurado.
* **Resolution:** informe a **resolução do painel ou monitor** que será utilizado
* **Select a screen:** selecione o **equipamento que está sendo configurado** e clique em **OK** para concluir a criação da solução.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2Foz3Zjd5ARSdoRPwDqbx1%2Fimage.png?alt=media&amp;token=6dc52144-e56c-4f23-9852-e108e66c3fe3" alt=""><figcaption></figcaption></figure>

## 6. Adicionar uma página Web

No editor da solução, clique na opção **Web page**, localizada na barra superior. Essa opção permite adicionar uma página Web à solução.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FWXbzGjXHfNMYvUNQC0lb%2Fimage.png?alt=media&amp;token=aa725dd0-0878-4a0f-926d-af73e4584c72" alt=""><figcaption></figcaption></figure>

## 7. Configurar a página Web

Após selecionar **Web page**, serão exibidas as propriedades da página no painel **Widget Properties**. Configure os campos conforme as orientações abaixo:

* **W (Width) e H (Height):** informe a **largura e a altura da resolução do painel ou monitor** que está sendo configurado.
* **Address:** informe o endereço `https://play.edgecontents.com/?remoteinstall=1`.
* **Playback Duration:** defina o tempo de reprodução como **23:59:59**, mantendo a página Web em execução continuamente.

Após preencher as informações, clique na opção **Publish**

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FcdLg4xQWP7hz4KPjKFUv%2Fimage.png?alt=media&amp;token=21e56ecc-7818-44d3-a4d8-6a7ceb75a5f5" alt=""><figcaption></figcaption></figure>

## 7. Publicar a solução

Na tela **Publish**, verifique se a resolução selecionada corresponde à resolução configurada para o painel. Em seguida, selecione o equipamento que receberá a solução e clique em **Publish** para iniciar a publicação.

Após a conclusão do processo, clique em **Done** para finalizar.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FOVZjKYNFQE9PWaQifhPZ%2Fimage.png?alt=media&amp;token=47640fb1-d3fb-49fe-b130-e82a43b1cb16" alt=""><figcaption></figcaption></figure>

## 8. Adi**cionar a solução à programação**

Acesse a opção **Schedule** e selecione a programação correspondente ao equipamento. Em seguida, clique em **Add Solution**, selecione a solução que foi criada anteriormente e clique em **OK** para adicioná-la à programação.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FG8AgoNOKRitV0nmEs25c%2Fimage.png?alt=media&amp;token=7a0fe5ab-7b23-4317-bb31-744c732a6ee3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FWn4Uv7W2T0um8RRX1YQa%2Fimage.png?alt=media&amp;token=69be20a6-556d-42d8-bd90-99830d1b804b" alt=""><figcaption></figcaption></figure>

## 9. Configurar o agendamento

Acesse a opção **Calendar View** e clique em **New** para criar um novo agendamento. Na janela **Add Schedule**, selecione a solução criada anteriormente, mantenha **Validity Range** como **Never expires** e **Repeat** como **Every day**. Em **Playback duration**, defina o período de reprodução de **00:00:00 a 23:59:59** e clique em **Add** para salvar o agendamento.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2F8i9rh7YbfT5xONiqS7Cr%2Fimage.png?alt=media&amp;token=00e3396e-71af-4d40-b601-26605cca1c14" alt=""><figcaption></figcaption></figure>

## 10. Publicar o agendamento

Após configurar o agendamento, clique no ícone de **publicação** ao lado do nome do agendamento. Na tela **Publish**, selecione o equipamento que receberá a programação e clique em **Publish** para enviar as configurações ao player. Após a conclusão, clique em **Done** para finalizar o processo.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2F7aSZIS3rpHSSZ0ocfsdJ%2Fimage.png?alt=media&amp;token=8571a4a8-696f-4ebb-88ce-fbddc77c57ad" alt=""><figcaption></figcaption></figure>

Após concluir as etapas anteriores, o **monitor ou painel exibirá automaticamente o código de instalação**. Utilize esse código para realizar a ativação do ponto na plataforma **EdgeContents**.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FXSBTLVYXOxQbvBA2oa9d%2Fimage.png?alt=media&amp;token=28cf9ae5-a9f9-404c-b12b-c106c8ba1317" alt=""><figcaption></figcaption></figure>

## 11. Acesso o Projeto

Dentro do seu projeto é necessário licenciar o ponto seguindo esses passos:

* Na barra de navegação lateral (à esquerda), selecione:
* **Operações** > **Instalação Remota**.
* Informe o **código de instalação** gerado previamente.
* Clique em **"Continuar"**.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FgRLgie4LAIX0iXs23dkW%2Fimage.png?alt=media&amp;token=d682f2f4-c189-4443-bdba-acf50de19885" alt=""><figcaption></figcaption></figure>

Após validar o código de instalação, será apresentada a lista de players disponíveis.

Selecione o **player no qual deseja realizar a instalação da versão Web do EdgeContents**.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FOBityxsoXTyUO8jKxgcb%2Fimage.png?alt=media&amp;token=6415458f-faf5-47e2-8165-23df196a96be" alt=""><figcaption></figcaption></figure>

Após selecionar o player, verifique se o dispositivo apresentado corresponde ao equipamento desejado.

Clique em **"Confirmar"** para iniciar o processo de instalação.

<figure><img src="https://3383925713-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7VLB8uHzSgKXHGxAF51c%2Fuploads%2FwKxIKXhP5xAtRsYieyPT%2Fimage.png?alt=media&amp;token=54890b3f-eb81-4d80-8f2d-092a9fc36aad" alt=""><figcaption></figcaption></figure>

Durante esse processo, o sistema realizará o download das **mídias, configurações e demais arquivos necessários para a execução**.

Aguarde alguns instantes até que o processo seja concluído.

Após o término do processo, o player estará configurado para executar o conteúdo publicado no projeto.