{"id":2209,"date":"2026-08-03T07:51:11","date_gmt":"2026-08-03T07:51:11","guid":{"rendered":"https:\/\/www.vpascode.com\/ru\/what-types-of-diagrams-can-you-create-with-plantuml-complete-guide\/"},"modified":"2026-08-03T07:51:11","modified_gmt":"2026-08-03T07:51:11","slug":"what-types-of-diagrams-can-you-create-with-plantuml-complete-guide","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/ru\/what-types-of-diagrams-can-you-create-with-plantuml-complete-guide\/","title":{"rendered":"\u041a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e PlantUML? (\u041f\u043e\u043b\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e)"},"content":{"rendered":"

\"Hero<\/p>\n

\u0412 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u044f \u0447\u0430\u0441\u0442\u043e \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u044b\u043c\u0438. \u041e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u0441\u044f, \u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u0432\u0435\u0440\u0441\u0438\u0439, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a Git, \u0438 \u043e\u043d\u0438 \u043f\u043e\u0434\u0432\u0435\u0440\u0436\u0435\u043d\u044b \u043d\u0435\u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u043c\u0443 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044e. \u0418\u043c\u0435\u043d\u043d\u043e \u0437\u0434\u0435\u0441\u044c\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043a\u0430\u043a \u043a\u043e\u0434 (DaC)<\/strong>\u0432\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0432 \u0438\u0433\u0440\u0443, \u0438PlantUML<\/strong>\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0445 \u0438 \u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u0432 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/section>\n
\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c. \u041d\u043e \u043a\u0430\u043a\u0438\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0438\u043f\u044b \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441 \u0435\u0433\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e? \u041d\u0443\u0436\u043d\u044b \u043b\u0438 \u0432\u0430\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b \u044f\u0437\u044b\u043a\u0430 \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (UML), \u043e\u0431\u0437\u043e\u0440\u044b \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0448\u043a\u0430\u043b\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u2014 PlantUML \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438. \u0412 \u044d\u0442\u043e\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043e\u0431\u0448\u0438\u0440\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0442\u0438\u043f\u043e\u0432 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0445 PlantUML, \u0438 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0433\u043e\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 PlantUML<\/strong>\u0442\u0430\u043a\u043e\u0433\u043e \u043a\u0430\u043aVPasCode<\/a>\u043f\u043e\u0432\u044b\u0448\u0430\u0435\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/section>\n
\n

2. \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u044f\u0437\u044b\u043a\u0430 \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (UML)<\/h2>\n

\u0412 \u0441\u0432\u043e\u0435\u0439 \u043e\u0441\u043d\u043e\u0432\u0435 PlantUML \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c UML. \u041e\u043d \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0434\u0432\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438: \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f.<\/p>\n

\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b<\/h3>\n

\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/h4>\n

\u041c\u043e\u0434\u0435\u043b\u0438\u0440\u0443\u0439\u0442\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e-\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0438 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f (\u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u0430\u0433\u0440\u0435\u0433\u0430\u0446\u0438\u044f, \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f) \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 \u043a\u043e\u0434\u0430.<\/p>\n

\"Main<\/p>\n

\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\n  \ntitle \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0442\u0435\u043b\u0435\u043c\n\n' \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b\ninterface IReservable {\n    + makeReservation(customer: Customer, dates: DateRange): boolean\n    + cancelReservation(reservationId: String): boolean\n    + checkAvailability(date: Date): boolean\n}\n\ninterface IPayable {\n    + processPayment(amount: double): boolean\n    + issueRefund(reservationId: String): boolean\n    + getPaymentStatus(): String\n}\n\n' \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441\nabstract class Person {\n    - id: String\n    - name: String\n    - email: String\n    - phone: String\n    + getId(): String\n    + getName(): String\n    + getContactInfo(): String\n    + updateContactInfo(info: String): void\n}\n\n' \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b\nclass Customer {\n    - loyaltyPoints: int\n    - totalStays: int\n    - preferences: List\n    + earnLoyaltyPoints(stayCost: double): void\n    + redeemLoyaltyPoints(points: int): boolean\n    + getLoyaltyTier(): String\n    + addPreference(preference: String): void\n}\n\nclass Room {\n    - roomNumber: String\n    - roomType: RoomType\n    - capacity: int\n    - pricePerNight: double\n    - amenities: List\n    - isAvailable: boolean\n    + bookRoom(customer: Customer, dates: DateRange): boolean\n    + releaseRoom(): void\n    + getPrice(customer: Customer): double\n    + addAmenity(amenity: String): void\n    + getRoomStatus(): String\n}\n\nclass Reservation {\n    - reservationId: String\n    - checkInDate: Date\n    - checkOutDate: Date\n    - totalPrice: double\n    - status: ReservationStatus\n    - specialRequests: String\n    + calculateTotalPrice(): double\n    + confirmReservation(): void\n    + checkIn(): void\n    + checkOut(): boolean\n    + updateDates(newCheckIn: Date, newCheckOut: Date): boolean\n    + getDuration(): int\n}\n\n' \u041f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435\nenum RoomType {\n    STANDARD\n    DELUXE\n    SUITE\n    PRESIDENTIAL\n}\n\n' \u041f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435\nenum ReservationStatus {\n    PENDING\n    CONFIRMED\n    CHECKED_IN\n    CHECKED_OUT\n    CANCELLED\n}\n\n' \u041e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f\n' \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 (\u043f\u0443\u043d\u043a\u0442\u0438\u0440\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u0441 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u043c)\nIReservable <|.. Reservation : implements\nIPayable <|.. Reservation : implements\n\n' \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 (\u0441\u043f\u043b\u043e\u0448\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u0441 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u043c)\nPerson <|-- Customer : extends\n' \u041a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f (\u0441\u043f\u043b\u043e\u0448\u043d\u043e\u0439 \u0440\u043e\u043c\u0431) - \u041d\u043e\u043c\u0435\u0440 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0411\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\nReservation *-- \"1..*\" Room : contains\n\n' \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f (\u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0441\u043f\u043b\u043e\u0448\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f) \u0441 \u043a\u0440\u0430\u0442\u043d\u043e\u0441\u0442\u044c\u044e\nCustomer \"1\" -- \"0..*\" Reservation : makes\n\n' \u0417\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c (\u043f\u0443\u043d\u043a\u0442\u0438\u0440\u043d\u0430\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430) - \u041a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u0438\u043f\u0430 \u043d\u043e\u043c\u0435\u0440\u0430\nCustomer ..> RoomType : has loyalty tier based on\n\n' \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043c\u0435\u0442\u043a\u043e\u0439\nReservation \"1\" --o \"1\" Customer : booked by\n\n' \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u043c \u043a\u043b\u0430\u0441\u0441\u043e\u043c (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u0435\u043b\u044c)\nIReservable <|.. Room : implements\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0438 \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044f<\/h4>\n
\u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0437\u043b\u044b, \u0430\u0440\u0442\u0435\u0444\u0430\u043a\u0442\u044b \u0438 \u0441\u0440\u0435\u0434\u044b \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u043c\u0443 \u0438\u043b\u0438 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u043c\u0443 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u043e\u043c\u0443 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044e.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle \u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\n\npackage \"\u0421\u043b\u043e\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\" {\n    [\u0412\u0435\u0431-\u0431\u0440\u0430\u0443\u0437\u0435\u0440] as Browser\n    [\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435] as Mobile\n}\n\npackage \"\u0421\u0435\u0440\u0432\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\" {\n    [API-\u0448\u043b\u044e\u0437] as Gateway\n    [\u0421\u0435\u0440\u0432\u0438\u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439] as UserService\n    [\u0421\u0435\u0440\u0432\u0438\u0441 \u0437\u0430\u043a\u0430\u0437\u043e\u0432] as OrderService\n    [\u0421\u0435\u0440\u0432\u0438\u0441 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439] as PaymentService\n}\n\npackage \"\u0421\u043b\u043e\u0439 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445\" {\n    database \"\u0411\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\" as UserDB\n    database \"\u0411\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043a\u0430\u0437\u043e\u0432\" as OrderDB\n}\n\npackage \"\u0421\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b\" {\n    [API Stripe] as Stripe\n}\n\n' \u0421\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f\nBrowser --> Gateway : HTTP \/ REST\nMobile --> Gateway : HTTP \/ REST\n\nGateway --> UserService : \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 REST\nGateway --> OrderService : \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 REST\n\nUserService --> UserDB : \u0427\u0442\u0435\u043d\u0438\u0435 \/ \u0417\u0430\u043f\u0438\u0441\u044c\nOrderService --> OrderDB : \u0427\u0442\u0435\u043d\u0438\u0435 \/ \u0417\u0430\u043f\u0438\u0441\u044c\nOrderService --> PaymentService : \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430\n\nPaymentService --> Stripe : HTTPS \/ API\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Component<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle \u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u044f - 3-\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\n\nskinparam componentStyle rectangle\n\nnode \"\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u0441\u0442\u043e\u043b\" as clientNode {\n  node \"\u0412\u0435\u0431-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\" as browser {\n    artifact \"\u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (HTML\/JS)\" as frontend\n  }\n}\n\nnode \"\u0421\u0435\u0440\u0432\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439\" as appServerNode {\n  node \"\u0421\u0435\u0440\u0432\u043b\u0435\u0442-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 (Tomcat)\" as tomcat {\n    artifact \"\u0411\u044d\u043a\u0435\u043d\u0434 API (\u0444\u0430\u0439\u043b WAR)\" as appApi\n  }\n}\n\nnode \"\u0421\u0435\u0440\u0432\u0435\u0440 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445\" as databaseNode {\n  database \"PostgreSQL\" as postgres {\n    artifact \"\u0421\u0445\u0435\u043c\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\" as dbSchema\n  }\n}\n\nclientNode -- appServerNode : HTTPS (\u041f\u043e\u0440\u0442 443)\nappServerNode -- databaseNode : JDBC (\u041f\u043e\u0440\u0442 5432)\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Deployment<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f<\/h3>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/h4>\n
\u0421\u0430\u043c\u044b\u0439 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0442\u0438\u043f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c PlantUML. \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435\/\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0432\u044b\u0437\u043e\u0432\u044b API \u0438 \u043f\u043e\u0442\u043e\u043a\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043c\u0435\u0436\u0434\u0443 \u0430\u043a\u0442\u043e\u0440\u0430\u043c\u0438 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitle \u041f\u043e\u0442\u043e\u043a \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\r\n\r\nactor \"\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\" as user\r\nparticipant \"\u0412\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\" as app\r\nparticipant \"API \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438\" as auth\r\ndatabase \"\u0411\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\" as db\r\n\r\nuser -> app : \u0412\u0432\u0435\u0441\u0442\u0438 \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435\r\nactivate app\r\n\r\napp -> auth : POST \/api\/v1\/login\r\nactivate auth\r\n\r\nauth -> db : \u0417\u0430\u043f\u0440\u043e\u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043f\u043e email\r\nactivate db\r\ndb --> auth : \u0412\u0435\u0440\u043d\u0443\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0445\u0435\u0448\r\ndeactivate db\r\n\r\nalt \u0412\u0435\u0440\u043d\u044b\u0435 \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435\r\n    auth -> auth : \u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0430\u0440\u043e\u043b\u044c \u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c JWT\r\n    auth --> app : 200 OK (\u0422\u043e\u043a\u0435\u043d \u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u044c)\r\n    app --> user : \u041f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\r\nelse \u041d\u0435\u0432\u0435\u0440\u043d\u044b\u0435 \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435\r\n    auth --> app : 401 Unauthorized (\u041e\u0448\u0438\u0431\u043a\u0430)\r\n    app --> user : \u041e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u00ab\u041d\u0435\u0432\u0435\u0440\u043d\u044b\u0435 \u0443\u0447\u0435\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435\u00bb\r\nend\r\n\r\ndeactivate auth\r\ndeactivate app\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Sequence<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f<\/h4>\n
\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0430\u043a\u0442\u043e\u0440\u043e\u0432, \u0446\u0435\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043c.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitle \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u043d\u043b\u0430\u0439\u043d-\u043f\u043e\u043a\u0443\u043f\u043e\u043a - \u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\r\n\r\n\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043b\u0435\u0432\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043e\r\n\r\nactor \u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c\r\nactor \"\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c\" as RegCustomer\r\nactor \"\u041f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0439 \u0448\u043b\u044e\u0437\" as PaymentSystem\r\n\r\n\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c <|-- \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c rectangle \"\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438\" { usecase \"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0442\u043e\u0432\u0430\u0440\u043e\u0432\" as UC_Browse usecase \"\u041f\u043e\u0438\u0441\u043a \u0442\u043e\u0432\u0430\u0440\u043e\u0432\" as UC_Search usecase \"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u0440\u0437\u0438\u043d\u043e\u0439\" as UC_Cart usecase \"\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430\" as UC_Checkout usecase \"\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u0443\u043f\u043e\u043d\u0430\" as UC_Coupon usecase \"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430\" as UC_Payment usecase \"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0437\u0430\u043a\u0430\u0437\u043e\u0432\" as UC_History } \u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c --> UC_Browse\r\n\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c --> UC_Search\r\n\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c --> UC_Cart\r\n\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c --> UC_Checkout\r\n\r\n\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c --> UC_History\r\n\r\nUC_Checkout .> UC_Payment : <>\r\nUC_Checkout <.. UC_Coupon : <>\r\n\r\nUC_Payment -- PaymentSystem\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Use<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439<\/h4>\n
\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0431\u043b\u043e\u043a-\u0441\u0445\u0435\u043c\u044b \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438, \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u043e\u0442\u043e\u043a\u043e\u0432, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u043e\u0432 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitle \u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430\r\n\r\n|\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c|\r\nstart\r\n:\u041e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0437\u0430\u043a\u0430\u0437;\r\n:\u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0435 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b;\r\n\r\n|\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430\u043a\u0430\u0437\u043e\u0432|\r\nif (\u041f\u043b\u0430\u0442\u0435\u0436 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u0435\u043d?) then (\u0434\u0430)\r\n    :\u0417\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u0432\u0430\u0440;\r\n     \r\n    ' \u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b\r\n    fork\r\n        |\u0421\u043a\u043b\u0430\u0434|\r\n        :\u041f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u0442\u043e\u0432\u0430\u0440\u044b \u0441 \u043f\u043e\u043b\u043a\u0438;\r\n        :\u0423\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u0432\u0430\u0440\u044b \u0432 \u043a\u043e\u0440\u043e\u0431\u043a\u0443;\r\n    fork again\r\n        |\u0411\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044f|\r\n        :\u0421\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c PDF-\u0441\u0447\u0435\u0442;\r\n        :\u0421\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0441 \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430;\r\n    end fork\r\n\r\n    |\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430|\r\n    :\u041f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u044d\u0442\u0438\u043a\u0435\u0442\u043a\u0443 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438;\r\n    :\u041f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043a\u0443\u0440\u044c\u0435\u0440\u0443;\r\n     \r\n    |\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c|\r\n:\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0441\u044b\u043b\u043a\u0443;\r\n    stop\r\nelse (\u043d\u0435\u0442)\r\n    |\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0437\u0430\u043a\u0430\u0437\u043e\u0432|\r\n    :\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0430;\r\n    |\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044c|\r\n    :\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434;\r\n    stop\r\nendif\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Activity<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitle \u0416\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0437\u0430\u043a\u0430\u0437\u0430 \u0432 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438\r\n\r\n[*] --> \u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435 : \u0417\u0430\u043a\u0430\u0437 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\r\n\r\nstate \u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435 {\r\n    [*] --> \u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435\u041f\u043b\u0430\u0442\u0435\u0436\u0430\r\n    \u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435\u041f\u043b\u0430\u0442\u0435\u0436\u0430 --> \u041f\u043b\u0430\u0442\u0435\u0436\u041d\u0435\u0423\u0434\u0430\u043b\u0441\u044f : \u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430\r\n    \u041f\u043b\u0430\u0442\u0435\u0436\u041d\u0435\u0423\u0434\u0430\u043b\u0441\u044f --> \u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435\u041f\u043b\u0430\u0442\u0435\u0436\u0430 : \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u043f\u043b\u0430\u0442\u0435\u0436\r\n}\r\n\r\n\u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435 --> \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 : \u041f\u043b\u0430\u0442\u0435\u0436 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\r\n\u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435 --> \u041e\u0442\u043c\u0435\u043d\u0435\u043d\u043e : \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043e\u0442\u043c\u0435\u043d\u044f\u0435\u0442 \u0437\u0430\u043a\u0430\u0437\r\n\r\nstate \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 {\r\n    [*] --> \u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430\r\n    \u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430 --> \u0413\u043e\u0442\u043e\u0432\u043e\u041a\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0435 : \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u0430\r\n}\r\n\r\n\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 --> \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e : \u041f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u0447\u0438\u043a\u0443\r\n\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e --> \u0414\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e : \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0430\r\n\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e --> \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u043e : \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043d\u0435 \u0443\u0434\u0430\u043b\u0430\u0441\u044c \/ \u041e\u0442\u043a\u0430\u0437\u0430\u043d\u043e\r\n\r\n\u0414\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e --> [*]\r\n\u041e\u0442\u043c\u0435\u043d\u0435\u043d\u043e --> [*]\r\n\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u043e --> [*]\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"State<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u043e\u0432<\/h4>\n
\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0439\u0442\u0435 \u0442\u043e\u0447\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044b \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439 \u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0432 \u0434\u0438\u0441\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u044b \u2014 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u0438\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\ntitle \u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u043e\u0432 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 SPI\r\n\r\nrobust \"\u0427\u0430\u0441\u044b (SCLK)\" as CLK\r\nbinary \"\u0412\u044b\u0431\u043e\u0440 \u0447\u0438\u043f\u0430 (CS)\" as CS\r\nbinary \"\u0412\u044b\u0432\u043e\u0434 \u043c\u0430\u0441\u0442\u0435\u0440\u0430 (MOSI)\" as MOSI\r\nconcise \"\u0428\u0438\u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 (MISO)\" as MISO\r\n\r\n@0\r\nCS \u0432\u044b\u0441\u043e\u043a\u0438\u0439\r\nCLK \u043d\u0438\u0437\u043a\u0438\u0439\r\nMOSI \u043d\u0438\u0437\u043a\u0438\u0439\r\nMISO \u00ab\u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435\u00bb\r\n\r\n@1\r\nCS \u043d\u0438\u0437\u043a\u0438\u0439\r\nMISO \u00ab\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\u00bb\r\n\r\n@2\r\nCLK \u0432\u044b\u0441\u043e\u043a\u0438\u0439\r\nMOSI \u0432\u044b\u0441\u043e\u043a\u0438\u0439\r\n\r\n@3\r\nCLK \u043d\u0438\u0437\u043a\u0438\u0439\r\n\r\n@4\r\nCLK \u0432\u044b\u0441\u043e\u043a\u0438\u0439\r\nMOSI \u043d\u0438\u0437\u043a\u0438\u0439\r\nMISO \u00ab\u0414\u0430\u043d\u043d\u044b\u0435\u00bb\r\n\r\n@5\r\nCLK \u043d\u0438\u0437\u043a\u0438\u0439\r\n\r\n@6\r\nCS \u0432\u044b\u0441\u043e\u043a\u0438\u0439\r\nCLK \u043d\u0438\u0437\u043a\u0438\u0439\r\nMOSI \u043d\u0438\u0437\u043a\u0438\u0439\r\nMISO \u00ab\u041e\u0436\u0438\u0434\u0430\u043d\u0438\u0435\u00bb\r\n\r\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Digital<\/p>\n<\/section>\n
\n
3. \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438<\/h2>\n
\u041f\u043e\u043c\u0438\u043c\u043e \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e\u0439 UML, PlantUML \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043c\u043d\u043e\u0433\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439.<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043c\u043e\u0434\u0435\u043b\u0438 C4<\/h4>\n
\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0443\u0440\u043e\u0432\u043d\u044f\u0445 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u2014 \u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438 \u041a\u043e\u0434 \u2014 \u0434\u0435\u043b\u0430\u044f \u0434\u0438\u0437\u0430\u0439\u043d \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c \u043a\u0430\u043a \u0434\u043b\u044f \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u043d\u0435\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u043e\u0440\u043e\u043d.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\n\nTITLE System Context Diagram for Internet Banking System\n\nPerson(customer, \"Personal Banking Customer\", \"A customer of the bank, with personal bank accounts.\")\nSystem(banking_system, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\")\n\nSystem_Ext(mainframe, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\")\nSystem_Ext(email_system, \"E-mail System\", \"The internal Microsoft Exchange e-mail system.\")\n\nRel(customer, banking_system, \"Views account balances, and makes payments using\")\nRel(banking_system, mainframe, \"Gets account information from, and makes payments using\")\nRel(banking_system, email_system, \"Sends e-mail using\")\nRel_Back(email_system, customer, \"Sends e-mails to\")\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"C4<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b ArchiMate<\/h4>\n
\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u044f\u0445 \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438 \u043d\u0430 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\n!include <archimate\/Archimate>\n\ntitle ArchiMate Sample - Online Bill Payment\n\nGrouping(business, \"Business Layer\"){\n    Business_Process(payBillProcess, \"Pay Bill Process\")\n    Business_Object(bankAccount, \"Customer Bank Account\")\n    Business_Service(paymentService, \"Bill Payment Business Service\")\n}\n\nGrouping(application, \"Application Layer\"){\n    Application_Component(bankingApp, \"Mobile Banking Application\")\n    Application_Function(paymentProcessing, \"Process Payment Logic\")\n    Application_DataObject(transactionRecord, \"Transaction Data Payload\")\n}\n\nGrouping(technology, \"Technology Layer\"){\n    Technology_Artifact(jwtToken, \"Encrypted Session Token\")\n    Technology_Service(apiGateway, \"API Gateway Service\")\n    Technology_Service(dbService, \"Core Database Service\")\n}\n\nRel_Flow_Right(payBillProcess, bankAccount, \"\")\nRel_Serving_Up(paymentService, payBillProcess, \"\")\nRel_Specialization_Up(paymentProcessing, paymentService, \"\")\nRel_Flow_Right(transactionRecord, paymentProcessing, \"\")\nRel_Assignment_Left(bankingApp, paymentProcessing, \"\")\nRel_Realization_Up(jwtToken, transactionRecord, \"\")\nRel_Serving_Up(apiGateway, paymentProcessing, \"\")\nRel_Serving_Up(dbService, apiGateway, \"\")\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"ArchiMate<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c-\u0441\u0432\u044f\u0437\u044c (ERD)<\/h4>\n
\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0447\u0438\u0441\u0442\u044b\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0445\u0435\u043c \u0431\u0430\u0437 \u0434\u0430\u043d\u043d\u044b\u0445, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0443\u044e \u043d\u043e\u0442\u0430\u0446\u0438\u044e \u00ab\u0432\u043e\u0440\u043e\u043d\u0438\u0439 \u0433\u043b\u0430\u0437\u00bb \u0438 \u043c\u043e\u0434\u0435\u043b\u0438 Chen ERD.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\ntitle E-Commerce Database Schema (Crow's Foot)\n\n' Hide circle icons for entities\nhide circle\nskinparam linetype ortho\n\nentity \"User\" as user {\n    * user_id : INT <>\n    --\n    * email : VARCHAR(255)\n    * password_hash : VARCHAR(255)\n    * created_at : TIMESTAMP\n}\n\nentity \"CustomerProfile\" as profile {\n    * profile_id : INT <>\n    --\n    * user_id : INT <>\n    * first_name : VARCHAR(100)\n    * last_name : VARCHAR(100)\n      phone : VARCHAR(20)\n}\n\nentity \"Order\" as order {\n    * order_id : INT <>\n    --\n    * user_id : INT <>\n    * order_date : TIMESTAMP\n    * total_amount : DECIMAL(10,2)\n    * status : VARCHAR(50)\n}\n\nentity \"OrderItem\" as item {\n    * order_item_id : INT <>\n    --\n    * order_id : INT <>\n    * product_id : INT <>\n    * quantity : INT\n    * unit_price : DECIMAL(10,2)\n}\n\nentity \"Product\" as product {\n    * product_id : INT <>\n    --\n    * sku : VARCHAR(50)\n    * name : VARCHAR(150)\n      description : TEXT\n    * price : DECIMAL(10,2)\n}\n\n' Relationships\nuser ||--o| profile : \"has\"\nuser ||--o{ order : \"places\"\norder ||--|{ item : \"contains\"\nproduct ||--o{ item : \"appears in\"\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Entity-relationship<\/p>\n
\u041a\u0430\u0440\u0442\u044b \u0441\u0435\u0442\u0435\u0439 \u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b<\/h4>\n
\u0411\u0435\u0437 \u0443\u0441\u0438\u043b\u0438\u0439 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0442\u043e\u043f\u043e\u043b\u043e\u0433\u0438\u0438 \u0441\u0435\u0442\u0435\u0439, \u0443\u0437\u043b\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432, \u043e\u0431\u043b\u0430\u0447\u043d\u044b\u0435 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0438 \u0431\u0440\u0430\u043d\u0434\u043c\u0430\u0443\u044d\u0440\u044b.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startnwdiag\ntitle Enterprise Network Topology\n\nnwdiag {\n    network External_Internet {\n        address = \"0.0.0.0\/0\"\n        user_client [address = \"203.0.113.15\", description = \"Remote User\"];\n        edge_firewall [address = \"192.168.1.1\", description = \"Perimeter FW\"];\n    }\n\n    network DMZ_Zone {\n        address = \"192.168.1.0\/24\"\n        edge_firewall;\n        load_balancer [address = \"192.168.1.10\", description = \"Nginx Load Balancer\"];\n        mail_server [address = \"192.168.1.25\", description = \"SMTP Server\"];\n        internal_firewall [address = \"192.168.1.254\", description = \"Internal FW\"];\n    }\n\n    network Private_LAN {\n        address = \"10.0.1.0\/24\"\n        internal_firewall;\n        app_server_01 [address = \"10.0.1.50\", description = \"API Node 1\"];\n        app_server_02 [address = \"10.0.1.51\", description = \"API Node 2\"];\n        db_master [address = \"10.0.1.100\", description = \"PostgreSQL Primary\"];\n    }\n\n    network Management_Subnet {\n        address = \"10.0.99.0\/24\"\n        internal_firewall;\n        admin_bastion [address = \"10.0.99.5\", description = \"SSH Bastion Host\"];\n        monitoring_node [address = \"10.0.99.20\", description = \"Prometheus Host\"];\n    }\n}\n@endnwdiag<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Network<\/p>\n
\u00a0<\/p>\n<\/section>\n
\n
4. \u0412\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u043c\u043e\u0437\u0433\u043e\u0432\u043e\u0433\u043e \u0448\u0442\u0443\u0440\u043c\u0430<\/h2>\n
PlantUML \u043d\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u2014 \u044d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0449\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0433\u043e \u043c\u043e\u0437\u0433\u043e\u0432\u043e\u0433\u043e \u0448\u0442\u0443\u0440\u043c\u0430.<\/p>\n
\u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0413\u0430\u043d\u0442\u0430<\/h4>\n
\u041f\u043b\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0437\u0430\u0434\u0430\u0447, \u0432\u0435\u0445\u0438 \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0447\u0438\u0441\u0442\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430.<\/p>\n
\n
\nMermaid<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c Mermaid \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
gantt\n    title \u0413\u0440\u0430\u0444\u0438\u043a \u0432\u044b\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430\n    dateFormat  YYYY-MM-DD\n    axisFormat  %b %d\n\n    section \u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\n    \u0421\u0431\u043e\u0440 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439          :a1, 2026-09-01, 10\u0434\n    \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b :a2, \u043f\u043e\u0441\u043b\u0435 a1, 10\u0434\n\n    section \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\n    \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0431\u044d\u043a\u0435\u043d\u0434 API    :b1, \u043f\u043e\u0441\u043b\u0435 a2, 15\u0434\n    \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 UI   :b2, \u043f\u043e\u0441\u043b\u0435 a2, 15\u0434\n\n    section \u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0432\u044b\u043f\u0443\u0441\u043a\n    \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 :c1, \u043f\u043e\u0441\u043b\u0435 b1 b2, 8\u0434\n    \u0410\u0443\u0434\u0438\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438       :c2, \u043f\u043e\u0441\u043b\u0435 c1, 5\u0434\n    \u0412\u044b\u043f\u0443\u0441\u043a \u0432 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d       :milestone, m1, \u043f\u043e\u0441\u043b\u0435 c2, 0\u0434<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c Mermaid \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Mermaid<\/p>\n
\u0418\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0440\u0430\u0431\u043e\u0442 (WBS)<\/h4>\n
\u0414\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043d\u0430 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0437\u0430\u0434\u0430\u0447.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startwbs\n    title \u0418\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0440\u0430\u0431\u043e\u0442 \u043f\u043e \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0441\u0430\u0439\u0442\u0430\n\n* \u041f\u0440\u043e\u0435\u043a\u0442 \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0441\u0430\u0439\u0442\u0430\n** 1. \u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f\n*** 1.1 \u0418\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0441 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u0430\u043c\u0438\n*** 1.2 \u0410\u0443\u0434\u0438\u0442 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0432\n*** 1.3 \u0423\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043c\u0430 \u0438 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438\n** 2. \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 UX\/UI\n*** 2.1 \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432\n**** 2.1.1 \u041c\u0430\u043a\u0435\u0442\u044b \u0434\u043b\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0430\n**** 2.1.2 \u041c\u0430\u043a\u0435\u0442\u044b \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\n*** 2.2 \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0430\n**** 2.2.1 \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432\n**** 2.2.2 \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0438 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u0442\u0438\u043b\u044e\n** 3. \u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\n*** 3.1 \u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434\n**** 3.1.1 \u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\n**** 3.1.2 \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f API\n*** 3.2 CMS \u0438 \u0431\u044d\u043a\u0435\u043d\u0434\n**** 3.2.1 \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0437\u0430\u043f\u0438\u0441\u0435\u0439\n**** 3.2.2 \u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445\n** 4. QA \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\n*** 4.1 \u041a\u0440\u043e\u0441\u0441-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\n*** 4.2 \u041c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430\n*** 4.3 \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 DNS \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\n@endwbs<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Work<\/p>\n
\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442-\u043a\u0430\u0440\u0442\u044b<\/h4>\n
\u0411\u044b\u0441\u0442\u0440\u043e \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u0434\u0435\u0438, \u0442\u0430\u043a\u0441\u043e\u043d\u043e\u043c\u0438\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438 \u0437\u0430\u043c\u0435\u0442\u043a\u0438 \u043f\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044e \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u044b\u0445 \u0441\u0435\u0441\u0441\u0438\u0439.<\/p>\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startmindmap\n    title \u041a\u0430\u0440\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438\n\n* \u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438\n** \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0443\u0447\u0435\u0442\u043d\u044b\u043c\u0438 \u0437\u0430\u043f\u0438\u0441\u044f\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\n*** \u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f (Google, Apple)\n*** \u041c\u043d\u043e\u0433\u043e\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f\n** \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u043e\u0432 \u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435\n** \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438 \u043f\u043e\u0438\u0441\u043a\n*** \u0424\u0430\u0441\u0435\u0442\u043d\u044b\u0439 \u043f\u043e\u0438\u0441\u043a \u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n*** \u0421\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043a\u043b\u0430\u0434\u0441\u043a\u0438\u0445 \u0437\u0430\u043f\u0430\u0441\u043e\u0432\n*** \u041e\u0442\u0437\u044b\u0432\u044b \u0438 \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0438 \u0442\u043e\u0432\u0430\u0440\u043e\u0432\n** \u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0438\n*** \u041f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0435 \u0448\u043b\u044e\u0437\u044b (Stripe, PayPal)\n*** \u0414\u0432\u0438\u0436\u043e\u043a \u043a\u0443\u043f\u043e\u043d\u043e\u0432 \u0438 \u043f\u0440\u043e\u043c\u043e\u0430\u043a\u0446\u0438\u0439\n** \u0411\u044b\u0441\u0442\u0440\u0430\u044f \u043e\u043f\u043b\u0430\u0442\u0430 \u0434\u043b\u044f \u0433\u043e\u0441\u0442\u0435\u0439 \u0432 \u043e\u0434\u0438\u043d \u043a\u043b\u0438\u043a\n** \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\n*** \u041f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0436\u0438\u0432\u043e\u0433\u043e \u0447\u0430\u0442\u0430\n*** \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u043e\u0432\n@endmindmap<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\n\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c PlantUML \u0432 VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n
\"Mind<\/p>\n<\/section>\n
\n
5. \u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 PlantUML: \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e VPasCode<\/h2>\n
\u0425\u043e\u0442\u044f PlantUML \u043e\u0431\u043b\u0430\u0434\u0430\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u043c\u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0440\u0435\u0434 Java, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 Graphviz \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u0440\u0443\u0434\u043d\u043e\u0441\u0442\u0438. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0431-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 PlantUML<\/strong>\u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u0442 \u044d\u0442\u0438 \u043f\u0440\u0435\u043f\u044f\u0442\u0441\u0442\u0432\u0438\u044f.<\/p>\n
Visual Paradigm VPasCode<\/a> \u2014 \u044d\u0442\u043e \u0435\u0434\u0438\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u00ab\u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u043a\u0430\u043a \u043a\u043e\u0434\u00bb, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0430\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0435\u0434\u0430\u0432\u043d\u0438\u043c \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f\u043c, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u0432 \u043d\u0430\u0448\u0435\u0439 \u041a\u0440\u0443\u043f\u043d\u043e\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 VPasCode: \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u0430\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0418\u0418<\/a>\u0442\u0435\u043f\u0435\u0440\u044c \u043e\u043d\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430 \u043f\u0440\u044f\u043c\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430.<\/p>\n
\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 VPasCode:<\/h3>\n