Archive for 'Desenvolvimento web'
Semana de Design, para os cariocas
Posted on Maio 12th, 2008 by João Vagner Brito de Medeiros, under #dicas, Eventos, Desenvolvimento web, Organizações.
Não sou carioca, sou paulista da gema (piadinha besta). Mas fica a dica para os cariocas, a semana "Design":
Programação
Vejam abaixo a programação completa:
Terça-feira
19:00
Design e Futurismo na Moda
Paula Acioli - Coordenadora do Curso de Design em Moda da UniverCidade
Reflexos do Design na Moda dos Anos 50
Rita Quintanilha - Gestora e docente do Curso de Design de Moda da Universo
20:00
Webdesign Showcase
Robson Santos - Coordenador do Curso de Design Digital da UniverCidade
Gustavo Gawryszewski - Analista de Experiência do Usuário na Sirius Interativa
Diego Costa - Analista de Interface Web na Sirius Interativa.
Bruno Dulcetti - Desenvolvedor Client-Side Pleno da Globo.com.
Lucas Hirata – Webdesigner da equipe Globo.com
Marcelo Coimbra - Designer da Casa&Video, líder do Projeto Portal Corporativo e da Fábrica de Software
Higor Bagetti - Responsável pelo layout dos hotsites da Casa & Vídeo
QUARTA-feira
10:00
Branding Emocional
Pedro Guitton - designer gráfico e tipógrafo, MBA em Marketing, doutorando em "Personal Branding", professor de Publicidade e Propaganda da UniverCidade, editor da Index Book.
19:00
Design de Automóvel
Manoela Quaresma - Designer formada pela UniverCidade, trabalhou com design de automóveis na FORD, doutoranda em Design na PUC-Rio
20:30
Design e Inovação
Marcos Cavalcanti - Coordenador do CRIE - COPPE/UFRJ (Centro de Referencia em Inteligencia Empresarial)
QUINTA-feira
10:00
Nilton Ramalho – ilustrador carioca com extensa atuação em editoras e agencias de publicidade do Brasil e do exterior.
19:00
Only Planet – programa internacional de Design da Nokia com estudantes do mundo inteiro
20:30
Prototipagem Rápida no Processo de Desenvolvimento de Produto
Marcio Oliveira - Mestre em Engenharia de Produção; graduado em Desenho Industria pela Faculdade da Cidade; Chefe do Laboratório de Modelos Tridimensionais do *INT* - Instituto Nacional de Tecnologia; Professor da graduação em Design de Produto da PUC - Rio
SEXTA-feira
10:00
Mesa Redonda das Associações Profissionais de Designers
Bruno Lengruber – ADG
Guto Indio da Costa – ABEDESIGN
Marcelo Martinez – SIB
Ernesto Harsi - ADP
19:00
Quanto Custa Meu Design?
André Beltrão - Designer com MBA em Marketing pelo Ibmec-Rio, sócio do
escritório carioca Studio Creamcrackers e professor dos cursos de Design e
Publicidade da UniverCidade.
Mais Informações
Endereço
Ipanema, na Avenida Epitácio Pessoa, 1664 - Teatro.
Telefone: 21 2536-5000
No Comments
MyTV RSS
Posted on Maio 10th, 2008 by João Vagner Brito de Medeiros, under Pesquisas, DIversos, #dicas, Pessoal, Desenvolvimento web, Computadores e internet, Organizações, Geral.
Você já pensou em ser atualizado frequentemente sobre tudo que gosta da TV? Lançamentos dos episódios dos seus seriados preferidos? Daquele programa que gosta da TV. Gosta de receber resumos sobre tudo antes de ver? Se você já pensou, alguém já realizou seu desejo!
O Portal mytvrss criou isso, gerando um Feed de apenas um lugar para saber as atualizações e lançamentos do seus programas preferidos.
O Site gera o endereço do Feed, e a url dos que assinou. A URL no qual pode modificar caso seja acrescentado algo ou conheça algo novo.
No Comments
Google Developer Day 2008 Brasil
Posted on Maio 6th, 2008 by João Vagner Brito de Medeiros, under Eventos, Desenvolvimento web, Organizações, Computadores e internet.
Junte-se a nós para o Google Developer Day 2008 no World Trade Center em São Paulo.
Saiba como usar com mais eficiência os produtos do Google para desenvolver aplicações sociais, aplicações para celular, aplicações para mapas e aplicações AJAX/JavaScript.
Para mim é novidade 
Pena que não vo poder iR 
O Google colocou ai uma boa lista de palestrantes, pelo nivel da coisa, quem comparecer vai adquirir realmente novas experiências.
Dion Almaer
Dion Almaer trabalha no grupo de desenvolvimento de programas do Google, o que lhe permite respirar tecnologia o tempo todo. Ele trabalha com grupos como o Google Gears, que tem o objetivo em tornar a web um lugar melhor, e o desenvolvimento mais produtivo. Dion é co-fundador da AJAXian.com, uma das fontes mais respeitadas de códigos para AJAX. Ele gosta de escrever, dar palestras em eventos ao redor do mundo e foi co-autor do "Pragmatic AJAX".Bruno Bowden
Bruno Bowden é hoje engenheiro senior no grupo de desenvolvimento de Mapas no Google. Bruno trabalhou também nos grupos responsáveis por OpenSocial e Google Earth. Ele é graduado pela Universidade de Cambridge em Ciencias da Computação.
Paul McDonald
Paul MacDonald hoje é gerente de produto do Google App Engine e Google Mashup Editor. Paul está no Google faz 5 anos e tem enorme experiencia em vários produtos incluindo Google AdWords, Google Checkout e Google Data APIs. Ele é graduado pela Universidade da Califórnia em San Diego onde se formou em Ciência da Computação e História da Tecnologia.
Chris Schalk
Chris Schalk é evangelizador de desenvolvedores e trabalha para promover as APIs do Google e suas tecnologias. Hoje ele esta engajado na comunidade internacional de desenvolvimento da web com a adoção da API do OpenSocial. Chris tem feito um enorme trabalho na adoção da plataforma OpenSocial nas comunidades de desenvolvimento da India e do Japão. Chris também coordenou a criação dos grupos de usuários de tecnologia do Google (GTUGs), que hoje tem centenas de usuários de todo o globo. Antes de se juntar ao Google, Chris era Gerente de Produto e evangelizador na Oracle, no grupo de ferramentas de desenvolvimento em Java. Ele também é co-autor to livro “JavaServer Faces, The Complete Reference” publicado pela McGraw-Hill-Osborne
Dick Wall
Dick Wall é um evangelizador para desenvolvedores do Google com foco principal em APIs para Java e produtos do Google. Ele é também co-apresentador do Java Posse Podcast, um show muito popular sobre Java. Dick tem mais de 15 anos de experiencia em dsenvolvimento, sendo que 12 deles com experiencia com a linguagem Java.
http://code.google.com/intl/pt-BR/events/developerday/2008/speakers.html
Local do evento
Google Developer Day 2008 Brasil
World Trade Center
Av. das Nações Unidas, 12.551 - Brooklin Novo
São Paulo, Brasil
No Comments
Twitter pretende abandonar Rails [update]
Posted on Maio 5th, 2008 by João Vagner Brito de Medeiros, under Desenvolvimento web, Organizações, Computadores e internet.
Tentei experimentar o Twitter, tentei ao máximo entender e tentar usar a ferramenta, porém não me agradou, pareceu um "scrap" do orkut. Nada além disso, tentei interagir com outros usuários, porém de nada consegui. Com essa notícia de hoje (05/05), a plataforma Rails e o framework Rails, não atendem a demanda deles.
"Segundo o TechCrunch, após muitos problemas de estabilidade provocada pela falta de estabilidade da plataforma do Ruby on Rails, o Twitter.com está pretendendo migrar para uma plataforma mais estável e escalável, como o PHP."
http://www.php-zine.net/2008/05/05/twitter-pretende-abandonar-rails/
Update: O Site TechCrunch mandou um update:
Update: Regarding Evan Williams’ statement here, all I can say is that multiple sources claim that Twitter is telling people they are planning on moving away from Ruby on Rails. This is not the first time a company has denied something that has turned out to be 100% true.
Sendo assim, é mais um falatório, porém abre um precedente de que, ocorrem instabilidades no Twitter, seria a plataforma usada, servidor não segurando os acessos? ou outras coisas? Fica a dúvida pairando no ar.
2 Comments
Formulários corretamente acessiveis.
Posted on Maio 2nd, 2008 by João Vagner Brito de Medeiros, under Desenvolvimento web, Computadores e internet.
Todo mundo gosta de facilitar as coisas com validadores, e bloqueadores de formulário para manter as informações que forem submetidas não vierem incorretas, alguns exemplos são datas, cep, etc. O JavaScript se torna um grande facilitador desse recurso. Porém será que o uso dos JS nos formulários não prejudicam dispositivos sem esse recurso como celular? Atrapalhando até de preencher corretamente o formulário ou não deixando até que as informações sejam enviadas.
É possivel fazer formulários corretamentes acessiveis? A solução mais obvia é remover o javascript. Porém é possivel fazer com que o javascript não atrapalhe o envio dos dados, nesse caso a função do javascript seria somente de facilitar e dar opções ao preenchimento dos formulários, não travar o envio das informações, não ocultar nem criar novos campos.
Para quem ja esta iniciando um projeto e sente essas dificuldades, existe um projeto chamado WForms 2.0, um sistema interessante de validação e controle de formulários em JavaScript.
wForms is an open-source, unobtrusive javascript library that adds commonly needed behaviors to traditional web forms without the need for any programming skill.
http://www.formassembly.com/wForms/v2.0/documentation/
No Comments
Economizando banda
Posted on Dezembro 11th, 2007 by João Vagner Brito de Medeiros, under Desenvolvimento web, Computadores e internet.
O Silici0 dá a dica, eu repasso aqui 
@ini_set(’zlib.output_compression_level’, 1);
@ob_start(’ob_gzhandler’);
Lembrando que isso é no inicio dos arquivos php, como o Rafael mesmo citou, legal usar um include e economizar tempo
No Comments
Licensing Design Templates
Posted on Dezembro 11th, 2007 by João Vagner Brito de Medeiros, under Blogosfera, Design de verdade, Desenvolvimento web.
Esse é o titulo de uma nota sobre Licensa de Templates, a Jean S. Perwin, de Miami na Flórida recebeu uma indagação de um leitor sobre a questão, não só templates “como o brasileiro” gosta de ver, mas sim, quando você publica o template de algum cliente.
Vale a pena a leitura!
No Comments
Wireframes, rabiscando
Posted on Setembro 12th, 2007 by João Vagner Brito de Medeiros, under Pesquisas, Desenvolvimento web, Computadores e internet.
Bom dia,
Ontem falamos sobre os wireframes, os mesmos foram explicados, mostrado as suas importancias de uso de cores ou não. Apresentação ao cliente, e outras coisas mais, ;).
Agora que ja sabemos o uso, seu uso e teoria, hora de realmente faze-los. Vamos as ferramentas?
Temos Opções de softwares especificos para criar, porem pode ser feito em qualquer software grafico como o Adobe Fireworks (meu caso). Pois vamos desenhar quadrados, bolinhas, e setinhas. O que ele ja possui nativamente, veja:
Isso pode ser encontrado em:
.
Existem outros Softwares para fazer o mesmo trabalho, até on-lines.
Existe um site chamado Gliffy, onde é feito online, necessita de um cadastro e outras coisas, confira: http://www.gliffy.com/gliffy/.
Eu pessoalmente nunca o utilizei, considero que até mesmo o papel seja melhor antes de ir para a frente do computador.
A microsoft possui um software chamado Visio, o mesmo se destina a diagramas, wireframes e outras coisas relacionadas a projetos, mapas, etc, confira: http://office.microsoft.com/en-us/FX010857981033.aspx
Também nunca o utilizei, mas quem usa, geralmente recomenda e não quer trocar. O unico empecilho de usa-lo é comprar a licensa, caso ja tenha tudo original é mais uma coisa a ser comprada.
Outro interresante é o OmniGraffle ( http://www.omnigroup.com/applications/omnigraffle/ ), no qual possui alem do software para criar os wireframes, outras soluções.
Já temos as ferramentas, e agora, como começar um wireframe? Quais o passos e processos?
Ja discutimos o assunto introdutóriamente, como cores, força de atenção etc.
Como começar realmente depende de cada um, mas eu uso um conceito próprio, mais lógico, porém não sei se ele ja foi pensado e escrito por outras pessoas, ai vai o conceito:
Onde tudo começa:
Para onde vai:
Porque vai:
Quando termina:
Seguindo esses conceitos de interação básicos, você estipula um wireframe por exemplo de uma loja, pedidos de orçamentos, compra ou reserva de algum produto ou serviço. Ou Até mesmo detalhamentos sobre o produto, etc.
As formas de tirar dúvidas e entrar em contato é importante para manter a segurança durante os processos, e realmente ajudar e manter sempre um contato / suporte / pós venda com seu cliente ou visitante.
Esses conceitos podem ser vistos e conhecidos como Submarino, Mercado Livre, entre outros. Até mesmo onde é apenas mostrado algum produto.
Para portais etc, esse conceito mudaria, é preciso ter a ideia do material a ser apresentado.
É isso, qualquer dúvida só comentar.
O próximo post é apresentar os wireframes com e sem cores para distinguir as atenções em todos os processos dos conceitos já apresentados acima.
1 Comment
WireFrames, um processo
Posted on Agosto 23rd, 2007 by João Vagner Brito de Medeiros, under Pesquisas, Desenvolvimento web.
Bom dia Pessoal.
Wireframes, até onde eles podem nos ajudar? Qual o melhor metodo para cria-los e planejar um projeto com eles?
Esses processos vamos discutir aqui hoje 
Para que servem os wireframes antes de tudo?
Wireframe
É um rascunho ou estrutyra de uma tela que mostra onde vai ficar cada elemento de uma determinada interface (menu, logo, agrupamento de notícias, etc) facilitando no decorrer do projeto.
Qual a importancia disso?
Se você ainda tem dúvidas se deve começar a utilizar esse processo de criação de wireframes no processo de criação. Deve primeiro tentar iniciar em novo projeto (nada de tentar fazer o que ja está andamento )
De acordo com o Português Ivo Gomes, a criação e validação dos protóripos no papel tem como um objetivo também de indicar o peso e relevancia de cada elemento dentro de um layout, em relação aos outros elementos do laout.
Com base na validação dos protótipos em papel pelos próprios utilizadores, foi feita a digitalização dos mesmos em formato wireframe.
Um wireframe é um documento que tem como função estruturar o conteúdo de cada página, indicando o peso e relevância de cada elemento do layout e a sua relação com os demais elementos formadores do todo.
Hora de desenvolve-los
Alem de rabisca-lo, temos que pensar em seu aspecto, ja que o mesmo é um espelho do layout.
Recomenda-se que ele seja feito em preto e branco, apenas com bordas, sem muito preenchimento, para facilitar a manipulação e impressão.
O Nosso amigo Ivo Gomes nos cita também sobre isso:
Há ainda uma outra discussão relativamente ao uso da cor nestes ecrãs. Muitos especialistas dizem que não devemos usar a cor porque isso irá levantar questões no cliente do tipo: “é com aquela cor que vai ficar o site?”; ou “não gosto muito é das cores” em vez de se centrarem no layout das páginas.
Por outro lado, podemos usar a cor para distinguir certos objectos da interacção e zonas de aviso ao utilizador. Num ecrã a preto e branco não é fácil distinguir se há zonas de alerta ou de aviso e na fase de programação pode acontecer que essas zonas não sejam devidamente marcadas pelo programador.
Prefiro não influênciar nisso, eu prefiro desenvolver os mesmos em cores, para distinguir as zonas de alerta, porém isso também pode ser feito pela localização dos elementos
Posso citar também outro profissional, do Fator W - Walmar Andrade, que cita sobre as cores:
O uso de cor deve ser evitado. Se elas forem utilizadas, deve-se deixar claro para o design gráfico que elas não representam necessariamente o esquema de cores e ser utilizado no projeto real.
A sugestão de solução, não a salvação
Não vamos nos enganar, achando que a solução de todo e tipo de problema durante o desenvolvimento pode ser absorvido na hora do desenvolvimento dos wireframes. Porque geralmente vão desenvolver mais de 5, isso se o projeto for pequeno.
Os wireframes na maioria das vezes supre muitas coisas, mas do planejamento, e ajuda na hora de modelar o banco, mas lembre-se que: Nada é 100% perfeito. O Wireframe pode falhar e você voltar a pensar novamente em tudo
Eu recomendo estipular o prazo de desenvolvimento depois de desenvolver os primeiros wireframes, pois você terá dimensão do mesmo.
Apresentação do wireframe
Eu não recomendo a apresentação deles para o cliente, porque existe uma probalidade dele entender que aquilo é o layout dele. A parte gráfica e estética é separado, até explicar que é um esboço utilizado para definir areas de prioridade, e alertas, o cara ja encerrou o contrato.
O Walmar também cita sobre isso:
Apresentar wireframes ao cliente é um ponto um tanto quanto delicado. É preciso explicar a ele quais as finalidades daquele esboço e esclarecer que ele não representa design gráfico.
Vou postar algumas referencias deleciosas além do que já citei acima, sobre os wireframes, para não me extender, e para quem quiser estudar muitas referências são ideias.
- http://del.icio.us/luciano.lobato/wireframes
- http://del.icio.us/nafsantana/wireframes
- http://www.avellareduarte.com.br/projeto/desenvolvimento/desenvolvimento1/desenvolvimento11b.htm
Próximo post vamos falar mais e meter a mão na massa em um projeto teste pra aprendizagem
Tem seu metodo para desenvolver seus wireframes? Compartilhe-os aqui
7 Comments
#Bonito do Brasil Série n° 7
Posted on Agosto 22nd, 2007 by João Vagner Brito de Medeiros, under Design de verdade, #Bonito do Brasil, Desenvolvimento web.
http://www.ideiadigital.ppg.br
http://www.hotelsemlimites.com.br
http://spesa.com.br/