multiplataforma code: windows, .net, linux, java, php,...

PLATAFORMA INTEGRADA DE DESARROLLO WEBInternet, Intranet, Cloud, Web 2.0, Ajax, HTML5, PHP Todas las Bases de DatosMultiplataforma CODE: Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows 10 Mobile-UWP, iOS (iPhone, iPad) ... desarrollo en lenguaje 5GL

NUEVAVERSIÓN

Sitios siempre actualizados,que comparten datos empre-sariales de manera seguraNATIONAL AWARD

H oy, lossitios Internet eIntranet estánunidos en tiempo

real a los datos dela empresa y se

comportan comoaplicaciones en todo el

sentido de la palabra. WEBDEV 21 es la mejor

solución para crear estossitios.

Con WEBDEV 21, sus equipos creanestos sitios y aplicaciones 10 veces

más rápido. Usted se mantiene dentro desu presupuesto.

Como cientos de miles de desarrolladores mun-dialmente, elija la plataforma más rápida paradesarrollar y publicar sus sitios y sus aplicacionesInternet e Intranet: WEBDEV 21.

S u m a r i o3 Ciclo de vida completo

4 Preguntas/Respuestas

6 Ejemplos

8 Compatibilidad con navegadores

9 Una tecnología revolucionaria

10 IDE: El entorno integradoWYSIWYG

13 La tecnología «7 tab»

(7 pestañas)

14 Plantillas

15 Diseño Web Adaptable

16 Editor de HTML y Zonas

18 HTML5 & CSS3

20 Sitios estáticos y dinámicos

21 Intranet, Internet

22 SSL, Pago seguro

23 SEO Referenciamiento natural,Seguridad de contraseña

24 Controles adaptados a la Web

30 El control RTA

31 Exportar a Word, Excel, 64 idiomas

32 El lenguaje 5GL

33 El editor de código

34 Depurador, pruebas unitarias

35 Componentes, POO

36 Ajax en 1 clic, Dynamic Serving

37 Web services

38 Modelado UML

39 Todas las Bases de Datos

40 HFSQL: base de datos gratuita

42 Editor de consultas visual

43 Generador de Reportes & PDF

44 Versionamiento (SCM)

45 Gestión de proyectos

46 Importación de HTML & WINDEV

47 PHP

48 Acceso nativo a Google, SAP, ...

49 SaaS y Nube

50 Implementación

52 Alojamiento Web

54 Administración, Estadísticas

55 Front Office, Back Office

57 Ejemplos de sitios

¡BIENVENIDO ALMUNDO DEL INTERNETINTERACTIVO!

www.windev.com • 3

4 • WEBDEV 21: Desarrolle 10 veces más rápido

1 ¿Para quién es WEBDEV 21? Es para cualquier desarrollador o compañía que quiera crearsitios y aplicaciones de Internet, Intranet, Nube, y SaaS.

2 ¿Qué tipo de sitios y aplicaciones sepueden crear?

Cualquier tipo de datos. WEBDEV es especializado en los sitios «diná-micos», es decir, sitios que se comportan como verdaderas aplicacio-nes y que administran datos en tiempo real.

3 ¿Qué tengo que saber?Necesita haber programado alguna vez en su vida (¡o en susestudios!). En la mayoría de los casos, una semana es suficientepara autoformarse usando el tutorial que viene con el producto.

4 ¿Necesito habilidades especiales deInternet?

No. Su equipo de desarrollo construirá sitios eficientes y robus-tos. Todo el código (HTML, JavaScript, Servidor) es generadopor WEBDEV 21.

5 ¿Puedo crear sitios de Diseño WebAdaptable con WEBDEV 21? Sí. Es muy fácil

6 ¿Cuál es el principal beneficio de WEB-DEV comparado con otras herramientas?

Hay muchos, como: la integración total, facilidad de uso, veloci-dad de desarrollo, 3 a 10 veces más rápido, o el acceso a lasbases de datos. Y WEBDEV es «Full Stack»”

7 ¿WEBDEV se basa en tecnologíasestándar?

Sí, se basa en HTML5, XML, CSS, JavaScript o PHP. Pero ustedno necesita conocer estas tecnologías, WEBDEV genera elcódigo necesario automáticamente.

8 Tengo una aplicación existente.¿Puedo recuperarlo con WEBDEV?

Sí. Puede dejar las paginas HTML existentes. O puede unir pagi-nas WEBDEV a un sitio existente y conservar el código actual.

9 ¿No necesito saber Java, HTML, PHP oJavaScript para crear sitios?

No, no es necesario. WEBDEV genera automáticamente el códigoHTML, JavaScript, CSS y PHP .

10¿Y qué sucede si quiero ingresar elcódigo HTML directamente, o usarcódigo JavaScript existente?

WEBDEV es abierto Puede introducir (o copiar) código HTML,PHP o JavaScript directamente en el editor, e incluso un scriptASP.

11He leído que WEBDEV es compatiblecon WINDEV : ¿necesito tener WIN-DEV?

WEBDEV es una plataforma totalmente independiente. No serequiere otra herramienta para desarrollar con WEBDEV.

12 ¿Y si ya tengo WINDEV?En este caso, por un lado, el entrenamiento será más rápido, porel otro usted podrá transformar sus aplicaciones WINDEV a apli-caciones Web..

13 ¿El editor de páginas es WYSIWYG? Sí, ¡cada pixel!

14 ¿Qué bases de datos puedo usar conWEBDEV?

Todas las bases de datos pueden ser usadas: HFSQL, MySQL, SQLite,Oracle, AS/400, SQL Server, DB2, Informix, PostgreSQL, Progress,Access, ... También puede acceder a los datos Big Data.

15 ¿Se soporta Ajax, XML, Flash, CSS,W3C, JSON, y JQuery? Sí.

16 ¿Puedo desarrollar sitios grandes ycomplejos con WEBDEV?

Sí, ahí es donde se aprecia realmente su utilidad: sitios Internet,Intranet y SaaS.

17 ¿Qué soporte técnico hay disponible? Es muy simple: El soporte técnico de WEBDEV es gratuito (15consultas personalizadas por correo electrónico)

18 ¿Quién usa WEBDEV?

Todo tipo de entidades profesionales: Empresas de consultoría,areas de sistemas de información, laboratorios de ingenieros,oficinas gubernamentales y gobierno, consultores individuales,etc…

19 ¿Puedo generar sitios en puro «PHP»con WEBDEV 21? Sí, es una característica estándar.

20 ¿Entonces WEBDEV es «el» estándar paracrear sitios dinámicos? Sí.

Respondere-mos aquí las pre-guntas que másnos hacen acercade WEBDEV

Usted estáseguro de encon-trar las respues-tas a algunas desus preguntas.

¿Tiene más pre-guntas? Llámenos,con gusto le res-ponderemos.

¡Aloje su sitio enWindows o Linux!(y en la nube)

PREGUNTASRESPUESTAS


WEBDEV 21gestiona elciclo de vidacompleto desus sitios

WEBDEV 21 SOPORTA TODOS LOSPASOS PARA CREAR UN SITIO

W E B D E V,un producto

completo y total-mente integrado:

entrenamiento rápido,mejor soporte técnico (y

gratuito).

Los sitios WEBDEV 21 «dinámi-cos» son ahora la norma para un

sitio de INTERNET y de INTRANET.Estos sitios se pueden crear y mantener

fácilmente con WEBDEV 21.

• Modelado • Concepción• Documentación

del análisis y pro-gramación

• Unión con sitiosestáticos existen-tes

• Bases de Datos• Programar (5GL,

Ajax, Webservice,.NET, J2EE, HTML,HTML5,JavaScript...)

• Posibilidad dereutilizar códigoexistente

• Reportes (PDF,códigos debarras,…)

• Pago seguro• Creación y uso de

componentes• Documentación• Pruebas durante

el desarrollo• Unión a software

de apoyo adminis-trativo (BackOffice)

• Alojamiento Web• Gestión de Saas,

Nube• Trabajo con dise-

ñadores Web• Instalación en

alojamiento Webde la compañía

• Pruebas de regre-sión

• Pruebas de rendi-miento

• Integración conti-nua

• Mantenimiento yevoluciones

• Estadísticas detráfico

• Desarrollo asis-tido

TODAS LAS FASES DEL DESARROLLO SONSOPORTADOS POR WEBDEV 21

WEBDEV: “HERRAMIENTA DE DESARROLLO «FULLSTACK»

SE PROVEEN SITIOS REUSABLES YPERSONALIZABLESWEBDEV 21 viene con un gran número de sitios ya desarro-llados. El código fuente y las páginas son brindadas: ustedpuede usar estos sitios directamente, modificarlos, persona-lizarlos, revenderlos...

UN ASPECTO DIDÁCTICOUsted también puede estudiar el análisis y el código de estossitios de manera que aprenda de ellos.

ENTRE LOS SITIOS BRINDADOS...Aquí hay una selección de algunos de los sitios provistos:

• Sitio de venta Gestión de estantes, cesta, pagos.

• Publicidad clasificadaGestión de múltiples criterios de selección.

• Directorio compartidoEn Intranet, el directorio podrá ser compartido en una com-pañía. En Internet, el directorio podrá ser compartido entre dife-rentes agencias, o por los miembros de una asociación...

• Manejo de inventario de equiposPosición y asignación de equipo por medio de un sitio.

• Agencia inmobiliariaBúsqueda de una propiedad de acuerdo a varios criterios.

• CMSContent Management System

• Sistema de gestión de contenidosPara archivar y buscar documentos usando palabras clavesque usted decida.

• Pago seguro(vea los detalles en la página 20)

• Gestión de agencia de viajes Presentación de hoteles, disponibilidad, selección de acuerdoa varios criterios, ...

• Noticias, Foros, Blog, Redes sociales... y varios ejemplos adicionales que pueden ser usados inme-diatamente.

ETC...Varios ejemplos adicionales también se incluyen como pági-nas, u objetos en el diccionario interactivo.

AHORRE TIEMPOLos sitios provistos, que usted podrá adaptar a sus necesi-dades, le ahorrarán un montón de tiempo durante la fase dedesarrollo.

Reutilice losejemplos en sus

sitios

WEBDEV®

UN GRAN NÚMERO DE SITIOS LISTOS PARA USAR SON PROVISTOS

Ya q

ue lo

s siti

os p

rovis

tos c

ontin

úan

evol

ucio

nand

o to

do e

l tiem

po, s

u ap

arien

cia y

com

porta

mien

to


SITIOS EN WEBDEVVeamos algunos de los miles de sitios construidosen WEBDEV. Vea cerca de 1,000 sitios enwww.windev.com.

DECENAS DE MILES DE SITIOS

Miles de sitiospara descubrirwww.windev.com


Internet Exploreren Windows

Edge en Windows

Firefox en Linux oWindows

Tableta en Android

Chrome en Windows

Safari en Mac

Si es necesa-rio, WEBDEVgenera sitioscompatiblescon el están-dar W3C

LOS SITIOS CRE-ADOS CON WEB-DEV SON COM-PATIBLES CONTODOS LOSNAVEGADORES

Todos los navegadoresbrindan característicasespecíficas, que puedenser distintas de acuerdoa las versiónes.WEBDEV producecódigo genérico, que esreconocido por casitodos los navegadoresWeb del mercado.Veamos como es mos-trado el mismo sitiobajo diferentes navega-dores y sistemas.

EL MISMO SITIO

WEBDEV SE

MUESTRA EN

TODOS LOS

NAVEGADORES

SUS SITIOS SON COMPATIBLES CON TODOS LOS NAVEGADORES

8 • WEBDEV 21: Desarrolle 10 veces más rápido www.windev.com • 9

WYSIWYG: creevisualmente

WEBDEV®

CREACIÓN DE PÁGINAS: UN CONCEPTO REVOLUCIONARIOCree sus sitios «sólo con el ratón», WEBDEV21 genera automaticamente el código HTML,el código JavaScript y el código Servidornecesarios para el sitio. Y si es necesario,WEBDEV 21 genera el sitio incluso en PHP.

CLICK EN VEZ DE CÓDIGOWEBDEV 21 es un entorno completo, inte-grado. Todo el desarrollo se hace con un soloentorno y un solo y único lenguaje:WLanguage, un lenguaje 5GL muyPODEROSO y SENCILLO para aprender.WEBDEV 21 deja atrás el desarrollo de

Internet fatigoso y complejo. Además, a diferencia de los lenguajes tradicionales, los pro-cesos son independientes de las páginas.Las páginas se crean fácilmente posicionando los controlescon el ratón (ver la página 10). Las áreas de control se pueden crear moviendo y despla-zando un bloque.

HTML, CSS Y JAVASCRIPTNo necesita saber HTML, CSS, o JavaScript para construirsitios poderosos y dinámicos.WEBDEV 21 genera todo el código que necesita.Pero WEBDEV 21 es ABIERTO, usted puede ingresar (opegar) directamente código de bajo nivel si es necesario:HTML, CSS, Javascript, JQuery, Bootstrap, Angular JS, ASPscripts , PHP scripts...

Con WEBDEV 21, su equipo desarrolla 10VECES MÁS RÁPIDO cualquier tipo desitio o aplicación, Internet, Intranet,Extranet y SaaS.

El editor WEBDEV: ¡Gráfico,cree páginas y controles conel ratón!

Código HTML que nece-site ingresar ustedmismo

Código JavaScript quenecesite ingresarusted mismo

WLanguage de WEBDEV:¡reduce y simplifica el código!

La creación de páginas y con-troles así como la configura-ción se realiza en modoWYSIWYG, con el ratón. No necesita saber HTML paracrear páginas sofisticadas.


El método masintuitivo

¡WEBDEV 21 ofrece definiti-vamente el entorno de tra-bajo más potente, más fácilde usar y más integrado dis-ponible en el mercado!Su equipo creará fácilmentesitios sorprendentes. No esnecesario haber desarro-llado para Internet antes.El editor de páginas de WEBDEV le per-mite crear fácilmente y rápidamentepáginas increíbles.Tenga en cuenta que WEBDEV esabierto: Si lo desea, también ustedpuede incluir o interactuar con otrastecnologías Web (Angular JS,Bootstrap...)

LOS CONTROLES ENLAS PÁGINAS:¡WYSIWYGREVOLUCIONARIO!Los diferentes controles (edit, static,image, ...) son creados y posicionadosvisualmente, de manera interactivaen el editor. Lo que ve en el editorcorresponde a lo que el usuario Webverá en su navegador.Las páginas (con los controles, suscaracterísticas detalladas, definidas porlas 7 pestañas y su código) se guardancomo elementos reutilizables.Esta técnica es usada para simplificar laprogramación administrando las pági-nas como objetos avanzados. El editor de páginas permite crear ymodificar visualmente los controles,independientemente del codigo

fuente.Usted también puede suscribirse a lasposibles modificaciones de un objetocompartido entre varios desarrolladores(herencia)

Con WEBDEV 21, usted puede inter-venir por programa para modificar laspropiedades de un control: plataforma,color, visualización, etc... Por ejemplo, dependiendo del perfil delusuario Web, usted puede mostrar oesconder controles específicos, ...¡Todo es dinámico!

Este enfoque de gestión de páginas ycontroles le ahorrará mucho tiempoal mantener sus sitios, y les hará másrobustos.Y un simple «GO» le permite probar susitio inmediatamente.

UN POSICIONAMIENTOPRECISO Usted elige el tipo de posicionamiento:Streaming o en el nivel de píxel.WEBDEV incluye poderosos algoritmosde posicionamiento (por medio delratón) y permite posicionar objetos enel nivel de píxeles. Con WEBDEV puede utilizar tambiénhojas de estilo CSS. Las hojas de estilo se pueden crearfácilmente desde el entorno.

Si se necesita, las tablas de posicio-namiento están disponibles.

ANCLAJE Los anclajes definen cómo se compor-tará el contenido de una páginacuando la página se amplíe por el usua-rio Web o pase de retrato a paisaje.Administrar los anclajes es muy fácil enWEBDEV 21.

TODOS LOS CONTROLESPARA INTERNETEl editor WEBDEV le permite crear ymanejar fácilmente todos los controles

WEBDEV®

UN PODEROSO ENTORNO VISUAL

¡Un método revolu-

cionario!

La creación de pági-

nas es muy fácil:

¡arrastre/suelte los

controles a crear

desde la cinta, posi-

cionelos directamente

usando el ratón!

Las características

personalizadas del

control se

definen en visual por

las «7 tab» (ver

página 13)


que usted requiere para realizar rápi-damente interfaces increíbles (ver pági-nas 24 a 30). Los principales objetos administradospor el editor de GUI son:• Texto, HTML estático• Amplio conjunto de controles de edi-ción• Control de pantalla con formato• Radio button, check box• List box, combo box, treeview• Botones gráficos y de texto• Cámara web• Generación de imágenes estáticas ydinámicas • Área de clic, mapeo de zonas• Tabla y control looper• Control HTML• Control pager• Plantilla de controles, • IFrame, página interna• Ruta y mapa del sitio • Gráficos, calendario• Google Map, clasificación, mediossociales• Pestañas, etc…Las máscaras de entrada HTML5 sonsoportadas.

CONTROL LOOPER WEBDEV permite crear loopers múlti-columnas, que se llenan automática-mente mediante un enlace de archivo,o por programación personalizada( verpágina 24).

DEFINIENDO UN LINK Para definir un link de un botón gráficoo un botón link, lo único que debehacer es señalar la página que va amostrar por medio del mini-modifica-dor.

Este link puede ser redefinido por progra-mación si es necesario.

GRÁFICOSINTERACTIVOS DENEGOCIOSUn diseñador de gráficos es proporcio-nado con WEBDEV; este le permitecrear gráficos circulares, de barras yfinancieras... en 2D o 3D. Los gráficosson interactivos o estáticos, con o sin

puntos de mira.

BOTÓN ANTI MULTI-CLICEl «multi-clic» sobre los botones devalidación es neutralizado por defecto.Un usuario que de clic 3 veces en elbotón «validar» no recibirá 3 veces suorden.

MAPA DEL SITIOEl mapa del sitio se crea analizando laspáginas existentes de acuerdo a los

enlaces fijos y codificados. Un control «Sitemap» se crea automá-ticamente con el fin de ser incluidos enel sitio generado.

PLANTILLAS PARA TODOSLOS USOSWEBDEV 21 viene con una gran canti-dad de plantillas (páginas preestableci-das: Material Design, etc...) que le per-miten crear sitios fácilmente para cual-quier objetivo.

CREE FÁCILMENTE SUS PÁGINAS

PÁGINAS ATRACTIVAS FÁCILMENTE Las páginas son creadas fácil y visualmente, y usted tienemuchos controles poderosos a su disposición. Un «control edit»WEBDEV con todas las características integradas, que se des-plaza en una página con un solo «Drag & Drop» corresponde amás de 50 líneas de JavaScript! Usted imagina fácilmente elcódigo que va ahorrar

Descubra en las siguientes páginasalgunas de las característicasprincipales ofrecidas por el editorintegrado de WEBDEV 21.


WEBDEV®

UN ENTORNO DE CREACIÓN WEBINTEGRADO E INTUITIVOEl entorno de trabajoWYSIWYG de WEBDEV aportaun confort propicio para unamejor productividad. Su equipo desarrollará fácil-mente los sitios que usteddebe desarrollar, y que susclientes y usuarios esperan. WEBDEV 21 es muy fácil deaprender: generalmente unasemana es todo lo que undesarrollador necesita.Todo está en inglés. Es más claro.

Todo está integrado usando el mismomodo de operación, todo es visual yestá incluido. ¡su equipo desarrollarámucho más rápido!El soporte técnico 5 también estáincluido, lo que brinda una comodidadagregada y ahorros notables así comoun tiempo de desarrollo reducido.Tenga en cuenta que los proyectos sepueden guardar en la nube, lo que faci-lita el trabajo en equipo.WEBDEV 21 es compatible con WINDEV21.

rueda cromática en el entorno

Un pequeño cuadroamarillo indica queel control es partede una plantilla

Un menú contextual(clic derecho) está dis-ponible para accederrápidamente a lasdiferentes característi-cas

Un menú contextual(clic derecho) está dis-

ponible para configurarla barra de iconos.

Los páneles proponencomponentes, contro-

les, código, ... paraahorrar tiempo

Panel: brindauna vista globaldel proyecto; undoble clic (oDrag/Drop) reali-zado sobre unelemento, loabre inmediata-mente

Cinta de opciones ybarra de tareas móvil,

visible u oculta, y confi-gurable

La barra de estadomuestra el nombre dela página, su tamaño...

La interfaz de los edito-res es muy intuitiva, y

muy eficaz

Nota: Puede des-

pejar el entorno al

esconder los

paneles con la

combinación Ctrl

+ W.

Vista opcional

EL ENTORNO INTEGRADO ES MÁSINTUITIVO

La metodología «7 tab» (7 pestañas) usada paradefinir controles poderosos es muy intuitiva: nohay necesidad de conocer la programaciónInternet, todo está en Inglés claro.Las características de cada control se definen por medio de uncuadro de dialogo interactivo, que es simple pero muy potente:las «7 tab» (7 pestañas).Cada pestaña le permite definir las diferentes características deun control. Estas características pueden ser modificadas por pro-gramación si es necesario.

El contenido de cada pestaña difiere de acuerdo al tipo de objeto;aquí el detalle de las 7 pestañas para un control de tipo «Edit»

“Pestaña «Link»: une las páginas con los datos,...

“Pestaña «Help»: tooltip, mensajes de ayuda...

“Pestaña «Advanced»: ingrese o copie/pegue códigoHTML

“Pestaña «Details»: Define las características de entrada

“Pestaña «Style»: defina las características del control:tamaño de fuente, conversión a mayúsculas...

“Pestaña «Code»: Ingrese directamente en el evento(entrada en el control, haga clic en el control, ...) el

código WLanguage, Javascript o PHP

La tecnología «7 tab» (7 pestañas) permitela creación de páginas eficientes.


Las 7 pestañassimplifican lacreación depáginas: todolo que debehacer es dar clic

WEBDEV®

TECNOLOGÍA 7 PESTAÑAS: POTENTESCONTROLES EN TAN SÓLO UNOS POCOS CLICS

Pestaña «General»:nombre, leyenda,tipo de control,estilo de vista...Aquí se proponenlas máscaras

1

4

5

6

7

2

3

Iniciar un nuevo sitio conWEBDEV 21 es un juego deniños: ¡Elija una plantilla(modelo de página), unapaleta de colores y su pri-mera página se crea sobreuna base sólida!

PLANTILLAS DE PÁGINA:ESTRUCTURE SU SITIOLas plantillas de página son elementosesenciales para construir sitios Web.Una plantilla de página contiene la dis-posición «común»para varias páginas:La plantilla de la página define la arqui-tectura de la página: • cabecera de página• menú• columna• pie de página• barra de anuncios• … (ver concepto de «zonificación»,página16).Los elementos comunes son posicio-nados en la plantilla de esta página.Una plantilla de página también puedecontener imágenes, controles, líneas decódigo, procedimientos. …Al crear el sitio, cada página creadapuede heredar características de unaplantilla.Cualquier modificación hecha a laplantilla será propagada automática-mente a todas las páginas que usanesta plantilla.En la página, usted puede «sobrecar-gar» una propiedad de la plantilla depágina si es necesario.

PLANTILLAS DE PÁGINAPREDEFINIDASWEBDEV 21 brinda un gran número deplantillas de página predefinidas.Estas plantillas le permiten guardar unagran cantidad de tiempo al crear unsitio Web.Estas plantillas predefinidas se adaptanautomáticamente a varias apariencias.

APARIENCIA, DEFINACOMO SE VEN SUSPÁGINASUna apariencia define un conjunto deestilos, una paleta de colores, ilustra-ciones, fuentes.…Cambiar de apariencia permite cambiarel look del sitio o de una página sincambiar la estructura o disposición delas páginas

Una amplia variedad de aparienciasestán incluidas con WEBDEV 21.Usted puede cambiar la apariencia deun sitio o una página dada en todomomento.

LA PALETA DE COLORES,PARA ARMONIZARCOLORESUna paleta de colores es un conjuntode colores armoniosos (tono sobretono, por ejemplo) que se utiliza en losestilos de páginas.Una paleta de colores define, porejemplo, un color de texto para untítulo, así como el color de fondocorrespondiente, o el color de unbotón, etc.Se brinda gran número de paletas decolores listas para usar.


LAS PLANTILLAS: ¡FÁCIL!

Cambiar la plantilla de un sitio. Un sitio durante la pri-mavera...

El mismo sitio durante el invierno: la plantilla ha cam-biado (color, estilos, ...)

¿QUÉ ES UN DISEÑOWEB ADAPTABLE?El Diseño Web Adaptable es unmétodo de desarrollo de sitios Web.El principio de este método es permitira una misma página Web adaptarseautomáticamente durante la navega-ción, al tamaño y a la resolución de lapantalla en la que se muestra.La ventaja principal es poder con unamisma página Web adaptarse a lossmartphones, tabletas y ordenadoresde oficina.La adaptación se realiza en tiempo realen el navegador. Esta adaptación tam-bién le permite optimizar los modosretrato y paisaje.

Un sitio Adaptable WEBDEV 21mostrado en una tableta

El mismo sitio mostrado en unsmartphone

VENTAJAS DE LOS SITIOSRESPONSIVE: “«MOBILEFRIENDLY» Y MEJORREFERENCIAMIENTOEn su clasificación de los sitios duranteuna búsqueda para un internauta,Google favorece ahora los sitios mobilefriendly, es decir, los sitios cuyo formatoestá adaptado a dispositivos móviles. Gracias al Diseño Web Adaptable deWEBDEV 21, sus sitios son automáti-camente mobile friendly, por lo tanto,consiguen un mejor referenciamientopor Google.

CREAR PÁGINASADAPTABLES CONWEBDEV 21: ¡VISUAL!Las páginas adaptables se crean visual-mente en el editor.En modo edición, las páginas adapta-bles son automáticamente dotadas deuna rejilla de posicionamiento.Esta rejilla está hecha de un conjuntode columnas de tamaño idéntico.Los controles de la página se posicio-nan y se anclan en ancho sobre estascolumnas.Cuando el ancho de la página varía, larejilla se adapta y los controles adaptanautomáticamente su posición ytamaño.Tan pronto como se crea la página,directamente en el editor, usted puedever el resultado en diferentes anchos depágina.

Para ver este comporta-miento, escanee este códigoo visite

www.windev.com/21732

VISTAS DE RESOLUCIÓNUna página adaptable usa también elconcepto de «vistas».Una vista está definida por unaanchura mínima y una anchuramáxima del navegador y permite queel contenido de la página se adapte adiferentes dispositivos. En una vista, puede adaptar el tamañode la fuente, la posición y el tamaño delos controles se pueden modificar,etc...


¡FÁCIL DISEÑO WEB ADAPTABLE!WEBDEV®

En este ejemplo, con una página mostrada entamaño grande y tamaño estrecho, el diseñadordel sitio ha decidido que:• El tamaño de la fuente del título es grande en

el teléfono (para una mejor legibilidad)• La banda publicitaria no es visible porque hay

menos espacio• Se usa una imagen diferente (o una imagen

recortada de forma diferente).

16 • Desarrolle 10 veces más rápido

ZONA DE EDICIÓNWEBDEV 21 permite definir áreas deedición en una página, podemos lla-marlas «zonificación».Las áreas permiten definir la arquitec-tura de la página: cabecera, pié depágina, lados...Todo lo que tiene que hacer es cortarla página en «áreas» lógicas.Una área contiene los controles locali-zados en ésta.La zonificación es definida usualmenteen una plantilla de página y será usadaen varias páginas del sitio.Una vez que estas áreas de edición sondefinidas, es más fácil editar la página.

ANCLASUsted puede definir el anclaje de cadaárea y controles que son parte de lazona.Por ejemplo, hacer que el alto de laventana del navegador pueda compri-mir una área de la página para dar másespacio a un control de texto, mientraspresiona áreas adyacentes.

ZONIFICACIÓN ENTIEMPO DE EJECUCIÓNUsted también puede definir el com-portamiento de las áreas y su conte-nido durante la navegación (en tiempode ejecución).Cuando el usuario modifica el tamañodel navegador, o si el contenido de unaárea cambia, la página puede reorga-nizar su disposición armoniosamente.¡Todo esto es manejado automática-mente por WEBDEV 21!Los motores de búsqueda reconocen lasemántica de las áreas y así mejoran lareferenciación de la página.

ZONIFICACIÓN:¡DISPOSICIÓN SENCILLA!

TRABAJAR CON UNAZONASi la zona es movida, sus controles semoverán automáticamente con lazona.Este modo de edición simplifica lasoperaciones para crear y modificarpáginasLa herramienta «lápiz» le permite cor-tar una página de manera visual.Estas zonas son materializadas y pue-

den ser manejadas fácilmente en eleditor. Por ejemplo, incrementar el tamañode la zona de cabecera automática-mente mueve las zonas del fondo quese encuentran bajo esta: La zona bodyy la zona footer.La edición respeta la posición relativade los controles encontrados en cadazona, así como su anclaje.La edición es WYSIWYG.

EL EDITOR HTML INTEGRADOPara aquellos que quieran modificar el código HTML generado porWEBDEV, se brinda un editor visual, amigable al usuario y poderoso.



HTML5 AVANZADO

MÁSCARAS DE ENTRADAHTML5El estándar HTML5 brinda máscaraspara los controles edit.Con este tipo de máscara, el sitio per-mite administrar y chequear la entradade datos al navegador. No es la página(el sitio) la que realiza las verificaciones,sino el navegador por sí mismo. Las máscaras soportadas son: Email,URL, Date, Time, DateTime, Month,Week, Number, Interval, Search, Phonenumber, Color, ...En el editor WEBDEV 21, es posibledefinir una máscara nativa o una más-cara HTML5. Máscara.

LOCALIZACIÓN GPSDIRECTAMENTE ENMODO NAVEGADORWEBDEV 21 ofrece un conjunto defunciones «navegador» que permiteinteractuar con las características GPSdel dispositivo, si este dispositivo lasbrinda: localizacion, movimiento, ...

Aquí un mapa mostrado por mediode un control «image»: la ruta seestableció usando funciones de

dibujo en modo «navegador» (sintener que volver al servidor)

DIBUJO EN MODONAVEGADORWEBDEV 21 ofrece funciones dedibujo basadas en el estándar HTML5. La célebre familia de funciones dedibujo del WLanguage está tambiéndisponibles en código navegador.Esto es muy útil para agregar notas aun mapa o un plano interactivo, o enel campo de la realidad aumentada.

VIDEO SINREPRODUCTOR Un sitio realizado con WEBDEV 21 yusado con un navegador que soporteel estándar HTML5 no requiere ningúnplug-in especial (Windows MediaPlayer, Quick Time o incluso Flash) parareproducir videos.Esto permite interactuar con el videopor medio del WLanguage y persona-lizar la visualización.

AUTOCOMPLETARAUTOMÁTICOLos navegadores HTML5 recientes brin-dan formularios de autocompletar enlas páginas automáticamente.Cuando el usuario empieza a ingresarinformación en un formulario (porejemplo una dirección de entrega),todos los controles de la página son lle-nados instantáneamente. Esta característica es peligrosa paradatos confidenciales. Con WEBDEV 21, puede desactivaresta característica control por controlgracias a la opción «Disable autocom-plete». Esta seguridad también esimportante para computadores com-partidos.

HTML5 Y W3CEn WEBDEV 21, usted no tiene queescribir el código HTML, WEBDEV logenera automáticamente por usted!El código HTML generado por WEBDEV21 respeta el estándar HTML5 y siguelas recomendaciones de la W3C.El respeto del estándar HTML5 asegurala compatibilidad de la página sobretodos los navegadores comerciales quesoportan el estándar.

HTML5:PODEROSOHTML5 representa unaevolución importante enel estándar de Internet. Lapresentación elaboradade páginas de Internetcomplejas son el estándarahora e introducen nuevas caracterís-ticas.El estándar HTML5 permite sacar ven-taja de toda la potencia de los nave-gadores recientes y brinda característi-cas avanzadas.

COMPATIBILIDADCONNAVEGADORESANTERIORES:HTML4TRANSICIONALPara asegurar la compatibili-dad con versiones anteriores

de navegadores (usados en Intranetpor ejemplo), WEBDEV también le per-mite soportar sitios en el estándarHTML4 Transicional.

HTML5

USANDO SITIOS FUERADE LÍNEA WEBDEV 21 permite especificar que unsitio o un conjunto de páginas puedefuncionar en modo offline (sin cone-xión a Internet).En este caso, todos los recursos (pági-nas, imágenes, archivos .js, archivos.css, ...) usados por el sitio o las pági-nas son puestos automáticamente enel caché sobre la máquina del usuariofinal por el navegador. Por lo tanto, elsitio puede ser usado sin necesidad dereconectar a Internet.

ALMACENAMIENTOLOCAL WEBDEV 21 permite a un sitio alma-cenar un conjunto de información en elcomputador del usuario.Esta información es guardada en unentorno especifico del navegador.

ACCESO EN MODOLOCAL A UNA BASE DEDATOS (SQLITE) WEBDEV 21 permite a un sitio de creary acceder a una base de datos creadapor el navegador, en el computador delusuario Web en el código de navega-dor. Esta característica le permite, por ejem-plo, ingresar datos en modo offline, yenviarlos automáticamente al servidortan pronto como se reestablece laconexión.

MODIFICACIÓN DE LOSESTILOS WEBDEVDIRECTAMENTE EN CSSLos estilos WEBDEV 21 son almacena-dos como hojas de estilo estándarCSS3. El código CSS3 generado se puedemodificar si es necesario directamenteen el archivo .CSS. Esta apertura se ofrece con el fin depermitir a los especialistas CSS3 aplicarsus habilidades en este campo. Un estilo CSS3 creado por WEBDEV 21y modificado fuera de WEBDEV essiempre reconocido por el editor.El estilo modificado puede ser aplicadode la misma manera que un estiloWEBDEV en los controles y las páginas.

IMPORTAR ESTILOS CSSEXISTENTESLos estilos CSS3 existentes pueden serimportados en WEBDEV 21, desdehojas de estilo CSS3.La característica de importación per-mite seleccionar los estilos a importar,y los que no se incluiran.En el entorno de WEBDEV 21, los esti-los importados son brindados así comolos estilos creados en WEBDEV.

EDITOR DE ESTILOS CSS El entorno WEBDEV permite editar esti-los CSS gráficamente por medio de uneditor de descripción de estilos CSS.

El editor de estilos CSS3

INTEGRAR UNAANIMACIÓN EXTERNAEN UN CONTROLEl entorno WEBDEV ofrece añadirautomáticamente efectos de anima-ción a los controles: parpadeo, desa-parición, acercamiento, rotación, giros3D,… Hay otros efectos especiales, disponi-bles en el mercado como animacionesCSS. Por ejemplo: péndulo, flotación,explosión... Para aplicar este tipo deanimación a un control, importe la hojade estilos CSS que contiene la descrip-ción de la animación, y especifique enel estilo del control el nombre de la ani-mación a usar, su duración y su repeti-ción.

ASOCIAR UN SCRIPT JSO JQUERY A SUSCONTROLES

Una «clase CSS» puede ser referen-ciada en un script JavaScript externo oun script JQuery para aplicar las modi-ficaciones al control al que se atribuye.Esto permite modificar dinámicamentelas propiedades y comportamiento delcontrol.Por ejemplo: poder mover un controlcon el ratón, cambiar su estilo, hacerque se mueva como reacción a algunoseventos, hacerlo interactuar con otroscontroles...


El método mássencillo e intui-tivo

WEBDEV®

CSS3

CSS3 AVANZADO

CREAR ESTILOS: CSS SINSABER CSS Para crear un estilo con WEBDEV 21,el desarrollador o diseñador no nece-sita conocer CSS3: WEBDEV 21genera él mismo el estilo que es cre-ado visualmente gracias a la tecnolo-gía «7 tab».Los estilos WEBDEV se guardan comohojas estilos estándar de CSS3.Los estilos se pueden modificar encualquier momento en el editor, lasmodificaciones por supuesto se apli-can a todas las páginas y controles

que usen el estilo modifi-cado.

POSICIONAMIENTO CSS3El CSS3 es usado también por WEBDEV21 para posicionar (al pixel o en stre-ams) los elementos en las páginas res-petando la división «posiciona-miento»/«contenido HTML».

ANIMACIONES YEFECTOS ENCONTROLESEl entorno WEBDEV 21brinda un gran número deefectos y animacionesbasado en tecnología CSS3:

fundirse, acercamiento al pasar elratón, rotación, giro 3D, etc.Estos efectos se brindan a todos loscontroles y pueden ser configurados(duración, curva de aceleración, ...)Usted no necesita saber CSS3.


Hoy la mayoría de las com-pañías que tiene un sitioestático desean aprovecharlas características dinámi-cas.

CON WEBDEV 21,REUTILICE SU CÓDIGOEXISTENTEPara reutilizar un programa EXIS-TENTE, usted puede, a su elección:• añadir páginas dinámicas a un sitio

estático• añadir páginas estáticas a un sitio

dinámico• combinar páginas estáticas y dinámi-

cas• importar páginas estáticas dentro de

un sitio dinámico• ...En todos los casos, usted puede man-tener lo que tiene y mejorarlo.

COMBINANDO PÁGINASESTÁTICAS Y DINÁMICASCOMBINAR sitios estáticos y dinámi-cos es la solución más rápida.Con frecuencia las empresas ya tienenun sitio estático. El sitio estático es MANTENIDO, y laspáginas dinámicas son AÑADIDAS, oreemplazan algunas páginas estáticas.También es muy fácil unir de maneratransparente dos sitios, un estático y elotro dinámico.

IMPORTANDO PÁGINASESTÁTICASWEBDEV 21 propone una potentecaracterística de importación de pági-nas estáticas y de plantillas (ver página46). Las páginas existentes son así IMPOR-TADAS en el entorno, y son transfor-madas en páginas WEBDEV 21.

“REQUERIMIENTO EN«TIEMPO REAL»¿Un precio es actualizado en el catá-logo de la compañía? Inmediatamenteel sitio se actualiza.¿Se creó una nueva referencia de pro-ducto?El producto se incluye automática einmediatamente en el sitio dinámico.¿Cambio el inventario? El cliente queingresa una órden es informado inme-diatamente.Sin necesidad de modificar o actualizarpáginas constantemente, un sitio diná-mico siempre muestra automática-mente DATOS ACTUALIZADOS.

EL «DINÁMICO» ESINDISPENSABLE¡Hoy, sus sitios deben comportarsecomo aplicaciones! Sus sitios debenser sitios dinámicos.

AÑADIR UNA SECCIÓN «DINÁMICA»A UN SITIO ESTÁTICO EXISTENTE

RECUERDE: SITIOESTÁTICOUn SITIO ESTÁTICO presenta pági-nas fijas, con enlaces predefinidos aotras páginas.Se trata de un «conjunto de páginas»en Internet, que pueden ser consulta-das.En general, este sitio ofrece informa-ción acerca de la empresa, el grupo oasociación: actividad, dirección, infor-mación del producto, algunas vecesprecios, una página de contacto…Los límites de los sitios estáticos prontoson evidentes: cada modificación de un

dato, se debe reportar en el sitio y vol-ver a instalar las páginas correspon-dientes.Por tanto, para que la información delproducto permanezca actualizada, unsitio estático debe modificarse amenudo.

¿QUE ES UN SITIODINÁMICO?Un SITIO DINÁMICO crea las páginasque el navegador Web verá en ejecución,basado en las peticiones y acciones delnavegador y los datos presentes en labase de datos en el momento que sepide una página.

Usemos el ejem-plo de un catálogoque contiene30.000 elementos:un sitio estáticopodría usar30.000 páginasHTML estáticasdiferentes!Un sitio dinámicosólo necesitaráuna página simple,concebida pararecibir los datos(las referencias deproductos, su foto,

...). El servidor organizará todos los ele-mentos necesarios, en la marcha.

SIEMPRE ACTUALIZADOLos datos del sitio dinámico SEENCUENTRAN SIEMPRE ACTUALI-ZADOS ya que los datos provienen dela base de datos de la compañía direc-tamente.Se muestra el inventario real, ustedindica al usuario Web la fecha de envíoreal de su orden, usted gestiona losplannings, ...

SITIOS QUE SONVERDADERASAPLICACIONESOtro aspecto interesante de los sitiosdinámicos creados con WEBDEV 21 esque se comportan como VERDADE-RAS APLICACIONES. Toda la poten-cia de la informática está a su disposi-ción.

FACILIDADGracias a su poderoso y completoentorno de desarrollo y a su gran can-tidad de características, es muy FÁCILpara cualquier desarrollador, incluso sinhabilidades específicas de Internet,crear sitios de Internet altamente sofis-ticados, fiables, rápidos y evolutivoscon WEBDEV 21.

¿QUÉ ES UN SITIO DINÁMICO?

WEBDEV 21 ES IDEALPARA CREAR UN SITIOINTRANET O EXTRANETWEBDEV es la herramienta ideal paracrear sitios Intranet y Extranet. Un sitio Intranet es un sitio reservado aun conjunto de usuarios. empresas,clientes, proveedores... Este puede ser usado dentro o fuera dela empresa. El acceso se realizamediante una identificación y una con-traseña, que es gestionada automáti-camente por WEBDEV (ver página 23).

SEGURIDAD COMPLETAAUTOMÁTICALas páginas de un sitio Intranet reali-zado en WEBDEV son sólo accesiblesdesde una sola sesión. Para cada usua-rio, una sesión es abierta y mantenidaen el servidor automáticamente.La seguridad del sitio es aseguradaautomáticamente a través de la nociónde sesión.La dirección de la página no pueden serreutilizadas en copiar/pegar. El modo dinámico (cada página se creadinámicamente en el servidor justo

antes de serm o s t r a d a )protege lasconsultas y susre s u l t a d o s ,que puedenser encripta-dos.

NO HAYLÍMITELa riqueza delas característi-cas de WEB-DEV permited e s a r r o l l a rsitios que sec o m p o r t a nr e a l m e n t ecomo aplicacio-nes, usted notiene límites: gestión de gastos,catá-logo de proveedores con precios condescuento, toma de órdenes, difusiónde información confidencial, subscrip-ción a un servicio de pago, gestión decuentas de banco, portal...WEBDEV es la herramienta ideal para

crear sitios Intranet y Extranet, y es poresta razón que miles de empresas gran-des han creado su Intranet con WEB-DEV

WEBDEV 21 ES IDEALPARA CREAR UN SITIODE INTERNETUn sitio de internet es un sitio accesi-ble simultáneamente por un grannúmero de usuarios en el mundoentero.Un sitio de Internet puede ser alojadodentro de una empresa, en un prove-edor de servicios o en la nube.Un sitio debe ser «Mobile Friendly», esdecir que funciona bien tanto en unescritorio como en un smartphone ouna tableta.Para el propietario del sitio, un sitio deInternet debe ofrecer la máxima visibi-lidad (SEO, referenciamiento naturalpor los motores de búsqueda).WEBDEV 21 brinda todos estos bene-ficios.

TECNOLOGÍA AWPWEBDEV 21 brinda tecnología AWP:Página Active WebDev.

Gracias a la tec-nología AWP,WEBDEV 21 lepermite crearpáginas Webdinámicas eindependien-tes, las páginasAWP.Cada páginaAWP del sitio seejecuta demanera autó-noma y sin con-texto de ejecu-ción en el servi-dor.Esto permite un consumo bajo derecursos (CPU, RAM), y por lo tanto ungran número de accesos concurrentespara la misma cantidad de recursos.Cada página AWP es referenciable indi-vidualmente por su dirección (URL).

Cada página del sitio puede ser refe-renciada por motores de búsqueda.Una dirección de página puede sercopiada/pegada para ser reutilizada.Cuando el sitio debe conservar infor-mación entre la navegación de las pági-nas, puede usar un contexto.



WEBDEV®

APLICACIONES WEB, INTRANET/EXTRANET:¡WEBDEV ES EL REY!

INTERNET: ¡WEBDEV ES (TAMBIÉN) EL REY!

sitio seguro de manejo de gastos de viaje de un colaboradorde una empresa

SEGURIDAD SSL

SEGURIDADComo sabe, en Internet la seguridad yconfidencialidad tiene mucha impor-tancia.Por defecto, cuando accede a un sitiode Internet, los datos que viajan entreel computador del usuario Web y elservidor no están protegidos: Los datospueden ser vistos por cualquier per-sona mal intencionada. La confidencialidad y la autenticaciónde la fuente de datos no se encuentraasegurada por defecto.

CONEXIÓN SEGURA SSLActualmente la manera más eficientepara proteger la información del usua-rio es usar una conexión segura tipoSSL (Secure Socket Layer). Esta conexión SSL asegura la encripta-ción de los datos que viajan entre elcomputador del usuario Web y el ser-vidor que aloja el sitio. Este protocolo también permite que elusuario Web verifique el propietario delsitio visitado.

Para asegurar un sitio o una parte delsitio con SSL, debe comprar un certifi-cado SSL de una entidad de certifica-ción conocida (por ejemplo NortonVeriSign, Thawte, GeoTrust, etc, …).Una vez tenga el certificado SSL, sim-plemente instalelo en el servidor quealoja el sitio. Tenga en cuenta que hay varios nivelesde certificación, desde la autenticaciónde cifrado simple hasta la autenticación«SSL Extended Validation», que per-mite la visualización de una barra dedirección verde en algunos navegado-res.

HTTP, HTTPSLa URL usada para la conexión seguraal sitio comenzará con «https:// enlugar de http://». El usuario Web también puede verificarla presencia de un can-dado en la barra deestado del navegador,prueba de la transac-ción segura en curso,

así como de la identidad del sitio visi-tado.¡La barra puede ser incluso coloreadaen verde para mostrar seguridad!

SEGURIDAD: FACIL ENWEBDEV 21El modo seguro es soportado por lossitios creados con WEBDEV 21. Gracias a la función SSLActive(),usted puede fácilmente combinar unasección de información no segura(catálogo de productos) con una sec-ción segura (cuenta de cliente, elpago). El mismo sitio puede cambiarentre el modo no seguro y el modo SSLseguro.

“Los certificados de «Clientes» tam-bién se encuentran disponibles.

PAGO SEGURO Actualmente el pago en línea con tar-jeta de crédito es muy común.Existen 2 métodos de pago principalespara recibir el pago por tarjeta de cré-dito.Obtener directamente los datos ban-carios del cliente (número de tarjeta decrédito, fecha de vencimiento, código)y realizar la transacción con el banco.Este método puede ser pesado eincluye riesgos relacionados con elalmacenamiento de datos sensibles.El método más común es ir a un sitioespecializado en pagos de un operadorfinanciero (banco, ...).Típicamente, el usuario llena el carritode compras y después de validar laorden, es redirigido a un sitio de pagoque asegura la transacción bancaria. En esta implementación, no hay for-mulario de pago que administrar ninúmero de tarjeta de crédito que guar-dar. Solo se debe manejar la aproba-ción del pago.

OPERADORESFINANCIEROSUsted puedeelegir directa-mente un bancocomo operadorque le brindaráun servicio depago en líneadi rectamente( A t o s ,C y b e r m u t ,C y b e r p l u s ,PPlus, ...), el cualusará comointerfaz. Puede usar tam-bién un operador de múltiples bancoscomo PayBox o PayPal. Este método esusado para elegir y cambiar la cuentade banco que será usada fácilmente.Implementar esta solución es muy fácilcon WEBDEV 21, solo debe usar elcomponente «PayBox» o «Paypal» queviene con el producto.

PAGO SEGURO


REFERENCIE SUS SITIOSEl asistente analiza el contenido de laspáginas del sitio e indica las mejorasposibles para maximizar el posiciona-miento en motores de búsqueda(Google, Yahoo, ...).El asistente también verifica que los linksentre páginas puedan ser detectados yusados por los robots de los motores debúsqueda.El resto de las reglas también se verifi-can.Así los sitios creados serán mejor refe-renciados por los motores de bús-queda.

REFERENCIAR CADAPÁGINA DINÁMICA («URLREWRITING»)Gracias a la tecnología «AWP», WEB-DEV 21 permite referenciar cadapágina dinámica. Un modo de reescritura de URL esusado para definir varias direccionespara la misma página de acuerdo a sucontenido. Esta página y su contenido

dinámico será mejor referenciado porlos motores de búsqueda. Una páginapuede ser renombrada.Por ejemplo, la dirección de la páginapuede incluir el nombre del objeto(bicicleta, scooter, aparador de roble,etc.), lo que permite que la página sea

mejor referenciada.

ESTADÍSTICAS DETRÁFICOUn modulo de estadísticas se incluyecon WEBDEV para que pueda saberque sitios están visitando sus usuariosWeb (ver página 54).

SEO: REFERENCIAMIENTO NATURAL DE SUS SITIOS

SEGURIDAD EN SUS SITIOS ASEGURADA:ACCESO PROTEGIDO POR CONTRASEÑA

CONTROLE EL ACCESO ALAS PÁGINAS DE LOSSITIOSLa seguridad de acceso a los sitios oalgunas páginas puede ser un requeri-miento: ¡Esto lo trae WEBDEV 21!El «user groupware» le permite definircontraseñas para personas o grupos

El control de acceso es definido fácil-mente en el editor. No se necesita pro-gramación para asegurar la seguridadde acceso a sus aplicaciones, solo senecesita activar la opción

«Groupware».

UN CONTROL SEGUROMUY FINO

El control de acceso le permite fil-trar el acceso a varias opciones delmenú, botones, controles, grupos decontroles, páginas, reportes, ...

Los elementos prohibidos estaráninactivos, en gris o invisibles segúnsu elección.

EL MODO SUPERVISOREl supervisor del sitio entregado es

capaz de configurar los derechos deusuario en cualquier momento. Uneditor amigable le permite definir yadministrar estos derechos.

Si lo desea, los derechos de losusuarios o grupo de usuarios puedeser creados o modificados por pro-gramación.

LDAPSi desea usar una base de logins

ya existente en LDAP, el control deacceso la usará.

SAASWEBDEV 21 ofrece características

avanzadas para administrar aplica-ciones SaaS (ver página 49).

¡Asegure automáticamentesus sitios, sin tener queprogramar!

¿Usted ya conoce la versión20? Existe un documentotécnico de 92 páginas dedi-cado a la 921 nuevas caracte-rísticas de la versión 21.Versión impresa disponiblemediante simple solicitud;versión PDF disponible enwww.windev.com.

WEBDEV 21 ofrece todos los tipos de contro-les que necesita para crear páginas deInternet e Intranet. Veamos más de cercaalgunas de ellas. Tenga en cuenta que estoscontroles trabajan con Ajax.

ÁREA DE TEXTO ENRIQUECIDO

El control «Rich Text Area» (RTA) le permite editar un conte-nido. Este poderoso control es presentado en detalle en lapágina 30.

CONTROL RICH HTML EDITEste tipo de control le permite crear y diseñar textos con atri-butos complejos.Una barra de herramientas aparece automáticamente comoun control de cabecera, y le permite definir los atributos deltexto.

Los datos son almacenados en estándar HTML.

CONTROL EDIT (CON MÁSCARA)Los controles de edición de WEBDEV 21 permiten, como losotros controles, definir un amplio número de parámetros,visual e intuitivamente por medio de las «7 tab» (7 pestañas)o por programación. Es muy fácil definir potentes máscarasde entrada, sin tener que escribir una sola línea de código.El formato se muestra tan pronto como se escribe en el con-trol.

Cuando el puntero ingresa en el control la máscara semuestra: aquí, escribir «/» es opcional

Algunas de las máscaras de entrada son: duración, primeraletra en mayúscula, nombre y ruta de archivo, dirección decorreo electrónico, código postal ...

PERSONALIZE EL BORDE DE UNCONTROLUn control puede tener un borde.Un uso común para este borde es subrayar el control quetiene el foco.

Es fácil personalizar la apariencia del borde basado en lasacciones sobre el control: tomar foco, ratón encima,...

UN LOOPER ES UN CONCEPTO MUYPOTENTEUna «zona de repetición» (control looper) es un conjunto decontroles que se repiten horizontalmente, verticalmente y/olinealmente un número de veces definido o indefinido.Los loopers son alimentados por programación, o medianteun enlace directo con una o varias tablas de datos, o de con-sultas.

El control looper se define en el editor

Por ejemplo, el número de repeticiones puede ser el númerode registros en la consulta, ...A cada repetición, se puede modificar cada atributo de cadacontrol. Por ejemplo:- color de línea- color de fuente (por ejemplo cantidad en rojo si es nega-tivo)- foto de un artículo...

Control Looper en ejecución


Todos los con-troles Web,

y muchomás...

WEBDEV®

CONTROLES POTENTESPARA SUS PÁGINAS

El looper puede adaptarse dinámicamente al número de ele-mentos a mostrar de acuerdo al tamaño total de la página.

Un looper también puede ser únicamente lineal.

PÁGINADOR AUTOMÁTICOEste se usa para búsquedas rápidas en las páginas (y sucódigo) generadas automáticamente por un looper o unatabla

Ejemplo de páginador automático

MENÚ DESPLEGABLE Y POPUPWEBDEV permite crear menús desplegables (horizontales yverticales) en modo WYSIWYG, así como menús «pestaña»y «popup»Usted puede agregar dinámicamente (por programación)elecciones de menú, submenús, etc..Los menús son táctiles. Se generan en «full» CSS y se adpa-tan al modo Responsive.


Es muy fácilcrear controlessofisticados

WEBDEV®

El fondo de labarra de selec-ción puede ser

una imágen

Se puede cam-biar el tamaño

de las columnas

Una barra de desplaza-miento automáticoreemplaza ahora albuscador de partes

anclaje y barra de des-plazamiento automá-tico

Capacidad para adminis-trar automáticamente unamemoria caché (búsquedaparcial) que sólo carga losdatos requeridos por lapantalla y por la navega-ción

Un reloj de arena esmostrado automática-

mente cuando se realizaun proceso extenso.

Las celdas detablas puedenestar en modo

edición

Se pueden selec-cionar múltiplesfilas de una tabla

Puede ordenarsepor columnas

La búsqueda en unatabla es posible gra-cias a la lupa

TABLAS SERVIDOR, NAVEGADOR YTABLAS AJAXLas tablas son generadas por WEBDEV 21. Una tabla «habitual» es una tabla servidor, que realiza con-sultas en el servidor para llenarse.El modo Ajax es soportado en tablas servidor, lo que evita lanecesidad de volver a mostrar la página completa cada vezque se modifica un elemento de la tabla. Una tabla puede también estar en modo «Navegador», esdecir que no ejecuta ningún código servidor.

El control «Browser Table» es un control Table que es com-pletamente autónomo en el navegador.

El control Table ofrece funciones automáticas:• filtro, • búsqueda, • columna móvil,• cambio de tamaño de columnas,• cabecera de columna, título de columna,• columna contenedor • rupturas...

•••continúa en la página 26

TABLAS

LAS PESTAÑAS Las pestañas pueden ser administradas fácilmente.

Ejemplo de una página con pestañas.

CONTROL HIDESHOW El control HideShow permite expandir y esconder un áreavisual.

A la izquierda, la imagen expandida. A la derecha otroejemplo, con un texto expandido

CONTROL CALENDAR Y DATE EDIT CONCALENDARIO DESPLEGABLEEl control calendar permite crear un control integrado en unapágina o abrir una «popup» calendario con el fin de ingre-sar alguna fecha (muy usado en sitios Web). Un gran número de opciones personalizadas y de presenta-ción están disponibles: marcar el día actual, fechas pasadas,mostrar un rango de fechas, señalar los días feriados,...El control calendar se maneja en modo «Ajax» para preve-nir la actualización de toda la página cuando se muestra ose escoja una fecha.

El control calendar es muy usado CONTROL THUMBNAIL (ESTÁTICO ODINÁMICO)Un sitio Web a menudo maneja imágenes o fotos que tam-bién se usan en forma de «viñetas» miniaturas, para fines deselección, por ejemplo.

WEBDEV 21 administra automáticamente la generación diná-mica de esas imágenes miniaturas. Son creadas en funciónde la imagen inicial o fijadas por el diseñador de páginas web.

IMAGEN CON ZOOM AUTOMÁTICO Cuando el efecto de zoom se encuentra activado en una imá-gen, pasar el ratón sobre la imágen abrirá autómaticamenteun área al lado de esta imagen, donde la sección de la imá-gen original apuntada por el cursor es aumentada, lo quemuestra los detalles de la sección.El tamaño de la Popup aumentado puede ser configurado,así como el radio de acercamiento (de 1 a 100).Este efecto puede ser aplicado a controles image o thumb-nail.No hay nada que programar para beneficiarse de este efecto,simplemente haga clic en la opción «Zoom automático» enla descripción del control en las «7 tab».

Cuando el cursor pasa sobre la sección de la imágen,esta sección es acercada y mostrada automáticamente

CÓDIGO CAPTCHA“Los «Captcha», que son códigos de seguridad que debeingresar el usuario, son administrados automáticamente. El control captcha calcula y muestra automáticamente la ima-gen distorsionada correspondiente un texto. Este texto puede ser definido por la aplicación o generadoautomáticamente por el control.La distorsión cambia en cada visualización.

CONTROL INTERACTIVE CHARTEl control chart de WEBDEV 21 brinda un gran número detipos de gráficos, en modos 2D y 3D, estático o interactivo:líneas, barras, semicírculos, pastel, ...Un menú permite al usuario modificar dinámicamente algu-nos parámetros: tipo de gráfico, visualización de leyenda, etc.Un punto de mira le ayuda a leer los datos precisamente. Losefectos de animación se encuentran disponibles.


El método mássencillo e intui-

tivo

WEBDEV®


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

IMÁGENES, IMÁGENES CLIQUEABLESEl control image permite mostrar imágenes en formatos Webestándar: Jpeg, Giff, Tiff, PNG, SVG...Las imágenes se pueden cliquear para iniciar un proceso. Elmodo «auto scrool» permite mostrar imágenes encontradasen un directorio automáticamente.

EFECTO MOVIMIENTO AUTOMÁTICODE IMÁGEN ¡Este efecto da vida a sus páginas!El efecto «automatic movement» simula el movimiento deuna cámara sobre una imagen: sin necesidad de tener queprogramar nada, la imagen mostrada cobra vida y se mueveligera, lenta y suavemente en su zona.3 efectos se combinan: deslizar en direcciones aleatorias,zoom ligero, face-in para secuenciar estos efectos.Este efecto es ideal para destacar automáticamente fotos deproductos: bienes inmobiliarios, productos de lujo, ...

CONTROL «GOOGLE MAP»Usted puede incluir un control «Google Maps» en un sitio.El control Map de WEBDEV 21 es interactivo: El usuario dela Web puede ampliar, moverse, usar diferentes vistas (mapa,satélite), cambiar al modo «street view», etc.

CLIC ÁREA (MAP AREA)Las áreas cliqueables se usan para realizar procesos de hyper-texto: dependiendo del clic del usuario web en una imagen,diferentes operaciones se cargan.Definir las áreas cliqueables es muy fácil usando las áreas geo-métricas brindadas. Varias áreas pueden ser unidas.

Si

es necesario, puede recuperar las coordenadas del clic, conuna precisión de pixeles. Esto puede ser útil en mapas de precisión, como por ejem-plo mapas geográficos, o en el caso de aplicaciones médi-cas.

“CONTROL «VIDEO» El control «Video» permite jugar videos Flash (Flv),QuickTime (Mov), Microsoft (Wmv), Webm, Mpg, Ogv...Las características de lectura, pausa, adelantar, ... son sopor-tadas. La visualización de videos también es gestionada porHTML5.

EFECTOS CSS3 EN CONTROLESWEBDEV 21 permite definir efectos CSS3 en los controles detipo imágen fácilmente: aceleración, recorte, desvaneci-miento, zoom automático, hacer aparecer gradualmente,efectos en fotos, movimiento panorámico, parpadeo, des-plazamiento, barrido, inclinación, rotación, ...

Transición de opacidad

Las esquinas redondeadas también están disponibles.



WEBDEV®




tivo

WEBDEV®

CONTROLES SLIDER & RANGE SLIDERLos controles Slider y Range Slider también son brindados.

CONTROL RATINGEste control permite al usuario ingresar una calificación, o aun sitio mostrar un valoración.Por defecto el símbolo visual utilizado es una estrella peropuede ser modificado (smiley, mano, corazón...). La califica-ción puede ser en números decimales.

CONTROLES SCHEDULER & ORGANIZEREl control «scheduler» se usa para administrar el horario paramúltiples recursos. este control es Ajax.La manera en que este control trabaja es muy amigable alusuario; puede ser manejado solo con el ratón para crear,

cambiar tamaño, mover y eliminar tareas, sin importar elnavegador.Éste se une automáticamente con los datos (data binding)Este control ahorra semanas de programación.El control Scheduler es adaptado para dispositivos táctiles(tabletas, smartphones). Los modos de funcionamiento paracrear, mover, borrar las citas son compatibles con el entorno«multi-touch», y se puede realizar con un dedo.Un control «Organizer» también está disponible.

SITEMAPPATH (RUTA DE NAVEGACIÓN)Un «SiteMapPath» es un menú creado mientras el usuarionavega dentro del sitio.Permite volver rápidamente a la página anterior. La genera-ción de esta línea es automática.Un mapa del sitio también se genera automáticamente.

La navegación se vuelve fácil

LA FUNCIÓN «UPLOAD»El control Upload permite subir desde el navegador un archivoal servidor. Selector de archivos, arrastrar y soltar, multiselec-ción, barra de progreso, ... son soportados tan pronto se imple-menta.

El tamaño de los archivos cargados no tiene limite.La carga se puede realizar en segundo plano o puede ser pro-gramada.

DDW AUTOMÁTICO La característica DDW «Dim Disabled Window/Page»(Deshabilitación de ventanas/páginas por sombreado) seadministra automáticamente en las páginas. La página inac-tiva es sombreada tan pronto como el cuadro de dialogo apa-rece.

CONTROL SOCIAL NETWORK. El control «Social Network» es una barra de herramientashecha de iconos que unen con las principales redes socialesde la Web: Facebook, Twitter, Google+, LinkedIn.

HTML TABLEEl control «HTML Table» permite crear fácilmente tablas depresentación en las páginas.



ÁREA FIJA EN LA VENTANA (FIXED) El anclaje fijo permite que uno o más controles se manten-gan visibles cuando el usuario se desplaza. Se dice que el áreaestá «clavada».

Incluso si el usuario se desplaza hacia abajo en lapágina, la cesta se mantendrá visible en la misma posi-

ción

El o los elementos anclados de esta manera se mueven conla barra de desplazamiento y por lo tanto, se mantienen visi-bles mientras el resto de la página se mueve.

CONTROL «DASHBOARD»WEBDEV 21 permite crear dashboards facilmente. Un con-trol dashboard está hecho de widgets.El usuario final puede personalizar y adaptar el dashboard.

CONTROL IMAGE BUTTON Como su nombre lo dice, los botones imagen están basadosen una imagen.Un botón se puede definir por máximo 5 imágenes diferen-tes, cada una correspondiente a un estado del botón: idle,

rollover, clic, focus, grayed.

Ejemplos de botones gráficos brindados con WEBDEV 21

Estas imágenes de diferentes estados pueden almacenarse enuna hoja de imágenes, gestionado automáticamente, conuna visualización ligera. El botón puede ser animado.

CONTROL CSS3 BUTTON Este botón CSS3 se define completamente basado en unestilo CSS.No necesita ningún tipo de imagen, pero el estilo CSS en sipuede contener (o no) una o más imágenes.Un botón CSS puede brindar cerca de 5 estados, que son ele-mentos de los estilos CSS (pseudo-classes).El botón CSS3 es adaptado automáticamente de acuerdo alnavegador.

MAS DE 10,000 IMÁGENES Y BOTONESPREDISEÑADOSWEBDEV 21 viene con mas de 10,000 imágenes prediseña-das.Puede relacionar sus propias imágenes e ilustraciones paraañadirlas al catálogo.La galería tiene contenido amplio y variado: imágenes, ico-nos, cuadros, animaciones, botones gráficos, bandas, formas

CONTROLES ADAPTADOS PARA USOMÓVIL.Cuando los sitios creados con WEBDEV 21 se ejecutan en undispositivo móvil (tableta o smartphone), el comportamientode los controles se adapta a las pantallas táctiles.

TODOS LOS CONTROLES WEBWEBDEV 21 también brinda «Treeview», Webcam, Applet,Iframe y más controles, usted los tiene todos.(vea también el poderoso control «Rich Text Area» o RTA,sucesivamente)


Los controlesWeb

WEBDEV®




tivo

WEBDEV®

“CONTROL «RICH TEXT AREA» (RTA)WEBDEV 21 brinda un tipo de control extremadamentepoderoso: es el control «Rich Text Area» (abreviado RTA).El control Rich Text Area es fundamental para la edición depáginas web estáticas y dinámicas: Ingresar texto enriquecidose convierte en un juego de niños. El texto y sus atributos enriquecidos se ingresan como en unprocesador de texto: inserte imágenes con leyendas, enlaces,añada atributos al texto ...Todo en WYSIWYG.En el editor, cuando se ingresa el texto, el control se expandeautomáticamente cuando se necesita.Tal como en los otros controles, el código HTML es generado

automáticamente por WEBDEV.

RTA: FORMATEANDO EL TEXTOEl control RTA permite, por supuesto, especificar las carac-terísticas de cada parte del texto, a nivel de carácteres:fuente, tamaño de fuente, negrita, color, subrayado, subín-dice, ...El formato de texto es «lógico» en HTML.Por ejemplo un atributo «negrita» será traducido automáti-camente a «Strong» en el código HTML, lo que hace muchomás fácil de referenciar en motores de búsqueda.Las etiquetas necesarias se insertan antes y después del textoasí como en el formato HTML.

Por ejemplo:Athleticsserá guardado como <strong> Athletics </strong>.La etiqueta <strong>, que el navegador reconoce e inter-preta, significa que se trata de una palabra «importante». El navegador muestra en general el texto entre las etiquetasen negrita, dependiendo de las preferencias del navegadorestablecidas por el usuario. El navegador reconoce estas etiquetas, y las interpreta.Los motores de búsqueda también usan este tipo de etique-tas para referenciación de páginas. El uso de estas etiquetasen un texto incrementa su referenciación natural.

RTA: FORMATO LÓGICO DE PÁRRAFOSEl control RTA es usado para dar formato a los párrafos: título,subtítulo, pie de página, dirección de correo electrónico,nota, encabezado, viñeta...El formato es lógico: por ejemplo, un título será almacenadoautomáticamente en su formato HTML como un texto de tipo<h1>.<h1> es una etiqueta HTML que define el título de unapágina. El navegador reconoce estas etiquetas, y las interpreta: ¡engeneral el texto se mostrará grande y en negrita!

RTA: FORMATO FÍSICO DE PÁRRAFOSAdemás del formato lógico, el formato físico también estádisponible: alineación de párrafos, sangría, color, ...

RTA: INSERTAR CONTROLESEn cualquier parte de un texto en un RTA, puede insertar uncontrol WEBDEV (de cualquier tipo): un gráfico, un controltabla, ...El control se posiciona en línea, en relación con el texto.El control es «anclado» al texto.

RTA: INSERTAR ENLACESHay varias maneras de insertar un control tipo enlace en unRTA:• Transformar una selección de texto a enlace• Crear un control tipo enlace dentro del texto• Copiar un control tipo enlace existente.El control link encontrado en un RTA brinda las mismas capa-cidades que un control link normal.El control link que se encuentra en el RTA se puede editarcon la tecnología «7 tab» (7 pestañas).

RTA: INSERTAR IMÁGENESLa imágen es posicionada en el texto, sobre la línea. Los parámetros de enmascarado están disponibles: izquierda,derecha, párrafo, dentro del texto,...

RTA: ACCESO AL CÓDIGO HTML,GUARDE MODIFICACIONES HTML SINPROCESARUsted puede acceder al código HTML del RTA, y el códigoHTML generado por WEBDEV en el RTA es voluntariamenteclaro, legible, en lugar de ser comprimido.Un desarrollador que domine HTML puede modificar elcódigo HTML generado por el control RTA.Lo qué ha sido modificado directamente en el código HTMLtambién será visto en el editor.

EL CONTROL RTA: ÁREA DE TEXTO ENRIQUECIDO


Visualizaciónde un control

«Rich TextArea» de

WEBDEV 21



WEBDEV®EXPORTE A XML, WORD,EXCEL Y OPEN OFFICEAUTOMÁTICAMENTEPara las tablas y loopers, se brinda alusuario Web un menú para exportarautomáticamente a XML, Word, Excely Open Office.

Los datos de la tabla o el looper seexportan automáticamente a la herra-mienta y formato seleccionado.Cuando se exporta a XML, la hoja deestilo XSL necesaria para el navegadortambién es generada.Usando Intranet, ¡los usuarios puedencrear fácilmente sus simulaciones enExcel!

CERO CÓDIGONo es necesario programar para bene-ficiarse de esta característica.Usted tiene la posibilidad de deshabili-tar esta característica si es necesario.

APERTURA TOTALSi desea programar exportación auto-mática en su sitio, los comandos deprogramación esta disponibles en ellenguaje 5GL de WEBDEV.Los comandosH E x p o r t X M L , T a b l e T o X M L ,XMLFirst le permiten personalizartodos los procesos.

MENÚ PARA EXPORTARA WORD, EXCEL, XML, OPEN OFFICE

Un sitio Web tiene usuariosde todo el mundo: ¡cualquierusuario web puede verlo encualquier lugar del mundo!Por lo tanto, el desarrollo desitios multiliidiomas amenudo se requiere enInternet.Hay muchos países que usanvarios idiomas oficiales:Bélgica, Suiza, Luxemburgo,Canada, Estados Unidos,etc...WEBDEV incluye una solu-ción innovadora y muypotente para el soporte delenguas extranjeras.

64 IDIOMAS POR SITIOMás de 64 idiomas están soportadosen los sitios que desarrolle. Lo únicoque necesita hacer es elegir el idiomaen la pantalla de configuración (quepuede ser modificada en cualquiermomento, incluso para un sitio ya cre-ado).

Ejemplo de un texto ingresado endiferentes idiomas

WEBDEV se encarga de todo, lo únicoque necesita es ingresar las etiquetasen los diferentes lenguajes selecciona-dos (Conjunto de caracteres occiden-tales y no occidentales: chino, ruso, ...).Para cambiar el lenguaje de la aplica-ción, simplemente use Nation.Función WLanguage en el proceso deinicialización del proyecto¡Observe que incluso el texto de losbotones es traducido!

PLANEE PARA ELFUTUROImagine cuán simple serádesarrollar sitios multiidiomas(o hacer multiidioma un sitioya que las traducciones pue-den ser añadidas después).

EXTRACCIÓNAUTOMÁTICA DETEXTOS Una herramienta complemen-taria (WDMSG) permiteextraer todos los «textos» deun proyecto, con el fin de tra-ducirlos y volver a integrarlosautomáticamente después dela traducción. ¡Útil si quiereque su sitio lo traduzca unaagencia de traducción!

64 IDIOMAS EN SUS SITIOS


El WLanguage , el lenguaje5GL integrado de WEBDEVpermite describir todos los

procesos necesarios queusted desea. Su equipo no

tendrá que sudar concódigo HTML o

Javascript. ElWLanguage hace más

fácil la programa-ción de sitios

Internet e Intranet.

LA PROGRAMACIÓN WEBNUNCA HA SIDO TAN

FÁCILEl lenguaje 5ªgeneración deW E B D E V(WLanguage ,usado por milesde programado-res por todo elmundo) brindaun nivel de con-fianza superiorpara hacer masrápido el desa-rrollo de sitios.

¿CÓMO PROGRAMARCON LOS PROCESOS?Existen dos tipos de códigos en inter-net:• El código que se ejecuta en el servi-

dor host (ingresado en la banda ama-rilla– vea la izquierda)

• El código que se ejecuta en el nave-gador del usuario web (ingresado enla banda verde – vea la izquierda)

RADTenga en cuenta que el código(y las páginas) pueden sergenerados automáticamente

por el RAD y los asistentes de WEB-DEV, a partir de una descripción dedatos («un análisis»).

GENERACIÓNAUTOMÁTICA DE HTML YJAVASCRIPTLos navegadores solo entienden códigoHTML y JavaScript.El código HTML y JavaScript optimi-zado se genera automáticamente delcódigo en WLanguage para el navega-dor deseado. El código es inmediatamente confiable,más conciso y fácil de mantener.

GENERACIÓNAUTOMÁTICA DECÓDIGO PHPLas páginas creadas y el código ingre-sado se convierten automáticamenteen código PHP. ¡Cree fácilmente sitiosPHP dinámicos, sin saber PHP! (verpágina 47).

CONOCIMIENTO DEJAVASCRIPT O HTML:¡NO NECESITA!Usted no necesita saber JavaScript,HTML, o PHP para desarrollar con WEB-DEV. Sin embargo, si por alguna razóndesea escribir o reusar códigoJavaScript, HTML o PHP, WEBDEV lepermite hacerlo.

AJAX AUTOMÁTICOPara que un proceso esté en modo«Ajax» todo lo que debe hacer es darclic en un botón (ver página 36)

NO SE QUEDARÁBLOQUEADOEl lenguaje 5GL de WEBDEV es muypotente. Usted nunca estará bloque-ado. Además, usted puede ingresarcódigo HTML, JavaScript o PHP, ani-maciones CSS3, código ASP o JSP...

WLANGUAGE: POTENTE,INTUITIVOEl WLanguage está disponible eninglés. El inglés permite una progra-mación intuitiva, y un mantenimientomás fácil. Los comandos WLanguage (HReadFirst,HReadNext, SSLActive, HFound, , etc)son bastante fáciles de entender y demantener.WLanguage permite una programa-ción mas rápida y código de mejor cali-dad.Un comando WLanguage a menudocorresponde a docenas (incluso cien-tos) de lineas de código JavaScript: suequipo desarrollará mucho más rápido.

EJEMPLO: ENVIAR UNCORREO ELECTRÓNICOEl envío de correos electrónicos es sim-ple. Simplemente llama el comandoeMailSendMessage.Usted puede añadir archivos adjuntos.El correo electrónico se envía ensegundo plano.

OPTIMA INTEGRACIÓNDE BASES DE DATOSWLanguage está optimizado paramanejar datos de tablas: ofreceentrada predictiva para nombres detablas y columnas.

POTENTEADMINISTRACIÓN DECADENAS¡WLanguage ofrece una gestión muypotentes de cadenas! La programación es mucho más rápida:• sitio dinámico administrado automá-

ticamente • concatenación por medio del opera-dor «+»• conversión automática de númerico

a texto, y viceversa• funciones de búsqueda avanzada• múltiples pruebas (CASE, SWITCH,...).

PERFILADOR: OPTIMICELA VELOCIDAD DE SUCÓDIGOWEBDEV 21 viene con un «perfilador»,herramienta que mide la velocidad deejecución de cada instrucción de sucódigo.

JQUERY

WEBDEV 21 le permite ejecutar puntosde entrada en la librería JQuery. Estafunción es usada en código navegador,por lo tanto puede ser usada en todoslos sitios, incluyendo sitios estáticos.

BOOTSTRAP WEBDEV 21 permite integrar caracte-rísticas Bootstrap.

ANGULAR JS WEBDEV 21 permite interconectarsecon las páginas creadascon Angular JS.

JSON WLanguage interpretaJSON de manera nativa(serialize y deserialize).

POO (OBJETO)La Programación Orientada a Objetos(POO) es soportada por WEBDEV:herencia múltiple, constructor, des-tructor, público, privado, polimor-fismo... El uso de POO es opcional ypuede ser combinado con programa-ción tradicional.

WLanguage trae la estructuradel lenguaje 5GL al desarrolloWeb. Las herramientas deproductividad son un activoreal.

PROGRAMACIÓN DE 5ª GENERACIÓNPOTENCIA Y FACILIDAD

Para ver la listaexhaustiva detodos los coman-dos 5GL, consultela ayuda de WEB-DEV 21 en el sitioPC SOFT


WEBDEV®El editor de código es elmayor colaborador en lapotencia y eficiencia deWEBDEV.La programación es intui-tiva, rápida y se hace direc-tamente en el control rele-vante.

UN CONCEPTOREVOLUCIONARIO DEPROGRAMACIÓNLa tecnología única del editor decódigo ayuda a desarrollar mas rápidoy crear código de calidad.

EL MÉTODO DEDESARROLLO WEBDEVLos eventos más comunes para el con-trol se ofrecen por defecto en el editor

de código, y se muestran por el colorde margen. Por ejemplo, para un control de tipo«editable», los eventos por defecto son:inicialización del control, ingreso dedatos, perdida de foco, acción para cadamodificación. Sólo ingrese el códigocorrespondiente en la sección que nece-site.El código que será ejecutado en elnavegador puede ser ingresado enWLanguage o en JavaScript, es su elec-ción.

CÓDIGO SERVIDOR YCÓDIGO NAVEGADORTodo lo que tiene que hacer es ingre-

sar su código bajo la barra correspon-diente. La barra amarilla indica que el códigoingresado es código WLanguage queserá ejecutado en el servidor. La barra verde indica que el códigoingresado es código WLanguage queserá ejecutado en el navegador.La barra rosada indica que el códigoingresado es código PHP. La barra azul indica que el códigoingresado es código JavaScript. ¡Es visual e intuitivo!

TODOS LOS EVENTOSSON SOPORTADOSLos eventos menos comunes se ofrecena través de iconos mostrados en laparte inferior izquierda de la pantalla. Todos los eventos están disponibles:clic, doble clic, tecla en el fondo, tecla

presionada, tecla soltada, botón deratón bajo, botón de ratón alto, cursorfuera, cursor encima, perdida de foco,foco actual, modificación, selección delcontenido del control, acceso a laayuda, carga, envío de formulario,...

COLORES SINTÁCTICOSPara hacer la programación mas fácil ylegible, cada palabra se colorea en fun-ción de su tipo.

COLAPSADO/EXPANDIDOEl editor de código incluye una carac-

terística de código de expandir/colap-sar: ¡Usted puede ocultar el códigoprobado para mejor legibilidad!

UMLWEBDEV 21 soporta UML y crea auto-máticamente el diagrama de clases pormedio de análisis inverso del código.Inversamente, un diagrama UMLgenera el código de la clase.

SOURCE CODEMANAGERWEBDEV 21viene con unaherramienta dev e r s i o n a -miento, el Administrador de CódigoFuente (SCM en inglés, véase pág. 44).

AJAXCon respecto al AJAX, solo de clic enel boton«Ajax» sobre lalínea para usaresta tecnología(ver pag. 36).

COMPLETADOAUTOMÁTICOCuando se escribe un comando, el tipode parámetro esperado se ofrece enuna lista desplegable hacia abajo. Unas u g e r e n c i atambién brindainformación decada paráme-tro de la función usada.

CONTROL DE ERRORESEN TIEMPO REALSi ocurre un error de sintaxis, éste esdetectado en el editor de código,incluso antes de que el proyecto seacompilado! Los errores son marcadossubrayando con rojo la función cuyasintaxis es incorrecta.El editor de código es partegeneral de la amigabilidadal usuario de WEBDEV 21.

Inicialización del Control

EL EDITOR DE CÓDIGOLE AYUDA

Entrar en el control (onfocus)Modificación a la salida (onchange)

Salida del control (onblur)

WEBDEV®

La fase de pruebasautomáticas es solouna de las fases queaseguran alta calidaden su software, peroes una de las mas

importantes. WEB-DEV 21 ofrece las

pruebas de no regre-sión, la realización de

pruebas unitarias, depruebas de integración y

de pruebas de carga.

PRUEBAS UNITARIAS DEPROCEDIMIENTOS YCLASESEl proceso de creación de conjuntosde pruebas está totalmente inte-grado en el entorno. Para probardirectamente un procedimiento ouna clase, simplemente use el menúcontextual que ofrece para crear (yluego reproducir) una nueva pruebade unidad.

TASA DE VALIDACIÓN DELA APLICACIÓNEl centro de pruebas muestra la

lista de laspruebas exis-tentes, la ver-sión del sitiosobre el que seejecutaron laspruebas y elresultado delas mismas.Esta informa-ción tambiénes mostrada

en modo resúmen en el«Dashboard» del proyecto.

EL EDITOR DEESCENARIOS DE PRUEBACuando se ejecuta una prueba, si seencuentra un error en el sitio, cli-queando la posición del error en elscript accede directamente alcódigo en el que ocurrió el error.

LA VERIFICACIÓN DEPRUEBAS PARAPROCESOSCONCURRENTESCada elemento modificado que nose ha validado en la prueba es seña-lado. El Centro de Pruebas tambiénseñala los errores que no se hancorregido así como sus regresiones. Un historial del porcentaje de vali-dación se guarda automáticamente,lo que permite el seguimiento de laevolución de la calidad del sitio.Esta verificación también se realizacuando usted ingresa un elementoen el SCM (ver página 44).

UNDEPURADORPOTENTE YAMIGABLE ALUSUARIO

Para afinar su sitio Webinteractivo, el depurador

le permite ejecutar elcódigo de su sitio paso apaso, y visualizar o modi-ficar los contenidos devariables dadas.

CARACTERÍSTICASAVANZADASEl depurador es muy poderoso y brindacaracterísticas avanzadas:• ejecución paso a paso, funciones de

adelanto, salida instantánea de fun-ción, ejecución en una linea dada, ...

• autostop, que para la ejecución decada cambio del valor de una variableo una expresión dada

• visualización automática (puede serdesactivada) de todas las variables en

la linea que es ejecutada («Watch»)• visualización de expresiones que con-

tienen funciones• visualización del valor de la variable en

el tooltip.• resultado decimal o hexadecimal• pila de llamadas en tiempo real• localización del código en ejecución• 32 y 64 bits • ...

DEPURACIÓN REMOTAPuede depurar un servidor remota-mente: Puede depurar el servidor ubi-cado en su ISP sin desplazarse hasta ala.

DEPURADOR PHP Y AWPEl depurador trabaja en modo «AWP» (elmodo de contextos semiautomáticos).En PHP, puede depurar la aplicación ini-cial.

El depuradorle ahorratiempo

preciosocuando estaajustando suaplicación. ¡Pronto sevuelveindispensable!

El depuradorbrinda produc-

tividad profe-sional

DEPURADOR INTEGRADO: AJUSTE SU CÓDIGO FACILMENTE

CALIDAD DE SUS SITIOS: PRUEBAS UNITARIAS


¡No siga rein-ventando larueda, reuti-lice!

WEBDEV®

La noción de «componen-tes» simplifica drastica-mente el desarrollo: Se usacomo una «caja negra», fácily en toda seguridad.Un componente puede con-tener código fuente, pági-nas, imágenes, clases, unanálisis e incluso tablas dedatos.

DESARROLLO SEGUROGRACIAS A LOSCOMPONENTESUn componente es una «caja negra»,un « bloque de construcción», por lotanto el desarrollador que lo usaconoce solamente los puntos deentrada y la naturaleza de la informa-ción que va a ser retornada. La habilidad para crear componenteselaborados tan fácilmente como enaplicaciones tradicionales simplificarasu desarrollo.

LA SEGURIDAD DE LOSCOMPONENTESLos componentes que usted crea son«seguros», es decir que nadie podráestudiar o ver o copiar el códigofuente, ni el análisis,...

COMPONENTES MULTIOBJETIVOLos componentes son compatiblesentre WINDEV, WINDEV Mobile y WEB-DEV. Esto le permite incluso mejorar lareusabiliad de código.

NUMEROSOSCOMPONENTESINCLUIDOS LISTOSPARA USARWEBDEV 21 incluye varios compo-nentes (así como su código fuente)que pueden ser usados en sus sitios: • solicitud de documentación • carrito de compra (para comercio

electrónico)• pago seguro...

El desarrollo de un sitiodinámico (enlazado a datos,e incluyendo procesos)requiere una fase de progra-mación.WEBDEV 21 es abierto atodos los métodos de desa-rrollo.

PROGRAMACIÓN PORPROCEDIMIENTOS OPOOLa programación con WEBDEV 21 serealiza en WLanguage, el famoso len-guaje 5GL, conocido por su poder eintuitividad.Los desarrolladores pueden elegirentre programación por procedimien-tos y Programación Orientada aObjetos (POO). El enfoque orientadoa objetos permite evolución decódigo y hace que el mantenimientofuturo sea más simple.

POOWEBDEV permite un desarrollo orien-tado a objetos si así lo quiere.

Las clases y las sintaxis delWLanguage autorizan una programa-ción orientada a objetos moderna yeficiente. Las métodos de las clases de basepueden redefinirse visualmente desdeel explorador del proyecto; los méto-dos virtuales se generan automática-mente.La gestión de la memoria de las ins-tancias es totalmente automática enla mayoría de los casos, tanto al asig-nar como al liberar memoria.

TODAS LAS NOCIONESPOOLas siguientes nociones de POO sonsoportadas: • Clases• Clases abstractas• Herencia, herencia múltiple• Reflexión• Sobrecarga (despacho dinámico)• Métodos abstractos y virtuales (poli-

morfismo)• Propiedades (get y set)• Constructor

• Destructor• Encapsulación de datos: públicos,

privados y protegidos• Liberación automática• “«es un» operador y downcast• Baja referencia• Asociación• ...

XML, JSON, ...WLanguage está optimizado paraprocesar documentos XML y JSON.Las estructuras de los documentosson importadas en WLanguage direc-tamente.El editor de código brinda ingresoasistido de los nombres de los ele-mentos del documento, colorea-miento sintáctico, ...

COMPONENTES: REUSABLIDAD DE SU CÓDIGO

POO

La tecnología Web 2.0 per-mite a las aplicaciones Webtener un comportamiento deGUI cercana a una interfaztradicional de Windows. Un elemento determinantede la Web 2.0 es «AJAX», yaque le permite al navegadorrecargar solo la parte de lapágina que se ha modificado.

SIN AJAX...En desarrollo Web tradicional, cuando laaplicación quiere modificar un solo ele-mento en una página mostrada (un pre-cio, o lista de vehículos por ejemplo), elservidor necesita reenviar la página com-pleta el computador del usuario.Esto carga el servidor, que se encarga delancho de banda, crea un efecto visual«recarga» en el navegador del usuario,y la visualización se vuelve lenta cuandoel navegador debe reinterpretar y volvera mostrar toda la página...

CON AJAX...Con la tecnología AJAX, esencial parala «WEB 2.0», ahora es posible enviarsólo los datos modificados a lamáquina del usuario, sin necesidad derefrescar la página entera.Existen muchos beneficios: el servidores menos solicitado, el monto de infor-mación circulando es menor, la visuali-zación es instantánea para el usuario ysin ningún efecto visual.

USAR AJAX EN UN SITIOWEBDEV: ¡1 CLIC!No hay que programar nada. Usted se beneficia automáticamentede AJAX.Usted continúa programando en 5GL(WLanguage). WEBDEV se encarga detodo!Una opción «AJAX» aparece en la barrade tareas del editor de código. Parahabilitar AJAX en los procesos, loúnico que debe hacer es dar clic... enel botón «AJAX».La etiqueta cambia y muestra «AJAXenabled».

SEGURIDADDebido a su arquitectura, AJAX puedeiniciar procedimientos en el «servidor»con una llamada desde el navegador.Para proteger sus sitios, los procesosWEBDEV están protegidos contra lla-madas ilegales (intento de hackear unasesión, ...)

LA TECNOLOGÍA AJAXDE WEBDEV PARACONTROLESDespués de una petición de páginaAjax, todos los controles afectados seactualizan automáticamente basadosen su valor en el servidor. No hay quecodificar nada.


IMPLEMENTAR AJAX EN UN CLIC

UNA URL, 2 PÁGINASLa publicación dinámica «Dynamic ser-ving» es una técnica en la cual lamisma dirección (URL) conduce a 2páginas diferentes: una página para PCy una página para móviles.Dependiendo del dispositivo (PC omóvil) que accede a la página, se mos-trará la página adecuada.Esta es una solución alternativa (aun-que complementaria) al «Diseño Webadaptable» para hacer un sitio tradi-cional «mobile friendly».Con este método, no hay necesidad demodificar las páginas existentes: sólotiene que añadir otras nuevas para elmóvil.

EXCELENTEREFERENCIAMIENTONATURAL GOOGLEEsta técnica proporciona un excelentereferenciamiento por Google.

Para asociar las páginas de PC (en pan-talla grande) y las páginas de móviles,simplemente use una ventana del edi-tor de proyectos.En la ejecución, dependiendo del hard-ware, el servidor de WEBDEV 21 decide

la página a usar.Por programación, es posible desco-nectar el enrutamiento automático. Detal manera es posible proponer alusuario que está usando un móvil que-darse en el sitio desktop.

PUBLICACIÓN DINÁMICA: UNA URL, 2 PÁGINAS DISTINTAS

Ajaxsin código adicional.

http://mysite.com/mypage

Computer Mobile

same URLbut different

pages


Web services asu servicio

WEBDEV®

LA FACILIDAD DEWEBDEV AL SERVICIO DELOS WEB SERVICES

WEBDEV 21 permite usar, crear,implementar y alojar Web servicesfácilmente.

CONSUMO SIMPLE DEWEB SERVICESEs muy fácil importar y usar un Webservice con WEBDEV. Basándose en la descripción del servi-cio WSDL (Web Services DescriptionLanguage), WEBDEV genera automáti-camente tipos y funciones WLanguagecorrespondientes a la interfaz de pro-gramación del Web services. De esta manera los elementos del webservice aparecen en el proyecto comoelementos normales de un proyecto.

CONSUMO SIMPLE DEWEB SERVICES SOAPEl uso avanzado de web servicesusando SOAP (Simple Object AccessProtocol) es posible gracias a un con-junto de funciones SOAP. Estas funciones permiten manejar pre-cisamente el flujo de datos XML inter-cambiados con el Web services (enca-bezados, autenticación, meta informa-ción, ...)

CONSUMO SIMPLE DEWEB SERVICES RESTUsted también puede consultar un ser-vicio Web de tipo REST gracias a la fun-ción WLanguage RESTSend().

CREACIÓN FÁCIL DEWEB SERVICES

Los Web Services se crean fácil-mente: simplemente defina el con-junto de procedimientos que com-ponen la interfaz del Web service. La descripción del archivo WDSL segenera automáticamente.

TODO ESADMINISTRADOLa gestión de Web Services es muypoderosa en WEBDEV. aquí una lista dealgunas características soportadas: • Resultados de tipo arreglo

(SoapArray) • Enlazando datos de Web services • Inclusión de Web services• Atributos en wsdl• Respuestas múltiples• Cabeceras múltiples • Firma de mensajes• Direccionamiento-WS• Referencia circular en esquemas• Autenticaciones SPNEGO

DESPLIEGUE FÁCIL DEWEB SERVICESLos Web services son almacenados en

un computador que incluya el servidorde aplicaciones WEBDEV. El procedimiento de instalación esgenerado automáticamente. La administración es realizada desde eladministrador WEBDEV como un sitio«clásico», todas las herramientas seencuentran disponibles: estadísticas detráfico, etc. (vea administración de sitiopágina 54).

ALOJAMIENTO FÁCIL DEWEB SERVICES

La tecnología de alojamiento estabasada en el robusto servidor de apli-cación estándar WEBDEV. Esta tecnología permite asegurar la dis-ponibilidad del Web service, así comosu velocidad. Las peticiones son ejecutadas simultá-neamente, en procesos separados, loque garantiza la seguridad.Los Web services pueden ser consumi-dos por todo tipo de aplicaciones, cre-adas en WINDEV, WEBDEV o con cual-quier otro lenguaje de terceros.

WEB SERVICES: FÁCILARQUITECTURA SOA

Consumir Web services: los elementosde los Web services aparecen en elproyecto, como elementos del sitio,

para facilitar el desarrollo.

Cuando crea un sitio dinámico desde cero,necesita definir las tablas que va a usar. Esfácil con WINDEV 21.Y si ya tiene una base de datos, puede usarladirectamente con WEBDEV. WEBDEV usa una representación visual para describir comoestán organizados los datos. El método UML es incluido enel entorno. Recuerde que WEBDEV soporta todos los méto-dos de análisis.

DEFINIENDO UNA ESTRUCTURA NUEVA Si usted debe definir tablas nuevas, veamos un ejemplo sim-ple pero representativo de la creación de una nueva estruc-tura de archivo: La definicion de las tablas de «Productos» y«Ordenes»

1.Creemos la tabla «PRODUCTOS»: todo lo que debe haceres especificar su nombre y alguna información general.

2. Creemos la estructura de la tabla: cada columna se defineo recupera del diccionario de datos.

3. Entonces, creamos de la misma manera latabla «ORDENES». Los CLIENTES hacen pedidos. Por lo tanto estas 2 tablas deben estar enla-zadas en el análisis. Después de dar clic en laherramienta «link» en la barra de herra-mientas, simplemente trace un enlace entreestas dos tablas con el ratón.

4. WEBDEV 21 hace preguntas simples en lenguaje naturalpara definir automáticamente el tipo de enlace entre las 2tablas.

Las preguntas son muy simples. Por ejemplo:

¡Basado en las respuestas de estas preguntas WEBDEV con-figura los atributos de cardinalidad correctos y determina sies necesaria una tabla de relación!

5. WEBDEV entonces solicita las reglas para aplicarcuando se elimine o se modifique un registro (integridadreferencial)

6. Eso es todo, las tablas están unidas, el trabajo está ter-minado.El editor de consultas encontrará las uniones automática-

mente, y cada editor en el entorno de desarrollo sabrácomo trabajar con los datos...

Una tabla de unión se crea automáticamente.

Ahora que todo esta hecho, se puede imprimir la documen-tación (opcional), generar las páginas y el código con la herra-mienta RAD, o iniciar un desarrollo nuevo... Es así de simple.


DOCUMENTACIÓN TÉCNICA CON UN CLICWEBDEV 21 permite editar en cualquier momento la docu-mentación completa de análisis y programación del sitio. La

documentación se crea por medio de analisis inverso del sitio ypor tanto siempre esta actualizada. La documentación puedetener cientos de páginas, y se puede publicar en formato PDF,HTML o en un procesador de texto...

Cada «producto» pertenece al menos a una «orden»: ¿sí o no?Cada «producto» puede tener varias «ordenes»: ¿sí o no?Etc.

Forbid the deletion o f Product that has an Order: ¿sí o no?Prohibir la eliminación de un Producto que tiene una Orden:

MODELANDO UNA BASE DE DATOS: FÁCIL (UML,...)

IMPORTANDODATOS

EXISTENTESSi usted ya tiene un

análisis o datos,usted los integra

automáticamente alentorno (importación

de la descripción detablas, columnas y

relaciones).¡Simplemente arras-tre y suelte la estruc-

tura dentro del edi-tor de modelo de

datos para crear laestructura!


TODAS LAS BASES DE DATOS: MYSQL,ORACLE, AS/400, SQL SERVER, INFORMIX...

Descripción deuna estructura dedatos en WEBDEV

Un sitio dinámico se basa endatos. WEBDEV 21 puedeacceder a cualquier base dedatos en el mercado. WEBDEV es un productoabierto que permite reusar eincluir sitios o partes delmismo que ya existan.

SOPORTA TODAS LASBASES DE DATOS (LISTANO EXHAUSTIVA)WEBDEV puede leer y escribir en cual-quier base de datos.Algunas de las bases de datos sopor-tadas (por favor ver tabla al lado).

HFSQL, UNA PODEROSABASE DE DATOS SQL,INCLUIDAWEBDEV incluye HFSQL, una base dedatos SQL muy poderosa, usada actual-mente en millones de sitios. HFSQL puede ser desplegado gratuita-mente con sus sitios WEBDEV.Las características de HFSQL son deta-lladas en la página 40.

ACCESO EN MODONATIVO WEBDEV puede acceder nativamente aMySQL, Oracle, SQL Server,PostgreSQL, SQLite, AS/400, DB2,Informix, Sybase (módulos disponiblesde manera separada). Instalar estos accesos nativos es muysimple (un archivo de poco peso) Los controles BLOB y Long Raw estánsoportados. El rendimiento de accesoes impresionante

ACCESO NATIVO A BASEDE DATOS «AS/400» YBASES DE DATOS

«ISERIES»WEBDEV accede abases de datosAS/400 directa-mente (módulodisponible demanera sepa-rada), sin ningúnc o n t r o l a d o rODBC, OLDB ysin ActiveX.WEBDEV sabecómo importar

y exportar DDS, coman-dos CL, administrar una cola de datos,...Todo esto se incluye en el entorno, conuna velocidad impresionante. ¡Pida el folleto!

BIG DATAWEBDEV puede acceder a los datosalmacenados en formato Big Data.

TODAS LAS BASES DEDATOS POR MEDIO DEODBC U OLE DBWEBDEV 21 soporta todas las bases dedatos que tengan controlador ODBC oOLE DB.

SQL SCRIPT = ANÁLISISWEBDEVUn análisis definido en WEBDEV puedeconvertirse en un script SQL para crearuna nueva base de datos SQL, y cual-quier script SQL se puede convertirautomáticamente en un análisis WEB-DEV para aprovechar el código exis-tente. Esto permite una apertura total. En la mayoría de los casos, las estruc-turas existentes son importadas por«Drag & Drop» en el editor de modelode datos.

LOS PROCEDIMIENTOSALMACENADOSSi la base de datos de terceros soportaprocedimientos almacenados, estos

son accesibles por aplicacionesdesarrolladas con WEBDEV.

LA PROGRAMACIÓN ESIDÉNTICAINDEPENDIENTE DE LABASE DE DATOS USADASin importar la base de datos, puedeusar comandos SQL o comandos 5GLde WEBDEV, WLanguage (HReadNext,etc).Esto muestra nuevamente la gran aper-tura de WEBDEV y la posibilidad decambiar fácilmente la base de datos.

USTED ESTÁ USANDOWINDEV...Si usa WINDEV, sabrá que puede com-partir el proyecto y sus elementos(código, clases, ventanas, consultas,reportes,...) entre 2 entornos, y expor-tar sus aplicaciones a WEBDEV.

WEBDEV 21 permite crearun nuevo sitio y sus datos, ocrear sitios unidos a datosexistentes, sin importar labase de datos.

- HFSQL*

- MySQL*

- Oracle**

- Informix**

- SQLServer**

- PostgreSQL*

- MariaDB*

- SQLite*

- IBM DB2**

- IBMAS/400**

- Sybase**

- Netware SQL- Ingres- Progress** -XML*

- Bull DPS- Access- xBase*

- ASCII*

- Excel*- Etc.

*: conector nativo estándar**: conector nativo opcional

WEBDEV 21 soporta todaslas bases de datos del mer-cado.WEBDEV viene con una basede datos SQL, HFSQL, que esmuy poderosa, rápida y con-fiable.La distribución del motorHFSQL es gratuita.

WEBDEV SOPORTATODAS LAS BASES DEDATOSWEBDEV funciona con todas las Basesde Datos del mercado (ver pág. 39).

UNA BASE DE DATOSPROBADA VIENE CON ELPRODUCTO: HFSQLHFSQL es el nuevo nombre deHyperFileSQL.HFSQL viene en estándar con WEBDEV21. Una base de datos confiable y robusta,que ya es usada en millones de sitiospor todo el mundo.

329 MILLONES DE MILESDE BILLONES DE LÍNEAS(REGISTROS)...

HFSQL permite manejar simplemente yen toda seguridad grandes volúmenesde datos (cerca de 329 cuatrillones defilas). Usted puede planear tranquilamente elcrecimiento natural del volumén dedatos.

COMPARTIR DATOS CON«BACK OFFICE»Los datos del sitio pueden ser compar-tidos fácilmente con las aplicaciones«back office», por ejemplo, para pro-cesar órdenes, emitir documentos deentrega y las facturas. WINDEV es elcomplemento ideal a WEBDEV paracrear aplicaciones de Back Office sóli-das.

REPLICACIÓN DESITIOS/BACK OFFICELa replicación entre el sitio y el backoffice es siempre útil.HFSQL maneja la replicación de basesde datos y la replicación de servidores,unidireccional y bidireccional, progra-mada o continua.La replicación puede ser automática, ototalmente personalizada.

EXTREMADAMENTERÁPIDALa integración total de comandos y elindexado (automático) permite unaincreíble velocidad de acceso. Esto

brinda mejores tiempos de respuestapara su sitio, sea en Internet o enIntranet.

UNA INTEGRACIÓNTOTALLa integración del motor al entorno dedesarrollo es total.En cualquier momento, en todos loseditores, usted tiene acceso inmediatoa toda la información referente atablas y columnas. La integración de la interfaz de basesde datos permiten una programaciónmás fácil y rápida.

CONFIDENCIALIDAD:CIFRADO DE 128 BITSEn Internet, los datos serán encontra-dos en un servidor: este debe ser pro-tegido contra accesos ilegales; Es fácilcon HFSQL. El cifrado de datos e índi-ces se encuentra disponible para mayorseguridad.

CARACTERÍSTICASAVANZADASHFSQL brinda características avanza-das: cluster, integridad, log, transac-ciones, disparadores, administraciónautomática de acceso concurrente,Unicode, mantenimiento en caliente(sin desconectar los usuarios)...

HFSQL : BASE DE DATOS SQLCLIENTE/SERVIDOR WINDOWS Y LINUXGRATUITA

iOSiOS

ClassicLocal or network

Este Centro de Controlpermite controlar todoslos servidores y todas lasbases de datos instaladasen la red de su empresa ode manera remota a travésde Internet. Este centro también per-mite:• la visualización y edición

de los datos• la ejecución directa de

consultas• la gestión de cuentas de

usuarios (grupos), losderechos, lista de cone-xiones actuales

• recopilar estadísticas

precisas sobre el uso delservidor: computadores,consultas, registros,parámetros, ...

• desconexión del usuario• la gestión de transaccio-

nes visualización, cance-lación,...

• gestión de copia de segu-ridad (hot backup)

• la visualización de losregistros bloqueados

• tareas programadas• replicación de servidores• visualización del número

de filas procesadas• gestión de clusters• ...


CENTRO DE CONTROL HFSQL


FUNCIONALIDADEScifrado de 128 bits

Integridad referencial

Registros

Replicación

Transacciones

Disparadores

Unicode

Importar Exportar

Cluster

Comprimir/Descomprimir infor-mes en la marcha

TECNOLOGÍASMantenimiento automático(DDS)

Gestión de acceso concurrente

Reconexión automática

Cero administración

Resúmen automático tras inci-dentes

Implementación automática

Descubra HFSQL coneste documento de 24páginas disponible enwww.windev.com

CLUSTER (CONJUNTO DESERVIDORES)Gracias a la funcionalidad de cluster, un con-junto de servidores físicos aparece como unúnico servidor a los clientes.La eventual falla de un servidor físico no pro-voca la falla de acceso a la base de datos(alta disponibilidad, tolerancia a cortes).

La carga de acceso de lectura se distribuyeen todos los servidores (repartición de lacarga en lectura).Cuando un usuario está conectado a un ser-vidor que falla, la aplicación no será desco-nectada sino reconectada automáticamentea un servidor válido (caída automática).

ABIERTA A OTROSPROGRAMASLos conectores nativos, los controlado-res ODBC y OLE DB brindados conHFSQL le permiten leer y escribir desdeprogramas o aplicaciones de terceros.

SQL Y WLANGUAGEEs posible de acceder a los datos a tra-vés de SQL o a través de las poderosasfunciones del WLanguage. Usted tienela capacidad de mezclar comandos SQLy comandos WLanguage en el mismoprograma.

¡EL CÓDIGO PUEDE SERGENERADO!La programación es muy fácil, rápida yconfiable. ¡El código se puede generarautomáticamente cuando se crean laspáginas a través del RAD WEB!

SEGURIDAD: “«SQLINJECTION» IMPOSIBLEEs posible crear consultas configura-bles, lo que impide los ataques al ser-vidor de tipo «inyeccion sql».

BÚSQUEDA «FULL TEXT» La búsqueda «full text» permite la bús-queda de cadenas de caracteres másrápido en los datos. El índice maneja los textos enriquecidos(RTF, HTML), para ignorar las etiquetasde estos formatos durante la indexa-ción.Los resultados se muestran de acuerdoa un orden de relevancia («ranking»).

COPIA DE SEGURIDADEN CALIENTEEs posible activar una copia de seguri-dad de una base de datos, mientrasque la base de datos se está utilizando. Puede tener acceso permanente (leer,escribir, ejecutar consultas,...) a la basede datos. Se asegura la integridad delos datos guardados.La copia de seguridad puede ser acti-vada por programación (a una horafija, por ejemplo) o a través de unaacción del DBA. Usted también puede realizar copias deseguridad incrementales.

INSTALACIÓN YCONFIGURACIÓN FÁCIL

HFSQL se instala instantáneamente, sinnecesidad de operaciones. Así mismo,la administración de la base de datosse hace automáticamente. Los cambios a la estructura de la basede datos se administran automática-mente (tecnología SSD).

DESPLIEGUE HFSQL:GRATISUsar HFSQL le ahorra cientos de milesde dólares (e incluso más al desplegarsitios Intranet). Una ventaja nada des-preciable.

¡HFSQL Cliente/Servidor essu mejor aliado para sussitios!

WEBDEV®

El editor permite crear automáticamenteconsultas simples o complejas en tablas.Esto simplifica la programación aún más:páginas, tablas, loopers, combo boxes, repor-tes... pueden basarse en las consultas.

NO NECESITAR SABER SQL PARA CREARCONSULTAS PODEROSASGracias al editor visual, lo único que debe hacer es escogerlas columnas que va a incluir, especificar las condiciones deselección usando el asistente, y la consulta se crea.Puede, por supuesto, modificar el código SQL generado porel editor de consultas.Las consultas son ejecutadas en HFSQL (Versión Classic,Mobile y Cliente/Servidor) y todas las otras bases de datos.Puede usar WLanguage en las consultas (comandos hRead*).

CONSULTAS VISUALESLa consulta se genera también en lenguaje natural cuandohace las elecciones en el editor (o en SQL, si lo eligió).

El editor de consultas

� El código SQL generado automáticamente

Una vez validada, la consulta se muestra gráficamente en elentorno de desarrollo, lo que hace mas fácil entender cuandonecesite hacer cambios.

3 � Una vez la consulta es definida, se representagráficamente.

EJECUCIÓN OPTIMIZADACon HFSQL, la elección de los mejores índices será realizadaen tiempo de ejecución, tomando en cuenta el tamaño realde cada índice en la tabla. Si faltan llaves, el entorno lo seña-lara automáticamente a través del ADD (Aided ApplicationDevelopment).

CONSULTAS BASADAS ENCONSULTAS...El resultado de una consulta puede ser una tabla de visuali-zación, un reporte impreso, incluso una tabla HFSQL. Unaconsulta puede usar como fuente el resultado enviado porotra consulta.

CONSULTAS CREADAS EN CUALQUIERBASE DE DATOSLa fuente de datos de una consulta puede ser una base dedatos HFSQL o una base de datos de terceros: Oracle, SQLServer, DB2, AS/400, My SQL, Access...

El editor de consultas hace mas accesiblessus datos a la hora de programar.


� La consulta es construida en frente de sus ojos en lenguaje natural

EDITOR VISUAL DE CONSULTAS


Un editor de reportesresuelve el problema dereportes en Internet. Y facilita la creación deimpresiones. Esto tiene un uso doble:• Por un lado, para las apli-

caciones Intranet• Por el otro, generar repor-

tes dinámicos que seenvían al usuario Web (fac-turas en PDF por ejemplo).

PDF INCLUIDOLos reportes se pueden crear en for-mato PDF (sin costos o módulos adi-cionales).

Un reporte en PDF generado conWEBDEV 21

PDF/A Y FIRMAEs posible crear PDF/A firmado (archivoISO estándar) y PDF firmado (RGS).

CREE UN REPORTE: FÁCIL

Eligiendo el tipo de reporte a crear

Un asistente le ofrece automática-mente ayuda para crear reportes dealta calidad; ¡éste le hace preguntaspara que no olvide nada! En Intranet, Los reportes se envían a

una impresora accesible desde el servi-dor.En Internet el reporte se envía al usua-rio Web en formato: HTML, RTF, PDF...

TODAS LAS FUENTES DEDATOSLos datos usados para un reporte pue-den venir de cualquier fuente: HFSQL,Oracle, Acces..., consulta, archivo detexto, zona de memoria, tabla depágina, ...

SOPORTE PARA PÁGINASDE FONDO EN PDFEl editor de reportes soporta los fondosde páginas y los formularios pre impre-sos tales como formularios de impues-tos.

INCLUYE IMÁGENES:AUTOMÁTICOIncluir imágenes en formato (BMP,TIFF, PCX, GIF, JPEG, PNG...) en unreporte es muy fácil. La imagen puedeser fija (logo,...), o venir de un procesoo de un archivo (foto del producto,...). Puede también imprimir fácilmentedibujos creados por programa.

CÓDIGO FUENTE DONDEDESEEWEBDEV permite incluir cualquiercódigo fuente ejecutable (WLanguage)en cualquier parte de un reporte: estole permite crear sus reportes los másparticulares sin ningún problema.

CÓDIGOS DE BARRAAUTOMÁTICOS

WEBDEV 21 imprime automáticamentecódigos de barras (horizontal o verti-calmente). Los formatos soportados son: QRCode, UPCA, UPCE, EAN13, EAN8,CODE128, CODE39, CODE93,CODE11, intervaled 2 of 5, CODABAR,BC_MSI, Datamatrix, PDF417...

REPORTES POR CORREOCon WEBDEV es fácil crear un reportedinámico (por ejemplo una factura delproducto que un usuario ordeno enlínea) y enviarla por correo inmediata-mente (en formato PDF por ejemplo).

DISTRIBUCIÓN GRATUITADE REPORTESPor tanto, no tiene que pagar nada pordistribuir sus reportes en sus sitiosWEBDEV.

¡Con WEBDEV 21, losreportes sofisticados sonfáciles!

Un editor dereportes

WYSIWYG, conprecisión de

pixeles

WEBDEV®

EDITOR DE REPORTES: GENERE PDF ENTIEMPO REAL (FACTURAS, ...)

Creación de unreporte en elentorno

LA BASE DE DATOSFUENTE

Con el GDS (Gestionario de Fuentes-llamado SCM en inglés), los elementosdel proyecto son reagrupados en unabase de datos. Antes de ser usado unelemento es extraido, después dehaber sido modificado es reintegrado.Por lo tanto, cada miembro del equipousa elementos actualizados.El SCM almacena todos los elementosdel proyecto: procedimientos, conjuntode procedimientos, clases, páginas,reportes, componentes, consultas, aná-lisis, dependencias (imágenes, ...), ...

TOTALMENTE INTEGRADOIntegrado totalmente con los dife-

rentes editores, la herramienta de ver-sionamiento (SCM) brinda un mejortrabajo en equipo, historial de modifi-caciones y versiones, manejo de ver-siones concurrentes de una aplicación,ademas automatiza el respaldo delcódigo fuente del equipo de desarro-llo. La herramienta de versionamientobrinda comodidad, flexibilidad, seguri-dad y velocidad. Apropiado para equipos de 1 a 100desarrolladores, el SCM facilita y estan-dariza el intercambio entre desarrolla-dores sin imponer restricciones.

FUNCIONALIDADESPOTENTES• El SCM se encuentra totalmente

integrado en el entorno; por ejem-

plo, el SCM propone obtener unelemento durante unamodificación.

• La base de datossoporta varios proyec-tos; si varios proyectosusan el mismo ele-mento, éste puede sercompartido.

• Se guarda un historial detodos los elementos(páginas, código, consul-tas, ...) desde sucreación (siemprees posible haceruna limpieza totalo parcial).

• El proyecto tam-bién es encontradoen todos los com-putadores de desa-rrollo; por lo tanto,usted puede traba-jar en una máquinasin conexión.

• Gestión de sucursa-les incluida.

• “Las «Diff» (diferen-cias) entre dos ele-mentos se encuentrandisponibles: códigofuente, página

• Puede ver la lista de modifica-ciones realizadas entre dosversiones por usted, otro desa-rrollador o administradorWeb...

CONECTADO Y ADISTANCIA

El SCM permite un funcionamientoremoto, conectado a través deInternet. De esta manera usted puedetrabajar en un proyecto desde un sitiocliente, sin miedo a perder sus modifi-caciones.Si esta conectado (con DSL por ejem-plo), las modificaciones que realicenestarán disponibles inmediatamente alos otros desarrolladores.

UN SOLODESARROLLADOR

Incluso cuando desarrolla de formaindividual la herramienta de versiona-miento le trae algunos beneficios:guarda un historial de las modificacio-nes de todos los elementos y sirvecomo un respaldo y herramienta deguardado para las versiones.La administración de sucursales le per-mite manejar fácilmente varias versio-nes del mismo sitio.


TRABAJO EN EQUIPOHERRAMIENTA DE VERSIONAMIENTO (SCM)

¡Desarrolle

en la oficina,

en carretera

e incluso en

la playa!

El SCM gestionalas dependenciasautomática-mente: archivosusados (imáge-nes, ...). SCMlos detecta en elproyecto y losguarda dentrodel mismo.

DASHBOARD DELPROYECTO

El dashboard brinda unavisión global del proyecto,su progreso y calidad. Las luces se activan cuandose alcanza algún nivel (con-figurable): numero de erro-res, vencimiento de plazo...Además muestra que opti-mizaciones se pueden reali-zar.

GESTIÓN DELCICLO DE VIDA

Un Centro de Control esuna aplicación que «super-visa» un aspecto del ciclo devida de un sitio.

El Centro de Control lepermite tener una vista glo-bal de cualquier área, ya seaen la fase de desarrollo o enla de implementación eincluso el mantenimiento yevolución de la aplicación.Los Centros de Control mas usados enel desarrollo Web son:• Centro de Seguimiento de Proyectos• Centro de Control de Alojamiento.Los Centros de Control se encuentrantotalmente integrados en el entorno; lainformación es compartida.

ALM: CENTRO DESEGUIMIENTO DEPROYECTOSEste centro permite el seguimiento dela planificación, tareas asignadas y rea-lizadas por cada miembro del equipo ytambién el seguimiento de la gestiónde «requerimientos» y de la calidad.

GESTIÓN DEREQUERIMIENTOS YTAREASEl Centro de Seguimiento de Proyectosle permite definir y seguir el estado decada requerimiento para cada versióndel proyecto. Un requerimiento corres-ponde a una característica que debeser desarrollada en el software.Cada requerimiento puede ser enla-zado a varias tareas (tarea de desarro-llo, tarea de prueba, tarea de docu-mentación, ...), errores, reglas de nego-cio...

GESTIÓN DE CALIDADLa gestión de calidad le permite moni-torear incidentes de desarrollo.

CENTRO DE CONTROLDE ALOJAMIENTOEl Centro de Control de alojamientopermite configurar y mantener el per-fil de alojamiento en el servidor. La gestión de cuentas y servidores Webtambién se realiza por medio de estecentro (ver páginas 50 a 53).

La gestión de proyectos sehace más sencilla.


MANEJE SUS PROYECTOS: DASHBOARDS &CENTROS DE CONTROL

El tablero de control del proyecto brinda una vista general del progreso de un proyecto.

Gestione el horario del equipo de desarrollo en tiempo real Análisis de Efectos

WEBDEV®

Maneje sus pro-yectos

Las páginas estáticas existentes se pueden recuperar en WEBDEV21. Los controles correspondientes son creados.

Aquí: Una ventana en WINDEV... ... y el resultado de su importación en WEBDEV 21. ¡El códigofuente también se importo!

Importar, exportar y compartir aplicaciones y ventanas WINDEV le ahorra mucho tiempo cuando pasa de unaaplicación de Windows a una aplicación Web y viceversa.

IMPORTAR HTML EXISTENTE

Página estática inicial... La misma página importada en el editor WEBDEV

IMPORTAR CÓDIGO HTML EXISTENTEWEBDEV tiene una característica interesante: aspira páginasHTML existentes.La página se importa en WEBDEV, y cada texto, imagen, linky todo lo demás se convierte automáticamente en un objetoWEBDEV.La vista general y comportamiento de una página se man-tiene.Esto le permite recuperar fácilmente el código existente.

IMPORTANDO CÓDIGO DREAMWEAVEREXISTENTEUsted tiene la posibilidad de importar páginas Dreamweaver,plantillas y librerías. Cuando importa una página creada conDreamweaver, si se detecta una plantilla Dreamweaver, estase convierte automáticamente en una plantilla de páginaWEBDEV. Si esta plantilla se detecta en otra página impor-tada, esta se reemplazara automáticamente con la plantillade página creada previamente.

RECUPERAR Y COMPARTIR UNEXISTENTE WINDEVLas ventanas creadas con WINDEV se convierten directa-mente en páginas. Los proyectos son comunes. Los contro-

les, el código, y los reportes son recuperados. Ir de Windowsa Internet (y de Internet a Windows) nunca ha sido más fácil!Puede compartir también clases, procedimientos, reportes yconsultas entre proyectos de WINDEV, WEBDEV y WINDEVMobile.

Importar pági-nas es muy útil

para crear unlibro de estilo

compatibles conun sitio exis-

tente, y conser-var el aspecto

del sitio.

HTML

WINDEV WEBDEV

WEBDEV

IMPORTAR/EXPORTAR APLICACIONES WINDEV«WEBISING» APLICACIONES


Abierto a todoslos estándar

WEBDEV®¡PHP SIN SABER PHP!Toda la potencia de WEBDEV (editorWYSIWYG, editor de modelo de datos,UML, editor de consultas, controlesavanzados, WLanguage, etc.) seencuentra disponible para crear sitiosPHP si lo elige, las páginas y el código(en WLanguage) son convertidos acódigo PHP (también puede ingresarcódigo PHP directamente).¡Cree fácilmente sitios PHP dinámicos,sin saber PHP!

RAD PHPEl método RAD WEB está también dis-ponible para generar sitios PHP consólo un par de clics. Genere sus sitios desde el editor demodelo de datos automáticamente.

INGRESO DIRECTO DECÓDIGO PHPEn el editor de código WEBDEV, ustedtiene la posibilidad de escribir (o pegar)código PHP.

Aquí, el proceso en rojo escódigo PHP.

Nunca se atascará.Puede unir código PHP y WLanguageen la misma página.

CONTROLESAVANZADOS TAMBIÉNAdemás de los controles estándar (edit,static, etc...) la mayoría de controlesavanzados de WEBDEV 20 se encuen-tran disponibles en PHP: tabla con des-plazamiento automático, control loo-per, calendario, pestaña, control edita-ble enriquecido, texto HTML, reglasautomáticas...…Esto le permite simplificar el código tre-mendamente y dar gran seguridad asus sitios a través de máscaras deentrada que no permiten el ingreso dedatos fuera de formato.

WEB 2.0: AJAX EN PHPUn gran numero de controles y opera-ciones en AJAX son compatibles conPHP: ¡usted crea sitios Web 2.0 en PHPcon WEBDEV 21! (ver página 36)

TIPOS AVANZADOS Además de los tipos estándar de PHP,WEBDEV 21 permite usar tipos avan-zados en su código. De esta manera la programación esmucho mas fácil y segura. Los tipos avanzados son: fecha, hora,duración, fuente de datos, arrays aso-ciativo, estructuras, numérico...Sintaxis y operadores potentes tambiénestán disponibles: FOR EACH, opera-ciones de cadena, concatenaciónopcional, operador «start with», ...

COMPARTIR CÓDIGO¡El WLanguage le permite compartircódigo entre páginas y sitios PHP,WEBDEV estándar e incluso aplicacio-nes WINDEV!Esto le permite ahorrar mucho tiempoy aumentar la confiabilidad al reutilizarel código.

ADMINISTRACIÓNSIMPLE Y AUTOMÁTICADE SESIONES PHPLa gestión de las sesiones (contextos)PHP es automática. Todo lo que debehacer es declarar las variables quedeben ser obtenidas durante la pró-xima ejecución de la página. No existe un proceso de serializaciónde código.

COMPATIBILIDAD PHP 7,5 & PHP 4WEBDEV 21 genera código PHP com-patible con PHP 7, PHP 5 y PHP 4.

ACCESO HFSQLEl acceso a HFSQL (Clásico, Red yCliente/Servidor) se asegura a través decomandos SQL.

ACCESO A MYSQL,POSTGRESQL, ORACLEEl acceso a bases de datos MySQL,PostgreSQL y Oracle es soportado.Nótese que todas las bases de datosque proponen un controlador ODBCson accesibles.

ACCESO AS/400 (IBM I)El acceso a AS/400 es nativo (el modulose compra por separado).

EJECUTANDO SCRIPTSPHPUsted puede ejecutar un script .phpexterno desde una página PHP o unapágina WEBDEV estándar por mediodel comando PHPExecute. Puede usarel método POST o GET, el resultado seretorna en una cadena.

WAMP & LAMPLas siglas WAMP (Windows, Apache,MySQL, PHP) y LAMP (Linux, Apache,MySQL, PHP) se usan a menudo paralas tecnologías basadas en esos 4componentes, que están soportadospor WEBDEV 21.

EASYPHP:CONFIGURACIÓN EINSTALACIÓNAUTOMÁTICA DEWEBDEVAl instalar el servidor de aplicacionesWEBDEV 21, los servidores Web«Apache» (utilizados principalmentepor EasyPHP) se detectan y configuranautomáticamente.

ACCESO AALOJAMIENTO GRATISGenerar un sitio PHP le permite (entreotras cosas) acceder a servicios gratui-tos de alojamiento para sus sitios diná-micos Esta opción puede ser útil parasitios de fundaciones o pequeñasempresas que no desean usar un ser-vidor dedicado.

¡Con WEBDEV 21, PHP esfácil!

GENERE CÓDIGO PHP


WEBDEV ALSERVICIO DE SAPSAP R/3 es una herra-

mienta ERP muy utilizada. Unsitio construido con WEBDEV 21puede acceder a datos SAP ERPnativamente (a través de BAPI).El acceso a los datos de hacedirectamente a través de SAP, elhistorial de accesos se guarda

así como lasprioridadesde adminis-tración.

Una familia de funciones permiteestablecer una conexión (con auten-ticación) y llamar BAPIs pasandolesparámetros. Un asistente permite importar auto-máticamente las estructuras mane-jadas.No hay necesidad de instalar elmódulo SAP GUI.Todas las características de WEBDEV seencuentran disponibles.CONSULTAS BASADAS ENSAP

El generador dereportes (ver pág.43) se puede usarpara crear consultasbasadas en datos deuna base de datosSAP.

ACCESONATIVO ALOTUSNOTES

Los sitios WEBDEV pueden acceder enmodo nativo a Lotus Notes. El accesoa los correos electrónicos del servi-dor de correos de Lotus Notes(Domino), en modo de recepción yenvío, se hace en modo nativo están-dar. El acceso a contactos, citas,tareas y documentos encontradosen el servidor es simple. Esto per-mite crear sitios de intranet queestán totalmente integrados a la S.Ide la empresa.

La seguridad habitual de LotusNotes es respetada, por supuesto, através del certificado Lotus.

ACCESO NATIVO AOUTLOOKLos sitios WEBDEV pueden acceder aOutlook en modo nativo. El acceso alos mensajes de correo electrónico deOutlook, en envío y recepción, esestándar. El acceso a los contactos, citas y tareas,tanto en modo de lectura como deescritura, es muy fácil. Esto permite crear sitios de intranet que

están totalmente integrados a la S.I dela empresa.

ACCESO NATIVO AGOOGLE APPSAparte de la capacidad de conectarsea aplicaciones Google por medio de

aplicaciones web híbridas (mashup),WEBDEV 21 ofrece acceso nativo a losdatos de aplicaciones Google: GoogleCalendar, Google Maps, GoogleContacts, Picasa...Esto permite que los datos sean recu-perados y mostrados en formatos per-sonalizados en el sitio.

Veamos un ejemplo de código que listalos contactos de gmail y los muestra enuna tabla WEBDEV.

ACCESOS NATIVOS: GOOGLE APPS, SAP, LOTUS NOTES...

Ejemplo de acceso nativo al Calendariode Google, para luego usarlo directa-mente en una página WEBDEV 21

Connection is gglConnectionConnection.Email=”[email protected]”Connection.Password=”password”GglConnect(Connection)Contacts is array of gglContactContacts=GglContactList(Connection)TableDisplay(TABLE_Contacts)


SaaS (acrónimo de Software As AService) es un modelo de distribuciónde software.Los clientes no pagan para comprar elsoftware, sino para usarlo. Los datos son almacenados en el servi-dor del proveedor de la aplicación y nolocalmente en la empresa.

SAAS SENCILLOLa versión 21 de WEBDEV brinda lasherramientas necesarias para entregarfácilmente soluciones SaaS:Comercialice sus sitios SaaS gracias alas herramientas brindadas.El administrador SaaS permite especi-ficar las autorizaciones de uso. El administrador de cuenta de clientepermite definir las reglas de uso delsitio: autenticación, numero de cone-xiones autorizadas, tiempo de cone-xión, etc.Esta gestión se hace directamentedesde la interfaz del administrador opor medio de funciones WLanguage.En tiempo de ejecución, el sitio verificala autorización de conexión y los dere-chos del usuario por medio de un con-junto de funciones WLanguage.

ADMINISTRADOR SAASLa administración del software sepuede hacer con o sin intervenciónhumana. Esto permite crear cuentas deempresa, cuentas de usuario segúnuna configuración inicial, sin interven-ción humana.La interfaz se ofrece en modo Web.

API DE ADMINISTRACIÓNSAASLas funciones WLanguage disponiblespara manejar cuentas son (lista noexhaustiva):• creación y eliminación de cuenta • modificaciones de cuenta: añadir

usuarios, horarios, número de usua-rios

• inicialización de una base de datospor clonación con base de datos dereferencia

• definir la conexión a la base dedatos...

API DE AUTENTICACIÓNSAASEntre los elementos a admnistrar en unsitio SaaS, usted encontrará:• Conexión y desconexión• Identificador de Empresa

• Contraseña de la empresa• Identificador de Usuario • Contraseña de usuario• Validación de dirección IP• Numero máximo de conexiones• Tiempo máximo de conexión• Tiempo de conexion autorizado, etc.

GESTIÓN DE PRECIOPERSONALIZADOLa gestión de precios es realizada fácil-mente por medio de una configuraciónsimple.

¡El SaaS es simple conWEBDEV 21!

SaaS Sencillo

WEBDEV®

SAAS: LAS HERRAMIENTAS PARA GESTIONAREL ACCESO SAAS DE SUS SITIOS

Una vez que un sitio es construido, debe serinstalado en el servidor.WEBDEV 21 incluye una poderosa herra-mienta de despliegue e instalación.

INCLUIDO EN EL PRODUCTOComo todos los módulos anteriores, este módulo de creaciónde instalación viene con WEBDEV.Los sitios creados con WEBDEV pueden instalarse remota-mente (FTP, HTTP, ...) o por la entrega de un CD, DVD o USBal proveedor de hosting.

EL DESPLIEGUE REMOTO ESCOMPLETAMENTE ASISTIDOPara desplegar un sitio, todo lo que tiene que hacer es res-ponder a algunas preguntas simples.El despliegue puede ser realizado de una manera totalmentesegura usando los protocolos HTTPS y FTPS.

DESPLIEGUE REMOTO DEACTUALIZACIONES DE SITIOSUna vez el sitio se ha instalado, por lo general evoluciona.Cuando el sitio cambia, sólo los archivos modificados nece-sitan ser actualizados, lo que limita el volumen de transfe-rencia.WEBDEV compara los archivos en el sitio real con el sitio enel computador de desarrollo, y preselecciona los archivos quehan sido modificados. El asistente selecciona automáticamente la operación apro-piada para cada archivo: copia, actualización, eliminación,…Por supuesto, también puede definir manualmente los archi-vos a instalar, excluir una carpeta, sólo implementar unidioma específico...

ACTUALIZACIONES PROGRAMADAS: ENLA NOCHE...A veces es más conveniente realizar actualizaciones de sitiodurante tiempos de tráfico bajo, como en la noche. WEBDEV brinda la planificación de una actualización parauna fecha y hora específica. Los archivos a actualizar son transferidos al servidor instan-táneamente, pero su actualización actual sólo será realizadaen la fecha y momento especificada.

DESPLEGAR POR MEDIOS FÍSICOSEn ocasiones es útil proveer el sitio por medio de CD, DVDo llave USB.Este caso de uso también puede suceder si el servidor dealmacenamiento no puede ser accedido por el protocolo FTP(o FTPS) por razones de seguridad.WEBDEV 21 le permite crear un «paquete de instalación»completo del sitio para responder a este caso.Nótese que el paquete de instalación puede hacerse dispo-nible por medio de descarga.Cuando la compañía de hosting recibe el CD o la llave USB,puede desplegar el sitio en su servidor.Puede desplegar el «servidor de aplicaciones WEBDEV» conel propio sitio. Esto permite la distribución de versiones demo.

PÁGINAS CON FECHA DE EXPIRACIÓNAl crear una página, ahora tiene la posibilidad de especificaruna fecha de caducidad para esta página.Por ejemplo, si una página está relacionada con un eventoespecifico (una muestra, promoción...), ¡esta página no semostrará después de la fecha dada!Para prevenir olvidarlo, WEBDEV 21 notificará al desarrolla-dor al abrir el proyecto, y/o enviará un correo electrónico ala dirección dada, con un mensaje configurable. De estaforma se limitan los riesgos de vigilancia.

DESPLEGAR EL MISMO SITIO EN VARIOSSERVIDORESUn sitio que maneja una gran cantidad de tráfico puede nece-sitar ser desplegado en varios servidores paralelos.WEBDEV 21 le permite en una sola operación desplegar oactualizar un sitio a través de múltiples servidores de aloja-miento.


Gestión remotasimple

WEBDEV®

DESPLEGAR SUS SITIOS FÁCILMENTE



DESPLIEGUE MÚLTIPLE DE UN MISMOSITIO EN EL MISMO SERVIDORWEBDEV 21 le permite desplegar copias del mismo sitios enel mismo servidor fácilmente, para un solo proyecto.Esto permite por ejemplo que un consultor brinde copias delmismo sitio a diferentes clientes.Una copia de cada sitio (un sitio por cliente) será almacenadaen el mismo servidor.Para hacerlo, simplemente especifique el nombre de los sitiosal momento de desplegar, los parámetros de cada sitio(tiempo de espera, número de conexiones, etc.) son inde-pendientes.Usted también puede soportar todos los sitios brindados pormedio de un módulo SAAS brindado en WEBDEV (ver página49 SAAS)

ARCHIVADOEsta característica realiza una copia de seguridad de todoslos elementos del sitio antes de realizar una actualización delsitio.Esto le permite conservar diferentes versiones de un sitio.

PRUEBAS: PRUEBAS DE CARGA, DEREGRESIÓN...La calidad de su sitio requiere un conjunto apropiado de prue-bas. WEBDEV 21 viene con una herramienta para pruebasque le permite verificar que los parámetros del servidor per-mitan el número máximo de conexiones que desea. La herra-miento de prueba también le permite ejecutar un conjuntode escenarios, por ejemplo, para verificar regresiones.

DESPLIEGUE EN LA NUBE EN UN CLICDesplegar un sitio en la nube es simple.Para hacerlo, especifique el identificador en la cuenta de PCS-CLOUD y la contraseña en el asistente de despliegue, selec-cione la plataforma donde quiere desplegar el sitio, y listo!

Desplegar y administrar un sitio: ¡fácil conWEBDEV 21!

Administrador delServidor de AplicacionesWEBDEV

Administrador deServidor HFSQL

Gestionar cuentasWebDev

Centro de Control deHosting

Instalación pormedio físico

Implementación delsitio desde el compu-

tador de desarrollo

Administrador remotodel Servidor de

Aplicaciones de WEBDEV

Administrador de ServidorHFSQL Remoto

Robot de Monitoreo(Watchdog)

Pruebas de esfuerzo

HERRAMIENTAS DEADMINISTRACIÓNDISPONIBLES

WEBDEV 21 le per-mite almacenarsitios en un serviciode un proveedor, enla nube o interna-mente.

ENCONTRARUNA ISP PARAUN SITIOWEBDEV

DINÁMICO El sitio de PC SOFT

propone una lista deempresas de hosting(mundialmente) quesoportan los sitios diná-micos de WEBDEV.También puede contactarsu empresa de aloja-miento Web actual.

ALOJE SUSSITIOS(GRATIS) YPRUEBELOSCON 1 CLICPC SOFT ofrece alo-jamiento para sussitios de prueba.

El setup es realizado fácilmente en 1clic desde el entorno.

SERVIDOR DEDICADOEl sitio es almacenado en un computa-dor que usted «renta» donde su pro-veedor.Usted es responsable de administrar elsistema de este computador y es elúnico que lo usa, es reservado para sucompañía.Usted es el único que puede instalarsitios en este computador. Usted puedeadministrar sus sitios remotamentegracias a las herramientas brindadaspor WEBDEV.

SERVIDOR COMPARTIDOEl hosting compartido consiste enalmacenar su sitio en un computadorque es compartido con otras compa-ñías que será capaz de desplegar suspropios sitios en éste. Los recursos delcomputador son compartidos.En un servidor compartido, usted noadministra el sistema, usted sólo des-pliega sus sitios. El rendimiento tam-bién depende de las actividades deotros sitios, pero el costo de hosting esmás económico que en un servidor

dedicado.

NUBELa nube para aplicaciones PC SOFT(www.pcscloud.net) brinda platafor-mas operativas preconfiguradas y opti-mizadas para WINDEV, WEBDEV, oWINDEV Mobile.Estas plataformas operativas le dan laposibilidad de almacenar sus sitiosWEBDEV o sus Web services WEBDEV.Ellas también permiten que compartasus bases de datos HFSQL desde cual-quier lugar del mundo, desde puntosfijos o terminales móviles, con la posi-bilidad de replicar sus datos desde unservidor propietario.

PLATAFORMA EN LANUBEUna plataforma PCSCloud es un servi-dor virtual.Este servidor está completamente dedi-cado a usted, usted será el único quepodrá desplegar sitios en este servidor. Usted puede ajustar en cualquiermomento, y muy granularmente, lapotencia necesaria por su plataforma(CPU, RAM, disco, etc.) y de estamanera, reducir el costo al mínimo. Usted está liberado de la administra-ción del servidor, puede concentrarseen la competencia principal de sunegocio.

BENEFICIOS DE LA NUBE La nube le permite liberarse de restric-ciones de hardware, y le permite admi-nistrar la evolución de sus recursosfácilmente.Implementar un sitio en la nube conPCSCloud.net es muy fácil: ¡sólo tomaun clic en el entorno!PCSCloud también le permite almace-nar sus Web services, sus bases dedatos HFSQL...


ALMACENAMIENTO EN EL PROVEEDOR

ALMACENAMIENTO SIMPLE DE SU SITIO EN LA NUBE

SITIO INTRANET Usualmente el sitio es instalado yadministrado en un servidor internode su compañía. Todos los computa-dores conectados al servidor accede-rán al sitio.

SITIO INTRANET/EXTRANETUsualmente, los sitios Internet oExtranet son instalados por un «pro-veedor» de servicios, separado de lacompañía que creó el sitio.

ALOJAMIENTO WEBExisten 4 tipos de hosting: • Servidor Interno• Servidor dedicado• Servidor compartido• Plataforma en la nube

SITIOSExisten tres tipos principales de sitios:• Sitio estático• Sitio Intranet• Sitio Internet/Extranet


Implemente yadministre sussitios fácil-mente.

WEBDEV®

HOSTING EN INSTALACIONES

WEBDEV 21 le permite almace-nar internamente los sitiosconstruidos con WEBDEV, enlas instalaciones de su compa-ñía.

EL SERVIDOR DEAPLICACIONES WEBDEVEl servidor de aplicaciones WEBDEV esnecesario para ejecutar sitios dinámicos.Es instalado en la máquina de hosting.El Servidor de Aplicaciones WEBDEVfunciona en Windows y Linux. El instalador del Servidor de AplicacionesWEBDEV detecta el servidor Web insta-lado.Cada Servidor Web debe ser configu-rado. La configuración de los servidoresWeb Apache o IIS es realizada automá-ticamente al instalar el servidor de apli-caciones.

VERSIONES DE WINDOWSSOPORTADASCasi todas las versiones de WindowsServer son soportadas: Windows 2012,2008, 2010,... 32 y 64 bits. “Las versiones «Non Windows Server»(Windows 10, 8, 7, Vista ...) tambiénson soportadas.

DISTRIBUCIONES LINUXSOPORTADASLas distribuciones Linux evolucionancon frecuencia. Algunas evolucionesson pequeñas, otras no. La versión 21de WEBDEV soporta tantos las distribu-ciones de antigua tecnología, y las denueva tecnología.

En el momento que este documento fuecreado, las siguientes distribuciones hansido probadas: Debian 7, OpenSuse 12,Ubuntu 12, Mandriva...El soporte para versiones más altas seasegura si estas distribuciones son com-patibles No dude en preguntarle a PCSOFT acerca de los últimos cambios.

PARA PROVEEDORES DEHOSTING: INSTALACIÓNSILENCIOSAUsado por empresas de alojamientoWeb y desarrolladores que manejan supropio alojamiento, la configuracionautomatica del servidor tiene un modo«silencioso», Sin intervención manual. La instalacion es totalmente configura-ble, es posible configurar los servidoresen «batches» (crear instancias del servi-dor de aplicacion WEBDEV automática-mente).

CONFIGURACIÓNAUTOMÁTICA EN APACHE(WAMP LAMP)

Si está usando un servidor Web Apache,al instalar el servidor de aplicación WEB-DEV 21, se detectan y configuran auto-máticamente los servidores Web«Apache» (especialmente los que usaEasyPHP).El servidor Web Apache permite usarsitios virtuales, lo que permite separar elalojamiento Web.

Se puede definir una cuenta WEBDEVpara cada sitio virtual.

MOVERAUTOMÁTICAMENTE UNSITIO DE UN SERVIDOR AOTROLa característica de movimiento auto-mática del sitio ofrecida por WEBDEV 21agradará a los administradores del ser-vidor. Es realmente fácil mover un sitio en pro-ducción de una máquina a otra.El movimiento se encarga de todos loselementos necesarios para los sitios, asícomo su configuración de producción:todo es automatico.

HOSTING PHPEl hosting PHP puede realizarse pormedio de un proveedor «comercial» dehosting (Free, Comcast ...)Esto puede realizarse internamente.La máquina servidor debe tener unmotor PHP y un servidor PHP.Los sitios son desplegados desde elentorno WEBDEV.

HOSTING DESITIOSSOLAMENTEESTÁTICOSUn sitio estático no requiere que seejecute el Servidor de AplicacionesWEBDEV, sólo es necesario un servi-dor Web y FTP.Un sitio estático puede ser fácilmentealojado en un proveedor de aloja-miento «comercial» (Free, ...)

RECORD ACTUALDE CONEXIONES31,200CONEXIONESSIMULTÁNEASPARA UN SITIODINÁMICOWEBDEV.Base de datos HFSQL

ADMINISTRACIÓN FÁCIL DE SUS SITIOS

LA ADMINISTRACIÓN:LOCAL O REMOTAEl servidor de aplicaciones WEBDEV essuministrado con un administrador quepuede ser accedido remotamente, per-mitiéndole configurar el servidor y moni-torear su actividad.

Pueden especificarse varios parámetros:número máximo de conexiones autori-zadas por el servidor, máximo númerode conexiones para un sitio dado,máximo número de instancias por usua-rio Web, y demás

Note que el administrador se puede ins-talar como un «servicio», sin ningunainterfaz en el servidor.

Puede también configurar los derechosde cada usuario.

SEGURIDAD DE ACCESOAL SITIOEl administrador permite activar opcio-nes de seguridad como:• navegación por dirección IP única

(para evitar el robo de sesión)• protección del identificador de con-

texto AWP (HTTPOnly cookie).

El administrador remoto

ROBOT DE VIGILANCIAUn robot de vigilancia muy sofisticadoviene con WEBDEV 21. Puede ser usadopara monitorear la disponibilidad desitios WEBDEV, servidores HTTP, servi-dores NMTP, servidores SNMP, servidoresde archivos, servidores de correo, servi-dores de aplicaciones WEBDEV, servido-res HFSQL...Basado en su elección, el servidor envía

una alerta por correo electrónico, unmensaje enviado a la aplicación (men-sajería interna de la aplicación, etc...), auna pantalla de control (alerta visual osonora), inicia un procedimientoWLanguage o un proceso de otro len-guaje (por ejemplo un código que enviéun SMS configurado).Por supuesto, usted tiene la posibilidadde elegir una combinación de estas aler-tas.Puede configurar la frecuencia y repeti-ción de las pruebas a realizar.

Es muy importante tenerestadísticas exactas sobrelas visitas a sus sitios.

CONOCER LAINFORMACIÓN DETRÁFICO DE UN SITIOEn el mundo real es fácil saber quetanta actividad genera su negocio:Correos recibidos, número de llama-das, gente en la tienda, ...Pero en Internet, ¿cómo saber cuantaspersonas entraron al sitio?, ¿qué pági-nas visitaron?, ¿qué aplicaciones usa-ron?, ¿desde donde acceden?Es por todo esto que necesita las esta-dísticas.

SE INCLUYE UNAHERRAMIENTAPERSONALIZABLEWEBDEV es suministrado junto con

una herramienta estadística para laspáginas dinámicas. Esta herramienta seencuentra lista para usar.Las estadísticas pueden ser accedidaspor medio de Internet.

LAS ESTADÍSTICASEntre la información suministrada:• numero de páginas

visitadas• numero de visitantes• numero de visitantes

por página• sitio de ingreso de

usuarios Web• País de origen• navegador usado• ¡e incluso la lista de

páginas con proble-mas técnicos!

¡Estadísticas útiles!

ESTADÍSTICAS DE TRÁFICO PARA SUS SITIOS


WEBDEV 21 yWINDEV 21 soncompatibles:• proyecto• análisis• tablas• componentes• reportes• código• clases• ventanas, pági-nas• ...

Los sitios WEBDEV 21 pue-den operar fácilmente conaplicaciones existentesindependientemente de laherramienta usada para cre-arlos.¡Aunque la compatibilidad eintegración entre WEBDEV yWINDEV los hace el paqueteideal para desarrollar rápi-damente aplicaciones deatención al cliente y apoyoadministrativo!

FRONT Y BACK OFFICEEl «Front Office» es la parte que estáen contacto con el cliente: general-mente es el sitio Internet Interactivo. En términos de negocios, el «FrontOffice» maneja las solicitudes de infor-mación y la toma de pedidos.El «Back Office» se encarga de los pro-cesos internos de la empresa:procesamiento de pedidos,manejo de inventario, esta-dísticas, pedidos de produc-ción, ...

En resumen, el Back Office procesa lospedidos.

PARA INICIAR UNAAPLICACIÓN GLOBAL,WINDEV 21 & WEBDEV21 ES LA PLATAFORMAIDEALPara crear sitios Internet e Intranet queadministren datos (Front Office), PCSOFT brinda el entorno integradoWEBDEV 21 .Es el único entorno integrado (desde elmodelamiento del instalador, incluyendoel soporte y mantenimiento de la Base deDatos) que le permite desarrollar sitiosrobustos que administren datos entiempo real fácilmente.

Para todo lo que respecta con la ges-tión interna (Back Office), PC SOFTofrece el entorno preferido de desa-rrolladores profesionales en Francia, el

N°1 que gestiona el ciclo de vida de laaplicación para Windows: WINDEV.Y si quiere usar sus aplicaciones en dis-positivos móviles, solo recompilelasusando WINDEV Mobile 21.

WINDEV le permite crear, en tiemporécord, las aplicaciones más completasy de alto rendimiento para entornoslocales o de red. Usted usará la pode-rosa base de datos integrada o cual-quier base de datos del mercado.WINDEV, WINDEV Mobile y WEBDEVson compatibles; su entorno de desa-rrollo es muy similar. Comparten pro-yectos, objetos, código, clases, repor-tes, análisis...

¿USTED TIENE YA UNEXISTENTE?WEBDEV es totalmente abierto, lo quepermite comunicarse con cualquierbase de datos existente, por medio de

ODCB, OLE DB o en accesonativo.

Alcance fácilmentesus objetivos conWEBDEV 21.

FRONT OFFICE BACK OFFICE

CERCA DE 1000 EJEMPLOS EN LÍNEAPara probar sitios desarrollados en WEB-DEV, la manera más sencilla es conectarcon www.windev.com. En la secciónWEBDEV, la página propone una lista demiles de sitios desarrollados por usuariosWEBDEV

CUALQUIER CAMPO,CUALQUIER LENGUAJEEstos sitios representan todos los tipos decampos, en todo tipo de lenguajes, todosconstruidos por diferentes compañíasque usan WEBDEV.

SITIOS INTRANETPor razones evidentes de confidenciali-dad, los sitios Intranet y Extranet no pue-den figurar en esta lista. Compañías multinacionales han desa-rrollado sitios Intranet y Extranet estra-tégicos que son distribuidos en sus agencias y filiales, condatos almacenados en una base de datos central.

PRUEBE MÁS DE 1000 SITIOS DESARROLLADOSEN WEBDEV


La mejormanera de

beneficiarsedel Internet

WEBDEV®

USTED ES UN ADMINISTRADORUsted necesita una solución que permita que sus

equipos DESARROLLEN RÁPIDAMENTEpoderosas aplicaciones Internet e Intranet que su

empresa necesita: WEBDEV 21 es imprescindi-ble.

WEBDEV 21 le garantiza mantenerse den-tro del presupuesto y tiempo previsto,

teniendo gran rendimiento.

USTED ES UNDESARROLLADOR

Usted sabe desarrollar. ConWEBDEV 21 sabrá crear ins-

tantáneamente sitios está-ticos y dinámicos.

WEBDEV 21 permite unamanera natural, metódica de

desarrollo, de modo que asegurael ÉXITO DE TODOS SUS PRO-YECTOS.

USTED ES UNESPECIALISTA DEINTERNETWEBDEV 21 le da solución a todos sus

problemas: úselo junto con sitios exis-tentes, importados y sitios dinámicos

conectados a la base de datos en tiemporeal.

Usted será capaz de REUTILIZAR sus desa-rrollos Web existentes sin límite.

COMPATIBILIDAD CONWINDEVWINDEV es un IDE muy exitoso. WEBDEV 21

es COMPATIBLE con WINDEV y WINDEVMobile.

Ambos productos son implementados de la

misma manera.Es muy fácil convertir una aplicación WINDEV en unsitio WEBDEV Intranet o Internet, y viceversa.

GESTIONANDO EL CICLO DE VIDADE SUS SITIOS

WEBDEV 21 es una PLATAFORMA DE DESA-RROLLO COMPLETA que integra todos los módu-los requeridos para el desarrollo.Esto asegura el éxito de sus proyectos. WEBDEV 21 es conocido por ser FÁCIL DEAPRENDER.

¡ORDENE WEBDEV 21 HOY!Cada día que pase, usted y su equipo perderán

tiempo precioso.WEBDEV 21 le permite mejorar su productividad aldesarrollar SITIOS WEB DE RENDIMIENTOINTERACTIVO, que son un requerimiento de lamayoría de las compañías hoy en díaNo permita que sus competidores le ganen; utilice

también el entorno de desarrollo más potente, pro-fesional y más fácil para crear sitios Internet eIntranet efectivos.

WEBDEV 21 es una herramienta muypotente, completa y muy fácil de usar.El retorno de inversión es muy rapido:usted ahorrará dinero rápidamente conWEBDEV 21.

HÁGALO AHORA: ORDENE SUCOPIA DE WEBDEV 21 HOY

Desarrolle 10 veces más rápidoTambién para usted...


WEBDEV® 21

NO DEJE PASAR LA REVOLUCIÓNDE INTERNET

PHPSaaSNubeLinux

Wamp, LampHTML5Móviles

...

Aquí algunos ejemplos de sitiosy aplicaciones que podrán sercreados fácilmente con WEBDEV(lista no exhaustiva).Algunos son sitios de Intranet,otros de Extranet y otros sitios deInternet.

• Sitio de comercio electrónico conpago seguro

• Pago de deudas por medio deInternet

• Gestión de órdenes para susclientes establecidos

• Toma de ordenes en general• Consulta de clientes del estado

del progreso de su órden (órdenrecibida, ingresada, procesada,enviada, ...)

• Inventario en tiempo real• Creación de imágenes dinámicas

basado en parámetros ingresa-dos:- probarse ropa virtualmente - presentación de un auto con

color y opciones escogidas- personalizar una camiseta de

acuerdo a una imagen subidapor el cliente

• Definición en línea de las opcio-nes de un software, cálculos delprecio de un paquete, y descargainstántanea después de pago

• Reservación de una silla de avióno cabina de barco en un mapaactualizado.

• Cuadro de mando en tiemporeal, con ingresos de la empresa,margenes estimados, inventariode existencias...

• Horario compartido de equiposdistribuidos geográficamente

• Programación de citas para ven-dedores viajantes

• Horarios de trabajo de equipo demantenimiento

• Para una empresa de pedidos porcorreo electrónico, coloca toda ladocumentación técnica de losproductos ofrecidos en linea

• Motor de búsqueda de lenguajenatural para una base de datosde texto (FAQ, ...)

• Escaneo y guardado de todos losdocumentos de cuentas recibidos(facturas, lista de empaques, etc)para visualización, incluso deaños anteriores (archivo)

• Reservación de eventos: semina-rios, cenas, espectaculos, etc.

• Administración de directorioscompartidos: directorio deempresa, estudiantes en escuela,miembros de club etc.

• Anuncios: inmobilia-ria, carros, subastas...

• Manejo de inventario

de equipos• Sitio de citas• Gestión Wiki• portal B2B• Foro de discusión• Stream de RSS• Rastreo de paquetes• Administración de lista de

correos• Manejo de puntos «bonus» de

una tarjeta de fidelidad: númeroactual de puntos, madurez,visualizacion automática derecompensas disponibles, ges-tión de cobro de recompensas,etc.

• Dirección Ejecutiva y Gestión• Monitoreo remoto de linea de

producción• Portal Intranet de la empresa

¡Y todos los demás sitiosque pueda imaginar!

WEBDEV 21:DESARROLLECUALQUIERTIPO DE SITIO.

Descubra cerca de 1000 sitios WEBDEV de ejemplo en www.windev.com

Desarrolle cualquier tipo de sitio

www.windev.com

WEBDEV®

PLATAFORMA INTEGRADA DEDESARROLLO

INTERNET, INTRANET, SAAS

multiplataforma code: windows, .net, linux, java, php,...

Documents