Desde 2012 desarrollamos apps para empresas, startups e instituciones.
Desarrollo de aplicaciones móviles a medida
Una sola base de código para iOS y Android: apps híbridas para móvil y tablet, publicadas en App Store y Google Play e integradas con IA.
Apps híbridas para iOS y Android
¿Qué es una app móvil a medida?
Una app móvil a medida es una aplicación que se instala en el teléfono o la tableta y se programa para un proyecto concreto. Es una de las formas del software a medida.
En Gilsys, además de la app, desarrollamos la API que la conecta con los datos de la empresa y, cuando hace falta, la aplicación web para gestionarla, con un único código para iOS y Android.
App o aplicación web
¿Cuándo conviene desarrollar una app móvil?
Una aplicación web responsive resuelve la mayoría de herramientas de gestión. Hay casos, sin embargo, en los que hace falta una app instalada en el dispositivo:
Uso intensivo del hardware
Giroscopio, acelerómetro, magnetómetro o funciones avanzadas de cámara, como la realidad aumentada.
Conexión con otros dispositivos
Emparejarse y comunicarse de forma continua por Bluetooth (BLE) o NFC con wearables, balizas, domótica o maquinaria industrial.
Integración con el sistema
Acceso a los contactos, llamadas, vibración háptica o widgets en la pantalla de inicio.
Procesos en segundo plano
Seguir funcionando con el teléfono bloqueado o mientras se usa otra app, como en el seguimiento GPS continuo o las alarmas críticas.
Notificaciones push del sistema
Integradas en el centro de notificaciones del teléfono y entregadas por los servicios de Apple y Google.
Presencia en las tiendas
Estar en App Store y Google Play facilita que los usuarios encuentren e instalen la app.
App móvil o aplicación web
Hardware
App móvil (iOS y Android): Acceso nativo a Bluetooth, NFC, Face ID, giroscopio y vibración.
Aplicación web: Limitado por las restricciones de seguridad del navegador.
Sin conexión
App móvil (iOS y Android): Funciona sin internet y sincroniza los datos en segundo plano.
Aplicación web: Básico: solo si se ha preparado como PWA.
Notificaciones push
App móvil (iOS y Android): Integradas en el sistema.
Aplicación web: Dependen del navegador; en iPhone, solo si se instala como PWA.
Rendimiento
App móvil (iOS y Android): Aprovecha la potencia gráfica y de proceso del teléfono.
Aplicación web: Bueno, pero supeditado al motor del navegador.
Presencia
App móvil (iOS y Android): Icono en la pantalla de inicio, instalada desde la tienda.
Aplicación web: Icono solo si el usuario instala la PWA.
| Capacidad | App móvil (iOS y Android) | Aplicación web |
|---|---|---|
| Hardware | Acceso nativo a Bluetooth, NFC, Face ID, giroscopio y vibración. | Limitado por las restricciones de seguridad del navegador. |
| Sin conexión | Funciona sin internet y sincroniza los datos en segundo plano. | Básico: solo si se ha preparado como PWA. |
| Notificaciones push | Integradas en el sistema. | Dependen del navegador; en iPhone, solo si se instala como PWA. |
| Rendimiento | Aprovecha la potencia gráfica y de proceso del teléfono. | Bueno, pero supeditado al motor del navegador. |
| Presencia | Icono en la pantalla de inicio, instalada desde la tienda. | Icono solo si el usuario instala la PWA. |
App, API y aplicación web
Apps conectadas a una API y gestionadas desde una aplicación web
En muchas ocasiones, una app necesita comunicarse con una API centralizada que ofrezca funciones en la nube, e incluso con una aplicación web desde la que administrar los contenidos que muestra.
Gestión centralizada
Configuración de opciones, administración de usuarios y supervisión de datos desde un entorno web privado.
Contenidos sin publicar otra versión
Los contenidos se cambian desde la aplicación web y se ven en la app sin publicar una nueva versión en las tiendas.
Datos sincronizados
La app y la web trabajan con los mismos datos a través de la API, siempre coherentes y actualizados.
Notificaciones y seguimiento
Desde la aplicación web se envían las notificaciones y se consultan las estadísticas de uso de la app.
Por ejemplo, en una de las apps de formación médica, los formadores disponen de un panel privado desde el que van desbloqueando "mundos" de contenido y los usuarios acceden a ellos desde la app para seguir con su formación. Desde la misma aplicación web se gestionan las notificaciones y se hace el seguimiento del progreso.
Caso de éxito
Click2Move: una app contra el sedentarismo del teletrabajo
Click2Move es un proyecto de investigación europeo, liderado por la UVic-UCC y financiado por la Comisión Europea (programa Erasmus+ Sport), creado para reducir el sedentarismo asociado al teletrabajo. Hemos desarrollado la app, híbrida con React Native y conectada a una pulsera de actividad, y la aplicación web desde la que se gestiona. La iniciativa se está probando con más de 170 trabajadores de empresas de los Países Bajos, España, Irlanda y Eslovenia, para evaluar su impacto en la salud y la productividad. El protocolo del estudio está publicado en BMC Public Health.
Seguimiento de los pasos
La app recibe los datos de una pulsera de actividad adaptada al proyecto.
Alertas de inactividad
Cuando el usuario lleva demasiado tiempo sin moverse, la app se lo recuerda.
Retos individuales y grupales
Desde una aplicación web central se proponen actividades y ejercicios para conseguir retos y mejorar la salud.
Desde nuestra primera app, en 2012
Ejemplos de apps móviles a medida
Otras apps destacadas que hemos desarrollado, sin el nombre de los clientes por confidencialidad.
Formación médica
Apps de gestión de la formación, con contenidos que los formadores desbloquean desde un panel web y seguimiento del progreso de cada usuario.
Startup de citas
Una app para conectar con los contactos que ya se tenían en el móvil, con el concepto de match antes de que se generalizara: cuando había coincidencia, se generaba una notificación.
Gestión de datos empresariales
Aplicaciones para gestionar desde el móvil los datos de empresas del sector servicios.
Atlas clínico para profesionales sanitarios
Un atlas de más de 100 imágenes de casos clínicos reales, diseñado por profesionales sanitarios, clasificado por patologías y con acceso privado, que ayuda en la consulta a obtener diagnósticos diferenciales. Permite buscar por área afectada, por diagnóstico o por imagen, y consultar referencias cruzadas entre casos.
Tecnología
Dos formas de desarrollar una app híbrida
Las dos permiten publicar la misma app en iOS y Android a partir de un solo código. La elección depende de si también hace falta una versión web y de las funciones del dispositivo que necesite la app.
App web encapsulada (Angular o React, con Cordova)
Se programa una aplicación web con Angular o React y se encapsula con Cordova para instalarla como app. El mismo código sirve para la versión web y para la app, y mediante plugins accede a funciones básicas del dispositivo, como la cámara, el GPS o las notificaciones push. La recomendamos cuando el proyecto necesita a la vez una versión accesible desde el navegador y una app instalable. Las apps de formación médica siguen un enfoque similar: un framework propio basado en HTML y un motor JavaScript, conectado a una API remota propia desarrollada en PHP con Slim Framework.
App híbrida nativa (React Native, con Expo)
Se programa con React Native y Expo, que generan una app nativa para iOS y Android a partir de un solo código. Tiene acceso completo a las funciones del dispositivo, como el Bluetooth o la biometría, y un rendimiento cercano al de una app nativa. La recomendamos cuando la app necesita funciones avanzadas del dispositivo, o cuando no hace falta una versión web o esta tiene requisitos distintos.
Comparativa de las dos opciones
Tecnología
App web encapsulada: Angular o React, con Cordova.
App híbrida nativa: React Native, con Expo.
Versión web
App web encapsulada: Sí, con el mismo código.
App híbrida nativa: No: el código es solo para el móvil.
Funciones del dispositivo
App web encapsulada: Básicas, mediante plugins: cámara, GPS o notificaciones.
App híbrida nativa: Completas: Bluetooth, biometría y sensores.
Rendimiento
App web encapsulada: Correcto, con menos fluidez.
App híbrida nativa: Cercano al de una app nativa.
Coste
App web encapsulada: Menor si se necesitan a la vez la versión web y la app.
App híbrida nativa: Mayor si, además, hace falta una versión web.
Un ejemplo nuestro
App web encapsulada: Las apps de formación médica (con un framework propio).
App híbrida nativa: Click2Move.
| Aspecto | App web encapsulada | App híbrida nativa |
|---|---|---|
| Tecnología | Angular o React, con Cordova. | React Native, con Expo. |
| Versión web | Sí, con el mismo código. | No: el código es solo para el móvil. |
| Funciones del dispositivo | Básicas, mediante plugins: cámara, GPS o notificaciones. | Completas: Bluetooth, biometría y sensores. |
| Rendimiento | Correcto, con menos fluidez. | Cercano al de una app nativa. |
| Coste | Menor si se necesitan a la vez la versión web y la app. | Mayor si, además, hace falta una versión web. |
| Un ejemplo nuestro | Las apps de formación médica (con un framework propio). | Click2Move. |
De la idea al desarrollo
Cómo se define un proyecto de app a medida
Lo más habitual es separar el proyecto en fases y empezar por un MVP, para controlar la inversión y no desarrollar lo que todavía no hace falta. Antes de programar cada fase, se definen:
Pantallas y flujos de navegación
Las pantallas se diseñan en Figma o con mockups, junto con los flujos de navegación, para validar la experiencia de uso antes de programarla.
Funcionamiento sin conexión
Qué partes de la app deben funcionar sin conexión y cómo se sincronizan los datos cuando se recupera. En Click2Move, por ejemplo, la app sigue registrando los pasos del usuario aunque no haya conexión.
Acceso, roles y privilegios
El sistema de acceso (login) y lo que puede ver y hacer cada perfil de usuario, revisando los flujos y los privilegios de cada uno.
APIs propias o de terceros
Qué datos llegan de una API propia y qué servicios de terceros hay que conectar, como un ERP o una pasarela de pago.
IA generativa
Si en algún punto conviene integrar IA generativa y para qué.
Infraestructura y publicación
Dónde se alojarán la API y la aplicación web, y cómo se publicarán las versiones de la app en App Store y Google Play.
¿Por qué confiar en Gilsys para desarrollar aplicaciones móviles?
Desarrollando apps desde 2012
Lanzamos nuestra primera app en 2012. Con la IA, cada día habrá más personas y empresas capaces de crear una app sin conocimientos de programación y, en muchos casos, sin entender el código que se genera; muchas de ellas no existían cuando nosotros ya desarrollábamos apps. Esa base técnica es la que permite detectar los errores y mantener la app en el tiempo.
IA, con control
Usamos la IA para potenciar nuestros desarrollos y la integramos en las apps cuando el proyecto lo requiere, pero con precaución ante el vibe coding: requiere una base de conocimiento y no se puede usar sin control.
La seguridad, un requisito indispensable
Cuando la app es un SaaS o trata datos privados, la seguridad no es opcional y sin conocimientos sólidos no es posible detectar los errores que la comprometen. Así protegemos los datos personales.
El código es del cliente
El código fuente y la propiedad intelectual de la app pertenecen al cliente, sin licencias ni dependencias tecnológicas que le aten a nosotros. Solo nos reservamos el uso de los componentes genéricos, de tipo biblioteca, que no forman parte del núcleo del proyecto.
Mantenimiento y evolución
Mantenimiento correctivo y evolutivo, para adaptar la app a las nuevas versiones de iOS y Android y a las nuevas necesidades del proyecto.
Preguntas frecuentes sobre el desarrollo de apps móviles
¿Quién publica la app en App Store y Google Play?
¿Desarrolláis apps nativas en Swift o Kotlin?
¿Podemos convertir nuestra aplicación web en una app?
¿Cuánto cuesta desarrollar una app?
¿Qué app necesita tu empresa?
Analizaremos si encaja mejor una app híbrida nativa, una app web encapsulada o una aplicación web, y prepararemos un presupuesto personalizado.