advertisement

Dia do Rock - Interação jornal papel + digital

100 %
0 %
advertisement
Information about Dia do Rock - Interação jornal papel + digital
Design

Published on February 19, 2014

Author: MariaMartaStopa

Source: slideshare.net

Description

Projeto de interação entre o jornal papel + o digital, realizado para o Dia do Rock, com parceria do Kazuka - Grupo RBS.

Ganhou o Prêmio RBS de Jornalismo e Entretenimento 2013 - Novas linguagens

Guitarra Virtual que pode ser tocada com mouse, teclado e também responde à toque em dispositivos touch screen. Layout responsivo, animações CSS3 e HTML5 para o áudio.

Acesse a guitarra em: http://www.clicrbs.com.br/sites/swf/dia-do-rock-2013/

Experimente tocar:

My Generation - The Who:
BBBB CCCC

Paranoid – Black Sabbath:
GGG NMQPNMQP

Black Sabbath – War Pigs:
JKL G HG

Rolling Stones – Satisfaction:
EE EIH HHI

Nirvana - In Bloom:
F FFF B BBBBBBB C CCC A AAA F FFF B BBBBBBB C CCC A

Smoke on the water:
B F D B F I D B F D F B

Seven nation army:
G G K G H D E
advertisement

Dia do Rock BY KZUKA

‘ INTERACAO ‘ JORNAL / DIGITAL

TRABALHO PARALELO Tecnopuc Front Web Analytics End Front End kzuka UX PO Editora Designer

` ESTA O HTML5 PRONTO?

[ [ A tag audio por si só não faz muita coisa [ [ A API Javascript pode ser usada para controlar o som

[ [ jQuery, na versão “normal” não ajuda muito com dispositivos mobile

USAMOS ZEPTO Framework minimalista em Javascript com linguagem compatível com jQuery p.ex.: $, $().on()

1. Resolveu o problema de delay no touch , (POREM, SOMENTE DO TOUCH) 2. Diminuiu o tamanho total dos arquivos

Ainda tínhamos (E TEMOS) um bug clássico (?) audio.play() audio.currentTime = 0 //ou 0.1 ou ‘0.1’ OU...

Resolvemos com Soundjs Velocidade de resposta ficou ok (NOS MELHORES BROWSERS)

’ Gravamos as notas separadas usando o Guitar Pro 6 (VERSAO TRIAL. SEM PIRATARIA, GENTE!) e Audacity

POM POM POM TCHA U FALA CRIS!

‘ ANIMACOES ‘ CSS - animation com @keyframes PORQUE ANIMATION COM JS - SUCKS

1 CORDA REPLICAR E ADAPTAR

Botões e Sombras SEM IMAGENS! • Maleável • Reaproveitamento • Leve • Menos requisições

Responsividade ‘ NAO CARREGUE IMAGENS GRANDES NO MEU 3G, PLS! • Otimizar o aproveitamento do espaço disponível. • O que importa é o rock! ` (A GUITARRA, NE?)

941 usuários/browsers, sendo 290 dispositivos móveis ’ ` 305 INTERACOES. ISTO E BOM OU RUIM? ’

` ISTO E BOM!

O IG BR O! AD

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Dia do Rock - Interação jornal papel + digital - Design

Projeto de interação entre o jornal papel + o digital, realizado para o Dia do Rock, com parceria do Kazuka - Grupo RBS. Ganhou o Prêmio RBS de ...
Read more

Ação promocional do GLOBO leva para a Cidade do Rock ...

... é uma das ações que O GLOBO, jornal oficial do Rock in Rio, vem realizando para promover a interação total do ... O assinante digital ...
Read more

Jornal dia 03.04.2012 - Documents - docslide.com.br

Dia do Rock - Interação jornal papel + digital Projeto de interação entre o jornal papel + o digital, realizado para o Dia do Rock, ...
Read more

O Globo, jornal oficial do Rock in Rio, realiza ações e ...

O Globo, jornal oficial do Rock in Rio, está realizando diversas ações para oferecer a mais completa cobertura do evento e interação total do público ...
Read more

Hey, ho, let’s go! – Semana do Rock | Jornal Jr.

Blog 17/07/2015 Nenhum Comentário Jornal Jr. Camila Nishimoto, Dia do Rock, ... O dia do Rock. ... Muito Além do Digital.
Read more

Edição de 15 e 16 de dezembro de 2012 by Jornal A Notícia ...

Jornal A Notícia | Issuu is a digital publishing platform ... Na tarde do dia ... , e falou sobre a importância da interação da Universidade com a ...
Read more

Rede Globo > RPC

Confira o resumo de 'Rock Story', ... cobertura digital. ... Bom Dia Paraná; Caminhos do Campo; Estúdio C;
Read more

Versão impressa 27 de setembro de 2013 by Semanal Jornal ...

Aqui em Três de Maio nós percebemos que há essa interação". Dia do Rádio Para ... SUPLEMENTO DO JORNAL ... rock e principalmente sobre as ...
Read more