Dynamic SVG Interaction

When you attempt to translate human interaction from the real world into a database, that translation isn’t always the most ideal.

Within a database, you’re storing data within rows and columns and the real world isn’t always laid out so neatly. This is where using an image or graphic fills the gap and shortens that bridge of understanding for the user.

A good example would be a dental office and scheduling appointments within 2 hour blocks of time throughout the day. The office has a physical layout and a fixed number of stations. True, your standard calendaring application can take care of this, however, the person interacting with that data has to interpret it and translate it into understanding which relates to the physical world in which they are interacting with the chairs and equipment. What if certain procedures require certain facilities - as they most often do?

The ideal solution then, in many cases, is to allow a person to interact with that data in the most visually accurate way - with an image or graphic. The problem is, people move things around. But, what if this process can be accomplished super easily - why not go for the image?

In this video, I showcase how you can easily take the output of a standard SVG graphic and provide a level of interaction which allows for solving a lot of real-world data translation issues. If you like making “easy-to-use” solutions, then make sure and add this knowledge to your FileMaker tool belt!

AttachmentSize
DynamicSVGInteraction.zip293.42 KB

Comments

Matt, Hi. Could you please tell me the name of the app (bar) that you make all calculation (Division, subtraction etc on the fly) the one you used to calculated the ratio. Thank you. Arturo.

Sample file provides error code that "Your Access Privileges Do Not Allow You to Perform This Action" when trying to reserve a room.
Admin Full Access is user level. ???

Since the time this technique was released FileMaker has increased their security settings. For the given privilege set you need to enable URLs to be able to execute scripts. I forget which version added this setting.

Allow URLs to perform FileMaker scripts (fmurlscript)

If you are using FileMaker 19 or higher then there is yet an additional setting on each web viewer where urls (which can trigger scripts) can be used. The following setting may need to be set.

Allow JavaScript to perform FileMaker scripts.

There may also be various enhancements which could be made via JavaScript. But the concept of working with SVGs within a web viewer is still viable.

-- Matt Petrowsky - ISO FileMaker Magazine Editor