Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales

PRCTICAS DE LABORATORIO DE DISPOSITIVOS MVILES

ELABOR: M.C. JOS ALBERTO MORALES MANCILLA OBSERVACIONES GENERALES: Al final de cada prctica est la tarea a desarrollar para entregarme. Cada tarea tiene una fecha de entrega la cual no se puede cambiar a menos por causas de fuerza mayor amerite el cambio de fecha. Mximo dos alumnos por equipo. Hay prcticas en las que no hay tarea o actividad a desarrollar, por lo tanto estas no tienen fechas de entrega, pero si las debe desarrollar. 0. Laboratorio 00 (Fecha de entrega: Viernes 1 Marzo 2013)

Para poder instalar el ambiente de Android, dos opciones a) Usar bundle b) Manualmente instalar todos los componentes a) Usar bundle 1) Descargar el bundle de acuerdo a la plataforma 2) Descomprimir el archivo en el directorio raz del disco duro 3) Ir a directorio eclipse y doble clic al icono de eclipse 4) Todo ya est configurado e incluye la plataforma ms reciente

b) Manualmente instalar todos los componentes 1.- Instalar JDK6U30 2.- Instalar el Android SDK (installer_r16-windows) - Usar las opciones default

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales

NOTA: No agregar componentes adicionales, esto se har ms tarde 3.- Instalar Eclipse - Crear directorio eclipse en c: - Unzip de eclipse-SDK-3.7.1-win32 en el directorio eclipse - Crear shortcut de eclipse.exe - Usar el workspace default: C:\Documents and Settings\Administrator\workspace al momento de ejecutar la aplicacin 4.- Instalar ADT plugin para Eclipse -Start Eclipse, then select Help > Install New Software.... -Click Add, in the top-right corner. -In the Add Repository dialog that appears, Enter "ADT Plugin" for the Name and the following URL for the Location: https://dl-ssl.google.com/android/eclipse/ -Click OK Note: If you have trouble acquiring the plugin, try using "http" in the Location URL, instead of "https" (https is preferred for security reasons).

-In the Available Software dialog, select the checkbox next to Developer Tools and click Next. -In the next window, you'll see a list of the tools to be downloaded. Click Next. -Read and accept the license agreements, then click Finish. Note: If you get a security warning saying that the authenticity

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales

or validity of the software can't be established, click OK.

-When the installation completes, restart Eclipse.

5.- Configurar el plugin ADT - Despues de iniciar eclipse, si aparece una ventana,clic cancel - Ir Window-Preferences - Elegir en el lado izquierdo Android - En SDK location: C:\Program Files\Android\android-sdk - Clic OK - Si indica que SDK Platform component is missing!.. Clic OK

6.- Agregar componentes adicionales al Android SDK - Despues de realizar la instalacion del Android SDK, ir al directorio: C:\Program Files\Android\android-sdk\tools\ Ejecutar el programa android.bat - Verificar que aparezcan seleccionados: - Android SDK platform tools - Android 4.0.3 (API 15) Documentation for Android SDK SDK Platform Samples for SDK ARM EABI v7a System Image Google API by Google Inc

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales

Sources for Android SDK - Extras Google USB Driver Package (Esto es para poder usar por USB un tablet o celular) - Clic al botn install packages --------------------------------------Consideraciones del Android Virtual Device Manager - Para hacer ms rapido el emulador: - En el Android Virtual Device Manage Seleccionar Snapshot enabled Skin: HVGA Property: Device RAM Size:900 ----------------------------------------------------Para ver las pginas web del folder adicional, usar FireFox ----------------------------------------------------Para importar un proyecto: File-import En General, seleccionar Existing projects into workspace Select root directory, seleccionar la carpeta donde est el proyecto Clic Finish Para quitar el proyecto del IDE Clic con el botn derecho al proyecto y delete

ACTIVIDAD:

(Fecha de entrega: Viernes 1 de Marzo 2013)

Usando cualquier mtodo de presentacin que ms le sea adecuado (mapas conceptuales, procesos de bloques, presentaciones en Power Point, etc.) explique a detalle el proceso de bsqueda e instalacin de Android en su computadora que usted haya elegido, entregar un reporte con su portada adecuada, la cual se encuentra anexa a este sitio. La calificacin que obtendr depender si usted demuestra el desarrollo de la actividad as como la presentacin. No se admite la entrega del trabajo fuera de la fecha y la hora de clase.

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales

1. Laboratorio (Lab0A) Proyecto HolaMundo

Hacer el proyecto HolaMundo Revisar el contenido del proyecto Carpeta src que contiene a el cdigo fuente java Carpeta gen que contiene el archivo R.java Carpeta res que contiene los recursos de la aplicacin AndroidManifest.xml archivo donde se especifican los permisos de la aplicacin y otras cosas como intentos, filtros etc. Hacer modificaciones a la aplicacin agregando botones, TextView.

ACTIVIDAD:

(Fecha de entrega: Mircoles 6 de Marzo 2013)

Realizar investigacin sobre las carpetas y archivos importantes de Android, sobre el modelo vista controlador Qu significa?, que son los widgets, que son los Layouts. Explica que contiene la clase View. Para qu sirve el archivo R.java?. Anexar la bibliografa de bsqueda o la pgina de internet donde encontr la informacin. Haga un resumen de lo que usted comprendi, no copie ni pegue.

2. Laboratorio (Lab0B) Contenedores

Laboratorio Lab0B 2.1 Usar LinearLayout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <RadioGroup android:id="@+id/orientation" android:orientation="horizontal"

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5px"> <RadioButton android:id="@+id/horizontal" android:text="horizontal" /> <RadioButton android:id="@+id/vertical" android:text="vertical" /> </RadioGroup> <RadioGroup android:id="@+id/gravity" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="5px"> <RadioButton android:id="@+id/left" android:text="left" /> <RadioButton android:id="@+id/center" android:text="center" /> <RadioButton android:id="@+id/right" android:text="right" /> </RadioGroup>

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales </LinearLayout>

Modificar la actividad para que implemente OnCheckedChangeListener. En el primer grupo de radio buton modificar la orientacion En el segundo grupo de radio buton modificar la gravity ... RadioGroup orientation; orientation=(RadioGroup)findViewById(R.id.orientation); .... public void onCheckedChanged(RadioGroup group, int checkedId) { switch(checkedId){ case R.id.horizontal: orientation.setOrientation(LinearLayout.HORIZONTAL); break; .....

-----------------------------------------------------------------------------------------------Laboratorio 2 2.2 Usar RelativeLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="5px" >

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales <TextView android:id="@+id/label" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="URL" android:paddingTop="15px" /> <EditText android:id="@+id/entry" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_toRightOf="@id/label" android:layout_alignBaseline="@id/label" /> <Button android:id="@+id/ok" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="OK" /> <Button android:id="@+id/cancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Cancel" /> </RelativeLayout> Completar el codigo para que el boton cancel aparezca antes que el boton OK y ambos botones aparezcan alineados en su parte superior usar: Boton: OK android:layout_below

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales android:layout_alignRight Boton: Cancel android:layout_toLeftOf android:layout_alignTop ---------------------------------------------------------------------------------------------------------------------------------Laboratorio 2 2.3 Usar TableLayout Usando un TableLayout, crear la misma interface que 2.2 Ejemplo: <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1" > <TableRow > <TextView android:text="URL"/> <EditText android:id="@+id/entry" android:layout_span="3"/>" </TableRow> <View android:layout_height="2px" android:background="#0000FF"/>

.... Laboratorio 2 2.4 - Usar ScrollView <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

Instituto Tecnolgico de Tuxtla Gutirrez Ingeniera en Sistemas Computacionales android:layout_width="fill_parent" android:layout_height="wrap_content"> <TableLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="0"> <TableRow> <View android:layout_height="80px" android:background="#000000"/> <TextView android:text="#000000" android:paddingLeft="4px" android:layout_gravity="center_vertical"/>" </TableRow>

.... colocar 5 TableRow adicionales Instanciar ms TableRows con el fin de que se generen las barras de scroll

3. Laboratorio (Lab0C) Intentos 4. Laboratorio (Lab0D) Ciclo de vida de una actividad 5. Laboratorio (Lab0E) Eventos