Beruflich Dokumente
Kultur Dokumente
Voc contratou o Ita Shopline e agora sua loja virtual conta com uma plataforma completa de meio
de recebimento on-line que atende clientes e no clientes Ita.
Praticidade, segurana e controle: contratao e instalao pela internet, com gesto completa
dos pagamentos pelo Ita Empresas na internet;
Sua empresa fica disponvel 24 horas por dia, 7 dias por semana;
Aumenta sua relao de clientes potenciais: atende clientes Ita, no correntistas e at quem no possui
conta bancria;
Mais possibilidades para seus clientes pagamento atravs de qualquer carto de crdito: MasterCard, Visa,
Hipercard e Diners, dbito em conta, boleto bancrio ou financiamento.
Neste Manual Tcnico do Desenvolvedor Ita Shopline voc encontra as diretrizes para aplicar e implementar o produto.
Nele tambm consta um guia de identidade visual com todos os elementos grficos do Shopline.
2
Home ndice Voltar Avanar
*UB4IPQMJOF](*'BOJNBEP
4
Home ndice Voltar Avanar
x/2
usado para representar dois
meios de pagamento, dbito x/2 R 238 G 114 B 3
em conta e financiamento. R 0 G 51 B 153
No inclinar ou No aplicar
distorcer a marca. efeitos marca.
No distora o cone.
2010 Ita Unibanco Holding S.A.
No use cones genricos no fornecidos No descreva as formas de pagamento No use outro boto de forma de Nunca utilize Ita Shopline, use a
pelo Ita Unibanco. fora do padro de nomenclatura e use pagamento que no seja o entregue pelo nomenclatura correta para cada servio,
os cones relacionados a cada uma delas. Ita Unibanco. conforme descrito neste manual.
Utilize somente os arquivos fornecidos
pelo Ita Unibanco.
Para:
2010 Ita Unibanco Holding S.A.
GIF animado
O GIF animado tem formato Importante:
preferencial de 200x93 px.
Ele composto por
elementos que no podem No distora o GIF.
ser alterados, mantendo as
mesmas caractersticas em
todos os sites em que for
encontrado. O GIF e seus No mude a cor
elementos no podem do fundo.
ser redesenhados.
GIF animado
O GIF animado deve
mostrar todas as opes de
pagamento possveis para Fase 1 Fase 4
o consumidor.
14
1. Informaes Gerais
Home ndice Voltar Avanar
E para os consumidores uma forma rpida e segura para comprar pela internet.
As duas primeiras opes so exclusivas para clientes Ita que acessarem este meio
de pagamento no site do lojista, o carto de crdito (MasterCard, Visa, Hipercard
e Diners) e o boleto atendero necessidade de liquidao financeira de todos
os compradores do site. Para habilitar a opo de cobrana por carto de crdito
necessrio que o site lojista esteja filiado Redecard, cadastrado no Komerci Web
Service e ter cadastro junto ao banco Ita com seu cdigo de filiao.
O Ita Shopline a nica forma de cobrana do banco Ita que integra diversas
opes de pagamento numa s plataforma e procura dar nfase para a liquidao
on-line, agilizando o processo de compra pela internet.
15
1. Informaes Gerais
Home ndice Voltar Avanar
Independentemente do modelo de negcio de cada site, isto , se o processo A consulta de informaes referentes aos pagamentos efetuados via Ita Shopline
de compra ocorre em sequncia at chegar ao resumo da compra ou se o site envia disponibilizada pelo banco Ita de trs maneiras distintas: Consulta de Operaes
a seus clientes uma fatura por e-mail, haver um determinado momento em que do Mdulo Ita Shopline, Arquivo Retorno de Cobrana e Consulta Automtica
o Ita Shopline ser selecionado pelo comprador como forma de pagamento da Situao do Pagamento (Sonda).
e, a partir desse momento, a plataforma de cobrana do Ita ser apresentada
ao usurio final do site, que realizar a liquidao financeira do pagamento A empresa escolhe a consulta que mais lhe convm. Para mais detalhes sobre essas
em ambiente seguro Ita. consultas, veja o item 2.5. deste manual.
O modelo de negcio do site lojista (cedente) no invalida o funcionamento Em cada uma das consultas disponveis, o banco informar a opo de pagamento
da soluo de cobrana oferecida pelo Ita Shopline, pois o nico pr-requisito escolhida para o pedido e confirmar sua situao de pagamento em funo
necessrio haver um momento em que o servidor do site envie ao servidor da ao de pagamento do comprador, do prazo de floating de crdito negociado
do banco os parmetros de cobrana a serem usados para concretizar a liquidao para as carteiras de cobrana e do prazo de compensao da forma de liquidao
financeira solicitada. do pedido, determinando, assim, diferentes status para acompanhamento.
Ao acessar o Ita Shopline, o cliente navega pelas telas das opes e efetua
seu pagamento, selecionando uma das opes disponveis. O lojista avisado
sobre a finalizao da compra e a opo de pagamento escolhida pelo cliente,
em ambiente Ita, atravs do Retorno On-line do Tipo de Pagamento.
Por segurana, deve vir at o ambiente Ita para confirmar a situao de pagamento
do pedido em questo. Para mais detalhes, vide item 2.5. deste manual.
16
1. Informaes Gerais
Home ndice Voltar Avanar
Para configurar o Ita Shopline, necessrio que o site esteja vinculado a uma A cobrana por carto de crdito (MasterCard, Visa, Hipercard e Diners) via Ita
conta-corrente pessoa jurdica no banco Ita com: cadastro nas carteiras 176 Shopline s estar disponvel aos compradores de seu site se houver a incluso
e 178 da Cobrana Eletrnica Ita, acesso ao Ita Empresas na internet e contrato do cdigo de filiao da Redecard Komerci Web Service na opo Informaes
formalizado para utilizar o Ita Shopline. Cadastrais do Ita Shopline no Ita Empresas na internet, filiado ao banco Ita,
e a Redecard estiver com o IP do Ita Shopline no seu cadastro (favor informar
Para contratar* o Ita Shopline, o cliente deve acessar: Ita Empresas na internet Redecard que cliente Ita Shopline para que eles faam essa incluso de IP).
> Recebimentos > Ita Shopline > Contratar, ou atravs do responsvel pela
conta-corrente do site, formalizando a proposta de contratao do produto Atravs do Mdulo Ita Shopline possvel configurar:
junto ao Ita Empresas na internet. Assim que a proposta aprovada,
encaminhada uma confirmao por e-mail indicando o acesso s instrues O cdigo de filiao Redecard Komerci;
de cadastro e instrues de implantao do produto em seu site. Alguns parmetros adicionais relativos opo boleto bancrio, tais como:
prazo padro de vencimento, nome do cedente (site) no boleto
*Na contratao, o nome do site no pode conter caracteres especiais. e mensagens adicionais;
Ex: @, #, $, &, , etc. Endereo principal do servidor seguro de seu site (SSL) para uso da funo
Retorno On-line/Consulta Automtica.
Todas as Informaes Cadastrais do site e as Instrues de Implantao
para uso do produto so disponibilizadas ao responsvel pela conta-corrente
do site no Mdulo Ita Shopline acessado via Ita Empresas na internet dentro
da opo Instalao Manuais/Banners/Botes e Componentes.
17
1. Informaes Gerais
Home ndice Voltar Avanar
Aps este procedimento, deve-se desenvolver uma pgina dinmica que execute
a chamada ao mtodo geraDados para efetuar a criptografia dos dados necessrios
gerao do Ita Shopline. Esses dados devem ser armazenados na varivel DC
e enviados para a URL Principal de Acesso ao Ita Shopline.
18
2. Servios do Ita Shopline
Home ndice Voltar Avanar
19
2. Servios do Ita Shopline
Home ndice Voltar Avanar
20
2. Servios do Ita Shopline
Home ndice Voltar Avanar
21
2. Servios do Ita Shopline
Home ndice Voltar Avanar
Ambiente de produo:
https://shopline.itau.com.br/shopline/shopline.aspx
Esta a URL oficial que dever ser acionada pelo comprador no site do lojista
para que haja a gerao do Ita Shopline. Neste ambiente, o comprador
encontrar todas as opes de pagamento do produto que estiverem habilitadas
para o site do lojista e ir navegar conforme seus interesses e disponibilidades.
22
2. Servios do Ita Shopline
Home ndice Voltar Avanar
Portanto, se houve gerao de boleto e este ainda no foi liquidado e nem perdeu
sua validade, ser possvel reemiti-lo a qualquer momento, at seu vencimento.
23
2. Servios do Ita Shopline
Home ndice Voltar Avanar
O Ita disponibiliza aos lojistas do Ita Shopline o Retorno On-line, isto , a opo Ateno: se o site no passar o campo urlRetorna nos dados criptografados
de receber um retorno, pedido a pedido, indicando o tipo de pagamento do pedido, ficar subentendido que no quer receber o Retorno do Tipo de
escolhido pelo comprador em ambiente Ita Shopline. Para isso, necessrio que Pagamento escolhido.
o lojista informe um endereo seguro (URL) para receber a informao que dever
ser cadastrada em campo especfico da tela de Informaes Cadastrais do Mdulo O Retorno On-line informa apenas o tipo de pagamento da plataforma que foi
Ita Shopline (vide item 2.1.1 deste manual). escolhido pelo cliente comprador do site. A confirmao do pagamento
do pedido garantida exclusivamente pelo banco e dever ser sempre obtida
Ateno: essa chamada ser feita somente em aplicaes com SSL. em ambiente Ita, o que significa que o site que deve consultar o banco e no
esperar esta confirmao num retorno.
Forma de acesso: comunicao criptografada estabelecida entre o servidor
do banco e o servidor do site. Sendo assim, as modalidades de Consulta de Operaes oficiais do banco so:
Consulta de Operaes do Mdulo Ita Shopline, Arquivo Retorno de Cobrana
Formato da consulta: o Retorno On-line ser sempre disponibilizado no formato ou Consulta Automtica Situao do Pagamento (sonda).
XML para que seja decriptografado e interpretado pelo site conforme os cdigos
possveis. Mais detalhes sobre a integrao dessa modalidade de consulta de
operaes sero apresentados nos itens subsequentes.
24
2. Servios do Ita Shopline
Home ndice Voltar Avanar
25
2. Servios do Ita Shopline
Home ndice Voltar Avanar
O Mdulo Ita Shopline oferece uma consulta exclusiva das operaes realizadas Nessa listagem haver um indicador da compensao da cobrana do ttulo
via Ita Shopline, relacionando os pedidos s carteiras que identificam o Ita Shopline que dado pela literal C citada no demonstrativo. Se houver a literal ao lado
(176 e 178), sendo um filtro das informaes oferecidas nas funes da rota dos valores creditados, indica que estes valores esto A COMPENSAR, se no
Carteiras e Ttulos do Ita Empresas na internet. houver literal, significar COMPENSADO. Isto ocorre quando h pagamento
de ttulos com cheque, pois o valor no fica disponvel de imediato, e, sim,
Forma de acesso: Ita Empresas na internet da conta-corrente do site. A rota para somente aps a compensao do cheque.
esta consulta no Mdulo Ita Shopline :
Tempo de disponibilizao: on-line e real time assim que o pedido registrado
I ta Empresas na internet > Recebimentos > Ita Shopline > no banco e associado a alguma das opes de pagamento da plataforma,
Consulta de Operaes essa informao disponibilizada no Mdulo Ita Shopline conforme
o status ocorrido.
Formato da consulta: a partir da navegao no Ita Empresas na internet,
o usurio visualiza a relao de pedidos efetuados em seu site que ser A reutilizao da numerao de um pedido s poder ser feita:
identificada conforme a opo de pagamento escolhida pelo comprador.
Para o lojista, as opes possveis so: dbito em conta (178), financiamento, Para os pedidos pagos, aps 60 dias corridos da data de pagamento;
carto de crdito (MasterCard, Visa, Hipercard e Diners) e boleto bancrio Para os pedidos no pagos, aps 60 dias corridos da data de vencimento;
(176) e estaro separadas nas listagens conforme os seguintes status: Para os pedidos no finalizados, 60 dias corridos da data do pedido.
O peraes em Aberto pedidos que emitiram boletos e que ainda no A informao fica armazenada por 5 anos. Outras formas de acompanhar
foram pagos. o status do pagamento so: Arquivo Retorno de Cobrana ou Consulta
Operaes a Creditar pedidos que j foram pagos pelos compradores Automtica a Situao do Pagamento (sonda).
e que ainda no foram creditados para o lojista devido ao floating da cobrana
negociado com o gerente da conta-corrente do site. Se for a listagem Clique aqui para visualizar um exemplo da Consulta de Operaes do Mdulo
de pagamento vista, o pedido j seguro de crdito para o lojista Ita Shopline.
nesse momento, mas se for boleto bancrio, ser necessrio esperar pela
compensao da cobrana do ttulo para ter a garantia do crdito.
Operaes Creditadas pedidos que j foram pagos pelos compradores
e que j foram creditados para o lojista.
Histrico de operaes realizadas pedidos pagos via carto de crdito.
26
2. Servios do Ita Shopline
Home ndice Voltar Avanar
27
2. Servios do Ita Shopline
Home ndice Voltar Avanar
O Ita oferece aos lojistas do Ita Shopline a possibilidade de realizar uma Consulta As combinaes de consulta possveis so:
Automtica (sonda) ao servidor do banco para obter a situao de pagamento
TIPPAG SITPAG
de um pedido.
On-line e real time
00 para 01 para situao de pagamento no finalizada (tente novamente)
A URL utilizada para executar esta consulta : pagamento ainda 02 para erro no processamento da consulta (tente novamente)
https://shopline.itau.com.br/shopline/consulta.aspx. no escolhido 03 para pagamento no localizado (consulta fora de prazo
ou pedido no registrado no banco)
Os dados devem ser criptografados utilizando o mtodo geraConsulta. On-line e real time
00 para pagamento efetuado
01 para
01 para situao de pagamento no finalizada (tente novamente)
Para a consulta devem ser utilizados, obrigatoriamente, os seguintes dados: pagamento vista
02 para erro no processamento da consulta (tente novamente)
Chave, Cdigo da Empresa, Nmero do Pedido e Formato. Para descriptografar (TEF e CDC)
03 para pagamento no localizado (consulta fora de prazo
o resultado da consulta utilizado: Cdigo da Empresa, Nmero do Pedido, Valor, ou pedido no registrado no banco)
Tipo de Pagamento, Situao do Pagamento e Data de Pagamento. On-line e real time
01 para situao de pagamento no finalizada (tente novamente)
02 para erro no processamento da consulta (tente novamente)
Segue o exemplo de utilizao dos dados criptografados: 03 para pagamento no localizado (consulta fora de prazo
dados = cripto.geraConsulta(codEmp, pedido, formato, chave). 02 para ou pedido no registrado no banco)
boleto bancrio 04 para boleto emitido com sucesso
Nesta consulta exibida a efetivao do pagamento do pedido em funo do tipo A partir de um dia til da emisso do boleto
00 para pagamento efetuado
de pagamento utilizado pelo comprador em ambiente Ita Shopline, sendo 05 para pagamento efetuado, aguardando compensao
que o tempo de disponibilizao desta informao varia conforme a opo de 06 para pagamento no compensado
pagamento escolhida. On-line e real time
00 para pagamento efetuado
03 para 01 para situao de pagamento no finalizada (tente novamente)
carto de crdito 02 para erro no processamento da consulta (tente novamente)
03 para pagamento no localizado (consulta fora de prazo
ou pedido no registrado no banco)
28
2. Servios do Ita Shopline
Home ndice Voltar Avanar
De acordo com a tabela anterior, as opes de pagamento 01 e 03 podero ser confirmadas A reutilizao da numerao de um pedido s poder ser feita:
em tempo real, mas a opo de pagamento 02 (boleto bancrio) s ser confirmada
aps a compensao do ttulo na Cobrana Ita. Em tempo real, apenas informado Para os pedidos pagos, aps 60 dias corridos da data de pagamento;
que o comprador gerou um boleto em sua tela, com sucesso, permitindo ao lojista Para os pedidos no pagos, aps 60 dias corridos da data de vencimento;
a integrao da funcionalidade de reemisso de ttulos, por exemplo. Para os pedidos no finalizados, 60 dias corridos da data do pedido.
J que o Ita Shopline uma forma de cobrana via internet que se utiliza A informao fica armazenada por 5 anos. Outras formas de acompanhar
das carteiras 176 e 178 para identificar os pedidos enviados pelo site ao banco, o status do pagamento so: Consulta de Operaes do Mdulo Ita Shopline
vale ressaltar que pagamento efetuado significa ttulo liquidado e que importante ou Arquivo Retorno de Cobrana.
considerar tambm o prazo para crdito da cobrana (floating negociado para
a conta-corrente do site) e a forma de liquidao do ttulo (dinheiro, cheque, Clique aqui para visualizar a Consulta Automtica Situao
compensao bancria) que pode ser compensada ou no ao fim do processo. de Pagamento (sonda).
Forma de acesso: comunicao criptografada estabelecida entre o servidor Alm das trs modalidades de Consulta de Operaes aqui detalhadas, existem
do site e o servidor do banco. outras maneiras de consultar as operaes realizadas via Ita Shopline que trazem
as confirmaes de todas as carteiras de cobrana utilizadas pelo lojista como,
Formato da consulta: a Consulta Automtica (sonda) poder ser obtida por exemplo, o relatrio 2154. Para mais informaes, procure seu Gerente
no formato XML ou HTML. Mais detalhes sobre a integrao dessa modalidade de Relacionamento Ita Empresas.
de consulta de operaes sero apresentados nos itens subsequentes.
O responsvel pelo site escolher a(s) modalidade(s) de consulta mais conveniente(s).
Tempo de disponibilizao: on-line e real time aps receber o Retorno On-line,
o site poder preparar seu servidor para disparar uma Consulta Automtica
ao servidor do banco para obter a Situao do Pagamento do pedido retornado.
29
2. Servios do Ita Shopline
Home ndice Voltar Avanar
30
2. Servios do Ita Shopline
Home ndice Voltar Avanar
31
3. Layout dos Campos
Home ndice Voltar Avanar
Parmetros Obrigatrios
Parmetros Descrio Critrios de Consistncia
CodEmp Cdigo da Empresa (Cdigo do Site) Alfanumrico com exatas 26 posies (enviar o cdigo todo em maisculas)
Nmeros inteiros de at 8 posies (99999999,99). Os centavos devero ser enviados com 2 casas decimais
Valor Valor Total do Pagamento
(no obrigatrio), utilizando a vrgula como separador
Chave Chave de Criptografia Alfanumrico com exatas 16 posies (enviar a chave toda em maisculas)
EstadoSacado Estado do sacado Alfanumrico com exatamente 02 posies. Somente sero aceitos Estados brasileiros
32
3. Layout dos Campos
Home ndice Voltar Avanar
Parmetros Opcionais
Parmetros Descrio Critrios de Consistncia
Numrico com exatamente 08 posies
DataVencimento Data de vencimento do ttulo
Utilizar o formato ddmmaaaa
UrlRetorna Parte final da URL de Retorno Completa(2) Alfanumrico com o mximo de 60 posies
Espao disponvel para enviar uma linha de mensagem nica por pedido,
ObsAdicional1 Alfanumrico com o mximo de 60 posies
que s ser exibida se o campo Observao contiver o texto 3
Espao disponvel para enviar uma linha de mensagem nica por pedido,
ObsAdicional2 Alfanumrico com o mximo de 60 posies
que s ser exibida se o campo Observao contiver o texto 3
Espao disponvel para enviar uma linha de mensagem nica por pedido,
ObsAdicional3 Alfanumrico com o mximo de 60 posies
que s ser exibida se o campo Observao contiver o texto 3
Alfanumrico com o mximo de 40 posies
Enviar:
uma linha de mensagem ou
Espao disponvel para enviar uma linha de mensagem nica por pedido
Observacao 1 para apresentar a Mensagem Adicional 1 ou
ou um parmetro indicando qual Mensagem Adicional (1) se quer apresentar
2 para apresentar a Mensagem Adicional 2 ou
3 para apresentar as 3 linhas de Mensagem Adicional
enviadas nos campos ObsAdicional1, ObsAdicional2 e ObsAdicional3
33
3. Layout dos Campos
Home ndice Voltar Avanar
34
3. Layout dos Campos
Home ndice Voltar Avanar
35
3. Layout dos Campos
Home ndice Voltar Avanar
36
4. Informaes Tcnicas
Home ndice Voltar Avanar
Para que seja feita a implantao do Ita Shopline, necessrio que exista
um Servidor Web. Depois de instalado, devem ser executados os passos
descritos a seguir.
37
4. Informaes Tcnicas
Home ndice Voltar Avanar
Neste item usamos ASPX (VBScript) com linguagem, porm nada impede
que utilize outra linguagem web.
38
4. Informaes Tcnicas
Home ndice Voltar Avanar
Ita Empresas na internet > Recebimentos > Ita Shopline > Instalao
39
4. Informaes Tcnicas
Home ndice Voltar Avanar
A pgina ASP que criptografa os dados para envi-los ao Ita Shopline deve observar <FORM action=https://shopline.itau.com.br/shopline/shopline.aspx method=post
as seguintes regras: name=form1 onsubmit=carregabrw() target=SHOPLINE>
<INPUT type=hidden name=DC value=<%= dados %>>
( 1 ) Para chamar a tela de pagamentos, a criptografia dos dados deve seguir exatamente <BR>
a ordem abaixo: <INPUT type=submit name=Shopline value=Ita Shopline>
dados = cripto.geraDados(codEmp, pedido, valor, observacao, chave, nomeSacado, </form>
codigoInscricao, numeroInscricao, enderecoSacado, bairroSacado, cepSacado, ( 5 ) Para o correto funcionamento do Ita Shopline nos browsers: AOL, Netscape e Internet
cidadeSacado, estadoSacado, dataVencimento, urlRetorna, obsAdicional1, obsAdicional2, Explorer (verses 4.X ou superior) a instncia do browser a ser aberto deve possuir
obsAdicional3). o JavaScript abaixo, com as seguintes caractersticas:
( 2 ) Todos os campos so criptografados e enviados pelo lojista, exceto o campo Chave. TOOLBAR = YES
( 3 ) Todos os contratos preenchidos pelo Ita Empresas na internet devero enviar todos MENUBAR=YES
os campos obrigatoriamente. Os contratos preenchidos pela digital somente sero RESIZABLE = YES
obrigatrios Cdigo da Empresa, Chave, Nmero do pedido e Valor. STATUS = NO
Segue o exemplo de utilizao para o caso onde se deseja enviar apenas os campos SCROLLBARS = YES
obrigatrios: WIDTH = 815 (sugesto)
dados = cripto.geraDados(codEmp, pedido, valor, , chave, , , , , , , , , , , , ,) HEIGHT = 575 (sugesto)
( 4 ) A pgina que contiver a URL do Ita dever apresentar as seguintes caractersticas: EXEMPLO:
Formulrio (FORM) com as propriedades: <script language=JavaScript>
method=post <!--
action=https://shopline.itau.com.br/shopline/shopline.aspx function carregabrw()
Campo (INPUT) para os dados criptografados, com as propriedades: {
name=DC window.open(, SHOPLINE, toolbar=yes,menubar=yes,resizable=yes,status=no,scrollbars=
type=hidden yes,width=815,height=575);
value=Dados Criptografados }
//-->
Obs.: o nome do Input tem que ser DC pois os dados so recebidos a partir de um request </script>
com este nome.
EXEMPLO: A configurao aqui sugerida permite a ideal visualizao da tela do Ita Shopline a ser
gerada sobre a tela do site lojista no computador do cliente comprador do site.
40
4. Informaes Tcnicas
Home ndice Voltar Avanar
41
4. Informaes Tcnicas
Home ndice Voltar Avanar
Ita Empresas na internet > Recebimentos > Ita Shopline > Instalao
No diretrio onde o Java ser compilado, crie um subdiretrio Ita e copie a classe
Itaucripto para este novo subdiretrio.
42
4. Informaes Tcnicas
Home ndice Voltar Avanar
Servlet que criptografa os dados para envi-los ao Ita Shopline deve observar ( 6 ) A pgina que contiver a URL do Ita dever apresentar as seguintes caractersticas:
as seguintes regras: Formulrio (FORM) com as propriedades:
method=post
( 1 ) Inserir no incio do cdigo a linha import Itau.Itaucripto; para que seja importada action=https://shopline.itau.com.br/shopline/shopline.aspx
a classe Itaucripto. Campo (INPUT) para os dados criptografados, com as propriedades:
name=DC
( 2 ) Inserir o cdigo da empresa e a chave de criptografia, em letra maiscula, nos locais type=hidden
indicados. value=Dados Criptografados
( 3 ) Para chamar a tela de pagamentos, a criptografia dos dados deve seguir exatamente Obs.: o nome do Input tem que ser DC pois os dados so recebidos a partir de um request
a ordem abaixo: com este nome.
43
4. Informaes Tcnicas
Home ndice Voltar Avanar
SCROLLBARS = YES
WIDTH = 815 (sugesto para melhor visualizao)
HEIGHT = 575 (sugesto para melhor visualizao)
EXEMPLO:
out.println(<script language=\JavaScript\>);
out.println(<!--);
out.println(function carregabrw() { );
out.println( window.open(\, SHOPLINE,\toolbar=yes,menubar=yes,resizable=yes,st
atus=no,scrollbars=yes,width=815,height=575\); );
out.println(});
out.println(//-->);
out.println(</script>);
A configurao aqui sugerida permite a ideal visualizao da tela do Ita Shopline a ser
gerada sobre a tela do site lojista no computador do cliente comprador do site.
( 8 ) Aps a edio, salvar com extenso Java, compil-lo (javac <nome do arquivo>.java)
e coloc-lo no diretrio definido como repositrio de servlets.
44
5. Exemplo de Cdigos
Home ndice Voltar Avanar
Neste item, usamos ASPX (VBScript) como linguagem, porm nada impede
que utilize outra linguagem web.
45
5. Exemplo de Cdigos
Home ndice Voltar Avanar
<HTML> <TR>
<HEAD> <TD width=25% align=right><B>CEP (99999999):</B></TD>
<TITLE>Exemplo de cdigo HTML</TITLE> <TD><INPUT type=text maxlength=8 size=8 name=cepSacado value=></TD>
</HEAD> </TR>
<BODY> <TR>
<FORM ACTION=Nome da Pgina de Criptografia METHOD=Post NAME=form1> <TD width=25% align=right><B>Cidade:</B></TD>
<CENTER>Entre com os Dados <TD><INPUT type=text maxlength=15 size=15 name=cidadeSacado value=></TD>
<TABLE width=100% border=1 align=center> </TR>
<TR> <TR>
<TD width=25% align=center><B>Pedido (99999999):</B></TD> <TD width=25% align=right><B>Estado:</B></TD>
<TD><INPUT type=text maxlength=8 size=8 name=pedido value=></TD> <TD><INPUT type=text maxlength=2 size=2 name=estadoSacado value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=center><B>Valor (99999999,99):</B></TD> <TD width=25% align=right><B>Data de Vencimento (ddmmaaaa):</B></TD>
<TD><INPUT type=text maxlength=10 size=10 name=valor value=></TD> <TD><INPUT type=text maxlength=8 size=8 name=dataVencimento value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=right><B>Observao:</B></TD> <TD width=25% align=right><B>URL retorna:</B></TD>
<TD><INPUT type=text maxlength=40 size=40 name=observacao value=></TD> <TD><INPUT type=text maxlength=60 size=60 name=urlRetorna value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=right><B>Nome do Sacado:</B></TD> <TD width=25% align=right><B>ObsAdicional1:</B></TD>
<TD><INPUT type=text maxlength=30 size=30 name=nomeSacado value=></TD> <TD><INPUT type=text maxlength=60 size=60 name=ObsAdicional1 value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=right><B>Cdigo de Inscrio (01 CPF, 02 CNPJ):</B></TD> <TD width=25% align=right><B>ObsAdicional2:</B></TD>
<TD><INPUT type=text maxlength=2 size=2 name=codigoInscricao value=></TD> <TD><INPUT type=text maxlength=60 size=60 name=ObsAdicional2 value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=right><B>Nmero de Inscrio (CPF, CNPJ):</B></TD> <TD width=25% align=right><B>ObsAdicional3:</B></TD>
<TD><INPUT type=text maxlength=14 size=14 name=numeroInscricao value=></TD> <TD><INPUT type=text maxlength=60 size=60 name=ObsAdicional3 value=></TD>
</TR> </TR>
<TR> </TABLE>
<TD width=25% align=right><B>Endereo do Sacado:</B></TD> </CENTER>
<TD><INPUT type=text maxlength=40 size=40 name=enderecoSacado value=></TD> <BR><BR>
</TR> <INPUT TYPE=submit value=Pagar name=Pagar>
<TR> </FORM>
<TD width=25% align=right><B>Bairro:</B></TD> </BODY>
<TD><INPUT type=text maxlength=15 size=15 name=bairroSacado value=></TD> </HTML>
</TR>
46
5. Exemplo de Cdigos
Home ndice Voltar Avanar
47
5. Exemplo de Cdigos
Home ndice Voltar Avanar
O endereo para Retorno do Tipo de Pagamento ser composto da seguinte maneira: EXEMPLO:
HTTPS:// + URL de Retorno Cadastrada + URLRetorna do Pedido + parmetros <%
de retorno criptografados. Inicializa as variveis
dim dados, codEmp, chave, pedido, tipPag, cripto
EXEMPLO:
chave = ABCD123456ABCD12 Coloque aqui a chave de criptografia em maiscula
URL de Retorno cadastrada no Mdulo Ita Shopline = www.minhaloja.com.br
URLretorna passada pelo lojista no pedido em questo = /final/retorno.aspx Recebe valores da pgina anterior
Dados de retorno criptografados=?DC=A345B456F456W456T56J3K678 dados = Request.Form(DC)
Exemplo da chamada URL final: https://www.minhaloja.com.br/final/retorno.aspx?
DC=A345B456F456W456T56J3K678 Set cripto = Server.CreateObject(Itaucripto.cripto)
48
5. Exemplo de Cdigos
Home ndice Voltar Avanar
49
5. Exemplo de Cdigos
Home ndice Voltar Avanar
Sendo assim, deve-se chamar sempre a URL de emisso, ou seja a mesma URL
utilizada para fazer a chamada do site.
50
5. Exemplo de Cdigos
Home ndice Voltar Avanar
51
5. Exemplo de Cdigos
Home ndice Voltar Avanar
<HTML> <TR>
<HEAD> <TD width=25% align=right><B>CEP (99999999):</B></TD>
<TITLE>Exemplo de cdigo HTML</TITLE> <TD><INPUT type=text maxlength=8 size=8 name=cepSacado value=></TD>
</HEAD> </TR>
<BODY> <TR>
<FORM ACTION=ServletCriptoShopline METHOD=Post NAME=form1> <TD width=25% align=right><B>Cidade:</B></TD>
<CENTER>Entre com os Dados <TD><INPUT type=text maxlength=15 size=15 name=cidadeSacado value=></TD>
<TABLE width=100% border=1 align=center> </TR>
<TR> <TR>
<TD width=25% align=center><B>Pedido (99999999):</B></TD> <TD width=25% align=right><B>Estado:</B></TD>
<TD><INPUT type=text maxlength=8 size=8 name=pedido value=></TD> <TD><INPUT type=text maxlength=2 size=2 name=estadoSacado value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=center><B>Valor (99999999,99):</B></TD> <TD width=25% align=right><B>Data de Vencimento (ddmmaaaa):</B></TD>
<TD><INPUT type=text maxlength=10 size=10 name=valor value=></TD> <TD><INPUT type=text maxlength=8 size=8 name=dataVencimento value=></TD>
</TR> </TR>
<TR> <TR>
<TD width=25% align=right><B>Observao:</B></TD> <TD width=25% align=right><B>URL retorna:</B></TD>
<TD><INPUT type=text maxlength=40 size=40 name=observacao value=></TD> <TD><INPUT type=text maxlength=60 size=60 name=urlRetorna value=></TD>
</TR> <TR>
<TR> <TD width=25% align=right><B>ObsAdicional1:</B></TD>
<TD width=25% align=right><B>Nome do Sacado:</B></TD> <TD><INPUT type=text maxlength=60 size=60 name=obsAdicional1 value=></TD>
<TD><INPUT type=text maxlength=30 size=30 name=nomeSacado value=></TD> </TR>
</TR> <TR>
<TR> <TD width=25% align=right><B>ObsAdicional2:</B></TD>
<TD width=25% align=right><B>Cdigo de Inscrio (01 CPF, 02 CNPJ):</B></TD> <TD><INPUT type=text maxlength=60 size=60 name=obsAdicional2 value=></TD>
<TD><INPUT type=text maxlength=2 size=2 name=codigoInscricao value=></TD> </TR>
</TR> <TR>
<TR> <TD width=25% align=right><B>ObsAdicional3:</B></TD>
<TD width=25% align=right><B>Nmero de Inscrio (CPF, CNPJ):</B></TD> <TD><INPUT type=text maxlength=60 size=60 name=obsAdicional3 value=></TD>
<TD><INPUT type=text maxlength=14 size=14 name=numeroInscricao value=></TD> </TR>
</TR>
<TR> </TABLE>
<TD width=25% align=right><B>Endereo do Sacado:</B></TD> </CENTER>
<TD><INPUT type=text maxlength=40 size=40 name=enderecoSacado value=></TD> <BR><BR>
</TR> <INPUT TYPE=submit value=Pagar name=Pagar>
<TR> </FORM>
<TD width=25% align=right><B>Bairro:</B></TD> </BODY>
<TD><INPUT type=text maxlength=15 size=15 name=bairroSacado value=></TD> </HTML>
</TR>
52
5. Exemplo de Cdigos
Home ndice Voltar Avanar
53
5. Exemplo de Cdigos
Home ndice Voltar Avanar
estadoSacado out.println(<html>);
dataVencimento = request.getParameter(dataVencimento); // obtm o valor do campo out.println(<body bgcolor=\white\>);
dataVencimento out.println(<head>);
urlRetorna = request.getParameter(urlRetorna); // obtm o valor do campo urlRetorna out.println(<title> Teste Ita Shopline </title>);
obsAdicional1 = request.getParameter(obsAdicional1); // obtm o valor do campo out.println(</head>);
obsAdicional1 out.println(<body>);
obsAdicional2 = request.getParameter(obsAdicional2); // obtm o valor do campo out.println(<h1>Modelo Ita</h1>);
obsAdicional2
obsAdicional3 = request.getParameter(obsAdicional3); // obtm o valor do campo // Constri o formulrio para pagamento com shopline
obsAdicional3 out.println(<FORM METHOD=\POST\ ACTION=\https://shopline.itau.com.br/shopline/
shopline.aspx\ name=\form\ onsubmit=carregabrw() target=\SHOPLINE\>);
//Inicializa a classe de criptografia do Shopline out.println(<INPUT TYPE=\hidden\ NAME=\DC\ VALUE=\ + dados + \>);
Itaucripto cripto = new Itaucripto(); out.println(<INPUT TYPE=\submit\ name=\Shopline\ value=\Ita Shopline\>);
//Criptografa os dados chamando o mtodo geraDados da classe Itaucripto out.println(</FORM>);
dados = cripto.geraDados(codigoEmpresa, out.println(<script language=\JavaScript\>);
pedido, out.println(<!--);
valor, out.println(function carregabrw() { );
observacao, out.println( window.open(\, SHOPLINE,\toolbar=yes,menubar=yes,resizable=yes,status=no,sc
chave, rollbars=yes,width=815,height=575\); );
nomeSacado, out.println(});
codigoInscricao, out.println(//-->);
numeroInscricao, out.println(</script>);
enderecoSacado, out.println(</body>);
bairroSacado, out.println(</html>);
cepSacado, }
cidadeSacado, }
estadoSacado,
dataVencimento,
urlRetorna,
obsAdicional1,
obsAdicional2,
obsAdicional3
);
54
5. Exemplo de Cdigos
Home ndice Voltar Avanar
O endereo para Retorno do Tipo de Pagamento ser composto da seguinte maneira: public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
HTTPS:// + URL de Retorno Cadastrada + URLRetorna do Pedido + parmetros //Inicializa as variveis
de retorno criptografados. String dados, chave;
String codEmp;
String pedido;
EXEMPLO: String tipPag;
URL de Retorno cadastrada no Mdulo Ita Shopline = www.minhaloja.com.br chave = ABCD123456ABCD12; // <- Coloque aqui sua chave de criptografia (16
URLretorna passada pelo lojista no pedido em questo = /final/retorno.aspx posies)
out.println(<html>);
Cdigo da empresa out.println(<head>);
CodEmp Alfanumrico de 26 posies
ou cdigo do site out.println(<title>Retorno Online</title>);
out.println(</head>);
out.println(<body bgcolor=\white\>);
Pedido Nmero do pedido Numrico com 8 posies out.println(<h1>Retorno Ita</h1>);
out.println(dados + <br>);
Numrico com 02 posies: out.println(codEmp + <br>);
out.println(pedido + <br>);
Tipo de pagamento escolhido 01 para pagamento vista (TEF ou CDC) out.println(tipPag + <br>);
TipPag
pelo comprador 02 para boleto out.println(</body>);
03 para carto de crdito out.println(</html>);
}
55
5. Exemplo de Cdigos
Home ndice Voltar Avanar
56
5. Exemplo de Cdigos
Home ndice Voltar Avanar
57
5. Exemplo de Cdigos
Home ndice Voltar Avanar
A linguagem PHP geralmente utilizada em ambiente UNIX ou LINUX, mas ela </TR>
tambm pode ser utilizada em ambiente Windows. Para que a chamada da classe <TR>
Itaucripto.class ocorra com sucesso no PHP, necessrio que o servidor tenha <TD WIDTH=25% ALIGN=center><B>Cdigo de Inscrio:<B/></TD>
<TD><?php echo $row[codigoInscricao]; ?></TD>
o ambiente Java instalado e que a verso PHP que est instalada no servidor </TR>
tenha suporte a Java. Abaixo segue um exemplo de envio e criptografia dos dados <TR>
utilizando a linguagem PHP para chamada da URL do Ita Shopline utilizando <TD WIDTH=25% ALIGN=center><B>Nmero de Inscrio(CPF/CNPJ):<B/></TD>
a classe ItauCripto.class. <TD><?php echo $row[numeroInscricao]; ?></TD>
</TR>
<HTML> <TR>
<HEAD> <TD WIDTH=25% ALIGN=center><B>Endereo do Sacado:<B/></TD>
<TITLE>Exemplo Ita Shopline</TITLE> <TD><?php echo $row[enderecoSacado]; ?></TD>
</HEAD> </TR>
<TR>
<BODY> <TD WIDTH=25% ALIGN=center><B>Bairro:<B/></TD>
<TD><?php echo $row[bairroSacado]; ?></TD>
<FORM action=https://shopline.itau.com.br/shopline/shopline.aspx method=post </TR>
name=form onsubmit=carregabrw() target=SHOPLINE> <TR>
<CENTER> Dados</CENTER> <TD WIDTH=25% ALIGN=center><B>CEP:<B/></TD>
<TD><?php echo $row[cepSacado]; ?></TD>
<TABLE width=100% border=1 align=center> </TR>
<TR> <TR>
<TD WIDTH=25% ALIGN=center><B>Seu Pedido:<B/></TD> <TD WIDTH=25% ALIGN=center><B>Cidade:<B/></TD>
<TD><?php echo $row[pedido]; ?></TD> <TD><?php echo $row[cidadeSacado]; ?></TD>
</TR> </TR>
<TR> <TR>
<TD WIDTH=25% ALIGN=center><B>Total a Pagar:<B/></TD> <TD WIDTH=25% ALIGN=center><B>Estado:<B/></TD>
<TD><?php echo $row[valor]; ?></TD> <TD><?php echo $row[estadoSacado]; ?></TD>
</TR> </TR>
<TR> <TR>
<TD WIDTH=25% ALIGN=center><B>Observao:<B/></TD> <TD WIDTH=25% ALIGN=center><B>Data de Vencimento(ddmmaaaa):<B/></TD>
<TD><?php echo $row[observacao]; ?></TD> <TD><?php echo $row[dataVencimento]; ?></TD>
</TR> </TR>
<TR> <TR>
<TD WIDTH=25% ALIGN=center><B>Nome do Sacado:<B/></TD> <TD WIDTH=25% ALIGN=center><B>URL de Retorno:<B/></TD>
<TD><?php echo $row[nomeSacado]; ?></TD> <TD><?php echo $row[urlRetorna]; ?></TD>
58
5. Exemplo de Cdigos
Home ndice Voltar Avanar
</TR> $obsAd2 =;
$obsAd3 =;
<TR>
<TD WIDTH=25% ALIGN=center><B>Observao Adicional1:<B/></TD> function CreateObject()
<TD><?php echo $row[obsAd1]; ?></TD> {
</TR> $COM = new Java(Itau.Itaucripto);
return $COM;
<TR> }
<TD WIDTH=25% ALIGN=center><B>Observao Adicional2:<B/></TD>
<TD><?php echo $row[obsAd2]; ?></TD> $cripto = CreateObject();
</TR> $dados=$cripto->geraDados($codEmp,$pedido,$valor,$observacao,$chave,$n
omeSacado,$codigoInscricao,$numeroInscricao,$enderecoSacado,$bairroSacado,$cepSac
<TR> ado,$cidadeSacado,$estadoSacado,$dataVencimento,$urlRetorna,$obsAd1,$obsAd2,$obs
<TD WIDTH=25% ALIGN=center><B>Observao Adicional3:<B/></TD> Ad3);
<TD><?php echo $row[obsAd3]; ?></TD> // echo <br><br>.$dados;
</TR>
?>
</TABLE>
<CENTER>
<?php <BR><BR>
<INPUT type=hidden name=DC value=<? echo $dados; ?>>
$codEmp =J0012345678901234567890123; <BR>
$pedido =98988812; <INPUT type=submit name=Shopline value=Ita Shopline>
$valor =0,01; </FORM>
$observacao =;
$chave=A3G8E4C19N6W7BPS; <script language=JavaScript>
$nomeSacado =; function carregabrw()
$codigoInscricao =; {
$numeroInscricao =;
$enderecoSacado =; window.open(,SHOPLINE,toolbar=yes,menubar=yes,resizable=yes,status=no,scrollbars=y
$bairroSacado =; es,width=815,height=575);
$cepSacado =; }
$cidadeSacado =; </script>
$estadoSacado =;
$dataVencimento =; <BODY>
$urlRetorna =; </HTML>
$obsAd1 =;
59
6. Auxlio Instalao do Ita Shopline
Home ndice Voltar Avanar
Cdigo de inscrio invlido. Verificar o campo de entrada CodigoInscricao na chamada do mdulo Ita Shopline. Este deve ser 01 para CPF e 02 para CNPJ.
Data de vencimento invlida. Verificar o campo de entrada dataVencimento na chamada do mdulo Ita Shopline. Este deve ser numrico de 8 posies no formato DDMMAAAA.
Erro 9 - contate o Atendimento Cese. Contate o atendimento Cese no tel: 0 XX (11) 3019 4828, informando seu CNPJ, o nome de site e solicite a validao de seu contrato.
Nmero de inscrio invlido. Verificar o campo de entrada NumeroInscricao na chamada do mdulo Ita Shopline. Este deve ser numrico com 14 posies (99999999999999).
Nmero do pedido invlido. Verificar a consistncia do campo de entrada pedido na chamada do mdulo Ita Shopline. Este deve ser numrico com 8 posies (99999999).
Nmero do pedido no numrico. Verificar a consistncia do campo de entrada pedido na chamada do mdulo Ita Shopline. Este deve ser numrico com 8 posies (99999999).
60
Anexos Demonstrativos
Home ndice Voltar Avanar
61
Anexos Demonstrativos
Home ndice Voltar Avanar
Ao acessar a funo pela primeira vez, ser necessrio configurar um dos cdigos
de habilitao de seu site, criando sua Chave de Criptografia conforme a regra
de formao disponvel na tela.
Na sequncia, consulte e/ou atualize as informaes cadastrais de seu site e copie a Chave
de Criptografia recm-criada e o Cdigo de Site fornecido pelo banco para posteriormente
inform-los ao responsvel pela instalao do Ita Shopline em seu site.
62
Anexos Demonstrativos
Home ndice Voltar Avanar
63
Anexos Demonstrativos
Home ndice Voltar Avanar
64
Anexos Demonstrativos
Home ndice Voltar Avanar
Tela de Emisso do Boleto em Ambiente de Teste: No campo cedente deve aparecer o nome do site em questo, assim como
os demais dados enviados devero aparecer nos outros campos. Caso haja
algum problema com emisso de parmetros ou algum outro problema,
uma mensagem de inconsistncia vai ser exibida na tela de emisso.
65
Anexos Demonstrativos
Home ndice Voltar Avanar
Tela Inicial do Ita Shopline: A tela inicial do Ita Shopline apresenta todas as opes de pagamento
habilitadas para o site e dispostas da seguinte maneira: primeiro as opes
que sero acessadas em ambiente seguro Ita 30 horas, portanto, para acess-
las o comprador do site dever possuir seus dados de agncia, conta-corrente,
senha eletrnica e senha de carto junto ao banco. Em segundo lugar, a opo de
pagamento disponvel a todos os clientes do site que so carto de crdito
e boleto bancrio.
A partir daqui, o comprador navegar por telas especficas de cada uma das opes
de pagamento possveis at chegar ao comprovante de pagamento de sua
transao que apresentado para as opes: pagamento vista por transferncia,
parcelado por Credirio Automtico Ita e carto de crdito. Se escolher a opo
boleto bancrio, ir visualiz-lo em sua tela e poder imprimi-lo ou pag-lo pelo
Ita 30 horas ou como preferir (internet banking, caixa eletrnico ou agncia)
Esta tela gerada aps o correto acesso URL https://shopline.itau.com. respeitando as regras.
br/shopline/shopline.aspx, acionada pelo comprador no ambiente do site.
Neste momento o banco recebeu corretamente os parmetros necessrios Se o comprador do site quiser acessar a opo disponvel para Clientes sem
criptografados pelo site. Acesso ao Ita 30 horas imediatamente visualizar, na tela de seu computador,
o boleto bancrio do Ita Shopline, gerado pelo banco sob o registro na carteira
No campo onde est escrito LOJA VIRTUAL SIMULADA aparecer o NOME DO de cobrana 176. Este boleto j estar totalmente preenchido e apresentar,
SITE cadastrado no sistema do produto poca da contratao. Para conferir seu alm do valor da compra e do no do pedido j citados, todos os campos adicionais
cadastro, basta acessar a funo Informaes Cadastrais do Mdulo Ita Shopline enviados pelo site (conforme instrues do item 4.1 deste manual).
acessado via Ita Empresas na internet. Clique aqui para voltar ao item 2.2. deste manual tcnico.
66
Anexos Demonstrativos
Home ndice Voltar Avanar
A tela do boleto bancrio emitido pela primeira vez na Plataforma de Cobrana Ita
Shopline, seja pelo caminho de Clientes com Acesso ao Ita 30 horas ou pelo caminho
de Clientes sem Conta no Ita, exatamente igual tela do boleto reemitido.
67
Anexos Demonstrativos
Home ndice Voltar Avanar
68
Anexos Demonstrativos
Home ndice Voltar Avanar
69
Anexos Demonstrativos
Home ndice Voltar
70