Optymalizacja strony internetowej i niestandardowy rozwój LMS: automatyzacja 30% papierkowej roboty

Innowise zaktualizowało stronę internetową uczelni do nowej wersji Umbraco, zawierającej dostosowany system zarządzania kursami i formularze zgłoszeniowe dla studentów.

Klient

Branża

Edukacja

Region

Klient od

2022

Our client is an educational institution based in the European Union providing academic courses for students worldwide. Detailed information about the client cannot be disclosed under the provisions of the NDA.

Wyzwanie

System zarządzania treścią uczelni klienta był oparty na CMS Umbraco 4.11. Głównymi problemami były niezoptymalizowany kod i słaba wydajność, które można było naprawić poprzez aktualizację do nowszej wersji Umbraco.

Co więcej, system aplikacji do zapisów na kursy online wymagał aktualizacji, aby rozwiązać kwestie związane z przesyłaniem dokumentów, śledzeniem postępów edukacyjnych i rejestrami studentów. Platformie brakowało również narzędzi do śledzenia indywidualnych postępów i możliwości przesyłania plików multimedialnych związanych z edukacją.

Zadaniem Innowise była aktualizacja istniejącej strony internetowej, w tym migracja Umbraco do nowej wersji CMS, stworzenie nowych szablonów HTML, wdrożenie funkcjonalności aplikacji elektronicznych oraz stworzenie bardziej elastycznego systemu zarządzania do śledzenia postępów, rozliczania studentów i publikowania treści.

Rozwiązanie

Nasz zespół przeprowadził audyt edukacyjnego systemu CMS klienta i zdecydował się zaktualizować go do nowszej wersji w kilku etapach, zgodnie z oficjalną dokumentacją Umbraco. Zmodernizowaliśmy system, aby umożliwić sprawne zarządzanie kursami i składanie wniosków, co sprawia, że proces edukacyjny jest wygodniejszy zarówno dla nauczycieli, jak i uczniów.

Aktualizacja strony internetowej

Istniejąca wersja Umbraco CMS 4.11 została uznana za nieodpowiednią do przyszłego rozwoju strony internetowej ze względu na słabą wydajność i ograniczoną funkcjonalność. Naszym pomysłem była aktualizacja systemu do wersji 9.5 lub wyższej.

Aby zapewnić płynną i kontrolowaną migrację Umbraco, podzieliliśmy przepływ pracy na kilka etapów:

utworzenie kopii zapasowej bazy danych klienta i plików strony internetowej;
aktualizacja niestandardowego kodu i szablonów do wersji 6.5;
aktualizacja do wersji 7.5 z nowym panelem administracyjnym;
aktualizacja do wersji 8.5 w celu zmiany podstawowej architektury projektu;
aktualizacja witryny do wersji Umbraco 9.5 w celu późniejszego ulepszenia.

Aktualizacja do Umbraco 9.5 spowodowała znaczące globalne zmiany w systemie. Przejście na .NET5 znacznie zwiększyło wydajność witryny. Po aktualizacji nasz zespół przeprowadził testy, wskazując i szybko rozwiązując drobne problemy w architekturze i niezoptymalizowane zapytania. W rezultacie zwiększyliśmy szybkość witryny 2,5-krotnie.

Indywidualny system zarządzania kursami edukacyjnymi

Po aktualizacji platformy do nowszej wersji, nasz zespół opracował nową funkcjonalność związaną z kursami. Stworzyliśmy listę dostępnych programów z elastycznym filtrowaniem. Studenci mogą teraz składać aplikacje online na różne programy, wypełniając wymagane informacje i przesyłając dokumenty.

Podzieliliśmy również kursy na kilka modułów z dołączonymi notatkami, lekcjami wideo i książkami. Po zaliczeniu jednego z modułów, studenci powinni zdać testy u nauczycieli akademickich, aby uzyskać dostęp do kolejnego modułu. Wdrożyliśmy również skalę ocen dla każdej dyscypliny oraz indywidualny system śledzenia ocen.

Zaktualizowane systemy zarządzania uczniami i narzędzia do śledzenia postępów edukacyjnych umożliwiają uczniom i nauczycielom skoncentrowanie się na edukacji zamiast na kwestiach organizacyjnych.

Ponadto nasi specjaliści wdrożyli funkcjonalność, która umożliwia studentom składanie wniosków o dokumenty z uczelni. Powiadomienie o prośbie jest wysyłane do dziekanatu w celu późniejszego przetworzenia i złożenia. Gdy niezbędna dokumentacja jest gotowa, studenci otrzymują powiadomienia o konieczności stawienia się w dziekanacie.

Przeprojektowano również formularz drukowanego dokumentu: pomysł polegał na uzyskaniu dwustronicowego układu z oświadczeniem osobistym na jednej stronie i resztą na drugiej stronie arkusza A4 w celu łatwego przetwarzania dokumentów, z mniej ważnymi informacjami dostępnymi, ale wizualnie oddzielonymi.

Ponadto dodaliśmy kilka nowych formularzy online, z których jeden to międzynarodowy wniosek z funkcją podstawowej oceny znajomości języka angielskiego wnioskodawcy. Nasz zespół pracuje obecnie nad tym formularzem, aby dodać więcej kryteriów oceny i wprowadzanie głosowe.

Innowise ulepszyło również funkcjonalność strony o nowy pulpit nawigacyjny, umożliwiający studentom przeglądanie harmonogramów profesorów i rezerwowanie wolnych miejsc na konsultacje badawcze. Dzięki tej nowej funkcji studenci mogą wygodnie planować spotkania bez konieczności przechodzenia przez długi proces wysyłania e-maili do profesorów lub odwiedzania ich biur. System pozwala użytkownikom na szybką nawigację po kalendarzach profesorów i wybranie dogodnego czasu i pokoju na uczelni. System może być zintegrowany z Kalendarzem Google, zapewniając, że wszystkie rezerwacje i zmiany dokonane w harmonogramie są natychmiast synchronizowane na wszystkich platformach.

Technologie i narzędzia

Back-end

.NET5, ASP.NET WEB API, Entity Framework, JWT, FluentValidation, AutoMapper

Front end

XHTML zbudowany zgodnie ze specyfikacjami W3C, JavaScript, jQuery i CSS. Poziom A zgodności z dostępnością treści internetowych. React, Lodash, Recoil, Material UI, Apollo Client

Baza danych

MS SQL Server

Platformy

Umbraco CMS 9

Chmura

Azure Data Storage, Azure Key Vault, Azure App Insights, Azure App Services, Azure AD, Azure Functions, Azure Cosmos DB

DevOps

Azure DevOps

NUnit, Moq

Proces

Stosowaliśmy metodologię Scrum z dwutygodniowymi sprintami, aby zapewnić niezbędną elastyczność w procesie pracy. Podczas projektu cała komunikacja między naszym zespołem a klientem odbywała się za pośrednictwem Google Chat i Google Meets ze stałym śledzeniem zadań za pośrednictwem Jira. Ogólnie rzecz biorąc, zakres naszych prac obejmował następujące etapy:

Przeprowadziliśmy audyt projektu w celu zidentyfikowania problemów z wydajnością i zebrania wymagań.
Po zebraniu wymagań wykonaliśmy kopię zapasową strony internetowej i bazy danych.
Zaktualizowaliśmy stronę internetową do wersji Umbraco 9.5, dzięki czemu proces ten nie zakłócił pracy uczelni i przetwarzania nowych aplikacji.
Podczas testów utrzymywaliśmy i ulepszaliśmy poprzednią funkcjonalność systemu zarządzania treścią uczelni.

Po zatwierdzeniu wyników przez klienta rozpoczęliśmy opracowywanie nowych funkcji kursu, narzędzi do automatyzacji dokumentów oraz nowych formularzy aplikacyjnych i testowych. Nadal pracujemy nad projektem, utrzymujemy funkcjonalność strony i udoskonalamy nowe funkcje dla programów edukacyjnych.

Zespół

Kierownik projektu

Inżynier DevOps

Programiści front-end

Programiści back-end

Projektant UI/UX

QA Engineer

Kierownik zespołu

Wyniki

Zaktualizowana strona internetowa uczelni wykazała znaczny wzrost wydajności, podwajając ruch na stronie i zwiększając liczbę zgłoszeń studentów na nowe kursy. Wdrożenie zautomatyzowanej papierkowej roboty i nowych narzędzi dokumentacyjnych zoptymalizowało i znacznie przyspieszyło pracę pracowników uczelni. Studenci mogą teraz uzupełniać materiały edukacyjne filmami, książkami, zdjęciami i artykułami, co sprawia, że proces uczenia się jest bardziej ustrukturyzowany i przyjemny. Witryna jest zoptymalizowana pod kątem urządzeń mobilnych, umożliwiając studentom naukę, śledzenie postępów, rezerwowanie konsultacji i składanie wniosków w dowolnym miejscu i czasie.

Czas trwania projektu

Maj 2022 - w toku

Related cases

Skontaktuj się z nami

Umów się na rozmowę lub wypełnij poniższy formularz, a my odezwiemy się do Ciebie po przetworzeniu Twojego zgłoszenia.

Nazwa

Firma

E-mail

Telefon

Wiadomość

Wyślij nam wiadomość głosową

Załącz dokumenty

Prześlij plik

Można załączyć 1 plik o rozmiarze do 2 MB. Prawidłowe formaty plików: pdf, jpg, jpeg, png.

Klikając "Wyślij", wyrażasz zgodę na przetwarzanie Twoich danych osobowych przez Innowise zgodnie z naszą Polityką Prywatności w celu przekazania Ci odpowiednich informacji. Podając numer telefonu, zgadzasz się na kontakt za pośrednictwem połączeń głosowych, SMS-ów lub komunikatorów. Mogą obowiązywać opłaty za połączenia, wiadomości i transmisję danych.

Możesz także wysłać swoje zapytanie
na adres contact@innowise.com

Co dalej?

Po otrzymaniu i przetworzeniu zgłoszenia skontaktujemy się z Tobą, aby szczegółowo opisać projekt i podpisać umowę NDA w celu zapewnienia poufności.

Po przeanalizowaniu Twoich potrzeb i oczekiwań, nasz zespół opracuje propozycję projektu z zakresem prac, wielkością zespołu, czasem i szacunkowymi kosztami.

Zorganizujemy spotkanie w celu omówienia oferty i ustalenia szczegółów.

Na koniec podpiszemy umowę, błyskawicznie rozpoczynając pracę nad projektem.