Разработка сайта для 1"А" класса МОБУ СОШ "26 города Якутска

Размещено на http://www.allbest.ru/

Министерство образования и науки РС(Я)

ГАПОУ РС(Я) «Якутский колледж связи и энергетики им. П.И. Дудкина»

ДИПЛОМНАЯ РАБОТА

тема: «РАЗРАБОТКА САЙТА ДЛЯ 1 «А» КЛАССА МОБУ СОШ №26 ГОРОДА ЯКУТСКА»

Специальность 09.02.07 Информационные системы и программирование

Дипломник: А.С. Лаптев

Руководитель: Н.Ю. Семенова

Рецензент: В.А. Винокурова

Якутск 2021



Содержание

сайт программирование язык образовательный

Введение

1. Теоретические аспекты разработки веб-сайта

1.1 Понятие веб-сайта

1.2 Сравнение сред разработки

1.3 Обзор и сравнительный анализ языков программирования для веб-разработки

2. Разработка и внедрение веб-сайта

2.1 Общая структура сайта

2.2 Среда программирования

2.3 Разработка интерфейса

2.4 Тестирование сайта

3. Технико-экономическое обоснование

3.1 Цели и задачи, решаемые в экономической части

3.2 Определение трудозатрат на разработку и отладку программного продукта

3.3 Расчет затрат на оплату труда разработчика

3.4 Калькуляция сметной стоимости

3.5 Результаты расчетов стоимости проекта

3.6 Целесообразность выполненной работы

4. Охрана труда и окружающей среды

4.1 Анализ негативных факторов при разработке веб-сайта

4.2 Действие негативных факторов на здоровье

4.3 Правила по охране труда для разработчиков веб-сайтов

Заключение

Список использованных источников

Приложение А Веб-сайт



Введение

Актуальность. Сегодня почти у каждой организации имеется собственный Web - сайт. В условиях применения информационных технологий - это необходимое условие существования, что дает возможность расширить поле деятельности.

В сети Интернет имеется большое количество справочно - информационных сайтов, предоставляющих полную информацию по любому запросу. Значительно проще зайти на сайт и найти все необходимое, чем «копаться» по журналам и газетам.

Разработанный Web - сайт для класса позволит родителям просмотреть ведомость успеваемости своих детей, узнать расписание занятий. Учитель может просмотреть сведения об учениках. Так же можно будет узнать, как проходят соревнования своих детей.

Объектом исследования является процесс разработки веб-сайта для начального класса.

Предмет исследования: языки программирования для разработки веб-сайта.

Цель: разработка веб-сайта для класса.

Задачи:

1) выявить функциональные возможности веб-сайтов и их применение.

2) выявить методические и педагогические аспекты разработки образовательного веб-сайта.

3) разработать сайт для начального класса.

Проблема: отсутствие Веб - сайта для класса, который был бы прост в использовании для любого пользователя.

Гипотеза: предоставляет информацию о классе в сети Интернет путем создания сайта, позволяющего пользователям сети получать достоверную и своевременную информацию о классе.

1. Теоретические аспекты разработки веб-сайта

1.1 Понятие веб-сайта

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

Создание web-сайта - событие, повышающее имидж образовательного учреждения. Хороший сайт, вбирая в себя всю полезную информацию, является лучшей визитной карточкой и коммерческой фирмы, и образовательного учреждения, работая на них в любое время суток. Безусловно, это современно и престижно. Это прекрасная возможность продемонстрировать всем свои достижения, размещать актуальную информацию для заинтересованных лиц (родителей, учеников, студентов, преподавателей, коллег из других учебных заведений). Это способ рассказать о своих успехах, поблагодарить спонсоров.

На сайте можно размещать тексты статей, отчеты о проведенных мероприятиях (в том числе фото и видеоматериалы). Все это будет доступно миллионам пользователей Интернета. Регулярно проводимые социологические исследования показывают, что первое представление об учебном заведении молодежь получает через Интернет-сайт. В ходе профориентационной работы абитуриент на ярмарке или в справочнике получает общее представление об учебном заведении, а дополнительную информацию, как правило, хочет посмотреть на сайте, считая, что именно там содержатся наиболее актуальные и полные сведения и предоставляется возможность спокойно пообщаться с сотрудниками. Кроме того, Интернет-сайт учебного заведения играет важную роль в организации образовательной деятельности (в том числе дистанционного и заочного обучения), обеспечении информационной поддержки студентов (особенно заочного отделения), методической помощи коллегам родственных учебных заведений и специальностей, обмен опытом и информировании профессионального сообщества.

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

Для учеников и их родителей сайт -- это, прежде всего информационный ресурс. Используя сайты различных образовательных учреждений, учащиеся и другие могут сравнивать их и делать выбор в пользу лучших. К основным характеристикам образовательных сайтов относятся:

- Содержание образовательного интернет-сайта - единство всех основных элементов (текстовых и графических) образовательной информации, существующей и выраженной в виде web-сайтов, а также единство связей этих основных элементов;

- Дизайн образовательного интернет-сайта - процесс выбора и организации графических компонентов с целью достижения определенной цели, которая может быть либо эстетической, либо иметь функциональную подоплеку, а зачастую преследовать обе эти цели;

- Техническая реализация образовательного интернет-сайта - выбор компонентов, интегрирование технологий, программных продуктов и технических средств, для донесения образовательной информации до пользователя;

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

Виды образовательных сайтов

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

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

Некоторые учреждения общего среднего образования даже организуют с помощью web-сайтов дистанционное обучение и родительские собрания.

Сайты научных исследований. Подобные сайты делятся на несколько подвидов в зависимости от выполняемых ими функций. Это могут быть сайты исследовательских работ учащихся, студентов, учителей, преподавателей, научных работников;

Сайты справочного характера к сайтам справочного характера относятся электронные энциклопедии, словари, каталоги, базы данных и так далее.

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

Сайты-каталоги содержат перечень ссылок по определенной тематике.

Сайты, содержащие справочную информацию о проводимых конференциях, конкурсах, семинарах научного и образовательного направления, о предоставляемых грантах. В некоторых случаях создаются сайты, посвященные конкретному мероприятию, как правило, это относится к масштабным проектам: международным семинарам, форумам и т.п, но существуют и сайты, которые включают в себя информацию по мероприятиям схожей направленности, например, "Олимпиады для школьников" - информация об олимпиадах и других мероприятиях для школьников. На подобных сайтах размещается информация о предстоящих мероприятиях, условия, решения задач, результаты участников состоявшихся олимпиад, материалы конференций.

Сайты соревновательных и информационных Интернет-проектов. К сайтам этого вида относятся те, что посвящены олимпиадам и конкурсам, проводимым в Сети. Это сайты телекоммуникационных олимпиад и викторин. Сайты для проведения образовательных конкурсов.

Сайты информационно-развлекательных проектов образовательной тематики.

Сайты для формирования связей между студентами и преподавателями, школьниками и учителями, школьниками и родителями.

Сайты дистанционного образования позволяют получать и оценивать знания, не выходя из дома. Это различные электронные задачники, учебники, практикумы, самоучители, центры тестирования и дистанционного обучения.

Сайты типа "учебно-методическое пособие" или "электронный курс лекций

Сайты типа "электронный задачник". В настоящее время их в Интернете не так уж и много, а если и есть, то находятся на закрытых разделах.

Сайты типа "электронный учебник" предусматривают различные формы сочетания очного и дистанционного обучения.

Сайты для тестирования, оценки знаний. Могут быть как универсальными, то есть содержать тесты по различным дисциплинам и по различным специальностям, так и посвященными определенному предмету

Сайты центров дистанционного обучения и центров тестирования.

Сайты для распространения культурной и образовательной информации.

Это, как правило, виртуальные библиотеки, музеи, кафе, электронные образовательные газеты и журналы, а также непосредственно сайты учреждений культуры.

Сайты типа виртуальных методических объединений. Сайты методического объединения учителей по школьным предметам.

Сайты для тематических телеконференций и чатов в online-режиме по вопросам образования.

Сайты творческого взаимодействия учителей, преподавателей в сети способствуют отработке методических приемов использования в учебном процессе существующих телекоммуникационных проектов, обмену опытом.

Понятие верстки веб-сайта

Верстка - это создание HTML-кода. Именно он является основой любой веб-страницы. Браузер получает от сервера соответствующие инструкции, обрабатывает их, а затем формирует в рабочей области страницу в том виде, какой ее задумывал владелец/разработчик ресурса.

Для качественной верстки сайта потребуются специальные знания, которые достаточно трудно получить по книгам и обучающим материалам -- многое решает опыт. Понадобятся графический и текстовый редакторы.

На первом этапе верстальщик занимается дизайном сайта -- необходимо изучить структуру макета, чтобы определить основные блоки и продумать стратегию работы. Далее начинается написание кода. Вёрстка веб-страниц требует от исполнителя усидчивости и разумной доли перфекционизма: результат должен быть неотличим от созданного дизайнером макета. Когда весь код написан, работа ещё не завершена.

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

HTML-верстка сайта

Это процесс создания структуры сайта на основе языка гипертекстовой разметки HTML. В зависимости от основных элементов html выделяют табличную и блочную: - Табличная верстка сайта, при которой структура страницы сайта представлена в виде таблицы. Каждый элемент страницы - это одна или несколько ячеек таблицы. Табличная верстка сайта удобна и широко применяется верстальщиками, однако она не всегда может удовлетворить потребности сайта по скорости загрузки, например. - Блочная верстка сайта или как ее еще называют верстка div'ами - это процесс построения сайта на основе элементов divов. Данный вариант имеет ряд преимуществ: краткость кода, высокая скорость загрузки кода и т.д.

CSS-верстка сайта

Иногда выделяют в отдельный процесс, хотя в современном веб-дизайне каскадные таблицы стилей (css) используются практически при любой верстке. Каскадные таблицы стилей описывают внешний вид страниц сайта, написанных языком разметки: HTML, XHTML, XML. Верстка с использованием css может использовать связанные стили, глобальные стили, внутренние стили. Связанные стили (таблицы связанных стилей) позволяют «отделить» код от внешнего оформления: все параметры форматирования тэгов размещаются в отдельном файле css. Достаточно лишь подключить этот файл в нужном месте web-страницы. Один и тот же файл css может быть использован для множества различных web-страниц. Глобальные стили описываются в тэге, размещаемом в заголовке web-страницы. Описанные стили будут применены только к одной странице. Внутренние стили, в свою очередь, назначаются для каждого конкретного тэга и применяются только по отношению к нему. В современном веб-дизайне все чаще используется комбинированная верстка сайта - это позволяет намного расширить возможности верстки, создать более сложный и привлекательный сайт. Верстка должна соответствовать определенным стандартам, чтобы сайт корректно отображался в любом браузере, поддерживающем эти стандарты. Способность сайта корректно «работать» независимо от браузера, называется кроссбраузерностью. Кроссбраузерная верстка сайта - важное требование к качеству современных сайтов. Рядом с понятием кроссбраузерности и верстки всегда стоит понятие ее валидности. Валидность - это соответствие кода всем стандартам качества, установленных для используемого на сайте языка разметки (HTML, XHTML, XML). В настоящее время множество специалистов по верстке сайтов ориентируются на стандарты w3c.

1.2 Сравнение сред разработки

Sublime Text Sublime Text один из лучших текстовых редакторов на сегодняшний день. Это отличная альтернатива мощным IDE, он легкий и делает свою работу с большой эффективностью, и точностью. Sublime Text имеет тонны возможностей, с которыми вы будете чувствовать власть в ваших пальцах. Но, как и любой инструмент он не является совершенным.

Давайте рассмотрим плюсы и минусы использования Sublime Text. Преимущества: - Приятный, легкий, минималистичный интерфейс. - Очень гибко настраивается. Множественное выделение. - Возможность создания любых сниппетов и вставки их хоть по горячим клавишами, хоть по буквенным сокращениям (в стиле Zen Coding). Возможность назначения горячих клавиш абсолютно на любое действие.

В сниппетах можно задать, где будет находится курсор при вставке, задать плейсхолдеры и переключение в нужные участки сниппета Tab'ом. - Наличие миникарты кода для удобного перемещения. - Возможность отображения скрытых символов (пробелы, табы) только при выделении кода.

Есть множество доступных плагинов и постоянно растущее сообщество пользователей, которые пишут их под любые нужды. Недостатки: - Sublime text платный. Учитывая, что на рынке много хороших бесплатных редакторов, каждый может выбрать альтернативу. - Обновляется не так часто, как раньше.

Время загрузки выше по сравнению с Notepad ++. Качество плагинов остается под вопросом. В целом, Sublime text является отличным редактором для работы. Вы можете использовать его бесплатно с помощью бесконечного пробного периода. Если вам не нравятся всплывающие окна, вы можете приобрести редактор за 70$. Он работает на всех основных ОС - Windows, Linux и Mac OSX.

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

Кроме того, его функциональность может быть расширена при помощи сотен доступных плагинов. Преимущества:

- поддержка большого количества кодировок;

- подсветка синтаксиса;

- параллельное редактирование документов;

- сравнение документов;

- поиск и автозамена по регулярным выражениям. - работа с файлами на ftp сервере;

- авто-завершение;

- расширяемый с помощью плагинов.

Недостатки:

- не самый лучший пользовательский интерфейс;

- слишком прост.

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

Atom был представлен год назад и известен, как современный, гибко настраиваемый редактор с открытым исходным кодом. Несмотря на использование браузерных технологий, Atom не является web-приложением, а по сути, представляет собой специализированный вариант Chromium, в котором каждая вкладка выполняет роль локально обрабатываемой web-страницы.

Преимущества:

- atom является редактором с открытым исходным кодом который свободен в использовании;

- кроссплатформенность os x, windows и linux;

- умное автодополнение;

- браузер файлов;

- поиск и замена по многим файлам;

- прост в использовании даже для новичка.

Недостатки:

- не может работать с большими файлами и имеет тенденцию к сбоям при загрузке файлов выше 10 МБ.

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

Выбор СУБД

Выбор СУБД является одним из важнейших моментов в разработке проекта БД, так как он принципиальным образом влияет на весь процесс проектирования БД и реализацию информационной системы. Теоретически при выборе СУБД нужно принимать во внимание множество факторов. Но практически следует учитывать наиболее важные критерии, к которым, в частности, относятся:

- тип модели данных, которую поддерживает данная СУБД;

- адекватность потребностям рассматриваемой предметной области;

- характеристики производительности системы;

- запас функциональных возможностей для дальнейшего развития ИС;

- степень оснащённости системы инструментарием для персонала;

- администрирования данными;

- удобство и надежность СУБД в эксплуатации.

Исходя из требований проекта, нам требуется реляционная многопользовательская клиент-серверная СУБД. В реляционной модели база данных представляет собой централизованное хранилище таблиц, обеспечивающее безопасный одновременный доступ к информации со стороны многих пользователей. Достигается информационная и структурная независимость. Записи не связаны между собой настолько, чтобы изменение одной из них затронуло остальные, а измененная структура СУБД, базы данных не обязательно приводит к перекомпиляции работающих с ней приложений. Клиент-серверные СУБД, в отличие от файл-серверных, обеспечивают разграничение доступа между пользователями и мало загружают сеть и клиентские машины. Сервер является внешней по отношению к клиенту программой, и по надобности его можно заменить другим.

В качестве возможных альтернатив для реализации проекта рассмотрим следующие: MS SQL Server 2005, FireBird, Interbase, MySql.

MS SQL является обобщенным наименованием Microsoft SQL Server 2000, Microsoft SQL Server 2005 и Microsoft SQL Server 2005 Express Edition. Это сервер с отличными возможностями, высокой скоростью и максимальной безопасностью.

Microsoft SQL Server -- система управления реляционными базами данных (СУБД), разработанная корпорацией Microsoft. Основной используемый язык запросов -- Transact-SQL, создан совместно Microsoft и Sybase. Transact-SQL является реализацией стандарта ANSI/ISO по структурированному языку запросов (SQL) с расширениями. Используется для работы с базами данных размером от персональных до крупных баз данных масштаба предприятия; конкурирует с другими СУБД в этом сегменте рынка.

Для обеспечения доступа к данным Microsoft SQL Server поддерживает Open Database Connectivity (ODBC) -- интерфейс взаимодействия приложений с СУБД. Версия SQL Server 2005 обеспечивает возможность подключения пользователей через веб-сервисы, использующие 41 протокол SOAP. Это позволяет клиентским программам, не предназначенным для Windows, кроссплатформенно соединяться с SQL Server.19

Firebird (FirebirdSQL) - кроссплатформенная, свободная система управления базами данных (СУБД), работающая на Linux, Microsoft Windows и разнообразных Unix платформах.

В качестве преимуществ Firebird можно отметить многоверсионную архитектуру, обеспечивающую параллельную обработку оперативных и аналитических запросов (это возможно потому, что читающие пользователи не блокируют пишущих), компактность (дистрибутив5 Mb), высокую эффективность и мощную языковую поддержку для хранимых процедур и триггеров.

Среди недостатков: отсутствие кеша результатов запросов, полнотекстовых индексов.

Borland Interbase является высокопроизводительным, кроссплатформенным, с возможностью встраивания, сервером баз данных, который используется миллионами пользователей в мире. Комбинация легкости установки, автоматического восстановления после сбоев, и минимального сопровождения делают Interbase наиболее подходящим для встраивания в тиражируемые приложения. Сервер Interbase - это кроссплатформенная СУБД, поддерживающая большинство операционных систем: Windows, Linux, Unix, Solaris, Mac OS и т.д.

Сервер Interbase разрабатывался с учетом современных требований к производительности СУБД. В последних версиях Interbase SQL Server применен ряд технологий, значительно повышающих скорость работы:

- поддержка симметричной многопроцессорной обработки Interbase SMP (symmetric multiprocessing) позволяет задействовать возможности многопроцессорной архитектуры при единственном серверном процессе Interbase SuperServer;

- поддержка технологии Hyperthreading;

- пакетное выполнение SQL запросов позволяет уменьшить сетевой;

- трафик и повысить производительность.

Клиент-серверная версия Firebird SQL Server существует в двух вариантах: Firebird Super Server и Firebird Classic. В Interbase реализована архитектура, совмещающая в себе достоинства Classic и SuperServer -Interbase SuperServer + SMP.

Архитектура Super Server - все клиентские подключения обслуживаются одним серверным процессом, имеется общий клиентский кеш. За счет этого достигается меньший расход ресурсов на обслуживание клиентов. Недостатком Super Server является отсутствие возможности задействовать несколько процессоров для работы сервера.

Архитектура Classic Server - на каждое клиентское подключение создает отдельный серверный процесс. Архитектура Classic Server более надежна, т.к. сбой одного серверного процесса не вызывает отказ в обслуживании всех клиентов. Кроме того, Classic Server позволяет распределить клиентские подключения на несколько процессоров. Недостатком архитектуры являются дополнительные накладные расходы на обслуживание и синхронизацию процессов, а также отсутствие общего клиентского кеша.

Interbase Super Server + SMP (symmetric multiprocessing) объединяет в себе преимущества двух архитектур Classic и Superserver. Один серверный процесс Interbase Super Server позволяет сократить накладные расходы и использовать общий клиентский Кеш, а технология симметричной обработки SMP задействует возможности многопроцессорной архитектуры, которые раньше были недоступны для Classic Server.

MySQL является собственностью компании Oracle Corporation. Распространяется под GNU General Public License или под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы 21типаMyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей.

MySQL портирована на большое количество платформ, а также имеет API (интерфейс программирования приложений) для языков Delphi, C, C++, Эйфель, Java, Лисп, Perl, PHP, Python, Ruby, Smalltalk и Tcl, библиотеки для языков платформы.NET, а также обеспечивает поддержку для ODBC посредством ODBC-драйвера MyODBC

Сравнительные характеристики рассмотренных СУБД сведены в единую таблицу 1.1.

Таблица 1.1

Сравнение СУБД

Характеристика	MS SQL 2005	MySQL 5.1	FireBird 2.5	InterBase 7.5
Операционная система	Windows	Windows, Unix, Linux, MacOS, BSD	Windows, Unix, Linux, MacOS, BSD	Windows, Unix, Linux, MacOS
Архитектура	Клиент-сервер	Клиент-сервер	Клиент-сервер	Клиент-сервер
Максимальный размер базы	524258 ТВ	Не ограниченно	Не ограниченно	Не ограниченно
Максимальное число таблиц в БД	2 млн.	60000	60000	60000

На основе приведенной информации, было решено использовать в качестве СУБД - MySql. Она бесплатна, отвечает всем необходимым требованиям - одна из лучших СУБД для управления небольшими базами данных, оптимальным образом использующая возможности операционной системы, имеет набор гибких средств обработки и анализа данных.

1.3 Обзор и сравнительный анализ языков программирования для веб-разработки

JavaScript

JavaScript - мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений.

Преимущества JavaScript:

1) ни один современный браузер не обходится без поддержки JavaScript;

2) с использованием написанных на JavaScript плагинов и скриптов справится даже не специалист;

3) полезные функциональные настройки;

4) постоянно совершенствующийся язык - сейчас разрабатывается бета-вариация проекта, JavaScript;

5) взаимодействие с приложением может осуществляется даже через текстовые редакторы - Microsoft Office и OpenOffice;

6) перспектива использования языка в процессе обучения программированию и информатике.

Недостатки JavaScript:

1) пониженный уровень безопасности ввиду повсеместного и свободного доступа к исходным кодам популярных скриптов;

2) множество мелких раздражающих ошибок на каждом этапе работы. Большая часть из них легко исправляется, но их наличие позволяет считать этот язык менее профессиональным, сравнительно с другими;

3) повсеместное распространение. Своеобразным недостатком можно считать тот факт, что часть активно используемых программ (особенно приложений) перестанут существовать при отсутствии языка, поскольку целиком базируются на нем.

Python

Python -- высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности разработчика и читаемости кода. Синтаксис ядра Python минималистичен. В то же время стандартная библиотека включает большой объём полезных функций. Python поддерживает структурное, объектно-ориентированное, функциональное, императивное и аспектно-ориентированное программирование. Основные архитектурные черты -- динамическая типизация, автоматическое управление памятью, полная интроспекция, механизм обработки исключений, поддержка многопоточных вычислений, высокоуровневые структуры данных. Поддерживается разбиение программ на модули, которые, в свою очередь, могут объединяться в пакеты.

Python имеет такие достоинства как:

1) простая в использовании;

2) кроссплатформенность, позволяющий работать на более чем одной аппаратной платформе и/или операционной системе;

3) наличие большого числа подключаемых к программе модулей, обеспечивающих различные дополнительные возможности.

Недостатки языка Python:

1) динамическая типизация может стать источником проблем в крупных проектах;

2) появляется повышенная необходимость в юнит-тестах;

3) в некоторых случаях может не хватить производительности, но есть возможность использования/написания нативных модулей;

4) нужно знать и понимать, как готовить многопоточность.

PHP

PHP является одним из наиболее широко используемых языков для веб-разработки. PHP -- это встраиваемый в HTML скриптовый язык, который может быть использован для того, чтобы своевременно сформировать динамические страницы. С помощью PHP, мы можете очень быстро и легко расширить веб-приложение. PHP код может быть непосредственно размещен в HTML коде, без использования внешнего файла.

Преимущества PHP:

1) высокая скорость работы и, соответственно, общая производительность ресурсов.

2) бюджетность, экономичность.

3) Найти специалиста не представляется проблемой, стоимость написания программ на php не высока.

4) простота освоения, простой синтаксис;

5) отличная совместимость и переносимость-- php-коды работают одинаково хорошо с разными платформами;

6) набор текста кода и его редактирование можно осуществлять в любом текстовом или html-редакторе;

7) высокая гибкость, емкость и функциональность. Php программу можно составлять отдельно от разработки веб-страницы, без привязки, после чего совместить. Это существенно упрощает жизнь дизайнеров и программистов;

8) многозадачность и широкие возможности -- создание любых веб-приложений, блогов, гостевых книг, интернет-магазинов, сайтов, работа с редиректами, заголовками, pdf-документами, базами данных, электронной почтой и пр.

Недостатки PHP:

- отсутствие определенных типов данных;

- не подходит для создания десктопных приложений или системных компонентов;

- имеет слабые средства для работы с исключениями;

- глобальные параметры конфигурации влияют на базовый синтаксис языка, что затрудняет настройку сервера и разворачивание приложений;

- объекты передаются по значению, что смущает многих программистов, привыкших к передаче объектов по ссылке, как это делается в большинстве других языков;

- Веб-приложения, написанные на PHP, зачастую имеют проблемы с безопасностью.

C#

Объектно-ориентированный язык программирования, относящийся к семье языков с C-подобным синтаксисом, из них его синтаксис наиболее близок к C++ и Java, да и сам этот язык широко распространён среди программистов. Язык имеет статическую типизацию, поддерживает полиморфизм, перегрузку операторов. Очень просто писать процессы, которые знают друг о друге и взаимодействуют, так и понятней и значительно легче специализировать объекты в Unity. В C# есть три типа: число, строка, и объект (ну а функции и массивы и есть объекты).

Плюсы языка программирования C#:

- поддержка компанией Microsoft. В отличии от Java, которой не пошел на пользу переход в собственность Oracle, C# хорошо развивается благодаря усилиям Microsoft;

- в последнее время много совершенствуется. Так как C# был создан позже, чем Java и другие языки, то требовалось очень много доработать. Также это касается популяризации и бесплатности - было обещано открыть исходный код, а инструменты (VisualStudio, Xamarin) стали бесплатными для частных лиц и небольших компаний;

- много синтаксического сахара. Синтаксический сахар - это такие конструкции, которые созданы для облегчения написания и понимания кода (особенно если это код другого программиста) и не играют роли при компиляции;

- средний порог вхождения. Синтаксис похожий на C, C++ или Java облегчает переход для других программистов. Для новичков это также один из самых перспективных языков для изучения;

- Xamarin. Благодаря покупке Xamarin на C# теперь можно писать под Android и Ios. Это, несомненно, большой плюс, так как их собственная мобильная ОС (WindowsPhone) не завоевала большой популярности;

- добавлено функциональное программирование(F#);

- большое сообщество программистов;

- много вакансий на должность C# программиста в любом регионе.

Минусы языка программирования C#:

- ориентированность, в основном, только на.NET (на Windows платформу);

- бесплатность только для небольших компании, учащихся и программистов-одиночек. Для больших команд покупка лицензий обойдется недешево. Поэтому если у вас есть своя фирма, то придется раскошелиться.

Таблица 1.2

Сравнение языков

Возможности	C#	Python	JavaScript
Макросы	+/-	+	-
Интерфейсы	+	+	-
Мульти методы	+/-	+/-	-
Кортежи	+	+/-	-
Многомерные массивы	+	+	+/-
Инструкция goto	+	+	-
Возможности	C#	Python	JavaScript
Созданиеобъектов на стеке	+	+	-
Ручноеуправление памятью	+	+	-
Компилятор	+	+	+
Типизация	+	+	-

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

Эта платформа подходит для создания сайтов как простых, так и средних по сложности. На внешний вид публичной части сайта (на то, что видит обычный пользователь) CMS никаких ограничений не накладывают.

Есть две разновидности CMS -- коробочные (готовый программный продукт, который можно скачать или купить) и самописные (которые можно получить только от разработчика).

Также есть 4 основных типа CMS:

- Простая CMS.

Для создания несложных сайтов, состоящих из небольшого количества страниц, используются самые простые системы управления. Они состоят из набора модулей, настраиваемых единожды. Такие CMS абсолютно бесплатны. Их можно найти в Сети в свободном доступе.

Среди минусов простых CMS отметим:

- Отсутствие возможности смены настроек.

- Низкая пропуская способность.

- Отсутствие поддержки динамического создания страниц.

- Невозможность делегировать полномочия администратора.

Шаблонная CMS: Такая система тоже состоит из определенных модулей, однако она имеет более сложную структуру. Шаблонная CMS обладает высокой пропускной способностью, которая составляет более 50 000 запросов. Есть поддержка динамических страниц и возможность делегирования полномочий администратора. На базе шаблонных CMS создано огромное количество сайтов. Такие CMS несложно освоить и использовать в работе.

Профессиональная CMS. Более высокий уровень сложности у профессиональных CMS. Такие системы предусматривают возможность изменения структуры ресурса. К ним можно подключать дополнительные модули. Профессиональные системы управления используются для создания информационных порталов и масштабных проектов. Как правило, такие CMS можно приобрести на платной основе.

Универсальная CMS. Универсальные системы обладают широким функционалом и большими возможностями в плане разработки сайтов любой сложности. Они поддерживают функции смены структуры, образования динамических страниц, изменения дизайна, модификации настроек, распределения полномочий. Универсальные CMS стоят достаточно дорого. Они используются для работы с крупными порталами и веб-проектами, требующими высокой функциональности и динамики. Это основные типы CMS. Выбирая движок для сайта, оценивайте возможности и функции системы. Хорошая CMS должна быть удобной, понятной и эффективной.

Виды платформ и выбор CMS. Существуют множество выбора CMS.

Из них самые популярные:

WordPress

Система управления сайтами WordPress одна из наиболее популярных в русскоязычном сегменте интернета. И для этого есть несколько причин, которые можно поделить на две категории -- SEO и пользовательские.

Главные преимущества системы Wordpress:

1) легкость первоначальной настройки;

2) простота установки;

3) огромное количество шаблонов и дополнений;

4) огромное количество фанатских сайтов и форумов;

5) удобство управления сайтов;

6) при доделывании на этим движке можно сделать любой тип сайта

7) возможность публикаций с помощью сторонних скриптов.

Но у Wordpress есть и существенные недостатки:

1) высокая нагрузка на сервер при невысокой посещаемости;

2) конфликты между плагинами;

3) необходимость установки значительного количества дополнений.

Joomla!

Joomla! - весьма продвинутая CMS в плане функциональности. Нечего сказать, начать работать с Joomla! очень легко благодаря инсталлятору. Инсталлятор Joomla! может удалено работать с большинством систем, использующихся как веб-серверы, и весьма прост, учитывая то количество программного обеспечения, которое может им конфигурироваться.

Недостаток Joomla, пожалуй, один - крайне непривычный интерфейс панели управления администратора. Там неудобно все - от добавления статей до установки дополнений. Для joomla также существует множество бесплатных шаблонов и дополнений. Естественно, для создания полноценного сайта нужно сразу установить некоторые из плагинов.

Среди преимуществ иногда выделают постоянные регулярные обновления движка joomla, но это, скорее, недостаток, ведь придется постоянно устанавливать новые версии. Да и это означает, что разработчики постоянно допускают ошибки.

Dupal

Drupal можно применять для построения различных сайтов, начиная от блогов, новостных порталов, информационных сайтов, форумов и заканчивая социальными сетями. Довольно большую функциональность можно расширять установкой дополнительных «модулей», которые можно скачать с официального сайта. По умолчанию уже включает в себя такие функции, как голосование, форум, сборщик новостей, новостная лента, движок для блога, загрузка файлов и поиск. Из недостатков drupal можно выделить повышенное требование к оперативной памяти на стороне сервера, обычно не менее 128 МБ.

OpenCart

Предлагает готовое решение для запуска продаж в интернете. Сразу после установки движка и добавления темы мы получим работающий магазин с примерами товаров. Всё, что остаётся сделать -- добавить продукты и описания, заменить шаблон. Корзина не требует дополнительной настройки.

Плюсы:

1) Открытый исходный код, обеспечивающий гибкость системы и постоянное развитие со стороны пользователей.

2) Предоставление полностью работающей магазинной функциональности «из коробки».

3) Добавление дополнительных возможностей с помощью расширений.

4) Поддержка мультиязычности, в том числе благодаря интеграции с сервисом локализации Crowdin.31

5) Наличие полноценной русскоязычной версии с активным пользовательским сообществом.

Таблица 1.3

Сравнительная характеристика систем управления сайтом (CMS)

№	Критерий	WordPress	Drupal	Joomla
1	Лицензия	Бесплатная	Бесплатная	Бесплатная
2	Интерфейс администрировани я системы	Web	Web	Web
№	Критерий	WordPress	Drupal	Joomla
3	Сайт системы	http://wordpress. o rg/	http://www.dru p al.org/	http://joomla.ru /
4	Системные требования:	PHP версии 5.2.4+ MySQL версии 5.0.15+	PHP версии 5.4+ MySQL версии 5.0.1.5+	PHP версии 5.2.4+ MySQL версии 5.0.4+
5	База даных	MySQL	MySQL, PostgreeSQL	MySQL
6	Операционная система	Windows, Unix	Windows, Unix	Windows, Unix
7	Веб-сервер	Apache	Apache	Apache
8	Русскоязычная документация	Отсутствует русская документация на модули	- (английский)	+
9	Русская поддержка	+	+	Два крупных официальных форума

Выводы к 1 главе

В первой главе исследованы и анализированы технологии создания веб-сайта, анализ языков программирования, системы управления веб- сайтами, текстовые редакторы, проведён аналитический обзор средств разработки веб-сайта.

Проведённый аналитический обзор средств разработки веб-сайта в виде сравнительного анализа между языков программирования C#, Python, PHP и Java показал, что системой управления веб-сайтами был выбран OpenCart, а языком программирования PHP более эффективное средство.

В ходе исследования выявлено много областей, где эти инструменты можно улучшить, программисту было удобнее работать. Ни один из данных языков программирования не имел существенного преимущества и перевеса на другим, учитывая, как быстро изменяются их возможности, и поддержка с течением времени.

Таким образом, на основании исследования разработки мы выбрали PHP в качестве среды разработки веб-сайта, потому что он более легкий в освоении для начинающих разработчиков.



2. Разработка и внедрение веб-сайта

2.1 Общая структура сайта

При построении структурой схемы было использование приложение Microsoft Visio.

Microsoft Visio -- векторный графический редактор, редактор диаграмм и блок-схем для Windows. Выпускается в трёх редакциях: Standard, Professional и Pro for Office 365.

Рисунок 2.1 Структурная схема сайта

На рисунке 2.1 представлена структурная схема сайта, которая учитывает всю специфику разрабатываемого приложения. На главной странице отображается основная информация.

1) Страница «Расписание» содержит расписания учебных занятий;

2) Страница «Наши контакты» содержит контактные данные для связи;

3) Страница «Наши фотографии» содержит фотографии;

4) Страница «Родителям» содержит информацию для родителей;

5) Страница «Сетевой город» содержит информацию о успеваемости учениках.



2.2 Среда программирования и разработка сайта

Установка веб-сервера Open Server Panel 5.3.8 Open Server -- это надёжный и удобный в использовании инструмент, который будет не ззаменимым для разработчиков и владельцев интернет-ресурсов. Его главное преимущество - кроссплатформенность, а значит он будет работать на любых версиях операционных систем.

- подробный просмотр логов всех компонентов в реальном времени;

- выбор HTTP, СУБД и PHP модулей в любом сочетании;

- поддержка SSL и кириллических доменов из коробки;

- поддержка алиасов или по-другому доменных указателей, а также удобная форма их настройки (привет любителям мультисайтинга в Drupal!);

- создание локального поддомена без потери видимости основного домена в сети интернет;

- доступ к доменам (в один клик) и быстрый доступ к шаблонам конфигурации модулей;

- мультиязычный интерфейс (Русский, Украинский, Белорусский, Английский).

Скачиваем Open Server Panel 5.3.8 Локальный веб сервер. Open Server Panel -- это портативная программная среда, созданная специально для веб-сайта. Скачиваем Open Server Panel 5.3.8 c официального сайта (рис. 2.2).



Рисунок 2.2 Загрузка Open Server

Установка Open Server Panel на ПК (рис. 2.3).

Рисунок 2.3 Установка Open Server panel

Далее после установки заходим в корень папки Open Server/domains (рис. 2.4).



Рисунок 2.4 Корень папки

И вставляем сюда свои файлы уже готового сайта (рис. 2.5).

Рисунок 2.5 Готовые файлы

Далее запускаем Open Server, после чего заходим в раздел Мои проекты и нажимаем запуск localhost (рис. 2.6).

Рисунок 2.6 Open Server

После чего нас перебросит на наш сайт, который уже будет на сервере (рис. 2.7).

Рисунок 2.7 Сайт на сервере

Администрирование сайта CMSLand

CMSLand - система управления контентом сайта. Бесплатная и простая в использовании система управления сайтом. Скачиваем CMSLand и разархивируем файл в папку с сайтом localhost (рис. 2.8).

Рисунок 2.8 Localhost

После чего запускаем наш проект и в правом нижнем углу у нас имеется кнопка Администратор (рис. 2.9).

Рисунок 2.9 Проект

После чего входим в систему администратора сайта (рис. 2.10).



Рисунок 2.10 Администратор

После ввода пароля в систему администратора мы можем менять контент на сайте (рис. 2.11).

Рисунок 2.11 Страница администратора

Создание Web-страницы с помощью языка HTML страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

Обычно HTML-документ -- это файл с расширением.html или.htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми, браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.

Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация: <p>Информация</p>.

Здесь стартовым тегом является тег <p>, а завершающим - </p>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> ставит символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

- Объявление HTML;

- Заголовок;

- Тело документа.

Объявление HTML

<html> и </html>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <html> (в самом начале документа), а последним - </html> (в самом конце документа).

<html>

тело-

</html>

Заголовочная часть.

<head> и </head>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <title> и </title>.

<html>

<head>

<title>Название страницы</title>

</head>

</html>

Тело документа.

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <body> и </body>. Первый из них должен стоять сразу после тега </head>, а второй - перед тегом </html>. Тело HTML-документа -- это место, куда автор помещает информацию, отформатированную средствами HTML.

Рисунок 2.12 Разработка html кода в приложении Notepad++

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

Рисунок 2.13 Разработка CSS кода в приложении Notepad+

Javascript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Для добавления JavaScript-кода на страницу можно использовать теги <script></script>, которые рекомендуется, но не обязательно, помещать внутри контейнера <head>. Контейнеров <script> в одном документе может быть сколько угодно. Атрибут type="text/javascript" указывать необязательно, данное значение используется по умолчанию.



Рисунок 2.14 Разработка js кода в приложении Notepad++

Перенос веб сайта на хостинг. После настройки сайта переносим наш сайт на хостинг “спринтхост”, удобный и практичный в использовании хостинг с техподдержкой (рис. 2.15).

Рисунок 2.15 Спринтхост

Перенос файлов сайта на хостинг (рис 2.16).



Рисунок 2.16 Перенос файлов

Домен был выдан сайтом спринтхост.

2.3 Разработка интерфейса сайта

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

Иконки для сайта были взяты с Font Awesome и вставлены кодом для дальнейшей работы (рис. 2.17).

Рисунок 2.17 Сайт Font Awesome

Рисунок 2.18 Код для иконок для сайта

Рисунок 2.19 Пример иконок

Шрифты были выбраны fonts-online и использованы на нашем сайте (рис. 2.20).

Рисунок 2.20 Fonts-online

Как и планировалось на этапе постановки задачи, сайт содержит все необходимые структурные и навигационные элементы: форму поиска, навигационное меню (в виде текстовых ссылок в сопровождении соответствующих изображений).

2.4 Тестирование сайта

При нажатии на ссылку домена выводится страница сайта (рис. 2.21).

Рисунок 2.21 Сайт

При нажатии на ссылке «Расписание» выводится информация о расписании учебных занятий (рис. 2.22).

Рисунок 2.22 Расписание учебных занятий

При нажатии на ссылке “Наши контакты” выводится бланк отправки информации (рис. 2.23).

Рисунок 2.23 Наши контакты

При нажатии на ссылке “Наши фотографии” выводится бланк отправки информации (рис. 2.24).

Рисунок 2.24 Наши фотографии

При нажатии на ссылке “Родителям” выводится информация предназначенная для родителей (рис. 2.25).



Рисунок 2.25 Родителям

При нажатии на ссылке “Сетевой город” выводится бланк отправки информации (рис. 2.26).

Рисунок 2.26 Сетевой город

При нажатии на ссылке “Администратор” выводится бланк информации для администратора (рис. 2.27).



Рисунок 2.27 Администратор

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



3. Технико-экономическое обоснование

3.1 Цели и задачи, решаемые в экономической части

В данной выпускной квалификационной работе был разработан и внедрен веб-сайт для начального класса.

В разделе приведен расчет затрат, произведенных при создании веб-сайта.

Технико-экономическое обоснование (ТЭО) - в котором представлена информация, из которой выводится целесообразность, анализ и расчет экономических показателей создаваемого продукта.

Смета затрат - это полный расчет расходов организации на производство и реализацию продукции за определенный календарный период (год, квартал), составленный по экономическим элементам расходов. Она рассчитывается путем прямого суммирования отдельных экономических элементов и смет комплексных расходов предприятия.

Смета затрат на создание и внедрение веб-сайта включает в себя следующие статьи затрат:

1) материальные затраты;

2) затраты на оплату электроэнергии;

3) амортизационные отчисления;

4) затраты на оплату труда разработчика;

5) прочие расходы.

3.2 Определение трудозатрат на разработку и отладку программного продукта

Для определения трудоемкости выполнения работ необходимо на основе экспертной оценки трудоемкости выполнения каждой работы.



Таблица 3.1

Структура трудозатрат на разработку мобильного приложения

Виды затрат труда	Индекс	Трудоёмкость, чел.-ч.	Удельный вес затрат, %
Создание дизайн документа	ДД	6	10%
Разработка веб-дизайна	ГД	6	20%
Проектирование и дизайн	ПД	6	15%
Программирование	П	6	51%
Тестирование и публикация	ТП	6	4%
Итого (общие трудозатраты)	Т	36	100%

Сумма трудозатрат на разработку веб-сайта составила 36 чел.-ч.

Расчет амортизационных расходов

Необходимо учесть стоимость оборудования, используемое в ходе создания проекта, в таблице 3.2 приведены данные затраты на оборудование.

Таблица 3.2

Затраты на электрооборудование

Наименование	Тип	Количество	Цена за ед., руб.	Общая сумма затрат, руб.
Компьютер	Intel Celeron2000/128Socket478BOX	1	27350	27350
Мышь	Logitech	1	150	150
Итого:				27500

За счет использования бесплатных версий программных продуктов удалось снизить стоимость эксплуатационных материалов до нуля. Срок использования технических средств 3 года.

В статье «Амортизационные отчисления» от используемого оборудования рассчитывается амортизация за время выполнения работы для оборудования, которое вычисляется по формуле (3.1);