Introducción a la Interfaz Gráfica de Usuario de OpenEdge® para Introducción a la Interfaz Gráfica de Usuario de OpenEdge® para .NET (GUI for .NET) Salvador Viñals Estratega de Producto

Agenda ¿Qué es OpenEdge GUI for .NET? Description General de GUI for .NET Description General de Arquitectura Demo de Visual Designer Preguntas

En Desarrollo D I S C L A I M E R Esta presentación incluye información sobre futuros productos potenciales y/o mejoras de producto. Lo que voy a presentar refleja nuestra forma actual de prensar, pero la información contenida es preliminar y sujeta a cambios. Cualquier producto que lancemos al mercado eventualmente podría ser materialmente diferente a lo que se describe aquí. D I S C L A I M E R

¿Qué es OpenEdge GUI for .NET? Una Interfaz Gráfica de Usuario para Windows basada en Microsoft® .NET™ para reemplazar o ser integrada con OpenEdge GUI actuales

OpenEdge GUI for .NET Basada en la tecnología de UI de Microsoft .NET (WinForms) El estándar de-facto para aplicaciones “desktop” Orientada a aplicaciones de negocios Controles UI centrados en manejo de datos Vincula ADO.NET a ProDataSet™ Multitud de controles UI .NET Microsoft y Infragistics® Otros controles de terceros

¿Cómo se Llama? Nueva interfaz Nuevos controles UI Nombre del Proyecto: “OpenEdge Advanced GUI” No es un producto… Una funcionalidad de OpenEdge Desarrollada utilizando OpenEdge Architect o productos de desarrollo ABL Nuevos controles UI Nombre de Proyecto: “OpenEdge Advanced UI Controls” Será un producto… opcional Accesorio a productos de desarrollo OpenEdge Paquete de controles de Infragistics que extienden la capacidad de desarrollo de la interfaz .NET

¿Cómo se Llama? Nueva interfaz Nuevos controles de UI Nombre de la Tecnología: “OpenEdge GUI for .NET” No es producto… Una funcionalidad de OpenEdge Desarrollada utilizando OpenEdge Architect o productos de desarrollo ABL Nuevos controles de UI Nombre del producto: “OpenEdge Ultra Controls for .NET” Será un producto… opcional Accesorio a los productos de desarrollo OpenEdge Paquete de controles de Infragistics que extienden la capacidad de desarrollo de la interfaz .NET

¿A Qué Audiencia Va Dirigida? Desarrolladores ABL utilizando OpenEdge Architect… Queriendo construir una Interfaz Gráfica de Usuario en .NET que sea extremadamente moderna y atractiva… Con la facilidad del ABL

Características de la Audiencia Desarrolladores ABL utilizando OpenEdge Architect… Para clientes OpenEdge Confortables con conceptos OO = Orientación al Objeto Queriendo construir una Interfaz Gráfica de Usuario en .NET que sea extremadamente moderna y atractiva… En Microsoft Windows Con la facilidad del ABL Deseando un ambiente de desarrollo basado en OpenEdge

Características Principales y Beneficios Aprovechar el ABL Lenguaje único; No necesita aprender C#, VB.NET Vínculo de datos entre ABL y los controles UI Vínculo de eventos entre los métodos ABL y los eventos de la interfaz Único centro de diseño: OpenEdge Architect No requiere comprar, aprender o usar productos que no sean OpenEdge (Visual Studio®) Beneficios Adopción más rápida  Mayor productividad Vínculo de datos integrado  Para aplicaciones de negocios Construido en OpenEdge: Flexibilidad de implementación y fuentes de datos

Características Principales y Beneficios Se integra con la GUI existente (al nivel del contenedor) Independiente de la topología de implementación (C/S o n-tier) Extensible con controles de terceros y personalizados Adaptable a futuras mejoras de UI o interfaces emergentes Beneficios: Adóptenlo a su propio ritmo Windows “look-and-feel” - Contemporáneo y sin compromisos Architectura para máxima protección de la inversión

¿Cómo se Compara con Otras Interfaces de Usuario y Tecnologías OpenEdge? Tecnología UI Uso Primario Herramientas Primary Use Tools to Use OpenEdge GUI para .NET Construir GUIs modernas en ABL OpenEdge Architect 10.2A o superior Progress Dynamics® OpenEdge Studio OpenEdge Architect Construir GUI con look and feel de Windows 95 Progress® GUI Construir GUI robustas con características de cliente ligero OpenEdge Studio OpenEdge Architect WebClient™ Ofrece la capacidad de agregar UIs alternas (.NET & Java™) a aplicaciones de OpenEdge Open Client Toolkit Open Client Construir aplicaciones basadas en Navegador Web sin huella en el cliente WebSpeed® WebSpeed Workshop OpenEdge Architect OpenEdge Studio 4GL Development System Construir interfaces tradicionales de pantalla verde Carácter

¿Cómo se Compara con Otras Interfaces de Usuario y Tecnologías OpenEdge? Huella cliente ligera Sin huella cliente 2-tier n-tier OpenEdge GUI for .NET Progress GUI Open Client .NET & Java™ WebSpeed Carácter

Arquitectura GUI OpenEdge “Clásica” Componentes GUI y visualizacón Interacción y eventos de usuario Vínculos con datos Bloqueo I/O Manejadores de eventos OpenEdge GUI ( Windows, Frames ) DataSets, Temp-tables OpenEdge Runtime (AVM) Common Infrastructure Data Access Data Sources

Arquitectura GUI OpenEdge “Nueva” .NET GUI ( Forms, User events ) Bridge Visualización GUI Interacción y eventos de usuario CLR OpenEdge GUI ( Windows, Frames ) ABL Logic ( Data, Event handlers ) Bridge Componentes GUI Vínculos con datos Bloqueo I/O Manejadores de eventos DataSets, Temp-tables OpenEdge Runtime (AVM) Common Infrastructure Data Access Data Sources

Una Mirada Más de Cerca a la Capa de Presentación de GUI for .NET Un Proceso para OpenEdge y .NET Runtime .NET GUI frm = NEW Form( ). frm:Closing:Subscribe( EventHdlr1 ). WAIT-FOR Application.Run( frm ). EventHdlr1( ) … Bridge Bridge ABL Logic OpenEdge Runtime .NET CLR AVM: ABL Virtual Machine CLR: Common Language Runtime

Una Mirada Más de Cerca a la Capa de Presentación de GUI for .NET DEF VAR frm AS Form. frm = NEW Form( ). frm:Closing:Subscribe( FrmClose ). WAIT-FOR Application.Run( frm ). Method VOID FrmClose( ) MESSAGE “BYE” VIEW-AS ALERT-BOX. END. .NET GUI 1 4 7 3 5 2 Bridge Bridge ABL Logic 6 OpenEdge Runtime .NET CLR

Formas ABL en OpenEdge GUI for .NET CLASS CustForm INHERITS Progress.Windows.Form: Classes de formas ABL heredan de una de las siguientes: Progress.Windows.Form ABL WINDOW Progress.Windows.Dialog ABL FRAME VIEW-AS DIALOG-BOX Progress.Windows.MDIForm Sin equivalente en ABL

Mezclar y Combinar UIs para Migraciones Formas .NET y Ventanas OpenEdge GUI pueden co-existir en la misma sesión Pueden establecer parentesco (una puede ser la madre de la otra y vice versa) Todas sus funcionalidades se mantienen independientemente Ventanas OpenEdge GUI pueden incrustarse (embed) en formas .NET Área de cliente gestionada en ABL El resto de funcionalidades gestionadas en .NET Progress.Windows.MDIChildForm Progress.Windows.WindowContainer

Manejo de Eventos en OpenEdge GUI for .NET CustForm:FormClosing:Subscribe( FormClosingHdlr ). Usen el método Subscribe( ) para añadir manejadores de eventos (event handlers) escritos en ABL Métodos (Methods) o Procedimientos Internos (internal procedures) Se soportan múltiples suscriptores para un manejador (handler) Los Manejadores de Eventos se invocan cuando los eventos se disparan Con dos parámetros Objeto que disparó el evento ( System.Object ) Parámetros específicos del Evento ( System.EventArgs )

Modelo .NET de Vinculación de Datos Progress.Data.BindingSource Proporciona datos para los controles UI .NET Cómo: Con las APIs requeridas por los controles .NET (IList) Por qué: OpenEdge proporciona los datos satisfaciendo las necesidades de .NET El qué: Cualquier Query, Buffer o ProDataSet™ ABL OpenEdge Runtime .NET CLR ProDataSet Customer Lift Line Skiing Urpon Frisbee Hoops Croquet Order 1 53 01/01/93 2 81 01/04/93 3 66 01/04/93 Query Progress.Data. BindingSource 2 1 3

Extensiones ABL Progress.Windows.Form Progress.Data.BindingSoure Formas ABL heredan de esta clase Método InicializarComponente generado Progress.Data.BindingSoure Nuevo objeto ABL accesa las fuentes de datos de Progress Extiende las clases BindingSource de .NET Vincula el control de .NET a la fuente de datos ABL (query) Suscripción de Eventos Método de suscripción para a cada evento .NET Toma un método ABL / nombre de procedimiento

(foundation platform) GUI for .NET – Arquitectura IDE Eclipse, OpenEdge y .NET trabajan juntos OpenEdge Architect Visual Designer ABL Editor Bridge .NET GUI CLR Eclipse (foundation platform) AVM UI Logic Bridge

Visual Designer Creación y edición de formas WYSIWYG Construido como plug-in de Eclipse para OpenEdge Architect Creación y edición de formas WYSIWYG Definir la forma Añadir controles .NET Asignar propiedades de controles y componentes Definir objetos de vinculación de datos Añadir suscripciones de eventos Navegador de Clases (Class Browser) Muestra información de clases ABL y .NET

(solapa código fuente) Código Generado Para Una Forma ABL Editor (solapa código fuente) Crear Clase Definir las propiedades Definir Variables de control Constructor Inicializar formas y componentes Destructor Eliminar / Liberar recursos

Perspectiva de Visual Designer Vista de Propiedades Toolbox Control Propiedad Seleccionada Forma Navegador de Clases Class Browser

GUI for .NET Demo

Perspectiva de Visual Designer Vista de Propiedades Toolbox Control Propiedad Seleccionada Forma Navegador de Clases Class Browser

Qué Dicen los Asociados Encuestados… “OpenEdge 10.2A ofrece una interfaz superior que no solamente impulsa la productividad de los desarrolladores, pero también nos permite mejorar el “look-and-feel” de nuestras aplicaciones para el usuario final” Tony Vertenten, Intris

Áreas Para el Aprendizaje de GUI for .NET ABL ABL Orientado a Objetos (OOABL) Crear y acceder objetos UI Llámada a métodos y acceso a propiedades Suscripción a eventos de la interfaz .NET Windows Form Framework Classes .NET Infragistics Windows Form Classes OpenEdge Architect WYSIWYG Visual Designer Properties View y Control Toolbox Class Browser

¿Cuándo Estará Disponible? Metodología de Desarrollo Pruebas de concepto y usabilidad con las aportaciones de clientes Programa "Technology Preview"; Beta; Disponibilidad General Fechas tentativas Technology Previews durante 2007 Beta - Q3 2008 Disponibilidad General - Q4 2008

Preparándose Para GUI for .NET Pasos que pueden tomar… Migren a OpenEdge10… Idealmente 10.1C Separen la lógica de UI en métodos Consideren el diseño de UI Familiarizense con los nuevos conceptos ¿Listos? ¡10.2A Beta está en marcha! www.progress.com/openedge/beta …¡Súbase a la ola!

? ¿Preguntas

Gracias