• Author / Uploaded
• Hilda Calva Perez

Citation preview

---

PROGRAMACION DE TERMINALES MOVILES

6 HTML5, CSS3, JavaScript

Profesor: Edwin Martínez Hernández [email protected]

Morelia, Michoacán, México. 2013

http://www.aptana.com/products/studio3

2

En los últimos años se ha ido reconduciendo poco a poco la forma en que los usuarios navegan por la web. Mes a mes aumenta el número de navegantes de forma casi exponencial. Es por esto que se ha desatado una auténtica revolución entre los webmasters por el desarrollo de web apps para sus páginas. Una web app no es más que una versión de la web optimizada para su perfecta visualización en dispositivos móviles gracias a HTML5 y CSS3. 3

Ventajas de una web app La principal ventaja de las webapps es su versatilidad. En principio, una web app se podrá visualizar en cualquier dispositivo móvil, ya sea Android, iOS, Blackberry o Windows Phone, basta con que dicho terminal tenga un navegador móvil. Si bien es cierto que para la correcta visualización en cada plataforma la webapp deberá incorporar algún que otro fragmento de código especial para cada una. 4

Al no ser una aplicación descargable desde los markets, no es necesario pasar ningún proceso de validación, y lo que es más importante, los sites de venta online o de contenidos se librarán de pagar el impuesto revolucionario por las ventas realizadas a través de la webapp que en algunos casos como en el AppStore llegan al 30%. El diario británico Financial Times en una operación bastante arriesgada sustituyó su aplicación en el App Store por una web app para librarse de pagar a Apple. m.ft.com 5

6

7

8

9

Soluciones híbridas En muchas ocasiones es útil implementar soluciones híbridas que consisten en aplicaciones nativas en las que determinadas secciones muestran contenido web cargado desde un servidor o desde dentro de la propia aplicación. Esto permite en determinados casos beneficiarse de las ventajas de facilidad de implementación de actualización de las web apps, manteniendo las ventajas de potencia y canal de distribución de las apps nativas. 10

Buscar 3 WebApps para Android y una solución Hibrida y mostrarlas en el emulador

11

Ventajas de una web app La principal ventaja de las webapps es su versatilidad. En principio, una web app se podrá visualizar en cualquier dispositivo móvil, ya sea Android, iOS, Blackberry o Windows Phone, basta con que dicho terminal tenga un navegador móvil. Si bien es cierto que para la correcta visualización en cada plataforma la webapp deberá incorporar algún que otro fragmento de código especial para cada una.

En caso de actualización, no es necesario que el usuario deba actualizarse pues al ser una página web, siempre se accederá a la versión más actualizada. 12

Contras de una web app Al no ser una App en sí, se pierde el potencial de aparecer en los markets y aprovechar sus posibilidades de promoción. Siempre será necesario contar con una conexión a internet. Aunque existen frameworks muy potentes para otorgarle a la webapp un aspecto y Look&Feel de aplicación nativa, algunas funcionalidades propias de un Smartphone no estarán disponibles

13

¿Necesito una web app? Con todo esto, a la hora de decidir si desarrollar una webapp o una aplicación nativa, habrá que analizar a fondo las necesidades y requisitos de nuestro negocio para saber si nos compensa o no crear una web app.

14



Un cuadro de texto

Ingreso de Datos de Libros

Nombre del Libro:

Type=Text

Name=NombreLibro

16



Un cuadro de texto

Ingreso de Datos de Libros

Nombre del Libro:

Type=Text

Name=NombreLibro

17

Nombre del Libro:

18

Nombre del Libro:
Abstract: Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.

19

Nombre del Libro:
Abstract: Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.
Descriptores:

20

Nombre del Libro:
Abstract: Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.
Descriptores:
Su Contraseña:

21

Nombre del Libro:
Abstract: Ingrese un resumen del libro, puede ser la descripción contraportada.
Descriptores:
Su Contraseña:

Size=40 pequeño de la Cols=40 Size=10

22

Nombre del Libro:
Abstract: Ingrese un resumen del libro, puede ser la descripción contraportada.
Descriptores:
Su Contraseña:

Size=40 pequeño de la Cols=40 Size=10

23

... Habilitado

24

... Habilitado
Tipo de Pasta: Suave Dura Empastado

25

... Habilitado
Tipo de Pasta: Suave Dura Empastado
Procedencia: Donación Remesa Préstamo

26

...

27

...

28

... Guardar

y

29

Hidden – escondido

File – archivo

30

action El atributo “action” indica el tipo de acción que va a realizar el formulario. Anteriormente indicamos que la información podía enviarse a un correo electrónico o a un programa que la gestione. Es mediante esta etiqueta que se gestionan los formularios.