

Las WEB APPS son aplicaciones accesibles a través de un

navegador y requieren una conexión a Internet para
funcionar.

 Las web apps se desarrollan en HTML, CSS y código

JavaScript, permiten una mayor usabilidad de la aplicación
en todos los dispositivos móviles y no móviles
 Una web app se puede abrir en todos los dispositivos
móviles ya que funcionan y se abren en el navegador del
dispositivo.
 ¿POR QUÉ SON TAN POPULARES LAS
APLICACIONES WEB?
Las aplicaciones web son muy populares debido a:
 La practicidad que ofrecen los navegadores web como clientes ligeros.
Un cliente ligero (Thin Client) es un sistema que trabaja en una
arquitectura de red cliente-servidor en la cual existe muy poca o
ninguna lógica del programa, por lo que depende principalmente del
servidor central para las tareas de procesamiento.
 La independencia del sistema operativo que uses en tu ordenador o
dispositivo móvil.
 La facilidad para actualizar y mantener aplicaciones web sin la
necesidad de tener que distribuir el software o que se tengan que
instalar el mismo por los usuarios potenciales.
 El libre acceso de los usuarios en cualquier momento, lugar o
dispositivo, sólo con tener conexión a Internet y los datos de acceso
(nombre usuario y contraseña).
 TIPOS DE APPS WEB QUE SE PUEDEN
DESARROLLAR
Existen miles de páginas y aplicaciones web asociadas. A continuación te
presentamos algunos ejemplos de aplicaciones web que se pueden llegar a
desarrollar:

 Web mail: Sistemas de acceso al correo electrónico que permiten acceder a tus
correos mediante un navegador web, sin tener que descargar los propios correos
en el ordenador. Para ello utilizan clientes del tipo Gmail, Outlook, etc
 Wikis: Sitios y aplicaciones web cuyas páginas y contenidos pueden ser
editados directamente desde el navegador, donde los usuarios crean, modifican
o eliminan contenidos que, generalmente comparten.
 Weblogs: Sitios y aplicaciones web cuyas páginas y contenidos son de fácil
actualización, de tal que permite a sus autores publicar contenidos (textos,
imágenes y otros archivos) con aparentar un solo botón, ya que suelen contar
con un editor y herramientas para tal efecto en la propia web.
 Tiendas Online: Tipos de comercio que usan como medio principal para
realizar suyos transacciones un sitio web y/o una aplicación conectada a
internet desde la que los usuarios y clientes pueden realizar sus compras.
CARACTERÍSTICAS Y VENTAJAS
 Las Web Apps son Apps universales ya que se pueden usar desde
cualquier sistema operativo, son multi-plataforma. De hecho las
Web APPS funcionan en todos los dispositivos conectados a
Internet, Tablet y Smartphone con diferentes sistemas
operativos.
 Sólo necesitan un navegador actualizado para funcionar y poder
disfrutar de ellas.
 No ocupan memoria en los dispositivos móviles.
 No es necesario publicar y descargarlas desde tiendas como
Google Play y App Store.
 Siempre se visualiza la última versión de la app, no requiere de
actualizaciones.
 Son económicas y requieren tiempos de desarrollo muy
reducidos.
DESVENTAJAS

 Requieren una conexión Internet para funcionar.

 No funcionan en segundo plano (multitarea).
 Ofrecen un acceso muy limitado a los elementos y
caracteristicas del Hardware del dispositivo.
 Necesitan de un espacio web.
 Las Web Apps pueden ser màs lentas que una App
Nativa.
Capa del servidor

Existen numerosos lenguajes de programación empleados para el

desarrollo de aplicaciones web en el servidor, entre los que
destacan:

 PHP
 Java, con sus tecnologías Java Servlets y JavaServer Pages (JSP)
 Javascript en su modalidad SSJS: Server Side Javascript
(Javascript del lado del servidor).
 Perl
 Ruby
 Python
 Node.js
 TIPOS DE DESARROLLO APP WEB
Podemos clasificar las Apps Web en función de cómo se presenta el
contenido dentro de la aplicación. Podemos distinguir entre 5 tipos
generales de aplicaciones web:
 Aplicación web estática: son las más sencillas y no suelen estar
sometidas a muchos cambios porque no resulta sencillo hacerlos.
Están desarrolladas con código HTML y CSS y también pueden
mostrar en algunas partes banners o vídeos, entre otras opciones. La
razón que explica que no estén sometidas a muchas variaciones es que
para hacerlos hay que descargar el HTML, modificarlo y subirlo de
nuevo al servidor.
 Aplicación web dinámica: son mucho más complejas que las
anteriores si hablamos desde un punto de vista técnico, y la
información y el contenido se actualizan cada vez que los usuarios
acceden a la web. Existen muchos lenguajes de programación para
aplicaciones web dinámicas, pero los más comunes son PHP y
JavaScript. Además de cambiar la información y el contenido, también
se puede modificar el diseño de la web. Un ejemplo de página web
dinámica sería google.es.
 Tienda virtual o comercio electrónico: son conocidas como e-
commerce y están pensadas para vender productos. Son más
complejas porque tienen que incluir el método de pago y estar
sincronizadas con el stock de la compañía y con la logística. Este
tipo de aplicaciones web son muy comunes y algunos ejemplos
son Amazon, FNAC o cualquier web de venta de ropa u otro
producto.
 Portal web app: este tipo de aplicaciones web incluyen diferentes
categorías y secciones. Pueden tener chats, foros o buscador, entre
otras opciones. Infojobs es un portal web app.
 Aplicación web animada: estaban relacionadas con la tecnología
FLASH, aunque hoy en día lo están con CSS y SVG. Permiten
presentar contenido con efectos animados. Son muy útiles para
diseñadores y desarrolladores, pero, como contrapartida,
presentan un problema: no son útiles para mejorar el
posicionamiento ni el SEO porque los buscadores no leen
correctamente su información. Un ejemplo es Android.com.
APLICACIONES WEB-APP
 Las páginas web de Twitter y Facebook son dos buenos
ejemplos de aplicaciones web. En ellas puedes hacer
prácticamente lo mismo que en las aplicaciones
nativas para Android o iOS, pero sin necesidad de
instalar nada: solo necesitas un navegador con
conexión a Internet.
 Microsoft Office Online
 Spotify
 Netflix
FRAMEWORK PARA APP WEB

 QUÉ ES ANGULARJS

 Es un proyecto de código abierto, realizado en Javascript

que contiene un conjunto de librerías útiles para el
desarrollo de aplicaciones web y propone una serie de
patrones de diseño para llevarlas a cabo. En pocas palabras,
es lo que se conoce como un framework para el desarrollo,
en esta caso sobre el lenguaje Javascript con programación
del lado del cliente.
 Principales características de
Angular
1. Velocidad y rendimiento

 Generación de código: Angular convierte tus plantillas en código altamente optimizado para
las máquinas virtuales de JavaScript de hoy en día, ofreciéndote todas las ventajas del código
escrito a mano con la productividad de un framework.
 Universal: Ejecuta la primera vista de tu aplicación en node.js, .NET, PHP, y otros servidores
para renderizado de forma casi instantánea obteniendo solo HTML y CSS. También abre
posibilidades para la optimización del SEO del sitio.
 División del código: Las aplicaciones de Angular se cargan rápidamente gracias al nuevo
enrutador de componentes. Éste ofrece una división automática de códigos para que los
usuarios sólo carguen el código necesario para procesar la vista que solicitan.

2. Productividad
 Plantillas: Permite crear rápidamente vistas de interfaz de usuario con una sintaxis de plantilla
simple y potente.
 Angular CLI: Las herramientas de línea de comandos permiten empezar a desarrollar
rápidamente, añadir componentes y realizar test, así como previsualizar de forma instantánea
la aplicación.
 IDEs: Obtén sugerencias de código inteligente, detección de errores y otros comentarios en la
mayoría de los editores populares e IDEs.