Vous êtes sur la page 1sur 31

PLATEFORME

INTÉGRÉE DE
DÉVELOPPEMENT WEB
Internet, Intranet, Cloud
Web 2.0, Ajax, HTML5, PHP
Toutes les Bases de Données
CODE MULTI-PLATEFORMES :
Windows, .Net, Linux, Java, PHP,
Internet, Android, iOS, UWP, ...
Développement en L5G
BIENVENUE
DANS LE MONDE DES
APPLICATIONS WEB
Sommaire
3 Le cycle complet
4 Questions/Réponses
6 Exemples
8 Sites statiques et dynamiques
9 Intranet, Internet
10 Une techno révolutionnaire
12 IDE: l’environnement intégré
WYSIWYG

A
13 La techno des «7 onglets»
14 Zoning
ujourd’hui les sites Internet et 15 Responsive Web Design
Intranet sont reliés en temps réel aux 16 Templates
données de l’entreprise et se comportent 17 Editeur HTML
comme de véritables applications. 18 Compatibilité tous navigateurs
WEBDEV 25 est la meilleure solution 20 Des contrôles (champs)
adaptés au Web
pour créer ces sites, pour créer
27 Champs Métier
les applications Web et pour
28 HTML5 & CSS3
créer les Webservices. 29 64 langues, Chorus Pro
Avec WEBDEV 25, vos équipes 30 Le Langage L5G
31 Editeur de code
développent 10 fois plus vite.
32 Le débogueur, POO
Comme des dizaines de milliers de 33 Les Webservices REST & SOAP
développeurs en France, choisissez la 34 Angular, Bootstrap, JQuery...
35 Accès natif Google, SAP,...
plateforme la plus performante pour
36 Https, Paiement sécurisé
développer et publier vos sites et vos 37 SEO Le Référencement naturel,
applications Internet et Intranet reliées Sécurité par mot de passe
aux données: WEBDEV 25. 38 SPA, Websocket
39 SaaS
40 Modélisation des données
41 Toutes les bases de données
42 HFSQL: base de données libre
44 Editeur de requêtes visuel
45 Générateur de rapports & PDF
46 Versionning (GDS /SCM)
47 Pilotage des projets
48 Import HTML & WINDEV
49 PHP
50 L’hébergement
52 Déploiement
54 Administration, Statistiques
55 Front Office, Back Office
57 Les services PC SOFT
59 Exemples de sites

www.pcsoft.fr •
QUESTIONS WEBDEV 25 GÈRE TOUTES
LES PHASES DU DÉVELOPPEMENT
REPONSES
WEBDEV est destiné à toutes les sociétés et tous les déve-
1 A qui est destiné WEBDEV 25 ? loppeurs qui désirent réaliser des sites et des applications
Internet, Intranet, Extranet, Cloud et SaaS.
Quels types de sites et d’applica- Tous les types de sites, les applications Web, les SPA, les
2 tions peut-on créer ?
webservices... WEBDEV est spécialisé dans les sites qui gèrent
des données.
Il suffit d’avoir déjà programmé (même juste pendant ses études).
3 Quelle est la formation requise ? Une semaine suffit en général pour s’auto-former à l’aide du tuto
(manuel d’auto-formation) livré.
WEBDEV : OUTIL

N
Non. Vos équipes de développement produiront
4
Faut-il des connaissances particu-
lières sur Internet ?
automatiquement des sites robustes et efficaces. Tout le code
(HTML, Javascript, CSS, Serveur) est généré par WEBDEV 25.
DE DÉVELOPPEMENT
ous
5
Peut-on créer des sites Responsive Oui. Le responsive est standard avec WEBDEV 25.
«FULL STACK»
avec WEBDEV 25 ?
répondons ici
Ils sont nombreux, comme: l’intégration, la simplicité, la vitesse WEBDEV, c’est l’assurance
aux questions Quels sont les avantages principaux
6 de WEBDEV ?
de développement, ou encore le français ou l’accès aux bases de
données. Et WEBDEV est «Full Stack»
d’un produit complet et
que l’on nous totalement intégré :
WEBDEV s’appuie-t-il sur des tech- Oui: HTML5, XML, CSS3, Javascript ou PHP.
pose le plus 7 nologies standard ?
Mais vous n’avez pas besoin de connaître ces technologies, la maîtrise est plus rapide,
WEBDEV génère automatiquement le code nécessaire.
souvent sur le support technique est
On n’a vraiment pas besoin de Non, c’est inutile. WEBDEV génère automatiquement le code qui plus efficace (et en plus il
WEBDEV. 8 connaître HTML, PHP ou Javascript ? est nécessaire.
est gratuit).
Et si je veux saisir du HTML, ou WEBDEV est ouvert. Il est possible de saisir ou de copier du code
9 HTML, PHP ou Javascript directement dans l’éditeur.
utiliser du Javascript ou du CSS ? Vous récupérez les styles et les animations CSS.
Je possède un site existant.  Oui. Vous pouvez aspirer des pages HTML existantes.
10 Vous pouvez également mixer des pages WEBDEV avec vos
Puis-je le récupérer avec WEBDEV ? pages existantes, en conservant votre site existant.
J’ai lu que WEBDEV est compatible Non. WEBDEV est une plateforme totalement autonome.
11 WINDEV; faut-il posséder WINDEV ?

Et si je possède déjà WINDEV ? Si vous possédez WINDEV vous pouvez automatiquement


12 transformer vos applications WINDEV existantes en sites Web...

Je peux consommer des Oui, WEBDEV permet d’utiliser des Webservices (SOAP et REST).
13 Webservices ? En créer ? WEBDEV permet également de créer des Webservices.

Quelles bases de données peuvent Toutes les bases peuvent être utilisées: HFSQL, MySQL, SQLite,
14 Oracle, AS/400, SQL Server, DB2, Informix, PostgreSQL,
être utilisées avec WEBDEV ? Progress, Access, ... Ainsi que les bases Big Data
Ajax, XML, CSS, JSON, JQuery, Angular Oui.
15 JS, Bootstrap sont supportés ?

WEBDEV permet-il de développer Oui, c’est même dans ces projets qu’il excelle.
16 des sites de grande envergure ? TOUT EST GÉRÉ :
Quel Support Technique est dispo- Le Support Technique WEBDEV est gratuit (15 requêtes person-
nalisées gratuites par téléphone ou par email). Des services de • Le prototypage • La reprise de • La gestion SaaS
17 nible ? consulting sont disponibles (chez vous ou par visioconférence). l’existant
• La conception • Le Cloud
Tous les types de structures professionnelles: SSII, ESN,
• Le RGPD • Les états: PDF, • L’installation chez
18 Qui utilise WEBDEV ? constructeurs, services informatiques, ingénieurs de laboratoire,
ministères, administrations, indépendants... • Le dossier codes-barres,... l’hébergeur
d’analyse et de • Le paiement sécurisé • Les tests de
Je peux générer des sites en PHP
19 avec WEBDEV 25 ? Oui, c’est une fonctionnalité standard. programmation • La création et l’utili- non-régression
• La liaison avec les sation de composants • Les tests de
20 En France WEBDEV est donc le stan- Oui sites statiques • La documentation performance
dard pour créer des sites dynamiques
existants • Le travail avec les • L’intégration continue
• Les Bases de Données infographistes • La maintenance et les
CONSULTEZ LA REVUE «01NET» CONSACRÉE • Les Webservices • Les tests en cours de évolutions
À WEBDEV ET WINDEV POUR DÉCOUVRIR 100 TÉMOIGNAGES. développement • Les statistiques de
• La programmation:
CHATEAU MARGAUX • PHILIPS • VINCI AUTOROUTES • QUICK • SYSTEME U • FEDERATION FRANÇAISE DE • La liaison avec le fréquentation
BASKET • BOLLORÉ • CASIO • TAITTINGER • CCI BORDEAUX • VOLVO • SIEMENS VAI • TRUFFAUT
L5G, Ajax, .NET, J2EE,
• AIR CALÉDONIE • HONDA EUROPE • COMTESSE DU BARRY • PRONUPTIA • ÉCOLE D’INGÉNIEUR DE PARIS HTML5, Javascript, Back Office • L’assistance au
• ÉCOLE DIRECTE • HOPITAUX DE PARIS • SOCIÉTÉ GÉNÉRALE • PHOTOMATON® • GROUPAMA • CPAM • • • CSS... • L’hébergement développement

4 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 5


DE NOMBREUX SITES ET APPLICATIONS DES DIZAINES DE MILLIERS
PRÊTS À L’EMPLOI SONT LIVRÉS DE SITES

WEBDEV ®
DES SITES EXEMPLES RÉUTILISABLES ET
PERSONNALISABLES SONT LIVRÉS
 Agence immobilière
Recherche d’un bien en fonction de nombreux critères.
DES SITES EN WEBDEV
Réutilisez Parmi les dizaines de milliers de sites réalisés en
les exemples WEBDEV 25 est livré avec de nombreux sites et applications WEBDEV, en voici quelques-uns. Retrouvez-en
dans vos sites Web déjà développés. Le code source et les pages sont livrés: plus de 1000 sur le site www.pcsoft.fr.
vous pouvez utiliser directement ces sites, ces applications,
les modifier, les personnaliser, les revendre...

UN ASPECT DIDACTIQUE
Vous pouvez également étudier le code de ces sites dans un
but didactique.

PARMI LES SITES LIVRÉS...


Voici une sélection de quelques exemples livrés :

 Site de vente
Gestion des rayons, du chariot, du paiement.

 CMS
Système de gestion de contenu.

 Gestion d’une base documentaire


Pour archiver et retrouver des documents en fonction de
mots-clés que vous décidez.

 Paiement sécurisé
(voir détail page 30)

 Gestion d’agence de voyage


Présentation des hôtels, des disponibilités, sélection selon de
nombreux critères, ...

 Petites annonces
Gestion de plusieurs critères de sélection.
Honolulu :
portail Intranet
Un portail Intranet complet,
avec toutes ses
applications (messageries,
news, recherche
documentaire,...), est livré.
Directement utilisable, il peut
également être adapté à vos
besoins (source livré).
En raison des évolutions permanentes, l’aspect des sites livrés et présentés peut différer.

 News, Forum, Blog, Site associatif,


 Annuaire partagé Gestion de FAQs...
En Intranet, l’annuaire pourra être ... et tout un ensemble d’autres exemples immédiatement
partagé dans une entreprise. utilisables.
En Internet, l’annuaire pourra être
partagé entre différentes agences, ETC...
ou par les membres d’une asso- De nombreux autres exemples sont également livrés sous Des milliers
ciation... forme de pages, ou sous forme d’objets dans le dictionnaire d’autres sites
interactif. à découvrir sur
 Gestion de parc
GAGNEZ DU TEMPS www.pcsoft.fr
Honolulu a déjà été diffusé
matériel
à plusieurs centaines de Répartition et affectation du maté- Les sites livrés, que vous pourrez adapter à vos besoins,
milliers d’exemplaires riel sur un site. vous permettront de gagner beaucoup de temps lors de vos
développements.

6 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 7


UN SITE DYNAMIQUE C’EST QUOI ? APPLICATIONS WEB, INTRANET/EXTRANET :
WEBDEV EST ROI !
RAPPEL : SITE STATIQUE d’actualité, il faut effectuer les modifi- TOUJOURS À JOUR WEBDEV 25 IDÉAL POUR SÉCURITÉ TOTALE AUCUNE LIMITE
Un SITE STATIQUE est un site qui cations sur le site statique. Les données du site dynamique sont CRÉER UN SITE INTRANET AUTOMATIQUE La richesse fonctionnelle de WEBDEV
présente des pages figées, reliées de
QU’EST-CE QU’UN SITE TOUJOURS À JOUR, puisqu’elles sont OU EXTRANET OU UNE Le site Intranet ou l’application Web permet de développer de véritables appli- La méthode
manière définie les unes aux autres.
DYNAMIQUE ? issues des bases de données de l’en- APPLICATION WEB réalisé en WEBDEV est accessible à la plus simple
cations Web: vous n’êtes jamais limité.
Il s’agit d’un «ensemble de pages» sur treprise. WEBDEV est l’outil idéal pour créer pour créer des
Un SITE DYNAMIQUE crée «à la travers une session unique. WEBDEV 25 est l’outil idéal pour créer
Internet, que l’on peut juste consulter. Vous affichez le prix à jour, les stocks applications
volée», en temps réel, les pages deman- des applications Web et sites Intranet Par défaut, pour chaque utilisateur, des sites Intranet et Extranet, et c’est
En général, un site statique présente réels, vous indiquez à l’internaute la Cloud
dées par les internautes, en utilisant les et Extranet. une session est ouverte et maintenue pour cette raison que des milliers de
des informations «figées» sur la date d’envoi de sa commande, vous
société, le groupe ou l’association: données présentes dans des bases de gérez des plannings,... Un site Intranet est un site interne à automatiquement sur le serveur. grandes sociétés ont créé leur Intranet
activité, adresse, produits, et quelques données. un ensemble d’utilisateurs: sociétés, La sécurité du site est assurée automati- avec WEBDEV.
fois des tarifs, une page de contacts... Prenons l’exemple d’un catalogue qui DES SITES QUI SONT DE clients, employés, fournisseurs... quement, par cette notion
Les limites des sites statiques sont contient 300.000 articles: un site sta- VÉRITABLES APPLICATIONS L’accès et la gestion des droits se font de session automatique:
contraignantes: à chaque modification tique devrait prévoir 300.000 pages Autre aspect intéressant des sites dyna- par identifiant et mot de passe. L’accès
HTML statiques différentes ! l’adresse de la page ne
d’une information, il faut la reporter miques réalisés avec WEBDEV 25, ils se par mot de passe est automatique- peut pas être réutilisée par
dans le site, et ré-installer les pages Un site dynamique ne nécessitera comportent comme de VÉRITABLES
qu’une seule page, prévue pour rece- ment géré dans vos sites WEBDEV (voir «copier/coller».  
concernées. APPLICATIONS. Toute la puissance page 37).
Pour que les produits présentés restent voir des données (les références du de la programmation est à votre dis-
produit, sa photo, position pour définir les traitements.
la désignation,
le prix les avis FACILITÉ DE RÉALISATION
client...).  Grâce à la puissance de son environ-
Le serveur «assem- nement de développement complet
blera» les don- et à sa richesse fonctionnelle, il est
nées nécessaires à extrêmement FACILE à tout déve-
chaque demande. loppeur, sans compétence Internet
(voir également 2 exemples
particulière, de réaliser des sites dyna- d’Extranet:
la technologie miques sophistiqués, fiables, rapides et
SPA, «Single Page Tableau de Bord,
évolutifs avec WEBDEV 25. et saisie de
Application» en
(Qui peut le plus peut le moins: WEBDEV Notes de Frais
page 38).
crée également des sites statiques)

AJOUTER UNE PARTIE «DYNAMIQUE» INTERNET : WEBDEV EST (AUSSI) ROI !


À UN SITE STATIQUE EXISTANT
Aujourd’hui, les sociétés qui MIXER STATIQUE ET LE BESOIN DE WEBDEV 25 IDÉAL POUR Grâce à cette tech-
possèdent un site statique DYNAMIQUE «TEMPS RÉEL» CRÉER UN SITE INTERNET nologie AWP,
désirent profiter des fonc- MIXER statique et dynamique est la Un tarif change dans le S.I. de l’en- Un site Internet est un site accessible WEBDEV 25 permet
de créer des pages
tionnalités dynamiques. solution la plus rapide. treprise ? Immédiatement, le site est simultanément par les internautes dans
Le site statique existant est à jour. le monde entier. Web dynamiques
CONSERVÉ, et les pages dynamiques Une nouvelle référence de produit est Les pages de ce site doivent être indépendantes.
AVEC WEBDEV 25, sont RAJOUTÉES et appelées depuis ajoutée dans le S.I. ? référençables individuellement par les Chaque page AWP
RÉUTILISEZ VOTRE le site statique, ou remplacent cer- Automatiquement et immédiatement moteurs de recherche : Google... est référençable
EXISTANT taines pages statiques. ce produit est présent sur le site dyna- Pour être bien référencé, un site doit par les moteurs de
Il est également facile de relier de mique. entre autres être «Mobile Friendly», recherche de manière
Pour réutiliser un EXISTANT, vous
manière transparente 2 sites, un sta- Le stock évolue ? Automatiquement, la c’est-à-dire fonctionner aussi bien sur individuelle par son
avez le choix. Vous pouvez :
tique et l’autre dynamique. page est à jour. un ordinateur que sur un smartphone adresse (URL).
• brancher des pages dynamiques sur
Sans avoir à modifier et mettre à jour ou une tablette. L’URL rewriting est
le site statique existant
• mixer site statique et dynamique
IMPORTER LES PAGES les pages, un site dynamique affiche WEBDEV 25 permet la création facile supporté, ce qui per-
• importer vos pages statiques dans le STATIQUES automatiquement des DONNÉES À de ce type de sites. met de référencer le
WEBDEV 25 propose une puissante JOUR. contenu dynamique
site dynamique
fonctionnalité d’import de pages sta- LA TECHNOLOGIE AWP: de la page.
• ...
tiques et de templates (voir page 48).  LE «DYNAMIQUE» EST RÉFÉRENCEMENT NATUREL Une page AWP du
Dans tous les cas, vous pouvez conser- Les pages statiques existantes sont INDISPENSABLE Pour un référencement naturel opti-
site s’exécute de
IMPORTÉES dans l’environnement, et Aujourd’hui, vos sites doivent se com- manière autonome,
ver votre existant, et l’améliorer. mal des pages, WEBDEV 25 propose
sont transformées en pages WEBDEV porter comme des applications ! Vos Le contexte éven-
la technologie AWP: Active WebDev
25. sites doivent être des sites dynamiques. tuel est géré par pro-
Page.
grammation.

8 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 9


CRÉATION DE PAGE : LA PUISSANCE DU VISUEL
LES CHAMPS DANS LES
UNE MÉTHODE PAGES: WYSIWYG RÉVO-
LUTIONNAIRE !
RÉVOLUTIONNAIRE Les différents champs (saisie, table,
image...) sont créés et positionnés
WEBDEV 25 propose l’environnement de visuellement, en interactif sous l’édi-
travail le plus puissant, le plus facile et le teur. Ce que vous voyez sous l’édi-
plus intégré du marché ! teur correspond à ce que l’internaute
Créez visuellement vos sites, et WEBDEV 25 verra dans son navigateur.
génère automatiquement les codes HTML, Les pages (avec les champs et leurs
Javascript, CSS et le code Serveur néces- caractéristiques détaillées définies par
saires au site. les 7 onglets, ainsi que leur code) sont
Aucune connaissance préalable de sauvegardées comme des éléments
la programmation Internet n’est réutilisables.
nécessaire. Cette technique permet de simplifier
la programmation, en gérant les pages
Une méthode comme des objets évolués.
révolutionnaire ! L’éditeur de pages permet de créer et
La création des de modifier visuellement les champs,
pages est facile: indépendamment du code source.
glissez/déplacez L’héritage est géré: il est possible
les champs à créer de s’abonner aux éventuelles modi-
depuis le ruban, fications d’un élément partagé entre
positionnez-les plusieurs développeurs.
directement à la
Avec WEBDEV 25, il est bien sûr pos-
souris !
sible d’intervenir par programme pour
Les caractéristiques
modifier les propriétés d’un champ.
personnalisées du
Par exemple, selon le profil de l’inter-
champ se
naute, il est possible de rendre des
définissent en
champs visibles ou invisibles. Tout est
visuel par les
L’éditeur de dynamique !
«7 onglets»
WEBDEV : (voir page 13) Cette technique de gestion des pages
visuel, et des champs fait gagner un temps
DE BELLES PAGES FACILEMENT
création des considérable à la création, lors de la
maintenance des sites, et apporte un La création des pages s’effectue facilement, en visuel, et vous
pages et des disposez d’un arsenal impressionnant de champs (contrôles)
gain de robustesse appréciable.
champs à la très puissants. Un «champ de saisie» WEBDEV avec toutes ses
souris ! UN POSITIONNEMENT fonctionnalités intégrées, qui se pose par un simple «glisser/
PRÉCIS déplacer» à la souris correspond à centaines ou des milliers de
LIMITEZ LE CODAGE Vous choisissez le type de position- lignes Javascript et CSS économisées!
WEBDEV 25 est un environnement complet et intégré.  nement. Vous imaginez facilement le code que vous économisez.
L’ensemble du développement s’effectue avec un seul WEBDEV inclut des algorithmes de
environnement et avec un seul et unique langage: le
WLangage, L5G d’une très grande puissance, et
positionnement à la souris très puis- TOUS LES CHAMPS POUR • Graphe
facile à apprendre. sants, et permet un positionnement INTERNET • Zone de cliquage, Map Area
Vous n’avez pas à utiliser plusieurs frameworks au pixel près. L’éditeur de WEBDEV permet de créer • Google Map,
différents, vous n’avez pas à changer de langage. et manipuler tous les champs dont • Notation,
WEBDEV 25 permet ainsi de s’affranchir des vous aurez besoin pour réaliser de • Liens sociaux
connaissances complexes de l’Internet. superbes interfaces (voir pages 20 à • Onglets,
Le générateur visuel de pages de WEBDEV permet 27). • Disposition
de réaliser facilement et rapidement de superbes Les principaux objets gérés par l’édi- • Galerie d’images, etc...
pages. Les pages se créent visuellement en position- teur d’UI (IHM) sont: Rappelons que WEBDEV permet éga-
nant les champs à la souris. • Texte, libellé (simple ou riche/HTML) lement d’utiliser tous les champs pro-
• Champ de saisie, saisie riche posés par tous les frameworks du
HTML, CSS ET JAVASCRIPT • Champ d’affichage formaté marché: React, Bootstrap,...
Inutile de connaître ni HTML, ni CSS, ni Javascript pour • Sélecteur, Interrupteur
DES TEMPLATES POUR
réaliser de superbes et puissants sites dynamiques. • Liste, combo, treeview
TOUS LES USAGES
WEBDEV 25 génère à votre place tout le code qui est Si besoin, les tables de • Bouton texte, bouton graphique
nécessaire. • Caméra WEBDEV 25 est livré avec de nombreux
positionnement sont disponibles
Mais WEBDEV 25 est ouvert, et si cela est nécessaire, • Image statique, dynamique Templates (modèles de pages prédé-
il est toujours possible de saisir (ou coller) directement • Table, Champ zone répétée finis: Materiel Design,...), permettant
ANCRAGE ainsi de réaliser facilement des sites
du code de bas niveau HTML, CSS, Javascript, Bootstrap, • Champ HTML
React, PHP dans votre site WEBDEV ou d’utiliser des Les ancrages définissent la manière • Champ «réglette» de parcours pour toutes les cibles.
frameworks: Angular, JQuery, React... (voir p 34). dont le contenu d’une page va se • Modèle de champs,
comporter lorsque la page est agrandie • iFrame, Page interne Découvrez dans les pages
Avec WEBDEV 25, vos équipes développent ou réduite par l’internaute, ou passe de • SiteMapPath/Breadcrumb, Plan du site, suivantes les principales
10 FOIS PLUS VITE tous les types de sites portrait à paysage. • Graphe, possibilités offertes par
et d’applications web, Internet, Intranet, La gestion des ancrages en WEBDEV 25 • Calendrier, l’éditeur intégré de WEBDEV
Extranet, Cloud et SaaS. est très facile. • Agenda, Planning 25.
10 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 11
UN ENVIRONNEMENT DE CRÉATION WEB TECHNOLOGIE 7 ONGLETS : DES CONTRÔLES
INTÉGRÉ ET INTUITIF (DES CHAMPS) PUISSANTS EN QUELQUES CLICS
L’environnement de travail Tout est en français: c’est plus clair (ver- La méthodologie proposée par les «7 onglets»
pour définir des champs (contôles) puissants est
EBDEV WYSIWYG de WEBDEV, en sions anglaise et espagnole également
®
disponibles). très intuitive: aucune connaissance préalable d’In-
français, apporte un confort Tout est intégré avec le même mode ternet n’est nécessaire. Tout est décrit en français.
propice à la productivité. opératoire, tout est visuel, tout est Tout est automatiquement généré.
Vos équipes réalisent facile- inclus: vos équipes restent dans le Les caractéristiques de chaque contrôle (champ) se défi-
ment les sites et les applica- même environnement, elles déve- nissent par l’intermédiaire d’un mode de dialogue exclusif,
loppent plus vite. très facile et très puissant: les «7 onglets».
tions que vous devez déve-
Le Support Technique (téléphone et Chacun des onglets permet de définir les différentes caracté-
lopper, et que vos clients et email) est également inclus. Cela repré- ristiques du champ. Il est également possible de modifier ces
utilisateurs attendent. sente un confort de développement, et caractéristiques par programme.
WEBDEV 25 est facile à des économies de budget. Onglet «Avancé»:
Le contenu des onglets diffère selon le type d’objet; voici le détail pour saisir ou copier/coller du code HTML
Vos projets peuvent être sauvés dans
prendre en main: une semai- des 7 onglets pour un champ de type «Saisie».
le Cloud, ce qui facilite le travail en
ne suffit en général à un déve- équipe. Roue chromatique
Onglet
loppeur. WEBDEV 25 est compatible WINDEV 25. dans l’environnement
«Général»: nom,
libellé, type du
champ, visuali-
sation du style...
Ici masques pro-
posés
Ruban & boîtes à outils Un menu contextuel
déplaçables, (clic droit) est
visibles ou pas, disponible pour le
et paramétrables paramétrage des volets.
Onglet «Détail»: définissez les caractéristiques en saisie

Un petit carré jaune


indique que le
champ fait partie du
modèle
(template)

Un menu contextuel
Volet: il donne
(clic droit) est dispo-
une vision glo-
nible pour un accès
bale du projet;
rapide aux différentes
un double-clic
fonctionnalités
(ou un drag &
drop) sur un
Onglet «Style»: définissez les caractéristiques
élément l’ouvre du champ taille de police, majuscules...
immédiatement Un éditeur de styles
CSS est également
Affichage optionnel
proposé
Onglet «Liaison»: pour lier les données aux pages, ...

Note: la com-
binaison de Les volets proposent
Barre d’information
touches Ctrl W des composants, des L’interface des éditeurs
permet de déga- indiquant le nom de la
champs, du code,... est très intuitive,
ger momentané- page en cours,
ment l’espace de pour vous faire gagner et très efficace. Onglet «Code»: saisissez directement le code WLangage,
sa taille,... Javascript et ou PHP dans l’événement : Entrée dans le
travail en mas- du temps
quant les volets. champ, Clic sur le champ, ...

La technologie des «7 onglets» permet la


Onglet «Aide»: bulle d’aide, message d’aide... création intuitive des champs (des contrôles).

12 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 13


LA MISE EN PAGE FACILE LE RESPONSIVE FACILE

ZONING EN ÉDITION WEBDEV 25 propose 3 méthodes pour


(ZONE D’ÉDITION) que vos sites s’adaptent automatique-
ment au navigateur qui les affiche : le
WEBDEV 25 permet de délimiter des
Responsive Web Design, le Dynamic
zones d’édition dans une page, ce que
Serving et l’Adaptive Design.
l’on nomme le «zoning».
Les zones permettent de définir l’ar- LE RESPONSIVE WEB
chitecture de la page: en-tête (<hea- DESIGN C’EST QUOI ?
der>), pied de page (<footer>), encart
(<aside>),... Le Responsive Web Design est une
Il suffit de découper la page en méthode de développement de site
«zones» logiques. Web.
Une zone contient les champs qui y Le principe de cette méthode est de
sont présents. permettre à une même page Web de
Le zoning est en général défini dans un s’adapter automatiquement, pendant
modèle de pages et sera ainsi commun la navigation, à la taille et à la réso-
à plusieurs pages du site. lution de l’écran sur lequel elle est
Une fois ces zones d’édition délimitées, affichée.
la modification de la page est facilitée L’intérêt principal est de pouvoir cibler
en édition. avec une même page Web aussi bien
Le champ Disposition (Layout) est éga- des smartphones, des tablettes ou des
lement disponible. écrans de bureau.
L’adaptation se fait en temps réel sur le
navigateur. L’adaptation permet éga-
lement d’optimiser les modes portrait
et paysage. le résultat dans différentes largeurs
de page.

LE DYNAMIC SERVING
WEBDEV supporte également le
concept de «Dynamic Serving»: à une
même URL correspondent 2 pages dif-
férentes, une page Desktop et une
page Mobile.
Selon le navigateur, la page adéquate
s’affiche automatiquement.
Un site Responsive WEBDEV 25
affiché sur une tablette LE MODE «ADAPTIVE
DESIGN»
WEBDEV pro-
pose égale-
ment le mode
A d a p t i v e
Design: une
page de même
nom peut avoir
plusieurs repré-
sentations de
MANIPULATIONS D’UNE lement manipulables sous l’éditeur. différentes lar-
ZONE SOUS L’ÉDITEUR Par exemple, l’agrandissement de la geurs, ou avec
hauteur de la zone d’en-tête déplace Le même site affiché sur un des position-
Si la zone est déplacée, ses champs
automatiquement vers le bas les smartphone nements de
seront ensuite automatiquement
zones qui sont situées en dessous: champs diffé-
déplacés avec la zone.
la zone corps de page et de bas de rents.
Ce mode d’édition simplifie les mani-
page.
CRÉER DES PAGES A l’exécution, la Dans cet exemple Responsive Web Design, entre
pulations de création et de modifica-
L’édition respecte la position relative
RESPONSIVE AVEC page adéquate une page en grande largeur et une page étroite,
tion de pages. WEBDEV 25: VISUEL !
des champs contenus dans chaque est automati- le concepteur du site a décidé que:
L’ outil «crayon» permet de découper Les pages Responsive WebDesign se
zone, ainsi que leurs ancrages. quement sélec- • La taille de la police du Titre est agrandie sur
une page de manière visuelle. créent en visuel sous l’éditeur.
L’édition est WYSIWYG. tionnée. téléphone (pour une meilleure lisibilité)
Ces zones sont matérialisées et faci- En édition, les pages Responsive sont • Le bandeau de pub devient invisible parce qu’il
automatiquement dotées d’une grille Ces 3 technologies permettent d’adap- y a moins de place
de positionnement. ter automatiquement la présentation • Une image différente (ou cadrée différem-
Dès la conception de la page, direc- de la page aux mobiles et à la taille du ment) est utilisée.
tement dans l’éditeur, vous visualisez matériel qui la visualise.

14 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 15


LES TEMPLATES : LOOK NORMALISÉ L’ÉDITEUR HTML INTÉGRÉ
Pour ceux qui désirent modifier le code HTML qui est généré par
WEBDEV, un éditeur visuel, convivial et puissant est livré.

Changement d’ambiance sur un site. Le même site pendant la saison d’hiver:


Un site au printemps... l’ambiance a changé (couleurs, styles,...)

Commencer un nouveau site TEMPLATES PRÉDÉFINIS Autre concept d’affinement du style,


ou une nouvelle application WEBDEV 25 propose de nombreux les «palettes de couleurs», qui permet
Web avec WEBDEV 25 est un templates prédéfinis. d’affiner les ambiances.
jeu d’enfant: choisissez un Une palette de couleurs est un
template (modèle de pages), AMBIANCE, POUR DÉFI- ensemble de couleurs harmonieuses
une ambiance, une palette NIR LE LOOK DES PAGES (ton sur ton par exemple) utilisées dans
de couleurs et votre pre- Le concept «d’ambiance» permet d’af- les styles des pages.
mière page est créée sur finer les templates. Une palette de couleurs définit par
une base solide ! Une ambiance définit un ensemble exemple une couleur de texte pour
de styles, une palette de couleurs, un titre, ainsi que la couleur de fond
LES TEMPLATES des illustrations, des polices de carac- correspondante, la couleur d’un bou-
(MODÈLES DE PAGES), tères,… ton, etc.
POUR STRUCTURER LE De nombreuses ambiances sont livrées De nombreuses palettes de couleurs
SITE avec WEBDEV 25. prêtes à l’emploi sont livrées.
Le template est un élément essentiel Un même template peut être décliné Une même ambiance peut être décli-
dans la construction des sites Web. selon plusieurs ambiances. née selon plusieurs palettes de cou-
Un template contient la présentation leurs.
«commune» à plusieurs pages. LA PALETTE DE Les possibilités de personnalisation
Le template définit l’architecture des COULEURS, POUR L’HAR- sont illimitées !
pages: MONIE DES COULEURS
• en-tête de page
• menu
• colonne
• pied de page
• bandeau pub
•…
(voir également le concept de
«zoning», page 14).
Les éléments communs sont position-
nés dans ce modèle de pages.
Un template peut également contenir
des images, des champs, du code, des
procédures, …
Lors de la création du site, chaque
page créée peut hériter d’un template.
Toute modification apportée au tem-
plate sera propagée automatiquement
à toutes les pages utilisant ce template.
Dans une page, il est bien entendu
possible de «surcharger» une pro-
priété du template lorsque cela est
nécessaire.

16 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 17


VOS SITES COMPATIBLES TOUS NAVIGATEURS • générer des codes-
L’ATOUT MAJEUR • 
barres
générer des gra-

Internet Explorer WEBDEV


DE WEBDEV : phiques interactifs
• interagir avec le
sous Windows génère à la
demande des
SON SERVEUR back office
• gérer les paie-
LES SITES ET sites compa- D’APPLICATION Vos sites se ments par
APPLICATIONS tibles avec comportent carte
la norme • g érer la
CRÉÉS AVEC W3C transi-
comme de véri-
sécurité d’accès au
tables applications.
WEBDEV SONT Chrome tional Voici une liste, non site, à des pages du site ou à UN SERVEUR D’APPLI-
UN SERVEUR CATION COMPLET
COMPATIBLES sous Windows
D’APPLICATION exhaustive, de traite- des champs du site
Le serveur d’application de
AVEC TOUS LES PUISSANT ments que vous pouvez réaliser
dans vos sites
• gérer des fichiers de log
• envoyer des emails WEBDEV gère l’hébergement
NAVIGATEURS WEBDEV possède un ser- • accéder à des blockchains: lire • envoyer des SMS des sites, des WebApp, des
veur d’application (le des transactions bitcoin... Webservices REST et SOAP,
Chaque navigateur pro- • gérer des robots de surveil-
exécute vos tâches pla-
«moteur» qui exécute • IoT: Sigfox, LoRa, MQTT, X10... lance
pose des particularités. Edge votre programme sur le • chiffrer des données nifiées.
• effectuer tout traitement de
Le comportement d’un sous Windows serveur) d’une puissance • générer des PDF à la volée gestion désiré: réservation, VOTRE CODE EST
même navigateur peut sans équivalent sur le • appliquer un certificat à un stocks, prise de commande, COMPATIBLE WINDEV
marché. document PDF location, annonces, base docu- ET WINDEV MOBILE
même être différent Vous pouvez program- • 
interagir avec des sites de mentaire, annuaire, ... Le WLangage est
d’une version à l’autre. mer absolument tout ce réservation: booking.com,... cross-plateforme.
• gérer des communautés, des
WEBDEV génère si néces- que vous voulez, avec une • analyser en temps réel le
forums, blogs, FAQ, wiki,... Vous le réutilisez sous
facilité déconcertante. contenu des pages Web de
saires plusieurs codes La programmation s’ef- sites tiers
• moteur de recherche Windows, Linux, Mac,
• scan et archivage de docu- Android, iOS,...
dans la page, pour que fectue en WLangage, un • appliquer des modifications à
ments LA SÉCURITÉ PAR
l’affichage soit toujours langage de 5ème géné- des documents DOCX et XLSX
correct quel que soit le Firefox ration. • effectuer tous les calculs désirés • essayage virtuel de vêtements, DÉFAUT
• lire et écrire dans les bases de de bijoux, de lunettes, de Par défaut, les
sous Linux ou Windows Tous les types de
navigateur. données maquillage, de coiffure sites réalisés
Vous n’avez rien à faire. traitements sont pos- • lancer des requêtes • travailler dans des langues en WEBDEV sont
sibles avec WEBDEV. • modifier des images: chan- non latines: chinois, russe,... anti-injection SQL.
ger la couleur d’un T-Shirt ou • analyse comportementale de La copie de contexte
d’une voiture pour un confi- l’internaute à l’écran est impossible.
gurateur • ...
Safari
sur Mac

UN MÊME SITE WEBDEV :


WEBDEV
S’AFFICHE DE
LA TECHNOLOGIE DU FUTUR
FAÇON IDENTIQUE
WEBDEV 25 : LE DÉVELOP- les subtilités et le comportement différent
SUR TOUS LES PEMENT MODERNE de chaque version de navigateur (Chrome,
EDGE, Firefox, Opera...) pour chacune des
NAVIGATEURS Avec WEBDEV 25 inutile d’apprendre 5
balises HTML existante et d’avoir à gérer tous
frameworks différents... En sachant que ces
frameworks seront souvent obsolètes au ces cas particuliers à la main, à l’ancienne.
bout de quelques mois, et que la nouvelle Avec WEBDEV 25 vous disposez d’un envi-
version ne sera pas forcément compatible ronnement qui gère tous les navigateurs.
avec celle qu’elle remplace... Avec WEBDEV Avec WEBDEV vous disposez d’un langage
votre code traversera les années unique. Tout est écrit dans un même lan-
Avec WEBDEV 25 vous disposez d’un envi- gage, le partage des données est plus facile.
ronnement où tout est intégré. Vous disposez d’un support technique, en
WEBDEV permet de créer des sites «Responsive».
WEBDEV supporte également le concept de «Dynamic
Avec WEBDEV 25 inutile d’avoir à apprendre français.
Serving»: à une même URL correspondent 2 pages dif-
férentes, une page Desktop et une page Mobile. Selon
18 • WEBDEV 25 Développez 10 fois plus vite le navigateur, la page adéquate s’affiche. www.pcsoft.fr • 19
DE PUISSANTS CONTRÔLES (CHAMPS)
EBDEV ®
WEBDEV 25 propose tous les types de champs
(«contrôles») nécessaires à la création des
Un clic sur l’oeil permet à l’internaute de voir le mot de passe
en clair: pratique pour éviter les fautes de frappe!
CHAMP À JETONS CHAMP TIROIR
Très utilisés pour les critères de tri multiples, les champs à Un champ tiroir permet d’enrouler et dérouler une zone
Tous les
pages Internet et des applications Web. Voici jetons sont faciles à inclure dans vos pages. Tout est géré d’affichage.
hamps du quelques-uns de ces champs détaillés. en standard.
Web, CHAMP IMAGE
et plus... Le champ image permet d’afficher des images dans les for-
CHAMPS DE SAISIE : AVEC MASQUE mats standard du Web: Jpeg, Gif, Tiff, PNG, SVG...
Les champs de saisie de WEBDEV 25 permettent, comme Les images peuvent être cliquables pour lancer un traitement.
les autres champs, de définir de nombreux paramètres, de DÉSACTIVER L’AUTO-COMPLETION Voir également le champ «Galerie d’Images» en p 26.
manière visuelle et intuitive à travers les «7 onglets» ou par AUTOMATIQUE
programmation. Il est facile de définir de puissants masques CHAMP VIGNETTE : AUTOMATIQUE
Les navigateurs proposent automatiquement une auto-com-
de saisie, sans avoir besoin de taper la moindre ligne de code. Un site Web gère souvent des images ou des photos qui sont
plétion des formulaires dans les pages.
Les formats sont matérialisés dès l’entrée de champ. Exemples de jetons dans un champ à jetons par ailleurs utilisées sous forme de vignette (imagette), par
Lorsque l’internaute commence à saisir des informations dans
exemple pour leur sélection.
un formulaire, les autres champs de la page se remplissent
WEBDEV 25 gère automatiquement la génération dyna-
automatiquement. Cette fonctionnalité est dangereuse pour CLIPART DE 10.000 IMAGES ET BOUTONS mique automatique de ces vignettes.
des données confidentielles.
WEBDEV 25 est livré avec un clipart comprenant plus de
Avec WEBDEV 25, il est possible de désactiver cette fonction- IMAGE AVEC ZOOM AUTOMATIQUE
10.000 éléments.
nalité du navigateur champ par champ grâce à l’option des
Le contenu du clipart est riche et varié: images, icones, Lorsque l’effet de zoom est activé sur une image, le survol de
«7 onglets»: «Désactiver l’auto-complétion». 
cadres, animations, boutons graphiques, bandeaux, formes. l’image par le curseur de souris ouvre automatiquement une
CHAMP DE SAISIE HTML Il est possible de référencer ses propres images et illustrations zone à côté de cette image, zone dans laquelle la partie de
pour enrichir le catalogue. l’image originale pointée est affichée agrandie.
Ce type de champ permet aux internautes de saisir du
contenu enrichi. MENUS
Une barre d’outils apparaît automatiquement en tête du
WEBDEV permet de créer des menus déroulants (verticaux et
champ, et permet à l’internaute de définir les enrichisse-
horizontaux) en mode WYSIWYG, des menus «onglet», et
ments, insérer des liens, des images, recadrer ces images...
des menus «Pop-up».
Les données sont sauvegardées au standard HTML.
Il est possible d’ajouter dynamiquement, par programmation,
CHAMP BOUTON des choix de menus, des sous-menus, etc...
Les menus sont tactiles. Ils sont générés en «full» CSS et
Exemples de masques de saisie Un champ bouton peut contenir du texte, une image ou être s’adaptent au mode Responsive.
Parmi les masques de saisie fournis: durée, première lettre en défini en CSS.
majuscule, numéro de téléphone français, nom et chemin de Un bouton peut être personnalisé selon son état: repos,
fichier, adresse email, code postal... survol, clic, focus, grisé.
Notez que les masques de saisie HTML5 sont également
proposés.

CHAMP DE SAISIE :
TEXTE D’INDICATION Lorsque le curseur passe sur une zone de l’image,
Le champ de saisie de WEBDEV propose des centaines de celle-ci est automatiquement affichée et zoomée
possibilités de paramétrage.
Parmi ces possibilités, le champ de saisie peut contenir un Exemple de menu pop-up
texte d’indication.
Lorsque l’internaute commence à saisir dans le champ, le CAPTCHA CODE
texte d’indication peut devenir libellé au-dessus de la zone CHAMP CALENDRIER ET SAISIE DE DATE
Un champ Captcha est disponible. Le champ calendrier permet soit de créer un champ intégré
de saisie. Ainsi l’internaute peut toujours lire cette indication
Le Captcha de Google peut également être utilisé. dans une page, soit d’ouvrir une «popup» calendrier pour
pendant la saisie.
la saisie de la date.
De très nombreuses options de personnalisation et pré-
BOUTON INTELLIGENT ANTI «MULTI-CLIC» sentation sont proposées: encadrer le jour en cours, barrer
Le «multi-clic» sur les boutons de validation est neutralisé par les dates déjà passées,
défaut. Un internaute qui clique 3 fois sur le bouton «valider» Le champ Captcha de Google délimiter une durée,
Le champ de saisie non rempli... ne recevra pas 3 fois sa commande... signaler les jours
LES ONGLETS fériés,...
CHAMP INTERRUPTEUR À CURSEUR
Les onglets sont faciles à gérer.
Les champs «interrupteurs à curseur» sont de plus en plus
présents dans les pages Web.
... en cours de saisie: le texte d’indication se réduit
et se place au-dessus du texte saisi

SAISIE DE MOT DE PASSE


Dans un champ de saisie de mot de passe, un œil apparaît
en fin de zone de saisie. Exemple d’onglets dans une page.

20 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 21


DES CHAMPS PUISSANTS (SUITE) champs lors du déplacement par l’internaute de l’ascenseur
(scrolling) du navigateur. La zone est dite «épinglée».

••• suite de la page 21

EBDEV ®
EFFETS SUR IMAGE
Les images peuvent bénéficier de nombreux effets automa-
mats: Microsoft (Wmv), Webm, Mpg, Ogv, Flash (Flv),
QuickTime (Mov), ...
méthode la tiques. Les fonctionnalités de lecture, pause, avance rapide,... sont
simple et la gérées.
us intuitive ANIMATIONS CSS3 SUR LES CHAMPS L’affichage de vidéos est également géré par HTML5.
WEBDEV 25 permet de définir facilement des effets sur Les vidéos Youtube sont gérées.
les champs de type image: accélération, clipping, fondu,
zoom automatique, fondu, grossissement en survol, effet CHAMP SLIDER & RANGE SLIDER Même si l’internaute fait défiler la page vers le bas, le
photo, mouvement panoramique, clignotement, décalage, Les champs potentiomètre linéaire (Slider) et potentiomètre panier reste visible au même endroit CHAMP BANDEAU DÉFILANT
balayage, inclinaison, rotation, ... d’intervalle (range Slider) sont proposés. Le champ bandeau défilant permet d’afficher successivement
Le ou les éléments ainsi ancré(s) se déplace(nt) avec l’as- plusieurs contenus, soit automatiquement, soit suite à une
Le cornage de page est également géré.
censeur, et reste(nt) donc visible(s), alors que le reste de la action de l’internaute.
Il est également possible d’affecter une animation CSS3
page défile. Le bandeau peut contenir des champs et des traitements.
trouvée sur Internet à un champ WEBDEV. Les animations
déclarées dans la feuille de styles sont listées sous l’éditeur. On voit souvent un bandeau défilant en en-tête de site.
TABLEAU HTML
ZONES DE CLIQUAGE (MAP AREA) Le champ Tableau HTML permet de créer facilement des
tableaux statiques de présentation dans les pages.
Les zones de clicage permettent de réaliser des traitements
d’hypertexte: en fonction de la zone d’une image sur laquelle
l’internaute clique, un traitement particulier est exécuté. CHAMP NOTATION
Définir les zones est très simple à l’aide des zones géomé- Ce champ permet à l’internaute de donner une note, ou à
triques fournies. Plusieurs zones peuvent être imbriquées. un site d’afficher une note.
Si nécessaire, il est possible de récupérer les coordonnées de Par défaut le visuel utilisé est une étoile, mais ce visuel
cliquage, au pixel près. peut être modifié (smiley, main, coeur...). La note peut être
décimale.
CHAMP «CARTE GOOGLE»

Le bandeau change de plan tout seul ou à la demande.


Les plans peuvent contenir des champs
CHAMP COMBO DE TYPE «POPUP»
WEBDEV permet de créer facilement des combos qui font
apparaître une petite page «PopUp» quand on les déroule.
BREADCRUMB, SITEMAPPATH La zone déroulée de cette combo affiche une PopUp que
(FIL D’ARIANE, CHEMIN DE NAVIGATION) vous avez préalablement créée.

INTÉGRATION DE COMPOSANT EXTERNE


Cet exemple de calendrier avec sélection de période provient d’un com-
Un «Breadcrumb» (que l’on appelait avant un «SiteMapPath») posant Javascript.
est un menu linéaire qui se construit au fur et à mesure des Intégrer des champs qui proviennent de différents frameworks (Bootstrap,
parcours de l’internaute dans un site. React,...) est facile avec WEBDEV (voir p 34).
Breadcrumb, littéralement «Miette de pain» en anglais, peut WEBDEV est ouvert à toutes les technologies.
Il est possible d’intégrer un champ Carte «Google Maps» être traduit par «Fil d’Ariane»
dans un site. Il permet à l’internaute de revenir rapidement sur une page
Il est facile d’enrichir la carte: positionner des marqueurs, précédente. La génération de cette ligne de SiteMapPath est
afficher un itinéraire, définir le pourcentage de zoom, ... automatique.
Un plan du site est également automatiquement généré.
CHAMP «VIDEO»
CHAMP RÉSEAU SOCIAL
Une combo popup graphique,
Le champ «Réseau social» est une barre d’outils composée contenant une Zone Répétée
de pictogrammes faisant le lien vers les principaux réseaux
sociaux du Web : Facebook, Tweeter, LinkedIn, Instagram,
Pinterest.... LE CHAMP «UPLOAD» (HTML5)
Le champ Upload permet de télécharger depuis le Navigateur
un fichier vers le serveur. Sélecteur de fichiers, drag & drop,
multi sélection, jauge de progression,... sont gérés en standard.
L’upload peut s’effectuer en tâche de fond.

Pour utiliser les identifiants d’un internaute en vue de son


authentification, voir page 37.

ZONE FIXE SUR L’ÉCRAN (FIXED)


Le champ «Vidéo» permet de jouer des vidéos de tous for- L’ancrage fixe permet de maintenir visibles un ou plusieurs

22 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 23


DES CHAMPS SOPHISTIQUÉS En plus des champs présentés dans les
pages précédentes, WEBDEV vous offre LES TABLES (DATAGRID)
des champs très sophistiqués

••• suite de la page 23

CHAMP GRAPHE INTERACTIF


DES TABLES PUISSANTES
Le champ «Table» un champ puissant.
Une Table peut être alimentée automati-
nibles pour manipuler le champ Table par
programmation.

FONCTIONNALITÉS RICHES
Une table peut être en sélection simple,
multiple ou sans sélection.
Une table peut être en affichage seul ou
permettre la saisie.
quement (binding) par un fichier de don-
Le champ graphe de WEBDEV 25 propose de nombreux nées ou par une requête. Le champ Table propose de nombreux Le champ Table permet de programmer
types de graphes, en mode 2D et relief, en statique et en Pour ne mettre à jour que les éléments types de colonnes: texte, lien, numérique, tous les comportements souhaités.
interactif: courbes, barres, hémicycles, camemberts, ... nécessaires, le champ table effectue des monétaire, date, heure, interrupteur, L’utilisateur final dispose automatiquement
Un graphe peut être affiché en temps réel : le graphe défile appels Ajax. image, conteneur. de nombreuses fonctionnalités:
en fonction des données reçues. Une Table peut aussi être remplie par pro- 3 modes d’affichage sont disponibles : avec • Redimensionnement de colonne
Un menu permet à l’internaute de modifier dynamiquement grammation au choix en code serveur, ou ascenseur, avec réglette, ou afficher tout le • Filtre, Recherche
les paramètres: type de graphe, affichage de légende,... en code navigateur. contenu dans la page • Déplacement de colonne
Une mire permet une lecture précise des données. Plus de 80 fonctions WLangage sont dispo- Il est possible de définir des ruptures. • Exports Excel, Word...
Des effets d’animation sont disponibles.

CHAMPS PLANNING & AGENDA La recherche dans Le tri des En Mode Responsive Web
Design, les colonnes se
Le champ planning permet de gérer l’emploi du temps de la table est proposée colonnes est transforment automati-
ressources multiples. via la loupe disponible quement en ligne sur les
Le lien avec les données est automatique (databinding). téléphones
Ce champ fait gagner des semaines de programmation.
Le champ planning est adapté aux terminaux tactiles
(tablette, smartphone). CHAMP «TABLEAU DE BORD» Il est possible de Un ascenseur
Les modes opératoires pour créer, déplacer, supprimer les WEBDEV 25 permet de créer facilement des tableaux de redimensionner remplace automati-
rendez-vous sont compatibles avec l’environnement «mul- quement la réglette
bord dynamiques. Un champ tableau de bord est constitué les colonnes
ti-touch», et peuvent donc s’effectuer avec les doigts.
de Widgets (pages internes).
Le niveau de paramétrage est très fin, et peut faire appel
Le paramétrage du tableau de bord par l’internaute est géré
au CSS.
automatiquement.
Un champ «Agenda» est également disponible. Les lignes de la
L’internaute peut personnaliser et adapter le tableau de bord. Le fond du ban-
table sont
deau de sélection
«multi sélection»
peut être une
image

Ancrage et ascen-
Les cellules de seur automatique
table peuvent être
en «saisie»
Gestion automatique
d’un «cache» (fetch par-
tiel) qui ne charge que
Si un traitement est long, les données nécessaires à
un sablier s’affiche auto- l’affichage et au parcours
matiquement. fluide à vitesse humaine

DES CHAMPS ADAPTÉS AU


FONCTIONNEMENT SUR MOBILE EXPORT AUTOMATIQUE
Lorsque les sites créés avec WEBDEV 25 s’exécutent sur un VERS XML, WORD, EXCEL
mobile (tablette ou smartphone), les champs ont un compor- ET OPEN OFFICE
tement adapté à l’utilisation tactile. Pour les tables et les zones répétées,
ET TOUS LES AUTRES CHAMPS un menu d’export automatique vers
XML, Word, Excel et Open Office... est
WEBDEV 25 propose également les champs Treeview, proposé à l’internaute.
Caméra, Applet Java, Iframe, Cellule, Disposition, Lien, Liste, Les données contenues dans la table
Ligne, Modèle de champ, Page interne, Table hiérarchique,... ou la zone répétée seront automati-
Vous avez tout. quement exportées vers le format et
Et découvrez dans les pages suivantes des champs impres- l’outil choisi.
sionnants: volet, galerie d’images et table. En utilisation Intranet, les utilisateurs Vous pouvez bien sûr désactiver cette
peuvent réaliser facilement leurs simu- fonctionnalité.
lations sous Excel !
...OU PROGRAMMEZ DES
RIEN À PROGRAMMER EXPORTS
Il n’y a rien à programmer pour que Si vous désirez automatiser des exports
les internautes bénéficient de ces fonc- depuis vos sites, des ordres de pro-
tionnalités d’export. grammation du L5G de WEBDEV sont
à votre disposition.

24 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 25


LE CHAMP ZONE RÉPÉTÉE

DES CHAMPS SOPHISTIQUÉS (SUITE) CHAMP «ZONE RÉPÉTÉE» :


UN CONCEPT TRÈS PUISSANT

••• suite de la page 25

EBDEV ®
CHAMP «VOLET
AUTOMATIQUE»
méthode la
simple et la Les sites et applications Web utilisent de
us intuitive plus en plus un mode opératoire basé sur
des volets repliables.
Ces volets peuvent contenir des champs,
des choix de menus, des graphes, des pages
internes, ...
WEBDEV 25 propose la gestion automa-
tique de ces modes opératoires. Zone Répétée en définition sous l’éditeur
Notez que le volet fermé signale sa pré- La Zone Répétée en exécution
sence par une vibration visuelle lorsque la
souris passe dans sa zone! Une «Zone Répétée» est un ensemble de champs qui se but de chaque champ. Par exemple:
répète horizontalement, verticalement et/ou linéairement un • couleur de la ligne
VOLET VOLET nombre de fois défini ou indéterminé. • couleur d’une police (montant en rouge si négatif)
• photo d’un article...
OUVERT FERMÉ
Le champ Zone Répétée bénéficie du menu d’export
automatique vers Word, Excel,... (voir p 25).
ASCENSEUR QUI APPARAIT
AU SURVOL RÉGLETTE AUTOMATIQUE
Dans les pages sophistiquées, et pour ne Zone Répétée linéaire
La réglette de parcours des pages (avec son code) est générée
pas surcharger l’UI, les ascenseurs appa- Les zones répétées sont alimentées soit par programme, automatiquement pour une zone répétée, tout comme pour
raissent souvent uniquement au survol de soit par liaison directe avec une ou des tables de données une table.
la zone concernée. (databinding), soit à partir de requêtes.
En version 25, il devient possible de créer Par exemple, le nombre de répétitions peut être le nombre
automatiquement ce type d’ascenseur. d’enregistrements de la requête,...
Il est possible d’avoir 1 ascenseur par conteneur. A chaque répétition, il est possible de modifier chaque attri- Exemple de réglette automatique

CHAMP GALERIE D’IMAGES ou provenant d’une base de données ou encore fixées par 42 CHAMPS MÉTIER LIVRÉS
programmation.
Ce champ, basé sur une Zone Répétée, permet d’afficher
Ce champ permet d’économiser des semaines de dévelop- Le concept de Champ Métier permet à vos applis de bénéfi- • Combo de recherche et Popup • Commentaires et nota-
et gérer sans programmation l’affichage d’un ensemble
pement. cier automatiquement de comportements standard, sophis- tion • Compte à rebours • Bandeau avertissement cookie •
d’images.
Une image est affichée dans une cellule. tiqués et personnalisables. Formulaire • Galeries • Horloge • Paiement • Saisie de code
Les images peuvent être de tailles et proportions différentes:
Dans cette cellule, d’autres champs peuvent être insérés et/ Les traitements aujourd’hui standards en Web, comme les postal (France) • Lecteur de carte de crédit • Sélecteur de
le champ Galerie d’images se charge d’offrir un affichage
ou superposés à l’image: libellé, bouton,... sélections de fourchettes de date, les bandeaux défilants, les dates et de périodes • Tableau de bord • Zones Répétées
harmonieux.
Lors d’un agrandissement du navigateur soit le nombre galeries, les fils Twitter... sont livrés prêts à l’emploi, avec leur sophistiquées • Défilement de tweets • ...
La navigation entre les images est automatiquement gérée.
d’images augmente, soit la taille des images augmente. code. Et tout est personnalisable. Vous gagnerez un temps fou et vous bénéficierez d’une UI
Le champ affiche des images présentes dans un répertoire,
Le champ Galerie d’Images est responsive. Parmi les Champs Métier livrés pour WEBDEV 25, vous béné- de pointe: les champs de vos applications sont puissants sans
ficiez de: • Bandeau défilant • Bouton jauge • Bulles • Cards que vous n’ayez rien à paramétrer...

26 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 27


HTML5 64 LANGUES DANS VOS SITES

HTML5 ET W3C HTML5 garantit une com- COMPATIBILITÉ ANCIENS Un site ou une application PRÉVOYEZ LE
patibilité des pages sur tous NAVIGATEURS: HTML4 Web a une audience mon- FUTUR
En WEBDEV 25, vous n’avez
les navigateurs du marché diale : tout internaute du Imaginez la simplification du
pas besoin d’écrire de code Pour assurer la compatibilité avec d’an-
supportant la norme. monde entier peut le consul- travail lors du développement
HTML, WEBDEV le génère ciennes versions de navigateurs, princi-
automatiquement pour
ter ! de sites multilingues ou si
palement utilisés en Intranet, WEBDEV
SAISIE DIRECTE Développer des sites mul-
vous ! permet également de générer les sites un de vos sites risque de le
DE CODE HTML tilingues est donc souvent
Le code HTML généré par à la norme HTML4 Transitional. devenir, car les traductions
WEBDEV  25 respecte le Si nécessaire, il est possible nécessaire.
peuvent être effectuées a pos-
standard HTML5 et suit les d’éditer le code HTML des Et c’est même obligatoire
teriori, sur un site existant.
recommandations du W3C. champs et des pages (voir pour les pays qui utilisent
Le respect de la norme page 17). plusieurs langues offi- Exemple de saisie d’un texte EXTRACTION
cielles: Belgique, Suisse, en plusieurs langues
AUTOMATIQUE DES
Luxembourg, Canada... Il suffit de saisir les libellés dans les TEXTES
WEBDEV apporte une solu- différentes langues sélectionnées (lan-
tion intégrée très puissante Un outil disponible sépa-
gues latines et non latines: chinois,
au support des langues. rément (WDMSG) permet
russe,...) et WEBDEV se charge de tout.
d’extraire tous les «textes»
Pour changer de langue dynamique-
64 LANGUES PAR SITE ment dans le site, il suffit d’appeler la
d’un projet, afin de les faire
Jusqu’à 64 langues différentes sont traduire, puis de les ré-inté-
fonction WLangage Nation.
CSS3 supportées par les sites que vous déve- grer automatiquement après
Notez que même le libellé des boutons
loppez. Il suffit de choisir les langues traduction.
image sera traduit !
dans l’écran de paramétrage (liste Utile pour faire traduire son
CRÉATION DE STYLES : MODIFICATION Les styles sont présentés modifiable à tout moment). site par un cabinet spécialisé.
CSS SANS CONNAITRE DU CODE CSS DES directement dans l’éditeur,
CSS STYLES WEBDEV et sont immédiatement uti-
Si nécessaire le lisables.
code CSS généré
peut être modifié ANIMATIONS ET
directement dans EFFETS SUR LES
le fichier .CSS . CHAMPS
Un style CSS créé par
WEBDEV 25 et dont le code
L’environnement WEBDEV 25 propose
de nombreux effets et animations:
FACTURATION ÉLECTRONIQUE
CSS est modifié est toujours
reconnu par l’éditeur.
fondus, grossissement au survol, cli-
gnotement, rotation, pirouette 3D, etc.
AUTOMATISEZ LE DÉPÔT CHORUS PRO
Ces effets sont proposés sur tous les
EDITEUR DE STYLES
CSS champs et sont paramétrables: durée, WEBDEV 25 facilite l’établissement et la factures sont présentes dans WEBDEV
courbe d’accélération, … transmission automatiques des factures 25.
Un éditeur de styles CSS
Vous n’avez pas besoin de connaître électroniques. Toutes les APIs (ancienne et nouvelle
visuel est également fourni
avec WEBDEV. CSS pour mettre en place ces effets, L’Union européenne a choisi de géné- version) de Chorus sont gérées.
Vous pouvez saisir votre c’est WEBDEV qui génère le code CSS raliser la facturation électronique. En particulier la gestion des certificats
propre code CSS dans l’édi- nécessaire. est facilitée.
CHORUS PRO : POUR
teur de styles CSS, ou y FACTURER L’ÉTAT FACTUR-X
coller un code récupéré sur RÉFÉRENCER DES ANIMA-
TIONS CSS EXISTANTES FRANÇAIS (FACTURE HYBRIDE)
Internet. Factur-X, est une norme de facture
La France rend obligatoire la factu-
Il existe une multitude d’autres effets hybride: une facture à la fois lisible
IMPORT DE STYLES ration électronique pour facturer les
sur le marché, fournis sous forme par l’humain (PDF), et lisible par les
CSS EXISTANTS services de l’Etat.
Pour créer un style avec WEBDEV 25, il d’animations CSS. Par exemple: balan- EDI (XML).
Pour le dépôt et le suivi des factures,
est inutile au développeur ou au web- Des styles CSS3 existants peuvent être cier, flottement, explosion... la France a mis en place le système Une facture à la norme Factur-X
designer de connaître CSS3. importés dans vos projets WEBDEV 25. Pour appliquer ce type d’animation Chorus Pro. contient une archive PDF (norme A-3)
Le style est créé en visuel grâce à la Dans l’environnement de WEBDEV 25,
tierce à un champ, il suffit de référen- C’est l’outil de gestion des dépenses et de la facture, et le fichier XML normé
les styles importés sont proposés au
technologie des «7 onglets». cer la feuille de styles CSS contenant des recettes non fiscales des services de (5 normes sont définies en Europe,
même titre que les styles qui ont été
WEBDEV 25 génère lui-même le style la description de l’animation dans le l’État français. selon le niveau de détail) contenant le
créés directement avec WEBDEV.
CSS correspondant projet. Toutes les sociétés doivent utiliser détail de la facture.
Les styles sont modifiables à tout RÉFÉRENCER DES STYLES Dans le volet «Animations» de la Chorus Pro pour facturer les services WEBDEV 25 dispose de toutes les fonc-
moment directement sous l’éditeur, CSS EXISTANTS fenêtre «7 onglets» d’édition du style de l’etat français. tions XML nécessaires pour générer et
WEBDEV 25 facilite l’automatisation signer les fichiers XML.
les modifications étant bien entendu WEBDEV permet également de réfé- du champ concerné, il suffit ensuite
du dépôt des factures sur Chorus Pro: WEBDEV 25 permet la création de PDF
répercutées à toutes les pages et rencer des feuilles de styles CSS sélectionner le nom de l’animation à
toutes les fonctionnalités nécessaires à la norme archive A-3.
champs utilisant le style modifié. externes. utiliser, sa durée et sa répétition. au dépôt automatique et au suivi des

28 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 29


LE COEUR DE WEBDEV: SON LANGAGE
PROGRAMMEZ TOUT CE QUE VOUS DÉSIREZ L’EDITEUR DE CODE VOUS ASSISTE
Le WLangage, le langage Codes Navigateur et codes Serveur L’utilisation de la POO est optionnelle, L’éditeur de code participe à Le bandeau jaune indique que le code UML
L5G intégré de WEBDEV, s’écrivent en WLangage. et peut être mixée avec la programma- saisi est du WLangage et s’exécutera
la productivité de WEBDEV. WEBDEV 25 crée automatiquement le
permet de décrire tous les tion traditionnelle (voir p 32).
La saisie du code est intui- sur le Serveur. 
diagramme de classes en rétro analy-
LE WLANGAGE: Le bandeau vert indique que le code
traitements que vous dési- tive, plus rapide et se fait sant le code.
PUISSANT, INTUITIF JSON ­ saisi est du WLangage et s’exécutera
rez très facilement. Inversement, un diagramme UML
Le WLangage permet une grande JSON est géré native-
directement dans le champ sous le Navigateur.
vitesse de programmation, et une meil- concerné. Le bandeau rose signifie que le code génère le code des classes.
ment en WLangage.
LA PROGRAMMATION leure qualité du code. saisi est du PHP. 
INTERNET N’A JAMAIS Un ordre du WLangage correspond UNE MÉTHODE Le bandeau bleu signifie que le code
GESTIONNAIRE DE
GÉNÉRATION AUTO- SOURCES
ÉTÉ AUSSI FACILE ET souvent à des centaines ou des milliers MATIQUE DU HTML, DU RÉVOLUTIONNAIRE saisi est du code Javascript.
PUISSANTE de lignes de code en Javascript: vos C’est visuel et très intuitif ! WEBDEV 25 est livré en standard avec
JAVASCRIPT ET DU CSS La technologie exclusive de l’éditeur de
un outil de versionning, le Gestionnaire
équipes développent plus vite, le risque
Le langage L5G de WEBDEV, Un Navigateur ne comprend que le code participe à la création d’un code TOUS LES ÉVÉNEMENTS de Sources collaboratif (GDS, voir page
de bogue diminue.
le WLangage, déjà utilisé par des de qualité, et permet de développer
code HTML, Javascript et CSS. SONT GÉRÉS 46).
FRANÇAIS OU ANGLAIS ? Le code WLangage destiné à s’exécuter plus vite.
Les événements moins habituels sont
Le WLangage est disponible en français sous le Navigateur génère donc auto- AJAX
proposés en liste. 
et en anglais. matiquement le code HTML, Javascript LA MÉTHODE WEBDEV
Tous les événements sont gérés: clic,
Le français permet une programmation et CSS correspondant. Les événements les plus utiles sur un double clic, touche pressée, touche
intuitive, et une maintenance facile. champ sont proposés par défaut dans maintenue enfoncée, touche relâchée,
Les ordres du WLangage (hLitPremier, CONNAISSANCE DE l’éditeur de code, et matérialisés par un bouton de souris enfoncé, bouton de
hLitSuivant, SSLActive, hTrouvé, JAVASCRIPT, CSS ET Concernant AJAX (ne rafraichir dans
etc...) sont des ordres faciles à com- HTML INUTILE Initialisation du champ la page que les données strictement
prendre et faciles à maintenir. nécessaires), il suffit de cliquer sur le
Il est donc inutile de connaître Entrée dans le champ (onfocus) bouton «Ajax» de la ligne pour utiliser
Javascript ou HTML ou CSS ou PHP
IMPOSSIBLE D’ÊTRE Modification en sortie (onchange) cette technologie.
pour développer avec WEBDEV.
BLOQUÉ Toutefois, si pour une raison quel- Sortie du champ (onblur)
COMPLÉTION
Le L5G de WEBDEV est extrêmement conque vos équipes désirent utiliser AUTOMATIQUE
puissant, il propose plus de 2.500 du code Javascript, HTML, CSS ou PHP,
fonctions de programmation.  Lors de la frappe d’un ordre, le type de
WEBDEV le permet.
Vous ne serez jamais bloqué. paramètre attendu est proposé dans
WEBDEV permet également de saisir PROFILER: OPTIMISEZ LA une liste déroulante. Une bulle d’aide
du code HTML, Javascript ou PHP. VITESSE DE VOTRE CODE apporte également des informations
centaines de milliers de développeurs sur chaque paramètre de la fonction
Toutes les ressources habituelles du WEBDEV 25 est livré avec de nombreux
professionnels, apporte un confort utilisée.
Web peuvent être intégrées à une outils, dont un «profiler», outil qui
qui permet de développer beaucoup
page WEBDEV: CSS3, JQuery, Angular,
plus vite tous les types de traitements. mesure la vitesse de chaque instruction ERREURS EN TEMPS RÉEL
React, ASP.Net,... de votre code.
UNE PUISSANCE SANS
EXEMPLE DE CODE: LE RAD
ÉQUIVALENT SUR LE
ENVOYER UN EMAIL
MARCHÉ Notez que le code
Il est facile d’envoyer un email. et les pages peuvent Note:
Imaginez: vous pouvez facilement Si une erreur de syntaxe est commise,
L’ordre s’appelle simplement être automatique- l’éditeur de code
programmer TOUT ce que vous elle est détectée sous l’éditeur de code,
eMailEnvoieMessage.
ment générés par le et l’environnement
voulez pour votre site : effec- avant même la compilation du projet !
Vous pouvez joindre des pièces atta- peuvent adopter
tuer des calculs, des traitements RAD et les assistants de
chées. L’envoi de mails s’effectue en un thème clair ou
de chaines, des traitements
tâche de fond.
WEBDEV, à partir d’une description de TEST UNITAIRE DE PRO-
d’images, éditer des PDF, accé- bandeau de couleur. souris relâché, souris en dehors de l’ob- un thème sombre
données («une analyse»). CÉDURES ET DE CLASSES
der aux données, imprimer des Par exemple, pour un champ de type jet, souris au-dessus de l’objet, perte
Pour consulter la
INTÉGRATION OPTIMALE Le processus de création des tests est
codes-barres, scanner des docu-
DES BASES DE DONNÉES COMPATIBILITÉ WINDEV «saisie», les événements par défaut sont: de focus, prise de focus, modification,
liste exhaustive totalement intégré à l’environnement.
ments, stocker des images, ET WINDEV MOBILE ­ • initialisation du champ, sélection du contenu du champ, appel
Pour tester directement une procédure
des ordres du gérer les logs, appliquer des Le WLangage est optimisé pour mani- de l’aide, chargement, envoi du for-
L5G, consultez Le WLangage est commun à WEBDEV, • entrée dans le champ, ou une classe, il suffit d’utiliser le menu
certificats, chiffrer des don- puler les données de tables. La complé- mulaire,...
l’aide en ligne de WINDEV et WINDEV Mobile: votre • sortie du champ, contextuel qui propose de créer (et
nées, ... tion automatique propose les noms de
WEBDEV 25 sur code est cross-plateforme. • à chaque modification. ensuite de rejouer) un nouveau test
tables et de colonnes. COLORATION SYNTAXIQUE
DOC.PCSOFT.FR LES TRAITEMENTS Lorsque vous possédez un existant Il suffit de taper le code correspondant unitaire.
Pour un plus grand confort et une
SUR INTERNET WEBSERVICES FACILES WLangage, vous pouvez les ré-utiliser dans la partie adéquate.
meilleure lisibilité, chaque mot est CODE COVERAGE
En Internet le code le code La création et la consommation de directement. Le code qui s’exécutera sur le
coloré en fonction de son type.
est architecturé entre webservices SOAP et REST est très Navigateur peut être saisi en WLangage L’éditeur de code indique le «Code
Serveur et Navigateur : Coverage» du projet: chaque ligne de
• le code peut être exécuté
facile. (Voir p 33). Le WLangage apporte ou en Javascript, au choix. ENROULÉ/DÉROULÉ
code qui n’a jamais été exécutée est
sur le serveur, par le serveur LA POO (OBJET) un L5G structuré au CODE SERVEUR ET L’éditeur de code dispose d’un méca-
signalée.
d’application La Programmation Orientée Objet est
développement Internet.  CODE NAVIGATEUR
nisme confortable d’enroulé/déroulé
de code: vous masquez le code connu
• le code peut être exécuté
sur le navigateur, sur la
supportée par WEBDEV: héritage mul-
Elu «Langage le plus productif du marché» Il suffit de saisir votre code sous le et testez pour plus de lisibilité! L’éditeur de code participe
machine de l’Internaute.
tiple, constructeur, destructeur, public, par les lecteurs de la revue «Programmez!» bandeau correspondant. à la facilité légendaire de
privé, polymorphisme...  WEBDEV 25.
30 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 31
LES WEBSERVICES SOAP & REST:
LA POO CRÉATION, CONSOMMATION
Le dévelop- POO • Destructeur LA FACILITÉ DE WEBDEV CRÉATION FACILE
EBDEV ®
pement d’un
site dyna-
Les syntaxes du WLangage autorisent
une programmation orientée objet
• Encapsulation des données : public,
privée, protégée
AU SERVICE DES
WEBSERVICES
DE WEBSERVICES
SOAP
débogueur mique (relié à moderne et efficace. • Libération automatique
WEBDEV 25 permet de consommer, La création de Webservices
apporte une des données, Les méthodes des classes de base • Opérateur «est un» et downcast
créer, déployer et héberger facilement SOAP s’effectue facilement:
productivité et comportant peuvent être redéfinies visuellement • Référence faible
des Webservices SOAP et REST. il suffit de définir la collection
fessionnelle des traitements) depuis l’explorateur de projet; les • Association
de procédures qui constitue
nécessite une méthodes virtuelles sont générées • ... CONSOMMATION FACILE l’interface du Webservice.
phase de pro- automatiquement. DE WEBSERVICES REST Le fichier de description WDSL
XML, JSON, ...
grammation. La gestion de la mémoire des instances Il est très facile d’utiliser des Webser- est généré automatiquement.
est automatique dans la très grande Le WLangage est optimisé pour traiter
WEBDEV 25 est les documents XML et JSON.
vices REST depuis WEBDEV. DÉPLOIEMENT
ouvert à toutes majorité des cas, pour les allocations Il suffit d’appeler les URL du Webser-
Les structures des documents sont FACILE DES
les méthodes de comme pour les libérations. vice. WEBSERVICES
importées, sérialisées et désérialisées
développement. Les données renvoyées par le Webser-
TOUTES LES NOTIONS DE directement dans le WLangage. Les Webservices sont héber-
vice peuvent être au format JSON.
LA POO L’éditeur de code propose alors la gés sur une machine dispo-
PROGRAMMATION saisie assistée sur les noms des élé-
WEBDEV supporte JSON en natif.
sant d’un serveur d’applica-
PROCÉDURALE OU POO Les notions de la POO sont supportées:
ments des documents, la coloration CONSOMMATION FACILE tion WEBDEV.
• Classes
La programmation avec WEBDEV 25 syntaxique,... La procédure d’installation est
• Classes abstraites DES WEBSERVICES SOAP
s’effectue en WLangage, le célèbre automatiquement générée.
• Interfaces Il est très facile d’importer des Webser-
L5G, réputé pour sa puissance, sa L’administration s’effec-
• Héritage, héritage multiple vices SOAP dans WEBDEV.
richesse et son intuitivité. tue depuis l’administrateur
• Réflexion Il suffit d’importer la description WSDL
Les développeurs ont le choix entre WEBDEV comme un site
• Surcharge (dynamic dispatch) du Webservice.  Page de visualisation et de test générée automatiquement
Programmation Procédurale et «classique», tous les outils
•Méthodes abstraites et virtuelles Les procédures et les types du
Programmation Orienté Objet (POO). sont disponibles: statistiques
(polymorphisme) Webservice apparaissent automati-
L’approche objet permet l’évolutivité de fréquentation, etc... (voir
• Propriétés (get et set) quement comme des types et des
du code complexe et facilite sa main- administration des sites p 54).
• Constructeur fonctions utilisables dans le projet.
tenance future.
Ainsi les éléments du Webservice appa- HÉBERGEMENT
raissent dans le projet comme des FACILE DES
éléments à part entière du projet. WEBSERVICES
La technologie d’héberge-
TOUT EST GÉRÉ
DÉBOGUEUR SERVEUR & NAVIGATEUR:
ment est basée sur le robuste
La gestion des Webservices est très serveur d’application stan-
puissante; voici une liste de quelques dard de WEBDEV.
MISE AU POINT FACILE DE VOTRE CODE fonctionnalités gérées:
• Résultats de type tableau (SoapArray)
Les serveurs peuvent être
situés dans vos locaux (on
• Databinding Webservices premise), chez un hébergeur
DÉBOGUEUR chable) de toutes les variables de la • 32 et 64 bits • Inclusion de Webservices ou dans le cloud (PCSCloud
PUISSANT ET ligne en cours d’exécution («Watch») • ... • Attributs dans les wsdl par exemple).
CONVIVIAL • visualisation d’expressions contenant • Réponses et En-têtes multiples Les Webservices peuvent
des fonctions DÉBOGAGE À DISTANCE • Signature du message être consommés par tout
Pour mettre au point les sites
• affichage de la valeur de la variable Il est possible de déboguer un serveur à • WS-Addressing type d’applications, créées
Internet interactifs, le débo-
survolée par bulle distance: vous déboguez par exemple le • Cyclage dans les schémas en WINDEV, WEBDEV,
gueur permet l’exécution WINDEV Mobile ou avec tout
• résultat en décimal ou hexadécimal serveur en place chez l’hébergeur sans • Authentifications SPNEGO, ... Visualisation du résultat d’un Webservice REST: Code Http,
en pas à pas d’un traitement autre langage tiers.
(en code Serveur et en code • pile des appels visualisée en temps réel vous déplacer. Entête Http, contenu (JSON par défaut), etc
CREATION FACILE DE
• trace du code exécuté
Navigateur, avec passage auto- Le débogueur permet un gain WEBSERVICES REST
matique d’un code à l’autre), de temps La description d’un Webservice REST
en visualisant ou en modifiant le
contenu de variables choisies.
précieux s’effectue très simplement depuis l’édi-
teur de Webservices.
lors des Il suffit de décrire chacun des points
DES FONCTIONNALITÉS phases de d’entrée de l’interface externe du
AVANCÉES mise au Webservice: nom de la méthode, para-
Le débogueur est très puissant et pro- point.  mètres attendus, valeur renvoyée, ainsi
pose des fonctionnalités avancées: que le type de requête (GET, POST,
• code Serveur et code Navigateur PUT, DELETE, ...).
• exécution en pas à pas, saut de fonc- Il est également possible d’indiquer
tions, sortie immédiate de fonction, une note de documentation, ainsi que
exécution jusqu’à une ligne donnée,... des exemples d’utilisation du point
• 
autostop, qui arrête l’exécution à d’entrée et un descriptif du format de
chaque changement de valeur d’une la valeur de retour.
Edition d’un
variable ou d’une expression définie WEBDEV 25 génère les procédures ou
Webservice REST
• visualisation automatique (débran- les classes nécessaires.
sous l’éditeur

32 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 33


ANGULAR, REACT, EMBER, VUE,
BOOTSTRAP, JQUERY... ACCÈS NATIFS: GOOGLE APPS, SAP, LOTUS NOTES...

WEBDEV AU SERVICE DE ACCÈS NATIF À


SAP LOTUS NOTES

Voici un exemple de code qui liste les


contacts de Gmail et les affiche dans
SAP ECC est un ERP très utilisé. Un
une table WEBDEV.
site réalisé en WEBDEV 25 peut accé-
der aux données d’un ERP SAP en Connexion est une gglConnexion
natif (via BAPI). L’accès aux données Les sites WEBDEV peuvent accéder Connexion.Email=”WebDev@gmail.com”
est directement réalisé par SAP, la en natif à Lotus Notes. L’accès aux Connexion.MotDePasse=”motdepasse”
traçabilité des accès est maintenue, la mails présents sur le serveur de mails GglConnecte(Connexion)
gestion des priorités également. de Lotus Notes (Domino), en envoi
Contacts est un tableau de gglContact
Une famille de fonctions WLangage et réception, est stan-
Contacts=GglListeContact(Connexion)
dard en mode natif.
L’accès aux contacts, TableAffiche(TABLE_Contacts)
aux rendez-vous, aux
tâches et aux docu-
ments présents sur
le serveur est facile.
Cela permet de réa-
liser des Intranet
qui s’intègrent tota-
WEBDEV 25 permet d’intégrer facile- • un code HTML ressource Web externe dans un site
lement au S.I. en
ment des composants Bootstrap, du • un code CSS WEBDEV. Il suffit d’utiliser le champ
place.
JQuery.UI, des composants Angular, • un code JavaScript. «composant Web», et d’y importer les La sécurité habi-
du React, dans une page. Il peut arriver que des fichiers de codes du composant. tuelle de Lotus
Les ressources Web externes (compo- dépendances soient également livrés Pour dialoguer avec le composant Notes est bien
sant Angular, Bootstrap...) sont géné- (images,...). externe, il suffit d’initialiser, de lire et entendu respectée,
ralement livrées sous forme de trois WEBDEV 25 propose une méthode très d’écrire des variables Javascript de la via le certificat de
parties : simple pour intégrer n’importe quelle ressource externe en WLangage. Lotus.

ACCÈS NATIF À
OUTLOOK
Les sites WEBDEV peuvent accéder
en natif à Outlook. L’accès aux mails
CODE WLANGAGE NAVIGATEUR de Outlook, en envoi et réception,
est standard.
Le code d’un site Web est différencié Il devient ainsi possible de créer beau- sollicite moins le serveur. L’accès aux contacts, aux ren-
entre le code «Serveur» et le code coup plus de traitements qui s’exécu- La POO est disponible également pour dez-vous et aux tâches est facile, en
«Navigateur». teront directement sur le navigateur. le code Navigateur. lecture et en écriture.
La tendance actuelle est de déporter le Le site est ainsi plus réactif, plus rapide, Le débogueur est actif à la fois sur le Cela permet de réaliser des Intranet
maximum de traitements possibles sur consomme moins de bande passante, code Serveur et le code Navigateur. qui s’intègrent totalement au S.I.
le navigateur: le serveur est en place.
ainsi déchargé, il y a moins permet d’établir une connexion
de données transférées, (avec authentification) et d’appeler
donc l’expérience utilisateur des BAPI en passant des para- ACCÈS NATIF À GOOGLE
mètres. APPS
est bien plus fluide. 
WEBDEV 25 suit cette ten- Un assistant permet d’importer Indépendamment des possibilités de
dance forte. automatiquement les structures connexion aux applications Google,
En version 25, WEBDEV manipulées. WEBDEV 25 propose un accès natif
étend sensiblement les pos- Il est inutile d’installer le module aux données des applications Google:
sibilités du WLangage en SAP GUI. Google Agenda, Google Maps, Google
mode «Navigateur». Toutes les fonctionnalités de WEBDEV Contacts, Picasa...
sont disponibles. Exemple d’accès natif à
Cela permet de récupérer des données
Google Agenda, pour ensuite
qui seront réaffichées dans un format
DES REQUÊTES SUR SAP personnalisé sur le site.,
être utilisé directement dans
Le générateur d’états (voir p 45) peut une page WEBDEV 25
être utilisé pour créer des requêtes
sur des données contenues dans une
base SAP.

34 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 35


SÉCURITÉ HTTPS SEO: RÉFÉRENCEMENT NATUREL DE VOS SITES
LA SÉCURITÉ Ce protocole permet également à l’in- ler la présence d’un cadenas dans RÉFÉRENCEZ VOS SITES
Vous le savez, la sécurité et la confi- ternaute d’authentifier avec certitude le la barre d’état dans son navigateur,
WEBDEV vous assiste dans le référence-
dentialité sont des sujets cruciaux sur propriétaire du site visité. témoin de la transaction sécurisée en
ment naturel de vos sites.
Internet. Pour sécuriser un site ou une partie de cours, ou l’écriture en couleur verte de
Un assistant analyse la composition des
Par défaut, lors de l’utilisation d’un site site par TLS (ou SSL), il est nécessaire l’URL, ainsi que l’identité du site qu’il
de se procurer un certificat TLS (ou consulte. pages du site, et indique les améliora-
Internet, les données circulant entre le tions à apporter pour maximiser le posi-
poste de l’internaute et le serveur Web SSL) auprès d’une autorité de certifi-
cation reconnue (par exemple Norton SÉCURITÉ: tionnement des pages dans les moteurs
ne sont pas protégées : les données sont
VeriSign, Thawte, GeoTrust, …). FACILE EN WEBDEV 25 de recherche (Google,...).
accessibles par n’importe quel internaute
Une fois ce certificat obtenu, il suffit Le mode sécurisé est bien entendu sup- L’assistant vérifie également que les
malveillant.
de l’installer sur le serveur hébergeant porté par les sites créés avec WEBDEV . liens entre les pages peuvent être détec-
La confidentialité et l’authentification
le site. Grace à la fonction WLangage tés et utilisés par les robots des moteurs.
de la source des données ne sont
Il est à noter qu’il existe diffé- SSLActive(), il est possible de com- De nombreuses autres règles sont véri-
pas assurées par défaut.
rents degrés de certification, biner une partie consultative non sécu- fiées.
CONNEXION du simple cryptage à l’au- risée avec un espace sécurisé. Vos sites seront ainsi mieux référencés
SÉCURISÉE HTTPS thentification «SSL Extended Un même site peut facilement basculer par les moteurs de recherche.
Le moyen le plus efficace Validation» qui permet l’affi- du mode non sécurisé au mode sécu-
chage d’une barre d’adresse risé SSL/TLS. RÉFÉRENCEZ CHAQUE Un mode d’URL rewriting permet moteurs de recherche. Une page peut
aujourd’hui pour protéger
les informations de l’inter- verte dans certains naviga- PAGE DYNAMIQUE de définir plusieurs adresses pour être renommée.
Les certificats «client» sont également
naute est d’utiliser une connexion teurs. («URL REWRITING») une même page en fonction de son Par exemple, l’adresse de la page peut
disponibles.
sécurisée de type TLS (Transport Layer Grâce à la technologie «AWP», contenu.  contenir le nom de l’objet (Vélo, VTT,
HTTP, HTTPS
Security, le successeur plus fiable de WEBDEV 25 permet de référencer Cette page et son contenu dynamique armoire en teck,...), ce qui permettra à
SSL) ou SSL.  L’URL utilisée ensuite pour la chaque page dynamique.  seront ainsi mieux référencés par les la page d’être mieux référencée.
Cette connexion TLS assure le cryptage connexion sécurisée au site commen-
des données qui transitent entre le cera par «https:// » au lieu du
poste de l’internaute et le serveur Web classique « http:// ».
hébergeant le site. L’internaute peut également contrô-

Vous connaissez déjà la


version 24 ?
Téléchargez le document
technique illustré (92
SÉCURITÉ DE VOS SITES: pages en couleurs) consa-
cré aux 925 Nouveautés de
PAIEMENT SÉCURISÉ ACCÈS PAR MOT DE PASSE la version 25. 

PAIEMENT SÉCURISÉ PAR LES OPÉRATEURS CONTRÔLEZ L’ACCÈS AUX GROUPWARE: UN AUTHENTIFICATION
CARTE BANCAIRE FINANCIERS SITES ET APPLICATIONS CONTRÔLE SÉCURISÉ AVEC LES IDENTIFIANTS
Il existe 2 méthodes principales pour Vous pouvez WEB: GROUPWARE TRÈS FIN FACEBOOK, GOOGLE,
recevoir le paiement par carte ban- choisir direc- La sécurité d’accès par mot de passe Le contrôle d’accès permet de filtrer TWITTER, LINKEDIN, ...
caire. tement une à un site ou à certaines de ses pages l’accès à de nombreux éléments: choix
banque comme peut être nécessaire: c’est en standard de menus, boutons, champs, groupes
Récolter directement les données ban-
opérateur, qui dans WEBDEV 25 ! de champs, pages, états, ...
caires du client (numéro de carte, date
vous proposera La fonctionnalité nommée «Groupware Les éléments interdits seront inactifs et
de validité, cryptogramme) et effectuer un service de Utilisateur» permet de définir des mots
ensuite la transaction avec la banque. à votre choix grisés ou invisibles.
paiement en de passe et leurs autorisations pour des Pour authentifier un internaute, il est
Cette méthode est de moins en moins ligne avec lequel personnes et des groupes. LE MODE SUPERVISEUR possible également d’utiliser les iden-
utilisée. s’interfacer. tifiants que l’internaute utilise pour
Le responsable de la sécurité pourra à
La méthode la plus répandue est basée Vous pouvez se connecter à Facebook, Google,
tout moment paramétrer facilement
sur un basculement vers une page de également Twitter, LinkedIn, Amazon, Dropbox,
les droits des utilisateurs.
paiement spécialisée proposée par un passer par Instagram, Yahoo... (protocole oAuth
Un éditeur convivial permet de définir
opérateur financier. un opérateur 2.0).
et gérer ces droits.
Une fois que l’internaute a validé son multibanques Notez que votre site ne connaitra pas
comme Verifone PayBox ou PayPal. Si vous le désirez, les droits des utili-
panier sur votre site, il est redirigé vers les identifiants de l’internaute.
Cette méthode permet de choisir et sateurs ou des groupes d’utilisateurs
une page de paiement gérée par un pourront également être créés ou
changer facilement le compte bancaire
tiers qui assure la transaction bancaire,
qui sera crédité. modifiés par programme. Sécurisez automatique-
et vous renvoie l’accord ou le refus de Le contrôle d’accès se définit ment vos sites, sans avoir à
La mise en place de cette solution simplement sous l’éditeur du
paiement.  est facile avec WEBDEV 25, grâce superviseur. Aucune programmation
LDAP coder !
Dans ce mode de fonctionnement, aux composants «PayBox» et «PayPal» Si vous désirez utiliser une base de
n’est nécessaire, il suffit d’activer
seul le retour de l’accord de paiement livrés en standard. l’option «Groupware». login déjà existante en LDAP, le
est à gérer. contrôle d’accès en fera usage.

36 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 37


SPA: SINGLE PAGE APPLICATION SAAS : COMMERCIALISEZ VOS APPLICATIONS
(TOUT UN SITE DANS UNE MÊME PAGE) WEB EN MODE SAAS : ADMINISTRATEUR LIVRÉ
WEBDEV 25 permet de créer des gement de la page qui contient le plan. • appel d’un Webservice (par un timer
Applications Web contenues dans une Pour rafraîchir les données d’un plan par exemple).
seule page (Single Page Application, déjà affiché (comme une quantité en • usage d’un WebSocket...
SPA). stock), il existe plusieurs méthodes: Le SaaS facile
Il suffit d’utiliser la notion de plan. • appel d’un traitement Ajax
Un plan est un
ensemble de
champs de la page.
Chaque plan peut
être visible ou non.
Le changement
de plan peut être
réalisé depuis n’im-
porte quel traite-
ment de champ:
• clic sur un bou-
ton
• code de la page
en fonction de cer-
tains critères...
Ainsi l’apparence
et le contenu de la
page évoluent au
fil de la navigation
sans aucun retour
au serveur.
En mode SPA, les
données affichées
dans un plan sont
initialisées automa-
tiquement au char-
SaaS (acronyme de Software As WLangage spécifiques (famille de fonc- • Connexion et déconnexion
A Service) est un modèle de distribu- tions SaaS). • Identifiant de société
tion de solution informatique à travers • Mot de passe société
ADMINISTRATEUR SAAS
WEBSOCKET
le Cloud. • Identifiant d’utilisateur
Les clients ne payent pas pour posséder Le logiciel administrateur peut fonc- • Mot de passe utilisateur
une licence du logiciel lui-même mais tionner avec ou sans intervention • Vérification d’adresse IP
SERVEUR PUSH pour l’utiliser.
Les données sont stockées sur les ser-
humaine. Il permet de créer des
comptes sociétés, des comptes utili-
• Nombre de connexions maximal
• Durée de connexion maximale
L’utilisation de Websockets est la seule veurs du fournisseur de l’application, et sateurs en fonction d’un paramétrage • Plage autorisée de connexion, etc...
façon de notifier le navigateur sans non plus dans la société. initial, sans intervention humaine.
qu’il en fasse la demande. L’interface est proposée en mode Web. GESTION
WEBDEV 25 propose dans ce but une SAAS FACILE : PERSONNALISÉE DE
famille de fonctions WLangage naviga- OUTILS ET API LIVRÉS API D’ADMINISTRATION VOTRE TARIFICATION
teur: les fonctions Socket. WEBDEV fournit les outils nécessaires SAAS La gestion de la tarification est assurée
Ce jeu de fonctions permet de gérer à la mise en ligne facile de solutions Parmi les fonctions WLangage dispo- facilement par un simple paramétrage.
la transmission d’informations via une SaaS. nibles pour gérer les comptes vous
Websocket. L’administrateur SaaS permet de trouverez:
La fonction SocketConnecte permet décrire les autorisations d’utilisation. • création et suppression de comptes
de se connecter au serveur de sockets La gestion des comptes clients per- • modification de comptes: ajout d’uti-
et d’ouvrir le canal de communication. met de définir les règles d’utilisa- lisateurs, de plages d’utilisation, de
La fonction SocketEcoute permet de tion du site: authentification, nombre nombre d’utilisateurs,...
se mettre à l’écoute de manière asyn- de connexions autorisées, plage de • initialisation d’une base de données
chrone de la socket ouverte, et d’indi- connexions,... par clonage d’une base de référence
quer quel code WLangage sera appelé Cette gestion s’effectue directement • définition de la connexion à la base
lors de la réception d’un message. depuis l’interface de l’administrateur, de données...
La fonction SocketEcrit permet elle ou par programmation via des fonc-
d’envoyer une notification au serveur, tions WLangage. API AUTHENTIFICATION
par exemple d’effectuer un calcul. A l’utilisation, le site vérifie l’autori- SAAS Avec WEBDEV 25,
L’usage de Websockets permet d’en- sation de connexion et les droits de Parmi les éléments à gérer dans un site le SaaS c’est facile.
voyer (de «pusher») des données à l’utilisateur via un jeu de fonctions proposé en SaaS, vous trouverez:
un site.

38 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 39


MODÉLISER UNE BASE DE DONNÉES : TOUTES LES BASES DE DONNÉES: MYSQL,
FACILE ORACLE, AS/400, SQL SERVER, MONGO DB...
Lorsque l’on crée un site dynamique ou une WEBDEV 25 pose alors les questions en langage naturel pour Un site dynamique ou une
application Web, il est nécessaire d’utiliser déterminer automatiquement le type de liaison entre les 2 application Web utilise des • HFSQL* • IBM  AS/400** • Excel*
des tables de données. Si celles-ci n’existent tables. données. WEBDEV 25 accède • MySQL* • Sybase** • Hadoop*
pas il faut les définir. à toutes les bases de don- • Oracle** • Netware SQL • Mongo DB*
C’est facile avec WEBDEV 25. nées du marché. • Informix** • Ingres • Memcached*
WEBDEV est ouvert, il per-
La méthode visuelle de WEBDEV décrit l’organisation des • SQLServer** • Progress** • Redis*
met d’utiliser votre existant.
données de manière graphique. WEBDEV fonctionne avec • PostgreSQL* • XML* • Etc...
toutes les méthodes d’analyse. • Access
TOUTES LES BASES DE • MariaDB* *: connecteur natif standard
**: connecteur natif en option
DONNÉES SONT • SQLite* • xBase*
DÉFINIR UNE NOUVELLE STRUCTURE SUPPORTÉES (LISTE NON • IBM DB2** • ASCII*
Détaillons un exemple simple mais représentatif de définition EXHAUSTIVE)
d’une nouvelle structure: la définition de tables de «Produit» WEBDEV peut lire et écrire dans toutes
et de «Commande». Les questions sont d’une simplicité enfantine. Par exemple ici: les bases de données. BIG DATA LA PROGRAMMATION
Chaque «produit» a au moins une «commande»: oui ou non? Parmi ces bases, on trouve les sui- WEBDEV peut accéder aux données EST IDENTIQUE QUELLE
Créons la table «PRODUIT»: il suffit de spécifier son nom, Chaque «produit» peut avoir plusieurs «commandes»: oui ou non? vantes (voir tableau ci-contre svp). stockées en Big Data, comme Hadoop QUE SOIT LA BASE DE
IMPORTER DES et quelques renseignements généraux. Etc... et Mongo DB. DONNÉES
DONNÉES Créons la structure de la table: chaque colonne est définie, En fonction des réponses à ces questions, WEBDEV déter- HFSQL, UNE PUISSANTE Quelle que soit la base de données,
EXISTANTES ou récupérée du dictionnaire des données. mine les cardinalités correctes, et déduit la nécessité éven- BASE DE DONNÉES SQL TOUTES LES BASES DE vous pourrez utiliser indifféremment
Si vous possédez déjà tuelle d’une table de relation. EN STANDARD DONNÉES VIA ODBC OU la programmation par SQL ou par
une analyse ou des WEBDEV demande ensuite les règles à appliquer en cas de WEBDEV est livré avec HFSQL, une OLE DB les ordres du L5G de WEBDEV, le
données, un simple suppression ou de modification (intégrité référentielle). puissante base de données SQL Client/ WEBDEV 25 accède à toute base de WLangage (hLitSuivant,...).
«drag & drop» de la Interdire la suppression d’un Produit qui a une Commande: oui ou non? données possédant un driver ODBC
Serveur, déjà utilisée sur des millions Cela offre encore fois une grande
structure dans Etc... ou OLE DB.
de sites. ouverture, et la possibilité de changer
l’éditeur d’analyses
Voilà, les tables sont reliées, le travail est terminé. HFSQL est déployable librement avec de base de données très facilement.
suffit ! SCRIPT SQL = ANALYSE
L’éditeur de requêtes saura trouver les jointures automa- vos sites WEBDEV.
tiquement, et chaque éditeur de l’environnement saura HFSQL est décrit en détail page 42. WEBDEV VOUS UTILISEZ
RGPD WINDEV...
manipuler automatiquement les données... Une analyse définie sous WEBDEV
Les données concer- CONNECTEUR NATIF peut être convertie en script SQL pour Si vous utilisez WINDEV, notez que
nées par la régle- créer de nouvelles bases SQL, et tout
WEBDEV peut accéder en mode vous pouvez partager le projet et
mentation RGPD script SQL peut être converti automa-
sont identifiables natif à MySQL, Oracle, SQL Server, ses éléments (code, classes, fenêtres,
PostgreSQL, SQLite, AS/400, DB2, tiquement en analyse WEBDEV pour requêtes, états, ...) entre les 2 environ-
dans l’analyse.
Informix, Sybase directement (modules exploiter un existant. nements, et exporter vos applications
Le dossier inclut une
disponibles séparément). Cela offre une ouverture totale. vers WEBDEV.
partie RGPD.
On crée ensuite de la même manière la table «COM– L’installation de ces connecteurs natifs La récupération des structures exis-
MANDE». est simple (un simple fichier). tantes s’effectue par un simple
Les champs de type BLOB ou Long Raw «drag&drop» vers l’éditeur d’analyses. WEBDEV 25 permet de
Les CLIENTS passent des commandes.
Il faut donc relier ces 2 tables dans l’ana- sont supportés.
créer un nouveau site et ses
LES PROCÉDURES STOCKÉES données, ou de créer des
lyse. Après avoir cliqué sur l’outil «liaison» du Les performances d’accès sont remar-
ruban, il suffit de tracer un lien avec la souris
Une table de liaison a été automatiquement créée. quables. Si la Base de Données tierce supporte sites reliés à des données
entre ces 2 tables. Il ne reste plus qu’à (éventuellement) imprimer le dossier,
les procédures stockées, celles-ci sont existantes, quelle que soit la
et générer les pages et le code avec le RAD, ou débuter un SUPPORT NATIF DES accessibles par des applications écrites Base de Données.
développement... C’est aussi simple que cela. BASES «AS/400» ET avec WEBDEV.
«ISERIES»
WEBDEV accède
à l’AS/400 direc-
tement (module
disponible sépa- •••
rément), sans dri-
ver ODBC, sans
OLE DB et sans
ActiveX.
WEBDEV récu-
père et exporte
Une description
des DDS, lance de structures de
des com- données sous
mandes CL, gére une
Dataqueue,... WEBDEV
L’intégration à l’environnement est
LE DOSSIER TECHNIQUE d’analyse et de programmation complet jour. Un dossier peut contenir plusieurs totale, et la vitesse est époustouflante.
(ET RGPD) D’UN CLIC du site. Le dossier est réalisé par rétro milliers de pages, être édité en PDF, en Demandez ou téléchargez la brochure
WEBDEV 25 permet d’éditer le dossier analyse de l’existant, donc toujours à HTML, sous un traitement de texte... AS 400 !

40 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 41


HFSQL : BASE DE DONNÉES SQL LIBRE
CLIENT/SERVEUR WINDOWS ET LINUX

WEBDEV 25 GÈRE SQL ET WLANGAGE


TOUTES LES BASES L’accès aux données s’effectue via
WEBDEV fonctionne avec toutes les SQL ou par les puissantes fonctions du
Bases de Données du marché (voir WLangage.
page 41). iOS
Dans un même programme, com-
mandes SQL et commandes WLangage
UNE BASE DE DONNÉES peuvent être mixées.
ÉPROUVÉE LIVRÉE EN
STANDARD : HFSQL SÉCURITÉ : «SQL
INJECTION» IMPOSSIBLE
HFSQL est livré en standard avec
WEBDEV 25. Il est possible de créer des requêtes
Il s’agit d’une base de données fiable paramétrées, ce qui interdit les
et robuste, utilisée sur des millions de attaques de type «sql injection» au
sites à travers le monde. serveur.

329 MILLIONS DE RECHERCHE «FULL TEXT»  


MILLIARDS DE LIGNES La recherche «full text» permet la
(ENREGISTREMENTS)... recherche de chaînes de caractères très
HFSQL permet de manipuler simple- rapide dans les données.
ment et en toute sécurité des volumes C’est utile pour vos moteurs de La sauvegarde peut être déclenchée par le RGPD sont identifiées, ce qui
de données importants (jusqu’à 329 recherche. par programmation ou par action facilite le respect du règlement.
millions de milliards de lignes). L’index gère les textes enrichis (RTF, manuelle.
Vous envisagez sereinement la crois- HTML), pour ignorer les balises de ces Il est également possible d’effectuer DONNÉES MÉDICALES
formats lors de l’indexation. des sauvegardes différentielles. HFSQL permet de répondre aux
sance naturelle des volumes de don-
nées. Les résultats sont proposés selon un contraintes du label HDS applicable
ordre de pertinence («ranking»). INSTALLATION ET CONFI-
en France.
PARTAGE DES DONNÉES GURATION FACILES
FACILE AVEC LE «BACK TABLES INALTÉRABLES    HFSQL est immédiat à installer, sans DÉPLOIEMENT HFSQL :
être partagées en temps réel avec informations concernant les tables et aucune manipulation. L’administration
OFFICE» les applications «back office», par les colonnes.
HFSQL propose un type de table «inal- GRATUIT
térable»: ce qui est écrit ne peut plus des bases de données est automatique.
Les données du site peuvent facilement exemple pour traiter les commandes L’intégration entre UI et base de don- L’utilisation de HFSQL peut générer des
être modifié. La gestion des modifications de struc-
reçues, émettre les BL et les factures, nées permet une programmation plus économies de plusieurs centaines de
Ce type de table (de fichier) est utile ture (une rubrique passe de 40 à 60
les ordres de préparation... sûre, plus facile et plus rapide. milliers d’Euros en déploiement.
pour le respect de certaines normes. caractères de long par exemple) est
WINDEV est le complément idéal à automatiquement gérée (technologie Un avantage à ne pas négliger.
WEBDEV pour réaliser un Back Office CONFIDENTIALITÉ:
CRYPTAGE 128 BITS, AES SAUVEGARDE À CHAUD SDD).
performant.
Il est possible de déclencher une sau-
HFSQL Client/Serveur est le
RÉPLICATION
Sur Internet, les données seront pré-
vegarde alors que la base de données RGPD meilleur allié de vos sites !
sentes sur un serveur: il faut les pro-
est utilisée. Les données personnelles concernées
SITE / BACK OFFICE téger des tentatives d’accès illégales;
La réplication peut être utile entre le c’est facile avec HFSQL.
site et le back office. Le cryptage (chiffrement) des données FONCTIONNALITÉS
HFSQL gère la réplication de bases de et des index est standard. Cryptages 128 bits
données et la réplication de serveurs, Intégrité référentielle
FONCTIONNALITÉS
LE «CENTRE DE CONTRÔLE» HFSQL mono et bi-directionnelle, périodique Journalisation
AVANCÉES
ou continue. Réplication
Ce Centre de Contrôle précises d’utilisation du La réplication peut être automatique, HFSQL propose les fonctionnalités
avancées: cluster, intégrité, journal, Transactions
permet d’administrer tous serveur: postes, requê- ou totalement personnalisée.
transactions, triggers, gestion automa- Triggers Découvrez HFSQL dans
les serveurs et toutes les tes, journaux, logs, para-
bases de données instal- mètres... HFSQL : UNE VITESSE tique des accès concurrents, Unicode, Unicode cette documentation de
maintenance à chaud sans décon- 24 pages disponible sur
lés sur le réseau de votre • déconnexion d’utilisateur TRÈS ÉLEVÉE Import Export
www.pcsoft.fr
entreprise ou à distance • la gestion des tran- nexion des utilisateurs, HFSQL Spare... Cluster
La vitesse d’accès aux données est
via Internet.  sactions: visualisation, impressionnante.  Tables inaltérables
Ce centre permet égale- annulation, ... OUVERTURE AUX AUTRES
Cela donne de meilleurs temps de LOGICIELS Compression/Décompression
ment: • la gestion des sauve- des mémos (blobs) à la volée
réponse à votre site, que ce soit en Les connecteurs natifs, les drivers
• la visualisation et édition gardes (à chaud)
• la visualisation des blo-
Internet ou en Intranet. ODBC et OLE DB fournis avec HFSQL TECHNOLOGIES
des données CLUSTER bilité, tolérance aux pannes).
• l’exécution directe de cages d’enregistrement permettent de lire et écrire depuis des La charge d’accès lecture est répartie sur Maintenance automatique (SDD)
UNE INTÉGRATION (FERME DE SERVEURS)
requêtes • les tâches planifiées programmes ou des applications tiers. l’ensemble des serveurs (répartition de la Gestion des accès concurrents
TOTALE Grâce à la fonctionnalité de cluster, un
• la gestion des comptes • la réplication de serveurs charge en lecture). Reconnexion automatique
• l’affichage du nombre de L’intégration de HFSQL à l’environne- ensemble de serveurs physiques apparaît
utilisateur (groupes), Lorsqu’un utilisateur est connecté à un Zéro administration
lignes traitées ment de développement est totale.
des droits, liste des comme un serveur unique aux clients. serveur qui défaille, l’application ne sera Reprise après incident
• la gestion des clusters Dans tous les éditeurs, vous dispo-
connexions en cours La défaillance éventuelle d’un serveur phy- pas déconnectée, et sera automatiquement automatique
• ... sez d’un accès immédiat à toutes les
• l’édition des statistiques sique ne provoque pas de défaillance des Déploiement automatique
reconnectée à un serveur valide (bascule-

42 • WEBDEV 25 Développez 10 fois plus vite


accès à la base de données (haute disponi- ment automatique).
www.pcsoft.fr • 43
ÉDITEUR DE RAPPORTS : GÉNÉREZ
ÉDITEUR DE REQUÊTES VISUEL DES PDF À LA DEMANDE (FACTURES...)

Pour aider à créer les requêtes sur les bases Une fois validée, la requête apparaîtra sous une forme de L’éditeur d’états de WEBDEV
de données, WEBDEV propose un éditeur de graphe dans l’environnement, ce qui affine encore sa com- résout la problématique du
requêtes visuel. préhension pour des évolutions futures. reporting sur Internet.
Et il simplifie la création des
impressions.
INUTILE DE CONNAÎTRE SQL POUR Générer une facture PDF
CRÉER DE PUISSANTES REQUÊTES suite à une commande est
Grâce à l’éditeur visuel, il suffit de choisir les colonnes à inté- enfantin !
grer, de saisir les conditions de sélection à l’aide de l’assistant,
et la requête est générée. PDF EN STANDARD
Le code SQL généré par l’éditeur de requêtes est bien Les états peuvent être créés au format
entendu modifiable. PDF en standard, sans module complé-
Les requêtes s’exécutent sur HFSQL (Classic, Mobile et Client/ mentaire à acquérir ou à installer.
Serveur), ainsi que sur toutes les autres bases de données.
Il est possible de mixer du code WLangage (ordres hLit*)
Un état en
avec des requêtes. cours de
création
DES REQUÊTES VISUELLES sous l’envi-
La requête est également générée en langage naturel, ce qui ronnement
permet de vérifier que l’on n’a pas fait d’erreur !
3 La requête définie, celle-ci est visualisée. Pour Internet, l’état sera envoyé à CODES-BARRES
l’internaute sous une forme spécifique: AUTOMATIQUES
EXÉCUTION OPTIMISÉE PDF, HTML, DOCX, ...
Avec HFSQL, le choix des index les plus discriminants sera
effectué automatiquement, en tenant compte du poids réel TOUTES LES SOURCES DE
de chaque index dans la table. DONNÉES
SI des clés sont nécessaires à de meilleures performances, le Les données utilisées pour un état
serveur HFSQL le signale. peuvent provenir de n’importe quelle
source: HFSQL, Oracle, Access...,
requête, fichier texte, variable de
Un état PDF généré avec
WEBDEV 25 programme, zone mémoire, table de
page,...
PDF/A ET SIGNATURE
GESTION DES «FONDS
Il est possible de créer des PDF/A
DE PAGE» PDF
L’éditeur de requêtes (archive standard ISO), et des WEBDEV 25 génère automatiquement
PDF signés (RGS). L’éditeur d’états gère les fonds de les codes-barres (horizontalement ou
page et les formulaires destinés à être verticalement). 
CRÉER UN ÉTAT: FACILE imprimés, par exemple les formulaires Les formats supportés sont: QR Code,
Les suggestions vous sont même envoyées
fiscaux. UPCA, UPCE, EAN13, EAN8, CODE128,
directement par email !
CODE39, CODE93, CODE11, inter-
DES REQUÊTES SUR REQUÊTES... IMAGES: AUTOMATIQUE valed 2 of 5, CODABAR, CB_MSI,
Datamatrix, PDF417, ...
Le résultat d’une requête peut être une table de visualisation, Inclure des images (JPEG, PNG , BMP,
un état imprimé, voire même une table de type HFSQL.  TIFF, PCX, GIF,...) dans des états est MAILEZ DES ÉTATS
Une requête peut être utilisée comme source d’une autre d’une simplicité totale.  Avec WEBDEV il est facile de créer
requête. L’image peut être isolée (logo,...), ou un état dynamiquement (par exemple
DES REQUÊTES SUR TOUTES LES BASES provenir du traitement ou d’un fichier une facture des produits suite à une
1 Le code SQL généré automatiquement La source des données peut être une base HFSQL ou une de données (photo du produit,...). commande) et de le mailer immédia-
Il est également facile d’imprimer des tement, au format PDF par exemple.
base tierce: Oracle, SQL Server, DB2, AS/400, MySQL,
Access,... dessins créés par programme. DIFFUSION LIBRE DES
L’éditeur de requêtes simplifie la ÉTATS
Le choix du type d’état à créer DU CODE SOURCE DANS
programmation des accès à vos données. L’ÉTAT
Il n’y a pas de redevances ou de royal-
Un assistant est présent pour générer ties à verser pour diffuser les états avec
2 La requête se construit sous vos yeux en langage naturel des états de haute qualité; il pose WEBDEV permet d’inclure tout code vos sites WEBDEV.
source exécutable WLangage à tout
les questions permettant de n’oublier Avec WEBDEV 25, les états
aucun élément ! endroit d’un état: vous pourrez ainsi
sophistiqués c’est vraiment
En Intranet, les états s’impriment sur réaliser les traitements les plus par-
une imprimante accessible depuis le
facile !
ticuliers, sans jamais rencontrer de
serveur. blocages.

44 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 45


TRAVAIL EN ÉQUIPE PILOTEZ VOS PROJETS
OUTIL DE VERSIONNING (GDS /SCM) TABLEAU DE BORD & CENTRES DE CONTRÔLE

TABLEAU DE
BORD DE PROJET
Le Tableau de Bord permet
une vision globale du pro-
jet, de son état d’avance-
ment et de sa qualité.
Des voyants alertent lorsque
certains seuils (paramé-
trables) sont franchis:
nombre de bogues, retard
de planning... et indiquent
les optimisations à effec-
tuer.

ALM : CENTRE
DE CONTRÔLE
DE SUIVI DES
PLANNINGS
(pages, codes, requêtes,...), est GITHUB Le Centre de Contrôle de
mémorisé dans la base. Une purge WEBDEV 25 permet également d’utili-
totale ou partielle est possible. Suivi de Projets permet le
ser Git, au format texte pour le code, suivi des plannings, des
• Le projet est également présent sur et au format hybride pour les éléments
chaque machine de développement; tâches affectées et réali-
du projet. sées par chaque membre
il est donc possible de développer
de l’équipe, et effectue le Le Tableau de Bord permet d’avoir une vision globale de l’état du projet.
avec la machine déconnectée.
Le GDS gère • La gestion des branches est assurée. suivi de la gestion des «exi-
automatique- LA BASE DES SOURCES • Le «Diff» (différences) gences» et de la qualité.
ment les «dépen- Avec le GDS (Gestionnaire De Sources entre 2 éléments est Un planning Gantt est généré.
dances»: les - appelé SCM en anglais), les élé- disponible: source, MÉTHODES AGILES LA MESURE DU TEMPS
fichiers utilisés ments du projet sont regroupés dans page,... GESTION DES EXIGENCES PASSÉ («TIME TRACKING»)
Les méthodes de développement
(images,...).  une base de données partagée. Avant ET DES TÂCHES (ITEMS Un outil de gestion du temps est inté-
Le GDS les d’être utilisé, un élément est extrait,
TRAVAIL DE BACKLOG) Agiles sont basées sur un développe-
À DISTANCE gré à l’environnement.
détecte dans le après avoir été modifié, il est ré-in- Le Centre de Suivi de Projets permet ment itératif: au lieu de livrer en une
Basé sur un mode de dialogue intuitif,
projet, et les sau- tégré. Chaque membre de l’équipe Le GDS permet un fonc- de définir et suivre l’avancement des fois un logiciel censé répondre à un cet outil demande régulièrement de
vegarde avec le utilise donc des éléments à jour. tionnement à distance. Il «exigences» de chaque version du cahier des charges monolithique, le valider en temps réel
reste du projet. Le GDS de WEBDEV stocke tous les est ainsi possible de tra-
projet. Une exigence correspond à une développement est effectué par livrai-
éléments du projet: procédures, col- vailler sur un projet depuis GESTION DE LA QUALITÉ
fonctionnalité à développer dans le sons successives, rapprochées dans le
lections, classes, pages, états, compo- les bureaux d’un client,
logiciel. La gestion de la qualité permet le suivi
sants, requêtes, analyses, dépendances sans crainte temps.
A chaque exigence peuvent être liées des bogues.
(images,...), ... de perdre les WEBDEV  25 est pensé pour les
des tâches (tâche de développement,
modifications
TOTALEMENT INTÉGRÉ effectuées. de test, de documentation,...), des méthodes agiles: Scrum, eXtreme La gouvernance de projets
Totalement intégré aux différents édi-
bogues, des règles métier... Programming, RUP, CMMI,... devient facile.
DÉVELOP-
teurs, le gestionnaire de sources (GDS) PEUR
permet le développement en équipe, la ISOLÉ
conservation de l’historique des modi- Même en déve-
fications et des versions, la gestion
loppant seul, le
simultanée de plusieurs versions d’un
gestionnaire de
même site (branches), et l’automati-
sources a de l’in-
sation de la sauvegarde des sources.
térêt: il conserve
Dimensionné pour des équipes de 1 à
l’historique des
1.000 développeurs, le GDS favorise et
modifications de
normalise sans contrainte les échanges
tous vos éléments, et agit donc comme
entre développeurs.
une fonctionnalité de sauvegarde
DE PUISSANTES automatique des versions.
FONCTIONNALITÉS La gestion des branches vous
permet de gérer facilement plu-
• Le GDS est totalement intégré à
sieurs versions d’un même site.
Développez
l’environnement. au bureau,
• La base gère plusieurs projets; si GDS DRIVE : CLOUD en déplace-
plusieurs projets utilisent un même
Le GDS peut être hébergé dans ment,
élément, celui-ci peut être partagé. Gérez le planning de l’équipe de développement En tenant compte des paramètres réels,
• Un historique de tous les éléments
le cloud grâce à GDSDrive. et même
en temps réel la date de fin est ici estimée au 15 Mai
à la plage !
46 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 47
IMPORT
D’EXISTANT GÉNÉREZ DU CODE PHP
HTML

HTML PHP SANS CONNAÎTRE


PHP !
Toute la puissance de WEBDEV (éditeur
sécurité à vos sites: masques de saisie
ne permettent pas la saisie de données
hors format attendu.
L’accès à l’AS/400 est effectué en natif
(module à acquérir séparément).

WYSIWYG, éditeur d’analyses, UML, WAMP & LAMP


éditeur de requêtes, champs évolués, WEB 2.0: AJAX EN PHP Acronymes souvent utilisés, les tech-
WLangage, …) est disponible pour Les sites WEBDEV PHP utilisent Ajax. nologies basées sur 4 composants,
créer des sites en PHP. WAMP (Windows, Apache, MySQL,
Si vous le désirez, les pages et le code TYPES ÉVOLUÉS
PHP) et LAMP (Linux, Apache, MySQL,
(en WLangage) sont transformés auto- En plus des types classiques de PHP,
PHP) sont supportées en standard par
matiquement en code PHP. WEBDEV 25 permet de programmer à
Sans connaître PHP, vous créez facile- WEBDEV 25.
L’import permet l’aide de types évolués. 
ment des sites dynamiques PHP ! La programmation est ainsi plus facile,
également de APPEL DE SCRIPTS PHP
et plus sûre.
créer facilement RAD PHP Les types évolués sont: date, heure, Il est possible d’appeler un script
une «charte La méthode RAD WEB est également durée, source de données, tableau externe .php depuis une page PHP
graphique» La page statique initiale... La même page importée dans l’éditeur de WEBDEV disponible pour générer des sites PHP associatif, structures, numérique... ou WEBDEV classique, grâce à la com-
en quelques clics. L’ouverture à tous
compatible avec Les syntaxes et les opérateurs puissants mande PHPExécute. Il est possible
IMPORTER UN EXISTANT HTML IMPORTER UN EXISTANT DREAMWEAVER Générez automatiquement vos sites à les standards
un site statique sont également disponibles: POUR d’utiliser soit une méthode POST, soit
partir de l’analyse des données.
existant, pour WEBDEV propose une fonctionnalité intéressante: l’aspiration Il est possible d’importer des pages, des templates et des TOUT, manipulation des chaînes, une méthode GET, le résultat est ren-
de pages HTML existantes. librairies Dreamweaver. Lors de l’import d’une page réalisée SAISIE DIRECTE DE CODE concaténation optionnelle, opérateur voyé dans une chaîne.
conserver
La page est importée dans WEBDEV, et chaque libellé, image, avec Dreamweaver, si un template Dreamweaver est détecté, PHP «commence par»,...
l’harmonie. lien... est transformé automatiquement en objet WEBDEV. il est automatiquement transformé en «modèle de pages»
Sous l’éditeur de code de WEBDEV, CONFIGURATION ET
Les feuilles de La présentation générale de la page est conservée. WEBDEV. Si ce template est détecté dans une autre page PARTAGE DU CODE PARAMÉTRAGE AUTOMA-
Vous pourrez ainsi récupérer facilement un existant. importée, il sera automatiquement substitué par le «modèle il est possible d’écrire (ou coller) du
styles CSS sont Le codage en WLangage permet de
de pages» précédemment créé. code PHP. TIQUE DE WEBDEV
importées. partager du code unique entre des
Lors de l’installation, les serveurs Web
pages et des sites PHP, WEBDEV clas-
«Apache» sont détectés et automati-
sique, et même avec des applications
WINDEV ! quement paramétrés, comme les ser-
Cela permet un gain de temps appré- veurs Apache isolés.
ciable, et une fiabilité accrue par la
ACCÈS AUX HÉBERGEURS
WÉBISATION D’APPLICATIONS WINDEV réutilisabilité.
GRATUITS
GESTION AUTOMATIQUE La génération d’un site en PHP permet
Le partage DES SESSIONS PHP (parmi d’autres solutions) l’accès aux
d’applications La gestion des sessions (contextes) PHP hébergeurs «gratuits» de sites dyna-
et de fenêtres est automatique. Il suffit de déclarer les miques. Cette possibilité peut être
variables qui doivent être retrouvées utile aux sites d’associations et de
entre WINDEV
dans une prochaine exécution de la petites structures qui ne désirent pas
permet de gagner
page. un hébergement dédié.
énormément de Il n’y a aucun traitement de sérialisa-
temps lors de la tion à coder.
transformation
Ici, dans le traitement de couleur Avec WEBDEV 25,
rouge, du code PHP. COMPATIBILITÉ PHP 7 & 5 PHP c’est facile !
d’une application
Windows vers
Application Site Vous n’êtes jamais bloqué. WEBDEV 25 génère du code PHP com-
une application WINDEV WEBDEV Dans une même page, il est possible
de mixer du code PHP et du code
patible à la fois avec PHP 7 et PHP 5 et
également avec la vieille version PHP 4.
Internet. WLangage.
ACCÈS A HFSQL
DES CHAMPS ÉVOLUÉS
EN STANDARD L’accès à HFSQL (Classic, Réseau et
Client/Serveur) est assuré via les ordres
En plus des champs classiques (champ
SQL.
de saisie, libellé,...) la plupart des
champs sophistiqués de WEBDEV
ACCÈS A MYSQL,
25 sont disponibles en PHP: galerie,
agenda, planning, graphes, table avec POSTGRESQL, ORACLE
RÉCUPÉRER ET PARTAGER UN EXISTANT des projets WINDEV et WEBDEV (et même WINDEV Mobile). ascenseurs automatiques, zone répé- L’accès aux bases de données MySQL,
WINDEV Un puissant assistant vous indique les modifications de code tée, calendrier, onglet, champ de saisie PostgreSQL et Oracle est assuré.
riche, réglette automatique… Notez que toutes les bases qui pro-
Les fenêtres réalisées avec WINDEV sont directement transfor- à apporter. Par exemple si l’application écrit sur le disque du
Cela permet de simplifier les phases posent un pilote ODBC sont acces-
mées en pages. Les champs et le code sont récupérés. Vous PC, l’assistant rappelle que cela est Interdit par les Navigateurs. de codage. Cela apporte une grande sibles.
partagez les classes, les procédures, les états, les requêtes entre Le passage de Desktop à Web n’a jamais été aussi facile!

48 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 49


WEBDEV 25 per-
met d’héberger
les sites et appli-
cations chez un
hébergeur, dans HÉBERGEMENT FACILE HÉBERGEMENT INTERNE (ON-PREMISE)
le cloud, ou en
interne. DANS LE CLOUD
WEBDEV 25 permet d’héber- les distributions stables suivantes ont été
CLOUD Vous avez la possibilité de répliquer vos AVANTAGES ger les sites et applications testées: Debian 8.11, OpenSuse Leap
données depuis un serveur propriétaire. CLOUD réalisés avec WEBDEV direc- 15.0, Ubuntu 16.04... Déployez et
Le Cloud pour
tement dans votre société. Le fonctionnement avec les distributions administrez
applications PC SOFT Le Cloud permet de s’affranchir
PLATEFORME CLOUD supérieures est assuré si ces distribu- facilement vos
(www.pcscloud.net) met des contraintes matérielles, et per-
à votre disposition des plate- Une plateforme PCSCloud est un serveur LE SERVEUR D’APPLICATION tions sont compatibles. N’hésitez pas à sites.
met de gérer facilement les besoins
formes d’exploitation préconfigu- virtuel. d’évolutions des ressources.
WEBDEV interroger PC SOFT pour connaître les
Ce serveur vous est totalement dédié, vous Le Serveur d’Application WEBDEV per- dernières évolutions.
rées et optimisées pour vos applications En cas de besoin ponctuel, vous pouvez
WEBDEV, WINDEV, ou WINDEV Mobile. êtes le seul à pouvoir déployer des sites sur créer des configurations supplémentaires met de faire fonctionner les sites dyna-
ce serveur. CONFIGURATION AUTO-
Ces plateformes d’exploitation vous rapidement. miques.
Vous pouvez régler à tout moment et très Il est installé sur la machine d’héber-
MATIQUE SOUS APACHE
donnent la possibilité d’héberger vos sites Il est facile de déployer un site dans le cloud (WAMP LAMP)
WEBDEV et vos Webservices. finement la puissance nécessaire à votre PCSCloud.net: il suffit d’un clic depuis l’en- gement.
Elles vous permettent également de plateforme (CPU, RAM, disque,...) et ainsi vironnement de WEBDEV ! Le Serveur d’Application WEBDEV fonc-
rendre accessibles vos bases de données réduire le coût au strict nécessaire. tionne sous Windows et sous Linux.
HFSQL partout dans le monde, depuis Vous êtes déchargé de l’administration L’installation du Serveur d’Application
des points fixes ou des terminaux système des serveurs, vous pouvez vous WEBDEV reconnaît automatiquement
concentrer sur votre coeur de métier. le serveur Web installé: IIS, Apache.... Si vous utilisez un serveur Web Apache, INSTALLATION
mobiles.  SILENCIEUSE
La configuration des serveurs Web IIS lors de l’installation du serveur d’appli-
ou Apache est réalisée automatique- cation WEBDEV 25, les serveurs Web Utile aux hébergeurs, ainsi qu’aux socié-
ment lors de l’installation du serveur «Apache» (utilisés en particulier par tés qui gèrent elles-mêmes l’héberge-
d’application. EasyPHP) sont détectés et automatique- ment de leurs sites, la configuration
ment paramétrés. automatique de serveur d’hébergement
VERSIONS DE WINDOWS est possible de manière «silencieuse»,
SUPPORTÉES DOCKER DU SERVEUR c’est-à-dire sans intervention manuelle. 
Toutes les versions de Windows «ser-
D’APPLICATION L’installation est totalement paramé-
veur» sont supportées: Windows 2016, trée, et il devient possible de monter des
2012, 2008,… 32 et 64 bits. serveurs en «batch», de créer des ins-
tances de serveur d’application WEBDEV
HÉBERGEMENT CHEZ UN HÉBERGEUR
Les versions «non serveur» de Windows
(Windows 10, 8, 7, …) sont également de manière automatique.
supportées.
DÉMÉNAGER AUTOMATI-
DISTRIBUTIONS LINUX Un conteneur Docker contenant le ser- QUEMENT UN SITE D’UN
SÉLECTIONNER SERVEUR DÉDIÉ HÉBERGEMENT SUPPORTÉES SERVEUR À UN AUTRE
veur d’Application WEBDEV est présent
UN HÉBERGEUR L’hébergement dédié est réalisé sur Il est très facile de déplacer un site en
Il existe 4 types d’hébergement: Les distributions Linux évoluent souvent. dans Docker Hub.
WEBDEV une machine que vous «louez» chez exploitation d’une machine à une autre.
• Serveur interne (on-premise) La version 25 de WEBDEV supporte à la L’installation d’un serveur d’Application
Le site PC SOFT propose un hébergeur. • Serveur dédié fois certaines distributions d’ancienne WEBDEV Linux devient simplissime : 1 Le déménagement prend en charge
une liste d’hébergeurs Vous avez la charge de l’administration • Serveur mutualisé technologie, et celles de nouvelle tech- ligne à taper ou à scripter ! tous les éléments nécessaires des sites
dans plusieurs pays maî- du système de cette machine et vous • Plateforme Cloud nologie. Et créez facilement des conteneurs ainsi que leur configuration d’exploita-
trisant l’hébergement êtes le seul à en faire usage, elle est A la date d’impression de ce document, Docker de vos sites WEBDEV. tion: tout est automatique.
de sites dynamiques réservée à votre société.
WEBDEV. Vous êtes seul à pouvoir installer des
Vous pouvez égale- sites sur cette machine. Vous pourrez
ment contacter votre administrer vos sites à distance à l’aide
hébergeur habituel. des outils fournis par WEBDEV. RECORD
HÉBERGEZ SERVEUR MUTUALISÉ HÉBERGEMENT HÉBERGEMENT ACTUEL DE
CONNEXIONS:
(GRATUI-
TEMENT) ET
L’hébergement mutualisé consiste à
héberger votre site sur une machine DE SITES PHP 31.200
TESTEZ VOS
SITES EN RÉEL
partagée avec d’autres sociétés, qui
pourront y déployer leurs propres sites. STATIQUES Un site PHP ne nécessite pas de Serveur
d’Application WEBDEV pour fonction-
CONNEXIONS
EN 1 CLIC Les ressources de la machine sont donc
ner.
SIMULTANÉES
PC SOFT vous propose mutualisées. Un site statique ne nécessite pas de
d’héberger vos sites en Avec une machine mutualisée, vous Serveur d’Application WEBDEV pour
L’hébergement PHP peut être effec- POUR UN SITE
test. n’êtes pas administrateur du système, fonctionner, seul un serveur Web et
tué chez un hébergeur «grand public»
(Free,...).
DYNAMIQUE
vous pouvez uniquement déployer vos
L’installation s’effectue
facilement, en 1 clic sites. Les performances dépendent
un serveur FTP sont nécessaires. Il peut également être effectué en WEBDEV.
Un site statique peut facilement être interne.
depuis l’environne- également de l’activité des autres sites,
hébergé chez un hébergeur «grand La machine serveur doit alors être équi-
ment. mais le coût d’hébergement est moins
élevé que pour un serveur dédié. public» (Free, ...). pée d’un moteur PHP et d’un serveur Base de Données
FTP.
Le déploiement des sites s’effectue très HFSQL
simplement depuis l’environnement
WEBDEV.

50 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 51


DÉPLOIEMENT FACILE DE VOS SITES
ET DE VOS APPLICATIONS WEB
Une fois un site ou une application Web ter-
EBDEV ®
miné, il faut les déployer sur un serveur.
DÉPLOIEMENT DES WEBSERVICES L’ARCHIVAGE
Le déploiement des webservices (REST et SOAP) est aussi La fonctionnalité d’archivage effectue la sauvegarde de tous
Administrez WEBDEV 25 est livré avec un puissant outil de facile que le déploiement des sites. les éléments du site avant d’effectuer une mise à jour de site.
La méthode
acilement à déploiement et d’installation qui gère tous les plus simple
Il est ainsi possible de revenir à la version précédente du site.
distance cas de figure: cloud, hébergeur, hébergement LE DÉPLOIEMENT DES MISES À JOUR DU plus intuiti
interne de votre entreprise. SITE, SANS DÉCONNEXION TESTS: MONTÉE EN CHARGE,
Un site évolue en permanence. NON-RÉGRESSION...
Lors des évolutions, seuls les éléments modifiés seront mis à La qualité de votre site passe par un jeu de tests approprié.
jour, ce qui limite les volumes à transférer. WEBDEV 25 est livré en standard avec un outil de test qui
WEBDEV compare les éléments du site en exploitation et permet de vérifier que le paramétrage de votre serveur
ceux du site du poste de déploiement, et pré-sélectionne les autorise le nombre maximum de connexions simultanées
éléments ayant été modifiés.  souhaité.
Il est bien sûr possible de définir manuellement les fichiers L’outil livré permet également d’exécuter des scénarios d’ac-
à installer, exclure un dossier, ne déployer qu’une seule tions, pour vérifier l’absence de régressions.
langue...
saire d’installer le site physiquement (USB, DVD,...) sur le Le déploiement des Mises à Jour peut s’effectuer sans décon- Déployer et administrer ses sites:
serveur. necter les internautes. facile avec WEBDEV 25 !
WEBDEV 25 permet de créer un «package d’installation»
complet du site qui peut être copié sur média physique. LES MISES À JOUR DIFFÉRÉES: LA NUIT...
WEBDEV propose une programmation de la mise à jour à une
DÉPLOIEMENT PAR IMAGE DOCKER date et une heure donnée.
DÉPLOIEMENT DANS LE CLOUD EN UN Les éléments à mettre à jour sont transférés sur le serveur
CLIC immédiatement, mais leur mise à jour effective ne s’effec-
Déployer un site WEBDEV dans le CLOUD est simple. tuera qu’à l’heure et à la date indiquées.
Dans la fenêtre de déploiement, il suffit d’indiquer l’iden-
tifiant du compte PCSCLOUD et le mot de passe dans l’as-
sistant de déploiement et de sélectionner la plateforme sur
laquelle déployer le site. WEBDEV 25 permet de créer une image Docker de votre site.
WEBDEV 25 livre également son serveur d’application en
LES OUTILS
LE DÉPLOIEMENT EST TOTALEMENT
ASSISTÉ
image Docker.
Cela permet de créer un conteneur Docker qui contient tous
D’ADMINISTRATION
Pour déployer un site chez un hébergeur, il suffit de répondre les éléments nécessaires à l’installation et l’exécution du site.
à quelques questions simples. Administrateur du
Le déploiement peut s’effectuer de manière sécurisée en
DÉPLOIEMENT POUR LOAD BALANCING
Serveur d’Application
utilisant les protocoles HTTPS ou FTPS. Un site qui a une grande affluence peut avoir besoin d’être
WEBDEV.
déployé sur plusieurs serveurs en parallèle.
DÉPLOIEMENT PAR MEDIA PHYSIQUE WEBDEV 25 permet en une seule opération de déployer
Administrateur du
Dans certains cas particuliers (sécurité,...) il est parfois néces- ou de mettre à jour un site sur plusieurs serveurs d’héber- Déploiement du site
Serveur HFSQL
gement. depuis le poste de
développement
DÉPLOIEMENT Gestion des comptes
MULTIPLE D’UN WEBDEV
MÊME SITE SUR UN Administrateur distant
du serveur d’Application Centre de Contrôle
MÊME SERVEUR d’hébergement
WEBDEV 25 permet de
WEBDEV
déployer plusieurs exemplaires Installation par
d’un même site sur un même Administrateur distant du media physique
serveur, à partir d’un seul pro- serveur HFSQL
jet. Robot de surveillance
Cela permet par exemple à un (Watchdog)
prestataire de proposer plu- Tests de montée en charge
sieurs occurrences d’un même
site à différents clients.
Il est possible de gérer l’en-
semble des sites ainsi proposés
grâce au module SAAS livré en POLITIQUE ENVIRONNEMENTALE
standard dans WEBDEV (voir Lorsque PC SOFT imprime des documents «papier», PC SOFT, le fournisseur de papier ou l’imprimeur, (certifié FSC «Forest Stewardship Council»
SAAS p 39). et PEFC «Programme for the Endorsement of Forest Certification schemes») replante autant d’arbres que ceux qui ont été utilisés pour l’im-
pression. Le label FSC a été créé par l’ONG FSC, qui rassemble entre autres Greenpeace, Les Amis de la Terre et le WWF. Par ailleurs, nous
privilégions la pâte à papier principalement fabriquée à partir de déchets de bois (par exemple en provenance de scieries pour l’ameublement)
et de coupes d’éclaircie dans les forêts. Concernant la livraison des logiciels, sur simple demande ceux-ci sont disponibles sans package ni
documentation «papier». Une licence pour 10 développeurs peut par exemple n’être livrée sur demande qu’avec 2 jeux de documentation.

52 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 53


ADMINISTRATION FACILE DE VOS SITES ET FRONT OFFICE, BACK OFFICE
APPLICATIONS WEB (ET MOBILE)
L’ADMINISTRATION: En cas de Les sites WEBDEV 25 se POUR DÉMARRER UNE WINDEV permet de créer en un délai
WEBDEV 25 et
LOCALE OU DISTANTE soucis, le relient facilement aux appli- APPLICATION GLOBALE, WINDEV 25 sont
robot alerte, record les applications les plus com-
Le serveur d’application WEBDEV est cations existantes. LE COUPLE WINDEV 25 & plètes et les plus performantes.
compatibles:
livré avec un administrateur accessible au choix, La compatibilité entre WEBDEV 25 EST LA
Vous utilisez la puissante Base de • projet
par envoi PLATEFORME IDÉALE
à distance qui permet de paramétrer WEBDEV et WINDEV en fait Données intégrée ou toute autre base • analyse
d’un email,
le serveur et de suivre en permanence le package idéal pour déve- Pour créer les sites Internet et Intranet de données du marché.
• tables
par message
son activité. lopper très vite un «front» gérant des données (le Front Office),
WINDEV, WINDEV Mobile et WEBDEV
• composants
De nombreux paramètres peuvent envoyé à
une appli-
et un «back» office perfor- PC SOFT propose l’environnement
sont compatibles; leur environnement
• états
être spécifiés: nombre maximum de mants ! intégré WEBDEV 25. • code
connexions autorisées pour le serveur, c a t i o n de développement est similaire. Ils par-
Il s’agit du seul environnement intégré • classes
spécifique tagent les projets, les objets, le code,
nombre maximum de connexions pour FRONT ET BACK OFFICE (de la modélisation à l’installation, en • fenêtres, pages
un site donné, nombre maximum d’ins- (messagerie les classes, les états, l’analyse...
Le «Front Office» concerne la partie passant par la Base de Données et la • ...
tances par internaute, durée de vie des interne,…),
qui est en contact avec le client: en maintenance) qui permette de déve-
contextes,... sur l’écran VOUS AVEZ DÉJÀ UN
général le site Internet interactif. lopper facilement des sites robustes
L’administrateur peut également être de contrôle
gérant en temps réel des données.
EXISTANT ?
( a l e r t e En schématisant, le Front Office
installé sous forme de «service», sans informe, gère les demandes d’infor- Pour tout l’aspect de gestion interne Grâce à son ouverture totale, WEBDEV
interface sur le Serveur. visuelle et/ permet de se relier à toute application
ou sonore), mation et décroche les commandes. (le Back Office), PC SOFT propose l’en-
Il est possible d’indiquer des droits par Le «Back Office» concerne la gestion vironnement préféré des développeurs et toute base de données existante, via
utilisateur. ROBOT DE SURVEILLANCE par lance-
ODBC, OLE DB ou en accès natif.
ment d’une procédure interne de l’entreprise: traitement des professionnels en France, le N°1 des
Un robot de surveillance très sophistiqué commandes, gestion des stocks, statis- AGL sous Windows: WINDEV.
SÉCURITÉ D’ACCÈS AU est livré avec WEBDEV 25. Il est utili- WLangage, par programme tiers (envoi
tiques, ordres de fabrication,... Et pour utiliser les applications sur
Vous atteindrez facilement
SITE de SMS par exemple).
sable pour surveiller la disponibilité de
Le Serveur d’Application WEBDEV peut En schématisant, le Back Office traite mobile, il suffit de les recompiler avec vos objectifs avec WEBDEV
sites WEBDEV, de serveurs HTTP, de ser-
L’administrateur permet d’activer des
veurs NNTP, de serveurs SNMP, de ser- également envoyer par email un rapport les commandes. WINDEV Mobile 25. 25.
options de sécurité dont :
veurs de fichiers, de serveurs de mails, contenant le détail des erreurs qui sont
• 
navigation par adresse IP  unique
de serveurs d’application WEBDEV, de survenues. N°1 EN FRANCE
(empèche le vol de session)
• protection des identifiants de contexte serveurs HFSQL...
AWP (cookie HTTPOnly). La fréquence et la répétition des tests à
effectuer sont paramétrables.

STATISTIQUES DE FRÉQUENTATION
DE VOS SITES
Il est important de disposer
de statistiques précises sur
Analytics.
Vous pouvez également tracker
TESTEZ PLUS DE 1000 SITES
les visites des sites. des événements particuliers: inte-
raction avec un réseau social,... RÉALISÉS EN WEBDEV
UTILISATION DE GOOGLE
ANALYTICS STATISTIQUES PLUS DE 1000 EXEMPLES
Google Analytics est un outil très
INTRANET &
Pour tester des sites réalisés en WEBDEV, le plus simple est de
répandu de mesure de fréquentation EXTRANET
se connecter sur www.pcsoft.fr. Dans la rubrique WEBDEV,
des sites. WEBDEV 25 est également fourni une page propose une liste de plus de mille sites réalisés par
Google Analytics permet de mesurer avec un outil complet de gestion des des utilisateurs de WEBDEV.
le nombre de vues pour chaque page statistiques sur les pages dynamiques
du site, le temps de chargement, le de vos sites.  TOUS LES DOMAINES,
chemin de navigation, le temps de Il fonctionne sur les sites Intranet et TOUTES LES LANGUES
chargement des ressources (images), Extranet: les informations collectées Il s’agit de sites dans tous les domaines, dans toutes les
le taux de rebond, l’environnement restent confidentielles. langues, réalisés en WEBDEV par différents types de sociétés.
de l’internaute (matériel, localisation Parmi les informations collectées:
géographique, langue, navigateur,….), nombre de pages vues, nombre de LES SITES INTRANET
l’origine de la navigation (page d’ori- visiteurs uniques, nombre de visiteurs Pour des raisons évidentes de confidentialité, les sites Intranet
gine, publicité, ..), etc. par page, site de provenance des et Extranet ne peuvent pas figurer dans cette liste. 
WEBDEV 25 peut intégrer automati- internautes, pays de provenance, navi- Des sociétés multinationales ont développé des Intranet et
quement dans vos sites les trackers gateur utilisé, et même pages ayant Extranet stratégiques qui sont diffusés dans leurs centaines
nécessaires aux statistiques pour posé un problème technique ! d’agences et filiales.

54 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 55


AU SERVICE DES DÉVE- • Communauté POUR VOS DÉVELOPPE-
LOPPEURS DEPUIS 25 ANS • Séminaires de formation PC SOFT MENTS STRATÉGIQUES:
• Consultants «ASSISTANCE DIRECTE®»
TOUT EST LIVRÉ EN STANDARD
Depuis plus de 25 ans, PC SOFT crée
des outils de développement.  • Assistance Directe® Pour un niveau de support avancé,
Plusieurs millions d’applications déve- PC SOFT propose un service d’assistance
LE SUPPORT TECHNIQUE
loppées avec des outils PC SOFT sont téléphonique appelé «Assistance
(HOT LINE): GRATUIT
en service dans le monde, dans tous Directe».
les domaines d’activité. Un simple mail ou un coup de fil à la Ce service répond à vos ques-
Hot Line peut faire économiser des tions, effectue des tâches
SE FORMER RAPIDEMENT heures ou des jours entiers ! d’audit et de test de vos
À WEBDEV Nous avons tellement confiance en applications, d’écriture
De nombreux moyens, simples, effi- nos outils que nous vous offrons 15 de routines, d’aide à
caces, accessibles, sont à votre dispo- requêtes gratuites5 (téléphone ou la configuration, peut
sition pour vous former rapidement à email) au Support Technique. prendre le contrôle à
WEBDEV 25 EST COMPOSÉ WEBDEV: distance de votre PC...
• Cours d’auto-formation (500
DES MODULES SUIVANTS, pages, livré en standard)
Votre interlocuteur
connaît vos dévelop-
LIVRÉS EN STANDARD pements, et peut ainsi
• Editeur de pages visuel WYSIWYG vous aider plus effi-
• Support de Ajax, XML, Java, ... cacement.
• RAD applicatif, pour créer des
sites en répondant simplement à
quelques questions
• RAD page, pour créer des pages
d’un site en quelques clics
• Génération PHP
• Import de page HTML, Import de
fenêtre et d’application WINDEV WEBDEV EST LIVRÉ AVEC
• Editeur de code, gérant le L5G, UNE DOCUMENTATION COMPLÈTE. 

vous. Toutes marques déposées par leurs propriétaires respectifs.  *: option; 5: 15 requêtes gratuites; assuré sur la version en cours de commercialisation; seul l’appel est à votre charge. Consultez la licence. 
Malgré le soin apporté à sa rédaction, ce document n’est pas contractuel. WEBDEV est réservé à un usage professionnel. N’hésitez jamais à contacter directement PC SOFT pour tout aspect important pour
et permettant la saisie directe de
code Javascript, HTML et PHP 2 manuels en français sont plète (10.000+ pages) est Un développeur connais-
• Webservices REST et SOAP livrés: tuto (cours d’au- également disponible sur sant déjà WINDEV est opé-
• Editeur d’images to-formation) pour décou- Internet. rationnel en 2 jours.
• Modélisation (UML, Merise), pour vrir le produit, manuel des La formation à WEBDEV PC SOFT organise égale-
décrire les tables de données, les
traitements, les relations... concepts pour maîtriser le demande en général une ment chaque semaine des
• Gestionnaire de règles métier produit. semaine à un développeur séminaires de formation.

PC SOFT À VOTRE SERVICE


• Centres de Contrôle Une aide en ligne com- généraliste.
• Tableau de bord
• Générateur de dossier d’analyse
et de programmation
•Base de Données librement
distribuable
LST: UN MAGAZINE LA FORMATION WEBDEV: LOGICIEL DE
•Accès à toutes les bases de
TECHNIQUE (+ CLÉ USB) PC SOFT organise chaque semaine GRANDE DIFFUSION
données du marché via ODBC EN FRANÇAIS SUR WEBDEV à Paris des séminaires de formation En utilisant un outil diffusé à

100 TÉMOIGNAGES 
ou OLE DB Tous les 3 mois paraît un maga- de différents niveaux sur WEBDEV. grande échelle, vous bénéficiez de
• Connecteur natif à MySQL, zine technique en français, en Ces séminaires permettent de l’expérience des dizaines de mil-
SQLite, PostgreSQL, Oracle*,
couleurs, qui contient articles de découvrir et de maîtriser WEBDEV liers d’autres développeurs profes-
SQL Server*, AS/400*,
Informix*, DB2*, Sybase*, fond, trucs et astuces, exemples selon un plan efficace. Ils sont assu- sionnels!
Progress*, MariaDB et de programmes avec code source rés par des ingénieurs PC SOFT, La diffusion à grande échelle permet
MS-Access sur la clé USB d’accompagnement, maitrisant parfaitement le produit. également de proposer WEBDEV à
•
Langage L5G, générant EXTRAIT DU et des mises à jour intermédiaires
SOMMAIRE Ces séminaires peuvent également un tarif ridicule eu égard à ses pos-
automatiquement le code
HTML et Javascript
complètes de WEBDEV. être organisés dans vos locaux, en sibilités.
10 CHATEAU MARGAUX
14 La LST est le meilleur moyen de France et à l’étranger.
• Gestionnaire de Sources, PHILIPS Et rappelez-vous qu’un déve-
Partagez l’expérience 16 VINCI AUTOROUTES rester à l’écoute de WEBDEV.
• Profiler 18 QUICK loppeur généraliste est opération-
• Editeur d’états avec PDF et de sociétés presti- 14 LYONNAISE DES EAUX nel en 5 jours en moyenne...
22 SYSTEME U
codes-barres gieuses en deman- 29 FEDERATION
• Générateur de procédure dant ce numéro FRANÇAISE DE
d’installation et administra- BASKET
tion locale et à distance spécial de la revue 32 BOLLORÉ UN CONSULTANT Pour tous vos développe-
«01Net» consacré à 34 CASIO
• Sites prêts à l’emploi 40 TAITTINGER PC SOFT DANS VOS ments Internet et Intranet,
•Moteur de test interactif, WINDEV et WEBDEV. 62 SIEMENS VAI LOCAUX PC SOFT est présent pour
pour tester en direct les sites 68 TRUFFAUT
(140 pages) 71 AIR CALÉDONIE PC SOFT peut mettre à votre vous assurer le service
créés, avec des données
Sur le site PCSOFT.FR 78 HONDA EUROPE disposition dans vos locaux un personnalisé de qualité que
• Centre de tests unitaires et de 82 PRONUPTIA
montée en charge vous trouverez éga- 98 HOPITAUX DE PARIS ingénieur expérimenté, pour vous attendez.
lement plus de 150 102 SOCIÉTÉ GÉNÉRALE une durée de 1 à 5 jours.
• Jeu de manuels complets, en 121 PHOTOMATON
En votre présence, le consultant
Avec WEBDEV 25 vous
français (tout est en français) vidéos de retour d’ex- 128 GROUPAMA réussissez vos projets.
129 CPAM PC SOFT vous guidera pour exploi-
• Hot Line gratuite... périence. 134 REEF TAHITI...
ter au mieux les fonctionnalités de
WEBDEV dans votre projet.

56 • WEBDEV 25 Développez 10 fois plus vite www.pcsoft.fr • 57


EBDEV
Le meilleur
yen de tirer
®

ofit d’Inter-
SOYEZ UN ACTEUR MAJEUR
SUR INTERNET
VOUS ÊTES DÉCIDEUR
Vous avez besoin d’une solution qui permette à vos
équipes de DÉVELOPPER PLUS VITE les puissantes
applications sécurisées Internet et Intranet dont votre
entreprise a besoin: WEBDEV 25 s’impose.
GESTION DU CYCLE DE VIE DES
SITES
WEBDEV 25 est une PLATEFORME DE DÉVELOP-
PEMENT COMPLÈTE, intégralement en français (ver-
sion anglaise disponible), qui intègre tous les modules
D éveloppez tous les types de sites
et d’applications web
Voici des exemples de sites et
d’applications que vous pourrez
créer facilement avec WEBDEV
(cette liste n’est pas exhaus-
ou de bateau, en choisissant son
siège ou sa cabine sur un plan
• Tableau de bord Dirigeant à jour
en temps réel avec CA de l’entre-
• Saisie des frais de déplacement
• Gestion de parc matériel
• Site de rencontre
WEBDEV 25 vous garantit le respect du budget, tive). • Gestion d’un wiki
net nécessaires au développement et à la maintenance. prise, Marge prévisible, Etat des
des performances et du délai prévu. Cela assure le succès de vos projets. Certains sites sont des Intranet, stocks... • Portail BtoB
WEBDEV 25 est réputé pour sa FACILITÉ DE PRISE d’autres des Extranet, d’autres • Forum de discussion
VOUS ÊTES EN MAIN. des sites Internet.
• Planning partagé d’une équipe
DÉVELOPPEUR dispersée géographiquement • Suivi de livraison de colis
Vous savez développer. Avec ACHETEZ WEBDEV 25 • Planning de prise de rendez-vous • Gestion de mailing-liste
WEBDEV 25 vous saurez immédia- AUJOURD’HUI ! • Planning d’intervention d’une • Gestion des points «bonus» liés
tement créer des sites statiques Chaque jour qui passe, vous-même et vos équipes équipe de maintenance à une carte de fidélité: rappel
et dynamiques. perdez un temps précieux.
• Pour une société de VPC, mise en du nombre de points, échéance,
WEBDEV 25 permet une WEBDEV 25 vous permet d’être efficace très rapide-
ligne de la documentation tech- affichage automatique des
démarche méthodolo- ment dans le développement des SITES INTERAC-
gique naturelle, qui aboutit TIFS PERFORMANTS, aujourd’hui nécessaires à nique et de toutes les notices primes accordables, gestion de
à la RÉUSSITE DE TOUS VOS toutes les sociétés. des produits commercialisés la demande des primes,...
PROJETS. Ne laissez pas vos concurrents vous dépasser, utilisez • Moteur de recherche en langage • GED
vous aussi le plus puissant, le plus intégré, le plus facile naturel d’informations (FAQ,...) • Messenger
VOUS ÊTES SPÉCIALISTE des environnements de développement professionnels
INTERNET dans une base de données texte • Suivi à distance de l’état d’une
de sites Internet et Intranet gérant des données.
WEBDEV 25 apporte la solution à votre • Scan et archivage de tous les chaîne de robotisation et de pro-
problématique: utilisation conjointe à des WEBDEV 25 est un environnement complet, documents comptables reçus duction
sites statiques existants, aspiration de sites, très puissant, mais très facile d’utilisation. (factures, BL,...) dans le but de • Portail Intranet d’entreprise
• Site de commerce électronique
sites dynamiques gérant des bases de don-
Le «Retour Sur Investissement» (ROI) pouvoir les visualiser à tout
avec paiement sécurisé Et tout autre site dont vous
nées en temps réel. moment
Vous pourrez RÉ-UTILISER sans limites votre
est très rapide: vous réaliserez vite des • Télépaiement de factures par avez l’idée ! Il n’y a aucunes
économies importantes grâce à WEBDEV. • Prise d’inscription à un événe-
existant et vos compétences Web. Internet limites.
ment: présentation, repas, sor-
• Gestion des commandes de vos tie,...
LA COMPATIBILITÉ AVEC clients
WINDEV
WINDEV est l’AGL Windows le plus utilisé en PASSEZ À L’ACTION : • Consultation par vos clients de
• Gestion d’un annuaire partagé:
salariés de l’entreprise, étu-
WEBDEV 25 :
France. WEBDEV 25 est COMPATIBLE avec COMMANDEZ
l’état d’avancement de leur com-
mande: commande reçue, saisie,
diants d’une école, anciens étu- DÉVELOPPEZ
WINDEV et WINDEV Mobile. diants, membres d’un club, ...
Le mode opératoire des logiciels est identique. WEBDEV 25 traitée, correcte, suivi de l’expé-
• Gestion de cantine scolaire: paie- TOUT !
Il est très facile de transformer une application DÈS AUJOURD’HUI dition,...
ment, menus, absences, ...
WINDEV en un site Internet ou Intranet WEBDEV. • Accès aux stocks en temps réel
• Annonces immobilières, voi-
• Création dynamique d’images en tures, enchères, ...
fonction de paramètres saisis:
• Gestion et consultation d’ana-
- essayage virtuel de vêtements lyses médicales
- présentation d’une automobile
avec la couleur et les options
choisies
- personnalisation de T-Shirt en
fonction d’une image fournie
(uploadée) par le client
• Définition en ligne des options
d’un progiciel, calcul du prix de
PHP cession de la licence, et télé-
SaaS chargement immédiat après
Cloud paiement
Linux • Réservation de places d’avion
Wamp, Lamp
HTML5
SPA
Responsive
... Découvrez plus de 1000 exemples de sites WEBDEV
sur www.pcsoft.fr
58 • WEBDEV 25 Développez 10 fois plus vite
Siège Montpellier : 3 Rue de Puech Villa BP 44408
34197 MONTPELLIER, France Tél: 04.67.032.032
Agence Paris : 142 Avenue des Champs Elysées
75008 PARIS, France Tél: 01.48.01.48.88
PC SOFT Informatique - SAS au capital de 2 297 548 Euros
SIRET 330 318 270 00064 WWW.PCSOFT.FR

Vous aimerez peut-être aussi