Duas coisas que são importantes saber: o que você gosta e o que você quer; e tem uma terceira, que eu não sei o que é.

• Projeto de Graduação
• Serigrafia
• Paisagismo (miou)
• Introdução à Música
• Design Computacional
• Coletivo Foi à Feira
• DesignCamp
• … e o que mais?

Vai dar pra matar saudade da Ufes até dizer chega.

E pra começar, meu primeiro experimento gráfico com o SuperLogo pra disciplina de design computacional.

A partir de agora está valendo!

Esse Previsão Web é um serviço que até então está hospedado no site da Prefeitura de Vitória e que fornece informações bem úteis, como por exemplo quanto tempo falta para o ônibus que você está esperando chegue.

O tempo passou e nesse fim-de-semana resolvi testar o negócio de verdade. Com o laptop na mochila fui até um ponto de ônibus de Jardim Camburi.

O ponto fica na R. Carlos Martins, em frente à Yázigi Internexus; de lá mesmo consegui acessar a internet pelo wifi do Vitória Digital para fazer o teste que trago a vocês logo abaixo:

A experiência de uso do serviço não foi lá uma das mais straightforward já usadas por mim mas esse é um ponto que pode ser relevado já que, segundo informações recebidas do colega Charles Moreira e do também companheiro de curso e quiçá parente distante Pedro Puppim, a aplicação já está na linha de produção e de um processo de redesign completo.

Fico um pouco ressabiado quanto a coordenação do projeto, sob comando da agência Idéia Gráfica, visto que a empresa não tem nenhum grande trabalho na área em seu portfólio maaaaaas, por enquanto, prefiro aguardar antes de fazer qualquer crítica desnecessária.

E se você quiser saber um pouco mais, veja esta matéria sobre a tecnologia utilizada no Previsão Web que eu acabei de encontrar nos relacionados do meu vídeo.

Update: parece que a Prefeitura de Vitória tirou a página do ar depois que o Metzen disponibilizou o No Ponto. Bem, depois dessa notícia fica bem fácil imaginar o porquê.

A discussão gerou uma certa comoção no grupo pois, no caso de Vitória, havia um sistema em funcionamento que teria de ser abandonado.

Na época, cheguei a procurar alguns parlamentares e órgãos da prefeitura para falar sobre o assunto. A resposta veio da Srta. Jaqueline de Oliveira Vianna da Assessoria de Comunicação da Prefeitura de Vitória — SECOM:

Caro Saulo Pratti,

Ressaltamos que a elaboração de um padrão para os coletivos foi estabelecida por uma lei federal. A ABNT (Associação Brasileira de Normas Técnicas) elaborou o padrão e o Inmetro (Instituto Nacional de Metrologia, Normalização e Qualidade Industrial) criou regulamentos com base na lei da acessibilidade, que prevê o direito de locomoção das pessoas portadoras de deficiência ou com mobilidade reduzida.

Todo o processo foi pensado para melhorar a vida das pessoas com necessidades especiais, e isso inclui pessoas com problema de visão.

Por se tratar de uma lei é federal, a Prefeitura de Vitória tem até o dia 31 de julho para se adequar, caso contrário, o Ministério Público pune o município. Somos obrigados a seguir os novos padrões.

Esperamos que haja uma adaptação dos usuários ao novo modelo. Mas caso a população não aprove, após testar as mudanças, aí sim é realmente necessário que haja uma mobilização para adequações. Isso deve ser feito na esfera do poder público federal, o que não impede a participação dos municípios.

Nesse sentido, é muito importante a sua opinião. Mas teremos de esperar para saber como será a aceitação também dos outros usuários.

Agradecemos e esperamos contar sempre com sua participação.

Assessoria de Imprensa

Secom – Secretaria de Comunicação

Pois é, meus caros, chegamos ao dia 31 de julho e o que pode se comprovar nas ruas da cidade é que nem todos os ônibus foram adequados à nova regulamentação.

Isso quer dizer que, a partir de amanhã, todos os ônibus que não ainda seguirem as tais regras serão os responsáveis pelas punições, ou sanções, às quais a prefeitura de Vitória estará sujeita — e que eu não faço IDEIA de quais sejam.

Ontem foi o meu aniversário — 23 anos, vejam só — e não sei mas tenho a impressão de que em breve esse blog completará (ou completou) os seus 5 anos de existência — ou serão seis?

Sei lá.

O importante é que teve bolo de chocolate e salgadinhos. (Você também é importante, mãe!)

É isso aí, parabéns pra mim e pro dias normais. Ou não.

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 as sombras entrando pela janela, sentir o calor das 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.