Paulo Eduardo

Depois de um tempo sem escrever, envolvido com um projeto, vou voltar a falar sobre a documentação de projetos como havia prometido terminar a serie, só espero que esses tempinhos longos sem aparecer não se tornem frequentes.

Como proximo tema da serie temos o DER, ou Diagrama Entidade Relacionamento, velho conhecido dos administradores de banco de dados e de muitos desenvolvedores que utilizam bancos de dados relacionais em sua aplicações.

Em equipes e projetos grandes o o profissional responsavel pela construção de DER`s é o DBA porem em projetos pequenos e com poucos profissionais essa tarefa geralmente acaba nas mãos do programador.

Tambem existem varios softwares que facilitam o trabalho de diagramação do banco de dados, as imagens que vocês veram aqui são screenshots do DBDesigner que é o software de minha preferencia, outro software que tem recursos para tanto é o MS Visio, porem até mesmo softwares de imagens como Photoshop e Fireworks, e até mesmo o Paint podem ser usados, claro que para usar esse ultimo é necessario um pouco mais de, digamos, paciencia.

O DER é a representação grafica do MER, sendo representado por um conjunto muito pequeno de simbolos, o retangulo, representando a entidade, de onde saem pequenos traços com circulos em sua ponta para cada atributo dessa identidade, sendo que o circulo escuro representa a chave primaria dessa identidade, um losango, ligando atraves de retas duas entidades representando seu relacionamento e um triangulo representando as especializações de determinada entidade.

Apesar de parecer algo simples de desenhar, o DER consegue representar nesses poucos simbolos a estrutura completa de todo o banco de dados que será usada em determinada aplicação, mas para entender-mos melhor vou usar de exemplo um banco de dados simples para representar uma video locadora que loca filmes para clientes pessoa fisica e pessoa juridica armazenando nesse banco de dados as informações sobre reserva e alugueis realizados, mas isso você só vai ver no proximo post.

Voltando a falar sobre o modo como realizo as documentações dos meus projetos vou falar um pouco sobre AI

A AI é a documentação do projeto que define a estrutura das paginas de um projeto, assim como o fluxo de navegação de cada pagina, definindo a importancia dos elementos em cada pagina.

Inicialmente quando defino a Arquitetura da Informação de uma pagina começo por definir, quais serão as paginas que esse projeto deve conter já tendo pelo menos um noção do conteudo que o cliente irá enviar, o que cada pagina dessa deve conter, e qual é a hierarquia que existe entre essas paginas.

Vamos facilitar um pouco as coisas com um exmplo simples:
Supomos que em um determinado projeto, todas as paginas devem ter o menu, localizado de forma vertical ao lado esquero do conteudo e um rodapé, com as informações necessarias localizada no final da pagina, portanto já sabemos o que todas as paginas devem ter alem do conteudo e o posicionamento desses elementos na pagina.

Esse projeto, por exemplo, um site de uma agencia de desenvolvimento deve conter a home, uma pagina falando sobre a empresa, uma pagina para contato com a empresa e uma pagina com os projetos já realizados por essa agencia. Essa pagina de projetos deve ter internamente a ela paginas com um descritivo completo para cada projeto, portanto temos uma estrutura parecida com essa:

Home

Sobre

Projetos

Projeto 1

Projeto 2

Projeto 3

Contato

Sabemos tambem que a pagina home deve conter os ultimos projetos realizados por ordem decrescente de datas (do mais novo para o mais antigo) e que a pagina da empresa deve ter alem do texto apresentativo algumas fotos da agencia e ao final desse apresentação uma mensagem do presidente.

A pagina de contato deve ter um formulario para contato e alguns telefones para setores especificos da empresa logo a baixo.

Temos então um exemplo de arquitetura da informação de um projeto de desenvolvimento para web, com isso, alem de evitar duvidas sobre a futura localização das paginas e dos elementos na pagina frente ao cliente se torna bem mais facil a confecção do wireframe e do layout, que são os proximos itens da serie.