Chalalo Land

Tecnologías ASP.NET y un poco Más

Contacto


 Si quierer cooperar, yo feliz, muy agradecido :)

De donde me Visitan?

Locations of visitors to this page

Generic Content

Si te gustaron los articulos, y te animas te estaría muy agradecido!


Recent Posts

Tags

Community

Blogs de MVP

Amigos Geeks

Blogs Imperdibles

GODS

Archives

Email Notifications

[Tips]ASP.NET , determinar si nos navegan desde un cliente móbil & JQuery – JQTouch,

Hola!, de hace un tiempo que estoy con la inquietud de crear aplicaciones para dispositivos móviles. Generalmente podemos encontrar de dos tipos, las que son App instaladas en el teléfono, o otras que abren el navegador del dispositivo y que corresponden a páginas web que deben estar seteadas para el dispositivo.

Request.Browser.IsMobileDevice de ASP.NET nos permite determinar si el browser que está navegando nuestra página corresponde al de un dispositivo móvil. De hecho podemos ver más información del browser como:

Response.Write("<B>User Agent:</B> " & Request.UserAgent & "<BR />")        Response.Write("<B>Movil:</B> " & Request.Browser.IsMobileDevice & "<BR />")
Response.Write("<B>Browser:</B> " & Request.Browser.Browser & "<BR />")
Response.Write("<B>Version:</B> " & Request.Browser.Version & "<BR />")
Response.Write("<B>Mayor:</B> " & Request.Browser.MajorVersion & "<BR />")
Response.Write("<B>Menor:</B> " & Request.Browser.MinorVersion & "<BR />")

El resultado es:

image


Con esto obviamente puedes redireccionar tu sitio a una página hecha para dispositivos móviles,ahora bien, también gustaría saber que dispositivo móvil está navegando nuestra página,  ya que no todos tienen la misma resolución.Para esto podemos utilizar Request
.UserAgent
que contiene como string el tipo de dispositivo, por ejemplo podemos determinar el tipo de teléfono (fijando el en tipo de navegador, aunque muchas veces no es lo más certero)

  • userAgent.Contains("iphone")
  • userAgent.Contains("blackberry")
  • userAgent.Contains("palm")
  • Etc….

Es en este sentido, con toda esta latera introducción, que te quería recomendar , si es que querías hacer algo similar, le hecharas uno ojo a JQTouch, que está basado en jQuery, que nos permite realizar páginas con “look and Feel” similar a una UI de Iphone:

http://jqtouch.com/

Que no solo consiste en los gráficos, si no que también son similares en comportamiento, es decir, el scroll, botones, navegación y demases,

image

Yo no tengo IPhone, pero puedo utilizar safari para probar las páginas que estoy haciendo,tambien en Blackberry vas a encontrar emuladores, la idea es que aunque no tengas el dispositivo físico, puedas crear tus aplicaciones y navegarlas con los dispositivos.

Por mi parte, estoy entusiasmado para crear web y app para móviles Sonrisa, espero que esto que escribií recien, te sirva!

Saludos,
Gonzalo!

Posted: 17/7/2010 8:00 por Gonzalo Perez | con 4 comment(s)
Archivado en: ,
Comparte este post:

Comentarios

Pepius ha opinado:

Además del chapucero "Response.Write" le recuerdo que el estándar XHTML exige que todas las etiquetas sean en minúsculas...

# July 18, 2010 11:28 AM

Gonzalo Perez ha opinado:

Pepius,

Tienes razon sobre el estandar XHTML, pero el tema del response.write, es solo para escribir en la pantalla no neccesito ni Labels ni nada. Es solo para ejemplo.

Gracias por las críticas, mientras sean constructivas, todo bien :)

# July 18, 2010 3:41 PM

Maximuns ha opinado:

Buen dato!, como  para hacer nuestras versiones moviles.

# July 19, 2010 1:14 AM

ignacio ha opinado:

excelente articulo, lei en el diario el sur algo sobre el desarrollo de su web para mobiles hace un tiempo atras

saludos  

# July 20, 2010 4:41 AM