Ferramentas do usuário

Ferramentas do site


padroes_desenvolvimento

Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

Link para esta página de comparações

padroes_desenvolvimento [2015/09/15 16:10]
rafael
padroes_desenvolvimento [2016/02/17 11:50] (atual)
rafael
Linha 5: Linha 5:
 ==== Nome de tabelas ==== ==== Nome de tabelas ====
  
-O nome das tabelas devem representar os objetos no qual serão associados seguindo ​os critérios ​abaixo:+Nomes de tabelas devem devem obedecer ​os seguintes ​critérios:
  
 -Nomes sempre no plural. -Nomes sempre no plural.
Linha 19: Linha 19:
 ==== Nome dos campos ==== ==== Nome dos campos ====
  
-Tabelas desem seguir as seguintes ​regras:+Nomes dos campos de tabelas devem devem obedecer os seguintes ​critérios:
  
 -Possuir o campo "​ID"​ como chave primária. -Possuir o campo "​ID"​ como chave primária.
Linha 33: Linha 33:
 === Listar === === Listar ===
  
-Procuderes para recuperar ​informações ​devem respeitar as seguintes ​regras:+Procuderes para recuperar ​registros ​devem obedecer os seguintes ​critérios::
  
 -Todos os caracteres em maiúsculo. -Todos os caracteres em maiúsculo.
Linha 47: Linha 47:
 === Inserir ou atualizar === === Inserir ou atualizar ===
  
-Procedures para inserir ou atualizar ​uma informação ​devem atender as seguintes ​regras:+Procedures para inserir ou atualizar ​um registro ​devem obedecer os seguintes ​critérios:
  
 -Todos os caracteres em maiúsculo. -Todos os caracteres em maiúsculo.
Linha 61: Linha 61:
 === Excluir === === Excluir ===
  
-Procedures para excluir ​uma informação ​devem atender as seguintes ​regras:+Procedures para excluir ​um registro ​devem obedecer os seguintes ​critérios:
  
 -Todos os caracteres em maiúsculo. -Todos os caracteres em maiúsculo.
Linha 77: Linha 77:
 ==== Nome de tabelas ==== ==== Nome de tabelas ====
  
-O nome das tabelas devem representar os objetos no qual serão associados seguindo ​os critérios ​abaixo:+Nomes de tabelas devem obedecer ​os seguintes ​critérios:
  
 -Nomes no singular. -Nomes no singular.
Linha 91: Linha 91:
 ==== Nome dos campos ==== ==== Nome dos campos ====
  
-Tabelas desem seguir as seguintes ​regras+Nomes de campos devem obedecer os seguintes ​critérios:
  
 -Nomes no singular. -Nomes no singular.
Linha 97: Linha 97:
 -Todos os caracteres em minúsculo. -Todos os caracteres em minúsculo.
  
--Possuir o predecessor constituido ​dos primeiros ​caracteres ​da tabela. Ex.: tb_cliente -> cli_nome.+-Possuir o predecessor constituido ​de 3 caracteres. Ex.: tb_cliente -> cli_nome.
  
 -Nomes compostos separados pelo caracter "​_"​. -Nomes compostos separados pelo caracter "​_"​.
  
-<note tip>Se o predecessor se repetir, poderá ser adotados ​as seguintes regras:+<note tip> 
 +Se o predecessor se repetir, poderá ser adotado ​as seguintes regras:
  
 -Para tabelas compostas por 2 nomes, pegar os 2 primeiros caracteres do primeiro nome e o primeiro caracter do segundo nome. Ex.: tb_empresa_estoque -> eme_ -Para tabelas compostas por 2 nomes, pegar os 2 primeiros caracteres do primeiro nome e o primeiro caracter do segundo nome. Ex.: tb_empresa_estoque -> eme_
  
--Para tabelas compostas por 3 nomes, pegar o primeiro caracter de cadas palavra. Ex.: tb_empresa_produto_venda -> epv_+-Para tabelas compostas por 3 nomes, pegar o primeiro caracter de cadas palavra. Ex.: tb_empresa_produto_venda -> epv_
 +</​note>​ 
 + 
 +====== Nomeclatura de classes, métodos e propriedades ====== 
 + 
 +===== Nome de classes ===== 
 + 
 +Nome de classes devem obedecer os seguintes critérios:​ 
 + 
 +-Primeiro caracter em maiúsculo. 
 + 
 +-Nomes no singular. 
 + 
 +-Nome da tabela no qual a classe representa. Ex.: Tabela de produtos, nome da classe "​Produto"​. 
 + 
 +-Quando possuir palavras compostas, adotar o formato underlinecase para PHP e camelcase para as demais linguagens. 
 + 
 +===== Nome de métodos ===== 
 + 
 +Os nomes dos métodos devem obedecer os seguintes critérios:​ 
 + 
 +-Primeiro caracter em minúsculo. 
 + 
 +-Nomes no singular. 
 + 
 +-Quando possuir palavras compostas, adotar o formato underlinecase para PHP e camelcase para as demais linguagens. 
 + 
 +-O nome deve refletir a ação do método.  
 +  - save (para atualizar ou inserir um registro). 
 +  - delete (para excluir um registro). 
 +  - get_all ou getAll (para recuperar todos os registros). 
 +  - getById ou get_by_id (para recuperar o registro pelo id). 
 + 
 +-Métodos para recuperar uma propriedade devem preceder da palavra "​get"​ e "​set"​ quando alteram. 
 + 
 +===== Nome de propriedades ===== 
 + 
 +Os nomes das propriedades devem obedecer os seguintes critérios:​ 
 + 
 +-Primeiro caracter em minúsculo. 
 + 
 +-Nomes no singular. 
 + 
 +-Quando possuir palavras compostas, adotar o formato underlinecase para PHP e camelcase para as demais linguagens. 
 + 
 +====== Layout ====== 
 + 
 +===== Cabeçalho ===== 
 + 
 +  * Cor de fundo: #F7F7F7 
 +  * Altura: 80px 
 +  * Largura: 100% (exceto em aplicações web, centralizado em 1024px) 
 +  * Logo da aplicação posicionado a esquerda e centralizado na vertical com espaçamento de 20px a esquerda  
 +   
 +  Borda que divide o cabeçalho e o menu 
 +    * Cor de fundo: cor principal da aplicação 
 +    * Altura: 1px 
 +    * Largura: 100% 
 +  
 +<​html>​ 
 +  <​table>​ 
 +    <​tr>​ 
 +        <​td>​Aplicação</​td>​ 
 +        <​td>​Imagem</​td>​ 
 +        <​td>​Cor principal</​td>​ 
 +        <​td>​Cor secundária</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​Cotação</​td>​ 
 +        <​td></​html>​{{::​co.png?​nolink }}<​html></​td>​ 
 +        <​td>#​2F86D4</​td>​ 
 +        <​td>#​81B9E8</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​EasyCash</​td>​ 
 +        <​td></​html>​{{:​ec.png?​nolink }}<​html></​td>​ 
 +        <​td>#​6E2152</​td>​ 
 +        <​td>#​A57C96</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​IntelliGroup</​td>​ 
 +        <​td></​html>​{{:​ig.png?​nolink }}<​html></​td>​ 
 +        <​td>#​D91427</​td>​ 
 +        <​td>#​EDA67C</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​IntelliStock</​td>​ 
 +        <​td></​html>​{{:​is.png?​nolink }}<​html></​td>​ 
 +        <​td>#​1D6437</​td>​ 
 +        <​td>#​82A081</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​IntelliStock Mobile</​td>​ 
 +        <​td></​html>​{{:​is_mobile.png?​nolink }}<​html></​td>​ 
 +        <​td>#​1D6437</​td>​ 
 +        <​td>#​82A081</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​IntelliCash</​td>​ 
 +        <​td></​html>​{{::​ic.png?​nolink }}<​html></​td>​ 
 +        <​td>#​122C5F</​td>​ 
 +        <​td>#​7B91B4</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​Venda Assistida</​td>​ 
 +        <​td></​html>​{{::​va.png?​nolink }}<​html></​td>​ 
 +        <​td>#​E5701F</​td>​ 
 +        <​td>#​F3B982</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​Intelliweb</​td>​ 
 +        <​td></​html>​{{::​iw.png?​nolink }}<​html></​td>​ 
 +        <​td>#​DBB93D</​td>​ 
 +        <​td>#​EEDBA1</​td>​ 
 +    </​tr>​ 
 +    <​tr>​ 
 +        <​td>​GNFE</​td>​ 
 +        <​td></​html>​{{::​gnfe.png?​nolink }}<​html></​td>​ 
 +        <​td>#​122C5F</​td>​ 
 +        <​td>#​7B91B4</​td>​ 
 +    </​tr> ​  
 +  </​table>​ 
 +</​html>​ 
 + 
 + 
 +===== Menu ===== 
 + 
 +    * Cor de fundo: #F7F7F7 
 +    * Altura: 33px 
 +    * Largura: 100% (exceto em aplicações web, centralizado em 1024px) 
 +    * Borda inferior: 1px #D5D5D5 
 +    * Cor da fonte: #000000 
 +    * Fonte: Arial 13px 
 + 
 +{{::​screenhunter_21_jan._28_11.32.jpg?​nolink|}} 
 + 
 +===== Barra de título ===== 
 + 
 +  * Degrade: Sup. #777777 Inf. #555555 
 +  * Fonte: Arial 12px centralizado #FFFFFF 
 +   
 +{{::​screenhunter_22_jan._28_11.53.jpg?​nolink|}} 
 + 
 +===== Tabelas ===== 
 + 
 +==== Cabeçalho ==== 
 + 
 +  * Fundo: #999999 
 +  * Altura: 30px 
 +  * Fonte: Arial 13px Negrito 
 +  * Cor da Fonte: #FFFFFF 
 +  * Borda: 1px #FFFF 
 + 
 +==== Linhas ==== 
 + 
 +  * Altura: 30px 
 +  * Fonte: Arial 13px 
 +  * Cor da Fonte: #999999 
 +  * Zebra: #FFFFFF - #E9E9E9 (Começando a primeira com #FFFFFF) 
 +  * Hover: utilizar a cor secundária da aplicação 
 +  * Alinhamento:​ 
 +      * Esquerda: Textos alfanuméricos com quantidade ilimitada de caracteres 
 +      * Direita: Valores numericos (preços, quantidades) 
 +      * Centro: Números de documentos, datas ou códigos com quantidade limitada de caracteres 
 +   
 +{{ ::​screenhunter_24_feb._02_15.57.jpg?​nolink |}} 
 + 
 +===== Botões ===== 
 + 
 +  * Cor: Principal da aplicação 
 +  * Fonte: Arial 13px 
 +  * Cor da Fonte: #FFFFFF 
 +  * Altura: 35px 
 +  * Ícone branco posicionado à esquerda do texto 
 +  * Arredondamento da borda: 5px 
 +   
 +{{ ::​screenhunter_25_feb._02_16.25.jpg?​nolink |}} 
 + 
 + 
 +===== Abas ===== 
 + 
 +    * Fonte: Arial 13px Negrito 
 +    * Cor da Fonte: #333333 
 +    * Borda: 1px #d5d5d5 
 +    * Cor da aba selecionada:​ #F7F7F7 
 +    * Cor da aba não selecionada:​ #E9E9E9 
 +    * Arredondamento da borda: 5px (topo) 
 +    * Cor do conteúdo da aba selecionada:​ #F7F7F7 
 +    * Espaçamento entre as abas: 5px a direita 
 + 
 +{{ ::​screenhunter_28_feb._02_17.19.jpg?​nolink |}} 
 + 
 +===== Formulários ===== 
 + 
 +  * Distância mínima esquerda: 20px 
 +  * Distância mínima acima: 20px 
 + 
 +==== Rótulo ==== 
 + 
 +  * Cor do rótulo: #333333 
 +  * Fonte do rótulo: Arial 13px Negrito 
 +  * Posição: Alinhado a esquerda, acima do campo e com margem de 5px abaixo 
 + 
 +==== Campos ==== 
 + 
 +  * Fonte: Arial 13px 
 +  * Cor da fonte: #999999 
 +  * Borda: 1px #D5D5D5 
 +  * Arredondamento da borda: 5px 
 +   
 +{{ ::​screenhunter_29_feb._03_10.19.jpg?​nolink |}} 
 + 
 + 
 +  * Marcadores de campos do tipo checkbox e radio devem ter seus marcadores na cor principal da aplicação 
 +   
 +  {{ ::​screenhunter_30_feb._03_10.36.jpg?​nolink |}} 
 + 
 +===== Ícones ===== 
 + 
 +Para baixar ícones para botões e atalhos, poderá ser utilizado o site https://​icons8.com/​. 
 + 
 +Na página principal, informe o termo a ser procurado em inglês e clique sobre o botão de pequisa. 
 + 
 +{{ ::​screenhunter_70_feb._17_09.37.jpg?​nolink |}} 
 + 
 +Para personalizar a cor e o tamanho do ícone, selecione o ícone desejado e clique sobre a paleta de cores localizado no canto superior direito. Informe a cor desejada nas cores padrão ou informando o hexadecimal da cor. 
 + 
 +{{ ::​screenhunter_71_feb._17_09.41.jpg?​nolink |}} 
 + 
 +{{ ::​screenhunter_72_feb._17_09.43.jpg?​nolink |}} 
 + 
 +Para alterar o tamanho da imagem, clique sobre o indicativo de formato localizado abaixo da imagem e selecione o tamanho desejado ou personalize o tamanho clicando sobre o item "​Custom"​. 
 + 
 +{{ ::​screenhunter_73_feb._17_09.46.jpg?​nolink |}} 
 + 
 +{{ ::​screenhunter_74_feb._17_09.48.jpg?​nolink |}} 
 + 
 +Para realizar o download da imagem, clique sobre o botão localizado logo abaixo. 
 + 
 +{{ ::​screenhunter_75_feb._17_09.50.jpg?​nolink |}} 
 + 
  
-d</​note>​ 
padroes_desenvolvimento.1442333454.txt.gz · Última modificação: 2015/09/15 16:10 por rafael