1/26/2013
1
World Tour
1/26/2013
2
Retos del DesarrolloComo soportar la creciente mezcla de Windows, Mac y dispositivos móviles, versiones de OS versiones, emergentes
Windows Mac Mobile
1/26/2013
3
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
1/26/2013
4
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
1/26/2013
5
Retos del Desarrollo Windows Mac Mobile
Mas usuarios demandan a medida que los smartphones crecen
Múltiples sistemas operativos móviles – iOS, Android, Blackberry, Windows Phone
Elige entre las aproximaciones basadas en Web, nativas o hibridas
1/26/2013
6
Impacto en los equipos de desarrollo
Mas plataformas Mas tiempo
Mayor coste Mas dificultad
1/26/2013
7
La SoluciónReplica virtualmente tu equipo de desarrollo con RAD Studio
1/26/2013
8
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5
Mac OS X Mountain Lion
FM2
Mobile
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
9
Mobile Studio
1/26/2013
10
“Toolchains” ARM Delphi y C++Builder optimizadasDesarrollo para teléfono y Tablet Controles nativos IU “Pixel-Perfect”
Mobile StudioAcceso a datos FM2 en iOS y Android dbExpressInterBase ToGo u SQLliteCliente DataSnapServicios/sensores de disp. HW incluyendo Giroscopio, GPS, Cámara y AcelerómetroDiseñador de formularios móviles
Una base de código nativo para Android y iOS
*Disponible pronto con una extensión de producto separada
1/26/2013
11
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5
Mac OS X Mountain Lion
FM2
Mobile
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
12
Windows 8
1/26/2013
13
Migración fácil de aps VCL/FireMonkey a Windows 8Aps Desktop para Windows 8Metropolis IU Delphi 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
1/26/2013
14
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5
Mac OS X Mountain Lion
FM2
Mobile
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
15
Metropolis IU
1/26/2013
16
MetropolisAps con un estilo Win 8 realMigra 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 CámaraDelphi y C++Builder
on Windows XP, Vista,7 y 8las aps existentes VCL y FM
1/26/2013
17
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
18
Mountain Lion
1/26/2013
19
Mac OS XMountain Lion
Soporte nativo para OS X Mountain LionSoporte para MacBook Pro RetinaCompatible con Mac App StoreControles nativos FireMonkey para OS XEstilos nativos Mountain Lion o personalizadosEstilos sin área de cliente en FireMonkeyDelphi y C++Builder
(4x ¡más resolución!)
1/26/2013
20
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
21
FM2
1/26/2013
22
FireMonkey “FM2” – Actualización importante IU Windows 8 Metropolis y táctilMac OS X Lion, Mountain Lion y Retina Controles con estilos nativos y Pixel PerfectEstilos si área de clienteAnchors y Layout ManagersActions y ActionListsAudio/Video Alto rendimiento y calidad Soporte de controles de tercerosDelphi y C++Builder
FM2
1/26/2013
23
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5
Mac OS X Mountain Lion
FM2
Mobile
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
24
Visual LiveBindings
1/26/2013
25
Visual LiveBindings
Visualiza tus bindings de datos de un vistazo
Enlaza datos y propiedades con simplemente dibujar líneas entre objetos
Organiza un gran número de bindings usando capas como las de Photoshop
Delphi and C++Builder
1/26/2013
26
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5
Mac OS X Mountain Lion
FM2
Mobile
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
27
C++
1/26/2013
28
Lanzamiento con XE3 RTM en Q3 2012Windows 8 “Metro” y Mac OS X Mountain Lion FireMonkey 2MetropolisVisual LiveBindings64bit BetaDescuento de 20% en la compra con mantenimiento (obtén 64bit cuando esté disponible)
C++Builder
Disponible en Q4 2012Nuevo “Tool chain” de 64-bit de C++La mas alta conformidad con el lenguaje C++ y la biblioteca
1/26/2013
29
Prism
1/26/2013
30
Desarrolla aps .NET Windows 8 Metro y WinRT
Integración con Visual Studio 2012
Análisis de código avanzado
Prism XE3
1/26/2013
31
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
32
HTML5
1/26/2013
33
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 JavaScript Desarrollo servidor con PHPEstilos para disp. móvilesEstilos y animaciones CSS3Centenares de componentes visualesVideo, Audio, GPS, Cámara, Acelerómetros y más
1/26/2013
34
InterBase
1/26/2013
35
InterBase XE3Edición “Developer” de Interbase XE3 gratuita incluida con el IDE.¡Nuevo! Licencias de pruebas “ToGo” incluidas con RAD Studio. Directamente despliega aps y bases de datos desde el IDE para ediciones servidor y “ToGo” -> Windows y Mac.¡Nuevo! Conector dbExpress ToGo y driver 64 bit ODBCCopia directamente bases de datos entre XE3 Windows y MacContinua usando InterBase XE para Linux ,Solaris y Mac(Edición server)
1/26/2013
36
CaracterísticasSoporte nativo de InterBase en dispositivos móviles.Utiliza dbExpress y IBX para acceder
Base de datos InterBase en el dispositivoServidor InterBase en el servidor remoto
Será lanzada en asociación con el lanzamiento de RAD studio para iOS y Android
InterBase en Móvil
1/26/2013
37
RAD Studio XE3
Windows 8
Visual LiveBindings
MetropolisDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
38
FM2
1/26/2013
39
AccionesSe implementan acciones independientes del
Framework en RTL
Estas acciones FireMonkey independientes del framework se implementan en las unidades FMX : FMX.ActnList, FMX.StdActns, y otras.
Acciones con LiveBindings
1/26/2013
40
Diseños y AnchorsMotores comunes de layout
como grid y flow
Anchors para todos los componentes visibles
Alineamiento
1/26/2013
41
MultimediaCámara y captura de video
Reproducción de Audio y Video
DirectShow en Windows
QuickTime 10.5 o superior
1/26/2013
42
Estilos basados en BitmapsFireMonkey puede renderizar controles basados
en bitmap en vez de los basados en vectores gráficos
Comparten un diseñador externo de estilos (redistribuible)
Controles específicos del OS “Pixel-Perfect”
Estilos propios sin área de cliente
1/26/2013
43
Estilo Windows 8Estilo Windows 8 “Metro”
Botón style lookup
4 combinaciones de estilos de color
1/26/2013
44
1/26/2013
45
Retina Mac OS XEstilo Mountain Lion
Activos de alta resolución
FM2 determina si debe cargar el estilo Retina o el normal
1/26/2013
46
Estilos propiosEstilos sin área de cliente
Estilos “Premium” disp. desde Embarcadero
1/26/2013
47
Sensores y serviciosFramework de servicios
Determina la disponibilidad de sensores y serviciosAdquiere derechos del usuario
LocationSensor (GPS o Triangulación)
MotionSensor (Acelerómetro y/o giroscopio)
1/26/2013
48
DEM
1/26/2013
49
Premier FireMonkey para Móvil
1/26/2013
50
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
51
Pausa para el café
1/26/2013
52
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
53
Visual LiveBindings
1/26/2013
54
Visual LiveBindings - AgendaIntroducción rápidaDiseñador Visual LiveBindingsNuevos componentes y “paso a paso”Nuevas opciones del IDEManos a la obra – Trabajando con
ComponentesTDataSetObjetosLayer MangerAcciones
1/26/2013
55
¿Qué son los LiveBindings?
“Otorgan un camino para los desarrolladores de crear enlaces de lectura y escritura entre componentes/objetos y sus datos en la
aplicación.”
1/26/2013
56
LiveBindings – Introducción rápidaIntroducidos en XE2
FireMonkey y VCLBasados en expresiones relacionales llamadas expresiones 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 objetos origen
1/26/2013
57
Visual LiveBindings
Visualiza tus bindings de datos de un vistazo
Enlaza datos y propiedades con simplemente dibujar líneas entre objetos
Organiza un gran número de bindings usando capas como las de Photoshop
Delphi and C++Builder
1/26/2013
58
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.
1/26/2013
59
Prototipado de aplicaciones
• Diseña y prototipa tu aplicación utilizando datos de ejemplo del componente TPrototypeBindSource
• 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
1/26/2013
60
DEMPrototipado de aplicaciones
1/26/2013
61
“Paso a paso” Context aware
Formulario
Ejemplo con un TEdit Seleccionado
1/26/2013
62
Tools > Options
1/26/2013
63
¡¡Veamos lo en acción!!Manos a la obra
Trabajando con ComponentesTrabajando con TDataSetTrabajando con Objects
1/26/2013
64
DEM
1/26/2013
65
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
1/26/2013
66
DEMGestión de capas
1/26/2013
67
Acciones
Utiliza fácilmente las acciones con LiveBindings
1/26/2013
68
DEMAcciones
1/26/2013
69
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
70
Windows 8
1/26/2013
71
Migración fácil de aps VCL/FireMonkey a Windows 8Aps Desktop para Windows 8Metropolis IU Delphi 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
1/26/2013
72
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
73
Metropolis UI
1/26/2013
74
MetropolisAps con un estilo Win 8 realMigra 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
on Windows XP, Vista,7 y 8las aps existentes VCL y FM
1/26/2013
75
Estilo Windows 8Estilo Windows 8 “Metro”
Botón style lookup
4 combinaciones de estilos de color
1/26/2013
76
1/26/2013
77
1/26/2013
78
1/26/2013
79
DEMEstilos
1/26/2013
80
Conversión de formulariosClic derecho en un formulario VCL y
FireMonkey para convertirlo a Metropolis
Añade un StyleBook y estilos en un formulario MetropolisEstablece la propiedad TApplicationQuita el área de clienteLo convierte a pantalla completa
1/26/2013
81
Nuevas plantillas de proyectoEstilo Basic, Grid, y Split
VCL y FireMonkey
Delphi y C++Builder
1/26/2013
82
DEMPlantillas de proyecto Metropolis
1/26/2013
83
MetropolisUIListBoxUna colección de campos y componentes
image para un GridViewForm
Fácilmente conecta con un ClientDataSet
Populariza el rango de registros seleccionados en la lista
1/26/2013
84
Ejemplo Metropolis UI mostrando elementos Windows 8 y comportamientos
Windows 8 style ToolTips
Windows 8 style Flyouts
Windows 8 Style Edit Controls
Windows 8 Style FlipView
DEM
1/26/2013
85
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
1/26/2013
86
Live Tiles
1/26/2013
87
DEM
1/26/2013
88
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
89
HTML5
1/26/2013
90
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 JavaScript Desarrollo servidor con PHPEstilos para disp. móvilesEstilos y animaciones CSS3Centenares de componentes visualesVideo, Audio, GPS, Cámara, Acelerómetros y más
1/26/2013
91
HTML5 BuilderFlujo de datos optimizado para IU
HTML5 Builder ha sido optimizado para usabilidad y nos provee de un entorno de desarrollo poderoso con cientos de componentes de arrastrar y soltar.
Los flujos de trabajo basados en contexto muestran herramientas y menús que son aplicables a la actual acción del usuario, haciendo el entorno de desarrollo más rápido y fácil de lo que lo había sido nunca.
1/26/2013
92
HTML5 BuilderComponentes HTML5
Local Storage
Canvas Geolocation
Audio/Video Support
1/26/2013
93
HTML5 Builder<Canvas>
El componente HTML5 Canvas es un componente de superficie de dibujo para dinámicamente renderizar y dibujar formas 2D y 3D e imágenes usando JavaScript.
Dibuja formas básicas, crea gráficos fluidos, añade efectos a fotos y incluso añade efectos y animaciones a videos.
No necesitarás confiar nunca más en plugins de cliente como Flash para mostrar contenido dinámico en sitios web y dispositivos móviles.
1/26/2013
94
DEM<Canvas>
1/26/2013
95
HTML5 BuilderGeolocation
Toma ventaja de la poderosa API HTML5 de geo localización usando HTML5 Builder y convierte tus aplicaciones web y móvil en más interactivas.
El componente de geo localización te permite mostrar al usuario la posición actual en un mapa. Mostrar información específica de la posición a tus clientes y mucho más.
Utilízalos en aplicaciones Web para mostrar eventos próximos u obtener detalles de la posición actual o velocidad de conexión de tus clientes, o para mostrar ofertas específicas o dar soporte.
1/26/2013
96
DEMGeolocation
1/26/2013
97
HTML5 BuilderLos componentes HTML5 de audio y video facilita embeber medios en tu aplicación Web sin requerir del usuario que instale plugins como Flash.
Los clips de video o audio son renderizados directamente en el navegador mostrando los controles nativos de este.
Reproduce fácilmente películas o bandas sonoras en tu sitio Web, desarrolla tu propio reproductor con skins personalizadas o combínalo con el componente canvas para aplicar efectos visuales a tus videos. Las posibilidades son infinitas.
<Audio> y <Video>
1/26/2013
98
DEM<Audio> y <Video>
1/26/2013
99
HTML5 BuilderLocal Storage
Incluido como parte de HTML5, la API de almacenaje local permite al desarrollador crear aplicaciones web móviles que se apoyen el las capacidades de almacenaje en vez de en bases de datos de terceros.
El almacenaje local permite almacenar datos en el navegador Web que el dispositivo de Cliente puede acceder después incluso de que el navegador esté cerrado.
El almacenaje local puede acceder hasta 10MB de espacio, dependiendo del navegador.
1/26/2013
100
DEMLocal Storage
1/26/2013
101
HTML5 BuilderEstilos y animaciones CSS3
CSS3 nos provee de capacidades avanzadas para crear interfaces personalizados.Con el soporte CSS3 en HTML5 Builder, se puede establecer y personalizar las propiedades CSS3 para cada elemento del interfaz de usuario.HTML5 Builder también ofrece un interfaz visual intuitivo para crear animaciones CSS3 que se pueden aplicar a tus controles.
1/26/2013
102
DEM
Editores de propiedadCSS3
1/26/2013
103
DEMAnimaciones CSS3
1/26/2013
104
HTML5 BuilderTemas jQuery Mobile UI
El interfaz con soporte para temas del UI de jQuery Móvil te permite fácilmente crear nuevos esquemas de color para tus aplicaciones móviles simplemente arrastrando y soltando colores en tus controles de IU.
Después de crear un nuevo tema, un fichero CSS se genera automáticamente que puede ser usado para dar estilo al control o a la aplicación móvil entera si es de tu gusto.
1/26/2013
105
DEMTemas Móviles
1/26/2013
106
HTML5 BuilderDesarrollo móvil Multi Platform
Crea aplicaciones móviles para iOS, Android, BlackBerry y Windows Phone usando un único código HTML5, JavaScript y CSS3.
Compila tus aplicaciones móviles usando PhoneGap y el SDK nativo en tú máquina o compila en la nube usando el sistema de compilación integrada de PhoneGap sin la necesidad de instalar ningún SDK en tu máquina.
1/26/2013
107
DEMMobile Apps
1/26/2013
108
HTML5 BuilderAplicaciones web clientes con Live Preview
Escribe tu código HTML y JS usando la plantilla existente.
Comprueba los cambios en vivo y obtén un vista previa en vivo de tu proyecto.
Diseña y personaliza los componentes HTMLS a través de los editores de propiedades y animaciones CSS3 y embébelos en tu página de cliente con Live Preview
1/26/2013
109
DEMClient Web Apps
1/26/2013
110
HTML5 BuilderCode Insight para HTML y JavaScript
El Code Insight de HTML5 y JavaScript en HTML5 Builder provee a los desarrolladores de acceso instantáneo a la información a medida que escriben la aplicación.
Code Insight ofrece "code completion" mostrando pistas con los elementos relevantes como los tipos del usuario y muestra pistas para las expresiones y símbolos también.
1/26/2013
111
DEMCode Insight
1/26/2013
112
RAD Studio XE3
Windows 8
Visual LiveBindings
Metropolis UIDelphiC++
HTML5 Mobile
Mac OS X Mountain Lion
FM2
El Multiplicador de la Fuerza del Desarrollador
1/26/2013
113
¿Preguntas?
1/26/2013
114
World Tour
1/26/2013
115
1/26/2013
116
Gracias