Creation de Una Aplicación de Desarrollo para Nuevos Dispositivos

Actividad 3 “Creación de una aplicación de desarrollo para nuevos dispositivos”.
Ortega Martinez, Jose Hermilo.
INSTITUTO DE ESTUDIOS UNIVERSITARIOS

CAMPUS ONLINE
MAESTRIA EN DIRECCION DE INGENIERIA DE SOFTWARE
Nuevas Tecnología Móviles de Desarrollo W eb
Actividad 3 “Creación de una aplicación de desarrollo

para nuevos dispositivos”
ALUMNO(A): JOSE HERMILO ORTEGA MARTINEZ

FACILITADOR: DRA. FABIOLA SERNA HERNANDEZ
SAN BUENAVENTURA, COAHUILA, A lunes, 27 de febrero de 2017.
IEU campus Online. Maestría en Dirección de Ingeniería de Software

Nuevas Tecnologías Móviles de Desarrollo Web. Febrero 2017. Pág. 1
INDICE
INTRODUCCION .................................................................................................................................. 3
DESARROLLO ...................................................................................................................................... 4
TEMA 1: DISPOSITIVOS MOVILES ............................................................................................... 4
1.1.- Desarrollo de aplicaciones móviles ..................................................................................... 4
TEMA 2: INSTALACION................................................................................................................... 6
2.1.- Lenguajes de programación para aplicaciones móviles ................................................... 6
2.3.- PhoneGap ............................................................................................................................. 8
2.3.- Paso 1: Descargar PhoneGap ............................................................................................. 8
2.4.- Paso 2: Instalación ............................................................................................................. 10
2.5.- Paso 3: Instalación completa ............................................................................................. 13
TEMA 3: DESARROLLO DE APLICACION ................................................................................. 16
3.1.- Ejemplo de desarrollo ......................................................................................................... 16
CONCLUSION .................................................................................................................................... 19
FUENTES DE INFORMACION.......................................................................................................... 20

INTRODUCCION
En el mundo cada vez son más las empresas que apuestan cada vez más al
desarrollo de aplicaciones móviles para poder llevar acabo procesos diarios entre los
cuales pueda aumentar considerablemente la productividad, eficacia y eficiencia del
personal de la misma empresa u organización.
En el presente ensayo se hablara a grandes rasgos como es el desarrollo de

aplicaciones móviles además de ver un ejemplo de cómo descargar he instalar alguno
de los lenguajes de programación para el desarrollo de aplicaciones móviles.

DESARROLLO
TEMA 1: DISPOSITIVOS MOVILES
1.1.- Desarrollo de aplicaciones móviles
Ya sea el desarrollo de una aplicación para uso personal, entretenimiento o

comercial, todo desarrollador debe considerar una serie de puntos importantes con los
cuales podrá iniciar en el mundo del desarrollo de aplicaciones móviles.
 Obtener herramienta de desarrollo (Android o iOS)
El desarrollo en una u otra plataforma tiene sus variantes muy bien marcadas las cuales
todo desarrollador debe conocer de inicio por el hecho de que en uno u otro entorno
existen costos por la compra de licencias, Equipo, Costo de publicación, etc...
Una vez decidido sobre que plataforma se desea desarrollar se debe descargar o
comprar el entorno de desarrollo para posteriormente iniciar el siguiente punto.
 Planear el tipo de aplicación a desarrollar
Ya sea que se quiere desarrollar una aplicación personal, de productividad, deportiva,

empresarial, etc… es importante en este punto realizar un correcto estudio y análisis
para saber qué es lo que se quiere desarrollar.
El éxito de un proyecto u otro depende en gran medida de un buen análisis y plan de
desarrollo de una aplicación. Es aquí cuando muchas empresas desarrolladores o
desarrolladores individuales pueden llegar a fracasar por el hecho de no invertir el
tiempo suficiente de análisis lo cual si bien podría reducir tiempo de desarrollo a la larga
será costoso por problemas y mantenimientos elevados por malos desarrollos o mala
planeación.

 Realizar pruebas
Una vez desarrollado un buen análisis y desarrollo es fundamental seguir un

correcto plan de pruebas con el cual se pueda llegar a considerar todo error posible que
pudiera existir en una aplicación, esto es otro factor importante entre el éxito o no de
una aplicación, una aplicación con un buen plan de pruebas con el cual se verifique
todo requerimiento o especificación formal o informal puede llegar a encontrar errores
que de no ser detectados a tiempo un usuario podría descubrir y por ende llegar a
molestarse causando problemas de reputación en la aplicación.
 Promocionar aplicación
En este punto varía dependiendo del tipo de aplicación y el área que se desea
llegar, esto debido a que no todas las aplicaciones son desarrolladas con fines
lucrativos y públicos, existen también las aplicaciones privadas empresariales las
cuales buscan llegar a cubrir una tarea específica y no pude llegar a ser necesaria una
amplia publicidad, comparada con una aplicación publica, estas si tienen que buscar
tener un buen plan de promoción y publicidad con el objetivo de llegar al mayor número
de personas previamente o en el momento.
 Publicación de la aplicación
Desarrollar la aplicación es una tarea que conlleva tiempo y esfuerzo, pero todo ese
tiempo no se pudiera ver reflejado si no se publica un compilado final de un proyecto.
Es aquí cuando se llega a ver una versión final del trabajo el cual si bien puede llegar a
requerir modificaciones de errores o adecuaciones, eso ya se vería en versiones
superiores de un proyecto final en su versión 1.0 publicada publica o privadamente
hablando.

TEMA 2: INSTALACION
2.1.- Lenguajes de programación para aplicaciones móviles
En el mundo del desarrollo móvil existen una serie de variantes que pueden
hacer que se llegue a tener una confusión a la hora de elegir un lenguaje u otro para
programar, existen muchos y muy variados que van desde los lenguajes nativos de una
plataforma en específico, háblese de Android o iOS, quienes al ser lenguajes nativos de
una plataforma en específico pueden hacer un uso extenso de todo componente que
llega a ser necesitado en una aplicación desarrollada en un dispositivo de la marca
Apple o cualquier otro que tenga Android como SO de raíz, teniendo como limitante
este tipo de desarrollo el que si bien se determina desarrollar en una u otra plataforma,
todo el desarrollo será únicamente para dispositivos de dicha plataforma y no para
otros.
Así mismo, existen los desarrollos de aplicaciones Web con los cuales toda la parte de
desarrollo se lleva por medio de una aplicación Web con HTML, CSS y JS, aplicación
que aunque se desarrolló web puede acceder un usuario a dicha aplicación por medio
de un navegador y poder usar sus funciones propias dentro de un navegador web
teniendo como principal ventaja el poder ser usada independientemente del dispositivo
o plataforma en la cual se desea correr siempre y cuando sea desde un navegador, a
diferencia de las nativas que usan funciones del mismo dispositivo y fuera de él.
Un tipo de desarrollo más que es importante destacar por último y no menos importante
es el desarrollo hibrido, en el cual es una mezcla de características de ambos tipos de
desarrollos como lo es el nativo y web. Este tipo de desarrollos toma características y
ventajas importantes que tienen uno del otro tipo de desarrollo como lo es
principalmente el poder hacer uso de componentes y funciones de una u otra
plataforma sin problema, aprovechando recursos de componentes nativos y siendo
desarrollado en un lenguaje global como lo es HTML en conjunto con JS y CSS.

Una vez expuesto lo anterior, la pregunta de muchos desarrolladores al conocer los

tipos de desarrollo que existen actualmente en el mercado es: ¿Por cuál lenguaje y tipo
de desarrollo me voy?
Esta pregunta puede ser contestada gracias a el siguiente diagrama tomado en la

página de Campus Mvp en la cual se muestra 3 de las preguntas consideradas más
importantes para poder determinar qué tipo de desarrollo elegir a esta pregunta.
Diagrama 1: Elegir lenguaje de desarrollo de aplicaciones móviles
Fuente:https://www.campusmvp.es/recursos/post/Programacion-movil-Que-herramienta-y-lenguaje-
elegir.aspx
Una vez realizado el test anterior se puede llegar a conocer de una mejor manera que
lenguaje usar y asi poder llegar a tener una ventaja competitiva de desarrollo ante otros
desarrolladores quienes pudieran haber iniciado un desarrollo sin antes pensar
adecuadamente que tipo de lenguaje usar.

2.3.- PhoneGap
Para este ejemplo se ha optado por elegir un lenguaje de desarrollo de

aplicaciones móviles Hibrido como lo es PhoneGap, este lenguaje permite a los
desarrolladores que por medio de herramientas genéricas como HTML5, CSS3 y
JavaScript se puedan lograr buenos resultados en aplicaciones útiles para una u otra
plataforma sin problema.
En el siguiente enlace se puede consultar de la página oficial más información sobre

este framework: PhoneGap.
2.3.- Paso 1: Descargar PhoneGap
Para la descargar de este Framework es necesario acceder a la página principal

y seguida a esto dar clic en el Botón de “Start Now” dentro de la pantalla que se
muestra a continuación.
Imagen 1: Pantalla principal PhoneGap
Fuente: http://phonegap.com/

Una vez dentro de la pantalla de inicio, se tiene que ir a la opción número 1 de “Install
our desktop app” en la cual aparece la opción de descargar la aplicación para
plataformas Windows y Mac, en esta sección para afecto de la prueba descargaremos
la opción de Winows.
Imagen 2: Opción: Install our desktop app
Fuente: http://phonegap.com/
Una vez que damos clic en la opción de Windows es necesario esperar a que la
descarga inicie y posteriormente iniciar la instalación:
Imagen 3: Descargando PhoneGapSetup
Fuente: elaboración propia

Nota: El tiempo puede variar dependiendo de la velocidad de descarga de cada persona

2.4.- Paso 2: Instalación
Una vez que se ha descargado la aplicación es hora de instalarla en el equipo,

para esto solo es necesario dar doble clic en el Setup recién instalado y posteriormente
seguir los siguientes pasos:
1. Ejecutar advertencia de seguridad
2. Seleccionar la ruta de destino de la instalación

3. Seleccionar carpeta del menú de inicio
4. Iniciar instalación

5. Instalando…
6. Instalación completa

2.5.- Paso 3: Instalación completa
Una vez instalada la aplicación es hora de abrirla y con esto se podrá abrir el
servidor de desarrollo de la aplicación, este podrá ser encontrado dentro del menú de
Inicio como se muestra a continuación:
Imagen 3: Consulta de PhoneGap en Inicio
Fuente: Elaboración propia

Al abrir la aplicación se muestra el siguiente menú en el cual se podrán visualizar los

proyectos existentes entre los cuales se puede seleccionar alguno a configurar, etc…
Imagen 4: Menú principal del PhoneGap

PhoneGap, al ser una aplicación hibrida como bien se mencionada en el inicio del
ensayo, no tiene en si en la pantalla principal un entorno de desarrollo como lo podría
tener una aplicación nativa como Android o iOS quien tienen entornos completos de
desarrollo.
Para poder desarrollar en este Framework es necesario el poder entrar dentro de la ruta
donde se ha publicado la aplicación en la cual se cuenta con una ruta www donde se
almacenara el código HTML, CSS y JS con el cual la aplicación funcionara.
PhoneGap si bien ha venido a dar mucho de qué hablar por ser un framework que
promete mucho para futuros desarrollos cuenta con una serie de ventajas y desventajas
que es importante destacar como lo son:
Ventajas:
 Contar con funciones y componentes nativos del dispositivo donde se ejecute la
aplicación para poder tener mejor uso de recursos
 Plugins disponibles con los cuales se abre un panorama mayor de funciones y
características para nuestras aplicaciones
 Facilidad de desarrollo para desarrolladores en lenguajes globales como HTML5,
CSS3 y JavaScript
 Multiplataforma, con esto se tiene una ventaja competitiva contra aplicaciones
nativas ya que no se tiene que hacer múltiples desarrollos
Desventajas:
 Al ser una aplicación no nativa, no se tienen completo uso de recursos y pueden
ser malas en rendimiento en aplicaciones o desarrollos grandes y pesados
 Existe una serie de limitaciones que si bien los plugins pueden buscar cubrir en
funciones, aun así no se tiene un 100% de todas
 Al ser un desarrollo web muchas veces se puede caer en malas prácticas de no
desarrollar en lenguajes nativos creando aplicaciones menos eficientes o
rápidas.

TEMA 3: DESARROLLO DE APLICACION
3.1.- Ejemplo de desarrollo
En este ejemplo se puede visualizar como se ha desarrollado una aplicación

dentro de la carpeta www en donde fue publicada la aplicación desde el menú principal
de PhoneGap. Posteriormente que se programó la página web en el lenguaje HTML5
con CSS3 y JavaScript se inició con las pruebas de publicación.
Imagen 5: Ruta de aplicación web
Fuente: Elaboración Propia
En la pantalla del menú principal del PhoneGap se visualiza la ruta en la cual estará
publicada la aplicación, en el ejemplo estará publicada en la ruta:
http://192.168.56.1:3000

Imagen 6: Ruta de publicación
Una vez determinada la ruta de publicación es solo cuestión de entrar en la ruta y de

esta manera se podrá acceder a dicha aplicación.

Imagen 7: Acceso desde página web en Laptop a la aplicación
Mientras que en un dispositivo se puede acceder de 2 maneras para cuestiones de

pruebas, ya sea entrando al navegador web a la misma ruta o entrando en la aplicación
directa de PhoneGap con la ruta configurada previamente mencionada:
Imagen 8: Aplicación corriendo en dispositivo

CONCLUSION
Sin duda alguna desarrollar hoy en día aplicaciones móviles es un tema que dará
mucho de qué hablar por muchos años, es considerado uno de los desarrollos del
futuro el apostar en dispositivos móviles que no solo implican los SmathPhones que
tanto han sido creados en periodos cada vez menores, sino que cada vez se
desarrollan más dispositivos como los Relojes inteligentes o los Googles y Lentes
tecnológicos que poco a poco van entrando con mayor fuerza en el mercado por la
practicidad y utilidad que se puede llegar a tener en dispositivos tan cotidianos como los
antes mencionados.
Los desarrolladores deben considerar ampliamente el conocer y extender sus

conocimientos a nuevos lenguajes como PhoneGap ya que cada vez existe más
demanda y mejores oportunidades laborales para nuevas tecnologías.

FUENTES DE INFORMACION
1. Perez, A. (2008)
2. Vega, J. (2011)
3. Pulido, A. (2008)
4. Herraiz, G. (2012)
5. Eastham, P. Y. (2008)
6. Macario, P. (2008)
7. Apple, I. (2014)
8. Wikipedia, (2016) https://es.wikipedia.org/wiki/PhoneGap
9. PhoneGap (2017), http://phonegap.com/getstarted/
10. Campus Mvp (2014), https://www.campusmvp.es/recursos/post/Programacion-
movil-Que-herramienta-y-lenguaje-elegir.aspx
11. Dinero en imagen (2015), http://www.dineroenimagen.com/blogs/el-bit-
pragmatico/como-iniciar-en-el-desarrollo-de-aplicaciones-moviles/54254
12. Xataka Movil (2014), https://www.xatakamovil.com/mercado/desarrollo-de-
aplicaciones-moviles-i-asi-esta-el-mercado
13. Yeeply (2015), https://www.yeeply.com/blog/entornos-programacion-desarrollar-
apps-android/
14. Tecnobitt (2014), http://tecnobitt.com/lenguajes-de-programacion-cual-prefiere-el-
desarrollador-de-aplicaciones-moviles/


Creation de Una Aplicación de Desarrollo para Nuevos Dispositivos

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Creation de Una Aplicación de Desarrollo para Nuevos Dispositivos

Загружено:

Авторское право:

Actividad 3 “Creación de una aplicación de desarrollo para nuevos dispositivos”.

Ortega Martinez, Jose Hermilo.

INSTITUTO DE ESTUDIOS UNIVERSITARIOS

Nuevas Tecnología Móviles de Desarrollo W eb

Actividad 3 “Creación de una aplicación de desarrollo

ALUMNO(A): JOSE HERMILO ORTEGA MARTINEZ

IEU campus Online. Maestría en Dirección de Ingeniería de Software

IEU campus Online. Maestría en Dirección de Ingeniería de Software

En el presente ensayo se hablara a grandes rasgos como es el desarrollo de

IEU campus Online. Maestría en Dirección de Ingeniería de Software

TEMA 1: DISPOSITIVOS MOVILES

1.1.- Desarrollo de aplicaciones móviles

Ya sea el desarrollo de una aplicación para uso personal, entretenimiento o

 Obtener herramienta de desarrollo (Android o iOS)

 Planear el tipo de aplicación a desarrollar

Ya sea que se quiere desarrollar una aplicación personal, de productividad, deportiva,

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Una vez desarrollado un buen análisis y desarrollo es fundamental seguir un

IEU campus Online. Maestría en Dirección de Ingeniería de Software

2.1.- Lenguajes de programación para aplicaciones móviles

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Una vez expuesto lo anterior, la pregunta de muchos desarrolladores al conocer los

Esta pregunta puede ser contestada gracias a el siguiente diagrama tomado en la

Diagrama 1: Elegir lenguaje de desarrollo de aplicaciones móviles

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Para este ejemplo se ha optado por elegir un lenguaje de desarrollo de

En el siguiente enlace se puede consultar de la página oficial más información sobre

2.3.- Paso 1: Descargar PhoneGap

Para la descargar de este Framework es necesario acceder a la página principal

Imagen 1: Pantalla principal PhoneGap

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Imagen 2: Opción: Install our desktop app

Imagen 3: Descargando PhoneGapSetup

Fuente: elaboración propia

IEU campus Online. Maestría en Dirección de Ingeniería de Software

2.4.- Paso 2: Instalación

Una vez que se ha descargado la aplicación es hora de instalarla en el equipo,

1. Ejecutar advertencia de seguridad

2. Seleccionar la ruta de destino de la instalación

IEU campus Online. Maestría en Dirección de Ingeniería de Software

3. Seleccionar carpeta del menú de inicio

IEU campus Online. Maestría en Dirección de Ingeniería de Software

IEU campus Online. Maestría en Dirección de Ingeniería de Software

2.5.- Paso 3: Instalación completa

Imagen 3: Consulta de PhoneGap en Inicio

Fuente: Elaboración propia

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Al abrir la aplicación se muestra el siguiente menú en el cual se podrán visualizar los

Imagen 4: Menú principal del PhoneGap

Fuente: Elaboración propia

IEU campus Online. Maestría en Dirección de Ingeniería de Software

IEU campus Online. Maestría en Dirección de Ingeniería de Software

TEMA 3: DESARROLLO DE APLICACION

3.1.- Ejemplo de desarrollo

En este ejemplo se puede visualizar como se ha desarrollado una aplicación

Imagen 5: Ruta de aplicación web

Fuente: Elaboración Propia

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Imagen 6: Ruta de publicación

Fuente: Elaboración propia

Una vez determinada la ruta de publicación es solo cuestión de entrar en la ruta y de

IEU campus Online. Maestría en Dirección de Ingeniería de Software

Imagen 7: Acceso desde página web en Laptop a la aplicación

Fuente: Elaboración propia

Mientras que en un dispositivo se puede acceder de 2 maneras para cuestiones de

Imagen 8: Aplicación corriendo en dispositivo