title: ÐÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÑÐ¸ÑÑÐµÐ¼Ñ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð³Ð¾ Ð¿Ð¾ÑÑÑÐ¾Ð»Ð¸Ð¾ ÑÑÑÐ´ÐµÐ½ÑÐ° Ð½Ð° Ð¿ÑÐ¸Ð¼ÐµÑÐµ Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¾Ð³Ð¾ ÐÐ¾Ð»Ð¸ÑÐµÑ Ð½Ð¸ÑÐµÑÐºÐ¾Ð³Ð¾ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑÐ°
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Design and development of a studentâs electronic portfolio system using the example of Peter the Great St.Petersburg Polytechnic University
Creators: name: Ð¢ÑÐ¾ÑÐ¸Ð¼ÐµÐ½ÐºÐ¾, ÐÐ½Ð°ÑÑÐ°ÑÐ¸Ñ
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2024
Subjects: ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ðµ Ð¿Ð¾ÑÑÑÐ¾Ð»Ð¸Ð¾
ÑÐ¾Ð»ÐµÐ²Ð°Ñ Ð¼Ð¾Ð´ÐµÐ»Ñ
Ð°ÑÑ Ð¸ÑÐµÐºÑÑÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹
NodeJs
React
electronic portfolio
role model
web application architecture

description: ÐÑÐµÐ´Ð¼ÐµÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð´Ð°Ð½Ð½Ð¾Ð¹ Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð³Ð¾ Ð¿Ð¾ÑÑÑÐ¾Ð»Ð¸Ð¾, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐµÐµ ÑÑÑÐ´ÐµÐ½ÑÑ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¾Ð²Ð°ÑÑ Ñ ÑÐ°Ð±Ð¾ÑÐ¾Ð´Ð°ÑÐµÐ»ÐµÐ¼. ÐÐ±ÑÐµÐºÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ²Ð»ÑÐµÑÑÑ Ð¿ÑÐ¾ÑÐµÑÑ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð³Ð¾ Ð¿Ð¾ÑÑÑÐ¾Ð»Ð¸Ð¾. Ð¦ÐµÐ»ÑÑ Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ðµ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð³Ð¾ Ð¿Ð¾ÑÑÑÐ¾Ð»Ð¸Ð¾ Ð´Ð»Ñ ÑÑÑÐ´ÐµÐ½ÑÐ¾Ð² Ð¡ÐÐ±ÐÐ£, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐµÐ³Ð¾ ÑÑÑÐ´ÐµÐ½ÑÐ°Ð¼ ÑÐ°Ð·Ð¼ÐµÑÐ°ÑÑ Ð¼Ð°ÑÐµÑÐ¸Ð°Ð»Ñ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð½ÑÑ ÑÑÐµÐ±Ð½ÑÑ ÑÐ°Ð±Ð¾Ñ, Ð²ÑÐ¿Ð¾Ð»Ð½ÑÑÑ Ð¿Ð¾Ð¸ÑÐº Ð¸Ð½ÑÐµÑÐµÑÑÑÑÐ¸Ñ Ð²Ð°ÐºÐ°Ð½ÑÐ¸Ð¹ Ð¸ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¾Ð²Ð°ÑÑ Ñ ÑÐ°Ð±Ð¾ÑÐ¾Ð´Ð°ÑÐµÐ»ÐµÐ¼. ÐÐ»Ñ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑÐ°Ð±Ð¾ÑÑ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»Ð¸ÑÑ Ð¼ÐµÑÐ¾Ð´Ð¾Ð»Ð¾Ð³Ð¸Ð¸ ÑÐ¸ÑÑÐµÐ¼Ð½Ð¾Ð³Ð¾ Ð¸ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½Ð¾Ð³Ð¾ Ð°Ð½Ð°Ð»Ð¸Ð·Ð¾Ð², Ð¼Ð¾Ð´ÐµÐ»Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÐ¸ÑÑÐµÐ¼, Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ñ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ¾Ð², ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¸ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ. ÐÐ¾ Ð¸ÑÐ¾Ð³Ð°Ð¼ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¸ Ð¿Ð¾Ð»ÑÑÐµÐ½Ñ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÑ: Ð±Ð°Ð·Ð° Ð´Ð°Ð½Ð½ÑÑ ÑÐ¸ÑÑÐµÐ¼Ñ Ñ ÑÑÐµÑÐ¾Ð¼ ÑÐ¾Ð»ÐµÐ²Ð¾Ð¹ Ð¼Ð¾Ð´ÐµÐ»Ð¸ ÑÐ¸ÑÑÐµÐ¼Ñ, ÑÐµÑÐ²ÐµÑÐ½Ð°Ñ Ð¸ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ°Ñ ÑÐ°ÑÑÐ¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, ÑÐµÐ°Ð»Ð¸Ð·ÑÑÑÐ¸Ðµ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÐ¸ Ð°ÑÑÐµÐ½ÑÐ¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¸ Ð¸ Ð°Ð²ÑÐ¾ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¹, Ð¾Ð±Ð¼ÐµÐ½ ÑÐ¾Ð¾Ð±ÑÐµÐ½Ð¸ÑÐ¼Ð¸ Ð² ÑÐµÐ¶Ð¸Ð¼Ðµ ÑÐµÐ°Ð»ÑÐ½Ð¾Ð³Ð¾ Ð²ÑÐµÐ¼ÐµÐ½Ð¸, Ð·Ð°Ð³ÑÑÐ·ÐºÐ¸ Ð¸ ÑÑÐ°Ð½ÐµÐ½Ð¸Ñ ÑÐ°Ð¹Ð»Ð¾Ð², Ð±ÐµÐ·Ð¾Ð¿Ð°ÑÐ½Ð¾Ð¹ Ð¿ÐµÑÐµÐ´Ð°ÑÐ¸ Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ð¸. ÐÐ»Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»Ð¸ÑÑ ÑÐ¾Ð²ÑÐµÐ¼ÐµÐ½Ð½ÑÐµ Ð¿ÑÐ°ÐºÑÐ¸ÐºÐ¸ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ Ð¾ÑÐ³Ð°Ð½Ð¸Ð·Ð°ÑÐ¸Ð¸ ÐºÐ¾Ð´Ð°. ÐÐ±Ð»Ð°ÑÑÑÑ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ Ð¿ÑÐ¾ÑÐµÑÑ ÑÑÑÐ´Ð¾ÑÑÑÑÐ¾Ð¹ÑÑÐ²Ð° ÑÑÑÐ´ÐµÐ½ÑÐ¾Ð².
description: The subject of this final qualification work is a web-based e-portfolio application that allows a student to interact with an employer. The object of study is the design and development process of a web-based e-portfolio application. The purpose of this work is to create an electronic portfolio for SPbPU students, allowing students to place materials of completed academic works, search for jobs of interest and interact with the employer. Methodologies of system and comparative analysis, system modeling, user interface design, development and testing were used to perform the work. The following results were obtained: the system database taking into account the role model of the system, server and client parts of the application, implementing the possibilities of authentication and authorization of users, real-time messaging, file uploading and storage, secure information transfer. Modern programming and code organization practices were used to implement the web application. The application area of this work is the process of student employment.