proyecto de la U

1. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
Desarrollo de la aplicación
Realizar un producto usando la herramienta tecnológica “NetBeans” que permita dar
solución al problema planteado. El producto desarrollado debe cumplir con los siguientes
requerimientos:
 Permitir al usuario del celular interactuar con la aplicación mostrar el portafolio de
servicios y productos de nuestra empresa.
 La aplicación debe ser fácil de usar.
Al terminar esta fase usted debe contar con una solución tecnológica desarrollada por el
equipo de trabajo, que solucione al problema planteado inicialmente y que cumpla con los
requerimientos propuestos durante la actividad.
Uso de la herramienta para el desarrollo de la aplicación móvil
El software “Netbeans” es una herramienta sencilla pero a la vez útil para realizar
aplicativos móviles en cualquier área y en cualquier servicio. Es importante realizar el
procedimiento de inicio o de carga correctamente si queremos que la aplicación funcione
correctamente.
Los pasos para el desarrollo del software es el siguientes, no olvide que es necesarios
seguir todos y cada uno de los pasos para que la aplicación funcione correctamente.
a. Abrir el programa “Netbeans”
 Haga clic en “Inicio”, luego en “Todos los Programas”
 Busque la carpeta llamadas “NetBeans”

2. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Haga clic en el programa “Netbeans IDE 6.0”
 Luego de hacer clic allí, aparecerá la ventana que se muestra a continuación.

3. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Esperar a que cargue la aplicación, saldrá la siguiente ventana.
b. Crear un nuevo proyecto
 Valla a “File” y seleccione “New Proyect”

4. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
.
 Seleccione la carpeta “Mobility java ME” (parte izq.)
 Seleccione “Midp Aplication” (parte derecha)

5. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Hacer clic en “Next”

 Darle un nombre a nuestro proyecto y quitarle la marca al cuadro de más abajo como
muestra la grafica
 Hacer clic en “Next”
 A continuación seleccionamos las opciones en circulo Device Configuration “CLDC-
1,0”, y en Devece Profile “MIDP-2.0”.

6. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Dar click en “Finish”
c. Crear el MidLet Visual
 Una vez hecho el anterior procedimiento, en la parte izquierda de la pantalla se verá
la carpeta con el nombre que le dimos a nuestro proyecto, aparecerá una carpeta
llamada “Source Package”, haga clic en símbolo más (+), y se desplegará un nuevo
ítem llamado “Default Package”, haga clic derecho sobre este último y seleccione,
“New” y luego “Visual Midlet.
 En la nueva ventana que aparece se coloca en “MIDLet Name” y en “MIDP Class
Name” nuevamente el nombre de nuestro proyecto y le damos “Finish”

7. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Ya está todo listo para empezar a realizar el aplicativo móvil, la parte donde se
encuentra el cuadro “Mobile Device” y toda esta la ventana va a ser el área de
trabajo, y la parte derecha donde se encuentra “Palette” serán las herramientas para
realizar el aplicativo.
d. Diseñar la aplicación

8. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Ya estamos listos para empezar a realizar nuestro aplicativo móvil, la parte donde se
encuentra el cuadro de Mobile Device y toda esta área va a ser nuestra área de
trabajo, y la parte derecha donde se encuentra “Palette” serán nuestras herramientas
para realizar nuestro aplicativo móvil.
 Ahora pasamos las herramientas hacia el área de trabajo.

 Primero pasamos con click sostenido la herramienta llamada “list” ubicada en el panel
“Palette” (izquierda del espacio de trabajo).
“En este item vamos a ubicar una lista con la descripción de nuestra empresa, los productos y el contacto en donde nos
van a ubicar”.

9. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Ubicamos la herramienta llamada “List Element”, damos clic sostenido y la soltamos
dentro de list. (como se muestra a continuación).
 Seguidamente pulsamos clic derecho y buscamos la opción “Rename”, cambiamos
“List Element” por el nombre del destino turístico, Ejempló “Neiva,”.

 Luego arrastramos tantos “List Element” como destinos vayamos a ofertar (mínimo 6
destinos, divididos en 3 grupo), y repetimos el paso anterior cambiando esta vez por
el nombre de cada grupo (Interés Regional, Aventura y Hoteles).

 Posteriormente arrastramos un último “list element” y lo renombramos como
contacto, con el objetivo de conocer que grupo desarrollo la aplicación.

10. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Finalizado lo anterior ya tenemos la lista principal de nuestro aplicativo en el cual nos
desplazaremos en el dispositivo móvil.

 Ahora, por cada uno de los “list element” que agregamos a “list”, llevamos un “form”
al área de trabajo.
“Cada form equivale a un formulario que se verá en el dispositivo móvil, es una nueva ventana”

11. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Damos clic derecho sobre “Form” y nuevamente buscamos la opción “Rename”, y
colocamos el nombre del proyecto.

 Posteriormente en “Form1” damos el nombre del primer grupo de destinos.

 Repetimos el proceso hasta que todos los “Form” queden renombrados.

12. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Vamos a buscar los elementos “Image Item” y “String Item”, estos elementos nos van
a permitir insertar una imagen y texto respectivamente.
 Inicialmente, seleccionamos “image item” y con clic sostenido lo arrastramos dentro
de “form”(ahora “nombre del turístico proyecto”) y hacemos lo mismo con “string
item”

 Repetimos el paso anterior en todos los “form”.

 Ahora damos doble clic en el recuadro pequeño que se encuentra dentro de “form”
 Y observamos que nos transportamos a otro plano.

13. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Esta es la nueva ventana mencionada en pasos anteriores.

 Acá encontramos el “image item” y el “string item” que arrastramos.

 Para agregar una imagen pulsamos doble clic en <<missing image>> y aparece un
recuadro.
 Damos clic en “Add” y se activa el botón de búsqueda de la ruta 

14. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Lo pulsamos y ubicamos la imagen que deseamos cargar, luego de seleccionarla
damos “aceptar” y observamos que en la ventana aparece una vista en
miniatura de la imagen que elegimos (esta imagen debe ser pequeña puesto que va a
visualizarse en un dispositivo móvil), en esta ventana damos clic en “ok”.

 Ahora en <<null>> ubicado en “string item” damos doble clic y escribimos el nombre
de la empresa(pulsamos ENTER luego de escribirlo para que quede guardado).

 Ubicamos la pestaña y damos en ella doble clic (notamos que nos trasladamos a
la ventana principal).

 Repetimos los anteriores 9 pasos con todos los “form”.

 Posteriormente, en la ventana de trabajo vamos a dar la ruta de funcionamiento al
programa.
 Seleccionamos “started”, damos clic sostenido, y arrastramos hasta cualquier punto
dentro del recuadro “list”, vemos que se crea una flecha que une estos puntos.

 Posteriormente desde cada “list element” agregado repetimos el paso anterior hasta
cada “form” según corresponda.

15. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez

16. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
1. Aplicación práctica
Para correr la aplicación y probar el buen funcionamiento del software, basta con hacer
clic en el siguiente botón, ubicado en la parte superior derecha:
La compilación de la aplicación y la apertura del simulador son un poco demoradas
(aproximadamente 30 segundos). Luego de estos si todas las conexiones están correctas
se verá la pantalla que se muestra a continuación. Este es un emulador de un celular, allí
se puede navegar la aplicación diseñada y comprobar si lo links hechos están
correctamente vinculados.

17. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
Este emulador de celular tiene la opción de navegar por lo menús que se han creado en el
software, en este programa por ejemplo se pueden encontrar las opciones de subir, bajar,
regresar al menú anterior, entrar y salir de la aplicación.
Regresar Salir
Entrar
Subir Bajar
Montar la aplicación en un móvil celular
 Abrir el explorador de Windows haciendo clic en “Mi PC”
 Ir a la carpeta “Mis Documentos”
 Entrar a la carpeta “NetBeansProjects”
 Entrar a la carpeta que contiene mi proyecto haciendo doble clic sobre ella.

18. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez
 Cua
ndo
ya
se
hay
a
ingr
esa
do a
la
carp
eta
del
pro
yect
o
lueg
o hay que ingresar a la carpeta “dist”. Allí se encuentra un archivo con el nombre del
proyecto y de extensión .jar (Ejemplo: miproyecto.jar) y otro con extensión .jad
(ejemplo: miproyecto.jad). Estos son los archivos que hay que cargar al celular. Esto se
puede hacer por cable USB o por Bluetooth dependiendo la situación.

19. MATERIAL DE APOYO
NETBEANS TURISMO
Mg. Carlos Rangel Suarez