Pronto Atps - Ferramentas de Sistema Web

5/21/2018 Pronto Atps - Ferramentas de Sistema Web..

1/49

UNIVERSIDADE ANHANGUERA - UNIDERP

TECNOLOGIA EM ANLISE DE DESENVOLVIMENTO DE SISTEMAS

FERRAMENTAS PARA SISTEMAS WEB

TUTOR A DISTNCIA JOO ALEXANDRE BALDOVINOTTI

ANDERSON JOEL PORTES6579314013

DOUGLAS LUIS CALZA 6814008743

DOUGLAS ALVES DOS SANTOS - 6782379057

PASSO FUNDO/RS

2013


2/49

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 oprotocolo 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.lmrs.com.br/http://www.lmrs.com.br/http://www.techclube.com.br/http://www.techclube.com.br/http://www.kalunga.com.br/http://www.kalunga.com.br/http://www.lognetinfo.com.br/http://www.lognetinfo.com.br/http://domicro.com.br/http://domicro.com.br/http://www.xmaster.com.br/http://www.xmaster.com.br/http://www.xmaster.com.br/http://domicro.com.br/http://www.lognetinfo.com.br/http://www.kalunga.com.br/http://www.techclube.com.br/http://www.lmrs.com.br/


3/49

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:
http://www.duotech.inf.br/http://www.duotech.inf.br/http://www.fgtec.com.br/http://www.fgtec.com.br/http://www.fgtec.com.br/http://www.duotech.inf.br/


4/49

Produtos:

Histrico da empresa:


5/49

Dicas e curiosidades:

Localizao:


6/49

Contato:


7/49

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 umPRINTSCREENda pgina completa, em seguida ser demonstrado por parte

do cdigoHTMLe 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 asoutras pginas. Agora vamos explicar os cdigos fontes e suas respectivas funes na pgina.

CDIGO FONTE:


8/49

DSI - Informtica

//

if (screen.width>= "1024") {

window.resizeTo(1024, 768);

}

if (screen.width == "800") {


}

if (screen.width


9/49

PGINA PRINCIPAL - LOGOTIPO

CDIGO FONTE:

DSI - Informtica

>


10/49

PGINA PRINCIPAL- MENUS

CDIGO FONTE:

DSI - Informtica

if (screen.width>= "1024") {window.resizeTo(1024, 768);

}

if (screen.width == "800") {


}

if (screen.width


11/49

PGINA PRINCIPAL - BANNER ANIMADO

CDIGO FONTE:


12/49

content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-

html5/tree/c63cc39" />

DSI - Informtica

Promoes

NOTEBOOK PHILCO

SLIM 14" 4GB/ 500GB/

LINUX R$ 1550,00

PC HOME - SEMPRON

145/ 2GBDDR3/ 500GB/

FREEDOS R$ 999,00


13/49

CAMERA IP WIRELESS

CLOUD - DCS-930LZ

D-LINK R$ 155,00

.

.

.

ATPS FERRAMENTAS WEB COPYRIGHT 2013.


14/49

CDIGO CSS

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 TAGSH2 at H6.

body {

color: #000000;

font-family: arial; verdana;

font-size: 10pt;

background-color: #ffffff;

}

h4 {

color:#000000;


font-size: 11pt;

}h3 {

font-weight: bold;

color#000000;


font-size: 10pt;

}

h5 {font-weight: normal;

color:#000000;


font-size: 10pt;

}

h6 {

color: #000000;


font-size: 10pt;


15/49

margin:0px;

padding:2px 5px;

}

h2 {

font-style: normal;

color:#000000;

}

tr {

font-size: 10pt;

}

a:link { color:#000000; text-decoration: underline }

a:hover { color:#000000; text-decoration: none }

a:visited { color:#000000; text-decoration: underline }

PRINT SCREEN - PGINA PRODUTOS INICIAL


16/49

CDIGO FONTE:

DSI - Informtica

Encontre o seu equipamento de preferncia no menu ao lado

!!



17/49

PGINA PRODUTOS - MENU LATERAL:

CDIGO FONTE MENU LATERAL

DSI - Informtica

Peas

Computadores

Notebooks


18/49

Monitores

Acessrios

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 TAGSH3 e H4.

body {

color: #000000;


font-size: 10pt;

background-color: #ffffff;

}

h4 {

color:#000000;


font-size: 11pt;

}

h3 {

font-weight: bold;

color#000000;font-family: arial; verdana;


19/49

font-size: 10pt;

}

h5 {

font-weight: normal;

color:#000000;


font-size: 10pt;

}

h6 {

color: #000000;


font-size: 10pt;

margin:0px;

padding:2px 5px;

}

h2 {

font-style: normal;

color:#000000;}

tr {

font-size: 10pt;

}

a:link { color:#000000; text-decoration: underline }

a:hover { color:#000000; text-decoration: none }

a:visited { color:#000000; text-decoration: underline }


20/49

PGINA PRODUTOS - PEAS

CDIGO FONTE

DSI - Informtica

Produto


21/49

Descrio

Valor

GABINETE COLETEK GAB 2T04-2121-35 GPI-200P U2IHA

PTO 2 BAIAS
Codigo: 24265
COLETEK

R$ 125,00

HDD EXTERNO SEAGATE STBX500100 500GB USB 3.0

Codigo: 23002
SEAGATE

R$ 335,00

HDD SAMSUNG HN-M320MBB 320GB 5400RPM(NOTE)
Codigo: 20483
SAMSUNG

R$ 280,00

DVDRW SAMSUNG SH-224BB/BRDS 24X8X16X - SATA

PRETO
Codigo: 23351
SAMSUNG R$ 110,80

LEITOR DE CARTAO EXTERNO MTEK CR803P USB

PTO
Codigo: 17872
MTEK

R$ 40,00


22/49

MEMORIA PATRIOT 2GB DDR3 1333MHZ
Codigo:

23445
PATRIOT

R$ 79,00

CARTAO DE MEMORIA SANDISK SD 64GB

MICRO+ADAPTADOR
Codigo: 23108
SANDISK

R$ 310,00


PGINA PRODUTOS - COMPUTADORES


23/49

CDIGO FONTE:

>

DSI - Informtica

Produto

Descrio

Valor

GABINETE COLETEK GAB 2T04-2121-35 GPI-200P U2IHA PTO 2

BAIAS
Codigo: 24265
COLETEK

R$ 125,00

HDD EXTERNO SEAGATE STBX500100 500GB USB 3.0

Codigo: 23002
SEAGATE

R$ 335,00


24/49

HDD SAMSUNG HN-M320MBB 320GB 5400RPM (NOTE)
Codigo:

20483
SAMSUNG

R$ 280,00

DVDRW SAMSUNG SH-224BB/BRDS 24X8X16X - SATA PRETO

Codigo: 23351
SAMSUNG

R$ 110,80

LEITOR DE CARTAO EXTERNO MTEK CR803P USB PTO
Codigo:

17872
MTEK

R$ 40,00

MEMORIA PATRIOT 2GB DDR3 1333MHZ
Codigo: 23445

PATRIOT

R$ 79,00

CARTAO DE MEMORIA SANDISK SD 64GB MICRO+ADAPTADOR

Codigo: 23108
SANDISK

R$ 310,00

ATPS FERRAMENTAS WEB COPYRIGHT

2013.


25/49

DSI - Informtica

Produto

Descrio

Valor

PC HP CM 6300 MT / CORE I5 - 3470S / 500GB / 4GB / W7 PRO 64

BITS
HP
Codigo: 23643

R$ 2850,00

PC POWER - A6 3500/ 4GBDDR3/ 500GB/ 2BAIAS/
FREEDOS
Codigo: 24302

R$ 1290,00

PC WORK - DUAL CORE X2 270/ 2GBDDR3/ 500GB/

FREEDOS
Codigo: 24332

R$ 1010,00


26/49

PC WORK - PENTIUM G2020/ 4GBDDR3/ 500GB/

FREEDOS
Codigo: 24404

R$ 1200,00

PC HP CM COMPAQ 8300 CORE I5 -3570/1TB/4GB/W7 PRO 64

BITS
HP
Codigo: 23254

R$ 3400,00

PC HOME - SEMPRON 145/ 2GBDDR3/ 500GB/

FREEDOS
Codigo: 23714

R$ 999,00



27/49

PGINA PRODUTOS - NOTEBOOKS

CDIGO FONTE:

DSI - Informtica

Produto

Descrio

Valor


28/49

NOTEBOOK HP CM 14" 450 CORE I3-2370/500GB/4GB/W7PRO

HP
Codigo: 23785

R$ 2290,00

ULTRABOOK HP CS PAVILION ENVY 4-1150BR / CORE I5-3317U /

4GB / 500 GB /
WIN 8 hp
Codigo: 23768

R$ 4500,00

NOTEBOOK LG 14" S460-L 1230 B980/ 2GB/ 320GB/ PTO/ W8
LG

Codigo: 23622

R$ 1600,00

NOTEBOOK PHILCO SLIM 14" 14I-V744LM BRAZOS C-60/ 4GB/

500GB/
LINUX PHILCO VERMELHO
Codigo: 23799

R$ 1550,00

NOTEBOOK SS NP550P5C-AD1 15.6" INTEL CORE I7 3630QM / 8 GB

/ 1 TB /
VGA 2 GB / WIN 8 SAMSUNG
Codigo: 23495

R$ 4250,00

NOTEBOOK SS NP535U3C-AD1 13.3" ULTRAFINO AMD DUAL

CORE A4-4355M /
2GB / 500GB / WIN 8 SAMSUNG
Codigo: 23871

R$ 2380,00



29/49

PGINA PRODUTOS - MONITORES

CDIGO FONTE:

DSI - Informtica

Produto


30/49

Descrio

Valor

TV MONITOR LED 21.5" LG M2252D USB/HDMI/CONV

DIGITAL
LG
Codigo: 23265

R$ 750,00

MONITOR 21,5" AOC LCD LED E2250SWN WIDESCREEN

AOC
Codigo: 23873

R$ 520,00

MONITOR LED 15,6'' SAMSUNG S16B110 WIDESCREEN
Codigo:

22270
SAMSUNG

R$ 350,00

TV MONITOR LED 26" LG M2631D USB/HDMI/CONV

DIGITAL
Codigo: 23908
LG

R$ 1000,00

MONITOR LED 21,5'' SAMSUNG S22B300BWIDESCREEN
Codigo: 22076
SAMSUNG

R$ 545,00

MONITOR TV LED 27'' SAMSUNG T27B350

USB/HDMI/DTV/VESA
Codigo: 22448
SAMSUNG

R$ 1200,00


31/49


PGINA PRODUTOS - ACESSRIOS

CDIGO FONTE:

DSI - Informtica


32/49

Produto

Descrio

Valor

CX DE SOM S/FIO BLUETOOTH BOOMBOX LOGITECH

6RMS
Codigo: 23558
LOGITECH

R$ 545,00

FONTE C3TECH PSN-350S2 350W 20+4P ATX
Codigo: 23403

C3TECH

R$ 95,00

MOUSE C3TECH M-W100BK S/ FIO OPT USB PTO
Codigo:16623
C3TECH

R$ 60,00

FONE DE OUVIDO LOGITECH S/FIO

TABLETS/SMARTPHONES/
NOTE BLUETOOTH Codigo: 22773
LOGITECH

R$ 145,00

ROTEADOR WIRELESS 150 MBPS INTELBRAS WRN240I
Codigo:

23708
INTELBRAS

R$ 82,00


33/49

ESTABILIZADOR APC 300VA CUBIC MONO/115V PTO

NT
Codigo: 21564
APC

R$ 52,00


PGINA HISTRICO DA EMPRESA

CDIGO FONTE


34/49

DSI - Informtica

DSI - Informtica

DALVES SOLUES EM INFORMTICA

Quem Somos

No mercado desde 2010, a DsiInfomtica busca sempre levar aos seus

clientes produtos e servios de qualidade.
Contando com colaboradores qualificados oferece servios, consultoria

e comrcio na rea de Tecnologia,

abrangendo Equipamentos, Redes de

Computadores, Internet, Acessrios e Perifricos.


35/49


PGINA DICAS E CURIOSIDADES

CDIGO FONTE

DSI - Informtica


36/49

Dicas e Curiosidades

Novidades em

Programas - BaixakiNovidades em

Tecnologia - Olhar Digital

Noticias em Tecnologia -

Uol

Tecmundo

Info Abril

Tecnologia -

Computer World


37/49


PGINA LOCALIZAO:

CDIGO FONTE:


38/49

content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-

html5/tree/c63cc39" />

DSI - Informtica

Localizao

Exibirmapaampliado


39/49

DALVES SOLUES EM INFORMTICA LTDA

Rua: Doutor Vasconcelos Pinto - 1620, So Jacob

Ibirub - RS, Brasil


PGINA CONTATO


40/49

CDIGO FONTE:

DSI - Informtica


41/49

}

form#formulario span{

float: left;

font-size: 13px;

line-height: 25px;

}

form#formulario input.botao{

float: none;

margin: 0 auto;

}

-->

function validar(formulario){

if(formulario.nome.value == ''){

alert("O campo NOME obrigatrio.");

return false;

}if(formulario.Rg.value == ''){

alert("O campo Rg obrigatrio.");

return false;

}

if(formulario.Endereo.value == ''){

alert("O campo Endereo obrigatrio.");

return false;}

if(formulario.Telefone.value == ''){

alert("O campo Telefone obrigatrio.");

return false;

}

if(formulario.Celular.value == ''){

alert("O campo Celular obrigatrio.");

return false;

}


42/49

if(formulario.Email.value == ''){

alert("O campo Email obrigatrio.");

return false;

}

if(formulario.mensagem.value == ''){

alert("O campo MENSAGEM obrigatrio.");

return false;

}

if(formulario.mensagem.value.length < 10){

alert("A MENSAGEM est muito curta.");

return false;

}

if(formulario.enviar.value == ''){

alert('Seu email foi enviado com sucesso!');

}

if(formulario.enviar.value == ''){

window.location.href='http://www.gogle.com';

}

return true;

}


43/49

Preencha o formulrio para entrar em contato

Nome: *

Rg: *

Endereo: *

Telefone: *

Celular: *

Email: *

Cpf: *

function validarCPF( cpf ){

var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;

if(!filtro.test(cpf))

{

window.alert("CPF invlido. Tente novamente.");

return false;

}


44/49

cpf = remove(cpf, ".");

cpf = remove(cpf, "-");

if(cpf.length != 11 || cpf == "00000000000" || cpf == "11111111111" ||

cpf == "22222222222" || cpf == "33333333333" || cpf == "44444444444" ||

cpf == "55555555555" || cpf == "66666666666" || cpf == "77777777777" ||

cpf == "88888888888" || cpf == "99999999999")

{


return false;

}

soma = 0;

for(i = 0; i < 9; i++)

{

soma += parseInt(cpf.charAt(i)) * (10 - i);

}

resto = 11 - (soma % 11);

if(resto == 10 || resto == 11)

{

resto = 0;

}

if(resto != parseInt(cpf.charAt(9))){

window.alert("CPF invlido. Tente novamente.");return false;

}

soma = 0;

for(i = 0; i < 10; i ++)

{


}

resto = 11 - (soma % 11);


45/49


{

resto = 0;

}



return false;

}

return true;

}

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)

}


46/49

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

}

Mensagem: *

(*) Todos os campos so obrigatrios.



47/49

JAVASCRIPT-VALIDAO DE CPF

functionvalidarCPF( cpf ){

var filtro = /^\d{3}.\d{3}.\d{3}-\d{2}$/i;

if(!filtro.test(cpf))

{


return false;

}

cpf = remove(cpf, ".");

cpf = remove(cpf, "-");

if(cpf.length != 11 || cpf == "00000000000"

|| cpf ==

"11111111111" ||

cpf == "22222222222" || cpf ==

"33333333333" ||

cpf ==

"44444444444" ||

cpf == "55555555555" || cpf ==

"66666666666" ||

cpf ==

"77777777777" ||cpf == "88888888888" || cpf ==

"99999999999")

{

window.alert("CPFinvlido. Tente novamente.");

return false;

}

soma = 0;

for(i = 0; i < 9; i++)


48/49

{


}

resto = 11 - (soma % 11);


{

resto = 0;

}



return false;

}

soma = 0;

for(i = 0; i < 10; i ++)

{


}

resto = 11 - (soma % 11);


{

resto = 0;

}



return false;

}

return true;

}

function remove(str, sub) {


49/49

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)

}

functionexecmascara(){

v_obj.value=v_fun(v_obj.value)

}

functioncpf_mask(v){

v=v.replace(/\D/g,"")

v=v.replace(/(\d{3})(\d)/,"$1.$2")

v=v.replace(/(\d{3})(\d)/,"$1.$2")

v=v.replace(/(\d{3})(\d)/,"$1-$2")

return v

}

LINK PARA VISUALIZAO DO SITE FINALIZADO

http://www.connecttelefonia.com.br/grupo1/
http://www.connecttelefonia.com.br/grupo1/http://www.connecttelefonia.com.br/grupo1/http://www.connecttelefonia.com.br/grupo1/

Documents

Pronto Atps - Ferramentas de Sistema Web