Desarrollo Apps Móviles

Desarrollo de aplicaciones para la web y móviles
Asignatura:
 Métodos de estudios universitarios
Catedrático:
 Ruber Saul Castillo Gago
Integrantes:
 Oroncuy Fernandez, Brayan

 Valentin Ricaldi, David
 Marcos Valdez, Alexander
 Cacsire espinar, Miguel
 Ortega Chavez, Eddy
 Depaz Paico, Marco
 Cordova Chipa, Billy
2018
Desarrollo de aplicaciones para la web y móviles 2 de julio de 2018
Contenido
INTRODUCCIÓN............................................................................................................................4
LAS APLICACIONES.......................................................................................................................5
Origen de las aplicaciones........................................................................................................5
Definición:................................................................................................................................6
La nube.....................................................................................................................................7
La nube: relacionada con las aplicaciones............................................................................8
Tipos de aplicaciones............................................................................................................8
DESARROLLO DE UNA APLICACIÓN............................................................................................15
2.1 Estructura de una Aplicación............................................................................................15
1. Directorio SRC.................................................................................................................15
2. Directorios RES...............................................................................................................16
3. Directorio bin..................................................................................................................16
4. Directorio gen.................................................................................................................16
5. Directorio assests...........................................................................................................16
6. Directorio lib...................................................................................................................16
2.2 Desarrollo de la Aplicación...............................................................................................17
1. Planeación:.....................................................................................................................17
2. Boceto:...........................................................................................................................17
3. Storyboarding:................................................................................................................18
4. Wireframing:..................................................................................................................18
5. Creación del Prototipo:...................................................................................................18
6. Diseño de la Aplicación:..................................................................................................18
7. Testeo de la Aplicación:..................................................................................................18
8. Posicionamiento:............................................................................................................19
9. Publicación:....................................................................................................................19
APLICACIONES Y SUS EFECTOS A NIVEL MUNDIAL.....................................................................21
Importancia de las aplicaciones.............................................................................................21
Uso desmedido de las aplicaciones........................................................................................21
Las 10 apps más usadas..........................................................................................................22
APLICACIÓN ESPECÍFICA: COMEDOR UNIVERSITARIO................................................................24
CONCLUSION..............................................................................................................................26
BIBLIOGRAFIA.............................................................................................................................27
Anexos........................................................................................................................................29
2
3
INTRODUCCIÓN
Vivimos en un mundo en donde las aplicaciones móviles se han convertido en el centro de

atención y la solución a muchas problemáticas presentadas en la humanidad, hoy en día los
dispositivos móviles se han impuesto en muchas áreas con respecto a las computadoras ya que
facilita muchas actividades de la vida diaria, como comunicarse, realizar compras y
transacciones.
Los beneficios de que un negocio desarrolle una aplicación móvil son varias, como establecer
mejores relaciones con los clientes, incrementar las ganancias y el reforzamiento de la marca.
Por esta y muchas más razones, aprender a programar se ha convertido en una gran
posibilidad para crecer a nivel profesional y obtener mejores oportunidades a nivel laboral.
Sin embargo, debido a la gran cantidad de sistemas operativos en los dispositivos móviles se
necesitaría una gran cantidad de tiempo y recursos desarrollar una aplicación específica para
cada una. La solución a este problema es desarrollar aplicaciones web, una aplicación que
pueda funcionar en todas las plataformas. Este tipo de aplicaciones permiten a los negocios
relacionarse con más potenciales clientes y de esa forma mejorar sus ganancias.
El principal objetivo de esta monografía es que el lector aprenda a diferenciar los diferentes
tipos de aplicaciones con sus respectivas ventajas y desventajas; así como los pasos principales
necesarios para su desarrollo y la importancia a nivel mundial.
4
LAS APLICACIONES
Origen de las aplicaciones
Las aplicaciones permiten al usuario efectuar un conjunto de tareas de cualquier tipo, como:
profesional, de ocio, educativas, de acceso a servicios, etc. Asensio (2012) afirma:
En los primeros tiempos de la computación cliente-servidor, cada aplicación tenía su propio

programa cliente que servía como interfaz de usuario que tenía que ser instalado por
separado en cada computadora personal de cada usuario.
El cliente realizaba peticiones a otro programa —el servidor— que le daba respuesta. Una
mejora en el servidor, como parte de la aplicación, requería normalmente una mejora de los
clientes instalados en cada computadora personal, añadiendo un coste de soporte técnico y
disminuyendo la productividad.
Así surgen las aplicaciones, con el fin de facilitar el manejo de programas al usuario. Rojas
(2015) afirma:
Las aplicaciones web generan dinámicamente una serie de páginas en un formato
estándar, como HTML o XHTML, soportados por los navegadores web comunes. Se
utilizan lenguajes interpretados en el lado del cliente, directamente o a través de
plugins (figura 1) tales como JavaScript, Java, Flash, etc., para añadir elementos
dinámicos a la interfaz de usuario.
Generalmente cada página web en particular se envía al cliente como un documento estático,
pero la secuencia de páginas ofrece al usuario una experiencia interactiva. Durante la sesión, el
navegador web interpreta y muestra en pantalla las páginas, actuando como cliente para
cualquier aplicación web.
Figura 1 Fdez, Quique. (2017). PLugins. [Figura].
Las aplicaciones Web interactivas poco a poco han revolucionado la forma de utilizar internet,
aumentando el contenido de las páginas con texto estático (texto que no evoluciona, sino que
permanecen como es) a un contenido rico e interactivo, por lo tanto, escalable.
El concepto de la aplicación web no es nuevo. De hecho, uno de los primeros lenguajes de

programación para el desarrollo de aplicaciones web es el "Perl"(figura 2). Fue inventado por
Larry Wall en 1987 antes de que internet se convirtiera en accesible para el público en general.
[ CITATION Nas14 \l 10250 ]
5
Figura 2 Iglesias, Juan. (2018). ¿QUÉ LENGUAJE TE CONVIENE? HOY HABLAMOS DE PERL. [Figura].
ORIGEN DE LAS APLICACIONES MOVILES:
Diferentes fuentes informativas mencionan que no existe un criterio único (universal)

aceptado por la comunidad tecnológica sobre el origen de las aplicaciones móviles
como tal, ósea no han llegado a un determinado acuerdo , solo se mencionan teorías o
posibilidades sin ser corroboradas al 100%, pero es posible que su origen se situé en
las primeras aplicaciones de videojuegos, de tonos de llamada, calendario y agenda
implementados en los teléfonos celulares o móviles de segunda generación de los
años 90 (figura 3) . Que se encuentran en los denominados teléfonos básicos.
[ CITATION Raf12 \l 10250 ]
Figura 3 Iglesias, Juan. (2018). ¿QUÉ LENGUAJE TE CONVIENE? HOY HABLAMOS DE PERL. [Figura].
Definición:
Una aplicación (también llamada app.) es simplemente un programa informático creado para
llevar a cabo o facilitar una tarea en un dispositivo informático. Bembibre (2009) afirma:
Una aplicación es un programa de computadora que se utiliza como herramienta para

una operación o tarea específica para la informática, una aplicación es uno de diversos
6
tipos de programas de computación diseñados especialmente para cumplimentar una

función o actuar como herramienta para acciones puntuales del usuario. A diferencia
de otros programas como los sistemas operativos, los lenguajes de programación y
otros, la aplicación tiene el único y principal fin de realizar una tarea específica, a
menudo básica y de rápido y fácil uso para el usuario común no avanzado.
Cabe destacar que, aunque todas las aplicaciones son programas, no todos los programas son
aplicaciones.
La nube
La definición de La nube según kyocera(2017), afirma que:
“Es un modo de transmisión y almacenaje de datos. Es un paradigma que
permite un acceso universal, práctico a la demanda de una red compartida y a
un conjunto de fuentes informáticas configurables (como por ejemplo, redes,
servidores, almacenaje, aplicaciones y servicios) que pueden estar
aprovisionados y liberados con un mínimo de administración”.
La nube (figura 4) adopta varios nombres como informática de la nube, servicios en la
nube, nube de cómputo o computación en la nube, mejor conocido como cloud
computing.
Es la otorgación de servicios informáticos (aplicaciones, base de datos,
almacenamiento, servidores, redes, software, etc.) mediante Internet, de modo que los
usuarios puedan tener libre acceso. Entre las nubes más conocidas tenemos: Google
Drive, OneDrive, Dropbox, MEGA, etc.[ CITATION Apr16 \l 10250 ]
Figura 4 Weller, Aaron. (2013). Types of Cloud Computing. [Figura].
Ventajas de la nube
 Accesibilidad desde cualquier dispositivo con conexión a Internet.

 Facilita la creación de copias de seguridad de los datos.
 Optimización del tiempo.
 Prestación a servicios a nivel mundial.
Desventajas de la nube
7
 Falta de seguridad y privacidad.

 Dependencia a la conexión de Internet.
 Propiedad intelectual.
La nube: relacionada con las aplicaciones

En el presente siglo, la nube ha revolucionado la disponibilidad de las
aplicaciones que disponemos a través de Internet. Las aplicaciones
más conocidas son aquellas que ofrecen un espacio en la nube en otras
palabras almacenamiento de datos.
Las mejores aplicaciones de almacenamiento en la nube. Según una

publicación del diario El Comercio (figura 5):
1. Dropbox
2. Google Drive
3. Microsoft OneDrive
4. MEGA
5. Box
6. SugarSync
7. MediaFire
8. Resilio Sync
Figura 5 El Comercio. (2017). Las mejores aplicaciones para almacenar archivos en la nube. [Figura].
Tipos de aplicaciones
Según Wiboo(2017) los tipos de aplicaciones se dividen en:
Aplicaciones web
Son aquellas herramientas que los usuarios pueden utilizar mediante un
navegador que la ejecutará por medio de internet. Wiboo (2017) afirma que:
8
Es un tipo de software que se codifica en un lenguaje soportado por los

navegadores web y cuya ejecución es llevada a cabo por el navegador en
internet.
Como podemos aprender de la definición de Wiboo, este tipo de aplicaciones
por lo general, no necesitan ser instaladas en el ordenador
 Web Estática
Muestran poca información, a pesar de que estas aplicaciones pueden
presentar banner, GIF animados, vídeos, etc., está pensada para no generar e
incluir nuevos contenidos. Este tipo de aplicación es un primer paso hacia el
mundo del internet, ya que es práctico para proyectos o presentaciones que no
requieran actualizar la información constantemente.
 Página de presentación de una empresa, como se muestra la fig.
 Portafolios Profesionales online
 Currículum Digital.
Figura 6 IBM Perú. (2018). Sobre IBM Perú. [Figura].
 Web Dinámica
Son de mayor complejidad que las aplicaciones web estáticas, utilizan bases
de datos, las cuales permiten que la aplicación pueda actualizarse con
regularidad, además de presentar un fácil acceso a los usuarios.
 Blogs personales, corporativos y profesionales.
 Wikis, como se muestra la figura9.
9
Figura 7 Wikipedia. (2018). Artículos destacados. [Figura].
 Páginas de noticias, artículos, etc., como se observa en la figura 10
Figura 8 El Comercio. (2018). Tercer día del mundial. [Figura].
 Tienda Virtual
En este tipo de aplicación web, se le suma una mayor complejidad debido a
que una tienda virtual debe permitir pagos electrónicos a través de una tarjeta
(crédito, débito, etc.) u otros medios de pagos.
La tienda virtual u online debe presentar una sección para la gestión del
administrador, que logre sincronizarse con la gestión de stock y logística,
donde se procesarán (subir, actualizar, eliminar y gestionar) los pagos y
productos, se muestra un ejemplo en la figura 9.
10
Figura 9 Amazon. (2018). Departments. [Figura].
 Portal Web App

Es un sitio o página web diseñada para pantallas de dispositivos móviles, en la
que los contenidos tienen un mejor rendimiento, y facilita la navegación y
lectura por medio de smartphones.
Debe existir una compatibilidad con todos los sistemas operativos, y con el
término portal nos referimos a un tipo de aplicación en el que la página
principal permite el acceso a diversas secciones, como foros, chats, correo
electrónico. Buscador, etc.
 Aplicación Web Animada
Es una aplicación web presenta contenidos con animados, para lo cual se hace
uso de la tecnología FLASH, permitiendo diseños modernos y más creativos,
por lo tanto, se convierte en una tecnología muy atractiva para desarrolladores
y diseñadores.
Ventajas de las aplicaciones web

 Ahorro de tiempo y espacio.
Son Apps sencillas de gestionar, por lo que permiten realizar
tareas con mayor facilidad sin necesidad de descargar ni instalar
algún programa adicional. Además de que no ocupan espacio
en la memoria o disco duro.
 Completa compatibilidad y multiplataforma.
Son compatibles con todo tipo de navegadores y además
funcionan desde cualquier sistema operativo.
 Actualización continua e inmediata.
11
Debido a que la aplicación funciona por medio de un navegador

cualesquiera, este presenta continuas actualizaciones gracias a
la versión de software que presenta el dispositivo.
 Recuperación de datos
En las aplicaciones web se pueden almacenar información, y la
persona que desea utilizar dicho contenido puede hacerlo
gracias a que estas están estrechamente relacionadas con la
Nube, la cual accederían desde cualquier lugar con un usuario y
contraseña.
Desventajas de las aplicaciones web

 Requiere de conexión a internet.
 Menor usabilidad al no poder aprovechar los recursos del
equipo.
 No presenta ícono de lanzamiento específico.
1.4.2. APLICACIONES MÓVILES

Características:
Según Metadata (2016) sobre las aplicaciones móviles define:
“Es una aplicación informática diseñada para ser ejecutada en teléfonos

inteligentes, tabletas y otros dispositivos móviles. Generalmente se encuentran
disponibles a través de plataformas de distribución, operadas por las
compañías propietarias de los sistemas operativos móviles como Android, iOS,
BlackBerry OS, Windows Phone, entre otros.”
De lo que concluimos que una aplicación móvil es un programa que se puede

descargar desde el dispositivo móvil y por lo tanto se puede acceder directamente,
para su descarga se requiere uso del internet, sin embargo, algunas aplicaciones no
requieren uso de este, para poder usarlas[ CITATION FTC11 \l 10250 ]
Tipos de datos que pueden acceder las aplicaciones
 Lista de contactos de teléfono y de email

 Registro de llamadas
 Datos transmitidos por internet
 Información del calendario
 Datos de localización del dispositivo
 Código de identificación exclusivo del dispositivo
Clasificación
1. Entretenimiento
Se encuentran la mayoría de los juegos y también el acceso a videos en línea, un

ejemplo es la figura 10.
12
Figura 10 Clash Royale. (2018). Clash Royale. [Figura].
2. Relación social
Están dirigidas a desarrollar la comunicación interpersonal, por lo tanto, permite

construir lasos de interrelaciones con las personas a tu alrededor, un ejemplo es la
figura 11.
Figura 11 Ideal.es. (2017). El nuevo cambio de WhatsApp. [Figura].
3. Productividad o utilitarias
Proporcionan herramientas para la realización de tareas, por lo tanto, requieren

inmediatez para resolver algún problema, un ejemplo es la figura 12.
Figura 12 Onieva, David. (2017). Cómo funciona la opción de “autoguardar” de Word, Excel y PowerPoint en
Office 365. [Figura].
4. Informativas
13
Diseñadas y desarrolladas para la transmisión de información y conocimiento donde

se prioriza el fácil acceso a contenidos, como se muestra la figura 13.
Figura 13 Abent, Erick. (2017). Google Docs headaches? This update might just have fixed them. [Figura].
5. Creativas
Ofrecen herramientas que potencien la creatividad literaria, musical, fotográfica.
6. Publicitarias
En especial las aplicaciones gratuitas, ya que estas venden un espacio publicitario

dentro de la aplicación. Mediante esto lo creadores pueden ganar dinero con los
anuncios.
Tiendas de aplicaciones móviles
Google Play Store
La definición de maneja Alegsa (2016) sobe Google Play Store es la siguiente:
“Es un servicio de tienda virtual que permite distribuir aplicaciones (apps) para
funcionar en el sistema Android y Chrome OS. Este servicio es desarrollado y
mantenido por la empresa Google, y es usado principalmente en dispositivos
móviles como teléfonos inteligentes. También es usado para añadir
extensiones al navegador Google Chrome.
Desarrollado por Google Inc., cuyo lanzamiento inicial fue el 22 de octubre de 2008.Es
una plataforma digital que se encarga de la distribución de aplicaciones móviles para
dispositivos con sistemas operativo Android.
Esta tienda online contiene aplicaciones gratuitas y también con costo, las
aplicaciones que se pueden encontrar son juegos, música, libros, revistas y películas
(figura 14).
14
Figura 14 Coulton Shaw, Daniel. (2017). Google Play Store Ranking Algorithm. [Figura].
Apple App Store
Esta según Viswanathan P.(2016), “ La App Store originalmente implica el servicio de

Apple para iPhone, iPod Touch y iPad, que permite a los usuarios navegar y descargar
varias móviles desde su tienda iTunes Store.”
Desarrollado por Apple Inc., cuyo lanzamiento inicial fue el 10 de julio de 2008. Es una
plataforma o servicio para los dispositivos que presentan el sistema operativo iOS,
Mac OS (figura 15).
Figura 15 Carter, Doom. (2017). New App Store logo ditches traditional art tools. [Figura].
DESARROLLO DE UNA APLICACIÓN

2.1 Estructura de una Aplicación
La estructura de una aplicación según Dimas J.(2014) es:

1. Directorio SRC
Se encuentra toda la lógica de aplicación, todas las clases programadas en

JAVA. Dentro de ella puedes definir distintos paquetes, donde puedes dividir en capas
tus reglas de negocio.
15
2. Directorios RES
Se encuentran todos los archivos con los recursos que usan la aplicación. Dentro
se encuentran carpetas que separan los diferentes tipos de recursos, estas son:
 Drawable: Contiene todas las imágenes PNG, en diferentes tamaños y

resoluciones, que serán usadas en la aplicación.
 Layout: Contiene a todos los archivos XLM que serán usados como pantallas
de la aplicación.
 Values: Contiene los XLM con los contenidos de la aplicación, como la lista de
iconos, valores de colores, fuentes y dimensiones.
3. Directorio bin
Se encuentran los archivos generados por el mismo java, archivos binarios

ejecutables por el administrador, así como los archivos ejecutables.
4. Directorio gen
En esta carpeta se encuentran archivos generados y actualizados por java,

entre ellos se encuentra el archivo R.class, que contiene los indicadores de los
recursos usados en la aplicación: imágenes, texto, layout, etc.
5. Directorio assests
Carpeta donde se encuentran los archivos auxiliares de tu aplicación:

imágenes, audios, vídeos... la diferencia con los que se encuentran con la carpeta
"RES", es que los archivos incluidos aquí no generarán un identificador dentro del
archivo R.class anteriormente descrito y se referencian a través de una ruta física.
6. Directorio lib
Aquí se encuentran las librerías externas que necesita la aplicación. (figura 18)
Estructura según Dimas J. (2014).
16
Figura 16 Ortega, Eddy. (2018). Eclipse IDE. [Captura].
2.2 Desarrollo de la Aplicación

Para el desarrollo de una aplicación según Zamora A. (2016) se utilizan 9 pasos que
son:
1. Planeación:
Para desarrollar una aplicación primero se tiene que tener una idea clara de lo
que deseas que haga la aplicación, se recomienda identificar un problema de la vida
diaria al que le puedas dar una solución simple y eficiente. Una vez identificado el
problema se debe definir como lo solucionara la aplicación y cuál será su atractivo que
lo diferenciara de las demás aplicaciones similares del mercado (una idea diferente e
innovadora), así como investigar si existe una demanda para la aplicación.
2. Boceto:
Luego de definir tu idea se debe plasmarla en un boceto para que se haga más
fácil de comprender para ti y tu equipo de desarrollo, también ayudará como futura
referencia para las siguientes fases del proyecto, es recomendable mirar aplicaciones
similares ya existentes que puedan servir como inspiración. ( figura17)
17
Figura 17 Ortega, Eddy. (2018). video2brain. [Captura].
3. Storyboarding:
El Storyboarding es el guion grafico de la aplicación, su objetivo es ayudar a
entender las conexiones entre las pantallas y como el usuario navegará a través de
ellas
4. Wireframing:
Wireframing es el proceso de crear una maqueta o prototipo de la aplicación.
Existen muchas aplicaciones que pueden ayudar en este proceso, te permiten colocar
y estructurar todos los datos y gráficos representativos en su lugar, además de añadir
funcionalidad con la colocación de botones, de modo que puedes navegar a través de
tu aplicación.
5. Creación del Prototipo:

La creación de un prototipo es importante ya que con ella podrás recibir las primeras
opiniones, de tus familiares, amigos o colegas, sobre tu aplicación. Es mucho más fácil
realizar cambios en la fase de prototipo que en la de diseño, así que es importante
realizar todos los cambios que se crean convenientes.
6. Diseño de la Aplicación:
En este paso se diseñarán las pantallas necesarias para la aplicación (skins),
se usaran los bocetos mencionados anteriormente y se convertirán en archivos
digitales en alta definición, incluyendo los comentarios y opiniones que se dieron del
prototipo.
7. Testeo de la Aplicación:
Este es la segunda ronda de prueba, esta vez con todos los gráficos y texto
incluidos, ahora es necesario una cantidad mayor de testers, afortunadamente existen
plataformas de internet que permite que varias personas alrededor del mundo prueben
tu aplicación, así se obtendrán opiniones variadas para mejorar la aplicación. ( figura
18)
18
Figura 18 Duque, Jony. (2015). Herramientas para testear tus aplicaciones Android. [Figura].
8. Posicionamiento:
Este paso se refiere a definir los aspectos que influirán en las descargas logradas.
Se deben tener en cuentas los siguientes aspectos:
1. Título:
Debe ser corto y tener palabras clave que definan su uso
2. Descripción:
Debe dejar en claro en pocas palabras para qué sirve la aplicación, así como
incluir un atractivo que convenza a los posibles usuarios.
3. Icono:
El icono da la primera impresión sobre la aplicación, por ello debe ser llamativo,
sencillo y original.
4. Capturas de Pantalla:
Se deben escoger aquellas que resulten atractivas visualmente y que además
describan lo mejor posible las características de la aplicación.
9. Publicación:
Luego de realizar los últimos cambios solo falta publicar la aplicación en las
apps stores, como pueden ser Google Play, Apple Store, Blackberry World, Amazon
app store, entre otras, así como fijar el precio. (figura 19).
Figura 19 Hcramer. (2010). Research in the LARGE! Using App Stores & wide distribution in research. [Figura].
19
Desarrollo de una aplicación según Zamora A. (2016)
En conclusión, para desarrollar una aplicación lo más importante es tener una buena
idea que pueda beneficiar a una mayoría de gente, las personas siempre tendrán una
necesidad y se debe buscar una solución sencilla y eficiente.
Es necesario contar con las opiniones de diversas personas ya que esto ayudara a
pensar en ideas que se pasaron por alto, no solo en el proceso de desarrollo, sino que,
después de lanzar la aplicación, se debe tener en cuenta las opiniones de los usuarios
para realizar actualizaciones que arreglen errores, agreguen nuevas funciones o que
mejoren la experiencia del usuario.
20
APLICACIONES Y SUS EFECTOS A NIVEL MUNDIAL

Importancia de las aplicaciones
Se han convertido en núcleo de negocio, pero también han trascendido a ser parte
fundamental de la estrategia de compañías por fuera del ambiente tecnológico.
“” Las aplicaciones son las herramientas que impulsan nuestra creatividad, aligeran
nuestro trabajo, permite comunicarnos con nuestro entorno, aportan
entretenimiento, guardan nuestras experiencias o simplifican el acceso a la
información. Las aplicaciones representan la traducción visual y simplificada de un
código incomprensible y matemático para que un individuo corriente pueda realizar
una actividad y obtener un beneficio de ello”” (Malagelada, 2013, p.48)
“” Las aplicaciones van a empezar a ser de vital importancia, no sólo para compañías
como Apple o Google, sino también para marcas de automóviles, que día a día
desarrollan interfaces más inteligentes para los autos que construyen”” [ CITATION
Cre15 \l 22538 ]
Para arquitectos que edifican obras públicas y edificios inteligentes; para marcas como
Sony, LG y otras productoras de electrodomésticos, e incluso para el sector de la
medicina, en el que la tecnología toma cada vez más importancia.
Uso desmedido de las aplicaciones

Todos sabemos que el celular ya es parte de nuestras vidas y casi una extensión del
propio cuerpo, no son pocos los especialistas que advierten que su uso desmedido
puede generar más de un dolor de cabeza. El desarrollo de cada vez más aplicaciones
que facilitan la vida diaria, sumado al apogeo de las redes sociales, no hacen más que
acrecentar la popularidad de estos dispositivos y potenciar así algunos riesgos para la
salud. Afecciones como la nomofobia, la cibercondría o el denominado síndrome
Google, son algunos de los que surgieron a partir de la dependencia de las personas
por internet y la tecnología móvil.
Pero el uso desmedido de las muchísimas aplicaciones no se encuentra ni en el

“Manual diagnóstico y estadístico de los trastornos mentales” (DSM, en sus siglas
en inglés, “Diagnostic and Statistical Manual of Mental Disorders”) de la American
Psychiatric, ni la Organización Mundial de la Salud, la reconoce como patología al
mismo nivel que adicciones con sustancia como la ludopatía. (Dia, 2017, p.4)
Entre los trastornos derivados de la expansión de internet y las nuevas tecnologías, se

destaca:
 La nomofobia (del inglés nomophobia, “no mobilephobia”), el miedo a estar

incomunicado sin teléfono móvil, y que se caracteriza por la ansiedad que
provoca no encontrar el dispositivo, que este no tenga cobertura o que se
quede sin batería.
 La cibercondría, que consiste en recurrir a la red para el autodiagnóstico de
enfermedades y para encontrar los posibles tratamientos, sin acudir al
especialista.
21
 Síndrome Google, este trastorno “podría derivar en una limitación de las

capacidades intelectuales y una modificación de la conducta de quien recurre
para todo al buscador y deja de hacer esfuerzo para memorizar datos o
descarta hacer preguntas, para comprender ideas o conceptos con la certeza
de que la respuesta la encontrará más adelante en internet”, según Antonio
Molina.
Las 10 apps más usadas

Esta es una lista de las aplicaciones más usadas en el año 2017 según Forbes
España:
Asia firma [ CITATION Fra171 \l 22538 ]
1. WhatsApp: N.º de descargas: 26.868.731

2. Instagram: N.º de descargas: 9.955.025
3. Facebook Messenger: N.º de descargas: 9.758.640
4. Wish N.º de descargas: 6.829.640
5. Wallapop N.º de descargas: 4.772.972
6. Facebook N.º de descargas: 4.693.279
7. Clash Royale N.º de descargas: 4.030.873
8. Tigerball N.º de descargas: 3.831.525
9. Super Mario Run N.º de descargas: 3.812.983
10. Joom N.º de descargas: 3.264.192
REDES SOCIALES
WhatsApp Instagram Facebook Messenger Facebook
Cuadro 1 Valentin, David. (2018). Redes Sociales. [Cuadro].
22
E-COMMERCE
Wish Wallapop Joom
Cuadro 2 Valentin, David. (2018). E-commerce. [Cuadro].
JUEGOS
ClashRoyale Tigerball Super Mario Run
Cuadro 3 Valentin, David. (2018). Juegos. [Cuadro].
23
APLICACIÓN ESPECÍFICA: COMEDOR UNIVERSITARIO

Una vez que ya sabemos aspectos básicos sobre el desarrollo de aplicaciones, lo llevaremos a
la práctica en un caso real, más específicamente al caso del Comedor Universitario de la
Universidad Nacional Mayor de San Marcos en el año del 2018.
El problema del comedor en nuestra universidad son las largas colas que se hacen para poder
obtener un ticket, esto conlleva no solo a la pérdida de tiempo de los alumnos sino al gasto
innecesario de papel.
Observando esta problemática nuestro grupo planteo una solución creando una aplicación
web – móvil que generara los tickets de manera virtual. Las herramientas que hemos utilizado
son: Brackets, Notepad, Notepad++, Google Chrome; y las tecnologías que hemos usado son
HTML (HyperText Markup Language) y CSS (Cascading Stylesheets).
En el desarrollo de este software primero se hicieron páginas separadas en HTML y CSS (figura
22) luego se procedió a juntarlas en una pestaña principal.( figura 23)
Figura 20 Valentin, David. (2018). Brackets, Editor de código. [Captura].
24
Figura 21 Valentin, David. (2018). Página Principal. [Captura].
Esta aplicación es responsiva eso quiere decir que puede ser utilizada por un
navegador web en una computadora o laptop y también en un smartphone con acceso
a internet.
Los procedimientos para poder obtener serían los siguientes:
1° Acceder a la página OGBU/Comedor Universitario en un navegador o a la app

COMUNI APP.
2° El alumno deberá ingresar su correo institucional y su código de alumno para poder

ingresar.
3° El alumno escogerá su turno y nivel y dará clic en Generar Ticket.
4° A continuación aparecerá en pantalla un código QR el cual bajará en su celular.
5° El alumno deberá ir a comer mostrando solo el código generado en la aplicación.
Todo este proceso requerirá un acceso Internet para lo cual podrá usar la red wifi de la
universidad. O en todo caso podrá sacar le ticket de cualquier lugar que tenga acceso
a Internet.
También se agrego una encuesta de buen servicio al comensal que servirá para la
retroalimentación del personal del comedor.
Como vemos las aplicaciones nos hacen más simple aspectos cotidianos de nuestra
vida en este caso en particular nos beneficia en la universidad.
25
CONCLUSION
Con la realización de esta monografía hemos estudiado las tecnologías y herramientas
existentes para el desarrollo de aplicaciones para la web y móviles.
Hoy en día, la mayoría de las aplicaciones web se focalizan principalmente en los requisitos del
negocio, concentrándose menos en el usuario, una aplicación web inteligente debe estar
centrada en los usuarios, con los requisitos del negocio reflejando la satisfacción de los
usuarios, se espera para un futuro que las aplicaciones web sean utilizadas por cualquier
usuario, incluyendo aquellos con dificultades físicas. Actualmente, han surgido varias
tecnologías que ayudan a construir aplicaciones web inteligentes, y se está avanzando en este
sentido, pero aún queda mucho por hacer
Están surgiendo nuevas tecnologías para impulsar las aplicaciones web hacia funciones más
inteligentes, dando comienzo así a la revolución que hará que las aplicaciones web sean cada
vez más necesarias
26
BIBLIOGRAFIA
Ander, G. (s.f.). Estructura de una aplicación. Obtenido de Tuprogramación:

http://www.tuprogramacion.com/programacion/estructura-de-una-aplicacion-
android/
Aplicaciones móvilesy web. (s.f.). Obtenido de Gcfaprendelibre:

https://www.gcfaprendelibre.org/tecnologia/curso/informatica_basica/aplicaciones_
web_y_todo_acerca_de_la_nube/1.doç
Dimas, J. (13 de Marzo de 2014). Estructura de una aplicación para Android. Obtenido de
Desarrollo Web: https://desarrolloweb.com/articulos/estructura-aplicacion-android-
archivos-directorios.html
El Comercio. (6 de Setiembre de 2017). Las mejores aplicaciones para almacenar archivos en la

nube. Obtenido de El Comercio: https://elcomercio.pe/tecnologia/tecnologia/mejores-
aplicaciones-almacenar-archivos-nube-noticia-456081?foto=1
Gcfaprendelibre.org. (2016). Aplicaciones móviles y web. Obtenido de Gcfaprendelibre:

https://www.gcfaprendelibre.org/tecnologia/curso/informatica_basica/aplicaciones_
web_y_todo_acerca_de_la_nube/1.doç
Gutierrez, A. (24 de Abril de 2018). Qué es la nube de Internet, sus peligros y sus ventajas.
Obtenido de Aboutespañol: https://www.aboutespanol.com/que-es-la-nube-de-
internet-sus-peligros-y-sus-ventajas-3507716
Ignacio Santiago. (2018). 15 Pasos críticos para diseñar y desarrollar una app móvil. Obtenido
de Ignacio Santiago: https://ignaciosantiago.com/como-crear-aplicacion-movil/
Ingeniesia Desarrollo Cloud, S.L. (9 de Enero de 2015). ¿Qué es la nube en informática?

Aplicaciones en la nube. Obtenido de Clinic Cloud: https://clinic-cloud.com/blog/que-
es-la-nube-en-informatica-aplicaciones-software/
Microsoft Azure. (2018). ¿Qué es la informática en la nube? Obtenido de Microsoft Azure:

https://azure.microsoft.com/es-es/overview/what-is-cloud-computing/
Ortega, L. (s.f.). ANDROIDPIT POWER BY FONPIT. Obtenido de Las mejores aplicaciones de

almacenamiento en la nube: https://www.androidpit.es/aplicaciones-
almacenamiento-nube
Vila, A. (17 de Agosto de 2015). Aplicaciones moviles . Obtenido de Historia y evolución de

aplicaciones : http://alejandraplicacionesmoviles.blogspot.com/2015/08/
Wikipedia. (s.f.). Obtenido de Aplicación web: https://es.wikipedia.org/wiki/Aplicaci

%C3%B3n_web
27
Zamora, J. (23 de Octubre de 2016). Fases de desarrollo para crear una aplicación. Obtenido de
El Android libre: https://elandroidelibre.elespanol.com/2016/10/fases-desarrollo-crear-
aplicacion.htm
Aprendelibre.org. (2016). Obtenido de gcfaprendelibre:

https://www.gcfaprendelibre.org/tecnologia/curso/como_funciona_la_nube/que_es_l
a_nube/1.do
Barzanallana, R. (10 de Agosto de 2012). Informática, Ciencia, Escepticismo. Obtenido de

Historia del desarrollo de aplicaciones:
http://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Historia-
desarrollo-aplicaciones-web.html
Nasheli. (21 de Octubre de 2014). Hipertextual. Obtenido de Una breve historia sobre los
lenguajes de programación más usados:
https://hipertextual.com/archivo/2014/10/historia-lenguajes-programacion/
Malagelada, M. (20 de Noviembre de 2013). Importancia.org. Obtenido de

https://www.importancia.org/android.php
Malagelada, M. (19 de Noviembre de 2013). Importancia.org. Obtenido de

https://www.importancia.org/aplicaciones.php
CreApp. (2015). CreApp. Obtenido de http://creapp.es/la-importancia-de-la-app-en-nuestra-

estrategia-de-marketing-movil/
Colombia, A. B. (29 de Junio de 2016). BlueColombia.co. Obtenido de

http://bluecolombia.co/actualidad/la-importancia-de-las-aplicaciones-moviles-para-
las-marcas/
Sarmiento, S. A. (6 de Febrero de 2015). YoungMarketing.co. Obtenido de

http://www.youngmarketing.co/claves-para-construir-una-aplicacion/
Saavedra, H. (18 de Mayo de 2016). Universidad Latina Sede Azuero. Obtenido de

https://programacion7ulatsaavas.wordpress.com/2016/05/18/importancia-de-las-
aplicaciones-web-en-la-actualidad/
Dia, E. (26 de Diciembre de 2017). El Dia. Obtenido de https://www.eldia.com/nota/2017-12-

26-2-37-20-el-uso-desmedido-y-su-impacto-en-la-salud-informacion-general
Gómez, F. (15 de Diciembre de 2017). Forbes.es. Obtenido de http://forbes.es/up-

down/36773/las-10-apps-mas-usadas-2017/10/
28
Anexos
Anexo 1 Marcos, Alexander. (2018). SublimeText. Anexo 2 Marcos, Alexander. (2018).

[Captura] SublimeText. [Captura]
Anexo 3 Oroncuy, Brayan. (2018). SublimeText. Anexo 4 Ortega, Eddy. (2018). SublimeText.
[Captura] [Captura]
29
Anexo 5 Valentin, David. (2018). Página Anexo 6 Valentin, David. (2018). Iniciar Sesión.
Principal. [Captura] [Captura]
Anexo 7 Valentin, David. (2018). Generar Ticket. Anexo 8 Valentin, David. (2018). Encuesta.
[Captura] [Captura]
30
Anexo 9 Valentin, David. (2018). Horario. [Captura]
31

Desarrollo Apps Móviles

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Desarrollo Apps Móviles

Cargado por

Copyright:

Formatos disponibles

Desarrollo de aplicaciones para la web y móviles

 Métodos de estudios universitarios

 Ruber Saul Castillo Gago

 Oroncuy Fernandez, Brayan

Vivimos en un mundo en donde las aplicaciones móviles se han convertido en el centro de

Origen de las aplicaciones

En los primeros tiempos de la computación cliente-servidor, cada aplicación tenía su propio

Figura 1 Fdez, Quique. (2017). PLugins. [Figura].

El concepto de la aplicación web no es nuevo. De hecho, uno de los primeros lenguajes de

ORIGEN DE LAS APLICACIONES MOVILES:

Diferentes fuentes informativas mencionan que no existe un criterio único (universal)

Una aplicación es un programa de computadora que se utiliza como herramienta para

tipos de programas de computación diseñados especialmente para cumplimentar una

Figura 4 Weller, Aaron. (2013). Types of Cloud Computing. [Figura].

 Accesibilidad desde cualquier dispositivo con conexión a Internet.

 Falta de seguridad y privacidad.

La nube: relacionada con las aplicaciones

Las mejores aplicaciones de almacenamiento en la nube. Según una

Es un tipo de software que se codifica en un lenguaje soportado por los

Figura 6 IBM Perú. (2018). Sobre IBM Perú. [Figura].

Figura 7 Wikipedia. (2018). Artículos destacados. [Figura].

 Páginas de noticias, artículos, etc., como se observa en la figura 10

Figura 8 El Comercio. (2018). Tercer día del mundial. [Figura].

Figura 9 Amazon. (2018). Departments. [Figura].

 Portal Web App

 Aplicación Web Animada

Ventajas de las aplicaciones web

Debido a que la aplicación funciona por medio de un navegador

Desventajas de las aplicaciones web

1.4.2. APLICACIONES MÓVILES

Según Metadata (2016) sobre las aplicaciones móviles define:

“Es una aplicación informática diseñada para ser ejecutada en teléfonos

De lo que concluimos que una aplicación móvil es un programa que se puede

Tipos de datos que pueden acceder las aplicaciones

 Lista de contactos de teléfono y de email

Se encuentran la mayoría de los juegos y también el acceso a videos en línea, un

Figura 10 Clash Royale. (2018). Clash Royale. [Figura].

Están dirigidas a desarrollar la comunicación interpersonal, por lo tanto, permite

Figura 11 Ideal.es. (2017). El nuevo cambio de WhatsApp. [Figura].

Proporcionan herramientas para la realización de tareas, por lo tanto, requieren

Diseñadas y desarrolladas para la transmisión de información y conocimiento donde

Ofrecen herramientas que potencien la creatividad literaria, musical, fotográfica.

En especial las aplicaciones gratuitas, ya que estas venden un espacio publicitario

Tiendas de aplicaciones móviles

Google Play Store

La definición de maneja Alegsa (2016) sobe Google Play Store es la siguiente:

Apple App Store

Esta según Viswanathan P.(2016), “ La App Store originalmente implica el servicio de

DESARROLLO DE UNA APLICACIÓN

La estructura de una aplicación según Dimas J.(2014) es:

Se encuentra toda la lógica de aplicación, todas las clases programadas en

 Drawable: Contiene todas las imágenes PNG, en diferentes tamaños y

Se encuentran los archivos generados por el mismo java, archivos binarios

En esta carpeta se encuentran archivos generados y actualizados por java,

Carpeta donde se encuentran los archivos auxiliares de tu aplicación:

Estructura según Dimas J. (2014).

Figura 16 Ortega, Eddy. (2018). Eclipse IDE. [Captura].

2.2 Desarrollo de la Aplicación

Figura 17 Ortega, Eddy. (2018). video2brain. [Captura].

5. Creación del Prototipo:

Desarrollo de una aplicación según Zamora A. (2016)

APLICACIONES Y SUS EFECTOS A NIVEL MUNDIAL