UNIVERSIDAD AUTÓNOMA DE SINALOA

Ingeniería de Software

Manual de prácticas
Materia: Dispositivos Móviles Práctica No.: 25
Tiempo
50 min Revisión: 1
Estimado:
Nombre
Wikitude Elaboró: Gibrán U. López Coronel
Práctica:
• Laptop o Computadora Personal
• Entorno de desarrollo previamente instalado
o Eclipse
o ADT (Android Developers Tools)
Requisitos: o Android SDK
o AVD (Android Virtual Device)
o Android versión Ginger bread 2.3.3.
• Conocimientos previos de Lenguaje de Programación
JAVA
El alumno adquiere conocimientos del API de Wikitude para
Objetivos:
utilizarlos en una aplicación de Realidad Aumentada.
Practica
No
adicional:
 Profr. Gibrán Uriel López Coronel

Wikitude (AR)
A continuación realizaremos una sencilla práctica, esta consiste en crear un
punto el cual vamos a identificar por su Latitud y Longitud. Además que
utilizaremos la API de Wikitude y usaremos la cámara de nuestro dispositivo. La
librería en cuestión se llama wikitudearintent.
A Empezaríamos a crear un nuevo proyecto en eclipse, lo podrás llamar como
gustes, pero a modo de ejemplo la llamaré Practica25. Cuando te encuentres en
N la opción que puedas cambiar el nombre de la actividad y del layout principal,
1
déjalo como te aparezca, MainActivity.xml.

D Una vez que se cargue la interfaz, y eliminamos el TextView que aparece por
default con el texto “Hello World”. Dejaremos el Relative Layout para esta
aplicación.
R Le podremos cambiar el ID a nuestros componentes o bien dejarlos como el
entorno Eclipse lo va agregando. NOTA: En esta práctica no se cambiaran los
O nombres, si en tu caso cambiaste los nombres de ID’s de los componentes, ten en
cuenta cuando pegues los pedazos de código, ya que es una práctica muy común
y es donde se cometen bastantes errores.
I
D Agregaremos un Button en nuestro activity_main.xml.El código quedaría
de la siguiente manera:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="79dp"
android:layout_marginTop="42dp"
android:text="Button" />

</RelativeLayout>
 Profr. Gibrán Uriel López Coronel

Wikitude (AR)

Ahora importaremos nuestra librería a nuestro proyecto, esto lo haremos haciendo

A un clic derecho sobre nuestro proyecto, y nos dirigimos a Build Patch y luego a
Add External Archives.

Una vez importada nuestra librería, debemos de verificar que esté activa, es decir
N que tenga una palomita. Ya que aunque la hemos agregado, está no estará activa
2
para usarla en nuestra aplicación, hasta que la palomeamos.

D Ahora nos dirigimos a la carpeta /src y editaremos nuestro

MainActivity.java. E importaremos las clases que ocuparemos de nuestra

R librería. El código sería el siguiente:

import org.openintents.intents.AbstractWikitudeARIntent;
O import org.openintents.intents.WikitudeARIntent;
import org.openintents.intents.WikitudePOI;

I El código del onCreate() sería el siguiente:

D Button btn = (Button) findViewById (R.id.button1);

// Creamos un onClickListener
btn.setOnClickListener(new OnClickListener(){

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
ejecutaARView();
}

});
 Profr. Gibrán Uriel López Coronel

Wikitude (AR)
Dentro de nuestro MainActivity, crearemos dos métodos,
ejecutarARView() y addPois(). El código del método
ejecutarARView()sería el siguiente:

A // Ejecutando la Vista de Realidad Aumentada

public void ejecutaARView(){
WikitudeARIntent intent= new WikitudeARIntent
(this.getApplication(), null, null, true);
N addPois(intent); // Agregamos los puntos
3
try {
intent.startIntent(this);
D }catch (ActivityNotFoundException e){
AbstractWikitudeARIntent.handleWikitudeNotFound(this);
}
R }

O
El código del método addPois() sería el siguiente:

I // Agregamos los puntos en el Mapa y una pequeña descripción

private void addPois(WikitudeARIntent intent){
Resources res = getResources();
D WikitudePOI poi = new WikitudePOI(25.814746,-108.979854,0,
"UAS","FIM");

poi.setIconresource(res.getResourceName(R.drawable.ic_launcher));
intent.addPOI(poi);
}

NOTAS:

• Debemos importar las librerías del Wikitude a mano, es por ello que se les
agrego el código al inicio de la práctica.
• En muchas ocasiones, será necesario tener instalado en el dispositivo, la
aplicación de Wikitude, y en otras no. La verdad no se a que se deba eso.
• El Android que se deberá utilizar para que no tengan problemas con la
compatibilidad de la librería será a partir de la versión 3.0.
• Utilizarlo en un dispositivo físico, ya que varias características de la API no
soporta dispositivos emulados.