Kastomizacja wersji firmowej InstalSystem 5: Różnice pomiędzy wersjami

Z HelpSystem
Przejdź do nawigacji Przejdź do wyszukiwania
Nie podano opisu zmian
Linia 1: Linia 1:
==Purpose==
==Purpose==
Artykuł opisuje możliwości kastomizacji wyglądu pakietu InstalSystem 5 w wersji firmowej.
This article describes the possibilities of castomizing the appearance of the company version of the InstalSystem 5 package.




<br clear=all>
<br clear=all>
===Ekran startowy (splash screen)===
===Splash screen===
[[Plik:Company_version_11.png|350 px|thumb|1.1. Splash screen - przykład]]
[[Plik:Company_version_11.png|350 px|thumb|1.1. Splash screen - example]]
[[Plik:Company_version_1.png|350 px|thumb|1.2. Splash screen - możliwości konfiguracji]]
[[Plik:Company_version_1.png|350 px|thumb|1.2. Splash screen - configuration options]]
   
   
Wytyczne:
Guidelines:
*Osobne pliki dla Zarządcy pakietu i Edytora z uwagi na różne nazwy tych części programu
*Separate files for the Package Manager and Editor due to different names of the software portions
*Minimalny rozmiar 600x400 pixeli
*Minimum size 600x400 pixels
*Maksymalny rozmiar 800x600 pixeli
*Maximum size 800x600 pixels
*Format pliku - grafika bitowa (PNG, JPG, BMP)
*File format - bitmap graphics (PNG, JPG, BMP)
*Rozmieszczenie i kolory elementów graficznych w obrębie okienka:  
*Layout and colours of graphic elements within the window:  
** Nazwa programu np. InstalSystem 5 Zarządca / Edytor
** Software name, e.g. InstalSystem 5 Manager / Editor
** Musi mieć przewidziane miejsce dla wstawiania tekstów dynamicznych
** Space must be provided for inserting dynamic texts
** Kolor elementów dynamicznych (w formacie ARGB - np. #AARRGGBB, gdzie AA,RR,GG,BB to wartości szesnastkowe poszczególnych składowych - alpha,red,green,blue):
** Colour of dynamic elements (ARGB format - e.g. #AARRGGBB, where AA,RR,GG,BB are the hexadecimal values of the individual components - alpha,red,green,blue):
**#Version
**#Version
**#Rev  
**#Rev  
**#Tekst informacji o ładowaniu
**#Loading information text
**# Wskaźnik postępu ładowania (kręcące kółko) (opcjonalnie: możliwość ustawienia innego koloru i położenia w stosunku do 1.)
**# Loading progress indicator (spinner) (options: change colour and position in relation to 1.)
**Opcjonalnie: możliwe jest ustawienie innego koloru dla ekranu startowego Managera i Edytora.
**Option: set different colours for the Manager and Editor splash screens.
**Opcjonalnie: możliwe jest określenie miejsca umieszczenia tekstów dynamicznych.
**Option: select position for placing dynamic texts.
*Wszystkie elementy poza elementami dynamicznymi (tekstami dynamicznymi i wskaźnikiem postępu ładowania) powinny być już umieszczone we właściwych miejscach na grafice (nie przesyłane osobno)
*All elements, except for dynamic elements (dynamic texts and loading progress indicator) should be placed in their proper positions in the layout (do not send them separately)
*Kolory powinny być dopasowane do tła ekranu startowego, aby teksty i wskaźnik były widoczne.  
*Colours should match the background of the splash screen so that the text and indicator are clearly discernible.
<br clear=all>
<br clear=all>
===Tło Zarządcy===
===Manager background===
[[Plik:Company_version_21.png|350 px|thumb|2.1. InstalSystem Manager - przykład]]
[[Plik:Company_version_21.png|350 px|thumb|2.1. InstalSystem Manager - example]]
[[Plik:Company_version_2.png|350 px|thumb|2.2. InstalSystem Manager - basic]]
[[Plik:Company_version_2.png|350 px|thumb|2.2. InstalSystem Manager - basic]]


Wytyczne:
Guidelines:
*Osobno konfigurowane jest tło (oznaczone ''StartupWindowBackgroundPictureIndex'' na rys 2.2.) oraz górna część tzw. banner (oznaczone ''StartupWindowBannerPictureIndex'' na rys 2.2.)
*Background (identified as ''StartupWindowBackgroundPictureIndex'' in fig. 2.2.) and banner in the top part (identified as ''StartupWindowBannerPictureIndex'' in fig. 2.2.)
*Format pliku - grafika bitowa (PNG, JPG, BMP)
*File format - bitmap graphics (PNG, JPG, BMP)
*Banner jest rysowany na górze, w określonej wysokości (''StartupWindowBannerHeight'' na rys 2.2.) i osobno skalowany podczas zmiany rozmiarów okienka. Standardowo umieszczane jest tam logo (bez tła, aby było widać obrazek tła pod spodem)
*The banner of specified height (''StartupWindowBannerHeight'' in fig. 2.2.) is placed in the top part and is scaled separately when changing window size. The banner usually includes a logo (without its background, so the underlying background picture is not obscured)
*Grafika bannera/logo jest skalowana proporcjonalnie do podanej wysokości.  
*The graphic content of the banner/logo is scaled proprtionally to the specified height.  
*Tło zajmuje całe okienko (jest skalowane) i jest umieszczane pod wszystkimi kontrolkami dlatego zalecane jest, aby miało widoczną grafikę w górnej części i po lewej, a prawy dolny róg powinien być pusty lub bardzo delikatny, aby teksty były dobrze widoczne. Na elemencie tła nie należy umieszczać logo/bannera, gdyż jest on osobno skalowany!
*The background is spread over the entire window (it is scalable) and lies underneath all control elements, therefore it is recommended that it has visible graphic elements in its top and left portions, while the bottom right corner remains clear or subtle to make the text clearly discernible. The background should not include logo/banner, as it is scaled separately!
*Ponieważ obydwie grafiki (banner/logo oraz tło) są skalowane, więc w oryginale powinny mieć dobrą rozdzielczość, aby uniknąć widocznych pixeli po przeskalowaniu. Minimalny rozmiar tła to 1024/768. Jeśli banner jest osobną grafiką, to jego szerokość to min. 512 pix.
*As both graphics (banner/logo and background) are scalable, the original images should have a good resolution to avoid pixels showing up after rescaling. The minimum background size is 1024/768. If the banner is a separate graphic, its width should be at least 512 pixels.
<br clear=all>
<br clear=all>


===Dodatkowe możliwości konfiguracji wyglądu Zarządcy===
===Additional options for configuring Manager appearance===
[[Plik:Company_version_3.png|350 px|thumb|2.3. InstalSystem Manager - advanced]]
[[Plik:Company_version_3.png|350 px|thumb|2.3. InstalSystem Manager - advanced]]
   
   
Możliwości konfiguracji dla małych przycisków:
Configurable small button features:
*ustawienia kształtu narożników w ramce przycisku (zaokrąglone z możliwością określenie promienia lub prostokątne) - patrz ''StartupWindowTabCorners'' na rys. 2.3.
*shape of corners of button frame (round, with specified radius, or square) - see ''StartupWindowTabCorners'' in fig. 2.3.
*ustawienie koloru ramki przycisku (wg palety RGB) - patrz ''StartupWindowTabBorderColor'' na rys. 2.3.
*button frame colour (RGB palette) - see ''StartupWindowTabBorderColor'' in fig. 2.3.
*ustawienia koloru tła przycisków (wg palety RGB) - patrz ''StartupWindowTabXXXColor'' na rys. 2.3.
*button background colour (wg palety RGB) - see ''StartupWindowTabXXXColor'' in fig. 2.3.
*ustawienie grubości ramki przycisku - patrz ''StartupWindowTabBorderThickness'' na rys. 2.3.  
*ustawienie grubości ramki przycisku - patrz ''StartupWindowTabBorderThickness'' na rys. 2.3.  
*ustawienia wielkości marginesów od ramki przycisku - patrz ''StartupWindowTabUnselectedMargin'' na rys. 2.3.  
*ustawienia wielkości marginesów od ramki przycisku - patrz ''StartupWindowTabUnselectedMargin'' na rys. 2.3.  
Linia 62: Linia 62:
*Jest możliwość zdefiniowania osobnej grafiki jako górnego paska w okienku "O programie"
*Jest możliwość zdefiniowania osobnej grafiki jako górnego paska w okienku "O programie"
*Stosunek dłuższego (poziomego/szerokość grafiki) boku do krótszego (pionowego/wysokość grafiki) nie mniejszy niż 4.
*Stosunek dłuższego (poziomego/szerokość grafiki) boku do krótszego (pionowego/wysokość grafiki) nie mniejszy niż 4.
*Format pliku - grafika bitowa (PNG, JPG, BMP)
*File format - bitmap graphics (PNG, JPG, BMP)
*Przykładowy rozmiar: 1250x150 ''UWAGA! Wartości te są orientacyjne.''
*Przykładowy rozmiar: 1250x150 ''UWAGA! Wartości te są orientacyjne.''
*Jeśli grafika nie zostanie zdefiniowana, to zostanie użyte logo
*Jeśli grafika nie zostanie zdefiniowana, to zostanie użyte logo

Wersja z 13:30, 23 lip 2021

Purpose

This article describes the possibilities of castomizing the appearance of the company version of the InstalSystem 5 package.



Splash screen

1.1. Splash screen - example
1.2. Splash screen - configuration options

Guidelines:

  • Separate files for the Package Manager and Editor due to different names of the software portions
  • Minimum size 600x400 pixels
  • Maximum size 800x600 pixels
  • File format - bitmap graphics (PNG, JPG, BMP)
  • Layout and colours of graphic elements within the window:
    • Software name, e.g. InstalSystem 5 Manager / Editor
    • Space must be provided for inserting dynamic texts
    • Colour of dynamic elements (ARGB format - e.g. #AARRGGBB, where AA,RR,GG,BB are the hexadecimal values of the individual components - alpha,red,green,blue):
      1. Version
      2. Rev
      3. Loading information text
      4. Loading progress indicator (spinner) (options: change colour and position in relation to 1.)
    • Option: set different colours for the Manager and Editor splash screens.
    • Option: select position for placing dynamic texts.
  • All elements, except for dynamic elements (dynamic texts and loading progress indicator) should be placed in their proper positions in the layout (do not send them separately)
  • Colours should match the background of the splash screen so that the text and indicator are clearly discernible.


Manager background

2.1. InstalSystem Manager - example
2.2. InstalSystem Manager - basic

Guidelines:

  • Background (identified as StartupWindowBackgroundPictureIndex in fig. 2.2.) and banner in the top part (identified as StartupWindowBannerPictureIndex in fig. 2.2.)
  • File format - bitmap graphics (PNG, JPG, BMP)
  • The banner of specified height (StartupWindowBannerHeight in fig. 2.2.) is placed in the top part and is scaled separately when changing window size. The banner usually includes a logo (without its background, so the underlying background picture is not obscured)
  • The graphic content of the banner/logo is scaled proprtionally to the specified height.
  • The background is spread over the entire window (it is scalable) and lies underneath all control elements, therefore it is recommended that it has visible graphic elements in its top and left portions, while the bottom right corner remains clear or subtle to make the text clearly discernible. The background should not include logo/banner, as it is scaled separately!
  • As both graphics (banner/logo and background) are scalable, the original images should have a good resolution to avoid pixels showing up after rescaling. The minimum background size is 1024/768. If the banner is a separate graphic, its width should be at least 512 pixels.


Additional options for configuring Manager appearance

2.3. InstalSystem Manager - advanced

Configurable small button features:

  • shape of corners of button frame (round, with specified radius, or square) - see StartupWindowTabCorners in fig. 2.3.
  • button frame colour (RGB palette) - see StartupWindowTabBorderColor in fig. 2.3.
  • button background colour (wg palety RGB) - see StartupWindowTabXXXColor in fig. 2.3.
  • ustawienie grubości ramki przycisku - patrz StartupWindowTabBorderThickness na rys. 2.3.
  • ustawienia wielkości marginesów od ramki przycisku - patrz StartupWindowTabUnselectedMargin na rys. 2.3.
  • ustawienia szerokości przycisku - patrz StartupWindowTabMaxWidth na rys. 2.3.

Możliwości konfiguracji dla okien osadzonych w Zarządcy:

  • ustawienia kolorów przełączników pomiędzy oknami - patrz StartupWindowSubTabXXXColor na rys. 2.3.
  • ustawienia kolorów ramki osadzonego okna - patrz StartupWindowTabInteriorBorderColor na rys. 2.3.
  • ustawienia kolorów tła okna - patrz StartupWindowTabInteriorBackgroundColor na rys. 2.3.


Opcjonalnie: pasek w okienku "O programie"

3.1. Zakładka "o programie" w Zarządcy
3.2. Okienko "o programie" w Edytorze
  • Jest możliwość zdefiniowania osobnej grafiki jako górnego paska w okienku "O programie"
  • Stosunek dłuższego (poziomego/szerokość grafiki) boku do krótszego (pionowego/wysokość grafiki) nie mniejszy niż 4.
  • File format - bitmap graphics (PNG, JPG, BMP)
  • Przykładowy rozmiar: 1250x150 UWAGA! Wartości te są orientacyjne.
  • Jeśli grafika nie zostanie zdefiniowana, to zostanie użyte logo


Kompozycje wydruków

4. Print compositions

Możliwość przygotowania innych niż standardowo proponowanych kompozycji wydruków. Kompozycje grupują wskazane strony wydruków, nie ingerując w ich zawartość i styl graficzny. Żeby określić oczekiwania wymagany jest dostęp do programu InstalSystem 5 w dowolnej wersji.