Não é mais possível ter um olhar individual sobre as camadas de conteúdo, apresentação e comportamento, pois elas se completam e se mesclam interligadas pela semântica. Não existe mais nada gratuito ou supérfluo, tudo deve ser relevante para a construção dos significados. Pensar em direção de arte e desconhecer este novo cenário, é ignorar a fusão arte & tecnologia, é ignorar o legado do homem renascentista que está construindo uma nova era, a era da "Open Web Platform"
Oriente turismo;
Passagem Aérea;
Visto para o Japão, e outros países;
Obtenção de Koseki-Tohon;
Tradução e Registro de Casamento, Nascimento e Óbito;
Resgate do Shakai-Hoken e Nenkin;
Aposentadoria do Japão;
Colocação de Emprego com Financiamento;
AV. MATO GROSSO, 1431, CENTRO, CAMPO GRANDE-MS, CEP 79002-231.
www.orientetur.com.br
Palestra realizada em outubro de 2011 no SENAC Limeira para o evento Multimídia sem limites.
Um bate papo sobre a produção e distribuição de conteúdo multimídia interativo para múltiplas plataformas e dispositivos portáteis.
Destaque para os novos produtos da Adobe Touch Apps family
Oriente turismo;
Passagem Aérea;
Visto para o Japão, e outros países;
Obtenção de Koseki-Tohon;
Tradução e Registro de Casamento, Nascimento e Óbito;
Resgate do Shakai-Hoken e Nenkin;
Aposentadoria do Japão;
Colocação de Emprego com Financiamento;
AV. MATO GROSSO, 1431, CENTRO, CAMPO GRANDE-MS, CEP 79002-231.
www.orientetur.com.br
Palestra realizada em outubro de 2011 no SENAC Limeira para o evento Multimídia sem limites.
Um bate papo sobre a produção e distribuição de conteúdo multimídia interativo para múltiplas plataformas e dispositivos portáteis.
Destaque para os novos produtos da Adobe Touch Apps family
Comunicação e Marketing na era da InteratividadeFábio Flatschart
Social Media, Mobile Marketing, Blogs, Mashups, Advergames, Ubiquidade, Web 2.0 e 3.0: Longe de serem modismos ou tergiversações acadêmicas são agora exigências crescentes de um panorama sócio-econômico no qual se destacarão os indivíduos, as empresas e as instituições que rapidamente adaptarem seus modelos de negócios aos novos paradigmas da era da interatividade.
Palestra na FGV - Santo André - Jun/2009
Palestra sobre Design Mobile ministrada no dia 23/10/2013 na Semana Acadêmica da Universidade Anhembi Morumbi em São Paulo, e no dia 24/10/2013 na Jornada Tecnológica da Fatec de Carapicuiba.
Quando do surgimento da fotografia na metade do século XIX dizia-se que estava decretado o fim da pintura, quando o tímido experimento dos irmãos Lumiere ganhou dimensões comerciais dizia-se que o teatro e os musicais se extinguiriam, o mesmo se falou da televisão em relação ao rádio.
De certo modo isto se manteve inalterado até a última década do séc. XX, momento a partir do qual a revolução digital e a internet começaram a varrer os últimos guerreiros analógicos das trincheiras da mídia.
Aos poucos quebramos a lógica de Mcluhan que dizia que o meio é a mensagem, quando hoje o meio , ou o suporte passa a ser indiferente já que informação digital rompe a parceria entre forma e conteúdo: o conteúdo são os bits e a forma pode ser aquela que quisermos em qualquer dispositivo que realize a decodificação dos bits…
Hoje, na segunda década do século XXI, estas questões começam a ficar para trás. A revolução digital já era!
Falar em revolução digital tinha sentido para aqueles que nasceram no mundo analógico e acompanharam a transição dos átomos para os bits. Do VHS para o DVD, do vinil para o iPod...
Que sentido tem falar em revolução digital para a geração que nasceu após 1995 e não conheceu o mundo sem WEB, MP3 e afins? Interatividade agora é palavra chave!
Os profissionais desta nova geração não têm mais necessidade de digitalizar o mundo, mas sim de interagir com ele. Este novo profissional, que começa a ser muito requisitado pelo mercado, é aquele que faz a ponte entre digital e o interativo.
É neste contexto que no sábado faço a abertura da disciplina Marketing Digital do MBA em Marketing e Vendas da UniAnhanguera em São Caetano do Sul
Compartilho com vocês os slides iniciais do curso (Revoluções) com vários links e sugestões de bilbliografia.
Recapitulando os assuntos da aula anterior (Nos episódios anteriores)
Termo acessibilidade
Tecnologia assistiva
Acessibilidade em algumas áreas
Design Universal
Design de interação e acessibilidade
Acessibilidade e usabilidade
Acessibilidade Digital
Problemas Locais
Guidelines
Transformação (Enxergar os limites é diferente de aceitá-los) - https://www.youtube.com/watch?v=pD_L6O2gg9w
Como as novas tecnologias melhorarão a acessibilidade para pessoas com deficiências?
https://www.debatingeurope.eu/2016/02/18/will-new-technology-improve-accessibility-people-disabilities/#.XOWwVVNKh0x
Acessibilidade no esporte:
https://www.facebook.com/cafecomjornal/videos/1784463011653122/UzpfSTEwMDAyOTkzNTc2MzQ1NjoxNjg5MzY0NTc0NDc1NDU/
Processo de acessibilidade para o design inclusivo: https://www.youtube.com/watch?v=TAzkrXTGEOM
O futuro da tecnologia assistiva:
https://www.australianageingagenda.com.au/2016/03/21/traditional-telehealth-model-is-dead-as-wearables-take-over-expert/
Mais sobre tecnologia assistiva - https://us.corwin.com/sites/default/files/upm-binaries/79065_Chapter_5.pdf
Desafio - Tecnologia Assistiva - https://www.thingiverse.com/challenges/AssistiveTechChallenge
Toda tecnologia é assistiva https://www.wired.com/2014/10/all-technology-is-assistive/
Design que atende a deficiência:
https://mitpress.mit.edu/books/design-meets-disability
Workshop for COPD – Panorama Atual e Ferramentas de Web DesignDécio Benício
The slideshow presented by me in workshop for developers, project managers and designers at DATAPREV – IT Company of Brazilian Government.
You can see the font of references and links in material.
Dossier de apresentação do projeto 15M.cc em Português.
Se não tem uma conta no Slideshare, pode baixar o PDF aqui -> http://cos.as/22w
Mais informações em http://15M.cc
Dia 19 de maio é o Global Accessibility Awareness Day. Data em que pessoas de todo o mundo se reúnem para discutir a importância de tornar os serviços digitais acessíveis ao maior número de pessoas.
Neste ano de 2016 a UXPA São Paulo organizou um encontro especial com dois especialistas que vão trazer cases e dicas para quem está interessado em viabilizar seus projetos digitais de forma mais inclusiva.
Além disso, contaremos com exercícios experienciais criados para que possamos experimentar como são algumas deficiências e como elas tornariam nossa interação mais desafiadora.
Semelhante a Direcao de Arte e Open Web Platform (20)
Apresentação realizada no SESC Pinheiros / SP para a Oficina Empresas Virtuais.
Cultura digital e interatividade
A Era da Busca
Novas ( ? ) estratégias de negócios
Open Web Platform
A importância da Web Semântica
Olhando para o futuro
Core business X The next big thing : A escolha, adoção e gestão de novas tecnologias e a importância de integrá-las com as estratégias de marketing digital.
Esta palestra faz parte do curso Gestão de Mídias Digitais da Escola São Paulo
HTML5 e CSS3 : Por onde começar no mercado editorial ?Fábio Flatschart
Material apresentado na Conferência Revolução eBook : Produção de eBooks & Melhores Práticas
"O livro digital requer que editores e produtores adquiriram conhecimentos mínimos em HTML, CSS e XML. Felizmente para o mercado editorial, estas competências tem sido utilizadas, compartilhadas, aprimoradas e consolidadas por desenvolvedores web e web designers há anos!"
SALVETTE, Paul. The eBook Design and Development Guide Bangkok : BB eBooks, 2012 (Kindle Edition)
Core business X The next big thing : A escolha, adoção e gestão de novas tecnologias e a importância de integrá-las com as estratégias de marketing digital.
Esta palestra faz parte do curso: Gestão de Mídias Digitais da Escola São Paulo.
As possibilidades semânticas das estratégias de SEO dentro do ambiente do HTML5.
Palestra do Road Show TI Experience 2012. realizada no Senac de São José dos Campos em maio de 2012.
De março a maio de 2012 mais de 30 unidades do Senac São Paulo na capital e interior recebem o ciclo gratuito de palestras Road Show TI Experience 2012.
O evento tem a proposta de apresentar o que há de mais novo e relevante no mundo da tecnologia da informação e no mercado de trabalho na área.
Nesta apresentação mostro como o HTML5 e suas tecnologias acessórias são a nova fronteira no projeto de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
Fluxo de trabalho com Illustrator e Flash : workshop apresentado na reunião on line do grupo de usuário Adobe - Designers do interior de São Paulo realizada no dia 14/05/2011. Temas abordados :
Exportar arquivos do Illustrator para o Flash
Importar arquivos do Illustrator para Flash
Trabalhar com símbolos e animações
Grupo de estudos AS3 - Introdução ao ActionScript 3.0Fábio Flatschart
O objetivo do Grupo de estudos AS3 é divulgar a linguagem Actionscript 3.0 para todas as pessoas que queiram a aprender, independente da sua formação.
- http://as3devs.com.br/grupo-de-estudos/ -
Quais são os desafios e as oportunidades que essa tecnologia vai propiciar, qual é o impacto no desenvolvimento para internet e como a Adobe pode auxiliá-los a usufruir aos máximos dos benefícios do HTML 5 e suas linguagens parceiras (CSS e Java Script)
Criador, crítico, colecionador, associado / agregado, expectador ou inativo : veja que tipo de consumidor social você é e confira as sugestões de leitura, cases e vídeos sobre o assunto.
Computação Gráfica : novos profissionais, novas ferramentas e novos mercadosFábio Flatschart
O primeiro pintor de cavernas era artista ou engenheiro? Era ambas as coisas, é claro, como o foram, em sua maior parte, os artistas e engenheiros desde então.
Mas temos o hábito - cultivado por muito tempo - de imaginá-los como separados, os dois grandes afluentes correndo incessantemente para o mar da modernidade e dividindo, em seu curso, o mundo em dois campos: os que habitam nas margens da tecnologia e os que habitam na margem da cultura.
Qualquer analista profissional de tendências nos dirá que os mundos da tecnologia e da cultura estão colidindo. Mas o que surpreende não é a própria colisão - é o fato de ela ser considerada novidade ”
"JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar"
Neste cenário apontado por Steven Johnson, encontra-se o tema da palestra de Campinas no Circuito de TI 2009 promovido pelo SENAC SP : Computaçao Gráfica : novos profissionais, novas ferramentas e novos mercados.
Entre as ferramentas destaco os lançamentos da ADOBE previstos para 2010 como os novos softwares integrantes da "Plataforma FLASH" ( Flash Catalyst / Flash Builder ) e a versão CS5 da Creative Suite.
Apresento e descrevo quem é este novo profissional : "O Devigner" - Devigner é uma brincadeira com as palavras : developer + designer , e é também o perfil de um novo profissional muito requisitado pelo mercado : aquele que faz a ponte entre o estático e o interativo.
Tecnologia, convergência, mobilidade e interatividade "costuram" e conduzem a palestra que é voltada não só para profissionais e estudantes diretamente envolvidos com o mundo da computação gráfica mas também para quem atua com tecnologia da informação, publicidade, comunicação, artes e educação.
Palestra apresentada no Universo Games 2009 promovido pelo SENAC SP : Conheça os primórdios e o futuro da interatividade e da relação homem - máquina através da história do games. Fique por dentro das tendências e da tecnologia que estão por trás dos lançamentos do universo dos games, um mercado que fatura bilhões de dólares.
Palestra realizada no Circuito de TI do Senac Consolação em 30/09/2008, onde eu comento sobre :
WEB 2.0, Prosumer, Social Media, Mashups, Design de Portais, Conteúdo + Comunidade= Conhecimento, Novos comportamentos > novos consumidores> novos modelos de negócios
2. bio
Fábio Flatschart é Gerente de Marketing e Inovação da Soyuz Sistemas e Sócio
da Flatschart Consultoria LTDA, empresas com as quais participou do
desenvolvimento e implantação de projetos pioneiros nas áreas de Open Web
Platform e Marketing Semântico no Brasil.
É autor do livro HTML5 - Embarque Imediato, uma das primeiras publicações
em português sobre o assunto.
Atua como colunista do portal iMasters e é professor convidado dos mais
importantes cursos de MBA do Brasil (FGV, FIA, Trevisan)
flatschart.com | janeiro de 2013
3. intro
Não é mais possível ter um olhar individual sobre as camadas de conteúdo,
apresentação e comportamento na web, pois elas se completam e se
mesclam interligadas pela semântica.
Não existe mais nada gratuito ou supérfluo, tudo deve ser relevante para a
construção dos significados. Pensar em direção de arte e desconhecer este
novo cenário, é ignorar a fusão arte & tecnologia, é ignorar o legado do
homem renascentista que está construindo uma nova era, a era da "Open
Web Platform".
flatschart.com | janeiro de 2013
5. johnson
“Qualquer analista profissional de tendências nos dirá que os mundos da
tecnologia e da cultura estão colidindo. Mas o que surpreende não é a
própria colisão; é o fato de ela ser considerada novidade”
JOHNSON, Steven. Cultura da interface: como o computador transforma
nossa maneira de criar e comunicar.
flatschart.com | janeiro de 2013
2001
6. macluhan
“We're just trying to fit the old things into the new form”
MCLUHAN, Marshall
flatschart.com | janeiro de 2013
1960
7. wagner
Richard Wagner imaginava um universo expressivo onde a música e o teatro
seriam o centro nevrálgico de uma experimentação complexa e
multissensorial que ele chamava de Gesamtkunstwerk (Obra de Arte Total)
uma integração dos meios artísticos que buscava recriar e ampliar muitos dos
conceitos praticados pelo teatro clássico grego.
Bayreuth Festspielhaus (Teatro do Festival de Bayreuth) - Escurecimento da
plateia, inclinação dos assentos, recursos cenográficos / arquitetônicos que
favoreciam a reverberação do som em mais de um canal. User Experience
flatschart.com | janeiro de 2013
1876
10. as origens
O conceito atual de direção de arte começa a ganhar força nos EUA a partir
dos anos 40, fruto da necessidade de representar o “American Way of Life“ no
cinema e na publicidade.
Cada detalhe era exagerado em sua carga simbólica na busca de exteriorizar a
imagem da perfeição e da supremacia pretendidas pelos americanos.
flatschart.com | janeiro de 2013
1940
11. origens
O conceito atual de direção de arte começa a ganhra força nos EUA a partir
dos anos 40, fruto da necessidade da publicidade e do cinema de representar
o “American Way of Life“.
Cada detalhe era exagerado em sua carga simbólica na busca de exteriorizar a
imagem da perfeição e da supremacia pretendidas pelos americanos.
flatschart.com | janeiro de 2013
1940
12. na web
Tecnológico: O pessoal de informática, computação, engenharia, matemática
e áreas afins – Para eles, a Internet era uma nova possibilidade de linguagens,
códigos, sintaxes. Geralmente desprovidos de qualquer senso estético, uma
página web era qualquer representação gráfica de um monte de linhas de
código.
Artístico: O pessoal de cinema, rádio e tv, artes, comunicação e áreas afins –
Para estes, a web era um novo suporte para suas elucubrações visuais e
sonoras, um novo meio de comunicação. De novo o meio era mensagem, a
1997
nova aldeia global.
flatschart.com | janeiro de 2013
13. na web
Tecnológico: O pessoal de informática, computação, engenharia, matemática
e áreas afins – Para eles, a Internet era uma nova possibilidade de linguagens,
códigos, sintaxes. Geralmente desprovidos de qualquer senso estético, uma
página web era qualquer representação gráfica de um monte de linhas de
código.
Artístico: O pessoal de cinema, rádio e tv, artes, comunicação e áreas afins –
Para estes, a web era um novo suporte para suas elucubrações visuais e
sonoras, um novo meio de comunicação. De novo o meio era mensagem, a
1997
nova aldeia global.
flatschart.com | janeiro de 2013
15. era pós mcluhan
• O mesmo conteúdo está em todos os lugares
• As mídias e os aparelhos se confundem
• O meio deixa de ser a mensagem, aliás, não importa mais o meio
• Após séculos de escravidão, a mensagem libertou-se do meio
• Ubiquidade
flatschart.com | janeiro de 2013
17. owp
É a coleção de tecnologias abertas da web onde todos podem implementar
componentes de software na web sem a necessidade de qualquer aprovação
ou taxas de licença.
Plasticidade + organicidade + modularidade + interatividade = Ubiquidade
Offline & Storage | Device Access | Connectivity | Multimedia | 3D, Graphics
& Effects | Performance & Integration | CSS3
flatschart.com | janeiro de 2013
18. owp
“Daqui a dez anos o metrô vai parar na estação e toda sua superfície vai estar
coberta com um adesivo de propaganda, como hoje. A diferença é que ele vai
ser animado e interativo.
Esse adesivo vai rodar Web. Dentro do metrô você vai ver uma propaganda
que diz “Curta essa marca”. Você vai poder clicar no adesivo e curtir.
No supermercado, o iogurte vai falar com você. E, não duvido, até o dinheiro
vai interagir, para evitar falsificações, com dados de geolocalização e
rastreabilidade. Pense numa Onça animada na nota de cinquenta reais. Isto
está mais perto do que você pensa” - Clécio Bachini
http://www.soyuz.com.br/blog/open-web-platform
flatschart.com | janeiro de 2013
19. owp
Não é mais possível ter um olhar individual sobre as camadas de conteúdo,
apresentação e comportamento na web, pois elas se completam e se
mesclam interligadas pela semântica.
Marcação HTML
Apresentação
Comportamento
APIs CSS
JavaScript
flatschart.com | janeiro de 2013
22. HTML5 : O CORAÇÃO DA OWP
flatschart.com | janeiro de 2013
23. html5 | mitos
HTML5 ainda não pode ser usado comercialmente
A maior mudança do HTML5 foi Vídeo, Áudio e Animação
Objetivo do HTML5 é matar o Flash
HTML5 não faz diferença pra SEO/SEM
flatschart.com | janeiro de 2013
24. html5 | mitos
HTML5 ainda não pode ser usado comercialmente
A maior mudança do HTML5 foi Vídeo, Áudio e Animação
Objetivo do HTML5 é matar o Flash
HTML5 não faz diferença pra SEO/SEM
flatschart.com | janeiro de 2013
27. html5 | estrutura
Wireframing > PSD > CODE
Grids, pastas & layers com vocabulário semântico controlado
topo > header | menu > nav | rodape > footer
Case : Migração do fluxo de trabalho para produção de apresentações em
HTML5 para Sistema UNO Internacional do Grupo Santillana / Editora
Moderna
flatschart.com | janeiro de 2013
28. html5 | multimídia
O fim da era dos plugins
Com o amadurecimento do HTML5, começamos a nos distanciar cada vez
mais desse universo formado pelos elementos <applet>, <embed> e <object>,
necessários para incorporar funcionalidades multimídia aos browsers. Assim,
nos aproximamos de uma nova era; a era da multimídia nativa, na qual
plugins não são mais necessários e o carregamento, o processamento e o
controle passam a depender do browser, e não mais de soluções proprietárias
de terceiros.
exemplo
<audio> & <video>
flatschart.com | janeiro de 2013
29. html5 | svg
O formato SVG ( imagem vetorial baseada em XML) veio para ficar
• Ícones de navegação
• Elementos de UI
• Ilustrações
• Patterns
• Backgrounds
• Animação
• Máscaras ( inclusive para vídeo)
• http://labs.soyuz.com.br/gamew3c/
<svg>
flatschart.com | janeiro de 2013
30. html5 | webGL
Dashboard em tempo real mostrando a relação entre latitude, longitude e
altura dos municípios brasileiros. Baseado em dados abertos, esta é uma
experiência de visualização de dados utilizando webGL.
http://labs.soyuz.com.br/dash
flatschart.com | janeiro de 2013
31. html5 | widgets
Packaged Web Apps (Widgets)
Games, Anúncios, Displays Interativos, Mashups
http://www.w3.org/TR/2012/PER-widgets-20120925
flatschart.com | janeiro de 2013
40. renascimento ?
É a época mais fascinante e inovadora
da web desde de sua criação!
Karen Myers
Business Development Officer | W3C
flatschart.com | janeiro de 2013
41. ou pré história ?
This is just the beginning, the
beginning of understanding that
cyberspace has no limits, no
boundaries
Nicholas Negroponte
MIT
flatschart.com | janeiro de 2013
42. um mundo de telas
Nuvem, Conteúdo & Interface
flatschart.com | janeiro de 2013
43. fluid knowledge
Músicos, sociólogos, designers, historiadores,
jornalistas, antropólogos, pedagogos,
editores, diagramadores, atores, sonhadores,
programadores e todos os demais seres
humanos e exatos !
flatschart.com | janeiro de 2013
45. publicações
HTML5 - Embarque Imediato ( 2011 )
Open Web Platform ( em breve )
Livro Digital Et Cetera ( em breve )
flatschart.com | janeiro de 2013