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
Polen
Telefon:+48 32 205 09 47
Telefax:+48 32 205 15 72
E-Mail:info(at)NetterVibration.pl
www:NV-Polska.pl

Geschäftsführer:Achim Werkmann
Geschäftsführer:Thomas Reis
NIP:205-00-00-888
REGON:240545587
KRS:272136
Formular Kontakt






Diese Informationen beziehen sich auf Ihre Browsereinstellungen:
- Alle Cookies zulassen,
- Cookies von Drittanbietern im Inkognito-Modus blockieren,
- Cookies von Drittanbietern blockieren.
Gilt nicht für Einstellung:
- Alle Cookies blockieren.

Nachdem Sie den vom Gesetzgeber geforderten Initialdialog über Cookies gelesen und mit der Schaltfläche bestätigt haben "OKAY":
1) Wird erstellt ein Cookie mit dem Namen  "nvp_CookieConfirmation"  und Wert  "true" , läuft nach 365 Tagen ab.
2) Dann wird erstellt ein Cookie mit dem Namen  "nvp_UserColorMode"  und Wert  "system" , läuft nach 365 Tagen ab.

Unsere Website verwendet Cookies, um:
a) Änderung des Aussehens der Website von hell auf dunkel oder gelb.
b) die Wahl des Farbthemas dem Betriebssystem überlassen.

3) Über die Einstellungen auf unserer Website  "Alle Cookies löschen"  ist es möglich, alle von unserer Website erstellten Cookies zu löschen.

Wir wünschen Ihnen erfolgreiche Besuche,
bleiben Sie auf der sicheren Seite!  

NetterVibration Polska