WEBDEV is a complete DevOps Integrated Development Environment aimed at developing sophisticated Internet and Intranet sites in diverse fields: e-commerce, multimedia, ...

The developed sites can give access to information stored in the databases.

WEBDEV allows you to create:

static Internet/Intranet sites. These sites manage data that does not vary (company showroom site, site available on a DVD-ROM, etc.).
dynamic Internet/Intranet sites, that manage data. The WEBDEV sites access all databases, relational or not, available on the market.

Throughout this tutorial, you will learn how to create your sites (with or without a database) and how to enrich them using the many features offered by WEBDEV.

Starting WEBDEV

Start WEBDEV 25 if necessary.

When WEBDEV 25 is launched for the first time, a welcome wizard will start:
- If you have worked with an earlier WEBDEV version, this wizard allows you to retrieve the existing configurations.
- If you are a new user, this wizard allows you to configure your environment. This allows you to choose the screen configuration used and to configure the Control Centers.

If you have already launched WEBDEV 25, identify yourself if necessary. The development environment starts. The WEBDEV home page is displayed.
This home page allows you to:
- display the news,
- create a project,
- open an existing project,
- open an example,
- open one of the projects from the tutorial.

Let's take a look at the development environment of WEBDEV. To do so, from the WEBDEV home page:
- Click "Tutorial".
- Double-click "Full WEBDEV Site (Answer)".
- The corresponding project is opened in the editor. The project dashboard is displayed. The project dashboard allows you to check the progress of a project via several elements (called widgets).

Development environment

The editor

The development environment of WEBDEV includes a specific interface and several editors allowing you to create the different elements of your applications.

For example, the page editor is used to create pages, the report editor is used to create reports, ...

To discover WEBDEV, we will open the page used to list the products:
1. Press Ctrl + E.
2. In the window that is displayed, type the name of the page to open: PAGE_List_of_products.
3. Validate. The page is displayed in the editor.

All editors use the same environment:

Menu of editors, displayed in ribbon format (we'll see how to use it in the next paragraph).
Current editor (here, the page editor). This space allows you to see the element currently created or modified in WYSIWYG (What You See Is What You Get).
Panes. The WEBDEV interface includes several horizontal and vertical panes allowing you to quickly access different types of information.
Some examples:
- The "Project explorer" pane (displayed on the right) is used to list all the project elements by category.
- The "Find - Replace" pane (displayed at the bottom) is used to quickly perform searches in your project.
These panes can be hidden by pressing Ctrl + W if necessary.
Open documents bar. This bar is used to quickly see all open elements. A simple click on the button corresponding to the element displays it in its own editor.

The menu bar (ribbon) in details

The menu bar of WEBDEV is presented in ribbon format. This ribbon includes panes in which the different options of editors are grouped.

We are going to take a closer look at the main ribbon elements, as well as how we will use it in this tutorial.

The different ribbon elements

The ribbon includes 3 areas:

the button area, on the left (1).
the pane area, at the top (2).
the option area (3).

Let's take a closer look at these areas.

The button area (1)

The button area groups the quick access buttons. These buttons are used to perform the most usual operations, common to all editors: save, open, create, ...

The product logo is used to display the "About" window, the custom menus and the drop-down menus found in the former interface of editors.

The arrow at the top right of the button area allows you to find the toolbars and drop-down menus of the old editor interface.

The pane area (2)

The different ribbon panes are used to access the options of different editors for the current project. Several types of panes are available:

the current pane: The name of the pane appears in bold and is underlined by a blue line.
the popup panes, specific to the current element: The pane name is displayed in blue.
the available panes: The pane name is displayed in black.

The option area (3)

The options displayed in the ribbon differ according to the selected pane. Several types of options are available:

Options to check,
Buttons to click,
Button with arrows used to expand the options. There are two types of buttons with arrows:
- the buttons with arrow used to expand a menu,
- the buttons with arrows used to expand a menu (click on the arrow) or to perform a default action (click on the button icon).

The options are organized by group. Each group of options has a name and it can also include a group button

. This button is used to perform a specific action according to the current group: open the description of the current element, open the help, ...

In this tutorial, to identify a menu option, we will be talking about panes and groups. For example: "To display the help, go to the "Home" pane, "Online help" group and click "Help"."

The environment colors

The environment uses a light theme by default.

Several other themes are also available:

Light theme, grey ribbon. In this mode, the menu bar is not colored anymore: it is grayed.
Gray theme. In this mode, the environment and the interface windows are displayed on a light gray background.
Dark theme. In this mode, the environment and the interface windows are displayed on a black or dark gray background.

To modify the theme used by the environment:
1. On the "Home" pane, in the "Environment" group, expand "Options" and select "General options of WEBDEV".
2. In the "Editor" tab, in the "Themes" area, select the theme to use.
3. Validate. The theme will be taken into account during the next WEBDEV start.

To improve the readability of this manual, the light theme will be used for the different images that illustrate the operations to perform.

To continue this lesson, we are going to close the current project:
1. On the "Home" pane, in the "General" group, expand "Close" and select "Close project".
2. Save the modified elements if necessary.
3. The WEBDEV home page is displayed.

WLanguage

WLanguage is the programming language common to WINDEV, WEBDEV and WINDEV Mobile.

If you are not familiar with this language, we advise you to follow the lessons presenting the programming concepts. These lessons present the different types of variables, the main WLanguage statements, the procedures, ...

DICAS 3066 -WINDEV TUTORIAL 89 -Licao 7.9-12-09-2020 11hrs-The OOP

ou6IdHeF1e8

Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 12/09/2020

DICAS 3066 -WINDEV TUTORIAL 89 -Licao 7.9-12-09-2020 11hrs-The OOP

https://doc.windev.com/en-US/?1410087556&name=lesson_79_the_oop

Tutoriel WINDEV : Leçon 7.9. Programmation avancée - La POO

https://windevdesenvolvimento.blogspot.com/2020/09/dicas-3066-windev-tutorial-89-licao-79.html

ASSUNTOS

OOP - CONCEITOS

CLASSES

OBJETOS

MEMBROS

METODOS

HENRANCA

CONTRUTOR E DESTRUTOR

EXEMPLO

DECLARANDO

DIAGRAMA UML

DESPEDIDA DO TUTORIAL

Video original da Franca

https://youtu.be/dezl--vdqbM

Playlist Windev Tutorial Amarildo

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

Playlist windev Franca PcSoft

https://www.youtube.com/watch?v=I6OYUmmJOMU&list=PLI6fRsLPTA4gjevtou2V2qCLDo2w2i4bM

Amarildo

http://www.amarildomatos.com.br/

Windev

https://www.windev.com/

WxSolucoes

http://www.wxsolucoes.com.br/

Matos Informatica

http://www.matosinformatica.com.br/

Repositorio Windev

https://repository.windev.com/

Site forum Google

https://groups.google.com/forum/?oldui=1&oi=1#!forum/amarildowindev

Video sobre 3 Mil Videos Windev

https://youtu.be/3DshsXJ8I2M

PlayList Pedrosao

https://www.youtube.com/watch?v=ASY7T3Tt0sY&list=PLYgB8kapIj5-yeSTIQdHbzeY_lEaSJpg9

Video sobre Alfaserver servidor

https://youtu.be/EqnYJFpvPAI

DICAS 2978 - WINDEV TUTORIAL 1 - 1.1B - WINDEV TEMA ESCURO E IDIOMA DO AMBIENTE

DICAS 3008 - WINDEV TUTORIAL 31 - Adicionar e Modificar Janelas ANCORAS - PARTE D
DICAS 3009 - WINDEV TUTORIAL 32-Adicionar e Modificar Janelas - Exibicao registro - PARTE E

DICAS 3010 - WINDEV TUTORIAL 33-Adicionar e Modificar Janelas - Modifica Imagen - PARTE F

DICAS 3011 - WINDEV TUTORIAL 34 - Adicionar e Modificar Janelas - Validacao - PARTE G

DICAS 3012 - WINDEV TUTORIAL 35 - Adicionar e Modificar Janelas - CRIACAO - PARTE H

DICAS 3013 - WINDEV TUTORIAL 36 - Adicionar e Modificar Janelas - Teste - PARTE I

DICAS 3014 - WINDEV TUTORIAL 37 - Pesquisa Simples - Apresentacao - PARTE A

DICAS 3015 - WINDEV TUTORIAL 38 - Pesquisa Simples - Usando Controle Tab- PARTE B

DICAS_3016_WINDEV_TUTORIAL_39_Pesquisa_Simples_Configurando_Pesquisa_PARTE_C

DICAS 3017 - WINDEV TUTORIAL 40 - Pesquisa Simples - Pesquisa Identica- PARTE D

DICAS 3018 - WINDEV TUTORIAL 41 - Pesquisa Simples - Pesquisa Generica - PARTE E

DICAS 3019 - WINDEV TUTORIAL 42 - Pesquisa Simples - Navegacao pelos Arquivos - PARTE F

DICAS 3020 - WINDEV TUTORIAL 43 - Pesquisa Multicriterio - Apresentacao - Parte A

DICAS 3021 - WINDEV TUTORIAL 44 - Pesquisa Multicriterio - Criacao Consulta - Parte B

DICAS 3022 - WINDEV TUTORIAL 45 - Pesquisa Multicriterio - Uso Parametro - Parte C

DICAS 3023 - WINDEV TUTORIAL 46 - Pesquisa Multicriterio - Criando Interface - Parte D

DICAS 3024 - WINDEV TUTORIAL 47 - Pesquisa Multicriterio - Primeiro Parametro - Parte E

DICAS 3025 - WINDEV TUTORIAL 48 - Pesquisa Multicriterio - Segundo Parametro - Parte F

DICAS 3026 - WINDEV TUTORIAL 49 - Pesquisa Multicriterio - Parametro Data - Parte G

DICAS 3027 - WINDEV TUTORIAL 50 - IMPRIMIR_TABELA

DICAS 3028 - WINDEV TUTORIAL 51 - IMPRIMIR PEDIDO-CRIACAO RELATORIO - PARTE A

DICAS 3029 - WINDEV TUTORIAL 52 - IMPRIMIR PEDIDO - CRIAR O RELATORIO BASE QUERY - PARTE B

DICAS 3030 - WINDEV TUTORIAL 53 - IMPRIMIR PEDIDO - ALTERACOES RELATORIO - PARTE C

DICAS 3031 - WINDEV TUTORIAL 54 - IMPRIMIR PEDIDO - MENU RELATORIO - PARTE D

DICAS 3032 - WINDEV TUTORIAL 55 - RELATORIO LISTA CLIENTE - PARTE A

DICAS 3033 - WINDEV TUTORIAL 56 - RELATORIO CLIENTE - Imprimir - PARTE B

DICAS 3034 - WINDEV TUTORIAL 57 - ESTATISTICAS GRAFICO PIVOT - QUERY ANO - PARTE A

DICAS 3035 - WINDEV TUTORIAL 58 - ESTATISTICAS GRAFICO PIVOT - GRAFICO-PARTE B

DICAS 3036 - WINDEV TUTORIAL 59 - ESTATISTICAS - PIVOT - PVT - PARTE C

DICAS 3037 - WINDEV TUTORIAL 60 - ENVIAR EMAIL - ADICIONANDO CAMPOS - PARTE A

DICAS 3038 - WINDEV TUTORIAL 61 - ENVIAR EMAIL - CODIGO - PARTE B

DICAS 3039 - WINDEV TUTORIAL 62 - ENVIAR EMAIL - MELHORIAS - PARTE C

DICAS 3040- WINDEV TUTORIAL 63 - GROUPWARE - CONFIGURACAO - PARTE A

DICAS 3041- WINDEV TUTORIAL 64 - GROUPWARE - TESTE - PARTE B

DICAS 3042- WINDEV TUTORIAL 65 - COMPONENTES EXTERNOS - CRIANDO - PARTE A

DICAS 3043 - WINDEV TUTORIAL 66 - COMPONENTES EXTERNOS - USANDO - PARTE B

DICAS 3044 - WINDEV TUTORIAL 67 - CONSUMINDO SERVICO WEBSERVICE

DICAS 3045 - WINDEV TUTORIAL 68 - MONITORAR EVOLUCAO SEUS APLICATIVOS - TESTES

DICAS 3046 - WINDEV TUTORIAL 69 - DEPLOYING APPLICATION CRIANDO EXECUTAVEL PARTE A

DICAS 3047 - WINDEV TUTORIAL 70 - DEPLOYING APPLICATION CRIANDO INSTALADOR PARTE B

DICAS 3048 - WINDEV TUTORIAL 71 - DISTRIBUIAO RELATORIOS QUERIES-CONSULTAS

DICAS 3049 - WINDEV TUTORIAL 72 - GERENCIAMENTO VARIOS IDIOMAS

DICAS 3050 - WINDEV TUTORIAL 73 - SCM

DICAS 3051 - WINDEV TUTORIAL 74 - HYPERFILE CONCEITO INSTALACAO PARTE A

DICAS 3052 - WINDEV TUTORIAL 75 - HYPERFILE - CONFIGURANDO SERVIDOR - PARTE B - 03-09-2020 14Hrs

DICAS 3053 - WINDEV TUTORIAL 76 - HYPERFILE GERENCIANDO SERVIDOR - PARTE C - 03-09-2020 16Hrs

DICAS 3054 - WINDEV TUTORIAL 77 -03-09-2020 18Hrs- HYPERFILE INSTALANDO EM CLIENTE - PARTE D -

DICAS 3055 - WINDEV TUTORIAL 78 -04-09-2020 09Hrs- PROJETO OTIMIZAR E DEPURAR

DICAS 3056 - WINDEV TUTORIAL 79 -04-09-2020 11Hrs- OTIMIZAR ANALISADOR DE DESEMPENHO

DICAS 3057 -WINDEV TUTORIAL 80 -Licao 6.4-04-09-2020 14Hrs- Debugging a project

DICAS 3058 -WINDEV TUTORIAL 81 -Licao 7.1-PROGRAMACAO AVANCADA -05-09-2020 09Hrs- PARTE 1

DICAS 3059 -WINDEV TUTORIAL 82 -Licao 7.2-05-09-2020 11hrs-GERENCIAMENTO AUTOMATICO ERROS

DICAS 3060 -WINDEV TUTORIAL 83 -Licao 7.3-06-09-2020 11hrs-MANIPULACAO ARQUIVOS

DICAS 3061 -WINDEV TUTORIAL 84 -Licao 7.4-07-09-2020 11hrs-Compilacao Dinamica

DICAS 3062 -WINDEV TUTORIAL 85 -Licao 7.5-08-09-2020 11hrs-PROGRAMACAO AVANCADA EVENTOS WINDOWS

DICAS 3063 -WINDEV TUTORIAL 86 -Licao 7.6-09-09-2020 11hrs-The Threads

DICAS 3064 -WINDEV TUTORIAL 87 -Licao 7.7-10-09-2020 11hrs-The sockets

DICAS 3065 -WINDEV TUTORIAL 88 -Licao 7.8-11-09-2020 11hrs-The FTP

DICAS 3066 -WINDEV TUTORIAL 89 -Licao 7.9-12-09-2020 11hrs-The OOP

DICAS 3240 - WINDEV - TUTORIAL 90 - ATUALIZACAO WINDEV 26

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

Lesson 7.9. The OOP

This lesson will teach you the following concepts

Concepts of Object-Oriented Programming.
Examples of object declaration.
Associated UML model.


	Estimated time: 30 mn

Previous Lesson

Table of contents

Next Lesson

Concepts

Object-Oriented Programming (OOP) is designed for better code reusability. The programs developed in OOP are structured: they include modules, each one managing a software feature. These modules can easily be re-used in other software. They group a set of procedures (called methods) and they encapsulate the data structure on which the methods will act.

To use object-oriented programming, you must declare classes, members and associated methods.

The classes

A class contains the description of a data structure (the members) and the procedures (methods) that handle the members.

Therefore, a class defines a type of data and its behavior.

The objects

A class is used to create objects. Each created object owns the members described in its class and it can be handled via the methods of its class. An object is defined as a class instance.

When the class is declared, all you have to do is associate an object with a class in order for the object to be handled by all methods of this class.

The members

A member is a data (or parameter) of the object.

The methods

A method is used to act on the object, to modify its members for example.

A method is a procedure. Its operating mode is similar to the one of standard WLanguage procedures.

Concept of inheritance

The inheritance is used to include the characteristics of an existing class (base class) into a new class (derived class). The inheritance allows you to create a new data type from a known type in order to add features to it or to modify its behavior. Therefore, the base class will not be modified. A class can inherit from a class: it becomes a sub-class of this class.

The objects found in a derived class can access all methods, all members and all properties of ancestor classes; it is as if the methods, the members and the properties of ancestor classes were part of the derived class.

Constructor and Destructor

The notions of Constructor and Destructor are important because they allow for an automatic call to initialization methods when creating an object and when destroying it.

The Constructor method associated with a class is automatically called when declaring a class object.

The Destructor method associated with a class is automatically called when deleting the object (exit from the procedure where the object was declared).

Data encapsulation

The data encapsulation is used to ensure that the data belonging to the object is not accidentally modified by functions (methods) external to the object.

This allows you to prevent the user of an object from accessing some or all of its members. The members whose access is forbidden are called private members.

These private members can only be accessed from the methods designed for this purpose in the class.

Example

Let's take a simple example to apply these concepts:

Let's consider the PERSON class.
Florence is an instance of PERSON class.
The last name, first name and date of birth can be members of PERSON class.
The Age() method can be a method of PERSON class. It would calculate the age according to the "date of birth" member and according to todays' date (returned by DateSys).
Inheritance: A contact can be either a person, or a company.
- PERSON could be a class derived from CONTACT.
- COMPANY could be a class derived from CONTACT.

Creating an object-oriented program

To create an object-oriented program in WLanguage, you must:

Describe the class and the class members
Specify all class methods.
Declare the objects by associating them with a class ("instantiate a class").

Simple example

To illustrate these concepts, we will use the example named "WD Simple OOP".
1. Open the training example named "WD Simple OOP".
2. Run the test of this example.
3. Click the different buttons corresponding to the animals in order to add them.
4. Stop the example test to go back to the editor.Remark: We won't go into details about the syntax of OOP but we will present a simple example of an object-oriented program.

See Classes, members, methods and properties for more details.

Declaring a class

WINDEV allows you to easily declare the classes from the "Project explorer" pane. To create a class:
1. In the "Project explorer" pane, select the "Classes" folder
2. Display the popup menu of this folder (right mouse click) and select "Create a class".
3. In the window that is displayed, specify the class name ("TestTUT" for example) and validate.

Study the WLanguage code of cSavanna class used in the example.
1. In the "Project explorer" pane, select the "Classes" folder
2. Open the "Classes" folder (to do so, click the arrow found in front of the folder name).
3. Double-click the cSavanna class.
4. The class WLanguage code is displayed in the code editor. The declaration code of the class is as follows:
  cSavanna is Class
  
  PROTECTED
  // Name of Image control used for the drawing
  m_sNameImageControlForDrawing is string
  // List of savanna animals
  m_arrTheAnimals is array of cAnimal dynamic
  END
  In this code:
  - "cSavanna" is the class name.
  - "m_sNameImageControlForDrawing" and "m_arrTheAnimals" are class members.
  - The "PROTECTED" keyword is used to specify that these members can only be handled from a code of the class or from a code of a derived class.

Describing the methods

WINDEV allows you to easily declare the classes from the "Project explorer" pane. To create a method:
1. Right-click your class in the "Project explorer" pane.
2. Select "New method" from the popup menu.
3. In the window that is displayed, specify the method name and validate.
4. Type the method code in the code editor.

To display the AddAnimal method of cSavanna class:
1. Click your class in the "Project explorer" pane.
2. Click the little arrow found in front of the class name: the different class methods are displayed.
3. Double-click the method name:
  PROCEDURE AddAnimal(pclAnAnimal is cAnimal dynamic)
  
  // No more than 5 animals
  IF m_arrTheAnimals..Count = 5 THEN
  Error("No more than 5 animals!")
  RESULT False
  END
  
  // Adds the animal to the list
  Add(m_arrTheAnimals, pclAnAnimal)
  
  // Draws the savanna
  DrawSavanna()
  
  RESULT True

Declaring and handling the objects

In the window WLanguage events, an object is declared at the same time as the other variables:

// Global declarations of WIN_OOP
PROCEDURE WIN_OOP()
 
// Savanna object
gclTheSavanna is cSavanna(IMG_Landscape..FullName)

To refer to a member of "cSavanna" object, use the following syntax

<ObjectName>.<member name>

In our example, the object is handled:
- in the "Initializing" event of the window, to build the savanna.
  // Draws the savanna
  gclTheSavanna.DrawSavanna()
- When creating an animal, to position the animal in the savanna.
  // Declares a new elephant
  clElephant is cElephant("Elephant "+ GetIdentifier(), 13)
  
  // Adds the elephant into the savanna (this action refreshes the drawing)
  IF gclTheSavanna.AddAnimal(clElephant) THEN
  // End message
  ToastDisplay("Animal added", toastShort, vaMiddle, haCenter)
  
  END

We won't go into details about OOP in this tutorial.

UML diagram

The "WD Simple OOP" example is associated with an UML diagram.

To display the UML diagram linked to the project:
1. Double-click "UML model" in the "Project explorer" pane:
2. The UML diagram (class diagram) linked to the project is displayed.
3. The different classes used by the "WD Simple OOP" project are found in this diagram.


	Remark	WINDEV allows you to create the 9 types of UML diagrams. To create a UML diagram: On the "Home" pane, in the "General" group, click "New". The element creation window appears: click "Architecture" then "UML". The UML model creation wizard starts, allowing you to choose the model to create:

We won't go into details about the use of UML language with WINDEV.
See The UML model for more details).

Páginas

sexta-feira, 4 de setembro de 2020

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV

https://youtu.be/154bTRzhfNo

Esse Ao Vivo vai estrear as 11:00 do dia 14/09/2020

Lesson 1.1. Discover WEBDEV

DICAS 3066 -WINDEV TUTORIAL 89 -Licao 7.9-12-09-2020 11hrs-The OOP

https://youtu.be/ou6IdHeF1e8

Esse Ao Vivo vai estrear as 11:00 do dia 12/09/2020

DICAS 2978 - WINDEV TUTORIAL 1 - 1.1B - WINDEV TEMA ESCURO E IDIOMA DO AMBIENTE

Teste

Marcadores