I wanted to know what “IT” meant. “Ah well” — Dean laughed — “now you’re asking me impon-de-rables — ahem! Here’s a guy and everybody’s there, right? Up to him to put down what’s on everybody’s mind. He starts the first chorus, then lines up his ideas, people, yeah, yeah, but get it, and then he rises to his fate and has to blow equal to it. All of a sudden somewhere in the middle of the chorus he gets it — everybody looks up and knows; they listen; he picks it up and carries. Time stops. He’s filling empty space with the substance of our lives, confessions of his bellybottom strain, remembrance of ideas, rehashes of old blowing. He has to blow across bridges and come back and do it with such infinite feeling soul-exploratory for the tune of the moment that everybody knows it’s not the tune that counts but IT —” Dean could go no further; he was sweating telling about it.

I like too many things and get all confused and hung-up running from one falling star to another till I drop. This is the night, what it does to you. I had nothing to offer anybody except my own confusion.

Everything was collapsing — and I didn’t care.

Sentar na areia e abrir um livro, um livro que seja, e brisar por alguns minutos a esmo. Curtir. Curtir muito mesmo o momento e aproveitar. Me espicho e tento me esquentar um pouco sob o sol pálido de fim de tarde, sem nem notar os tênis já cheios e os bolsos fartos de areia, “Ah!” e “Ah!”. Praia meio esquecida, empoeirada, com águas escuras e às vezes claras. Camburi velha, então. Os olhos ressecados; me entreti com as ondas a quebrar preguiçosamente nos molhes, com o porto de Tubarão bem ao longe, cinza e triste, sob a poeira ferruginosa da Vale a escorrer do lado de lá. Os freios dos ônibus chiavam, logo atrás de mim, levando pessoas pros seus apartamentos depois de um dia de trabalho. Me lembram que a vida parou por ali, naquele mesmo ponto onde eu desci, e estava a me esperar.

Nas últimas noites troquei algumas horas de sono pra bolar alguma coisa que colocasse em prática o que eu andei estudando sobre iPhones, Androids, Windows Phones, CSS, HTML e etc. No fim das contas, o que saiu foi uma versão do site da Ufes para iPhone/iPod Touch.

Para visualizar o site o recomendado é utilizar um iPhone ou iPod Touch. No entanto, caso você não tenha um desses aparelhinhos você pode acessar usando o Safari ou o Firefox do seu computador.

Se liga, o endereço para acessar é: www.diasnormais.com/iphone/ufes

Os planos de dominação mundial são de adicionar novas features aos poucos à medida que a coisa for rolando MAAAS antes de entrar em qualquer detalhe acho legal mostrar procês um pouco do processo de desenvolvimento.

Do wireframe ao mainframe

Os rafes, rascunhos, rabiscos, garranchos e tal são meio que menosprezados, né. Acho que agora eu entendo um pouco melhor o que aqueles exercícios de leiautar no papel que a professora Sandra Medeiros passava nas aulas de Gráfica II e III queriam dizer.

Wireframes são esses desenhos toscões que você vê aí em baixo. É a simplificação do desenho de uma interface com o intuito de acelerar a criação — e posterior evolução — de ideias.

É a mesma coisa que meu brother Manoel Lemos já vinha me falando há um tempo atrás. Um personagem, ou uma história em quadrinhos, não nasce linda, maravilhosa, colorida, tchubiruba e finalizada de uma hora pra outra. É preciso camadas e mais camadas de tinta, e de criação, pra um garrancho torto se tornar uma linha nítida.

Depois de delimitar um pouco as informações básicas que eu tinha na cabeça e de rabiscar algumas ideias no papel, achei que tava na hora de refinar um pouco mais os desenhos.

É lógico que não tava na hora, ainda. Pensando melhor agora eu acho que eu deveria ter continuado um pouco mais no papel e esgotado outras alternativas. Por isso, sempre pense duas vezes antes de sair do papel pro computador. Se puder, pense três.

Saindo do papel, fui pro Axure RP Pro — um programinha bem bacana que, dentre outras coisas, é excelente para criar layouts de baixa resolução de forma bem simples e rápida.

Geralmente os wireframes não são muito mais complexos que boxes cinzas com texto de preenchimento mas neste caso eu resolvi detalhar um pouco mais o layout no próprio Axure para que eu não precisasse refazer o layout no Fireworks, por exemplo. Inclusive, lá no site do Axure (pronuncia-se a.cshúr) tem disponível várias bibliotecas com os elementos de interface mais comuns para download, inclusive os do iPhone.

É válido mencionar que muito do CSS, do HTML e do Javascript que eu utilizei foi encontrado por aí, em exemplos e tutoriais.

No início, meu plano era de utilizar o jQTouch — praticamente uma extensão do jQuery especialmente criada para desenvolver sites para iPhone — com todas as funções para lidar com efeitos de transição que imitam as dos apps nativos e também com suporte a geo-localização, acelerômetro e tudo mais. Além disso, ele também vem com várias imagens, stylesheet e demos de utilização pra você poder estudar.

Acontece que a minha pressa de meter a mão na massa — ou no código — falou mais alto e o que eu acabei fazendo foi um recorte de várias partes de um CSS daqui, de um Javascript alí e foi indo, indo, até acabar.

O código php que puxa as notícias do feed do portal da Ufes, por exemplo, é um que eu já havia utilizado em outro site.

Teve muita coisa feita no olhômetro mesmo. Adiciona pixel, subtrai pixel, reseta e declara. Coisa linda.

Não descarto utilizar o jQTouch no futuro, de jeito nenhum. O que você gasta a mais pra aprender a lidar com ele no começo você acaba ganhando em dobro lá na frente com menos tempo gasto resolvendo pepinos e desuniformidades, além de ter um código mais enxuto e muitas outras vantagens incluídas.

É beeeeeta!

Nem todas as funcionalidades puderam entrar nessa primeira versão. As razões, claro, são várias: prazo, complexidade, prioridade e etc. O importante nessa etapa foi: com um funcionalidade escolhida, torná-la utilizável da melhor forma possível.

Acho que isso eu consegui fazer.

A ideia então é que novas funcionalidades sejam adicionadas aos poucos para tornar o site mais completo. Nisso, a listinha de coisas a serem adicionadas só tende a crescer, mas por enquanto:

• Lista de telefones úteis
• Cardápio do RU
• Filmes em cartaz no Cine Metrópolis

Além dessa parte toda de funcionalidade, haveriam também mudanças, adaptações e melhorias na interface, acompanhando a evolução do site. Dá pra notar que várias coisas estão diferentes entre o wireframe e o site funcionando. Umas ficaram melhores, outras piores, outras ficaram pra trás por diversos motivos.

Pessoalmente, acho que um dos desafios à frente seria o de criar uma interface que oferecesse uma experiência comum para qualquer dispositivo touch — seja ele Android, HTC, Apple, Nokia e Microsoft — não baseada na estética e convenções de uma plataforma específica, como a do iPhone, por exemplo.

E nesse momento eu acho que já começo a falar demais, pois é. Ainda não viu o site funcionando? Então vai lá ver e depois volta aqui nos comentários pra contar o que achou!

O que mudou?

Pro caso desse projeto ser atualizado, aqui fica registradas as mudanças.

• 1.0.0 — release inicial (15/07/2010)

Referências

• jQTouch — A jQuery plugin for mobile web development.
• Building iPhone Apps with HTML, CSS, and JavaScript
• iPhone Samples
• Web Design Inspiration for the iPhone

Observações

• O projeto é beta e totalmente pessoal, não tendo nenhum vínculo com a Ufes.
• Dúvidas ou sugestões? Use os comentários abaixo ou me mande um email.

E não deixe de ir à feira.

The Promise Ring – Is This Thing On? no YouTube.

Em tempo, a primeira mudança foi a inclusão de um pequeno coração com um sinal de + no final de cada post:

Não preciso explicar pra que serve, né? Use quando der vontade. Os posts mais clicados aparecerão no top 5 logo aqui ao lado.

Outra parada nova é que agora as imagens dos posts carregam somente quando elas são exibidas. Isso quer dizer que as páginas que tiverem muitas imagens carregarão mais rapidamente, graças ao jQuery e ao plugin Lazy Load.

Mas a maior mudança mesmo é que agora o blog não se chama mais dias normais. Bem, quer dizer, ainda se chama sim mas não lá em cima, no cabeçalho. Viu?

Agora o cabeçalho é gerado por um algorítmo em JavaScript que combina aleatoriamente duas palavras para formar o título. Se você quiser ainda pode clicar no botão do lado para ver as outras combinações INESPERADAS que podem surgir.

Agradecimentos ao Fábio e ao Parnes por ajudarem a fazer a parada do título funcionar 100% e à Carol pelo brainstorm de palavras no MSN.

E aí, dos títulos novos, quais que você achou mais bizarro ou divertido?

Poderia ouvir isso o dia inteiro.

Muita gente achou que o pianista encapuzado fosse o Ben Folds, o que não era o caso. Em compensação eis que o próprio grava uma resposta “imitando” o suposto Merton, direto de um show com mais de 2 mil pessoas. Sensacional!

Uma onda absurda de coisas que você jamais imaginava que seria capaz de relembrar, que se conectam tão rapidamente quanto você pode processar e que, ainda assim, invadem a sua mente por tempo suficiente pra roubar alguns segundos da sua vida. Lembranças que, de outro modo, ainda existiriam por ali soltas, perdidas e inofensivas.

E nesse breve instante, tudo deixa de ser só vago pensamento e prosa para se tornar quase realidade.

Dá pra sentir pele, respiração; ver sombras entrando pela janela, noites excessivamente quentes no verão; ouvir uma música baixinha, o zumbido do ventilador ligado vindo da sala; andar por ruas vazias, se sentir sozinho numa rua lotada; a garganta seca, o suor na cara, o arrepio no braço; as palavras contidas; o último dia contado.

Desaparece tão rápido quanto surge, consumido, como ar que se respira.

O tipo de coisa que pode destruir um homem sem aviso nem motivo.

Mas que quando não destrói, purifica, e torna-se vitória.

PS: Não deixe de prestigiar o F Design 2010.

Foi legal MESMO ver aquele lugar todo lotado de gente de design. Lá estavam presentes professores, alunos e profissionais. Gente que eu conhecia, gente que ainda vou conhecer.

Nas palavras do vice-reitor da Ufes, Reinaldo Centoducatte, o auditório do Cemuni IV é um local importante na história da universidade e dos próprios estudantes. Quem já teve a oportunidade de encarar colegas e professores nas apresentações de PGs do curso deve mesmo ter alguma lembran;a especial do lugar.

Ontem, mais do que nunca, o auditório foi palco de um evento que ficará marcado na história do curso de Desenho Industrial.

Depois da apresentação houve a palestra da designer Helena de Barros mostrando o trabalho surreal dela com foto motagens photoshopagens.

E o evento continua até o dia 30. Mais novidades no @sdesign2010, atualizado por este que vos escreve! =D

Update: nem pra vocês me avisarem que o vídeo tava incompleto, né? Corrigido.

Pra amenizar pelo menos a situação deste último, fiz um mapinha sem vergonha no Google Maps com a localização aproximada de alguns locais conhecidos na cidade com internet de graça.

A ideia é que todo mundo possa contribuir para aumentar essa lista. Vale internet de café, de restaurante, de shopping, da faculdade, do hospital, do hotel, do aeroporto e até mesmo do seu vizinho, não importa! Só não se esqueça de marcar a localização correta do lugar, o SSID da rede e a senha, caso houver.

Portanto, se tu conhece algum lugar que tenha internet sem fio, faça o favor de incluir no mapa, ou, deixe um comentário aqui no blog pra que alguém adicione.

Beleza? Então vamo que vamo.

Ver Wi-Fi Grátis Vitória num mapa maior

Ah sim, qualquer um pode colaborar com as informações do mapa.

Lembro-me bem de algumas discussões no grupo de emails do meu curso citando particularmente a família tipográfica utilizada, tendo esta custado algumas centenas de reais dos cofres públicos. Não vou entrar nesse mérito agora mas o caso é que enfim as placas foram colocadas.

O modelo das ruas da capital é levemente similar ao utilizado nas ruas de São Paulo, no qual o nome mais conhecido do logradouro é destacado em tipografia de corpo grande e o nome completo colocado por extenso, logo abaixo e em corpo menor.

Até aquí nenhum problema, eu acho.

Acontece assim: nesses quase 10 anos que eu moro em Vitória, adivinhem quantos nomes de rua eu sei de cabeça? Vou ser sincero, na ponta da minha linha: uma dúzia ou um pouco mais que isso e olhe lá. Duas ruas em que já morei, mais duas ruas principais do bairro e outras 10 avenidas principais na cidade. São tantos nomes bonitos, fáceis de lembrar e homenageando pessoas tão importantes que fico até envergonhado de admitir isso.

O que eu estou tentando dizer é que: do pouco de experiência que EU tenho da cidade onde moro, posso afirmar que as pessoas simplesmente NÃO sabem dizer os nomes das ruas. Simples.

As pessoas conhecem pontos de referências, conhecem as avenidas principais e também sabem onde fica o mar e onde fica a terra; qualquer coisa a mais do que isso é esperar DEMAIS.

Um caminho que não chegou a lugar algum

Daí que temos as novas placas de denominação de rua da cidade que deveriam vir a ser úteis. Eu, particularmente, acredito que  não.

Observe as próximas fotos:

O grande problema com essas placas, senhoras e senhores, é o simples fato de que elas AINDA herdam seus longos e antiquados nomes com os quais não nos damos bem.

Sem contar que, fala a verdade, alguns nomes mal cabem na placa e ainda há erros crassos do tipo Rua Carijós Carijós. Sério que isso passou sem ninguém notar?

E sim, mesmo o nome “famoso” estando em corpo maior e tal, ainda temos que lidar com os famigerados nomes que não conseguimos lembrar e que só se prestam para homenagear pessoas tão anônimas quando você e eu.

Levando o problema um passo adiante

Manter apenas o último nome do logradouro — essa seria uma possível solução. Talvez um começo para algum outro projeto que possa se desenvolver.

O importante é que já houve uma mudança parcial, com o arranjo atual das placas, em que já se destaca o último nome ou o nome mais famoso.

Com algumas exceções que se aplicam a ruas e avenidas bem conhecidas, que teriam uma certa resistencia popular para se adaptar, essa regra poderia se aplicar de forma quase que geral. Teríamos então logradouros do tipo:

• Rua Coelho
• Rua Carijós
• Rua Lyra
• Rua Lemos
• Rua Martins
• Rua Saraiva
• Avenida Zarur
• e por aí vai.

O importante é que haveria uma singularização, uma objetificação e, talvez, até uma maior aproximação das pessoas com os nomes das ruas. Facilitaria até a vida dos carteiros, como não.

Por fim, não há duvidas que o projeto da prefeitura teve uma boa intenção em tentar facilitar a identificação das ruas da cidade mas dizer que os objetivos foram atingidos isso eu já não tenho tanta certeza. Um projeto de sinalização assim como esse é capaz de melhorar significantivamente a percepção da população de espaço urbano, o entendimento da cidade e até mesmo a locomoção das pessoas pelas vias.