Blog de Jorge Pedraza

julio 30, 2009

ASP.NET Mobile Web

Filed under: Aplicaciones Web — JorgePedraza @ 4:51 pm
Tags: , , ,

Actualmente los teléfonos celulares forma parte de nuestro estilo de vida. Hoy en día los dispositivos moviles puede conectarse a internet y ejecutar aplicaciones web como es ASP.NET Mobile Web.

Las aplicaciones ASP.NET Mobile Web puede ser desarrollada para gestionar información por los usuarios en cualquier parte del mundo a través de su teléfonos celulares con conectividad a internet.

La mayoria de esto dispositivos como Teléfono celulares soporte diferentes estandares de la internet como: WAP (Wireless Application Protocol), WML (Wireless Markup Language), HTML (HyperText Markup Language) completo o limitado. Los cuales representa las vías alterna de ASP.NET Mobile Web para delizar la información.

Para efecto de Articulo se utiliza Visual basic 2005 o superior.

El desarrollo de una solución ASP.NET mobile web; consta de unos simples pasos:

  1. Se usa Visual Studio 2005 o superior, para crear un proyecto web del tipo ASP.NET web site.
  2. Elimina el Web.config existente y luego agregar un nuevo con su configuración por defecto.
  3. Elimina pagina default.aspx y luego agregar una pagina nueva con un nombre personilizado.
  4. En el archivo de la clase vinculada a la pagina aspx, se debe cambiar la sentencia de la herencia a: Inherits System.Web.UI.MobileControls.MobilePage.
  5. En la pagina aspx se agrega en la segunda linea lo siguiente: <%@ Register  TagPrefix=”mobile”  Namespace=”System.Web.UI.MobileControls” Assembly=”System.Web.Mobile”  %>
  6. En el cuerpo de la pagina aspx se debe modificar con la siguiente instrucciones basica: <%@ Page Language=”VB” AutoEventWireup=”false” CodeFile=”TestMobile.aspx.vb” Inherits=”TestMobile” %>
    <%@ Register  TagPrefix=”mobile”  Namespace=”System.Web.UI.MobileControls” Assembly=”System.Web.Mobile”  %>
    <html xmlns=”http://www.w3.org/1999/xhtml” >
    <body>
        <mobile:form id=”form1runat=”server“>
        <mobile:Label id=”label1″ runat=”server”>Hola Mobile Web</mobile:Label>
        </mobile:form>
      </body>
    </html>
  7. Luego se puede agregar otro formulario asp.net form dentro dicho cuerpo de acuerdo a las necesidades del proyecto.
  8. Para activar un formulario en especifico y ser visualizado por la pantalla mobile se usa la siguiente instrucción desde cualquier evento relacionado : Me.ActiveForm = Form2

Controles ASP.NET mobile : A continuación se hace un resumen de controles agrupado por las siguientes categorias.

  1. Controles de Interfaz de usuarios
    1. Command : Realiza un Acción.
    2. Form : Define un contenedor de controles movíles
    3. Image : Define una Imagen.
    4. Label : Define un texto.
    5. Link : Define Hipervínculo.
    6. List : Define una lista.
    7. MobilePage : Define la clase base para todas la paginas mobiles.
    8. ObjectList : Define uns lista de objetos de datos.
    9. Panel : Define un contenedor para otros controles.
    10. SelectionList : Define un lista de selección
    11. StyleSheet : Define un estilo para aplicar a otros controles.
    12. TextBox : Define un caja de entrada de simple linea.
    13. TextView : Define un caja de entrada de  multi linea.
  2. Controles de validación
    1. CompareValidator : Compara el valor de un control de entrada con el valor de otro control de entrada o un valor fijo.
    2. CustomValidator : Permite escribir un metodo para manejar la validación de un valor de entrada.
    3. RangeValidator : Asegura que el valor de cualquier control de entrada coincida con un patron especifico.
    4. RegularExpressionValidator : Hace que un control de entrada sea un campo requerido.
    5. ValidationSummary : Muestra un resumen de todos los errores de validaciones ocurrido en la pagina.
  3. Controles de utilidad
    1. AdRotater : Muestra Anuncios
    2. Calendar : Muestra un Calendario.
    3. PhoneCall : Llama un numero de teléfono.

Es importante resaltar que debido a la capacidades reducida de la mayoria de dispositivos movíles (teléfonos celulares). Ellos carecen de funcionalidad de lenguaje javascript de lado del cliente. por tal razón al momento de trabajar con controles especiales como lo de validación; se termina controlado todo el comportamiento de la pagina y su controles vía codigo .NET, Ejemplo:

  • Protected Sub Command1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Command1.Click
            If Me.IsValid Then
                edad = CInt(TextBox1.Text)
                Me.ActiveForm = Form2
            End If
        End Sub

Aplicando Mejores Practicas para las Aplicaciones Movíles:

  1. Utiliza contenido de pagina.
  2. Enviar solo registros de datos, que este interesado el usuario.
  3. Prueba controles de adaptación con varios dispositivos. incluyendo dispositivos que muestra pocas lineas.
  4. Presenta al usuario valores por defecto, siempre que sea posible.
  5. Evaluar el uso del ViewState.
  6. Usar caché  cuando sea posible, para evitar cargar datos recurrente al servidor.
  7. Combinar varios formulario en un pagina.
  8. Usar sesiones sin cookie.
  9. Usar Hipervínculo a un formulario
  10. Minimizar el uso de imagenes.

Para el desplegué de la solución ASP.NET mobile web necesita de:

  1. IIS 5.1 o superior (Windows XP Profesional SP3 o superior)
  2. .NET Framework 2.0 SP 2 o Superior.
  3. Conectividad a la red (internet)

Para mayor información consulta:

Adicionalmente anexo codigo fuente TestMobileWeb

1 comentario »

  1. Muchas gracias, su sitio me parece muy interesante,

    Comentario por jalberto — mayo 27, 2012 @ 5:56 pm | Responder


RSS feed for comments on this post. TrackBack URI

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Crea un blog o un sitio web gratuitos con WordPress.com.

A %d blogueros les gusta esto: