Maquina Virtual - Práctica de Suma

Maquina Virtual - Práctica de Suma

   En las siguientes capturas se muestran parte del proceso que realizado en en esta práctica.

   Utilizando como base la practica dada, usamos dos "Medium Text", uno con el contenido de "Primer numero" y al otro "Segundo numero", y también agregando dos Text Field de ABC, igualmente cambiándolos su contenido de "id" por: @+id/num1 y @+id/num2 respectivamente. Y por ultimo, un botón para el resultado y un TextView para mostrar el resultado.

 Resultado Final:

Máquina virtual - Formularios

Formularios

   A continuación, los ejerccios de formularios realizados en el 3° Periodo de la materia: 

Datos Personales

Agenda

Inventario

Banco

Zoológico

Alumnos

Empresa

Layouts

Layouts 

   La palabra Layout sirve para hacer referencia al esquema que será utilizado y cómo estan distribuidos los elementos y formas dentro de un diseño. Se traduce como "disposición, plan o diseño".

   El layout realiza la representación de un plano sobre el cual se va a dibujar la distribución de un espacio específico o determinado. Se puede tomar como las bases de una página web, para que ésta, a partir de ese plan o diseño pueda desarrollarse, es decir, que el producto inicial de una página o sitio web es su layout, plantillas o diseño.

Grid Layout

  El Gridlayout básicamente permite definir un grid con filas y columnas y los elementos en el contenedor se ubican en las "celda" especificando un número de columna y fila (row).

Linear Layout

  El LinearLayout básicamente permite apilar elementos basados en cierta orientación. Los elementos serán ubicados en un contenedor. Este tipo de contenedores son muy prácticos para alinear elementos como una lista de text view en un formulario para ingresar información.

Relative Layout

  En un RelativeLayout como el nombre lo indica los elementos se alienan de acuerdo a su padre o a otro elemento. Es común usar propiedades como layout_alignParentLeft que permiten alinear a la izquierda del contenedor padre o layout_below que permite ubicar un control debajo de otro componente. 

FrameLayout 

 Posiciona las vistas usando todo el contenedor, sin distribuirlas espacialmente. Si bien es comúnmente usado como un contenedor de un elemento puede contener múltiples componentes que serán a lineados a la esquina superior izquierda uno encima de otro. 

FragmentTabHost, TabLayout o TabHost

  Proporciona una lista de ventanas seleccionables por medio de etiquetas que pueden ser pulsadas por el usuario para seleccionar la ventana que desea visualizar. Se estudia al final del capítulo. 

TableLayout

  Un TableLayout permite distribuir sus elementos hijos de forma tabular, definiendo las filas y columnas necesarias, y la posición de cada componente dentro de la tabla.

Fuentes:

• https://www.significados.com/layout/
• https://camilorada.wordpress.com/tag/gridlayout/
• http://www.androidcurso.com/index.php/tutoriales-android/32-unidad-2-diseno-de-la-interfaz-de-usuario-vistas-y-layouts/114-layouts
• http://aplicacionesmoviles.weebly.com/layout.html

Estructura de carpetas de un proyecto Android

  Estructura de carpetas de un proyecto Android

 Al crear un nuevo proyecto de Android en la herramienta de desarrollo nos aparecerán ciertos archivos y carpetas ya creados que conforman nuestra aplicación.

Elementos principales.

Carpeta /src/

   Contiene todo el código fuente de la aplicación, código de la interfaz gráfica, clases auxiliares, etc. Inicialmente, Eclipse creará por nosotros el código básico de la pantalla (Activity) principal de la aplicación, siempre bajo la estructura del paquete java definido.

Carpeta /res/

   Contiene todos los ficheros de recursos necesarios para el proyecto: imágenes, vídeos, cadenas de texto, etc. Los diferentes tipos de recursos se deberán distribuir entre las siguientes carpetas:

• /res/drawable/. Contienen las imágenes de la aplicación. Se puede dividir en /drawable-ldpi, /drawable-mdpi y /drawable-hdpi para utilizar diferentes recursos dependiendo de la resolución del dispositivo.
• /res/layout/. Contienen los ficheros de definición de las diferentes pantallas de la interfaz gráfica. Se puede dividir en /layout y /layout-land para definir distintos layouts dependiendo de la orientación del dispositivo.
• /res/anim/. Contiene la definición de las animaciones utilizadas por la aplicación.
• /res/menu/. Contiene la definición de los menús de la aplicación.
• /res/values/. Contiene otros recursos de la aplicación como por ejemplo cadenas de texto (strings.xml), estilos (styles.xml), colores (colors.xml), etc.
• /res/xml/. Contiene los ficheros XML utilizados por la aplicación.
• /res/raw/. Contiene recursos adicionales, normalmente en formato distinto a XML, que no se incluyan en el resto de carpetas de recursos.

Carpeta /gen/ 

   Contiene una serie de elementos de código generados automáticamente al compilar el proyecto. Cada vez que generamos nuestro proyecto, la maquinaria de compilación de Android genera por nosotros una serie de ficheros fuente en java dirigidos al control de los recursos de la aplicación. 

Carpeta /assets/

   Contiene todos los demás ficheros auxiliares necesarios para la aplicación (y que se incluirán en su propio paquete), como por ejemplo ficheros de configuración, de datos, etc.   La diferencia entre los recursos incluidos en la carpeta /res/raw/ y los incluidos en la carpeta /assets/ es que para los primeros se generará un ID en la clase R y se deberá acceder a ellos con los diferentes métodos de acceso a recursos. Para los segundos sin embargo no se generarán ID y se podrá acceder a ellos por su ruta como a cualquier otro fichero del sistema. Usaremos uno u otro según las necesidades de nuestra aplicación.

 fuente:

•  http://programando-android.blogspot.mx/p/estructura-de-un-proyecto-android.html

Pragramación para Android - Crear la Primera Aplicación Android

Pragramación para Android -

 Crear la Primera Aplicación Android

• Debemos tener nuestro Eclipse abierto, y darle clic en File y seleccionar New, para poder crear un nuevo proyecto (Android Application Project).

• Nos aparecerá este cuadro de diálogo,  al cual le pondremos un nombre que será "PrimerHolaMundo", el proyecto y package se quedarán tal y como está. Después nos pregunta por el SDK, el cual es el que ya habíamos descargado (Android 2.2 API 8). También en el destino se pondrá el mismo. En donde dice tema elegiremos la opción "None" para que no nos marque error. Y damos clic en "Next".

• Al darle clic, nos saldrá otro cuadro de diálogo, y lo vamos a dejar como aparece, sin hacer algún cambio. Damos clic en "Next".

• Va a aparecer otro cuadro de diálogo que nos pregunta por el icono launcher, el icono de la aplicación. Hay diferentes resoluciones, ya mas adelante se verá como poner nuestro propio icono launcher. Damos clic en "Next".

• Y por último aparece la actividad, se recomienda dejarla en blanco, ya que nosotros queremos escribir los elementos, por eso elegiremos "Blank Activity". Damos clic en "Next".

• Aparecerá un resumen, y le daremos clic en "Finish".

• Al cargar nuestro proyecto, vamos a tener nuestra área de trabajo.  También automáticamente nos abre como se verá en nuestro dispositivo, el cual nos dice que nuestra aplicación se llamará "PrimerHolaMundo" y va tener un pequeño texto que va a decir "Hello World".

• Si quisiéramos que estuviera en español, damos doble clic en el texto, y va a parecer un código, y vamos a cambiar  donde dice "android: text="@string/hello_world" /> por esto: "android: text="Hola Mundo....", lo guardamos.

• Para poder ejecutarlo debemos dar clic derecho sobre nuestro proyecto, y elegir "Run As", después en "Android Application". 

• Esperamos a que se ejecute, va a tardar en abrir, así que lo recomendable es que cuando estés escribiendo códigos no cierres la máquina virtual solo minimices, y así al ejecutar  abra rápidamente. Automáticamente nos lanzó la aplicación tal y como la veíamos en Eclipse, así es como se estaría viendo en un dispositivo Android.

Fuente:

• http://www.codigofacilito.com/videos/programacion_android_hola_mundo

Android para Eclipse - Configurar PC para desarrollar para Android

Android para Eclipse -

 Configurar PC para desarrollar para Android

Descargar e instalar JDK

• Entramos a la página dando clic en este link: https://oracle.com/infex.html

• Nos vamos a la sección de descargas Nos vamos a la pestaña de descargas más populares y damos clic en "Java". Después se va a descargar la versión Standar Edition "Java SE" 

• Damos clic en la plataforma de Java versión 7u17 y tenemos la lista de las diferentes versiones, las cuales podemos descargar para nuestra computadora dependiendo la plataforma.

• Aceptamos las condiciones de uso. Después se da clic al link, y se espera hasta que se descargue. Una vez descargado, lo abrimos y se procede a la instalación.

• Cuando lo abrimos aparece una ventana y daremos clic en "Next" a todo y "close". entonces ya queda instalado JDK en nuestra computadora.

Descargar e instalar SDK

• Se accede a la siguiente página: https://www.android.com/

• Damos clic en "Developers". Después se da clic en "Get the SDK" y luego en "USE AN EXISTING IDE". 

• Después aceptamos todo, igual donde dice "I have read and agree with the above terms and conditions", y luego en "Download the SDK Tools for Windows".

• Cuando ya se haya terminado de descargar, abrimos el archivo y le damos clic en "Next" a todo, copiamos la ruta para guardarla, porque es indispensable, la guardamos en un archivo de texto, y esto se hace porque mas adelante se ocupará, ya sólo se da clic en "Next", "Install", "Next" y "Finish".

Configurando SDK

• después de instalarse, automáticamente se ejecutará el administrador del SDK. Se da clic en Android 4.2.2(API 17), y de ahí en el recuadro "Android 2.2(API 8) y en el triángulo que está a lado. Después de esto se da clic en el triángulo "Extras", y se da clic en "Install 5 packages".

• Clic en "Samples for SDK API 8, revision 1", y luego se acepta la licencia. 

• Por último se da clic en "Install".

Descargar Eclipse

• Da clic en este link: http://www.eclipse.org/, y luego en "Download"

• Descargar la primera que nos aparece que es "Eclipse IDE for Java EE Developers". Deben asegurarse de que en la pestaña diga la versión que utilizamos. Y después descargamos la versión de 32 bit "Windows 32 bit".

• Damos clic sobre el link "[Brazil] Edugraf-INE-CTC-UFSC (http)".

• Aparece la pestaña "Información del fichero de descarga", y se da clic en "Iniciar descarga".

• Una vez que ya se tiene descomprimido, la abrimos y buscamos el icono de eclipse, le damos clic.

• Seleccionamos el workspace, y luego clic en "OK".

Instalar Plugin

• Nos dirigimos a "Help", y luego dar clic en "Install New Software..." donde se abre un cuadro de diálogo, clic en "Add".

• Escribimos un nombre intuitivo y en localization  o dirección: https://dl-ssl.google.com/android/eclipse/ y se da clic en "OK". 

• Va a comenzar a buscar en los repositorios de Google.

• Clic en la palabra "Pending".

• Se da clic en el cuadrito de "Developers Tools", luego en "Next".

• Cuando ya se haya  terminado de buscar los repositorios, damos clic en "Next", y se aceptan los términos de la licencia y damos clic en "Finish".

• Se abre un cuadro de diálogo en el cual nos muestra el progreso de la instalación del plugin (esperar...), durante el proceso de instalación también nos manda unas advertencias porque estamos instalando un nuevo software, darle clic en "OK", para que proceda con una instalación, al mismo tiempo Windows nos manda una alerta de seguridad que permita el acceso a las redes, dar clic en "Allow access".

• Luego aparece otro cuadro de diálogo que dice que ya se hizo la autorización, pero que necesita reiniciar Eclipse, clic en "Yes".

• Y aparece un error, dice que no puede encontrar este directorio, así que falta otra paso para configurar el Plugin en Eclipse, por lo tanto pasamos al paso número 6.

Configurar las preferencias de Eclipse

• Clic en "Open Preferences".

• Aparece un cuadro de diálogo y está pidiendo la ruta que se guardó cuando se instaló el SDK.

• Esa ruta debe ponerse donde dice  SDK Location, y damos clic en "OK".

Configurar la máquina virtual

• Clic en el icono "Android Virtual Device Manager", luego en "New".

• Aparece un cuadro de diálogo y en AVD Name se escribe el nombre para identificar el Plugin, por ejemplo "Android2.2".

• Después se da clic en Device para escoger el dispositivo que se va a utilizar, se selecciona "2.7" QUGA (240x320:ldpi).

• En Target seleccionamos "Android 2.2- Apl Level 8", dejamos las siguientes dos palomitas así como están.

• En Internal Storage, poner "650"

• En Emulation Options, palomear a Snapshot, luego clic en "Ok".

• En el cuadro de diálogo clic en "Android2.2" y luego en "Start...".

fuente:

• http://codigofacilito.com/videos/programacion_android_configurar_pc_para_desarrollar_para_android

Proceso de Instalación del programa Eclipse

Proceso de Instalación del programa Eclipse

  La programación de computadoras que usa Java es sin duda el aspecto más importante de las computadoras. Muchas de las aplicaciones de hoy en día utilizan Java como su fuente principal de código, desde juegos de computadora hasta teléfonos móvil.

  Eclipse es un Ambiente de Desarrollo Integrado (conocido como Integrated Development Environment o IDE en inglés) el cual muy popular entre los programadores y desarrolladores de Java. Sólo uno de las numerosas aplicaciones de edición de Scripts para desarrollar programas Java y permite a los estudiantes escribir y compilar código Java y ejecutar programas.

  El primer paso es visitar la página de Eclipse en http://www.eclipse.org. Una vez dentro de la página, se fija el cursor en la esquina superior derecha hacía un botón color naranja, el cual dice "Download". 

   

  Al darle clic a este botón, pasarás a la página de selección del sistema operativo Eclipse Neon, la ultima versión salida de este sistema operativo. 

  

Igualmente, ahí volveremos a darle clic al botón "Download" para así descargar el archivo para la instalación.

 Al  abrir el archivo descargado de Eclipse, se activará el eclipseinstaller o instalador de Eclipse. Antes, instalar Eclipse era algo complicado. Pero ahora este instalador te guiará en el proceso para instalar el IDE de una forma fácil y amena. 

  

La siguiente pantalla del instalador de Eclipse te mostrará todas las versiones disponibles de esta herramienta. Estamos bajo la presunción de se es un desarrollador de Java. Por lo tanto seleccionaremos la primera opción, que dice "Eclipse IDE for Java Developers".

Después de presionar el botón mencionado, pasarás a la ventana de preferencias. En este campo indicarás la carpeta donde deseas instalar Eclipse. Por lo general se debe instalar en la carpeta por defecto salvo. Una vez configures todas las opciones, dale clic al botón "Install".

  Ahora se pasará a la ventana de la licencia. Entonces desplázate hasta la parte inferior derecha de dicha ventana y se presiona el botón "Acept" para aceptar la licencia y proseguir con la instalación.

  Una vez termine, la barra de progreso verde se transformará en un botón verde con el texto “Launch”, presionamos el bóton para iniciar Eclipse. Entonces, el programa iniciará y se verá una ventana así: 

  A partir de este momento ya podrás usar Eclipse.