Managment Panel for BPS Cloud portal

StreszczenieTematem projektu jest budowa webowej aplikacji dla firmy WEBCON, przeznaczonej dla osób administrujących portalem BPS Cloud oraz klientów portalu. Udostępnia ona panel administracyjny oraz panel klienta. Wszelkie dane dotyczące ustawień dostępnych do konfigurowania na stronie portalu przechowywane są w osobnej bazie danych. Format zapytań do komunikacji między aplikacją frontendową a backendową został oparty o standard REST.Do zrealizowania projektu w części frontendowej zostały wykorzystanie biblioteki REACT pozwalające na tworzenie osobnych komponentów wielokrotnego użytku, oraz REDUX, mająca na celu uproszczenie komunikacji między komponentami, ograniczając ją do zmiany wspólnych zbiorów stanów, co ułatwia kontrolowanie zmian, oraz przyspiesza renderowanie komponentów na ekranie. Część backendowa została zaprojektowana w platformie .Net Core, pozwalającej na stworzenie aplikacji serwerowej w oparciu o standard REST, gdzie dostępne są wbudowane biblioteki do komunikacji z serwerem bazy danych. Zarówno w części frontendowej jak i backendowej zostały wykorzystane dodatkowe rozwiązania mające na celu łatwiejszą integrację danych bądź uproszczenie pisanego kodu, takie jak zastosowanie arkuszów stylów CSS, czy dodatkowa nakładka PetaPoco na komunikację z bazą danych. Podczas tworzenia projektu użyte zostały również dodatkowe narzędzia w celu uniknięcia propagacji błędów, oraz lepszej kontroli nad zatwierdzanymi zmianami takie jak system kontroli wersji GIT, czy wizualizacyjne narzędzie Source Tree.Do wykonania projektu został wyznaczony czteroosobowy zespół, którego zadaniem, było stworzenie powyższej aplikacji zgodnie z stosem technologicznym wykorzystywanym przez firmę WEBCON by ułatwić późniejszą integrację z resztą systemu firmy. Praca ta była tworzona we własnym zakresie członków zespołu, gdzie średnio zostało jej poświęcone osiem godzin tygodniowo na osobę. Dodatkowo w budynku firmy organizowane były czterogodzinne spotkania, podczas których poruszane były zagadnienia projektu, aby uzgadniać koncepcje tworzonych części kodu, oraz weryfikować już istniejące.Głównym celem aplikacji, jest umożliwianie zarejestrowanym firmom klienckim swobodną modyfikację ustawień dotyczących portalu BPS Cloud oraz zarządzanie klientami przez administratorów panelu. Dla firm klienckich panel umożliwia: •Zarządzanie pakietami zasobów oferowanymi przez firmę Webcon•Zarządzanie dostępem do strony portalu•Definiowanie użytkowników mających dostęp do panelu•Modyfikowanie danych firmySekcja administracyjna udostępnia dodatkowe możliwości dostępne jedynie dla administratorów panelu, które mają ułatwić kontrolę nad zarejestrowanymi firmami klienckimi, oraz umożliwić pomoc techniczną dla nich. Administratorzy mają uprawnienia do: •Definiowania pakietów•Definiowania usług•Modyfikacji słowników usług i krajów•Zarządzania listą administratorówLiczne zdjęcia przedstawione w częśći praktycznej obrazują wygląd aplikacji jaki udało się stworzyć. Ponadto zdefiniowane zostały 25 diagramy specyfikujące poszczególne części aplikacji.

SummaryThis work focuses on design and implementation of the Managment Panel for Portal BPS Cloud intended for people administering the BPS Cloud portal and for portal's clients. The application provides administration panel and client panel. All data are stored in a separate database. REST standard was chosen as a format of requests for communication between frontend and backend applications.To implement the project in the frontend part, the React library was used to create separate reusable components, and REDUX, aimed at simplifying communication between components and limiting it to change common sets of state. It facilitates control of changes, and speed up rendering components on the screen. The backend part has been designed using .Net Core platform, allowing the creation of a server application based on the REST standard. Its embedded libraries for communication with database was very useful. Both in frontend and backend parts various tools and libraries have been used to facilitate data integration, simplify written code and to ensure efficient team work. For instance PetaPoco - library for communication with database or Source Tree – GIT tool that provides visual representation of your repositories. A team of four people was appointed to implement the project, whose task was to create the application in accordance with the technological stack used by WEBCON. It facilitates subsequent integration with the rest of the company's system. On average every team member worked for eight hours every week. In addition, four-hour meetings were organized in the home of company, during which project issues were discussed to reconcile the concepts of the created parts of the code and verify existing ones.The main purpose of the application is to enable registered companies to seamlessly modify settings related to the BPS Cloud portal and to manage client. For client companies, the panel among others enables:•Management of resources offered by Webcon•Managing access to the page•Defining users that have access to the panel•Modifying company dataThe administration section provides additional functionalities available only to panel administrators. They facilitate control over registered client companies and enable technical support for them. Among others administrators can:•Define packages•Define services•Define countries•Manage administrator listNumerous pictures presented in the practical part illustrate appearance of the application that was created. In addition to that, 25 diagrams specifying individual parts of the application have been defined.