Marilyn correa

Sebastin Landinez
Luis Pez
Jess Sols
Programacin en dispositivos mviles
 Es un frameworks de interfaz de usuario basada
en HTML5 diseado para hacer que los sitios
web sensibles y aplicaciones que son
accesibles en todos los dispositivos de telfonos
inteligentes, tabletas y computadores de
escritorio.
Utiliza HTML5, CSS3,JS Y AJAX.
Construido sobre la librera JQuery Mobile.
 El frameworks es simple de usar
La filosofa de JQuery Mobile es soportar tanto
la gama alta de los dispositivos como aquellos
que no soportan sus funciones.
Tiene accesibilidad
Proporciona un sistema de temas que nos
ofrece una aplicacin a nuestro propio estilo.
Presenta una gran variedad de libreras.
 En un archivo HTML ah varias paginas
(pantalla) mviles.

Habitualmente se puede usar un <div>.

Cada pantalla debe tener una etiqueta data-

role=page.

Cada pantalla tiene una cabecera, un contenido

y un pie.
 Data-role: Es un atributo que indica el tipo y la
funcin del elemento que es agregado al
documento HTML.
Page: alberga entre sus etiquetas una pagina, al
documento se le puede agregar tantas paginas
como quieras.

Header: alberga el titulo de la pagina.

Content: alberga el contenido principal de la

pagina.

Footer: alberga el pie de pagina.

 Un solo documento HTML puede tener una o
varias paginas JQuery Mobile, como lo indica el
data-role=page atributo.

Si tiene varias paginas debe especificar el

atributo de identificacin con un numero de
identificacion nico de la pagina que se utiliza
para vincular paginas internas.
 Con JQuery Mobile puede utilizar el atributo
tema de datos para personalizar la aparicin de
la aplicacin con los temas.

JQuery Mobile proporciona un tema

predominado y cinco muestras adicionales
desde la A ala E.
swatch
 Es una interfaz de usuario donde podremos
disear y construir nuestros propios themes
JQuery personalizados y listo para ser
descargados.

Podemos cambiar el tipo de fuente, cambiar el

radio de los bordes, modificar el color de los
iconos y muchas otras cosas.
 Ahora vamos ala opcin
Ahora podemos ver
guardo el archivo como verde.nupkge en la
carpeta del proyecto

A continuacin veremos que nuestro tema

ya est instalado:
Ahora voy a agregar el CSS, al archivo
_Layout,

Y al ejecutar el proyecto
nuevamente vemos el tema
ya aplicado.