Ejemplos de aplicaciones: ASP.NET MVC 2 + jQuery Mobile + Web Services, Android y WPF MVVM

Ejemplos de aplicaciones: ASP.NET MVC 2 + jQuery Mobile + WS, Android y WPF MVVM.

Comparto aquí los ejemplos de una pequeña aplicación implementada en 4 versiones, donde partió siendo un demo en web con ASP.NET MVC 2 que utiliza un poco de jQuery, este demo fue el inicio para implementar otras aplicaciones con la misma estructura que pudieran ser ejecutadas en otras plataformas, al primer demo se le implemento un área que ofreciera la aplicación web en versión móvil con jQuery Mobile, posteriormente se le implementaron Servicios Web los cuales ofrecieran los datos para ser consumidos por otras aplicaciones cliente; Pasando a otra plataforma, se implementó la versión para Android que se conecta a los WS mencionados; y por último se implementó la cuarta versión para Windows que fue desarrollada en WFP utilizando ahora el patrón MVVM.

El pase de diapositivas requiere JavaScript.

leer mas

Anuncios

Aplicación web móvil con jQuery Mobile y ASP.NET MVC 2 – parte 5

En esta última parte implementaremos el controlador mVentasController cuyas funciones serán, mostrar la lista de las ventas registradas, mostrar los detalles de la venta y registrar la venta de un auto.

El procedimiento es muy similar a lo ya realizado, empezando por agregar el nuevo controlador llamado mVentasController a Areas/m/Controllers; agregar el usin de Model al controlador y crear la instancia del modelo de entidades.

Seguir leyendo

Aplicación web móvil con jQuery Mobile y ASP.NET MVC 2 – parte 4

Nuestra aplicación de ejemplo tiene ya implementado el controlador mClientes,  trabajaremos ahora con un nuevo controlador al que llamaremos mAutos cuyas acciones serán muy similares a mClientes.

Por lo tanto, agreguemos el nuevo controlador (en Areas/m/Controllers) asignándole el nombre mAutosController al que codificaremos su acción Index la cual debe devolver la lista de autos registrados en la BD, para esto es necesario nuevamente agregar el using hacia el Modelo (using Agencia2012.Models) y crear una instancia de nuestro modelo de entidades que tiene el nombre Agencia2012Entities.

Seguir leyendo

Aplicación web móvil con jQuery Mobile y ASP.NET MVC 2 – parte 2

En nuestra aplicación se estará implementando la misma funcionalidad que tiene ya implementado el ejemplo en versión web (navegador de escritorio) que consiste en gestión de clientes, autos y ventas.

Por lo tanto para nuestro ejemplo lo que haremos será copiar el código ya incluido en los controladores y pasarlo a los nuevos controladores que se agregarán al área m los cuales devolverán las vistas para móvil, haremos esto con el fin de ir agarrando práctica para desarrollar con jQuery mobile y asp.net mvc 2; posteriormente podría implementarse todo el proyecto sin áreas ni demás controladores, sino que en las mismas acciones de los controladores que ya tenemos, solo devolver las vistas para móvil simplemente detectando el tipo de navegador del usuario.

Seguir leyendo

Aplicación web móvil con jQuery Mobile y ASP.NET MVC 2

jQuery Mobile es un conjunto de plugins de jQuery y widgets que provee una API multiplataforma para crear aplicaciones web optimizadas para visualizarse en dispositivos móviles inteligentes.

“jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.” (http://jquerymobile.com/).

La implementación del código para jQuery Mobile es similar a jQuery UI siendo la diferencia que jQuery UI está enfocado a aplicaciones web para navegadores de escritorio mientras que jQuery Mobile está enfocado para dispositivos móviles.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 12 – Reportes en PDF

Ahora generaremos un reporte local en nuestra aplicación y lo presentaremos como documento PDF en el navegador para que pueda ser impreso o guardado, para ello, utilizaremos el elemento Report Document, y la clase LocalReport que se encuentra en el espacio de nombres Microsoft.Reporting.WebForms (visite http://msdn.microsoft.com/es-mx/library/microsoft.reporting.webforms.localreport.aspx).

Antes de continuar, modifiquemos la vista Index y nuestro código JS para que se muestre un nuevo link junto al link “Registrar nuevo alumno en este grupo”, el nuevo link lo apuntaremos hacia una nueva acción que la llamaremos ImprimirLista.

Img. 1. Agregar link para imprimir lista.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 10

En la parte 9 de nuestro tutorial empezamos la implementación de la administración de grupos, donde comentamos que el contenido de la tabla se modificaría al cambiar los combobox para los cuales implementaremos el evento Change() de ambos combobox.

Todos los datos solicitados al servidor serán devueltos en formato JSON, para lo cual implementaremos una acción en el controlador para que al solicitarle los cuatrimestres (para el PE seleccionado en el combo.) nos devuelva el resultado y será procesado con JQuery.

Img. 1. Resultado al finalizar esta parte del tutorial.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 9

En esta parte de nuestro tutorial, implementaremos la administración de grupos para nuestros cuatrimestres en un nuevo controlador llamado AdministrarGrupos, en esta parte haremos uso de JQuery para visualizar nuestros registros de grupos por cuatrimestres y programa educativo, posteriormente implementaremos también la gestión de alumnos.

Img. 1. Resultado de nuestro avance al finalizar esta parte.

Seguir leyendo