Dimensional Data

For this new release of TMS WEB Core v1.9, we let us inspire by the extra-ordinary nature of the Italian place Sentina along the coast of the Adriatic sea. It is along this coast that in 1955 the famous Mille Miglia race was happening and that inspires the entire cycle of releases of TMS WEB Core. After the wonderful place Sirolo we chose for v1.8, we believe Sentina is equally beautiful.  TMS WEB Core v1.9 Miletus highlights As many TMS WEB Core users know meanwhile, it also brings cross platform development based on web technology via the Miletus technology. That means that you can create from TMS WEB Core a desktop cross platform application that will have a GUI built with HTML5/CSS3 and can be deployed as single EXE executable on Windows, macOS and Linux. In the area of Miletus, the two highlights for TMS WEB Core v1.9 are that from now on we support macOS ARM based CPUs as well as Raspberry Pi OS desktop apps.     So, from your favorite Delphi IDE, you can create a Miletus executable and do XCOPY deployment to your Apple device (with M1 CPU or Intel CPU) as well as to your Raspberry Pi device. The interesting part for Raspberry Pi is that there are also new components to let you take advantage of the hardware extensions connected to your Raspberry Pi via i²c, SPI, UART or GPIO.See for yourself in this video from colleague & evangelist Dr. Holger Flick: or read all the details about it in this blog.  TMS WEB Core v1.9 framework highlights Of course, TMS WEB Core v1.9 means much more than adding these two new Miletus targets. Also on the framework side we did numerous improvements and brought several new features. New Bootstrap 5 project typeOne of the immediately noticeable new features is the new Bootstrap 5 enabled web client application template. From the Delphi IDE, simply select this type and the IDE will create for you a ready to use Bootstrap 5 enabled app, including the deployment of the minimum Bootstrap JavaScript and CSS file. When you drop components on the forms in the Bootstrap 5 project, these components will be initialized with class settings to match preferred Bootstrap 5 CSS classes. We think this will help you gain more productivity than ever. Other new features New : TWebEdit.SpellCheck property added New : TWebHttpRequest GetSize() method & OnProgress event added New : TWebMainMenu & TWebPopupMenu: Menu Item Hint displayed when hovering New : WEBLib.Diagnostics unit added with TStopWatch record New : Runtime form creation demo added New : Published Title,Text,URL properties for TWebShare + Execute function New : ShowPicture, FontHoverColor, DragColor property added for TWebFileUpload New : Demo for Google Recaptcha added   Other than this, there are under the hood numerous component, RTL, library and compiler enhancements that will improve your day to day development job for creating web client applications with TMS WEB Core. Get started! If your customers ask for apps without deployment complexities, that are always up to date, that can be installed from mobile devices without the friction of app-stores and that can take advantage of a rich availability of modern & nice-looking GUIs made with HTML5 and CSS3 on any device with a modern browser, … dive into the world of TMS […]

A new week and a new milestone with the TMS team. We have released today a major update for TMS WEB Core for Visual Studio Code.The big new feature in this new release is that from now on, there is support for frames in TMS WEB Core for Visual Studio Code. This not only brings the compatibility between TMS WEB Core for Delphi & TMS WEB Core for Visual Studio Code to a higher level, but of course brings the advantages of using frames to your web client development experience on TMS WEB Core for Visual Studio Code running on Windows, macOS and Linux. Frames support With frames, you can significantly enhance your productivity for creating web client applications. Frames not only reduce repeating the same form logic within a project but can also be shared among different projects. Our chief architect for TMS WEB Core for Visual Studio Code José Leon Serna explains how you can work with frames from TMS WEB Core for Visual Studio Code in detail in this video: Framework improvements Other than frames support, the TMS WEB Core framework also got numerous new features andimprovements. The list is long, we cover in this blog only the major new features: New: Support for annotations & chart area optionsn in TWebGoogleChart New: ColAlignments[] public property for TWebStringGrid and TWebDBGrid New: GetSize() function and OnProgress() event added in TWebHttpRequest New: TStopWatch class in WEBLib.Diagnostics unit added New: Hints for menu items in TWebMainMenu, TWebPopupMenu New: Properties to set Title, Text, URL at design-time for TWebShare New: More design-time customizations for TWebFileUpload like ShowPicture, FontHoverColor, DragColor Improved: Enhanced Bootstrap 5 compatibility Lots of smaller improvements & fixes Get started TMS WEB Core for Visual Studio Code brings a fresh touch to the experience of developing Object Pascal based web client applications with RAD component-based methodology. It adds to that a WYSIWYG web technology-based form designer, can run directly on the operating system of your choice (Windows, macOS or Linux) and it is the IDE of choice for web developers withan abundance of other useful IDE extensions targeted to make the web client development experience as pleasant as possible.Get Visual Studio Code for free from and install the TMS WEB Core for Visual Studio Code extension today and explore this wonderful new world. What’s next Several exciting new features are meanwhile also well advanced in the pipeline. Expect shortly the release v1.9 with support for inherited forms, Bootstrap project template and Miletus targeting macOS ARM CPUs as well as Raspberry Pi among the highlights. So, stay tuned!

Intro On top of high DPI support at run-time, RAD Studio 11 Alexandria adds support for high DPI at design-time. This means applications/components will need to be modified to live up to this new requirement. This is a tedious job, but nevertheless, one that can be made easier when picking the right tools and libraries. High DPI has been around for quite some time now, impacting the way controls are designed. An important aspect when designing controls is image resources. Typically 16×16 or 24×24 PNG resources are used for non high DPI applications, when running your application on a high DPI screen however (for example at 150%), those sizes are too small. We would need to make sure that each resolution has its image resources available and also dynamically switches between those resources when the scale changes. To take away the need for adding multiple image resources for every possible scale, we designed and integrated SVG into our products and automatically made it available to you.  What is SVG? SVG stands for Scalable Vector Graphics, an XML based graphic format completely built up from vectors. This basically means that an SVG file can be used without quality loss. Coming back to our requirements for high DPI, SVG fits in really nicely. No more numerous image resources for different screen resolutions. Designing various elements of your application based on SVG drastically reduces the time you need to make sure your application looks and feels nice on all various screen resolutions.  SVG also allows you to maintain only one resource. If your application is using one resource for multiple elements, for various sizes, changing only that single resource is sufficient to update your application, not having to worry about the behaviour and look and feel of that resource in all those different situations. In practice SVG support is available when installing one of the following 2 products. After starting the IDE, SVG is already available. This is not only registered for our products, but also available in default VCL controls. We start by adding VCL.TMSFNCTypes or AdvTypes unit (depending on the installed product). The unit will register the SVG type at runtime. At designtime, the package already registers SVG support. For this sample, we take 2 TButtons, one with a PNG and one with an SVG image resource. We drop a TVirtualImageList and a TTMSFNCSVGImageCollection on the form. The TTMSFNCSVGImageCollection can be used to add both image resources. After feeding the TTMSFNCSVGImageCollection to the TVirtualImageList, we are ready to connect our buttons. After connecting everything together, filling up the TVirtualImageList, the buttons look similar, because the resolution of the PNG is 24×24 and no scaling is applied.  TVirtualImageList has the option to scale images, so when we change the resolution from 28×28 to 128×128 making our buttons larger, we see the quality of the PNG is no longer good. The resolution of the SVG however, nicely scales to the new requested size. For PNG, this means we would need to create a TVirtualImageList for different resolutions, managing each list, detecting which scale is applied and applying the correct TVirtualImageList. While the SVG stays nice and sharp, and only one TVirtualImageList is required independent of the initial resolution, or the resolution of the screen. Additionally, using SVGs also immediately provides a clean and […]

We’re pleased and proud that after numerous months of hard work, we have reached the milestone of the first TMS FNC WX Pack release! A brand new product TMS FNC WX Pack is a brand new product in the FNC family, that is the family of our universal components or in other words, components you can choose to use in VCL applications, FireMonkey cross-platform applications, LCL Lazarus applications or TMS WEB Core based web, PWA and cross platform desktop applications. TMS FNC WX Pack is available as standalone product and as expected, it is also part of TMS ALL-ACCESS and TMS FNC Component Studio. What is WX Pack? With TMS FNC WX Pack, you can leverage existing web libraries in VCL Windows applications, FMX cross-platform applications for Windows, macOS, iOS, Android & Linux, or TMS WEB Core Web applications for any device running a modern browser. The integration is seamless and in almost all cases the functionality is offline usable as components from your Delphi or C++Builder applications. No extra files need to be deployed along with your applications, the components are designed in such a way they look, feel, behave just like other framework components. What components are included? At this moment there are following components included: TTMSFNCWXBarCode Bar code generating component with close to hundred bar code types and extensive customization TTMSFNCWXQRCode QR code generating component with several settings  TTMSFNCWXGHTMLMemo Editor component to edit HTML formatted text, including support for tables, hyperlinks, images, styles, undo/redo, … TTMSFNCWXCamera Access your device cameras and take pictures or record videos TTMSFNCWXPDFViewer Add the capability to render PDF files in your application, page by page and with optional thumbnails TTMSFNCWXVideoPlayer Play videos from local files or from URLs directly in your application TTMSFNCWXJSONFormatter Show JSON data in pretty format in your application TTMSFNCWXSpeechSynthesis Have text spoken with different voices directly from your app. TTMSFNCWXOCR Add an OCR engine to your Object Pascal app. Feed the OCR engine with an image with text and have the text extracted. Includes support for different languages. Returns in the result an accuracy score for the OCR process. Read our first announcement blog for more detailed information but here in this blog we also have two new videos showing and explaining several components in the TMS FNC WX Pack: Curious? If you are curious to see what is possible and how without immediately heading over to the fully functional trial download and experiment with the components, you can also follow our webinar we gave on TMS Web Academy: What’s next This release is only the first small step in this new direction. This new technique offers unseen capabilities to bring non-trivial functionality and new technology to Delphi developers. Several more such functionality that is not readily available at this moment for Delphi developers is on the radar to bring to Delphi developers. So, expect our team to bring new components over the coming months in this category. Our team is also listening to your suggestions and ideas for other functionality to leverage this way and in addition, we will bring more detailed information how you can use the FNC bridging technology yourself to wrap & expose existing web libraries as components in your Delphi apps.

TMS FNC Maps v2.2 now includes a new free geocoding service in addition to the existing supported geocoding services from Azure, Bing, Google, Here and MapBox. OpenStreetMap Nominatim The OpenStreetMap Nominatim API service provides geocoding and reverse geocoding free of charge and does not require an API key. This service can be used in combination with all supported mapping services in TMS FNC Maps. Specifically in combination with the OpenLayers mapping service this is a worthwhile free alternative to comparable paying services. Geocoding A geocoding request converts a text address to a latitude & longitude coordinate. The coordinate can then be used to display a location on the map. With the following code we are going to look up the location of “Baker Street, London” and display it on the center of the map with a marker and a title that contains the address.Note that this example uses the asynchronous method with a callback. procedure TForm1.Button1Click(Sender: TObject); var Item: TTMSFNCGeocodingItem; begin TMSFNCGeocoding1.Service := gsOpenStreetMap; TMSFNCGeocoding1.GetGeocoding(‘Baker Street, London’, procedure(const ARequest: TTMSFNCGeocodingRequest; const ARequestResult: TTMSFNCCloudBaseRequestResult) begin if (ARequestResult.Success) and (ARequest.Items.Count > 0) then begin Item := ARequest.Items[0]; TMSFNCMaps1.BeginUpdate; TMSFNCMaps1.SetCenterCoordinate(Item.Coordinate.ToRec); TMSFNCMaps1.AddMarker(Item.Coordinate.ToRec, Item.Address); TMSFNCMaps1.EndUpdate; end; end ); end; Reverse Geocoding A reverse geocoding request converts a latitude & longitude coordinate to a text address. The text address can then be used to display an address associated with a location on the map. With the following code we are going to track a click on the map, retrieve the address for that location and display it on the map with a marker and a title that contains the address Note that this example uses the synchronous method that provides an immediate result without a callback. procedure TForm1.TMSFNCMaps1MapClick(Sender: TObject; AEventData: TTMSFNCMapsEventData); var Address: string; begin TMSFNCGeocoding1.Service := gsOpenStreetMap; Address := TMSFNCGeocoding1.GetReverseGeocodingSync(AEventData.Coordinate.ToRec); TMSFNCMaps1.BeginUpdate; TMSFNCMaps1.SetCenterCoordinate(AEventData.Coordinate.ToRec); TMSFNCMaps1.AddMarker(AEventData.Coordinate.ToRec, Address); TMSFNCMaps1.EndUpdate; end; Available Now The TMS FNC Maps v2.2 update is available now for Delphi & Visual Studio Code (with TMS WEB Core). You can download the latest version and start using the new features right away!