Тип работы:
 Предмет:
 Язык работы:


Разработка Веб-приложения для обучения основам HTML и CSS

Работа №164468

Тип работы

Бакалаврская работа

Предмет

информатика

Объем работы65
Год сдачи2021
Стоимость4310 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
8
Не подходит работа?

Узнай цену на написание


Введение 8
1 Анализ предметной области и выбор средств проектных решений 10
1.1 Организационно-экономическая характеристика предметной области 10
1.2 Принципы функционирования реализуемой информационной системы 12
1.3 Анализ предметной области проектируемой информационной
системы 12
1.4 Описание работы веб-приложения 18
1.5 Обоснование и выбор средств проектных решений 20
1.6 Моделирование бизнес-процесса «Разработка веб-приложения для
обучения основам HTML и CSS» 21
1.7 Выводы по разделу «Анализ предметной области и выбор средств
проектных решений» 23
2 Описание процесса разработки веб-приложения 24
2.1 Описание работы пользователя с информационной системой в
нотации IDEF3 24
2.2 Установка и настройка ПО 25
2.3 Создание главного меню и меню выбора задания 26
2.4 Создание прототипа заданий 30
2.5 Реализация функции перемещения элементов 31
2.6 Реализация стилизации элементов 35
2.7 Разработка остальных заданий 38
2.8 Выводы по проектному разделу 45
3 Расчет затрат и оценка эффективности реализации проекта
«Разработка Веб-приложения для обучения основам HTML и CSS» 45
3.1 Капитальные затраты 46
3.2 Расчет эксплуатационных затрат 51
3.3 Оценка риска реализации проекта создания ИС 54
3.4 Определение доходов и экономической эффективности реализации
проекта «Разработка веб-приложения для обучения языкам
программирования HTML и CSS» 55
3.4.1 Анализ рынка продуктов-аналогов 56
3.4.2 Источники получения доходов 56
3.5 Вывод по разделу «Расчет затрат и оценка эффективности реализации проекта «Разработка веб-приложения для обучения основам HTML и CSS» 56
Заключение 58
Список сокращений 59
Список использованных источников 60

Frontend-разработчик - одна из самых популярных и востребованных профессий, в данный момент времени, в IT сфере. Это именно тот человек, который картинку макета превратит в код для браузера. Сделает его привлекательным на вид и удобным для пользователя. Сфера IT расширяется, из-за этого растет востребованность frontend-разработчиков.
В настоящее время происходит активный процесс информатизации общества. Все больше людей переводят, например, свой бизнес в IT сферу, создают онлайн-каталоги товаров, и даже целые магазины, что значительно упрощает процесс поиска и покупки необходимого.
Целью написания ВКР является: разработка веб-приложения для привлечения абитуриентов во время профориентационных мероприятий, а также при поступлении в ХТИ - филиал СФУ по направлению «Прикладная информатика».
Для достижения этой цели были поставлены следующие задачи:
- проанализировать существующие системы для привлечения абитуриентов;
- проанализировать существующие системы для обучения HTML и CSS;
- проанализировать и выбрать средства разработки веб-приложения;
- разработать веб-приложение;
- провести оценку экономической эффективности веб-приложения.
В первом разделе будет проведен анализ предметной области и обоснован выбор программных средств.
Во втором разделе подробно описан процесс создания веб-приложения.
В третьем разделе будут рассчитаны затраты на разработку, а также экономическая эффективность от реализации проекта.
В итоге будет разработано веб-приложение, которое будет обучать основам HTMLn CSS, а также может повысить интерес к направлению «Прикладная информатика» в ХТИ - филиале СФУ.

Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!
ДИПЛОМНЫЕ МАГИСТЕРСКИЕ ДИССЕРТАЦИИ
КУРСОВЫЕ СТАТЬИ ВКР

В первом разделе разработаны принципы функционирования разрабатываемого веб-приложения для обучения основам HTML и CSS-Были выявлены сервисы-конкуренты, выявлены их преимущества и недостатки. Выбраны программные средства разработки.
Для программирования были выбраны такие языки как, HTML, CSS nJS, потому что данные языки не имеют аналогов. Было разработано веб-приложение для обучения основам HTML и CSS.
Во втором разделе были показаны шаги разработки веб-приложения, которое имеет пять заданий, направленных на получение основ HTML и CSS, которые абитуриент может выполнить во время проведений различных мероприятий.
В третьем разделе были рассчитаны капитальные затраты, которые равны 44063 рублей. Также были рассчитаны эксплуатационные затраты, которые равны 3069,4 рублей. Затраты на реализацию проекта выполнялись по методике ТСО, их сумма равна 47132 рублей.
Были проанализированы источники доходов от внедрения системы, благодаря чему стало понятно, что система не имеет никаких прямых доходов в виде денежных средств. Были выявлены преимущества по отношению к сайтам-конкурентов. Выявлены риски и написаны способы предотвращения их.
Также, основываясь на опыте от реализации проектов другого ВУЗа, можно сделать вывод, что при наличии необходимых разрешений, можно добавлять дополнительные баллы при поступлении в ХТИ - филиал СФУ, если абитуриент полностью справился с поставленными задачами.



1. CSSDinner. Главная страница [Электронный ресурс]. Режим доступа:https://flukeout.github.io/
2. Devacademy [Электронный ресурс]: JavaScript. - Режим доступа: https://developer.mozilla.org/ru/docs/Web/JavaScript
3. Devacademy [Электронный ресурс]: Основы HTML. - Режим доступа:
https://developer.mozilla.org/ru/docs/Leam/Getting started with the web/HTML basics
4. FlexboxFroggy. Главная страница [Электронный ресурс]. Режим доступа:https://flexboxfroggy.com/#ru
5. GeekBrains [Электронный ресурс]: Игры, чтобы попрактиковаться в вёрстке. - Режим доступа: https://gb.ru/posts/games_for_frontend_practice
6. GitHub [Электронный ресурс]: SortableJS. - Режим доступа: https://github.com/SortableJS/Sortable
7. SeoWiki [Электронный ресурс]: CSS. - Режим доступа: https://wiki.rookee.ru/css/
8. Википедия [Электронный ресурс]: Визуальное программирование.
- Режим доступа:https://ru.wikipedia.org/wiki/BH3vaTbHoe nporpaMMHpoBaHHe
9. Википедия [Электронный ресурс]: Скретч (язык
программирования). -Режим доступа:
https: //ru.wikipedia. org/wiki/Скретч(язык программирования)
10. Выполнение и защита выпускной квалификационной работы по направлению 09.03.03 «Прикладная информатика» [Электронный ресурс]: методические указания / сост. Е. Н. Скуратенко, В. И. Кокова, И. В. Янченко ;Сиб. федер. ун-т, ХТИ - филиал СФУ. - Абакан : ХТИ - филиал СФУ, 2017.- Режим доступа:https://e.sfu-
kras.ru/pluginfile.php/22473^8/mod respurce/cpntent/1/MeTp3H4Ka%20BKP.pdf
11. Интернет-лицей ТПУ [Электронный ресурс]: Интерактивные обучающие игры. - Режим доступа:https://il.tpu.ru/game
12. Русская документация по APIJQuery [Электронный ресурс]: Документация APIJQuery-Режим доступа:https://jquery-docs.ru/
13. Сайт Хакасского технического института - филиала СФУ. [Электронный ресурс]: Информация о ХТИ - филиале СФУ. - Режим доступа: http://khti.sfu-kras.ru/institute/
14. Сайт Хакасского технического института - филиала СФУ. [Электронный ресурс]: Бакалавриат - Прикладная информатика. - Режим доступа:http: //khti. sfu-kras .ru/obuchenie/bakalavriat-prikladnaya-informatika.php
15. СТО 4.2 -07- 2014 Система менеджмента качества. Общие требования к построению, изложению и оформлению документов учебной деятельности, Красноярск: ИПК СФУ, 2014. - 60 с. [Электронный ресурс]. - Режим доступа:http://about.sfu-kras.ru/node/8127
16. Учебная и научная деятельность Анисимова Владимира Викторовича [Электронный ресурс]: Основы IDEF0. - Режим доступа: https://www.sites.google.com/site/anisimovkhv/learning/pris/lecture/tema6/tema6 2
17. Учебные материалы для студентов [Электронный
ресурс]: Методология IDEF3. - Режим доступа:
https://studme.org/87186/ekonomika/metodologiya idef3
18. Хабр [Электронный ресурс]: Sortable v1.0: Новые возможности. - Режим доступа: https://habr.com/ru/post/246373/
19. Яндекс.Практикум[Электронный ресурс]. - Режим доступа: https://praktikum.yandex.ru/

Работу высылаем на протяжении 30 минут после оплаты.



Подобные работы


©2025 Cервис помощи студентам в выполнении работ
.