La versión Claris FileMaker 19 incluye una de las funciones más solicitadas en la comunidad de Claris: la capacidad de incrustar JavaScript directamente en las apps personalizadas.
Ahora puede utilizar los paquetes de las bibliotecas JavaScript disponibles o su propio código personalizado para modernizar sus apps con la visualización de datos, mapas, calendarios y mucho más.
Le presentamos cinco bibliotecas JavaScript útiles que puede utilizar para mejorar sus apps.
1. Kendo UI: mejore la interfaz de usuario
¿Cuándo fue la última vez que actualizó su app pensando en la interfaz de usuario (IU) o incluso en la experiencia general del usuario (UX)? Aunque pasamos mucho tiempo planificando cómo pueden llevar a cabo los usuarios tareas funcionales con la app, a menudo no damos importancia a la IU con el paso del tiempo. Es fácil implementar cambios de diseño sencillos con JavaScript.
Añada con facilidad componentes de IU avanzados en sus diseños o aproveche la amplia biblioteca deKendo UI. Puede añadir rápidamente funciones a su app integrando sencillos componentes React configurables con tablas de cuadrícula de datos avanzada, gráficos, hojas de cálculo, programadores y muchos más.
Esto le permite diseñar una IU atractiva para el usuario final, así como mejorar la presentación y la interactividad con la app.
2. Quill: añada un editor de texto enriquecido
Si ha rellenado una encuesta de opinión en línea, ha utilizado una ventana de chat o ha comentado una publicación, es probable que estuviese utilizando algún tipo de editor de texto. De hecho, la mayoría de las aplicaciones web actuales incluyen un editor de texto enriquecido en su diseño. Los editores de texto enriquecido ofrecen una interfaz para editar texto enriquecido o permitir a los usuarios cargar imágenes, enlaces, audio e incluso vídeo.
Por ejemplo, un radiólogo podría enviar un informe de texto sobre la fractura de hueso de su paciente y cargar una imagen de rayos X en la app.
Si desea incorporar de forma sencilla un editor de texto enriquecido en la app, pruebe Quill. Quill es un editor WYSIWYG gratuito y de código abierto creado para el entorno web moderno. Se puede personalizar por completo en función de las necesidades.Empresas como Slack, LinkedIn y Salesforce utilizan Quill en la mayoría de sus productos para usuarios.
3. FullCalendar: mejore la app con un calendario personalizado
Casi todos los negocios pueden utilizar un calendario en sus apps para usuarios o apps internas. Desde permitir a los clientes elegir una fecha y hora específicas para una cita hasta registrar eventos, hacer un seguimiento de la logística o mostrar tareas con plazos, las funciones que ofrece un calendario lo convierten en un elemento fundamental en la IU de una app.
Los componentes de calendario JavaScript son esenciales en la mayoría de las apps modernas e incluso pueden suponer una gran oportunidad para actualizar al instante la IU del calendario en su app existente o añadir nuevas funciones.
Gracias a sus diseños y funciones atractivas, las bibliotecas JavaScript de código abierto como FullCalendar ofrecen ventajas de forma sencilla. Puede elegir entre más de 100 configuraciones personalizables de un calendario a tamaño completo que ofrece funciones y personalizaciones sencillas basadas en el sistema de arrastrar y soltar para hacer que su IU sea aún más atractiva.
4. React Gantt: añada diagramas de Gantt para la gestión de proyectos
Los diagramas de Gantt muestran la hoja de ruta y los plazos de un proyecto para obtener transparencia en la organización. A la hora de mejorar la comunicación, predecir la evolución de los proyectos o hacer un seguimiento de los resultados, el diagrama de Gantt proporciona una serie de ventajas. Hace que sea sencillo para el usuario programar tareas, añadir dependencias y proporcionar una representación visual de los planes del proyecto
Tradicionalmente, la desventaja de los diagramas de Gantt ha sido que eran difíciles de preparar y gestionar, pero eso ha cambiado de forma considerable en los últimos años.
BryntumGantt ofrece una biblioteca repleta de funciones adecuadas y una cuidada experiencia de usuario. Puede incluso representar los elementos de la línea temporal con su propia plantilla personalizada. Las rutas fundamentales, la exportación en PDF, la importación de documentos, la asignación de recursos, las limitaciones y muchas otras funciones están al alcance de su mano con solo copiar y pegar código.
5. Toast UI: incorpore un editor de imágenes
Puede que se pregunte por qué podría necesitar un editor de imágenes en su app personalizada pero, sorprendentemente, los editores de imágenes son elementos esenciales para instituciones profesionales como bancos, escuelas y organizaciones sanitarias.
Retomemos el ejemplo del radiólogo que carga la imagen de rayos X de un paciente a través de la app personalizada. La app establece una conexión segura con el sistema de información sobre pacientes del hospital a través de Claris Connect. Como podrá imaginar, el archivo de la imagen de rayos X es bastante grande en su formato de origen, por lo que es posible que el radiólogo deba recortar la imagen y ampliar el área de la fractura para obtener una vista más precisa de la zona dañada.
Las bibliotecas JavaScript de código abierto con editores de imágenes completos comoToast UI ofrecen un conjunto de funciones útiles y fáciles de usar. Estas permiten la manipulación básica de imágenes, como el recorte, la rotación, el volteo, la adición de filtros y muchas otras funciones.
Pues ahí lo tiene. Hemos elegido cuidadosamente cinco de las bibliotecas JavaScript de código abierto más útiles. Existen miles de opciones gratuitas y de pago para mejorar sus apps personalizadas. Esperamos haberle animado a utilizar alguno de estos maravillosos componentes, o todos ellos.
Su app personalizada, creada con Claris FileMaker 19, puede ahora crecer y evolucionar sin límites. La última versión también incluye funciones de Core ML, Atajos de Siri con inteligencia artificial, etiquetas NFC (transmisión de datos en proximidad) y muchas más características.
¿Desea mejorar su app personalizada o crear una nueva? Descargue una prueba gratuita y empiece a explorar.