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

De WikiEducator
Saltar a: navegación, buscar
(Instalación de plugins html y javascript para Eclipse)
 
(7 revisiones intermedias por el mismo usuario no mostrado)
Línea 15: Línea 15:
 
*PhoneGap SDK para Android
 
*PhoneGap SDK para Android
 
*Menos PhoneGap, el resto se pueden obtener mediante una [http://developer.android.com/sdk/index.html descarga única]
 
*Menos PhoneGap, el resto se pueden obtener mediante una [http://developer.android.com/sdk/index.html descarga única]
 +
*Instalación de plugins para desarrollo web con Eclipse
 
</div>
 
</div>
  
Línea 20: Línea 21:
  
 
====Personalización Eclipse para Web====
 
====Personalización Eclipse para Web====
Si tuvieramos instalado el Eclipse de Ubuntu 12.04 (Indigo 3.7) podemos desinstalarlo (no es necesario):
+
*Si tuvieramos instalado el Eclipse de Ubuntu 12.04 (Indigo 3.7) podemos desinstalarlo (no es necesario):
 
<source lang="bash">
 
<source lang="bash">
 
sudo apt-get remove eclipse-platform
 
sudo apt-get remove eclipse-platform
 
</source>
 
</source>
 
[http://www.eclipse.org/downloads/ Descargamos Eclipse Classic], la versión actual es la 4.2 (Juno).
 
[http://www.eclipse.org/downloads/ Descargamos Eclipse Classic], la versión actual es la 4.2 (Juno).
Descomprimimos el fichero en el directorio que nos parezca (/home/usuario) es una buena opción).
+
*Descomprimimos el fichero en el directorio que nos parezca (/home/usuario) es una buena opción).
Si al ejecutarlo nos pide el entorno de java, deberemos instalarlo:
+
*Si al ejecutarlo nos pide el entorno de java, deberemos instalarlo:
 
<source lang="bash">
 
<source lang="bash">
 
$ sudo apt-get install openjdk-7-jre
 
$ sudo apt-get install openjdk-7-jre
 
</source>
 
</source>
El paquete openjdk-7-jre contiene tan solo el Java Runtime Environment. Para desarrollar en Java haría falta instalar el paquete openjdk-7-jdk que contiene el Java Development Kit.
+
</div>
Una vez que podamos ejecutar Eclipse, configuramos un nuevo repositorio de descarga de software, desde el menú ''''Help->Install new software''''
+
<div class="slide">
http://download.aptana.com/studio3/plugin/install
+
*El paquete openjdk-7-jre contiene tan solo el Java Runtime Environment.
 
+
*Para desarrollar en Java haría falta instalar el paquete openjdk-7-jdk que contiene el Java Development Kit.
Creamos el enlace al nuevo Eclipse en nuestro sistema:
+
*Creamos el enlace al nuevo Eclipse en nuestro sistema:
 
<source lang="bash">
 
<source lang="bash">
 
juanda@juanda-PC:/usr/bin$ cat eclipse
 
juanda@juanda-PC:/usr/bin$ cat eclipse
Línea 43: Línea 44:
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
====Instalación de plugins para Eclipse====
+
*Una vez que podamos ejecutar Eclipse, configuramos un nuevo repositorio de descarga de software, desde el menú ''''Help->Install new software''''
Help->Install new software<br/>
+
http://download.aptana.com/studio3/plugin/install
Seleccionamos en los repositiorios el de Juno: Juno - http://download.eclipse.org/releases/juno e instalamos:<br/>
+
:Web Developer Tools (html, css y javascript)
+
:JavaScript Development Tools
+
  
</div>
+
*Otra opción es instalar plugins específicos (es la que yo prefiero).
  
 +
</div>
 +
<div class="slide">
  
 +
====Instalación de plugins html y javascript para Eclipse====
 +
*Help->Install new software
 +
*Seleccionamos en los repositiorios el de Juno: Juno - http://download.eclipse.org/releases/juno e instalamos:
 +
:Web Developer Tools (html, css y javascript)
 +
:JavaScript Development Tools
 +
</div>
 
<div class="slide">
 
<div class="slide">
  
=== Instalación plugin de jQuery para Eclipse Juno ===
+
==== Instalación plugin de jQuery para Eclipse Juno ====
 
*Instalamos el Marketplace de Eclipse desde Help->Install new Software
 
*Instalamos el Marketplace de Eclipse desde Help->Install new Software
 
*Ejecutamos Help->Eclipse Marketplace y buscamos JSDT jQuery y lo instalamos
 
*Ejecutamos Help->Eclipse Marketplace y buscamos JSDT jQuery y lo instalamos
Línea 60: Línea 66:
 
:Project Explorer->JavaScript Resources
 
:Project Explorer->JavaScript Resources
 
:Properties (botón derecho) y pulsamos en Add JavaScript Library y seleccionamos jQuery.
 
:Properties (botón derecho) y pulsamos en Add JavaScript Library y seleccionamos jQuery.
 
 
 
</div>
 
</div>
 
</div>
 
</div>

Última revisión de 12:10 29 may 2013


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 descarga única
  • Instalación de plugins para desarrollo web con Eclipse

Personalización Eclipse para Web

  • Si tuvieramos instalado el Eclipse de Ubuntu 12.04 (Indigo 3.7) podemos desinstalarlo (no es necesario):
sudo apt-get remove eclipse-platform

Descargamos Eclipse Classic, la versión actual es la 4.2 (Juno).

  • Descomprimimos el fichero en el directorio que nos parezca (/home/usuario) es una buena opción).
  • Si al ejecutarlo nos pide el entorno de java, deberemos instalarlo:
$ sudo apt-get install openjdk-7-jre
  • El paquete openjdk-7-jre contiene tan solo el Java Runtime Environment.
  • Para desarrollar en Java haría falta instalar el paquete openjdk-7-jdk que contiene el Java Development Kit.
  • Creamos el enlace al nuevo Eclipse en nuestro sistema:
juanda@juanda-PC:/usr/bin$ cat eclipse
#!/bin/sh
ECLIPSE=/home/juanda/eclipse/eclipse
exec $ECLIPSE
  • Una vez que podamos ejecutar Eclipse, configuramos un nuevo repositorio de descarga de software, desde el menú 'Help->Install new software'

http://download.aptana.com/studio3/plugin/install

  • Otra opción es instalar plugins específicos (es la que yo prefiero).

Instalación de plugins html y javascript para Eclipse

Web Developer Tools (html, css y javascript)
JavaScript Development Tools

Instalación plugin de jQuery para Eclipse Juno

  • Instalamos el Marketplace de Eclipse desde Help->Install new Software
  • Ejecutamos Help->Eclipse Marketplace y buscamos JSDT jQuery y lo instalamos
  • Configuración:
Project Explorer->JavaScript Resources
Properties (botón derecho) y pulsamos en Add JavaScript Library y seleccionamos jQuery.