Apresentação Design Responsivo

Posted on janeiro 20, 2012

olá para todos!

em primeiro lugar, para os que não sabem, Design Responsivo é uma forma de criar páginas web que respondam, de forma elegante, aos mais variados tamanhos de telas.

o Design Responsivo veio da Arquitetura Responsiva, que é uma nova área da arquitetura que estuda formas dos objetos/espaços se adaptarem às pessoas ou ambientes. Veja alguns vídeos sobre arquitetura responsiva:

.

Liquid 2.0_ Daan Roosegaarde from Daan Roosegaarde on Vimeo.

.

InteractiveWall from Festo HQ on Vimeo.

.

bacana não é mesmo? tem muito mais sobre isso… busquem no google e vcs vão ver que tem coisas que já até são comercializadas! não é “futurologia”, é agora mesmo!

isso posto, segue minha apresentação:



.

aqui estão os projetos exibidos durante a apresentação:
(se estiver no desktop, use o google chrome e redimensione a janela do navegador para observar os vários layouts)

modelo-simples (este modelo é apenas com XHTML e CSS)

st-somente-texto

md-mix

quem gostou do assunto e quiser aprender mais sobre ele, pode se inscrever no curso que será ministrado na Eng Dtp & Multimídia.

espero que tenham gostado!

divirtam-se!

bjs,
ana laura gomes

Palestra W3C Br – Web em dispositivos móveis – Dicas práticas

Posted on novembro 17, 2011

aqui está a palestra de hoje de manhã na 3a conferência web W3C Brasil.

agradeço imensamente a presença de todos! sala lotada… super obrigada!

divirtam-se!
bjs,
ana laura

Palestra na conferencia W3C.BR: Web em dispositivos móveis: dicas práticas

Posted on novembro 08, 2011

Tem conferencia do W3C no rio, e eu vou estar lá:

Web em dispositivos móveis: dicas práticas

Dia 17/11, sala 04, 11h00

No período da tarde vou pilotar as mídias sociais durante a trilha sobre Acessibilidade Web. Mais perto do evento eu divulgo os acessos online para acompanhar de qualquer lugar do mundo!

Não conhece a conferência? Veja:

Durante os dias 17 e 18 de novembro de 2011, na cidade do Rio de Janeiro, profissionais, pesquisadores e apaixonados pela estarão na 3a Conferência Web W3C Brasil para debaterem a plataforma aberta da web.

O maior repositório de documentos que a humanidade já conseguiu publicar, reunir e dele fazer uso para pesquisa é hoje também um dos maiores e principais ambientes de comunicação da história. Estima-se que 1 bilhão de pessoas estão conectadas à rede de computadores mundial e se comunicando através da Web. Compartilham conhecimentos, comunicam-se entre familiares e amigos, estabelecem transações comerciais, acessam serviços públicos, cidadãos interagem com governos, relações pessoais acontecem entre continentes à distância da janela de um browser. Conectar o próximo 1 bilhão de pessoas é o caminho da evolução da web, propósito que será atingido mantendo a sua plataforma aberta.

O debate atual da plataforma aberta da web pauta a necessidade de mantê-la tal como nos primórdios: aberta, universal e em contínuo desenvolvimento. Um sistema descentralizado onde qualquer pessoa ou organização pode se integrar e estabelecer vínculos, um ambiente não centralizado e não controlado por qualquer organismo em particular. Uma plataforma em que a transparência do código (HTML) e a identificação em rede (URL) sejam relacionadas e transferidas livremente.

Cumprindo extensa programação (http://conferenciaweb.w3c.br/programacao/) diversos palestrantes de todas as regiões brasileiras apresentarão os mais variados temas, desde as útimas novidades no HTML5 e CSS3, até debates sobre usabilidade, acessibilidade, arquitetura da informação, web semântica. Dentre os detaques a presença de Philippe Le Hégaret, líder das atividades de tecnologias de interação no W3C, como HTML5, CSS3, SVG, vídeo na web, internacionalização, fontes na web, entre outros. Le Hégaret foi o primeiro desenvolvedor do validador de CSS em 1997, coordenador do grupo de trabalho DOM (Document Objet Model) e líder da área de arquitetura no W3C, grupo responsável pelas principais tecnologias de XML e WebServices.

Não deixe de participar e divulgar.

3a Conferência Web W3C Brasil 2011
http://conferenciaweb.w3c.br/
17 e 18 de novembro de 2011
Rio de Janeiro, RJ
Centro de Convenções Sul América
Av: Paulo de Frontin, 1 – Cidade Nova – Centro
http://www.ccsulamerica.com.br/

bjs e vejo vcs por lá!
ana laura

Computador, mobile e tablets – acessos no Brasil

Posted on outubro 07, 2011

acabei de receber a pesquisa da ComScore com estes dados…

o acesso através de dispositivos móveis representa apenas 1% do total de acessos no brasil à internet. de chorar, né não? mas está melhor. este valor é 60% maior do que a última medição realizada a 4 meses atrás (maio/2011). é um número bem pequeno mas a subida é vertiginosa… 60% em 4 meses… impressionante.

mais informações do relatório:

  • No Brasil, dispositivos como as tablets, celulares e consoles de jogos somaram 1,0% de todas as visualizações de páginas de Internet em agosto de 2011, em comparação com apenas 0,6% em maio de 2011.
  • Deste 1,0% de tráfego não originado de computadores, os celulares somaram a maior porcentagem, com 59,8%. As tablets somaram 36,5% de tráfego não originado de computadores, enquanto outros dispositivos (que incluem iPods, e-readers, consoles de jogos, etc) alcançaram 3,7%.
  • Comparado com os EUA e Reino Unido, o tráfego não originado de computadores no Brasil cresceu mais em relação às tablets e menos em relação aos celulares e outros dispositivos.
  • O iPad da Apple liderou o mercado, alcançando 94% de visualizações de páginas em tablets em agosto de 2011. Os iPads agora somam a maior porcentagem de tráfego originado de dispositivos da Apple, com 58,7%.

.

Veja algumas destas informações no formato de gráfico:

• aqui a comparação com américa e reino unido

distribuição de tráfego de não computadores no brasil

.

• a evolução dos números do brasil, considerando-se o sistema operacional do celulares

evolução da distribuição por sistema operacional (brasil)

.

• uma visão geral da divisão do bolo entre os sistemas operacionais brasileiros tanto para tablets quanto para celulares

.

divirtam-se!

bjs,
ana laura

Mobile: web & aplicativos [dicas práticas]

Posted on maio 27, 2011

missão totalmente cumprida! agradeço muito ao senac por abrir as portas para a adobe e podermos levar o melhor conteúdo aos alunos e demais participantes do senac road show 2011.

agradeço especialmente a cada um dos participantes: um beijo no coração de todos vocês !!

conforme prometido… segue os slides da apresentação.

uma notinha extra: ontem, o diego eis (visie) publicou um post com os guias de interface de diferentes sistemas operacionais para celular. ele nem sabe dessas palestras da adobe/senac, mas deu a maior força prá gente!! brigadão, viu diego!!

.

divirtam-se!

bjs,
ana laura

uma revista e um celular…

Posted on maio 01, 2011

muito, muito muito legal!!!

isso sim é crossmedia :)

QR CODE – Content-rich Resume from Victor petit on Vimeo.

(via adMe)

Smartphones no Brasil

Posted on março 22, 2011

nada como colocar em imagem alguns dados… é o famoso “por no gráfico”… vamos a ele! na verdade eles, um relativo à venda de iPhones no Brasil e outro representando a participação no mercado de cada uma das grandes marcas…

os dados são da pesquisa Gartner que estão publicados no espaço “Zero e Uns” da Exame Online (18/02/2011):

Desde que iniciou as vendas do seu smartphone no Brasil, em setembro de 2008, a Apple já comercializou quase 711 mil aparelhos no país.

Segundo a consultoria em tecnologia Gartner, foram 23 mil aparelhos no primeiro ano, 324 mil aparelhos em 2009 e 364 mil em 2010 – sem considerar os aparelhos comprados no exterior.

Desta forma, a Apple conquistou 7% de participação no mercado de smartphones no ano passado.

A finlandesa Nokia liderou as vendas no país e ficou com 47% de participação de mercado, com 2,4 milhões de smartphones. A Research In Motion, fabricante dos aparelhos da linha BlackBerry, aparece na segunda posição, com 1 milhão de smartphones comercializados e 21% de participação de mercado.

Em terceiro lugar está a coreana Samsung, com 9,5% de participação nas vendas, seguida da Apple, fabricante do iPhone, e da Motorola, com 6,5% de participação de mercado.

Ao todo, foram vendidos no Brasil pouco mais de 5 milhões de smartphones ao longo de 2010.

bjs,
ana laura

Roupa nova: qualquer dispositivo

Posted on março 20, 2011

já não era sem tempo!!

não faz muito tempo eu descobri que o tema que eu usava para o WebD+ não era híbrido, ou seja, não se adaptava à múltiplos dispositivos.

aproveitei o tema das palestras do senac road show para arrumar esse descuido! este tema, Mobius, é diferente para desktop e para celular!

existem vários temas assim, e uma boa parte é gratuita! experimente: http://wordpress.org/extend/themes/search.php?q=mobile.

só vai aqui um pedido de paciência, pois, eventualmente, vou fazer uns testes… e pode ser que algumas coisas fiquem estranhas de vez em quando!!! já mando também um obrigada por essa disposição!

sobre o road show…

estarei em 8 unidades diferentes com os temas:

Do início ao fim – Projeto completo para web e celular com Adobe CS5 Web Premium
Veja como é fácil produzir um projeto interativo para a web e celular utilizando as ferramentas adobe web premium: fireworks, dreamweaver e flash.

Araraquara (21/03), Votuporanga (23/03), Itapira (14/04), Catanduva (24/05), Jundiaí (25/05), São Paulo: Santana (26/05) e Jabaquara (30/05).

Ilustração e Tratamento de Imagens com Photoshop e Illustrator
Descubra as ferramentas mais sofisticadas para ilustração vetorial, criação de logos, embalagens, identidade visual do Adobe Illustrator e os recursos para tratamento de imagem, recorte, pintura digital e ajustes de cor utilizando o Adobe Photoshop.

Jaú (12/04), Catanduva (23/05).

Para saber mais sobre o road show, consulte a programação.

bjs,
ana laura

Negócios e a web semântica

Posted on janeiro 05, 2010

criança enviando mensagem de texto no celular

como a palestra sobre negócios na web ficou agora para janeiro, dia 13, quarta feira, o tema está muito na minha cabeça… vivo com a palestra aberta, sempre revendo pontos, dados… provavelmente, o paulinho, companheiro do senac, captou minhas preocupações e mandou a notícia do TI Inside, valeu paulinho!!

a notícia fala do futuro das aplicações móveis com a web 3.0… ou web semântica (eu gosto mais deste nome!).

o que achei mais relevante na análise é que não é daqueles “achismos” que viajam na maionese, completamente fora da realidade. foi uma colocação muito bem feita, com base na realidade que a web, baseada no sentido das palavras e não na busca, vai proporcionar à todos os dispositivos, em especial aos móveis. Isso somado ao uso cada vez mais intenso da realidade aumentada e do geoposicionamento…

. Aplicações móveis inteligentes: em vez de fornecer apenas informações aos usuários, os desenvolvedores estão cada vez mais voltados a criar serviços baseados na localização das pessoas, dizendo, por exemplo, quais os amigos dessa pessoa que estão por perto em determinado momento.

. Mapas: a possibilidade de qualquer um criar seu próprio conteúdo e publicá-lo tem feito com que cada vez mais pessoas comecem mapas de interesse específico, como caminhadas, ou esportes radicais.

. Agendas: a maioria das pessoas ainda usa o papel para anotar seus compromissos, mas a Icon acredita que os avanços da internet tornarão as agendas digitais cada vez mais acessíveis e parecidas com as tradicionais, popularizando o serviço.

o artigo ainda fala sobre o avanço dos sites de músicas, como o blip.fm e da colaboração e uso de redes sociais.

. Colaboração: o movimento de universalização da produção de conteúdo acabou por criando meios de comunicação específicos para determinados assuntos, então, de acordo com a fornecedora de soluções, os sites passarão a ser feitos por entusiastas desses assuntos.

. Música: aplicações como o Blip.fm, uma espécie de Twitter para música, têm se tornado o caminho para acessar músicas de forma gratuita na internet. A Icon acredita que a tendência serão os sites de streamming.

. Ferramentas em redes sociais: os usuários desses sites têm se tornado cada vez mais exigentes em relação às possibilidades de interação na internet, e os desenvolvedores de aplicativos estão vendo nascer um novo mercado de ferramentas para intermediar as relações entre as pessoas.

realidade pura! só não fala nada sobre a famosa pergunta: quem vai pagar esta conta?! cadê o modelo de negócio que vai sustentar esta nova tecnologia? uma hora a gente chega lá…

ah, se você quiser saber um pouco mais de como funciona esta coisa da web semântica, tente este buscador inteligente: http://www.wolframalpha.com/

bjs,
ana laura

“novas” experiências – mobilidade e realidade aumentada

Posted on dezembro 21, 2009

revista proxxima – http://proxxima.digitalpages.com.br/

folheando a proxxima de nov/dez 09, vi a chamada sobre a realidade aumentada…

proxxima_realidade_aumentada

confesso que achei estranho… para quem acompanha a martha gabriel e aplicativos online e a plataforma layar, isso não é “vai dar” ou “não vai dar”, já deu e está sendo usado. ponto. vai mudar, melhorar, com certeza, ser mais usado ainda. é assim com todas as teconologias. elas são disponibilizadas, caem no gosto de quem usa e de que cria e então evoluem, e muito, vide o twitter. no caso dos aplicativos móveis, o que seria legal que acontecesse é serem mais universais, e não restritos à “meia dúzia” que possui aparelhos sofisticados… ou (mais legal ainda) que o preço dos aparelhos fossem mais acessíveis!!!

na mesma revista, umas páginas adiante, surge a notícia de que …

“a mobile marketing association cria novos formatos e especificações de publicidade para o setor”

ao verificar o conteúdo: alturas e larguras, em pixes, destes novos formatos! era o bom e velho banner!! olha que coisa de maluco!!

modalidades:
mobile web banner (imagem estática), wap 1.0 banner (imagem p&b) e anúncio em texto
medidas:
banner X-large (300x50px 5KB_gif|pgn|jpg 7,5KB_animated_gif)[24 caracteres],
larger banner (216x36px 3KB_gif|pgn|jpg 4,5KB_animated_gif)[18 caracteres],
medium banner (168x28px 2KB_gif|pgn|jpg 3KB_animated_gif)[12 caracteres],
small banner (120x20px 1KB_gif|pgn|jpg 1,5KB_animated_gif)[10 caracteres].

e isso é sério, muito sério… o velho ainda está aí, com força total!! neste ponto, até faz sentido perguntar se vai rolar ou não a realidade aumentada… assim próximos, o (tão) velho e o (tão) novo, faz a gente pensar no assunto… como fica a mobilidade no Brasil? com o custo do aparelho, custo da chamada… quem paga esta conta para que novos modelos de publicidade possam ser criados além do banner? para que a realidade aumentada possa ser mais utilizada por mais pessoas…

outro ponto importante, tem banner mas tem muito mais coisa para se fazer no celular!! muito mais mesmo!! olha isso:

o que realmente importa é ser pertinente! usar um velho conceito e um novo equipamento é sempre o primeiro caminho, é razoável que seja assim, mas não deve ser o único. seja original e criativo, seja pertinente e, especificamente no caso do celular, seja relevante. a conta ainda é cara para despejar no cidadão bobagens inúteis…

bjs,
ana laura