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.

Wdrożenie

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.

The upgrade to Umbraco 9.5 has resulted in significant global system changes. The switch to .NET5 significantly increased the website’s performance. Following the upgrade, our team performed testing, pinpointing and promptly resolving minor problems in the architecture and non-optimized queries. As a result, we increased the website’s speed by 2.5 times.

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.

In addition, our specialists implemented functionality that allows students to make document requests from the college. The request notification is sent to the dean’s office for subsequent processing and submission. Once the necessary documentation is ready, students receive notifications to come to the dean’s office.

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.

Furthermore, we added several new online forms, one of which is an international application with the functionality of a basic assessment of the applicant’s English language proficiency. Our team is currently working on this form to add more evaluation criteria and voice input.

Innowise also enhanced the site’s functionality with a new dashboard, allowing students to view professors’ schedules and book available slots for research consultations. With the help of this new feature, students can conveniently schedule appointments without having to go through a lengthy process of emailing professors or visiting their offices. The system allows users to quickly navigate professors’ calendars and select a convenient time and college room. The system can be integrated with Google Calendar, ensuring that all bookings and changes made to the schedule are instantly synced across all platforms.

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. Zgodność z poziomem A dostępności treści internetowych. React, Lodash, Recoil, Material UI, Apollo Client

Bazy danych

MS SQL Server

Platformy

Umbraco CMS 9

Cloud

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

The updated college website showed a significant performance increase, doubling the site traffic and increasing the number of student applications for new courses. The implementation of automated paperwork and new documentation tools has optimized and considerably expedited the work of the college staff. Students are now able to supplement learning materials with videos, books, images, and articles, which makes the learning process more structured and enjoyable. The site is optimized for mobile devices, allowing students to learn, track progress, book consultations, and submit applications anytime, anywhere.

Czas trwania projektu

Maj 2022 - w toku

Podobne projekty

Skontaktuj się z nami!

Zadzwoń lub wypełnij poniższy formularz, a my skontaktujemy się z Tobą po przetworzeniu Twojego zgłoszenia.

Nazwa

Firma

Telefon

Wiadomość Prosimy o podanie szczegółów projektu, czasu trwania, stosu technologicznego, potrzebnych specjalistów IT i innych istotnych informacji.

Nagraj wiadomość głosową na temat projekt, który pomoże nam lepiej go zrozumieć

W razie potrzeby dołącz dodatkowe dokumenty

Prześlij plik

Można załączyć maksymalnie 1 plik o łącznej wielkości 2 MB. Ważne pliki: pdf, jpg, jpeg, png

Informujemy, że po kliknięciu przycisku Wyślij Innowise będzie przetwarzać Twoje dane osobowe zgodnie z naszą Polityką prywatności w celu dostarczenia Ci odpowiednich informacji.

Co będzie dalej?

Po otrzymaniu i przetworzeniu Twojego zgłoszenia skontaktujemy się z Tobą wkrótce, aby wyszczególnić potrzeby projektu i podpisać umowę o zachowaniu poufności, aby zapewnić poufność informacji.

Po przeanalizowaniu wymagań, nasi analitycy i programiści opracowują projekt z zakresem prac, wielkością zespołu, czasem i kosztami szacunki.

Umówimy się z Tobą na spotkanie, aby omówić ofertę i dojść do porozumienia porozumienia.

Podpisujemy umowę i rozpoczynamy pracę nad projektem tak szybko, jak to możliwe.