PLATAFORMA

INTEGRADA DE
DESARROLLO
WEB
Internet, Intranet, Cloud
Web 2.0, HTML5, PHP
Windows 10, 8, 7, 2016,
2012, 2008
All databases
5GL development
MULTI-PLATFORM CODE:
Windows, .Net, Linux, Java,
PHP, J2EE, Internet, Ajax,
Android, UWP, iOS ...
 BIENVENIDO
EN EL MUNDO DE LAS
APLICACIONES WEB
Sumario
3 Ciclo completo
4 Preguntas/Respuestas
6 Ejemplos
8 Sitios estáticos y dinámicos
9 Intranet, Internet
10 Una tecnología revolucionaria
12 IDE: El entorno integrado

H oy en
día, los sitios
WYSIWYG
13 La tecnología de las "7 pestañas"
14 Zoning
15 Responsive Web Design
de Internet e 16 Plantillas
Intranet están vin- 17 Editor HTML
culados en tiempo 18 Compatibilidad con todos los
real a los datos de la navegadores
empresa y se comportan 20 Controles
adaptados a la Web
como verdaderas aplicacio- 27 Exportar a Word, Excel
nes. 28 HTML5 & CSS3
WEBDEV es la mejor solución para crear estos sitios, 29 64 idiomas,
para crear aplicaciones Web y para crear Webservices. Chorus Pro
30 Lenguaje L5G
Con WEBDEV, sus equipos desarrollan 10 veces más 31 Editor de código
rápido. Como decenas de miles de desarrollado- 32 Depurador, POO
res en el mundo, elija la plataforma más poderosa 33 Webservices REST y SOAP
para desarrollar y publicar sus sitios y aplicaciones 34 Angular, Bootstrap, JQuery...
35 Acceso nativo a Google, SAP,...
Internet e Intranet: WEBDEV.
36 Https, Pago seguro
37 SEO El referenciamiento natural,
Seguridad por contraseña
38 SPA, Websocket
39 SaaS
40 Modelado de datos
41 Todas las Bases de Datos
42 HFSQL: base de datos libre
44 Editor de consultas visual
45 Generador de Reportes & PDF
46 Versionamiento (SCM)
47 Gestión de proyectos
48 Importación de HTML & WINDEV
49 PHP
50 Alojamiento
52 Implementación
Sitios
54 siempre actualizados,
Administración, Estadísticas
que comparten de forma
55 Front Office, Back Office
segura los datos de
57
la empresa
Ejemplos de sitios
[Link] •
 PREGUNTAS WEBDEV GESTIONA TODAS
LAS ETAPAS DE DESARROLLO
RESPUESTAS
WEBDEV está destinado para todas las empresas y
1 ¿Para quién es WEBDEV? desarrolladores que desean crear sitios y aplicaciones de
Internet, Intranet, Extranet, Cloud y SaaS.
Todo tipo de sitios, aplicaciones Web, SPAs,
2 ¿Qué tipo de sitios y aplicaciones se webservices... WEBDEV se especializa en sitios que administran
pueden crear? datos.
WEBDEV :

N
Solo necesita un poco de experiencia en programación (incluso si
3 ¿Qué formación debo tener? es una experiencia breve durante sus estudios).
Una semana es suficiente para autoformarse usando el tutorial
incluido.
HERRAMIENTA
osotros 4 ¿Necesito habilidades especiales de No. Sus equipos de desarrollo crearán
automáticamente sitios robustos y eficientes. Todo el código
DE DESARROLLO
respondemos aquí Internet? (HTML, JavaScript, CSS, Servidor) es generado por WEBDEV. "FULL STACK"
a las preguntas 5 ¿Puedo crear sitios Responsive con Sí. El Responsive es estándar en WEBDEV. WEBDEV es la garantía de
WEBDEV?
que más nos un producto completo y
hacen 6 ¿Cuál es la principal ventaja de Hay muchas, como: la integración, simplicidad, velocidad de
desarrollo, o el acceso a las bases de datos. Y WEBDEV es "Full totalmente integrado :
WEBDEV? Stack"
sobre WEBDEV. el dominio es más rápido,
7 ¿WEBDEV se basa en tecnologías Sí: HTML5, XML, CSS3, JavaScript o PHP.
Sin embargo, usted no necesita conocer estas tecnologías,
el soporte técnico es más
estándar? WEBDEV genera automáticamente el código necesario. eficiente (y además es
8 ¿Entonces no necesito saber HTML, No, no es necesario. WEBDEV genera automáticamente el código gratuito).
PHP o JavaScript? necesario.
¿Qué sucede si deseo ingresar WEBDEV es abierto . Puede ingresar o copiar el código HTML,
9 HTML, o PHP o JavaScript directamente en el editor.
usar JavaScript o CSS? Usted recupera estilos y animaciones CSS.
Sí. Usted puede "aspirar" las páginas HTML existentes.
10 Ya tengo un sitio existente. También puede mezclar páginas de WEBDEV con una página
¿Puedo recuperarlo con WEBDEV? existente, conservando su sitio existente.
He leído que WEBDEV es compa-
11 tible con WINDEV. ¿Necesito tener No. WEBDEV es una plataforma totalmente independiente.
WINDEV?
12 ¿Y si ya tengo WINDEV? Si ya tiene WINDEV, usted puede automáticamente
transformar sus aplicaciones WINDEV existentes en sitios Web...

13 ¿Puedo consumir o crear Sí, WEBDEV permite usar Webservices (SOAP y REST). WEBDEV
Webservices? también permite crear Webservices.

¿Qué bases de datos puedo usar Todas las bases de datos pueden ser usadas: HFSQL, MySQL,
14 SQLite, Oracle, AS/400, SQL Server, DB2, Informix, PostgreSQL,
con WEBDEV? Progress, Access, ... Así como las bases Big Data

15 ¿Se soporta Ajax, XML, CSS, JSON,

JQuery, Angular JS, Bootstrap?
Sí.
TODO ES GESTIONADO :
16 ¿Puedo desarrollar sitios grandes y Sí, es incluso en estos proyectos que sobresale. • El prototipo reutilizar el existente • El Cloud
complejos con WEBDEV?
• El diseño • Los reportes: Los PDF, • La instalación en el
¿Qué Soporte Técnico hay disponi- El Soporte Técnico de WEBDEV es gratuito (15 consultas • El RGPD códigos de barras ,... proveedor de aloja-
17 ble?
personalizadas por correo electrónico). Los servicios de
miento
consultoría están disponibles (en el sitio o por videoconferencia). • La documentación • Pago seguro
Todo tipo de entidades profesionales: compañías de software, de análisis y de • Creación y uso de • Las pruebas de
18 ¿Quién usa WEBDEV? fabricantes de hardware, departamentos SI, laboratorio de
programación componentes regresión
ingenieros, oficinas gubernamentales, administraciones,
independientes... • El enlace con sitios • Las pruebas de
• Documentación rendimiento
19 ¿Puedo generar sitios en PHP con estáticos
WEBDEV?
Sí, es una funcionalidad estándar.
existentes • El trabajo con diseña- • la integración conti-
dores Web nua
• Las Bases de Datos
20 Entonces WEBDEV es lo mejor para Sí • Las pruebas durante • Mantenimiento y evo-
crear sitios dinámicos • Los Webservices
el desarrollo luciones
• La programación:
L5G, Ajax, .NET, J2EE, • El enlace con el Back • Estadísticas de tráfico
HTML5, Javascript, Office • Asistencia al
CSS... • El Alojamiento desarrollo
• La posibilidad de • La gestión Saas
4 • WEBDEV Desarrolle 10 veces más rápido [Link] • 5
 SE PROPORCIONA UNA GRAN CANTIDAD DE
SITIOS Y APLICACIONES LISTOS PARA USAR DECENAS DE MILES
DE SITIOS

WEBDEV ®
SE PROVEEN SITIOS REUSABLES Y
PERSONALIZABLES
è Agencia inmobiliaria
Búsqueda de una propiedad de acuerdo a varios criterios.
SITIOS EN WEBDEV
Reutilice Veamos algunos de los miles de sitios construidos
los ejemplos en WEBDEV viene con una gran cantidad de sitios y aplicaciones con WEBDEV. Encuentre más de 1000 en el sitio
sus sitios Web completamente desarrolladas. El código fuente y las [Link].
páginas son brindadas: usted puede utilizar directamente
estos sitios, estas aplicaciones, modificarlas, personalizarlas,
volver a venderlas...

UN ASPECTO DIDÁCTICO
Usted puede también estudiar el código de estos sitios de
manera que aprenda de ellos.

ENTRE LOS SITIOS PROPORCIONADOS...

Aquí una selección de algunos ejemplos :

èSitio de venta
Gestión de estantes, del carrito, de pagos.

 CMS
Sistema de gestión de contenidos.

è Gestión de una base de datos de documentos

Para archivar y buscar documentos usando palabras claves
que usted decida.

è Pago seguro
(ver detalles en la página 30)

è Gestión de agencia de viajes

Presentación de hoteles, disponibilidad, selección de acuerdo
a varios criterios, ...
è Publicidad clasificada
Honolulu : Gestión de múltiples criterios de selección.

portal Intranet
Se proporciona un portal
Intranet completo, con todas
sus
aplicaciones (correo, noticias,
búsqueda de
documentos, etc.). Debido a los cambios en curso, los sitios presentados pueden ser diferentes de los sitios provistos..
Directamente utilizable,
también se puede adaptar a
sus necesidades (se incluye el
código fuente).

è Directorio compartido è Noticias, Foro, Blog, Community site,

Con Intranet, el directorio podrá ser Gestión de FAQ...
compartido en una empresa. ... y varios ejemplos adicionales que pueden ser usados
En Internet, el directorio podrá ser inmediatamente.
compartido entre varias agencias, Para descubrir
ETC...
o por los miembros de una asocia- miles
ción... También se incluyen varios ejemplos cómo páginas, u objetos
en el diccionario interactivo. de otros sitios,
visite
è Gestión del AHORRE TIEMPO
cientos de miles de copias material informático [Link]
Los sitios incluidos, que pueden ser adaptados a sus nece-
de Honolulu ya han sido Ubicación y asignación de equipos a
implementadas sidades, le ahorrarán un montón de tiempo durante la fase
través de un sitio web. de desarrollo.

6 • WEBDEV Desarrolle 10 veces más rápido [Link] • 7

 ¿QUÉ ES UN SITIO DINÁMICO? APLICACIONES WEB, INTRANET/EXTRANET :
¡WEBDEV ES EL REY!
RECORDATORIO: SITIO Para mantener actualizados los deta- SIEMPRE ACTUALIZADO WEBDEV ES IDEAL SEGURIDAD TOTAL SIN LÍMITE
ESTÁTICO lles del producto, se debe efectuar las Los datos del sitio dinámico son SIEM- PARA CREAR UN SITIO AUTOMÁTICA La riqueza funcional de WEBDEV permite
Un SITIO ESTÁTICO es un sitio que modificaciones en el sitio estático. PRE ACTUALIZADOS, ya que provie- INTRANET O EXTRANET O El sitio Intranet o la aplicación Web desarrollar verdaderas aplicaciones Web :
presenta páginas fijas, enlazadas de nen de las bases de datos de la empresa. UNA APLICACIÓN WEB El método más
¿QUÉ ES UN SITIO creada con WEBDEV es accesible a usted nunca está limitado.
fácil para crear
manera definida las unas con las otras. Usted muestra el precio actual, los
DINÁMICO? WEBDEV es la herramienta ideal para través de una sesión única. WEBDEV es la herramienta ideal para
aplicaciones
Se trata de un "conjunto de páginas" stocks reales, le indica al usuario de la
Un SITIO DINÁMICO crea "sobre la crear sitios Intranet y Extranet. Por defecto, para cada usuario, una crear sitios Intranet y Extranet, y es Cloud
en Internet, que uno puede justo Web cuando se envió su pedido, usted
marcha", en tiempo real, las páginas gestiona el planificador,... Un sitio Intranet es un sitio reservado sesión se abre y se mantiene automá- por esta razón que miles de grandes
consultar. En general, un sitio estático
presenta información "fija" sobre una solicitadas por los internautas, usando a un conjunto de usuarios: empresas, ticamente en el servidor. empresas han creado su Intranet con
empresa, grupo o asociación: activi- los datos presentes en las bases de SITIOS QUE SON clientes, empleados, proveedores... La seguridad del sitio se garantiza auto- WEBDEV.
dad, dirección, producto, a veces pre- datos. VERDADERAS APLICACIONES El acceso y la gestión de los derechos máticamente a través de
cios, una página de contacto... Tomemos el ejemplo de un catálogo Otro aspecto interesante de los sitios se hacen por nombre de usuario y esta noción de sesión
Los sitios estáticos pueden llegar a ser que contiene 300,000 artículos: ¡un dinámicos creados con WEBDEV es que contraseña. El acceso por contraseña automática: la dirección
bastante restrictivos: cada modificación sitio estático podría usar 300,000 pági- se comportan como VERDADERAS
nas HTML estáticas diferentes! se administra automáticamente en sus de la página no puede ser
realizada a la información, se debe APLICACIONES. Toda la potencia de sitios WEBDEV (ver página 37).
Un sitio dinámico solo necesitará una reutilizada por "copiar/
reportar en el sitio y las páginas corres- la programación está a su disposición
pondientes deben reinstalarse. página, destinada para recibir datos para definir los procesos. pegar"..  
(las referencias del
producto, foto, FACILIDAD DE
designación, pre- REALIZACIÓN
cio, comentarios Gracias a la potencia de su entorno
de los clientes, de desarrollo completo y su riqueza
etc.). El servidor funcional, es extremadamenteFÁCIL
"ensamblará" para cualquier desarrollador, incluso
todos los elemen- sin ninguna habilidad específica de
tos necesarios a 2 ejemplos
Internet, crear sitios dinámicos sofisti- de Extranet:
cada solicitud. cados, confiables, rápidos y evolutivos
(Consulte tam- Cuadro de mando
con WEBDEV. del proyecto,
bién la tecnología
(Quién puede hacer lo más, puede hacer y entrada de
SPA, "Single Page
lo menos: WEBDEV también crea sitios Notas de gastos
Application" en la estáticos)
página 38).

AÑADIR UNA SECCIÓN "DINÁMICA" INTERNET : ¡WEBDEV ES (TAMBIÉN) EL REY!

A UN SITIO ESTÁTICO EXISTENTE
Hoy la mayoría de empresas COMBINAR páginas estáticas y diná- actualizado. WEBDEV IDEAL PARA Gracias a esta tecno-
que poseen un sitio estático micas es la solución más rápida. Una nueva referencia de producto se CREAR UN SITIO DE logía AWP, WEBDEV
desean aprovechar las fun- El sitio estático existente se CON- agrega al SI. INTERNET permite crear pági-
SERVA, y las páginas dinámicas se El producto se incluye automática e nas Web dinámicas
cionalidades dinámicas. Un sitio de internet es un sitio accesible
AÑADEN y se llaman desde el sitio inmediatamente en el sitio dinámico.
simultáneamente por un gran número independientes.
estático, o reemplazan algunas páginas ¿El stock ha cambiado? La página se Cada página de
CON WEBDEV, de usuarios en el mundo entero.
estáticas. actualiza automáticamente. AWP puede ser refe-
REUTILICE SU Sin tener que modificar y actualizar
Las páginas de este sitio deben ser
También es muy fácil unir un sitio diná- renciada individual-
EXISTENTE las páginas, un sitio dinámico muestra
referenciables individualmente por los
mico con uno estático. motores de búsqueda : Google... mente por los moto-
Para reutilizar un EXISTENTE, usted automáticamente DATOS ACTUA- res de búsqueda por
tiene la elección. Usted puede : IMPORTAR PÁGINAS Para ser bien referenciado, un sitio
LIZADOS. su dirección (URL).
debe ser "Mobile Friendly", es decir,.
• conectar páginas dinámicas en el sitio ESTÁTICAS La reescritura de URL
estático existente LO "DINÁMICO" ES debe funcionar en un computador,
WEBDEV propone una potente fun- así como en un smartphone o tableta. es soportada, lo que
• combinar un sitio estático y dinámico cionalidad para importar páginas y INDISPENSABLE permite referenciar el
• importar sus páginas estáticas en el WEBDEV permite la creación fácil de
plantillas estáticas (ver página 48). ¡Hoy, sus sitios deben comportarse este tipo de sitios. contenido dinámico
sitio dinámico Las páginas estáticas existentes son como aplicaciones! Sus sitios deben de la página.
• ... IMPORTADAS en el entorno, y son ser dinámicos. Una página AWP del
LA TECNOLOGÍA AWP:
transformadas en páginas WEBDEV. REFERENCIAMIENTO sitio se ejecuta de
En todos los casos, usted puede con- manera autónoma,
NATURAL
servar su existente, y mejorarlo. LA NECESIDAD DE el contexto eventual
"TIEMPO REAL" Para el referenciamiento natural óptimo
se gestiona por pro-
COMBINAR PÁGINAS de las páginas, WEBDEV propone la
gramación.
¿Una tarifa cambia en el SI de la
ESTÁTICAS Y DINÁMICAS tecnología AWP: Active Webdev Page.
empresa? Inmediatamente, el sitio está

8 • WEBDEV Desarrolle 10 veces más rápido [Link] • 9

 CREACIÓN DE PÁGINA : LA POTENCIA DE LO VISUAL
LOS CONTROLES EN LAS
UN MÉTODO PÁGINAS: ¡WYSIWYG
REVOLUCIONARIO!
REVOLUCIONARIO Los diferentes controles (campo de
entrada, tabla, imagen, etc.) se crean
¡WEBDEV propone el entorno de trabajo y posicionan visualmente, en modo
integrado más potente y, más fácil de usar interactivo en el editor. Lo que usted
en el mercado! ve en el editor es lo que verán los
Cree visualmente sus sitios. y WEBDEV usuarios de la Web en sus navega-
genera automáticamente los códigos dores.
HTML, JavaScript, CSS y el código Las páginas (con los controles y sus
Servidor necesario para el sitio. características detalladas definidas por
No se requiere conocimiento previo las 7 pestañas, así como su código)
de programación de Internet. se guardan como elementos reuti-
lizables.
Esta técnica simplifica la programación,
¡Un método gestionando páginas como objetos
revolucionario! avanzados.
La creación de El editor de páginas le permite visual-
páginas es fácil: mente crear y modificar controles,
arrastre/mueva independientemente del código
los controles a fuente.
crear desde la La herencia se gestiona: es posible
cinta, ¡ubíquelos recibir notificaciones sobre los cambios
directamente con el realizados en un elemento compartido
ratón! por varios desarrolladores.
Las características Con WEBDEV, es posible intervenir por
personalizadas del programa para modificar las propieda-
control se des de un control.
definen Por ejemplo, dependiendo del perfil del
visualmente a usuario Web, usted puede mostrar o
El editor de
través de las "7 esconder controles específicos. ¡Todo
WEBDEV : pestañas" es dinámico!
¡visual, (ver página 13) HERMOSAS PÁGINAS FÁCILMENTE
Esta técnica para administrar páginas
creación de y controles le permite ahorrar una Las páginas son creadas de manera fácil visualmente, y usted dispone de
las páginas y cantidad significativa de tiempo un arsenal impresionante de controles muy poderosos. ¡Un Control Campo
controles con al crear y mantener sitios, y hacer que de entrada de WEBDEV con todas sus funcionalidades integradas, que se
el ratón! sean más robustos. hace con un simple "arrastrar/soltar" con el ratón, corresponde a cientos
o miles de líneas ahorradas de JavaScript y CSS!
REDUZCA EL CÓDIGO UN POSICIONAMIENTO Usted imagina fácilmente la cantidad de líneas de código que usted se
WEBDEV es un entorno completo e integrado. PRECISO ahorra.
Todo el desarrollo se realiza en un solo entorno y con Usted elige el tipo de posicionamiento.
un solo y único lenguaje: el WLanguage, L5G de gran WEBDEV incluye poderosos algoritmos
potencia, y fácil para aprender. de posicionamiento (por medio del TODOS LOS CONTROLES • Agenda, Planificador
No es necesario utilizar varios frameworks diferentes, ratón) para posicionar objetos con PARA INTERNET • Gráfico
El editor WEBDEV permite crear y • Área de clic, Mapa de imágenes
o cambiar de lenguaje. precisión en el nivel de pixeles.
manejar fácilmente todos los contro- • Google Maps,
Así WEBDEV permite evitarse los conocimientos
les que usted requiere para realizar • Valoración,
complejos de Internet.
rápidamente interfaces increíbles (ver • Red social
El generador visual de páginas de WEBDEV permite
páginas 22 a 28). • Pestañas,
crear facilmente y rápidamente páginas increíbles.
Los principales objetos administrados • Disposición
Las páginas se crean visualmente colocando los
por el editor de GUI son: • Galería de imágenes, etc...
controles con el ratón.
• Texto, título (simple o enriquecido/HTML) Recuerde que WEBDEV también per-
HTML, CSS Y JAVASCRIPT • Control Campo de entrada, entrada mite utilizar todos los controles pro-
enriquecida puestos por todos los frameworks del
No necesita saber HTML, ni CSS, ni JavaScript para
• Control de visualización con formato mercado: React, Bootstrap,...
construir sitios poderosos y dinámicos.
WEBDEV genera todo el código necesario para usted • Botón de opción, Casilla de verificación
PLANTILLAS PARA TODOS
 . • List Box, Combo Box, TreeView
LOS USOS
Pero WEBDEV es abierto y, si es necesario, siempre es • Botón texto, botón gráfico
Si es necesario, las tablas de posicio- WEBDEV viene con muchas planti-
posible ingresar (o pegar) directamente código de bajo namiento están disponibles • Cámara
• Imagen estática, dinámica llas (modelos de página predefinidas:
nivel HTML, CSS, JavaScript, Bootstrap, React o PHP en su
• Tabla, Control Looper Material Design, etc.) que permiten así
sitio WEBDEV. También puede usar frameworks: Angular,
JQuery, React... (ver. p 34). ANCLAJE • Control HTML crear fácilmente sitios para cualquier
Los anclajes definen cómo se com- • Páginador automático dispositivo o plataforma.
Con WEBDEV, sus equipos desarrollan portará el contenido de una página • Modelo de controles, Descubra en las siguientes
10 VECES MÁS RÁPIDO todos los tipos cuando la página se amplíe por el • IFrame, Página interna páginas las principales
de sitios y aplicaciones web, Internet, usuario, o pase de vertical a horizontal. • Título en la ruta del Sitio/Migas de pan, posibilidades que ofrece
Intranet, Extranet, Cloud y SaaS. Administrar los anclajes es muy fácil Mapa del sitio el editor integrado de
en WEBDEV. • Gráfico, WEBDEV.
• Calendario,
10 • WEBDEV Desarrolle 10 veces más rápido [Link] • 11
 UN ENTORNO DE CREACIÓN WEB TECNOLOGÍA 7 PESTAÑAS : POTENTES
INTEGRADO E INTUITIVO CONTROLES EN TAN SÓLO UNOS POCOS CLICS
El entorno de trabajo Todo está integrado usando el mismo La metodología propuesta por las "7 pestañas"
para definir controles poderosos es muy intuitiva:
EBDEV WYSIWYG de WEBDEV, aporta modo de operación, todo es visual y
®

comodidad para aumentar la todo está incluido: sus equipos per- no es necesario ningún conocimiento previo de
manecen en el mismo entorno, ellos internet. Todo esta explicado claramente. Todo es
productividad.
desarrollan más rápido. automáticamente generado.
Sus equipos crearán fácil-
mente los sitios y las aplica- El Soporte Técnico (por correo elec- Las características de cada control se definen a través de un
ciones que usted debe desa- trónico) también está incluido. lo que modo de diálogo exclusivo, muy fácil y muy poderoso: las
rrollar, y que sus clientes y brinda una comodidad agregada y aho- "7 pestañas".
usuarios esperan. rros notables así como un tiempo de Cada pestaña permite definir las características de un control.
desarrollo reducido. También es posible modificar estas características por programa.
WEBDEV es fácil de apren- El contenido de cada pestaña varía según el tipo de objeto: Aquí
der: una semana suele ser Sus proyectos pueden ser guardados en
el Cloud, lo que facilita. los detalles de las 7 pestañas para un control de tipo "Campo pestaña "Avanzado":
todo lo que un desarrollador de entrada". para ingresar o copiar/pegar código HTML
WEBDEV es compatible con WINDEV.
necesita. Rueda cromática
pestaña
en el entorno
"General": nom-
bre, título, tipo de
control, visualiza-
ción del estilo...
Aquí, las másca-
Cinta de opciones y Un menú contextual ras propuestas
barra de herramientas: (clic derecho) está
movibles, disponible para la
visibles o no, y configuración de los
configurables paneles.
pestaña "Detalles": define las características de entrada
Un pequeño cuadro
amarillo indica que
el control es parte
del modelo
(template)

Un menú contextual
(clic derecho) está Panel: da una
disponible para visión global
acceder rápidamente del proyecto;
a las diferentes un doble clic
características (o arrastrar &
soltar) en un
elemento lo abre pestaña "Estilo": defina las características
inmediatamente como el tamaño de fuente, los caracteres en mayúscula... También se propone
un editor de estilos
Vista opcional
CSS
pestaña "Enlace": para enlazar los datos a las páginas, ...

Nota: Puede des-

pejar el entorno Los paneles proponen Barra de información
La interfaz los editores
al esconder los componentes, contro- que muestra el nombre
es muy intuitiva,
paneles con la les, código, ... de la página actual,
y muy eficiente.
combinación Ctrl para ahorrar tiempo su tamaño,... pestaña "Código": escriba WLanguage, JavaScript y/o
+ W. código PHP directamente en el evento : Entrada en el con-
trol, Clic en el control, ...

La tecnología de las "7 pestañas" permite la

pestaña "Ayuda": tooltip, mensajes de ayuda... creación intuitiva de controles.
12 • WEBDEV Desarrolle 10 veces más rápido [Link] • 13
 ZONING :
¡LA DISPOSICIÓN ES FÁCIL! ¡FÁCIL RESPONSIVE WEB DESIGN!

ZONING EN EDICIÓN ¿QUÉ ES RESPONSIVE

(ZONA DE EDICIÓN) WEB DESIGN?
WEBDEV permite delimitar zonas de El Responsive Web Design (Diseño
edición en una página. Esto se llama Web Adaptable) es un método de
"zoning". desarrollo de sitios Web.
Las zonas permiten definir la arquitec- El principio de este método es de
tura de la página: encabezado (<hea- permitir que la misma página Web se
der>), pie de página (<footer>), barra adapte automáticamente, durante la
lateral (<aside>),... navegación, al tamaño y a la resolución
Simplemente divida la página en de la pantalla en la que se muestra.
"zonas" lógicas. La ventaja principal es poder con una
Una zona contiene los controles locali- misma página Web adaptarse a los
zados en ésta. smartphones, tabletas y pantallas de
El zoning es definido usualmente en oficina.
un modelo de página y será usado en La adaptación se realiza en tiempo
varias páginas del sitio. real en el navegador. Esta adaptación
Una vez que estas zonas de edición son también permite optimizar los modos
definidas, es más fácil editar la página. horizontal y vertical.
El control Disposición (Layout) también
está disponible.

CREAR PÁGINAS
RESPONSIVE CON
WEBDEV: ¡VISUAL!
Las páginas Responsive se crean visual-
Un sitio Responsive WEBDEV mente en el editor.
mostrado en una tableta En modo edición, las páginas
Responsive son automáticamente
dotadas de una cuadrícula de posicio-
namiento.
Esta cuadrícula incluye un conjunto de
columnas de ancho idéntico.
Los controles de página están posi-
cionados y anclados en ancho a estas
columnas.
Cuando el ancho de la página varía,
la cuadrícula se adapta y los controles
adaptan automáticamente su posición
y tamaño.
Tan pronto como se crea la página
El mismo sitio mostrado en un directamente en el editor, usted ve
smartphone el resultado en diferentes anchos de
página.
VENTAJAS DEL Para ver este comporta-
TRABAJANDO CON UNA den ser manejadas fácilmente en el RESPONSIVE: miento, escanee este código o
ZONA EN EL EDITOR editor. "MOBILE FRIENDLY" Y visite [Link]/21732
Si la zona es movida, sus controles Por ejemplo, al ampliar la altura de la REFERENCIAMIENTO
se moverán automáticamente con zona del encabezado, se mueve auto- MEJORADO EL REDIRECCIONAMIENTO
la zona. máticamente hacia abajo las zonas DINÁMICO TAMBIÉN SE
En su clasificación de los sitios durante
Este modo de edición simplifica las que están debajo: la zona del cuerpo PROPONE
una búsqueda para un internauta, En este ejemplo, entre una página en tamaño
operaciónes para crear y modificar de página y de pie de página. WEBDEV también soporta el concepto
Google favorece ahora los sitios grande y una en tamaño estrecho, el diseñador
páginas. Al imprimir, la posición relativa de los de "Redireccionamiento Dinámico": a
"mobile friendly", es decir, los . sitios del sitio ha decidido que:
La herramienta "lápiz" permite dividir controles encontrados en cada zona una misma URL corresponden 2 pági-
cuyo formato está adaptado a disposi- • El tamaño de la fuente del título es grande en
una página de manera visual. es respetada así como su anclaje. nas diferentes, una página Desktop y
tivos móviles. el teléfono (para una mejor legibilidad)
Estas zonas son materializadas y pue- La edición es WYSIWYG. una página Mobile;.
Gracias al Responsive Web Design de • La banda publicitaria no es visible porque hay
WEBDEV, sus sitios son automática- Dependiendo del navegador se mues-
tra la página adecuada. menos espacio
mente "mobile-friendly", por lo tanto • Se usa una imagen diferente (o un marco
son mejor referenciados por Google. Estas 2 tecnologías permiten adaptar
automáticamente la presentación de diferente).
la página al dispositivo donde se ve.

14 • WEBDEV Desarrolle 10 veces más rápido [Link] • 15

 PLANTILLAS : LOOK ESTANDARIZADO EDITOR HTML INTEGRADO
Para aquellos que desean modificar el código HTML generado por
WEBDEV, se proporciona un editor visual, fácil de usar y pode-
roso.

Cambio de ambiente en un sitio El mismo sitio durante el invierno:

Un sitio durante la primavera... El ambiente ha cambiado (color, estilos, etc.)

Comenzar un nuevo sitio PLANTILLAS LA ARMONÍA DE LOS

Web o una nueva aplica- PREDEFINIDAS COLORES
ción Web con WEBDEV es WEBDEV ofrece una gran cantidad de Otro concepto de afinamiento del
un juego de niños: ¡Elija una plantillas predefinidas. estilo son las "paletas de colores", que
plantilla (modelo de página), permiten afinar los ambientes.
una paleta de colores y su AMBIENTE, PARA Una paleta de colores es un con-
primera página se crea DEFINIR EL LOOK DE LAS junto de colores armoniosos (tono
sobre una base sólida! PÁGINAS sobre tono, por ejemplo) que se
El concepto de "ambiente" permite utiliza en los estilos de las páginas
MODELOS DE PÁGINA: afinar las plantillas.  .
PARA ESTRUCTURAR EL Un ambiente define un conjunto de Una paleta de colores define, por ejem-
SITIO estilos, una paleta de colores, ilustra- plo, un color de texto para un título,
La plantilla de página es un elemento ciones, fuentes,... así como el color de fondo correspon-
esencial para construir sitios Web. Muchos ambientes se entregan con diente, el color de un botón, etc.
Una plantilla contiene la presentación WEBDEV. Un gran número de paletas de colores
"común" para varias páginas. Una misma plantilla puede ser decli- se incluyen listas para usar.
La plantilla define la arquitectura de nada según varios ambientes. Un mismo ambiente puede ser instan-
las páginas: ciado con diferentes paletas de colores.
• encabezado de página LA PALETA ¡Las posibilidades de personalización
• menú DE COLORES, PARA son ilimitadas!
• columna
• pie de página
• barra de anuncios
• ...
(ver también el concepto de "zoning",
página 14).
Los elementos comunes son posiciona-
dos en este modelo de páginas.
Una plantilla también puede contener
imágenes, controles, código, procedi-
mientos, ...
Al crear el sitio, cada página creada
puede heredar características de una
plantilla.
Toda modificación hecha a la planti-
lla será propagada automáticamente
a todas las páginas que usan esta
plantilla.
En una página, por supuesto es posible
"sobrecargar" una propiedad de la
plantilla de página si es necesario.

16 • WEBDEV Desarrolle 10 veces más rápido [Link] • 17

SUS SITIOS SON COMPATIBLES CON TODOS LOS LA GRAN VEN- • generar gráficos
NAVEGADORES interactivos
TAJA DE WEBDEV : • interactuar con el
back office
Internet Explorer
en Windows
Si es
necesario,
SU SERVIDOR DE •  a d m i n i s t r a r
pagos con tar-

LOS SITIOS Y APLI-

WEBDEV
genera sitios APLICACIÓN Sus sitios se
jeta
• administrar
comportan como
CACIONES CREA- compatibles
verdaderas aplica-
la seguri-
con el
DOS CON WEBDEV estándar W3C ciones.
dad del acceso al UN SERVIDOR DE
Chrome sitio, a las páginas del sitio APLICACIÓN COMPLETO
SON transicional UN SERVIDOR
Aquí hay una lista, no
o a los controles del sitio
COMPATIBLES en Windows DE APLICACIÓN exhaustiva de procesos El servidor de aplicación de
que puede ejecutar en sus sitios • administrar archivos de log WEBDEV administra el aloja-
CON TODOS LOS POTENTE • enviar mensajes de correo
• acceso a blockchains: leer tran- miento de sitios, aplicaciones
NAVEGADORES WEBDEV posee un servi- sacciones de bitcoin... electrónico
Web, Webservices REST y
dor de aplicaciones (el • enviar SMS
Cada navegador ofrece • IoT: Sigfox, LoRa, MQTT, X10... SOAP, ejecute sus tareas
"motor" que ejecuta su • encriptación de datos •  administrar robots de segu-
particularidades. El programadas.
Edge programa en el servidor) • generar PDF en tiempo real ridad
comportamiento del mismo de una potencia sin equi- • 
aplicar un certificado a un • realizar todo proceso de ges- SU CÓDIGO ES
en Windows
navegador puede incluso valente en el mercado. documento PDF tión deseado: reservación, COMPATIBLE CON WINDEV
ser diferente de una versión Usted puede programar • 
interactuar con un sitio de stocks, toma de pedidos, ubi- Y WINDEV MOBILE
a otra. absolutamente todo lo reservación: [Link],... cación, anuncio, base de docu- WLanguage es
que quiera, con una des- • analizar en tiempo real el con- mentos, directorio, ... multiplataforma.
WEBDEV genera, si es • gestionar comunidades, foros,
concertante facilidad. tenido de las páginas Web de Usted lo reutiliza en
necesario, varios códigos El código está escrito en sitios de terceros blogs, FAQ, wiki,... Windows, Linux, Mac,
en la página, de modo WLanguage, un lenguage • aplicar modificaciones a docu- • motor de búsqueda Android, iOS,...
que la visualización de 5.ª generación. mentos DOCX y XLSX • escanear y archivar documen-
Firefox • efectuar todos los cálculos tos LA SEGURIDAD POR
siempre sea correcta, Todos los tipos de DEFECTO
en Linux o Windows deseados • prueba virtual de ropa, joyas,
independientemente del procesos son posi- Por defecto, los
• leer y escribir en las bases de gafas, maquillaje, peinados
navegador. bles con WEBDEV. datos • trabajar en idiomas no latinos: sitios creados
No tiene que hacer nada. • iniciar consultas chino, ruso,... en WEBDEV están
• modificar imagenes: cambiar •  análisis de comportamiento protegidos contra ata-
el color de una camiseta o un del usuario en la pantalla ques de inyección SQL.
Safari auto por un configurador • ... La copia de contexto es
en Mac • generar códigos de barras imposible.

UN MISMO SITIO WEBDEV :

WEBDEV
SE MUESTRA DE
LA TECNOLOGÍA DEL FUTURO
FORMA IDÉNTICA
WEBDEV : EL DESARROLLO sutilezas y el comportamiento diferente de
EN TODOS LOS MODERNO cada versión del navegador (Chrome, EDGE,
Firefox, Opera, etc.) para cada tag HTML, o
NAVEGADORES Con WEBDEV no hay necesidad de apren-
para administrar todos estos casos particu-
der 5 frameworks diferentes... Sabiendo
que estos frameworks a menudo se vuel- lares a mano, como en los viejos tiempos.
ven obsoletos unos meses después, y que Con WEBDEV usted tiene un entorno que
la nueva versión no necesariamente será gestiona todos los navegadores.
compatible con la anterior... Con WEBDEV Con WEBDEV tienes un lenguaje único.
su código funcionará durante muchos años Todo está escrito en el mismo len-
Con WEBDEV usted dispone de un entorno guaje, compartir datos es más fácil
donde todo está integrado.  .
WEBDEV permite crear sitios "Responsive".
WEBDEV también soporta el concepto de
Con WEBDEV no tiene que aprender las Usted tiene soporte técnico a su disposición.
"Redireccionamiento Dinámico": una misma URL corres-
ponde a 2 páginas diferentes, una página Desktop y una
18 • WEBDEV Desarrolle 10 veces más rápido página Mobile; Dependiendo del navegador, se muestra
la página adecuada.
[Link] • 19
 CONTROLES POTENTES
EBDEV ®
WEBDEV ofrece todos los tipos de controles
necesarios para crear páginas Web y aplica-
Un ojo se muestra al final del área de entrada.
Un clic en el ojo permite al usuario Web ver la contraseña
El contenido de la clipart es amplio y variado: imágenes,
iconos, cuadros, animaciones, botones gráficos, bandas,
CONTROL CAJÓN DE NAVEGACIÓN
Un control Cajón de navegación permite expandir y
os los con- clara. formas.
ciones Web. Veamos algunos de ellos. contraer un área de visualización.
roles Web, ¡Esto es práctico para evitar errores tipográficos!
y mucho CONTROLES CAMPO DE ENTRADA : CONTROL IMAGEN
más... CON MÁSCARA El control Imagen permite mostrar imágenes en los formatos
Los controles Campo de entrada de WEBDEV permiten, estándar de la Web: Jpeg, Giff, Tiff, PNG, SVG...
como otros controles, definir un amplio número de paráme- Las imágenes se pueden cliquear para iniciar un proceso.
tros, de manera visual e intuitivamente por medio de las "7 Ver también el control "Galería de imágenes" en la p. 26.
pestañas" o por programación. Es muy fácil definir máscaras
de entrada potentes, sin tener que escribir una sola linea de CONTROL MINIATURA : AUTOMÁTICO
código. Los formatos se muestra tan pronto como se escribe Un sitio Web a menudo maneja imágenes o fotos que se
en el control. usan también como miniaturas, como por ejemplo para su
DESACTIVAR AUTOCOMPLETAR selección.
AUTOMÁTICAMENTE WEBDEV gestiona automáticamente la generación dinámica
Los navegadores ofrecen automáticamente autocompletar automática de estas miniaturas.
formularios en las páginas.
Cuando el usuario empieza a ingresar información en un IMAGEN CON ZOOM AUTOMÁTICO
formulario (por ejemplo una dirección de entrega), todos MENÚS Cuando el efecto de zoom es activado en una imágen, pasar
los controles de la página se completan automáticamente. WEBDEV permite crear menús desplegables (verticales y el ratón sobre la imágen abrirá automáticamente una área
Esta funcionalidad es peligrosa para datos confidenciales. horizontales) en modo WYSIWYG, menús "pestaña" y al lado de la imágen donde la sección de la imágen original
Con WEBDEV, es posible desactivar esta funcionalidad del menús "Pop-up". apuntada por el cursor es aumentada, lo que muestra los
navegador control por control gracias a la opción de las "7 Es posible agregar dinámicamente (por programación) elec- detalles de esta sección.
pestañas": "Desactivar autocompletar". ciones de menú, submenus, etc...
Los menús son táctiles. Se generan en "full" CSS y se adap-
CONTROL CAMPO DE ENTRADA HTML tan al modo Responsive.
Este tipo de control permite a los usuarios ingresar contenido
enriquecido. Una barra de herramientas aparece automática-
mente en la parte superior del control, y le permite al usuario
definir los enriquecimientos.
Ejemplos de máscaras de entrada Los datos son almacenados en HTML estándar.
Algunas de las máscaras de entrada son: duración, primera
letra en mayúscula, nombre y ruta de archivo, dirección de CONTROL BOTÓN
email, código postal, etc... Un control Botón puede contener texto, una imagen o ser
Tenga en cuenta que las máscaras de entrada HTML5 tam- definido en CSS. Un botón puede ser personalizado de
bién están disponibles. acuerdo a su estado: inactivo, sobre, clic, enfocar, gris.
Ejemplo de menú contextual
CONTROL CAMPO DE ENTRADA :
TEXTO DE AYUDA
CÓDIGO CAPTCHA
El control Campo de entrada de WEBDEV ofrece cientos de Cuando el cursor pasa sobre un área de la imágen,
Un control Captcha está disponible.
posibilidades de configuración. esta es automáticamente mostrada y ampliada
El Captcha de Google también se puede utilizar en un sitio
Entre estas posibilidades, el control Campo de entrada puede
WEBDEV.
contener texto de ayuda.
Cuando el usuario web comienza a ingresar información en CONTROL CALENDARIO Y CAMPO DE
el control, el texto de ayuda puede convertirse en el título ENTRADA DE FECHA
sobre el área de edición. Por lo tanto, el usuario Web siempre El control Calendario permite crear un control integrado en
puede leer esta sugerencia durante la entrada. El control Captcha de Google una página, o abrir una "popup" calendario para ingresar la
fecha. Muchas opciones de personalización y presentación
son propuestas: enmarcar el día actual, tachar las fechas
LAS PESTAÑAS pasadas, mostrar un
Las pestañas son fáciles a gestionar. rango de fechas, seña-
lar días feriados,...
El control campo de entrada vacío...
BOTÓN INTELIGENTE PROTEGIDO DE
"MULTI-CLIC"
El "multi-clic" sobre los botones de validación es neutralizado
por defecto. Un usuario que hace clic 3 veces en el botón
“validar” no recibirá 3 veces su pedido...
... durante la entrada: el texto de ayuda se reduce
y se coloca encima del texto ingresado CLIPART COMPLETO DE 10,000
IMÁGENES Y BOTONES
ENTRADA DE CONTRASEÑA WEBDEV viene con una clipart de más de 10,000 elementos.
El control Campo de entrada WEBDEV ofrece la posibilidad Es posible referenciar sus propias imágenes e ilustraciones
de ingresar contraseñas. para enriquecer el catálogo. Ejemplo de pestañas en una página.

20 • WEBDEV Desarrolle 10 veces más rápido [Link] • 21

 CONTROLES POTENTES (CONTINUACIÓN) La generación de esta línea SiteMapPath es automática.
También se genera automáticamente un mapa del sitio.
Este es un nuevo tipo de control de la versión disponible que
está en WINDEV, WINDEV Mobile y WEBDEV.
En WEBDEV el control Token tiene una característica adi-

•••
CONTROL RED SOCIAL cional.
continuación de la página 21
El control "Red social" es una barra de herramientas que La propiedad ..CaptionHTML permite modificar la aparien-
contiene pictogramas utilizados para establecer el enlace a cia del token insertando un código HTML.
EBDEV ®
EFECTO SOBRE LA IMAGEN CONTROL VIDEO las principales redes sociales de la Web : Facebook, Twitter,
LinkedIn, Instagram, Pinterest....
método más
illo e intui-
tivo

Para utilizar los identificadores de un usuario web para la

autenticación, ver página 37. Ejemplos de tokens en un control Token
ZONA FIJA EN LA PANTALLA (FIXED)
CONTROL COMBO DE TIPO "POPUP"
WEBDEV permite crear fácilmente combos que muestran una
Las imágenes pueden beneficiarse de los efectos automá- pequeña página "PopUp" cuando los expandimos.
ticos. Entre estos efectos, el "movimiento automático" es El área expandida de este combo muestra una PopUp que
muy popular. Este efecto simula el ligero desplazamiento de usted ha creado previamente.
una cámara sobre una imagen: sin necesidad de tener que El control Video permite reproducir vídeos de varios forma-
programar nada, la imágen mostrada cobra vida y se mueve tos: Microsoft (Wmv), Webm, Mpg, Ogv, Flash (Flv),
ligera, lenta y suavemente en esta sección. QuickTime (Mov), ...
Las funcionalidades de lectura, pausa, adelantar, ... son
ANIMACIONES CSS3 EN LOS soportadas.
CONTROLES La visualización de videos también es gestionada por HTML5.
WEBDEV permite definir fácilmente efectos en los controles Los videos de YouTube son soportados.
de tipo imagen: aceleración, recorte (clipping), atenuación Incluso si el usuario se desplaza hacia abajo en la página,
(fading), zoom automático, desvanecimiento (fade in), zoom CONTROLES SLIDER & RANGE SLIDER la cesta se mantendrá visible en la misma posición
de desplazamiento (zoom hover), efecto foto, movimiento Los controles Deslizante y Deslizante de rango también están Este anclaje fijo permite que uno o más controles se man-
panorámico, parpadeo, shift, barrido, inclinación, rotación, ... disponibles. tengan visibles cuando el usuario se desplaza. Se dice que el
El efecto pasar página es tambien gestionado. área está "fijada".
También es posible asignar una animación CSS3
encontrada en Internet a un control WEBDEV El o los elementos así fijado(s) de esta manera se mueve(n)
 . Las animaciones declaradas en la hoja de estilos son listadas con la barra de desplazamiento y por lo tanto, se mantiene(n)
en el editor. visible(s) mientras el resto de la página se mueve. Un combo popup gráfico,
contiene un Looper
ZONAS CLIQUEABLES (MAPA DE IMÁGENES) TABLA HTML  
Las zonas cliqueables se usan para realizar procesos de hiper- El control Tabla HTML permite crear fácilmente tablas estáti-
texto: Dependiendo de donde un usuario web haga clic en CONTROL VALORACIÓN cas de presentación en las páginas. INTEGRACIÓN DE COMPONENTES EXTERNOS
una imagen, un proceso particular es ejecutado. Este control permite al usuario ingresar una calificación, o a
Definir las áreas de clic es muy fácil a través de las áreas Este ejemplo de calendario con la selección del período proviene de un
un sitio mostrar una valoración. componente Javascript.
geométricas incluidas. Se pueden anidar varias zonas. Por defecto el símbolo visual utilizado es una estrella pero
Si es necesario, es fácil recuperar las coordenadas del clic, Integrar controles de diferentes frameworks (Bootstrap, React, etc.) es fácil
puede ser modificado (smiley, mano, corazón...). La valora- con WEBDEV (ver p. 34).
con una precisión de pixeles. ción puede ser en números decimales. WEBDEV está abierto a todas las tecnologías.
CONTROL GOOGLE MAPS
Usted puede incluir un control Google Maps en un sitio.
Es fácil enriquecer el mapa: posicionar marcadores, mostrar
una ruta, establecer el porcentaje de zoom, ...

BREADCRUMB, SITEMAPPATH CONTROL INTERRUPTOR CON CURSOR

(RASTRO DE MIGAS DE PAN, ESQUEMA Los controles "Interruptor con cursor" están cada vez más
DE NAVEGACIÓN) presentes en las páginas Web.

Un "Breadcrumb" (que antes lo llamabamos "SiteMapPath")

es un menú lineal que se construye a medida que el usuario
navega en un sitio.
Breadcrumb, literalmente "Migas de pan" se refiere a un
CONTROL TOKEN
esquema de navegación útil Muy utilizados para criterios múltiples, los controles Token
permite al usuario volver rápidamente a una página anterior. son muy fáciles de incluir en sus páginas .

22 • WEBDEV Desarrolle 10 veces más rápido [Link] • 23

 EL CONTROL LOOPER
CONTROLES SOFISTICADOS Además de los controles presentados en
las páginas anteriores, WEBDEV ofrece CONTROL LOOPER :
controles muy sofisticados UN CONCEPTO MUY POTENTE

••• continuación de la página 23

EL CONTROL "UPLOAD" (HTML 5) PLANIFICADOR & AGENDA

El control Upload permite cargar un archivo desde el navega- El control Planificador permite administrar el empleo del
dor hacia el servidor. Selector de archivos, arrastrar y soltar, tiempo para recursos múltiples.
multiselección, barra de progreso ... se gestionan en estándar. El enlace con los datos es automático (data binding).
Este control le hace ganar semanas de programación.
El control Planificador es adaptado para dispositivos táctiles
(tabletas, smartphones).
Los modos de operación para crear, mover, y eliminar citas
son compatibles con el entorno "multi-touch", y pueden ser
realizados con un dedo.
El nivel de configuración es muy fino, y puede llamar al CSS.
El control looper se define en el editor
Un control "Agenda" también está disponible.
Contro Looper en ejecución
CONTROL GRÁFICO INTERACTIVO Un control Looper es un conjunto de controles que se repiten cada control. Por ejemplo:
El control Gráfico de WEBDEV ofrece muchos tipos de gráfi- horizontal, vertical y/o linealmente un número definido o no • color de línea
cos, en modo 2D y 3D, en modo estático e interactivo: línea, definido de veces. • color de una fuente (cantidad en rojo si es negativo)
columna, semicircular, circulares, ... • foto de un artículo...
Un gráfico se puede visualizar en tiempo real : el gráfico
evoluciona según los datos recibidos.
El control Looper incluye un menú para la exportación
Un menú permite al usuario modificar dinámicamente los
automática a Word, Excel, ... (ver p. 27).
parámetros: tipo de gráfico, visualización de leyenda, etc,...
Un punto de mira permite una lectura precisa de los datos. PAGINACIÓN AUTOMÁTICA
Los efectos de animación se encuentran disponibles. Looper Lineal
La paginación usada para navegar (con su código) se genera
Los loopers son alimentados sea por programación, o automáticamente para un looper, así como para una tabla.
mediante un enlace directo con una o varias tablas de datos
(data binding), o desde consultas.
Por ejemplo, el número de repeticiones puede ser el número
La carga puede efectuarse en tarea de fondo. de registros de la consulta,... Ejemplo de paginación automática
En cada repetición, es posible modificar cada atributo de

CONTROL CUADRO DE MANDO CONTROLES ADAPTADOS AL

FUNCIONAMIENTO EN EL MÓVIL
WEBDEV permite crear fácilmente de cuadros de mando
dinámicos. Un control Cuadro de mando está hecho de Cuando los sitios creados con WEBDEV se ejecutan en un
widgets (páginas internas). dispositivo móvil (tableta o smartphone), el comportamiento
La configuración del cuadro de mando por parte del usuario de los controles se adapta a las pantallas táctiles.
se gestiona automáticamente.
Y LOS OTROS CONTROLES WEB
El usuario final puede personalizar y adaptar el cuadro de
CONTROL BANNER DESLIZANTE mando. WEBDEV propone muchos otros controles como TreeView,
El control Banner deslizante permite mostrar sucesivamente Cámara, Applet Java, Iframe, Celda, Layout, Enlace, List Box,
varios contenidos, ya sea de forma automática o posterior a Línea, Control Plantilla, Página interna, Tabla Jerárquica,...
una acción realizada por el usuario Web. usted tiene todo.
El "banner" puede contener controles y procesos. Y descubra en las siguientes 2 páginas 3 controles impresio-
Vemos a menudo un banner deslizante en el encabezado nantes: panel, galería de imágenes y tabla.
del sitio.

CONTROL

El banner cambia de plano por sí solo o cuando se lo soli- Gracias a la apertura de WEBDEV,
cita. Los planos pueden contener controles usted también tiene acceso a todos los componentes

24 • WEBDEV Desarrolle 10 veces más rápido [Link] • 25

 CONTROLES SOFISTICADOS (CONTINUACIÓN) LAS TABLAS (DATAGRID)

••• continuación de la página 25 TABLAS PODEROSAS

El control Tabla un control poderoso.
Una tabla puede ser alimentada automáti-
por programación.

FUNCIONALIDADES
Una tabla puede ser en selección simple,
múltiple o sin selección.
Una tabla puede estar en modo de solo
EBDEV ®
CONTROL
"PANEL AUTOMÁTICO"
camente (binding) por un archivo de datos
ENRIQUECIDAS
El control Tabla propone muchos tipos de
lectura o permitir la entrada.
El control Tabla permite programar todos
método más o por una consulta.
Los sitios y aplicaciones Web utilizan cada Para actualizar solo los elementos necesa- columnas: texto, enlace, númerico, mone- los comportamientos deseados.
illo e intui- tario, fecha, hora, interruptor, imagen, El usuario final dispone automáticamente
tivo vez más un procedimiento basado en pane- rios, el control Tabla hace llamadas Ajax.
les plegables. Una tabla también se puede completar por contenedor. muchas funcionalidades:
Estos paneles pueden contener controles, programación opcionalmente en código 3 modos de visualización están disponi- • Redimensionamiento de columna
opciones de menú, gráficos, páginas inter- servidor, o en código navegador. bles : con barra de desplazamiento, con • Filtro, Búsqueda
nas, ... Más de 80 funciones WLanguage están paginación, o mostrar todo el contenido de • Desplazamiento de columna
WEBDEV propone la gestión automática de disponibles para manejar el control Tabla la página • Exportar Excel, Word...
estos modos operativos. Es posible definir rupturas.
¡Note que el panel cerrado se sacude
cuando el ratón se desplaza sobre su área Es posible buscar en En modo Responsive Web
Design , las columnas se
para ser visto! la tabla a través de Las columnas se transforman automáti-
la lupa pueden ordenar camente en filas en los
teléfonos

Se puede cambiar Una barra de despla-

PANEL PANEL el tamaño de las zamiento reemplaza
columnas automáticamente la
ABIERTO CERRADO paginación

Las filas de la
El fondo de la barra
tabla son
de selección puede
"multiselección"
ser una imágen

de una base de datos o definidas por

programación. Anclaje y barra de
Este control ahorra semanas de desa- Las celdas de desplazamiento
rrollo. tablas pueden
Una imagen se muestra en una celda.
automático
estar en modo
En esta celda, otros controles se pue- "entrada" Gestión automática
den insertar en la imagen y/o sobre- de un "cache" (captura
ponerse en la imagen: título, botón,... parcial) que solo carga los
Un reloj de arena es mos- datos necesarios para mos-
Cuando se amplía el navegador, trado automáticamente trar y desplazarse por los
aumenta el número de imágenes o cuando se realiza un elementos sin problemas
aumenta el tamaño de las imágenes. proceso extenso. para el ojo humano
El control Galería de imágenes es
responsive.
EXPORTE
AUTOMÁTICAMENTE A
XML, WORD, EXCEL Y
OPEN OFFICE
Para las tablas y los Looper, un menú
de exportación automática a XML,
Word, Excel y Open Office... se pro-
CONTROL GALERÍA pone al usuario Web.
DE IMÁGENES Los datos contenidos en la tabla o el
Este control, basado en un control looper se exportan automáticamente a
"Looper", permite administrar la visua- la herramienta y formato seleccionado.
Usando Intranet, ¡los usuarios pueden ...O PROGRAME
lización de varias imágenes sin progra- EXPORTACIONES
mación. crear fácilmente sus simulaciones en
Excel! Si usted desea automatizar las exporta-
Las imágenes pueden tener diferentes
ciones desde sus sitios, los comandos
tamaños y proporciones: el control NADA PARA PROGRAMAR de programación L5G de WEBDEV
Galería de imágenes se encarga de
No hay nada que programar para que están a su disposición.
ofrecer una visualización armoniosa.
La navegación entre imágenes se ges- los usuarios Web se beneficien de estas
tiona automáticamente. funcionalidades de exportación.
El control muestra las imágenes encon- Por supuesto usted puede desactivar
tradas en un directorio, o provenientes esta funcionalidad.

26 • WEBDEV Desarrolle 10 veces más rápido [Link] • 27

 HTML5 64 IDIOMAS EN SUS SITIOS

HTML5 Y W3C compatibilidad de las pági- COMPATIBILIDAD Un sitio o una aplicación Web PLANEE PARA
nas en todos los navegado- CON ANTIGUOS tiene una audiencia mun- EL FUTURO
En WEBDEV, no necesita
escribir código HTML, res del mercado que sopor- NAVEGADORES: HTML4 dial: ¡cualquier usuario web Imagínese simplificar
¡WEBDEV lo genera auto- ten el estándar. Para asegurar la compatibilidad con puede verlo en cualquier el trabajo al desarro-
máticamente para usted! versiones anteriores de navegado- lugar del mundo! llar sitios multilingües
ESCRIBA Por lo tanto, el desarrollo de o si uno de sus sitios
El código HTML generado res (usados en Intranet por ejem-
CÓDIGO HTML puede llegar a serlo,
por WEBDEV respeta el
DIRECTAMENTE plo), WEBDEV también le permite sitios multilingües a menudo
porque las traduccio-
estándar HTML5 y cumple soportar sitios en el estándar HTML4 se requiere en Internet.
con las recomendaciones Si es necesario, puede edi- Transicional. nes se pueden realizar
tar el código HTML de los
E incluso es obligatorio
del W3C. de forma retrospec-
controles y las páginas (ver para los países que utili- tiva, en un sitio exis-
El cumplimiento del están-
página 17). zan varios idiomas oficiales tente.
dar HTML5 garantiza una
 : Bélgica, Suiza, Luxemburgo,
Canada, etc... EXTRACCIÓN
WEBDEV aporta una solu- Ejemplo de entrada de texto AUTOMÁTICA DE
en varios idiomas TEXTOS
ción integrada muy potente
para el soporte de idiomas. Una herramienta disponi-
Solo tiene que ingresar los títulos en los ble por separado (WDMSG)
64 IDIOMAS POR SITIO diferentes idiomas seleccionados (idio- permite extraer todos los
mas latinos y no latinos: chino, ruso, "textos" de un proyecto y
CSS3 Hasta 64 idiomas diferentes están
soportados en los sitios que usted
etc.) y WEBDEV se encarga de todo.
Para cambiar el idioma dinámicamente
reintegrarlo automática-
mente después de traducirlo
desarrolle. Lo único que necesita hacer  
CREAR ESTILOS : MODIFICACIÓN Los estilos son presentados en el sitio, simplemente llame a la fun-
es escoger los idioma en la pantalla Esto es útil si desea que su
CSS SIN SABER CSS DEL CÓDIGO CSS directamente en el editor, y ción WLanguage Nation.
de configuración (lista que puede ser sitio sea traducido por una
DE LOS ESTILOS se pueden utilizar inmedia- ¡Tenga en cuenta que incluso el título
WEBDEV tamente. modificada en cualquier momento). agencia de traducción.
de los botones de imagen se traducirá!
El código CSS3
generado se puede ANIMACIONES Y
modificar si es EFECTOS EN LOS
necesario directa- CONTROLES
mente en el archivo .CSS . El entorno WEBDEV ofrece muchos
Un estilo CSS creado por efectos y animaciones: fade in, zoom
WEBDEV y cuyo código CSS on hover, blinking, rotation, 3D twirl,
se modifica es siempre reco- etc.
nocido por el editor.

EDITOR DE ESTILOS
Estos efectos se proponen en todos los
controles y son configurables: dura- FACTURACIÓN ELÉCTRONICA
CSS
Un editor de estilos CSS visual
ción, curva de aceleración, ...
Usted no necesita saber CSS para AUTOMATICE EL ENVÍO
también se proporciona con usar estos efectos. WEBDEV genera el
WEBDEV. código CSS necesario. WEBDEV facilita la preparación y trans- EJEMPLO: FACTUR-X
Usted puede ingresar su pro- misión automática de las facturas elec- (FACTURA HIBRIDA)
pio código CSS en el edi- REFERENCIAR trónicas. Factur-X, es un estándar de factura
tor de estilos CSS, o pegar ANIMACIONES CSS híbrida: una factura a la vez puede
un código recuperado de EXISTENTES WINDEV PERMITE leerse por personas (PDF) y por los
Internet. Hay otros efectos especiales, disponi- AUTOMATIZAR EL ENVÍO EDI (XML).
bles en el mercado como animaciones WEBDEV facilita la automatización Una factura en el estándar de Factur-X
Para crear un estilo con WEBDEV, IMPORTACIÓN DE CSS. Por ejemplo:: péndulo, flotación, del envío de las facturas electróni- contiene un archivo PDF (estándar A-3)
el desarrollador o diseñador web no ESTILOS CSS EXISTENTES cas: Todas las funcionalidades necesa- de la factura, y el archivo XML estándar
explosión...
Los estilos CSS3 existentes se pueden rias para enviar automáticamente las (5 estándares se definen en Europa,
necesita conocer CSS3. Para aplicar este tipo de animación
importar a sus proyectos WEBDEV. facturas están presentes en WINDEV dependiendo del nivel de detalle) que
El estilo se crea en visual gracias a la de terceros a un control, simplemente
En el entorno WEBDEV, los estilos  . incluye los detalles de la factura.
tecnología de las "7 pestañas". haga referencia a la hoja de estilos • Creación fácil de PDF
importados se proponen de la misma WEBDEV dispone de todas las fun-
WEBDEV genera el mismo el estilo CSS CSS que contiene la descripción de la • Gestión de certificados
manera que los estilos que se crearon ciones XML necesarias para generar y
correspondiente animación en el proyecto. • Webservices REST
directamente con WEBDEV. firmar archivos XML.
Los estilos se pueden modificar en En el panel "Animaciones" de la ven- • JSON nativo WEBDEV permite la creación de PDF
cualquier momento en el editor, las REFERENCIAR LOS tana "7 pestañas" para editar el estilo • ... de acuerdo con el estándar de archivo
modificaciones por supuesto se aplican ESTILOS CSS EXISTENTES del control concerniente, seleccione el El desarrollo de una funcionalidad de A-3.
a todas las páginas y controles que WEBDEV también permite hacer refe- nombre de la animación a utilizar, su envío automático de facturas (indivi-
usen el estilo modificado. rencia a hojas de estilos CSS externas. duración y su repetición. dual o por lotes) es fácil.

28 • WEBDEV Desarrolle 10 veces más rápido [Link] • 29

 EL CORAZÓN DE WEBDEV: SU LENGUAJE
PROGRAME TODO LO QUE QUIERA EL EDITOR DE CÓDIGO LO ASISTE
El WLanguage , el lenguaje Códigos Navegador y códigos Servidor tor, público, privado, polimorfismo... El editor de código contri- tará en el Servidor. Inversamente, un diagrama UML
L5G integrado de WEBDEV están escritos en WLanguage. El uso de la POO es opcional y se La barra verde indica que el código
buye a la productividad de genera el código de clases.
permite describir muy fáci- puede combinar con la programación escrito es WLanguage y que se ejecu-
WLANGUAGE: WEBDEV.
lemente todos los procesos tradicional (ver p. 32).
La programación es intuitiva, tará en el Navegador. ADMINISTRADOR DE
POTENTE, INTUITIVO La barra rosada significa que el CÓDIGO FUENTE
que usted desea. rápida y se hace directamente
WLanguage permite una programa- JSON código escrito es PHP.
en el control relevante. WEBDEV viene con una herramienta
ción más rápida y una mejor calidad JSON se gestiona La barra azul significa que el código de control de versiones, el source code
LA PROGRAMACIÓN de código. de forma nativa en escrito es un código JavaScript.
Un comando WLanguage a menudo UN MÉTODO manager (SCM, consulte la página 46).
DE INTERNET NUNCA WLanguage. ¡Es visual e intuitivo!
corresponde a cientos o miles de líneas REVOLUCIONARIO
HA SIDO TAN FÁCIL Y AJAX
de código en JavaScript: sus equipos LA GENERACIÓN La tecnología exclusiva del editor de TODOS LOS EVENTOS
POTENTE se desarrollan más rápido, el riesgo de código ayuda a desarrollar mas rápido
AUTOMÁTICA DE HTML, SON SOPORTADOS
El lenguaje L5G de WEBDEV, el errores disminuye. JAVASCRIPT Y CSS y crear un código de calidad.
Los eventos menos habituales son
WLanguage, usado por cientos de
¿FRANCÉS O INGLÉS? Un navegador solo entiende el código propuestos en una lista. Con respecto a AJAX (solo actualice
EL MÉTODO DE
HTML, JavaScript y CSS. Todos los eventos son soportados: los datos estrictamente necesarios de
WLanguage está disponible en francés
El código WLanguage destinado ejecu-
DESARROLLO WEBDEV
e inglés. clic, doble clic, tecla pulsada, tecla la página), simplemente haga clic en
tarse en el Navegador genera automá- Los eventos más usados en un control el botón "Ajax" de la línea para utilizar
El inglés permite una programación presionada, tecla no pulsada, botón
ticamente el código HTML, JavaScript se proponen por defecto en el editor esta tecnología.
mas intuitiva, y mas fácil el manteni- de ratón pulsado, botón de ratón no
y CSS correspondiente. de código y se materializan mediante
miento. pulsado, ratón fuera del objeto, ratón
Los comandos del WLanguage (hRead-
una barra de color.
encima del objeto, perdida de foco, COMPLETACIÓN
NO ES NECESARIO SABER AUTOMÁTICA
First, hReadNext, SSLActive, hFound,
JAVASCRIPT, CSS Y HTML Inicialización del control
etc.) son fáciles de aprender y fáciles
de mantener. No necesita saber JavaScript, HTML, Entrada en el control (onfocus)
CSS o PHP para desarrollar con
Salida con modificación (onchange )
IMPOSIBLE ESTAR WEBDEV.
BLOQUEADO Sin embargo, si por alguna razón sus Salida del control (onblur )
equipos desean usar Javascript, HTML,
El WEBDEV L5G es extremadamente
CSS o código PHP, WEBDEV lo permite
poderoso, ofrece más de 2,500 fun-  . Al escribir un comando, el tipo de pará-
ciones de programación. metro esperado se propone en una
Usted nunca estará bloqueado. PERFILADOR: OPTIMICE lista desplegable. Un tooltip también
WEBDEV permite escribir código LA VELOCIDAD DE SU brinda información preciosa de cada
HTML, JavaScript o PHP. CÓDIGO parámetro de la función utilizada.
miles de desarrolladores profesiona-
Todos los recursos habituales de la
les, brinda un confort que permite WEBDEV viene con varias herramien-
desarrollar mucho más rápido todos
Web se pueden integrar en una página
tas, un "perfilador", herramienta que ERRORES EN TIEMPO REAL
WEBDEV: CSS3, JQuery, Angular,
los tipos de procesos. mide la velocidad de cada instrucción
React, [Link],...
de su código.
UNA POTENCIA SIN
EJEMPLO DE CÓDIGO: RAD
EQUIVALENTE EN EL Si ocurre un error de sintaxis, éste
ENVIAR UN CORREO
MERCADO Tenga en cuenta es detectado en el editor de código, Nota:
ELECTRÓNICO
Imagine: Usted puede programar que el código y ¡incluso antes de que el proyecto sea el editor de código,
El envío de correos electrónicos es las páginas pueden
fácilmente TODO lo que desee compilado! como el entorno,
simple. generarse automática-
para su sitio: realizar cálculos, puede tener un fondo
El comando se llama simplemente
procesamiento de cadenas, pro- mente por el RAD y los asistentes de PRUEBAS UNITARIAS DE blanco o negro
eMailSendMessage . WEBDEV, a partir de una descripción toma de foco, modificación, selección
cesamiento de imágenes, edi-
Usted puede añadir archivos adjuntos. Por ejemplo, para un control de tipo PROCEDIMIENTOS Y CLASES
ción de PDF, acceso a datos, de datos ("un análisis"). del contenido del control, acceso a la
Para consultar El envío de los correos electrónicos se "Campo de entrada", los eventos por La creación de conjuntos de prue-
la lista exhaus- impresión de códigos de barras, defecto son: ayuda, carga, envío de formulario,...
efectuan en tarea de fondo. COMPATIBILIDAD bas esta integrada totalmente en el
tiva de todos escaneo de documentos, alma-
WINDEV Y WINDEV • inicialización del control, RESALTADO SINTÁCTICA entorno. Para probar directamente un
los comandos cenamiento de imágenes, ges- OPTIMA INTEGRACIÓN MOBILE • entrada en el control, procedimiento o una clase, solo use el
L5G, consulte la tión de registros, solicitud de DE BASES DE DATOS Para hacer la programación mas fácil
certificados, cifrar datos, ... • salida del control, menú contextual que propone crear (y
ayuda en línea de WLanguage es común a WEBDEV, y legible, cada palabra se colorea de
WLanguage está optimizado para • cada vez que se modifica. luego reproducir) una nueva prueba
WEBDEV en DOC. WINDEV y WINDEV Mobile: su código acuerdo a su tipo.
PROCESOS DE manejar datos de tablas. El autocom- Simplemente escriba el código corres- unitaria.
[Link] es multiplataforma.
INTERNET pletar propone los nombres de tablas pondiente en la parte correspondiente.
Cuando usted tiene un existente COLAPSADO/EXPANDIDO
En Internet, el código está y columnas.
WLanguage, puede reutilizarlo direc-
El código que se ejecutará en COBERTURA DE CÓDIGO
el Navegador se puede ingresar en El editor de código incluye una caracte-
estructurado entre Servidor tamente. El editor de código indica la "cobertura
WEBSERVICES FÁCILES WLanguage o Javascript, según lo desee. rística de código de expandir/colapsar:
y Navegador : de código" del proyecto: cada línea de
La creación y consumo de webservices ¡usted puede ocultar el código pro-
• El código puede ser eje-
SOAP y REST es muy fácil. (ver p.33).
WLanguage trae un L5G CÓDIGO SERVIDOR Y bado para mejor legibilidad!
código que nunca se ha ejecutado es
cutado en el servidor, por el
estructurado para el CÓDIGO NAVEGADOR
señalada.
servidor de aplicaciones
POO (OBJETO) desarrollo de Internet. Simplemente escriba su código debajo UML El editor de código es un
• El código puede ser ejecu-
tado en el navegador, en La Programación Orientada a Objetos de la barra correspondiente. WEBDEV crea automáticamente el dia- componente importante de
el computador del usuario (POO) es soportada por WEBDEV:
Elegido "El lenguaje más productivo del
mercado" por los lectores de la revista La barra amarilla indica que el código grama de clases mediante un análisis la legendaria simplicidad
Web. herencia múltiple, constructor, destruc- "¡Programe!" escrito es WLanguage y que se ejecu- inverso del código. de WEBDEV.
30 • WEBDEV Desarrolle 10 veces más rápido [Link] • 31
 LOS WEBSERVICES SOAP & REST:
POO CREACIÓN, CONSUMO
Implementar POO • Destructor LA FACILIDAD DE CREACIÓN FÁCIL
un sitio diná- Las sintaxis de WLanguage permiten • Encapsulación de datos : públicos, WEBDEV AL SERVICIO DE DE WEBSERVICES
mico (enla- una programación moderna y eficiente privados y protegidos LOS WEBSERVICES SOAP
zado a datos, e orientada a objetos. • Liberación automática
WEBDEV permite consumir, crear, La creación de Webservices
incluyendo pro- Los métodos de clase base se pue- • Operador "es un" y downcast
implementar y alojar fácilmente los SOAP se efectúa facilmente:
cesos) requiere den redefinir visualmente desde el • Baja referencia
WebServices SOAP y REST. simplemente defina el colec-
una fase de pro- explorador de proyectos; los métodos • Asociación
ción de procedimientos que
gramación. virtuales se generan automáticamente • ... FÁCIL CONSUMO DE componen la interfaz del
WEBDEV está  . WEBSERVICES REST Webservice.
XML, JSON, ...
abierto a todos La gestión de la memoria de las ins- Es muy fácil utilizar los Webservices El archivo de descripción
tancias es totalmente automática en la WLanguage está optimizado para pro-
los métodos de REST desde WEBDEV. WSDL se genera automáti-
mayoría de los casos, tanto al asignar cesar documentos XML y JSON.
desarrollo. Simplemente llama a las URL del camente.
como al liberar memoria. Las estructuras de los documentos
Webservice. IMPLEMENTACIÓN
se importan, serializan y deserializan
Los datos devueltos por el Webservice FÁCIL DE LOS
PROGRAMACIÓN POR TODAS LAS NOCIONES directamente en WLanguage.
pueden estar en formato JSON.
POO El editor de código brinda ingreso WEBSERVICES
PROCEDIMIENTOS O POO asistido de los nombres de los ele-
WEBDEV soporta JSON de forma nativa.
Los Webservices están aloja-
La programación con WEBDEV se rea- Los conceptos POO son compatibles:
mentos del documento, coloreamiento FÁCIL CONSUMO DE dos en un computador que
liza en WLanguage, el célebre L5G, • Clases
sintáctico,... WEBSERVICES SOAP incluye un servidor de aplica-
conocido por su potencia, su riqueza y • Clases abstractas
ciones WEBDEV..
su intuitividad. • Interfaces Es muy fácil importar Webservices
El procedimiento de instala-
Los desarrolladores pueden elegir • Herencia, herencia múltiple SOAP en WEBDEV.
ción es generado automáti-
entre programación por procedi- • Reflexión Simplemente importe la descripción
camente.
mientos y Programación Orientada a • Sobrecarga (despacho dinámico) WSDL del Webservice. Visualización y página de prueba generadas automáticamente
Todo es administrado
Objetos (POO). El enfoque orientado a • Métodos abstractos y virtuales (poli- Los procedimientos y tipos del
desde el administrador
objetos permite evolución de código y morfismo) Webservice aparecen automática-
WEBDEV como un sitio
hace que el mantenimiento futuro sea • Propiedades (get y set) mente como tipos y funciones que
"clásico", todas las herra-
más simple. • Constructor pueden usarse en el proyecto.
mientas están disponibles
Por lo tanto, los elementos del
 : estadísticas de tráfico, etc...
Webservice aparecen en el proyecto
(ver administración de los sitio
como elementos regulares del pro-
p. 54).
yecto.
ALOJAMIENTO
DEPURADOR INTEGRADO: TODO ES ADMINISTRADO FÁCIL DE LOS
WEBSERVICES
La gestión de los Webservices es muy
AFINE SU CÓDIGO FACILMENTE potente; Aquí una lista de algunas de
las funcionalidades gestionadas:
La tecnología de alojamiento
está basada en el robusto ser-
• Resultados de tipo Array (SoapArray) vidor de aplicaciones estándar
DEPURADOR • visualización del valor de la variable Es posible depurar un servidor de forma • Data binding Webservices de WEBDEV.
POTENTE Y FÁCIL en el tooltip remota: el servidor ubicado en el pro- • Inclusión de Webservices Los servidores pueden estar
UTILIZAR • resultado decimal o hexadecimal veedor de alojamiento puede depurarse • Atributos en los wsdl ubicados en sus instalacio-
• pila de llamadas en tiempo real sin desplazarse. • Respuestas y encabezados múltiples nes, en un host o en el cloud
Para afinar su sitio Web
• localización del código en ejecución • Firma del mensaje (PCSCloud, por ejemplo).
interactivo, el depurador le
• WS-Addressing Los Webservices pueden ser
permite ejecutar el código • 32 y 64 bits El depurador le ahorra consumidos por cualquier Visualización del resultado de un Webservice REST: código
• ... • Ciclos en los esquemas
paso por paso, y visualizar o tiempo precioso al ajustar su • Autenticaciones SPNEGO, ... tipo de aplicación, creada en Http, encabezado Http, content (JSON por defecto), etc.
modificar el contenido de las aplicación. WINDEV, WEBDEV, WINDEV
variables. CREACIÓN FÁCIL DE
DEPURACIÓN REMOTA Mobile o con cualquier otro
WEBSERVICES REST lenguaje de terceros.
CARACTERÍSTICAS
AVANZADAS La descripción de un Webservice REST
se efectua muy simplemente desde el
El depurador es muy poderoso y editor de Webservices.
brinda características avanzadas: Simplemente describa los puntos de
• ejecución paso a paso, funciones de entrada de la interfaz externa del
adelanto, salida instantánea de fun- Webservice: nombre del método, pará-
ción, ejecución en una linea dada,... metros esperados, valor reenviado, así
• auto-detención, lo que detiene la eje- como el tipo de consulta (GET, POST,
cución por cada cambio al valor de una PUT, DELETE, etc.).
variable o una expresión dada También es posible de indicar una nota
• visualización automática (puede ser de documentación, así como ejemplos
desactivada) de todas las variables en del uso del punto de entrada y una
la linea que es ejecutada ("Watch") descripción del formato del valor de
Edición de un
• visualización de expresiones que con- retorno.
Webservice REST
tienen funciones WEBDEV genera los procedimientos o
en el editor
las clases necesarias.

32 • WEBDEV Desarrolle 10 veces más rápido [Link] • 33

 ANGULAR, REACT, EMBER, VUE, ACCESOS NATIVOS: GOOGLE APPS, SAP, LOTUS
BOOTSTRAP, JQUERY... NOTES...

WEBDEV AL SERVICIO DE ACCESO NATIVO A

SAP LOTUS NOTES

Veamos un ejemplo de código que lista

los contactos de gmail y los muestra en
SAP ECC es un ERP ampliamente una tabla WEBDEV.
utilizado. Un sitio realizado en
WEBDEV puede acceder a los datos Connection is gglConnection
de un ERP SAP en nativo (vía BAPI). Un sitio WEBDEV puede acceder en [Link]="WebDev@[Link]"
El acceso a los datos de hace directa- modo nativo a Lotus Notes. El acceso a [Link]="password"
los correos electrónicos del servidor de
mente a través de SAP, el historial de GglConnect(Connection)
accesos se guarda así como las priori- correos de Lotus Notes (Domino), en
Contacts is array of gglContact
dades de administración. modo envío y recepción, es estándar
en modo nativo. El Contacts=GglListContact(Connection)
acceso a los contac- TableDisplay(TABLE_Contacts)
tos, reuniones, tareas
y documentos que
están en el servidor
es muy fácil. Esto per-
mite realizar sitios de
Intranet que se inte-
gran totalmente al S.I.
WEBDEV permite integrar facilmente • un código CSS WEBDEV. Simplemente use el control de la empresa.
componentes Bootstrap, [Link], • un código JavaScript. "Componente Web" e importe los La seguridad habi-
componentes Angular, React, en una Puede suceder que los archivos de códigos del componente. tual de Lotus Notes
página. dependencia también se suministren Para dialogar con el componente se respeta mediante
Los recursos Web externos (compo- (imágenes, ...). externo, simplemente inicialice, lea y el certificado de
nente Angular, Bootstrap, etc.) gene- WEBDEV propone un método escriba las variables de JavaScript del Lotus.
ralmente se entregan en tres partes : muy simple para integrar cualquier recurso externo en WLanguage.
• un código HTML recurso Web externo en un sitio ACCESO NATIVO A
OUTLOOK
Los sitios WEBDEV pueden acceder a
Outlook en modo nativo. El acceso a
los correos electrónicos de Outlook,
para enviar y recibir, es estándar.
El acceso a los contactos, a las citas y
CÓDIGO WLANGUAGE NAVEGADOR a las tareas es muy fácil, en lectura y
en escritura.
El código de un sitio Web se diferencia "Navegador". consume menos ancho de banda, soli- Esto permite realizar sitios de Intranet
entre el código "Servidor" y el código Esto le permite crear muchos más cita menos al servidor. que se integran totalmente al S.I. de
"Navegador". procesos que se ejecutarán en el nave- La POO también está disponible para el la empresa.
gador. código Navegador.
La tendencia actual es mover tantos El sitio así es más reactivo, más rápido,
ACCESO NATIVO A
procesos como sea posi-
Una familia de funciones GOOGLE APPS
ble al navegador: el servi-
dor está descargado, hay WLanguage permite establecer una Independientemente de las posibili-
menos datos transferidos conexión (con autenticación) y lla- dades de conexión a las aplicaciones
mar BAPIs pasando parámetros. de Google, WEBDEV propone acceso
y la experiencia del usua-
rio es mucho más fluida Un asistente permite importar nativo a los datos de las aplicacio-
 . automáticamente las estructuras nes Google: Google Calendar, Google
WEBDEV sigue esta fuerte manejadas. Maps, Google Contacts, Picasa...
tendencia. En versión, No es necesario instalar el módulo Esto permite que los datos sean recu-
WEBDEV amplía sensible- SAP GUI. perados y mostrados en un formato
mente las posibilidades Todas las funcionalidades de WEBDEV personalizado en el sitio.
se encuentran disponibles. Ejemplo de acceso nativo a
del WLanguage en modo
Google Calendar, para ser
CONSULTAS EN SAP usado directamente en una
El generador de reportes (ver p. 45) página WEBDEV
se puede utilizar para crear consultas
sobre los datos encontrados en una
base de datos SAP.

34 • WEBDEV Desarrolle 10 veces más rápido [Link] • 35

 SEO: REFERENCIAMIENTO NATURAL DE SUS
SEGURIDAD HTTPS SITIOS
SEGURIDAD Este protocolo también permite al usua- car que haya un candado en la barra REFERENCIE SUS SITIOS
Como usted lo sabe, en Internet la segu- rio Web autenticar con certeza el pro- de estado de su navegador, que es
WEBDEV lo asiste en la referencia-
ridad y confidencialidad tiene mucha pietario del sitio visitado. una prueba de la transacción segura
miento natural de sus sitios.
importancia. Para asegurar un sitio o una parte del en curso, o una URL escrita en verde,
sitio con TLS (o SSL), es necesario obte- así como la identidad del sitio que está El asistente analiza el contenido de
Por defecto, cuando se usa un sitio las páginas del sitio e indica las mejo-
Web, los datos que circulan entre el ner un certificado TLS (o SSL) de una visitando.
autoridad de certificación reconocida ras posibles para maximizar el posi-
computador del usuario y el servidor
(por. ejemplo. Norton VeriSign, Thawte, SEGURIDAD: cionamiento en motores de búsqueda
Web no están protegidos : Los datos
GeoTrust, etc.). FÁCIL EN WEBDEV (Google, Yahoo, etc.).
pueden ser vistos por cualquier persona
Una vez obtenido este certificado, sim- Por supuesto el modo seguro es El asistente también verifica que los links
mal intencionada.
plemente instálelo en el servidor que soportado por los sitios creados con entre las páginas puedan ser detectados
La confidencialidad y la autentica-
aloja el sitio. WEBDEV . y usados por los robots de los motores
ción de la fuente de datos no
se encuentra asegurada por Tenga en cuenta que existen Gracias a la función WLangage de búsqueda.
defecto. diferentes niveles de certifica- SSLActive(), es posible combinar El resto de las reglas también son veri-
ción, desde el simple cifrado una parte de información no segura ficadas.
CONEXIÓN hasta la autenticación «SSL con un espacio seguro. Por lo tanto, sus sitios serán mejor refe-
SEGURA HTTPS Extended Validation», que Un mismo sitio puede cambiar fácil- renciados por los motores de búsqueda.  .
permite la visualización de una mente del modo no seguro al modo Un modo de reescritura de URL es
La forma más efectiva de Una página puede ser renombrada.
proteger la información de barra de dirección verde en seguro SSL/TLS. REFERENCIE CADA usado para definir varias direcciones Por ejemplo, la dirección de la página
los usuarios de la web hoy es algunos navegadores. Los certificados "cliente" también PÁGINA DINÁMICA para la misma página de acuerdo a su puede incluir el nombre del objeto
utilizar una conexión segura de tipo están disponibles. ("URL REWRITING") contenido. (bicicleta, bicicleta de montaña, apa-
HTTP, HTTPS
TLS (Transport Layer Security, el sucesor Gracias a la tecnología "AWP", Esta página y su contenido diná- rador de roble, etc.), lo que permite
más confiable de SSL) o SSL. La URL utilizada enseguida para la WEBDEV permite referenciar cada mico serán mejor referencia- que la página sea mejor referenciada.
Esta conexión TSL asegura el cifrado de conexión segura al sitio comenzará
página dinámica. dos por los motores de búsqueda
los datos que transita entre el compu- por "[Link] en lugar del clásico
tador del usuario y el servidor Web que "[Link]
aloja el sitio. El usuario Web también puede verifi-

SEGURIDAD DE SUS SITIOS:

PAGO SEGURO ACCESO POR CONTRASEÑA
PAGO SEGURO POR LOS OPERADORES CONTROLE EL ACCESO A CONTROL SEGURO MUY AUTENTICACIÓN CON
TARJETA BANCARIA FINANCIEROS SITIOS Y APLICACIONES FINO LOS IDENTIFICADORES
Usted puede WEB: GROUPWARE El control de acceso permite filtrar DE FACEBOOK, GOOGLE,
Existen dos métodos principales para
elegir direc- La seguridad de acceso por contraseña el acesso de numerosos elementos: TWITTER O LINKEDIN, ...
recibir el pago con tarjeta bancaria.
tamente un a un sitio o algunas de sus páginas opciones de menú, botones, controles,
Recolectar directamente la información banco como puede ser necesario: ¡Viene como grupos de controles, páginas, repor-
de pago del cliente (numero de tarjeta, operador, que estándar en WEBDEV! tes, ...
fecha de expiración, código) y realizar le brindará La funcionalidad "User Groupware" Los elementos protegidos están inac-
luego la transacción con el banco. Este un servicio de permite definir contraseñas y sus auto- tivos y están atenuados u ocultos en
pago en línea rizaciones para personas o grupos de función de su elección. Para autenticar a un usuario, también
método es cada vez menos utilizado.
con quien personas. es posible utilizar los identificadores
El método más común consiste en interconec- EL MODO SUPERVISOR que el usuario utiliza para conectarse
cambiar a una página de pago espe- tarse. a Facebook, Google, Twitter, LinkedIn,
El responsable de la seguridad podrá
cializada proporcionada por una insti- Usted también Amazon, Dropbox, Instagram, Yahoo...
en todo momento configurar fácil-
tución financiera. puede pasar (protocolo oAuth 2.0).
mente los derechos de los usuarios .
por un opera- Tenga en cuenta que su sitio no cono-
Una vez que el usuario ha validado su Un editor amigable le permite definir y
dor multibanca cerá los identificadores del usuario
pedido en su sitio, se le redirige a una como Verifone administrar estos derechos.
Web.
página de pago administrada por un PayBox o PayPal. Este método permite Si lo desea, los derechos de los usuarios
tercero que garantiza la transacción elegir y cambiar la cuenta de banco o grupo de usuarios se pueden crear o
modificar por programación.
bancaria y devuelve la aprobación o el que será usada fácilmente. El control de acceso se define ¡Asegure automáticamente
La implementación de esta solución es simplemente en el editor del supervi-
rechazo del pago.
muy fácil con WEBDEV, gracias a los sor. No nesecita programación, solo LDAP sus sitios, sin tener que
En este modo de funcionamiento, solo componente "PayBox" o "PayPal" que active la opción "Groupware". Si desea usar una base de datos de programar!
se debe gestionar la devolución del vienen en estándar. inicio de sesión existente en LDAP , el
acuerdo de pago. GROUPWARE: UN control de acceso lo usará.

36 • WEBDEV Desarrolle 10 veces más rápido [Link] • 37

 SPA: SINGLE PAGE APPLICATION SAAS : CREE FÁCILMENTE APLICACIONES EN
(TODO UN SITIO EN UNA MISMA PÁGINA) MODO SAAS
WEBDEV permite crear Aplicaciones Para actualizar los datos de un plano • llamar a un Webservice (a través de
Web contenidas en una sola página previamente visualizado (como una un temporizador, por ejemplo).
(Single Page Application, SPA). cantidad de stock), existen varios • uso de un WebSocket...
Solo utilice la noción de plano. Un métodos: Customer A SaaS fácil
plano es un conjunto de controles de • llamar a un proceso Ajax
la página. Computer Computer
1 n
Cada plano puede
Database of

INTERNET
ser visible o no.
El cambio de plano BROWSER WEBDEV SERVER customer A
se puede realizar
desde cualquier WEBDEV
proceso de control:
• clic en un botón
Customer B application
server
• código de la Computer Computer
página según cier- 1 n
tos criterios... Database of
Así, la apariencia customer B
y el contenido de
la página evolu-
cionan durante
la navegación sin
Ajax, REST, Websocket, ... Customer B
ningún retorno al
servidor. (Json, XML, ...) Computer Computer SaaS
1 n Database of
En el modo SPA, account
los datos que se customer n server
muestran en un
plano se inicializan Single page Page, Webservice,
automáticamente Websocket, ...
cuando se carga
la página que con-
tiene dicho plano.
SaaS (acrónimo de Software As A un conjunto de funciones WLanguage. • Identificador de empresa
Service) es un modelo de distribución • Contraseña de la empresa
de solución informática a través del ADMINISTRADOR SAAS • Identificador de usuario

WEBSOCKET
Cloud. La administración del software se • Contraseña de usuario
Los clientes no pagan por poseer una puede hacer con o sin intervención • Validación de dirección IP
licencia del software en sí, sino por humana. Permite crear cuentas de • Número máximo de conexiones
SERVIDOR PUSH usarlo.
Los datos se almacenan en los servido-
empresa, cuentas de usuario según
una configuración inicial, sin interven-
• Tiempo máximo de conexión
• Tiempo de conexión autorizado,
A veces es necesario enviar los datos al res del proveedor de la aplicación y ya ción humana. etc...
navegador desde el servidor Web, sin no están en la empresa. La interfaz es propuesta en modo Web.
que el navegador lo solicite. GESTIÓN
WEBDEV propone para este propósito SAAS FÁCIL : API DE ADMINISTRACIÓN PERSONALIZADA DE SUS
una familia de funciones WLanguage COMERCIALICE SUS SAAS PRECIOS
navegador: las funciones Websocket. SITIOS EN SAAS Entre las funciones WLanguage dispo- La gestión de precios es realizada fácil-
Este conjunto de funciones permite La versión de WEBDEV proporciona las nibles para administrar cuentas encon- mente por medio de una configuración
gestionar la transmisión de informa- herramientas necesarias para poner en trará: simple.
ción a través de un Websocket. línea fácilmente las soluciones SaaS: • creación y eliminación de cuentas
La función SocketConnect permite El administrador SaaS permite especifi- • modificaciones de cuentas: añadir
conectarse al servidor de sockets y abrir car las autorizaciones de uso. usuarios, rango de uso, cantidad de
el canal de comunicación. La gestión de cuentas clientes permite usuarios,...
La función SocketListen permite definir las reglas para usar el sitio: • inicialización de una base de datos
escuchar en modo asíncrono el socket autenticación, número de conexio- por clonación de una base de datos
abierto y para especificar el código de nes permitidas, tiempo de conexión de referencia
WLanguage al que se llamará cuando  ,... • definición de la conexión a la base
se reciba un mensaje. Esta gestión se realiza directamente de datos...
La función SocketWrite permite desde la interfaz del administrador o
enviar una notificación al servidor, por por programación a través de las fun- API DE AUTENTICACIÓN
ejemplo de efectuar un cálculo ciones WLanguage. SAAS
El uso de Websockets permite enviar Al momento de ejecutarse, el sitio Entre los elementos a administrar en Con WEBDEV,
("push") datos a un sitio. verifica la autorización de la conexión y un sitio SaaS, usted encontrará:
los derechos del usuario por medio de • Conexión y desconexión
el SaaS es fácil.

38 • WEBDEV Desarrolle 10 veces más rápido [Link] • 39

 MODELE UNA BASE DE DATOS : TODAS LAS BASES DE DATOS: MYSQL,
FÁCIL ORACLE, AS/400, SQL SERVER, MONGO DB...
Cuando crea un sitio dinámico o una aplica- WEBDEV luego hace las preguntas en lenguaje natural para Un sitio dinámico o una apli-
ción Web, es necesario utilizar las tablas de determinar automáticamente el tipo de conexión entre las cación Web se basa en datos. • HFSQL* • IBM AS/400** • Excel*
datos. Si estas no existen, hay que definirlas. 2 tablas. WEBDEV puede acceder a • MySQL* • Sybase** • Hadoop*
Con WEBDEV, esto es increíblemente fácil.. todas las bases de datos del • Oracle** • Netware SQL • Mongo DB*
mercado. • Informix** • Ingres • Memcached*
El método visual de WEBDEV describe gráficamente la
WEBDEV es abierto, le per-
organización de los datos. WEBDEV funciona con todos los • SQLServer** • Progress** • Redis*
mite utilizar su existente.
métodos de análisis. • PostgreSQL* • XML* • Etc...
• MariaDB* • Access *: conector nativo estándar
**: conector nativo opcional
DEFINIR UNA NUEVA ESTRUCTURA TODAS LAS BASES • SQLite* • xBase*
DE DATOS SON • IBM DB2** • ASCII*
Detallemos un ejemplo simple pero representativo de definir
SOPORTADAS
una nueva estructura: la definición de tablas de "Producto"
(LISTA NO EXHAUSTIVA)
y de "Orden".
Las preguntas son simples cómo para niños. Por ejemplo: WEBDEV puede leer y escribir en toda TODAS LAS BASES DE LA PROGRAMACIÓN
Creamos la tabla "PRODUCTO": Simplemente especifica- Cada "producto" tiene al menos una "orden": ¿sí o no? base de datos. DATOS POR MEDIO DE ES IDÉNTICA
Cada "producto" puede tener varias "órdenes": ¿sí o no? Estas son algunas de las bases de ODBC U OLE DB INDEPENDIENTE DE LA
mos el nombre y alguna información general.
IMPORTAR Etc... datos compatibles (consulte la tabla a BASE DE DATOS USADA
WEBDEV accede a toda base de datos
DATOS Creamos la estructura de la tabla: cada columna es defi- En función de las respuestas a estas preguntas, WEBDEV continuación). con un driver ODBC u OLE DB. Cualquiera que sea la base de datos,
EXISTENTES nida, o recuperada del diccionario de datos. establece los atributos de cardinalidad correctos y determina
usted puede utilizar la programa-
Si usted ya posee si se necesita una tabla de relación. HFSQL, UNA PODEROSA SQL SCRIPT = ANÁLISIS ción SQL o los comandos del L5G de
un análisis o datos, WEBDEV pregunta enseguida las reglas a aplicar en caso de BASE DE DATOS SQL, WEBDEV WEBDEV, el WLanguage (hReadNext,
simplemente puede eliminación o modificación (integridad referencial) INCLUIDA
Un análisis definido en WEBDEV puede etc.).
arrastrar y soltar la  . WEBDEV viene con HFSQL, una convertirse en un script SQL para Esto evidencia una vez más la apertura
estructura en Prohibir la eliminación de un producto que tiene una Orden: ¿sí o no? poderosa base de datos SQL Cliente/ crear una nueva base de datos SQL, de WINDEV al permitirle cambiar fácil-
el editor de análisis Etc... Servidor, que ya se usa en millones y cualquier script SQL se puede con- mente la base de datos.
  de sitios.
Eso es todo, las tablas están vinculadas, su trabajo está terminado. vertir automáticamente en un análisis
El editor de consultas encuentra las uniones automática- HFSQL puede ser distribuído libre- WEBDEV para aprovechar el código USTED USA WINDEV...
RGPD mente con sus sitios WEBDEV. existente.
mente, y cada editor en el entorno de desarrollo sabrá como Si usa WINDEV, tenga en cuenta que
Los datos concer- trabajar con los datos... HFSQL se describe en detalle en la Esto permite una apertura total. puede compartir el proyecto y sus
nientes por la regla- página 42. La recuperación de las estructuras elementos (código, clases, ventanas,
mentación RGPD son existentes se efectuan por un simple consultas, reportes,etc.) entre los 2
identificables en el CONECTOR NATIVO "Arrastrar & Soltar" en el editor de
análisis. entornos, y exportar sus aplicaciones
WEBDEV puede acceder nativa- análisis. a WEBDEV.
El archivo incluye una mente a MySQL, Oracle, SQL Server,
parte RGPD. LOS PROCEDIMIENTOS
PostgreSQL, SQLite, AS/400, DB2,
Después vamos a crear de la misma manera la tabla Informix, Sybase (módulos disponibles ALMACENADOS WEBDEV permite crear un
"ORDEN" . por separado). Si la Base de Datos de terceros soporta
nuevo sitio y sus datos,
Los CLIENTES pasan los pedidos. La instalación de estos conectores nati- procedimientos almacenados, estos o crear sitios vinculados
Por lo tanto, estas 2 tablas deben estar enla- vos es simple (un simple archivo). son accesibles por aplicaciones desa- a datos existentes,
zadas en el análisis. Después de dar clic en Los controles de tipo BLOB y Long Raw rrolladas con WEBDEV. independientemente de la
la herramienta "link" en la barra de iconos, Una tabla de unión se crea automáticamente. son soportados. Base de Datos.
simplemente trace una unión con el ratón entre El rendimiento de acceso es impre-
Todo lo que queda es (posiblemente) imprimir el archivo
estas dos tablas. y generar las páginas y el código con el RAD, o iniciar un sionante.
desarrollo... Es así de simple.
SOPORTE NATIVO DE LAS
BASES "AS/400" Y
"ISERIES"
WEBDEV accede directamente al •••
AS/400 (módulo disponible por sepa-
rado), sin driver ODBC, sin OLE DB y
sin ActiveX.
WEBDEV recupera y exporta DDS,
lanza comandos CL, gestiona una
Dataqueue,... Descripción de
Todo esto se incluye en el entorno, con una estructura de
una velocidad impresionante. datos en WEBDEV
¡Pida o descargue el folleto AS 400!

BIG DATA
WEBDEV puede acceder a los datos
EL DOCUMENTACIÓN tación completa de análisis y progra- Una documentación puede contener
mación del sitio. La documentación varios miles de páginas, editarse en PDF, almacenados en formato Big Data,
TÉCNICA (Y RGPD) DE como Haddop y Mongo DB.
UN CLIC se realiza por análisis inverso del sitio, HTML, en un procesador de word, etc.
por lo que siempre está actualizada.
WEBDEV permite editar la documen-

40 • WEBDEV Desarrolle 10 veces más rápido [Link] • 41

 HFSQL : BASE DE DATOS SQL LIBRE
CLIENTE/SERVIDOR WINDOWS Y LINUX

WEBDEV gestiona todas las HFSQL permiten leer y escribir desde

bases de datos del mercado. programas o aplicaciones de terceros.

SQL Y WLANGUAGE
WEBDEV SOPORTA
El acceso a los datos se efectua a través
TODAS LAS BASES DE iOS de SQL o por las potentes funciones
DATOS del WLanguage.
WEBDEV funciona con todas las Bases Usted tiene la capacidad de mez-
de Datos del mercado (ver página 41). Classic clar comandos SQL y comandos
Local or network
WLanguage en el mismo programa.
VIENE UNA BASE DE
DATOS PROBADA EN SEGURIDAD : "SQL
ESTÁNDAR: HFSQL INJECTION" IMPOSIBLE
HFSQL viene en estándar con WEBDEV. Es posible crear consultas configu-
Una base de datos confiable y robusta, rables, lo que impide los ataques de
que ya es usada en millones de sitios servidores a través de "inyección sql".
por todo el mundo.
BÚSQUEDA "FULL TEXT"
329 MIL BILLONES DE La búsqueda "full text" permite la
LÍNEAS (REGISTROS)... búsqueda de cadenas de caracteres COPIA DE SEGURIDAD va de 40 a 60 caracteres) se gestiona
HFSQL permite trabajar en toda segu- más rápido en los datos. EN CALIENTE automáticamente (tecnología SDD).
ridad con un gran volumen de datos Es útil para sus motores de búsqueda. Es posible activar una copia de segu-
importantes (hasta 329 cuatrillones El índice maneja los textos enrique- RGPD
ridad de una base de datos, mientras
de líneas). cidos (RTF, HTML), para ignorar las que la base de datos se está utilizando. Se identifican los datos personales a los
Usted puede planear tranquilamente el etiquetas de estos formatos durante La copia de seguridad puede ser dis- que se refiere el RGPD, lo que facilita el
crecimiento natural de los volúmenes la indexación. parada por programación o por acción respeto del reglamento.
de datos . Los resultados se muestran de acuerdo manual.
a un orden de relevancia ("ranking"). También se pueden realizar copias de DESPLIEGUE HFSQL :
COMPARTIR DATOS CON UNA INTEGRACIÓN seguridad diferenciales. GRATUITO
"BACK OFFICE" TOTAL TABLAS (ARCHIVOS)
El uso de HFSQL puede generar aho-
Los datos del sitio se pueden compartir La integración en el entorno de desa-
INALTERABLES INSTALACIÓN Y rros de varios cientos de miles de euros
fácilmente en tiempo real con las apli- rrollo es total. HFSQL propone un tipo de tabla "inal- CONFIGURACIÓN FÁCIL en la implementación.
caciones "back office", por ejemplo, En cualquier momento, en todos los terable": Lo que está escrito no puede HFSQL es de instalación inmediata, Una ventaja nada despreciable.
para procesar pedidos recibidos, emitir editores, usted tiene acceso inmediato ser modificado. sin ninguna manipulación. La admi-
Este tipo de tabla (archivo) es útil para nistración de las bases de datos es
documentos de entrega y facturas, a toda la información referente a las
respetar ciertos estándares. automática. ¡HFSQL Cliente/Servidor es
preparar pedidos... tablas y columnas. el mejor aliado para sus
WINDEV es el complemento ideal de La integración entre la interfaz y la El soporte para modificaciones de
WEBDEV para realizar un excelente base de datos permite una progra-
estructura (por ejemplo un registro que sitios!
Back Office . mación más segura, más fácil y más
rápida.
RÉPLICACIÓN FUNCIONALIDADES
DE SITIO/ BACK OFFICE CONFIDENCIALIDAD: Cifrado de 128 bits
La replicación puede ser útil entre el CIFRADO 128 BITS, AES Integridad referencial
"CENTRO DE CONTROL" HFSQL sitio y el back office. En Internet, los datos estarán en un Registros
HFSQL gestiona la replicación de bases servidor: deben ser protegidos de Replicación
Este Centro de Control servidor: computado- de datos y la replicación de servido- intentos de acceso ilegales; esto es Transacciones
permite administrar todos res, consultas, registros, res, mono y bidireccional, periódica fácil con HFSQL. Triggers Descubra HFSQL con
los servidores y todas las parámetros, etc... o continua. El cifrado de datos e índice es estándar.
bases de datos instaladas • desconexión del usuario Unicode este documento de 24
La replicación puede ser automática, o páginas disponible en
en la red de su empresa • la gestión de transaccio- FUNCIONALIDADES Importar Exportar
totalmente personalizada. [Link]
o distancia a través de nes: visualización, cance- AVANZADAS Cluster
Internet. lación, ... HFSQL : Tablas inalterables
• la gestión de las copias de HFSQL propone funcionalidades avan-
Este centro también permite: EXTREMADAMENTE Compresión/Descompresión de
seguridad (en caliente) zadas: cluster, integridad, log, transac-
• la visualización y edición RÁPIDA los memos (Blobs) en la marcha
• la visualización de los ciones, disparadores, gestión automá-
de los datos
registros bloqueados La velocidad de acceso a los datos es tica de accesos concurrentes, Unicode, TECNOLOGÍAS
• la ejecución directa de
mantenimiento en caliente (sin desco-
CLUSTER La carga de acceso de lectura se distribuye
• las tareas planificadas impresionante. Mantenimiento automático (DSS)
consultas
Esto brinda mejores tiempos de res- nectar los usuarios)...
(GRANJA DE SERVIDORES) en todos los servidores (repartición de la
• la gestión de cuentas • la replicación de servidores carga en lectura). Gestión de los accesos concurrentes
puesta para su sitio, sea en Internet o Gracias a la funcionalidad de cluster, un
de usuarios (grupos), los • la visualización del Cuando un usuario se conecta a un servidor Reconexión automática
derechos, lista de cone- número de líneas proce- en Intranet. ABIERTO A OTROS conjunto de servidores físicos aparece como
que falla, la aplicación no se desconectará, Cero administración
xiones actuales sadas PROGRAMAS un único servidor a los clientes.
La eventual falla de un servidor físico no y se volvera a conectar automáticamente a Reanudar automáticamente
• la edición precisa de • la gestión de los clusters Los conectores nativos, los controla- un servidor válido (transición automática). después del incidente
estadísticas de uso del • ... dores ODBC y OLE DB brindados con provoca la falla de acceso a la base de datos
Implementación automática
(alta disponibilidad, tolerancia a cortes).

42 • WEBDEV Desarrolle 10 veces más rápido [Link] • 43

 EDITOR DE REPORTES : GENERE
EDITOR DE CONSULTAS VISUAL PDFS EN TIEMPO REAL (FACTURAS, ETC.)

Para ayudar a crear las consultas en las bases El editor de reportes de

de datos, WEBDEV propone un editor de con- WEBDEV resuelve el pro-
sulta visual. blema de los informes de
Internet.
Y facilita crear impresiones.
NO NECESITA SABER SQL PARA CREAR ¡Generar una factura en
CONSULTAS PODEROSAS PDF después de realizar un
Gracias al editor visual, lo único que debe hacer es escoger pedido es un juego de niños!
las columnas que va a incluir, especificar las condiciones de
selección usando el asistente, y la consulta se crea. PDF INCLUIDO
Puede, por supuesto, modificar el código SQL generado por Puede crear reportes en PDF como
el editor de consultas. estándar, sin necesidad de comprar
Las consultas son ejecutadas en HFSQL (Versión Classic, o instalar una herramienta adicional.
Mobile y Cliente/Servidor) y todas las otras bases de datos.
Puede usar el código WLanguage con consultas (comandos
Creación
hRead *). de un
CONSULTAS VISUALES 3 Una vez la consulta ha sido definida, puede ser reporte en el
entorno
¡La consulta también se genera en lenguaje natural, lo que visualizada.
permite comprobar que no hemos cometido ningún error!
En Internet, el reporte se enviará al CÓDIGOS DE BARRAS
EJECUCIÓN OPTIMIZADA usuario Web en un formato específico: AUTOMÁTICOS
Con HFSQL, la elección de los mejores índices será realizada PDF, HTML, DOCX, ...
en tiempo de ejecución, tomando en cuenta el tamaño real
de cada índice en la tabla. TODAS LAS FUENTES DE
Si se necesitan claves para un mejor rendimiento, el servidor DATOS
HFSQL lo informa. Los datos usados para un reporte pue-
den venir de cualquier fuente: HFSQL,
Oracle, Access ..., consulta, archivo de
texto, variable de programa, zona de
Un reporte en PDF generado con memoria, tabla de página,...
WEBDEV
GESTIÓN DE "FONDOS
DE PÁGINA" PDF
PDF/A Y FIRMA El editor de reportes gestiona los fon-
Es posible crear PDF/A firmado (archivo dos de página y los formularios que se
El editor de consultas estándar ISO) y PDF firmado (RGS). van a imprimir, como por ejemplo los WEBDEV genera automáticamente los
formularios de impuestos. códigos de barras (horizontal o verti-
Incluso las sugerencias se le envían a usted CREAR UN REPORTE:
calmente).
directamente por correo electrónico! FÁCIL IMÁGENES: Los formatos soportados son: QR
AUTOMÁTICO Code, UPCA, UPCE, EAN13, EAN8,
CONSULTAS BASADAS EN CONSULTAS...
Incluyendo imágenes (JPEG, PNG, CODE128, CODE39, CODE93,
El resultado de una consulta puede ser una tabla de visuali- BMP, TIFF, PCX, GIF, etc) en reportes CODE11, intervaled 2 of 5, CODABAR,
zación, un reporte impreso, incluso una tabla de tipo HFSQL. es de una simplicidad total. BC_MSI, Datamatrix, PDF417, ...
Una consulta puede ser utilizada como fuente para otra
La imagen puede ser predefinida
consulta.
(logotipo, por ejemplo), o provenir de REPORTES POR CORREO
su programa o de un archivo (foto del Con WEBDEV es fácil crear un reporte
CONSULTAS CREADAS EN TODAS LAS
producto, etc.). dinámico (la factura del producto que
BASE DE DATOS un usuario ordeno en linea por ejem-
También puede imprimir fácilmente
1 El código SQL se genera automáticamente La fuente de datos de una consulta puede ser una base de
datos HFSQL o una base de datos de terceros: Oracle, SQL
dibujos creados por programa. plo) y enviarla por correo inmediata-
mente (en formato PDF por ejemplo).
Server, DB2, AS/400, My SQL, Access,... CÓDIGO FUENTE EN EL
Una vez validada, la consulta se muestra visualmente en el
entorno de desarrollo, lo que facilita su comprensión cuando REPORTE DISTRIBUCIÓN LIBRE DE
es necesario realizar cambios.
El editor de consultas hace más accesible WEBDEV permite incluir todo código
REPORTES
sus datos a la hora de programar. Eligiendo el tipo de reporte a crear
fuente ejecutable WLanguage en cual- Por tanto, no tiene que pagar nada
Un asistente está presente para gene- por distribuir sus reportes en sus sitios
2 La consulta se construye delante de sus ojos en lenguaje natural rar reportes de alta calidad; ¡Él hace
quier parte de un reporte: así usted
podrá crear los procesos más particu- WEBDEV.
las preguntas para no olvidar ningún lares, sin ningún problema.
elemento!
En Intranet, los reportes se envían ¡Con WEBDEV, los reportes
a una impresora accesible desde el sofisticados son realmente
servidor. fáciles!
44 • WEBDEV Desarrolle 10 veces más rápido [Link] • 45
 TRABAJO EN EQUIPO ADMINISTRE SUS PROYECTOS
HERRAMIENTA DE VERSIONES (SCM) CUADRO DE MANDO Y CENTROS DE CONTROL

CUADRO DE
MANDO DEL
PROYECTO
El cuadro de mando per-
mite una visión global del
proyecto, su progreso y
calidad.
Las luces se activan cuando
se alcanza algún nivel (con-
figurable): numero de erro-
res, vencimiento de plazo...
Ademas muestra que opti-
mizaciones se pueden rea-
lizar.

ALM : CENTRO
DE SEGUIMIENTO
proyectos; si varios proyectos usan La administración de sucursales le per- DE PROYECTOS
el mismo elemento, éste puede ser mite manejar fácilmente varias versio- El Centro de Seguimiento
compartido. nes del mismo sitio. de Proyectos se usa para
• Un historial de todos los elementos verificar el cronograma de
(páginas, códigos, consultas, ...), se
SCM DRIVE : CLOUD
cada tarea asignada y reali-
almacena en la base de datos. Es El SCM se puede alojar en el cloud
gracias al SCM Drive. zada por cada miembro del El cuadro de mando del proyecto brinda una vista general del progreso de un proyecto.
posible una purga completa o par-
el SCM gestiona equipo y también efectua el
cial.
automáticamente LA BASE DE LAS FUENTES • El proyecto se encuen- seguimiento de la gestión
las "dependen- Con el Administrador de Código tra en cada computa- de las "exigencias" y el control de
cias": los archi- Fuente (SCM en inglés), los elemen- dor de desarrollo; así calidad. MÉTODOS ÁGILES SEGUIMIENTO DEL
vos usados (imá- tos del proyecto son reagrupados en es posible desarrollar Se genera un diagrama de Gantt.
Los métodos de desarrollo Ágiles se
TIEMPO
genes, ...). una base de datos compartida. Antes con el computador ("TIME TRACKING")
el SCM los de que se use, debemos efectuar un desconectado. GESTIÓN DE basan en un desarrollo iterativo: en
Una herramienta de gestión del tiempo
detecta en el ckecked out a un elemento, una vez • la gestión de sucursales REQUERIMIENTOS Y lugar de entregar todo de una vez, un está integrada al entorno.
proyecto, y los modificado, se vuelve a hacer un ckec- está asegurada. TAREAS (ITEMS BACKLOG) programa debe de responder a un con- Basado en un método de comunica-
guarda dentro ked in. Por lo tanto, los miembros del • el "Diff" (diferencias) El Centro de Segumiento de Proyectos
junto de requerimientos, el desarrollo ción intuitiva, esta herramienta le pide
del mismo. equipo usan elementos actualizados. entre 2 elementos está permite definir y seguir el estado de a cada miembro de cada equipo validar
El SCM de WEBDEV almacena todos disponible: fuente, cada requerimiento para cada versión se realiza a través de los despliegues
la tarea actual en tiempo real
los elementos del proyecto: procedi- página,... del proyecto. Un requerimiento corres- iterativos en franjas de tiempo cortas.
mientos, conjunto de procedimientos, GESTIÓN DE CALIDAD
clases, páginas, reportes, componen-
TRABAJO ponde a una funcionalidad que debe WEBDEV está diseñado para métodos
tes, consultas, análisis, dependencias A DISTAN- ser desarrollada en el software. ágiles: Scrum, eXtreme, Programming, La gestión de calidad permite el segui-
(imágenes, etc), ... CIA Cada requisito puede ser vinculado a miento de errores.
RUP, CMMI,...
SCM acepta varias tareas (tarea de desarrollo, de
TOTALMENTE conexiones prueba, de documentación,etc...), los La gestión de proyectos se
INTEGRADO remotas. Esta errores, las reglas de negocio... hace más sencilla.
Totalmente integrada con los diversos funcionalidad le
editores, la herramienta de control permite trabajar
de versiones (SCM) proporciona un en un proyecto
mejor trabajo en equipo, modificación desde la ubica-
e historial de versiones, administración ción de un cliente
para versiones concurrentes de un sitio sin perder las
(branches) y automatiza la copia de modificaciones.
seguridad del código fuente.
Apropiado para equipos de 1 a 1.000 UN SOLO
desarrolladores, el SCM facilita y estan- DESARROLLADOR
dariza el intercambio entre desarrolla-
SCM es útil incluso si usted
dores sin imponer restricciones.
desarrolla por si mismo: guarda
¡Desarrolle
FUNCIONALIDADES un historial de las modifica-
ciones de todos los elementos en
la oficina,
POTENTES en la
• SCM está integrado totalmente en el y sirve como un respaldo y
herramienta de guardado para carretera,
entorno de desarrollo. Gestione la planificación del equipo de desarrollo Con los parámetros dados,
• La base de datos gestiona varios las versiones. e incluso
en tiempo real la fecha de finalización estimada aquí es el 26 de abril
en la playa!
46 • WEBDEV Desarrolle 10 veces más rápido [Link] • 47
 IMPORTAR
HTML GENERE CÓDIGO PHP
EXISTENTE

HTML ¡PHP SIN SABER PHP!

Toda la potencia de WEBDEV (editor
WYSIWYG, editor de modelo de datos,
codificación. Esto aporta una fuerte
seguridad a sus sitios: máscaras de
entrada que impiden la entrada de
WAMP & LAMP
Acrónimos de uso frecuente, las tec-
nologías basadas en 4 componentes,
UML, editor de consultas, controles datos fuera del formato esperado.
WAMP (Windows, Apache, MySQL,
avanzados, WLanguage, etc.) está dis-
WEB 2.0: AJAX EN PHP PHP) y LAMP (Linux, Apache, MySQL,
ponible para crear sitios en PHP.
Los sitios PHP WEBDEV usan Ajax. PHP) son soportados en estándar por
Si lo desea, las páginas y el código (en
WLanguage) se convierten automática- WEBDEV.
mente a código PHP.
TIPOS AVANZADOS
¡Cree fácilmente sitios PHP dinámicos, Además de los tipos clásicos de PHP,
sin saber PHP! WEBDEV permite programar utilizando
La importación tipos avanzados. EJECUTANDO SCRIPTS
permite también RAD PHP La programación es más fácil y más PHP
crear fácilmente El método RAD WEB está disponible segura.
Los tipos avanzados son: fecha, hora, Es posible llamar a un script externo
un "tema para generar sitios PHP con solo un
duración, fuente de datos, arreglo .php desde una página clásica de
gráfico" Página estática inicial... La misma página importada en el editor WEBDEV par de clics.
asociativo, estructuras, entero... PHP o WEBDEV, gracias al comando Abierto a todos
compatible con Genere sus sitios desde el editor de
Sintaxis y operadores potentes tam- PHPExecute. Puede usar el método los estándares
IMPORTAR CÓDIGO HTML EXISTENTE IMPORTANDO CÓDIGO DREAMWEAVER modelo de datos automáticamente.
un sitio estático bién están disponibles: FOR EACH, POST o GET, el resultado se retorna en
WEBDEV tiene una característica interesante: "aspirar" pági- EXISTENTE
existente, para ENTRADA DIRECTA DE operaciones de cadena, concatenación una cadena.
nas HTML existentes. Puede importar páginas, plantillas y librerías Dreamweaver. CÓDIGO PHP
conservar opcional, operador "comience por",...
La página se importa a WEBDEV, y cada texto, imagen, enlace, Cuando se importa una página creada con Dreamweaver,
la armonía. En el editor de código WEBDEV, usted CONFIGURACIÓN
etc... se convierte automáticamente en un objeto WEBDEV. si se detecta una plantilla Dreamweaver, esta se convierte COMPARTIR CÓDIGO
Las hojas de La vista general y comportamiento de una página se mantiene. automáticamente en una plantilla de página WEBDEV. Si esta
tiene la posibilidad de escribir (o pegar) E INSTALACIÓN
código PHP. ¡El WLanguage le permite compartir AUTOMÁTICA DE
estilos CSS son Esto le permite recuperar fácilmente el código existente. plantilla se detecta en otra página importada, esta se reem-
código entre páginas y sitios PHP, WEBDEV
importadas. plazará automáticamente con la plantilla de página creada
WEBDEV estándar e incluso aplicacio-
previamente. Durante la instalación, los servidores
nes WINDEV!
Esto le permite ahorrar mucho tiempo Web "Apache" se detectan y con-
y aumentar la confiabilidad al reutilizar figuran automáticamente, como los

WEBIFICACIÓN DE LAS APLICACIONES WIN- el código. servidores Apache aislados.

GESTIÓN AUTOMÁTICA ACCESO A ALOJAMIENTO

DEV DE SESIONES PHP GRATIS
La gestión de las sesiones (contex- Generar un sitio PHP le permite (entre
Compartir tos) PHP es automática. Todo lo que otras cosas) acceder a servicios gra-
aplicaciones y debe hacer es declarar las variables tuitos de alojamiento para sus sitios
que deben ser obtenidas durante la dinámicos. Esta opción puede ser útil
ventanas con
próxima ejecución de la página.
WINDEV ahorra para sitios de fundaciones o pequeñas
No existe un proceso de serialización
mucho tiempo empresa que no desean usar un servi-
de código.
al transformar dor dedicado.
una aplicación Aquí, el proceso en rojo es código COMPATIBILIDAD PHP 7
de Windows en
PHP. &5 ¡Con WEBDEV,
WEBDEV genera código PHP com- PHP es fácil!
una aplicación de
Internet.
Ventana Página
Usted nunca está bloqueado.
En una misma página es posible mez- patible a la vez con PHP 7 y PHP 5 y
WINDEV WEBDEV clar código PHP y código WLanguage . también con la antigua versión PHP 4 .

CONTROLES ACCESO HFSQL

AVANZADOS EN El acceso a HFSQL (Clásico, Red y
ESTÁNDAR Cliente/Servidor) se asegura a través de
Además de los controles clásicos (con- comandos SQL.
trol campo de entrada, control está-
tico, etc.) la mayoría de los controles ACCESO A MYSQL,
sofisticados de WEBDEV están dispo- POSTGRESQL, ORACLE
nibles en PHP: galería, agenda, plani- El acceso a bases de datos MySQL,
ficador, gráficos, tabla con barras de PostgreSQL y Oracle es soportado.
RECUPERAR Y COMPARTIR UN EXISTENTE WINDEV Un poderoso asistente le mues- desplazamiento automáticas, controles Nótese que todas las bases de datos
tra las modificaciones de código para hacer Looper, calendario, pestaña, control que proponen un controlador ODBC
Las ventanas creadas con WINDEV se convierten directamente
campo de entrada enriquecida, texto son accesibles.
en páginas. Los controles y el código son recuperados. Usted  . Por ejemplo, si la aplicación escrita en el disco del PC, el
HTML, regla automática... El acceso a AS/400 es nativo (el
comparte las clases, procedimientos, reportes, consultas entre asistente le recuerda que los Navegadores web no lo permiten. Esto permite simplificar las fases de modulo se compra por separado).
proyectos WINDEV y WEBDEV (e incluso WINDEV Mobile). ¡La transición de Desktop a Web nunca ha sido tan fácil!

48 • WEBDEV Desarrolle 10 veces más rápido [Link] • 49

WEBDEV per-
mite alojar sitios
y aplicaciones con
un proveedor de
alojamiento, en el ALOJAMIENTO FÁCIL ALOJAMIENTO INTERNO (ON-PREMISE)
cloud o interna-
mente. EN EL CLOUD
WEBDEV permite alojar los distribuciones estables: Debian 8.11,
EL CLOUD Usted tiene la posibilidad de replicar sus BENEFICIOS DEL sitios y aplicaciones creadas OpenSuse Leap 15.0, Ubuntu 16.04...
datos desde un servidor propietario. CLOUD con WEBDEV directamente en El funcionamiento con distribuciones Implemente y
El cloud de aplica-
su empresa. superiores se asegura si estas distribu- administre sus
ciones PC SOFT (www. El Cloud permite superar las
PLATAFORMA EN EL CLOUD ciones son compatibles. No dude en sitios
[Link]) brinda plata- limitaciones materiales, y permite
formas operativas preconfigu- Una plataforma PCSCloud es un servidor gestionar fácilmente las necesidades
EL SERVIDOR DE preguntarle a PC SOFT acerca de los fácilmente.
radas y optimizadas para WINDEV, virtual. de evolución de los recursos.
APLICACIONES WEBDEV últimos cambios.
WEBDEV, o WINDEV Mobile. Este servidor está completamente dedicado En caso de una necesidad puntual, usted El Servidor de Aplicaciones WEBDEV
a usted, usted será el único que podrá CONFIGURACIÓN
Estas plataformas operativas le dan la posi- puede crear configuraciones adicionales permite que los sitios dinámicos fun-
implementar sitios en este servidor. AUTOMÁTICA EN APACHE
bilidad de alojar sus sitios WEBDEV y sus rápidamente. cionen.
Usted puede ajustar en cualquier momento (WAMP LAMP)
Webservices. Es fácil implementar un sitio en el cloud Es instalado en la máquina de aloja-
También le permiten hacer accesibles sus y con gran precisión la potencia requerida con [Link]: ¡Solo con un clic desde miento.
bases de datos HFSQL desde cualquier para su plataforma (CPU, RAM, disco, ...) el entorno WEBDEV! El Servidor de Aplicaciones WEBDEV
lugar del mundo, desde puntos fijos hasta y así reducir el costo al mínimo necesario. funciona en Windows y Linux.
dispositivos móviles. Usted se libera de la administración del La instalación del Servidor de
sistema del servidor, y puede concentrarse Aplicaciones WEBDEV reconoce auto- Si está utilizando un servidor Web
en su negocio principal. Apache, durante la instalación del servi- INSTALACIÓN SILENCIOSA
máticamente el servidor Web instalado: La configuración automática del servi-
IIS, Apache.... dor de aplicaciones WEBDEV, los servi-
dores Web "Apache" (usados en parti- dor de alojamiento se puede realizar de
La configuración de los servidores Web
cular por EasyPHP) se detectan y confi- forma "silenciosa" (es decir,. sin inter-
IIS o Apache es realizada automática-
guran automáticamente. vención manual). Esto es útil para los
mente al instalar el servidor de aplica-
proveedores de alojamiento, así como
ciones. DOCKER DEL SERVIDOR para las empresas que administran el
VERSIONES DE WINDOWS DE APLICACIONES alojamiento de sus sitios.
SOPORTADAS La instalacion es totalmente configura-

ALOJAMIENTO CON UN PROVEEDOR DE

ble, es posible configurar los servidores
Todas las versiones de Windows "ser-
vidor" son soportadas: Windows 2016, en "batches", crear instancias del ser-
vidor de aplicacion WEBDEV automá-
ALOJAMIENTO 2012, 2008,... 32 y 64 bits.
Las versiones "no-server" de Windows ticamente.
(Windows 10, 8, 7, ...) también son
Un contenedor Docker que contiene el MOVER AUTOMÁTICA-
soportadas.
servidor de aplicaciones WEBDEV está MENTE UN SITIO DE UN
SELECCIONANDO SERVIDOR DEDICADO ALOJAMIENTO SERVIDOR A OTRO
UN DISTRIBUCIONES LINUX presente en Docker Hub.
El sitio está alojado en un computador La instalación de un servidor de
PROVEEDOR DE Existen 4 tipos de alojamiento: SOPORTADAS Es realmente fácil mover un sitio en real
que usted "renta" a su proveedor. • Servidor interno (on-premise) Aplicación WEBDEV para Linux se vuelve
ALOJAMIENTO Las distribuciones Linux evolucionan con de un computador a otro.
Usted está a cargo de la administración • Servidor dedicado extremadamente simple : 1 linea a escri-
WEBDEV frecuencia. La versión WEBDEV soporta El movimiento se encarga de todos los
del sistema de esta máquina y usted es • Servidor compartido bir o ejecución de un script!
a la vez ciertas distribuciones de tecno- elementos necesarios para los sitios, así
El sitio de PC SOFT pro- el único que la usa, está reservada para • Plataforma en el cloud Y cree fácilmente contenedores Docker
su empresa. logía antigua y nueva. como su configuración de producción:
pone una lista de empresas desde sus sitios WEBDEV.
Usted es el único que puede insta- En el momento de imprimir este docu- todo es autómatico.
de alojamiento en varios
países que soportan los lar sitios en este computador. Usted mento, se han probado las siguientes
sitios dinámicos de puede administrar sus sitios remo-
WEBDEV. tamente gracias a las herramientas
También puede con- brindadas por WEBDEV. REGISTRO
tactar su empresa
de alojamiento Web SERVIDOR COMPARTIDO ALOJA- PHP ACTUAL DE
CONEXIONES:
actual. El alojamiento compartido consiste
en alojar su sitio en un computador MIENTO DE ALOJAMIENTO 31,200
ALOJE (GRATIS)
SITIOS
compartido con otras compañías que
Y PRUEBE SUS podrán implementar sus propios sitios Un sitio PHP no requiere un servidor de CONEXIONES
SITIOS EN en él. Los recursos del computador son aplicaciones WEBDEV para funcionar.
SIMULTÁNEAS
TIEMPO REAL
EN 1 CLIC
compartidos.
En un servidor compartido, usted no
ESTÁTICOS El alojamiento PHP puede realizarse por
medio de un proveedor "comercial" de PARA UN SITIO
PC SOFT ofrece aloja- administra el sistema, usted sólo des- Un sitio estático no requiere que se
alojamiento (Free, etc).
Esto también puede realizarse interna-
DINÁMICO
pliega sus sitios. El rendimiento tam-
miento para sus sitios
de prueba. bién depende de las actividades de
ejecute el Servidor de Aplicaciones mente. WEBDEV.
WEBDEV para funcionar, sólo es El computador del servidor debe tener
El setup es realizado otros sitios, pero el costo de hosting
necesario un servidor Web y un
HFSQL
fácilmente en 1 clic es más económico que en un servidor un motor PHP y un servidor FTP.
dedicado. servidor FTP. La implementación de sitios se realiza Base de datos
desde el entorno.
Un sitio estático puede ser fácilmente de forma muy sencilla desde el entorno
alojado en un proveedor de aloja- WEBDEV.
miento "comercial" (Free, etc).

50 • WEBDEV Desarrolle 10 veces más rápido [Link] • 51

 IMPLEMENTACIÓN FÁCIL DE SUS SITIOS
Y DE SUS APLICACIONES WEB
Una vez que se crea un sitio o una aplicación
EBDEV ®
Web, debe estar instalado en el servidor.
Por supuesto, también puede definir manualmente los
archivos a instalar, excluir una carpeta, sólo implementar un
nistre fácil- WEBDEV viene con una poderosa herramienta idioma específico... El método
mente a de implementación e instalación que maneja Las actualizaciones se pueden implementar sin desconectar sencillo e in
distancia todos los escenarios: cloud, proveedor de alo- a los usuarios de Internet. tivo
jamiento, alojamiento interno de su empresa.
ACTUALIZACIONES PROGRAMADAS: EN
LA NOCHE...
WEBDEV brinda la planificación de una actualización para
una fecha y hora específica.
Los elementos que se actualizarán se transfieren al servidor
inmediatamente, pero solo se actualizarán a la hora y fecha
indicadas.

ARCHIVADO
La funcionalidad de archivado respalda todos los elementos
sario instalar el sitio físicamente (USB, DVD, ...) en el servidor.
del sitio antes de realizar una actualización del sitio.
WEBDEV permite crear un "paquete de instalación" com-
De este modo es posible volver a la versión anterior del sitio.
pleto del sitio que se puede copiar en medios físicos.
PRUEBAS: PRUEBAS DE CARGA, La herramienta entregada también permite ejecutar esce-
IMPLEMENTAR EL MISMO SITIO EN
VARIOS SERVIDORES REGRESIÓN... narios de acción, para verificar la ausencia de regresiones.

IMPLEMENTAR EN EL CLOUD EN UN CLIC La calidad de su sitio requiere un conjunto apropiado de

Un sitio que maneja una gran cantidad de tráfico puede
necesitar ser implementado en varios servidores paralelos.
pruebas. WEBDEV viene en estándar con una herramienta Implementar y administrar sus sitios:
Implementar un sitio WEBDEV en el CLOUD es simple.
En la ventana de implementación, simplemente indique el WEBDEV permite implementar o actualizar en una sola
de prueba que permite verificar que la configuración de su ¡fácil con WEBDEV!
servidor autorice el número máximo de conexiones simultá-
identificador de cuenta y la contraseña de PCSCLOUD en el operación un sitio en múltiples servidores de alojamiento.
neas deseadas.
asistente de implementación y seleccione la plataforma en la
que se implementará el sitio. IMPLEMENTAR WEBSERVICES
La implementación de webservices (REST y SOAP) es tan fácil
LA IMPLEMENTACIÓN ES TOTALMENTE
ASISTIDA
como implementar sitios. HERRAMIENTAS
Para implementar un sitio de forma remota en un proveedor LA IMPLEMENTACIÓN DE ACTUALIZA-
CIONES DEL SITIO, SIN DESCONEXIÓN DE ADMINISTRACIÓN
de alojamiento, simplemente responda algunas preguntas
simples. Un sitio evoluciona permanentemente. LOCAL ACCESS
La implementación se puede efectuar de forma totalmente Durante las evoluciones, solo los elementos modificados se Administrador del
segura usando los protocolos HTTPS o FTPS. actualizarán, lo que limita los volúmenes a transferir.
Servidor de Aplicaciones
WEBDEV compara los archivos en el sitio real con el sitio en
IMPLEMENTAR POR MEDIOS FÍSICOS WEBDEV.
el computador de desarrollo, y preselecciona los archivos que
En algunos casos particulares (seguridad, ...) a veces es nece- han sido modificados.
Administrador del servi-
Implementación del
dor HFSQL
sitio desde el computa-
IMPLEMENTACIÓN Development position dor de desarrollo
MÚLTIPLE DE UN Gestión de cuentas
MISMO SITIO My website WEBDEV
EN UN MISMO Administrador remoto
SERVIDOR del Servidor de Centro de Control de
Aplicaciones de WEBDEV Alojamiento
WEBDEV permite implementar
múltiples copias de un mismo Instalación por
sitio en un mismo servidor, Administrador remoto del medio físico
desde un solo proyecto. servidor HFSQL
Esto permite, por ejemplo, que WEBDEV Project
Robot de Monitoreo
un proveedor proponga múlti-
(Watchdog)
ples apariciones de un mismo
Server Pruebas de carga
sitio a diferentes clientes.
También puede administrar
REMOTE ACCESS
My website 1 My website 2 My website n
todos los sitios propuestos gra-
cias al módulo SaaS suminis-
trado con WEBDEV (ver SaaS POLÍTICAS AMBIENTALES
p. 39). Cuando PC SOFT imprime documentos «en papel», PC SOFT, el proveedor de papel o la impresora, (Certificado FSC «Forest Stewardship
Council» y PEFC «Programa para el Reconocimiento de Esquemas de Certificación Forestal») replanta tantos árboles como se utilizan para
la impresión. El sello FSC ha sido creado por la ONG FSC, que incluye entre otras Greenpeace, Los Amigos de la Tierra y el WWF. Además,
preferimos la pulpa de papel principalmente fabricada a partir de la madera reciclada (por ejemplo, la proveniente de los aserraderos para
Customer site 1 Customer site 2 Customer site n muebles) y el aclareo en los bosques. En cuanto a la entrega del software, bajo pedido están disponibles sin embalaje ni documentación "en
papel". Una licencia para 10 desarrolladores puede por ejemplo ser solicitada solo con 2 juegos de documentación.

52 • WEBDEV Desarrolle 10 veces más rápido [Link] • 53

 ADMINISTRACIÓN FÁCIL DE SUS SITIOS Y FRONT OFFICE, BACK OFFICE
APLICACIONES (Y MÓVIL)
ADMINISTRACIÓN: LOCAL En caso de problemas, el robot alerta, Los sitios WEBDEV se conec- WINDEV & WEBDEV dispositivos móviles, solo recompilelas WEBDEV y
O REMOTA mediante elección, enviando un correo tan fácilmente a las aplica- REPRESENTAN LA usando WINDEV Mobile. WINDEV son
electrónico, por mensaje enviado a ciones existentes. PLATAFORMA IDEAL PARA compatibles:
El servidor de aplicaciones WEBDEV
una aplicación específica (mensajería ¡La compatibilidad e inte- INICIAR WINDEV permite crear en tiempo
es suministrado con un administrador • proyecto
interna, ...), en la pantalla de control UNA APLICACIÓN récord las aplicaciones más completas
que puede ser accedido remotamente, gración entre WEBDEV y • análisis
(alerta visual y/o audible), iniciando un y de alto rendimiento.
permitiéndole configurar el servidor y WINDEV los hace el paquete GLOBAL • tablas
procedimiento Usted usa la potente Base de Datos
monitorear su actividad. WLanguage, por programa de terceros ideal para desarrollar rápi- Para crear sitios de Internet e Intranet • componentes
integrada o cualquier otra base de • reportes
Pueden especificarse varios paráme- (envío de SMS, por ejemplo). damente "front" y "back" que gestionen datos (Front Office), PC
datos del mercado. • código
tros: número máximo de conexiones El Servidor de Aplicaciones WEBDEV Office SOFT propone el entorno integrado
WINDEV, WINDEV Mobile y WEBDEV • clases
autorizadas por el servidor, número también puede enviar por correo elec- WEBDEV.
FRONT Y BACK OFFICE son compatibles; su entorno de desa- • ventanas, pági-
máximo de conexiones para un sitio trónico un reporte con los detalles de los Es el único entorno integrado (desde
rrollo es similar. Comparten proyec- nas
dado, número máximo de instancias errores que se han producido. El "Front Office" es la parte que está el modelado del instalador, incluyendo
tos, objetos, código, clases, reportes, • ...
por usuario Web, duración de vida de en contacto con el cliente: general- el soporte y mantenimiento de la base
análisis...
los contextos y demás,... mente es el sitio Internet interactivo. de datos) que permite desarrollar fácil-
El administrador también se puede ins- Al hacer un esquema, el Front Office mente sitios robustos que administren ¿USTED TIENE YA UN
talar como un "servicio" sin una interfaz El administrador remoto informa, gestiona las solicitudes de datos en tiempo real. EXISTENTE?
en el Servidor. información y toma los pedidos.
WEBDEV es totalmente abierto, lo que
También es posible configurar los dere- ROBOT DE MONITOREO El "Back Office" se refiere a la Para todas las aplicaciones comercia-
permite comunicarse con cualquier
chos de cada usuario. gestión interna de la empresa les internas (Back Office), PC SOFT
Un sofisticado robot de monitoreo se base de datos existente, por medio
 : procesamiento de pedidos, manejo ofrece el sueño de un desarrollador:
incluye con WEBDEV. Se puede usar de ODCB, OLE DB o en acceso nativo.
SEGURIDAD DE ACCESO de inventario, estadísticas, pedidos de Un entorno de desarrollo profesional
para monitorear la disponibilidad de
AL SITIO los sitios WEBDEV, servidores HTTP,
producción,... y gestión del ciclo de vida de la aplica-
El administrador permite activar opcio- En resumen, el apoyo administrativo ción para Windows: WINDEV. Usted Alcanzará fácilmente
servidores NNTP, servidores SNMP, servi-
nes de seguridad : dores de archivos, servidores de correos procesa los pedidos. Y si quiere usar sus aplicaciones en sus objetivos con WEBDEV.
• 
navegación por dirección IP única electrónicos, servidores de aplicaciones
(para evitar el robo de sesión) WEBDEV, servidor HFSQL...
• protección del identificador de con- La frecuencia y la repetición de las prue-
texto AWP (HTTPOnly cookie). bas a realizar son configurables.

ESTADÍSTICAS DE TRÁFICO
DE SUS SITIOS WEB
Es importante tener estadís-
ticas precisas de las visitas
También puedes rastrear eventos
específicos: interacción con una red
PRUEBE MÁS DE 1000 SITIOS
al sitio. social,...
REALIZADOS EN WEBDEV
USANDO GOOGLE ESTADÍSTICAS INTRANET
ANALYTICS & EXTRANET MÁS DE 1000 EJEMPLOS
Google Analytics es una herramienta WEBDEV también cuenta con una Para probar sitios desarrollados en WEBDEV, la manera
muy popular para medir el tráfico del herramienta completa para administrar más sencilla es conectar con [Link]. En la sección
sitio. estadísticas en las páginas dinámicas WEBDEV, la página propone una lista de miles de sitios
Google Analytics puede medir el de sus sitios. desarrollados por usuarios WEBDEV.
número de visitas para cada página Funciona en sitios de intranet
del sitio, tiempo de carga, ruta de y extranet: La información TODOS LOS CAMPOS,
navegación, tiempo de carga de los recopilada permanece con- TODOS LOS IDIOMAS
recursos (imágenes), tasa de rebote, fidencial. Estos sitios representan todos los tipos de campos, en todo
entorno del usuario (hardware, ubica- Entre la información reco- tipo de lenguajes, todos construidos por diferentes compa-
ción geográfica, idioma, navegador, pilada: Número de páginas ñías que usan WEBDEV.
...), el origen de la navegación (página vistas, número de visitan-
fuente, publicidad, ...), etc. tes únicos, número de visi- SITIOS INTRANET
WEBDEV puede integrar automática- tantes por página, sitio de Por razones evidentes de confidencialidad, los sitios Intranet
mente en sus sitios los rastreadores nece- origen de los usuarios, país y Extranet no pueden figurar en esta lista.
sarios para las estadísticas de Analytics de origen, navegador utilizado Las sociedades multinacionales han desarrollado intranet y
 . e ¡incluso páginas que tienen un Extranet estratégicos que se distribuyen en sus cientos de
problema técnico! sucursales y filiales.

54 • WEBDEV Desarrolle 10 veces más rápido [Link] • 55

 D
SEA UN JUGADOR PROFESIO-
NAL esarrolle todo tipo de sitios
EN INTERNET
SI ES JEFE DE PROYECTOS GESTIONANDO EL CICLO DE
y de aplicaciones web
EBDEV ® Necesita una solución que permita a sus equi- VIDA DE SUS SITIOS Aquí algunos ejemplos de sitios
y aplicaciones que pueden ser
o de barco, eligiendo su silla o su
cabina en un plano
médicos
La mejor pos CRECER MÁS RÁPIDAMENTE las potentes WEBDEV es una PLATAFORMA DE DESARROLLO • Ingresar gastos de viaje
aplicaciones seguras de Internet e Intranet que su COMPLETA , que integra todos los módulos necesa- creados fácilmente con WEBDEV • Cuadro de mando en tiempo
manera de • Manejo de inventario de equipos
empresa necesita: WEBDEV se impone. rios para el desarrollo y mantenimiento. (lista no exhaustiva).
beneficiarse real, con ingresos de la empresa,
WEBDEV garantiza que se mantendrá dentro Esto asegura el éxito de sus proyectos. Algunos son sitios de Intranet, • Sitio de citas
del Internet margenes estimadas, inventario
del presupuesto. WEBDEV es famoso por SER FÁCIL DE APRENDER. otros de Extranet y otros sitios de stocks... • Gestión Wiki
de Internet. • Portal B2B
SI ES UN ¡ORDENE WEBDEV HOY! • Planificación compartida de un
DESARROLADOR Cada día que pasa, usted y su equipo pierde tiempo equipo geográficamente dis- • Foro de discusión
Usted sabe desarrollar.. Con WEBDEV precioso. perso • Rastreo de paquetes
usted sabrá crear inmediatamente WEBDEV le permite ser eficaz rápidamente en el • Planificación de citas
sitios estáticos y dinámicos. desarrollo de PODEROSOS SITIOS WEB INTERAC-
• Administración de lista de
WEBDEV permite un avance TIVOS, que son un requisito para todas las empresas • Planificación de intervención de correos
metodológico natural, en la actualidad. un equipo de mantenimiento • Gestión de puntos "bonus" vin-
que conduce al éxito DE No deje que su competencia le gane; puede aprove- • Para una empresa de pedidos culados a una tarjeta de fideli-
TODOS SUS PROYECTOS. char el entorno de desarrollo profesional más sencillo por correo, ponga toda la docu- zación: recordatorio del número
y potente para crear sitios de Internet e Intranet que de puntos, vencimiento, publica-
USTED ES mentación técnica y los manua-
administran datos.
ESPECIALISTA EN les de todos los productos ofre- ción automática de primas acor-
INTERNET WEBDEV es un entorno completo, muy cidos en línea dadas, gestión de la demanda de
WEBDEV trae la solución a su problema: potente, y muy fácil de usar. • Motor de búsqueda de lenguaje primas,...
use al lado de sitios existentes, sitios El Retorno de Inversión es muy rapido: natural para una base de datos • GED
importados, sitios dinámicos que usan usted ahorrará dinero rápidamente con de texto (FAQ, ...) • Monitoreo remoto del estado de
bases de datos en tiempo real.
WEBDEV. • Sitio de comercio electrónico con una cadena de robotización y
Usted puede REUTILIZAR sin límites su
• Escaneo y guardado de todos los
pago seguro producción
existente y sus competencias Web. documentos de cuentas recibi-
• Pago de facturas por medio de dos (facturas, lista de empaques, • Portal Intranet de la empresa
COMPATIBILIDAD CON Internet etc) para visualización, incluso
WINDEV • Gestión de los pedidos de sus de años anteriores (archivo) ¡Y cualquier otro sitio que
WINDEV es un IDE muy exitoso. WEBDEV es TOME UN PASO clientes usted tenga la idea! No hay
• Reservación de eventos: semina-
COMPATIBLE con WINDEV y WINDEV Mobile. ADELANTE: • Consulta para sus clientes del rios, cenas, espectáculos, etc,... limites.
Ambos productos son implementados de la
misma manera. ORDENE WEBDEV estado de progreso de su pedido: • Gestión de un anuario compar- WEBDEV :
Es muy fácil transformar una aplicación WINDEV en HOY pedido recibido, ingresado, pro- tido: directorio de empresa,
un sitio Internet o Intranet WEBDEV. cesado, correcto, seguimiento estudiantes de un colegio, miem- ¡DESARROLLE
del envío,...
• Acceso a los stocks en tiempo
bros de club, etc, ...
• Gestión de un restaurante esco-
TODO!
real lar: pagos, menús, ausencias, ...
• Creación dinámica de imágenes • Anuncios inmobiliarios, automó-
según parámetros ingresados: viles, subastas, ...
- probarse ropa virtualmente • Gestión y consulta de análisis
- presentación de un auto con
color y opciones escogidas
- personalizar una camiseta de
acuerdo a una imagen subida
por el cliente
• Definición en linea de las opcio-
PHP nes de un software, calculo del
precio de un paquete y descarga
SaaS
instantánea después del pago
Cloud
• Reservación de lugares de avión
Linux
Wamp, Lamp
HTML5
SPA
Responsive
...

56 • WEBDEV Desarrolle 10 veces más rápido

PLATAFORMA INTEGRADA
DE DESARROLLO

[Link]