Manual do Usuário. Aplicativo Intranet Geração de Grade - SmartMídia. REV. 2.0 Diadema Outubro Índice

Transcrição

1 Manual do Usuário Aplicativo Intranet Geração de Grade - SmartMídia REV. 2.0 Diadema Outubro 2010 Índice

2 Introdução Este manual tem como objetivo detalhar o funcionamento do aplicativo Intranet responsável pela Geração da Grade de Programação do SmartMídia desde sua instalação até o envio das informações ao equipamento. O SmartMídia realiza o processamento de mídias de áudio, vídeo e imagem, permitindo ao usuário promover produtos de forma simples e econômica, adequando-se nos mais diversos ambientes promocionais e operando de forma continua sem a necessidade de intervenção do operador. Permite também a programação de uma grade diária ou semanal, onde o cliente poderá definir a hora de exibição de uma determinada seqüencia de mídias de áudio, vídeo e imagem, alem de permitir a exibição de textos independente da mídia exibida. Para realizar a configuração do SmartMídia foi desenvolvida uma aplicação em ambiente Web responsável pela montagem da grade de programação de acordo com o protocolo de comunicação do equipamento, e também pela transferência dos arquivos através da exportação dos dados a um Pendrive ou atualização remota dos dados via Ethernet ou WiFi a um único equipamento ou então a um grupo deles.

3 Instalação Pré-Requisitos Servidor: Sistema Operacional: Windows 2000 / XP / 2003/Vista/Seven; Máquina virtual Java JRE; Banco de Dados MySQL Versão 5.1; Servidor WEB Apache TOMCAT 6.0; Pré-Requisitos Cliente: Sistema Operacional: Windows 2000 / XP / 2003 / Linux/Vista/Seven; Navegador Internet Resolução Mínima Recomendada 800x600; SmartMídia Configurado (Leia o Manual do Usuário) Tipos de Mídias Suportada: AVI: - Resolução máxima: 720x400 - Bit Rate máximo: 3 MBit/s - Codec visual: DivX - Codec de áudio: MP3 MP3: KHz - 32Kbps-128Kbps JPG: - até 64Mpixel Para realizar a Instalação deste aplicativo WEB, siga os passos abaixo: Execute o instalador do SmartMidia Web. Com esse instalador não é necessario baixar o banco de dados MySQL e o Servidor WEB TOMCAT separadamente, pois já estão contidos no mesmo. Para a instalação do aplicativo, é necessario apenas clicar em Next em todas as telas. No momento da instalação do Banco de dados MySQL, é necessario apenas colocar a senha e usuario como root em ambos. Enquando que no Servidor WEB TOMCAT, a senha e o usuario devem ser admin em ambos os campos. Clique em finalizar, o aplicativo estará instalado em seu computador. Obs. Ao instalar o Servidor WEB TOMCAT configure o aplicativo para comunicação com a porta 80(http). Para verificar se foi efetuada a instalação corretamente, inicialmente abra o console do MySQL e coloque a senha root. Coloque o comando show databases; verifique se existe a base de dados do smartmidia, em seguida insira o comando use smartimidia para depois inserir o comando show tables ; verifique se as tabelas do SmartMidia foram criadas. No apache, verifique tambem se foi criado o arquivo smartmidia.war e sua pasta correspondente, na pasta do Servidor WEB TOMCAT. Exemplo: C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\smartmidia.war Se aparecer as seguintes indicações, a instalação foi efetuada com sucesso.

4 Execução do Aplicativo Abra o navegador WEB no próprio host e entre com o seguinte endereço: Para acessar o aplicativo em outro PC, é necessário substituir a palavra localhost pelo Endereço IP do host em que foi instalado o aplicativo ou então substituir pelo Nome do host onde foi instalado, conforme exemplos abaixo: (Endereço IP) (Nome do host) Será exibida a tela principal do Aplicativo conforme tela abaixo, onde: Insira o Login e Senha e clique sobre o botão ENTRAR. O aplicativo possui como login e senha padrão root e root, respectivamente. OBS: Realize alteração do Login e Senha de administrador do sistema para evitar problemas com usuários através do módulo USUÁRIO. Ao entrar no sistema será exibida a tela abaixo, sendo possível alterar o idioma utilizado, e acessar os seguintes módulos:

5 - Dispositivos: módulo responsável pelo cadastro dos SmartMídias, importação da grade horária programada e exibição do Status de cada equipamento. - Grupos: módulo responsável pelo agrupamento dos SmartMídias para exibição de uma mesma grade horária. - Mídias: módulo responsável pela administração das mídias AVI, MP3 e JPG; - Grade de Programação: módulo responsável pela administração, geração da grade horária e exportação da grade horária programada; - Usuários: módulo responsável pela administração dos usuários e permissão de acesso ao sistema; - Idiomas: seleção do idioma (Português / Inglês / Espanhol) - Sair: Efetua o logoff do sistema

6 Cadastro de Usuários Para entrar neste módulo, é necessário que o perfil do usuário esteja habilitado para execução ou então que o acesso seja realizado pelo administrador do aplicativo. Ao clicar sobre o botão NOVO ou EDITAR, será exibida uma janela para o cadastro do perfil do usuário, sendo necessário inserir as informações referentes ao Usuário e Permissões de acesso e depois clicar no botão SALVAR. Para excluir um usuário do aplicativo, selecione o usuário clicando sobre a caixa de seleção ao lado do nome do usuário e pressione o botão EXCLUIR.

7 Cadastro de Dispositivos Selecione o módulo Dispositivo, onde serão exibidos todos os SmartMídias cadastrados no sistema e também o Estado / Status de cada um deles, indicando: - SmartMídia atualizado - SmartMídia aguardando atualização - SmartMídia em processo de atualização - SmartMídia não atualizado OBS: O Estado de cada equipamento não será válido se o cliente utilizar algum outro aplicativo de atualização senão este. Para realizar o cadastro de um SmartMídia, clique sobre o botão NOVO. É necessário inserir o Endereço IP, Usuário e Senha de cada equipamento. Caso queira editar ou excluir um equipamento da lista, selecione o dispositivo e clique no botão EDITAR ou EXCLUIR, respectivamente. Importação da Grade Horária Selecione o SmartMídia clicando sobre a caixa de seleção ao lado do nome do dispositivo e pressione o botão IMPORTAR GRADE. Uma nova janela será aberta solicitando o Login e Senha da aplicação. Clique sobre o botão OK e aguarde a finalização deste processo que pode demorar de acordo com as mídias salvas em cada um dos dispositivos.

8 Ao finalizar o processo é possível salvar a grade importada no sistema, podendo trocar o nome da grade horária. Atualização da Grade Horária de um Dispositivo OBS: Consulte o item Ativar Grade de Programação deste Manual antes de realizar a atualização. Selecione o SmartMídia clicando sobre a caixa de seleção ao lado do nome do dispositivo e pressione o botão NOTIFICAR SMART. Uma nova janela será aberta solicitando o Login e Senha da aplicação. Clique sobre o botão OK e aguarde a finalização deste processo que pode demorar de acordo com as mídias salvas em cada um dos dispositivos.

9 Cadastro de Grupos No modulo Grupo é possível juntar diversos dispositivos do SmartMídias em um único conjunto, facilitando neste caso a administração das mídias e da grade horária, não necessitando neste caso realizar a atualização de um equipamento por vez. Para realizar o cadastro de um novo grupo selecione o módulo Grupos, onde serão exibidos todos os Grupos cadastrados no sistema, e clique sobre o botão NOVO. De um nome ao Grupo criado e associe os dispositivos criados dando 2 cliques sobre o SmartMídia cadastrado ou então utilize as setas para esta associação. Atualização da Grade Horária de um Grupo OBS: Consulte o item Ativar Grade de Programação deste Manual antes de realizar a atualização. Selecione o item clicando sobre a caixa de seleção ao lado do nome do grupo e pressione o botão ATUALIZAR. Uma nova janela será aberta solicitando o Login e Senha da aplicação. Clique sobre o botão OK e aguarde a finalização deste processo que pode demorar de acordo com as mídias salvas em cada um dos dispositivos e também a quantidade de dispositivos pertencentes ao grupo.

10 Cadastro de Mídias O Aplicativo aceita o cadastro das mídias que podem ser exibidas no SmartMídia nos formatos AVI, MP3 e JPG. Antes de iniciar a geração da grade de programação, é necessária a inclusão de todas as mídias no aplicativo. Nó módulo Mídias é exibido todas as mídias de Áudio, Vídeo e Imagens cadastrados no sistema, dividido em blocos. Para incluir uma mídia clique sobre o botão NOVA e será aberta uma nova janela para seleção da mídia correspondente. Selecione as mídias através do botão ADD e envie as mídias para o banco de dados através do botão UPLOAD. Para cancelar a seleção das mídias pressione o botão RESET. Para apagar a mídia do cadastro selecione a mídia clicando sobre o ícone ao lado do nome do arquivo e pressione o botão EXCLUIR.

11 Cadastro de Grade de Programação No módulo Grade de Programação é exibido informações referentes ao cadastro das Grades de Programação Diária e Semanal: Para criar uma Grade de Programação clique sobre o botão NOVA e selecione a opção de Grade Diária ou Grade Semanal. - Grade Diária - uma grade de programação com as mídias sendo igualmente exibidas todos os dias da semana. - Grade Semanal - uma grade de programação onde é possível exibir informações e mídias diferentes para cada dia da semana. Será exibida uma tela com informações referentes a Programação (à esquerda da tela), e as Mídias cadastradas (à direita da tela). Quando selecionada a opção de grade semanal é exibido também todos os dias da semana.

12 Na programação de cada horário há uma subdivisão em 4 partes: - Mídias: Pasta contendo as mídias nos formatos AVI, MP3 e JPG. Não há restrições quanto a quantidade de arquivos adicionados. - Textos: Conjunto de textos exibidos pelo SmartMídia independente da mídia que esta sendo executada. Não há restrições quanto à quantidade de textos adicionados. - Imagens de Fundo: Pasta contendo arquivos JPG que serão exibidos como Slide Show quando uma mídia de áudio (MP3) é executada. Não há restrições quanto a quantidade de arquivos adicionados. - Vídeo de Interrupção: Pasta contendo um vídeo a ser exibido quando a opção Sensor de Movimento estiver habilitada no equipamento. Apenas um único vídeo pode ser adicionado na pasta. Utilizando o botão esquerdo do mouse, selecione a mídia correspondente e arraste-a até a pasta correspondente. Para abrir a estrutura dos arquivos e incluir um texto, clique 2 vezes sobre o item selecionado. Para apagar uma mídia ou um texto clique sobre o ícone com o botão direito do mouse e confirme a exclusão Para incluir um novo horário de programação, clique sobre o botão NOVO. Será aberta uma nova janela solicitando a entrada do novo horário de programação. Caso queira editar um horário, clique sobre o botão EDITAR. Caso necessite realizar a exclusão de algum item adicionado, selecione o item e clique sobre o botão EXCLUIR. Atribua um nome a esta grade de programação e também um proprietário (dispositivo ou grupo) e salve a grade de programação pressionando o botão SALVAR. Caso necessite realizar a exclusão da grade, selecione o item e clique sobre o botão EXCLUIR.

13 Duplicando uma Grade Horária Existe também a opção de duplicar uma Grade Horária criada. Esta opção é bastante útil para os casos em que há uma grade de programação já realizada e é necessário realizar pequenas alterações, sem que ocorra a perda do histórico das grades programadas. Para realizar a duplicação da grade horária, selecione a grade de programação e clique sobre o botão DUPLICAR. Não esqueça de fornecer um novo nome a nova grade. Ativando Grade de Programação Após criar ou editar uma grade de programação é necessário ativar esta grade para deixá-la apta para atualização remota dos SmartMídia. Apenas uma única Grade de programação estará ativa por Grupo. Selecione a Grade de Programação para ativá-la e pressione o botão ATIVAR. Verifique o campo Ativa ao lado do nome da grade e certifique-se se o status foi alterado. Transferência da Grade Horária Existem 2 opções para realizar a transferência das mídias e da Grade de Programação gerada: 1 Exportar Grade: Selecione a Grade de Programação e clique sobre o botão EXPORTAR. Selecione a pasta para gravação do item e confirme. Será gerado um arquivo compactado ZIP com todas as informações necessárias. Também é possível extrair todos estes arquivos gerados para um Pendrive e desta forma conectá-lo a um SmartMídia para exibição da Grade Horária. 2 Atualizar Grade Remotamente através da Rede Ethernet ou WiFi: Pode ser realizada através do Módulo Dispositivo (Atualização de um único SmartMídia cadastrado) ou através do Módulo Grupos (Atualização de um grupo de SmartMídia cadastrado). OBS: Consulte o item Ativar Grade de Programação deste Manual antes de realizar a atualização remota. Como montar o ambiente de desenvolvimento Programas a serem instalados: Eclipse Ganymede: Link para download: eclipse-jee-ganymede-sr2-win32 Cypal: Link para download: Instrução: Colocar na pasta plugins do eclipse.

14 GWT Windows : Link para download: zip Procedimento Apos instalar os programas, juntamente com o instalador do SmartMidia, deve-se abrir o Eclipse Ganymede. Clicar em: File/ Import/Web/War File Clique em Next, será necessario preencher o campo War File, para isto cliquer em Browse e selecione o war localizado na pasta aonde o seu apache esta instalado. Por exemplo: C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ Selecionar o arquivo smartmidia.war e clicar em OK. Insira um nome para o seu projeto Web e clique em finalizar. No Eclipse clique no menu Window/Preferences. Selecione Cypal Studio e selecione o caminho para a pasta do gwt-windows Clique em OK. Clicar sobre o projeto com o botão direito: ir em Properties/ Java build path/ Libraries/Add Variable. Selecione GWT_HOME e clique em OK. Em seguida, dê um Clean no programa: Project/Clean e o build: Project/Build All Criação do.war Após a solução estar funcionando corretamente, clique em: File/Export/Web/War File Clique em Next, selecione o projeto do qual ira exportar o.war e aonde será salvo esse.war. Deixe marcado na caixa de seleção as opções export source files e overwrite existing file e clique em finish. Desta forma é criado o.war Obs. Para testar o war que foi criado/alterado, é necessario que o novo arquivo war esteja no seguinte caminho: C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ Feche o apache, ligue-o novamente para que ele extraia a pasta do seu novo war e execute a aplicação corretamente com as alterações feitas.