Retos del Desarrollo

Como soportar la creciente mezcla de Windows,Mac y dispositivos móviles, versiones de OSversiones, emergentes

• Windows• Mac• Mobile

Retos del Desarrollo

• Windows– Prepárate para Windows 8– PCs, tablets, y aps táctiles– Soporte de usuarios en múltiples versiones de

Windows

• Mac• Mobile

Retos del Desarrollo

• Windows• Mac

– Aumento del uso de Mac entre los usuarios– Desplegar aps para la pantalla Retina de alta

definición– Elegir el mejor acercamiento al desarrollo

multiplataforma

• Mobile

Retos del Desarrollo

• Windows• Mac• Mobile

– Mas usuarios demandan a medida que lossmartphones crecen

– Múltiples sistemas operativos móviles – iOS,Android, Blackberry, Windows Phone

– Elige entre las aproximaciones basadas en Web,nativas o hibridas

Impacto en los equipos de desarrollo

Mas plataformas Mas tiempo

Mayor coste Mas dificultad

La SoluciónReplica virtualmente tu equipo de desarrollo con RAD Studio

Windows 8

Migración fácil de aps VCL/FireMonkey a Windows 8Aps Desktop para Windows 8Metropolis IUDelphi y C++Builder32-bit y 64-bitSoporte HW Intel y AtomSurface Pro y Slate Tablets

Windows 8

*64bit C++ to be estimated to be released in Q42012

El Multiplicador de la Fuerza del DesarrolladorRAD Studio XE3

Windows 8

Visual LiveBindings

Metropolis UIDelphiC++

HTML5 Mobile

Mac OS XMountain Lion

FM2

Metropolis UI

MetropolisAps con un estilo Win 8 real on Windows XP, Vista,7 y 8Migra las aps existentes VCL y FM a MetropolisPlantillas de proyecto (Diseños Grid y Split)Preparados para Surface Pro y Slate TabletWinRT integración LiveTileTáctil “Fat Finger”Giroscopio, Acelerómetro,Posición (GPS) y CamaraDelphi y C++Builder

Estilo Windows 8

Estilo Windows 8 “Metro”

Botón style lookup

4 combinaciones deestilos de color

Conversión de formularios

Clic derecho en un formulario VCL y FireMonkeypara convertirlo a Metropolis

Añade un StyleBook y estilos en un formularioMetropolisEstablece la propiedad TApplicationQuita el área de clienteLo convierte a pantalla completa

Nuevas plantillas de proyecto

Estilo Basic, Grid, y Split

VCL y FireMonkey

Delphi y C++Builder

MetropolisUIListBox

Una colección de campos y componentes imagepara un GridViewForm

Fácilmente conecta con un ClientDataSet

Populariza el rango de registros seleccionadosen la lista

Live Tiles

• Funciona para aplicaciones VCL y FM2• Componente TLiveTile• Servicio Metropolis– muestra información en tile• Launch Agent Host – asocia tile con aplicación• Descarga la aplicación

– Licencia de desarrollo Win8– Edición Enterprise Win8

• Soporta Tiles estrechos y anchos

Live Tiles

DEM

El Multiplicador de la Fuerza del DesarrolladorRAD Studio XE3

Windows 8

Visual LiveBindings

Metropolis UIDelphiC++

HTML5 Mobile

Mac OS XMountain Lion

FM2

Pausa para el café

Visual LiveBindings

Visual LiveBindings - Agenda

Introducción rápidaDiseñador Visual LiveBindingsNuevos componentes y “paso a paso”Nuevas opciones del IDEManos a la obra – Trabajando con

ComponentesTDataSetObjetosLayer MangerAcciones

LiveBindings – Introducción rápida

Introducidos en XE2FireMonkey y VCL

Basados en expresiones relacionales llamadasexpresiones de binding

Pueden ser unidireccionales o bidireccionalesConversores estándares de fábricaConversones personalizados agregables

Pueden ser usados en diseño o ejecuciónTodo es acerca de objetos controles y objetosorigen

Visual LiveBindings

Visualiza tus bindings dedatos de un vistazo

Enlaza datos y propiedadescon simplemente dibujarlíneas entre objetos

Organiza un gran númerode bindings usando capascomo las de Photoshop Delphi and C++Builder

Nuevos ComponentesNuevo conjunto de componentes LiveBinding Visuales

TLinkGridToDataSourceTLinkListControlToFieldTLinkControlToFieldTLinkControlToPropertyTLinkFillControlToFieldTLinkFillControlToProperty

Más fácil de enlazar a objetosTPrototypeBindSource

Rápidos y eficientesUtilizan Observadores para evaluar cuando actualizar –

sin necesidad de notificación manual de cambio.

Prototipado de aplicaciones

• Diseña y prototipa tu aplicación utilizando datos de ejemplo del componenteTPrototypeBindSource

• Añade un componente ClientDataSet al formulario y carga tus datos actuales• Selecciona simplemente todos los bindings y cambia el origen de datos para usar tus

datos reales en tu aplicación

“Paso a paso” Context aware

Formulario

Ejemplo con un TEditSeleccionado

Tools > Options

Gestión de capas

• Organiza gran número de enlaces usando capas estilo Photoshop• Rápidamente cambia visibilidad entre capas• Crea fácilmente tus propias capas• Observa múltiples capas a la vez

Acciones

Utiliza fácilmente las acciones con LiveBindings

DEM

El Multiplicador de la Fuerza del DesarrolladorRAD Studio XE3

Windows 8

Visual LiveBindings

Metropolis UIDelphiC++

HTML5 Mobile

Mac OS XMountain Lion

FM2

HTML5

Desarrollo rápido y visual usando las tecnologías Web actualesPlataformas Web, iOS, Android, BlackBerry y Windows Phone

HTML5 Builder

Desarrolla interfaces con HTML5,CSS3 y JavaScriptDesarrollo servidor con PHPEstilos para disp. móvilesEstilos y animaciones CSS3Centenares de componentesvisualesVideo, Audio, GPS, Cámara,Acelerómetros y más

HTML5 BuilderFlujo de datos optimizado para IU

HTML5 Builder ha sido optimizado para usabilidad y nos provee de un entorno dedesarrollo poderoso con cientos de componentes de arrastrar y soltar.Los flujos de trabajo basados en contexto muestran herramientas y menús que sonaplicables a la actual acción del usuario, haciendo el entorno de desarrollo más rápidoy fácil de lo que lo había sido nunca.

HTML5 BuilderComponentes HTML5

Local Storage

CanvasGeolocation

Audio/Video Support

HTML5 Builder<Canvas>

El componente HTML5 Canvas es un componente desuperficie de dibujo para dinámicamente renderizar ydibujar formas 2D y 3D e imágenes usando JavaScript.

Dibuja formas básicas, crea gráficos fluidos, añade efectosa fotos y incluso añade efectos y animaciones a videos.

No necesitarás confiar nunca más en plugins de clientecomo Flash para mostrar contenido dinámico en sitiosweb y dispositivos móviles.

HTML5 BuilderGeolocation

Toma ventaja de la poderosa API HTML5 de geo localizaciónusando HTML5 Builder y convierte tus aplicaciones web ymóvil en más interactivas.

El componente de geo localización te permite mostrar alusuario la posición actual en un mapa. Mostrar informaciónespecífica de la posición a tus clientes y mucho más.

Utilízalos en aplicaciones Web para mostrar eventospróximos u obtener detalles de la posición actual ovelocidad de conexión de tus clientes, o para mostrarofertas específicas o dar soporte.

HTML5 BuilderLos componentes HTML5 de audio y video facilitaembeber medios en tu aplicación Web sin requerir delusuario que instale plugins como Flash.

Los clips de video o audio son renderizados directamenteen el navegador mostrando los controles nativos de este.

Reproduce fácilmente películas o bandas sonoras en tusitio Web, desarrolla tu propio reproductor con skinspersonalizadas o combínalo con el componente canvaspara aplicar efectos visuales a tus videos. Las posibilidadesson infinitas.

<Audio> y <Video>

HTML5 BuilderLocal Storage

Incluido como parte de HTML5, la API de almacenaje localpermite al desarrollador crear aplicaciones web móviles quese apoyen el las capacidades de almacenaje en vez de enbases de datos de terceros.

El almacenaje local permite almacenar datos en elnavegador Web que el dispositivo de Cliente puede accederdespués incluso de que el navegador esté cerrado.

El almacenaje local puede acceder hasta 10MB de espacio,dependiendo del navegador.

HTML5 BuilderEstilos y animaciones CSS3

CSS3 nos provee de capacidades avanzadas para crearinterfaces personalizados.Con el soporte CSS3 en HTML5 Builder, se puedeestablecer y personalizar las propiedades CSS3 paracada elemento del interfaz de usuario.HTML5 Builder también ofrece un interfaz visual intuitivopara crear animaciones CSS3 que se pueden aplicar a tuscontroles.

HTML5 BuilderTemas jQuery Mobile UI

El interfaz con soporte para temas del UIde jQuery Móvil te permite fácilmentecrear nuevos esquemas de color para tusaplicaciones móviles simplementearrastrando y soltando colores en tuscontroles de IU.

Después de crear un nuevo tema, unfichero CSS se genera automáticamenteque puede ser usado para dar estilo alcontrol o a la aplicación móvil entera si esde tu gusto.

HTML5 BuilderDesarrollo móvil Multi Platform

Crea aplicaciones móviles para iOS,Android, BlackBerry y Windows Phoneusando un único código HTML5,JavaScript y CSS3.

Compila tus aplicaciones móviles usandoPhoneGap y el SDK nativo en tú máquinao compila en la nube usando el sistemade compilación integrada de PhoneGapsin la necesidad de instalar ningún SDK entu máquina.

HTML5 BuilderAplicaciones web clientes con Live Preview

Escribe tu código HTML y JS usando la plantillaexistente.

Comprueba los cambios en vivo y obtén unvista previa en vivo de tu proyecto.

Diseña y personaliza los componentes HTMLS através de los editores de propiedades yanimaciones CSS3 y embébelos en tu página decliente con Live Preview

HTML5 BuilderCode Insight para HTML y JavaScript

El Code Insight de HTML5 yJavaScript en HTML5 Builder proveea los desarrolladores de accesoinstantáneo a la información amedida que escriben la aplicación.

Code Insight ofrece "codecompletion" mostrando pistas conlos elementos relevantes como lostipos del usuario y muestra pistaspara las expresiones y símbolostambién.

DEM

El Multiplicador de la Fuerza del DesarrolladorRAD Studio XE3

Windows 8

Visual LiveBindings

Metropolis UIDelphiC++

HTML5 Mobile

Mac OS XMountain Lion

FM2

Comparación deFastReport RADStudio XE2/XE3

FastReport FMX

Apple MacOS XMicrosoft Windows

FastReport VCL

Rad Studio XE2, XE3

FMX Win FMX MacOS X VCL

Bands + + +

Data Sets* +/- +/- +

Dialogs/Scripts* + + +

Objects* +/- +/- +

Web* - - +

Features* + + +

Export Filters* +/- +/- +

* - No disponible en todas las ediciones de FastReport

FastReport FMX vs FastReportVCL

Conjunto de componentesDelphi

• Una pestaña “Data” con todos los datasets del informe• La opción de dibujar gráficos en la pestaña de “Data”• Lineas guía locales, que aparecen cuando mueves o redimensionas un

objeto

Visual Report Designer

FMX Win FMX MacOS X VCL

ADO + - +

BDE - - +

IBX + + +

DBX + + +

DataSets

• Entorno de desarrollo de software poderoso• Break points• Watches• Code completion

Report debugging (FastScript)

FMX Win FMX MacOS X VCLShape objects + + +Text object + + +Subreport object + + +Picture object + + +System text object + + +Chart object + + +Barcode object + (+2d) + (+2d) +Gradient object + + +Crosstab object + + +Checkbox object + + +OLE Object - - +Rich Text object - - +

Report objects

• Los objetos linea pueden ser flechas• Configuraciones separadas para cada marco de

linea• Soporte de imágenes PNG

Gráficos de negocio

FMX Win FMX MacOS X VCL

Advanced printing modes +/- +/- +Report inheritence + + +Drill down reports + + +

HTML tags in text object + + +Preview component + + +Preview window + + +Designer* + + +Code Based report + + +

Características

- Thumbnails- Modo página sin fin- Join, split y zoom- Maneja las impresoras “duples” desde el diálogo de impresión- Imprime el nombre de la copia en cada copia- Grupos desplegables en los informes

Previsualización e impresión

FMX Win FMX MacOS X VCL

PDF - native +

PNG/GIF/TIFF/JPEG/BMP + + +

RTF + + +

XLS (OLE) - - +

XLS (XML) + + +

CSV + + +

TXT + + +

ODS (Open office) + + +

ODT (Open office) + + +

Filtros de exportación

¿Preguntas?

World Tour

Gracias