sexta-feira, 30 de outubro de 2020

DICAS 3165 -WEBDEV TUTORIAL 99 - 13-11-2020-10_00Hrs- Lesson 7.4. Ancoragem e zoneamento - PARTE A



https://youtu.be/5fi2lJ6Lj_8



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

Esse Video Ao Vivo vai estrear as 10:00 do dia 13/11/2020-

DICAS 3165 -WEBDEV TUTORIAL 99 - 13-11-2020-10_00Hrs- Lesson 7.4. Ancoragem e zoneamento - PARTE A


ASSUNTOS

Ancoragem e zoneamento
Esta lição vai te ensinar os seguintes conceitos
O que é uma âncora?
Criando uma página no modo Zoning.
Implementando as âncoras.
Visão geral
Criando projeto Webdev_Ancora_Zoneamento_Amarildo
e sera colocado no repositorio windev 
adicionando o projeto no scm 
Criação de uma página no modo de zoneamento
Pagina Ancoras 
Indo Pagina Zoneamento
Dividindo pagina horizontalmente
Dividindo pagina verticalmente
e colocando cor em cada zona
colocanco controles staticos
e alterando para cabecalho,menu,conteudo


DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B









PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos





ErpMatos - TgsSistemas
skype:amarildo.matos.informatica
email: amarildo.matos@gmail.com
whats: 51984197742
Youtube: Amarildo Matos
http://www.amarildomatos.com.br
https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com
https://www.pcsoft.fr/webinaires.htm?p=forumpcs
https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
https://www.windev.com/windev/WD-Express.htm
https://www.windev.com/windevmobile/WM-Express.htm
http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html



Lição 7.4. Ancoragem e zoneamento
Esta lição vai te ensinar os seguintes conceitos
  • O que é uma âncora?
  • Criando uma página no modo Zoning.
  • Implementando as âncoras.
Duração da aula

Tempo estimado: 30 min
Lição AnteriorÍndicePróxima lição
Visão geral
O WEBDEV permite que você gerencie dois tipos de âncoras:
  • A âncora para o conteúdo: Uma âncora para o conteúdo é usada para definir o comportamento do controle ou área ao modificar seu conteúdo. O controle manterá o mesmo tamanho? Ele vai se adaptar ao seu conteúdo?
  • A âncora do navegador: uma âncora do navegador é usada para definir o comportamento de um controle ou área ao redimensionar o navegador. O controle será ampliado? Ele vai se mover?
    A âncora do navegador é usada para definir o comportamento das páginas durante a exibição em resoluções específicas (tablets, telefones, ...).
As âncoras podem ser facilmente implementadas por meio de uma opção encontrada no menu pop-up de controles.
Vamos brincar com as âncoras agora com um exemplo. Nesta lição, usaremos apenas âncoras de navegador.
Vamos criar um projeto contendo uma página usada para implementar as âncoras do navegador e apresentar seus benefícios.
  • Para criar um projeto no WEBDEV:
    1. Inicie o WEBDEV se necessário.
    2. Exiba a página inicial do WEBDEV se necessário (Ctrl + <).
    3. Na página inicial, clique no botão "Criar um projeto" e selecione "Site". O assistente de criação de projeto é iniciado.
    4. Mantenha as opções padrão das diferentes etapas do assistente de criação de projetos, até chegar a "Descrição - Informações gerais".
    5. Digite o nome do projeto ("Âncoras") e valide as diferentes etapas do assistente com as opções padrão.

      Responda

      		Um exemplo corrigido pode ser acessado a qualquer momento para verificar a validade das operações realizadas.
      Para abrir este projeto corrigido, na página inicial, clique em "Tutorial" e selecione "Âncoras (Resposta)".
Criação de uma página no modo de zoneamento
  • Para criar uma página usada para implementar o gerenciamento de âncoras:
    1. Crie uma nova página em branco.
      • Na janela do novo elemento, clique em "Página" e em "Página".
        Observação: Para exibir a janela de criação de um novo elemento, clique Crie um elementoentre os botões de acesso rápido.
      • O assistente de criação de página é iniciado.
      • Clique em "Em branco" e valide o assistente.
    2. A janela para salvar a página é exibida.
    3. Digite "Âncoras" como título. O nome ("PAGE_Anchors") é proposto automaticamente.
    4. Validar.
Agora vamos dividir nossa página em 3 áreas:
  • Um cabeçalho (no topo em toda a largura).
  • Um menu à esquerda (em toda a altura).
  • Uma área de conteúdo no meio.
Cada área terá um comportamento específico ao redimensionar a página.
Para criar as áreas, usaremos o recurso de zoneamento.
  • Para criar uma primeira área de título no topo da página:
    1. No painel "Página", no grupo "Editar", expanda "Zoneamento" e selecione "Dividir horizontalmente".
    2. O cursor do mouse se transforma em uma caneta.
    3. Clique no topo da página e desenhe uma linha horizontal. A área é criada ao soltar o botão do mouse.
  • Para visualizar esta área, vamos associá-la a uma cor de fundo:
    1. Abra a janela de descrição da área: selecione "Descrição da área" no menu pop-up.
    2. Na guia "Estilo", selecione o elemento "Borda / Bckgrd" se necessário e selecione uma cor de fundo (dica de ferramenta amarela, por exemplo).
    3. Valide a janela de descrição da área.
  • Vamos realizar as mesmas operações para dividir a área inferior de nossa página:
    1. No painel "Página", no grupo "Editar", expanda "Zoneamento" e selecione "Dividir verticalmente".
    2. O cursor do mouse se transforma em uma caneta.
    3. Clique no meio da área inferior e desenhe uma linha vertical.
  • Para ver essas áreas, associe a cor verde à área inferior à esquerda e a cor laranja à área inferior à direita.
  • Agora vamos criar controles estáticos em cada área:
    1. Saia do modo de edição "Zoneamento" clicando na guia "Página" na parte superior da página (abaixo da faixa de opções).
    2. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Estático simples".
    3. Clique dentro da área amarela. O controle estático é criado automaticamente.
    4. Modifique a legenda (tecla de espaço no teclado): a legenda do controle é "Cabeçalho".
    5. Repita as operações 2 a 4 para criar:
      • um controle estático exibindo "Menu" na área verde.
      • um controle estático exibindo "Conteúdo" na área laranja.
  • Salve a página (Ctrl + S) e execute o teste de página ( Execute o teste de uma páginaentre os botões de acesso rápido).
    1. A página é exibida no navegador.
    2. Redimensione o navegador: a página permanece centralizada, mas as áreas não são redimensionadas.
      Vamos mudar este modo de operação para que as áreas se adaptem ao tamanho do navegador. Usaremos âncoras.

    Postado por às Nenhum comentário:
    Marcadores: , , ,

    quinta-feira, 29 de outubro de 2020

    DICAS 3164 -WEBDEV TUTORIAL 98 - 12-11-2020-10_00Hrs- Lesson 7.3. Secure transactions and payment


    https://youtu.be/Wy7HTqVMtSQ



    Bom Dia Boa Tarde Boa Noite

    Seja Membro do Canal

    Esse Video Ao Vivo vai estrear as 10:00 do dia 12/11/2020-

    DICAS 3164 -WEBDEV TUTORIAL 98 - 12-11-2020-10_00Hrs- Lesson 7.3. Secure transactions and payment - PARTE A

    ASSUNTOS
    Transações e pagamentos seguros
    Protegendo as informações e as páginas via TLS / SSL
    Visão geral
    Implementar transações seguras por meio do protocolo TLS / SSL
    Transações protegidas por TLS / SSL em um site WEBDEV
    pagamento seguro
    Visão geral
    Sistema para pagamento seguro em um site WEBDEV
    Usando o componente fornecido com WEBDEV: "Componente de Pagamento Seguro"
    Proxima Licao: Ancoragem e zoneamento



    DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
    DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
    DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B





    PlayList WebDev tutorial Amarildo Webdev
    Playlist Windev Tutorial Amarildo Windev
    Playlist windev Franca PcSoft
    Amarildo
    Windev
    WxSolucoes
    Matos Informatica
    Repositorio Windev
    Site forum Google 
    Video sobre 3 Mil Videos Windev 
    PlayList Pedrosao
    Video sobre Alfaserver servidor 
    Ultimo Video manipulacao arquivos





    ErpMatos - TgsSistemas
    skype:amarildo.matos.informatica
    email: amarildo.matos@gmail.com
    whats: 51984197742
    Youtube: Amarildo Matos
    http://www.amarildomatos.com.br
    https://groups.google.com/forum/#!forum/amarildowindev

    www.windev.com
    https://www.pcsoft.fr/webinaires.htm?p=forumpcs
    https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp
    https://www.windev.com/windev/WD-Express.htm
    https://www.windev.com/windevmobile/WM-Express.htm
    http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html


    Lição 7.3. Transações e pagamentos seguros
    Esta lição vai te ensinar os seguintes conceitos
    • Protegendo as informações e as páginas via TLS / SSL.
    • Pagamento garantido.
    Duração da aula

    Tempo estimado: 15 min
    Lição AnteriorÍndicePróxima lição
    Protegendo as informações e as páginas via TLS / SSL

    Visão geral

    Por padrão, os dados trocados entre o computador do usuário da Web e o servidor da Web não são protegidos. Esses dados fluem claramente na rede.
    Vários sistemas podem ser usados ​​para proteger os dados. Um sistema comum consiste na utilização do protocolo TLS (Transport Layer Security) / SSL (Secure Socket Layer). As informações não são mais trocadas por meio do protocolo HTTP, mas por meio do protocolo HTTPS (por exemplo: https://customers.mywebdevsite.com/customers).

    Implementar transações seguras por meio do protocolo TLS / SSL

    Para implementar transações seguras via TLS / SSL, você deve instalar um certificado no servidor web e configurar o servidor web.
    Dois métodos diferentes podem ser usados ​​para obter um certificado:
    1. Uma compra ao lado de um organismo certificado.
    2. A geração de um certificado autoassinado.
    Consulte Criando um certificado SSL que pode ser usado com SocketCreateSSL para obter mais detalhes.

    Transações protegidas por TLS / SSL em um site WEBDEV

    O modo seguro é implementado ao exibir a página que precisa ser protegida (página para inserir o número do cartão de crédito, por exemplo).
    Tudo o que você precisa fazer é chamar SSLActive no código do navegador do botão que abre esta página.
    Assim que a página segura for aberta, todas as ações serão executadas no modo seguro (o que significa criptografadas), independentemente dos objetos usados ​​(link, tabela, looper, imagem clicável, ...).
    Consulte a ajuda sobre SSLActive para obter mais detalhes.
    pagamento seguro

    Visão geral

    A maioria dos sites de negócios que permitem aos usuários da Web realizar uma compra online está usando um sistema de pagamento online por cartão de crédito.
    O pagamento seguro é um recurso essencial para um site de e-commerce. A solução de pagamento deve tranquilizar o usuário da Web (o "cliente") e deve garantir o pagamento ao site da empresa.
    Os dados trocados durante esta transação devem ser protegidos (por meio do protocolo SSL que foi descrito no parágrafo anterior, por exemplo).
    Estão disponíveis várias soluções de pagamento (PayBox, ATOS, CyberMut, CyperPaiement, SPPlus, ...).
    O princípio para pagamento seguro pode mudar ligeiramente de um provedor para outro, mas em geral é o mesmo:
    Princípio de pagamento seguro
    • 1 a 4. Preparação do pedido no site de e-commerce: o internauta faz o pedido no site. Durante a operação de pagamento, o site de e-commerce transfere as informações utilizadas para identificar o pedido (número do fornecedor, valor da fatura, etc.) para o operador de pagamento.
    • 5 a 7. Digitação e verificação do número do cartão de crédito: o usuário digita o número do cartão de crédito em uma página de pagamento seguro. A transmissão de dados é protegida via SSL para garantir a confidencialidade dos dados. O site da empresa não sabe o número do cartão de crédito digitado pelo usuário da web.
    • 8. Voltar ao site de e-commerce: o operador de pagamento indica ao site de e-commerce se o pagamento foi validado, cancelado ou recusado.

    Cuidado!

    		Importante: este domínio evolui muito rapidamente. Antes de implementar uma solução de pagamento, verifique sempre as soluções mais recentes propostas pelos diferentes fornecedores!

    Sistema para pagamento seguro em um site WEBDEV

    Etapas gerais
    Na maioria dos casos, as seguintes operações devem ser realizadas ao implementar uma solução para pagamento seguro:
    1. Solicite um kit de desenvolvimento ao operador de pagamento (PayBox, ATOS, SIPS, CyberMut, ...).
    2. Entre em contato com a operadora de pagamento para estabelecer um contrato de vendas remotas. Nesta etapa, o banco fornece um número de fornecedor.
    3. Contate o operador de pagamento para estabelecer um contrato especificando os parâmetros para o contrato de vendas remoto.
    4. Implemente o site de negócios.
    Usando o componente fornecido com WEBDEV: "Componente de Pagamento Seguro"
    Vários componentes usados ​​para realizar o pagamento online são fornecidos com o WEBDEV. O componente "Pagamento seguro" inclui vários modos de pagamento seguro. O componente "Pagamento seguro" é fornecido com seu código-fonte e um exemplo de uso.
    • Para abrir o exemplo de uso do componente "Pagamento seguro":
      1. Abra a página inicial do WEBDEV (Ctrl + <).
      2. Clique em "Abrir um exemplo".
      3. Na área de pesquisa, digite "Pagamento".
      4. Clique no link correspondente ao exemplo "WW_SecurePayment": o projeto correspondente é aberto automaticamente no editor.
      5. No painel "Explorador de projetos", selecione a configuração "Exemplo".
      6. Você pode testar este exemplo.
    Postado por às Nenhum comentário:
    Marcadores: , ,
    Assinar: Postagens (Atom)

    Teste

    Teste
    teste