webD+
web, tecnologia, comportamento e diversãoMobile: web & aplicativos [dicas práticas]
Posted on maio 27, 2011missã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
Mapas hiperbólicos
Posted on setembro 10, 2010é inacreditável a quantidade de informações com as quais lidamos nos dias de hoje.
na verdade, sempre houve uma quantidade muito grande de informação, a graça dos dias atuais é a capacidade que temos de disponibilizá-las… Compartilhar é a palavra de ordem.
o achado veio pelas mãos da grande amiga fátima franco, obrigada querida!
primeiro o que são os mapas hiperbólicos… nada como a definição da wikipedia:
- tipos de mapas conceituais.
- interface moderna e atrativa denominada fish eye ou “olho de peixe”: o nó principal no centro e os nós-filhos ao redor do nó principal.
- distribuição radial dos conceitos.
- os nós que formam o mapa hiperbólico ficam em evidência (mais no centro da interface) quando estamos navegando por dentro daquele tópico.
- facilidade de representar na interface um domínio de conhecimento de forma mais detalhada sem perder a visão da parte e do todo.
agora fica mais fácil entender a imagem que segue:
Atlas hiperbólico da internet. O mapa hiperbólico da internet é semelhante a uma rede sintética einsteiniana, vista no segundo mapa, abaixo.[Imagem: Boguna et al./Nature]
fantástico, não é?
quanto maior a quantidade de nós, maior também é o tamanho da letra do nome do país.
esse é um trabalho muito bacana, de representação da internet, através de um formato diferente do padrão, afinal, a internet foge a qualquer padrão vigente em matéria de comunicação e interligações…
“Estes mapas foram obtidos a partir de um modelo da rede em um espaço hiperbólico, de modo que, se dois nós estão próximos um do outro neste espaço, é muito mais provável que eles estejam interligados na rede real,” explica Boguñá
Por outro lado, “ao comparar as informações dos países onde estão localizados esses sistemas autônomos com as suas coordenadas no mapa, você pode ver que existem comunidades virtuais estreitamente relacionados, que refletem sua situação geopolítica no mundo,” acrescenta o pesquisador.
Especialistas estimam que o protocolo atual de transferência de informações da Internet pode não suportar outra década na atual taxa de crescimento: 2.400 sistemas autônomos acrescidos à rede a cada ano.
se você gostou mesmo do trabalho, basta ler um pouco mais sobre esses mapas na página de Marian Boguñá. lá ele conta sobre a teoria desses mapas, que fazem parte de seu trabalho acadêmico. está em inglês, mas vale a pena! A imagem abaixo é de um desses trabalhos, justamente para explicar o conceito de mapa hiperbólico… é muito linda!
divirtam-se!
bjs,
ana laura
Teste de velocidade
Posted on julho 07, 2010olha que legal!
um teste de velocidade de banda de acesso a internet!!!
muito rápido, muito fácil.
bjs,
ana laura
sobrinhismo na Web
Posted on maio 05, 2010
Que coisa mais linda este artigo do David CHC.
Fala de uma forma super clara sobre um tema muito controverso e difícil: o sobrinho…
Você: O projeto ficará em R$ 3.000,00
Cliente: Que isso, está muito caro. Eu tenho um sobrinho que me cobra R$ 150,00.
Bacana que fala também sobre uma coisa que já havia pensado antes: todos começamos como sobrinhos!! verdade!! no início a gente não sabe muita coisa, no geral lida bem com alguma ferramenta (fireworks, photoshop, dreamweaver…) ou linguagem (XHTML, CSS, PHP…) e acha que sabe tudo de criar páginas Web.
Então ficou fácil de entender o que é um sobrinho, que é um pseudo-profissional, que cobra valores baixos, praticamente ele paga para fazer o trabalho.
Mas se pensarmos bem, podemos dizer que quase 100% das pessoas que começaram a trabalhar com web foram sobrinhos. Porque no começo é sempre mais difícil, não temos noções de preço, prazo, como nos comportarmos, e por isso é cobrado um valor realmente baixo.
Isso para um começo, apesar de muitos não concordarem, pode ser aceitável. Só que o problema é isso se estender de mais, achar que está se dando bem, e ainda se estagnar. Porque o sobrinho não é apenas o que cobra o valor baixo, é o que pára no tempo achando o que sabe já é o bastante.
hahahaha atire a primeira pedra quem começou do topo!!
a pegada de fato é tornar-se um profissional, qualificar-se, aprender, estudar, estudar, estudar!! não tenho a menor dúvida disso. nosso mundinho anda muito rápido, as tecnologias vem e vão na velocidade da luz. além do conhecimento tecnológico, tem que ter uma estrutura pessoal muito boa para aguentar este ritmo sem surtar. ainda acho que a máxima “tudo que sei é que nada sei” é a que impera, só não pode te paralizar. tem que manter a cabeça no lugar, traçar metas e estar _sempre_ pronto para mudanças e re-planejamentos. lembra que o bacana é caminhar, é o virar profissional sendo profissional. vamos à luta, filhos da pátria!!
quem quiser começar a aprender a cobrar, tenho um post antigo que fala disso.
bjs,
ana laura
turismo e interatividade
Posted on fevereiro 04, 2010santa tia emília!
ela é uma fera no computador!!!
não vou dizer mais nada… tem que ir até o site e navegar…
fácil de navegar, 100% de interação… 360 graus de pura emoção.
uma forma moderna de chamar atenção para o turismo… tem que ver!!!
parabéns para o governo português e para a empresa realizadora!
divirtam-se!
bjs,
ana laura
ps – parabéns para a tia emília que só manda coisa de primeira categoria!!!
ps2 – comentário nerd: é flash…
Palestra na Campus Party
Posted on fevereiro 01, 2010Salve!
depois de uma semana na campus party, despluguei no domingo… tá doido!! foi uma loucura, mas foi muito legal!
um grande beijo para todos que passaram no stand do senac e fizeram sua montagem ou assistiram à palestra na arena, brigadão!!
aqui uma parte da galera do senac… são uns perdidos mesmo (clique para ampliar)
>> o início da brincadeira do lost quem mandou foi o adilson freitas lá de campinas… eu só ampliei um tiquinho, hehehehe
>> um enorme beijo para esta equipe fantástica do senac que mesmo no meio de tanto trabalho arruma alegria para brincar!!
e aqui a palestra seguida de um resumo da pós em web do senac.
*
*
divirtam-se!
bjs,
ana laura
ps – para a mocinha de presidente prudente e quem mais interessar: links das outras palestras sobre negócios na web.
http://www.slideshare.net/ana_laura/viabilizando-negocios-na-web-senac-tito
http://www.slideshare.net/ana_laura/viabilizando-negcios-na-web (campinas)
Campus Party 2010 chegando…
Posted on janeiro 15, 2010
frio na barriga… tá chegando a campus party 2010.
ontem foi a coletiva de imprensa.
acampanhei ao vivo on line, bem legal, é a TV campus party (http://tv.campus-party.org/). aliás, é bom você anotar este endereço se tem interesse no evento mas não consegue participar. é que este canal estará aberto em tempo integral fazendo transmissões do evento. assim todos podem participar, bacana, não?
olha só, se você não conhece ainda, os números são assustadores. a galera que fica acampada é a mesma: 6.000. isso mesmo, acampados. barracas… da galera que visita, no ano passado, foram 108 mil pessoas. pelamor!! é gente que não acaba mais!
outro dia conto mais detalhes!
bjs,
ana laura
quando implementar melhorias tecnológicas em projetos web?
Posted on dezembro 10, 2009
ó duvida cruel…
estamos já com uma porção de gente usando HTML5, mas nem está homologado ainda…
já tem uma porção de gente usando o CSS3, mas também não está fechado ainda…
somos _mesmo_ a sociedade imediatista da qual o gil giardelli tanto fala… ô dó…
*
bem, tratando-se de projetos web, temos que lidar com a realidade, sempre! o quanto nos custa tanta velocidade? é viável?
para nos ajudar a responder a estas questões é sempre bom lembrar que os navegadores que usamos estão também caminhando nesta direção… portanto o uso das novas tecnologias deve estar sempre de olho nas tabelas de referências de compatibilidade de tecnologias que relacionam “o-que-funciona-na-onde”. com as listadas abaixo:
- http://a.deveria.com/caniuse/
- http://www.quirksmode.org/css/contents.html (bastante atual, inclui chrome)
- http://westciv.com/wiki/CSS_Compatibility_Guide (inclui iPhone)
- http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/ (indica especificamente navegadores x comandos)
- http://sixrevisions.com/infographics/performance-comparison-of-major-web-browsers/ (esta simplesmente compara, genericamente os navegadores)
outro lembrete importante é: não obrigue o seu usuário a atualizar-se… tem gente que nem sabe o que é um navegador!! conheça o seu público! acho que já disse isso umas dezenas de vezes… mas este sempre é o ponto mais importante. sua geladeira não fica pedindo para você fazer nada, ela dica apenas lá, funcionando. a tecnologia deve ser transparente para o usuário.
com estas duas idéias na cabeça fica mais fácil tomar determinadas decisões.
agora, se você ainda está em dúvidas… fique tranquilo, dúvidas todos temos!
bjs,
ana laura
observe sempre o contexto de uso
Posted on dezembro 09, 2009
___ 
olhando as duas fotos, que vieram de diferentes reclamações matinais via twitter, uma sobre a fila no café do aeroporto e outra sobre o metro na zona leste de são paulo… pensei com os meus botões: contexto de uso é tudo!! são duas reclamações super importantes: para quem as fez!! atenção: são igualmente importantes. dentro do contexto de uso, as reclamações são pertinentes!
não quero levantar bandeiras políticas e sociais, pois isso seria comparar as duas reclamações… oras, comparando, as reclamações da somália devem ser muito mais importantes que estas!! e os desabrigados nas enchentes recentes de são paulo?! o que quero dizer, e abrir os olhos, é que uma reclamação deve ser sempre levada a sério no caso de projetos web (em todos os outros casos também).
muitas vezes, ao recebermos uma “reclamação” à respeito de um projeto nosso, pensamos: como o cara não achou a informação? estava lá! ou então, por que um botão maior? o menor fica tão mais adequado ao layout! mas nós nos esquecemos do contexto de uso… não seremos nós os usuários de nossos projetos na web… são outras pessoas, em outros lugares, com outros equipamentos e outros valores e graus de conhecimento e simpatia por sistemas web!!
leve a sério as queixas dos usuários e ponha a cabeça para pensar… é um erro? qual o porquê da dificuldade? em que contexto ela aconteceu? é possível evitar? onde posso melhorar para esta pessoa?
em seguida, analise com o “dono de fato” do site (se você é apenas o webmaster ou parte da equipe de execução) e verifique a real necessidade e possibilidade de fazer tal alteração. baseado na reclamação e nos estudos de impacto que tal “arrumação” pode causar. tudo bem medido e negociado e não um simples: porque tem que fazer ou o inverso: usuário reclama de tudo não vou fazer nada. tais estudos ajudam a avaliar viabilidade, preços e prazos para alterações. pensar antes de agir é sempre a melhor opção.
bjs,
ana laura
Escrevendo para a web
Posted on dezembro 07, 2009
Bem, como eu adoro o tema, este artigo veio bem a calhar…
Tradução do artigo da carsonified, rob mills.
Escrevendo para a Web.
Escrever para a web é um desafio. Existe o problema comum de restrição ao comprimento das palavras, o fato dos usuários darem uma olhada por cima antes de ler cada palavra e, ocasionalmente, diretrizes de estilos que devem ser respeitadas.
Existem dicas on-line suficientes para que você fique lendo por mais tempo do que gostaria. Aqui estão as 10 dicas que foram mais úteis para mim:
Conheça o seu público
Pode paracer óbvio, mas é melhor garntir. A única maneira de escrever de forma relevante, para o público certo e no tom correto é entendendo quem é sua audiência. Dependendo de onde seu público está, você poderá incluir expressões locais ou se estiver escrevendo para o grande público seja específico como em questões de moedas. Se forem dólares americanos, especifique desta forma. Se for Cardiff no país de Gales, diga desta forma, pois há Cardiff na Nova Zelândia e outros países.
Decida: por que você quer escrever?
Relacionado à dica anterior, assim como conhecer para quem você está escrevendo, saiba para que você está escrevendo para eles. É para que eles registrem-se em algo, perduadí-los a comprar alguma coisa, fornecer informações ou levá-los a assinarem alguma coisa?
Sua resposta a estas questões irão determinar por que você escreve.
Manchetes
Uma manchete bem pensada e clara pode aumentar em até quatro vezes o interesse do que uma pobre. Manchetes não devem ultrapassar 7 palavras e devem ser escritas no presente.
Caixa alta
Evite usar TUDO EM CAIXA ALTA para que seu texto não fique 57% mais comprido de ser lido. Evite também que cada palavra comece com letra maiúscula em seus títulos.
Escolha as palavras certas
Certas palavras podem atrair a atenção do leitor, enquanto outras podem distraí-lo. Palavras que as pessoas gostam incluem pensativo, imaginação, progresso e ambição. Palavras menos populares incluem disputa, fracasso, fraqueza e extravagante.
Use contrações. Isto é, use “you’re” ao invés de usar “you are” e “doesn’t” ao invés de usar “does not”. Algumas pessoas acham que as contrações empobrecem o inglês, elas dão ao texto um ar menos formal e mais descontraído que é frequentemente o tom de voz e o estilo necessários para a web.
Siglas
Evite usá-las se possível. Seria leviano assumir que todas as pessoas que visitam o seu site entenderiam o significado de qualquer acrônimo que você use. Entretanto, isto está relacionado ao conhecimento que você tem de sua audiência. A mesma regra é aplicada aos jargões, evite sempre que possível eliminando complexidades desnecessárias.
Pontuação
Minimize a pontuação o melhor que você puder. Sinais de pontuação podem ser difíceis de se discernir em telas, especialmente o ponto e vírgula, portanto tente usar vírgula e frases mais curtas.
Links eficientes
As palavras que são links tendem a sobressair ao texto comum, portanto seja relevante e motive o usuário a partir para a ação e clicar. Eu não gosto de “clique aqui”, mas se for usado, será mais eficiente se acrescido de algumas informações contextuais, por exemplo “clique aqui para solicitar um empréstimo”. Desta forma o usuário saberá exatamente para onde será direcionado.
O comprimento certo
Mantenha suas frases curtas. Se estiverem muito longas o interesse do leitor irá diminuir e sua mensagem ficará confusa. Uma regra prática é que as frases devem permanecer entre 15 a 20 palavras de comprimento. Por gentileza, não conte todas as minhas frases neste artigo, no caso de que eu tenha quebrado esta regra!
Parágrafos devem ter no máximo 5 linhas de comprimento ou profundidade. Além disso, uma boa medida para menter-se assim é que não deve haver mais de 3 sentenças por parágrafo.
Torne o seu texto mais digestível usando sub-seções, títulos e listas quando apropriado. Se usar listas, tente não ultrapassar 6 itens em cada uma.
Revisão
Outro ponto óbvio mas nem sempre levado em conta. Revisão e edição devem ser algo natural quando se começa a escrever. Se um usuário está concentrado em seu texto e aparece um erro é provável que imediatamente haja uma quebra de conexão entre ele e o seu site.
*
Só para lembrar… regras foram feitas também para serem quebradas!!! hahahahaha
A regra máxima é seja relevante. Se você sabe o que está fazendo, se você sabe por que está fazendo, não exite: quebre as regras! Bem, talvez, antes de sair por aí escrevendo que nem doido, seja bom conhecer as regras… se não você nem sabe se as está seguindo ou quebrando!!!
Quem gostar do tema pode ver o que tenho guardado no meu delicious!
bjs,
ana laura