plataforma integrada de desenvolvimento web · plataforma integrada de desenvolvimento web...

PLATAFORMA INTEGRADA DE DESENVOLVIMENTO WEBInternet, Intranet, Cloud, Web 2.0, Ajax, HTML5, PHP, Todas as bases de dados Multi-plataforma CÓDIGO: Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows 10Mobile-UWP, iOS (iPhone, iPad) ... desenvolvimento 5GL

NOVA VER-SÃO

Sites sempre atualizados, quepartilham de forma segura osdados da empresaNATIONAL AWARD

H oje, ossites da Internete intranet estãoligados em tempo

real aos dados daempresa e estes

comportam-se comoaplicações desenvolvi-

das. WEBDEV 21 é a melhor

solução para criar estessites.

Com WEBDEV 21, as suas equipascriam estes sites e aplicações 10

vezes mais rápido. Mantenha-se dentro doorçamento.

Confiança dezenas de milhares de programadoresem todo o mundo, escolhem a plataforma maisrápido para desenvolver e implementar os seussites e aplicações de Internet e Intranet: WEBDEV 21.

T a b e l a d ec o n t e ú d o s

3 Ciclo de vida inteiro

4 Perguntas/Respostas

6 Exemplos

8 Compatibilidade do browser

9 Uma tecnologia revolucionária

10 IDE: o ambiente WYSIWYG

13 A «7-tab» técnica

14 Modelos

15 Web Design Responsivo

16 Zoning e editor de HTML

18 HTML5 & CSS3

20 Sites estáticos e dinâmicos

21 Intranet, Internet

22 SSL, Pagamento seguro

23 SEO Referenciamento natural,Segurança da palavra passe

24 Campos adaptados à Web

30 O campo RTA

31 Exporte para Word, Excel,

64 idiomas

32 A linguagem 5GL

33 Editor de código

34 Depurador, testes unitários

35 Componentes, OOP

36 Ajax em 1 clique,

Servindo Dinâmica

37 Web services

38 Modelização UML

39 Todas as bases de dados

40 HFSQL: base de dados gratuita

42 Editor visual de consultas

43 Gerador de Relatórios & PDF

44 Gestão de versões (SCM)

45 Gestão de projecto

46 importe para HTML & WINDEV

47 PHP

48 Acesso nativo ao Google, SAP,...

49 Saas e Cloud

50 Distribuição

52 Alojamento

54 Administração, Estatísticas

55 Front Office, Back Office

57 Exemplos de sites

BEM-VINDO AOMUNDO INTERACTIVODA INTERNET!

www.windev.com • 3

4 • WEBDEV 21: Desenvolva 10 vezes mais rápido

1 Para quem é o WEBDEV 21? É para qualquer programador ou empresa que queira criar sitese aplicações Internet, Intranet, nuvem e SaaS.

2 Quais são os tipos de sites e aplica-ções que podem ser criados?

Qualquer tipo de site WEBDEV é especialmente adequado para sitesdinâmicos, isto é, sites que se comportam como aplicações «normais»,e gerem dados em tempo real

3 O que eu necessito de saber?Necessita de ter programado pelo menos uma vez na sua vida(ou na escola!). Na maioria dos casos, uma semana é suficientepara a auto formação com o tutorial fornecido com o produto.

4 Necessito de algum conhecimentoespecial de Internet?

Não. As suas equipas de desenvolvimento irão criar sites robus-tos e eficientes. Todo o código (HTML, JavaScript, Server) égerado pelo WEBDEV 21.

5 Poderei criar sites Web DesignResponsivo com WEBDEV 21 Sim. É muito simples.

6Qual é o principal benefício do WEBDEVcomparativamente a outras ferramen-tas?

Existem vários, para citar alguns: total integração, facilidade deutilização, velocidade de desenvolvimento, de 3 a 10 vezes maisrápido, ou o acesso a base de dados. E o Webdev é «Uma pilhacompleta”

7 Está o WEBDEV verdadeiramenteadaptado às tecnologias standard?

Sim, tal como o HTML, HTML5, XML, CSS, JavaScript ou PHP.Mas não necessita saber todas estas tecnologias, o WEBDEVgera automaticamente o código necessário.

8 Eu já tenho uma aplicação. Podereiutilizá-la com o WEBDEV?

Sim. Pode importar páginas HTML existentes. Pode misturarpáginas WEBDEV com outras existentes no site, mantendo o seucódigo existente.

9 Não necessito de conhecer Java, HTML,PHP ou JavaScript para criar sites?

Não, não é necessário. O WEBDEV gera automaticamente ocódigo HTML, JavaScript, CSS e PHP.

10E se eu pretender inserir o código doHTML directamente ou utilizar códigoJavaScript existente?

WEBDEV é aberto. Pode inserir (ou copiar) HTML, PHP ou códigoJavaScript diretamente no editor, e ainda utilizar script ASP.

11 Eu li que o WEBDEV é compatível comWINDEV; necessito de ter o WINDEV?

O WEBDEV é uma plataforma totalmente independente.Nenhuma outra ferramenta é necessária para desenvolver com oWEBDEV.

12 E se eu já tiver o WINDEV?Neste caso, por um lado, a adaptação será mais rápida, poroutro vai ser capaz de transformar as suas aplicações WINDEVem aplicações Web ...

13 É o editor de páginas WYSIWYG? Sim, ao pixel!

14 Que bases de dados posso usar com oWEBDEV?

Todas as base de dados podem ser usadas: HFSQL, MySQL, SQLite,Oracle, AS/400, SQL Server, DB2, Informix, PostgreSQL, Progress,Access, ... Pode também aceder a informação Big Data.

15 O Ajax, XML, CSS, W3C, JSON,JQuery é suprtado? Sim.

16 Posso desenvolver grandes e comple-xos sites em WEBDEV? Sim, esta é a sua maior valência: Internet, Intranet e sites SaaS.

17 O suporte técnico está disponível? É muito simples: Suporte Técnico o WEBDEV é gratuito (15inquéritos personalizados e gratuitos por e-mail)

18 Quem usa o WEBDEV?

Todos os tipos de entidades profissionais: empresas de consulto-ria, departamentos de SI, engenheiros de laboratório, escritóriosgovernamentais, as administrações, os consultores individuais,etc.

19 Eu posso criar sites em «PHP puro»com WEBDEV 21? Sim, esta é uma característica padrão.

20 Então Webdev é «a» ferramenta para cria-ção de sites dinâmicos? Sim.

Vamos res-ponder às pergun-tas mais frequen-temente questio-nados sobre WEBDEV

Você certa-mente encontraráas respostas aalgumas das suasperguntas.

Tem mais algumasquestões? Ligue-nos, teremos muitoprazer em res-pondê-las.

Hospedar o seu siteno Windows ou noLinux!(e na Nuvem)

QUESTÕESRESPOSTAS


WEBDEV 21gere todo ociclo de vidados seus sites

WEBDEV 21 SUPORTA TODOS OSPASSOS PARA A CRIAÇÃO DE UM SITE

W E B D E V,um produto

completo e total-mente integrado:

formação rápida,melhor suporte técnico (e

gratuito).

Sites dinâmicos são agora anorma para sites da Internet ou

Intranet. Estes sites podem ser facil-mente criados e mantidos com WEB-

DEV 21.

• Modelização• Concepção• Análise e docu-

mentação de pro-gramas

• Ligação com sitesestáticos existen-tes

• Bases de dados• Programação

(5GL, Ajax,Webservice, .NET,J2EE, HTML,HTML5, JavaScript...)

• Capacidade dereutilização do

código existente• Relatórios (PDF,

códigos de barras,...)

• Pagamentoseguro

• Criação e uso decomponentes

• Documentação• Testes durante o

desenvolvimento• Ligação ao Back

Office• Alojamento• SaaS, gestão de

Nuvem

• Trabalhando comWeb designers

• Configuração naempresa de hos-pedagem

• Testes de regres-são

• Testes de desem-penho

• Integração contí-nua

• Manutenção eevoluções

• Estatísticas detráfego

• Desenvolvimentoassistido

TODAS AS ETAPAS DO DESENVOLVIMENTOSÃO SUPORTADAS PELO WEBDEV 21

WEBDEV: “FERRAMENTA DE DESENVOLVIMENTO PILHA COMPLETAL»

SÃO FORNECIDOS SITES REUTILIZÁVEISE PERSONALIZÁVEISWEBDEV 21 vem com um grande número de sites já desen-volvidos. São fornecidas tanto as páginas como o código-fonte: pode usar esses sites diretamente, modificá-los, per-sonalizá-los, revendê-los ...

UM BENEFÍCIO EDUCACIONALTambém pode estudar a análise e o código desses sites coma finalidade de aprender com estes.

ENTRE OS SITES FORNECIDOS ...Aqui está uma seleção de alguns dos sites fornecidos:

• Site de vendas Loja, cesto, gestão de pagamentos.

• Anúncios classificadosGestão de múltiplos critérios de seleção.

• Diretório partilhadoCom uma Intranet, o diretório pode ser partilhado dentro daempresa. Na Internet, o diretório pode ser partilhado entre váriosramos, ou por membros de uma associação ...

• Gestão de inventário de equipamentosLocalização e atribuição de equipamentos através de um site.

• ImobiliáriaProcurar um imóvel de acordo com vários critérios.

• CMSSistema de gestão de conteúdos.

• Gestão de uma base de dados de docu-mentosPara arquivar e encontrar documentos utilizando palavras-chave.

• Pagamento seguro(ver detalhes na página 20)

• Gestão de agência de viagens Apresentação de hotéis, disponibilidade, seleção de acordocom vários critérios, ...

• Notícias Fórum, Blog, site de mídiaSocial ...... e vários exemplos adicionais que podem ser utilizados ime-diatamente.

ETC.Vários exemplos adicionais também são fornecidos comopáginas, ou como objectos no dicionário interactivo.

ECONOMIZE TEMPOOs sites fornecidos, que podem ser adaptados às suas pró-prias necessidades, vão-lhe economizar muito tempo durantea fase de desenvolvimento.

Reutilize osexemplos nos

seus sites

WEBDEV®

É FORNECIDO UMA GRANDE QUANTIDADEDE SITES PRONTOS-A-USAR

Porq

ue o

s sit

es fo

rnec

idos

con

tinua

m a

evo

luir

o te

mpo

todo

, a s

ua a

parê

ncia

e co

mpo

rtam

ento


SITES CONSTRUÍDOS COMWEBDEVVejamos alguns dos milhares de sites construídoscom WEBDEV. Veja mais de 1.000 sites nawww.WINDEV.com.

DEZENAS DE MILHARES DE SITES

Milhares deoutros sitespara descobriremwww.windev.com


Internet Explorerno Windows

Edge no Windows

Firefox no Linux ouWindows

Tablet com Android

Chrome no Windows

Safari no Mac

WEBDEV gerasites compatí-veis com opadrão W3Cmediantepedido

SITES CRIADOSCOM WEBDEVSÃO COMPATÍ-VEIS COMTODOS OSBROWSERS

Todos os navegadoresoferecem característicasespecíficas, que podematé diferir de acordocom as versões.WEBDEV gera códigogenérico, que é reco-nhecido por quasetodos os navegadoresWeb standard do mer-cado. Vejamos como omesmo site é apresen-tado em diferentesnavegadores e siste-mas.

O MESMO SITE

WEBDEV

APRESENTADO EM

TODOS OS

NAVEGADORES

SEUS SITES SÃO COMPATÍVEIS COM TODOS OS BROWSERS

8 • WEBDEV 21: Desenvolva 10 vezes mais rápido www.windev.com • 9

WYSIWYG: crievisualmente

WEBDEV®

CRIAÇÃO DE PÁGINA: O CONCEITO REVOLUCIONÁRIOCrie o seu site «apenas com o rato», o WEB-DEV 21 gera automaticamente o códigoHTML, o código JavaScript e o código deServidor necessários para o site. E, a pedido,o WEBDEV 21 ainda gera o site em PHP.

CLIQUE AO INVÉS DE CÓDIGOWEBDEV 21 é um ambiente completamenteintegrado. Todo o desenvolvimento é feitonum único ambiente e numa única lin-guagem: WLanguage, é muito PODE-ROSO e FÁCIL para aprender 5GL.WEBDEV 21 liberta-o do pesado e complexo

desenvolvimento de Internet. Além disso, os processos são separados das páginas, aocontrário das linguagens de programação tradicionais.As páginas são facilmente criadas através do posiciona-mento dos campos com o rato (consulte a caixa na página10). Áreas de controle podem ser criadas para se mover e mudarum bloco.

HTML, CSS E JAVASCRIPTNão há necessidade de saber HTML, CSS ou JavaScript paracriar sites dinâmicos bonitos e poderosos.WEBDEV 21 gera todo o código necessário por si.Mas WEBDEV 21 é ABERTO, pode sempre inserir direta-mente (ou colar) o código de baixo nível de que necessita:HTML, CSS, Javascript, JQuery, Bootstrap, Angular JS, ASPscripts , scripts PHP...

Com WEBDEV 21, as suas equipasdesenvolvem 10 VEZES MAIS RÁPIDOqualquer tipo de site ou aplicação, Internet,Intranet, Extranet e Saas.

O editor WEBDEV: criar pági-nas e campos visualmentecom o rato!

Código em HTML quenecessita para inserir

Código JavaScript quenecessita para inserir

WLanguage no WEBDEV: sim-plificar e reduzir o código!

A criação de páginas e camposbem como a configuração, éefetuado no modo WYSI-WYG, com o rato. Não há necessidade de saberHTML para criar páginas sofis-ticadas.


O métodomais intuitivo

WEBDEV 21 disponibiliza omais poderoso, o mais user-friendly e o mais integradoambiente de trabalho dispo-nível no mercado!As suas equipas irão facil-mente criar sites surpreen-dentes. Não é necessárioqualquer conhecimento pré-vio de programação deInternet.O editor de páginas do WEBDEV per-mite~lhe rápido e facilmente, construirpáginas incríveis.Repare ao que o WEBDEV está aberto:se pretender é possível também incluirou interagir com outras tecnologiasWeb (Angular JS. Bootstrap...)

OS CAMPOS NASPÁGINAS É WYSIWYGREVOLUCIONÁRIO!Os diferentes campos (edição, estático,imagem, ...) são criados e posicionadosvisualmente, de forma interactiva noeditor. O que vê no editor correspondeao que o utilizador Web verá no seubrowser.Páginas (como os campos, as configu-rações detalhadas do 7-tab e o seucódigo) são guardados como elemen-tos reutilizáveis.Esta técnica é utilizada para simplificara programação, gerindo as páginascomo objetos avançados. O editor de paginas permite-lhevisualmente criar e modificar camposindependentemente do codigo fonte.Pode também subscrever as possíveis

modificações de um objeto partilhadopor vários programadores (herança)

Com WEBDEV 21, pode utilizar códigopersonalizado para modificar as pro-priedades de um campo: destino, cor,apresentação, ... Por exemplo, dependendo do perfil doutilizador Web, pode ocultar ou apre-sentar campos específicos, ... Tudo édinâmico!

Esta abordagem de gestão de páginase campos permitirá poupar muitotempo na manutenção dos seus sitese torná-los mais robustos.Um simples «GO» permite testar ins-tantaneamente o seu site.

POSICIONAMENTOPRECISO Você escolhe o tipo de posiciona-mento: streaming ou ao nível do pixel.WEBDEV utiliza poderosos algoritmosde posicionamento do rato para posi-cionar objetos ao nível do pixel. WEBDEV também pode utilizar folhasde estilo CSS. As folhas de estilo são facilmente cria-das a partir do ambiente.

Se necessitar está disponível o posi-cionamento de tabelas.

ANCORAGEM As ancoragens definem como o con-teúdo de uma página se comportaráquando a página é ampliada pelo uti-lizador ou se passa de uma orientaçãovertical para horizontal.É muito fácil gerir ancoragens comWEBDEV 21.

TODOS OS CAMPOSPARA A INTERNETO editor do WEBDEV permite criar elidar facilmente com todos os objetos

WEBDEV®

UM AMBIENTE VISUAL PODEROSO

Um método revolu-

cionário!

Criação de página é

fácil:

arraste os campos a

criar a partir do

menu ribbon, posi-

cione-os diretamente

utilizando o rato!

As características

personalizadas do

campo são

definir visualmente

através do «7-tab»

(ver página 13)


que serão necessários para construirrapidamente magníficos interfaces (verpáginas 24 a 30).

Os principais objectos geridos pelo edi-tor UI são:• Texto, HTML estático, Área de texto• Campos de edição e de texto enri-quecido• Campo de apresentação formatada• Radio button, check box• List box, combo box, árvore• botão texto, botão gráfico• câmara Web• Estático, dinâmico, imagem gerada • Áreas clicáveis, mapa de área• Tabela, campo Looper• Campo HTML• Campo página• Campo template, • IFrame, página interna• Caminho do Site, Mapa do site • Gráfico, calendário• Mapa Google, Classificação, RedesSociais• Pastas, etc.As máscaras de edição HTML5 sãosuportadas.

CAMPO LOOPER WEBDEV permite criar loopers de váriascolunas, preenchidas automaticamenteatravés de um link de ficheiro ou porprogramação ( ver página 24).

DEFINIR UM LINK Para definir um link de um botão grá-fico ou de um campo link, tudo o quetem a fazer é apontar a página a visua-lizar através do mini-modificador.

Este link pode ser redefinido no seu pro-grama, se necessário.

GRÁFICOS DENEGÓCIOSINTERACTIVOSUm editor gráfico é fornecido comWEBDEV; este permite-lhe criar gráficosde pizza, gráficos de barras, gráficosfinanceiros em 2D ou 3D, ... em 2D ou3D. Os gráficos são interactivos ouestáticos, com ou sem mira.

BOTÃO DE PREVENÇÃOMULTI-CLIQUEMúltiplos cliques nos botões de valida-ção são ignorados por defeito. Um uti-lizador que clica 3 vezes no botão«Validar» não vai receber 3 pedidos ...

MAPA DO SITEO mapa do site é construído através daanálise das páginas existentes deacordo com as ligações fixas e codifi-cadas.

Um campo «Mapa do Site» é criadoautomaticamente com a finalidade deser incluído no site gerado.

MODELOS PARA TODOSOS USOSWEBDEV 21 vem com um grandenúmero de modelos (páginas pré-defi-nidas: Design Material, ...) que permitecriar facilmente sites para qualquerfinalidade.

CRIE FACILMENTE AS SUAS PÁGINAS

PÁGINAS FÁCEIS E DE BOA APARÊNCIA As páginas são criadas de forma fácil, visualmente, e tem à suadisposição diversos campos eficazes. O «campo edição» noWEBDEV, com todas as suas características integradas, e queé largado numa página por Drag & Drop corresponde a mais de50 linhas de código JavaScript! Pode facilmente imaginar onúmero geral de linhas que poupará.

Descubra nas páginas a seguiralguns dos principais recursosoferecidos pelo editor integrado doWEBDEV 21.


WEBDEV®

INTEGRADO E INTUITIVO AMBIENTE WEBDESIGNA facilidade de utilização doambiente de trabalho doWEBDEV WYSIWYG é propícioa uma melhor produtividade. As suas equipas vão desen-volver de forma mais simplesos sites que necessita, satis-fazendo os seus clientes eutilizadores.WEBDEV 21 é fácil começarcom: geralmente umasemana é tudo o que um pro-gramador necessita.Tudo em Ingles: é mais fácil.

Tudo é integrado, utilizando o mesmomodo de funcionamento, tudo é visual,tudo está incluído: as suas equipas irãodesenvolver mais rápido!O suporte técnico 5 também estáincluído, o que proporciona maior con-forto e poupança visíveis, bem como aredução do tempo de desenvolvimento.Note-se que os projectos podem ser sal-vaguardados na nuvem, o que facilita otrabalho em equipa.WEBDEV 21 é compatível com o WIN-DEV 21. Roda cromática no ambiente

O pequeno qua-drado amareloindica que o campoé parte de ummodelo

O menu sensível aocontexto (botãodireito) está disponívelpara aceder rapida-mente os vários recur-sos

O menu sensível aocontexto (botão direito)

está disponível paraconfigurar as barras de

ícones.

O painel propõe com-ponentes campos,

código, ... para econo-mizar tempo

Painel: este for-nece uma visãoglobal do pro-jecto; um duploclique (ou umDrag / Drop),realizado numelemento abre-oimediatamente

Ribbon móvel & barrade ferramentas, visívelou oculto, e configurá-

vel

Barra do estado apre-sentando o nome da

página, o seu tamanho...

O Interface dos editoresé muito intuitivo e efi-

ciente.

Nota: a combina-

ção de teclas Ctrl

W permite-lhe

limpar seu espaço

de trabalho, ocul-

tando os painéis.

Visor opcional

O AMBIENTE INTEGRADO É MUITOINTUITIVO

A metodologia 7-tab utilizada para a definição decampos é muito intuitiva e poderosa: não há neces-sidade de saber programação Internet, tudo estáem Inglês explícito.As características de cada campo são definidas através de um diá-logo interativo exclusivo, que é muito simples, mas muito pode-rosas: a janela “7-tab” .Cada separador permite definir as características do campo. Estascaracterísticas podem ser modificadas por programação, se neces-sário.

O conteúdo de cada separador difere de acordo com o tipo doobjeto; vamos ver os detalhes dos 7 separadores para um campo«Edição».

“Separador» ligação: para conectar dados com páginas,...

“Separador Ajuda» dica de ferramenta, mensagens deajuda ...

“separador avançado»: para digitar ou copiar códigoHTML

“separador Detalhes»: definir as características deentrada

“Separador Estilo»: Define as características dos campostamanho da fonte, caracteres forçados em maiúsculas ...

“Separador Código»: digitar o WLanguage, Javascript oucódigo PHP no evento directamente (na entrada do

campo edição, no clique do campo, ...)

A tecnologia 7-tab permite-lhe criar páginasde forma eficiente.


As 7 guias sim-plificam as cria-ções de páginas:tudo o que tema fazer é clicar

WEBDEV®

TECNOLOGIA 7-TAB: CAMPOS PODEROSOS EMAPENAS ALGUNS CLIQUES

“SeparadorGeneral”: nome,legenda, tipo decampo, estilo devisualização ...Máscaras aquipropostas

1

4

5

6

7

2

3

Começar um novo site comWEBDEV 21 é brincadeira decriança: escolhe um modelo,um skin, uma paleta de corese a sua primeira página écriada sobre uma basesólida!

MODELOS DE PÁGINA:ESTRUTURE O SEU SITEModelos de páginas são elementoschave para a construção de Web sites.Um modelo de página contém o layout«comum» a várias páginas.O modelo de página define a arquite-tura da página: • cabeçalho da página• menu• coluna• rodapé de página• anúncios• … (Veja o conceito de zonagem, página16).Os elementos comuns são posiciona-dos neste modelo de página.Um modelo de página também podeconter imagens, campos, linhas decódigo, procedimentos, …Ao criar o site, cada página criada podeherdar de um modelo de página.Qualquer modificação efectuada aomodelo da página será automatica-mente propagada a todas as páginasque usam esse modelo.Numa página, tem a possibilidade de«sobrecarregar» as propriedades domodelo de página, se necessário.

MODELOS DE PÁGINAPREDEFINIDOSWEBDEV 21 oferece um grandenúmero de modelos de página prede-finidos.Estes modelos permitem-lhe economi-zar uma grande quantidade de tempona criação de um web site.Estes modelos predefinidos encon-tram-se disponíveis em vários estilos.

SKIN, PARA DEFINIR AAPARÊNCIA DE PÁGINASO skin é um conjunto de estilos, umapaleta de cores, ilustrações, fontes,…Alterando o skin permite-lhe modificara aparência do site ou página sem alte-rar a estrutura ou o layout das páginasO WEBDEV 21 disponibiliza um largonúmero de modelos de estilos.

Pode alterar um skin de um site oupágina a qualquer momento.

A PALETA DE CORES,HARMONIZAR CORESA paleta de cores é um conjunto decores harmoniosas (cores complemen-tares, por exemplo) utilizadas nos esti-los ou páginas.Uma paleta de cores define, por exem-plo, uma cor de texto para um título,bem como a cor de fundo correspon-dente, ou a cor de um botão, etc.O WEBDEV fornece-lhe um grandenúmero de paletas de cores prontas ausar.


MODELOS: FÁCIL!

Mudando o skin num site. Um site durante a primavera...

O mesmo site durante o inverno: o skin foi alterado (cor,estilos,...)

O QUE É WEB DESIGNRESPONSIVO?O Web Design Responsivo é ummétodo de desenvolvimento paraWeb.A base para este método é permitirque a mesma página Web automati-camente se adapte durante a navega-ção ao tamanho e resolução do ecrãonde este é apresentado.A principal vantagem é ser capaz deidentificar uma página Web parasmartphones, tablets e desktops tudoem um.A adaptação é feita em tempo real nobrowser. Esta adaptação também per-mite otimizar os modos retrato e pai-sagem.

Um site WEBDEV 21 responsivonum tablet

O mesmo site exibido numsmartphone

BENEFÍCIOS DE SITESRESPONSIVOS: “MOBILEAMIGÁVEL E MELHORREFERENCIAMENTONa sua classificação de sites duranteuma pesquisa, o Google agora favo-rece sites móveis amigáveis, ou seja, ossites cujo formato é adaptado a dispo-sitivos móveis. Graças a WEBDEV 21 Web DesignResponsivo, os seus sites são automa-ticamente amigáveis em termos demobile, logo, obtêm uma melhor clas-sificação do Google.

CRIANDO PÁGINASRESPONSIVAS COMWEBDEV 21: VISUAL!Páginas responsivas são criadas visual-mente no editor.No modo de edição, as páginas res-ponsivas são apresentadas automati-camente com uma grelha de posicio-namento.Esta grelha é feita de um conjunto decolunas de tamanho idêntico.Os campos da página são posicionadose ancorados à largura dessas colunas.Quando a largura da página varia, agrelha adapta-se e os campos ajustam-se automaticamente à sua posição etamanho.Assim que a página é criada direta-mente no editor, você pode ver o resul-tado em diferentes larguras de página.

Para ver o comportamento,leia o código ou visitewww.windev.com/21732

FATIAS DE RESOLUÇÃOUma página responsiva também utilizao conceito de «fatias».Uma fatia é definida por uma larguramínima no navegador e uma larguramáxima no navegador que vai permi-tir que o conteúdo da página se adaptea diferentes dispositivos. Numa fatia, pode adaptar o tamanhoda fonte, a posição e o tamanho doscampos podem ser modificados, etc.


FÁCIL WEB DESIGN RESPONSIVO!WEBDEV®

Neste exemplo, com a apresentação de umapágina com um tamanho grande e de estreitadimensão, o designer do site decidiu que:• O tamanho da fonte no título é maior no tele-

fone (para melhor legibilidade)• A banda de publicidade não é visível porque

há menos espaço• Uma imagem diferente (ou uma imagem

recortada de forma diferente) é utilizada

16 • Desenvolva 10 vezes mais rápido

ZONA DE EDIÇÃOWEBDEV 21 permite definir áreas deedição numa página, chamamos a isto«zonagem».Áreas permitem definir a arquitetura dapágina: cabeçalho, rodapé, ...Tudo o que tem a fazer é dividir apágina em «áreas» lógicas.Uma área contém os campos localiza-dos na mesma.Zoning é normalmente definida nummodelo de página e será comum avárias páginas do site (veja ao lado).Uma vez que estas áreas edição estãodefinidas, é mais fácil para editar apágina.

ANCORAGEMÉ possível definir a ancoragem de cadaárea e dos campos que fazem parte dazona.Por exemplo, para fazer com que ajanela do navegador possa esticar umaárea da página para dar mais espaçopara um campo de texto, enquantoempurramos para fora as áreas adja-centes.

ZONING EM TEMPO DEEXECUÇÃOTambém poderá definir o comporta-mento das zonas e seu conteúdodurante a navegação (tempo de exe-cução).Quando o utilizador modifica o tama-nho do navegador ou se o conteúdo deuma área altera, a página pode reor-ganizar o seu layout harmoniosa-mente.Tudo isto é gerido automaticamentepelo WEBDEV 21!Os motores de busca reconhecem asemântica das áreas e melhoraram areferenciação da página.

ZONING:LAYOUT FÁCIL!

TRABALHANDO COMUMA ZONASe a área é movida, os seus camposserão movidos automaticamente coma área.Este modo de edição simplifica asoperações na criação e modificaçãode páginas.Uma ferramenta de «lápis» permite-lhe dividir a página de uma maneiravisual.Estas zonas são materializadas e

podem ser facilmente manipuladasno editor. Por exemplo, aumentando a altura daárea do cabeçalho automaticamentemovem-se para as áreas de fundo asque se encontram abaixo: a área docorpo e área de rodapé.Ao imprimir, a posição relativa doscampos encontrados em cada zona érespeitada, bem como a sua ancora-gem.A edição é WYSIWYG.

O EDITOR INTEGRADO DE HTMLPara aqueles que querem modificar o código HTML gerado peloWEBDEV, irá encontrar na ferramenta um editor visual, muito pode-roso e muito fácil de usar.



HTML5 AVANÇADO

MÁSCARAS DE EDIÇÃOHTML5A norma HTML 5 disponibiliza másca-ras em campos de edição.Com este tipo de máscara, o site deixaa gestão de entrada e valida o nave-gador. Não é a página (o site), que rea-liza as validações, mas o próprio nave-gador. As máscaras suportadas são: E-mail,URL, Data, Hora, DateTime, Mês,Semana, Número, Intervalo, Pesquisa,Número de telefone, Cores, ...No editor do WEBDEV 21, tem a capa-cidade de definir uma máscara nativaou uma máscara HTML5. máscara.

LOCALIZAÇÃO GPSDIRETAMENTE EM MODONAVEGADORWEBDEV 21 oferece um conjunto defunções navegador que lhe permiteminteragir com os recursos do dispositivode GPS, se o dispositivo os oferecer:localização, movimentação, ...

Aqui um mapa apresentado atravésde um campo de «imagem»: a rota

foi desenhada utilizando as funçõesde desenho no modo «Browser»

(sem aceder ao servidor)

DESENHANDO EMMODO NAVEGADORWEBDEV 21 disponibiliza funções dedesenho baseadas no HTML 5. A família bem conhecida de funçõesWLanguage de desenho, também seencontram disponíveis em códigonavegador.Isto é muito útil para adicionar notas aum mapa ou a um campo de realidadeaumentada.

VÍDEO SEM LEITORUm site construído com WEBDEV 21 eutilizado por um navegador quesuporta HTML 5 como padrão, nãorequer nenhum plug-in (WindowsMedia Player, Quick Time ou Flash)para reproduzir vídeos.Isto permite a interação com o vídeovia WLanguage e personalizar a suaapresentação.

AUTO COMPLETARAUTOMATICAMENTENavegadores recentes com HTML 5disponibilizam automaticamente oauto completar nas páginas de formu-lários.Quando o utilizador inicia a introduçãode informações num formulário (umamorada de entrega, por exemplo),todos os campos na página são preen-chidas instantaneamente. Este recurso é perigoso para dadosconfidenciais. Na versão 21, podedesativar este recurso do campo atra-vés da nova opção chamada “Disableautocomplete”. Esta segurança tam-bém é importante para computadorespartilhados.

HTML5 E W3CEm WEBDEV 21 não necessita escrevercódigo HTML, o WEBEDV gera issoautomaticamente!O código HTML gerado pelo WEBDEV21 respeita a norma HTML5 e segue asrecomendações do W3C.O respeito pela norma HTML 5 asse-gura a compatibilidade da página emtodos os navegadores comerciais quesuportam esta norma.

HTML5:PODEROSOHTML 5 representa umaimportante evolução dosstandards Internet.Páginas da Internet com-plexas estão a ser padro-nizadas e novos recursos são introdu-zidos.A norma HTML5 permite tirar partidode todas as recentes melhorias donavegador e oferecer recursos avança-dos.

COMPATIBILIDADECOM OSNAVEGADORESMAIS ANTIGOS:HTML4TRANSICIONAL

Para garantir a compatibilidade comversões de navegadores mais antigos(usados na intranet, por exemplo), oWEBDEV permite igualmente oferecersuporte a sites na norma HTML4Transitional.

HTML5

USANDO SITES OFFLINE WEBDEV 21 permite-lhe especificarque um site ou um conjunto de pági-nas pode operar em modo offline (semconexão com a Internet).Neste caso, todos os recursos (páginas,imagens, .js, ficheiros .css, ...) utilizadospelo site ou páginas são automatica-mente colocados em cache namáquina do utilizador pelo navegador.Portanto, o site pode ser utilizado semter de se reconectar à Internet.

ARMAZENAMENTOLOCAL WEBDEV 21 permite que um site arma-zene informações no computador doutilizador.Esta informação é armazenada numcontexto específico para o navegador.

ACESSO EM MODOLOCAL A UMA BASE DEDADOS (SQLITE) WEBDEV 21 permite que um site crie eaceda a uma base de dados criada pelobrowser no computador do utilizadorda Web no código navegador. Esta característica permite, por exem-plo, inserir dados em modo offline e,de seguida, enviá-los para o servidorassim que a conexão for estabelecida.

ALTERAÇÃO DOSESTILOS WEBDEVDIRECTAMENTE EM CSSOs estilos criados com o WEBDEV 21são armazenados em folhas de estiloCSS3 standard. O estilo CSS3 gerado, se necessário,pode ser modificado diretamente numficheiro CSS. Esta abertura é oferecida de modo apermitir que os especialistas em CSS3reutilizem as suas competências nestaárea. Um estilo CSS3 criado pelo WEBDEV21 e modificado fora do WEBDEVainda é reconhecido pelo editor.O modelo alterado pode ser aplicadoda mesma maneira que um modeloWEBDEV é aplicado sobre os camposou as páginas.

IMPORTAR ESTILOS CSSEXISTENTESEstilos CSS3 existentes podem serimportados para o WEBDEV 21 a par-tir de CSS3. folhas de estilo.O recurso de importação permite-lheseleccionar os estilos a importar e osque são para ignorar.No ambiente WEBDEV 21, os estilosimportados são disponibilizados comoestilos criados no WEBDEV.

EDITOR DE ESTILOS CSS O ambiente WEBDEV permite-lhe edi-tar os estilos CSS graficamente atravésde um editor de descrição de estiloCSS.

O editor de estilo CSS3

ADICIONANDO UMAANIMAÇÃO EXTERNA AUM CAMPOO ambiente WEBDEV disponibilizaautomaticamente efeitos de animaçãode campos: intermitente, fade in,zoom, rotação, Flip 3D,… Há outros efeitos especiais, disponíveisno mercado como animações CSS. Porexemplo: pêndulo, flutuação, explosão... Para aplicar este tipo de animaçãonum campo, importe a folha de estiloCSS contendo a descrição da anima-ção, e especifique no estilo do campoo nome da animação a usar, a duraçãoe a sua repetição.

ASSOCIE SCRIPTS DE JSOU JQUERY AOS SEUSCAMPOS

A «classe CSS» pode ser referenciadanum JavaScript externo ou num scriptJQuery para aplicar modificações nocampo ao qual é atribuído.Isto permite modificar dinamicamenteas propriedades e o comportamento decampo.Por exemplo: para poder mover umcampo com o rato, mudar o seu estilo,efectuar um movimento em reação aalguns eventos, fazê-lo interagir comoutros campos ...


O método maisfácil e intuitivo

WEBDEV®

CSS3

CSS3 AVANÇADO

CRIAÇÃO DE ESTILOS:CSS SEM SABER CSS Para criar um estilo com o WEBDEV21, o programador ou o Web desig-ner não necessita de conhecer CSS3:O WEBDEV 21 gera o estilo criadovisualmente graças à tecnologia 7-tab.Os estilos WEBDEV são guardadoscomo estilos standard CSS3.Os estilos podem ser modificados aqualquer momento no editor, asmodificações são, naturalmente, apli-cadas a todas as páginas e campos

que utilizam o estilo modifi-cado.

POSICIONAMENTOCSS3CSS3 também é utilizadopelo WEBDEV 21 para posi-cionar elementos (para opixel ou em fluxos) nas páginas respei-tando a divisão «posicionamento» /«conteúdo HTML».

ANIMAÇÕES EEFEITOS NOSCAMPOSO ambiente WEBDEV 21oferece um grande númerode efeitos e animaçõesbaseadas na tecnologia

CSS3: fade in, zoom em foco, rotação,twirl 3D, etc.Estes efeitos estão disponíveis emtodos os campos e podem ser confi-gurados (duração, curva de aceleração,...)Não necessita saber CSS3.


Hoje em dia, a maioria dasempresas que têm um siteestático querem tirar pro-veito dos recursos dinâmi-cos.

COM WEBDEV 21,REUTILIZE O CÓDIGOEXISTENTEPara reutilizar programas EXISTEN-TES, pode optar por:• adicionar páginas dinâmicas a sites

estáticos• adicionar páginas estáticas a sites

dinâmicos• misturar páginas estáticas e dinâmi-

cas• importar páginas estáticas para um

site dinâmico• ...Em todos os casos, poderá manter emelhorar o que já tinha.

MISTURAR PÁGINASESTÁTICAS E DINÂMICASMISTURAR o estático com o dinâ-mico é a solução mais rápida.Normalmente, a empresa já tem umsite estático. O SITE ESTÁTICO é mantido, e aspáginas dinâmicas são ADICIONA-DAS, ou utilizadas para substituiralgumas páginas estáticas.É também mais fácil ligar de formatransparente dois sites, um estático eoutro dinâmico.

IMPORTAR PÁGINASESTÁTICASWEBDEV 21 propõe uma forte páginaestática e recurso de importação demodelos (ver página 46). As páginas existentes são IMPORTA-DAS para o ambiente e convertidaspara WEBDEV 21

“TEMPO REAL»REQUISITOFoi actualizado um preço no catálogoda empresa? O site é actualizado, ime-diatamente.É criada uma nova referência de pro-duto?Este produto é incluído automatica-mente e de imediato no site dinâmico.Há alterações no inventário? O clienteque fez o pedido é imediatamenteinformado.Não haverá necessidade de modificarconstantemente ou actualizar as pági-nas, o site dinâmico irá sempre exibirDADOS ACTUALIZADOS .

“DINAMISMO» ÉREQUERIDOHoje em dia, os sites devem comportar-se como aplicações! Os seus sites têmde ser sites dinâmicos

ADICIONAR UMA SECÇÃO DINÂMICAA UM SITE ESTÁTICO JÁ EXISTENTE

NOTA: SITE ESTÁTICOUm SITE ESTÁTICO apresenta pági-nas fixas, com links predefinidos paraoutras páginas.No geral, é um conjunto de páginas naInternet que podem ser consultadas.Normalmente, o site oferece informa-ções sobre a empresa, o grupo ou aassociação: actividade, endereço, infor-mações sobre os produtos, às vezes ospreços, uma página de contacto...Os limites dos sites estáticos logo setornam evidentes: cada vez que umaparte dos dados necessitava de sermodificada, essa alteração tinha que

ser feita manualmente, e a página cor-respondente tinha de ser recarregada.Para que a informação sobre o produtose mantenham actualizada, um siteestático teve de ser modificado comalguma frequência.

O QUE É UM SITEDINÂMICO?Um SITE DINÂMICO cria as páginasWeb que o internauta vê em tempo real,baseado nos pedidos e ações do inter-nauta e nos dados constantes da base dedados no momento em que uma páginaé solicitada. Usemos o exemplo de umcatálogo que contém 30.000 itens: um

site estático podeusar 30.000 dife-rentes páginasHTML estáticas!Um site dinâmicorequer umapágina principal,que se destina areceber os dados(as referências dosprodutos, as res-pectivas fotos, ...)O servidor irá reu-nir todos os ele-mentos necessá-rios num instante.

SEMPRE ATUALIZADODados do site dinâmico SÃO SEMPREATUALIZADOS uma vez que eles vêmdiretamente da base de dados daempresa.Poderá apresentar o inventário real,mostrar aos utilizadores Web a datareal de envio da sua encomenda, geriragendas,...

SITES QUE SÃO, NAREALIDADE, APLICAÇÕESOutro aspecto interessante dos sitesdinâmicos criados com WEBDEV 21 éque eles se comportam como APLI-CAÇÕES COMUNS. Todo o know-how da computação tradicional estádisponível.

DE FÁCIL UTILIZAÇÃOGraças ao seu poderoso ambientecompleto de desenvolvimento e ao seuconjunto rico de características, émuito FÁCIL para qualquer progra-mador, mesmo sem qualquer compe-tência específica da Internet, criar sitesInternet com WEBDEV 21 altamenteconfiáveis e sofisticados de formarápida e facilmente modificável.

O QUE É UM SITE DINÂMICO?O WEBDEV 21 É IDEALPARA CRIAR SITES DEINTRANET/EXTRANETWEBDEV é a ferramenta ideal para criarsites Intranet e Extranet. Um site Intranet é um site privado, dis-ponível apenas para um conjunto deutilizadores: empresas, clientes, forne-cedores... Pode ser usado dentro da empresa, ouexternamente O acesso é garantidoatravés da identificação e palavra-passe, geridas automaticamente peloWEBDEV (ver página 23).

SEGURANÇA COMPLETAAUTOMATICAMENTEAs páginas de um site Intranet desen-volvido em WEBDEV só pode ser ace-dido através de uma única sessão. Paracada utilizador, uma sessão é aberta emantida automaticamente no servidor.A segurança do site é garantida auto-maticamente através da noção de ses-são.O endereço da página não pode ser,por exemplo, reutilizado numa opera-ção de cortar & colar.

A operaçãod i n â m i c a(cada página écriada dinami-camente noservidor, antesde ser exibida)protege ospedidos e osseus resulta-dos, quepodem sercr iptografa-dos.

SEM LIMITAÇÕESA riqueza dos recursos WEBDEV per-mite-lhe desenvolver sites que se com-portam como aplicações reais, nãoestará limitado: gerir despesas, catá-logo de fornecedores com descontos,anotar encomendas, difundir informa-ções confidenciais, subscrever um ser-

viço pago, gerir contas bancárias, por-tal... O WEBDEV é a ferramenta ideal paraa criação de sites de Intranet eExtranet, e é por isso que milhares degrandes empresas criam a sua Intranetcom WEBDEV.

O WEBDEV 21 É IDEALPARA CRIAR UM SITEPARA A INTERNETUm site de Internet é um site acessívelsimultaneamente por um grandenúmero de utilizadores no mundotodo. Um site na Internet pode ser hos-pedado dentro de uma empresa, numprestador de serviços ou na nuvem.Um site deve ser amigável em termosde mobilidade, deve trabalhar correta-mente tanto num PC de secretáriacomo num smartphone ou tablet.Para o proprietário de um site, o site naInternet deve oferecer a máxima visibi-lidade (SEO, referenciamento naturalpara o motor de pesquisa).O WEBDEV 21 oferece todos estesbenefícios.

TECNOLOGIA AWPWEBDEV 21 oferece-lhe a tecnologiaAWP: Página WEBDEV Activa (Active

WEBDEV Page)Graças a estatecnologia AWP,o WEBDEV 21permite criarpáginas Webdinâmicas inde-pendentes, aspáginas AWP.Cada páginaAWP do sitefunciona deforma autó-noma e semcontexto deexecução noservidor. Istopermite um baixo consumo de recursos(CPU, RAM), e, por conseguinte, umgrande número de acessos simultâneospara a mesma quantidade de recursos.Cada página AWP é individualmentereferenciável através do respectivo

endereço (URL). Cada página do sitepode ser referenciada pelos motores debusca. Um endereço de página podeser copiado/colado a fim de ser reutili-zado.Quando o site deve manter infor-mações entre navegação de páginas,este pode usar um contexto.



WEBDEV®

WEB, APLICAÇÕES INTRANET/EXTRANET:WEBDEV É REI!

INTERNET: WEBDEV É REI (TAMBÉM)!

Site seguro de gestão de despesas de viagens de umaempresa

SEGURANÇA SSLSEGURANÇAComo sabe, a segurança e a confiden-cialidade são de extrema importância,principalmente na Internet. Por defeito, ao usar um site de Internet,os dados que navegam entre o com-putador do utilizador e o servidor Webnão são protegidos. os dados podemser acedidos por qualquer intruso. A confidencialidade e a autenticaçãoda fonte de dados não são garantidospor padrão.

CONEXÃO SSL SEGURAA maneira mais eficiente de protegeras informações do utilizador, hoje emdia, é usar um tipo de conexão seguraSSL (Secure Socket Layer). Esta conexão SSL garante a criptogra-fia dos dados que navegam entre ocomputador do utilizador e o servidorWeb que hospeda o site. Este protocolo também permite ao uti-lizador Web autenticar o proprietáriodo site visitado. Para garantir um site ou parte de um

site SSL, necessita de comprar um cer-tificado SSL a uma entidade conhecida(por exemplo, Norton, VeriSign,Thawte, GeoTrust, etc, ...).A partir do momento que tem um cer-tificado SSL, basta instalá-lo no servidorque hospeda o site. Por favor, note que existem váriosníveis de certificação, desde a cripto-grafia simples até à autenticação «SSLExtended Validation», que lhe permiteapresentar uma barra de endereço averde em alguns browsers.

HTTP, HTTPSO URL utilizado para a conexãosegura com o site vai começar com«https://» em vez de «http://». O utilizador web pode também verifi-car a presença de um cadeado na barrade status do navegador, prova de tran-sação segura, bemcomo a identidade dosite visitado.A barra pode até sercolorida a verde paraenfatizar a segurança!

SEGURANÇA: FÁCIL COMWEBDEV 21O modo segurança está disponível emsites criados com WEBDEV 21. Via SSLActive(), consegue facil-mente combinar uma secção de infor-mações não-segura (catálogo de pro-dutos) com uma secção segura (contade cliente, um pagamento). O mesmosite pode alternar entre o modo nãoseguro e o modo de segurança SSL.

“Os certificados de Cliente» tambémestão disponíveis.

PAGAMENTO SEGURO Pagamento on-line com cartao de cre-dito e agora um lugar comum..Dois métodos principais podem ser uti-lizados para receber um pagamentocom cartão crédito.Recolher diretamente as informaçõesdo pagamento do Cliente (cartão decrédito, data de validade, código) e, deseguida, realizar a transação com obanco. Este método pode ser pesado einclui riscos sobre o armazenamento dedados sensíveis.O método mais comum consiste emredirecionar o utilizador para umapágina de pagamentos especializadosprestada por uma instituição financeira(banco, ...)Normalmente, o utilizador «enche» umcesto ou um carrinho e após validar oseu pedido, ele/a é redirecionado paraum site para efectuar o pagamento.Site este suportado por terceiros, quecuidarão da transição bancária. Nesta implementação, não há formu-lário de pagamento para gerir, nem

n e n h u mnúmero de car-tão de créditopara armazenar.Só precisará degerir a aprova-ção de paga-mento.

INSTITUIÇÕESFINANCEIRASPoderá escolher diretamente um bancocomo um operador que irá oferecer-lheum serviço de pagamento on-line(Atos, CyberMUT, Cyberplus, PPLUS,...), com o qual irá interagir. Poderá também usar um operadormultibanco como o PayBox ou PayPal.Este método é utilizado para facil-

mente seleccionar e alterar a contabancária que será creditada.A implementação desta solução émuito fácil com WEBDEV 21, basta uti-lizar o componente «Paybox» ou«PayPal» que é fornecido com o pro-duto.

PAGAMENTO SEGURO


REFERENCIE OS SEUSSITESEste assistente analisa a composiçãodas páginas do site e indica as possíveismelhorias para maximizar o posiciona-mento de páginas nos motores debusca (Google, Yahoo, ...).O assistente também verifica as ligaçõesentre as páginas que podem ser detec-tadas e usadas por programas que ali-mentam os motores de busca com pági-nas.Uma quantidade de outras regras sãotambém verificadas.Os seus sites vão ter mais exposiçãonos motores de pesquisa.

REFERÊNCIA EM CADAPÁGINA DINÂMICA (URLREESCRITO)Via tecnologia «AWP», o WEBDEV 21permite-lhe fazer referência a cadapágina dinâmica. O modo reescreverde uma URL é utilizado para definirvários endereços para a mesma página

de acordo com o seu conteúdo. Estapágina e o seu conteúdo dinâmico serádesta forma melhor referenciado pelosmotores de busca. A página pode serrenomeada.Por exemplo, o endereço da páginapodem incluir o nome do objeto (bici-cleta, patinete, cómoda de carvalho,etc.), o que permitirá referenciar

melhor a página.

ESTATÍSTICAS DETRÁFEGOUm módulo de estatísticas também éfornecido com WEBDEV para quepossa descobrir quais os Web sites oumesmo a origem dos utilizadores daWeb (ver página 54).

SEO: REFERENCIAÇÃO NATURAL DO SITE

SEGURANÇA GARANTIDA DOS SEUSSITES: ACESSO PROTEGIDO PORPALAVRA PASSECONTROLAR O ACESSOA PÁGINAS DE UM SITEAceder a sites ou a algumas páginas deuma forma segura pode ser um requi-sito: Vem com o WEBDEV 21!Os recursos do «groupware utilizador»permitem definir palavras passe para aspessoas ou grupos de pessoas.

O controlo de acessos é facilmentedefinido no editor. Não é necessárianenhuma programação para garantiracesso seguro às suas aplicações, bastaativar a opção «Groupware».

UMA VERIFICAÇÃO DESEGURANÇAREFORÇADA

O controlo de acessos permite fil-trar o acesso a vários elementosnas opções de menu, botões, cam-pos, grupos de campos, páginas,relatórios, ...

Os elementos protegidos ficaminativos, acinzentados ou mesmoocultos com base na sua escolha.

O MODO SUPERVISORO supervisor do site será capaz de

configurar os direitos do utilizador aqualquer momento. Um editor fácilde usar permite definir e gerir estesdireitos.

Se quiser, os direitos dos utilizado-res ou grupo dos utilizadorespodem ser criados ou modificadospor programação.

LDAPSe pretender utilizar uma base de

dados de acessos existente (LDAP),o controlo de acessos vai utilizá-lo

SAASWEBDEV 21 oferece recursos avan-

çados para a gestão de aplicativosSaaS (ver página 49).

Desenvolvaautomaticamente sitesseguros, sem codificar nada!

Você já está familiarizadocom a versão 20? Há umdocumento técnico de 92 pági-nas dedicado às 921 novida-des da versão 21. Versãoimpressa disponívelmediante um simplespedido; Versão PDF disponí-vel em www.WINDEV.com.

WEBDEV 21 disponibiliza todos os tipos decampos necessários para a construção depáginas de Internet e Intranet. Vamos dar umespreito nalguns deles.Note-se que estes campos trabalham comAjax.

RICH TEXT AREA

o campo ”Rich Text Area” (RTA) permite-lhe editar o seu con-teúdo. Este poderoso campo é apresentado detalhadamentena página 30.

CAMPO DE EDIÇÃO HTMLENRIQUECIDOEste tipo de campo permite-lhe criar e dispor de textos comatributos enriquecidos.

Uma barra de ferramentas é apresentada automaticamentena frente do campo para que permita definir os atributosenriquecidos.A informação é salvaguardada em HTML standard.

CAMPO DE EDIÇÃO (COM MÁSCARA)Os campos de edição do WEBDEV 21 permitem-lhe, assimcomo outros campos, definir um largo número de parâme-tros, visual e intuitivamente através da interface «7-tab» oupor programação. É fácil definir máscaras poderosas de edi-ção sem ter que escrever uma única linha de código. Os for-matos são apresentados assim que esteja a inserir valores nocampo.

Assim que o cursor entra no campo, a máscara é apre-sentada: aqui digitar «/» é opcional

Digite as máscaras de edição previstas: duração, primeirocaracter em letra maiúscula, nome de ficheiro e caminho,endereço de e-mail, código postal ...

PERSONALIZE O REBORDO DO CAMPOUm campo pode ter um rebordo.Estas extremidades normalmente são utilizadas para desta-car o campo em foco.

É bastante fácil personalizar a aparência do rebordo baseadonas acções do campo: assumir focus, rolagem,...

REGIÕES REPETIDAS SÃO UMCONCEITO PODEROSOA região de repetição (campo looper) é um conjunto de cam-pos que são repetidos na horizontal e / ou vertical num con-junto ou número indefinido de vezes.Os loopers são preenchidos por programação, através deuma ligação directa a um ficheiro de dados ou a partir deconsultas.

Campo Looper definido no editor

Por exemplo, o número de repetições deve ser o número deregistos na consulta.Os atributo de cada campo podem ser modificados a cadalinha. Por exemplo:- cor da linha- cor fonte (valor a vermelho, se negativo, por exemplo)- foto de um item ...

campo Looper em tempo de execução


Todos os cam-pos Web. e muitomais...

WEBDEV®

PODEROSOSCAMPOS PARA SUAS PÁGINAS

Um looper pode adaptar dinamicamente o número de ele-mentos a apresentar de acordo com a largura da página.

Um looper pode também ser apenas linear.

CAMPO PAGINADORO campo paginador é utilizado para navegar rapidamenteentre páginas (e o seu código) e é gerado automaticamentecom o looper e a tabela.

Exemplo de paginador automático

DROP-DOWN & POPUP MENUSWEBDEV permite criar menus pull-down (horizontal e verti-cal) em modo WYSIWYG, bem como menus «tab» e menus«popup».Pode dinamicamente adicionar (por programação) opções demenu, sub-menus...Menus são tácteis Estes são gerados no modo CSS completoe adaptam-se ao modo Responsivo.


É muito fácilcriar campossofisticados

WEBDEV®

O fundo da barrade seleção podecorresponder a

uma imagem

As colunaspodem ser redi-

mensionadas

A barra de rolagemsubstitui automatica-mente a barra de nave-gação de páginas

Ancoragem e barra derolagem automática

Capacidade de gerir auto-maticamente a cache (pes-quisa parcial) que apenascarrega os dados exigidospela apresentação e pelonavegador

É apresentada automati-camente uma ampulheta

quando é realizado umprocesso longo.

As células databela podem ser

editadas

As linhas da tabelasão multiselecção

As colunaspodem ser orde-nadas

A pesquisa numatabela é possível atra-vés da lupa

SERVIDOR, BROWSER E TABELAS AJAXTabelas são geradas pelo WEBDEV 21. Uma tabela «comum» é uma tabela de servidor, que faz con-sultas sobre o servidor até a tabela ficar preenchida.O modo Ajax é suportado nas tabelas de servidor, prevenindoa necessidade de mostrar novamente a página inteira cadavez que elemento de uma tabela é modificado. A tabela também pode estar em modo «Browser», onde nãoé executado qualquer código do servidor.O campo «Browser Table» é um campo tabela totalmente

autónomo no browser.

O campo tabela disponibiliza automaticamente as seguintesnovidades:• filtro, • pesquisa, • mover coluna,• redimensionar coluna,• cabeçalho da coluna, título do cabeçalho da coluna,• coluna recipiente, • quebras...

•••continua na página 26

TABELAS

SEPARADORES Os separadores podem ser facilmente geridos.

Exemplo de uma página com separadores.

CAMPO HIDESHOW O campo HideShow permite-lhe expandir e colapsar a áreade exibição.

À esquerda, uma imagem expandida. À direita, outroexemplo, com um texto expandido

CAMPO CALENDÁRIO E CAMPO DEEDIÇÃO DE DATA COM JANELACALENDÁRIOO campo calendário é criado para ser utilizado numa páginaou para abrir um calendário «popup» para introduzir umadata (muitas vezes utilizado em web sites). É fornecido um grande número de opções personalizadas ede apresentação: enquadrar o dia atual, riscar datas passa-das, mostram um intervalo de datas, realçar feriados, ...O campo calendário é manipulado em modo Ajax para evi-tar ter que atualizar a página inteira ao apresentar o calen-dário ou a seleccionar uma data.

O campo calendário é muito útil

CAMPO MINIATURA (ESTÁTICO OUDINÂMICO)Um site Web muitas vezes necessita de imagens ou foto-grafias que também são utilizadas como miniaturas, paraefeitos de selecção, por exemplo.WEBDEV 21 automaticamente administra a geração dinâmicadestas miniaturas: estas são criados tendo por base a ima-gem inicial, ou definida pelo web designer.

IMAGENS COM ZOOM AUTOMÁTICO Quando o efeito de zoom é ativado numa imagem, sobre-voando a imagem com o cursor do rato, abre-se automati-camente uma área ao lado da imagem em que a secção daimagem original apontada pelo cursor é ampliada, mos-trando os detalhes desta seção.O tamanho do pop-up de zoom pode ser configurado, bemcomo a taxa de zoom (de 1 a 100).Este efeito pode ser aplicado numa imagem ou em camposminiatura.Não há nada para programar para beneficiar deste efeito,basta clicar na opção «zoom automático» no «7-tab da des-crição do campo.

Quando o cursor sobrevoa uma secção da imagem, estasecção é automaticamente apresentada e ampliada

CÓDIGO CAPTCHA“Captcha”, são códigos de segurança que o utilizador webdeve digitar, são geridos automaticamente. O campo captcha automaticamente calcula e apresenta aimagem distorcida que corresponde a um texto. Este texto é gerado automaticamente pelo campo ou defi-nido pela aplicação.A distorção varia a cada apresentação.

CAMPO GRÁFICO INTERACTIVOO campo gráfico no WEBDEV 21 oferece um grande númerode tipos de gráficos em modos 2D e 3D, modos estáticos einterativos: linhas, barras, semicirculares, circulares, ...



WEBDEV®

PODEROSOS CAMPOS PARA AS SUASPÁGINAS

continuação da página 25•••Um menu permite que o utilizador altere dinamicamentealguns parâmetros: o tipo de gráfico, a legenda, etc. A mirapermite-lhe ler os dados de forma precisa. Estão disponíveisefeitos animados.

IMAGENS, IMAGENS CLICÁVEISO campo imagem permite-lhe exibir imagens nos formatosstandard para Web: Jpeg, Gif, Tiff, PNG, SVG...Pode clicar nas imagens para iniciar um processo. O modo«apresentação automática» permite apresentar automatica-mente as imagens encontradas num diretório.

EFEITO DE MOVIMENTO AUTOMÁTICODA IMAGEMEste efeito vai dar vida às suas páginas!Este efeito de «movimento automático» vai simular umpequeno movimento de uma câmera na imagem: sem terque programar nada, a imagem apresentada ganha vida emovimenta-se um pouco, lenta e suavemente na sua secção.3 efeitos combinados: deslizar em direcções aleatórias, umpequeno zoom, fade-in na sequência destes efeitos.Este efeito é ideal para destacar de forma imediata as ima-gens dos produtos: imóveis, produtos de luxo,...

“CAMPO GOOGLE MAPPoderá incluir um campo Google Maps num site. Este campoMapa do WEBDEV 21 é interactivo: o utilizador Web podeaumentar o zoom, mover-se, usar diferentes modos de visão(mapa, satélite), mudar para o modo «Street View», etc.

ÁREA CLICÁVEL (ÁREA DE MAPA)As áreas clicáveis são usadas para executar processos dehipertexto: dependendo de onde o utilizador web clica naimagem, diferentes operações podem ser executadas.A definição de áreas clicáveis é muito simples, basta usar asáreas geométricas disponibilizadas. Várias áreas podem serinterligadas.

Se necessário, pode obter as coordenadas do clique ao níveldo pixel. Isto poderá ser útil para mapas de precisão, taiscomo mapas geográficos, por exemplo, ou no caso de apli-cações médicas.

CAMPO «VÍDEO»O campo “Video” é utilizado para reproduzir vídeos de dife-rentes formatos: Flash (Flv), QuickTime (Mov), Microsoft(Wmv), Webm, Mpg, Ogv...As funções de leitura, pausa, fastforward, ... são suportados.A apresentação do vídeo também é gerido pelo HTML5.

EFEITOS CSS3 NOS CAMPOSO WEBDEV 21 permite-lhe definir de forma simples efeitosCSS3 em campos de imagens: aceleração, recorte, desapa-recendo, zoom automático, fade in, zoom sobrevoando,efeito de foto, movimento panorâmico, piscando, desloca-ção, varredura, inclinação, rotação, ...

Opacidade fade in

Cantos no formato de livro também são suportados.



WEBDEV®




WEBDEV®

CAMPOS DESLIZANTES E DEINTERVALOS DE DESLIZAMENTOCampos deslizantes e de intervalos de deslizamento tambémsão oferecidos.

CAMPO CLASSIFICAÇÃOEste campo permite que o utilizador digite uma classificação,ou um site para apresentar uma classificação.Por defeito, o símbolo visual utilizado é uma estrela, maspode ser alterado (smiley, uma mão, um coração, etc ...) Aclassificação pode ser feita em números décimais.

CAMPO AGENDA E ORGANIZADORO campo agenda é utilizado para gerir a programação devários recursos. Este é um campo Ajax.

A forma como este campo funciona é muito amigável; estepode ser manipulado apenas com o rato para criação, redi-mensionamento, movimentação e exclusão de tarefas, inde-pendentemente do navegador.Este liga-se automaticamente aos dados (ligação de dados).Este campo poupa-lhe semanas de programação.O campo agenda está adaptado para dispositivos sensíveisao toque (tablets, smartphones). Criar, mover e eliminar even-tos são operações compativeis com um ambiente “multi-touch” e podem ser realizadas com um simples toque. Também está disponível um campo «Organizer».

SITEMAPPATH (CAMINHO DENAVEGAÇÃO)Um «SiteMapPath» é um menu integrado enquanto o utili-zador navega dentro de um site.Isto torna mais fácil voltar à pagina anterior. Gerar esta linhaé automático.Um mapa do site é também gerado automaticamente.

Navegação fácil

A FUNÇÃO DE UPLOADO campo Upload permite-lhe fazer o carregamento de umficheiro a partir do navegador para o servidor. Seleccionadorde ficheiros, drag & drop, multi-seleção, barra de progresso,... are supported out of the box.

O tamanho dos ficheiros carregados é ilimitada.O carregamento (upload) pode ser realizado em segundoplano ou ser agendado.

DDW AUTOMÁTICO O recurso DDW (Dim Disabled Window/Page) é gerido auto-maticamente nas páginas. A página inativa é acinzentadaassim que surge uma página com uma caixa de diálogo.

CAMPO REDES SOCIAIS O campo “Rede Social” e uma barra de ferramentas com-posta de icones que ligam o utilizador as principais redessociais na Web: Facebook, Tweeter, Google+, LinkedIn.

TABELA HTMLA Tabela HTML permite-lhe criar facilmente apresentações detabelas nas suas páginas.

PODEROSOS CAMPOS PARA AS SUASPÁGINAS

continuação da pagina 27•••

ÁREAS FIXAS NO ECRÃ Esta ancoragem fixa permite que um ou mais campos per-maneçam visíveis enquanto o utilizador navega pela página.Esta área diz-se ”imobilizada”.

Mesmo que o utilizador vá até ao final da página o sacode compras permanecerá na mesma posição.

Os elementos ancorados desta forma movem-se com a barrade deslocamento permanecendo, assim, visíveis enquanto oresto da página se desloca.

“CAMPO PAINEL DE INSTRUMENTOSO WEBDEV 21 permite-lhe criar paineis de instrumentos deforma simples. Um campo Painel de Instrumentos é preen-chido por widgets.O utilizador final pode personalizar e adaptar o painel de ins-trumentos.

CAMPO BOTÃO DE IMAGEM Como o seu nome sugere, botões de imagem são baseadosnuma imagem.Um botão pode ser definido por 5 imagens diferentes no

máximo, cada uma correspondendo a um estado do botão:pausa, rolagem, clique, foco, a cinzento.

Exemplos de botões gráficos que vêm com o WEBDEV21

As imagens para os vários estados podem ser localizadosnuma folha de imagem, de forma automática, com umaapresentação suave. O botão pode ser animado.

CSS3 CAMPO BOTÃO Este botão CSS3 é completamente definido com base numestilo CSS.Este não requer qualquer imagem, mas o próprio estilo CSSpode conter (ou não) uma ou mais imagens.Um botão CSS pode oferecer até 5 estados, que são ele-mentos dos estilos CSS (pseudo-classes).O botão CSS3 é automaticamente adaptado de acordo como browser.

GALERIA DE IMAGENS COMPLETA COMMAIS DE 10,000 IMAGENS E BOTÕESO WEBDEV 21 vem com mais de 10.000 objetos de clipart.Pode fazer referência às suas próprias imagens e ilustraçõese adicioná-las ao catálogo.O conteúdo da galeria de imagens é rico e variado: imagens,ícones, molduras, animações, botões gráficos, faixas, formas.

CAMPOS ADAPTADOS PARAUTILIZAÇÃO MÓVELQuando os sites criados com WEBDEV 21 são executadosnum dispositivo móvel (tablet ou smartphone), o comporta-mento dos campos adapta-se aos ecrãs tácteis.

TODOS OS CAMPOS WEBWEBDEV 21 oferece também Treeview, Webcam, Applet,Iframe e mais campos, você tem tudo.(ver também o poderoso campo, «Rich Text Area» ou RTA,a seguir)


Os campos Web

WEBDEV®




WEBDEV®

“O CAMPO ÁREA DE TEXTOENRIQUECIDO (RTA)O WEBDEV 21 oferece-lhe um tipo de campo extremamentepoderoso: o campo «Área de Texto Enriquecido» (abreviadopara RTA).O campo Área de Texto Enriquecido é fundamental para acriação de páginas web estáticas e dinâmicas: o registo detexto enriquecido torna-se assim uma brincadeira de crian-ças. O texto e os seus atributos enriquecidos são inseridoscomo num processador de texto: inserir imagens com legen-das, inserir links, adicionar atributos ao texto ...Tudo é WYSIWYG.No editor, quando se regista a informação, o campo expande-

se automaticamente se necessário.Tal como com todos os outros campos, o código HTML égerado automaticamente pelo WEBDEV.

RTA: FORMATAR O TEXTOPROPRIAMENTE DITOO campo de RTA permite-lhe, naturalmente, especificar ascaracterísticas de cada pedaço de texto, ao nível do carac-tere: fonte, tamanho da fonte, negrito, cor, riscado, subli-nhado, sobrescrito, subscrito ...A formatação do texto é«lógico» dentro do significado HTML.Por exemplo, um atributo de «bold» será automaticamentetraduzido por «Strong» no código HTML, o que torna muitomais fácil o referenciamento dos motores de busca (Google...)As etiquetas necessárias são inseridas em formato HTMLantes e depois do texto.

Por exemplo:Atletismoserá armazenado como <strong> Atletismo </strong>.A tag <strong> que é reconhecida e interpretada pelo nave-gador, indica que se trata de uma palavra «importante». O navegador irá normalmente exibir o texto entre as tags anegrito, dependendo das preferências do navegador defini-das pelo utilizador. O browser reconhece estas tags e interpreta-as.Os motores de busca também utilizam este tipo de tags parareferenciar páginas. A utilização destas tags num textoaumenta a sua referenciação natural.

RTA: FORMATAÇÃO LÓGICA DEPARÁGRAFOSO campo RTA é utilizado para formatar os parágrafos: título,sub-título, rodapé, endereço de e-mail, nota, cabeçalho, bul-let ...A formatação é lógica: por exemplo, um título será auto-maticamente armazenado no seu formato HTML como umtipo de texto <h1>.<h1> é uma tag HTML que define um título de página. O navegador reconhece estas tags e interpreta-as: normal-mente o texto seria apresentado em grande formato e anegrito!

RTA: FORMATAÇÃO FÍSICA DE UMPARÁGRAFOEm adição a esta formatação lógica, uma formatação físicaestá também disponível: alinhamento de parágrafo, recuo,cor, ...

RTA: INSERIR CAMPOSEm qualquer parte de um texto RTA, poderá inserir umcampo WEBDEV (de qualquer tipo): um gráfico, um campotabela, ...O campo é posicionado em linha, em relação ao textoO campo ficará «ancorado» ao texto.

RTA: INSERIR LINKSExistem várias formas de inserir um campo num RTA:• Transforma uma parte do texto seleccionada num link• Criar um campo link dentro do texto• Copiar um campo link já existente.O campo link encontrado num RTA oferece as mesmas pos-sibilidades que um campo link regular.O campo encontrado no RTA pode ser editado utilizando atecnologia «7-tab».

RTA: INSERINDO IMAGENSA imagem é posicionada no texto, em linha. Parâmetros de composição disponíveis: esquerda, direita,parágrafo, no texto, ...

RTA: ACEDA AO CÓDIGO HTML, SALVEAS ALTERAÇÕES EM CÓDIGO HTMLPUROPode aceder ao código HTML do RTA, e o código HTMLgerado pelo WEBDEV no RTA é voluntariamente claro e legí-vel, em vez de ser comprimido.Um programador que domina HTML pode modificar o códigoHTML gerado para o campo RTA.O que tiver sido modificado directamente no código HTMLtambém será visível no editor.

O CAMPO RTA: RICH TEXT AREA

continuação da página 29•••

Visualizaçãode um campo

«Área de TextoEnriquecido»do WEBDEV

21



WEBDEV®EXPORTAAUTOMATICAMENTEPARA XML, WORD, EXCELE OPEN OFFICENas tabelas e loopers é apresentado aoutilizador da Web, de forma automá-tica, um menu de exportação paraXML, Word, Excel e Open Office.

Os dados encontrados na tabela ou nolooper serão exportados automatica-mente para a ferramenta e formatoseleccionado.Ao exportar para XML a folha de estiloXSL, necessária ao navegador, tambémé gerada.Numa Intranet, os utilizadores poderãofacilmente construir as suas simulaçõesem Excel!

NADA A PROGRAMAR! Não precisará de programação paradisfrutar deste recurso.Terá a possibilidade de desactivar estafunção, se necessário.

TOTAL ABERTURASe quiser programar o seu site paraexportar automaticamente, os coman-dos de programação estão disponíveisem WEBDEV 5GL.O comandoH E x p o r t X M L , T a b l e T o X M L ,XMLFirst permite-lhe personalizartodos os processos.

MENU PARA EXPORTAR PARAWORD, EXCEL, XML, OPEN OFFICE

Um site Web tem um públicoglobal: qualquer utilizadorweb no mundo pode acedê-lo!Por isso, o desenvolvimentode sites multilíngues é mui-tas vezes necessário naInternet.Existem alguns países queutilizam diversas línguasoficiais: Bélgica, Suíça,Luxemburgo, Canada...O WEBDEV inclui uma solu-ção inovadora e eficaz desuporte a línguas estrangei-ras.

64 IDIOMAS POR SITESão suportados até 64 idiomas dife-rentes nos sites que desenvolve. Tudoo que necessita fazer é escolher os idio-mas na ecrã de configuração (estespodem ser modificados a qualquermomento, mesmo para um site exis-tente).

Exemplo de um texto digitado emdiferentes idiomas

WEBDEV cuida de tudo, tudo o quenecessita é inserir os textos nos dife-rentes idiomas selecionados (conjuntosde caracteres ocidentais e não-ociden-tais: chinês, russo, ...).Para alterar o idioma da aplicação,basta usar o Nation. FunçãoWLanguage aplicada no processo deinicialização do projetoNote-se que mesmo o texto de botõesde imagem serão traduzidos!

PLANEAR PARA OFUTUROImagine o quanto simples vaiser o desenvolvimento de sitesmultilíngues (ou para fazerum site multilingual existentecujas traduções podem seradicionadas mais tarde).

EXTRAÇÃOAUTOMÁTICA DETEXTO A ferramenta WDMSG, dis-ponível separadamente, per-mite-lhe extrair todos os «tex-tos» de um projeto e devolvê-los novamente após a tradu-ção. Útil se pretender que oseu site seja traduzido poruma agência de tradução!

64 IDIOMAS NOS SEUS SITES


A linguagem integrada 5GLWEBDEV - WLanguage - per-mite descrever todos os pro-

cessos necessários. Assuas equipas não tem que

suar sobre HTML oucódigo JavaScript.

WLanguage torna fácila programação de

Internet e Intranet.

A PROGRAMAÇÃOINTERNET NUNCA FOI

TÃO FÁCILA linguagem 5ªgeração WEB-D E V(WLanguage ,linguagem utili-zada por deze-nas de milharesde programado-res em todo omundo) traz umnível extra deconfiança quetorna o desen-volvimento de

sites muito mais rápido.

COMO PROGRAMARCOM WLANGUAGE?Existem dois tipos de código deInternet:• código que é executado no servidor

host (que entrou na banda amarela –veja ao lado)

• código que é executado no navega-dor do utilizador (registado na bandaverde – veja ao lado).

RADNote-se que o código (e pági-nas) podem ser geradas auto-maticamente pelo RAD WEB-

DEV e seus assistentes, a partir deuma descrição de dados (uma «aná-lise»).

GERAÇÃO AUTOMÁTICADE HTML E JAVASCRIPTNavegadores só entendem o códigoHTML e JavaScript.HTML otimizado e código JavaScript égerado automaticamente a partir docódigo WLanguage para o browser. O código é de confiança, conciso e fácilde manter.

GERAÇÃO AUTOMÁTICADE CÓDIGO PHPAs páginas criadas e o código digitadosão automaticamente convertidos emcódigo PHP. Sem conhecimento de PHP,pode facilmente criar sites dinâmicosPHP! (ver página 47).

CONHECIMENTO DEJAVASCRIPT E HTML:NÃO É NECESSÁRIONão é preciso ter conhecimento deJavaScript, HTML ou PHP para desen-volver com WEBDEV. No entanto, se por algum motivo pre-cisar escrever ou reutilizar códigoJavaScript, HTML ou PHP, pode fazê-locom WEBDEV.

AJAX AUTOMÁTICOPara um processo passar a modo«Ajax», tudo o que tem a fazer é clicarnum botão (ver página 36)

NÃO FICARÁ PRESOO WEBDEV 5 GL é extremamentepoderoso. Nunca ficará preso. Para além do mais, pode sempre inse-rir HTML, JavaScript ou PHP, animaçõesCSS3, código ASP ou JSP ..

WLANGUAGE:PODEROSA, INTUITIVAFácil de lembrar, os comandos emInglês torna a codificação intuitiva e defácil manutenção. Os comandos WLanguage (HReadFirst,HReadNext, SSLActive, HFound, and soon) são relativamente simples de per-ceber e fáceis de actualizar.WLanguage permite a rápida progra-mação e a melhor qualidade decódigo.Um comando WLanguage muitasvezes corresponde a dezenas (senãocentenas) de linhas de códigoJavaScript: as suas equipas irão desen-volver mais rápido.

EXEMPLO: ENVIAR UMEMAILEnviar um email é fácil.O comando é simples eMailSendMessage.Pode adicionar anexos. O email éenviado numa tarefa em segundoplano.

INTEGRAÇÃO BASE DEDADOS OPTIMALWLanguage está otimizada para gerirtabelas de dados: disponibiliza previsãode nomes e colunas da tabela.

PODEROSA GESTÃO DECADEIAS DECARACTERESWLanguage disponibiliza poderososrecursos de gestão de cadeias de carac-teres! Programar é muito mais rápido:• tamanho dinâmico gerido automati-

camente • concatenação através do operador”+” • conversão automática de caracteres

numéricos para texto, e vice-versa• funções de pesquisa avançadas• múltiplos testes (CASE, SWITCH, ...).

PERFIL: OPTIMIZE AVELOCIDADE DO SEUCÓDIGOWEBDEV 21 vem com um gerador deperfis, que mede a velocidade de cadainstrução no seu código.

JQUERY

WEBDEV 21 permite-lhe ligar pontosde acesso dentro da biblioteca jQuery.Esta função é utilizada no código donavegador, por isso, pode ser utilizadoem todos os sites, incluindo sites está-ticos.

BOOTSTRAP WEBDEV 21 permite-lhe incluir recur-sos Bootstrap.

ANGULAR JS WEBDEV 21 permite interagir compáginas criadas utilizandoAngular JS.

JSON WLanguage agora inter-preta JSON nativamente(serializar e desserializar).

OOP (OBJECTO)O Object-Oriented Programming (OOP)é suportado pelo WEBDEV: herançamúltipla, construtor, destrutor, público,privado, polimorfismo ... O uso do OOPé opcional e pode ser intercalado comprogramação tradicional.

WLanguage oferece uma 5GLestruturada para odesenvolvimento da Internet.As ferramentas deprodutividade são umagrande mais valia.

PROGRAMAÇÃO DE 5ª GERAÇÃO: PODER E FACILIDADE DE USO

Para ver a listaexaustiva detodos os coman-dos 5GL, verifiquea ajuda WEBDEV21 a partir do siteda PC SOFT


WEBDEV®O editor de código é um dosprincipais contribuintes parao poder e eficiência de WEB-DEV. Codificar é intuitivo,rápido e feito directamenteno campo relevante.

UM CONCEITO DEPROGRAMAÇÃOREVOLUCIONÁRIOA tecnologia exclusiva do editor decódigo vai ajudar a criar código de qua-lidade e desenvolver mais rápido.

O MÉTODO DEDESENVOLVIMENTOWEBDEVOs eventos mais comuns para umcampo são oferecidos, por padrão, noeditor de código e salientados através

de uma faixa de cor. Por exemplo, para um tipo de campo de«edição», os eventos mais comuns são:Inicialização do campo, entrada de dadosno campo, perda de foco do campo, exe-cutar (ação) a cada modificação. Apenasnecessita de inserir o correspondentecódigo na seção que pretende.O código que irá correr no navegadorpode ser introduzido em WLanguageou em JavaScript, você decide.

CÓDIGO DO SERVIDOR ECÓDIGO DONAVEGADORTudo o tem a fazer é digitar o seucódigo na secção correspondente. A barra amarela indica que o código

inserido é WLanguage e que este seráexecutado no servidor. A barra verde indica que o códigoinserido é WLanguage e que este seráexecutado no navegador.A barra rosa indica que o código inse-rido é PHP. A barra azul indica que o código inse-rido é JavaScript. É visual e intuitivo!

TODOS OS EVENTOSSÃO SUPORTADOSOs casos menos frequentes são dispo-nibilizados através de ícones apresen-tados na parte inferior esquerda doecrã. Todos os eventos são suportados: cli-que, duplo clique, tecla para baixo ,tecla pressionada, tecla para cima, car-regando no botão do rato, botão do

Rato para cima, saída do rato, ratosobre, foco perdido, foco adquirido,modificação, seleção de conteúdoscampo, chamada para ajuda, carrega-mento, envio. ..

COLORAÇÃO SINTÁTICAPara tornar o desenvolvimento maisfácil e mais legível, cada palavra é colo-rida de acordo com seu tipo.

MINIMIZAR/EXPANDIRO editor de código inclui o recurso con-veniente de expandir / comprimir ocódigo: Pode ocultar o código testadopara melhor legibilidade!

UMLWEBDEV 21 suporta UML e cria auto-maticamente o diagrama de classespela análise inversa do código.Por outro lado, um diagrama UML gerao código das classes.

ADMINISTRADOR DECÓDIGO-FONTEWEBDEV 21 vem com uma ferramentade controlo de versões, o Source CodeManager compartilhado (SCM, con-sulte a página44).

AJAXEm relação ao AJAX, basta clicar nobotão «AJAX» na linha, para usar estatecnologia (ver página 36).

COMPLETARAUTOMATICAMENTEAo digitar umcomando, otipo de parâ-metro espe-rado é apresen-tado nummenu pull-down. A tooltip also provi-des information about each parameterof the function used.

VERIFICAÇÃO DEORTOGRAFIA EM TEMPOREALSe ocorrer umerro de sintaxe,este é detectado no editor de códigoantes mesmo de o projeto ser compi-lado! Os erros são sinalizados por umsublinhado a vermelho na função cujasintaxe é inválida.O editor de código é parteda facilidade de utilizaçãogeral do WEBDEV 21.

Inicialização do campo

O EDITOR IRÁ AJUDÁ-LO

Entrada no campo (onfocus)Modificação na saída (onchange)

Campo perde o foco (onblur)

WEBDEV®

A fase de teste automa-tizado é apenas umadas fases que garan-tem a alta qualidadedo seu software,mas é um passo

importante. Além detestes de regressão, o

WEBDEV 21 permite-lhe criar testes unitá-

rios, testes de integraçãoe testes de stress.

TESTES UNITÁRIOS DEPROCEDIMENTOS ECLASSESA criação de conjuntos de teste étotalmente integrado no meioambiente. Para testar diretamenteum procedimento ou uma classe,simplesmente utilize o menu pop-upque disponibiliza-lhe a possibilidadede criar (e, de seguida, reproduzir)um novo teste unitário.

TAXA DE VALIDAÇÃO DAAPLICAÇÃOO centro de testes apresenta a lista

de testesexistentes,a versãodo site emque cadaum destestestes foiexecutadoe o resul-tado doteste. Esta infor-

mação também é apresentada nomodo de resumo no painel do pro-jeto.

O EDITOR DE CENÁRIODE TESTEAo executar um teste, se for detec-tado um erro no site, clicando naposição do script do erro que irádiretamente para onde ocorreu essemesmo erro no código.

TESTE DE VERIFICAÇÃODURANTE ASOPERAÇÕES ATUAISCada elemento modificado que nãofoi validada por testes é sinalizado.O Centro de Testes também assinalatodos os erros que não foram corri-gidos, bem como regressões. A história da taxa de validação éautomaticamente armazenada, per-mitindo monitorizar a qualidade dosite ao longo do seu ciclo de vida.Esta verificação é também realizadaquando valida os elementos no ges-tor de código fonte (ver p 44).

PODEROSO EAINDAAMIGÁVELDEPURADOR

Para afinar o seu Website interativo, o depu-

rador permite-lhe exe-cutar código passo a

passo e visualizar oumodificar o conteúdo dasvariáveis dadas.

RECURSOSAVANÇADOS

O depurador é muito poderoso e oferecerecursos avançados:• execução passo-a-passo, saltar fun-

ções, sair instantaneamente de umafunção, a execução até uma determi-nada linha, ...

• autostop, que pára a execução de cadaalteração no valor de uma variável oude uma determinada expressão

• visualização automática (pode ser des-ligado) de todas as variáveis na linhaque está sendo executada (Assista)

• visualização de expressões que contêmfunções

• exibir o valor da variável sob a dica deferramenta

• resultado decimal ou hexadecimal• pilha de chamadas em tempo real• rastreio da execução de código• 32 ou 64 bits • ...

A DEPURAÇÃO REMOTAPode depurar um servidor remotamente:pode depurar o servidor localizado noseu ISP sem lá ir.

DEPURAÇÃO PHP E AWPO depurador funciona no modo «AWP»(o modo de contextos semi-automático).No PHP, pode depurar a aplicação inicial.

O depuradorpoupa-lhemuito

do seu preciosotempo quandopretende afinara suaaplicação. Em breve vaiserindispensável!

O depuradortraz produtivi-dade profissio-

nal

DEPURADOR INTEGRADO: REFINEFACILMENTE O SEU CÓDIGO

QUALIDADE DE SEUS SITES: TESTES UNITÁRIOS


Não continuea reinventar aroda, reutilize!

WEBDEV®

O conceito de componentessimplifica drasticamente odesenvolvimento: É utilizadocomo uma caixa negra,extremamente fácil esegura.Um componente pode contercódigo-fonte, páginas, ima-gens, classes, uma análise, eaté mesmo tabelas de dados.

DESENVOLVIMENTOSEGURO GRAÇAS AOSCOMPONENTESUm componente é uma «caixa negra»,um bloco de construção; o programa-dor ao utilizá-los só conhece os pontosde entrada e a natureza das informa-ções que podem ser devolvidas. A capacidade de criar componenteselaborados tão facilmente como apli-cações tradicionais irá simplificar o seudesenvolvimento.

PROTEJA OS SEUSCOMPONENTESOs componentes que cria são seguros,o que significa que ninguém pode verou copiar o seu código fonte, a suaanálise, etc.

COMPONENTES MULTI-OBJETIVOComponentes são compatíveis entreWINDEV, WINDEV Mobile e WEBDEV.Isto permite ainda melhor reutilizaçãode código.

É FORNECIDO UMGRANDE NÚMERO DECOMPONENTESPRONTOS A USARWEBDEV 21 é fornecido com várioscomponentes (bem como o seucódigo de fonte), que pode ser usadonos seus sites: • pedido de documentação • cesto (para o ecommerce)• pagamento seguro...

Desenvolver um site dinâ-mico (ligada a dados, eincluindo processos) requeruma fase de programação.WEBDEV 21 encontra-seaberto a todos os métodosde desenvolvimento.

PROGRAMAÇÃOPROCEDIMENTAL OUOOPA programação com WEBDEV 21 éefetuada em WLanguage, a famosalinguagem 5GL, conhecida pelo seupoder e intuição.Os programadores podem optar entrea programação procedimental e aProgramação Orientada a Objetos(OOP). A abordagem orientada aobjeto permite a evolução do códigoe torna a manutenção futura maisfácil.

OOPWEBDEV permite a programaçãoorientada a objetos, isto é, se preten-der.

As classes e a sintaxe da linguagempermitem uma programaçãomoderna e eficiente orientada a obje-tos. O método base das classes podes serredefinidos visualmente a partir doexplorador de projetos; métodos vir-tuais são gerados automaticamente.Gestão das instâncias de memória écompletamente automática na maiorparte dos casos, aquando da atribui-ção, bem como quando a liberaçãode memória.

TODAS AS NOÇÕES OOPSão suportadas as seguintes noçõesde OOP : • Classes• Classes abstractas• Herança, herança múltipla• Reflexão• Sobrecarga (distribuição dinâmica)• Métodos abstratos e virtuais (poli-

morfismo)• Propriedades (get e set)• Construtor• Destruidor

• Encapsulação de dados: público,privado, protegido

• Libertação automática• “é um» operador e para baixo• Baixa referência• Associação• ...

XML, JSON, ...WLanguage é otimizado para proces-sar documentos XML e JSON.As estruturas dos documentos sãoimportados diretamente emWLanguage.O editor de código disponibilizaentrada assistida sobre os nomes doselementos do documento, coloraçãosintática, ...

COMPONENTES: REUTILIZAÇÃO DOCÓDIGO

OOP

A tecnologia Web 2.0 per-mite que aplicações Web uti-lizem interfaces utilizadorpróximos em termos com-portamentais das aplicaçõestradicionais do Windows Um elemento importante doWeb 2.0 é o «AJAX» que per-mite ao navegador atualizarapenas uma parte da páginaque foi modificada

SEM AJAX ...No desenvolvimento Web tradicional,quando a aplicação deseja modificar umúnico elemento numa página afixada(um preço, ou uma lista de veículos, porexemplo), o servidor precisa reenviar apágina inteira para o computador do uti-lizador.Isto penaliza o servidor, ocupa largura debanda, cria um efeito de «refresh» nonavegador do utilizador e a apresentaçãopode ser lenta quando o navegador deveinterpretar e apresentar a página inteira...

COM AJAX ...Com a tecnologia AJAX, essencial paraa WEB 2.0, agora é possível enviar paraa máquina do utilizador apenas osdados modificados, sem atualizar apágina inteira.Há uma abundância de benefícios: oservidor é menos tributado, a quanti-dade de informação que circula émenor, a apresentação ao utilizador éinstantânea e sem qualquer efeito do«refresh».

UTILIZANDO AJAX NUMSITE WEBDEV: 1 CLIQUE!Não existe nada a programar. Automaticamente dispõe de AJAX.Continua a programar em 5GL(WLanguage). WEBDEV cuida de tudo!Na barra de ferramentas do editor decódigo existe uma opção de seleção«AJAX». Para activar o AJAX sobre oprocesso, tudo o que tem a fazer é cli-car ... o botão «AJAX».A legenda muda e surgirá «AJAX acti-vado».

SEGURANÇAPor motivo da sua arquitetura, o AJAXnão pode iniciar procedimentos e pro-cessos do servidor a partir de uma cha-mada browser. Para proteger os seussites, os processos WEBDEV são prote-gidos das chamadas ilegais (tentativade roubo de uma sessão, ...).

WEBDEV AJAXTECNOLOGIA PARACAMPOSDepois de um pedido de página Ajax,todos os campos afetados são atuali-zados automaticamente com base noseu valor no servidor. Não há nada paracodificar.


IMPLEMENTE AJAXNUM CLIQUE

UM URL, 2 PÁGINASA apresentação dinâmica é uma téc-nica em que o mesmo endereço (URL)conduz a 2 páginas diferentes: umapágina para PC e uma página para dis-positivos móveis. Dependendo do dis-positivo (PC ou telemóvel) que acede àpágina, a página certa será apresen-tada.Esta é uma solução alternativa(mesmo complementar) ao responsiveweb design, de fazer um site tradicio-nal mais amigávelmente móvel. Com este método, não há necessidadede modificar as páginas existentes:apenas adicionar novas páginas paradispositivos móveis.

EXCELENTEREFERENCIAMENTONATURAL GOOGLEEsta técnica proporciona uma grandereferência pelo Google.Para associar as páginas PC (apresen-

tadas num ecrã grande) e as páginaspara dispositivos móveis, uma novajanela é introduzida no editor de pro-jeto. Em tempo de execução, depen-dendo do hardware, o servidor de apli-cações WEBDEV 21 decide sobre a

página a utilizar. Por programação épossível desligar o reencaminhamentoautomático. Desta forma é possívelproporcionar ao utilizador de um tele-móvel, a permanência no local do seudesktop.

APRESENTAÇÃO DINÂMICA: UM URL, 2 PÁGINAS DISTINTAS

Ajaxsem qualquer códigoadicional.

http://mysite.com/mypage

Computer Mobile

same URLbut different

pages


Web services aoseu serviço

WEBDEV®

CONFIE NA FACILIDADEDE UTILIZAÇÃO DOWEBDEV NA CRIAÇÃODE WEB SERVICES

WINDEV 21 permite-lhe facilmenteutilizar, criar, e implementar Web ser-vices.

FÁCIL CONSUMO DEWEB SERVICESCom WEBDEV é muito fácil importar eutilizar um Web service. A partir do WSDL (Web ServicesDescription Language) descrição doserviço, o WEBDEV gera automatica-mente tipos WLanguge e funções cor-respondentes ao interface de progra-mação do Web service. Desta forma os elementos do web ser-vice aparecem no projeto como ele-mentos regulares do projeto.

FÁCIL CONSUMO DEWEB SERVICES SOAPA utilização antecipada de Web servi-ces utilizando o SOAP (Simple ObjectAccess Protocol) é possível graças aoconjunto de funções SOAP. Estas funções permitem trabalhar como fluxo de dados XML trocados com oweb service (cabeçalhos, autenticação,meta-informação, ...)

FÁCIL CONSUMO DEWEB SERVICES RESTTambém pode consultar um Web ser-vice tipo REST graças à funçãoRESTSend() de WLanguage.

FÁCIL CRIAÇÃO DE WEBSERVICES

Os Web services são facilmentecriados: simplesmente defina o con-junto de procedimentos que com-põem a interface do Web service. A descrição do ficheiro WSDL égerado automaticamente.

TUDO É GERIDOA gestão de Web services é muito efi-caz em WEBDEV; aqui segue a lista defunções suportadas: • Resultados em array (SoapArray) • Ligação de dados Web services • inclusão de Web services• Atributos em wsdl• Múltiplas respostas• Múltiplos cabeçalhos • Assinatura da mensagem• WS-Endereçamento• Referências circulares em esquemas• Autenticações SPNEGO

FÁCIL IMPLEMENTAÇÃOWEB SERVICE

Os Web services são alojados numcomputador que contém um servidorde aplicações WEBDEV. O procedimento de instalação é geradoautomaticamente. A administração é realizada a partir doadministrador WEBDEV como um site«regular», todas as ferramentas estãodisponíveis: estatísticas de tráfego, etc.(Veja administração do site p 54).

ALOJAMENTO FÁCIL DEWEB SERVICE

A tecnologia de hospedagem ébaseada no standard e robusto servidorde aplicações WEBDEV. Esta tecnologia permite assegurar adisponibilidade dos serviços Web, bemcomo a sua velocidade. Os pedidos são executados simulta-neamente, em processos separados, oque garante a segurança.Os Webservices podem ser consumidospor qualquer tipo de aplicação, criadaem WINDEV, WEBDEV ou com qual-quer outra linguagem de terceiros.

WEB SERVICES: FÁCILARQUITETURA SOA

Consumindo Web services: os elemen-tos dos Webservices aparecem no pro-jeto como elementos pertencentes aosite, para facilitar o desenvolvimento

Quando cria um site dinâmico a partir do zero,necessita de definir as tabelas que serão uti-lizadas. É fácil com WINDEV 21.E se tiver bases de dados já existentes, oWEBDEV pode usá-las diretamente. WEBDEV utiliza uma representação visual para descrevercomo os dados são organizados. O método UML estáincluído no ambiente. De realçar que o WEBDEV suportatodos os métodos de análise.

A DEFINIÇÃO DE UMA NOVAESTRUTURA Digamos que necessita definir novas tabelas, vamos esprei-tar um exemplo simples, mas representante da criação deuma nova estrutura de ficheiros: a definição das tabelas de«Produtos» e «Pedidos».

1.Vamos criar a tabela PRODUTOS: tudo o que tem a fazeré especificar o seu nome e algumas informações gerais.

2. Vamos criar a estrutura da tabela: cada coluna é definidaou recuperada a partir do dicionário de dados.

3. De seguida, criamos a tabela PEDIDOS. os CLIENTES fazem os pedidos. Portanto, estas 2 tabelas devem estar ligadasna análise. Depois de clicar no «link» da barrade ícones, basta desenhar uma ligação entreessas duas tabelas utilizando o rato.

4. WEBDEV 21 faz algumas perguntas simples e em lin-guagem natural, para determinar automaticamente o tipo deligação entre as duas tabelas.

As questões são muito básicas. Por exemplo, aqui: Com base nas respostas a estas perguntas simples o WEB-DEV define os atributos de cardinalidade adequados e deter-mina se uma tabela de relação é uma necessidade!

5. WEBDEV solicita então as regras a aplicar para elimina-ções ou modificações (integridade referencial)

6. É isto, as tabelas estão ligadas e o seu trabalho estáfeitoO Editor de consultas encontrará automaticamente a cor-

reta junção, e cada editor do ambiente de desenvolvi-mento vai saber como trabalhar com os dados ...

A tabela de ligação é automaticamente criada.

Agora, tudo o que há a fazer é imprimir a documentação(opcional), gerar as páginas e o código com a ferramentaRAD, ou iniciar um novo desenvolvimento ... É simples assim.


A DOCUMENTAÇÃO TÉCNICA NUMCLIQUEWEBDEV 21 permite-lhe editar a qualquer momento a análisee a documentação da programação completa do site. A docu-

mentação é construída através de análise inversa do site, logo,sempre atualizada. A documentação pode ter várias centenasde páginas, é publicada no formato PDF, HTML ou num pro-cessador de texto...

Cada «produto» pertence a pelo menos a um «pedido»: sim ou não?Cada «produto» pertence a pelo menos a um «pedido»: sim ou não?Etc.

Pro ibir a exc lusão de produto que tem um pedido : sim ou não?Etc.

MODELAGEM DA BASE DE DADOS: FÁCIL (UML,...)

AIMPORTAÇÃO

DE DADOSEXISTENTE

Se já tem uma aná-lise ou dados, pode

automaticamentetrazê-los para o

ambiente (importar adescrição das tabe-las, colunas e rela-

ções). Simplesmentearrastando e sol-

tando a estrutura noeditor de modelo de

dados para criar aestrutura!


TODAS AS BASES DE DADOS: MYSQL,ORACLE, AS/400, SQL SERVER, INFORMIX...

Descrição de umaestrutura dedados em WEBDEV

Um site dinâmico usa dados.WEBDEV 21 pode aceder aqualquer base de dados domercado. WEBDEV é um produtoaberto que permite reutili-zar ou incluir sites ou peda-ços de site existente.

TODAS AS BASES DEDADOS SÃOSUPORTADAS (LISTA NÃOEXAUSTIVA)WEBDEV pode ler e escrever em qual-quer base de dados.Algumas bases de dados suportadas(consulte a tabela ao lado).

HFSQL, UMA BASE DEDADOS SQL PODEROSA,INCLUÍDAWEBDEV vem com HFSQL, uma pode-rosa base de dados SQL cliente/servi-dor, já utilizado por milhões de sites. HFSQL pode ser instalada gratuita-mente com seus sites WEBDEV.Características HFSQL são detalhadasna página 40.

ACESSO EM MODONATIVO WEBDEV pode nativamente aceder aMySQL, Oracle, SQL Server,PostgreSQL, SQLite, AS/400, DB2,Informix, Sybase diretamente (módulosdisponíveis separadamente). A instalação destes acessos nativos éextremamente simples (um ficheiro depequeno tamanho). Campos BLOB e Long Raw são supor-tados.As performances de acesso sãoimpressionantes.

SUPORTE NATIVO PARABASE DE DADOS «AS400»

E «ISERIES»WEBDEV acede dire-tamente a bases dedados AS/400(módulo disponívelseparadamente),sem qualquerODBC, controla-dores OLEDB ouActiveX. WEB-DEV sabe comoimportar eexportar DDS,

executar comandos de CL,gerir uma fila de dados, ...É totalmente incluído no ambiente, e avelocidade é impressionante.

Peça-nos a brochura!

BIG DATAWEBDEV pode nativamente acededr adados armazenados no formato BigData.

TODAS AS BASES DEDADOS VIA ODBC OUOLEDBWEBDEV 21 suporta todos as bases dedados que têm um ODBC ou driverOLE DB.

SCRIPT SQL = ANÁLISEWEBDEVUma análise definida no WEBDEV podeser convertida num script SQL paracriar novas bases de dados SQL, e qual-quer script SQL pode ser convertidoautomaticamente numa análise WEB-DEV para aproveitar o código existente. Isso proporciona a abertura total.Na maioria dos casos, as estruturasexistentes são importadas por um sim-ples arrastar e soltar no editor demodelo de dados.

OS PROCEDIMENTOSARMAZENADOSSe a base de dados de terceiros supor-tar procedimentos armazenados, estessão acedidos por aplicações escritas uti-lizando WEBDEV.

PROGRAMAÇÃO ÉIDÊNTICAINDEPENDENTEMENTEDA BASE DE DADOSUTILIZADAIndependentemente da base de dadosusada, também será capaz de utilizarcomandos SQL ou usar os comandos5GL de WEBDEV, WLanguage(ReadNext, e assim por diante).Isso mostra mais uma vez a abertura doWEBDEV, permitindo-lhe alternar facil-mente de base de dados.

ESTÁ A UTILIZARWINDEV...Se utilizar o WINDEV, observe que podecompartilhar o projeto e seus elemen-tos (código, classes, janelas, consultas,relatórios, ...) entre os 2 ambientes, eexportar as suas aplicações para WEB-DEV.

WEBDEV 21 permite-lhecriar um novo site e osrespectivos dados, ou criarum site vinculado a dados jáexistentes,independentemente da basede dados.

- HFSQL*

- MySQL*

- Oracle**

- Informix**

- SQLServer**

- PostgreSQL*

- MariaDB*

- SQLite*

- IBM DB2**

- IBMAS/400**

- Sybase**

- Netware SQL- Ingres- Progress** -XML*

- Bull DPS- Access- xBase*

- ASCII*

- Excel*- Etc.

*: conector nativo standard**: conector nativo opcional

WEBDEV 21 suporta todas asbases de dados do mercado.WEBDEV vem com uma basede dados SQL, HFSQL, que émuito poderosa, rápida emuito confiável.A distribuição do motorHFSQL é gratuito.

WEBDEV SUPORTATODAS AS PRINCIPAISBASES DE DADOSWEBDEV funciona com todas as basesde dados do mercado (ver página 39).

UMA BASE DE DADOSCOMPROVADA VEM COMO PRODUTO: HFSQLHFSQL é o novo nome para oHyperFileSQL.HFSQL vem com WEBDEV 21. É uma base de dados robusta e fiável,já utilizado em milhões de sites emtodo o mundo.

329 MILHÕES DE BILIÕESDE LINHAS (REGISTOS)...HFSQL permite-lhe trabalhar com umgrande volume de dados (até 329 qua-trilhões de linhas).

Pode planear o crescimento natural dosdados com paz de espírito.

PARTILHAR DADOS COMO BACK OFFICEDados do site podem ser facilmentepartilhados com aplicações de back-office, para processar pedidos, listarembalagens enviadas, criar faturas,por exemplo. WINDEV é o parceiroideal para o WEBDEV, para construiraplicações de Back Office sólidas.

REPLICAÇÃO SITE/BACKOFFICEA replicação entre o site e o back officeé frequentemente útil.HFSQL permite a replicação de basesde dados e a replicação de servidores,unidireccionais e bidireccionais, pro-gramado ou contínua.A replicação pode ser automatizada,totalmente personalizado.

EXTREMAMENTE FÁCILA integração total de comandos e ainstalação de índices (automático) per-mitem uma incrível velocidade deacesso. Isso proporciona melhores tem-pos de resposta para o seu site, seja eleuma Internet ou Intranet.

TOTAL INTEGRAÇÃOO motor é totalmente integrado como ambiente de desenvolvimento.

A qualquer momento, em todos os edi-tores, tem acesso imediato a todas asinformações sobre as tabelas e colunas. A interação entre o interface do utili-zador e a base de dados permite a pro-gramação mais fácil e rápida.

CONFIDENCIALIDADE:ENCRIPTAÇÃO 128-BITNa Internet, os dados podem serencontrados num servidor: este deveser protegido contra o acesso ilegal; éfácil com HFSQL. A encriptação dedados e índices encontra-se disponívelpara maior segurança.

RECURSOS AVANÇADOSHFSQL oferece recursos avançados:cluster, integridade, log, transações,triggers, gestão de acessos simultâneosem automático, Unicode, manutençãoimediata (sem desligar os utilizadores)...

ABERTO A OUTROSPROGRAMASOs conectores nativos, os controlado-res ODBC e OLEDB fornecidos comHFSQL permitem ler e escrever a partirde programas ou aplicações de tercei-ros.

SQL E WLANGUAGEOs dados podem ser acedidos atravéscomandos SQL ou através das funções

HFSQL : BASE DE DADOS SQL GRATUITAPARA WINDOWS E LINUX CLIENTE/SERVIDOR

iOSiOS

ClassicLocal or network

O Centro de Controle per-mite-lhe monitorizar todosos servidores e bases dedados que se encontraminstaladas na rede da suaempresa ou em remotoatravés da Internet. Este centro também lhepermite:• visualize e imprima os

dados• executar consultas dire-

tamente• gerir as contas utilizador

(grupos), direitos, listadas conexões em curso

• recolher estatísticas pre-

cisas sobre o uso do ser-vidor: computadores,consultas, logs, parâme-tros, ...

• desconexão utilizador• a gestão das transações:

visões, cancelamento, ...• gestão de backups (cópia

de segurança)• visão dos registos blo-

queados• agendar tarefas• replicação de servidor• visão dos números de

linhas processadas• gestão de cluster• ...


HFSQL CENTRO DE CONTROLE


NOVIDADESEncriptação 128-bit

Integridade referencial

Registos

Replicação

Transações

Triggers

Unicode

Importar/Exportar

Cluster

Compactar/Descompactar memosem tempo real

TECNOLOGIASManutenção automática (DDS)

Gestão de acessos concorrenciais

Conexão automática

Sem gestão

Resumo automático após incidente

Distribuição automática

Descubra HFSQL comeste 24 páginas docu-mentação disponívelwww.WINDEV.com

CLUSTER (CONJUNTO DESERVIDORES)Graças ao recurso de cluster, um conjuntode servidores físicos aparecem como umúnico servidor para os clientes.Uma potencial falha de um servidor físiconão impede o acesso à base de dados (altadisponibilidade, tolerância a falhas).

A carga de informação carregada é distri-buída por todos os servidores (balancea-mento de carga para leitura).Quando um utilizador está conectado a umservidor que falha, a aplicação não será des-conectada mas sim automaticamente reco-nectada a um servidor válido (controlo dequeda automática).

poderosas do WLanguage. Tem a pos-sibilidade de misturar comandos deSQL com comandos WLanguage nomesmo programa.

O CÓDIGO PODE SERGERADO!A programação é muito fácil, rápida econfiável. O código pode ser geradoautomaticamente aquando da criaçãode páginas através do WEB RAD!

SEGURANÇA: “INJEÇÃODE SQL «IMPOSSÍVELPode criar consultas configuráveis, oque previne os ataques a servidoresatravés de «injeção de SQL».

PESQUISA DE TEXTOCOMPLETO A pesquisa «texto completo» permitepesquisas rápidas de cadeias de carac-teres dentro dos seus dados. O índice suporta rich text (RTF, HTML),ignorando as suas marcas durante oprocesso de indexação.Os resultados são apresentados deacordo com a ordem de relevância(«ranking»).

«HOT BACKUP»Pode desencadear um backup da basede dados enquanto esta está sendo uti-lizada Não pode ler, escrever ou consultarenquanto este processo estiver adecorrer. A integridade da informação

salvaguardada está assegurada.O backup pode ser desencadeado porprogramação (num determinadomomento, por exemplo) ou por meiode uma ação da DBA. Pode também executar backups incre-mentais.

FÁCIL INSTALAÇÃO ECONFIGURAÇÃOHFSQL instala instantaneamente, sema necessidade de qualquer operação.Da mesma forma, a administração debase de dados é realizada automatica-mente. Mudanças nas estruturas de base dedados são geridas automaticamente(tecnologia SSD).

IMPLEMENTAÇÃO HFSQL:GRATUITOUtilizar HFSQL pode-lhe poupar cente-nas de milhares de dólares (e aindamais quando implementar sites deintranet). Um benefício significativo.

HFSQL Cliente/Servidor éseu melhor aliado para seussites!

WEBDEV®

O editor permite-lhe criar automaticamenteconsultas simples ou complexas em tabelas.Isto simplifica a programação ainda mais:tabelas em páginas, loopers, combo boxes,relatórios... podem ser baseados em consul-tas.

NÃO HÁ NECESSIDADE DE SABER SQLPARA CRIAR CONSULTAS PODEROSASGraças ao editor visual, tudo o que necessita fazer é esco-lher as colunas a incluir, especifique as condições de seleçãousando o assistente, e a consulta é construída.Pode, claro, modificar o código SQL gerado pelo editor deconsulta.As consultas são executadas em HFSQL (Clássico, versãoMobile e Cliente/Servidor) e em todas as outras bases dedados.Pode usar códigos WLanguage em consultas (comandoshRead*).

CONSULTAS VISUAISA consulta é também gerada em linguagem natural depen-dendo da sua escolha no editor (ou no SQL, se optar por isso).

O editor de consultas

� O código SQL gerado automaticamente

Depois da validação, a consulta é apresentada graficamenteno ambiente de desenvolvimento, o que a torna mais fácilde entender quando necessitar de fazer alterações.

3 � Assim que a consulta é definida, esta é repre-sentada graficamente.

EXECUÇÃO OPTIMIZADACom HFSQL, a escolha do melhor índice será realizada emtempo de execução, tendo em conta o peso real de cadaíndice na tabela. Se as chaves estiverem em falta, o ambientevai sinalizá-las automaticamente através de ADD (AidedApplication Development).

CONSULTAS BASEADAS EMCONSULTAS...O resultado de uma consulta pode ser uma tabela de visua-lização, um relatório impresso ou mesmo uma tabelaHFSQL. Uma consulta pode utilizar o resultado de outra con-sulta como sua fonte.

CONSULTAS CONSTRUÍDAS SOBREQUALQUER BASE DE DADOSA fonte de dados para uma consulta pode ser uma base dedados HSQL ou uma base de dados de terceiros: Oracle,MySQL, SQL Server, DB2, AS/400, Access...

O editor de consulta torna o acesso aos seusdados muito mais fácil de programar.


� A consulta é construída em linguagem natural, diante dos seusolhos

EDITOR VISUAL DE CONSULTAS


O editor de relatórios solu-ciona o problema de impres-sões na Internet. Faz com que as criações deimpressões seja mais fácil. Tem uma dupla utilização:• por um lado, para aplica-

ções intranet• por outro lado, para gerar

dinamicamente relatóriosque serão enviados para outilizador da Web (porexemplo uma factura PDF).

PDF INCLUÍDOOs relatórios podem ser criados no for-mato PDF (sem encargos adicionais oude necessidade de qualquer móduloadicional).

Um relatório PDF é gerado com oWEBDEV 21

PDF/A E ASSINATURAÉ possível criar PDF/A assinado (arquivoISO standard), e PDF (RGS) assinado.

CRIAR UM RELATÓRIO:FÁCIL

Escolhendo o tipo de relatório paracriar

Um assistente oferece automatica-

mente ajuda para criar relatórios dealta qualidade; ele faz-lhe perguntaspara que não se esqueça de nada! Numa intranet, os relatórios sãoimpressos numa impressora acessível apartir do servidor.Na Internet, o relatório será enviado aoutilizador da Web como: HTML, RTF,PDF...

QUALQUER FONTE DEDADOSOs dados utilizados para um relatóriopodem vir de qualquer fonte: HFSQL,Oracle, Access e assim por diante, con-sulta, ficheiro de texto, zona de memó-ria, tabela de uma página, ...

SUPORTE PARA PÁGINASDE FUNDO EM PDFO editor de relatórios suporta os planosde fundo de página e os formuláriospré-impressos, como formulários deimpostos.

INCLUA IMAGENS:AUTOMÁTICOIncluindo imagens - BMP, TIFF, PCX, GIF,JPEG, PNG, e assim por diante - numrelatório é extremamente simples. Aimagem pode existir (logotipo, porexemplo), ou surgir pelo seu programaou ficheiro (fotografia do produto, ...) Pode também imprimir facilmentedesenhos provenientes do seu pro-grama.

O CÓDIGO FONTE ONDEQUISERWEBDEV permite-lhe incluir qualquercódigo fonte executável (WLanguage)em qualquer lugar do relatório: istopermite-lhe criar a maioria dos seusrelatórios personalizados sem proble-mas.

CÓDIGOS DE BARRASAUTOMÁTICOS

WEBDEV 21 imprime automaticamente

os códigos de barras (horizontal ou ver-tical) Os formatos suportados são: QR Code,UPCA, UPCE, EAN13, EAN8,CODE128, CODE39, CODE93,CODE11, intervaled 2 of 5, CODABAR,BC_MSI, Datamatrix, PDF417...

RELATÓRIOS DE E-MAILCom WEBDEV é fácil criar um relatóriodinâmico (a factura para o produto,após o utilizador efetuar uma enco-menda on-line, por exemplo) e enviá-la imediatamente (em formato PDF, porexemplo).

DISTRIBUIÇÃO GRATUÍTADOS RELATÓRIOSAlém disso, não paga nenhuns direitospara distribuir os seus relatórios junta-mente com seus sites WEBDEV.

Com WEBDEV 21,relatórios sofisticados sãofeitos facilmente!

Um editor derelatórios

WYSIWYG, pre-cisão ao pixel

WEBDEV®

EDITOR DE RELATÓRIOS: GERAR PDF EMTEMPO REAL (FACTURAS ...)

Um relatório a sercriado noambiente

A BASE DE DADOSFONTECom SCM (Source Code Manager), os

elementos do projeto são agrupadosnuma base de dados Antes de ser uti-lizado qualquer elemento é check-out,uma vez que foi modificado é verifi-cado novamente. Por conseguinte osmembros da equipa usam elementosatualizados.SCM armazena todos os elementos doprojeto: procedimentos, conjuntos deprocedimentos, classes, páginas, rela-tórios, componentes, consultas, análi-ses, dependências (imagens, ...), ...

TOTALMENTEINTEGRADO

Totalmente integrado com os várioseditores, a ferramenta de controlo deversões (SCM) proporciona um melhortrabalho de equipa, modificação e his-tórico de versões, gestão de versõessimultâneas de uma aplicação e auto-matiza o backup do código-fonte daequipa de desenvolvimento.

A ferramenta de controlo de versõestraz conforto, flexibilidade, segurançae velocidade. Dimensionado para acomodar equipasde 1 a 100 programadores, o SCM faci-lita e normaliza as trocas entre progra-madores sem impôr restrições.

PODEROSAS NOVIDADES• SCM é inteiramente integrado no

ambiente; por exemplo, o SCM pro-

põe a verificar um ele-mento durante umamodificação.

• A base de dadossuporta vários projec-tos; se vários projectosutilizarem o mesmo ele-mento, este pode serpartilhado.

• Um histórico de todos oselementos (páginas,código, consultas, ...) éa r m a z e n a d odesde a sua cria-ção no repositório(uma purga com-pleta ou parcial ésempre possível).

• O projeto pode serencontrado emtodos os computa-dores de desenvolvi-mento; desta formapode trabalharnuma máquinaoffline.

• A gestão de filiaisencontra-se coberta.

• “Diff” (diferenças)entre 2 elementosestá disponível: fonte,página, ...

• Tem a capacidade de ver a listade modificações realizadasentre 2 versões efetuadas porsi e/ou por outros programa-

dores ou administradores de sites ....

CONECTADO E REMOTOSCM aceita conexões remotas via

Internet. Desta forma poderá trabalharnum projeto a partir do local docliente, sem receio de perder as suasmodificações.Se estiver ligado (com DSL, por exem-plo), as modificações que efectuarserão imediatamente disponibilizadasaos outros programadores.

PROGRAMADORINDIVIDUAL

Mesmo que seja o único a desenvol-ver a ferramenta de controle de versõesapresenta algumas vantagens: mantémum histórico das modificações paratodos os elementos e funciona comouma ferramenta de backup e arquivodas versões.A gestão de versões permite-lhe gerirfacilmente várias versões do mesmosite.


TRABALHO DE EQUIPA FERRAMENTA DECONTROLO DE VERSÕES (SCM)

Desenvolver

no escritó-

rio, naestrada e

até mesmo

na praia!

SCM gere auto-maticamente asdependências:ficheiros utiliza-dos (imagens,...). SCMdetecta-os noprojeto e salva-os com o pro-jeto.

DASHBOARD DOPROJECTOO dashboard fornece uma

visão global do projecto, oseu progresso e qualidade. As luzes acendem-sequando alguns níveis (con-figurável) são alcançados:número de erros, dataslimite perdidas... e mostraque otimizações a efectuar.

GESTÃO DOCICLO VIDA

Um Centro de Controle éuma aplicação que monito-riza um aspecto do ciclo devida de um site.O Centro de Controle per-

mite-lhe ter uma visão glo-bal da área correspondente,quer durante a fase dedesenvolvimento, num localde implementação oumesmo para manutençãoe/ou evolução da aplicação.O Centros de Controle são mais utili-zados no desenvolvimento Web em:• Centro de Monitorização de Projetos• Centro de Controle de hospedagem.Os Centros de Controle sao totalmenteintegrados no ambiente; a informaçãoé partilhada.

ALM: CENTRO DEMONITORIZAÇÃO DEPROJETOSO centro é utilizado para verificar ocalendário de cada tarefa atribuída eexecutada por cada membro da equipae controla igualmente a gestão derequisitos e o controle de qualidade.

GESTÃO DE REQUISITOSE TAREFASO Centro de Monitorização do Projetopermite definir e acompanhar o estadode cada requisito para cada versão doprojeto. O requisito corresponde auma característica que deve ser desen-volvida no software.Cada requisito pode ser ligado a váriastarefas (tarefa de desenvolvimento,tarefa teste, tarefa de documentação,...), erros, regras de negócios ...

CONTROLE DE QUALIDADEO controle de qua-lidade permite amonitoração deincidentes no

desenvolvimento.

CENTRO CONTROLOHOSPEDAGEM.O centro de controle de hospedagempermite-lhe configurar o perfil e man-ter o servidor de hospedagem. A gestão de contas e servidores Web étambém realizada através deste centro(ver página 50 a 53).

A gestão de projeto é maisfácil.


CONDUZA OS SEUS PROJECTOS: DASHBOARDS & CENTROS DE CONTROLE

O dashboard do projeto proporciona uma visão geral da evolução de um projeto.

Gerir o calendário da equipa de desenvolvimento em temporeal

Análise de impacto

WEBDEV®

Conduza osseus projetos

As páginas estáticas existentes podem ser recuperadas em WEB-DEV 21. Os campos correspondentes são criados.

Aqui: uma janela em WINDEV... ... e o resultado da sua importação para WEBDEV 21. O códigofonte também é importado!

Importação, exportação e partilha de aplicações WINDEV e janelas economiza-lhe muito tempo quando se passade uma aplicação de Windows a uma aplicação Internet e vice-versa.

IMPORTAÇÃO EXISTENTE HTML

A página estática inicial... A mesma página importada no editor WEBDEV

IMPORTAR CÓDIGO HTML EXISTENTEWEBDEV, tem uma característica interessante: aspirar pági-nas HTML existentes.A página é importada para WEBDEV e cada texto, imagem,link e assim por diante é automaticamente convertido emobjeto WEBDEV,.O estilo geral da página é mantido.Isto permite-lhe facilmente recuperar o código existente.

IMPORTAÇÃO DE CÓDIGO DO DREAMWEAVERVocê tem a capacidade de importar páginas doDreamweaver, modelos e bibliotecas. Ao importar umapágina criada com o Dreamweaver, se um modeloDreamweaver é detectado, ele é automaticamente conver-tido num modelo de página WEBDEV,. Se este modelo fordetectado noutra página importada, este será automatica-mente substituído pelo modelo da página criada anterior-mente.

IMPORTAÇÃO E A PARTILHA DE UMAAPLICAÇÃO WINDEVAs janelas criadas com WINDEV são convertidas diretamenteem páginas. Os projetos são comuns. Os campos, o código,

os relatórios são recuperados. Passando de Windows paraInternet (e da Internet para Windows) nunca foi tão fácil!Também pode partilhar as classes, procedimentos, relatórios,consultas entre projectos WINDEV, WEBDEV e WINDEVMobile.

Importandopáginas também

é útil para acriação de umlivro de estilos

compatível comum site exis-tente, preser-vando a sua

aparência e sen-sação do site.

HTML

WINDEV WEBDEV

WEBDEV

IMPORTAR/EXPORTAR APLICAÇÕES WINDEVAPLICAÇÕES WEBISING


Aberto a todosos padrões

WEBDEV®PHP SEMCONHECIMENTO PHP!Todo o poder do WEBDEV (editorWYSIWYG, editor do modelo dedados, UML, editor de consulta, con-troles avançados, WLanguage, etc.)está disponível para a criação de sitesPHP Se decidir, as páginas e o código(em WLanguage) são automatica-mente convertidos em código PHP(também pode digitar o código PHPdiretamente).Sem conhecimento de PHP, pode facil-mente criar sites dinâmicos PHP!

RAD PHPO método WEB RAD também está dis-ponível para gerar sites PHP em apenasalguns cliques. Gerar automaticamente os seus sites apartir do editor de modelo de dados.

ENTRADA DIRETA DECÓDIGO PHPNo editor de código WEBDEV, tem acapacidade de escrever (ou colar) ocódigo PHP.

Aqui, o processo a vermelhoé um pedaço de código PHP.

Você nunca está preso.Pode misturar código PHP e códigoWLanguage na mesma página.

ASSIM COMO CAMPOSAVANÇADOSAlém dos campos standard (campo deedição, campo estático, etc.) maiorparte dos tipos de campos avançadosdo WEBDEV 21 estão disponíveis noPHP: tabela com barras de deslocaçãoautomática, campos looper, calendário,abas, campo de edição enriquecido,texto HTML, régua automática…Isto permite-lhe simplificar tremenda-mente a codificação e oferece grandesegurança aos seus sites através de

máscaras de entrada que só permitema entrada de dados em formatos defi-nidos.

WEB 2.0: AJAX EM PHPUm grande número de campos e ope-rações são compatíveis com AJAX nomodo PHP: crie sites PHP Web 2.0 comWEBDEV 21! (ver página 36)

TIPOS AVANÇADOS Além dos tipos standard do PHP, oWEBDEV 21 permite-lhe usar tiposavançados no seu código. A programação é mais fácil e maissegura assim. Os tipos avançados são: data, hora,duração, fonte de dados, arrays asso-ciativos, estruturas, numérico ...A sintaxe poderosa e os operadorestambém estão disponíveis: FOR EACH,operações de cadeia de caracteres,concatenação opcional, ”start with”operador, ...

PARTILHA DE CÓDIGOUtilizando WLanguage permite-lhe apartilha de código entre páginas e sitesPHP, sites convencionais WEBDEV e atémesmo com aplicações WINDEV!Isto permite-lhe poupar muito tempo eaumentar a fiabilidade através da reu-tilização.

GESTÃO FÁCIL EAUTOMÁTICA DESESSÕES PHPA gestão de sessões PHP (contextos) éautomática. Tudo o que tem a fazer édeclarar as variáveis que devem serrecuperadas durante a próxima execu-ção da página. Não há nenhum processo de serializa-ção de código.

COMPATIBILIDADE PHP 7,5 & PHP 4WEBDEV 21 gera código PHP compa-tível com PHP 7, PHP 5 e PHP 4.

ACEDER A HFSQLO acesso a HFSQL (Clássico, Rede eCliente/Servidor) é assegurado atravésde comandos SQL.

ACESSOS MYSQL,POSTGRESQL, ORACLEO acesso a bases de dados MySQL,PostgreSQL e Oracle é suportado.Note-se que todas as bases de dadosque propõem um driver ODBC sãoacessíveis.

ACESSO AS/400 (IBM I)Acesso a AS/400 é nativo (módulo paraadquirir em separado).

CHAMAR SCRIPTS PHPVocê pode chamar um script phpexterno a partir de uma página PHP ouuma página WEBDEV standard atravésdo comando PHPExecute. Pode utili-zar um método POST ou um métodoGET, o resultado é devolvido numacadeia de caracteres.

WAMP & LAMPWAMP (Windows, Apache, MySQL,PHP) e LAMP (Linux, Apache, MySQL,PHP), siglas, muitas vezes utilizadas porestas tecnologias baseadas em 4 com-ponentes e suportadas pelo WEBDEV21.

EASYPHP:CONFIGURAÇÃOAUTOMÁTICA EINSTALAÇÃO DOWEBDEVAo instalar o servidor de aplicaçõesWEBDEV 21, os servidores ApacheWeb (usados principalmente peloEasyPHP) são automaticamente detec-tados e configurados.

O ACESSO AHOSPEDAGEM GRATUITAGerar um site em PHP permite-lhe(entre outras coisas) aceder aos servi-ços de hospedagem «gratuita» para osseus sites dinâmicos. Esta opção podeser útil para sites de associações oupequenas empresas que não queremutilizar hosting dedicado.

Com WEBDEV 21, PHP éfácil!

GERAR CÓDIGO PHP


WEBDEV AOSERVIÇO DA SAPSAP R/3 é uma ferra-

menta de ERP muito popular.Um site construído pelo WEB-DEV 21 pode aceder aos dadosdo SAP ERP nativamente (atra-vés de BAPI). O acesso aosdados é efectuado diretamentepelo SAP, o rastreio dos acessos

é mantido,bem comoa gestão deprioridades.

A família de funções permite-lheestabelecer uma ligação (comautenticação), chamar BAPIs e pas-sar parâmetros. Um assistenteajuda a importar automaticamenteas estruturas utilizadas.Não énecessário instalar o módulo deinterface utilizador do SAP.Todas as características WEBDEV estãodisponíveis.

CONSULTAS BASEADASNO SAP

O gerador de relató-rios (ver p 43) podeser utilizado paracriar consultas sobredados encontradosnuma base de dadosSAP.

ACESSONATIVO ALOTUSNOTES

Sites WEBDEV podem aceder a LotusNotes em modo nativo. Acesso a e-mails constantes do servidor de cor-reio do Lotus Notes (Domino), nosmodos de entrada e de saída, é desérie e em modo nativo. O acesso acontactos, compromissos, tarefas edocumentos encontrados no servi-dor é fácil. Isto é utilizado para criarsites de intranet que estão total-mente integrados no S.I. daempresa.A segurança habitual de Lotus

Notes é respeitada, é claro, atravésdo certificado da Lotus.

ACESSO NATIVOOUTLOOKSites WEBDEV pode aceder ao Outlookem modo nativo. Acesso a e-mails doOutlook, em modos de entrada e desaída, é standard. Acesso a contactos, compromissos etarefas é fácil, em modo de leitura eescrita. Isto é utilizado para criar sites de intra-net que estão totalmente integradosno S.I. da empresa.

ACESSO NATIVO AAPLICAÇÕES GOOGLE

Além da capacidade de se conectar auma aplicação do Google através demashup, WEBDEV 21 disponibilizaacesso nativo a aplicações de dados doGoogle : Google Calendar, GoogleMaps, Google Contacts, Picasa...Isso permite que os dados sejam recu-perados e, de seguida, apresentadosnum formato personalizado no site.

Vamos ver um exemplo de código quelista os contactos do Gmail e os apre-senta numa tabela WEBDEV.

ACESSOS NATIVOS : GOOGLE APPS, SAP, LOTUS NOTES ...

Exemplo de acesso nativo ao GoogleCalendar, para ser utilizado posteriormentee diretamente numa página WEBDEV 21

Connection is gglConnectionConnection.Email=”[email protected]”Connection.Password=”password”GglConnect(Connection)Contacts is array of gglContactContacts=GglContactList(Connection)TableDisplay(TABLE_Contacts)


e

SaaS (acrônimo de «software comoserviço») é um modelo de distribuiçãodo software.Os clientes não pagam para comprar osoftware, mas sim para usá-lo. Os dados são armazenados nos servi-dores do fornecedor da aplicação e nãolocalmente na empresa.

FACILIDADE SAASA versão 21 do WEBDEV fornece-lhe asferramentas necessárias para entregarfacilmente soluções SaaS: comercializeos seus sites SaaS graças às ferramen-tas fornecidas.O administrador SaaS permite-lhe des-crever as autorizações de utilização. A gestão de conta do cliente permite-lhe definir as regras de utilização dosite: a autenticação, o número de liga-ções autorizadas, o tempo de ligação,etc.Esta gestão é feita diretamente nointerface do administrador ou atravésde funções da linguagem.Em tempo de execução, o site verificaa autorização de conexão e os direitosdo utilizador através de um conjuntode funções da linguagem.

ADMINISTRADOR SAASO software de administração pode fun-cionar com ou sem intervençãohumana. É-lhe permitido criar contasde empresa, contas de utilizadorbaseados numa configuração inicial,sem qualquer intervenção humana.A interface está disponível em modoWeb.

SAAS ADMINISTRAÇÃOAPIAs funções de WLanguage disponíveispara a gestão de contas são (lista nãoexaustiva):• criação e exclusão da conta • modificação de conta: adicionar uti-

lizadores, intervalos de tempo,número de utilizadores ...

• inicialização de uma base de dadosatravés da clonagem de uma base dedados de referência

• definindo a ligação para a base dedados ...

SAAS AUTENTICAÇÃOAPIEntre os elementos de gestão de umsite SaaS, irá encontrar:• Conexões e desconexões

• Identificador de empresa • Password empresa• Identificador de utilizador • Password de utilizador• Verificação de endereço IP• Número máximo de conexões• Tempo máximo de ligação• Tempo autorizado de conexão, etc.

GESTÃO DE PREÇOSPERSONALIZADOSGestão de preços é facilmente reali-zada através de uma configuraçãosimples.

SaaS, é fácil com WEBDEV 21!

FacilidadeSaaS

WEBDEV®

SAAS: AS FERRAMENTAS PARA GERIR OACESSO SAAS AOS SEUS SITES

Uma vez que um site é construído, este deveser instalado num servidor.WEBDEV 21 é fornecido com uma poderosaferramenta de implementação e de instala-ção.

INCLUÍDO NO PRODUTOTal como acontece com todos os outros módulos, estemódulo é fornecido com WEBDEV.Sites criados com WEBDEV podem ser instalados remota-mente (FTP, HTTP, ...) ou fornecer ao prestador de serviços umCD, DVD ou uma chave USB

A INSTALAÇÃO REMOTA É TOTALMENTEASSISTIDAPara implementar um site, apenas necessita de responder aalgumas perguntas.A implementação pode ser realizada de uma maneira com-pletamente segura, usando os protocolos de HTTPS e FTPS.

IMPLEMENTAÇÃO REMOTA DEATUALIZAÇÕES DO SITEUma vez o site instalado, este geralmente evolui. Quando osite muda, somente os ficheiros modificados necessitam deser actualizados, o que limita o volume de transferência.O WEBDEV irá comparar os ficheiros do site com os do com-putador de desenvolvimento, e irá pré seleccionar os fichei-ros que foram modificados. O assistente seleciona automaticamente a operação apro-priada para cada arquivo: cópia, atualização, eliminação,…E claro, também pode definir manualmente os ficheiros a ins-talar, excluir uma pasta, implementar apenas um idiomaespecífico ..

ATUALIZAÇÕES AGENDADAS: ÀNOITE...É geralmente mais conveniente efectuar as atualizações dosite em horas de menor consumo de tráfego, como durantea noite. O WEBDEV disponibiliza o agendamento de uma atualizaçãopara determinada data e hora. Os ficheiros de atualização são transferidos para o servidorimediatamente, mas a sua actualização real só será realizadana data e hora que indicou.

UMA IMPLEMENTAÇÃO POR MEIOSFÍSICOSPor vezes poderá querer fornecer o conteúdo do site atravésde um CD, DVD ou chave USB.Esta utilização também pode acontecer se o servidor de hos-pedagem não puder ser acedido através do protocolo FTP (ouFTPS) por razões de segurança.O WEBDEV 21 permite-lhe criar um «pacote de instalação»completo para o site.Note que este pacote de instalação pode ser disponibilizadovia download.Quando a empresa de hospedagem recebe o CD ou a chaveUSB, pode implementar o site no seu servidor.Você pode implementar o «servidor de aplicações WEBDEV»com o próprio site. Isso permite a distribuição de versões gra-tuitas de demonstração.

DATA DE EXPIRAÇÃO DE PÁGINAAo criar uma página, agora pode especificar uma data deexpiração para essa página.Por exemplo, se uma página está relacionada com um acon-tecimento específico (uma feira, uma promoção), estapágina não deve ser mais apresentada após uma determi-nada data!Para evitar esquecer de fazê-lo, o WEBDEV 21 irá notificar oprogramador ao abrir o projecto, e/ou irá enviar um e-mailpara o endereço indicado, com uma mensagem configurá-vel. Riscos de um descuido são limitados desta forma.

IMPLEMENTAÇÃO PARA EQUILÍBRIO DECARGAUm site que atrai uma grande quantidade de tráfego pode


Fácil gestãoremota

WEBDEV®

IMPLEMENTANDO FACILMENTE OS SEUSSITES



precisar de ser implementado em vários servidores paralelos.O WEBDEV 21 permite-lhe numa só operação implementarou atualizar um site sobre vários servidores de hospedagem.

IMPLEMENTAÇÃO MÚLTIPLA DOMESMO SITE NO MESMO SERVIDORO WEBDEV 21 permite-lhe facilmente implementar váriascópias do mesmo site no mesmo servidor, a partir de umúnico projeto.Isto permite que um consultor ofereça cópias do mesmo sitea vários clientes.Uma cópia de cada site (um site por cliente) será hospedadono mesmo servidor.Para isso, basta especificar o nome dos sites em tempo deimplementação, os parâmetros de cada site (tempo limite, onúmero de conexões, etc.) são independentes.Também pode apoiar todos os sites oferecidos através de ummódulo SaaS fornecido no WEBDEV (veja SaaS p 49).

ARQUIVANDOEsta função executa um backup de todos os elementos dosite antes de realizar uma atualização local.Isso permite-lhe preservar diferentes versões de um site.

TESTES: TESTES DE CARGA, TESTES DEREGRESSÃO ...A qualidade do seu site requer um conjunto de testes ade-quados. WEBDEV 21 vem com uma ferramenta de teste quelhe permitirá verificar se os parâmetros de seu servidor per-mitem o número máximo de conexões simultâneas quedeseja. A ferramenta de teste também permite executar umconjunto de cenários para verificação das regressões porexemplo.

IMPLEMENTAÇÃO NA NUVEM NUMCLIQUEImplementação de um site na nuvem é simples.Para fazer isso, deverá especificar o identificador da contaPCSCLOUD e a senha no assistente de implementação, sele-cionar a plataforma em que deseja implementar o site, e estáfeito!

Implementar e administrar um site: fácil comWEBDEV 21!

Administrador WEBDEVApplication Server

Administrador do servi-dor HFSQL

Gestão das contas WEB-DEV

Centro de Controle dehospedagem

Instalação pormeios físicos

Implementação do sitea partir do computa-

dor de desenvolvi-mento

Administração Remotado Servidor de

Aplicações WEBDEV

Administrador remoto doservidor HFSQL

Monitorização bot (Watchdog)Testes de stress

AS FERRAMENTAS DEADMINISTRAÇÃOFORNECIDAS

WEBDEV 21 per-mite-lhe hospedaros seus sites emprestadores de ser-viços, na nuvem ouinternamente.

ENCONTRAR UMISP PARA UMSITE WEBDEVDINÂMICO O site da PC SOFT pro-põe-lhe uma lista de

empresas de hospeda-gem (mundial) quesuportam os sites dinâ-micos WEBDEV. Tambémpoderá entrar em con-tacto com a sua actualempresa de hospeda-gem.

HOSPEDAR OSSEUS SITES(GRATUITA-MENTE) ETESTÁ-LOSNUM 1CLIQUEPC SOFT disponibi-

liza-se para hospedar os seus sites deteste. A configuração é facilmenterealizada, apenas um 1 clique a partirdo ambiente.

SERVIDOR DEDICADOO site é hospedado num computador«alugado» a um fornecedor ISP Você é responsável por administrar amáquina e é o único a usá-la, é dedi-cado à sua empresa. Você é o únicoque pode instalar sites sobre este com-putador. Você pode administrar os seussites remotamente graças às ferra-mentas fornecidas pelo WEBDEV.

SERVIDOR PARTILHADOAlojamento partilhado consiste emhospedar o seu site num computadorque é partilhado com outras empresasque serão capazes de implementarseus próprios sites sobre ele. Os recur-sos do computador são partilhados.Num servidor partilhado, você nãoadministra o sistema, apenas podeimplementar os sites. O desempenhotambém depende das atividades dosoutros sites, mas os custos de hospe-dagem são mais baratos do que numservidor dedicado.

NUVEMA nuvem para aplicações PC SOFT(www.pcscloud.net) disponibiliza pla-taformas operacionais pré-configura-das e optimizadas para as suas aplica-ções WINDEV, WEBDEV ou WINDEVMobile.Estas plataformas operacionais dar-lhe-ão a capacidade para hospedar osseus sites WEBDEV ou os seus web ser-vices WEBDEV ou WINDEV.Além disso, permitem partilhar as suasbases de dados HFSQL a partir de qual-quer lugar do mundo, de pontos fixosou terminais móveis, com a capacidadede replicar seus dados de um servidorproprietário.

PLATAFORMA DE NUVEMA plataforma PCSCloud é um servidorvirtual.Este servidor é totalmente dedicado asi, e você é o único que pode imple-mentar sites neste servidor. É possível ajustar a qualquer momento,e muito detalhadamente, a energianecessária do computador para a suaplataforma (CPU, RAM, disco, etc.) edesta forma reduzir o seu custo aomínimo. Fica livre da administração do servidor,pode concentrar-se na competênciacentral do seu negócio.

BENEFÍCIOS DA NUVEM A nuvem permite-lhe livrar das restri-ções de hardware, e assim, gerir facil-mente a evolução dos seus recursos.A implementação de um site na nuvemPCSCloud.net é fácil: apenas demoraum clique no ambiente!PCSCloud permite também hospedarseus Web services, as suas bases dedados MySQL ...


HOSPEDAGEM NUM FORNECEDOR

ALOJAMENTO FÁCIL DO SEU SITE NANUVEM

SITE INTRANET Normalmente, o site é instalado eadministrado num servidor interno, nasua empresa. Todos os computadoresligados ao servidor terão acesso aosite.

SITE INTERNET/EXTRANETNormalmente, os sites de Internet ouExtranet são instalados num fornece-dor de serviços, independente daempresa que criou o site.

ALOJAMENTOExiste 4 tipo de alojamento: • Servidor interno• Servidor dedicado• Servidor partilhado• Plataforma Nuvem

SITESExistem três tipo de sites:• Site estático• Site intranet• Site Internet/Extranet


Implementar eadministrar osseus sites facil-mente.

WEBDEV®

NO LOCAL DE HOSPEDAGEM

WEBDEV 21 permite-lhe inter-namente, nas instalações dasua empresa, hospedar ossites construídos com WEB-DEV.

O SERVIDOR DE APLICAÇÕESWEBDEVO servidor de aplicações WEBDEV énecessário para executar sites dinâmi-cos.É instalado na máquina de hospeda-gem.O servidor de Aplicações WEBDEV fun-ciona em Windows e Linux. O programa de configuração doServidor de aplicações WEBDEV detectaautomaticamente o servidor Web insta-lado.Cada servidor Web deve ser configu-rado. A configuração dos servidoresWeb Apache ou IIS é executada auto-maticamente durante a instalação doservidor de aplicações.

VERSÕES SUPORTADASDO WINDOWSQuase todas as versões do WindowsServer são suportadas: Windows 2012,2008, 2010,… 32 e 64 bits. “Não-Windows «versões de servidor(Windows 10, 8, 7, Vista ...) tambémsão suportadas.

DISTRIBUIÇÕES LINUXSUPORTADASDistribuições Linux evoluem frequente-mente. Algumas evoluções são meno-res, outras nem por isso. A versão 21 do

WEBDEV suporta tanto as distribuiçõesmais antigas como as novas distribui-ções.No momento que este documento foicriado, as seguintes distribuições foramtestadas: Debian 7, OpenSuse 12,Ubuntu 12, Mandriva...O suporte para versões mais altas é asse-gurado caso essas distribuições sejamcompatíveis. Não hesite em perguntar àPC SOFT para saber mais sobre as últi-mas alterações.

PARA FORNECEDORES DEHOSPEDAGEM:INSTALAÇÃO SILENCIOSAÚtil para as empresas de hospedagem eprogramadores que gerem a sua própriahospedagem, a configuração automá-tica do servidor tem um modo «silen-cioso», ou seja, sem qualquer interven-ção manual. A instalação é totalmente configurável,e torna-se possível definir servidores emgrupos (criar instâncias do servidor deaplicações WEBDEV automaticamente).

CONFIGURAÇÃOAUTOMÁTICA NOAPACHE (WAMP LAMP)

Se estiver a utilizar um servidor ApacheWeb, ao instalar o servidor de aplicaçõesWEBDEV 21, os servidores web Apache(especialmente os usados por EasyPHP)são detectados e configurados automa-

ticamente.O servidor Web Apache deixa-o utilizarsites virtuais, permitindo desta formaisolar a hospedagem.Pode ser definida uma conta WEBDEVpara cada site virtual.

MOVERAUTOMATICAMENTE UMSITE DE UM SERVIDORPARA OUTROO recurso automático de mudança dosite disponibilizado pelo WEBDEV 21 vaiagradar aos administradores do servidor. É muito fácil mover um site ativo a par-tir de uma máquina para outra.O movimento toma conta de todos oselementos necessários para os sites,bem como a sua configuração opera-cional: tudo é automatico

HOSPEDAGEMPHPA hospedagem PHP pode ser feita porum fornecedor «comercial» (Free,Comcast ...)Também pode ser feito internamente.O servidor deve ter um motor de PHP eum servidor FTP.Os sites são facilmente implementados apartir do ambiente WEBDEV.

HOSPEDAGEMDE SITESESTÁTICOSUm site estático não requer qualquerServidor de Aplicações WEBDEV acorrer, apenas será necessário umservidor Web e um servidor FTP.Um site estático pode ser facilmentehospedado num fornecedor de alo-jamento «comercial» (Free, Comcast...)

REGISTO DECONEXÕESPERMANENTES:31,200CONEXÕESSIMULTÂNEASPARA UM SITEWEBDEVDINÂMICO.Base de dados HFSQL

FACILIDADEDE ADMINISTRAÇÃO DO SITE

A GESTÃO: LOCAL OUREMOTOO servidor de aplicações WEBDEV é for-necido com um administrador que podeser acedido remotamente, permitindo aconfiguração do servidor e a monitori-zação da sua actividade.

Vários parâmetros podem ser especifi-cados: numero maximo de conexoesautorizadas pelo servidor, numeromaximo de conexoes para um determi-nado site, o numero máximo de instan-cias por utilizador Web e assim pordiante...

Note-se que o administrador pode tam-bém estar instalado como um serviço,sem qualquer interface, no computadorservidor.

Também tem a capacidade de especifi-car os direitos para cada utilizador

ACESSO A SITES SEGUROO administrador permite-lhe activar asopções de segurança, incluindo:• navegação que utilize um único ende-

reço IP (para impedir o roubo de ses-são)

• proteção do identificador de contexto

AWP (HTTPOnly cookie).

O administrador remoto

ROBÔ DEMONITORIZAÇÃOUm sofisticado mecanismo de monito-rização é fornecido com WEBDEV 21.Este pode ser utilizado para acompa-nhar a disponibilidade dos sites WEB-DEV, dos servidores HTTP, dos servidoresNTP, dos servidores SNMP, dos servido-res de ficheiros, dos servidores de email,

dos servidores de aplicações WEBDEV,do servidor HFSQL ...Com base na sua escolha, o servidorenvia um aviso por mensagem de e-mail, por mensagem enviada para umaaplicação específica (aplicação de men-sagens internas, etc.), a um ecrã de con-trole (aviso visual e / ou aviso sonoro),iniciando um procedimentoWLanguage, a uma programação deterceiros (este programa de terceirospode enviar um SMS configurável porexemplo).Você tem a possibilidade de escolheruma combinação desses avisos.Também pode configurar a frequência ea repetição dos ensaios a realizar.

É muito importante ter esta-tísticas precisas sobre asvisitas aos seus sites.

DESCOBRIR AINFORMAÇÃO DETRÁFEGO PARA UM SITEFora da Internet é bastante fácil des-cobrir a quantidade de atividade que oseu negócio gera: mail recebido,número de telefonemas, as pessoas naloja, ...Na Internet, como saber quantas pes-soas passaram no seu site, as páginasque eles olharam, que aplicações elesusaram ou mesmo de onde vieram ?É por isto que necessita das estatísticasdo seu site.

É FORNECIDO UMAFERRAMENTAPERSONALIZADA

WEBDEV é fornecido com uma ferra-menta estatística para as páginas dinâ-micas. Esta ferramenta está pronta ausar. As estatísticas podem ser acedidasvia Internet.

ESTATÍSTICASEntre as informações fornecidas:• número de páginas

visualizadas• número de visitantes

únicos• número de visitantes

por página• site de de entrada

dos utilizadoresWeb.

• país de origem• navegador usado• e até mesmo uma

lista de páginas queencontraram proble-mas técnicos!

Estatísticas úteis!

ESTATÍSTICA DE TRÁFICOPARA OS SEUS SITES


O WEBDEV 21 eo WINDEV 21 sãocompatíveis:• projecto• análise• tabelas• componentes• relatórios• código• classes• janelas, páginas• ...

Os sites WEBDEV 21 podemfacilmente operar com apli-cações existentes, indepen-dentemente da ferramentausada para criá-los.Mas a compatibilidade eintegração entre WEBDEV eWINDEV torna-os o pacoteideal para o desenvolvi-mento rápido de aplicaçõesFront e Back Office!

FRONT E BACK OFFICEO Front Office é a parte voltada para ocliente: geralmente o site interactivo deInternet. Em termos empresariais, o Front Officeadministra os pedidos de informação eas tomadas de decisão.O Back Office lida com os processosinternos da empresa: processamentode pedidos, gestão de inventário, esta-tísticas, ordens de produção,... Em suma, o Back Office pro-cessa as ordens.

SE ESTIVER A INICIARUMA APLICAÇÃOGLOBAL, O PAR WINDEV21 & WEBDEV 21 É APLTAFORMA IDEALPara criar sites da Internet e intranetque gerem dados (Front Office), a PCSOFT disponibiliza o WEBDEV 21.ambiente integradoÉ o único ambiente integrado (desde amodelização até à instalação, incluindoo suporte de base de dados e manuten-ção) que lhe permite facilmente desen-volver sites robustos de gestão de dadosem tempo real.

Para todas as aplicações de negóciosinternos (Back Office), a PC SOFT ofe-rece o sonho de um programador, umambiente de desenvolvimento profis-sional e de gestão do ciclo de vida daaplicação Windows: WINDEV.

E se deseja utilizar as suas aplicaçõesem dispositivos móveis, basta recom-pila-los utilizando o WINDEV Mobile21.

WINDEV permite criar em temporecorde, aplicações completas e de altodesempenho, para ambiente local oude rede. Você utilizará a poderosa basede dados integrada ou qualquer outrabase de dados do mercado.WINDEV, WINDEV Mobile e WEBDEVsão compatíveis ; o seu ambiente dedesenvolvimento é semelhante. A par-tilha de projetos, objetos, código, clas-ses, relatórios, análise ...

APLICAÇÕES HERDADAS?WEBDEV é totalmente aberto, o quepermite interagir com qualquer base dedados existente, via ODBC, OLE DB ouacesso nativo.

Atinja os seusobjectivos facilmentecom WEBDEV 21.

FRONT OFFICE BACK OFFICE

MAIS DE 1000 EXEMPLOS ONLINEPara testar sites desenvolvidos em WEB-DEV, o mais fácil é conectar-se awww.WINDEV.com. Na secção WEB-DEV,uma página propõe-lhe uma lista demilhares de sites desenvolvidos pelos uti-lizadores WEBDEV.

QUALQUER CAMPO,QUALQUER LÍNGUAEstes sites representam todos os tipos decampos, em todos os tipos de línguas,todas construídas por empresas diferen-tes utilizando o WEBDEV.

INTRANET SITESPor questões de confidencialidadeóbvias, Intranet e Extranet não podemser listados. As empresas multinacionais têm desen-volvido sites estratégicos de Intranet eExtranet que são distribuídos nas suas sucursais e subsidiá-rias, com dados que residem em base de dados central.

TESTE MAIS DE 1000 SITESDESENVOLVIDOS EM WEBDEV


A melhorforma de

beneficiar daInternet

WEBDEV®

VOCÊ É O GESTORNecessita de uma solução que permita às suas

equipas DESENVOLVER RAPIDAMENTE apli-cações poderosas de internet e intranet de que a

empresa necessita: WEBDEV 21 é um "deveter". WEBDEV 21 assegura-o que vai ficar

dentro do orçamento, que irá ter umgrande desempenho e permanecerá den-

tro do plano previsto.

VOCÊ É OPROGRAMADOR

Sabe como desenvolver. ComWEBDEV 21 você saberá ins-

tantaneamente como criarsites estáticos, semi-dinâ-

micos e dinâmicos.O WEBDEV 21 permite desen-

volver de uma maneira natural emetódica, resultando NOSUCESSO DOS SEUS PROJEC-TOS.

É UM ESPECIALISTAINTERNET

WEBDEV 21 traz-lhe soluções paratodos os seus problemas: usar lado a lado

com os sites existentes, sites importados,sites dinâmicos conectados a bases de

dados em tempo real. Vai ser capaz de REUTILIZAR o seu desen-

volvimento Web existente sem limites.

COMPATIBILIDADE COMWINDEVWINDEV é um IDE muito bem sucedido. WEB-

DEV 21 é COMPATÍVEL com o WINDEV eWINDEV Mobile.

Ambos os produtos são implementados da

mesma maneira.É muito fácil converter uma aplicação WINDEV emWEBDEV Internet ou Intranet, e vice-versa.

GERIR O CICLO DE VIDA DOS SEUSSITESWEBDEV 21 é uma PLATAFORMA COMPLETA

DE DESENVOLVIMENTO que integra todos osmódulos necessários para o desenvolvimento.Isto garante o sucesso do seu projeto. WEBDEV 21 é conhecido por SER DE FÁCILAPRENDIZAGEM.

ENCOMENDE HOJE MESMO O SEUWEBDEV 21!

A cada dia que passa, você e sua equipa estão aperder tempo precioso.WEBDEV 21 permite-lhe tornar-se produtivo rapi-damente ao desenvolver COM ALTO DESEMPE-NHO SITES INTERACTIVOS, que são um requi-sito para a maioria das empresas de hoje.Não deixe a sua competição ultrapassá-lo; Também

pode aproveitar o mais poderoso e fácil ambientede desenvolvimento profissional para a criação deum estado de arte em Internet e Intranet.

WEBDEV 21 é uma ferramenta muitocompleta e poderosa, mas muito simplesde usar.O ROI é muito rápido: você vai rapida-mente economizar dinheiro com WEBDEV 21.

ACTUE AGORA: ENCOMENDEHOJE A SUA CÓPIA DO

WEBDEV 21

Desenvolva 10 vezes mais rápidoVocê também...


WEBDEV® 21

NÃO PASSE PELA REVOLUÇÃO DAINTERNET

PHPSaaS

NuvemLinux

Wamp, LampHTML5Mobiles

...

Alguns exemplos de sites e apli-cações que podem ser facil-mente criados com WEBDEV(lista não exaustiva).Alguns sites são sites de intra-net, outros são sites Extranet eoutros sites Internet.

• Site E-commerce com pagamen-tos seguros

• Facturas pagas através daInternet

• Gestão de encomendas para osseus clientes definidos

• Ordens gerais de levantamento• Consulta por cliente, sobre o

estado de progressão dos seuspedidos (ordem recebida, entrou,processado, enviado, ...)

• Inventário em tempo real• Criação de um imagem dinâmica

com base em parâmetros intro-duzidos:- experimente roupa virtualmente - apresentação de um carro com

a cor e as opções já escolhidas- personalize uma T-shirt de

acordo com a imagem carre-gada pelo cliente

• Definição on-line de opções deum software, cálculo do preço dopacote, e download imediatoapós o pagamento

• Reservar um assento num aviãoou cabine de barco num mapa

actualizado• Painel de Bordo em tempo real,

com a faturação da empresa,margens estimadas, inventáriostock ...

• Agenda partilhada de umaequipa distribuída geografica-mente

• Cronograma de nomeações paraos vendedores que viajam

• Agendamento de trabalho deuma equipa de manutenção

• Para uma empresa de venda porcorrespondência, coloque toda adocumentação técnica de todosos produtos oferecidos online

• Motor de pesquisa de linguagemnatural para uma base de dadosde texto (FAQ, ...)

• Digitalização e arquivo de todosos documentos contabilísticosrecebidos (nota fiscal, notas deencomenda, etc), a fim de sercapaz de visualizá-los, mesmoanos mais tarde (arquivo)

• Reserva de eventos: um seminá-rio, jantar, espetáculo, etc.

• Gestão de directórios partilhados:directório de Empresas, alunos deuma escola, ex-alunos, membrosde um clube, etc.

• Publicidade: imobiliá-ria, automóveis, lei-lões...

• Gestão de inventário

de equipamentos• Site de encontros• Gestão de Wiki• Portal B2B• Fórum de discussão• Fluxos RSS• Acompanhamento de encomen-

das• Gestão de Mailing list• Gestão de pontos «bónus» vin-

culados a um cartão de pontos:número atual de pontos, a matu-ridade, apresentação automáticade benefícios disponíveis, gestãode recompensas por descontos,etc.

• EDM• Monitorização remota de uma

linha de produção

• Portal Intranet Empresa

E todos os outros sites quepossa imaginar!

WEBDEV 21:DESENVOLVAQUALQUERTIPO DE SITE.

Descubra mais de 1000 exemplos de sites WEBDEV em www.windev.com

Desenvolva qualquer tipo de site

www.windev.com

WEBDEV®

PLATAFORMA DE DESENVOLVIMENTO INTEGRADO

INTERNET, INTRANET, SAAS

plataforma integrada de desenvolvimento web · plataforma integrada de desenvolvimento web...

Documents