O Claris FileMaker 19 inclui um dos recursos mais solicitados pela Claris Community - a capacidade de integrar JavaScript diretamente no seu app personalizado!
Agora você pode usar pacotes de bibliotecas JavaScript prontamente disponíveis ou seu próprio código personalizado para modernizar seus apps com visualização de dados, mapas, calendários e mais.
Aqui estão 5 bibliotecas JavaScript úteis para você aprimorar seus apps.
1. Kendo UI: aprimore sua interface de usuário
Qual foi a última vez que você atualizou seu app com foco na interface do usuário (UI) ou até mesmo na experiência do usuário (UX)? Você pode ter dedicado bastante tempo planejando como os usuários podem realizar tarefas funcionais com o seu app, mas com o passar do tempo é fácil esquecer a UI. Alterações simples no design podem ser feitas facilmente com JavaScript.
Adicione componentes avançados de UI aos seus designs atuais facilmente ou aproveite a biblioteca completa da Kendo UI. Você pode adicionar funcionalidade ao seu app facilmente integrando componentes React, simples de serem configurados, com dados avançados como tabelas de grade, gráficos, planilhas, agendas e muito mais.
Isso permite que você faça uma UI envolvente para o seu usuário final, melhorando a apresentação e a interatividade do seu app.
2. Quill: adicione um editor de rich text
Quando você participa de uma pesquisa de feedback online, usa uma janela de bate-papo ou comenta em um post, você provavelmente estava usando algum tipo de editor de texto. Na verdade, atualmente a maioria dos aplicativos de web inclui algum editor de texto no design. Editores de rich text oferecem uma interface para editar para editar textos Rich Text ou permitir que os usuários façam upload de imagens, links, áudio e até vídeo.
Por exemplo: um radiologista poderia enviar um relatório em texto da fratura do paciente e fazer upload de uma imagem visual do raio-x para o app.
Se você quiser incorporar um editor de rich text ao seu app, visite Quill. Quill é um editor gratuito, com código aberto, WYSIWYG, desenvolvido para a web moderna. Personalize-o completamente para qualquer necessidade.Empresas como Slack, LinkedIn e Salesforce adotaram o Quill na maior parte de seus produtos voltados para o usuário.
3. FullCalendar: aprimore a UI com um calendário personalizado
Quase todos os negócios precisam de um calendário em seus apps internos ou voltados para o usuário. Calendários são elementos essenciais na UI de um app para permitir que os clientes escolham um dia e horário específicos para compromissos, inserir eventos, rastrear logística ou exibir tarefas urgentes.
Os componentes de calendário de JavaScript são essenciais na maioria dos apps modernos e podem oferecer uma ótima oportunidade para você atualizar imediatamente a UI do calendário existente no seu app ou adicionar novos recursos.
Com layouts e funções interessantes, bibliotecas de JavaScript com código aberto, como o FullCalendar oferecem uma vantagem fácil. Você pode escolher entre mais de 100 configurações personalizáveis em um calendário grande que oferece recursos de arrastar e soltar e personalizações para deixar a sua UI ainda mais atraente.
4. React Gantt: adicione gráficos Gantt para gerenciamento de projeto
Gráficos Gantt exibem roteiros e linhas do tempo para clareza organizacional. Quando se trata de aprimoramentos de comunicação, previsões de projetos ou acompanhamento de resultados, gráficos Gantt oferecem diversos benefícios. Eles tornam fácil para o usuário agendar tarefas, acrescentar dependências e criam uma representação visual de planos de projetos.
Historicamente, a desvantagem de gráficos Gantt é que eles eram complexos de serem preparados e gerenciados, mas isso mudou muito nos últimos anos.
BryntumGantt fornece uma biblioteca com todos os recursos certos e uma ótima experiência de usuário. Você pode até mesmo apresentar elementos da linha do tempo com o seu próprio modelo personalizado. Caminhos fundamentais, exportação de PDFs, importação de documentos, atribuição de recursos, restrições e diversos outros recursos à sua disposição copiando e colando algum código.
5. Toast UI: incorpore um editor de imagem
Você pode estar pensando “Por que eu precisaria de um editor de imagem no meu app personalizado?” mas surpreendentemente, editores de imagens são recursos fundamentais para instituições profissionais como bancos, escolas e empresas de saúde.
Vamos voltar ao exemplo do radiologista fazendo o upload do raio-x de um paciente através de um app personalizado. O app faz o link, com segurança, com as informações do paciente no sistema do hospital através do Claris Connect. Como você pode imaginar, o arquivo do raio-x é bem grande em sua forma nativa, portanto o radiologista pode querer cortar a imagem e dar um zoom na área fraturada para obter uma melhor visualização da área danificada.
Bibliotecas JavaScript com código aberto com editores completos de imagem de fotos como o Toast UI fornecem um conjunto de recursos importantes, fáceis de usar. Ele permite da manipulação básica de imagem, como cortar, girar, inverter, adicionar filtros e mais.
E pronto! Nós escolhemos 5 das mais úteis bibliotecas de JavaScript com código aberto. Existem milhares de opções gratuitas e pagas para aprimorar seus apps personalizados existentes. Esperamos que você fique animado em usar alguns ou todos esses componentes incríveis.
Seu app personalizado, feito no Claris FileMaker 19, agora pode evoluir e crescer infinitamente. A versão mais recente também tem funções de Core ML, atalhos para Siri e IA, etiquetas NFC (near field communication) e mais.
Quer aprimorar seu app personalizado ou fazer um novo? Faça o download de uma avaliação gratuita e comece a explorar!