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