Курсовой проект по дисциплине «Web-технологии» (шаблон)

1. Курсовой проект по дисциплине «Web-технологии»

Курсовой проект по
дисциплине «Webтехнологии»
К.э.н., старший преподаватель кафедры ИС и ПИ:
Шкодина Т.А.

2. Выбор темы курсового проекта

Выбор
темы
курсовог
о
проекта

3. Выбор темы курсового проекта

Выбор
темы
курсовог
о
проекта

4. Выбор темы курсового проекта

Выбор
темы
курсовог
о
проекта
27. Разработка веб-приложения для
кондитерской фабрики
28.Разработка веб-приложения для
строительной фирмы
29. Разработка веб-приложения для
школы
30. Разработка веб-приложения для
ресторана

5. Основной функционал разрабатываемого приложения

5.
Создание прототипа веб-приложения с помощью Figma;
Верстка страниц (html,css,js);
Интерактивные формы с использованием js;
Адаптивность (ноутбук, планшет,смартфон);
Расширенная административная панель;
6.
Сбор данных с форм, их обработка, проверка строк на
1.
2.
3.
4.
Основной
функционал
разрабатывае
мого
приложения
пустые значения, наличие специальных символов;
7.
Возможность загружать файлы различных форматов : docx,
pdf, doc, xls, odt и т.д.;
Создание блога;
9. Валидация email, отправка писем на почту (метод SMTP);
10. Сохранение данных в базе данных;
11. Регистрация и авторизация;
12. Обратная связь;
13. Чат;
14. Личный кабинет с распределением ролей;
15. Поиск по сайту;
16. Фильтры основных полей каталога;
17. Развертывание приложения на публичном сервере.
8.

6. Законченный курсовой проект должен включать:

7. Образец Титульного листа

8. Образец «Содержание»

9. Введение (примерно 1-1.5 страниц)

1. Актуальность темы исследования (10-15 строк)
Актуальность темы исследования можно обосновать путем пояснения теоретической и практической
значимости изучаемых проблем.
Вам необходимо ПЕРЕЧИСЛИТЬ, КАКИЕ АСПЕКТЫ ЕЩЕ НЕ ИЗУЧЕНЫ ДО КОНЦА И КАКИМ СПОСОБОМ
МОЖНО ЗАПОЛНИТЬ ДАННЫЙ ПРОБЕЛ.
ПРИМЕРЫ:
1. Разработка веб-приложения для автоматизации деятельности автосалона. Актуальность
создания сайта Несмотря на то, что интернет давно и прочно вошел в нашу жизнь, многие
предприниматели и даже крупные фирмы не понимают, что им даст создание собственного сайта,
ведь есть другие хорошо зарекомендовавшие себя проверенные способы саморекламы:
телевидение, радио, СМИ, баннеры, флайеры и тому подобное. У любой современной компании
существует сайт. Это один из элементов престижа, ведь именно в Интернете потенциальные
клиенты будут в первую очередь искать информацию о фирме.

10. Введение (примерно 1-1.5 страниц)

Введение (примерно 1-1.5
страниц)1. Актуальность темы исследования
ПРИМЕРЫ:
2. «Разработка веб-приложения
для составления
плана питания»

11. Введение (примерно 1-1.5 страниц)

2. Объект исследования – заданная область исследования
Предмет исследования - наиболее существенные бизнеспроцессы в заданной области исследования. Предмет
выступает по отношению к объекту более узким понятием.
Примеры:
1. Объектом исследования являются существующие веб-приложения для
просмотра фильмов.
2. Предмет исследования – процесс разработки и создания webприложения для просмотра фильмов.
3.
Объектом исследования являются организации ТСЖ.
4.
Предметом исследования являются бизнес-процессы, составляющие деятельность правления ТСЖ
и всех его членов, а также возможность их автоматизации в рамках сетевой формы взаимодействия
через сайт.

12. Введение (примерно 1-1.5 страниц)

3. Цель курсового проекта – научный или прикладной результат, который должен быть
достигнут (получен) в итоге исследования. Цель проекта должна быть сформулировано кратко
и четко.
ПРИМЕРЫ:
1.Цель исследования – теоретически обосновать и разработать web-приложение для просмотра фильмов
2.Цель работы – разработка веб-приложения на базе сайта ТСЖ, автоматизирующая бизнес-процессы,
составляющие деятельность правления ТСЖ и всех его членов.
3.Целью курсового
проекта
является
создание
веб-приложения для
администрирования сервиса.
4.Цель курсового
проекта - разработка
веб-приложения
для
усовершенствования поиска и подбора объектов недвижимости.

13. Введение (примерно 1-1.5 страниц)

4. Задачи курсового проекта должны обозначать шаги, посредством которых
указанная цель может быть достигнута. При формулировании задач могут
использоваться следующие слова: раскрыть, систематизировать,
автоматизировать, создать, исследовать и т.д. Формулировка задач определяет
содержание глав курсового проекта и составляющих их подпунктов, которые
должны представлять собой описания решений каждой из них (Рекомендация,
количество сформулированных задач, по возможности, должно
соответствовать количеству параграфов).

14. Аналитическая часть

Аналитическ
ая часть
Аналитическая часть
должна содержать
минимум три пунктов,
некоторые из них могут
иметь детализацию на
подпункты:

15. Аналитическая часть п.1.1 Характеристика предметной области (2-3 страницы)

• Можно добавить организационную структуру

16. п.1.1 Характеристика предметной области Можно добавить модель функционирования предприятия

17. Аналитическая часть п.1.1 Характеристика предметной области

18. Пункт 1.2 Обоснование необходимости и цели использования веб- приложения для решения задачи (1-2 страницы)

Обосновать необходимость использования веб-приложения, цели, а
также перечислить преимущества использования
автоматизированной информационной системы.

19. Пункт 1.2 Обоснование необходимости и цели использования веб- приложения для решения задачи (1-2 страницы)

20. Пункт 1.2 Обоснование необходимости и цели использования веб- приложения для решения задачи (1-2 страницы)

21. Пункт 1.3 Цель и назначение веб-приложения

Пункт 1.3 Цель и назначение вебприложения
Перечислить
что
должно
обеспечивать
разрабатываемое
веб-приложение.
Также,
указать
дополнительные функции и особенности именно вашей разработки. В данном пункте желательно
выделить характеристику решения поставленных задач (подробно раскрыть каждую задачу):
-обеспечивать ввод данных,
- иметь личный кабинет,
-иметь различные права доступа
и т.д.

22. Пункт 1.4 Анализ существующих разработок, выбор и обоснование стратегии веб-приложения. Обоснование выбора технологии

Пункт 1.4 Анализ существующих разработок,
выбор и обоснование стратегии вебприложения. Обоснование выбора технологии
проектирования
В данном пункте необходимо провести анализ существующих веб-приложений по выбранной
предметной области: выполнить сравнительную характеристику веб-приложений (можно оформить в
виде таблицы). После проведения анализа указать, чем будет отличаться ваше веб-приложение от
проанализированных раннее. Также, пояснить выбор языка программирования, например, Python, и
фреймворка, например, Django. Выделить преимущества выбранных инструментов.

23. Пункт 1.4 Анализ существующих разработок, выбор и обоснование стратегии веб-приложения. Обоснование выбора технологии

Пункт 1.4 Анализ существующих разработок,
выбор и обоснование стратегии вебприложения. Обоснование выбора технологии
проектирования
ПРИМЕР:
В настоящее время существует достаточное количество веб-приложений, осуществляющих решения задач автоматизации
деятельности ТСЖ. Например, сайт ТСЖ «Причал». В данной системе реализованы следующие возможности:
−
Регистрация/авторизация пользователей
−
Личный интернет-кабинет для членов ТСЖ
−
Просмотр отчетов в MS Word
−
Просмотр объявлений, новостей
−
Принятие заявок на ремонт, вопросов правлению
−
Внесение показателей по индивидуальным ….
Аналогичным вариантом является сайт ТСЖ «Благово», но лучшая система на рынке это сайт ТСЖ «Причал». Таким образом, не
целесообразно использовать сайт ТСЖ «Причал». Гораздо дешевле и быстрее разработать свой сайт, который будет простым в
использовании, дешевым и удобным, а также легко приспосабливаемым к любым жилым и нежилым домам, объединенных в ТСЖ.

24. Пункт 1.4 Анализ существующих разработок, выбор и обоснование стратегии веб-приложения. Обоснование выбора технологии

проектирования
ПРИМЕР:

25. Пункт 1.5. Обоснование проектных решений по видам обеспечения. Данный пункт можно разделить на три подпункта: по техническому

обеспечению, по информационному
обеспечению, по программному обеспечению,
по технологическому обеспечению (но
необязательно, можно писать всё в 1.5).
Указать минимальные характеристики по техническому обеспечению; выделить несколько требований
по информационному обеспечению (можно в виде таблицы): требования к хранению данных,
требования к языкам программирования и т. д. Необходимо дать определение каждому виду
обеспечения.

26. Пункт 1.5. Обоснование проектных решений по видам обеспечения 1.5.1. По техническому обеспечению

1. Требования к операционной системе
2. Требования к оперативной памяти
3. Требования к процессору
4. Требования к вычислительным мощностям
5. Требования к обеспечению каналами связи
6. Требования к количеству пользователей, подключенных к каналу связи
7. Требования к сетевой карте

27. Пункт 1.5. Обоснование проектных решений по видам обеспечения 1.5.1. По информационному обеспечению

• Требования к хранению данных
• Требования к языкам программирования
• Требования к организации гиперссылок
• Требования к иллюстрациям
• Требования к объему одной страницы

28. Пункт 1.5. Обоснование проектных решений по видам обеспечения 1.5.1. По программному обеспечению

Требования к программному обеспечению состоит из двух частей:
1) серверной;
2) клиентской.

29. Проектная часть

Проектная часть должна содержать три пункта и входящие в них подпункты для более подробного описания.
Пункт 2.1 Информационное обеспечение веб-приложения
Пункт 2.1.1 Информационная модель и ее описание
В данном пункте можно дать определение понятию Информационная модель, указать виды информационных моделей
и их назначение. Построить информационную модель вашего веб-приложения (Приложение В). Для детализации модели
проектируемого веб-приложения (например, c помощью UMLStar, открытого программного обеспечения) разработать umlдиаграммы прецедентов и деятельности. Каждую диаграмму подробно описать. В данном пункте обязательно должна быть
диаграмма прецедентов – Пользователь веб- приложения. После данной диаграммы идет детализация для гостя,
зарегистрированного пользователя, админа и т д. Не забудьте указать на диаграмме функции каждого актера. Каждую
диаграмму необходимо описать по ролям или функционалу. Все диаграммы подписать и в тексте необходимо на них
ссылаться.
https://staruml.io/

30. Пункт 2.1 Информационное обеспечение веб-приложения Пункт 2.1.1 Информационная модель и ее описание

31. Пункт 2.1 Информационное обеспечение веб-приложения Пункт 2.1.1 Информационная модель и ее описание

32. Пункт 2.1 Информационное обеспечение веб-приложения Пункт 2.1.1 Информационная модель и ее описание

Информационная
модель

33. Пункт 2.1.2 Характеристики входной и выходной информации

Характеристики
входной
и
выходной
информации
включает:
наименование
таблицы,
наименование реквизита, идентификатор реквизита(id), тип данных (таблица 2). Характеристики
выходной информации также оформляются в виде отдельной таблицы.

34. Пункт 2.1.2 Характеристики входной и выходной информации

35. Пункт 2.1.2 Характеристики входной и выходной информации

Модели в Django описывают
структуру используемых данных.
Используемые в программе
данные хранятся в базах данных, и
с помощью моделей как раз
осуществляется взаимодействие с
базой данных. Необходимо
показать модели (авто собирание)
из проекта Django. Каждую модель
описать по характеристикам.

36. Пункт 2.2 Программное обеспечение веб-приложения

Пункт 2.2 Программное обеспечение вебприложения
Описать, какие пункты включает главная страница приложения. Перечислить.
Представить в виде схемы функции управления и обработки данных (Приложение В): дерево модулей
(структура программной системы).
Для описания сценария реализации некоторых функций разрабатываемого веб-приложения постройте
пару диаграмм, например, диаграмму последовательности на языке uml.

37. Пункт 2.2 Программное обеспечение веб-приложения

Пункт 2.2
Программное
обеспечение вебприложения

38. Пункт 2.2 Программное обеспечение веб-приложения

Пункт 2.2 Программное обеспечение вебприложения

39. Пункт 2.2.2 Структурная схема программной системы

После построения дерева модулей
представьте в виде таблицы дерево вызова
процедур и программных модулей
(таблица 8).

40. Пункт 2.2.2 Структурная схема программной системы

41. Пункт 2.2.3 Описание программных модулей.

• Опишите каждый
программный модуль
вашего веб-приложения в
виде диаграмм
деятельности.

42. Пункт 2.3 Описание контрольного примера реализации проекта

• Данный раздел предполагает провести «экскурсию» вашего вебприложения с детальным описанием и скриншотами приложения.
Пример:
Запустим веб-портал Товарищество собственников жилья. Пройдя по ссылке http://cn96180.tmweb.ru мы
попадаем на главную страницу сайта. Главная страница (index.php) представлена на рисунке 24.

43.

Заключение. Краткое изложение основных, наиболее существенных результатов проведенной
разработки, сформулированных в виде выводов, соответствующих цели и задачам исследования,
обозначенным во введении. Объем заключения – 1 страница. Заключение должно отвечать на вопрос
«Что сделано?».
Список литературы. В списке литературы могут быть представлены нормативно-правовые акты,
учебная литература, научные статьи, статистические издания, интернет-источники. Список должен
содержать не менее 10 современных источников, изученных обучающимися (преимущественно даты
издания не более 10 лет относительно года написания курсового проекта). На все приведенные в списке
источники должны быть ссылки в тексте курсового проекта.
Приложения. Приложение к курсовому проекту включает листинг программного кода всего веб-
приложения. Приложения помещают в конце курсового проекта. Каждое приложение должно
начинаться с новой страницы и иметь заголовок.