Tutorial de-eclipse-cltt-mpr-dlnl
- 1. 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
- 3. ¿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).
- 4. ¿Qué debemos descargar para poder instalar Eclipse?
- 5. Los programas que utilizaremos son: Eclipse Java JDK SDK Manager Cada una de ellas podemos descargarlas desde sus sitios oficiales o buscar versiones anteriores
- 6. JAVA JDK Dan Clic en JDK y los re direccionara a la pagina de descarga
- 7. Aceptamos la licencia, después seleccionaremos el que sea de nuestro sistema operativo y comenzara a descargar automáticamente
- 8. 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
- 9. eclipse Descarguen el que sea de su sistema operativo y si es de 32 o 64 bits
- 10. Cuando lo descarguemos nos dejara una carpeta que contendrá estos archivos, y entre ellos estará el ejecutable de la aplicación
- 12. Cuando ya lo tengamos instalado y abrimos el Android SDK Manager nos saldrá esta ventana, que es para revisar si todo esta actualizado
- 13. Cuando hayamos instalado todo podemos hacer un acceso directo al escritorio y ya podríamos abrirla
- 15. Y esta seria la interfaz de la aplicación
- 16. Links de Descarga :D • Java: http://www.oracle.com/technetwork/java/javase/do wnloads/index.html • Eclipse: http://www.eclipse.org/downloads/ • SDK: http://developer.android.com/intl/es/sdk/index.ht ml
- 18. 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
- 19. 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…
- 20. FILE: Refrescar, imprimir, hacer un espacio de trabajo, reiniciar, importar y exportar, ver las propiedades del mismo y hasta salir del programa.
- 21. FILE > CONVERT LINE DELIMITERS TO Aquí se puede convertir a la línea delimitadores a: Windows, Unix y MacOS
- 22. FILE > SWITCH WORKSPACE Aquí se puede cambiar a otro espacio de trabajo que nosotros tengamos en una carpeta determinada
- 23. 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
- 24. 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
- 25. 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.
- 26. 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,
- 27. 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 .
- 28. 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
- 29. NAVIGATE: Abrir tipo, abrir tipo en jerarquía, abrir recurso…, mostrar en…, siguiente, previo, editar anterior localización, atrás y adelante.
- 30. NAVIGATE > GO TO: En este apartado podemos ir hacia atrás, hacia adelante, ir a otro nivel, Tipo…, Paquete…, Recursos
- 31. NAVIGATE > SHOW IN: En este apartado podemos mostrar los Repositorios GIT, Historial, Navegador, Explorador de Proyectos, Propiedades
- 32. SEARCH: Buscar…, archivo…, Java…, texto, referencias, declaraciones, implementaciones, leer accesos, escribir acceso, ocurrencias en archivo, prueba de referencia.
- 33. 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
- 34. SEARCH > OCCURRENCES IN FILE Identificar, implementar métodos, excepciones de lanzamiento, métodos de salida, romper/continuar tarjeta
- 35. PROJECT: Abrir proyecto, cerrar proyecto, construir todo, construir proyecto, construir el conjunto de trabajo, limpiar, construcción automática, generar JAVADOC…, propiedades.
- 36. 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…
- 37. REFACTOR > ANDROID Cambiar tipo de Widget, cambiar diseño, remover envase, envolver, extraer estilo, incluir en extracción, extraer Android String
- 38. 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
- 39. 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
- 40. WINDOWS > OPEN PERSPECTIVE
- 41. WINDOWS > SHOW VIEW
- 43. HELP: Bienvenidos Ayuda con el contenido Buscar Ayuda Dinámica Asistente de llave… Tips y trucos… Hoja de trucos… Verificar actualizaciones Instalar nuevo software… Acerca de ADT
- 44. Aquí se puede crear un nuevo archivo, guardarlo todo o imprimirlo 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
- 45. 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
- 46. En esta ventana podemos observar nuestro progreso de creación de la aplicación al igual que las opciones que usaremos
- 48. 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
- 49. 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
- 50. Como crear un Nuevo Proyecto de Aplicación Android
- 51. Para comenzar tenemos que irnos a: File – New – Android Application Project
- 52. Esta será la primer ventana que nos va a aparecer, la cual tiene muchas opciones.
- 53. En esta parte podemos nombrar a la aplicación que haremos, Nombrar el proyecto y nombrar el package
- 54. 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 >
- 55. En la siguiente pantalla podemos elegir las casillas para crear un icono en el launcher o crear una actividad Daremos clic en NEXT>
- 56. 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>
- 57. 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…
- 58. 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
- 59. Así aparecerá la vista de la nueva Actividad que acabamos de crear
- 60. Aquí se pueden ver los datos que elegimos para este tipo de actividad
- 61. Nombre de la Actividad Paleta *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 revisado Spinner: 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
- 62. TEXT FIELDS Aquí podemos ver como estará organizado el texto de la aplicación
- 63. LAYOUTS Aquí podemos ver el diseño que tendrá cada parte de la aplicación
- 64. 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.
- 65. IMAGES & MEDIA: Aquí se puede agregar un visor de imágenes, galería de imágenes o un visor de videos
- 66. TIME & DATE: Aquí podemos agregar algún Widget de reloj a la interfaz de la aplicación
- 67. TRANSITIONS: Aquí podemos elegir la animación de cada parte de p.a. aplicación, como el texto, las imágenes, el scroll, etc.
- 68. ADVANCED: Estas son opciones avanzadas, en las cuales podemos agregar botones como el zoom, acceso al dialer, texturas, etc.
- 69. OTHER: Aquí podemos agregar texto al reloj
- 70. CUSTOM & LIBRERY VIEWS: Aquí simplemente podemos customizar y agregar librerías
- 71. Emulador de Android con Nexus One Aplicación de Tema Actividad Principal Tipo de Vistas
- 72. Estos son todos los paquetes que se crean al momento de crear un nuevo proyecto Android
- 74. Abrimos el Android Virtual Device Manager
- 75. Esta es la primera pestaña que nos saldrá, en ella nos muestra los dispositivos que configuremos
- 76. 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
- 77. Estas son las opciones para crear un nuevo dispositivo
- 78. Continuando con la creación de el dispositivo virtual, esta es la pestana que nos mostrara para la creación
- 79. 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
- 80. En el apartado Target elegimos la que venga predeterminada en nuestra versión de Android, en este caso usaremos Android 4.2
- 81. 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
- 82. Estos son los apartados de memoria que podremos asignar al dispositivo virtual Podemos 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.
- 83. Cuando hayamos seleccionado lo que utilizaremos podremos dar en “OK”
- 84. Aquí aparecerá el dispositivo virtual que nosotros hayamos creado
- 85. 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
- 86. Después de ver si todo esta bien podremos dar a “Start” para iniciar la emulación
- 87. 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”
- 88. 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
- 89. Después de que la barra cargue comenzara a emular el dispositivo, esto puede tardar dependiendo de tu equipo
- 90. 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)
- 91. Este es un ejemplo del cajón de aplicaciones del emulador, ahí esta el icono de la aplicación que hicimos Se puede observar en la parte inferior, que aparece nuestra aplicación con el nombre de “MyFirstApp”
- 92. 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 bloqueo Botones de Hardware: *Inicio *menú *regreso. También si elegimos la opción podemos usar el teclado virtual
- 93. Este es un ejemplo de una aplicación simple que podríamos crear en eclipse
- 94. CONCLUSIONES • Aquí veremos las conclusiones que se han obtenido a través de esta presentación sobre la aplicación ….
- 95. 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
- 96. ¿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.
- 97. 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
- 98. 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
- 99. 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.
- 100. 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!