PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

New WEBDEV 22 feature!
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
180 common new features
WEBDEV benefits from the common new features of version 22.
WEBDEV 22 benefits from the evolution of the development environment such as the integrated image editor, the evolutions of WLanguage, HFSQL, and the compatibility with WINDEV and WINDEV Mobile.
The principle : the scrolling banner contains several plans
WEBDEV proposes the new "Scrolling banner" control in version 22.
The Scrolling Banner control is used to display several contents successively, either automatically, or further to an action performed by the Web user.
It is not just a simple Image control with automatic scroll or a linear looper! The banner can contain controls and processes.
The scrolling banner allows you to display different contents, independent from a plane to another one.
A scrolling banner is often used in site header.
The banner changes plane on its own or upon request. The planes can contain controls

The banner changes plane on its own or upon request The planes can contain controls
The banner changes plane on its own or upon request.
The planes can contain controls

The Scrolling Banner control automatically scrolls its planes like a slideshow, and the Web user can choose the plane to display via arrows or a smart ruler.
On a touchscreen, a finger movement allows you to navigate.
Each content is independent, and it is edited in the format of a plane (see new features 883 to 890).
See The Scrolling Banner control for more details.
How to create the scrolling banner
In the editor of WEBDEV 22, all you have to do is create a Scrolling Banner control!
Each plane can be edited in WYSIWYG.
A plan contains code and controls.
Each plane can host all types of WEBDEV controls: images, Rich Text Areas (RTA), tables, form controls...
A banner plane can be considered as being a mini page!
You can do whatever you want in the banner: display images, or run complex processes.
See The Scrolling Banner control for more details.
How to program the scrolling banner
Each plane of the scrolling banner can be made visible or invisible with ..Visible.
The ..Value property of the Scrolling Banner control is used to specify the banner plane that will be displayed.
You also have the ability to set the timer between two changes of plane, to move the scroll forward or backward, to suspend the timer, etc.
The management of interactions with the Web user is performed automatically or by programming (see below).
See The Scrolling Banner control for more details.
Pager or arrows
By default, a customizable ruler is available for navigating between the planes.
This pager is presented like bullets displayed at the bottom of the area.
On each side of the image, discrete arrows are positioned to navigate.
4 examples of pagers and arrows
4 examples of pagers and arrows

If necessary, you have the ability to hide this pager or these arrows and to manage the actions of the Web user by programming.
See The Scrolling Banner control for more details.
Transition effects in the banner
The scrolling banner proposes different transition effects: fade-in, swipe, overlay, flip, fold, blur, ...
These effects can be automatically applied whenever changing plane.
See The Scrolling Banner control for more details.
New HTML5 Upload control
A site often needs to upload files.
The new Upload control in version 22 is based on the HTML5 standard.
The new Upload control allows for the asynchronous upload of one or more files.
The Web user selects the files to upload:
  • via the file picker of the browser or OS
  • by drag/drop of the files.
The files to be uploaded are dragged into the upload area
The files to be uploaded are dragged into the upload area

Asynchronous upload in progress with a progress bar for each file
Asynchronous upload in progress with a progress bar for each file

Templates of preset Upload controls
When creating the Upload control, preset controls are proposed.
These templates manage different cases:
  • single file
  • multi files
  • asynchronous multi files with progress bar
  • ...
Title of table columns : rich and multiline text
In WEBDEV 22, the titles of table columns can contain rich text and they accept multiline text.
A rich column title...
A rich column title...

Table : automatic positioning
In a table, you sometimes want to make sure that a row is visible at display for the Web user.
The TablePosition function is used to automatically position the table on a given row, via the new taVisible constant.
If the row is already visible, the table is not modified.
Menu : rich and multiline menu options
In version 22, the menu options can contain rich text and they can occupy several lines.
Scheduler : multiline title
In WEBDEV 22, the column titles of the Scheduler control displayed in column become multiline.
Styles on appointments
In version 22, you have the ability to apply a style to appointments in the Scheduler and Organizer controls.
This allows you to adapt the scheduler and the organizer to the style book of the site, like "material design" for example.
Stylish appointments
Stylish appointments
Tooltip : customizable style
Custom tooltips
Custom tooltips

The aspect of the standard tooltip depends on the browser used by the Web user.
Its style is often not in consistent with the style book of the site.
WEBDEV 22 allows you to create a custom style for the tooltips of your sites.
Font icon in the rich text
WEBDEV 22 allows you to insert icons into the rich texts of all controls: caption of button or edit control, rich text area, column title…
When editing the text, all you have to do is select the option Insert an icon.
In the wizard, choose an iconic font: the sheet of icons is displayed.
All you have to do is select the requested icon.
To change size, all you have to do is choose the relevant font size.
These fonts being vectorial, the icon will always be clear!
To change color, proceed like for a character.
This new feature of version 22 allows you to easily create pictos of variable size and color.
Examples of iconic fonts

Examples of iconic fonts
Examples of iconic fonts

This icon of a hand is a character of the font
This icon of a hand is a character of the font

Use iconic fonts of online libraries
Several iconic fonts are proposed on specific sites.
This alows you to easily find adequate fonts.
Insert font icons into a button or into a menu
In a button, the font icon can replace the background image!.
To create a clickable icon, all you have to do is create a button control and paste the font icon into the caption.
The font icon can also be clickable in a text (hyperlink).
Create a button without graphics
Create a button without graphics

Authentication with the facebook, google+, Twitter or LinkedIn identifiers
When creating a site that requests an authentication (password), you have the ability to use the existing identifiers of the Web user: Facebook, Google+, Twitter or LinkedIn identifiers.
Note that your site will not know the identifiers of the Web user.
Heatmap chart
The chart designer of WEBDEV proposes a new type of chart: the Heatmap chart.
A Heatmap chart is used to represent in a two-dimensional space data that changes according to 3 criteria: 1 criterion is associated with X axis, 1 criterion is associated with the Y axis.
The third criterion is represented by the variation of color for the points in the chart, according to a color scale (from blue to red).
This type of chart is very suitable for viewing continuous variations.
Example of application:
  • Attendance of a stie according to the date and time
  • Variation of turnover according to the month for the last 10 years
  • Hydrometry of soil according to the altitude per day...
Heatmap chart
Parallax effect
The parallax effects are widely used in the showcase sites, especially for the sites with an artistic connotation or a strong graphic presence.
The parallax effect allows you to scroll the elements included in the page at different speeds when the Web user moves the page scrollbar.
This gives a dynamics specific to the entire site.
The effect can be applied to a background image or to controls.
The 7-tab window allows you to define the behavior of a control when the page scrollbar moves.
Preset behaviors are proposed and the parallax rate of control can be defined manually.
When the Web user moves down in the page (he moves the scrollbar down or he slides with a finger): the image at the top goes up slowly. The image at the goes up faster:
Stealth pinned message
With WEBDEV, a control can be pinned in the page.
A new pin mode is being introduced in version 22: the stealth pinned control.
This new mode is useful to pin menu controls, toolbars, page footers...
When the Web user moves the scrollbar for a long time, the control is hidden.
As soon as the Web user slightly moves the scrollbar in the other direction, the control reappears pinned at the top or bottom of browser.
This behavior is used to free as much space as possible for the content found underneath the pinned control.
This is very useful for the sites displaying text as main content: articles, documentations, ...
Floating page layout: cellule with relative positioning: alignment to right or left
WEBDEV 22 allows you to define the direction of positioning in the cells with relative positioning (float).
In version 22, the alignment of cells with relative positioning can be defined to the right or to the left.
When a control is deleted, the other floating controls are repositioned according to the defined alignment
When a control is deleted, the other floating controls are repositioned according to the defined alignment
Change the background image of the page (or cell) by programming
In version 22, you have the ability to change the background image of a page or cell by programming.
The new ..BackgroundImage property allows you to change the image in browser code or in server code.
The expert opinion
The current trend is to move as much as possible processes onto the browser: the server is unloaded, there is less data transferred, and the user experience is much more fluid. WEBDEV 22 follows this strong trend.
The browser code in version 22
The code of a Webs site is separated between the "Server" code and the "Browser" code.
In version 22, WEBDEV significantly extends the capabilities of WLanguage in "Browser" mode.
This allows you to create a lot more processes that will be run on the browser.
The site is more reactive, faster, it consumes less bandwidth, it solicits the server less.
Via these evolutions of version 22, WEBDEV brings you power on the browser side.
Browser : New properties on controls
Several properties on controls are now accessible in browser code.
These properties allow you to directly act on the controls without having to go via the server.
The availability of these properties in browser mode allows you to program the interface of a site in browser code.
For example, you have the ability to gray or ungray a control in browser code, to define the caption of a button, to specify the address of a link ...
List of new properties:
BarVisibleMaxValueMinValueCalendarButton
TooltipTooltipTitleInitialContentAnimationDuration
InputEnabledStateInitialStateGrayed
HintCaptionCaptionHTMLNumberColumn
FullNameNoteAlternativeTextTextWithoutFormat
TitleNoteTitleTypeURL
DisplayedValueInitialValueEmptyThumbnail
InitialVisibleXInitialYInitial
Browser : easily hande sub-strings [[ ]]
To easily handle the strings in browser code, the [[]] operator is available in assignment.
MyString is string
MyString [[2 TO 5]] = "toto"
Browser : Procedure : return multiple values
In version 22, a procedure can return multiple values directly.
There is no need to declare specific variables to interact with the procedures.
The code is simpler, no need to create specific structures: array, ...
(x, y, z) = ReturnMyCoordinates()
RESULT (x, y, z)
Browser : procedure with variable number of parameters
You have the ability to create procedures with a variable number of parameters.
This allows you to create processes independent of the number of values to be processed such as performing the sum of a set of invoices sent, whose number is not known in advance.
Another example is to change the attributes of a set of controls whose number is not known in advance.
The new MyParameters keyword allows you to handle these parameters.
New supported syntaxes:
MyParameters[n A], MyParameters[A n]
MyParameters[n on o]
MyParameters[n TO o]
MyParameters[*]
MyParameters[A,x]
MyParameters..Occurrence
Enumeration & combination : master the possible values of a variable
An enumeration variable can take a single value among a set a preset values.
A combination variable can take one or more values among a set of preset values.
These enumeration and combination types now exist in WLanguage Browser.
Using these types eliminates some programming errors by providing a rigorous coding.
Variant type : handle variables without knowing their type
The VARIANT type allows you to handle any type of variable.
Using this type allows you to write code for handling values without knowing their type in advance: string, integer, array...
This Variant type is useful for the external exchanges: Webservice, WebSocket...
Browser : Procedure : Passing parameters by reference (by address)
In addition to passing parameters by value, you can also pass parameters to a procedure by reference (by address).
The benefit of passing parameters by reference is the ability to modify the source variable (or object).
Passing parameters by reference operates on the simple types and on the advanced types: array element, control property, table row, [], object...
This mode for passing parameters becomes the default mode.
Browser : "Local" keyword
The Local keyword allows you to copy the parameter value locally to the procedure.
Browser : "Dynamic" keyword on variable declaration
The Dynamic keyword allows you to define a complex variable that will be allocated later in the code.
Browser : Assignment operators <- and <=
The <- and <= operators replace the = operator to specify the type of assignment:
  • the <- operator forces the referencing (by address)
  • the <= operator forces the copy of value
Browser : Internal procedure
An internal procedure is a procedure whose code is defined within the process that will be using it.
This procedure is known locally only.
This type of procedure is useful when the same code is called several times locally.
Better management of WLanguage Browser errors
Before version 22, when running a site, the WLanguage Browser programming errors could trigger the display of a Javascript message (difficult to understand!).
In version 22, the errors displayed by WLanguage Browser are always in English and they allow you to understand the error (to fix it more easily!).
Overview
In version 22, WEBDEV gives you the ability to create "planes" in the pages.
A plane is a set of page controls.
Each plane can be visible or not.
The displayed plane is chosen by programming in WLanguage Browser or Server or Ajax.
The change of plane can be performed from any control process:
  • code of the page according to some criteria...
Therefore, the page appearance and content evolve during the navigation without any return to the server.
This is a new design method that is particularly well suited to the Web Applications (Single Page Application).
THE EXPERT OPINION
A new way to architect sites is to perform a maximum of processes in a single page to avoid loading pages.
As the Browser language is very rich, the accesses to the server are reduced: a page is necessarily found on the server, therefore each change of page is penalizing.
Change the display without going back to the server
All the planes of a page are contained in the page.
The change of plane is performed in browser code without having to go back to the server to load a new page.
The user experience is much more fluid and fast.
The server returns the necessary data only.
The server does no longer have to return the "layout" of the page (layout information: HTML, images, CSS, ...).
The server only returns the data requested by the page: quantity in stock, price, ...
How to refresh data in a plane?
The data displayed in a plane is automatically initialized when loading the page that contains the plane.
Several methods can be used to refresh the data of a plane that is already displayed (such as a quantity in stock):
  • call to an Ajax process
  • call to a Webservice (via a timer for example)
  • via a Websocket.
  • ...
See new feature 919
Planes : page or layout area
A plane can be an entire page or part of a page (layout area).
Several planes can be used simultaneously in the same page: banner plane, footer plane, ...
Therefore, a Web app can include a single page and a set of planes! This Web app reduces the returns to the server.
Planes in container controls : cell, popup...
The planes can be used in the pages, as already seen.
But the planes are even more powerful!
The planes can be used by all the "container" controls:
  • Cell
  • Popup
  • Control template and Supercontrol
  • ...
In a looper, a different presentation can be displayed on each row according to the product category (cap, bike, tshirt, ...).
Easy programming : ..Plane
Changing plane by programming is child's play.
All you have to do is use ..Plane on the page, or the container control that contains planes.
Code example:
MyPage..Plane = 3
Programming : new processes
When planes are found in the page, 3 new "change of plane" processes are enabled:
  • An Ajax server process
  • A Browser process before the change of plane
  • A Browser process after the change of plane
These processes are used to initialize or refresh the plane data.
Visual effect when changing plane
Each change of plane can be performed with a visual effect: all you have to do is specify it in the "7-tab" window.
WEBDEV 22 proposes several automatic effects:
  • fade in
  • swipe
  • covering
  • flip
  • collapsing
  • blur
  • ...
A different effect can be specified for the forward and backward change.
Delayed plane load
All the planes of the page are not necessarily used immediately by the Web user.
Some planes may have an heavy content to load (large table), that can slow down the first display of the page.
WEBDEV 22 proposes an option to delay the loading of each plane during its first use.
Opening : re-use the existiong resources of all technologies
An example of component
An example of component

Some Web developers like to use external resources.
Several re-usable Web resources are available on Internet: Bootstrap snippets, JQuery.UI components, Angular.JS components...
Specialized sites propose resources, either free or for a fee.
A company can also own several existing resources.
With its new wizards, WEBDEV 22 allows you to easily include Bootstrap snippets, JQuery.UI components and Angular.JS components in a page.
In most cases, the external Web resources (Angular JS component, Snippet Bootstrap ...) are supplied in the format of three components:
  • an HTML code
  • a CSS code
  • a JavaScript code.
Dependency files may also be supplied (images, ...). A framework must also be installed.
THE EXPERT OPINION
1- Use the Web resources in your WEBDEV sites.
2- Call the WEBDEV resources from your Angular JS, Bootstrap and other pages.
Enjoy the best of both worlds.
Including an external component is performed in 5 quick steps
Step 1 : Using the new "External Web component" control
WEBDEV 22 proposes a simple method for including any external Web resource in a WEBDEV site.
All you have to do is use the new "Web component" control.
This "Web component" control can occupy:
  • part of the page, to insert an external component
  • the entire page, to create a Web application based on an external technologies.
Step 2 : Inserting the external resource : HTML, CSS, Javascript
In most cases, the external Web resources include three components:
  • an HTML code
  • a CSS code
  • a Javascript code.
With WEBDEV 22, all you have to do is copy/paste the HTML, CSS, JS codes of the external resource into the respective panes of the "Web component" control.
Each one of these codes can be modified in its respective language from the WEBDEV environment.
The syntactic coloring and the indent are present.
The new ..CodeJS, ..CodeCSS and ..CodeHTML properties of the "Web component" control also allow you to perform modifications by WLanguage programming.
Step 3 : Including the external framework
In most cases, the external resource is using an external framework to operate: Angular.JS v2, jQuery, jQuery UI, Bootstrap v3 and v4 framework
WEBDEV 22 proposes a wizard to import and include an external framework in the project.
The external framework will be included in the setup of the WEBDEV 22 site.
Step 4 : Positioning the resource in the page
The external resource is easily positioned in the page by WYSIWYG.
All you have to do is position the "Web component" control like any WEBDEV control.
The anchors are available for the Web Component control.
If the external resource represents a full page, all you have to do is extend the Web Component control to the entire WEBDEV page.
Step 5 : Communicating with the external resource
To interact with the external component, you have the ability to initialize, read and write the Javascript variables of the external resource in WLanguage!
In most cases, WLanguage procedures associated with the "Web component" control are created for this purpose.
These procedures can be directly called from the HTML or Javascript code of the external resource .
Example of call to include in the Javascript code of the external resource:
MyComponent..MyProcedureWL()
The call can include parameters.
Therefore, a WLanguage browser procedure written in WEBDEV can be run on an event internal to the component (onclick on a button for example).
Similarly, the Javascript procedures of the external resource can be run from a WLanguage process.
Communicating is child' s play.
The WLanguage processes on the Web Component control
The "Web Component" control includes specific processes to simplify its programming:
  • Onload process
  • Onsubmit process
  • Action process
  • Assignment process of ..Value property
  • Read process of ..Value property
These processes allow you to initialize the control, to run a specific process, to transmit data, ...
Webservice : SOAP or REST?
The two most common methods for implementing Webservices are the SOAP protocol (Simple Object Access Protocol) and the REST architectures (REpresentational State Transfer).
The REST Webservices are widely used on Internet because they rely on the HTTP protocol.
They allow the server to return JSON (JavaScript Object Notation) that will be directly analyzed by the browser that runs Javascript code.
The former WEBDEV versions (as well as version 22) allow you to create SOAP Webservices.
A new feature of version 22 is the ability to easyly create REST Webservices.
A REST Webservice = a project or a project configuration
WEBDEV 22 allows you to easily create a REST Webservice. It can be a full project, or a project configuration.
The benefit of project configuration consists in sharing the business code between the site and the Webservice within the same project.
A new editor to define the interface of REST Webservice
The description of a REST Webservice is performed from the new editor of Webservices that is being introduced in version 22.
All you have to do is describe the entry points of the external interface of Webservice: method name, expected parameters, return value as well as type of request (GET, POST, PUT, DELETE, ...).
You also have the ability to specify a documentation note as well as examples for using the entry point and a description regarding the format of the return value.
WEBDEV 22 generates the necessary procedures or classes.
The new editor of REST Webservice

Test page and documentation page of Webservice
WEBDEV 22 automatically generates test and documentation pages for the Webservice.
These pages are automatically deployed beside the Webservice and they represent an important tool to help the developers who will consume the Webservice.
Deploying the Webservice
The deployment is performed like the deployment of a site.
The Webservice is hosted on a WEBDEV application server (proprietary server or in the cloud).
All the usual tools for site deployment are available.
Consuming the Webservice : from the front-end of a WEBDEV site or external site
From a site developed with WEBDEV 22, the consumption of a REST Webservice is performed in browser code or in server code.
The new RESTExecute function allows you to call the Webservice and to retrieve the result.
When the result is in JSON format, the JSONExecute function calls the Webservice and automatically interprets the result.
A REST Webservice developed with WEBDEV 22 can also be consumed from an external site.
Consuming Webservice : from a WINDEV or WINDEV Mobile application, or from an external application
In WLanguage code, the consumption is performed by a simple call to RESTExecute.
From an external code, the call is performed by the functions for HTTP requests of the external language.
Support of CORS protocol : calling JSON on a different site
The CORS protocol (Cross-Origin Resource Sharing) allows you to call a JSON service on a domain name that differs from the site currently browed, in synchronous or asynchronous mode.
In version 22, the WLanguage JSONExecute function evolves and it respects the CORS protocol.
A use example consists in using a weather alert service from a site page.
Using JSON in browser code
In version 22, new WLanguage Browser functions are being introduced in order to handle the JSON strings (these functions already exist in Server code).
The JSONToVariant and Deserialize functions are used to automatically decode a JSON string and to assign it to variables of WLanguage browser.
Conversely, the VariantToJSON and Serialize functions are used to easily build a JSON string from WLanguage variables.
Automatic tracking of site pages
Google Analytics is a very popular tool for measuring site traffic.
Google Analytics is used to measure the number of views for each site page, the loading time of each page, the navigation path, the loading time of page resources (images), the bounce rate, the environment of the Web user (hardware, geographical location, language, browser, ...), the origin of navigation (source page, advertisement, …), etc...
The version 22 of WEBDEV automatically includes in your sites the trackers required to collect statistics in Google Analytics: you will know everything about the activities of Web users on your sites!
New family of WLanguage functions to track specific events
In addition to general navigation statistics automatically managed by WEBDEV 22, you have the ability to measure particular behaviors:
  • Custom event: click the Order button, pass in a control, ...
  • Interaction with social network
  • Custom timing: measure the time spent on a process
  • Exception in programming: programming error
  • View of a page
Custom event (Event tracking)
Tracking a custom event is used to measure the frequency of a specific action performed by the Web user: such as clicking a button, downloading a file, clicking an ad banner, playing a video, ...
All you have to do is call the WLanguage GglAnalyticsAddEvent function in the relevant code.
Interaction with social network (Social Interactions)
This tracker is used to measure the number of clicks performed on a "social button" included in the page: Like, Tweet,...
All you have to do is call the WLanguage GglAnalyticsAddSocialNetworkAction function in the relevant code.
You have the ability to specify in parameter the relevant social media, the type of action (like, follow, tweet,…), the action target...
Custom timing (User timings)
This tracker allows you to get statistics on the time spent during processes or specific user actions: measure the time for displaying a list of products, measure the time for filling a form, …
All you have to do is call the WLanguage GglAnalyticsAddTiming function in the relevant code.
Track the possible runtime errors (Page Tracking)
This tracker is used to measure the number of unexpected errors in the browser code of the site.
All you have to do is use the WLanguage OnException command then call GglAnalyticsAddException when the exception is canceled.
Page tracking
This type of custom tracker is used to enhance the views on the complex pages: planes...
New WLanguage functions: GglAnalyticsAddPage
Mobile First edit
As you already know, WEBDEV allows you to build Responsive Web Design pages.
In version 22, the creation of a Responsive page is based on the "Desktop" presentation or on the "Mobile" presentation.
In "Mobile First" mode, the Mobile page is built first and it is used as base for creating larger pages.
In "Desktop First" mode, it is the PC page that is created first.
"The "Mobile First" mode is adapted to start a new Responsive site. The "Desktop First" mode allows you to easily transform an existing site into Responsive mode.
New process for changing blade
A new WLanguage process is being introduced in the Responsive pages in WEBDEV 22. It is the new "Change of blade" process in the page.
The code found in this process is called whenever the page changes blade during the navigation.
This allows you to manage the special cases.
Visualization of positioning conflicts
The edit in Responsive Web Design mode allows you to move the controls according to the display blade. However, the controls moved must remain in logical order according to the reference blade.
The version 22 of WEBDEV visualizes the positioning conflicts via color borders.
Dashboard control : Responsive
In version 22, the dashboard control becomes Responsive.
You now have the ability to define the number and position of Widgets per blade.
The same dashboard on tablet and smartphoneThe same dashboard on tablet and smartphone
The same dashboard on tablet and smartphone

Two controls remain at fixed distance in all cases (stackable controls anchored to the pixel)
By default, in Responsive mode, the size and spacing between controls is proportional to the page width.
In version 22, you have the ability to anchor the stackable controls in fixed manner: the space between controls will not be modified when enlarging or reducing the page width.
This allows you to keep groups of controls with a fixed presentation (search control and "Search" button for example).
The expert opinion
The Websockets allow a site to receive instant notifications. For example, a stock will be updated when it is modified in the database.
See the following help pages for more details:
Receiving notifications from a server (push)
On Internet, the exchanges of data with the sites are based on the HTTP protocol.
The Web server sends information to the browser when this browser asks for it via an HTTP request.
It may be necessary to send data to the browser from the Web server without the browser having to ask for it.
For example, to signal a weather alert immediately.
Using Websockets is the only way to notify the browser without the brower having to ask for it.
See the following help pages for more details:
Principle : listen to a socket and call a callback according to what happens
WEBDEV 22 proposes a new family of WLanguage browser functions: the Socket functions.
This set of functions is used to manage the transmission of information via a Websocket.
SocketConnect is used to connect to the socket server and to open the communication channel.
SocketWrite is used to send a notification to the server, to ask the server to recalculate statistics for example.
See the following help pages for more details:
Use examples
Using Websockets allows you to send ("push") data to a site: display a weather or stock alert, create an instant chat, manage an edit of document shared between several Web users in real time, ...
See the following help pages for more details:
Socket server : created in WINDEV or external server
The server of Websockets can be written in WINDEV via the WLanguage Socket functions.
This server of Websockets can also be an external server.
The server of Websockets can be hosted on a computer other than the Web server.
See the following help pages for more details:
Editing CSS : syntactic coloring and indent
A new CSS code editor is being introduced in version 22.
The new editor proposes the syntactic coloring, the completion on CSS property names and the automatic indent.
The new CSS editor
The new CSS editor

Moving layout areas with the mouse (zoning)
In version 22, it becomes possible to visually move the layout areas in the WEBDEV editor.
The construction of pages "by block" becomes much easier!
New editor of images and icons
A new editor is being introduced in version 22: the editor of images and icons.
(see new feature 072)
New RAD : company collaboration portal (Honolulu)
A new RAD pattern allows you to create a company collaboration portal "in a single click".
The portal includes:
  • Messaging
  • Share of documents
  • Chat
  • Forum
  • Organizer
  • News
  • Management of favorites
  • Management of users
  • ...
Honolulu portal
New RAD : site for FAQ management
A new "FAQ management" RAD:
  • Editing and publishing online FAQs
  • Management of user accounts and accesses
  • Search...
PHP
PHP : Benefit from the common new features
As you already know, WEBDEV allows you to generate a site in PHP.
Most of the new features presented in WEBDEV as well as the common new features are available for the PHP sites, including Websockets.
"Full text" search on mysql
The sites generated in PHP are using the MySQL databases.
In version 22, the "full text" search is supported by WEBDEV on these databases.
The new PHP controls
The new controls available in WEBDEV are also available in PHP:
  • Plane
  • Scrolling banner
  • Upload control
  • Evolutions on controls
  • Web component
  • ...
Style book: 2 new skins
Two new skins have been introduced in WEBDEV 22:
  • a BStrap skin
  • a Lounge skin.
This adds new choices for the possible style books that can be immediately used for your projects.
New preset page templates
3 new page templates are supplied with WEBDEV 22 (in Responsive standard):
  • Portfolio
  • Presentation of mobile application
  • Managempent panel
SaaS : forgotten password
WEBDEV allows you to automatically create SaaS applications.
In version 22, the management of forgotten password also becomes automatic.
For more details, see:
SaaS : smart captcha
In version 22, the authentication on a SaaS site is improved by the appearance of a Captcha after 3 failures for typing identifier and password.
Captcha in SaaS
See Developing a SaaS site for more details.
The WEBDEV application server is also a scheduled task server
The WEBDEV application server is also a scheduled task server.
In version 22, the task scheduling is performed according to 3 modes:
  • from the environment
  • by programming
  • from the administrator of Application Server (see new feature 963).
The new family of WLanguage AppServer functions allows you to easily schedule the execution of a procedure or method: schedule, delete, add, list...
Scheduled tasks
Immediately run a scheduled task by programming
In version 22, WEBDEV can run a scheduled task upon request, by programming via AppServerRunScheduledTask.
Faster automatic configuration of IIS
Whne several sites are installed on a IIS server (several hundreds of sites on the same server, a shared server for example), the automatic re-configuration of IIS server could take quite a long time.
In version 22, this automatic re-configuration is now much faster.
Adding a site, deleting a site, changing version is now immediate.
Easily manage the scheduled tasks
From the administrator of WEBDEV application server (local or remote) of the deployed site, you have the ability to manage the scheduled tasks.
Easily manage the REST webservices
The REST Webservices created with WEBDEV or WINDEV are found in the administrator of WEBDEV Application Server.
Deploying REST Webservices : automatic
The method for deploying a REST Webservice is as easy as the method for deploying a site...
There's nothing special to do!
Diagnostic of WEBDEV environment before installing an update
When installing a WEBDEV update in version 22, a set of checks is performed in order to check whether the system parameters are correct:
  • configuration of registry rights
  • automatic or manual import of existing WEBDEV accounts
  • checking the configuration of IIS server
  • creating a restore point on the IIS Server
  • ...
... and many other features
Version 22 also offers a large number of other interesting new features that you'll discover once you've ordered and received your product...
Minimum required version
  • Version 22
Comments
Click [Add] to post a comment