Diferencia entre revisiones de «Usuario:Juanda/phonegap/jquerymobile»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con '{{Usuario:juanda/phonegap/nav }} {{#widget:Slides}} {{MiTitulo| Curso de jQuery-Introducción}} <div class="slides layout-regular template-default"> <div class="slide"> = Empe…')
 
Línea 3: Línea 3:
 
<div class="slides layout-regular template-default">
 
<div class="slides layout-regular template-default">
 
<div class="slide">
 
<div class="slide">
 
+
= Proyecto Android con PhoneGap =
= Empezando con PhoneGap =
+
 
</div>
 
</div>
 
 
 
<div class="slide">
 
<div class="slide">
 
=== Arquitectura===
 
=== Arquitectura===
Línea 19: Línea 16:
 
*Javascript para acceder y controlar el dispositivo
 
*Javascript para acceder y controlar el dispositivo
 
</div>
 
</div>
 
<div class="slide">
 
 
===Entorno de desarrollo en Android===
 
*JDK (Android se programa en Java)
 
*Eclipse
 
*Android SDK
 
*Android ADT Plugin para Eclipse
 
*Android AVD (Android Virtual Device)
 
*PhoneGap SDK para Android
 
*Menos PhoneGap, el resto se pueden obtener mediante una [http://developer.android.com/sdk/index.html descarga única]
 
</div>
 
<div class="slide">
 
===Emulador Android===
 
*[http://www.youtube.com/watch?feature=player_embedded&v=k2Ly6O9LlPw Video sobre como crear dispositivos AVD] [http://www.media.formandome.es/android/avd.webm Descargar video]
 
*Teclas de acceso rápido:
 
:Inicio: Tecla Home.
 
:F2: Tecla Menú.
 
:Esc: Tecla de volver.
 
:F7: Tecla On/Off
 
:Ctrl-F5/Ctrl-F6 óKeyPad +/-: Control de volumen de audio.
 
:Ctrl-F11 ó KeyPad 7: Cambia la orientación entre horizontal y vertical.
 
:Alt-Intro: Visualiza el emulador a pantalla completa.
 
</div>
 
<div class="slide">
 
 
===Nuevo proyecto Android===
 
[[Archivo:new_android_project.png|600px|thumb|center|Nuevo Proyecto mediante Android]]
 
</div>
 
<div class="slide">
 
*[http://www.youtube.com/watch?feature=player_embedded&v=DZ5H99R3ghg#! Video Introducción Android] [http://www.media.formandome.es/android/intro_android.webm Descargar video]
 
*[http://www.youtube.com/watch?feature=player_embedded&v=OZq-7T5kOrk#! Video sobre la creación del primer programa] [http://www.media.formandome.es/android/primer_programa.webm Descargar video]
 
*'''Application Name:'''
 
:Es el nombre de la aplicación que aparecerá en el dispositivo Android. Tanto en la barra superior cuando esté en ejecución, como en el icono que se instalará en el menú de programas.
 
*'''Project Name:'''
 
:Es el nombre del proyecto. Se creará una carpeta con el mismo nombre que contendrá los ficheros del proyecto.
 
</div>
 
<div class="slide">
 
*'''Package Name:'''
 
:Indicamos el paquete con el espacio de nombres utilizado por nuestra aplicación. Hay que usar las reglas de los espacios de nombre en el lenguaje de programación Java. Las clases que creemos estarán dentro de él. Esto también establece el nombre del paquete donde se almacenará la aplicación generada.
 
</div>
 
<div class="slide">
 
*'''Minimum required SDK:'''
 
:Este valor especifica el mínimo nivel del API que requiere tu aplicación. Por lo tanto, la aplicación no podrá ser instalada en dispositivos con una versión inferior. Procura escoger valores pequeños para que tu aplicación pueda instalarse en la mayoría de dispositivos. Escoger valores pequeños para este parámetro tiene un inconveniente. No podremos utilizar ninguna de las mejoras que aparezcan en los siguientes niveles de API.
 
*'''Target SDK:'''
 
:Indica la versión más alta de Android con la que se han puesto a prueba la aplicación. Cuando salgan nuevas versiones del SDK, tendrás que probar la aplicación con estas versiones y actualizar el valor.
 
</div>
 
<div class="slide">
 
*'''Compile With:'''
 
:Es la versión de la plataforma con la que compila la aplicación. Se recomienda indicar la versión más reciente que haya aparecido. Las nuevas versiones no solo añaden funcionalidades al API, también añaden mejoras en el desarrollo. Utilizar un Target SDK alto no está reñido con usar un Minimum requiered SDKpequeño.
 
</div>
 
 
<div class="slide">
 
 
 
</div>
 
 
<div class="slide">
 
 
</div>
 
 
<div class="slide">
 
 
</div>
 
 
<div class="slide">
 
 
</div>
 
 
  
 
</div>
 
</div>

Revisión de 11:34 22 feb 2013


Proyecto Android con PhoneGap

Arquitectura

Arquitectura de una aplicación en PhoneGap

Arquitectura javascript

  • Una aplicación mediante PhoneGap tendrá dos partes bien definidas:
  • JavaScript para la parte de negocio: Interfaz de usuario y funcionalidad
  • Javascript para acceder y controlar el dispositivo