Tutorial eclipse

93
CETIS 109 MANUEL ENRIQUE GUTIERREZ LUMBRERAS JESÚS ANTONIO CUERVO CRISTÓBAL 4°DM PROGRAMACIÓN DESARROLLO DE APLICACIONES MÓVILES

Transcript of Tutorial eclipse

Page 1: Tutorial eclipse

CETIS 109M A N U E L E N R I Q U E G U T I E R R E Z

LU M B R E R A S J E S Ú S A N T O N I O C U E RV O C R I S T Ó B A L

4 ° D M P R O G R A M A C I Ó ND E S A R R O L L O D E A P L I C A C I O N E S

M Ó V I L E S

Page 2: Tutorial eclipse

INTRODUCCIÓNEste tutorial trata de mostrar las ventajas de utilizar Eclipse

para programar Java. Sirvecomo una guía detallada para usuarios novatos. No es

necesario un conocimientoavanzado o específico de Java para poder seguir este tutorial.

En unos pocos minutos,será capaz de dominar las técnicas principales de Eclipse, lo

que acelerará laprogramación e incrementará la productividad.

Page 3: Tutorial eclipse

¿QUÉ ES

ECLIP

SE?

Page 4: Tutorial eclipse

ECLIPSEEclipse: es un entorno de desarrollo integrado, de Código abierto

y Multiplataforma. Mayoritariamente se utiliza para desarrollar lo que se conoce como "Aplicaciones de Cliente Enriquecido",

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

Page 5: Tutorial eclipse

¿PARA QUE SIRVE?Eclipse sirve para desarrollar programas que

estén principalmente orientada a objetos, también nos puede servir para el desarrollo y creación de software.

Page 6: Tutorial eclipse

INTERFAZ ECLIPSE

Page 7: Tutorial eclipse

HERRAMIENTAS

Page 8: Tutorial eclipse

VENTANA FILEEn el entorno de desarrollo Eclipse todo archivo se

almacena dentro de un proyecto. Esto quiere decir que todo documento, carpeta, archivo de código fuente (.java) y código compilado (.class) tiene que estar contenido dentro de un proyecto.

Page 9: Tutorial eclipse

VENTANA ‘‘FILE’’Crear nuevo archivo

Abrir archivo existente Cerrar archivo

Cerrar todos los archivosGuardar archivo

Guardar archivo con propiasGuardar todos los archivos

especificacionesRevertir todo

mover ubicación del renombrar archivo

Archivo Cambiar formato de archivos

imprimir código reinicia el espacio de trabajo

reinicia eclipseIntroducir archivos externos

exportar archivos Muestra propiedades

salir del programa del archivo

Page 10: Tutorial eclipse

Tipos de archivos

VENTANA ‘‘FILE’’

Page 11: Tutorial eclipse

VENTANA EDITPara crear o editar programas Java, un "Java Project"

debería ser creado. Nótese que dentro de un proyecto de Java también puede almacenarse toda la información relacionada con el proyecto (la cual no tiene por qué reducirse estrictamente a código fuente, sino que también puede contener documentación y otros archivos relacionados).

Page 12: Tutorial eclipse

VENTANA EDITUn paso atrás

un paso adelanteCortar archivo Copiar

se copia el nombre

completo del

elemento seleccionado Pegar elemento seleccionado

borrar elemento

seleccionadoSeleccionar todo Busca archivo especificado

marca archivos para fácil

navegaciónañadir nuevas etiquetas de tareas y editar los ya existentes

Page 13: Tutorial eclipse

VENTANA RUN Es la barra de opciones que puedes utilizar para correr el programa que

estés creando en eclipse.

Page 14: Tutorial eclipse

VENTANA RUN Ejecutar archivo

depuración de archivoAbrir archivos viejos

abrir archivos específicos Configuración de ejecución De un archivo

depuraciones antiguas nDepuración especifica

configuración de

depuraciónActivar / desactivar Puntos de interrupcion De java

Activar / desactivar

puntos de interrupción

de una líneaSaltar todos los puntos deInterrupción

quitar todos los puntos de

interrupción

Page 15: Tutorial eclipse

VENTANA SOURCE Almacenan los archivos de código fuente de

Java (.java), de manera que Eclipse sepa donde encontrarlos y pueda realizar la compilación automática de los mismos cada vez que un archivo sea guardado.

Page 16: Tutorial eclipse

VENTANA SOURCE Comentario de palanca comentario

añadir bloque de

comentarioQuitar bloque de comentario

generar elemento de

comentario desplazamiento a la derecha

desplazamiento a la

izquierda

Page 17: Tutorial eclipse

VENTANA NAVIGATE La vista Navigator de la perspectiva Resource y

la vista Package Explorer de la perspectiva Java contienen un directorio con el nombre del proyecto. Como se comento anteriormente, se puede pasar de una perspectiva a otra pulsando sobre los botones de la barra vertical izquierda.

Page 18: Tutorial eclipse

VENTANA NAVIGATE ir a

abrir

Abrir desde el portapapeles

Abrir tipo Mostrar en

Page 19: Tutorial eclipse

VENTANA SEARCH Para realizar una búsqueda dentro de

Eclipse, el menú "Search" de la barra superior de menús debería ser seleccionado. También se pueden lanzar búsquedas pulsando el icono de interna

Page 20: Tutorial eclipse

VENTANA SEARCHBuscar ArchivoJava Textodeclaraciones

ReferenciasImplementadores Acceso de

lecturaAcceso de escritura Ocurrencias de

archivoPruebas de referencia

Page 21: Tutorial eclipse

VENTANA PROJECT Manejo de archivos, manejo de texto, editores

de texto. Ó lo deberían crearse para almacenar documentos y otros archivos, pero no código Java que se desee compilar. Por ello, siempre que se creen archivos ".java" sería recomendable crear un "Java Project".

Page 22: Tutorial eclipse

VENTAMA PROJECT

proyecto

Cerrar proyecto

Limpiar

construir aturomaticamenteConstruir el conjunto de trabajo

Page 23: Tutorial eclipse

VENTANA REFACTOR Muchas veces tenemos código ya hecho que

está funcionando. También muchas veces necesitamos tocar ese código para que haga más cosas, para hacer más eficiente un algoritmo, más vistosa la salida del programa, porque tenemos otro proyecto que se parece.

Page 24: Tutorial eclipse

VENTANA REFACTOR

Renombrar

Mover

Crear guion

Aplicar guion

historia

Page 25: Tutorial eclipse

VENTANA WINDOW Es la barra de opciones que

contiene eclipse para poder crear otros archivos tales como personalizar perspectiva.

Page 26: Tutorial eclipse

VENTANA WINDOW

Nueva ventana

Abrir prospectiva

Nuevo editor

Mostrar la presentación

Page 27: Tutorial eclipse

VENTANA HELP Es la barra de opciones que nos

asesora en caso de tengamos algún problema y no sabemos como solucionarlo podemos acudir a esta parte de eclipse.

Page 28: Tutorial eclipse

VENTANA HELP

Bienvenido

Contenidos de ayuda

Buscar

ayuda dinamica

Page 29: Tutorial eclipse

CREAR PROYECTO ANDROID

Page 30: Tutorial eclipse

CREAR PROYECTO ANDROID

Page 31: Tutorial eclipse

CREAR PROYECTO ANDROID

Page 32: Tutorial eclipse

CREAR PROYECTO ANDROID

Page 33: Tutorial eclipse

VENTANA PACKAGE EXPLORER Es el nombre del paquete de esta aplicación.

Es importante recordar que en el mismo dispositivo sólo puede haber instalada una aplicación con el mismo package , por lo que necesitamos que sea único.

Page 34: Tutorial eclipse

VENTANA PACKAGE EXPLORER

Page 35: Tutorial eclipse

ARCHIVO Los archivos que se crean a través de este menú suelen

almacenar notas e información general.

Page 36: Tutorial eclipse

CARPETA Las carpetas se utilizan para almacenar y organizar

archivos. Como ya se ha mencionado anteriormente, una carpeta normal no es exactamente lo mismo que una carpeta fuente.

Page 37: Tutorial eclipse

PACKAGE Los paquetes se declaran para almacenar y organizar los

archivos de Java. El nombre de un paquete consta usualmente de varias partes separadas por puntos.

Page 38: Tutorial eclipse

BARRA DE HERRAMIENTAS

Page 39: Tutorial eclipse

Crear nuevo archivo guardar archivo

Guardar archivo con

propiedades especificas

BARRA DE HERRAMIENTAS

Page 40: Tutorial eclipse

Imprime el proyecto verifica la compatibilidad

del proyecto

BARRA DE HERRAMIENTAS

Page 41: Tutorial eclipse

Crear nuevo archivo.xml salta todos los

puntos de quiebre

BARRA DE HERRAMIENTAS

Page 42: Tutorial eclipse

Depuración la aplicación reproduce la

aplicación

BARRA DE HERRAMIENTAS

Page 43: Tutorial eclipse

Configuración de ejecución de la aplicación crear nuevo paquete

Crear nueva clase java

BARRA DE HERRAMIENTAS

Page 44: Tutorial eclipse

buscarBARRA DE HERRAMIENTAS

Page 45: Tutorial eclipse

BÚSQUEDA DE ARCHIVO

Page 46: Tutorial eclipse

BÚSQUEDAC/C++

Page 47: Tutorial eclipse

BÚSQUEDA GIT

Page 48: Tutorial eclipse

BÚSQUEDA JAVA

Page 49: Tutorial eclipse

PERSPECTIVAS Una perspectiva de Eclipse es una agrupación de vistas y

editores de manera que den apoyo a una actividad completa del proceso de desarrollo software.

Page 50: Tutorial eclipse

los 2 iconos de Arriba a la Izquierda son el SDK Manager y el AVD Manager (Android Virtual Device Manager). el SDK Manager sirve para descargarte la plataforma de android por la cual quieres desarrollar las aplicaciones, es decir como sabes hay distintas versiones de Android

PERSPECTIVAS

Page 51: Tutorial eclipse

VIRTUAL DEVICE MANAGER

Page 52: Tutorial eclipse

ANDROID SDK MANAGER

Page 53: Tutorial eclipse

PERSPECTIVASResource: esta perspectiva está estrechamente relacionada

con el sistema dearchivos puesto que representa la localización física de los

recursos almacenadosdentro de los proyectos

Page 54: Tutorial eclipse

Java: esta perspectiva se centra en tareas de programación, mostrando paquetes,

clases, métodos y atributos en sus vistas asociadas.

PERSPECTIVAS

Page 55: Tutorial eclipse

Debug: relacionada con la tarea de depuración. Se centra en los procesos ejecutados,

puntos de ruptura, variables, salida, etc

PERSPECTIVAS

Page 56: Tutorial eclipse

Entre las características que nos ofrece esta perspectiva se encuentran la posibilidad de escanear los puertos del emulador, realizar capturas de pantalla, mostrar información de los hilos y la pila de memoria del terminal, visualizar el LogCat, procesos activos e información de la radio, gestionar llamadas entrantes y mensajes de texto y algunas funcionalidades más

PERSPECTIVAS

Page 57: Tutorial eclipse

GRAPHICAL LAYUTMuestra de manera grafica todos los aditamentos de

muestra aplicación también permitiendo la modificación de ellos de una manera practica e

intuitiva

Page 58: Tutorial eclipse

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 59: Tutorial eclipse

Genera nuevo tipo de configuración

tipo de dispositivo móvil donde se

genera la vista previa

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 60: Tutorial eclipse

HERRAMIENTAS DE GRAPHICAL LAYUT

Tipo de orientación de la pantalla tema base de la aplicación crea un archivo java

Page 61: Tutorial eclipse

Sirve para generar un tipo de lenguaje para la aplicación (idioma)

versión de Android ocupada

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 62: Tutorial eclipse

Amplia el espacio ocupado por un elemento

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 63: Tutorial eclipse

Delimita los márgenes de la aplicación

mueve de manera automática el

elemento seleccionado a un lugar determinado

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 64: Tutorial eclipse

Muestra todas las relaciones de los elementos seleccionados

muestra todas las contracciones de un

elemento seleccionado

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 65: Tutorial eclipse

HERRAMIENTAS DE GRAPHICAL LAYUTLa pre visualización de la aplicación se hace a un tamaño

determinado por el usuario

se ve todo el programa en la ventana preterminada

Se amplia toda la aplicación al tamaño de la ventana

Page 66: Tutorial eclipse

Alejar/ Zoom a la aplicación

HERRAMIENTAS DE GRAPHICAL LAYUT

Page 67: Tutorial eclipse

ACTIVITY_MAIN.XMLMuestra en un lenguaje de programación los

elementos de nuestra aplicacion móvil permitiendo su edición mediante dicho lenguaje

Page 68: Tutorial eclipse

PALETTE La paleta proporciona acceso

rápido a los componentes de kit de herramientas específicas , así como los componentes personalizados instalados por el usuario. La paleta se organiza en categorías que pueden ser ampliados , se derrumbaron o se ocultan.

Page 69: Tutorial eclipse

PALETA

Page 70: Tutorial eclipse

WITGETS

Principalmente sirve para diseñar el programa agregando botones, seleccionando el tamaño del texto, agregando imágenes, etc.

Page 71: Tutorial eclipse

WITGETS

Page 72: Tutorial eclipse

FILDES Sirve para agregar texto, ingresar contraseñas, códigos, valores ,etc.

Page 73: Tutorial eclipse

LAYOUTSNos ayuda a alinear el texto, en cuadricula, horizontal, vertical,

diseñar marcos, etc.

Page 74: Tutorial eclipse

COMPOSITE

Sirve para la vista de desplazamiento horizontal, para la vista de la línea, la vista de búsqueda, para deslizamientos, para la vista de cuadricula ,vista del desplazamiento.

Page 75: Tutorial eclipse

COMPOSITE

Page 76: Tutorial eclipse

IMÁGENES Y MEDIA

Sirve para la vista de imágenes , para poner botón de imagen, Tiene opción para buscar las imágenes en galería ,también tiene controlador de medios de comunicación y para ver video.

Page 77: Tutorial eclipse

IMÁGENES Y MEDIA

Page 78: Tutorial eclipse

TIME AND DATE Contiene selector de

temporizador, selector de flechador, cronometro, calendario, etc.

Page 79: Tutorial eclipse

TRANSITIONS

Sirve para la vista de la textura, vista de arriba, selector de numero etc.

Page 80: Tutorial eclipse

ADVANCED

Sirve para la vista de la textura, vista de arriba, selector de número, solicitud de enfoque, etc.

Page 81: Tutorial eclipse

OTHER

Funciona para agregar el reloj del texto

Page 82: Tutorial eclipse

CUSTOM & LIBRARY VIEWS Permite ver la vista de gráficos e

incluye el botón de actualizar

Page 83: Tutorial eclipse

OUTLINE

Page 84: Tutorial eclipse

Ventana outline---. muestra un esquema de un archivo estructurado que está abierto actualmente en el área de edición, y enumera los elementos estructurales. El contenido de la vista de esquema son editor específico.

OUTLINE

Page 85: Tutorial eclipse

PROPERTIES

Muestra las propiedades del elemento seleccionado

Page 86: Tutorial eclipse

PROPERTIES

Ordena alfabéticamente

Expande los datos mostrados

contrae los datos mostrados

Page 87: Tutorial eclipse

PROBLEMSDetecta errores en el proyecto elaborado

Page 88: Tutorial eclipse

JAVA DOCSe ultiliza para generar proyectos en el entorno

de JAVA

Page 89: Tutorial eclipse

DECLARATIONDeclarar distintos factores de un proyecto ya establecido

Page 90: Tutorial eclipse

CONSOLEMuestra una variedad de consolas dependiendo del tipo de

desarrollo y el conjunto actual de configuración del usuario

Page 91: Tutorial eclipse

BIBLIOGRAFÍAS • http://es.slideshare.net/lourdes9898/

partes-de-la-pantalla-de-eclipse?related=1

• http://www.aprendeandroid.com/l1/uso1.htm

• http://laboratorio.is.escuelaing.edu.co/labinfo/doc/tutorialEclipse.pdf

• help.eclipse.org

Page 92: Tutorial eclipse

CONCLUSIÓN Este entorno de trabajo para lenguaje

de programación, nos facilita de muchas maneras la elaboración de

una aplicación móvil ya sea editando intuitivamente con gráficos o hacerlo de manera manual con lenguaje de programación y siendo creado en java, es compatible con muchos

sistemas

Page 93: Tutorial eclipse

El programa eclipse me parecio muy facil de utilizar ya que tiene

muchas herramientas y es facil de encontrarlas y saver para que se utilizan ademas de que da una vista previa en un emulador de

celular asi podremos configurar la aplicacion antes de utilizarla en el

dispositivo

CONCLUSIÓN