PLATAFORMA INTEGRADA DE DESARROLLO - pcsoft … · 43 Generador de Reportes & PDF 44 Versionamiento ... sitios de manera que aprenda de ... Foros, Blog, Redes sociales... y varios

PLATAFORMA INTEGRADA DE DESARROLLOInternet, Intranet, Nube • Web 2.0, Ajax, HTML 5, PHP • Todas las Bases de DatosMultiplataforma : Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows Phone, iOS...desarrollo en lenguaje 5G

www.windev.com

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 20 es la mejor

solución para crear estossitios.

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

más rápidas. Usted se mantiene en el pre-supuesto.

Crea, cientos de miles de desarrolladores mundial-mente, como ellos elegieron la plataforma más rápidapara desarrollar y desplegar sus sitios y aplicacionesInternet e Intranet: WEBDEV 20.

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 WYSIWYG

13 la tecnología «7-pestañas»

14 Plantillas & Zonificación

16 HTML5 & CSS3

18 Sitios estáticos y dinámicos

19 Intranet, Internet

20 SSL, Pago seguro

21 Referenciamiento naiural,Seguridad de contraseñas

22 Controles adaptados a la Web

28 El control RTA

30 Editor HTML

31 Exportar a Word, Excel, 64 lenguajes

32 El lenguaje 5GL

33 El editor de código

34 Depurador, pruebas unitarias

35 Componentes, POO

36 Ajax en 1 clic

37 webServices

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

GRACIAS A WEBDEV 20CREA RÁPIDAMENTE SITIOS

INTERNET, INTRANET, YSASS QUE ADMINIS-

TRAN DATOS

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

1 ¿Para quién es WEBDEV 20? 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 especialmente adaptado parasitios dinámicos, sitios i.e que se comportan como aplicaciones «regu-lares», y gestionar datos en tiempo real.

3 ¿Qué necesito saber?

Necesita haber programado alguna vez en su vida (¡o en el cole-gio!). En la mayoría de los casos, una semana es suficiente paraaprender usted mismo usando el tutorial que viene con el pro-ducto.

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 20.

5 ¿Cómo creo un proceso AJAX conWEBDEV 20?

Todo lo que debe hacer es dar clic al botón «Ajax» en el pro-ceso... Nada es más sencillo.

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

Hay muchos, por nombrar unos pocos: integración total, facili-dad de uso, velocidad de desarrollo, 3 a 10 veces más rápido, oacceso a base de datos.

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

Si, se basa en HTML, HTML5, XML, CSS, JavaScript o PHP. Perousted no necesita conocer estas tecnologías, WEBDEV genera elcódigo necesario automáticamente.

8 Tengo una aplicación existente.¿Podré usarlo 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 el código HTML,JavaScript, CSS y PHP automáticamente.

10Qué sucede si quiero ingresar el códigoHTML directamente, o usar códigoJavaScript existente?

WEBDEV es abierto Usted puede ingresar código HTML, PHP, oJavaScript directamente en el editor (o copiar código JavaScripto HTML existente), usted inclusive puede usar scripts JSP o ASP.

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? Si, ¡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, ...

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

16 ¿Puedo desarrollar sitios grandes ycomplejos con WEBDEV?

Si, 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?

Todos los tipos de entidades profesionales: Empresas de consul-toria, areas de sistemas de informacion, laboratorios de ingenie-ros, oficinas gubernamentales y gobierno, consultores individua-les, etc….

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

20 ¿Entonces WEBDEV es «la herramienta»para crear sitios dinámicos? Sin duda alguna.

Responderemoslas preguntas quemás nos hacenacerca de WEB-DEV

Usted estaráseguro de quealgunas de suspreguntas seránrespondidas aquí.

¿Tiene más pre-guntas? Llámenos,las responderemosfelices.

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

PREGUNTASRESPUESTAS


WEBDEV 20apoya en todoel ciclo vitalde sus sitios

WEBDEV 20 SOPORTA TODOS LOSPASOS PARA CREAR UN SITIO

W E B D E V,un producto

completo ytotalmente inte-

grado: entrenamientorápido, mejor soporte

técnico (y gratuito).

Los sitios dinámicos son ahorala norma para un sitio Internet o

Intranet. Estos sitios se pueden creary mantener fácilmente con WEBDEV 20.

• Modelado • Concepción• Documentación de

análisis y programa• Unión con sitios está-

ticos existentes• Bases de Datos• Programar (5GL, Ajax,

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

• Posibilidad de reutili-zar código existente

• Reportes (PDF, codi-gos de barras, …...)

• Pago seguro• Creación y uso de

componentes• Documentación• Pruebas durante el

desarro-llo

• Unión a software deapoyo administrativo(Back Office)

• Alojamiento Web• Gestión de Saas, Nube• Trabajo con diseñado-

res Web• Instalación en aloja-

miento Web de la com-pañía

• Pruebas de regresión• Pruebas de rendi-

miento• Integración contínua• Mantenimiento y evo-

luciones• Estadísticas de tráfico• Desarrollo asistido

TODOS LOS PASOS DE DESARROLLO SON SOPORTADOSPOR WEBDEV 20

SE PROVEEN SITIOS REUSABLES YPERSONALIZABLESWEBDEV 20 viene con un gran número de sitios ya desarro-llados. Ambos, el código fuente, y las páginas, son brinda-das: usted puede usar estos sitios directamente, modificar-los, personalizarlos, revenderlos...

UN BENEFICIO EDUCACIONALUsted 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:

• E-Commerce Estante, cesta, gestión de pagos.

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

• Directorio compartidoCon Intranet, el directorio puede ser compartido entre lacompañía. En Internet, el directorio puede ser compartido entre variasramas, o por miembros de una asociación...

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

• Estado realBúsqueda de una propiedad de acuerdo a varios criterios.

• CMSContent Management System

• Gestión de una base de datos de docu-mentosPara archivar y encontrar documentos de acuerdo a las pala-bras clave.

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

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

• Notícias, 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.

Un extracto del diccionario interactivo de WEBDEV

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

Reutilice losejemplos en sus

sitios

WEBDEV®

UN GRAN NÚMERO DE SITIOS LISTOS PARAUSAR 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 p

uede

cam

biar

.


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

DECENAS DE MILES DE SITIOS

Miles de sitiospara descubrirwww.windev.com


InternetExplorer en

Windows

Firefox enWindows

Firefox en Linux

Tableta en

iPad

Chrome on 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 cómo es mos-trado el mismo sitiosbajo diferentes navega-dores y sistemas.

EL MISMO SITIO

WEBDEV MOS-

TRADO EN TODOS

LOS NAVEGADORES

iPhone

SUS SITIOS SON COMPATIBLES CON TODOS LOSNAVEGADORES

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

WYSIWYG: creevisualmente

WEBDEV®

CREACIÓN DE PÁGINAS: UN CONCEPTOREVOLUCIONARIOCree su sitio «sólo con el ratón», WEBDEV20 genera el código HTML, JavaScript, yServidor necesario para el sitio automática-mente. Y si es necesario, WEBDEV 20 generael sitio incluso en PHP.

CLICK EN VEZ DE CÓDIGOWEBDEV 20 es un entorno integrado completo Todo eldesarrollo se hace en un solo entorno y lenguaje:WLanguage, un lenguaje 5GL muy PODEROSO y SEN-CILLO para aprender.WEBDEV 20 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 moviendo los controles conel ratón (Véase pág. 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 20 genera todo el código que necesita.Pero WEBDEV 20 es ABIERTO, usted puede ingresar (opegar) directamente código de bajo nivel si es necesario:HTML, CSS, JavaScript, ASP y JSP scripts, Java applets, PHP...

Con WEBDEV 20, 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 controlescon el ratón!

El código HTML quenecesite ingresar El código JavaScript que nece-

site ingresar

WLanguage de WEBDEV: ¡reducey simplifica el código!

La creación de páginas y con-troles así como la configuraciónse realiza en modo WYSIWYG,con el ratón. No necesita saber HTML paracrear páginas sofisticadas.


El método masintuitivo

WEBDEV 20 brinda losentornos integrados de tra-bajo más poderosos y ami-gables al usuario disponi-bles en las tiendas!Su equipo creara fácilmentesitios sorprendentes. No esnecesario haber desarro-llado para Internet antes.El editor de páginas de WEBDEV le per-mite crear fácilmente páginas increí-bles.

PC SOFT tiene más de 20 años de experiencia creando herramientas para construir mejores IU. Aprovechamos esta expe-

riencia para construir WEBDEV.

Las siguientes páginas muestranmuchas de las características presenta-das en este capítulo.

¡REVOLUCIONARIASPÁGINAS YCONTROLESWYSIWYG!Los diferentes controles (edit, static,image, ...) son creados y posicionadosvisualmente, interactivamente en eleditor. Lo que usted ve en el editorcorresponde a los que el usuario veráen su navegador.Las páginas (junto con los controles,configuraciones detalladas en las 7pestañ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 le permite crear ymodificar controles visualmente,independientemente del código fuente

Usted también puede suscribirse a lasposibles modificaciones de un objeto

compartido entre varios desarrolladores(herencia)

Con WEBDEV 20, usted puede usarcódigo personalizado para modificarlas propiedades de un control: plata-forma, color, visualización, …... 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.Un simple «GO» le permite probar susitio instantáneamente

POSICIONAMIENTOPRECISO CON O SIN CSSWEBDEV usa en forma transparente unpotente algoritmo de posicionamiento(por medio del ratón) para ubicar losobjetos con una precisión de pixeles. Con WEBDEV puede utilizar tambiénhojas de estilo CSS. Las hojas de estiloson creadas fácilmente desde elentorno (también ver CSS3 página 17)

Posicionar tablas optimiza el pesode las páginas

TODOS LOS CONTROLESPARA INTERNETEl editor de WEBDEV permite crear ymanejar fácilmente todos los objetosque necesita para crear rápidamenteinterfaces excepcionales (Vea las pági-nas 22 a 29). Los principales objetos administradospor el editor de IU son:

• Texto, HTML estático• Amplio conjunto de controles de edi-ción

WEBDEV®

EN ENTORNO VISUAL PODEROSO

Dentro del entorno integrado

Un método revolucionario!La creación depáginas es muyfácil: arrastre los contro-les a crear desde lacinta, posicionelosdirectamenteusando el ratón!Las característicaspersonalizadas delcontrol son definidas visual-mente por mediode las «7-pesta-ñas» (ver página13)


• 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• control de tabla y looper• control HTML• control para applets de Java y obje-tos Flash• control de búsqueda• Supercontrol y control tipo plantilla, • IFrame y página interna• Ruta y mapa del sitio • gráficos, calendario• Pestanas, etc….Las máscaras de entrada HTML5 sonsoportadas.

POSICIONAMIENTO PORMEDIO DE ANCLAJES Los anclajes definen como se comportael contenido de una página cuando elusuario Web cambia su tamaño.Administrar los anclajes es muy fácil enWEBDEV 20.

CONTROL LOOPER WEBDEV le permite crear loopers mul-ticolumna, llenados automáticamentepor medio de un enlace o por progra-mación ( ver página 23).

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 en sucódigo si es necesario.

GRÁFICOSINTERACTIVOS DENEGOCIOSUn diseñador de gráficos es proporcio-nado con WEBDEV; este le permitecrear graficas torta, de barras y finan-cieras en 2D o 3D... en 2D o 3D. Losgráficos son interactivos o estáticos,con o sin puntos de mira.

BOTONES INTELIGENTESMúltiples clics sobre los botones de vali-dación son ignorados por defecto. Unusuario que da clic 3 veces en el botón«Validar» no recibirá 3 órdenes...

MAPA DEL SITIOEl mapa del sitio se crea analizando laspáginas existentes de acuerdo a losenlaces fijos y codificados. Un control «Sitemap» es creado paraser incluido en el sitio generado auto-

máticamente.

PLANTILLAS PARA TODOSLOS USOSWEBDEV 20 viene con un gran númerode plantillas base, permitiéndole crearsitios para todos los objetivos fácil-mente (como por ejemplo, en uniPhone).

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 «editcontrol» de WEBDEV con todas sus características integradas,que es soltado en una página con Drag & Drop corresponde amás de 50 líneas de código JavaScript! Usted puede imaginarel total de número de líneas de código que dice.

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


WEBDEV®

ENTORNO DE DISEÑO WEB INTEGRADO EINTUITIVOLa facilidad de uso delentorno de trabajo WYSIWYGde WEBDEV le conduce a unamayor productividad. Su equipo desarrollara fácil-mente los sitios que necesitepara satisfacer sus clientes yusuarios. Es fácil iniciar con WEBDEV20, normalmente, unasemana es todo lo que nece-sita un desarrollador.Todo esta integrado usando el mismomodo de operación, todo es visual yesta incluido. ¡su equipo desarrollara

mucho más rápido!El soporte técnico 5 también es incluido,lo que brinda una comodidad agregaday ahorros notables así como un tiempode desarrollo reducido.Nótese que los proyectos pueden seralmacenados en la nube, lo que hacemás sencillo el trabajo en equipo.WEBDEV 20 es compatible con WINDEV20.

rueda cromática en el entorno

Un pequeñocuadro amarilloindica que elcontrol es partede una plantilla

Un menú sensible alcontexto (clic dere-cho) esta disponiblepara acceder rápi-damente a todas lascaracterísticas

Menú sensible alcontexto (clicderecho) disponi-ble para configu-rar la barra de

Los páneles proponencomponentes, contro-les, código, ... paraahorrar tiempo

Panel: brindauna vista globaldel proyecto;un doble clic (oD r a g / D r o p )realizado sobreun elemento, leabre inmedia-tamente

Barra de tareas móvilen forma de lista,visible u oculta, yconfigurable

La barra deestado muestrael nombre de lap a g i n a ,tamano...

La interfaz del editor esverdaderamente intui-tiva y muy eficiente.

Nota: Puede des-pejar el entorno alesconder lospaneles con lacombinación Ctrl+ W.

Vista opcional

EL ENTORNO INTEGRADO ES MUY INTUITIVO.

L metodología 7-pestañas usada para definir con-troles poderosos es muy intuitiva: no hay necesi-dad de conocer la programación Internet, todo esen texto plano.Las características de cada control se definen por medio de uncuadro de dialogo interactivo, que es simple pero muy potente:la ventana «7-pestañas».Cada pestaña le permite definir las características de un control.Estas características pueden ser modificadas por programación sies necesario.

El contenido de cada pestaña difiere de acuerdo al tipo de objeto;veamos los detalles de las 7-pestañas para un control «Edit».

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

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

“Pestaña «Advanced»: Ingrese o pegue código HTML

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

“Pestaña «Estilo»: defina las configuraciones de los boto-nes: tamaño de fuente, conversión a mayúsculas...

“pestaña «Código»: Ingrese directamente código enJavaScript, PHP o WLanguage en los eventos del control

(al activarse, dar clic,etc.)

La tecnología «7-pestañas» permite lacreación eficiente de páginas.


Las 7 pestañassimplifican la cre-ación de páginas:todo lo que debehacer es dar clic

WEBDEV®

TECNOLOGÍA 7-PESTAÑAS : POTENTES CON-TROLES EN TAN SÓLO UNOS POCOS CLICS

“Pestaña«General»: nom-bre, leyenda,tipo de control,estilo de vista...Aquí se propo-nen las másca-ras

1

4

5

6

7

2

3

Iniciar un nuevo sitio WEB-DEV es juego de niños: elijauna plantilla, una paleta decolores, una plantilla prede-finida de página y su primerpágina son creados enterreno sólido!

PLANTILLAS DE PAGINA:ESTRUCTURE SU SITIOLas plantillas de página son elementospara 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• … (concepto de «zonificación»).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 de lapágina si es necesario.

PLANTILLAS DE PÁGINAPREDEFINIDASWEBDEV 20 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 las apariencias.

ESTILO, DEFINA COMOSE VEN SUS PÁGINASUna apariencia define un conjunto deestilos, una paleta de colores, ilustra-ciones, fuentes.…Cambiar skins le permite cambiar laapariencia del sitios o páginas sin cam-biar la estructura o disposición de laspáginasWEBDEV 20. le ofrece varios estilos.Usted puede cambiar la apariencia deun sitio o una página dada almomento.

LA PALETA DE COLORES,PARA ARMONIZARCOLORESUna paleta de colores es un conjuntode colores armónicos (por ejemplocolores complementarios) usados enestilos de páginas.Una paleta de colores define el color detexto de un título por ejemplo, asícomo el color de fondo, o el color deun botón, etc.Se brinda gran número de paletas decolores listas para usar.


PLANTILLAS Y ESTILOS:DISEÑO WEB SENCILLO!

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, ...)

ZONA DE EDICIÓNWEBDEV 20 le permite definir áreas deedición en una página, podemos lla-marlas «zonificación».Las áreas le permiten definir la arqui-tectura de la página: cabecera, pié depágina, lados ...Todo lo que tiene que hacer es dividirla 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 paracada área y controles que son parte dela zona.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 zonas 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 20!Los motores de búsqueda recnocen lasemántica de las áreas y por lo tantomejora el referenciamiento de lapágina.


ZONIFICACIÓN:DISPOSICIÓN SENCILLA!

TRABAJAR CON UNAZONASi el área es movida, sus controles semoverán automáticamente con elárea.Este modo de edición simplifica lasoperaciónes para crear y modificarpáginas.Una herramienta de «lápiz» le per-mite dividir la pantalla visualmente.Estas zonas son materializadas y pue-

den ser manejadas fácilmente en eleditor. Por ejemplo, incrementar el tamañodel área de cabecera automática-mente mueve las áreas del fondo quese encuentran bajo ésta. el área bodyy el área footer.Al imprimir, la posición relativa de loscontroles encontrados en cada zonaes respetada así como su anclaje.La edición es WYSIWYG.

WEBDEV®

HTML5 Y W3CEn WEBDEV 20, usted no tiene queescribir el código HTML, WEBDEV logenera automáticamente por usted!El código HTML generado por WEBDEV20 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:PODEROSOHTML 5 representa unaevolución importante enel estándar de Internet.Páginas de Internet com-plejas son el estándarahora e introducen nue-vas características.El estándar HTML5 le permite sacarventaja de todas las mejoras de losnavegadores y brinda característicasavanzadas.

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

MÁSCARAS DE ENTRADAHTML5El estándar HTML 5 brinda máscaraspara los controles edit.Con este tipo de mascara, 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 de WEBDEV 20, ustedtiene la posibilidad de definir una más-cara nativa o una máscara HTML5.

LOCALIZACIÓN GPSDIRECTAMENTE ENMODO NAVEGADORWEBDEV brinda un conjunto de fun-ciones de navegador que le permiteninteractuar con las características GPSdel dispositivo, si el dispositivo lasbrinda: localizacion, movimiento, ...

Aqui un mapa mostrado por mediode un control “image”: la ruta seestablecio usando funciones de

dibujo en modo “navegador” (sintener que volver al servidor)

DIBUJO EN MODONAVEGADORWEBDEV 20 ofrece funciones dedibujo basadas en HTML 5. estándar Las funciones de dibujo conocidas dellenguaje W esta disponibles en códigonavegador.Esto es muy útil para añadir notas a unmapa o en el campo de la realidadaumentada.

VIDEO SINREPRODUCTOR Un sitio construido con WEBDEV 20 yusado con un navegador que soporteel estándar HTML5 no requiere ningúnplug-in especial (Windows MediaPlayer, QuickTime o incluso Flash...)para reproducir videos.Esto permite interactuar con el vídeopor medio del WLanguage y persona-lizar la visualización.

AUTOCOMPLETARAUTOMÁTICOLos navegadores HTML 5 recientesbrindan formularios de autocompletaren las 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. En la versión 20, usted puede desha-bilitar esta característica control porcontrol por medio de la nueva opción«Disable autocomplete». Esta seguri-dad también es importante para com-putadores compartidos.

HTML5 AVANZADO

USANDO SITIOS SINCONEXIÓN WEBDEV 20 le permite especificar si unsitio o un conjunto de páginas puedenoperar en modo off-line (sin conexióna 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 al Internet.

ALMACENAMIENTOLOCAL WEBDEV 20 permite que un sitio alma-cena información en el computador delusuario.La información se guarda en entornoespecifico del navegador.

ACCESO EN MODOLOCAL A UNA BASE DEDATOS (SQLITE) WEBDEV 20 permite que un sitio creey acceda a la base de datos creada porel 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 20 son almacena-dos como CSS3. hojas de estilo están-dar. El estilo CSS3 puede ser modificado sies necesario directamente en el archivo.css. Esta apertura se ofrece con el fin depermitir a los especialistas CSS aplicarsus habilidades en este campo. Un estilo CSS3 creado por WEBDEV 20y modificado fuera de WEBDEV aun esreconocido por el editor.El estilo modificado puede ser aplicadode la misma manera que un estiloWEBDEV en los controles de la página.

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

EDITOR DE ESTILOS CSS El entorno WEBDEV le permite editarestilos CSS gráficamente por medio deun editor para descripción de estilosCSS.

El editor de estilos CSS3

INCLUIR UNAANIMACIÓN EXTERNAEN UN CONTROLEl entorno WEBDEV le ofrece automá-ticamente añadir efectos de animacióna los controles: parpadeo, desapari-ció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 o JQueryexterno para aplicar modificaciones alcontrol al que es atribuido.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 20,el desarrollador o diseñador no nece-sita conocer CSS3: WEBDEV 20genera el estilo que es creado visual-mente por medio de la tecnología «7-pestañas».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 CSS3CSS3 también es usado por WEBDEV20 para posicionar elementos (al pixelo en streams) en las páginas mientrasse respeta la división «posiciona-miento»/»contenido HTML».

ANIMACIONES YEFECTOS ENCONTROLESEl entorno WEBDEV 20brinda 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.

RECUERDE: SITIOESTÁTICO

Un SITIO ESTÁTICO presentapáginas fijas, con enlaces predefi-

nidos a otras páginas.Aproximadamente es un conjunto de

páginas en Internet que pueden serconsultadas.En general, el sitio ofrece informaciónacerca de la empresa, el grupo o lasociedad: 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 vez que una partede los datos debe ser modificado, sedebe hacer manualmente, y la página

correspondiente debe ser recargada.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 ejemplo de un catálogo quecontiene 30.000 elementos: un sitioestático podría usar 30.000 páginas

HTML estáticasdiferentes!Un sitio dinámicosólo necesitaráuna página simple,concebida pararecibir los datos(las referencias deproductos, su foto,...). El servidororganizará todoslos elementosnecesarios, en lamarcha.

SIEMPRE ACTUALIZADOLos datos del sitio dinámico SE

ENCUENTRAN SIEMPRE ACTUALI-ZADOS ya que los datos provienen dela base de datos de la compañía direc-tamente.Muestra el inventario real, la fechaexacta de llegada de su orden, puedeadministrar los horarios, …...

SITIOS QUE ENREALIDAD SONAPLICACIONESEl otro aspecto interesante de los sitiosdinámicos creados con WEBDEV 20 esque se comportan como APLICA-CIONES NORMALES. Puede aplicartodos los conocimientos técnicos de lainformática tradicional.

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, elcrear sitios de Internet altamente sofis-ticados que son rápidos y modificablesen WEBDEV 20.

AÑADIR UNA SECCIÓN DINÁMICAA UN SITIO ESTÁTICO ESTÁTICO

¿QUÉ ES UN SITIO DINÁMICO?

Hoy la mayoría de las com-pañías que tiene un sitioestático quieren sacar ven-taja de las característicasdinámicas.

CON WEBDEV 20,REUTILICE SU CÓDIGOEXISTENTEPara reutilizar sus programas EXIS-TENTES, usted puede elegir:• 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, ylas páginas dinámicas son AÑADIDAS, o reemplazan algu-nas páginas estáticas.También es muy fácil unir un sitio diná-mico con uno estático.

IMPORTANDO PÁGINASESTÁTICASWEBDEV 20 brinda una característicaesencial para importar páginas estáti-cas y plantillas (véase Pág. 46). Las páginas existentes son IMPORTA-DAS en el entorno y son convertidasa WEBDEV 20. páginas.

“REQUERIMIENTO EN«TIEMPO REAL»¿Un precio es actualizado en el catá-logo de la compañía? El sitio se actua-liza inmediatamente.¿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 DATOSACTUALIZADOS.

”EL «DINAMISMO» ESREQUERIDO¡Sus sitios de hoy deben comportarsecomo aplicaciones! Sus sitios debenser sitios dinámicos


WEBDEV 20 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 es concedido pormedio de contraseña y autenticación,lo que es automáticamente soportadopor WebDev (ver página 21).

SEGURIDAD COMPLETAAUTOMÁTICALas páginas de un sitio Intranet cons-truido con 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 asaeguradaautomáticamente a través de la nociónde sesión.Las direcciones de la página no puedenser reutilizadas en copiado&pegado. El modo dinámico (cada página se creadinámicamente en el servidor justo

antes de sermostrada) ysus resultadosrequieren pro-tección, por loque puedenser encripta-dos.

NO HAYLIMITELa riqueza delas característi-cas en WEB-DEV le per-mite desarro-llar sitios quese comportanr e a l m e n t ecomo aplicacio-nes, usted notiene limites: 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 poresto que miles de empresas grandeshan creado su Intranet con WEBDEV.

WEBDEV 20 ES IDEALPARA CREAR UN SITIODE INTERNETUn sitio de internet es un sitio accesi-ble simultáneamente por un grannúmero de usuarios mundialmente.Un sitio de Internet puede ser almace-nado entre una compañía, un provee-dor de servicios o en la nube.Para el usuario, un sitio de Internetdebe garantizar alta velocidad, alta dis-ponibilidad y seguridad de los datosingresados.Para el propietario del sitio, un sitio deInternet debe brindar visibilidadmáxima (motor de referenciamiento debúsqueda natural).WEBDEV 20 brinda todos estos bene-ficios.

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

Gracias a la tec-nología AWP,WEBDEV 20 lepermite crearpáginas Webdinámicas eindependien-tes, las páginasAWP.Cada páginaAWP del sitio seejecuta autono-mamente y sincontexto deejecución en elservidor.Esto permite unconsumo bajo de recursos (CPU, RAM),y por lo tanto un gra número de acce-sos concurrentes para la misma canti-dad 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®

INTRANET/EXTRANET: WEBDEV ES EL REY!

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

sitio seguro de manejo de gastos de viaje de una empresa

SEGURIDAD SSLSEGURIDADComo 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 fisgón. La confidencialidad y la autenticaciónde la fuente de datos no se encuentraasegurada por defecto.

CONEXIÓN SSL SEGURAActualmente la manera mas 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 parte de el con

SSL, debe comprar un certificado SSLde una entidad conocida (por ejemploNorton, VeriSign, Thawte, GeoTrust,etc, …).Una vez tenga el certificado SSL, sim-plemente instalelo en el servidor quealoja el sitio. Por favor note que existen varios nive-les de certificación, desde la autentica-ción de cifrado simple hasta la auten-ticación «SSL Extended Validation»que permite la visualización de unabarra verde de la dirección en algunosnavegadores.

HTTP, HTTPSLa URL usada para la conexión seguradel sitio iniciará con «https://» enlugar de «http://». El usuario Web también puede verificarla presencia de un candado en la barrade estado del navega-dor, prueba de unatransacción segura, asícomo de la identidaddel sitio visitado.

La bara puede ser incluso coloreada enverde para mostrar seguridad!

SEGURIDAD: ES FÁCIL ENWEBDEV 20El modo seguro es soportado por lossitios creados con WEBDEV 20. Gracias a la función SSLActive(),usted puede combinar una sección deinformación no segura (catálogo deproductos) con una sección segura(cuenta de cliente, pago). El mismositio puede cambiar entre el modo noseguro y el modo SSL seguro.

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

PAGO SEGURO Actualmente el pago en linea con tar-jeta de crédito es muy común.Para recibir un pago con tarjeta de cré-dito se pueden usar dos metodos:Obtenga la información de pago delcliente directamente (número de tar-jeta de crédito, fecha de vencimiento,código) y realice la transacción con elbanco. Este método puede ser lento ycrea riesgos por almacenar informaciónsensible.El metodo mas comun es ir a un sitioespecializado en pagos de una institu-cion financiera (banco, ...)Típicamente, el usuario llena el carritode compras y después de validar laorden, es redirigido a un sitio de pagoque se encarga de la transacción ban-caria. En esta implementación, no hay for-mulario de pago que administrar ninumero de tarjeta de crédito que guar-dar. Solo se debe manejar la aproba-ción del pago.

INSTITUCIONESFINANCIERASUsted puede elegir un banco como unoperador que le brindará un servicio depago en línea directamente (Atos,Cybermut, Cyberplus, PPlus, ...), el cual

usará como interfaz. Puede usar también un operador demúltiples bancos como PayBox orPayPal. Este método es usado para ele-gir y cambiar la ceunta de banco queserá usada fácilmente.

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 las arañas de los motores debúsqueda.El resto de las reglas también se veri-fica.Sus sitios tendrán mas exposición conlos motores de búsqueda.

REFERENCIAR CADAPÁGINA DINÁMICA(REESCRITURA DE URL)Gracias a la tecnología «AWP», WEB-DEV 20 permite que cada página diná-mica pueda ser referenciada. Un modo de reescritura de URL esusado para definir varias direccionespara la misma página de acuerdo a sucontenido. Esta página y su contenidodinámico será referenciado por los

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 seamejor referenciada.

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

REFERENCIAMIENTO NATURAL DEL SITIO

SEGURIDAD EN SUS SITIOS:ACCESO PROTEGIDO POR CONTRASEÑACONTROLE EL ACCESO ALAS PÁGINAS DEL SITIOAcceder sitios o algunas páginas demanera segura puede ser un requeri-miento: ¡Esto lo trae WEBDEV 20!Las características «user groupware» lepermiten definir contraseñas para per-sonas o grupos de personas.

El control de acceso es definido fácil-mente en el editor. No se necesita pro-gramar para asegurar el acceso seguroa sus aplicaciones, simplemente active

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 protegidos son inte-ractivos e incluso deshabilitados oescondidos basados en su 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 creado o modificado por progra-mación.

LDAPSi quiere usar una base de datos

de inicio LDAP existente, el controlde acceso la usará.

SAASWEBDEV 20 ofrece características

avanzadas para administrar aplica-ciones SaaS (véase pág. 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 las 920 característicasnuevas de la versión 20.Versión impresa disponiblemediante simple solicitud;versión PDF disponible enwww.windev.co.

WEBDEV 20 propone todos los tipos de con-troles requeridos para crear páginas Internete Intranet. Veamos más de cerca algunas deellas.Tenga en cuenta que estos controles trabajancon Ajax.

ÁREA DE TEXTO ENRIQUECIDO

El control «Rich Text Area» (RTA) le permite editar su conte-nido. Este poderoso control es presentado en detalle en laspáginas 28-29.

CONTROL RICH HTML EDITEste tipo de control le permite crear y diseñar textos con atri-butos complejos.Una barra de herramientas aparece como un control de cabe-cera, y le permite definir el formato detallado.

Los datos son almacenados en HTML estándar.

CONTROL EDIT (CON MÁSCARA DEENTRADA)Los controles de edición de WEBDEV 20 le permiten, comolos demás controles, definir un gran número de parámetros,visual e intuitivamente a través de la tecnología «7-pestañas»o por codificación. Es muy fácil definir mascaras de entradapotentes, sin tener que escribir una sola linea de código. Elformato se muestra tan pronto como se escribe en el con-trol.

Cuando el puntero ingresa en el control, la máscara semuestra: aqui escribir “/” es opcional

Algunas de las mascaras de entrada son: duracion, primeraletra en mayuscula, nombre y ruta de archivo, direccion deemail etc.

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

3 ejemplos de bordes diferentes, subrayando el controlen el que se esta ingresando

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

TABLAS SERVIDOR, NAVEGADOR YAJAXLas tablas son generadas por WEBDEV 20. Una tabla «normal» es una tabla servidor, que realiza con-sultas en el servidor para llenarse.El modo Ajax es soportado con tablas servidor, lo que eliminala necesidad de remostrar la página entera cada vez que unelemento de la tabla es modificado. La página 35 presentalas características propuestas para las tablas Ajax.Una tabla también puede encontrarse en modo«Navegador», que no ejecuta ningún código en el servidor.

El control «Browser Table» es un control de tabla totalmenteautónomo en el navegador.No hay tráfico de ida y vuelta con el servidor de aplicaciones.¡Su contenido puede ser inicializado directamente en el edi-tor de WEBDEV, ingresando los datos a mostrar!¡Este tipo de control se puede usar tanto en sitios estáticoscomo en sitios dinámicos!El control «Browser Table» brinda características automáticascomo:• filtro,


Todos los con-troles Web,

y muchomás...

WEBDEV®

CONTROLES POTENTES PARA SUS PÁGINAS

Cuando el cursor ingresa el control, se muestra la más-cara: Observe la barra usada para el texto enriquecido

• búsqueda, • columna móvil,• cambio de tamaño de columnas,• cabecera de columna, título de columna,• columna contenedor, • rupturas...EL control «Browser Table» puede ser usado y llenado porprogramación también, usando código navegador.

LAS REGIONES DE REPETICIÓN SON UNCONCEPTO POTENTEUna zona de repetición (control looper) es un conjunto decontroles que se repiten horizontal o verticalmente un ciertonumero de veces.El looper se puede llenar por programación, por un linkdirecto a una de las tablas de datos o desde una consulta.

El control looper se define en el editor

Por ejemplo, el numero de repeticiones puede ser el numerode registros en una consulta, ...Cada atributo del control se puede modificar por cada fila.Por ejemplo:- color de línea- color de fuente (por ejemplo cantidad en rojo si es nega-tivo)- foto de un elemento...

Control Looper en ejecución

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 sólo lineal.

CONTROL DE BÚSQUEDAEste se usa para busquedas rapidas en las paginas (y sucodigo) generadas automaticamente por un looper o unatabla.

paginadores automáticos

MENU DESPLEGABLE Y POPUPWEBDEV le permite crear menús desplegables (horizontal yverticalmente) en modo WYSIWYG así como menús «pes-taña» y «popup».Usted puede agregar elecciones de menú, submenus... auto-máticamente.

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

Ejemplo de una página con pestañas.

CONTROL HIDESHOW El control ocultar/mostrar permite expandir y esconder unárea visual.

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


Es muy fácilcrear controlessofisticados

WEBDEV®

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

CONTROL THUMBNAIL (ESTÁTICO ODINÁMICO)Un sitio Web a menudo maneja imágenes o fotos que se usantambién como miniaturas, como por ejemplo para seleccio-nar.WEBDEV 20 administra automáticamente la generación diná-mica de esas imágenes miniaturas. Estas son creadas basa-das en la imagen inicial.WEBDEV 20 brinda otro modo de operación para estas minia-turas: el modo estático. En este modo la miniatura es creadapor un artista gráfico, con un contenido que puede variar dela imagen principal con el fin de mostrase mas representati-vamente

CONTROL DE CALENDARIO Y FECHACON CALENDARIO DESPLEGABLEEl control calendario es usado para crear un control incuidoen una página o abrir un calendario «desplegable» paraingresar la fecha (incluso cuando se usa en sitios Web). Un gran numero de opciones personalizadas y de presenta-ción están disponibles: día actual, fechas pasadas, mostrar unrango de fechas, días especiales,...El control calendario se maneja en modo Ajax para prevenirla actualización de toda la página cuando se muestre el calen-dario o se escoja una fecha.

El control calendario es muy usado

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 al texto. Este texto puede ser definido por la aplicación o generado

automáticamente por el control.La distorsión cambia en cada visualización.

CONTROL INTERACTIVO DE GRÁFICOSEl control de gráficos de WEBDEV brinda un gran número detipos de gráficos en modos 2D y 3D, estático o interactivo:líneas, barras, semicírculos, pastel, ...Una barra de herramientas permiten que el usuario modifi-que algunos parámetros dinámicamente: tipo de grafico,visualizacion de leyenda, etc. Un punto de mira le ayuda aleer los datos precisamente. Los efectos de animación seencuentran disponibles.

IMÁGENES E IMÁGENES CLIQUEABLESEl control de imagen permite mostrar imágenes en formatosWeb estandar: Jpeg, Giff, Tiff, PNG, SVG...Las imágenes se pueden cliquear para iniciar un proceso. Elmodo «auto scroll» le permite mostrar imágenes encontra-das en un directorio automáticamente.

IMÁGEN CON ACERCAMIENTOAUTOMÁTICO Cuando el efecto de zoom se encuentra activado en una imá-gen, pasar el ratón sobre la imágen abrirá una área al ladode la imágen donde la sección de la imágen original apun-


El método mássencillo e intui-

tivo

WEBDEV®

CONTROLES PODEROSOS PARA LAS PÁGI-NAS

continuación de la página 23•••tada por el cursos es aumentada automáticamente, lo quemuestra los detalles de la sección.El tamaño del 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 que programar nada para beneficiarse de este efecto,simplemente de clic en la elección «Automatic zoom» en ladescripción del control en las «7-pestañas».

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

EFECTO DE MOVIMIENTO DE IMÁGENAUTOMÁTICOEste efecto hace que su página se vea más viva!El efecto «automatic movement» simula el movimiento deuna cámara sobre una imágen: sin necesidad de tener queprogramar nada, la imágen mostrada cobra vida y se mueveligera, lenta y suavemente en esta sección.son combinados 3 efectos: deslizar en direcciones aleatorias,zoom ligero, desvanecerse en secuenciaEste efecto es ideal para resaltar fotos de productos auto-máticamente: estado real, bienes lujosos, ...

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

CLIC AREA (MAP AREA)Las áreas cliqueables se usan para realizar procesos de hyper-texto: Dependiendo donde de clic el usuario Web en una ima-gen, 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 conseguir 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 medi-cas.

”CONTROL «GOOGLE MAP»Usted puede incluir un control Google Maps en un sitio. Elcontrol Map de WEBDEV 20 es interactivo: el usuario Webpuede acercar, mover, usar diferentes vistas (mapa, satélite),cambiar a modo «street view», etc.

”CONTROL «VIDEO»El control «Video» le permite reproducir videos de diferen-tes formatos: Flash (Flv), QuickTime (Mov), Microsoft (Wmv),...Las características para lectura, pausa, adelantar, ... sonsoportadas.La visualización de video también es gestionada por HTML 5si el navegador lo soporta (ver página 16)

”CONTROL «FLASH»El control Flash le permite incluir animaciones Flash en unapágina WEBDEV: pancartas animadas....



WEBDEV®




tivo

WEBDEV®

CONTROL RATINGEste control permite al usuario ingresar una calificación, o aun sitio mostrar un valoración.Por defecto, el símbolo visual usado es una estrella, peropuede ser cambiado (sonrisa, mano, corazón, etc...). La cali-ficación puede ser en números decimales.

CONTROLES SCHEDULER & ORGANIZEREl control de horario 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.Este se une automáticamente con los datos (data binding)Este control guarda semanas de programación.El control Scheduler es adaptada para dispositivos táctiles(tabletas, smartphones). Los modos de operación para crear,mover, y eliminar citas son compatibles con el entorno «multitoque», y puede ser realizado con un dedo.Un control «Organizer» también se encuentra disponible.

SITEMAPPATH (RUTA DE NAVEGACIÓN)Un «SiteMapPath» es un menú construido mientras el usua-rio navega dentro de un sitio.Se vuelve fácilmente a la página anterior. La generación deesta linea es automática.Un mapa del sitio también se genera automáticamente.

Navegación fácil

LA FUNCIÓN CARGAREl control de carga permite subir un archivo del navegadoral servidor. selector de archivos, multi-selección, barra de pro-greso, ... son soportados tan pronto se implementa.

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 (Deshabilitación de ventanas/Páginaspor sombreado) se administra automáticamente en las pági-nas. La página inactiva es sombreada tan pronto como el cua-dro de dialogo aparece.

CONTROL DE REDES SOCIALES. El control «Social Network» es una barra de herramientashecha de íconos que enlazan a las principales redes socialesde la Web: Facebook, Twitter, Google+, LinkedIn.

TABLA HTMLLa tabla HTML permite crear fácilmente tablas de presenta-ción en sus páginas.

ÁREA FIJA EN LA VENTANA Este anclaje fijo permite que uno o más controles se man-tengan visibles cuando el usuario se desplaza. Se dice que elárea está «clavada».

CONTROLES PODEROSOS PARA LAS PÁGI-NAS

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

¿Sabía que?

Usted puede crear«tips rollover»sobre todos loscontroles fácil-mente.

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

ción

Los elementos anclados de esta manera se mueven con labarra de desplazamiento y por lo tanto, se mantienen visi-bles mientras el resto de la página se mueve.

”CONTROLES «TABLERO DE CONTROL»WEBDEV 20 permite crear tableros de control facilmente. Uncontrol dashboard está hecho de widgets.El usuario final puede personalizar y adaptar el tablero decontrol.

EFECTOS CSS3 EN CONTROLESWEBDEV 20 le permite definir efectos CSS3 en los controlesde 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, ...

Transformaciones

Las esquinas redondeadas también están disponibles.Usted incluso puede crear sus propias transiciones y trans-formaciones.

CONTROL TIPO BOTÓN IMAGEN 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 WEBDEV20

Las imágenes de varios estados pueden almacenarse en unahoja de imágenes, gestionado automáticamente, con unavisualización ligera. El botón puede ser animado.

CONTROL TIPO BOTÓN CSS3 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 (pseudoclases).El botón CSS3 es adaptado automáticamente de acuerdo alnavegador.

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

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


Los controlesWeb

WEBDEV®




tivo

WEBDEV®

”CONTROL «RICH TEXT AREA» (RTA)WEBDEV 20 brinda un tipo de control extremadamentepoderoso: es el control «RIch Text Area» (abreviado RTA).El control Área de Texto Enriquecido es fundamental paracrear páginas web estáticas y dinámicas: Ingresar texto enri-quecido se 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.No necesita crear múltiples controles para posicionar uno

junto al otro.Tal como en los otros controles, el código HTML es generadoautomáticamente por WEBDEV. Este código HTML es estándar, oprimizado y modificable,inclusive por programación.

ATE: FORMATEANDO EL TEXTO EN SIEl control ATE 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 el significado HTML.Por ejemplo, un atributo «negrita» será traducido automá-ticamente a «Strong» en el código HTML, lo que lo hacemucho más fácil de referenciar en motores de búsqueda(Google...)Las etiquetas necesarias se insertan antes y después del textoasí como en el formato HTML.

Por ejemplo:Hellosera guardado como <strong> Hello </strong>.>>>>La <strong> etiqueta es reconocida e interpretada por elnavegador, indica que es una palabra «importante». El navegador generalmente muestra en negrita el texto entrelas etiquetas, dependiendo de las preferencias del navega-dor establecidas 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.

ATE: FORMATO LÓGICO DE PÁRRAFOSEl control RTA es usado para dar formato a los párrafos: título,subtitulo, pie de página, dirección de correo electrónico,notas, encabezado ...El formato es lógico: por ejemplo, un título será almacenadoautomáticamente en su formato HTML como un <h1> tipotexto.<h1> es una etiqueta HTML que define el título de unapágina. El navegador reconoce estas etiquetas y las interpreta: nor-malmente el texto se mostrará grande y en negrita!Los motores de búsqueda también usan este tipo de etique-tas para la referenciación de páginas: para un motor de bús-queda, un título tiene mas peso que un texto simple.

ATE: FORMATO FÍSICO DE PÁRRAFOSAdemás del formato lógico, el formato físico también estádisponible: alineacion de parrafos, sangria, color, ...

ATE: BULLETS Los párrafos pueden ser identados, automáticamente con osin bullets (<li>).Las viñetas pueden ser enumeradas.

ATE: ESTILOS CSSPuede aplicar el estilo del proyecto a la selección de texto enuna ATE.

ATE: INSERTAR CONTROLESEn cualquier parte de un texto RTA, usted puede insertar uncontrol WEBDEV (de cualquier tipo): un gráfico, un controlde tabla, ...El control se posiciona dentro, relativo al textoEl control es «anclado» al texto.Esta es una nueva forma («inline») de hacer layouts en unapágina con WEBDEV!

EL CONTROL RTA: ÁREA DE TEXTO ENRIQUECIDOcontinuación de la página 27•••

Visualización deun control «Rich

Text Area» deWEBDEV 20


Un ATE bajo creación en el editor de páginas

ATE: INSERTAR ENLACESUn RTA puede contener uno o más controles de tipo «link».Hay varias maneras de insertar un control tipo enlace en unaATE:• Transforme 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 encontrado en el RTA puede ser editado usandola tecnología «7-pestañas». Las funcionalidades brindadas por las «7-pestañas» en estecontexto, son simplificadas para adaptarlas al concepto deRTA.

ATE: INSERTAR IMÁGENESHay varias formas de insertar una imagen en una ATE.La imagen puede ser pegada o insertada.La imagen en si misma puede ser copiada dentro del pro-yecto, o su enlace puede ser usado, sin que la imagen seacopiada dentro del proyecto, usted elige. Las imágenes nunca son alteradas por WEBDEV. Las imáge-nes conservan su nombre y tamaño original.El estilo del proyecto puede ser aplicado a la imagen.La imágen es posicionada en el texto, sobre la línea. Los parámetros de enmascarado estás disponibles: izquierda,derecha, párrafo, dentro del texto,...

ATE: ACCESO A 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 ATE, en modo de edi-ción, pero también por medio de programación, cuando elsitio se este ejecutando.Lo qué ha sido modificado en el código HTML también serávisto en el editor.Las modificaciones realizadas se conservan para generacio-nes futuras.Ejemplo de código generado y modificable para la ventanade abajo:

<header><h1 class=”CollectionTitle”>La nueva colección está aquí!</h1>>>>><div class=”dzA2” id=”dzA2”>

<img src=”thumbnail_collection.jpg” alt=”” id=”A2” class=”padding”></div><p class=”CollectionComment”>

<img src=”bubble.png” alt=”” style=” width:16px; height:16px;” id=”AComments (<span class=”Comments”>24</span>)>>>>>>>>

</p><h2>La nueva colección se encontrará disponible en nuestras tiendas y en Inter

</h2>>>>></header><section><p>

<img src=”fl%C3%A8che.png” alt=”” style=” width:16px; height:16px;” id=”A3<a href=”trendy.htm” target=”_self” id=”A9” class=”padding CollectionLink”Descubra la <strong>nueva moda </strong>del año!>>>>>>>></a>

</p><p>

Buenas noticias, como un subscriptor de nuestros boletines, usted se beneexclusive discount of 10%</strong> on the entire <em>new collection</em>,

</p><ul>

<li>10 % descuento para los subscriptores del boletín</li>>>>><li>Acceso inmediato y exclusivo a la nueva colección&lt/li>>>>>

</ul></section>

WEBDEV®

Capas simples


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



WEBDEV®EXPORTE A XML, WORD,EXCEL Y OPEN OFFICEAUTOMÁTICAMENTEEn tablas y loopers, se brinda al usua-rio Web un menú para exportar a XML,Word, Excel y 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 XLS necesaria para el navegadortambién es generada.¡Los usuarios pueden crear simulacio-nes en Excel para uso en Intranet!

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 de

programación esta disponibles en ellenguaje 5G de WEBDEV.Los comandos HExportXML,TableToXML, XMLFirst le permitenpersonalizar todos los procesos.

MENÚ PARA EXPORTAR A WORD, EXCEL, XML, OPEN OFFICE

Un sitio Web tiene usuariosde todo el mundo: ¡cualquierusuario web puede verlo encualquier lugar del mundo!Por lo tanto, desarrollarsitios multilenguaje esrequerido en Internet enalgunas ocasiones.Hay muchos países que utili-zan varios idiomas oficiales:Bélgica, Suiza, Luxemburgo,Canada, Estados Unidos,etc...WEBDEV incluye una solu-ción poderosa e innovadorapara soportar los lenguajesextranjeros.

64 IDIOMAS POR SITIOMas de 64 idiomas están soportadosen los sitios que desarrolle. Lo únicoque necesita hacer es escoger 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 PARAEL FUTUROImagine cuán simpleserá desarrollar sitiosmultilenguaje (o hacermultilenguaje un sitioya que las traduccio-nes pueden ser añadi-das después).

EXTRACCIÓNAUTOMÁTICADE TEXTOS La herramientaWDMSG, disponiblede manera separada,le permite extraertodos los textos de unproyecto y reingresar-los después de una tra-ducción. ¡Útil si quiereque su sitio lo traduzcauna agencia de tra-ducción!

64 IDIOMAS EN SUS SITIOS


El lenguaje integrado deWEBDEV -WLanguage- lepermite describir todos los

procesos necesarios. Suequipo no tendrá que

sudar con código HTML oJavascript. WLanguage

hace mas fácil la pro-gramación de sitios

Internet e Intranet.

LA PROGRAMACIÓN WEBNUNCA HA SIDO TAN

FÁCILEl lenguaje 5Gde WEBDEV(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

PROGRAMAR CONWLANGUAGE?Existen dos tipos de códigos en la Web:• El código que se ejecuta del lado del

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

• el código que es ejecutado en elnavegador del usuario (ingresado enla banda verde –ver al lado).

RADNótese que el código (y pági-nas) pueden ser generadosautomáticamente por el RADWEBDEV y los asistentes, desde

una descripción de datos (una «aná-lisis»).

GENERACIÓNAUTOMÁTICA DE HTML YJAVASCRIPTLos navegadores solo entienden códigoHTML y JavaScript.Código HTML y JavaScript optimizadose genera automáticamente del códigoen WLanguage para el navegadordeseado. El código es confiable, conciso y fácilde 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! (verpagina 32).

CONOCIMIENTO DEJAVASCRIPT O HTML:INÚTILUsted no neesita 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 per-mite 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ÁATASCADOEl lenguaje WEBDEV 5GL es muy potente.Usted nunca estará bloqueado. Además, usted puede ingresar códigoHTML, DHTML, JavaScript o PHP, incluirapplets Java, Flash y animaciones CSS3,código ASP o JSP...

APPLET JAVA WEBDEV 20 le permite usar uno o másapplets de Java (escritos en WEBDEVpor ejemplo) en un sitio: ¡Esto hacemas fácil el desarrollo!

WLANGUAGE: POTENTE,INTUITIVOLos comandos fáciles de recordar deWLanguage hacen que la codificaciónsea más intuitiva, y el mantenimientomás fácil. Los comandos WLanguage (HReadFirst,HReadNext, SSLActive, HFound, ydemás) son bastante fáciles de enten-der y de mantener.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 desarrollara mucho mas rápido.

EJEMPLO: ENVIANDO UNCORREO ELECTRÓNICOEl envío de correos electrónicos es sim-ple.El comando es simplemente llamadoeMailSendMessage.Puede añadir archivos adjuntos. Elcorreo electrónico se envía en segundo

plano.

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

POTENTEADMINISTRACIÓN DECADENAS¡WLanguage ofrece potentes caracte-rísticas para manejar cadenas! La programación es mucho mas rapida:• sitio dinámico administrado automá-

ticamente • concatenación por medio del opera-dor «+»• Conversión automática de entero a

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

PERFILADOR: OPTIMICELA VELOCIDAD DE SUCÓDIGOWEBEV 20 viene con un perfilador, quemide la velocidad de ejecución de cadainstrucción en su código.

JQUERY

WEBDEV 20 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, incluyendositios estáticos.

JSON WLanguage ahroainterpreta JSON demanera nativa (serialize y deserialize).

POO (OBJETO)La Programación Orientada a Objetos(POO) es soportada por WEBDEV: heren-cia múltiple, constructor, destructor,público, privado, polimorfismo... El usode POO es opcional y puede ser com-binado con programación tradicional.

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

PROGRAMACIÓN DE QUINTA GENERA-CIÓN: POTENCIA Y FACILIDAD

Para ver la listaexhaustiva detodos los coman-dos 5GL, verifiquela ayuda de WEB-DEV 20 desde elsitio de PC 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 mas 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«edit», los eventos por defecto son: ini-cialización del control, ingreso de datos,perdida de foco, acción para cada modi-

ficación. Solo ingrese el código corres-pondiente en la sección que necesite.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 el banner corres-pondiente. 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 azulindica que elcódigo ingresadoes códigoJavaScript. Es visual e intui-tivo!

SOPORTATODOS LOSEVENTOSLos eventosmenos comunesestán disponiblesen los iconos mos-trados en la parteinferior de la pan-talla.

Todos los eventosestán disponibles:

clic, doble clic, teclaen el fondo, teclapresionada, teclasoltada, boton de

raton bajo, boton de raton alto, cursorfuera, cursor encima, perdida de foco,foco actual, modificacion, seleccion delcontenido del control, acceso a laayuda, carga, envio, ...

COLORES SINTÁCTICOSPara hacer la programación mas fácil ylegible, cada palabra se colorea deacuerdo a su tipo.

COLAPSADO/EXPANDIDOEl editor de código incluye una carac-terística de código de expandir/colap-sar: ¡Puede ocultar el código probadopara mejor legibilidad!

UMLWEBDEV 20 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.

SOURCECODE

MANAGERWEBDEV 20 viene con una herra-mienta de versionamiento, elAdministrador de Código Fuente(SCM, véasepág. 44).

AJAXCon respecto aAJAX, simple-mente de clicen el botón «AJAX» en la línea parausar su tecnología (ver página 36).

COMPLETADOAUTOMÁTICOCuando se escribe un comando, el tipode parámetroesperado seofrece en unalista desplega-ble hacia abajo. Una sugerencia tam-bién brinda información de cada pará-metro 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 inválida.

El editor de código es partegeneral de la amigabilidadal usuario de WEBDEV 20.

• Inicialización del Control• Entrar en el control (onfocus)

• Modificación (onchange)• Pérdida de foco de un

control (onblur)

EL EDITOR LE AYUDA

WEBDEV®

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

importantes. Ademásde las pruebas de

regresión, WEBDEV 20brinda la posibilidad de

crear pruebas unitarias,de integración y de estrés.

PRUEBAS UNITARIAS DEPROCEDIMIENTOS YCLASESLa creación de conjuntos de prue-bas esta integrada totalmente en elentorno. Para probar directamenteun procedimiento o una clase, sim-plemente use el menú desplegableque brinda crear (y reejecutar) unaunidad de prueba nueva.

TASA DE VALIDACIÓN DELA APLICACIÓNEl centro de pruebas muestra lalista de las pruebas existentes, la

versión delsitio sobreel que seejecutaronlas pruebasy el resul-tado de lasmismas. Esta infor-macióntambién esmostradaen modo

resúmen en el Tablero de controldel 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 que la calidad delsitio sea rastreada en todo su ciclode vida.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 (vigilancia)• visualización de expresiones que con-

tienen funciones• muestra el valor de la variable bajo la

información de la herramienta• resultado decimal o hexadecimal• pila de llamadas en tiempo real• localización del código en ejecución• 32 o 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 SUCÓDIGO FACILMENTE

CALIDAD DE SUS SITIOS: PRUEBAS UNI-TARIAS


No siga rein-ventando larueda, reuti-lice!

WEBDEV®

El concepto de componentefacilita enormemente eldesarrollo: Se usa como unacaja negra, fácil y segura-mente.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; El desarro-llador que lo usa solo conoce los pun-tos de entrada y la naturaleza de lainformación que va a ser retornada. La habilidad para crear componenteselaborados tan fácilmente como enaplicaciones tradicionales simplificarasu desarrollo.

Componentes en el entorno

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

COMPONENTES MULTIOBJETIVOLos componentes son compatiblesentre WINDEV, WINDEV Mobile yWEBDEV. Esto le permite inclusomejorar la reusabiliad de código.

GRAN NUMERO DECOMPONENTES LISTOSPARA USARPROPORCIONADOSWEBDEV 20 incluye varios componen-tes (así como su código fuente) quepueden ser usados en sus sitios:

• solicitud de documentación • cesta (para comercio electrónico)• pago seguro...

Desplegar un sitio dinámico(enlazado a datos, e inclu-yendo procesos) requiereuna fase de programación.WEBDEV 20 es abierto atodos los métodos de desa-rrollo.

PROGRAMACIÓN PORPROCEDIMIENTOS OPOOLa programación con WEBDEV 20 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 la programaciónorientada a objetos si así lo quiere.Las clases y la sintaxis de WLanguage

permiten la moderna y eficiente pro-gramación orientada a objetos. Las clases de métodos base puedenser redefinidas visualmente desde elexplorador de proyecto; los métodosvirtuales se generan automática-mente.La gestión de instancias de memoriaes completamente automatizada enla mayoría de los casos, al asignar oal 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 CÓDIGO

POO

La tecnología Web 2.0 per-mite que las aplicacionesWeb usen UIs que son cerca-nas, en comportamiento, alas UIs de aplicacionesWindows tradicionales. Un elemento importante dela Web 2.0 es «AJAX», quepermite al navegador rec-cargar sólo una parte de unapágina que ha sido modifi-cada.

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 tasa el servidor, toma el ancho debanda, crea un efecto de «recargado» enel navegador del usuario, y la visualiza-ción puede ser lenta cuando el navega-dor deba reinterpretar y representar lapágina entera...

CON AJAX...Con la tecnología AJAX, esencial parala WEB 2.0, ahora es posible enviar sólolos datos modificados a la máquina delusuario, sin necesidad de refrescar lapágina entera.Existen muchos beneficios: el servidores menos gravado, el monto de infor-mación circulando es menor, la cisuali-zación es instantánea para el usuario,sin ningún efecto de redibujado.

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 elección «AJAX» aparece en la barrade herramientas del editor de código.Para habilitar AJAX en los procesos, loúnico que debe hacer es dar clic... elbotón «AJAX».El caption cambia por «AJAX enabled».

SEGURIDADDebido a su arquitectura, AJAX puedeiniciar procedimientos en el servidorcon una llamada desde el navegador.Para proteger sus sitios, los procedi-mientos WEBDEV están protegidos dellamadas ilegales (intento de robo desesión, ...).

TECNOLOGÍA AJAXWEBDEV 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.


Algunas de las características disponibles en tablas Ajax Estas características seencuentran disponibles para sitios Internet e Intranet

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 des-plazamiento auto-mático reemplazaahora al buscadorde partes

anclaje y barra dede splazamientoautomático

Manejo automático decache (almacenamientoparcial), que solo carga losdatos necesarios para lavisualización y una nave-gación cómoda

Un reloj de arena esmostrado automática-

mente cuando se realizaun proceso extenso.

Las celdas de tablaspueden estar 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

IMPLEMENTAR AJAX EN UN CLIC Ajaxsin código adicional.


Webservices asu servicio

WEBDEV®

CONFÍE EN LAFACILIDAD DE USO DEWEBDEV PARA CREARWEB SERVICESWINDEV 20 permite usar, crear imple-

mentar y alojar Web services fácil-mente.

CONSUMO SIMPLE DEWEB SERVICESEs muy fácil importar y usar un Webservice con WEBDEV. Desde la descripción del servicio WDSL(Web Service Description Language),WEBDEV genera automáticamente lostipos y funciones WLanguage corres-pondientes a la interfaz de programa-ción del Web service. De esta manera los elementos del webservice aparecen en el proyecto comoelementos normales de un proyecto. CONSUMO SIMPLE DE

WEB SERVICES SOAPEl uso avanzado de web servicesusando SOAP (Simple Object AccessProtocol) es posible gracias a un con-junto de funciones SOAP. Estas funciones le permiten trabajar conla transmisión de datos XML intercam-biados con el web service (cabeceras,autenticación, meta informació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 SIMPLE DEWEB SERVICES

Los Web Services se crean fácil-mente: simplemente defina el con-junto de procedimientos que sirvencomo comunicación con el Web ser-vice. La descripción del archivo WDSL segenera automáticamente.

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

(SoapArray) • Enlazando datos de Web services • Inclusión de Webservices• Atributos en wsdl• Múltiples respuestas• Cabeceras múltiples • Firma de mensajes• Direccionamiento-WS• Referencias circulares en esquemas• Autenticaciones SPNEGO

FÁCIL DESPLIEGUE DESERVICIOS WEBLos Webservices son almacenados en

un computador que incluye un Servidorde Aplicaciones WEBDEV. El procedimiento de instalación esgenerado automáticamente. La administración es realizada desde eladministrador WEBDEV como con unsitio «normal», todas las herramientasse encuentran disponibles: estadísticasde tráfico, etc. (vea administración desitio página 54)

FÁCIL ALOJAMIENTO DESERVICIOS WEBLa tecnología de hosting está basada

en el robusto Servidor de AplicacionesWEBDEV. Esta tecnología permite asegurar la dis-ponibilidad del Servicio Web, así comosu velocidad. Las peticiones son ejecutadas simultá-neamente, en procesos separados, loque asegura la seguridad.Los Webservices pueden ser consumi-dos por cualquier tipo de aplicación,creada en WINDEV, WEBDEV o concualquier otro lenguaje de terceros.

WEB SERVICES: FÁCIL

Consumir Web services: los elementosde los Webservices aparecen en el

proyecto, como elementos que perte-necen al sitio, para hacer que el desa-

rrollo sea más sencillo

Cuando crea un sitio dinámico desde cero,necesita definir las tablas que va a usar. Esfácil con WINDEV 20.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 Diga que necesita definir tablas nuevas, veamos un ejemplosimple pero representativo de la creación de una nuevaestructura de archivo: la definición de las tablas «Productos»y «Ordenes».

1.Creemos la tabla PRODUCTOS: todo lo que debe hacer esespecificar 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 la tabla 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 dibuje un enlace entredos tablas usando el ratón.

4. WEBDEV 20 hace algunas preguntas simples, en lenguajenatural para determinar automáticamente el tipo de enlaceentre dos tablas.

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, las tablas están enlazadas, y su trabajo estáhechoEl editor de consultas encuentra 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 UNCLICWEBDEV 20 le permite definir fácilmente los efectos CSS3 en

los controles imágen: La documentación se crea por medio deanalisis inverso del sitio y por tanto siempre esta actualizada. Ladocumentación puede tener cientos de páginas, y se puedepublicar en formato PDF, HTML o en un procesador de texto...

Cada «producto» pertenece al menos a una «órden»!: ¿sí o no?Cada «producto» puede pertenecer a varias «órdenes»: ¿sí o no?Etc.

Forbid the deletion of Product that has an Order: ¿sí o no?Etc.

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

IMPORTANDODATOS

EXISTENTESSi ya tiene un análisiso datos, usted puede

traerlos al entornoautomáticamente

(importar la descrip-ción de tablas,

columnas y relacio-nes). ¡Simplementearrastre y suelte la

estructura dentro deleditor de modelo de

datos para crear laestructura!


TODAS LAS BASES DE DATOS: MYSQL, ORA-CLE, AS/400, SQL SERVER, INFORMIX...

Descripción deuna estructura dedatos en WEBDEV

Un sitio dinámico se basa endatos. WEBDEV 20 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 ABASES DE DATOS«AS/400» Y BASES 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 sabe

cómo importar y exportarDDS, comandos run CL, administraruna cola de datos, ...Todo esto se incluye en el entorno, conuna velocidad impresionante.

¡Pida el folleto!

BIG DATAWEBDEV incluye ejemplos para accedera MongoDB y riak.

TODAS LAS BASES DEDATOS POR MEDIO DEODBC U OLE DBWEBDEV 20 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 porDrag & Drop en el editor de modelo dedatos.

LOS PROCEDIMIENTOSALMACENADOSSi la base de datos de terceros soportaprocedimientos almacenados, estosson accesibles por aplicaciones desa-rrolladas con WEBDEV.

LAPRO-GRA-MA-CIÓN ESIDÉNTICAINDEPEN-DIENTE DE LABASE DE DATOSUSADASin importar la base de datos, puedeusar comandos SQL o comandos 5GLde WEBDEV, WLanguage (HReadNext,etc).Esto evidencia una vez más la aper-tura de WINDEV al permitirle cambiarfá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 20 permite crearun nuevo sitio y sus datos, ocrear sitios unidos a datosexistentes, sin importar labase de datos.

- HFSQL*

- MySQL*

- Oracle**

- Informix**

- SQLSERER**

- PostgreSQL*

- MariaDB*

- SQLite*

- IBM DB2**

- IBMAS/400**

- Sybase**

- NetwareSQL- Ingres- Progreso**

- XML*

- Bull DPS- Access- xBase*

- ASCII*- Excel*- Etc.*: conector nativo estándar **:conector nativo opcional

WEBDEV 20 soporta todaslas bases de datos del mer-cado.WEBDEV incuye una base dedatos SQL, HFSQL, la cual esmuy poderosa, rápida y con-fiable.La distribución del motorHFSQL es gratuita.

WEBDEV SOPORTATODAS LAS BASES DEDATOS GRANDESWEBDEV trabaja con todas las bases dedatos del mercado (véase pág. 39).

UNA BASE DE DATOSPROBADA VIENE CON ELPRODUCTO: HFSQLHFSQL es el nuevo nombre deHyperFileSQL.HFSQL se incluye con WEBDEV 20. 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 le permite trabajar con grandes

volúmenes de datos (cerca de 329 cua-drillones de filas). Usted puede planear el crecimientonatural de los datos con tranquilidad.

COMPARTIR DATOS CONBACK OFFICELos datos del sitio pueden ser compar-tidos fácilmente con aplicaciones deapoyo administrativo, para procesarórdenes, enviar listas de paquetes, ycrear facturas por ejemplo. WINDEV esla compañía ideal a WEBDEV para crearaplicaciones de apoyo administrativosolidas.

REPLICACIÓN DESITIOS/APOYOADMINISTRATIVOLa replicación entre el sitio y la oficinatraser es siempre útil.HFSQL soporta la replicación de basesde datos y servidores, unidireccional ybidireccional, planificado o continuado.La replicación puede ser automatizada,o completamente personalizada.

EXTREMADAMENTERAPIDOLa integración de comandos y el inde-xado (automático) permite una increí-ble velocidad de acceso. Esto brindamejores tiempos de respuesta para susitio, sea Internet o Intranet.

UNA INTEGRACIÓNTOTALEl motor se encuentra totalmente inte-grado con el entorno de desarrollo.En cualquier momento, en todos loseditores, usted tiene acceso inmediatoa toda la información referente atablas y columnas. La interacción entre la interfaz deusuario y el sistema de administraciónde base de datos permite una progra-mación mas fácil y rápida.

CONFIDENCIALIDAD:CIFRADO DE 128-BITSEn Internet, los datos serán encontra-dos en un servidor: Éste 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)...

ABIERTA A OTROSPROGRAMASLos conectores nativos, los controlado-

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

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:• visualice e imprima datos• ejecución directa de con-

sultas• gestión de cuentas de

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

• conseguir estadísticasprecisas del uso del ser-

vidor: 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

• ver los bloqueos de regis-tros

• 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

Triggers

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-dente

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).

res ODBC y OLE DB brindados conHFSQL le permiten leer y escribir desdeprogramas o aplicaciones de terceros.

SQL Y WLANGUAGEPuede acceder a los datos a través decomandos SQL o por medio de laspotentes funciones WLanguage. Puedeunir comandos SQL y WLanguage en elmismo programa.

¡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» IMPOSIBLEUsted puede crear consultas configu-rables, que previenen los ataques alservidor por medio de «sql injection».

BÚSQUEDA «FULL TEXT» La búsqueda de «texto completo» per-mite una búsqueda de cadena másrápida dentro de sus 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 acuerdoal órden de relevancia («ranking»).

COPIA DE SEGURIDADRÁPIDAEs 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.

FÁCIL DE INSTALAR YCONFIGURARHFSQL se instala instantáneamente, sinnecesidad de operaciones. Así mismo,la administración de la base de datos

se 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 le permite crear automáticamenteconsultas simples o complejas en tablas.Esto simplifica la programación aún más:tablas de página, loopers, combo boxes,reportes... puede ser basado en 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 cotidiano cuandohace las elecciones en el editor (o en SQL, si lo eligió).

Editor de consultas (ayuda «flotante» mostrada)

� 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 (Desarrollo deAplicaciones Asistido).

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 el resultado u otra consulta como sufuente.

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 un lenguaje natural en frente desus ojos

EDITOR VISUAL DE CONSULTAS


El editor de reportesresuelve el problema dereportes en la Web. Y facilita crear impresiones. Esto tiene un uso doble:• Por un lado, las aplicacio-

nes 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 PDF generado con WEB-DEV 20

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 hace preguntas paraque no olvide nada! En Intranet, Los reportes se envían auna 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 en un reporte puedenvenir desde cualquier fuente: Acceso aHFSQL, Oracle y demás, consulta,archivo de texto, zona de memoria,tabla de pá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 y muchosmas- en un reporte es muy fácil. Laimagen puede ser fija (logo,...), o venirde un proceso o de un archivo (foto delproducto,...). Puede también imprimir fácilmenteimágenes originales desde su código.

CÓDIGO FUENTE DONDEDESEEWebdev le 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 20 imprime los códigos debarras automáticamente (horizontal overticalmente) 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 (la factura del producto queun usuario ordeno en linea por ejem-plo) 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 20, crearreportes sofisticados es muyfácil!

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 FUENTESCon 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 obtenido, una vez que hasido modificado es reingresado denuevo. Por lo tanto, los miembros delequipo usan elementos actualizados.El SCM almacena todos los elementosdel proyecto: procedimientos, con-junto de procedimientos, clases, pági-nas, reportes, componentes, consultas,análisis, dependencias (imágenes, ...),...

TOTALMENTEINTEGRADO

Integrado 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 totalmenteintegrado en el entorno;por ejemplo, el SCM pro-pone obtener un ele-mento durante una modi-ficación.

• La base de datos soportavarios proyectos; si variosproyectos usan el mismoelemento, éste puede sercompartido.

• Se guarda un historial detodos los elemen-tos (páginas,código, consultas,...) desde su crea-ción (siempre esposible hacer unalimpieza total oparcial).

• El proyecto tambiénes encontrado entodos los computa-dores de desarrollo;por lo tanto, ustedpuede trabajar enuna máquina sinconexión.

• Gestión de sucursalesincluida.

• ”Las «Diff» (diferen-cias) entre dos elementos seencuentra disponible: codigofuente, pagina, ...

• Puede ver la lista de modifica-ciones realizadas entre dos ver-

siones por usted, otro desarrollador oadministrador Web...

CONECTADO Y ADISTANCIA

El SCM acepta conexiones remotas através de Internet. De esta manerausted puede trabajar en un proyectodesde un sitio cliente, sin miedo de per-der sus modificaciones.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 gestión de ramas le permite gestio-nar fácilmente varias versiones delmismo 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.

TABLERO DECONTROL DELPROYECTOEl tablero de control brinda

una visión global del pro-yecto, su progreso y calidad. Las luces se activan cuandose alcanza algún nivel (con-figurable): numero de erro-res, vencimiento de plazo...Ademas muestra que opti-mizaciones se pueden reali-zar.

GESTIÓN DELCICLO DE VIDA

Un Centro de Control esuna aplicación que monito-rea 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 Monitoreo de Proyectos• Centro de Control de Alojamiento.Los Centros de Contro se encuentrantotalmente integrados en el entorno ;lla información es compartida.

ALM: CENTRO DEMONITOREO DEPROYECTOSEl centro es usado para verificar la pla-neación de cada tarea aasignada y rea-lizada por cada miembro del equipo ytambién monitorea la gestión derequerimientos y el control de calidad.

GESTIÓN DEREQUERIMIENTOS YTAREASEl Centro de Monitoreo de Proyectos lepermite 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 CALIDADEl Control de Calidad le permite moni-torear incidentes de desarrollo.

CENTRO DE CONTROLDE HOSTINGEl centro de control de alojamiento per-mite configurar y mantener el perfil dealojamiento 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.


MONITOREE SUS PROYECTOS: TABLEROS Y CEN-TROS 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

Importar páginas HTML .

Páginas estáticas existentes se pueden recuperar con WEBDEV 20. Los controles correspondientes soncreados.

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

WINDEV importa, exporta y comparte.Importar, exportar y compartir aplicaciones y ventanas WINDEV le ahorra mucho tiempo cuando pasa de una aplicación deWindows 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 obtener un código existente fácilmente.

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.

IMPORTAR Y COMPARTIR UNAAPLICACIÓN 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 obtenidos. Ir de Windows aInternet (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


Abierto a todoslos estándar

WEBDEV®

¡PHP SIN SABER PHP!Todo el poder 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).Usted crea sitios dinámicos en PHP, sinnecesidad de conocer PHP!

RAD PHPEl método RAD WEB esta disponiblepara generar sitios PHP con solo un parde 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 automatico, control loo-per, calendario, pestana, control edita-ble enriquecido, texto HTML, reglasautomaticas…Esto le permite racionaliar el código tre-mendamente y dar gran seguridad asus sitios a través de máscaras deentrada que sólo permiten el ingresode datos en formatos de conjunto.

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 20! (ver página 36)

TIPOS AVANZADOS Sumado a los tipos PHP estándar,WEBDEV 20 le permite usar tiposavanzados 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, arregloasociativo, estructuras, entero...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 ahorra mucho tiempo e incre-menta la confiabilidad al reutilizar elcódigo.

ADMINISTRACIÓNSIMPLE Y AUTOMÁTICADE SESIONES PHPLa administración de sesiones PHP(contextos) es automática. Todo lo quedebe hacer 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 4& PHP WEBDEV 20 genera código PHP com-patible con PHP 4 y PHP 5.

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 20.

EASYPHP:CONFIGURACIÓN EINSTALACIÓNAUTOMÁTICA DEWEBDEVCuando instala el servidor de aplicaciónWEBDEV 20 (solo o con el entorno), losservidores Web Apache (ampliamenteusados por EasyPHP) se detectan y con-figuran automáticamente, tal como enlos servidores Apache independientes.

ACCESO AALOJAMIENTO GRATISGenerar un sitio PHP le permite (entreotras cosas) para acceder a servicios dehosting «gratuitos» para sus sitiosdinámicos. Esta opción puede ser útilpara sitios de fundaciones o pequeñasempresa que no desean usar un servi-dor dedicado.

¡Con WEBDEV 20, PHP esfácil!

GENERE CÓDIGO PHP


WEBDEV ALSERVICIO DE SAPSAP R/3 es una herra-

mienta ERP muy popular. Unsitio construido con WEBDEV 20puede 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 las priorida-des de

administración.Una familia de funciones le permiteestablecer una conexión (sin auten-ticación), ejecutar BAPIs y pasarlesparámetros. Un asistente le ayuda a importar lasestructuras usadas automática-mente.Usted no necesita instalar el móduloSAP UI.Todas las características de WEBDEV seencuentran disponibles.

CONSULTASBASADAS EN SAPEl generador de reportes(véase pág. 43) se puedeusar para crear consultasbasadas en datos de labase de datos SAP.

ACCESO NATIVOA LOTUS NOTES

Un sitio WEBDEV puede 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 yenvió, se hace modo nativo estándar.El acceso a contactos, citas, tareas ydocumentos encontrados en el ser-vidor es simple. Esto le permite crearsitios Intranet que se encuentranintegrados totalmente a la I.S de lacompañía.La seguridad usual de LotusNotes es respetada, por supuesto,a través del certificado Lotus.

ACCESO NATIVO AOUTLOOKLos sitios WEBDEV pueden acceder aOutlook en modo nativo. El acceso acorreos Outlook, en modo entrada osalida, es estándar. El acceso a contactos, citas y tareas essimple, en modo lectura y escritura. Esto le permite crear sitios Intranet quese encuentran integrados totalmente ala I.S de la compañía.

ACCESO NATIVO A

GOOGLE APPSAparte de la capacidad de conectarsea aplicaciones Google por medio deaplicaciones web híbridas, WEBDEV 20ofrece acceso nativo a los datos de apli-caciones google: Google Calendar,Google Maps, Google Contacts,Picasa...

Esto permite que los datos sean recu-

perados y mostrados en formatos per-

ACCESOS NATIVOS: GOOGLE APPS, SAP, LOTUSNOTES...

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

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


El SaaS (acrónico para «Software as aService») es un modelo de 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 nolocálmente en la compañía.

SAAS SENCILLOLa versión 20 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 cuentasempresariales y cuentas de usuariobasados en una configuración inicial,sin intervenció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: anadir

usuarios, horarios, numero 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 admniistrar 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 20!

SaaS Sencillo

WEBDEV®

SAAS: LAS HERRAMIENTAS PARA GESTIONAREL ACCESO SAAS A SUS SITIOS

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

INCLUIDO EN EL PRODUCTOComo todos los módulos anteriores, este modulo viene conWEBDEV.Los sitios creados con WEBDEV pueden instalarse remota-mente (FTP, HTTP, ...) o por el proveedor de servicios CD, DVDo USB

EL DESPLIEGUE REMOTO ESCOMPLETAMENTE ASISTIDOPara desplegar un sitio, simplemente responda unas pocaspreguntas sencillas.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, solo 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 puede definir manualmente los archivos que seinstalaran.

ACTUALIZACIONES PROGRAMADAS: EN

LA 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 para proveer el sitio por medio de CD,DVD, o 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 20 le permite crear un «paquete de instalación»completo para que el sitio direcciones este escenario.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.Usted puede desplegar un «servidor de aplicaciones WEB-DEV» con el sitio. Esto permite la distribución de versionesdemo gratuitas.

PÁGINAS CON FECHA DE EXPIRACIÓNCuando crea una página, ahora puede especificar una fechade expiración para la misma.Por ejemplo, si una página esta relacionada con un eventoespecifico (una muestra, promoción), ¡esta página no se mos-trara después de la fecha dada!Para prevenir olvidarlo, WEBDEV 20 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.Esto es lo que llamamos balanceo de cargas.WEBDEV 20


Gestión remotasimple

WEBDEV®

DESPLEGAR SUS SITIOS FÁCILMENTE



DESPLIEGUE MÚLTIPLE DEL MISMOSITIOS EN EL MISMO SERVIDORWEBDEV 20 le permite desplegar copias del mismo sitios enel mismo servidor fácilmente, para un solo proyecto.Esto permite que un consultor brinde copias del mismo sitioa múltiples clientes.Una copia de cada sitio (un sitio por cliente) serán almace-nada en 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 mantener diferentes versiones de un sitio.

PRUEBAS: PRUEBAS DE CARGA, DEREGRESIÓN...La calidad de su sitio requiere un conjunto apropiado de prue-bas. WEBDEV 20 viene con una herramienta para pruebasque le permite verificar que los parámetros del servidor per-mitan el numero 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 20!

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ÓN DIS-PONIBLES

WEBDEV 20 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» desde su pro-veedor.Usted es responsable de administrar lamáquina y es el único que la usa, esdedicada a su compañí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 servidordedicado.

.

NUBELa nube de 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 su sitio WEB-DEV o sus web services WEBDEV, oWINDEV.Ellos también permiten que comnpartasus 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, elpoder de computación necesitado porsu plataforma (CPU, RAM, disco, etc.)y de esta manera, reducir el costo almínimo. Usted es libreado de la administraciónde los servidores, así puede concen-trarse en el núcleo central de sus nego-cios.

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 ENLA 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 INTERNET/EXTRANETUsualmente, los sitios Internet oExtranet son instalador por un prove-edor de servicios, separado de la com-pañí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 Intranet/Extranet


Implemente yadministre sussitios fácil-mente.

WEBDEV®

HOSTING EN INSTALACIONES

WEBDEV 20 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 WEBDEV seejecuta 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 de servidores «No-Windows» (WIndows 10, 8, 7, Vista ...)también son soportadas.

DISTRIBUCIONES LINUXSOPORTADASLas distribuciones Linux cambian confrecuencia. Algunas cambios son peque-ños, otros no. La versión 20 de WEBDEVsoporta tantos las distribuciones anti-guas como las nuevas.En el momento que este documento fue

creado, 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ÓNSILENCIOSAÚtil para las compañías de hosting ydesarrolladores que administren su pro-pio dominio, la configuración automá-tica del servidor host tiene un modo«silencioso, i.e. Sin intervención manual. La instalacion es totalmente configura-ble, es posible configurar los servidoresen lotes (crear instancias del servidor deaplicacion WEBDEV automaticamente).

EASYPHP (WAMP, LAMP):CONFIGURACIÓN EINSTALACIÓNAUTOMÁTICA

Si está usando un paquete EasyPHP, alinstalar el servidor de aplicaciones WEB-DEV 20 (manualmente o por elentorno), los servidores Web Apache(especialmente aquellos usados porEasyPHP) son detectados y configuradosautomáticamente, así como los servido-res individuales de Apache.Aunque, si lo desea, puede modificaresta configuración.

CONFIGURACIÓNAUTOMÁTICA DE SITIOSVIRTUALES EN APACHE El servidor Web Apache permite usarsitios virtuales, lo que permite separar elalojamiento Web.Se puede definir una cuenta WEBDEVpara cada sitio virtual.La configuración de estos servidores vir-tuales se realiza automáticamente al ins-talar un sitio y por medio de WEBDEV20. entorno

HOSTING PHPEl hosting PHP puede realizarse pormedio de un proveedor «comercial» dehosting (Free, Comcast...)Esto puede realizarse internamente.El servidor debe tener un motor PHP (ver-sión 4.3.2 o superior) y un servidor FTP.Los sitios son desplegados desde elentorno WEBDEV.

ALMACENAMIENTO DESITIOS SÓLOESTÁTICOSUn sitio estático no reqiere que seejecute el Servidor de AplicacionesWEBDEV, sólo es necesario un servi-dor Web y FTP.Un sitio estático pueden ser almace-nado fácilmente en un hosting deproveedor «comercial» (Free,Comcast ...)

REGISTRO DECONEXIÓNPERMANENTE:31,200CONEXIONESSIMULTÁNEASPARA UN SITIOWEBDEVDINÁMICO.Base de datos HFSQL

ADMINISTRACIÓN SENCILLA DE SITIO

LA ADMINISTRACIÓNWEBDEV: LOCAL OREMOTAEl 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 ninguna inter-faz, en el servidor.Se puede habilitar un robot de monito-reo (incluido) para verificar continua-mente que el servidor de la aplicacióneste trabajando correctamente.

Puede también configurar los derechosde cada usuario.

El administrador remoto

ROBOT DE MONITOREOUn sofisticado robot de monitoreo seincluye con WEBDEV 20. Puede serusado para monitorear la disponibilidadde sitios WEBDEV, servidores HTTP, ser-vidores NMTP, servidores SNMP, servi-dores de archivos, servidores de correo,servidores de aplicaciones WEBDEV, ser-vidores HFSQL...Basado en su elección, el servidor envía

una advertencia por correo electrónico,un mensaje enviado a la aplicación(mensajería interna de la aplicación,etc.), a una pantalla de control (adver-tencia visual o sonora), inicia un proce-dimiento de lenguaje W o un proceso deotro lenguaje (por ejemplo un códigoque envié un SMS configurado).Usted tiene la posibilidad de elegir unacombinación de estas alertas.Puede configurar la frecuencia y repeti-ción de las pruebas a realizar.

Es importante tener esta-dísticas precisas de las visi-tas al sitio.

CONOCER LAINFORMACIÓN DETRÁFICO DE UN SITIOEn el mundo real es fácil saber quetanta actividad genera su negocio:Correos recibidos, numero de llama-das, gente en la tienda, ...Pero en Internet, ¿como saber cuantaspersonas entraron al sitio?, ¿que pági-nas visitaron?, ¿que 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 20 yWINDEV 20 soncompatibles:• proyecto• análisis• tablas• componentes• reportes• código• clases• ventanas,páginas• ...

Los sitios WEBDEV 20 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!

ATENCIÓN AL CLIENTE YAPOYO ADMINISTRATIVOLa atención al cliente es el rostro de laempresa: generalmente es el sitioInternet Interactivo. En términos de negocios, la atención alcliente maneja las solicitudes deinformación y la toma de pedi-dos.El apoyo administrativo seencarga de los procesos internosde la empresa: procesamiento depedidos, manejo de inventario,estadísticas, pedidos de produc-

ción, ... En resumen, el apoyo administrativoprocesa los pedidos.

PARA INICIAR UNAAPLICACIÓN GLOBAL,WINDEV 20 & WEBDEV20 REPRESENTAN LAPLATAFORMA IDEALPara crear sitios Internet e Intranet queadminstren datos (Front Office), PCSOFT brinda WEBDEV 20. entornointegradoEs 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 todas las aplicaciones de negociosinternas (Back Office), PC SOFT ofreceel sueño de un desarrollador, un

entorno de desarrollo profesional quegestiona el ciclo de vida de la aplicaciónpara Windows: WINDEV.Y si quiere usar sus aplicaciones en dis-positivos móviles, solo recompilelasusando WINDEV Mobile 20.

WINDEV le permite crear, en tiemporécord, las aplicaciones mas 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...

¿APLICACIONESHEREDADAS?WEBDEV es totalmente abierto, lo quepermite comunicarse con cualquier

base de datos existente, pormedio de ODCB, OLE DB o enacceso nativo.

Alcance fácilmente susobjetivos con WEBDEV

20.

ATENCIÓN AL CLIENTE (FRONTOFFICE)

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 INSTRANETPor problemas obvios de confidenciali-dad, los sitios Intranet y Extranet no pue-den ser listados. Compañías multinacionales han desa-rrollado sitios Intranet y Extranet estra-tégicos que son distribuidos en sus ramas y subsidiarios, 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 ADMINSTRADORUsted necesita una solución que permita que sus

equipos DESARROLLEN RÁPIDAMENTEpoderosas aplicaciones Internet e Intranet que su

empresa necesita: WEBDEV 20 es una necesi-dad.

WEBDEV 20 le permite mantenerse dentrodel presupuesto y horario, teniendo gran

rendimiento.

USTED ES UNDESARROLLADOR

Usted sabe cómo desarrollarcon WEBDEV 20 usted sabe

cómo crear sitios estáticosy dinámicos instantánea-

mente.WEBDEV 20 permite una

manera natural, metódica dedesarrollo, de modo que asegura elÉXITO EN SUS PROYECTOS.

USTED ES UNESPECIALISTA DEINTERNETWEBDEV 20 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 20

es COMPATIBLE con WINDEV y WINDEVMobile.

Ambos productos son implementados de la

misma manera. Es muy fácil convertir una aplicaciónWINDEV en un sitio WEBDEV Intranet o Internet, yviceversa.

GESTIONANDO EL CICLO DE VIDADE SUS SITIOS

WEBDEV 20 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 20 es conocido por ser FÁCIL DEAPRENDER.

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

tiempo precioso.WEBDEV 20 le permite mejorar su productividad aldesarrollar SITIOS WEB DE RENDIMIENTOINTERACTIVO, que son un requerimiento de lamayoría de las compañías hoy en día

No permita que sus competidores le ganen;Tomeles ventaja con el entorno de desarrollo pro-fesional mas fácil y potente para crear sitios Internete Intranet.

WEBDEV 20 es una herramientapotente, completa y muy fácil deusar.El retorno de inversión es muy rapido:usted ahorrará dinero rápidamentecon WEBDEV 20.

HÁGALO AHORA: ORDENE SUCOPIA DE WEBDEV 20 HOY

Desarrolle 10 veces másrápido

También para usted...


WEBDEV® 20

NO PASE POR LA REVOLUCIÓNDEL INTERNET

PHPSaaSNubeLinux

Wamp, LampHTML5Móviles

...

Algunos ejemplos de sitios yaplicaciones que pueden sercreado fácilmente con WEB-DEV (lista no exhaustiva).Algunos son sitios deIntranet, otros de Extranet yotros sitios de Internet.

• Sitio de comercio electrónicocon pago 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ámi-

cas basado en parámetrosingresados:- 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 des-carga instántanea después de

pago• Reservación de una silla de

avión o cabina de barco en unmapa actualizado.

• Cuadro de mando en tiemporeal, con ingresos de laempresa, margenes estimados,inventario de existencias...

• Horario compartido de equiposdistribuidos geográficamente

• Programación de citas para ven-dedores viajantes

• Horarios de trabajo de equipode mantenimiento

• Para una empresa de pedidospor correo electrónico, colocatoda la documentación técnicade los productos ofrecidos enlinea

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

• Escaneo y guardado de todoslos documentos de cuentasrecibidos (facturas, lista deempaques, etc) para visualiza-ción, incluso de años anteriores(archivo)

• Reservación de eventos: semi-narios, cenas, espectaculos, etc.

• Administración de directorioscompartidos: directorio deempresa, estudian-tes en escuela,miembros de clubetc.

• Anuncios: inmobilia-

ria, carros, subastas...• Manejo de inventario de equipos• sitio de citas• Gestión Wiki• portal B2B• Foro de discusión• Stream RSS• Rastreo de paquetes• Administración de lista de

correos• Gestión de puntos de «bonus»

enlazados a una carta derecompensa: número actual depuntos, madurez, visualizacionautomática de recompensasdisponibles, gestión de cobrode 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 20:D E S A R R O L L EC U A L Q U I E RTIPO 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 DE

DESARROLLOINTERNET, INTRANET, SAAS

Documents

PLATAFORMA INTEGRADA DE DESARROLLO - pcsoft … · 43 Generador de Reportes & PDF 44 Versionamiento ... sitios de manera que aprenda de ... Foros, Blog, Redes sociales... y varios