For some developers, it may be necessary to design “generic” projects with their SCADA software that are not destined for just one specific device. The question of what resolution to use for these projects is especially important when designing “web-based” applications, where the engineer cannot control or predict the resolution for the Web Thin Client stations. Here are some best practices for designing generic applications that will not use a fixed resolution.
What is the best resolution for new projects?
In the past decades, resolutions with the ratio of 1.33 (width/height) were standard: 640×480, 800×600, and 1024×768. However, with the popularization of “wide-screen” panels, displays with new ratios are available in the market, such as:
1.60 1280×800, 1440×900, 1680×1050
1.78 1366×768, 1920×1080, 1600×900
If you are designing an application whose screens will be displayed in only one specific device, you should use the optimum resolution supported by that device. However, when creating applications that could be visualized in a range of different “wide-screen” panels, whose resolutions are unknown by the time that the application is designed, we suggest using the resolution 1280×800 for the following reasons:
1. Research has shown the 1280×800 is the most popular “wide-screen” resolution used today, just after 1024×768 (not wide-screen), which is the most popular resolution for legacy reasons (ref:http://www.w3counter.com/globalstats.php);
2. 1280×800 is proportional to other common resolutions, such as 1440×900, 1680×1050. In other words, all these resolutions have the same ratio (width/height), so using option “Auto Screen Resolution” from InduSoft Web Studio, projects designed with the resolution 1280×800 would fit perfectly in panels with the resolutions 1440×900 or 1680×1050;
3. 1280×800 has a ratio of 1.6. It is very close to the “golden ratio” (1.61803399…), which is believed to be to be aesthetically pleasing.
InduSoft Web Studio allows you to create projects with any resolution (even custom resolutions). Therefore, you should use your own judgment when defining the resolution for your applications and consider the information in this article just as a suggestion based on the expected deployment devices of your application.
InduSoft Web Studio has two independent settings for Auto Screen Scaling. One is used when deploying the actual runtime; the other is used for Web Clients. This allows for maximum flexibility when deploying projects
Projects can be created once for a mid-sized machine and deployed on a mid-sized display, then scaled up to a larger machine (and display), or down to a smaller machine (and display) without recreating the HMI/SCADA project. This saves you time and money!