TECNOLOGIA EM ANLISE DE DESENVOLVIMENTO DE SISTEMAS
FERRAMENTAS PARA SISTEMAS WEB
TUTOR A DISTNCIA JOO ALEXANDRE BALDOVINOTTI ANDERSON JOEL PORTES 6579314013 DOUGLAS LUIS CALZA 6814008743 DOUGLAS ALVES DOS SANTOS - 6782379057
PASSO FUNDO/RS 2013 RELATRIO DE ANLISE E LAYOUT RESUMO DO ARTIGO: COMO FUNCIONA A INTERNET
A internet existe h poucas dcadas mas viver sem ela inevitvel, cada vez mais a mais dispositivos para interagir tendo para funcionar dois componentes principais o Hardware e Protocolos, juntos criam a rede e podem ser estticos e perifricos assim tendo o mtodo e a lngua comum que as maquinas usam para transmitir dados. possvel at que voc no saiba que se tratam apesar de us-los todos os dias. Por exemplo, protocolo de transferncia de hipertexto o que usamos para ver sites no navegador sendo isso o HTTP na frente de qualquer endereo webmas os mais importantes so o protocolo de controle de transmisso (TCP) e o protocolo de internet (IP) sendo eles que estabelecem as regras de como a informao passa pela internet atingindo os servidores de nomes de domnio (DNS) pois ele aponta a requisio na direo certa o servidor alvo recebera a requisio ele pode enviar uma resposta ao computador do usurio tendo uma abordagem flexvel para transferir dados tornando a internet uma ferramenta poderosa, ai temos tambm o termo chamado de endereo IP que se baseia em um endereo de 32 bits (IPV4) e 128 bits (IPV6). Em poucas palavras compreendemos o funcionamento da internet mais de perto com seus vrios complementos que assim fica mais complexa.
LISTA DOS SITESDE LOJAS DE INFORMTICA VISITADOS: A seguir, a lista dos sites visitados pelos componentes do grupo para verificar a forma de modelagem e layout: http://www.lmrs.com.br/ http://www.techclube.com.br/ http://www.kalunga.com.br/ http://www.lognetinfo.com.br/ http://domicro.com.br/ http://www.xmaster.com.br/ http://www.duotech.inf.br/ http://www.fgtec.com.br/
LAYOUT DO SITEUTILIZANDO O SOFTWARE MOCKINGBIRD A seguir ser demonstrado o layout de cada pgina, utilizando o software MOCKINGBIRD: Pgina principal:
Produtos:
Histrico da empresa:
Dicas e curiosidades:
Localizao:
Contato:
RELATRIO DE DESENVOLVIMENTO A seguir, sero demonstradas todas as pginas do site desenvolvido pelo grupo, juntamente com o seu respectivo cdigo fonte. A estrutura do relatrio ir funcionar da seguinte forma, primeiramente ser demonstrado um PRINTSCREEN da pgina completa, em seguida ser demonstrado por parte do cdigoHTML e sua principal funo na pgina, visando assim facilitar o entendimento.
PGINA PRINCIPAL/ INDEX
A imagem acima, se refere a pgina principal do site. Est pgina consiste em:um logotipo em formato de imagem, banner animado para demonstrar os destaques das promoes e uma barra de menus superior, onde se localizam os botes com links para as outras pginas. Agora vamos explicar os cdigos fontes e suas respectivas funes na pgina.
A partir desta pgina foi implementado o uso de cdigo CSS, para ordenar a cor de fundo, tipo e cor de fonte, sendo que so utilizados cinco tipos de configuraes dentro de um nico de CSS, separando estas configuraes pelas TAGS H2 at H6.
CDIGO CSS Nesta pgina foi implementado o uso de cdigo CSS, para tipo e cor de fonte, sendo que so utilizados dois tipos de configuraes dentro de um nico de CSS, separando estas configuraes pelas TAGS H3 e H4.
</center> <h3> Quem Somos </h3> <h6>No mercado desde 2010, a DsiInfomtica busca sempre levar aos seus clientes produtos e servios de qualidade.<br> Contando com colaboradores qualificados oferece servios, consultoria e comrcio na rea de Tecnologia,<br> abrangendo Equipamentos, Redes de Computadores, Internet, Acessrios e Perifricos.</h6><br> <br> <br> <br> <tr> <td colspan="1"><div align="center">ATPS FERRAMENTAS WEB COPYRIGHT 2013. </div></td> </td> </tr> </table> </body> </html>
PGINA DICAS E CURIOSIDADES
CDIGO FONTE <html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy- html5/tree/c63cc39" /> <title>DSI - Informtica</title>
function remove(str, sub) { i = str.indexOf(sub); r = ""; if (i == -1) return str; { r += str.substring(0,i) + remove(str.substring(i + sub.length), sub); }
return r; }
function mascara(o,f){ v_obj=o v_fun=f setTimeout("execmascara()",1) }
function execmascara(){ v_obj.value=v_fun(v_obj.value) }
function cpf_mask(v){ v=v.replace(/\D/g,"") //Remove tudo o que no dgito v=v.replace(/(\d{3})(\d)/,"$1.$2") //Coloca ponto entre o terceiro e o quarto dgitos v=v.replace(/(\d{3})(\d)/,"$1.$2") //Coloca ponto entre o setimo e o oitava dgitos v=v.replace(/(\d{3})(\d)/,"$1-$2") //Coloca ponto entre o decimoprimeiro e o decimosegundo dgitos return v } </script> <br /><label>Mensagem: <small>*</small></label><textarea name="mensagem" cols="40" rows="7" ></textarea><br class="clear" /> <span>(<small>*</small>) Todos os campos so obrigatrios. </span><br class="clear" /> <input type="reset" class="botao" name="limpar" value="Enviar" /><br class="clear" /> </form> </td> </tr> </table> <br /> <br /> <table> <tr> <td colspan="2"> <div align="center">ATPS FERRAMENTAS WEB COPYRIGHT 2013.</div> </td> </tr> </table> </center> </body> </html>
J AVASCRI PT-VALI DAO DE CPF
functionvalidarCPF( cpf ){ var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;
function remove(str, sub) { i = str.indexOf(sub); r = &amp;amp;quot;&amp;amp;quot;; if (i == -1) return str; { r += str.substring(0,i) + remove(str.substring(i + sub.length), sub); }
return r; } function mascara(o,f){ v_obj=o v_fun=f setTimeout(&amp;amp;quot;execmascara()&amp;amp;quot;,1) } functionexecmascara(){ v_obj.value=v_fun(v_obj.value) } functioncpf_mask(v){ v=v.replace(/\D/g,&amp;amp;quot;&amp;amp;quot;) v=v.replace(/(\d{3})(\d)/,&amp;amp;quot;$1.$2&amp;amp;quot;) v=v.replace(/(\d{3})(\d)/,&amp;amp;quot;$1.$2&amp;amp;quot;) v=v.replace(/(\d{3})(\d)/,&amp;amp;quot;$1-$2&amp;amp;quot;) return v }