Templates HTML para Digital Signage

TEMPLATE PARA DIGITAL SIGNAGE (HTML5)

VERSÃO EM PORTUGUES

O Projeto

Trabalhamos com o mercado de Digital Signage, o qual utiliza conteúdo multimídia

para exibição de mensagens para funcionários e clientes por meio de telas (TVs,

monitores, painéis de LED).

Utilizamos com uma plataforma de comunicação digital (uSign) para a qual

precisamos desenvolver modelos html para exibir mensagens dinâmicas nas telas.

Estes modelos consomem dados dinâmicos vindos desta plataforma que devem ser

injetados no layout e animação especificado.

As animações normalmente são transições de entrada e saída dos elementos

dinâmicos (textos, imagens, vídeos), estilo “power point”.

Os modelos devem ser produzidos em HTML5 / CSS / Javascrit.

O design do html, referências da animação e todos os ativos para sua construção,

serão fornecidos para a execução deste projeto, seja seja, este projeto não inclui o

trabalho de design, apenas a montagem, animação e leitura dos dados dinâmicos

vindos de um arquivo json.

Normalmente, nossos modelos possuem duas etapas: um slide de entrada e um

slide principal de informação.

As informações dos modelos geralmente são compostas de: título, texto, imagem /

vídeo, plano de fundo (imagem/vídeo)

Instruções para Execução do Projeto

Criar um modelo html animado composto por uma única página ([login to view URL]).

Este modelo possui 4 etapas: slide1, slide2, slide3, slide4.

O html deve ler o arquivo [login to view URL] para obter as informações dinâmicas a serem

injetadas no layout do modelo.

O vídeo sample_animation possui toda a referência do efeito final do layout montado

e animado, com os tempos de transição corretos para serem utilizados nas

transições dos elementos.

Os arquivos wireframes possui a referência final de cada etapa do template.

Os arquivos PSDs contêm todas as informações sobre layouts, cores, fontes,

assets, etc.

A entrega final do projeto deve ser feita com um arquivo zip contendo todos os

arquivos fonte do projeto em sua estrutura de pastas correta.

================================================================

================================================================

DIGITAL SIGNAGE TEMPLATE (HTML5)

ENGLISH VERSION

The Project

We work with the Digital Signage market, which uses multimedia content to display

messages to employees and customers through displays (TVs, monitors, LED

panels).

We use a digital communication platform (uSign) for which we need to develop html

templates to display dynamic messages on the displays.

These templates consume dynamic data from this platform that must be injected into

the specified layout and animation.

Animations are usually transitions in and out of dynamic elements (texts, images,

videos), “power point” style.

The templates must be produced using HTML5 / CSS / Javascrit.

The html design, animation references and all the assets for its construction, will be

provided for the execution of this project, that is, this project does not include the

design work, only the assembly, animation and reading of the dynamic data from a

json file.

Normally, our TEMPLATES have two steps: an entry slide and a main information

slide.

Template information is usually composed of: title, text, image / video, background

(image / video)

Project Execution Instructions

Create an animated html template composed of a single HTML page ([login to view URL]).

This template has 4 steps: slide1, slide2, slide3, slide4.

The html must read the [login to view URL] file to obtain the dynamic information to be

injected into the template layout.

The sample_animation video has all the reference of the final effect of the

assembled and animated layout, with the correct transition times to be used in the

transitions of the elements.

The wireframes files have the final reference for each step of the template.

PSD files contain all information about layouts, colors, fonts, assets, etc.

The final delivery of the project must be made with a zip file containing all the source

files of the project in their correct folder structure.

HTML5 CSS JavaScript

ID do Projeto: #30037451

Sobre o projeto