Tutorial eclipse dc-(1)

100
Cetis109 Moreno Rico Claudia Guadalupe Diego Alexis Ramírez Rodríguez 4 Am *Programación* M.C.A Margarita Romero Alvarado =TUTORIAL ECLIPSE=

Transcript of Tutorial eclipse dc-(1)

Page 1: Tutorial eclipse dc-(1)

Cetis109 Moreno Rico Claudia GuadalupeDiego Alexis Ramírez Rodríguez

4 Am *Programación*

M.C.A Margarita Romero Alvarado

=TUTORIAL ECLIPSE=

Page 2: Tutorial eclipse dc-(1)

ABRIR LA APLICACIÓN

Page 3: Tutorial eclipse dc-(1)
Page 4: Tutorial eclipse dc-(1)

Clic en File –new-new project

Page 5: Tutorial eclipse dc-(1)

Poner nombre al archivo que se creara

finalmente clic en finish

Page 6: Tutorial eclipse dc-(1)

Dar clic en el icono verde de nombre “New Java Class”

Page 7: Tutorial eclipse dc-(1)

Poner el nombre

Finish

Page 8: Tutorial eclipse dc-(1)

Después se abrirá otra ventanilla, la cual será en donde se empiece a escribir.

Page 9: Tutorial eclipse dc-(1)

Después de escribir dar clic en icono verde, de nombre Run proyect.

Page 10: Tutorial eclipse dc-(1)

Aparecerá una ventanilla para ver si el proyecto esta correcto.

Dar clic en Ok

Page 11: Tutorial eclipse dc-(1)

Al dar clic, después en la parte de abajo se mostrara el proyecto corrido y correcto

Page 12: Tutorial eclipse dc-(1)

Partes de la aplicación Eclipse y su función

Page 13: Tutorial eclipse dc-(1)

El entorno de trabajo de Eclipse consiste de varios paneles conocidos como vistas, como la vista del Navegador en la parte superior izquierda. Una colección de paneles se denomina una perspectiva. La perspectiva por defecto es la Perspectiva de Recursos, que es un conjunto básico y genérico de vistas para proyectos de gestión y para la visualización y edición de archivos en un proyecto.

Page 14: Tutorial eclipse dc-(1)

La perspectiva de Java, tiene un conjunto de vistas que se adaptan mejor para el desarrollo de Java. Una de ellas incluye, al igual que la vista izquierda superior, una jerarquía que contiene varios paquetes Java, clases, JAR y archivos varios. Esta vista se denomina el Explorador de paquetes.

PESPECTIVAS DE LA APLICACIÓN ECLIPSE

Page 15: Tutorial eclipse dc-(1)

El menú principal se expandió para incluir dos elementos nuevos en el menú: Fuente

Refactorizador

Page 16: Tutorial eclipse dc-(1)

La finalización del código proporciona una lista sensible al contexto de sugerencias seleccionables

Page 17: Tutorial eclipse dc-(1)

La verificación de la sintaxis depende de la compilación en aumento. A medida que guarda su código, se compila en el segundo plano y se verifican los errores de sintaxis. los errores de sintaxis se resaltan en rojo y aparece un punto rojo con una X blanca en el margen izquierdo.

Page 18: Tutorial eclipse dc-(1)

Una vez que se compila el código sin errores, puede ejecutar el programa al seleccionar Run desde el menú de Eclipse. Aparece un cuadro de diálogo Launch Configurations con las fallas adecuadas

Page 19: Tutorial eclipse dc-(1)

Plug-in adicionales

Page 20: Tutorial eclipse dc-(1)

Control de versión y gestión de configuración:CVS Merant PVCS RationalClearCase

Page 21: Tutorial eclipse dc-(1)

Modelaje UML OMONDO EclipseUML Rational XDE (remplaza a

Rose) Edición de WebSphere Studio

Page 22: Tutorial eclipse dc-(1)
Page 23: Tutorial eclipse dc-(1)

Gráficos Batik SVG Macromedia Flash

Page 24: Tutorial eclipse dc-(1)

Desarrollo Web, HTML, XMLMacromedia Dreamweaver XMLBuddy

Page 25: Tutorial eclipse dc-(1)
Page 26: Tutorial eclipse dc-(1)

PlataformaEl tiempo de ejecución de la plataforma es el núcleo que descubre en el inicio qué complementos están instalados y crea un registro de información sobre ellos. Para reducir el tiempo de inicio y el uso de los recursos, no carga ningún complemento hasta que realmente se lo necesita. Excepto el núcleo, todo lo demás se implementa como un complemento.

Page 27: Tutorial eclipse dc-(1)

Espacio de trabajoEl espacio de trabajo es el complemento responsable de la administración de los recursos del usuario. Este incluye todos los proyectos que crea el usuario, los archivos de esos proyectos y los cambios en los archivos y otros recursos. El espacio de trabajo también es responsable de notificar a otros complementos interesados sobre los cambios en los recursos.

Page 28: Tutorial eclipse dc-(1)

Entorno de trabajoEl entorno de trabajo proporciona a Eclipse una interfaz de usuario (IU). Se crea con la utilización de un Kit de Herramientas Estándar (SWT) — una alternativa no estándar para el Swing/AWT GUI API de Java — y un API, JFace con un nivel superior, construido por sobre SWT que proporciona componentes de la IU.

Page 29: Tutorial eclipse dc-(1)

Explicacion-Partes de las Pestañas Eclipse

Page 30: Tutorial eclipse dc-(1)

En esta pestaña sirve para iniciar el proyecto ,el entorno de desarrollo, se almacenan archivos, dentro de un proyecto. Es decir decir que los documento, carpetas, archivos de código fuente (.java) y código, compilado (.class) tienen que estar dentro de un proyecto, principalmente.

FILE

Page 31: Tutorial eclipse dc-(1)

Seleccionando "New >" en el menú se mostrará una lista con los diversos elementos de Java .

Abrir expediente Cerrar Cerrar todo Guardar

Guardar como Guardar todo

Revertir Mover Renombrar Refrescar Convertir delimitadores de línea a Imprimir Interruptor de espacio de trabajo Reiniciar Importar *Exportar Propiedades

Salir Los archivos que se crean a través de este menú suelen almacenar notas e información general.

Page 32: Tutorial eclipse dc-(1)

Esta pestaña sirve para modificar el archivo creado, agregarle mas cosas, eliminarlo, al igual para almacenarse información con relación al proyecto, etc…

EDIT

Page 33: Tutorial eclipse dc-(1)

Partes de la pestaña Edit:

Deshacer Rehacer Recortar Copiar Pegar Borrar Seleccionar

todo Buscar / Reemplazar Añadir

marcador Añadir una

tarea

Page 34: Tutorial eclipse dc-(1)

La vista Navigate de Resource y la vista Package Explorer de Java contienen un directorio con el nombre del proyecto.

Se puede pasar de una perspectiva a otra pulsando sobre los botones de la barra vertical izquierda.

Tiene varias funciones dependiendo de lo que quieras modificar del proyecto

NAVIGATE

Page 35: Tutorial eclipse dc-(1)

Partes de la pestaña Navigate:

Entra en Ir Abierta desde el portapapeles

Tipo abierto Tipo abierto en la jerarquía

Recurso Abierto Espectáculo en ruta de

navegación Mostrar en Siguiente Anterior Última Ubicación de edición De regreso Hacia Adelante Regreso Hacia adelante hasta el nivel

recurso Repositorios git Paquete de explorador Historial Navegar Explorador de proyectos Propiedades

Page 36: Tutorial eclipse dc-(1)

Regreso Hacia

delante Hasta el

nivel Recurso

Repositorios git

Paquete de explorador

Historial Navegador Explorador

de proyectos

Propiedades

Page 37: Tutorial eclipse dc-(1)

SEARCHPara realizar una búsqueda dentro de Eclipse, el menú "Search" de la barra superior de menús debería ser seleccionado.

Hay varios tipos de búsquedas dentro de Eclipse: La búsqueda de archivos "File Search" es una búsqueda textual que puede ser ejecutada sobre archivos de todo tipo.

Page 38: Tutorial eclipse dc-(1)

Partes de la pestaña Search:

Búsqueda Expediente Texto Pruebas de referencia Espacio de trabajo Proyecto Expediente Conjunto de trabajo Declaraciones Implementadores Acceso de lectura Acceso de escritura Ocurrencias en archivo Prueba de referencia

Espacio de trabajo

Proyectos Expediente Conjunto de

trabajo

Page 39: Tutorial eclipse dc-(1)

PROJECT

La pestaña Project sirve para el manejo de archivos y de texto asi como también editores de texto.

Siempre que se creen archivos ".java“ es mas recomendable crear un "Java Project".

Page 40: Tutorial eclipse dc-(1)

Proyecto abierto Cerca del proyecto Construir todo Construir proyecto Construir el conjunto

o de trabajo Limpio Construir

automáticamente Generar doc. Java Propiedades

Partes de la pestaña Project:

Seleccionar un banco de trabajo

Page 41: Tutorial eclipse dc-(1)

REFACTOR

Esta pestaña se encarga de editar partes del archivo o agregar algún dato, es decir modificarlo

Page 42: Tutorial eclipse dc-(1)

Partes de la pestaña Refactor:

Cambio de tipo de widget Cambia el diseño Sacar el contenedor Envuelva en envase Estilo extracto Extraer como incluir Extraer cadena androide

Page 43: Tutorial eclipse dc-(1)

En esta pestaña , contiene opciones para poder crear otros archivos asi como personalizar.

WINDOW

Page 44: Tutorial eclipse dc-(1)

Partes de la pestaña Window:

Nueva ventana Nuevo editor Perspectiva abierta Mostrar la presentación Personalizar perspectiva Salvar perspectiva como Perspectiva de reinicio Cerrar perspectiva Cerrar toda perspectiva Navegación Gerente SDK de Android Gerente de dispositivo virtual de

Android Ejecutar pelusa androide Preferencias

Page 45: Tutorial eclipse dc-(1)

WINDOW-Open Perspective

Principalmente esta parte sirve para procesar los proyectos o analizarlo, entre otras opciones.

Page 46: Tutorial eclipse dc-(1)

 Monitor de depuración de la máquina virtual Dalvik, es la máquina virtual de proceso de AndroidDepurarVer jerarquíaNavegación JavaProyecto de pixelesOtro

Page 47: Tutorial eclipse dc-(1)

WINDOW-Show View

También parte de la pestaña window, en la mayoría , se trata de personalizar, o el como mostrar la presentación.

Page 48: Tutorial eclipse dc-(1)

Arte Consola Declaración Registro de

Errores Doc. java Navegador Contorno Explorador de

Paquete Problema Progreso Explorador de

Proyectos Buscar Tareas Plantillas Tipo de

jerarquía Otro

Page 49: Tutorial eclipse dc-(1)

WINDOW-Navigation

Sirve para mostrar parte de el archivo desde otro modo de vista, editarlo, ajustar la forma de ver el archivo, principalmente

Page 50: Tutorial eclipse dc-(1)

Mostrar menú de sistema

Mostrar menú de la vista Acceso rápido Maximizar la vista activa

o editor Maximizar la vista activa

o editor activar editor siguiente editor anterior editor Cambiar a editor Vista siguiente Próximas perspectivas Anterior perspectiva

Page 51: Tutorial eclipse dc-(1)

HELPEs la barra de opciones que nos ayuda en caso de tener algún problema con nuestro trabajo. Ayuda también a como solucionarlo , checar si hace falta algún dato o hallar nuestra falla, así pues con esto podemos acudir a esta parte de la aplicación

Page 52: Tutorial eclipse dc-(1)

Partes de la pestaña Help:

Bienvenido Contenido de la

ayuda BuscarAyuda dinámica Ayudar clave Consejos y trucos Hojas de trucos Compruebe si hay

fechas Instalar un nuevo

software Acerca de ADT

Page 53: Tutorial eclipse dc-(1)

El nombre de nuestro archivo

Esta pestaña es el explorador de archivos

Page 54: Tutorial eclipse dc-(1)

Creaciónde nuevo Archivo

AndroidSDKManager

Android virtual device manager

Run Android Lint

Page 55: Tutorial eclipse dc-(1)

 PROJECT :Para crear o editar programas Java, un "Java Project" debería ser creado.

Dentro de un proyecto de Java también puede almacenarse toda la información relacionada con el proyecto (no tiene por qué reducirse estrictamente a código fuente, pues también puede contener documentación y otros archivos que se relacionen con ello)

Page 56: Tutorial eclipse dc-(1)

Partes de la pestaña Project:Proyecto de Java proyecto de aplicacion

Android Proyecto Paquete Clase Interfaz Nmueracion Anotación Carpeta de

origen Java Conjunto de trabajo Carpeta Archivo Archivo de texto sin título Android Archivo xlm Caso de prueba unidad de

J Ejemplo Otro

Page 57: Tutorial eclipse dc-(1)

Almacenan los archivos de código fuente de Java ,de manera que Eclipse sepa donde encontrarlos y realizar la compilación automática cada vez que un archivo sea guardado.

PROJECT

Page 58: Tutorial eclipse dc-(1)

No hay historial de lanzamiento

Depurar como configuración de

depuración organizar los

favoritos

DEBUG AS

Page 59: Tutorial eclipse dc-(1)

 El diálogo Configuración Run se puede invocar al seleccionar la opción de menú Ejecutar configuraciones en el menú Ejecutar .

RUN AS

Page 60: Tutorial eclipse dc-(1)

(No hay historial de lanzamiento)

Correr como Configuracione

s de ejecución Organizar los

favoritos

Pestaña Run As:

(No es necesario)

Page 61: Tutorial eclipse dc-(1)

El diálogo Ejecutar Configuraciones permite crear múltiples configuraciones de ejecución . Cada configuración de ejecución se puede iniciar una aplicación.

EXTERNAL STOOL

Page 62: Tutorial eclipse dc-(1)

En esta pestaña se encuentra toda una serie de .jar, es una forma de englobar varios archivos de clases.

En definitiva, aquí se encuentra todas las clases que dispones en Java para realizar cualquier tipo de tarea.

NEW JAVA CLASS

Page 63: Tutorial eclipse dc-(1)

Caso de prueba la unidad j

Clase Interfaz Enumeración Anotación

Partes de la pestaña New Java Class:

Page 64: Tutorial eclipse dc-(1)

En esta parte de la pestaña su función es la búsqueda de archivos, permite buscar por tipos, métodos, paquetes, constructores y campos, usando restricciones de búsqueda adicionales.

SEARCH

Page 65: Tutorial eclipse dc-(1)

1 Búsqueda de archivos

2 C/C++ Buscar

3 Git Buscar 4 Búsqueda de Java

Page 66: Tutorial eclipse dc-(1)

La mayoría de las demás funciones del entorno de trabajo, como el menú o la barra de tareas, deberían ser similares a las de las aplicaciones familiares.

Una función conveniente es la barra de herramientas de atajos a diferentes perspectivas que aparece en el lado izquierdo de la pantalla; varían de forma dinámica según el contexto y la historia.

Page 67: Tutorial eclipse dc-(1)

Eclipse también incluye un sistema robusto de ayuda que incluye una guía del usuario para el entorno de trabajo de Eclipse

Los complementos incluidos como las Herramientas de Desarrollo de Java.

Vale la pena buscar en archivos de ayuda al menos una vez para ver la variedad de opciones disponibles y para conocer mejor el flujo de Eclipse.

Page 68: Tutorial eclipse dc-(1)

PALETA-APLICACIÓN ECLIPSE ANDROID

Page 69: Tutorial eclipse dc-(1)

Abrir eclipse Seleccionar

file Seleccionar

new Se abrirá

otra pestaña dar clic en Android Aplication Project

Page 70: Tutorial eclipse dc-(1)

Poner el nombre del archivo

Y después en Next>

Page 71: Tutorial eclipse dc-(1)

Este paso no es muy laborioso..

Dar clic en Next>

Page 72: Tutorial eclipse dc-(1)

Dar clic nuevamente en next

Page 73: Tutorial eclipse dc-(1)

Next>

Page 74: Tutorial eclipse dc-(1)

Dar clic en Finish

Page 75: Tutorial eclipse dc-(1)

En seguida se abrirá el archivo que hemos creado y empezar a diseñar nuestra aplicación .

Page 76: Tutorial eclipse dc-(1)

La paleta la conforman varias carpetas

Forma de widgets Campos de texto Diseño Compuesto Imágenes y Media Hora y Fecha Transiciones Avanzado Otro vistas personalizadas BibliotecasCada una tiene su función el cual necesitaremos con el paso de que vallamos creando nuestro proyecto

Page 77: Tutorial eclipse dc-(1)

Form Widgets Para insertar un botón: Largo, Mediano y chico Insertar un botón deslizable Insertar un botón chico Insertar un botón rectangular Insertar un botón circular Inserta un Insertar una línea de carga o de progreso Hace el botón de carga grande o chico.

Page 78: Tutorial eclipse dc-(1)

Insertar un botón

Insertar un circulo de espera

Insertar una barra que muestre el proceso de trabajo

Insertar un alinea de cargo o proceso

Insertar un grupo de botones circulares

Inserte un botón de ece4ndido y apagado

Insertar un abarra para calificar

Hacer el botón de carga grande o chica

Insertar un botón chico

Insertar un botón deslizable

Insertar un botón rectangular

Para insertar un botón : largo, mediano o chico

Page 79: Tutorial eclipse dc-(1)

Text FieldsLa función de esta pestaña es paraInsertar datos como fechas, horas, o también otros archivos pero mas que nada datos básicos

Page 80: Tutorial eclipse dc-(1)

Insertar texto

Insertar una contraseña

Insertar CorreoInsertar

Dirección

Insertar la Hora

Insertar un Numero

Insertar una personalización de nombreInsertar contraseña con númerosInsertar un numero de teléfonoInsertar múltiple texto

Insertar la fecha

Insertar números negativosInsertar un auto corrector de el texto

Insertar números con punto decimal

Insertar un multiauto corrector o complementario de palabras

Page 81: Tutorial eclipse dc-(1)

LayoutsTiene casi la misma función que el anterior, pero ahora se habla mas sobre insertar diseño para el archivo ya sea con el objetivo de mejorar la presentación

Page 82: Tutorial eclipse dc-(1)

Insertar diseño de cuadricula

Insertar un diseño de líneas horizontales

Insertar un diseño de marco Insertar un

diseño que incluye otra disposición de fragmento

Insertar una fila en la tabla

Insertar un diseño de líneas verticales

Insertar un diseño relativo

Insertar un diseño que incluye otra disposición

Insertar un diseño de tabla

Page 83: Tutorial eclipse dc-(1)

 Composite Es el contender de los elementos de control, su función es para el redimensionado de los elementos que este contiene.

Page 84: Tutorial eclipse dc-(1)

Verlo en forma de lista

Vista cuadriculada

Vista en Horizontal

Vista como web

Insertar una lista expansible

Vista en vertical

Vista como buscador

Diferentes tipos de tabla

Insertan un cajón deslizante

Page 85: Tutorial eclipse dc-(1)

 Images & media

Sirve para insertar imágenes o videos al igual poder verlos desde la opción de vista

Page 86: Tutorial eclipse dc-(1)

Vista imagen

Insertar una imagen o video de tu galería

Vista video

Insertar un botón imagen

Insertar un controlador de videos

Page 87: Tutorial eclipse dc-(1)

Time & Date

Son dos de las clases más usadas cuando una aplicación implica el trabajo con fechas, principalmente esta parte se basa o se refiere a datos de fecha

Page 88: Tutorial eclipse dc-(1)

Insertar un selector de hora

Insertar vista calendario

Insertar un cronometro

Insertar un selector de flechas

Insertar un cronometro analógico

Insertar un reloj digital

Page 89: Tutorial eclipse dc-(1)

Transitions La animación mostrada en el último botón es la que el dispositivo aplica por defecto tanto al iniciar una Activity como al hacer back.

Aquí se aplica mucho la personalización de cada uno dependiendo de el modo de diseño que guste.

Page 90: Tutorial eclipse dc-(1)

Insertar una imagen adelante del texto Vista pila

Vista animador

Vista múltiple

Insertar una imagen que se mueva para un lado el izquierdo o derecho

Insertar el texto delante de la imagen

Vista delante del texto

Page 91: Tutorial eclipse dc-(1)

AdvancedGestiona los sucesos asociados al cambio de foco.Permite la selección de varios elementos de diagrama , establecer sus atributos de alineación, tamaño y espaciado.

Page 92: Tutorial eclipse dc-(1)

Gestiona los sucesos asociados al cambio de foco

 Insertar atributos que pueden en usados con otras subclasesInsertar una

extensión XML  Insertar una clase atributo con nombre  Inserta

atributos específicos

Vista de textura 

Vista de la superficie

 Insertar selector de números

 Insertar un botón para el zoom Insertar

controles de zoom

Insertar un filtro de llamada

Insertar doble lista con línea

Insertar un rango absoluto

Page 93: Tutorial eclipse dc-(1)

Other

Insertar la hora en forma de texto

Page 94: Tutorial eclipse dc-(1)

Insertar la hora en forma de texto

Page 95: Tutorial eclipse dc-(1)

Custom & Library Views

Aquí se ponen archivos que el usuario crea para usarlos en su aplicación

Page 96: Tutorial eclipse dc-(1)

Sirve para poner archivos que el usuario crea para ponerlos en otra aplicación

Page 97: Tutorial eclipse dc-(1)

Conclusión:

Por medio de esta información podremos saber los aspectos de la aplicación eclipse así como las de eclipse-android, pues tiene la información necesaria para comprender la función de cada cosa.Es importante comprender los pasos, ya que así nos facilitara al momento de crear el archivo o la aplicación

Page 98: Tutorial eclipse dc-(1)

ECLIPSE ES UN CODIGO ABIERTO

es un software lanzado con una licencia que pretende asegurarse de que se les otorguen ciertos derechos a los usuarios. 

el código fuente debe estar disponible, entonces los usuarios tienen la libertad de modificar y de re distribuir el software.

La Iniciativa de Software de Código Abierto es una organización sin fines de lucro que define lo que significa un código abierto y certifica las licencias que cumplen con este criterio. 

 Eclipse no necesita licenciarse como un código abierto y el código fuente no necesita estar disponible.

Page 99: Tutorial eclipse dc-(1)