- •Введение
- •Анализ исходных данных и разработка тз
- •Основание и назначение разработки
- •Минимальные требования к составу и параметрам технических средств: эвм, внешние устройства
- •Требования к информационной и программной совместимости
- •Выбор и обоснование языков программирования и используемых инструментальных средств
- •Выбор метода реализации разработки веб приложения и его обоснование.
- •Функциональная схема. Описание интерфейса.
- •Руководство пользователя
- •Назначение программы
- •Описание интерфейса
- •Руководство программиста
- •Список литературы
- •Приложение
Минимальные требования к составу и параметрам технических средств: эвм, внешние устройства
ЭВМ
Четырехядерный процессор с тактовой частотой от 2.0 ГГц
Оперативная память: Минимум 8 ГБ RAM (рекомендуется не менее 16 ГБ для работы с несколькими инструментами и приложениями одновременно).
Жесткий диск: Не менее 20 ГБ свободного места (SSD предпочтителен для более быстрой загрузки и работы).
Графическая карта: Интегрированная графика (например, Intel UHD Graphics 620). Хороший вариант для начального уровня разработки и менее ресурсоемких приложений. Подойдут для веб-разработки, если нет потребности в сложной графике.
Внешние устройства: монитор(предпочтительно 1920×1080), клавиатура, машка
Требования к информационной и программной совместимости
Информационная совместимость:
Формат данных: Для обмена информацией используется универсальный формат JSON (JavaScript Object Notation), который служит основной спецификацией при работе с API в приложениях, разработанных на Angular.
API и протоколы: Настроено RESTful API для обеспечения взаимодействия с сервером, что позволяет достигать совместимости с различными клиентскими приложениями и сервисами. Для выполнения операций с данными применяются общепринятые HTTP-методы: GET, POST, PUT и DELETE.
Согласованность данных: Для обеспечения целостности и согласованности данных при обмене информация организована в структуре проекта с помощью папки models, где хранятся файлы моделей. Эти модели определяют схему данных и включают в себя необходимую валидацию.
Программная совместимость:
Angular: Рекомендуемая версия — 1.x и выше. Это обеспечит использование последних возможностей фреймворка и улучшенную производительность.
Node.js: Рекомендуемая версия — 18.x или 20.x . Это гарантирует стабильность и поддержку последних функциональных возможностей.
JSON Server: Рекомендуемая версия — 0.16.x или выше, для обеспечения всех новых возможностей и исправлений.
Multer: Рекомендуемая версия — 1.4.x x или выше, что обеспечивает стабильность и поддержку последних возможностей.
Express: Рекомендуемая версия — 4.x x или выше, которая обеспечит совместимость с большинством используемых библиотек и модулей.
TypeScript: Рекомендуемая версия — 4.x, предоставляет новые возможности и улучшения, совместимые с последними версиями Angular.
Выбор и обоснование языков программирования и используемых инструментальных средств
Были установлены и выбраны следующие языки программирования и инструменты по следующим причинам:
Node.js представляет собой кроссплатформенную среду с открытым исходным кодом, которая предназначена для разработки серверных и сетевых приложений. Программы, написанные на JavaScript, выполняются в среде Node.js и могут работать на различных операционных системах, включая macOS, Windows и Linux. Node.js включает в себя обширную библиотеку модулей JavaScript, что значительно упрощает процесс создания веб-приложений. В структуре Node.js выделяются две ключевые составляющие: среда выполнения и библиотека JavaScript.
Webpack — это статический модульный сборщик для JavaScript-приложений. Он очень полезен для разработчиков, так как позволяет упаковывать, компилировать и организовывать все ресурсы проекта, включая сторонние библиотеки и собственные файлы. Это обеспечивает более эффективную организацию кода, так как проект разбивается на небольшие модули. Webpack считается одним из самых мощных инструментов для этих задач, обладая открытым исходным кодом.
Angular — это фреймворк, разработанный компанией Google, который нацелен на создание одностраничных приложений (SPA). Angular является наследником AngularJS, но это не просто обновленная версия — это совершенно новый фреймворк. Он предоставляет функциональность, такую как двустороннее связывание данных, маршрутизация и использование шаблонов. Angular использует TypeScript в качестве основного языка программирования, что делает его особо привлекательным для разработки приложений. TypeScript добавляет в JavaScript такие концепции, как классы, интерфейсы и статическая типизация, что существенно упрощает создание крупных приложений.
Преимущества TypeScript: cтатическая типизация: позволяет избежать ошибок, связанных с неправильной типизацией переменных.
Angular CLI (Command Line Interface) — это инструмент командной строки, предназначенный для упрощения разработки приложений на Angular. Он предоставляет команды для создания, сборки и поддержки Angular-проектов. Angular CLI значительно упрощает создание и управление проектами Angular. Он автоматизирует многие рутинные задачи, позволяя разработчикам сосредоточиться на написании кода. Использование Angular CLI помогает поддерживать единообразие в проектах. Он генерирует код с использованием принятых стандартов и практик, что упрощает поддержку и совместную работу над проектом. Благодаря встроенной поддержке команд для генерации компонентов, сервисов и других элементов, разработчики могут быстрее реализовывать новые функции.
Для стилей был использован CSS, SCSS. SCSS (Sassy CSS) — это расширение CSS, которое добавляет полезные функции, такие как вложенность, переменные и миксины, что улучшает организацию кода и его поддержку. Он особенно полезен в крупных проектах, позволяя легко переиспользовать стили и сокращать дублирование кода. SCSS интегрируется с популярными CSS-фреймворками, такими как Bootstrap и Angular Material, что позволяет настраивать стандартные стили под конкретные требования. Использование SCSS также поддерживает современные методологии, такие как BEM (Block, Element, Modifier), улучшая читаемость и структуру стилей.
HTML5 предоставляет разработчикам возможности для создания современных, динамичных и интерактивных веб-приложений. Включает новые семантические элементы, которые делают код более понятным и эффективным. HTML5 обеспечивает лучшую совместимость с различными устройствами, что улучшает опыт пользователей.
