The Harbour Master (HBM) overview reports provides live reports about expected vessels, arrival and departures. Using the HBM plug-ins these reports can be easily integrated on your public web site, or other web sites.
The reports can be integrated in 2 ways
- HTML plugins. Requires some technical skills. Gives you full control over the look and feel of the report. Provides the means for a seamless integration.
- IFrame plugins. Copy, Paste & Go. Extremely simple to use. No control over the styling.
The listings below and in the sample pages are live listing from our UK demo harbour.
Behind each vessel in the reports, there is an image
with a link to https://www.myport.link, which provides live information and services related to the harbour. The link is only enabled, if the harbour has activated it.
HTML plug-ins
The Harbour Master (HBM) HTML plugins provides simple integration of HBM's overview reports in any, public web site.
Pull the HTML directly from the HBM server, and shape the look to make it fit into your existing page.
The integration gives the target site, full control over the look and feel of the plugins, using CSS. Technical knowledge, such as updating server files and editing CSS, is needed to complete the integration. With sufficient knowledge, be up and running in minutes.
Data loading should be done using a server side language, such as PHP. This avoids exposure of the static access token and server URL..
You will need
- Publication data URLs from HBM
- Web server access
- Server side script language, e.g. PHP
echo file_get_contents('https://m4.hbm.today/hbm-latest_arrivals.php?TOKEN=6bd6651a5ea0e3fd50082ea79c18c4f6&user=pubdemo');
You need to replace the URL with your own.
See Harbour Master (HBM) - HTML-plugins for more.
Developer tip: Handle web-server downtime
IFrame plug-ins
With the IFrame plugin, all you have to to is to copy and paste the HTML, alter the URL and use the report. Up and running in no time. The drawback is that the report always uses the default styling, and you cannot change it.
<iframe name="Latest Arrivals" width="550px" height="350px" frameborder="0" src="https://m4.hbm.today/hbm-latest_arrivals.php?css=y&TOKEN=d6f61d64ee7e2a77ca1d5db5202c6bc1&user=pubdemo"> </iframe>
You need to replace the URL with your own.
See Harbour Master (HBM) - IFrame-plugins for more.
