Instalación de Componentes Visuales DevExpress para Visual Studio 2013

Tabla de Contenido

0. Introducción
1. ¿Qué es DevExpress?
1.1 Vídeo de introducción
1.2 Productos relacionados
2. Proceso de Instalación de DevExpress para Visual Studio 2013
2.1 Descarga
2.2 Inicio de la instalación
3. Demos
3.1 Webmail Client
3.2 MoneyMonkey
3.3 Sales Dashboard
4. Conclusiones
5. Enlaces & Literatura

0. Introducción

En este tutorial voy a explicar el proceso de instalación de la suite de componentes visuales DevExpress para nuestro entorno de desarrollo integrado favorito, Visual Studio 2013. En futuras entregas de artículos, recetas, y/o aplicaciones haré demostraciones visuales de interfaces gráficas de usuario usando los componentes de esta magnífica suite. ¡Bienvenidos!

1. ¿Qué es DevExpress?

Figura 0. Logo de DevExpress.

En general DevExpress, es una compañía dedicada al desarrollo de software fundada en el año 1998. Su foco principal es la creación de controles para interfaces gráficas de usuario para diferentes entornos de desarrollo: Microsoft Visual Studio, Borland Delphi/C++ Builder, entre otros más.

1.1 Vídeo de introducción

En el siguiente presentación audiovisual se presentan las nuevas características y capacidades de la versión 13.2 de DevExpress:

1.2 Productos relacionados

Los productos de DevExpress están orientados a la creación de interfaces gráficas de usuario lucidas para todas las plataformas (i.e., móvil, desktop, Web). En la Figura 1 se muestra este listado [1].

Figura 1. Conjunto de productos de DevExpress [1].

 2. Proceso de Instalación de DevExpress para Visual Studio 2013

2.1 Descarga

Podemos descargar una versión de prueba de 30 días.

Figura 2. Versión gratuita de prueba de 30 días [1].

Para hacerlo tenemos que ir al siguiente enlace:

Enlace de descarga: https://www.devexpress.com/Home/try.xml

2.2 Inicio de la instalación

1. Ejecutamos el programa de instalación; enseguida nos debe aparecer el asistente de instalación. Damos clic sobre el botón 'Trial Installation':

Figura 3. Asistente de Instalación de DevExpress - parte 1.

2. En la segunda parte, seleccionamos los productos a instalar. He seleccionado todos (WIN, ASP.NET & MVC, WPF, SL, XAF, &c.), a excepción de Windows 8 XAML debido a que la instalación se está ejecutando sobre Windows 7.

Figura 4. Asistente de Instalación de DevExpress - parte 2.

3. Ahora seleccionamos la ruta de destino para los archivos de programa, también recomiendo habilatar la casilla de comprobación de 'Join the DevExpress Customer Experience and Notificacion Programa (recommended)' para que futuras versiones de la suite sean de mejor calidad. Luego damos clic sobre el botón 'Accept & Install':

Figura 5. Asistente de Instalación de DevExpress - parte 3.

4. Se inicia el programa de instalación. En la Figura 6 se muestra el progreso del programa de instalación.

Figura 6. Asistente de Instalación de DevExpress - parte 4.

5. La instalación finaliza correctamente. Luego podemos hacer clic en el botón Get Help para obtener más ayuda, o 1.2.3 para empezar a aprender a utilizar los controles de la suite, o Run the Demo para la presentación de una demostración. Finalmente damos clic sobre el botón 'Finish'.

Figura 7. Asistente de Instalación de DevExpress - parte 5.

3. Demos

A continuación tres demostraciones de interfaces gráficas de usuario construidas con controles para ASP.NET.

3.1 Webmail Client

Cliente de correo electrónico web.

Figura 6. Demo Webmail Client.

Enlace de visuliazación: https://demos.devexpress.com/RWA/WebmailClient/

3.2 MoneyMonkey

Visor de presupuesto,transacciones, etc. personales.

Figura 7. Demo MoneyMonkey.

Enlace de visualización: https://demos.devexpress.com/RWA/MoneyMonkey/

3.3 Sales Dashboard

Visor de ventas de un agente comercial:

Figura 8. Demo Sales Dashboard.

Enlace de visualización: https://demos.devexpress.com/RWA/SalesDashboard/

4. Conclusiones

Aprendimos a instalar la suite de controles gráficos DevExpress para Visual Studio 2013. Se describió paso a paso cada uno de los detalles a considerar: descarga, parametrización en el asistente de instalación, y finalización de la instalación.

5. Enlaces & Literatura

[1]: .NET UI Controls for Developers of Mobile, Desktop, Web & Reporting Applications | www.DevExpress.com - https://www.devexpress.com/
[2]: DevExpress, the free encyclopedia - https://en.wikipedia.org/wiki/DevExpress
[3]: Download Free Trial | DevExpress - https://www.devexpress.com/Home/try.xml
[4]: SALES DASHBOARD - https://demos.devexpress.com/RWA/SalesDashboard/
[5]: MoneyMonkey - https://demos.devexpress.com/RWA/MoneyMonkey/
[6]: Webmail Client - https://demos.devexpress.com/RWA/WebmailClient/

J