CENTRO DE ESTUDIOS TECNOLOGICOS INDUSTRIAL Y DE

SERVICIOS 109ALUMNOS:

• MICHELLE PEÑA RODRIGUEZ• DIANA LISBETH NIETO LINARES

• CRISTIAN LEONARDO TORRES TRISTAN4to Am PROGRAMACION

MAESTRA: MARGARITA ROMERO ALVARADODISEÑO DE APLICACIONES WEB

¿Qué es Eclipse? Eclipse es una plataforma de software compuesto por un conjunto de herramientas de programación

de código abierto multiplataforma para desarrollar lo que el proyecto llama "Aplicaciones

de Cliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores.

Esta plataforma, típicamente ha sido usada para desarrollar entornos de desarrollo integrados

 (del inglés IDE), como el IDE de Java llamado Java Development Toolkit (JDT) y el compilador (ECJ) que se entrega como parte de Eclipse (y que son

usados también para desarrollar el mismo Eclipse).

¿Qué debemos descargar para poder instalar

Eclipse?

Los programas que utilizaremos son:Eclipse Java JDKSDK Manager

Cada una de ellas podemos descargarlas desde sus sitios oficiales o buscar versiones

anteriores

JAVA JDK Dan Clic en JDK y los re direccionara a la pagina de descarga

Aceptamos la licencia, después seleccionaremos el que sea de nuestro sistema operativo y comenzara a descargar automáticamente

Abrimos el instalador, daremos en siguiente o configuramos si queremos la ruta de instalación, y comenzara la instalación. Puede que nos instale mas cosas, pero son las que Java necesita para instalarlo. Nos avisara cuando la instalación haya terminado

eclipse

Descarguen el que sea de su sistema operativo y si es de 32 o 64 bits

Cuando lo descarguemos nos dejara una carpeta que contendrá estos archivos, y

entre ellos estará el ejecutable de la aplicación

ANDROID STUDIO (SDK)

Cuando ya lo tengamos instalado y abrimos el Android SDK Manager nos saldrá esta ventana, que es para revisar si todo esta actualizado

Cuando hayamos instalado todo podemos hacer un acceso directo al escritorio y ya podríamos abrirla

Y esta seria la interfaz de la aplicación

Links de Descarga :D• Java:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

• Eclipse: http://www.eclipse.org/downloads/

• SDK: http://developer.android.com/intl/es/sdk/index.html

FUNCIONES DE ECLIPSE

FILE:En el se encuentran las opciones para hacer un nuevo programa, abrir un archivo, cerrar uno o todos los archivos, guardar el archivo hasta en que carpeta queremos guardarlo, renombrar el archivo, mover

FILE > NEW:

Aquí podemos crear un nuevo: Proyecto Java, Proyecto de aplicación Android, Proyecto…, Paquete, Clase, Interfaz, Enumeración, Anotaciones, Carpeta de origen, Set de trabajo Java, Carpeta, Archivo, archivo sin titulo, Archivo Android XML, unidad de prueba, Ejemplo…, Otros…

FILE:Refrescar, imprimir, hacer un espacio de trabajo, reiniciar, importar y exportar, ver las propiedades del mismo y hasta salir del programa.

FILE > CONVERT LINE DELIMITERS TO

Aquí se puede convertir a la línea delimitadores a: Windows, Unix y MacOS

FILE > SWITCH WORKSPACE

Aquí se puede cambiar a otro espacio de trabajo que nosotros tengamos en una carpeta determinada

EDIT :

Podemos deshacer y rehacer cambios en el archivo, cortar, copiar y pegar, eliminar y seleccionar todo, buscar y reemplazar, añadir un marcador y añadir una tarea

RUN:

Podemos correr el programa, depurarlo, ver el historial de corrida del programa, correr como…, configuraciones de corrida de programa, historial de depuración, depurar como…, configuración de depuración, punto de interrupción, punto línea de interrupción, punto de observación

RUN:

Añadir un punto de observación de java, añadir una clase cargada, tipos de puntos de interrupción, agregar referencias, agregar instancias, numero de instancias, mirar, inspeccionar, monitor, ejecutar, forzar regreso etapa de selección de información y herramientas externas.

SOURCE:Comentario de palanca, agregar bloque de comentario. Remover bloque de comentario, generar comentario de elemento , desplazar a la derecha, desplazar a la izquierda, sangría correcta, formato, elementos del formato, añadir importación, organizar importación, ordenar los miembros,

SOURCE:

Sustituir / implementar métodos, generar captadores y definidores, generar delegar métodos, generar a String(), generar hashCode() y equials(), generar constructor usando campos, generar constructores de superclase, rodear con:, exteriorizar Strings… y buscar rotos exteriorizar String .

NAVIGATE:

Entrar en, ir a, abrir, abrir tipo de jerarquía, abrir llamada de jerarquía, abrir hiperenlace, abrir implementación, abrir súper implementación, abrir archivo Javadoc, abrir de portapapeles

NAVIGATE:

Abrir tipo, abrir tipo en jerarquía, abrir recurso…, mostrar en…, siguiente, previo, editar anterior localización, atrás y adelante.

NAVIGATE > GO TO:En este apartado podemos ir hacia atrás, hacia

adelante, ir a otro nivel, Tipo…, Paquete…, Recursos

NAVIGATE > SHOW IN: En este apartado podemos mostrar los

Repositorios GIT, Historial, Navegador, Explorador de Proyectos, Propiedades

SEARCH:

Buscar…, archivo…, Java…, texto, referencias, declaraciones, implementaciones, leer accesos, escribir acceso, ocurrencias en archivo, prueba de referencia.

SEARCH > TEXT, REFERENCES, DECLARATIONS, IMPLEMENTORS, READ

ACCESS, WRITE ACCESS

En los apartados de Texto, referencia, declaraciones, implementaciones, leer acceso y acceso en blanco se

utilizan las mismas opciones, que son de espacio de trabajo, proyecto, archivo y set de trabajo

SEARCH > OCCURRENCES IN FILE

Identificar, implementar métodos, excepciones de lanzamiento, métodos de salida, romper/continuar

tarjeta

PROJECT:

Abrir proyecto, cerrar proyecto, construir todo, construir proyecto, construir el conjunto de trabajo, limpiar, construcción automática, generar JAVADOC…, propiedades.

REFACTOR:

Android, Renombrar…, Mover… , Firma del método de cambio…, Extraer método…, Extraer Variable Local…,Extraer constante…, En línea…,Convertir variable local de campo…, Convertir clase anónima para anidada…, Tipo de movimiento a un nuevo archivo…, Extraer superclase…, Extraer Interface…

REFACTOR > ANDROID

Cambiar tipo de Widget, cambiar diseño, remover envase, envolver, extraer estilo, incluir en extracción,

extraer Android String

REFACTOR:Utilice supertipo cuando sea posible…, empuje hacia abajo…, Levantar…, Extraer Clase…, Introducir parámetros de objeto…, Introducir indirección, Introducir Fabrica, Introducir Parámetro, Encapsular Archivo, Generalizar tipo Declare, Deducir argumentos de tipo genérico, migrar archivo Jar

WINDOWS:

Nueva ventana, nuevo editor, abrir perspectiva, mostrar vistas, personalizar perspectiva…, guardar perspectiva como…, reiniciar perspectiva, cerrar perspectivas, cerrar todas las perspectivas, navegación, Android SDK Manager, Gestor de Dispositivo Virtual de Android, correr hilos en Android, preferencias

WINDOWS > OPEN PERSPECTIVE

WINDOWS > SHOW VIEW

WINDOWS > NAVIGATION

HELP:

BienvenidosAyuda con el contenidoBuscarAyuda DinámicaAsistente de llave…Tips y trucos…Hoja de trucos…Verificar actualizacionesInstalar nuevo software…Acerca de ADT

Aquí se puede

crear un nuevo

archivo, guardarlo todo o imprimir

lo

Aquí esta el Android SDK, el dispositivo

Android Virtual, la

casilla es para reproducir

hilos, y crear archivo

Android XML

Esta la Depuración de Android,

podemos correr el

programa, y correr ultima

herramienta

Aquí podemos abrir un Nuevo

Paquete de Java y

Nueva Clase Java

Abrir tipo y podemos buscar

información

Aquí se puede Saltar todos los puntos de interrupción, siguiente y anterior anotación, editar anterior locación y volver y regresar a un archivo

PACKAGE EXPLORER

En este apartado podemos ver todos los paquetes o proyectos que tenemos en la aplicación, al igual que podemos compartir el link con el editor, filtrar cosas en el archivo, etc.También podemos ver una vista rápida

En esta ventana podemos observar nuestro progreso de creación de la aplicación al igual que las opciones que usaremos

Esta es la consola en la cual podemos revisar si existen problemas en la

aplicación que estamos creando, ver los JAVADOC, las declaraciones y revisar si

la aplicación corre bien

En esta barra se muestra el total de memoria que se esta usando y el máximo que puede usar, y también para liberar

memoria

Como crear un Nuevo Proyecto de Aplicación

Android

Para comenzar tenemos que irnos a:

File – New – Android Application Project

Esta será la primer ventana que nos va a aparecer, la cual tiene muchas opciones.

En esta parte podemos nombrar a la aplicación que haremos,

Nombrar el proyecto y nombrar el package

En esta parte podemos elegir los requerimientos mínimos del sistema operativo Android para correr la aplicación, la tarjeta SDK, en que versión se compilara y el tema que se utilizara en la interfaz de la aplicación

Después daremos a NEXT >

En la siguiente pantalla podemos elegir las casillas para crear un icono en el launcher o crear una actividad

Daremos clic en NEXT>

Aquí podemos seleccionar el un icono para la aplicación, lo podemos elegir si tenemos uno en nuestra computadora o dejamos el predeterminado

Le damos a NEXT>

Crear una actividad:

Aquí se selecciona si desea crear una actividad, y si es así , qué tipo de actividad quiere crear entre las opciones de…*Actividad en blanco *Actividad pantalla completa *Maestro / Detalle de Flujo

Después se da en Next para continuar…

Una vez elegida que tipo de actividad será, se escribirá:*Que nombre se le asignara

*El nombre de la presentación

*Y el tipo de navegación

Y se dará en Finalizar

Así aparecerá la vista de la nueva Actividad que acabamos de crear

Aquí se pueden ver los datos que elegimos para este tipo de actividad

Nombre de la ActividadPaleta*Formar Widgets:Aquí se elige la Vista del Texto.. (Grande, Mediano, Pequeño)Si quieres Botones… (Botón, Pequeño, ninguno)-Casilla de Verificación*Botón de Radio*Ver todo el texto revisadoSpinner: permite al usuario ajustar un valor dentro de un cuadro de texto.

*Campo de Texto*Diseño*Compuesto*Imágenes y Videos*Tiempo y Fecha*Transiciones*Avanzado*Otro…*Vistas Personalizadas y Bibliotecas

TEXT FIELDS

Aquí podemos ver como estará organizado el texto de la aplicación

LAYOUTS

Aquí podemos ver el diseño que tendrá cada parte de la aplicación

COMPOSITE:Aquí podemos ver la composición que le podemos dar a la aplicación, como agregar un botón de búsqueda, hacer scroll de manera horizontal o vertical, etc.

IMAGES & MEDIA:Aquí se puede agregar un visor de imágenes, galería de imágenes o un visor de videos

TIME & DATE:

Aquí podemos agregar algún Widget de reloj a la interfaz de la aplicación

TRANSITIONS:Aquí podemos elegir la animación de cada parte de p.a. aplicación, como el texto, las imágenes, el scroll, etc.

ADVANCED:

Estas son opciones avanzadas, en las cuales podemos agregar botones como el zoom, acceso al dialer, texturas, etc.

OTHER:

Aquí podemos agregar texto al reloj

CUSTOM & LIBRERY VIEWS:

Aquí simplemente podemos customizar y agregar librerías

Emulador de Android con Nexus One

Aplicación de Tema

Actividad Principal

Tipo de Vistas

Estos son todos los paquetes que se crean al momento de crear un nuevo proyecto Android

Emulador de Dispositivo

Android

Abrimos el Android Virtual Device

Manager

Esta es la primera pestaña que nos saldrá, en ella nos muestra los dispositivos que configuremos

En el apartado de Device Definition podemos ver todos los dispositivos que están

disponibles para emular, y también tiene la opción de poder agregar un nuevo dispositivo

Estas son las opciones para crear un nuevo dispositivo

Continuando con la creación de el dispositivo virtual, esta es la pestana que

nos mostrara para la creación

Primero nombramos al dispositivo

En el apartado “Device” elegimos el

dispositivo que nosotros usaremos, sea un celular o una

Tablet, como también podremos elegir el

dispositivo que nosotros creemos

En el apartado Target elegimos la que venga predeterminada en nuestra versión de Android, en este caso usaremos Android 4.2

La CPU/ABI se seleccionara de manera predeterminada

Keyboard: El teclado podremos usar el de nuestra computadora o podemos usar el teclado virtual del emulador

Skin: Podemos usar la skin con controladores de hardware

También tiene las opciones de poder utilizar la cámara frontal y trasera, si contamos con una webcam podremos usar estas opciones

Estos son los apartados de memoria que podremos asignar al dispositivo virtualPodemos elegir la cantidad de RAM que se usara, la memoria de almacenamiento interno que nosotros queramos elegir, sea en KB, MB o GB al igual que podemos usar una emulación de una memoria SD, puede ocupar la del sistema o algún dispositivo USB.

Cuando hayamos seleccionado lo que

utilizaremos podremos dar en

“OK”

Aquí aparecerá el dispositivo virtual que nosotros hayamos creado

Si damos clic en “Details…” podremos ver todo la información del dispositivo, tanto como la densidad de pixeles hasta la cantidad de la

partición del dispositivo

Después de ver si todo esta bien podremos dar a “Start” para iniciar la emulación

Antes de iniciar la emulación nos saldrá este recuadro de “Opciones del launcher” en donde nos dirá la Skin y la

densidad de la pantalla, también viene la casilla de hacer a escala real de la pantalla y también la casilla de limpiar los

datos de usuario, después de elegir lo que necesitemos daremos clic en “LAUNCH”

Después de dar a Start nos saldrá esta ventana donde nos dirá que la emulación esta

comenzando y comenzara a cargar la barra

Después de que la barra

cargue comenzara a

emular el dispositivo, esto puede

tardar dependiendo de tu equipo

Cuando cargue el emulador esta será la interfaz que veremos, todo dependerá de que versiones tengamos del sistema operativo, puede ser desde Jelly Bean (4.2) hasta Marshmallow (6.0.1)

Este es un ejemplo del cajón de aplicaciones del emulador, ahí esta el icono de la aplicación que hicimosSe puede observar en la parte inferior, que aparece nuestra aplicación con el nombre de “MyFirstApp”

Estas opciones que vienen del lado derecho son la emulación de los botones capacitivos o botones virtuales de un dispositivo móvil.

Códigos Básicos: *volumen bajo y alto

*Botón de bloqueoBotones de Hardware:

*Inicio*menú

*regreso. También si elegimos la opción

podemos usar el teclado virtual

Este es un ejemplo de una aplicación simple que podríamos crear en

eclipse

CONCLUSIONES

• Aquí veremos las conclusiones que se han obtenido a través de esta presentación sobre la aplicación ….

Eclipse plataforma de software compuesto por un conjunto de

herramientas de programación de código abierto 

Esta plataforma, usada para desarrollar entornos de desarrollo integrados 

Para poder utilizarla de mejor forma os programas que utilizaremos son:

Eclipse Java JDK SDK Manager

¿De qué sirven las funciones de Eclipse?

Son una fácil herramienta que se utiliza para  disponer de un Editor de texto con un analizador sintáctico. La compilación es en tiempo real.

Tiene pruebas unitarias con JUnit, control de versiones con CVS, integración con Ant, asistentes (wizards) para creación de proyectos, clases, tests, etc., y refactorización.

EMULADORES EN ECLIPSE ¿ QUE SON?

Los emuladores son una manera de ver si el programa que Editaste en Eclipse ha funcionado correctamente, Esto se ha podido ver de manera mas sencilla gracias a que dentro de la aplicación se encuentra el emulador del NEXUS ONE, que tiene las mismas características de Un Android

1.Eclipse provee al programador con Frame works muy ricos para el desarrollo de aplicaciones gráficas, definición y manipulación de modelos de Software, Aplicaciones web, etc.

2.GEF es un plug-in de Eclipse para el desarrollo de editores visuales que pueden ir desde procesadores de texto wysiwyg hasta editores de diagramas UML.

3.interfaces gráficas para el usuario (GUI), etc. Dado que los editores realizados con GEF “viven” dentro de Eclipse, además de poder ser usados conjuntamente con otros plugins, hacen uso de su interfaz

VENTAJAS DE ECLIPSE

5. gráfica personalizable y profesional. 6. El SDK de Eclipse incluye las herramientas de desarrollo de Java, ofreciendo un IDE con un compilador de Java interno y un modelo completo de los archivos fuente de Java

7. El IDE también hace uso de un espacio de trabajo, en este caso un grupo de meta data en un espacio para archivos plano, permitiendo modificaciones externas a los archivos en tanto se refresque el espacio de trabajo correspondiente.

Este ha sido el Tutorial de Como utilizar Eclipse: Que es, Sus Funciones, Emuladores y como te servirán cada una de estas opciones

Esperamos que te haya servido mucho!