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

Tutorial de Eclipse

• Paso 1 abrir eclipse

ControlDelproyector

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 archivoCerrar y cerrartodo

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

EliminarPegar

Seleccionartodo

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

ComentarioDe palanca

Añadir bloqueDe comentario

DesplazamientoA la derecha

Desplazamiento Ala izquierda

Quitar BloqueDe comentario

Generar elementoDe 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

AbrirIr 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

JavaTexto

ReferenciasDeclaraciones

Implementadores Acceso de lectura

Acceso de escritura

Ocurrencias de archivo

Pruebas de referencia

ProjectManejo 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 deTipo 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 editorAbrir 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 estamosutilizando

Para crearUno nuevo

AndroidSDKManager

Android virtual device manager

Run Android Lint

New android XML File Depurar

Ejecutar

Ultima herramienta de gestión

Nuevo paquetejava 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

Android en Eclipse

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.

Aquí solo se da Next

Next

Next

Se oprime Finish

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

Como funciona la palette:

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 deWiddgets Campos de texto

DiseñoCompuesto

]Imágenes & mediaHora y fecha

TrancicionesAvanzado

Otro

Visitas personalizadasY 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 delandroid

Actividad Asociada de ContextoFragmento proporcionado

Localizar para su empleo Generar presentaciones eneclipse

Ancho relleno De palanca

Largo rellenoDe palanca

Márgenes decambio

Cambio degravedad

Mostrar Restricciones

Mostrar todas las relaciones

Opciones delzoom

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 chicoInsertar un botón chico

Insertar un botóndeslizableInsertar un botón

rectangularInsertar un botón circularInserta un circulo

En espera

Inserta una barra queMuestra el progresoAl cargar

Insertar una línea de Carga o de progreso

Hacer el botón de carga Grande o chico

Insertar un grupoDe botones circulares

Insertar un boton deEncendido 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ónInsertar la hora

Insertar un numero

Insertar númerosCon punto decimal

insertar un auto Corrector de el texto

Insertar una personalizaciónDe tu nombre

Insertar contraseñaCon númerosInsertar un numero de teléfono

Insertar múltiple textoInsertar la fecha

Insertar numeros negativos

Insertar un multiAuto 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 decuadricula Insertar un diseño

De lineas verticalesInsertar un diseñoDe lineas horizontales Insertar un diseño con

marco

Insertar un diseñorelativo

Insertar un diseño que Incluye otra disposiciónDe fragmento

Insertar un diseño queIncluye otra disposición

Insertar un diseño detabla

Insertar una fila en latabla

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

Verlo en forma de listaInsertar una listaexpandible

Vista cuadriculadaVista en vertical

Vista en horizontal Vista como buscador

Insertar un cajóndeslizante Diferentes tipo de

tablasVisita 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 videoDe tu galería

Vista video

Insertar un boton imagen

Inserta un Controlador deLos 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 selectorDe fechas

Insertar vistacalendario Insertar un

cronometro

Insertar un relojdigital

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 imagenDelante de el textoInsertar una imagen

Que se mueva para El lado izquierdo O derecho

Vista pila

Insertar el textoDelante 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 asociadosAl cambio de foco

Inserta atributos que Pueden ser usados conOtras subclases

Insertar una Extensión XML Insertar una clase

Atributo con nombreInserta atributos especificos

Vista de la superficie

Vista de textura

Insertar selector denúmeros

Insertar un botón Para zoom

Insertar controladoresDe zoom

Continuación Advanced:

Insertar dobleLista 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 paraUsarlos 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

VisibilidadEnfocable

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 propiedadesavanzadas

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?codigo=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?topic=/org.eclipse.jdt.doc.user/reference/ref-icons.htm•https://es.wikipedia.org/wiki/Eclipse_(software)•http://cvairetti.ing.puc.cl/IIC1103/laboratorio/TutorialEclipse1.pdf