Dzień dobry,

Od ostatniego wydania minęło już trochę czasu. W tym okresie intensywnie pracowaliśmy nad rozwojem modułu Forum, koncentrując się zarówno na nowych funkcjach, jak i dopracowaniu istniejących elementów. Efektem tych prac jest największa aktualizacja od momentu premiery Forum. Wersja ta znacząco rozszerza możliwości platformy, wprowadza wiele długo wyczekiwanych usprawnień oraz eliminuje szereg niedogodności zgłaszanych podczas testów. Dzięki temu Forum staje się w pełni funkcjonalnym modułem, gotowym do codziennego użytkowania i dalszego rozwoju.

Poniżej znajdziecie pełną listę zmian wprowadzonych w tej aktualizacji.

Animacja ładowania tematów na głównej

Dodaliśmy drobną animację dla efektu wejścia nowych tematów.

Treść dostępna po reakcji

Najnowsze tematy

Forum powinno nadążać za aktywnością społeczności.

Dlatego stworzyliśmy widget Najnowsze tematy, który działa w czasie rzeczywistym. Każdy nowo opublikowany temat pojawi się na liście automatycznie, bez konieczności odświeżania strony. Na bieżąco aktualizowane są również nowe odpowiedzi oraz zmiany stanu tematów, takie jak ich zamknięcie. To rozwiązanie dobrze znane z poprzedniej odsłony Sharegon, dlatego nie mogło zabraknąć go także w nowej wersji. Widget pełni rolę centrum szybkiego podglądu aktywności. Wystarczy jedno spojrzenie, aby zobaczyć najnowsze tematy i śledzić, co dzieje się na forum. Mechanizm czasu rzeczywistego działa również w widoku działów. Nowo utworzone tematy pojawiają się na liście automatycznie, bez potrzeby ręcznego odświeżania strony, dzięki czemu zawartość forum jest zawsze aktualna.

Treść dostępna po reakcji

prezentacja

Treść dostępna po reakcji

Ładowanie edytora

Przeprojektowaliśmy sposób ładowania edytora. Zamiast inicjować go przy każdym otwarciu tematu spowalniając wczytywanie tematu, ładujemy go dopiero po kliknięciu w pole odpowiedzi.

prezentacja

Treść dostępna po reakcji

Rozbudowany edytor

Naszym głównym celem tej aktualizacji było jak najszybsze dostarczenie narzędzi, które pozwolą swobodnie organizować estetyczne tematy.

Prezentacja

Treść dostępna po reakcji

Jak widzisz nowa wersja edytora wprowadza wiele rozszerzeń do stylizacji tekstu, organizowania tematów oraz niezbędny i brakujący element czyli dołączanie załączników do tematów.

Opcja 1

To dostępne nagłówki od poziomu H1 do H5.

To jest przykładowy nagłówek H1

To jest przykladowy nagłówek H2

To jest przykładowy nagłówek H3

To jest przykładowy nagłówek H4

To jest przykładowy nagłówek H5

Stylizacja tekstu

Następnie mamy tekst pogrubiony

Tekst pochylony

Tekst podkreślony

Kolory tekstu

Zdecydowaliśmy się na zdefiniowane kolory do wyboru, aby najlepiej się komponowały z naszym designem.

Treść dostępna po reakcji

Listy

1. To jest lista numerowana

2. Lista numerowana

• Lista punktowa

• Lista punktowa

Blok kodu

Prezentacja kodu odgrywa kluczową rolę w naszej społeczności, ponieważ w wielu poradnikach i dyskusjach publikowane są fragmenty kodu źródłowego. Zadbaliśmy więc o to, aby ich wyświetlanie było wygodne zarówno dla autora, jak i czytelników. Zgodnie z naszym podejściem pełny blok kodu nie powinien dominować nad treścią tematu. Dlatego każdy blok kodu ma domyślnie ograniczoną wysokość. Jeśli zawartość przekroczy ustalony rozmiar, pozostała część zostanie automatycznie ukryta, a na dole pojawi się przycisk Pełny podgląd. Po jego wybraniu blok kodu zostanie otwarty w dedykowanym oknie o znacznie większej szerokości, zaprojektowanym specjalnie do wygodnego przeglądania i analizowania kodu. Dzięki temu nawet bardzo długie fragmenty pozostają czytelne, a sam temat zachowuje przejrzysty i estetyczny układ.

Podczas wklejania kodu system automatycznie rozpozna język programowania i zastosuje odpowiednie podświetlanie składni. W większości przypadków nie będzie konieczne ręczne wybieranie języka, jednak w razie potrzeby nadal można go zmienić samodzielnie. Dodaliśmy również możliwość określenia nazwy pliku, z którego pochodzi prezentowany kod. Informacja ta zostanie wyświetlona w górnym pasku bloku kodu, obok liczby linii zawartych w danym fragmencie. Dzięki temu użytkownicy od razu wiedzą, z jakiego pliku pochodzi kod, co znacząco ułatwia analizę.

Każdy blok kodu posiada również numerację linii, co znacznie ułatwia odnoszenie się do konkretnych fragmentów podczas dyskusji, zgłaszania poprawek czy rozwiązywania problemów. Dodatkowo w prawym górnym rogu umieściliśmy przycisk Kopiuj, który pozwala skopiować cały blok kodu do schowka jednym kliknięciem, bez konieczności ręcznego zaznaczania jego zawartości.

Przykładowy blok

Treść dostępna po reakcji

Prezentacja

Treść dostępna po reakcji

Cytaty

Dobra dyskusja zaczyna się od czytelnych odniesień. Wprowadzamy więc brakujacą funkcjonalność cytowania. Blok cytatu został zaprojektowany tak, aby wyraźnie oddzielać przytoczoną treść od odpowiedzi jednocześnie zachowując spójność z naszym nowym designem. Staraliśmy się zminimalizować ilość zbędnych informacji. Dodaliśmy tylko nick osoby cytowanej bez dat i innych zbędnych informacji. Gdy klikniesz na ikonkę obok nicku zostaniesz przeniesiony do cytowanego posta. Bardzo długie posty zostaną zwinięte, aby zachować estetykę.

Prezentacja

Treść dostępna po reakcji

Spoilery

To jedna z funkcji, której brakowało na naszym forum od samego początku. W tej aktualizacji wprowadzamy całkowicie nowy system spoilerów, dzięki któremu tworzenie rozbudowanych poradników i publikowanie dodatkowych materiałów staje się znacznie wygodniejsze. Spoilery pozwalają ukryć wybraną treść i wyświetlić ją dopiero po świadomym rozwinięciu przez użytkownika. Dzięki temu długie fragmenty tekstu, logi, konfiguracje czy dodatkowe informacje nie zaburzają czytelności tematu, a cała dyskusja pozostaje uporządkowana.

Każdy spoiler może posiadać własny tytuł, który od razu informuje, co znajduje się w jego wnętrzu. Jeśli nie zostanie on podany, system automatycznie nada nazwę Spoiler. Dodatkowo możesz wybrać kolor nagłówka, dzięki czemu łatwo wyróżnisz różne rodzaje treści i zachowasz spójny wygląd nawet bardzo rozbudowanych poradników.

Naszym celem nie było jedynie dodanie kolejnego elementu edytora. Chcieliśmy stworzyć narzędzie, które realnie poprawi jakość publikowanych materiałów. Dzięki spoilerom autorzy zyskują większą kontrolę nad sposobem prezentacji treści, a czytelnicy otrzymują przejrzystsze, bardziej uporządkowane i przyjemniejsze w odbiorze tematy.

To przykładowy spoiler z określonym tytułem i wybranym kolorem

Spoiler bez wprowadzonego tytułu

Linki

Dodaliśmy obsługę linków bezpośrednio w edytorze. Od teraz wystarczy wybrać opcję dodawania odnośnika, wkleić adres URL oraz opcjonalnie określić tekst, który ma zostać wyświetlony użytkownikom. Dzięki temu nie musisz publikować długich i nieczytelnych adresów. Zamiast nich możesz użyć własnego opisu, takiego jak Pobierz klienta gry, co sprawia, że posty wyglądają znacznie bardziej profesjonalnie i są łatwiejsze w odbiorze. To niewielka funkcja, która znacząco poprawia estetykę publikowanych treści oraz ułatwia tworzenie przejrzystych poradników i artykułów.

Treść dostępna po reakcji

Przykładowy link:

Treść dostępna po reakcji

Klipy

Teraz Klipy czyli obsługa gifów i naklejek dostępna bezpośrednio z edytora w tematach możesz w łatwy sposób wstawić gif/naklejkę bezpośrednio do tematu. Tą funkcjonalność pewnie wiele osób kojarzy już z czatu.

Prezentacja

Treść dostępna po reakcji

Nieprzeczytany temat oznaczenie

W dziale na liście tematów zobaczysz takie oznaczenie nieprzeczytanego tematu. Rekord tematu zostanie podświetlony i przed tytułem wstawiona fioletowa ikonka. Dodatkowo pod statystyką ilości odpowiedzi zobaczysz ilość nowych odpowiedzi od czasu ostatniego odczytania. Odchodzimy od statystyki wyświetleń tematów ponieważ uważamy że to przestażały wskaźnik, który nie oddaje realnej aktywności wątku.

Treść dostępna po reakcji

Po wejściu w temat zostanie wyświetlona belka która oddzieli nowe odpowiedzi.

Treść dostępna po reakcji

prezentacja

Treść dostępna po reakcji

• Tematy który odczytasz automatycznie zapisze stan odczytu i przeniesie cię do ostatnio przeczytanego postu przy ponownym wejściu

Nawigacja

Rozbudowane forum wymaga czytelnej nawigacji, dlatego dodaliśmy breadcrumbs, które w każdej chwili pokazują pełną ścieżkę do aktualnie przeglądanej treści. Dzięki temu możesz jednym kliknięciem wrócić do wybranego działu lub kategorii, bez konieczności korzystania z przycisku wstecz czy ponownego przeszukiwania struktury forum.

Treść dostępna po reakcji

Drobna animacja ładowania tematów po zmianie strony

Treść dostępna po reakcji

Moderacja: zamykanie/otwieranie i przenoszenie tematów

Wprowadziliśmy długo wyczekiwaną funkcję zamykania i ponownego otwierania tematów. Po zamknięciu wątku zostanie on wyraźnie oznaczony w całym forum. Na liście tematów obok tytułu pojawi się subtelna czerwona ikona kłódki, natomiast po wejściu do tematu informacja o jego zamknięciu będzie widoczna zarówno przy tytule, jak i w dedykowanym banerze na górze strony. Dzięki temu od razu wiadomo, że dyskusja została zakończona i publikowanie nowych odpowiedzi nie jest już możliwe. Standardowo aktualizacja statusu tematu jest w czasie rzeczywistym, nie musisz przeładowywać forum.

prezentacja

Treść dostępna po reakcji

Wskaźnik pisania, aktualizowanie posta w czasie rzeczywistym

Wprowadzamy kolejne usprawnienia, które sprawiają, że forum staje się bardziej dynamiczne i żyje w czasie rzeczywistym. Gdy użytkownik rozpocznie pisanie odpowiedzi, pozostali zobaczą wskaźnik informujący o tym, kto aktualnie tworzy post. Dodatkowo nowe odpowiedzi oraz wszelkie edycje postów będą pojawiać się natychmiast, bez konieczności odświeżania strony. Dzięki temu dyskusje są płynniejsze, a użytkownicy zawsze widzą najbardziej aktualną zawartość.

Prezentacja

Treść dostępna po reakcji

Sortowanie tematów i aktualizacja nieprzeczytanych odpowiedzi

Użytkownik odpowiadający w temacie spowoduje automatycznie przestawienie tematu na samą górę oraz aktualizacje ilości nieprzeczytanych postów oraz odpowiedzi.

Treść dostępna po reakcji

Nowa funkcje w czacie - ukrywanie listy online

Już teraz możesz ukrywać lista online w czacie.

Treść dostępna po reakcji

Dynamiczne aktualizowanie czasu w postach

Po publikacji odpowiedzi czas będzie dynamicznie wyliczany i aktualizowany co minutę aby mieć zawsze realny czas opublikowanej odpowiedzi gdy zostaniemy w temacie dłużej.

Aktualizacja widoku podczas wyłączenia

Jak pewnie zauważyliście zaktualizowaliśmy wygląd komunikatu podczas wyłączonego forum aby był bardziej minimalistyczny i systemowy.

Załączniki w tematach

orum otrzymało całkowicie nowy system załączników, który pozwala wygodnie dołączać do tematów pliki w wielu popularnych formatach. Każdy przesłany plik prezentowany jest w postaci estetycznej karty z podglądem, na której wyświetlana jest nazwa pliku, jego rozszerzenie, rozmiar oraz liczba pobrań. Dzięki temu użytkownicy od razu wiedzą, co znajduje się w załączniku, jeszcze przed jego pobraniem. Sam proces wysyłania został zaprojektowany z myślą o wygodzie. Podczas przesyłania widoczny jest pasek postępu, aktualna prędkość uploadu oraz status każdego pliku. Po najechaniu kursorem na załącznik dostępne są dodatkowe akcje, takie jak szybkie wstawienie pliku do treści posta w miejscu kursora lub jego usunięcie przed opublikowaniem wiadomości.

Przykładowy preview załącznika

Treść dostępna po reakcji

Prezentacja

Treść dostępna po reakcji

Limity załączników:

Nowicjusz - 25 MB per plik / 10 plików w temacie.

Nowy cyckl aktualizacji

Zmieniamy sposób rozwijania Sharegon. Zamiast publikować jedną dużą aktualizację raz w miesiącu, przechodzimy na krótszy cykl wydawniczy. Od teraz nowe funkcje, poprawki i optymalizacje będą trafiały na platformę średnio co 1 do 2 tygodni. Dzięki temu będziemy mogli znacznie szybciej reagować na zgłoszenia społeczności, dostarczać nowe rozwiązania bez długiego oczekiwania oraz stale rozwijać platformę małymi, ale regularnymi krokami.

Daj nam znać co sądzisz o aktualizacji w poście poniżej. Czego obecnie najbardziej ci brakuje? Każdy feedback jest dla nas cenny bo wspólnie rozwijamy tą społeczność!

Pełne changelog znajdziesz na: Treść dostępna po reakcji

Z poważaniem,

Zespół Sharegon.pl