Lubartów VI 2022

Newsletter 2022-02, NetterVibration Polska Sp. z o.o.

Logo NetterVibration Polska Sp. z o.o.
Logo NetterVibration Polska Sp. z o.o.

Szanowni Państwo, drodzy szefowie, drogie koleżanki i drodzy koledzy!

Miesiące pracy koncepcyjnej UX(1), setki godzin programowania, opracowywania zdjęć, grafik wektorowych, ikon, layoutów, koncepcji typografii, redagowania tekstów i… mamy to!

https://NV-Polska.pl w zupełnie nowej odsłonie. Od dziś korzystanie z serwisu będzie łatwiejsze, szybsze, bardziej intuicyjne i przyjemne.

Jak zawsze informujemy o tym, co najważniejsze. Sprawdź!

Strona wpisuje się w najnowsze światowe trendy. Jest to zaawansowana technologia internetowa VI generacji.

Szczególna uwaga poświęcona została przyjaznej dla użytkownika nawigacji. W tym celu powstało autorskie menu. Podstawowa zasada; z każdej strony jest osiągalny każdy inny ważny punkt bez konieczności ładowania treści stron pośrednich.

image001image002
Na komputerach stacjonarnych obsługa menu odbywa się również poprzez kliknięcie, tak jak na urządzeniach mobilnych poprzez dotyk (touch function)!

Dla wygody i korzyści powstała zaawansowana funkcja wyszukiwania na dwóch poziomach. Jest to wyszukiwania proste i zaawansowane. W wyszukiwaniu zaawansowanych możliwe jest między innymi przeszukiwanie wszystkich dostępnych języków jednocześnie.

image003
Zaawansowany widok wyszukiwania w trybie ciemnym.

Naczelną zasadą przyświecającą formowaniu nowego portalu nv-polska.pl było takie zaprogramowanie wyglądu by zawartość na wszystkich urządzeniach od desktopów, poprzez tablety, smartfony do mniejszych urządzeń mobilnych była pod względem zawartości identyczna.

image004image005
image006image007
Każda ze stron portalu nv-polska.pl pokazuje na różnych urządzeniach tę samą zawartość.

Innym ważnym punktem, któremu poświęcone zostało wiele uwagi jest szybkość ładowania zawartości na urządzeniach mobilnych. Dlatego zastosowane zostały grafiki w formacie WEBP przyjazne najnowszym przeglądarkom internetowym. Każda grafika ma odpowiednik w starszym formacie graficznym, udostępnianym na życzenie przeglądarki.

W wielu najważniejszych punktach grafiki zostały opracowane tak, by ich tło było przezroczyste. Było to niezbędne dla zmiennych motywów kolorystycznych.

image008image009image010
Widok tej samej treści w różnych motywach kolorystycznych.

W dzisiejszych nowoczesnych stronach internetowych istotnym czynnikiem przykucia uwagi odwiedzającego jest możliwość dopasowania szaty graficznej zmiennych warunków otoczenia. Dlatego zastosowana została technologia zmiany motywów kolorystycznych. Wdrożone zostały trzy tematy kolorystyczne:

  • żółty × Yellow,
  • jasny × Light,
  • ciemny × Dark.

Dostępne są następujące opcje. Po pierwsze, zmiana motywu tylko dla bieżącej strony, po drugie, zmiana globalna dla wszystkich stron, po trzecie, można pozostawić wybór systemowi operacyjnemu. Domyślnie włączony jest motyw żółty. Standardowo włączany jest motyw żółty (yellow) na stałe. Paleta kolorystyczna wzorowana jest na palecie IOS 13 firmy Apple i składa się z 13 kolorów oraz 11 odcieni szarości. Dochodzą jeszcze półprzezroczyste szarości oraz biały i czarny.

image011image012image013
Inna strona z widokiem tej samej treści w różnych motywach kolorystycznych.

Kolejną kwestią było opracowanie grafik wektorowych oraz ikon i symboli.

Zastosowanie grafik wektorowych, choć ma swoje granice, jest wspaniałym sposobem na przekazanie wysokiej jakości treści wizualnej, o małych rozmiarach pliku. Kolejne grafiki mają powstać w najbliższym czasie.

image014image015
Wygląd grafiki wektorowej jako bitmapa w dużym powiększeniu.

Kodyfikacja terminów abstrakcyjnych za pomocą symboli została wprowadzona wszędzie tam, gdzie istotne było szybkie przekazanie powtarzających się głównych punktów do świadomości odwiedzjącego stronę. Ta praca będzie również miała swoją kontynuację.

image016
Stworzone do tej pory symbole jako czcionki.

Cała zawartość i nazwy plików niewidoczne dla użytkownika są napisane małymi literami w języku angielskim. Kodowanie nazw plików tylko w języku angielskim pozwala na spójne opracowywanie tych plików przez redaktorów w wielu językach, w których angielski jest powszechny.
Niektóre pliki systemowe mają format camelCase, lub UpperCamelCase.

Strona została stworzona dla wielu języków. Aktualnie opublikowana wersja ma wypełniony język Polski i szczątkowe tłumaczenia w angielskim i niemieckim.
Większość tekstów, ze względu na ograniczenia czasowe, pochodzi ze strony NetterVibration.pl. Z uwzględnieniem poprawek merytorycznych w kilku punktach. Przewidywane jest przeredagowanie oraz zmiany tekstów i rozszerzenia w najbliższym czasie.

Planowane są:

  • język polski,
  • język angielski,
  • (język niemiecki),
  • język ukraiński,
  • język rosyjski.
image017image018image019
Możliwość zmiany języka w różnych miejscach na stronie.

Zaimplementowana funkcja logowania do serwisu umożliwia odwiedzającym dostęp do wybranych, normalnie niewidocznych treści. Takie treści mogą być spersonalizowane i różne na każdej stronie.

image020
Formularz logowania w trybie ciemnym.

W przeciwieństwie do wielu agencji internetowych korzystających z produktów firm trzecich (extensions) do programowania portali internetowych w CMS Typo3, serwis nv-polska.pl został stworzony od podstaw bez korzystania z produktów firm trzecich. Ma to ogromne znaczenie w przypadku aktualizacji Typo3, które są możliwe tylko wtedy, gdy rozszerzenia są obecne również w nowszych wersjach.
Takie postępowanie daje swobodę dla dalszych aktualizacji systemu w przyszłości. Aktualny stan to TYPO3 11 LTS, Version: 11.5.11, Release Date: 2022-06-14. Jest to ostatnia, najnowsza wersja. Gdy jutro pojawi się wersja 12, możesz śmiało aktualizować. Czy Twoja witryna potrafi to również zrobić?

Typo3 to świetny program. Zrozumienie zasad pozwala na dużą wszechstronność. Nie bez powodu wiele niemieckich uczelni publikuje swoje strony internetowe w Typo3. Odpowiednio skonfigurowany pozwala redaktorom cieszyć się pracą. Celem tej witryny dla redaktorów jest unikanie niepotrzebnego zagnieżdżania treści, wygoda pracy, przejrzystość i prostota.
W tym celu powstało wiele szablonów (backend layouts).

image021
Widok szablonów w panelu redakcyjnym.

W trakcie powstawania strony, na każdym etapie zwrócona była uwaga zgodność komponentów programowych. Rezultatem jest system działający bezbłędnie. W trakcie trwania fazy testowej nie powstawały absolutnie żadne błędy czy ostrzeżenia, który by się regularnie powtarzały, a które nie zostały skutecznie usunięte.

Jest jeszcze wiele zrealizowanych interesujących punktów, funkcji, stron systemowych, które same się objaśniają. Opisywanie ich przekraczałoby ramy tej wiadomości. To prawie wszystko w skrócie.

Witryna NV-Polska.pl została otoczona dużą starannością. Jednak nadal pozostaje wiele do zrobienia.


Życzę miłego i przyjemnego przeglądania strony.

Z wyrazami szacunku wasz

Wojciech Malessa

Szczególne podziękowania należne są autorom licznych publikacji, bez których stworzenie tej strony nie byłoby możliwe, a w szczególności:

  • https://w3.org/
  • https://developer.mozilla.org/
  • https://developers.google.com/
  • https://developer.chrome.com/
  • https://w3schools.com/
  • https://css-tricks.com/
  • https://getbootstrap.com/
  • https://typo3.org/
  • https://t3terminal.com/
  • https://bootstrap-package.com/
  • https://martin-helmich.de/
  • https://github.com/
  • https://github.io/
  • https://www.apple.com/
  • https://www.uni-hannover.de/
  • https://www.uni-trier.de/
  • https://www.uni-konstanz.de/
  • https://www.univie.ac.at/
  • i inne.


Przypisy:

  • User Experience.



NetterVibration Polska Sp. z o.o.
AL. W. Korfantego 195/17
40-153 Katowice
Poland
Telephone:+48 32 205 09 47
Telefax:+48 32 205 15 72
eMail:info(at)NetterVibration.pl
www:NV-Polska.pl

Director:Achim Werkmann
Director:Thomas Reis
NIP:205-00-00-888
REGON:240545587
KRS:272136
Form Contact






This information relates to your browser settings:
- Allow all cookies,
- Block third-party cookies in incognito mode,
- Block third party cookies.
Does not apply to setting:
- Block all cookies.

After reading the initial dialogue about Cookies required by the legislator and confirming with the button "OKAY":
1) a cookie named is created  "nvp_CookieConfirmation"  and values  "true" , expires after 365 days.
2) cookie is then created  "nvp_UserColorMode"  and values  "system" , expires after 365 days.

Our website uses cookies to:
a) changing the appearance of the website from light to dark or yellow.
b) leaving the choice of the color theme to the operating system.

3) Through the settings on our website  "Delete all cookies"  it is possible to delete all cookies created by our website.

We wish you fruitful visits,
stay on the safe side!  

NetterVibration Polska