Desarrollo de Aplicaciones Cross-
Platform para Dispositivos Moviles
Building Cross-Platform Mobile Applications
M.S.C. Ra...
Contenido	
  
•  Validación	
  de	
  formularios	
  
•  Manejo	
  de	
  Base	
  de	
  Datos	
  (Server	
  Side)	
  
•  Ac<...
Validación de Formularios
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 03 of 15
•  Validación con Ja...
Required Field
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 04 of 15
<fieldset data-role="fieldconta...
Minlegth
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 05 of 15
<fieldset data-role="fieldcontain">
<...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 06 of 15
Password
<fieldset data-role="fieldcontain">
<...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 07 of 15
Confirm Password
<fieldset	
  data-­‐role="field...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 08 of 15
EMail
<fieldset	
  data-­‐role="fieldcontain">	
...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 09 of 15
Read Only
<fieldset	
  data-­‐role="fieldcontain...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 10 of 15
Desarrollo de un Formulario con Validación
[1 ...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 11 of 15
Desarrollo de un Formulario con Validación
[2 ...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 12 of 15
Bases de Datos
•  Server	
  Side	
  
•  Web	
 ...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 13 of 15
Bases de Datos Server Side
•  Database	
  Engi...
Building Cross-Plaftform Mobile Applications – jQuery Mobile
Slide 14 of 15
Base de Datos Server Side (Elementos)
•  Valid...
Ac<vidades	
  
•  Buscar plugins de validación jQuery
•  Identificar que otro tipo de validación puede ser util
•  Identif...
Upcoming SlideShare
Loading in …5
×

04 Building cross-platform mobile applications with jQuery Mobile / Desarrollo de Aplicaciones Cross-Platform para Dispositivos Moviles

647 views
541 views

Published on

Building cross-platform mobile applications with jQuery Mobile
Desarrollo de Aplicaciones Cross-Platform para Dispositivos Moviles

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
647
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

04 Building cross-platform mobile applications with jQuery Mobile / Desarrollo de Aplicaciones Cross-Platform para Dispositivos Moviles

  1. 1. Desarrollo de Aplicaciones Cross- Platform para Dispositivos Moviles Building Cross-Platform Mobile Applications M.S.C. Raquel Vásquez Ramírez M.S.C. Cristian A. Rodríguez Enríquez
  2. 2. Contenido   •  Validación  de  formularios   •  Manejo  de  Base  de  Datos  (Server  Side)   •  Ac<vidades   Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 02 of 15
  3. 3. Validación de Formularios Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 03 of 15 •  Validación con JavaScript (Expresiones Regulares) •  Validación Server Side (Vía AJAX) •  Validación con Plugin jQuery (JavaScript)
  4. 4. Required Field Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 04 of 15 <fieldset data-role="fieldcontain"> <label for="username">Username:</label> <input type="text" name="username" id="username" class="required"> </fieldset>
  5. 5. Minlegth Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 05 of 15 <fieldset data-role="fieldcontain"> <label for="username">Username:</label> <input type="text" name="username" id="username" class="required” minlength="5"> </fieldset>
  6. 6. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 06 of 15 Password <fieldset data-role="fieldcontain"> <label for="password">Password:</label> <input type="password" name="password" id="password" class="required" minlength="5"> </fieldset>
  7. 7. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 07 of 15 Confirm Password <fieldset  data-­‐role="fieldcontain">      <label  for="password2">Confirm  Password:</label>    <input  type="password"  name="password2"  id="password2"   class="required  passmatch"  minlength="5">   </fieldset>  
  8. 8. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 08 of 15 EMail <fieldset  data-­‐role="fieldcontain">      <label  for="email">Email:</label>    <input  type="email"  name="email"  id="email"  class="required   email"  minlength="5">   </fieldset>  
  9. 9. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 09 of 15 Read Only <fieldset  data-­‐role="fieldcontain">      <label  for="username">Username:</label>    <input  type="text"  name="username"  id="username"  value=“"   readonly="readonly">   </fieldset>  
  10. 10. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 10 of 15 Desarrollo de un Formulario con Validación [1 de 2] •  Username  (Required)   •  Password  (Required,  Confirm)   •  Email  (Required,  Format)   •  Favorite  Color  Required   •  Home  Town  
  11. 11. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 11 of 15 Desarrollo de un Formulario con Validación [2 de 2] •  Recuperar  Valores   •  Validación  de  Datos  (Server  Side)   •  Procesamiento  de  Datos   •  Respuesta  (Feedback)   •  Almacenamiento  de  Datos   •  Confirmación  Registro   •  …  
  12. 12. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 12 of 15 Bases de Datos •  Server  Side   •  Web  Applica<on   •  Web  Services   •  RESTFul   •  SOAP   •  Client  Side   •  Browser  Database  (HTML  5)   •  SQLite  (Combinado  con  Otras  Tecnologías)  
  13. 13. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 13 of 15 Bases de Datos Server Side •  Database  Engines   •  MySQL   •  PosgreSQL   •  SQL  Server   •  Oracle   •  Firebird   •  Mongo  DB   •  …  
  14. 14. Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 14 of 15 Base de Datos Server Side (Elementos) •  Validación  de  Datos  (Nulo,  Vacio,  Tipo,  Longitud)   •  Procesamiento  (Formato  de  Datos  -­‐>  Formato  de  Fecha)   •  Logica  de  Negocio  (Almacenar  Información,  Reportes,  …)  
  15. 15. Ac<vidades   •  Buscar plugins de validación jQuery •  Identificar que otro tipo de validación puede ser util •  Identificar las opciones de visualización de la validación •  Validar Formulario con Acceso a Base de Datos (Server Side) Building Cross-Plaftform Mobile Applications – jQuery Mobile Slide 15 of 15

×