This is an old revision of the document!
Tabulum
The spiritual successor to KioskWatch. Serves as the (Cr Edge-based) client for web kiosks and web-based tracking boards.
| Application name: | Tabulum |
|---|---|
| Current version: | 1.5 |
| Platform: | Windows executable |
| Use: | Client for web kiosks and web-based tracking boards. |
| App owner: | Michael Bowers |
| App owner team: | Client Management |
| Primary area: | Kiosks and tracking boards |
| Developer: | Michael Bowers |
| Website for this software: | You're looking at it. |
| Support link for this software: | Ditto. |
| Path to package: | \\imagecast\msi$\T\Tabulum |
| Packager: | Michael Bowers |
Information about Tabulum
In the Before Times™ (as I like to call them), we used KioskWatch, which handled web-based kiosks and tracking boards by automating Internet Explorer. However, since IE has been end-of-lifed we had to have a new solution.
After experimenting endlessly with controlling Chrome or Edge with the DevTools protocol, automation with Selenium 3 and 4, and interacting with debug configurations of the browser I ended up writing an application that embeds Microsoft Edge WebView2. It controls that as a single full-screen browser that can be kept on-task and even allow for some automation.
IE Mode is available, right? And favorites? And extensions?
No. IE Mode is not supported in MS Edge WebView2. Neither are favorites, or extensions, or a few other features.
Only kiosks and tracking boards are supported
Since these are meant for kiosks and tracking boards only a single browser window is supported. If a page calls for a second page to open then it is intercepted and opened in the current browser window.
If a page opens two windows at once… well… that's not suitable for kiosks or tracking boards. The result is open to radical interpretation.
Why is there no screenshot on this page?
There is no screenshot because, well, don't you know what a web page looks like? Imagine it full-screen. Well, that's Tabulum in a nutshell.
What's with the name?
Tabulum is Latin for tablet, table, or a collection of ordered figures. Since that sounds pretty much like what a kiosk or a tracking board is, I decided to run with it. The only regret is that it's pretty close to “Tableau”.
Development information
Tabulum was written with Lazarus 2.2.2 and compiled with Free Pascal 3.2.2. The WebView2 components for Lazarus are an open source package available for Delphi and Lazarus.
I picked Lazarus because I didn't have time to go through the motions of getting a new version of Delphi that had WebView2 components available because the time was short until this was being deployed, so I went with something I could write code in and not have to wait on purchase orders.
Changes will be necessary
Tabulum, being a new product, will require changes over time. If we can't do something with it now, it doesn't mean we can't do something with it, it might just need more development to handle certain cases. Please allow lead time for your project.
Configuration instructions
First, note that Tabulum is compiled for 64-bit Windows only and only functions on Windows 10 or newer. The former is to encourage people to stop using 32-bit images and the latter is because of requirements for WebView2 components.
Configuration file
The application's configuration is stored in a file called Tabulum.ini. If a path is specified on the command line when the program is started, it will look for that file as the configuration file. If that is not found, it will then check the program's directory (normally C:\Program Files\MHHS\Tabulum), and if not there it will check the common app data folder for the application (normally C:\ProgramData\MHHS\Tabulum). If it cannot find the configuration file it will exit after not being able to load configuration information.
There are a number of sections in the configuration file:
[Configuration]holds the information about program behavior, logging, timers and timeouts, etc.[AllowedDomains]defines Perl-compatible regular expressions (PCRE) that determine what URLs are allowed to be browsed. These should be broad but specific.[AdminGroups]defines users who are considered administrators and may close the program or do other administrative functions.[Authentication]is a listing of sections that are added that has authentication groups for the program. They may be named any non-reserved section name and hold the information to authenticate to whatever site the user is trying to access.- A section for each authentication group. They are broken into two types, basic auth (the classic popup asking for a user name and password for the associated realm) and application auth (where an application has its own login and needs information to support login).
[Configuration] section
The [Configuration] section defines numerous parameters of the program. Most have a default value.
| Name | Type | Description | Default |
|---|---|---|---|
| Homepage | String | The initial homepage that the program opens. This URL must be valid as per [AllowedDomains]]. | https://google.com |
| UserAgent | String | The user agent string sent by the browser to the remote server. See the section on UserAgent below. | Tabulum vXXX (Windows x64) where XXX is the current program version |
| WebView2EnvironmentOptions | String | Command line Edge configuration options to pass to WebView2. Generally nothing is required here. Also, note that any changes to this option require a restart of the program to take effect. | none |
| AllowContextMenu | Boolean | When set to false the browser context menus on right click are disabled. | False |
| AllowDevTools | Boolean | When set to false the user cannot hit F12 to open the Chromium DevTools. | False |
| AllowDiagKeys | Boolean | When enabled ALT key combinations will show a dialog to display the associated keycode. This is for debugging and development purposes and should only be set by the developer. | False |
| AllowExternalDrop | Boolean | When enabled external drag and drop is enabled in the browser. This should typically be left to the default. | False |
| AllowFind | Boolean | When enabled the default find dialog keyboard combinations are intercepted and disabled. | False |
| AllowNavKeys | Boolean | When enabled the keyboard navigation key combinations (such as ALT-LEFT for back, or ALT-RIGHT for forward) are enabled. | False |
| AllowShowPageSource | Boolean | When enabled the user may show the page source through normal methods. | False |
| AllowPrintDialog | Boolean | When enabled the user may summon the print dialog via hotkey. (Note that if there is a print button or link on the page, that is not intercepted and the print functionality will occur!) | False |
| AllowStatusBar | Boolean | When enabled the Chromium status bar is enabled at the bottom for links and navigation. | False |
| AllowToggleCaret | Boolean | When enabled the user is allowed to toggle caret browsing. | False |
| AllowTouchControls | Boolean | When enabled the touch control options for Edge are enabled. | False |
| AllowZoom | Boolean | When enabled the zoom controls are enabled. | False |
| AutoSavePassword | Boolean | When enabled auto-saving of passwords is enabled. I can think of no real reason why this should be enabled for kiosks or tracking boards. | False |
| ClearCacheOnClose | Boolean | When enabled the browser cache is cleared upon closing of WebView2. | True |
| ClearCookiesOnClose | Boolean | When enabled the cookies are deleted upon closing of WebView2. | True |
| DelProfileOnClose | Boolean | When enabled the entirety of the browser profile is deleted upon close. | True |
| DetailedLog | Boolean | When enabled more verbose logging and extra detail entries are made to the event log. | True |
| IdleTime | Integer | The maximum amount of time in seconds the browser is allowed to remain open before it is completely destroyed and rebuilt (in case of memory leaks in the web app, etc) and logging in again as a fresh user. This should be set to a fairly high value to prevent a lot of excess utilization (at least a half hour, or 1800, although it depends on the performance of every application). Note that after this is triggered some tiny mouse movement is triggered to reset the GetLastInputInfo() API. | 120 |
| IgnoreCertErrors | Boolean | When enabled the browser will ignore certificate errors like expired certificates or some classes of naming errors. | False |
| IsUrlAllowedDefault | Boolean | When enabled and no domains are listed under AllowedDomains then any URL is allowed by default. | False |
| MakeTopmost | Boolean | When enabled the browser form will set itself topmost if another form is drawn on top of it. | True |
| NavBarHttpsDefault | Boolean | When enabled and a user enters a URL on in the controls area without a scheme attached, it will make it HTTPS by default rather than HTTP. | False |
| PrivateBrowsing | Boolean | When enabled the browser is placed into private (“incognito”) browsing mode. In practice, I have not seen a difference with this setting, but it's here regardless. | False |
| ShowAbout | Boolean | When enabled the browser “about” dialog is available, that shows some information about the program and the Edge WebView2 version enabled. | True |
| ShowControls | Boolean | When enabled a simplified cluster of typical browser controls are displayed at the top of the browser form, including forward, back, and home buttons, a URL bar and a small menu of options. | False |
| ShowDialogOnNavBlocked | Boolean | When enabled and navigation to a page is blocked because it is does not match anything under [AllowedDomains] the program will display a dialog telling the user that the page was blocked (which times out after a few seconds). If it is not set then the navigation event does not happen and is quietly logged. | False |
| ShowReloadConfig | Boolean | When enabled an option to reload the configuration file displayed. If edits are made to the config file and then the options are reloaded, every new option takes effect immediately (with the exception of WebView2EnvironmentOptions). | True |
| IgnoreScreenSaver | Boolean | When enabled the application tries to set itself topmost even if the screen saver is running. This can cause considerable CPU utilization and log events so consider with care. Typically, this should never need to be enabled. | False |
| LogHttpResponseCode | Boolean | When enabled every response code from every browsing event is logged. This can cause a large number of events to be placed in the log. | False |
| LogHttpResponseHeaders | Boolean | When enabled every HTTP response header from every browsing event is logged. This can cause a huge number of events to be placed in the log. | False |
| LogMemoryInfo | Boolean | When enabled every SysInfoLogPeriod seconds the memory information about the device is saved to the event log. This can cause some log bloat if the number of seconds is small. | False |
| LogSystemCpuUtilization | Boolean | When enabled every SysInfoLogPeriod seconds the overall CPU utilization information about the device is saved to the event log. This can cause some log bloat if the number of seconds is small. | False |
| ReloadPeriod | Integer | The number of seconds between browser reloads; this should be set significantly lower than IdleTime or disabled completely if the value of IdleTime is very small. If the browser has been up this long, the page is refreshed automagically. Setting this value to zero turns it off. | 120 |
| SysInfoLogPeriod | Integer | The number of seconds between logging system info from LogMemoryInfo or LogSystemCpuUtilization. Set as needed, but if it's for general information it is recommended to set it at 30+ seconds. | 5 |
| TimerInterval | Integer | The number of seconds for the main application timer interval. This is for things like checking if idle has been met or the form not being the topmost form. Recommended times are between 3-15 seconds, but the default of 5 seconds should be good unless it causes the CPU utilization to become too high (which is unlikely). | 5 |
The format of UserAgent is special. Many web apps use the value of the user agent to determine what content and formatting to send to the client; without accurate information the application may not even function (looking at you, Airstrip One). Therefore, it may need to conform to what it expects MS Edge to send.
The string has two replacement values, ##EDGEVER## and ##CHROMEVER##. These will be populated by the version of MS Edge that WebView2 implements, and a genericized major version of the equivalent of Chrome (for instance, 103.0.1264.71 and 103.0.0.0 respectively).
It is highly recommended that the value of UserAgent be set to Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/##CHROMEVER## Safari/537.36 Edg/##EDGEVER## (on Windows 10, of course; for future versions of Windows YMMV).
[AllowedDomains] section
Allowed domains is a simple enumerated list of regular expressions that should match any and every URI that users should be allowed to browse to. Any entry that has a valid match will work.
This means that you can put something very narrow, but make sure you account for things like subdomains or other URL arguments that may be embedded. Alternately, you can put something very wide, but it may let extra information in (say, you put in a catch-all entry (.*), but then everything will match; or perhaps you just put a domain name, but then if the domain shows up in a URI argument then it will still match, despite not being a domain).
As an example:
[AllowedDomains] 0=https?://.*\.?memorialhermann\.org 1=ebay\.com
This configuration would allow for sites like:
http://memorialhermann.org https://memorialhermann.org https://somerandomsite.memorialhermann.org/somerandompage/junk.html https://ebay.com https://this.isnt.ebay.com.hacker.com http://malicioussite.com?fake=ebay.com
As you can see, the last two may not actually be something we want people to be able to go to… so we have to be careful about the PCREs we write.
[AdminGroups] section
Admin groups is a simple enumerated list of groups that are allowed to perform certain functions on the program (currently, only to close the program). List the groups that are allowed to do this. They may be local groups (e.g. Administrators), or domain grouns (ISD Desktop ES).
An example:
[AdminGroups] 0=Administrators ;The local administrators group 1=ISD Desktop ES ;The following are all domain groups, but the domain is not necessary 2=ISD Desktop FS 3=ISD Desktop SM
[Authentication] section
The authentication section specifies groups of settings that, taken together, handle the authentication to their particular site or page.
Each entry enumerates an authentication section, as described below. An example is in the next section.
Authentication group sections
Each authentication section holds the settings for one potential set of credentials for logging into a site.
The section headers are all of the format [Authentication_{NAME}], where {NAME} is the name given in the [Authentication]] section. For instance:
[Authentication] 0=LaunchICBMs 1=DoomsdayDevice
[Authentication_LaunchICBMs] ...
[Authentication_DoomsdayDevice] ...
There are two different ways the section can go, depending on the authentication type in question: basic or application authentication.
Basic authentication is the simpler traditional authentication built into the HTTP protocol. For this authentication, there are the following potential settings:
| Name | Type | Description | Default |
|---|---|---|---|
| AuthType | string | The authentication type, one of basic or b, both of which are equivalent. | none |
| AllowedPage | string (PCRE regex) | A regular expression defining the set of pages this authentication should be sent to | none |
| Username | string | The username for authentication | none |
| Password | string | The password for authentication | none |
| Encrypted | boolean | Are the username and password values encrypted | 0 |
If the settings are properly included, the log will reflect that they have been included as a valid basic authentication setup. When a page that meets AllowedPage calls for HTTP basic authentication it will use these credentials to log in.
Application authentication is meant to allow users to log into pages that have their own bespoke authentication built into the application. This one is markedly more complicated.
For this authentication, there are the following potential settings:
| Name | Type | Description | Default |
|---|---|---|---|
| AuthType | string | The authentication type, one of application, app or a, all of which are equivalent. | none |
| AllowedPage | string (PCRE regex) | A regular expression defining the set of pages this authentication should be sent to | none |
| Username | string | The username for authentication | none |
| Password | string | The password for authentication | none |
| Encrypted | boolean | Are the username and password values encrypted | 0 |
| InjectJS | string | If this value is set, then if the string is the path to a file that exists then that file will be loaded to memory and the contents will be executed as JavaScript on the AllowedPage target, otherwise this value is the text of the JavaScript to execute into the contents of the AllowedPage | none |
| TypeCreds | boolean | Should we type the credentials into the browser using “send keys” | 0 |
| CredString | string | The string to type into the browser to log into the application. | ##USERNAME##{tab}##PASSWORD##{tab}{space} |
If the settings are properly included, the log will reflect that they have been included as a valid application authentication setup. When a page that meets AllowedPage is visited, it will try to log in using the application authentication methodology.
The order of operations is that first if an InjectJS script has been loaded, it will be executed against the page. This is pretty arbitrary JavaScript; it can do things like read and modify the DOM of the page, change settings, etc. You might be able to log into the application only using JavaScript, or you may not. It basically depends on the application. After the JavaScript is executed, if TypeCreds is true then the CredString is sent to the browser. See the section below for information about CredString format.
Please note that if a page meets the criteria for your AllowedPage regardless if there is a login on the page or not, it will try to do the login procedures, effectively injecting and running JavaScript against the page and/or sending keystrokes to the page. You need to write the narrowest possible AllowedPage definition you can for application authentication.
For both types of authentication, encrypted credentials are base64 strings encypted with the Enc2Dec.exe program.
Regarding the format for CredString, the substitution to place the username is ##USERNAME##, and the substitution to place the password is ##PASSWORD##. Additionally, it supports the Visual Basic SendKeys command structure.
Testing instructions
Tabulum is pretty straightforward. To test that Tabulum is working properly, configure it to load your favorite internal site and make sure it's an allowed site as per the configuration. If it loads when you start Tabulum, everything must be good!
Logging
There is logging found in the Windows Event Log, under Event Viewer > Applications and Services Logs > MHHS using the source name Tabulum. You may need to filter the log to see just Tabulum entries as time goes by.
The extensiveness of the logging is defined by the setting DetailedLog (see [Configuration] section above).
If you have a problem, please look at the logs. The logs are important and can help you figure out what may be going wrong.
Installation summary
Installation of the app requires that MS Edge WebView2 components are installed from Microsoft.
Manual installation is not really necessary; there's a handy package that installs the files.
| Tabulum.exe | The application itself. |
|---|---|
| WebView2Loader.dll | The wrapper that loads the WebView2 components and initializes the objects. |
| EventMessages.dll | The Windows Event Log messages content. |
| EventCategories.dll | The Windows Event Log categories. |
| Tabulum.ini | The configuration file, described above. |
Place all these in a single directory, configure the program as above and run it. If properly configured, it should work fine. The user profile directory is made automagically.
Previous versions
This is the first public release of Tabulum.



