waterdragon xe3 introduction v21 - es · surface pro y slate tablets windows 8 *64bit c++ to be...

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