Qué es una Web App - Diseño y programación de aplicaciones web

Diseño y creación web

El mundo de internet cambia a velocidades vertiginosas, lo que ayer se consideraba estándar hoy ya no sirve, y lo que parecía que era la mejor forma de hacer las cosas ya no lo es tanto. Pero, en la mayoría de los casos, estos cambios son una evolución positiva para todos.

Aplicaciones web - Web App

La evolución de las aplicaciones web

Todos disponemos de un Smartphone o Tablet en los que instalar las aplicaciones más molonas, no hablo de juegos, sino de esas que nos ayudan a organizarnos, ver el tiempo, buscar un restaurante, comprar o vender algo, usar mensajería instantánea...

Siempre he querido saber cómo se hacían las aplicaciones de los Smartphone, pero cuando indagaba un poco mi cerebro se recalentaba y terminaba más confundido que al empezar.

Aplicaciones web en el teléfono

Al igual que pasó con el diseño de páginas web y los gestores de contenido, como WordPress, Drupal o Joomla, el diseño de las aplicaciones web está sufriendo una transformación parecida.

Lo que antes era un trabajo de días enteros tecleando, gracias a las últimas herramientas de creación de aplicaciones web, en unas pocas horas podemos tener una App totalmente funcional.

Ojo al dato, estas mejoras y facilidades que nos brindan las nuevas tecnologías, no evitarán que tengas que saber ciertas bases de programación si quieres evolucionar y no quedarte con lo básico, pero si te dedicas al Diseño Web, no tendrás ningún problema en adaptarte.

Una de las que más se oye hablar es Ionic, no es la única, existen muchas en el mercado, pero dependiendo de la forma que nos guste trabajar, la aplicación que queremos crear o las preferencias personales que tengamos, nos inclinaremos a usar una u otra.

Pero, ¿qué es Ionic?, ni más ni menos que un "Framework", un esqueleto sobre el que iremos añadiendo las funciones que necesitemos y así desarrollar aplicaciones web híbridas para varias plataformas, y además gratis ya que es software "open source".

Empecemos por el principio, ¿sabes qué es una aplicación web?

Aplicaciones web y aplicaciones nativas

Aunque las aplicaciones pueden realizarse para cualquier medio electrónico que las soporte, me centraré principalmente en los dispositivos móviles como Smartphones o Tablets.

Native App

En las aplicaciones nativas (native app), hay que realizar un proceso de descargar e instalación para poder utilizarlas, y requieren que sean compatibles con nuestro dispositivo.

Esto obliga al programador a crear el código tantas veces como plataformas existen para una misma aplicación. Aunque parece una desventaja, ayuda a que la App se adapte a la perfección, y al utilizar el almacenamiento del dispositivo, pueden crearse aplicaciones más complejas.

Web App

Las aplicaciones web (web app) se ejecutan en un navegador web, lo que hacen que sean compatibles con la gran mayoría de los dispositivos existentes, y sólo necesitan ser programadas una vez. Se las consideran aplicaciones híbridas.

Al mostrarse en un navegador web, el código que se utiliza es el mismo que el de las páginas web (HTML, JavaScript y CSS).

Pero no nos equivoquemos, una aplicación web no es una página web, mientras la primera ofrece una serie de servicios y es totalmente interactiva, las páginas webs son, en general, un modo informativo y estático de mostrar una información concreta.

Aplicaciones web y paginas web

No necesitan estar instaladas en el terminal, a excepción de algunas funciones básicas en algunos casos, ya que se ejecutan desde un servidor. Esta cualidad hace que necesitemos una conexión a internet para poder utilizarlas, aunque puede haber alguna función que no lo requiera. Desde el punto de vista del almacenamiento, nos ahorran mucho espacio en el terminal.

Programación de una Web App (MVC)

Como os mencionaba más arriba, las herramientas de las que disponemos hoy para programar y diseñar aplicaciones facilitan muchísimo el trabajo.

Recuperemos estas aplicaciones y veamos cuál es la forma en la que trabajan.

Estas aplicaciones se centran en la estructura llamada MVC (Model-View.Controller / Modelo-Vista-Controlador), es una estructura de diseño que separa los componentes que integra en el nombre.

A la hora de plantear el proyecto, tenemos perfectamente definidos estos tres componentes para trabajar de forma sencilla, limpia y sin problemas.

varias aplicaciones web

Model / Modelo

Es el encargado de generar los datos de la aplicación a través de peticiones a la base de datos para luego enviar los resultados a la "vista". La base de datos puede encontrarse dentro del terminal de forma local, o encontrarse en un servidor remoto.

View / Vista

El nombre lo dice, es el resultado visual de todos los datos que se han procesado y que el "modelo" nos da. El código HTML, junto con las hojas de estilo, se encargarán de hacer la interpretación de los datos en una aplicación web.

Controller / Controlador

El intermediario que hace que se entiendan los dos apartados anteriores, la conexión entre el "modelo" y la "vista". Actualiza el estado del "modelo" y cambia es aspecto de la "vista".

Desde mi punto de vista como diseñador, considero todo un acierto para las futuras aplicaciones y Apps que se creen a partir de estas herramientas.

¿Quieres aprender más cosas sobre diseño? Pincha aquí

Juan Martín

Juan Martín

Soy el creador y autor del blog "J Solución creativa", una persona como tú que intenta ganarse la vida en internet. Intento llenar mi blog con contenido útil que pueda ayudar a quien lo necesite y conseguir, con esfuerzo, generar autoempleo y vivir de ello. Si te parece interesante puedes apuntarte a mi newsletter.

Deja un comentario

2 Comentarios

  1. itunes gratis

    Me ha sido util.

    Responder
  2. Federico

    Un articulo práctico y bien redactado.

    Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Al dejar un comentario se solicitan datos como tu email y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad.

Responsable de los datos: Juan Martín Pascual. Finalidad: Controlar spam, gestión y moderación de comentarios. Legitimación: Tu consentimiento expreso. Destinatario: Base de datos alojada en SiteGround Spain S.L. dentro de la UE. Ver política de privacidad de Siteground. Derechos: Acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos