SlideShare una empresa de Scribd logo
1
TIPOS DE APP EN LA WEB
2
TIPOS DE APP EN LA WEB
INDICE
DEFINICION DE WEB APP
QUE ES UNA WEB APP
VIDEO TUTORIAL
BIBLIOGRAFIA
3
TIPOS DE APP EN LA WEB
DEFINICION DE WEB APP
Las aplicaciones se han convertido en parte de la vida cotidiana
debido a su uso en smartphones y tablets, aunque este no está
restringido solo a los dispositivos móviles, sino que también hay
algunas aptas para ordenadores de escritorio. Mientras que
una aplicación nativa es un tipo de software que se adapta a una
plataforma determinada, una web app tiene lugar en el navegador
web y guarda ciertas diferencias con respecto a las denominadas
aplicaciones nativas. Una web app (aplicación web en español)
se basa en HTML, JavaScript o CSS. Puesto que se carga en
el servidor web y se ejecuta en el navegador, no requiere ninguna
instalación. Además, también se puede crear un acceso directo
para ella en el escritorio del ordenador o en la pantalla de inicio
de los terminales móviles mediante un marcador. El espectro de
aplicaciones web es muy amplio, yendo desde pequeñas
herramientas hasta software de gráficos o juegos de navegador,
pasando por las adaptaciones de conocidos programas, como
servicios de mensajería instantánea o paquetes de Office.
Muchos programas y servicios se presentan en dos modalidades:
en forma de web app o de native app.
Web app vs. native app
Las diferencias que existen entre ambas se dan en un ámbito
técnico, es decir, en el ámbito de la programación.
Native app
Las aplicaciones nativas se programan teniendo en cuenta las
características y particularidades de cada plataforma para
posteriormente ser instaladas en ellas. Estas plataformas pueden
ser tanto un sistema operativo móvil como Android o iOS, como
un sistema operativo de escritorio como Windows. Las
aplicaciones para dispositivos móviles son las que predominan en
4
TIPOS DE APP EN LA WEB
el mercado de las apps y estas reciben el nombre de Native
Mobile Apps (o simplemente Mobile Apps), aunque en español
también son conocidas como aplicaciones móviles nativas,
aplicaciones nativas o incluso apps nativas. Todas las
aplicaciones nativas tienen en común que han sido desarrolladas
para ser usadas en una determinada plataforma y solo pueden
funcionar en esa plataforma en concreto. Esta es la razón por la
que, por ejemplo, una aplicación Android no funciona en el
sistema operativo de iOS de un teléfono móvil Apple o en los
iPads. Esta dependencia de las plataformas tiene sus ventajas y
sus inconvenientes. Si los desarrolladores quieren manejar más
de un sistema operativo, se ven obligados a programar una
aplicación exclusiva para cada uno de ellos, lo que, de cara al
desarrollo de una web app, supone un gasto superior. En cambio,
una aplicación nativa se adapta de manera ideal a la plataforma
correspondiente y puede, incluso, utilizar el espacio de
almacenamiento del dispositivo en el que se instala. Al contrario
de lo que ocurre con las aplicaciones web, las native apps se
prestan mejor, por ello, para funciones más complejas.
5
TIPOS DE APP EN LA WEB
QUE ES UNA WEB APP
Las aplicaciones web no se adaptan tan bien al hardware del
dispositivo en el que se usan, pero, sin embargo, funcionan
en todos los sistemas operativos y terminales que cuentan con
los navegadores web que las soportan (en general, todos los
navegadores actuales). En el mejor de los casos, una única
aplicación es suficiente para todas las plataformas, aunque no
siempre es posible optimizar la aplicación para todos los
navegadores. Una ventaja adicional de este tipo de aplicaciones
está relacionada con los fallos de seguridad. En el caso de las
apps nativas, estos solo se solucionan descargando una nueva
versión o llevando a cabo una actualización. Por su parte, la
actualización de seguridad de una web app se implementa
directamente en el software, de modo que todos los usuarios
puedan disfrutar de la versión más segura. Otro rasgo ventajoso
de este tipo de aplicaciones es que suelen ser más asequibles y
más rápidas. A pesar de la información anteriormente expuesta,
no se puede afirmar con rotundidad cuál es el mejor tipo de
aplicación, puesto que ello depende de las pretensiones y de los
objetivos de los desarrolladores. La siguiente tabla muestra una
comparación de las características de los dos tipos de
aplicaciones que se exponen en la presente guía:
App nativa Web app
Plataforma Dependiente de la
plataforma
Independiente de la
plataforma
Almacenamiento de datos En el dispositivo del usuario Normalmente en el
servidor, aunque en el caso
de las aplicaciones web
creadas con HTML5, el
código de la aplicación y los
datos pueden guardarse
temporalmente
Utilización de las funciones
del dispositivo
Es posible utilizarlas en su
totalidad
No es posible su utilización
en la mayoría de los casos,
aunque algunas
aplicaciones web pueden
6
TIPOS DE APP EN LA WEB
acceder de manera limitada
a las funciones del
dispositivo
Fuente Descarga en la App Store Visita a la página web
Instalación Necesaria No necesaria
Actualizaciones Deben instalarse (en su
caso, debe descargarse la
versión actual de la app)
El proveedor será el
encargado de
implementarlas y están
disponibles para todos los
usuarios
Conexión a Internet No es necesaria en la
mayoría de los casos
Mayoritariamente
necesaria, excepto cuando
la app se guarde
temporalmente con HMTL5
Ejemplos de web apps
Algunos servicios de Google como Google Maps, Gmail o su
buscador entran dentro de la categoría de aplicaciones web, así
como también Amazon (no solo la tienda online, sino también
servicios como Amazon Video o Amazon Music) e eBay (tanto el
portal de subastas como el tablón de anuncios de segunda
mano). Con tan solo estos ejemplos ya queda patente que las
fronteras entre una página web convencional y una aplicación
web no son tan rígidas. Las diferencias son más obvias en el
ejemplo de Microsoft Office Online, antes llamado “Office Web
Apps”. La aplicación web ofrece el conjunto de programas del
paquete de Microsoft Office (Word, Excel, Outlook. etc.) para
acceder a ellos desde el navegador y permite, entre otras
funciones, crear documentos, editarlos y guardarlos, tal y como
se puede hacer con la versión del paquete de Office que requiere
instalación. Una de sus peculiaridades es la conexión con
Internet: si al principio era necesario tener una conexión a
Internet, hoy se pueden guardar datos en el terminal
temporalmente. Si se usa HTML5, las aplicaciones web también
pueden ejecutarse offline. No obstante, el número de web apps
con esta función es limitado. (IONOS Digital Guide, 2019)
https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/que-es-
una-web-app-y-que-clases-hay/
7
TIPOS DE APP EN LA WEB
Video Tutorial
(Herrera, 2018)
https://www.youtube.com/watch?v=ttwwOecPS10
8
TIPOS DE APP EN LA WEB
BIBLIOGAFIA
Herrera, F. (15 de Octubre de 2018). youtube. Obtenido de
https://www.youtube.com/watch?v=ttwwOecPS10
IONOS Digital Guide. (03 de Juilio de 2019). Obtenido de http://www.ionos.es/digitalguide/paginas-
web/desarrollo-web/que-es-una-web-app-y-que-clases-hay/

Más contenido relacionado

La actualidad más candente

Actividad 7.2 apps builder
Actividad 7.2   apps builderActividad 7.2   apps builder
Actividad 7.2 apps builder
josefinaguzman7
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
ALEX BOMB
 
Las apps en tipo presentacion
Las apps en tipo presentacionLas apps en tipo presentacion
Las apps en tipo presentacion
jeanette garcia ramirez
 
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Roberto Taborda
 
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
Betsy Zavaleta
 
Apps builder Detalles
Apps builder DetallesApps builder Detalles
Apps builder Detalles
sixto zapata
 
Apps
AppsApps
Apps
tomtztron
 
Actividad 09
Actividad 09Actividad 09
Actividad 09
Carlos Delgadillo
 
Como desarrollar aplicaciones moviles iii XAMARIN
Como desarrollar aplicaciones moviles iii XAMARINComo desarrollar aplicaciones moviles iii XAMARIN
Como desarrollar aplicaciones moviles iii XAMARIN
Roberto Taborda
 
Aplicaciones Moviles
Aplicaciones MovilesAplicaciones Moviles
Aplicaciones Moviles
Juan Dalli Robles
 
Las apps
Las appsLas apps
Las apps
arnulfo999
 
Rpeorte 10
Rpeorte 10Rpeorte 10
Rpeorte 10
Vanessa Vázquez
 
Apps
AppsApps
Apps
arlisc
 
Aplicaciones de la web hilary 9 1
Aplicaciones de la web hilary 9 1Aplicaciones de la web hilary 9 1
Aplicaciones de la web hilary 9 1
hilary0726
 
Las apps
Las appsLas apps
Las apps
PabloH11
 
Adobe Creative Suite CS6 Design & Web
Adobe Creative Suite CS6 Design & WebAdobe Creative Suite CS6 Design & Web
Adobe Creative Suite CS6 Design & Web
Joel Ortíz
 
Las apps
Las appsLas apps
Como y apps_builder
Como y apps_builderComo y apps_builder
Como y apps_builder
orlando_nabil
 

La actualidad más candente (19)

Actividad 7.2 apps builder
Actividad 7.2   apps builderActividad 7.2   apps builder
Actividad 7.2 apps builder
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Las apps en tipo presentacion
Las apps en tipo presentacionLas apps en tipo presentacion
Las apps en tipo presentacion
 
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
Como desarrollar aplicaciones moviles, que debemos tener en cuenta?
 
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
 
Apps builder Detalles
Apps builder DetallesApps builder Detalles
Apps builder Detalles
 
Apps
AppsApps
Apps
 
Actividad 09
Actividad 09Actividad 09
Actividad 09
 
Como desarrollar aplicaciones moviles iii XAMARIN
Como desarrollar aplicaciones moviles iii XAMARINComo desarrollar aplicaciones moviles iii XAMARIN
Como desarrollar aplicaciones moviles iii XAMARIN
 
Aplicaciones Moviles
Aplicaciones MovilesAplicaciones Moviles
Aplicaciones Moviles
 
Las apps
Las appsLas apps
Las apps
 
Rpeorte 10
Rpeorte 10Rpeorte 10
Rpeorte 10
 
Apps
AppsApps
Apps
 
Aplicaciones de la web hilary 9 1
Aplicaciones de la web hilary 9 1Aplicaciones de la web hilary 9 1
Aplicaciones de la web hilary 9 1
 
Las apps
Las appsLas apps
Las apps
 
Adobe Creative Suite CS6 Design & Web
Adobe Creative Suite CS6 Design & WebAdobe Creative Suite CS6 Design & Web
Adobe Creative Suite CS6 Design & Web
 
Las apps
Las appsLas apps
Las apps
 
Como y apps_builder
Como y apps_builderComo y apps_builder
Como y apps_builder
 

Similar a Lopez maradiaga leoneledelberto_actividad1

Diapositivas aplicaciones moviles
Diapositivas aplicaciones movilesDiapositivas aplicaciones moviles
Diapositivas aplicaciones moviles
carlosnc2017
 
Apps
AppsApps
Apps
arlisc
 
Usos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_movilesUsos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_moviles
Katherine Guerra
 
APLICACIONES BASADAS EN FORMATO WEB.docx
APLICACIONES BASADAS EN FORMATO WEB.docxAPLICACIONES BASADAS EN FORMATO WEB.docx
APLICACIONES BASADAS EN FORMATO WEB.docx
YANET380110
 
27754 ibm wp_native_web_or_hybrid_2846853
27754 ibm wp_native_web_or_hybrid_284685327754 ibm wp_native_web_or_hybrid_2846853
27754 ibm wp_native_web_or_hybrid_2846853
Carlos Andrés Hernández Cabrera
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
Wincler Percy Diaz Vilchez
 
Desarrollo de aplicaciones moviles
Desarrollo de aplicaciones movilesDesarrollo de aplicaciones moviles
Desarrollo de aplicaciones moviles
pillin07
 
Android
AndroidAndroid
Android
Angel Caisa
 
Android
AndroidAndroid
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
Jhosely Malca
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
javier214
 
¿Que es una aplicacion Movil?.pptx
¿Que es una aplicacion  Movil?.pptx¿Que es una aplicacion  Movil?.pptx
¿Que es una aplicacion Movil?.pptx
axel798368
 
Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
Diego Becerra
 
Desarrolla aplicaciones moviles
Desarrolla aplicaciones movilesDesarrolla aplicaciones moviles
Desarrolla aplicaciones moviles
eduardoo104
 
5.8 Apps vs Webapps
5.8 Apps vs Webapps5.8 Apps vs Webapps
5.8 Apps vs Webapps
Brox Technology
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
Devanyyoyo
 
Programación de aplicaciones móviles
Programación de aplicaciones móvilesProgramación de aplicaciones móviles
Programación de aplicaciones móviles
GREINDER MARCHENA & LIZ VASQUEZ
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
Manuel Felipe ATAPAUCAR
 
Paginas para apps
Paginas para appsPaginas para apps
Paginas para apps
Paola Ruiz Esparza
 

Similar a Lopez maradiaga leoneledelberto_actividad1 (20)

Diapositivas aplicaciones moviles
Diapositivas aplicaciones movilesDiapositivas aplicaciones moviles
Diapositivas aplicaciones moviles
 
Apps
AppsApps
Apps
 
Usos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_movilesUsos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_moviles
 
APLICACIONES BASADAS EN FORMATO WEB.docx
APLICACIONES BASADAS EN FORMATO WEB.docxAPLICACIONES BASADAS EN FORMATO WEB.docx
APLICACIONES BASADAS EN FORMATO WEB.docx
 
27754 ibm wp_native_web_or_hybrid_2846853
27754 ibm wp_native_web_or_hybrid_284685327754 ibm wp_native_web_or_hybrid_2846853
27754 ibm wp_native_web_or_hybrid_2846853
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Desarrollo de aplicaciones moviles
Desarrollo de aplicaciones movilesDesarrollo de aplicaciones moviles
Desarrollo de aplicaciones moviles
 
Android
AndroidAndroid
Android
 
Android
AndroidAndroid
Android
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
¿Que es una aplicacion Movil?.pptx
¿Que es una aplicacion  Movil?.pptx¿Que es una aplicacion  Movil?.pptx
¿Que es una aplicacion Movil?.pptx
 
Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
 
Desarrolla aplicaciones moviles
Desarrolla aplicaciones movilesDesarrolla aplicaciones moviles
Desarrolla aplicaciones moviles
 
5.8 Apps vs Webapps
5.8 Apps vs Webapps5.8 Apps vs Webapps
5.8 Apps vs Webapps
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
 
Programación de aplicaciones móviles
Programación de aplicaciones móvilesProgramación de aplicaciones móviles
Programación de aplicaciones móviles
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Paginas para apps
Paginas para appsPaginas para apps
Paginas para apps
 

Lopez maradiaga leoneledelberto_actividad1

  • 1. 1 TIPOS DE APP EN LA WEB
  • 2. 2 TIPOS DE APP EN LA WEB INDICE DEFINICION DE WEB APP QUE ES UNA WEB APP VIDEO TUTORIAL BIBLIOGRAFIA
  • 3. 3 TIPOS DE APP EN LA WEB DEFINICION DE WEB APP Las aplicaciones se han convertido en parte de la vida cotidiana debido a su uso en smartphones y tablets, aunque este no está restringido solo a los dispositivos móviles, sino que también hay algunas aptas para ordenadores de escritorio. Mientras que una aplicación nativa es un tipo de software que se adapta a una plataforma determinada, una web app tiene lugar en el navegador web y guarda ciertas diferencias con respecto a las denominadas aplicaciones nativas. Una web app (aplicación web en español) se basa en HTML, JavaScript o CSS. Puesto que se carga en el servidor web y se ejecuta en el navegador, no requiere ninguna instalación. Además, también se puede crear un acceso directo para ella en el escritorio del ordenador o en la pantalla de inicio de los terminales móviles mediante un marcador. El espectro de aplicaciones web es muy amplio, yendo desde pequeñas herramientas hasta software de gráficos o juegos de navegador, pasando por las adaptaciones de conocidos programas, como servicios de mensajería instantánea o paquetes de Office. Muchos programas y servicios se presentan en dos modalidades: en forma de web app o de native app. Web app vs. native app Las diferencias que existen entre ambas se dan en un ámbito técnico, es decir, en el ámbito de la programación. Native app Las aplicaciones nativas se programan teniendo en cuenta las características y particularidades de cada plataforma para posteriormente ser instaladas en ellas. Estas plataformas pueden ser tanto un sistema operativo móvil como Android o iOS, como un sistema operativo de escritorio como Windows. Las aplicaciones para dispositivos móviles son las que predominan en
  • 4. 4 TIPOS DE APP EN LA WEB el mercado de las apps y estas reciben el nombre de Native Mobile Apps (o simplemente Mobile Apps), aunque en español también son conocidas como aplicaciones móviles nativas, aplicaciones nativas o incluso apps nativas. Todas las aplicaciones nativas tienen en común que han sido desarrolladas para ser usadas en una determinada plataforma y solo pueden funcionar en esa plataforma en concreto. Esta es la razón por la que, por ejemplo, una aplicación Android no funciona en el sistema operativo de iOS de un teléfono móvil Apple o en los iPads. Esta dependencia de las plataformas tiene sus ventajas y sus inconvenientes. Si los desarrolladores quieren manejar más de un sistema operativo, se ven obligados a programar una aplicación exclusiva para cada uno de ellos, lo que, de cara al desarrollo de una web app, supone un gasto superior. En cambio, una aplicación nativa se adapta de manera ideal a la plataforma correspondiente y puede, incluso, utilizar el espacio de almacenamiento del dispositivo en el que se instala. Al contrario de lo que ocurre con las aplicaciones web, las native apps se prestan mejor, por ello, para funciones más complejas.
  • 5. 5 TIPOS DE APP EN LA WEB QUE ES UNA WEB APP Las aplicaciones web no se adaptan tan bien al hardware del dispositivo en el que se usan, pero, sin embargo, funcionan en todos los sistemas operativos y terminales que cuentan con los navegadores web que las soportan (en general, todos los navegadores actuales). En el mejor de los casos, una única aplicación es suficiente para todas las plataformas, aunque no siempre es posible optimizar la aplicación para todos los navegadores. Una ventaja adicional de este tipo de aplicaciones está relacionada con los fallos de seguridad. En el caso de las apps nativas, estos solo se solucionan descargando una nueva versión o llevando a cabo una actualización. Por su parte, la actualización de seguridad de una web app se implementa directamente en el software, de modo que todos los usuarios puedan disfrutar de la versión más segura. Otro rasgo ventajoso de este tipo de aplicaciones es que suelen ser más asequibles y más rápidas. A pesar de la información anteriormente expuesta, no se puede afirmar con rotundidad cuál es el mejor tipo de aplicación, puesto que ello depende de las pretensiones y de los objetivos de los desarrolladores. La siguiente tabla muestra una comparación de las características de los dos tipos de aplicaciones que se exponen en la presente guía: App nativa Web app Plataforma Dependiente de la plataforma Independiente de la plataforma Almacenamiento de datos En el dispositivo del usuario Normalmente en el servidor, aunque en el caso de las aplicaciones web creadas con HTML5, el código de la aplicación y los datos pueden guardarse temporalmente Utilización de las funciones del dispositivo Es posible utilizarlas en su totalidad No es posible su utilización en la mayoría de los casos, aunque algunas aplicaciones web pueden
  • 6. 6 TIPOS DE APP EN LA WEB acceder de manera limitada a las funciones del dispositivo Fuente Descarga en la App Store Visita a la página web Instalación Necesaria No necesaria Actualizaciones Deben instalarse (en su caso, debe descargarse la versión actual de la app) El proveedor será el encargado de implementarlas y están disponibles para todos los usuarios Conexión a Internet No es necesaria en la mayoría de los casos Mayoritariamente necesaria, excepto cuando la app se guarde temporalmente con HMTL5 Ejemplos de web apps Algunos servicios de Google como Google Maps, Gmail o su buscador entran dentro de la categoría de aplicaciones web, así como también Amazon (no solo la tienda online, sino también servicios como Amazon Video o Amazon Music) e eBay (tanto el portal de subastas como el tablón de anuncios de segunda mano). Con tan solo estos ejemplos ya queda patente que las fronteras entre una página web convencional y una aplicación web no son tan rígidas. Las diferencias son más obvias en el ejemplo de Microsoft Office Online, antes llamado “Office Web Apps”. La aplicación web ofrece el conjunto de programas del paquete de Microsoft Office (Word, Excel, Outlook. etc.) para acceder a ellos desde el navegador y permite, entre otras funciones, crear documentos, editarlos y guardarlos, tal y como se puede hacer con la versión del paquete de Office que requiere instalación. Una de sus peculiaridades es la conexión con Internet: si al principio era necesario tener una conexión a Internet, hoy se pueden guardar datos en el terminal temporalmente. Si se usa HTML5, las aplicaciones web también pueden ejecutarse offline. No obstante, el número de web apps con esta función es limitado. (IONOS Digital Guide, 2019) https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/que-es- una-web-app-y-que-clases-hay/
  • 7. 7 TIPOS DE APP EN LA WEB Video Tutorial (Herrera, 2018) https://www.youtube.com/watch?v=ttwwOecPS10
  • 8. 8 TIPOS DE APP EN LA WEB BIBLIOGAFIA Herrera, F. (15 de Octubre de 2018). youtube. Obtenido de https://www.youtube.com/watch?v=ttwwOecPS10 IONOS Digital Guide. (03 de Juilio de 2019). Obtenido de http://www.ionos.es/digitalguide/paginas- web/desarrollo-web/que-es-una-web-app-y-que-clases-hay/