100
CENTRO DE ESTUDIOS TECNOLOGICOS INDUSTRIAL Y DE SERVICIOS 109 ALUMNOS: MICHELLE PEÑA RODRIGUEZ DIANA LISBETH NIETO LINARES CRISTIAN LEONARDO TORRES TRISTAN 4to Am PROGRAMACION MAESTRA: MARGARITA ROMERO ALVARADO DISEÑO DE APLICACIONES WEB

Tutorial sobre Eclipse

Embed Size (px)

Citation preview

Page 1: Tutorial sobre Eclipse

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

Page 2: Tutorial sobre Eclipse
Page 3: Tutorial sobre Eclipse

¿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).

Page 4: Tutorial sobre Eclipse

¿Qué debemos descargar para poder instalar

Eclipse?

Page 5: Tutorial sobre Eclipse

Los programas que utilizaremos son:Eclipse Java JDKSDK Manager

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

anteriores

Page 7: Tutorial sobre Eclipse

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

Page 8: Tutorial sobre Eclipse

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

Page 9: Tutorial sobre Eclipse

eclipse

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

Page 10: Tutorial sobre Eclipse

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

entre ellos estará el ejecutable de la aplicación

Page 12: Tutorial sobre Eclipse

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

Page 13: Tutorial sobre Eclipse

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

Page 14: Tutorial sobre Eclipse
Page 15: Tutorial sobre Eclipse

Y esta seria la interfaz de la aplicación

Page 16: Tutorial sobre Eclipse

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

Page 17: Tutorial sobre Eclipse

FUNCIONES DE ECLIPSE

Page 18: Tutorial sobre 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

Page 19: Tutorial sobre Eclipse

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…

Page 20: Tutorial sobre Eclipse

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

Page 21: Tutorial sobre Eclipse

FILE > CONVERT LINE DELIMITERS TO

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

Page 22: Tutorial sobre Eclipse

FILE > SWITCH WORKSPACE

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

Page 23: Tutorial sobre Eclipse

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

Page 24: Tutorial sobre Eclipse

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

Page 25: Tutorial sobre Eclipse

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.

Page 26: Tutorial sobre Eclipse

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,

Page 27: Tutorial sobre Eclipse

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 .

Page 28: Tutorial sobre Eclipse

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

Page 29: Tutorial sobre Eclipse

NAVIGATE:

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

Page 30: Tutorial sobre Eclipse

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

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

Page 31: Tutorial sobre Eclipse

NAVIGATE > SHOW IN: En este apartado podemos mostrar los

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

Page 32: Tutorial sobre Eclipse

SEARCH:

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

Page 33: Tutorial sobre Eclipse

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

Page 34: Tutorial sobre Eclipse

SEARCH > OCCURRENCES IN FILE

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

tarjeta

Page 35: Tutorial sobre Eclipse

PROJECT:

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

Page 36: Tutorial sobre Eclipse

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…

Page 37: Tutorial sobre Eclipse

REFACTOR > ANDROID

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

extraer Android String

Page 38: Tutorial sobre Eclipse

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

Page 39: Tutorial sobre Eclipse

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

Page 40: Tutorial sobre Eclipse

WINDOWS > OPEN PERSPECTIVE

Page 41: Tutorial sobre Eclipse

WINDOWS > SHOW VIEW

Page 42: Tutorial sobre Eclipse

WINDOWS > NAVIGATION

Page 43: Tutorial sobre Eclipse

HELP:

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

Page 44: Tutorial sobre Eclipse

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

Page 45: Tutorial sobre Eclipse

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

Page 46: Tutorial sobre Eclipse

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

Page 47: Tutorial sobre Eclipse
Page 48: Tutorial sobre Eclipse

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

Page 49: Tutorial sobre Eclipse

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

Page 50: Tutorial sobre Eclipse

Como crear un Nuevo Proyecto de Aplicación

Android

Page 51: Tutorial sobre Eclipse

Para comenzar tenemos que irnos a:

File – New – Android Application Project

Page 52: Tutorial sobre Eclipse

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

Page 53: Tutorial sobre Eclipse

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

Nombrar el proyecto y nombrar el package

Page 54: Tutorial sobre Eclipse

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 >

Page 55: Tutorial sobre Eclipse

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

Daremos clic en NEXT>

Page 56: Tutorial sobre Eclipse

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>

Page 57: Tutorial sobre Eclipse

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…

Page 58: Tutorial sobre Eclipse

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

Page 59: Tutorial sobre Eclipse

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

Page 60: Tutorial sobre Eclipse

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

Page 61: Tutorial sobre Eclipse

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

Page 62: Tutorial sobre Eclipse

TEXT FIELDS

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

Page 63: Tutorial sobre Eclipse

LAYOUTS

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

Page 64: Tutorial sobre Eclipse

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.

Page 65: Tutorial sobre Eclipse

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

Page 66: Tutorial sobre Eclipse

TIME & DATE:

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

Page 67: Tutorial sobre Eclipse

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

Page 68: Tutorial sobre Eclipse

ADVANCED:

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

Page 69: Tutorial sobre Eclipse

OTHER:

Aquí podemos agregar texto al reloj

Page 70: Tutorial sobre Eclipse

CUSTOM & LIBRERY VIEWS:

Aquí simplemente podemos customizar y agregar librerías

Page 71: Tutorial sobre Eclipse

Emulador de Android con Nexus One

Aplicación de Tema

Actividad Principal

Tipo de Vistas

Page 72: Tutorial sobre Eclipse

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

Page 73: Tutorial sobre Eclipse

Emulador de Dispositivo

Android

Page 74: Tutorial sobre Eclipse

Abrimos el Android Virtual Device

Manager

Page 75: Tutorial sobre Eclipse

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

Page 76: Tutorial sobre Eclipse

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

Page 77: Tutorial sobre Eclipse

Estas son las opciones para crear un nuevo dispositivo

Page 78: Tutorial sobre Eclipse

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

nos mostrara para la creación

Page 79: Tutorial sobre Eclipse

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

Page 80: Tutorial sobre Eclipse

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

Page 81: Tutorial sobre Eclipse

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

Page 82: Tutorial sobre Eclipse

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.

Page 83: Tutorial sobre Eclipse

Cuando hayamos seleccionado lo que

utilizaremos podremos dar en

“OK”

Page 84: Tutorial sobre Eclipse

Aquí aparecerá el dispositivo virtual que nosotros hayamos creado

Page 85: Tutorial sobre Eclipse

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

Page 86: Tutorial sobre Eclipse

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

Page 87: Tutorial sobre Eclipse

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”

Page 88: Tutorial sobre Eclipse

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

Page 89: Tutorial sobre Eclipse

Después de que la barra

cargue comenzara a

emular el dispositivo, esto puede

tardar dependiendo de tu equipo

Page 90: Tutorial sobre Eclipse

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)

Page 91: Tutorial sobre Eclipse

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”

Page 92: Tutorial sobre Eclipse

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

Page 93: Tutorial sobre Eclipse

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

eclipse

Page 94: Tutorial sobre Eclipse

CONCLUSIONES

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

Page 95: Tutorial sobre Eclipse

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

Page 96: Tutorial sobre Eclipse

¿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.

Page 97: Tutorial sobre Eclipse

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

Page 98: Tutorial sobre Eclipse

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

Page 99: Tutorial sobre 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.

Page 100: Tutorial sobre Eclipse

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!