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
2.
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).
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
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
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
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
47.
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
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
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
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.
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!