0% found this document useful (0 votes)
39 views30 pages

Webdev Us

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
39 views30 pages

Webdev Us

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 30

D E V E L O P 1 0 T I M E S F A S T E R

INTEGRATED
W E B   
DEVELOPMENT
PLATFORM
Internet, Intranet, Cloud
Web 2.0, HTML5, PHP
Windows 11, 10, 8, 7, 2022,
2019, 2016, 2012
All databases
5GL development
MULTI-PLATFORM CODE:
Windows, .Net, Linux, Java,
PHP, J2EE, Internet, Ajax,
Android, UWP, iOS ...

WWW.WINDEV.COM
WELCOME
TO THE WORLD OF
WEB APPLICATIONS
Summary
3 Entire lifecycle
4 Questions/Answers
6 Examples
8 Static and dynamic sites
9 Intranet, Internet
10 A revolutionary technology
12 IDE: the WYSIWYG environment

T
13 The "7-tab" tech
14 Zoning
oday,
15 Responsive Web Design
Internet and 16 Templates
Intranet sites 17 HTML Editor
are linked to the 18 Compatibility with all browsers
enterprise data in 20 Controls
real time, and behave adapted to the Web
like full-blown applica- 27 Export to Word, Excel
28 HTML5 & CSS3
tions.
29 64 languages,
WEBDEV is the best solution to Electronic invoicing
create these sites, Web applications and Webservices. 30 The 5GL language
31 Code editor
With WEBDEV, your teams develop 10 times faster.
32 Debugger, OOP
Choose the most powerful platform for developing and 33 REST & SOAP Webservices
deploying your Internet and Intranet sites and appli- 34 Angular, Bootstrap, JQuery...
cations, just like tens of thousands of developers 35 Native access to Google, SAP,...
worldwide: WEBDEV. 36 Https, Secure payment
37 Organic SEO, Password security
38 SPA, Websocket
39 SaaS
40 Data modeling
41 All databases
42 HFSQL: free database
44 Visual query editor
45 Report & PDF generator
46 Versioning (SCM)
47 Project management
48 HTML import & WINDEV
49 PHP
50 Hosting
52 Deployment
54 Administration, Statistics
55 Front Office, Back Office
57 Examples of sites
Always up-to-date sites,
that securely share enter-
prise
data
www.windev.com •
QUESTIONS WEBDEV MANAGES ALL
THE DEVELOPMENT STAGES
ANSWERS
1 Who is WEBDEV made for?
WEBDEV is made for all the organizations and developers that
want to create Internet, Intranet, extranet, Cloud and SaaS sites
and applications.
2 What types of sites and applications All types of sites, Web applications, SPAs,
can be created? webservices... WEBDEV specializes in sites that manage data.
WEBDEV :

Y
You just need a little experience in programming (even if brief
3
What do I have to know? experience during your studies).
One week is usually enough to train oneself thanks to the tutorial
included.
"FULL STACK"
ou 4
Do I need any special Internet skills?
No. Your development teams will automatically
build robust and efficient sites. All the code (HTML, JavaScript,
DEVELOPMENT TOOL
will find CSS, Server) is generated by WEBDEV.
5 WEBDEV, a complete and
the answers Can I create Responsive websites
with WEBDEV?
Yes. Responsive design comes standard in WEBDEV.. fully integrated product :
to the most it is easier to master,
common 6 What is the main advantage of There are many, such as: integration, simplicity, speed of technical support is more
WEBDEV? development, access to databases. And WEBDEV is "Full Stack"
questions efficient (and it is free).
7 Does WEBDEV rely on standard Yes: HTML5, XML, CSS3, JavaScript or PHP.
about WEBDEV. technologies?
But you don't need to know these technologies, WEBDEV
automatically generates the necessary code.
8 So I don't need to know HTML, PHP No, it's not required. WEBDEV automatically generates the
or JavaScript? necessary code.

9 What if I want to write HTML, or WEBDEV is not restrictive. You can write or copy HTML, PHP or
JavaScript code directly in the editor.
use JavaScript or CSS? You retrieve CSS styles and animations.
10 I already have a site. Yes. You can "absorb" existing HTML pages.
You can also mix WEBDEV pages with an existing page, while
Can I use it with WEBDEV? keeping your existing site.
11 I have read that WEBDEV is compat-
ible with WINDEV. Do I have to have No. WEBDEV is a totally independent platform.
WINDEV?
12 What if I already own WINDEV? If you already own WINDEV, you can automatically transform
your existing WINDEV applications into Web sites...

13 Can consume or create Yes, WEBDEV allows you to use Webservices (SOAP and REST).
Webservices? WEBDEV also lets you create Webservices.

14 What databases can be used with All databases can be used: HFSQL, MySQL, SQLite, Oracle,
AS/400, SQL Server, DB2, Informix, PostgreSQL, Progress,
WEBDEV? Access, ... As well as Big Data databases

15 Are Ajax, XML, CSS, JSON, JQuery,


Angular JS, Bootstrap supported?
Yes.
EVERYTHING IS MANAGED :
16 Can I develop large and complex Yes, this is where its true value lies. • Prototyping • Reusing • SaaS management
sites with WEBDEV? existing elements
• Design • Cloud
17 WEBDEV Technical Support is free (15 free custom inquiries by • GDPR • Reports: PDFs, • Setup on the hosting
What Technical Support is available? e-mail). Consulting services are available (on-site or by video bar codes,...
conference). • Analysis provider
All kinds of professional entities: software companies, hardware and program • Secure payment • Regression
18 Who uses WEBDEV? manufacturers, IS departments, lab engineers, government documentation • Creation and use of tests
offices, administrations, individuals...
• Link with existing components • Performance
19 Can I generate sites in PHP with static • Documentation tests
WEBDEV? Yes, this is a standard feature.
sites • Working with Web • Continuous integra-
20 So WEBDEV is the best for creating • Databases designers tion
Yes
dynamic sites • Webservices • Tests during develop- • Maintenance and evo-
• Programming: 5LG, ment lutions
Ajax, .NET, J2EE, • Link to the Back • Traffic statistics
HTML5, JavaScript, Office • Development
CSS... • Hosting method

4 • WEBDEV Develop 10 times faster www.windev.com • 5


A LARGE NUMBER OF READY-TO-USE TENS OF THOUSANDS
SITES AND APPLICATIONS ARE PROVIDED OF SITES

WEBDEV ®
REUSABLE AND
CUSTOMIZABLE SAMPLE SITES ARE
è Real estate
Search for a property according to several criteria.
SITES BUILT WITH WEBDEV
Reuse Let's see some of the thousands of sites built
PROVIDED with WEBDEV. See over 1,000 sites on www.
the examples in
your sites WEBDEV comes with a large number of fully-developed windev.com.
websites and web applications. Both the source code and
the pages are provided: you can use these sites, these appli-
cations directly, modify them, customize them, resell them...

A TRAINING ROLE
You can also study the code of these sites in order to learn
from them.

AMONG THE PROVIDED SITES...


Here's a selection of some of the provided sites :

èRetail site
Shelf, basket, payment management.

 CMS
Content Management System.

è Management of a document database


To archive and find documents using keywords.

è Secure payment
(see details page 30)

èTravel agency management


Presentation of hotels, availability, selection according to
several criteria, ...

Honolulu : è Classified ads


Management of multiple selection criteria.
Intranet portal
A complete Intranet portal,
with all its
applications (mail, news,
document
search, etc.) is also provided.
Directly usable, it can also
be adapted to your needs
(source code provided).
Due to ongoing changes, the sites presented may look different from the sites provided..

è News, Forum, Blog, Community site, FAQ


è Shared directory management...
With an Intranet, the directory can ... and several additional examples that can be immediately
be shared within the company. used.
On the Internet, the directory can To discover
ETC...
be shared among several branches, thousands
or by members of an association... Several additional examples are also supplied as pages, or as
objects in the interactive dictionary. of other sites,
visit
è Management of SAVE TIME www.windev.com
Hundreds of thousands equipment directory The provided sites, which can be adapted to your own needs,
of Honolulu copies have Location and assignment of equip-
already been deployed will save you a lot of time during the development phase.
ment via a web site.

6 • WEBDEV Develop 10 times faster www.windev.com • 7


WHAT IS A DYNAMIC SITE? WEB, INTRANET/EXTRANET APPLICATIONS :
WEBDEV IS KING!
REMINDER: STATIC SITE modified. bases. WEBDEV IS THE IDEAL AUTOMATIC TOTAL NO LIMIT
A STATIC SITE is a site that presents You display the current price, the TOOL FOR CREATING SECURITY
WHAT IS A DYNAMIC The functional richness of WEBDEV makes
fixed pages, previously linked to each actual stocks, you indicate to the Web INTRANET AND
SITE? The Intranet site or the Web applica- it possible to develop real Web applica-
user when their order was shipped, The easiest way
other. EXTRANET SITES OR WEB tion created with WEBDEV is accessible tions: there are no limits.
It's a set of pages on the Internet that A DYNAMIC SITE creates, in real time, you manage schedules,...
APPLICATIONS to create Cloud
the pages requested by Internet users, through a single session. WEBDEV is the ideal tool to create
can be consulted. applications
using the data from databases. SITES THAT ARE ACTUAL WEBDEV is the ideal tool for creating By default, for each user, a session is Intranet and Extranet sites, and this
In general, a static site presents "fixed"
Let's take the example of a catalog APPLICATIONS Intranet and Extranet sites. automatically opened and maintained is why thousands of large compa-
information about a company, group
or association: activity, address, prod- that contains 300,000 items: a static Another interesting aspect of dynamic An Intranet site is a site private to a on the server. nies have created their Intranet with
uct, sometimes prices, a contact page... site could use 300,000 different static sites created with WEBDEV is that they set of users: companies, customers, The site's security is automatically ensured WEBDEV.
Static sites can become quite restric- HTML pages! behave like REAL APPLICATIONS. employees, suppliers... via these automatic ses-
tive: each modification made to the A dynamic site will only require one All the power of the programming is at Rights are accessed and managed via sions: the page address
information must applied to the site, page, intended to receive data (prod- your disposal to define the processes. username and password. Access by
uct references, photo, designation, cannot be reused by
and the corresponding pages must be password is automatically managed in
price, customer reviews, etc.). EASE OF USE "copy/paste"..
reinstalled. your WEBDEV sites (see page 37).
In order to keep the product details The server will "assemble" the neces- Thanks to its powerful complete devel-
up to date, the static site must be sary data for each request. opment environment and its vast set
(See also SPA tech- of features, WEBDEV makes it very
nology, "Single EASY for any developer, even without
Page Application" any Internet-specific skills, to create
on page 38). reliable, sophisticated, fast and easi-
ly-modifiable websites.
ALWAYS UP (Who can do more can do less: WEBDEV
TO DATE also creates static sites)
The data of the
dynamic site is 2 Extranet
ALWAYS UP examples:
TO DATE, since Dashboard,
it comes from the and
company's data- Expense Accounts

ADDING A DYNAMIC SECTION INTERNET : WEBDEV IS KING (TOO)!


TO AN EXISTING STATIC SITE
Today, companies that own MIX STATIC AND THE NEED FOR WEBDEV IS IDEAL FOR Each AWP page is
a static site want to take DYNAMIC PAGES "REAL TIME" CREATING A WEBSITE SEO-friendly thanks
advantage of dynamic fea- MIXING static and dynamic pages is A price changed in the information An Internet site is a site accessible to its address (URL).
URL rewriting is
tures. the fastest solution. system. of the company? The site is simultaneously by users worldwide.
The existing static site is KEPT, and updated right away. Each page of this site must be suitable supported, which
allows you to opti-
REUSE YOUR the dynamic pages are ADDED and A new product reference is added to for SEO purposes : Google...
mize dynamic page
EXISTING ELEMENTS called from the static site, or replace the I.S.. ? To be correctly optimized, a site must
content.
WITH WEBDEV some static pages. This product is included in the dynamic be "Mobile Friendly", i.e. it must work
It is also easy to transparently link two site automatically and immediately. on a computer as well as on a smart- An AWP page of
To reuse an existing ELEMENT, you the site runs auton-
have various options. You can : sites, a static one and a dynamic one. The stock has changed? The page is phone or tablet.
automatically updated. WEBDEV allows the easy creation of omously, the context
• add dynamic pages to the existing
IMPORTING STATIC Without having to modify and update this type of sites. is managed by pro-
static site
PAGES pages, a dynamic site automatically gramming.
• mix static and dynamic sites
WEBDEV offers a powerful feature for displays UP-TO-DATE DATA. AWP TECHNOLOGY:
• 
import your static pages into the
importing static pages and templates ORGANIC SEO
dynamic site
(see page 48). "DYNAMISM" IS To improve organic SEO, WEBDEV
• ...
Existing static pages are IMPORTED ESSENTIAL proposes the AWP technology: Active
In all cases, you can keep what you into the environment, and are trans- Today, your sites must behave like WEBDEV Page.
have and improve on it. formed into WEBDEV pages. applications! Your sites must be Thanks to this AWP technology,
dynamic. WEBDEV allows to create independent
dynamic Web pages.

8 • WEBDEV Develop 10 times faster www.windev.com • 9


PAGE CREATION : THE POWER OF VISUALS
CONTROLS IN PAGES:
A REVOLUTIONARY REVOLUTIONARY
WYSIWYG!
METHOD The different controls (edit, static,
image, etc.) are created and positioned
WEBDEV offers the best integrated, pow- visually, interactively in the editor.
erful and user-friendly work environment What you see in the editor is what the
available on the market! Web users will see in their browsers.
Create your sites visually. WEBDEV automat- Pages (with the controls and their
ically generates the HTML, JavaScript, CSS detailed characteristics defined by the
and Server code needed for the site. 7 tabs, as well as their code) are saved
No previous knowledge of Internet as reusable elements.
programming is required. This technique simplifies program-
ming, managing pages as advanced
REDUCE THE CODE objects.
The page editor allows you to visually
A revolutionary create and modify controls, regardless
method ! of the source code.
Creating pages is Inheritance is managed: You can be
easy: notified about any changes made to an
drag/move the element shared by several developers.
desired controls
from the ribbon, With WEBDEV, it is possible to modify
position them the properties of a control by pro-
directly with your gramming.
mouse! For example, depending on the pro-
The custom file of the Web user, you can hide or
display specific controls. Everything is
characteristics of
dynamic!
the control are
defined visually via This approach for managing pages
WEBDEV edi-
the "7 tabs" and controls allows you to save a
tor : graphic, (see page 13) significant amount of time when
create controls BUILD GORGEOUS PAGES EASILY
creating and maintaining sites, and to
and pages make them more robust. The pages are created easily, visually, and you have several
with a few powerful controls at your disposal. A WEBDEV "Edit control"
clicks! PRECISE POSITIONING with all its integrated features, set in a page via a simple drag &
You choose the type of positioning. drop, would add up to more than 50 lines of code in JavaScript
WEBDEV uses powerful mouse posi- and CSS!
WEBDEV is a complete integrated environment. tioning algorithms to position objects You can easily imagine the number of lines of code you're
All development is done in one single environment and with pixel precision. saving.
with one single language: WLanguage, an extremely
powerful and easy-to-learn 5GL.
You don't have to use several different frameworks, ALL THE CONTROLS FOR • Organizer, Scheduler
or to switch between languages. INTERNET • Chart
Thus, WEBDEV makes it possible to develop without The WEBDEV editor allows you to easily • Click Area, Map Area
an extensive knowledge of the Internet. create and handle all the controls that • Google Maps,
The WEBDEV page editor enables you to easily and will need to quickly build outstanding • Rating,
quickly build incredible pages. Pages are created interfaces (see pages 20 to 27). • Social Network
visually by positioning the controls with the mouse. The main objects managed by the UI • Tabs,
editor are: • Layout
HTML, CSS AND JAVASCRIPT • Image Gallery, etc...
• Text. caption (simple or rich/HTML)
No need to know HTML, CSS or JavaScript to build • Edit and rich edit control Remember that WEBDEV also allows
beautiful and powerful dynamic sites. • Formatted display control you to use all the controls proposed
WEBDEV generates all the necessary code for you. Positioning tables by all the frameworks on the market:
are available, if necessary • Radio Button, Check Box
However, WEBDEV is open, and if necessary, you • List Box, Combo Box, TreeView React, Bootstrap,...
can write (or paste) low-level HTML, CSS, JavaScript, • Text button, graphic button
Bootstrap, React, or PHP code directly into your WEBDEV ANCHOR TEMPLATES FOR ALL USES
• Camera
site. You can also use frameworks: Angular, JQuery, Anchors define how the content of a • Static, dynamic image WEBDEV comes with a large num-
React... (see p 34). page will behave when the enlarged • Table, Looper control ber of predefined page templates (ex:
or reduced, or when it switches from • HTML control Material Design, etc.) that allow you
With WEBDEV, your teams develop portrait to landscape. • Pager control to easily create sites for any device or
10 TIMES FASTER all types of websites Managing anchors with WEBDEV is • Control Template, platform.
and applications, Internet, Intranet, very easy. • IFrame, Internal page
Extranet, Cloud and SaaS. • SiteMapPath/Breadcrumb, Site Map, In the following pages
• Chart, you will discover the main
• Calendar, possibilities offered by the
integrated WEBDEV editor.

10 • WEBDEV Develop 10 times faster www.windev.com • 11


AN INTEGRATED AND INTUITIVE 7-TAB TECHNOLOGY : POWERFUL CONTROLS
WEB CREATION ENVIRONMENT IN JUST A FEW CLICKS
WEBDEV's WYSIWYG work Everything is integrated using the same The 7-tab methodology used to define powerful
controls is very intuitive: no prior knowledge of
EBDEV environment provides com- operating mode, everything is visual,
®

fort to boost productivity. everything is included: your teams stay the Internet is required. Everything is clearly
in the same environment, they develop explained. Everything is automatically generated.
Your teams will easily develop
faster.
the sites and applications you The characteristics of each control are defined through an
need, and satisfy your cus- Technical Support (by email) is also exclusive, simple and powerful interactive dialog mode: the
tomers and users. included. This translates into seamless "7 tabs".
development and budget savings. Each tab allows you to define the characteristics of the control.
WEBDEV is easy to learn: one You can also modify these characteristics by programming.
week is usually all a devel- Your projects can be saved in the
Cloud, making teamwork easier. The content of each tab varies according to the type of object:
oper needs. let's see the details of the 7 tabs for an "Edit" control.
WEBDEV is compatible with WINDEV.

Color wheel "General" tab “:


in the environment name, caption,
type of control,
viewing style...
Here, proposed "Advanced" tab:
masks

Ribbon & toolbar: A context menu


movable, (right click)
visible or hidden, allows you to to enter or copy HTML code
configurable configure the panes.
"Details" tab: define the input characteristics
A small yellow
square indicates
that the control is
part of
a template

A context menu (right Pane: it gives


click) is available to an overview of
quickly access the the project; a
various features double-click
(or drag &
drop) on an
element opens it "Style" tab: define characteristics
immediately such as font size, uppercase characters... A CSS style editor is
also available
Optional display "Link" tab: to link data with pages, ...

Note: the Ctrl W


key combination The panes propose
The editor interface is Status bar with the
lets you clear components, controls,
very intuitive, page name,
your workspace code, ...
and very efficient. size,...
by hiding the to save time "Code" tab: write WLanguage, JavaScript and/or PHP
panes. code directly in the event : Entry in the control, Click on
the control, ...
"Help" tab: tooltip, help messages...
The "7-tab" technology allows for intuitive
control creation.
12 • WEBDEV Develop 10 times faster www.windev.com • 13
ZONING :
EASY LAYOUT! EASY RESPONSIVE WEB DESIGN!

ZONING IN EDIT WHAT IS RESPONSIVE


(EDIT AREA) WEB DESIGN?
WEBDEV allows you to define edit Responsive Web Design is a develop-
areas in a page. This is called "zoning". ment method for Web sites.
These areas allow you to define the The principle of this method is to allow
architecture of the page: header the same Web page to automatically
(<header>), footer (<footer>), aside adapt, during the navigation, to the
(<aside>),... size and resolution of the screen where
Simply divide the page into logical it is displayed.
"areas". The main advantage is to be able to
An area contains the controls located develop a single Web page that can
in it. adapt to smartphones, tablets or desk-
Zoning is usually defined in a page top computers.
template and will be common to sev- The adaptation is performed in real
eral pages of the site. time in the browser. This adaptation
Once these edit areas defined, it is also allows you to optimize the portrait
easier to edit the page. and landscape modes.
The Layout control is also available.

CREATE RESPONSIVE
PAGES WITH WEBDEV:
VISUAL!
WEBDEV Responsive site
displayed on a tablet The Responsive pages are created visu-
ally in the editor.
In edit mode, responsive pages are
automatically displayed with a posi-
tioning grid.
This grid includes a set of columns of
identical width.
The page controls are positioned and
anchored in width to these columns.
When the width of the page varies,
the grid adapts and the controls auto-
matically adjust their position and size.
As soon as the page is created, you
have the ability to see the result in
The same site displayed on a different page widths in the editor
smartphone directly.
To see the behavior,
scan the code or visit
BENEFITS OF RESPONSIVE www.windev.com/21732
SITES: “MOBILE FRIENDLY
WORKING WITH A can be easily handled in the editor. AND BETTER SEO DYNAMIC SERVING IS
ZONE IN THE EDITOR For example, increasing the height of
In its ranking of sites during a search, ALSO OFFERED
If the area is moved, its controls will the header area automatically pushes
Google now favors mobile friendly WEBDEV also supports the concept of
automatically be moved with the down the areas located below: the
sites, i.e. sites whose layout is adapted "Dynamic Serving": a single URL corre-
area. body area and footer area.
to mobile devices. sponds to 2 different pages, a Desktop
This editing mode simplifies the oper- When printing, the relative position
Thanks to the Responsive Web Design page and a Mobile page;.
of the controls found in each zone is In this example, with a page displayed in large
ations for creating and modifying of WEBDEV, your sites are automat- Depending on the browser the right
respected as well as their anchoring. size and narrow size, the site designer has
pages. ically mobile-friendly, which means page is displayed.
Editing is WYSIWYG. decided that:
A "pencil" tool lets you split a page higher rankings in Google search These 2 techniques let you automati- • The font size of the title is larger on the phone
in a visual way. results. cally adapt the page's presentation to (for better readability)
These zones are materialized and they the device where it is viewed. • Th advertising band is not visible because there
is less room
• A different image (or an image cropped dif-
ferently) is used.

14 • WEBDEV Develop 10 times faster www.windev.com • 15


TEMPLATES : STANDARDIZED LOOK INTEGRATED HTML EDITOR
For those who want to modify the HTML code generated by
WEBDEV, a visual, user-friendly and powerful editor is provided.

Site skin change. The same site during winter:


A site during spring... the skin has changed (color, styles, etc.)

Starting a new website PRESET TEMPLATES THE COLOR PALETTE,


or Web application with WEBDEV offers a large number of TO HARMONIZE COLORS
WEBDEV is child's play: preset templates. Another concept of style refinement is
choose a template, a skin, a the "color palettes", which allow you
color palette and your first SKIN, TO DEFINE THE to refine the skins.
page is created on a solid LOOK OF PAGES A color palette is a set of harmoni-
foundation! The concept of "skin" lets you refine ous colors (complementary colors for
the templates. instance) used in styles of pages.
PAGE TEMPLATES: A skin defines a set of styles, a color A color palette defines for example
STRUCTURE YOUR SITE palette, illustrations, fonts,... a text color for a title as well as the
The page template is an essential ele- Several skins are supplied with corresponding background color, the
ment for building Web sites. WEBDEV. color of a button, etc.
A page template contains the layout The same template can be associated A large number of ready-to-use color
"common" to several pages. with several skins. palettes are provided.
The template defines the page archi- A skin can be instantiated with differ-
tecture: ent color palettes.
• page header The possibilities for customization are
• menu endless!
• column
• page footer
• ad band
• ...
(also see the "zoning" concept, page
14).
The common elements are positioned
in this page template.
A template can also contain images,
controls, code, procedures, ...
When creating the site, each page
created can inherit from a template.
Any modifications made to the page
template will be automatically prop-
agated to all the pages that use this
template.
In a page, you have the ability to
"override" a property of the template
if necessary.

16 • WEBDEV Develop 10 times faster www.windev.com • 17


YOUR SITES ARE COMPATIBLE WITH ALL BROWSERS WEBDEV'S
MAJOR ASSET :
Internet Explorer
on Windows
WEBDEV
generates
ITS APPLICATION
WEBSITES AND
sites
compatible SERVER Your sites
•  g e n e r a t e
interactive
behave like true
APPLICATIONS with the
applications.
graphics
W3C
CREATED WITH standard Here is a non-exhaus-
• interact with the
back office A COMPLETE
WEBDEV ARE Chrome upon request tive list of processes
•  manage payments by credit APPLICATION SERVER
COMPATIBLE WITH on Windows that you can run in your
A POWERFUL sites card The WEBDEV application server
ALL BROWSERS APPLICATION • access to blockchains: read • manage the security access of manages the hosting of sites,
SERVER bitcoin transactions... the site , the site's pages or to WebApps, REST and SOAP
• IoT: Sigfox, LoRa, MQTT, X10... the site's controls Webservices, runs your
Each browser has its WEBDEV includes an unpar- scheduled tasks.
• encrypting data • manage log files
own special features. The alleled, powerful applica- • send emails
behavior of the same
Edge • generate PDF on the fly YOUR CODE IS
tion server (the "engine" • apply a certificate to a PDF • send SMS
on Windows COMPATIBLE WITH
browser can even change that runs your program Document • manage surveillance bots WINDEV AND
from one version to another. • 
interact with a reservation • perform a desired manage- WINDEV MOBILE
on the server).
site: booking.com,... ment process: reservation,
If necessary, WEBDEV You can program any- WLanguage is
• analyze in real time the page stocks, order taking, location,
generates several alternate thing you want, with cross-platform.
content of entire third-party announcement, document
codes for the page, so You can reuse it in
incredible ease. Web sites base, directory, ... Windows, Linux, Mac,
that it is displayed correctly Code is written in • apply modifications to DOCX • manage communities, forums, Android, iOS,...
regardless of the browser. WLanguage, a 5th gener- and XLSX documents blogs, FAQ, wiki,...
You don't have to do Firefox ation language. • perform all the desired calcu- • search engine INHERENT SECURITY
on Linux or Windows lations • scan and documents archiving By default, the sites built
anything. All the types of pro- • virtually try clothes, jewelry,
• read and write in databases with WEBDEV
cesses are possible • start queries glasses, makeup, hair styles are protected
with WEBDEV. • modify images: change the • work with non-latin lan- against SQL injec-
color of a T-Shirt or a car for a guages: chinese, russian,... tion.
manufacturer • analysis of the user behavior The context cannot be
Safari • generate bar codes • ... copied.
on Mac

THE SAME WEBDEV :


WEBDEV SITE THE TECHNOLOGY OF THE FUTURE
IS DISPLAYED
IDENTICALLY
WEBDEV : MODERN With WEBDEV you don't have to learn the
ON ALL DEPLOYMENT subtleties and different behavior of each
browser version (Chrome, EDGE, Firefox,
BROWSERS With WEBDEV there is no need to learn 5
Opera etc.) for each HTML tag, or to manage
different frameworks... Knowing that these
all these particular cases by hand, like in the
frameworks often become obsolete a few old days.
months later, and that the new version will With WEBDEV you have an environment that
not necessarily be compatible with the previ- manages all browsers.
ous one... With WEBDEV your code will work With WEBDEV you have one single lan-
for years to come guage. Everything is written in the same
With WEBDEV you have an environment language, data sharing is easier.
WEBDEV allows you to create "Responsive" sites.
WEBDEV also supports the concept of "Dynamic
where everything is integrated. You have technical support at your disposal.
Serving" “: a single URL corresponds to 2 different
pages, a Desktop page and a Mobile page;. Depending
18 • WEBDEV Develop 10 times faster on the browser the right page is displayed. www.windev.com • 19
POWERFUL CONTROLS
EBDEV ®
WEBDEV offers all the types of controls
required to create Internet pages and Web
An eye is displayed at the end of input area.
A click on the eye allows the Web user to see the password.
to the catalog.
The clipart content is rich and varied: images, icons, frames,
DRAWER CONTROL
A Drawer control lets you expand and collapse a display area.
ll the Web This is useful to avoid typos! animations, graphic buttons, bands, shapes.
applications. Let's take a closer look at some
controls, of them. IMAGE CONTROL
and much The Image control allows you to display images in standard
more... Web formats: Jpeg, Gif, Tiff, PNG, SVG...
EDIT CONTROLS : WITH MASK The images can be clicked to start a process. See also the
The WEBDEV edit controls allow you, as the other controls, to "Image Gallery" control on p 26.
define a large number of parameters, visually and intuitively
via the "7-tab" interface or by programming. It is easy to
THUMBNAIL CONTROL : AUTOMATIC
define powerful input masks, without having to type a single A Web site often manages images or photos that are also
line of code. Formats are shown as soon as the control is used as thumbnails, for selection purposes for instance.
DISABLE WEBDEV automatically manages the dynamic generation of
being entered. AUTOCOMPLETE these thumbnails.
Browsers automatically offer an autocomplete feature for
forms inside a page. IMAGE WITH AUTOMATIC ZOOM
When the user starts entering information in a form (a When the zoom effect is enabled on an image, hovering
delivery address for instance), all the controls in the page are over the image with the mouse cursor automatically opens
filled automatically. MENUS an area next to the image where the section of the original
This feature is dangerous for confidential data. WEBDEV lets you create drop-down menus (horizontal and image is enlarged, showing the details of this section.
With WEBDEV, you can disable this browser feature control vertical) in WYSIWYG mode as well as "tab" menus and
by control via an option in the "7 tabs": Disable autocom- "popup" menus.
plete. You can dynamically add (by programming) menu choices,
sub-menus...
HTML EDIT CONTROL Menus are tactile. They are generated in full CSS mode and
This type of control lets users enter rich content. adapt to the Responsive mode.
A toolbar automatically comes up as a control header, and
lets the user define the rich formatting.
The data is saved in HTML standard.

Examples of input masks BUTTON CONTROL


Among the input masks provided: duration, capitalize first A button control can contain text, an image or can be
letter, file name and path, e-mail address etc... defined using CSS.
Note that HTML5 input masks are also offered. A button can be customized based on its state: idle, hover,
click, focus, grayed.
EDIT CONTROL :
HINT TEXT Pop-up menu example When the cursor hovers over an area of the image,
The WEBDEV edit control offers hundreds of setting com- it is automatically displayed and zoomed in
binations. CAPTCHA CODE
Among these possibilities, the edit control can contain hint A Captcha control is available.
text. Google Captcha can also be used in a WEBDEV site.
When the web user starts entering information in the con-
trol, the hint text can become the caption above the edit
area. Therefore, the Web user can always read this hint
CALENDAR DATE EDITING CONTROL
during the input. The calendar control is used to create a control included in
a page or to open a "popup" calendar to enter the date.
Google's Captcha control
A large number of options are offered for customization and
presentation: frame the current day, cross out dates in the
TABS past, show a date range, highlight holidays,...
Tabs are easy to manage.
The empty edit control...

INTELLIGENT BUTTON PROTECTED FROM


"MULTI-CLICK"
... during the input: the hint text Multiple clicks on validation buttons are ignored by default. A
moves above the text entered user who clicks 3 times the "Validate" button won't receive
3 orders...
PASSWORD INPUT
The WEBDEV edit control offers the possibility to enter COMPLETE CLIPART WITH OVER 10,000
passwords. IMAGES AND BUTTONS
WEBDEV comes with over 10,000 pieces of clipart. Example of a page with tabs.
You can reference your own images and illustrations to add

20 • WEBDEV Develop 10 times faster www.windev.com • 21


POWERFUL CONTROLS (CONTINUED) SOCIAL NETWORK CONTROL
The “Social network “ control is a toolbar containing
The ..CaptionHTML property makes it possible to modify
the appearance of the token by inserting HTML code.

•••
pictograms used to establish the link to the main social net-
continued from page 21 works of the Web : Facebook, Twitter, LinkedIn, Instagram,
Pinterest....

EBDEV ®
IMAGE EFFECT "VIDEO" CONTROL
easiest and
ost intuitive
method
To use the identifiers of a Web user for authentication, see Examples of tokens in a Token control
page 37.
"POPUP" COMBO CONTROL
FIXED AREA ON THE SCREEN
WEBDEV allows you to easily create combos that display a
small "PopUp" page when you expand them.
The expanded area of this combo displays a PopUp that you
have previously created.
Images can benefit from automatic effects.
Among these effects, the "automatic movement" is very
popular. This effect simulates the light move of a camera
over an image: without having to program anything, the The "Video" control lets you play videos of various format:
displayed image comes to life and slightly moves, slowly and Microsoft (Wmv), Webm, Mpg, Ogv, Flash (Flv), QuickTime
smoothly in its section. (Mov), ...
The features for read, pause, fast forward, ... are supported.
CSS3 ANIMATIONS ON THE CONTROLS Video display is also managed by HTML 5. Even if the user scrolls the page down, the basket will
WEBDEV allows you to easily define effects on image con- YouTube videos are supported. remain visible at the same position
trols: acceleration, clipping, fading, automatic zoom, fade in,
SLIDER & RANGE SLIDER CONTROLS This fixed anchor allows one or more controls to remain
hover zoom, photo effect, panoramic movement, blinking,
visible when the user scrolls. The area is said to be "pinned".
shift, sweep, inclination, rotation, ... Slider and Range Slider controls are also available.
Peeling corners are also supported.
The elements anchored in such way move with the scrollbar
You can also assign a CSS3 animation found on the Internet
and therefore, they remain visible while the rest of the page A graphic combo popup,
to a WEBDEV control. The animations declared in the style
scrolls. containing a Looper
sheet are listed in the editor.

CLICK AREA (MAP AREA) HTML TABLE


The HTML Table enables you to easily create static presenta-
The click areas are used to perform hypertext processes:
tion tables in your pages.
depending on where a web user clicks in an image, different
operations are launched. RATING CONTROL
Defining the click areas is very easy via the geometrical areas. This control allows the user to enter a rating, or a site to
Several areas can be nested.
If necessary, you can get the click coordinates, at the pixel
display a rating. INTEGRATION OF EXTERNAL COMPONENTS
The visual symbol used by default is a star, but it can be This example calendar with date range selection comes from a JavaScript
level. modified (smiley, hand, heart, etc.). The rating can be a component.
decimal number.
"GOOGLE MAP" CONTROL Integrating controls from different frameworks (Bootstrap, React, etc.) is
You can include a Google Maps control in a site. easy with WEBDEV (see p. 34).
It is easy to enrich the map: set markers, display a route, WEBDEV is open to all technologies.
define zoom factors, ...

CLICKABLE SWITCH CONTROL


"Clickable switch" controls are increasingly popular in Web
BREADCRUMB, SITEMAPPATH pages.
(BREADCRUMB TRAIL, NAVIGATION
SCHEME)

A "Breadcrumb" (which was called before a "SiteMapPath")


is a linear menu that is built as the user browses through a TOKEN CONTROL
site. Token controls are very easy to include in your pages, and
The "breadcrumb" term refers to a useful navigation scheme they are widely used for multiple sorting criteria.
It allows the user to easily go back to a previous page. This is a new type of control which is available in WINDEV,
Breadcrumbs are generated automatically. WINDEV Mobile and WEBDEV.
A site map is also generated automatically. In WEBDEV, the Token control has an additional feature.

22 • WEBDEV Develop 10 times faster www.windev.com • 23


THE LOOPER CONTROL
SOPHISTICATED CONTROLS In addition to the controls presented in
the previous pages, WEBDEV offers very “LOOPER “ CONTROL “ :
sophisticated controls A VERY POWERFUL CONCEPT

••• continued from page 23

THE UPLOAD CONTROL (HTML 5) SCHEDULER CONTROL


The Upload control allows you to upload a file from the The scheduler control is used to manage the schedule for
browser toward the server. File picker, drag & drop, multi-se- multiple resources.
lection, progress bar, ... are supported out of the box. It automatically links with data (data binding).
This control saves weeks of programming.
The scheduler control is adapted for touch devices (tablets,
smartphones).
The operating modes to create, move, delete appointments
are compatible with the "multi-touch" environment, and can
therefore be performed with the fingertips.
The configuration level is very granular, and can use CSS.
Looper control being defined in the editor
An "Organizer" control is also available.
Looper control at runtime
INTERACTIVE CHART CONTROL A Looper control is a set of controls repeated horizontally • font color (amount in red if negative)
The WEBDEV Chart control offers many types of charts, in 2D and/or vertically, a defined or undefined number of times. • photo of an item...
and 3D mode, in static and interactive mode: line, column,
semi-circular, pie charts, ...
The Looper control includes a menu for automatic
A chart can be displayed in real time : the chart evolves
export to Word, Excel, ... (see p 27).
according to the data received.
A menu allows the user to dynamically modify the parame- PAGER CONTROL
ters: chart type, legend display, etc,...
The pager used to quickly browse the pages (and its
A crosshair helps you read the data precisely. Linear Looper
code) is automatically generated for a looper as well as for
Animation effects are available.
Loopers are filled either by programming, or via a direct link a table.
to data files (data binding), or from queries.
For example, the number of repetitions can be the number
of records in the query,...
Each attribute of each control can be modified for each row. Example of automatic pager
The upload can be done in the background. For example:
• line color

"DASHBOARD" CONTROLS CONTROLS ADAPTED TO


MOBILE USE
WEBDEV allows you to easily create dynamic dashboards. A
dashboard control is made of widgets (internal pages). When sites created with WEBDEV are run on a mobile device
The configuration of the dashboard by the user is managed (tablet or smartphone), the behavior of the controls adapts
automatically. to touchscreens.
The end user can customize and adapt the dashboard.
AND OTHER WEB CONTROLS
WEBDEV offers many other controls such as TreeView,
SLIDING BANNER CONTROL Camera, Java Applet, Iframe, Cell, Layout, Link, List Box,
The Sliding Banner control is used to display several contents Line, Control Template, Internal Page, TreeView Table,...
successively, either automatically, or further to an action You got it all.
performed by the Web user. And, in the next 2 pages, you will discover 3 impressive
The banner can contain controls and processes. controls: pane, image gallery and table.
A sliding banner is often used in site header.

SCHEDULER &

The banner changes its plane automatically or on Thanks to the openness of WEBDEV,
request. The planes can contain controls you also have access to all components

24 • WEBDEV Develop 10 times faster www.windev.com • 25


SOPHISTICATED CONTROLS (CONTINUED) TABLES (DATAGRIDS)

••• continued from page 25 POWERFUL TABLES


The "Table" control is a powerful control.
A Table can be automatically fed by a data
RICH FEATURES
The Table control offers many types of col-
umns: text, link, numeric, currency, date,
The Table control allows you to program all
the desired behaviors.
End users automatically benefit from many
EBDEV ®
"AUTOMATIC PANE"
CONTROL
file or by a query (binding). time, check box, image, container. features:
• Resize columns
easiest and To update only the necessary elements, the 3 display modes are available : with scroll-
The use of sliding panes in Web sites and Table control makes Ajax calls. bar, with pager, or display all the content • Filter, search
ost intuitive • Move column
method applications is becoming more and more A Table can also be filled by programming in the page
popular. in server code or browser code. You can define breaks. • Export to Excel, Word...
These panes can contain controls, menu Over 80 WLanguage functions are available A table can allow single selection, multise-
options, charts, internal pages, ... to handle the Table control by program- lection or no selection.
WEBDEV manages these operating modes ming. A table can be in read-only mode or allow
automatically. input.
The closed pane shakes when the mouse
hovers over its area in order to be seen!
It is possible to In Responsive Web Design
Mode, the columns auto-
search in the table Columns can be matically become rows on
via the magnifier sorted phones

A scrollbar
OPEN CLOSED Columns can be automatically
resized replaces the pager
PANE PANE

Table rows allow


The background of
"multiselection"
the selection bar can
correspond to an
image
This control allows you to save weeks
of development. Anchor and
An image is displayed in a cell.
Table cells can be automatic scrollbar
In this cell, other controls can be
inserted into the image and/or in edit
stacked to the image: static, button,... Automatic management
When the browser is enlarged, either of a "cache" (partial fetch)
the number of images increases or that only loads the data
An hourglass is automat- necessary to display and
the size of the images increases. ically displayed when a scroll through elements
The Image gallery control is respon- long process is performed. smoothly for the human
sive. eye

AUTOMATICALLY EXPORT
TO XML, WORD, EXCEL
AND OPEN OFFICE
For Table and Looper controls, an
automatic export menu to XML, Word,
Excel and Open Office... is proposed to
the Web user.
IMAGE GALLERY The data found in the table or in the
CONTROL looper will be automatically exported
to the selected tool and format.
This control, based on a Looper con-
In Intranet use, users can easily build
trol, is used to manage the display of
their simulations under Excel!
several images without programming. ...OR PROGRAM EXPORTS
The images can have differents sizes NOTHING TO PROGRAM If you want to automate automatic
and proportions: the Image Gallery export from your sites, program-
There is nothing to program for Web
control performs a harmonious display. ming commands are available in the
users to benefit from these export
The navigation between images is WEBDEV 5GL.
features.
automatically managed.
You can disable this feature, of course.
The control displays the images found
in a directory, coming from a database
or defined by programming.

26 • WEBDEV Develop 10 times faster www.windev.com • 27


HTML5 64 LANGUAGES IN YOUR SITES

HTML5 AND W3C Compliance with the and pages (see page 17). A Web site or Web applica- PLAN FOR
In WEBDEV, you don't HTML5 standard guaran- tion has a worldwide audi- THE FUTURE
tees page compatibility on COMPATIBILITY OLDER ence: any web user in the
need to write HTML code, Imagine how
all browsers on the market BROWSERS: HTML4
WEBDEV generates it auto- world can take a look at it! much simpler it'll
matically for you! that support the standard. To ensure compatibility with older
browser versions, mainly used on the
Therefore, developing be to develop
The HTML code generated
WRITE HTML Intranet, WEBDEV also allows sites multilingual sites is often multilingual sites
by WEBDEV respects the
CODE DIRECTLY to be generated using the HTML4 required. or to make an
HTML5 standard and com-
plies with the W3C recom- If necessary, you can edit Transitional standard. It is even a requirement for existing site mul-
mendations. the HTML code of controls countries that have multiple tilingual since
official languages: Belgium, translations can
Switzerland, Luxembourg, be added later.
Canada...
Example of text entry AUTOMATIC TEXT
WEBDEV brings an inte-
in several languages
grated and powerful solution EXTRACTION
for supporting languages. A tool available separately
Simply enter the captions in the differ-
ent languages selected (Latin and non- (WDMSG) lets you extract
64 LANGUAGES PER SITE Latin languages: Chinese, Russian, etc.) all the project "text"and
CSS3 Up to 64 different languages are sup- and WEBDEV takes care of the rest.
To change the language dynamically
reintegrate it automati-
ported by the sites you develop. All cally after translating it
CREATING STYLES : MODIFY THE CSS ANIMATIONS you need to do is pick the languages in the site, simply call the WLanguage This is useful if you want
CSS WITHOUT KNOWING CODE OF WEBDEV AND EFFECTS ON in the configuration screen (these can
function Nation. your site translated by a
CSS STYLES CONTROLS be modified at any time).
Note that even the text of image but-
translation agency.
The generated CSS tons will be translated!
style can be modi- The WEBDEV environment
fied, if necessary, offers many effects and
directly in the.css animations: fade in, zoom
file . on hover, blinking, rotation, 3D twirl,
A CSS style created by
etc.
WEBDEV and modified out-
side is still recognized by the These effects are available on all con-
editor. trols and can be configured: duration,

CSS STYLE EDITOR


acceleration line, ... ELECTRONIC INVOICING
You do not need to know CSS to use
A CSS style editor is also
offered with WEBDEV.
these effects. WEBDEV generates the AUTOMATE SUBMISSION
You can write your own CSS necessary CSS code.
code in the CSS style editor, WEBDEV facilitates the automatic EXAMPLE: FACTUR-X
or paste a code from the REFERENCE EXISTING CSS preparation and submission of elec- (HYBRID INVOICE) Factur-X,
Internet. ANIMATIONS tronic invoices. is a hybrid invoice standard: an
invoice that is readable both by
IMPORT EXISTING There are other special effects, avail- WINDEV MAKES IT humans (PDF) and EDI (XML).
CSS STYLES able on the market as CSS animations. POSSIBLE
An invoice in the Factur-X standard
For example: pendulum, flotation,
TO AUTOMATE THE
You can import existing CSS3 contains a PDF archive (A-3 standard)
SUBMISSION
To create a style with WEBDEV, the styles into your WEBDEV projects. explosion... of the invoice, and the standard XML
WEBDEV makes it easier to automate file (5 standards are defined in Europe,
developer or web designer does not In the WEBDEV environment, the To apply this type of third-party anima- the submission of electronic invoices: depending on the level of detail) that
have to know CSS3. imported styles are proposed in the all the features for electronic invoice
tion to a control, simply reference the includes the invoice details.
The style is created visually using the same way as the styles created with submission are available in WINDEV.
CSS style sheet containing the descrip- WEBDEV has all the necessary XML
"7 tabs" technology. WEBDEV. • Easy PDF creation functions to generate and sign XML
WEBDEV generates the corresponding tion of the animation in the project. • Managing the certificates
REFERENCE EXISTING CSS files.
CSS style Simply select the name of the ani- • REST Webservices WEBDEV makes it possible to create
The styles can be modified in the editor
STYLES • Native JSON
mation to use, its duration and its PDF files according to the A-3 archive
at any time, the modifications are of WEBDEV also allows you to reference • ... standard.
repetition in "Animations", in the "7 The development of an automatic
course applied to all the pages and external CSS style sheets.
Styles are presented directly in the tabs" window for editing the style of invoice submission functionality (single
controls that use the modified style. or batch) is easy.
editor, and can be used immediately. the control.

28 • WEBDEV Develop 10 times faster www.windev.com • 29


THE HEART OF WEBDEV: ITS LANGUAGE
PROGRAM EVERYTHING YOU WANT THE CODE EDITOR GUIDES YOU
The integrated WEBDEV 5GL WLANGUAGE: JSON The code editor is a major written is WLanguage and that it will SOURCE CODE
language - WLanguage - POWERFUL, INTUITIVE JSON is managed natively in contributor to WEBDEV's be executed on the Browser. MANAGER
allows you to esily describe WLanguage allows for faster program- WLanguage. efficiency. The pink bar means that the code WEBDEV comes with a versioning
all the necessary processes. ming and better code quality. Coding is intuitive, fast and written is PHP. tool, the collaborative Source Code
A WLanguage command often cor- AUTOMATIC done directly in the relevant The blue bar means that the code Manager (SCM, see page 46).
responds to hundreds or thousands GENERATION control. written is JavaScript code.
INTERNET of lines of code in JavaScript: your OF HTML, It is visual and intuitive! AJAX
PROGRAMMING HAS teams develop faster, the risk of bug JAVASCRIPT A REVOLUTIONARY
NEVER BEEN THIS AND CSS METHOD ALL EVENTS ARE
decreases.
EASY NOR THIS The unique code editor technology SUPPORTED
Browsers only understand HTML,
POWERFUL ENGLISH OR FRENCH? helps create quality code and develop The less common events are offered
JavaScript and HTML code.
The WEBDEV 5th generation lan- faster. in a list. As for AJAX (refresh only strictly nec-
WLanguage is available both in English The WLanguage code that will be
guage, WLanguage, already used essary data in the page), simply click
and French. executed on the Browser automatically All events are supported: click, double
THE WEBDEV on "Ajax" on the bar to use this
Easy to remember English commands generates the corresponding HTML, click, key down, key pressed, key up,
DEVELOPMENT METHOD technology.
makes coding intuitive, and mainte- JavaScript and CSS code. mouse button down, mouse button
nance easy. The most common events for a control
are proposed by default in the code
up, mouse out, mouse over, focus lost, AUTOMATIC
WLanguage commands (hReadFirst, NO NEED TO KNOW focus gained, modification, selection COMPLETION
JAVASCRIPT, CSS AND editor, and materialized by a color bar.
hReadNext, SSLActive, hFound, etc.) of control content, call to help, load,
HTML For example, for an "edit" type control,
are easy to learn and easy to maintain.
You don't have to know JavaScript, Control initialization
NO DEAD ENDS HTML, CSS or PHP to develop with Control entry (onfocus)
The WEBDEV 5 GL is extremely power- WEBDEV.
However, WEBDEV allows your teams Exit with modification (onchange)
ful, it offers over 2,500 programming
functions. to use JavaScript, HTML, CSS or PHP Control exit (onblur)
You’ll never be stuck. code, if they prefer. When typing a command, the type of
WEBDEV also allows you to write parameter expected is proposed in a
PROFILER: OPTIMIZE THE drop-down list. A tooltip also provides
HTML, JavaScript or PHP code.
SPEED OF YOUR CODE information about each parameter of
All the usual Web resources can be
WEBDEV comes with a large number the function used.
integrated into a WEBDEV page: CSS3,
of tools, including a profiler, which
by hundreds of thousands of pro- JQuery, Angular, React, ASP.Net,... REAL-TIME ERROR
measures the speed of each instruction
grammers worldwide, brings an extra
CODE EXAMPLE: SEND in your code. CHECKING
level of confidence which makes site
AN EMAIL
development a lot faster. RAD
Sending emails is easy.
Note that the code and
A POWER UNMATCHED The command is simply
pages can be auto-
ON THE MARKET eMailSendMessage. matically generated If a syntax error occurs, it is detected
Imagine: You can easily program You can add attachments. Emails are Note:
by the WEBDEV in the code editor, even before the the code editor, like the
ANYTHING you want for your site: sent in a background task. RAD and wizards, project is compiled!
perform calculations, string pro- environment,
from a data description can have a white or
cessing, image processing, PDF OPTIMAL DATABASE UNIT TEST OF
(an "analysis"). black background
editing, data access, bar code INTEGRATION PROCEDURES AND
the default events are: submit,...
printing, document scanning, WLanguage is optimized to manage WINDEV AND WINDEV CLASSES
image storage, log manage- • initialize the control,
table data. It offers a predictive input MOBILE COMPATIBILITY SYNTAX HIGHLIGHTING The creation of test suites is totally inte-
ment, certificate application, • entry in the control,
To see an exhaus- data encryption, ... for table names and columns. WLanguage is common to WEBDEV, • exit from the control, To make coding easier and more read- grated in the environment. To directly
tive list of the 5GL WINDEV and WINDEV Mobile: your • whenever modified. able, each word is colored according test a procedure or a class, simply use
commands, see INTERNET EASY WEBSERVICES code is cross-platform. the popup menu that offers to create
Simply type the corresponding code in to its type.
the WEBDEV help PROCESSES Creating and consuming SOAP and When you have existing WLanguage the corresponding section. (and then replay) a new unit test.
at DOC.WINDEV.
COM In Internet, the code is struc- REST webservices is very easy. (See programs, you can reuse them directly. The code that will be executed on the COLLAPSED/EXPANDED
tured between Server and p 33). Browser can be written in WLanguage The code editor includes a convenient CODE COVERAGE
Browser : or JavaScript, as desired. expand/collapse code feature: you can The code editor indicates the "Code
• the code can be executed OOP (OBJECT) WLanguage brings a hide tested code for better readability! Coverage" of the project: each line of
on the server, by the appli- SERVER CODE AND
cation server
The Object-Oriented Programming structured 5GL to Internet BROWSER CODE
code that has never been executed is
(OOP) is supported by WEBDEV: mul- development. UML reported.
• the code can be executed Simply write your code under the cor-
tiple inheritance, constructor, destruc- WEBDEV automatically creates the
on the browser, on the Web responding bar.
user's computer. tor, public, private, polymorphism... Voted "Most productive language on the class diagram by a reverse analysis of The code editor is a
The yellow bar indicates that the code
Both Browser and Server The use of OOP is optional and can be market"
by the readers of "Programmez" (Program) written is WLanguage and that it will the code. major component of the
codes are written in mixed with traditional programming magazine be executed on the Server. Conversely, a UML diagram generates legendary simplicity of
WLanguage. (see p. 32). The green bar indicates that the code the classes' code. WEBDEV.
30 • WEBDEV Develop 10 times faster www.windev.com • 31
SOAP & REST WEBSERVICES:
OOP CREATION, CONSUMPTION
Developing a OOP protected RELY ON WEBDEV'S EASY CREATION OF
EBDEV ®
dynamic site
(linked to data,
WLanguage syntaxes allow modern
and efficient object-oriented program-
• Automatic freeing
• "is one" operator and downcast
EASE-OF-USE TO CREATE
WEBSERVICES
SOAP WEBSERVICES
SOAP Webservices are easy
he debugger and includ- ming. • Low reference
WEBDEV allows you to easily consume, to create: simply define the
ings profes- ing processes) Base class methods can be redefined • Association
create, deploy and host SOAP and set of procedures that make
nal produc- requires a visually from the project explorer; vir- • ...
REST Webservices.
tivity up the Webservice interface.
p ro g r a m m i n g tual methods are automatically gen-
XML, JSON, ... EASY CONSUMPTION OF The WDSL description file is
phase. erated.
WLanguage is optimized to process REST WEBSERVICES automatically generated.
WEBDEV is open Management of the instances' mem-
ory is completely automated in most XML and JSON documents.
to all develop- The structures of the documents are
It is very easy to use REST Webservices EASY WEBSERVICE
ment methods. cases, when allocating as well as when from WEBDEV. DEPLOYMENT
freeing memory. imported, serialized and deserialized
Just call the URLs of the Webservice. Webservices are hosted on
directly in WLanguage.
PROCEDURAL The data returned by the Webservice
a computer that includes a
PROGRAMMING ALL THE OOP NOTIONS The code editor offers assisted input on
can be in JSON format.
the names of the document elements, WEBDEV application server..
OR OOP The OOP concepts are supported: WEBDEV supports JSON natively.
• Classes syntactic coloring,... The setup procedure is auto-
The programming language used in
WEBDEV is WLanguage, the famous • Abstract classes EASY CONSUMPTION OF matically generated.
5GL, renowned for its power, richness • Interfaces SOAP WEBSERVICES Everything is managed from
and intuitiveness. • Inheritance, multiple inheritance It is very easy to import SOAP the WEBDEV administrator as
Developers can choose between pro- • Reflection Webservices into WEBDEV. a "classic" site, all the tools
cedural programming and Object • Overload (dynamic dispatch) Simply import the WSDL description are available: traffic statistics,
Oriented Programming (OOP). The • Abstract and virtual methods (poly- from the Webservice. etc... (see site administration
object oriented approach allows for morphism) The procedures and types of the Visualization and test page automatically generated
p 54).
code evolution and makes future • Properties (get and set) Webservice automatically appear as
maintenance easier. • Constructor types and functions that can be used EASY WEBSERVICE
• Destructor in the project. HOSTING
• Data encapsulation : public, private, Thus, the elements from the The hosting technology is
Webservice appear in the project as based on the robust WEBDEV
regular project elements. standard application server.
EVERYTHING IS The servers can be located
MANAGED on your premises, at a host
INTEGRATED DEBUGGER: The management of Webservices is or in the cloud (PCSCloud for
example).
very powerful; here is a list of some of
FINE TUNE YOUR CODE EASILY the managed features:
• Array type results (SoapArray)
The Webservices can be con-
sumed by any type of appli-
• Data binding Webservices cation, created in WINDEV,
POWERFUL the tooltip REMOTE DEBUGGING • Inclusion of Webservices WEBDEV, WINDEV Mobile
YET USER-FRIENDLY • decimal or hexadecimal result You can debug a server remotely: you • Attributes in wsdl or with any other third-party
DEBUGGER • real-time call stack • Multiple Responses and Headers language.
can debug the server located at your isp
• trace of code run • Message signature
To fine tune your interac- without going there.
• 32 and 64 bits • WS-Addressing
tive Web site, the debugger
• ... • Circular references in schemas
lets you run your site's code The debugger saves you a lot • SPNEGO authentications, ... Result of a REST Webservice: Http code, Http header, content
step by step, and visualize or of precious time when fine
modify the contents of given (JSON by default), etc.
tuning your application. EASY CREATION OF REST
variables. WEBSERVICES
ADVANCED FEATURES The description of a REST Webservice is
performed easily from the Webservices
The debugger is very powerful and editor.
offers advanced features: Simply describe the entry points of the
• step-by-step execution, skip func- external interface of the Webservice:
tions, instantly exit a function, execu- method name, expected parameters,
tion up to a given line,... return value as well as type of request
• autostop, which stops the execution (GET, POST, PUT, DELETE ...).
for each change to a variable's value You can also specify a documentation
or to a given expression note as well as examples for using the
• automatic visualization (can be turned entry point and a description regarding
off) of all the variables in the line being the format of return value.
executed (watch) WEBDEV generates the necessary pro-
• visualization of expressions that con- cedures or classes.
Editing a REST
tain functions
Webservice in the
• display the value of the variable under
editor

32 • WEBDEV Develop 10 times faster www.windev.com • 33


ANGULAR, REACT, EMBER, VUE, NATIVE CONNECTORS: GOOGLE APPS, SAP, LOTUS
BOOTSTRAP, JQUERY... NOTES...

WEBDEV AT THE SERVICE NATIVE ACCESS TO


OF SAP LOTUS NOTES

SAP ECC is a widely used ERP. A site


built in WEBDEV can access SAP ERP
data natively (via BAPI). The access Connection is gglConnection
to the data is directly performed by WEBDEV sites can access Lotus Notes Connection.Email="[email protected]"
SAP, the tracing of accesses is main- in native mode. Access e-mails found Connection.Password="password"
on the Lotus Notes (Domino) mail
tained as well as the management of GglConnect(Connection)
priorities. server, in incoming and outgoing
Contacts is array of gglContact
A family of WLanguage functions modes, is standard in native mode.
Access to contacts, Contacts=GglListContact(Connection)
appointments, tasks TableDisplay(TABLE_Contacts)
and documents found
on the server is easy.
This is used to create
Intranet sites that are
totally integrated to
the I.S. of the com-
pany.. .
WEBDEV allows you to easily inte- • JavaScript code. To interact with the external compo- The usual security
grate in a page Bootstrap components, Dependency files may also be supplied nent, just initialize, read and write the of Lotus Notes is
JQuery.UI, Angular, React. (images, ...). JavaScript variables of the external respected via the
External web resources (Angular com- WEBDEV offers a very simple method resource in WLanguage. Lotus certificate.
ponent, Bootstrap, etc.) are generally to integrate any external web resource
delivered in three parts : into a WEBDEV site. Simply use the
• HTML code "Web component" control, and OUTLOOK
• CSS code import the component codes into it. NATIVE ACCESS
WEBDEV sites can access Outlook in
native mode. Access to Outlook mails,
in incoming and outgoing modes, is
standard.
Access to contacts, appointments and
tasks is easy, in read and write mode.
BROWSER WLANGUAGE CODE This is used to create Intranet sites that
are totally integrated to the I.S. of the
The code of a website is divided into lot more processes that will be run on consumes less bandwidth, it is less company.. .
the "Server" code and the "Browser" the browser. server-intensive.
code. The site is faster, more reactive, it OOP is also available for Browser code.
NATIVE ACCESS TO
The current trend is to move GOOGLE APPS
as many processes as possi- Aside from the ability to connect to
ble onto the browser: the enables you to establish a connec- Google application, WEBDEV offers
server is unloaded, there is tion (with authentication) and call native access to Google application
less data transferred, and BAPIs and pass them parameters. data: Google Calendar, Google Maps,
the user experience is much A wizard helps import automatically Google Contacts, Picasa...
more fluid. the structures used. This allows data to be retrieved and
WEBDEV follows this strong There is no need to install the SAP then displayed in a custom format on
trend. WEBDEV significantly GUI module. the site.,
extends the capabilities of All the WEBDEV features are available.
WLanguage in "Browser"
mode. QUERIES BASED ON SAP Let's see an example of code that lists
The report generator (see p 45) can be Example of native access to
This allows you to create a the gMail contacts and that displays
used to create queries on data found Google Calendar, to be used
them in a WEBDEV table. directly in a WEBDEV page
in a SAP database.

34 • WEBDEV Develop 10 times faster www.windev.com • 35


HTTPS SECURITY SEO: ORGANIC SEO OF YOUR SITES
SECURITY visited site. SECURITY: OPTIMIZE YOUR SITES
As you know security and confidentiality To secure a site or part of a site with TLS EASY IN WEBDEV WEBDEV helps you improve your sites'
are of the utmost importance on the (or SSL), it is necessary to obtain a TLS The secure mode is supported by the
(or SSL) certificate from a recognized organic SEO.
Internet. sites created with WEBDEV . A wizard analyzes the composition of
Usually, when using a website, the data certification authority (e. g. Norton Thanks to SSLActive(), it is possible
VeriSign, Thawte, GeoTrust, etc.). the site pages and indicates the possi-
circulating between the computer of to combine a non-secure information
Once this certificate has been obtained, ble changes to improve the ranking of
the Web user and the Web server is not part with a secure space.
protected : the data can be accessed by simply install it on the server that hosts The same site can easily switch from the pages in search engines (Google,
any eavesdropper. the site. non-secure mode to SSL/TSL secure Yahoo, etc.).
The confidentiality and the authenti- Please note that there are several levels mode. The wizard also checks that the links
cation of the data source are not of certification, from simple encryption among pages can be detected and used
ensured by default. to the "SSL Extended Validation" "Client" certificates are also available. by the engines' spiders.
authentication which allows the
A lot of other rules are also checked.
SECURE HTTPS display of a green address bar
Thus, your sites will rank higher in
CONNECTION in some browsers.
search engines.
The most effective way HTTP, HTTPS
today to protect the Web OPTIMIZE EACH
The URL used for the secure A URL rewriting mode is used to define For
user's information is to use DYNAMIC PAGE
a secure connection such as connection to the site will several addresses for the same page example, the page address can contain
start with "https://" ("URL REWRITING") according to its content. the name of the object (bike, moun-
TLS (Transport Layer Security, the
most reliable successor to SSL) or SSL. instead of the classic "http://". Thanks to the "AWP" technology, This page and its dynamic content will tain bike, oak dresser, etc.), which will
This TSL connection insures the encryp- Web users can also check that there is WEBDEV allows you to optimize each rank higher in the search engines. A improve the page SEO.
tion of the data that travels between a padlock in their browser status bar, dynamic page. page can be renamed.
the user’s computer and the Web server which is proof of the secure transac-
that hosts the site. tion in progress, or a URL written in
This protocol also allows the Web green, as well as the identity of the site
user to authenticate the owner of the they are visiting.

SECURITY OF YOUR SITES:


SECURE PAYMENT PASSWORD ACCESS
SECURE PAYMENT BY FINANCIAL CONTROL ACCESS GROUPWARE: AN AUTHENTICATION WITH
BANK CARD INSTITUTIONS TO WEBSITES AND ENHANCED SECURITY FACEBOOK, GOOGLE,
You can APPLICATIONS: CHECK TWITTER, LINKEDIN
Two main methods can be used to GROUPWARE LOGIN DATA, ...
directly choose Access control enables you to filter
receive payments by credit card. a bank as an Secure password access to a site or to the access to several elements: menu
Directly collect the customer's payment operator, some if its pages may be necessary: it
choices, buttons, controls, groups of
information (credit card number, expi- which will comes as standard in WEBDEV!
controls, pages, reports, ...
offer you an The "User Groupware" features allow
ration date, code) and then perform The protected elements are inactive
online pay- you to define passwords and access
the transaction with the bank. This ment service to level for people or groups of people. and either grayed out or hidden based
To authenticate Web users, it is
method is less and less used. interface with. on your choice.
also possible to use the users'
The most common method consists You can also login data from Facebook, Google,
use a multi- THE SUPERVISOR MODE
in switching to a specialized payment Twitter, LinkedIn, Amazon, Dropbox,
bank oper- The security manager will be able to Instagram, Yahoo... (oAuth 2.0 pro-
page provided by a financial institu- ator such easily configure the user rights. tocol).
tion. as Verifone A friendly editor allows you to define Note that your site will not know the
Once users have validated their order PayBox or and manage these rights. identifiers of the Web user.
PayPal. This
on your site, they are redirected to If you want, the rights of the users
method is used to easily choose and
a payment page managed by a third or group of users can be created or
change the bank account that will be Access control is easily defined from
modified by programming. Automatically make your
credited. the supervisor's editor. No program-
party who ensures the bank transac-
Implementation this solution is easy ming is needed, simply activate the
sites secure, without coding
tion, and returns the payment approval
with WEBDEV, thanks to the "PayBox" "Groupware" option.
LDAP anything!
or rejection. If you want to use an existing LDAP
and "PayPal" components that come
In this implementation, only the pay- as standard. login database, the access control will
ment approval needs to be processed. use it.

36 • WEBDEV Develop 10 times faster www.windev.com • 37


SPA: SINGLE PAGE APPLICATION SAAS : EASILY CREATE APPLICATIONS IN SAAS
(AN ENTIRE SITE IN A SINGLE PAGE) MODE
WEBDEV allows you to create Web refresh the data of a plane that is example).
Applications contained in a single page already displayed (such as a quantity • via a Websocket...
(Single Page Application, SPA). in stock):
Simply use the concept of plane. A • call to an Ajax process Customer A Easy SaaS
plane is a set of page controls. • call to a Webservice (via a timer for
Each plane can be Computer Computer
1 n
visible or not.
Database of

INTERNET
It is possible to
switch between BROWSER WEBDEV SERVER customer A
planes from any
control process: WEBDEV
• click on a button
• code of the page
Customer B application
server
according to some Computer Computer
criteria... 1 n
Thus the appear- Database of
ance and the con- customer B
tent of the page
evolve during the
navigation without
any return to the
Ajax, REST, Websocket, ... Customer B
server.
In SPA mode, the (Json, XML, ...) Computer Computer SaaS
1 n Database of
data displayed in account
a plane is auto- customer n server
matically initialized
when the page Single page Page, Webservice,
containing such Websocket, ...
plane is loaded.
Several methods
can be used to
SaaS (acronym for "Software as a SAAS ADMINISTRATOR • User password
Service") is a Cloud-based software The administration software can work • IP address check
delivery model. with or without human interven- • Maximum number of connections

WEBSOCKET
Customers do not pay to own a license tion. It allows you to create company • Maximum connection time
of the software itself, but to use it. accounts, user accounts according • Authorized connection time, etc...
The data is stored on the servers of the
PUSH SERVER application provider, no longer in the
company's servers.
to an initial configuration, without
human intervention.
CUSTOM
PRICING MANAGEMENT
The interface is offered in Web mode.
Using Websockets is the only way Pricing management is easily per-
to notify the browser without the EASY SAAS : MARKET API FOR SAAS formed via a simple setting.
browser having to ask for it. YOUR SAAS SITES MANAGEMENT
To this end, WEBDEV offers a fam- WEBDEV provides the necessary tools Among the WLanguage functions
ily of browser functions: the Socket to easily implement SaaS solutions: available to manage accounts, you'll
functions. The SaaS administrator lets you find:
This set of functions is used to manage describe the use authorizations. • account creation and deletion
the transmission of information via a The management of customer • account modifications: add users,
Websocket. accounts makes it possible to define time slots, number of users,...
SocketConnect allows you to con- the rules for using the site: authentica- • initialization of a database by cloning
nect to the socket server and open the tion, number of connections allowed, a reference database
communication channel. connection time,... • definition of connection to the data-
SocketAccept allows you to listen This is managed directly from the base...
in asynchronous mode to the opened administrator's interface, or by pro-
socket and specify the WLanguage gramming via WLanguage functions. SAAS AUTHENTICATION SaaS becomes easy
code that will be called when receiving At runtime, the site checks the connec- API with WEBDEV.
a message. tion authorization and the user's rights Among the elements to manage in a
SocketWrite allows you to send via a set of WLanguage functions. SaaS site, you will find:
a notification to the server, to ask • Connection and disconnection
the server to recalculate statistics for • Company identifier
example. • Company password
Using Websockets allows you to send • User identifier
("push") data to a site.

38 • WEBDEV Develop 10 times faster www.windev.com • 39


MODELING A DATABASE : ALL THE DATABASES: MYSQL, ORACLE,
CHILD'S PLAY AS/400, SQL SERVER, MONGO DB...
When you create a dynamic site or a web WEBDEV then asks some simple questions in natural lan- A dynamic site or a Web
application, you need to define the data tables. guage to automatically determine the type of link between application uses data. • HFSQL* • IBM AS/400** • Excel*
If these don't exist you need to define them. the two tables. WEBDEV can access any • MySQL* • Sybase** • Hadoop*
With WEBDEV, this is incredibly easy.. database on the market. • Oracle** • Netware SQL • Mongo DB*
WEBDEV is open, it lets you • Informix** • Ingres • Memcached*
WEBDEV uses a visual representation to describe how data
reuse what you already have.
is organized. WEBDEV supports all the analysis methods. • SQLServer** • Progress** • Redis*
• PostgreSQL* • XML* • Etc...
DEFINING A NEW STRUCTURE ALL DATABASES ARE • MariaDB* • Access *: standard native connector
**: optional native connector
SUPPORTED (NON- • SQLite* • xBase*
Let's look at a simple but representative example of how to EXHAUSTIVE LIST)
define a new structure: the definition of the "Product" and • IBM DB2** • ASCII*
"Order" tables. WEBDEV can read and write in any
database.
Let's create the "PRODUCTS" table “: simply specify its The questions are childishly simple. For example: Here are some of the databases sup- BIG DATA PROGRAMMING IS
name and some general information. Each "product" belongs to at least one "order": yes or no? ported (please see table opposite). WEBDEV can natively access data IDENTICAL REGARDLESS
Each "product" can belong to several "orders": yes or no? stored in Big Data format, such as OF WHICH DATABASE IS
IMPORT Etc... HFSQL, A POWERFUL SQL USED
Let's create the table's structure: each column is defined Hadoop and Mongo DB.
EXISTING Based on the answers to these questions WEBDEV sets the DATABASE, INCLUDED
or retrieved from the data dictionary. Regardless of the database used, you
DATA right cardinality attributes and determines whether a rela- WEBDEV comes with HFSQL, a power- ALL DATABASES VIA will also be able to use SQL or WEBDEV
If you already have an tionship table is needed!. ful client/server SQL database, already ODBC OR OLE DB 5GL commands, WLanguage (hRead-
analysis or data, you Then, WEBDEV asks for the rules to apply in case of deletion used by million of sites. WEBDEV supports all the databases Next, etc.).
can simply drag and or modification (referential integrity). HFSQL can be freely deployed with with an ODBC or OLE DB driver. This again shows WINDEV openness by
drop the structure Prevent the deletion of a Product that has an Order: yes or no? your WEBDEV sites. allowing you to easily switch database.
into Etc... HFSQL features are detailed page 42. SQL SCRIPT = WEBDEV
the data model edi- ANALYSIS YOU ARE USING
That's it, the tables are linked, your work is done.
tor! NATIVE CONNECTOR WINDEV...
The query editor will find the right joins automatically, and An analysis defined in WEBDEV can be
each editor in the development environment will know how WEBDEV can natively access MySQL, converted into an SQL script to create
GDPR If you use WINDEV, note that you can
to work with the data... Oracle, SQL Server, PostgreSQL, SQLite, new SQL databases, and any SQL script share the project and its elements
Data affected by AS/400, DB2, Informix, Sybase directly can be converted automatically into a (code, classes, windows, queries,
the GDPR regulation (modules available separately). WEBDEV analysis to leverage existing reports, …) between the 2 environ-
is identified in the Installing these native connectors is code.
analysis. ments, and export your applications
easy (one simple file). This offers total openness.
The documentation to WEBDEV.
BLOB and Long Raw controls are sup- The existing structures are imported
includes a GDPR ported. by Drag and Drop into the data model
section. The "ORDERS" table is created the same way. Access performances are impressive. editor.
WEBDEV allows you to
The CUSTOMERS place orders. create a new site and its
Therefore, these 2 tables must be linked in the analysis. After NATIVE SUPPORT FOR THE STORED PROCEDURES data, or to create sites
clicking the "link" tool in the icon bar, simply "AS/400" AND If the third-party database supports linked to existing data,
draw a link between these two tables using the "ISERIES" DATABASES stored procedures, these are accessible regardless of the Database.
mouse. WEBDEV accesses AS/400 databases by applications written using WEBDEV.
A link table is automatically created. directly (module available separately),
All you have to do now is print the documentation (optional) without ODBC driver, OLE DB or
and generate the pages and the code with RAD, or start a ActiveX.
new development... It's that simple. WEBDEV can retrieve and export
DDS, run CL commands, manage a
Dataqueue,...
It is totally included in the environ-
ment, and the speed is impressive.
•••
Request or download the AS 400
brochure!

Description of a
data structure in
WEBDEV

THE TECHNICAL WEBDEV allows you to edit the full ana- up to date. A documentation can con-
(AND GDPR) lysis and programming documentation tain several thousand pages, be edited
DOCUMENTATION IN of the site. The documentation is built by in PDF, HTML, in a word processor, etc.
reverse analysis of the site, so it is always
ONE CLICK
40 • WEBDEV Develop 10 times faster www.windev.com • 41
HFSQL : FREE WINDOWS AND LINUX
CLIENT/SERVER SQL DATABASE

WEBDEV supports all the SQL AND WLANGUAGE


databases on the market. Data access is done via SQL or via the
powerful WLanguage functions.
WEBDEV SUPPORTS ALL
You have the ability to mix SQL com-
MAJOR DATABASES iOS
mands and WLanguage commands in
WEBDEV works with all the databases
on the market (see page 41). the same program.
Classic
A PROVEN DATABASE Local or network
SECURITY : “SQL
COMES WITH THE INJECTION" IMPOSSIBLE
PRODUCT: HFSQL
You can create configurable queries,
HFSQL comes as standard with
WEBDEV. which prevents server attacks through
It is a robust and reliable database, "sql injection".
already used on millions of sites world-
wide. FULL TEXT SEARCH
329 MILLIONS OF The "full text" search allows for very
BILLIONS OF ROWS fast string searches inside your data.
(RECORDS)... This is useful for your search engines. HOT BACKUP GDPR
HHSQL enables you to work with large The index supports rich text (RTF, You can trigger a database backup Personal data affected by GDPR are
volume of data (up to 329 quadrillion while the database is being used.
HTML), ignoring their tags during the identified, which makes it easier to
rows). The backup can be triggered by pro-
You can plan for the natural data indexing process. gramming or through a manual action. follow the regulation.
growth with peace of mind. Results are offered according to a rel- You can also perform incremental
backups. HFSQL DEPLOYMENT :
evance order ("ranking").
FREE
SHARING DATA WITH TOTAL INTEGRATION EASY INSTALLATION AND
UNALTERABLE Using HFSQL can save you hundreds of
BACK OFFICE The integration with the development CONFIGURATION
TABLES (FILES) thousands of dollars when deploying.
Site data can easily be shared in real environment is extensive. HFSQL installs instantly, without requir-
HFSQL offers an "unalterable" table ing any operations. The management A non-negligible benefit.
time with back-office applications, to At any time, in all the editors, you have
process orders, send packing lists and immediate access to all the information type: what is written cannot be mod- of databases is automatic.
invoices, picking orders... regarding the tables and columns. ified.
Support for structure modifications (a HFSQL Client/Server is your
WINDEV is the ideal companion to The integration between the interface record goes from 40 to 60 characters
WEBDEV for building solid Back Office and the database allows for easier and
This type of table is useful for comply- for instance) is automatically managed best ally for your sites!
applications. faster programming. ing with some standards. (SDD technology).

SITE CONFIDENTIALITY:
REPLICATION / BACK 128-BIT ENCRYPTION,
OFFICE AES FEATURES
Replication between the site and the On the Internet, the data will be on 128-bit encryption
back office can be useful. a server: with HFSQL, you can easily Referential integrity
HFSQL "CONTROL CENTER" HFSQL supports database replication protect the data against illegal access Logs
and server replication, unidirectional attempts. Replication
The Control Center allows queries, logs, parame- and bidirectional, scheduled or con- Data and index encryption is standard. Transactions
you to monitor all the serv- ters... tinued. Triggers Discover HFSQL with
ers and all the databases • disconnect users Replication can be automated, ro fully ADVANCED FEATURES
installed on the network of • manage transactions: Unicode this 24-page documen-
customized. HFSQL offers advanced features: clus- tation available www.
your company or installed view, cancel, ... Import Export
ter, integrity, log, transactions, trig- windev.com
remotely via Internet. • manage backups (hot HFSQL : EXTREMELY FAST Cluster
gers, automatic management of con-
This center also allows you backup) Unalterable tables
Data access speed is impressive. current accesses, Unicode, zero-down-
to: • view the record locks Compress/Decompress memos
• schedule tasks This provides better response times for time maintenance...
• visualize and print data (blobs) on the fly
• replicate servers your site, be it an Internet or Intranet
• directly execute queries OPEN TO OTHER
• display the number of site. TECHNOLOGIES
• m anage the user PROGRAMS CLUSTER The read load charge is distributed on all the
rows processed Automatic maintenance (DSS)
accounts (groups), rights,
The native connectors, the ODBC and
(SERVER FARM) servers (load balancing for reading).
list of current connec- • manage clusters When a user is connected to a server that Concurrent access management
OLE DB drivers provided with HFSQL Thanks to the cluster feature, a set of
tions • ... fails, the application won't be disconnected Automatic reconnection
let you read and write from third-party physical servers appears as a single server
• edit precise server use but automatically reconnected to a valid No management
programs or applications. to the clients.
statistics: computers, server (automatic fall over). Resume automatically
The potential failure of a physical server
after incident
does not prevent access to the database
Automatic deployment
(high availability, fault tolerance).

42 • WEBDEV Develop 10 times faster www.windev.com • 43


REPORT EDITOR : GENERATE
VISUAL QUERY EDITOR PDFS ON DEMAND (INVOICES, ETC.)

To help you create databases queries, The WEBDEV report editor


WEBDEV offers a visual query editor. solves the Internet reporting
problem.
And it makes creating prints
NO NEED TO KNOW SQL TO CREATE easier.
POWERFUL QUERIES Generating a PDF invoice
Thanks to the visual editor, all you need to do is choose the after an order is placed is
columns to include, specify the selection conditions using the child's play!
wizard, and the query is built.
You can, of course, modify the SQL code generated by the PDF INCLUDED
query editor. You can create reports in PDF as
The queries are run on HFSQL (Classic, Mobile and Client/ standard, no need to buy or install an
Server version) and on all the other databases. additional tool.
You can use WLanguage code with queries (hRead* com-
mands).
A report
VISUAL QUERIES being
The query is also generated both in natural language, which 3 Once the query has been defined, it can be viewed. created
in the
makes it easier to check that there is no error! environment

ANY DATA SOURCE AUTOMATIC


OPTIMIZED EXECUTION BAR CODES
The data used for a report can come
With HFSQL, the choice of the best index will be performed
at run time, taking into account the real weight of each from any source: HFSQL, Oracle,
index in the table. Access and so on, query, text file,
If additional keys are needed to improve performance, the program variable, memory zone, page
HFSQL server reports this. table,...

PDF "PAGE
BACKGROUND"
A PDF report generated with MANAGEMENT
WEBDEV The report editor supports page back-
grounds and pre-printed forms such
PDF/A AND SIGNATURE as tax forms.
The query editor You can create signed PDF/A (standard
ISO archive), and signed PDF (RGS). IMAGES: AUTOMATIC WEBDEV automatically generates bar
Including images (JPEG, PNG, BMP, codes (horizontally or vertically).
Suggestions are even sent to you CREATE A REPORT: EASY
TIFF, PCX, GIF, etc.) in reports is The supported formats are: QR Code,
directly by email! UPCA, UPCE, EAN13, EAN8, CODE128,
extremely simple.
CODE39, CODE93, CODE11, inter-
QUERIES BASED ON QUERIES... The image can be preset (logo, for valed 2 of 5, CODABAR, BC_MSI,
The result of a query can be a visualization table, a printed example), or come from your program Datamatrix, PDF417, ...
report, or even a HFSQL table. or from a file (product photo, etc.).
A query can use as the source for another query. You can also easily print drawings MAIL REPORTS
originating from your program. With WEBDEV it’s easy to create a
QUERIES BUILT ON ANY DATABASE dynamic report (the invoice for the
The data source for a query can be a HFSQL database or product a user just ordered online for
SOURCE CODE IN THE
1 The SQL code is automatically generated a third-party database: Oracle, MySQL, SQL Server, DB2,
AS/400, Access,... REPORT instance) and mail it immediately (in
PDF format for example).
Once validated, the query is displayed visually in the devel- WEBDEV allows you to include any
opment environment, which makes it easier to understand The query editor makes accessing your executable WLanguage source code FREE DISTRIBUTION OF
when you need to make changes. data much easier to program. anywhere in a report: this enables you REPORTS
Choosing the type of report to create
to create your most custom reports Furthermore, you don't pay any royalty
A wizard helps you create high quality to distribute your reports along with
without any problems.
reports; it asks questions so you won't your WEBDEV sites.
2 The query is built in natural language in front of your eyes forget anything!
On an Intranet, reports are printed on
a printer accessible from the server. With WEBDEV, making
On the Internet, the report will be sent sophisticated reports are
to the Web user in a specific format: made easy!
PDF, HTML, DOCX, ...

44 • WEBDEV Develop 10 times faster www.windev.com • 45


TEAMWORK MANAGE YOUR PROJECTS
VERSIONING TOOL (SCM) DASHBOARD & CONTROL CENTERS

PROJECT
DASHBOARD
The dashboard provides a
global vision of the project,
its progress and quality.
Lights come on when some
(configurable) levels are
reached: number of bugs,
missed deadline... and
show what optimizations
to perform.

ALM : PROJECT
MONITORING
CONTROL CENTER
The Project Monitoring
database. A complete or partial Center is used to check
purge is possible. the schedule for each task
• The project is found on each devel- assigned and performed
opment computer ; therefore, you by each team member and
have the ability to develop with the also monitors the require-
offline computer.
ments management and The project dashboard provides an overall view of a project's progress.
• Branch management is covered.
SCM automat- • "Diff" (differences) between 2 the quality control.
ically manages THE REPOSITORY elements is available: A Gantt chart is created.
"dependences": With SCM (Source Code Manager), source, page,...
files used the project elements are grouped in REQUIREMENT AND AGILE METHODS TIME TRACKING
(images,...). a shared database. Before it is used,
REMOTE TASK MANAGEMENT
WORK The methods for Agile development A time management tool is included
SCM detects an element is checked out, and then (BACKLOG ITEMS) with the environment.
them in the once modified, it is checked back in. SCM accepts remote con- are based on an iterative development:
The Project Monitoring Center allows Based on an intuitive communication
project and saves Therefore team members use up-to- nections. This feature gives instead of delivering all at once a pro-
you the ability to work on you to define and follow the status method, this tool regularly asks to
them with the date elements.
a project from a customer's of each requirement for each version gram meant to answer a set of require- validate in real time
project. WEBDEV's SCM stores all the elements
of the project: procedures, sets of location without losing the of the project. A requirement cor- ments set in stone, development is
procedures, classes, pages, reports, modifications. responds to a feature that must be QUALITY CONTROL
done through iterative deployments in
components, queries, analyses, depen- developed in the software. Quality control lets you follow bugs.
short time frames.
dencies (images,...), ... Each requirement can be linked to
SINGLE several tasks (development task, test
WEBDEV is designed for agile me- Managing project is made
TOTALLY INTEGRATED DEVELOPER task, documentation task, …), bugs, thods: Scrum, eXtreme Programming, easier.
Totally integrated with the various
SCM is use- business rules... RUP, CMMI,...
editors, the versioning tool (SCM)
ful even if you
provides better team work, modifi-
develop on your
cation and version history, manage-
own: it keeps a
ment for concurrent versions of a site
history of the mod-
(branches), and automates the backup
ifications for all the
of the source code.
elements and acts
Sized to accommodate teams of 1
as a backup and
to 1.000 developers, SCM facilitates
archiving tool for
and standardizes exchanges between
the versions.
developers without imposing con-
The management of branches allows
straints.
you to easily manage several versions
POWERFUL of the same site.
FEATURES
SCM DRIVE : CLOUD
• SCM is totally integrated in the devel-
SCM can be hosted in the
opment environment.
cloud thanks to SCM Drive. Develop at
• The database manages several proj- the office,
ects ; if several projects use the same
element, this one can be shared.
on the road,
• A history of all elements (pages,
and even
at the Manage the development team's schedule With the given parameters,
code, queries, ...) is stored in the in real time the end date estimated here is April 26th
beach!
46 • WEBDEV Develop 10 times faster www.windev.com • 47
IMPORTING
EXISTING GENERATE PHP CODE
HTML

HTML PHP WITHOUT KNOWING


PHP!
All the power of WEBDEV (WYSIWYG
WEB 2.0: AJAX IN PHP
WEBDEV PHP sites use Ajax.
Access to AS/400 is native (module to
purchase separately).

editor, data model editor, UML, query ADVANCED TYPES WAMP & LAMP
editor, advanced controls, WLanguage, WAMP (Windows, Apache, MySQL, PHP)
In addition to standard PHP types,
etc.) is available to create PHP sites.
WEBDEV allows you to use advanced and LAMP (Linux, Apache, MySQL, PHP),
If you choose to, the pages and the
code (in WLanguage) are automatically types in your code. technologies based on 4 components,
converted to PHP code. The programming is easier and more are supported by WEBDEV.
Without knowing PHP, you easily cre- secure.
ate dynamic PHP sites!
The advanced types are: date, time,
PHP RAD duration, data source, associative CALLING PHP SCRIPTS
Importing pages The WEB RAD method is also available arrays, structures, numeric... You can call an external .phpscript
is also useful for to generate PHP sites in just a few Powerful syntax and operators are also from a PHP page or a standard
creating a "style The initial static page... The same page imported in the WEBDEV editor clicks. available: FOR EACH, string opera- WEBDEV page via the PHPExecute Open to all
book" Automatically generate your sites from tions, optional concatenation, "start command. You can use either a POST standards
IMPORTING EXISTING HTML CODE IMPORTING EXISTING DREAMWEAVER the data model editor.
compatible with with" operator,... method or a GET method, the result is
WEBDEV has an interesting feature: "suck in" existing HTML CODE
an existing site, DIRECT INPUT OF PHP returned in a string.
to preserve the
pages. You have the ability to import Dreamweaver pages, tem- CODE CODE SHARING
The page is imported into WEBDEV, and each text, image, link plates and libraries. When importing a page created with
site's look and and so on... is automatically converted into a WEBDEV object. Dreamweaver, if a Dreamweaver template is detected, it is
In the WEBDEV code editor, you have Using WLanguage allows for sharing AUTOMATIC
feel. The overall style of the page is kept. the ability to write (or paste) PHP code. code between pages and PHP sites, CONFIGURATION AND
automatically converted into a WEBDEV page template. If
CSS style sheets This enables you to easily retrieve existing code. this template is detected in another imported page, it will be WEBDEV standard sites and even with SETTING OF WEBDEV
are imported. automatically substituted with the previously created page WINDEV applications!
During the installation, the Apache
template. This allows you to save a lot of time
Web servers are automatically
and to increase reliability via the reus-
detected and configured, like stand-
ability.
alone Apache servers.
AUTOMATIC
ACCESS TO FREE
WEBIFICATION OF WINDEV APPLICATIONS MANAGEMENT OF PHP
SECTIONS HOSTING
Generating a PHP site allows you
The management of PHP sessions (con-
Sharing (among other things) to access "free"
texts) is automatic. All you have to do
applications and hosting services for your dynamic sites.
is declare the variables that must be
windows with This option can be useful for sites from
retrieved during the next execution of
WINDEV saves a associations or small companies that
the page.
lot of time when
There is no serialization process to don't want to use dedicated hosting.
transforming a Here, the process in red is a piece of
PHP code. code.
Windows appli-
PHP becomes easy
cation into an You're never stuck. PHP 7 & 5 COMPATIBILITY
with WEBDEV!
Internet applica-
tion.
WINDEV WEBDEV
You can mix PHP code and WLanguage
code in the same page. WEBDEV generates PHP code compati-
window page ADVANCED CONTROLS
ble with both PHP 7 and PHP 5, as well
as with the older PHP 4 version.
AS WELL
In addition to the standard controls HFSQL ACCESS
(edit control, static control, etc.) most
Access to HFSQL (Classic, Network and
WEBDEV advanced control types are
available in PHP: gallery, scheduler, Client/Server) is insured through SQL
organizer, charts, table with automatic commands.
scroll bars, looper controls, calendar,
tab, rich edit control, HTML text, auto- ACCESS TO MYSQL,
matic ruler... POSTGRESQL, ORACLE
IMPORTING AND SHARING A WINDEV projects (and even WINDEV Mobile). This is used to simplify the coding
phases. This brings strong security to Access to MySQL, PostgreSQL and
APPLICATION A powerful wizard shows you the code changes to make. For
your sites: input masks preventing the Oracle databases is supported.
Windows created with WINDEV are directly changed into example, if the application writes to the PC disk, the wizard
input of data outside of the expected Note that all the databases that pro-
pages. Controls and code are retrieved. You share classes, reminds you that this is not allowed by by web browsers. format. pose an ODBC driver are accessible.
procedures, reports, queries between WINDEV and WEBDEV The transition from Desktop to Web has never been easier!

48 • WEBDEV Develop 10 times faster www.windev.com • 49


WEBDEV allows
you to host sites
and applications
with a hosting pro-
vider, in the cloud, EASY HOSTING INTERNAL HOSTING (ON-PREMISE)
or internally.
IN THE CLOUD
WEBDEV allows you to host not hesitate to ask PC SOFT to find out
CLOUD You have the ability to replicate your data CLOUD sites and applications created about the latest changes.
from a proprietary server. BENEFITS with WEBDEV directly in your Deploy and
The Cloud for AUTOMATIC
company. administer your
WEBDEV applications The Cloud allows you to free CONFIGURATION ON
CLOUD PLATFORM sites easily.
(www.pcscloud.net) offers yourself from hardware con- APACHE
pre-configured and optimized A PCSCloud platform is a virtual server. THE WEBDEV APPLICATION
straints, and allows you to easily (WAMP LAMP)
operating platforms for your This server is fully dedicated to you, you're manage the evolution of your resources.
SERVER
WINDEV, WEBDEV or WINDEV Mobile the only one who can deploy sites on this In case of punctual needs, you can easily The WEBDEV Application Server is
applications. server. create additional configurations. needed to run dynamic sites.
These operating platforms enable you You can adjust at any time, and very gran- It is installed on the hosting machine.
ularly, the compute power needed for your Deploying a site in the PCSCloud.net cloud The WEBDEV Application Server runs on
to host your WEBDEV sites and your
platform (CPU, RAM, disk, etc.) and this is easy: it only takes one click from the Windows and Linux. If you're using an Apache Web server,
Webservices.
way reduce the cost to the bare minimum. WEBDEV environment! The WEBDEV Application Server setup when installing the WEBDEV application
They also allow you to make your HFSQL
You're freed from the server's administra- program automatically detects the server, the "Apache" Web servers
databases accessible from anywhere in
tion, you can concentrate on your the core installed Web server: IIS, Apache.... (especially the ones used by EasyPHP)
the world, from fixed points or mobile
competency of your business. The configuration of the IIS or Apache are detected and automatically config-
terminals. SILENT SETUP
Web servers is performed automatically ured.
The automatic configuration of the
when installing the application server.
DOCKER OF THE hosting server can be done in a "silent"
SUPPORTED WINDOWS APPLICATION SERVER way (i.e. without manual intervention).
VERSIONS This is useful for hosting providers, as
well as for companies that manage the
All versions of Windows "server" are
supported: Windows 2022, 2019, hosting of their sites themselves.
2016, 2012,... 32 and 64 bits. The setup is fully configurable, and
"Non-server" Windows versions it becomes possible to set servers
(Windows 11, 10, 8, 7, etc.) are also in batches (create instances of the
supported. A Docker container with the WEBDEV WEBDEV application server automat-
Application server is present in Docker ically).
HOSTING WITH A HOSTING PROVIDER SUPPORTED LINUX
DISTRIBUTIONS
Hub.
AUTOMATICALLY MOVE A
Setting up a Linux WEBDEV Application
Linux distributions evolve often. Server becomes extremely simple : 1 line SITE FROM ONE SERVER
WEBDEV supports both the older distri- to write or script! TO ANOTHER
SELECTING DEDICATED SERVER HOSTING Its is really easy to move a live site from
butions and the new distributions. Thus, you can easily create Docker con-
A WEBDEV The site is hosted on a computer that tainers for your WEBDEV sites. one machine to another.
There are 4 types of hosting: At the time this document was created,
HOSTING you "rent" from your provider. The move takes care of all the required
• Internal server (on-premise) the following stable distributions have
PROVIDER You're responsible for administering elements for the sites as well as their
• Dedicated server been tested: Debian 8.11, OpenSuse
On WINDEV's website you the machine and you're the only one • Shared server Leap 15.0, Ubuntu 16.04... operating configuration: everything is
can find a list of hosting to use it, it is dedicated to your com- • Cloud platform Support for higher versions is ensured if automatic.
companies (worldwide) pany. these distributions are compatible. Do
that support WEBDEV You are the only one who can install
dynamic sites. sites on this computer. You can admin-
You can also contact ister your sites remotely thanks to the
your existing hosting tools provided by WEBDEV.
company. STANDING
HOST (FOR
SHARED SERVER
Shared hosting consists in hosting your
STATIC SITES PHP RECORD:
FREE) AND 31,200
TEST YOUR
site on a computer that is shared with
other companies that will be able to HOSTING HOSTING SIMULTANEOUS
SITES IN 1 deploy their own sites on it. The com-
CLICK puter resources are shared. A static site doesn't require any A PHP site doesn't require a WEBDEV CONNECTIONS
PC SOFT offers to host On a shared server, you do not admin- WEBDEV Application Server to run, application server to run.
PHP hosting can be done at a "commer-
FOR A DYNAMIC
your test sites. ister the system, you can only deploy only a Web server and an FTP server
The setup is easily per- your sites. Performance also depends are needed.
cial" hosting provider (Free, Comcast ...). WEBDEV SITE.
formed in 1 click from on the activities of the other sites, but It can also be done internally.
A static site can easily be hosted at a
the environment. the hosting costs are cheaper than on The server computer must have a PHP
"commercial" hosting provider (Free, engine and an FTP server.
a dedicated server.
Comcast ...). Sites are easily deployed from the
WEBDEV environment. HFSQL
Database

50 • WEBDEV Develop 10 times faster www.windev.com • 51


DEPLOY YOUR SITES
AND WEB APPLICATIONS EASILY
Once a site or a Web application is built, it
EBDEV ®
must be installed on the server.
Of course, you can also manually define the files to install,
exclude a folder, only deploy a specific language...
Easy remote WEBDEV comes with a powerful deployment Updates can be deployed without disconnecting Internet The easiest
anagement and setup tool that manages all the possibili- users. most intuit
ties: cloud, hosting provider, internal hosting method
of your company. SCHEDULED UPDATES: AT NIGHT...
WEBDEV offers the scheduling of a specific date and time
for an update.
The elements to update are transfered to the server instantly,
but their actual update will only be performed at the date
and time you've specified.

ARCHIVING
This archiving feature performs a backup of all the site's
elements before performing a site update.
It is thus possible to return to the previous version of the site.
age" of the site that can be copied to physical media.

DEPLOYMENT FOR LOAD BALANCING TESTS: STRESS,


REGRESSION...
A site that attracts a lot of traffic may need to be deployed The provided tool also lets you execute a set of scenarios to
The quality of your site requires a set of appropriate tests.
onto several parallel servers. check for regressions.
WEBDEV comes with a test tool that allow you to make sure
WEBDEV allows you in a single operation to deploy or update
CLOUD DEPLOYMENT IN ONE CLICK that the settings of your server allow the desired maximum
a site over multiple hosting servers.
number of simultaneous connections. Deploying and managing your sites:
Deploying a WEBDEV site in the Cloud is simple.
In the deployment window, specify the identifier of the WEBSERVICE DEPLOYMENT easy with WEBDEV!
PCSCLOUD account and the password in the deployment Deploying REST or SOAP Webservices is as simple as deploy-
wizard, select the platform where you want to deploy the ing sites.
site, and you're done!.
THE DEPLOYMENT OF SITE UPDATES,
DEPLOYMENT IS FULLY SUPPORTED
To deploy a site remotely on a hosting provider, simply
WITH ZERO DOWNTIME
A site is constantly evolving.
MANAGEMENT
answer a few simple questions. When the site evolves, only the modified elements will be
TOOLS
The deployment can be performed in a fully secure way using
the HTTPS and FTPS protocols.
updated, which limits the transfer volume.
WEBDEV compares the elements on the live site with the LOCAL ACCESS
ones on the development computer, and preselects the
DEPLOYMENT BY PHYSICAL MEDIA elements that have been modified. WEBDEV Application
In some special cases (security, etc.) it is sometimes necessary Server Administrator.
to physically install the site (USB, DVD, other) on the server.
WEBDEV allows you to create a complete "installation pack-
Administrator of HFSQL
Site deployment from
server
the development com-
MULTIPLE Development position puter
DEPLOYMENT OF Management of WEBDEV
THE SAME SITE ON My website accounts
THE SAME SERVER Remote administrator
WEBDEV allows you to deploy of WEBDEV Application Hosting Control Center
several copies of the same site Server
on the same server, from a Setup by physical
single project. HFSQL server remote admin- media
This allows a consultant to istrator
offer copies of the same site WEBDEV Project
Monitoring bot (Watchdog)
to multiple clients.
Stress tests
You can also manage all the
Server
proposed sites via a SaaS mod-
ule supplied with WEBDEV
REMOTE ACCESS
My website 1 My website 2 My website n
(see SaaS p 39).

ENVIRONMENTAL POLICIES
When PC SOFT prints "paper" documents, PC SOFT, the paper supplier or the printer, (FSC - Forest Stewardship Council - certified and PEFC
- Program for the Endorsement of Forest Certification - certified) replants as many trees as used for the printing. The FSC label was created
by the FSC NGO, which includes among others Greenpeace, Friends of the Earth and the WWF. Also, we favor pulp coming mainly from
recycled wood (from furniture mills for instance) and from controlled forest clearing. As for the delivery of the software, on request they are
Customer site 1 Customer site 2 Customer site n available without packaging or "paper" documentation. A license for 10 developers can be supplied upon request with only 2 sets of paper
documentation for instance.

52 • WEBDEV Develop 10 times faster www.windev.com • 53


MANAGE YOUR SITES AND APPLICATIONS FRONT OFFICE, BACK OFFICE
WITH EASE (AND MOBILE)
MANAGEMENT: LOCAL OR message, by message sent to a specific WEBDEV sites can easily WINDEV & WEBDEV WINDEV lets you create in record time WEBDEV and
REMOTE application (internal messaging appli- operate with existing appli- REPRESENT THE IDEAL the most complete, high-performance WINDEV are
The WEBDEV application server is sup- cation, etc.), to a control screen (visual cations. PLATFORM TO START applications. compatible:
warning and/or sound warning), by
But the compatibility A GLOBAL APPLICATION • project
plied with an administrator that can You'll use the powerful integrated
and integration between To create Internet and Intranet sites • analysis
be accessed remotely, allowing you to starting a WLanguage procedure database or any other database on
WEBDEV and WINDEV make that manage data (Front Office), PC • tables
configure the server and to monitor its to a third-party programming (send an them the ideal package for the market.
SOFT offers the WEBDEV integrated • components
activity. SMS for instance). developing Front and Back • reports
environment. WINDEV, WINDEV Mobile and
Several parameters can be specified: The WEBDEV application server can also Office applications very It is the only integrated environment • code
WEBDEV are compatible; their devel-
maximum number of connections quickly! (from modeling to setup, including • classes
email a report containing the details of opment environment is similar. They
authorized by the server, maximum database support and maintenance) • windows,
the errors that occurred. FRONT AND BACK share projects, objects, code, classes, pages
number of connections for a given site, that allows you to easily develop robust
OFFICE reports, analysis... • ...
maximum number of instances per web sites managing data in real-time.
The Front Office is the customer-facing
user, lifespan of contexts, and so on,... part: usually the interactive Internet
Note that the administrator can also be For all internal business applications LEGACY APPLICATIONS?
site.
installed as a service, without any inter- The remote administrator (Back Office), PC SOFT offers a devel- WEBDEV is totally open, which allows
Basically, the Front Office manages
the requests for information and order oper's dream: A professional devel-
face, on the server computer. it to interface with any existing data-
MONITORING ROBOT taking. opment environment and application
You also have the ability to specify the base, via ODBC, OLE DB or in native
The "Back Office" refers with the inter- lifecycle management for Windows:
rights for each user. A sophisticated monitoring robot is sup- access.
nal company processes: order process- WINDEV.
plied with WEBDEV. It can be used to
ing, inventory management, statistics, And if you want to use your applica-
SECURE SITE ACCESS monitor the availability of WEBDEV sites,
production orders,... tions on mobile devices, just recompile
The administrator can enable security HTTP servers, NNTP servers, SNMP serv-
In short, the Back Office processes the them using WINDEV Mobile.
You easily achieve your
ers, file servers, mail servers, WEBDEV
options such as :
application servers, HFSQL server... orders. objectives with WEBDEV.
• navigation by IP address (to prevent The frequency and the repetition of the
session theft) tests to be performed are configurable.
• protection of the AWP context identi- In case of trouble, based on your choice,
fier (HTTPOnly cookie). the server sends a warning by email

TRAFFIC STATISTICS
OF YOUR SITES
It is important to have accu-
rate statistics about visits to
INTRANET & EXTRANET
STATISTICS
TEST MORE THAN 1000 SITES
your sites. WEBDEV is also provided with a com-
prehensive statistical management tool
DEVELOPED WITH WEBDEV
USING GOOGLE for the dynamic pages of your sites.
ANALYTICS They work on intranet and extranet OVER 1000 EXAMPLES
Google Analytics is a very popular tool sites: the collected information remains To test sites developed in WEBDEV, the easiest is to connect
for measuring site traffic. confidential. to www.windev.com. In the WEBDEV section, a page pro-
Google Analytics can measure the Among the information collected: poses a list of thousand sites developed by WEBDEV users.
number of views for each page of Number of page views, number
the site, load time, navigation path, of unique visitors, number of ALL FIELDS,
resource loading time (images), bounce visitors per page, users' site ALL LANGUAGES
rate, user environment (hardware, of origin, country of origin, These sites represent all kinds of fields, in all kinds of lan-
Geographical location, language, browser used, and even guages, all built by different companies using WEBDEV.
browser, ...), the origin of the navi- pages having a technical
gation (source page, advertisement, problem! INTRANET SITES
...), etc. For obvious confidentiality issues, Intranet and Extranet sites
WEBDEV can automatically integrate cannot be listed.
the trackers necessary for statistics for Multinational companies have developed strategic Intranet
Analytics into your sites. and Extranet sites that are distributed in hundreds of
You can also track specific events: branches and subsidiaries.
interaction with a social network,...

54 • WEBDEV Develop 10 times faster www.windev.com • 55


EBDEV
he best way
®

enefit from
he Internet
BE A MAJOR PLAYER
ON THE INTERNET
YOU'RE A MANAGER
You need a solution that allows your teams to
QUICKLY DEVELOP the powerful Internet and
Intranet applications your company needs: WEBDEV
is the ideal solution.
MANAGING THE LIFECYCLE OF
YOUR SITES
WEBDEV is a COMPLETE DEVELOPMENT PLAT-
FORM that integrates all the modules required for
development and maintenance.
D evelop all types of sites
and web applications
Some examples of sites and
applications that can be easily
created with WEBDEV (non-ex-
haustive list).
boat cabin on a map
• Executive dashboard in real
time, with company revenues,
• Entering travel expenses
• Management of equipment
inventory
WEBDEV ensures that you’ll stay within budget, This ensures the success of your projects. Some sites are Intranet sites, estimated margins, stock inven- • Dating site
have great performance and remain within WEBDEV is famous for BEING EASY TO LEARN. other are Extranet sites and tory...
• Wiki management
schedule. other Internet sites. • Shared schedule of a geographi-
ORDER WEBDEV TODAY ! • B2B portal
YOU'RE A DEVELOPER • E-commerce site with secure pay- cally distributed team
Each day that goes by, you and your team are wasting • Discussion forum
You know how to develop.. With precious time. • Appointment scheduling
WEBDEV you'll instantly know how WEBDEV allows you to quickly become productive • Package tracking
• Job schedule of a maintenance
to create static and dynamic in the development of POWERFUL INTERACTIVE • Mailing list management
sites. WEBSITES, which are a requirement for all compa- team
WEBDEV allows a natural nies today. • For a mail-order company, put • Management of "bonus" points
methodological approach, Don't let your competition beat you; you can take all the technical documentation of a loyalty card: current number
which results in the SUCCESS advantage of the easiest and most powerful profes- of points, maturity, automatic
OF ALL YOUR PROJECTS. sional development environment for creating Internet
and manuals of all the products
offered online display of available rewards,
and Intranet sites that manage data.
YOU'RE AN INTERNET management of reward's cash-
• Natural language search engine
SPECIALIST WEBDEV is a very complete and powerful ing, etc,...
for a text database (FAQ, ...)
WEBDEV provides the solution to your tool, yet it is very simple to use. • EDM
problem: use side by side with existing The ROI is very quick: you'll quickly save • Scanning and archiving all the
sites, imported sites, dynamic sites that use accounting documents received • Remotely monitor a production
money with WEBDEV.
databases in real time. ment (invoice, packing slip, etc.) in line
You will be able to REUSE your existing
• Bills paid via Internet order to be able to view them at • Company Intranet Portal
elements and your web skills without limits.
• Managing your customers' orders any moment And any other site you can
COMPATIBILITY WITH
WINDEV TAKE A STEP  AHEAD: • Allowing your customers to con- • Event reservation: seminar, din- think of! There are no limits.
ner, show, etc,...
WINDEV is a very successful IDE. WEBDEV is ORDER WEBDEV sult the progress status of the
• Management of a shared year-
COMPATIBLE with WINDEV and WINDEV
Mobile. TODAY order: received, entered, pro-
cessed, correct, shipment track- book: company directory, stu-
WEBDEV :
Both products are implemented the same way.
It is very easy to convert a WINDEV application into ing,... dents in a school, alumni, club DEVELOP
a WEBDEV Internet or Intranet site. • Real-time stock access members, etc, ...
EVERYTHING!
• Dynamic creation of images • School canteen management:
according to entered parame- payment, menus, absences, ...
ters: • Real estate ads, cars, auctions,
- virtually try clothes ...
- presentation of a car with the • Management and consultation of
color and options chosen medical analyses
- customize a T-shirt according
to the image uploaded by the
customer
• Online definition of a software's
options, calculation of the pack-
PHP age price, and instant download
SaaS after payment
Cloud • Reservation of airplane seat or
Linux
Wamp, Lamp
HTML5
SPA
Responsive
...

56 • WEBDEV Develop 10 times faster


INTEGRATED DEVELOPMENT
ENVIRONMENT

WWW.WINDEV.COM

You might also like