ADV004 - Web Viewer Integrations - Jeremy Brown

Document created by communitymanager on Jun 2, 2017Last modified by jbrown on Jul 25, 2017
Version 5Show Document
  • View in full screen mode

Jeremy Brown (Soliant Consulting)

Session Description

The web viewer object is an extremely versatile object that allows a developer to integrate deeper functionality into a custom app using the languages of the web, HTML/CSS and JavaScript.

 

In this session, you'll explore a standard way to integrate common web libraries, including setting up an integration in FileMaker, manipulating it, and gathering data using some of the new functions of FileMaker 16. Discover best practices that are used to make this as easy as possible to set up deeper functionality.

What you should know

Familiarity with scripting in FileMaker. Some web-language knowledge is useful, but not required.

Products & Technologies

  • Pro/Advanced
  • Go

Session Materials

The demo file is attached here, containing ten integrations. This will be used in the session. To download the full file, click here.

Web Viewer Related Resources:

     

NameURLNotes
Soliant Consulting Bloghttp://www.soliantconsulting.com/tag/web-integrationSoliant Consulting's collection of Web Viewer-related articles
W3 Schoolshttp://www.w3schools.com/The place to go to learn HTML/CSS/ JS. It explains well the elements of the web's languages and gives great examples.
A Complete List of CSS Properties and Valueshttps://www.w3schools.com/cssref/
jQueryhttp://jquery.com/The standard place to learn about jQuery
Hex Color Pickerhttp://www.w3schools.com/colors/colors_picker.aspA place to find the color values for any color.
I have this tab open all the time while doing work.
D3JShttps://d3js.org/A library used in many charting and data maps libraries.
The FMP Protocolhttp://www.twdesigns.com/fmp_url_protocol/var theURL = "fmp://$/**FileName**?script=**ScriptName**&param=";
window.location = theURL;
Adobe Colorhttps://color.adobe.com
CSS Button Generatorhttp://www.bestcssbuttongenerator.com/#/1

What You Will Learn

  • Best practices of web integrations into a custom app.
  • Implement integrations into their own custom apps.
  • How the fmp protocol and a library’s callback functions are used.
  • The basics of manipulating an integration to fit their own custom app.

Outcomes