Tutorial de eclipse_terminado

CETis 109
Aixa Elizabeth Rodríguez
Martínez
4°Am Programación
Desarrolla Aplicaciones Móviles
MCA: Margarita Romero
Alvarado
Tutorial de Uso de 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).

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

Donde fue desarrollado Eclipse:
• originalmente por IBM como el sucesor de su familia de
herramientas para VisualAge. Eclipse es ahora desarrollado
por la Fundación Eclipse, una organización independiente sin
ánimo de lucro que fomenta una comunidad de código abierto
y un conjunto de productos complementarios, capacidades y
servicio

Caracteristicas:
• Dispone de un editor de texto con resaltado de sintaxis donde
puedes ver el contenido del fichero en el que estás trabajando.
• Contiene una lista de tareas y otros módulos similares.
• La compilación es en tiempo real.
• Tiene pruebas unitarias con JUnit.
• Integración con Ant, asistentes (wizards) para creación de
proyectos, clases, tests, etc., y refactorización.

Eclipse es un código abierto
• El software de código abierto es un software lanzado con una
licencia que pretende asegurarse de que se les otorguen ciertos
derechos a los usuarios.El derecho más obvio es que el código
fuente debe estar disponible, entonces los usuarios tienen la
libertad de modificar y de re distribuir el software. Esta protección
de los derechos de los usuarios se alcanza con un dispositivo
denominado copyleft: la licencia del software solicita la protección
del derecho de autor y prohíbe la distribución, a menos que el
usuario tenga esos derechos. El copyleft también requiere que
cualquier software redistribuido sea cubierto por la misma
licencia.por este motivo, el propósito del derecho de autor se
sostiene en su título copyleft a menudo se describe como "todos
los derechos revocados".

Control
Del
proyector
Menú
Editor
Del código
Control de la ejecución

• Paso 2: Una vez
abierto el
programa darle
clic en file y
después en New y
finalmente en
Java Project

• Paso 3: Ponerle un nombre al proyecto y después hacer clic en
finish

• Paso 4: después de haber creado el proyecto ir al botón verde donde
dice New Java Class y darle clic.

• Paso 5:Le
ponemos un
nombre y
después le
damos en finish

• Paso 6:Una vez
hecho esto se
abrir una
ventana donde
podremos
comenzar a
escribir las
declaraciones

• Paso 7: Una
vez listo le
damos en el
botón verde
donde señala
Run

•Nos
abrirá
una
ventana
y le
damos
en OK

• Una vez hecho
esto en la parte
de abajo en
donde dice
Console nos
mostrará el
programa
corrido.

Como funciona la
barra de
opciones en Eclipse

File
•En 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.

nuevo
Abrir archivo
Cerrar y cerrar
todo
Salvar
Mover
importar
Exportar
Renombrar
Salir

Edit
• Para 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).

Copiar
Eliminar
Pegar
Seleccionar
todo

Source
• En esta parte se 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 guardad

Comentario
De palanca
Añadir bloque
De comentario
Desplazamiento
A la derecha
Desplazamiento
Ala izquierda
Quitar Bloque
De comentario
Generar elemento
De Comentario

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 menciona
anteriormente, se puede pasar
de una perspectiva a otra
pulsando sobre los botones de la
barra vertical izquierda

Abrir
Ir a
Abrir tipo
Abrir desde el
portapapeles
Mostrar en

Search
•Para realizar una
búsqueda dentro de
Eclipse, el menú
"Search" de la barra
superior de menús
debe de ser
seleccionado. También
se pueden hacer
búsquedas pulsando el
icono de la linterna

Archivo Buscar
Java
Texto
Referencias
Declaraciones
Implementadores Acceso de lectura
Acceso de
escritura
Ocurrencias de
archivo
Pruebas de referencia

Project
Manejo de archivos,
manejo de texto, editores
de texto. O 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 ".

Abrir proyecto
Cerrar proyecto
Construir el conjunto
De trabajo
Limpiar
Construir automaticamente

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, etc, etc.

Cambio de
Tipo de widget
Cambio de diseño

Window
•Es la barra de
opciones que
contiene eclipse
para poder crear
otros archivos tales
como personalizar
perspectiva.

Nueva ventana
Nuevo editor
Abrir perspectiva
Mostrar la presentación

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

Bienvenidos
Contenidos
de ayuda Buscar
Ayuda Dinamica

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

Explorador de archivos
Nombre del
Archivo que estamos
utilizando

Para crear
Uno nuevo
Android
SDK
Manager
Android virtual device manager
Run Android Lint

New android
XML File
Depurar
Ejecutar
Ultima herramienta de gestión
Nuevo paquete
java
Nueva clase java
Abrir tipos Busqueda

Java project
• Para 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)

Debug
• 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.

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

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

Class
• Encuentras toda una
serie de .jar, que es una
forma de englobar
varios archivos de
clases. En definitiva,
aquí encontrarás todas
las clases que dispones
en Java para realizar
cualquier tipo de tarea.

Search
• La búsqueda de Java "Java
Search" es similar a la búsqueda
de archivos pero proporciona
funciones adicionales para buscar
en archivos Java. Así pues, permite
buscar explícitamente por tipos,
métodos, paquetes, constructores
y campos, usando restricciones de
búsqueda adicionales (como por
ejemplo, buscar sólo el punto del
código en que se declararon los
elementos coincidentes)

Problems
•Revisa los problemas que se puedan encontrar
mientras crees el programa

Aplicación en eclipse
Abrimos
eclipse, luego
nos vamos a
File y después a
New, luego a
donde dice
Android
Aplicación
Project

Se abrirá una ventana en
donde primero tendremos
que elegir el nombre de la
aplicación y luego al
acabar darle en Next.

Se abrirá un entorno de trabajo en donde podremos
diseñar nuestra aplicación y probarla.

Palette:
La paleta esta conformada por varias carpetas
Forma de widgets Campos de texto Diseño
Compuesto Imágenes y Media Hora y Fecha
Transiciones Avanzado Otro vistas
personalizadas y bibliotecas

La palette esta conformada por varias carpetas:
Forma de
Widdgets Campos de texto
Diseño
Compuesto
]Imágenes & media
Hora y fecha
Tranciciones
Avanzado
Otro
Visitas personalizadas
Y biblioteca

A continuación se explica
para que sirve cada
carpeta de la palette

Configuración de el
Render este diseño
Con eclipsada
Un nexo
Ir al siguiente
estado temas
Versión del
android
Actividad
Asociada de
Contexto
Fragmento
proporcionado
Localizar para su empleo
Generar presentaciones en
eclipse

Ancho relleno
De palanca
Largo relleno
De palanca
Márgenes de
cambio
Cambio de
gravedad
Mostrar
Restricciones
Mostrar todas
las relaciones
Opciones del
zoom

Form Widgets
•Hemos entonces asignado
como nombre a este
objeto: tv1 (recordemos
que se trata de un objeto
de la clase TextView)

Para insertar un botón:
Largo, mediano y chico Insertar un botón chico
Insertar un botón
deslizable
Insertar un botón
rectangular
Insertar un botón
circularInserta un circulo
En espera
Inserta una barra que
Muestra el progreso
Al cargar
Insertar una línea de
Carga o de progreso
Hacer el botón de carga
Grande o chico
Insertar un grupo
De botones circulares
Insertar un boton de
Encendido y apagado
Inserta una barra para
calificar

TEXT FIELDS
• En la ventana de properties estando
seleccionado el EditText
configuramos la propiedad Id... con
el nombre et1 (este nombre
haremos referencia posteriormente
desde Java) Efectuamos los mismos
pasos para crear el segundo
TextView y EditText (inicializamos
las propiedades respectivas)
Definimos los id con los nombres tv2
y et2,

Insertar texto
Insertar una
contraseña
Insertar una dirección
Insertar la hora
Insertar un numero
Insertar números
Con punto decimal
insertar un auto
Corrector de el texto
Insertar una
personalización
De tu nombre
Insertar contraseña
Con números
Insertar un numero
de teléfono
Insertar múltiple texto
Insertar la fecha
Insertar numeros
negativos
Insertar un multi
Auto corrector o
Complementario
De palabras

LAYOUTS
• Definiremos por tanto dos
fragments: uno para el listado y
otro para la vista de detalles.
Ambos serán muy sencillos. Al
igual que una actividad, cada
fragment se compondrá de un
fichero de layout XML para la
interfaz (colocado en alguna
carpeta /res/layout) y una clase
java para la lógica asociada.

Insertar diseño de
cuadricula
Insertar un diseño
De lineas verticales
Insertar un diseño
De lineas horizontales Insertar un diseño con
marco
Insertar un diseño
relativo
Insertar un diseño que
Incluye otra disposición
De fragmento
Insertar un diseño que
Incluye otra disposición
Insertar un diseño de
tabla
Insertar una fila en la
tabla

COMPOSITE
•Elemento contenedor
de otros elementos
de control. Sirve de
referencia para el
redimensionado de
los elementos
contenidos en él.

Verlo en forma de lista
Insertar una lista
expandible
Vista cuadriculada
Vista en vertical
Vista en horizontal Vista como buscador
Insertar un cajón
deslizante Diferentes tipo de
tablas
Visita como web

Images & 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.

Vista imagen
Inserta una
imagen o video
De tu galería
Vista video
Insertar un boton
imagen
Inserta un
Controlador de
Los videos

TIME & DATE
•Son dos de las clases más
usadas cuando una
aplicación implica el
trabajo con fechas

Insertar un
Selector de hora
Insertar un selector
De fechas
Insertar vista
calendario Insertar un
cronometro
Insertar un reloj
digital

TRANSITIONS
•La animación que muestra el
último botón es
simplemente la que el
dispositivo aplica por
defecto tanto al iniciar una
Activity como al hacer back.

Inserta una imagen
Delante de el textoInsertar una imagen
Que se mueva para
El lado izquierdo
O derecho
Vista pila
Insertar el texto
Delante de la
imagen
Vista
animador
Vista multiple
Vista delante del texto

ADVANCED
• La barra de herramientas de diseño
permite seleccionar varios elementos de
diagrama y establecer sus atributos de
alineación, tamaño y espaciado, e incluye
opciones para estilos de línea para dibujar
transiciones, generalizaciones,
asociaciones y otras líneas de conexión en
el estilo más claro para su diagrama.

Gestiona los
Sucesos asociados
Al cambio de foco
Inserta atributos que
Pueden ser usados con
Otras subclases
Insertar una
Extensión XML Insertar una clase
Atributo con nombre
Inserta atributos
especificos
Vista de la
superficie
Vista de textura
Insertar selector de
números
Insertar un botón
Para zoom
Insertar controladores
De zoom

Continuación Advanced:
Insertar doble
Lista con linea
Insertar un filtro de
llamada
Insertar un rango
abdoluto

CUSTOM & LIBRARY VIEWS
• Amplía las capacidades de Eclipse
para que pueda configurar
rápidamente nuevos proyectos para
Android, crear una interfaz de usuario
de la aplicación, agregar paquetes
basados en la API de Android
Framework, depurar sus aplicaciones
usando el SDK de Android
herramientas, e incluso exportar
firmado (o signo) .apk archivos con el
fin de distribuir la aplicación.

Aquí se ponen archivos
Que el usuario crea para
Usarlos en su aplicación

Other
• Insertar la hora en forma de
texto

Ahora nos
enfocaremos en las
propiedades:

Identificador
Contenido de
descripcion
Relleno
inferior
Relleno
Superior
Visibilidad
Enfocable
Relleno
izquierdo
Parametros para
e diseño
Fondo

Al hacer clic
Armar diseño
Anchura
Etiqueta
Se puede
hacer clic
Alineación
Contenido de la
descripción
Altura
Vista grupos

Carpeta que contienen el
codigo fuente de la
aplicación.
Carpeta que contiene el código
generado de forma automática por el
SDK
Carpeta que puede contener una serie
abritaria de ficheros o carpetas que podran
ser utilizados por la aplicacion
Codigo JAR, el API de Android
según la version seleccionada
Librería asociadas al proyecto

Código JAR con librerías que quieras
usar en tu proyecto. Su objetivo es
permitir ciertas funcionalidades
importantes no disponibles en el nivel
de API
En estas carpetas se almacenan los
ficheros de imágenes(JPG o PNG) y
descriptores de imagen XML
Carpeta que contiene los recursos
usados por la aplicación.
En esta carpeta se complica el código y se
genera el apk, fichero comprimido que
contiene la aplicación final lista para instalar

Contiene ficheros XML con visitas de la
aplicación. Las visitas nos permitirán
configurar las diferentes pantallas que
compondrán la interfaz de usuario de la
aplicación.
Ficheros XML con los menus de cada
actividad
Tambien utilizaremos ficheros XML para
indicar valores del tipo sting, color o estilo.
De esta manera podremos cambiar los
valores sin necesidad de ir al codigo fuente.
Este fichero describe la aplicación Android.
En el que indican las actividades,
interacciones, servicios y proveedores de
contenido de la aplicacion

Icono de la aplicación de gran
tamaño para ser usando en
paginas web. El nombre puede
variar si se indico uno diferente
Fichero generado
automáticamente por el SDK.
Nunca hay que modificarlo
Fichero de configuración de la
herramienta ProGuard que te
permite optimizar y ofuscar el
código generado

Mostrar propiedades
avanzadas
Ordenar
alfabeticamente
Restaurar el valor
Por ejemplo
Expandir todo
Colapsar todo

Borra la consola
actualmente activa
y esta disponible
como un mandato
de vista y un
elemento del menú
contextual
Cambios en caso
de bloqueo de
desplazamiento
debe ser
activado o no en
la consola actual
Prendedores la consola
actual a permanecer en la
parte superior de todas
las otras consolas
Abre una lista de las consolas
actuales y le permite
seleccionar cual
Abre una nueva
consola del tipo
seleccionado

Mensajes de
error declaración consola

• Actividad del menú, donde podemos cambiar el nombre

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. Sin embargo, es
• posible crear perspectivas propias añadiendo nuevas vistas
y cambiando su distribución
• en la pantalla. Las perspectivas pueden seleccionarse
haciendo clic en los iconos de
• perspectiva del lateral izquierdo o eligiendo "Window >
Open Perspective" del menú.
• Las perspectivas son:

•Resource: esta perspectiva está estrechamente relacionada con el
sistema de
• archivos puesto que representa la localización física de los recursos
almacenados
• dentro de los proyectos
•Java: esta perspectiva se centra en tareas de programación, mostrando
paquetes,
• clases, métodos y atributos en sus vistas asociadas.
• Plug-in development: la perspectiva de desarrollo de plug-in permite
a los desarrolladores añadir nuevos módulos de Eclipse.

•Install/Update: permite gestión de la configuración. Muestra los
componentes instalados así como sus versiones y conflictos.
•Debug: relacionada con la tarea de depuración. Se centra en los
procesos ejecutados, puntos de ruptura, variables, salida, etc.
•Java Browsing: esta perspectiva permite ojear rápidamente código,
proyectos, paquetes
• y jerarquías.

Lenguajes de programación utilizados en Eclipse
3.2.1

Ventajas de Eclipse:
• El entorno de desarrollo integrado (IDE) de eclipse emplea modulos
para proporcionar toda su funcionalidad al frente de la plataforma
de Cliente rico, a diferencia de otros entornos monoliticos donde las
funcionalidades estan todas incluidas, las necesite el usuario o no.
• Este mecanismo de modulos es una plataforma ligera para
componentes de software. Adicionalmente a permitirle a Eclipse
extenderse usando otros lenguajes de programación como son
C/C++ y python, permite a eclipse trabajar con lenguajes para
procesado de texto como LaTeX, aplicaciones en red como Telnet y
sistema de gestión de base de datos.

Desventajas de Eclipse:
•Su principalmente inconveniente, comun a otros IDEs
en mayor o menor medida, en el consumo de
recursos del sistema
•Tambien que carece de mucho soporte para Webapps
(.war, jsp y servlets) tal y como lo hace Netbeans (los
Plugins por lo general no son ni tan potentes ni tan
sencillos como el modulo que Netbeans viene
preinstalado).

• En este trabajo podemos ver y comprender para que nos
sirven cada una de las herramientas de eclipse. Así
podemos saber como utilizarlo. De modo que si tenemos
alguna duda podemos recurrir a los conocimientos que
hemos adquirido en esta practica.

Fuentes:
•http://www.javaya.com.ar/detalleconcepto.php?codi
go=76&inicio
•http://es.slideshare.net/aaronkliteer/pantalla-de-
eclipse-presentacion-de-eclipse-sandor-aarn-estrada-
hernndez-4b?related=1
•https://prezi.com/8_lkuuyre_nm/conceptos-
caracteristicas-ventajas-y-desventajas-de-los-i/
•https://prezi.com/8_lkuuyre_nm/conceptos-
caracteristicas-ventajas-y-desventajas-de-los-i/
•http://es.slideshare.net/lourdes9898/partes-de-la-
pantalla-de-eclipse

•http://help.eclipse.org/mars/index.jsp?top
ic=/org.eclipse.jdt.doc.user/reference/ref-
icons.htm
•https://es.wikipedia.org/wiki/Eclipse_(soft
ware)
•http://cvairetti.ing.puc.cl/IIC1103/laborato
rio/TutorialEclipse1.pdf

Tutorial de eclipse_terminado

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Destacado

Destacado (15)

Similar a Tutorial de eclipse_terminado

Similar a Tutorial de eclipse_terminado (20)

Más de Aixa Rodriguez

Más de Aixa Rodriguez (13)

Tutorial de eclipse_terminado