Projeto Meu Pitaco – Cidade Propaganda
Arquivo: novembro 2010
Framework PHP Pra que?
A utilização de Frameworks por agências web tem sido uma constante, porém ainda existem muitas agências que ainda trabalham e desenvolvem os códigos na unha, como dizem por ai.
Mas afinal, para que serve um framework?
Posso responder essa pergunta de forma bem simples: Um framework serve para padronizar e agilizar o desenvolvimento de sistemas, além e facilitar o trabalho em equipe.
Sabemos que hoje na maioria das agências web existem 3 classes de profissionais: O designer – Responsável pela criação dos layouts, logotipos e das peças de mídia digital; O Front-End – Responsável pela estruturação dos layouts em HTML, CSS e JQUERY; E nosso amigo Programador que faz a parte sistemática de todo o processo, desenvolvendo os sistemas dinâmicos.
Pensando nesse modelo de trabalho vamos falar exatamente da interação entre o Front-End e o Programador que são os membros da equipe responsáveis especificamente pela codificação dos sites.
Porque Usar um Framework?
É de extrema importância que o trabalho desses profissionais seja rápido e dinâmico. A pior coisa para um programador é ter que arrumar as coisas erradas que o Front-end por um descuido não observou e deixou sem fazer ou fez errado. Isso gera certos desconfortos no ambiente de desenvolvimento.
Por esses e outros motivos é interessante que o profissional Front-end conheça pelo menos a base da linguagem utilizada por sua equipe de trabalho, que no geral é o PHP, lembrando que existem diversas outras linguagens com a mesma finalidade. Algumas delas são: ASP, ASP.NET e Ruby.
Não estou aqui tomando partido dos programadores, estou simplesmente indicando uma forma de trabalho que una a equipe e torne os projetos mais rápidos e com códigos semanticamente corretos.
Quando se trabalha em projetos com prazos curtíssimos o uso de algum framework pode lhe ajudar muito.
Levando em consideração que o PHP ainda é a linguagem utiliza pela maioria dos profissionais de desenvolvimento web, indico 3 frameworks que possuem uma comunidade atuante, facilitando a solução de duvidas:
Cake PHP – http://www.cakephp.com.br
Zend Framework – http://framework.zend.com
Spaghetti PHP - http://spaghettiphp.org
Os frameworks assim como qualquer outra ferramenta de trabalho, deve ser utilizado de forma adequada para que não ocasione prejuízos ao invés de benefícios.
Infográficos para Inspiração
Sou muito fã dos infográficos, acredito que eles sejam a melhor forma de apresentar uma grande quantidade de dados de forma agradável e compreensível.
Para compartilhar este gosto selecionei algumas galerias no Flickr com centenas de infográficos para inspiração.
Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!
O quê o Webdesigner pode aprender com o Zorro?
Zorro, famoso herói do cinema, conhecido por suas aventuras ao defender os fracos e oprimidos utilizando sua habilidade com a espada, inspirou vários filmes e livros da literatura popular, e depois deste post vai inspirar também Webdesigners.
OffTopic: Antes de continuar você pode querer ler 85 caixas de busca para inspiração e 5 Melhores Galerias de sites para Inspiração.
O personagem adota a letra “Z” como sua assinatura (três linhas cruzadas), marcando-a com sua espada em paredes e nas roupas de seus inimigos, como sinal de sua passagem. (fonte: Wikipédia).
Apesar de possuir características bem semelhantes, nós sabemos que o Zorro na sua identidade secreta não era Webdesigner. Mas o que este herói pode nos ensinar?
Existem várias técnicas para elaborar layouts com o máximo de usabilidade e que sejam visualmente agradáveis. Uma destas técnicas tem tudo haver com o personagem em questão.
Este método é conhecido como Z-Layout e carinhosamente apelidado por mim como: a técnica de Zorro (rsrsrs).
O Z-Layout utiliza a letra “Z” como guia para a construção da página, sendo muito simples de ser aplicada, pois constituí em posicionar na parte superior do Z os itens que você deseja que o navegante visualize primeiro ao acessar a página e na parte inferior as chamadas a ação, levando em consideração que o usuário vai seguir de forma natural o caminho do Z da mesma forma que lêem livros (de cima para baixo, da esquerda para direita). 
É bom deixar claro que esta não é uma solução definitiva e não é necessariamente aplicável a todos os projetos. Existem mecanismos com maior eficácia e que podem ser utilizados em conjunto com o Z-Layout.
O Z-Layout pode ser utilizado como ponto de partida para construção de um layout por abordar os requisitos fundamentais para qualquer site eficaz: hierarquia, marca, estrutura e apelo à ação.
Veja alguns exemplos de aplicações do Z-Layout:
O “Z” pode ser posicionado de diversas maneiras, buscando sempre a obtenção do melhor resultado.
Para escrever este post utilizei como base o texto em inglês Understanding the Z-Layout in Web Design.
Espero que o Zorro tenha inspirado vocês neste post.
Até a próxima aventura!
Você gostou do post? Não esqueça de Compartilhar com seus amigos. O Dica1 agradece!
85 caixas de busca para inspiração
Navegando pela Web sempre deparo com várias caixas de busca bem interessantes.
Selecionei 85 caixas de busca que podem servir de referência para Web Designers que estejam em busca de inspiração.
Antes de continuar você pode querer ler Uma análise da caixa de busca do portal ESPN Brasil e 5 Melhores Galerias de sites para Inspiração.
Redmine – Tutorial de Instalação
O que é o Redmine?
O Redmine é uma aplicação web para gerenciamento de projetos, desenvolvido com o framework Ruby on Rails, oferecendo suporte a diversas plataformas e bancos de dados.
Os bancos atualmente suportados são MySQL 5.0 ou mais, PostgreSQL 8 e SQLite 3; as plataformas suportadas pelo Redmine são Unix, Linux, Mac, MacServer e Windows.
Alguns dos recursos oferecidos pelo Redmine são:
- Suporte a múltiplos projetos;
- Controle de tarefas;
- Calendários e gráficos;
- Notícias, documentos e arquivos (gerenciamento);
- Wiki e fórum;
- Integração com repositórios (SVN, CVS, Git, Mercurial, Bazaar e Darcs);
- Multilinguagem;
- Suporte a diversos bancos;
- Controle de tempo nas tarefas;
- Uso de plugins.
A documentação oficial do Redmine está disponível em:http://www.redmine.org/wiki/redmine/Guide (em inglês).
Instalação
Requisitos para instalação do Redmine:
- Ruby 1.8.x
- Rake 0.8.3
- Rack 1.0.1
- MySQL
O sistema operacional abordado neste tutorial será o Ubuntu 10.04.
1. Instalação do Ruby
Para instalar o Ruby, abra o Terminal, faça o login como usuário root, conforme a Figura 1, e digite:
sudo apt-get install ruby1.8-dev ruby1.8 ri1.8 rdoc1.8 irb1.8libreadline-ruby1.8 libruby1.8
Figura 1
Site Oficial do Ruby http://www.rubyforge.org/.
Instalação do Rake
Para instalar o Rake, abra o Terminal e logado como “root” digite:
gem install –remote rake
Caso a instalação seja realizada com sucesso, aparecerá a seguinte mensagem no terminal:
Successfully installed rake-0.8.7
1 gem installed
Installing ri documentation for rake-0.8.7…
Installing RDoc documentation for rake-0.8.7…
Para instalar o Rack, abra o Terminal e logado como “root” digite:
cd /usr/lib/ruby/gems/1.8/gems/rake-0.8.7
ruby install.rb
Site Oficial do Rake http://rake.rubyforge.org/.
Instalação do Rack
Para instalar o Rack, execute o seguinte comando no terminal:
gem install rack –source http://chneukirchen.org/releases/gems/
Site Oficial do Rack http://rack.rubyforge.org/.
Instalação do MySQL
Para instalar o MySQL você pode acessar a Central de Programas do Ubuntu e digitar MySQL, conforme mostra a Figura 2. Na Central, escolha as opções:
- Navegador de consulta MySQL;
- Administrador MySQL;
- Cliente MySQL;
- Servidor MySQL.
Caso prefira, você pode instalar o MySQL também pelo Terminal. Para instalar via console, abra o terminal e logado como “root”, digite:
sudo apt-get install mysql-server-5.0
sudo mysqladmin -u root sua_senha
Figura 2
Instalação do Redmine
Instalados todos os aplicativos requeridos, faça o download do Redmine em
http://rubyforge.org/frs/download.php/71725/redmine-1.0.0.zip. Utilizaremos a versão 1.0.0 do Redmine.
No MySQL, crie um banco de dados com o nome “redmine”.
create database redmine character set utf8;
create user ‘redmine’@'localhost’ identified by ‘sua_senha’;
grant all privileges on redmine.* to ‘redmine’@'localhost’;
Descompacte o redmine-1.0.0.zip em uma pasta de sua preferência. Em seguida, na pasta descompactada acesse a pasta Config e copie as informações do arquivo database.yml.example para database.yml, inserindo as configurações do seu banco na sessão production.
Exemplo do arquivo:
production:
adapter: mysql
database: redmine
host: localhost
username: root
password: root
encoding: utf8
Vamos agora gerar uma sessão de armazenamento com o rake. Abra o terminal e execute o seguinte comando:
rake generation_session_store
Em seguida, execute o seguinte comando para configurar o Redmine:
RAILS_ENV=production rake db:migrate
Por fim, para iniciar o servidor, acesse a pasta do seu Redmine através do terminal e digite:
ruby script/server webrick -e production
Para acessar seu Redmine, acesse do navegador http://localhost:3000/. O login para acesso é “admin”e a senha “admin”.
Nosso tutorial chegou ao fim, espero que tenham gostado, qualquer duvida deixe um comentário que estarei respondendo.