Opublikowano 2020-08-17.
Przeczytasz w ok. 15 min.
Historia
Weles3 zaczęliśmy pisać ok 2006 roku. W tamtym okresie dominującą przeglądarką
na rynku był jeszcze Internet Explorer (wersja 6), a tworzenie aplikacji w
technologii on-line dopiero raczkowało jako koncepcja. Oferowaliśmy wówczas
poprzednią wersję naszego systemu: Weles2FK, który był systemem instalowanym lokalnie na komputerze.
Widząc potencjał nowych technologii zdecydowaliśmy się na stworzenie systemu całkowicie on-line.
Nie było to zadaniem łatwym, ale udało się i w styczniu 2008 sprzedaliśmy pierwszą komercyjną
licencję na Weles3.
Stworzone w tym czasie narzędzia, w których tworzymy Weles3 dobrze nam służyły, ale od pewnego czasu
zaczęliśmy widzieć konieczniość dokonania pewnych zmian. Kwestie, które chcieliśmy poprawić to:
- brak spójnej koncepcji graficznej/kolorystycznej - razem z rozwojem systemu powstawała dokumentacja,
strona www, strony ofertowe, strony usług dodatkowych. Każda w formie wybranej akurat przez osobę, która się
tym zajmowała. Nie było poczucia, że te elementy są w ramach jednego systemu
- interface pisany w słabo typowanym języku (javascript) - słabo typowane języki są przydatne do szybkiego stworzenia
czegoś, ale utrzymanie kodu i aktualizacje robią się coraz trudniejsze wraz z wielkością projektu
- wygląd - interface Weles3 był tworzony wg paradygmatów z tamtego okresu. Przez te 12 lat świad poszedł do przodu, użytkownicy
są już przyzwyczajeni do innych wyglądów kontrolek i układów stron.
- funkcje - przez ten okres przeglądarki poszły bardzo do przodu i oferują wiele funkcji, które warto by wykorzystać
aby usprawnić pracę z systemem
- logowanie - dotychczas właściciele i zarządcy logowali się tą samą ścieżką, co powodowało, że nie każda funkcja dostępna
na stronie logowania była właściwa dla danego użytkownika
Nowy design
Zaczęliśmy od opracowania nowych logotypów:
Oraz nowej, podstawowej palety kolorystycznej
Zrezygnowaliśmy z dotychczasowych rastrowych ikon
na rzecz nowocześniejszych wektorowych , wyświetlanych
w naszych nowych kolorach
Przyjęliśmy także następujące wytyczne:
- reactive - obecnie coraz więcej przeglądamy na urządzeniach mobilnych - strony muszą sie prezentować
tak samo dobrze na małych ekranach, jak i na dużych
- biel - strony mają być jasne i przejrzyste z dużą ilością bieli, aby miejsca akcji i informacje były
łatwe do znalezienia dla oka i nie ginęły w tłumie ozdób i grafik
- jasność nawigacji - każda strona powinna mieć orkeślony cel i ograniczać zbędne elementy nawigacyje, niezwiązane
z jej funkcją.
Realizacje
Na podstawie nowych koncepcji przygotowaliśmy nowe strony logowania:
Przygotowaliśmy też nowe witryny:
Jesteśmy w trakcie prac nad aktualizacją:
Interface Weles3
Idąc za ciosem przygotowaliśmy nowy silnik interface do Weles3. Nowe narzędzie jest pisane w mocniej typowanym języku TypeScript,
co bardzo ułatiwa nam jego rozwój. Przygotowaliśmy nowe, odświeżone wersję kontrolek i wyglądu okien, korzystając po drodze z nowych funkcji przeglądarek.
Korzyści jakie daje nowy interface:
- brak koniecnzości potwierdzania hasłem - dzięki odpowiedniemu trzymaniu sesji w bazie w przeglądarce (indexeddb) nie ma potrzeby zatwierdzania hasłem każdej operacji
- skóty klawiszowe - są teraz czytelnie opisane na poszczególnych przyciskach
- wyszukiwanie - pole wyszukiwania na drzewku jest teraz zawsze widoczne i opisane skrótem klawiszowym
/
- adekwatny układ okna - dotychczas zmiany były realizowane przez tzw układ okna dialogowego - ten układ zostaje do wprowadzania powiązań między elementami (np
przypisanie danej do lokalu), do edycji samych elementów, między którymi będą potem powiązania stworzony został nowy, bardziej intuicyjny tym przypadku układ (np
okno edycji kontrahentów).
Plan na przyszłość
Obecnie koncentrujemy się na aktualizacji obecnego interface do jego nowej wersji. Po realizacji tego celu mamy już w planach nowe, użyteczne funkcje, które
pozwolą na jeszcze bardziej przyjemną i efektywną pracę. Zarówno dla użytkowników przed komputerem, jak i pracujących w na urządzeniach mobilnych.