ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ПРОЕКТИРОВАНИЯ

Содержание:

ВВЕДЕНИЕ

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

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

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

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

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

Целью данной курсовой работы является создание сайта-визитки дошкольного образовательного учреждения «Гимназии Петра Великого» города Москвы.

Актуальность данной темы обусловлена тем, что свой сайт в глобальной сети Интернет позволит развить продуктивное сотрудничество между родителями и педагогическим коллективом, информировать родителей с последними новостями и объявлениями, размещать материалы, интересные Родителям и детей. К тому же, создание сайта способствует формированию положительного образа дошкольного учреждения.

Цель – разработать сайт ДОУ «Гимназия Петра Великого с использованием языка гипертекстовой разметки HTML.

Прежде чем начать создание электронного сайта-визитки необходимо обозначить следующие задачи:

1. Провести теоретический анализ научной и методической литературы по проблеме: «Технология создания сайта»;
2. Описать технологию создания электронного сайта ДОУ «Гимназия Петра Великого»;
3. Спроектировать и создать сайт-визитку ДОУ «Гимназия Петра Великого»;
4. Проанализировать существующие языки для написания сайта.
5. Рассмотреть функциональные возможности HTML.
6. Наполнить сайт информацией по теме.

Методы исследования:

1. эмпирический метод (Анализ и изучение использованной литературы и Интернет-ресурсов по проблеме исследования);
2. Сбор и обработка фотоматериала;
3. Проектирование эскизов сайта-визитки ДОУ «Гимназия Петра Великого»;
4. Создание готового продукта
5. метод теоретического исследования

Целевая аудитория данного проекта:

1. Педагоги ДОУ «Гимназии Петра Великого»;
2. Педагоги других дошкольных учреждений;
3. Учредители;
4. Социальные партнеры;
5. Родители.

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

1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ПРОЕКТИРОВАНИЯ

1.1 Характеристика объекта исследования

Объект исследования данной курсовой работы - дошкольное образовательное учреждение «Гимназия Петра Великого». Дошкольное образовательное учреждение осуществляет свою деятельность в соответствии с Законом «Об образовании», типовым положением о дошкольном учреждении, договором между учредителем и ДОУ, Уставом ДОУ «Гимназия Петра Великого».

В детском саду функционирует всего 10 групп для детей дошкольного возраста от 1,5 до 7 лет: четыре ясельные 1,5-2; 2-3; шесть дошкольных общеобразовательных групп 3-4; 4-5; 5-6; Структура учреждения представлена на рис. 1.

 

Рисунок 1.1Структура учреждения

Коллектив ДОУ «Гимназия Петра Великого» главным образом состоит из администрации и педагогических кадров. Руководитель – педагог высшей квалификационной категории. В данном учреждении штат состоит из:

№/№	Должность	Количество человек
1	Администрация: Заведующий Методист	1 2
2	Педагоги: Преподаватель по физической культуре Преподаватель по изобразительному искусству Преподаватель иностранного Преподаватель по хореографии Музыкальный работник Педагог по развитию Воспитатели в группах Преподаватель информационных технологий	2 2 2 2 2 2 20 1
3	Медицинское обслуживание: Педиатр Логопед Медицинская сестра Нянечки Стоматолог Ортопед\травматолог Массажист	1 1 4 12 1 1 2
4	Столовая: Шеф повар Повар Посудомойка	1 3 1
5	Бухгалтер	2
6	Обслуживающий персонал: Уборщица Дворник Электрик Сантехник Ландшафтный дизайнер\садовод	2 2 1 1 1
7	Охранник	1

Основными задачами ДОУ «Гимназия Петра Великого» являются:

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

Для реализации основных задач администрация учреждения вправе:

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

Режим работы ДОУ «Гимназия Петра Великого» устанавливается исходя из потребностей семьи и возможностей бюджетного финансирования данного учреждения.

Детский сад функционирует в режиме 5-дневной рабочей недели с двумя выходными днями (суббота, воскресенье), длительность работы – 12 часов, график работы – с 7.00 до 19.00 часов.

Участниками образовательного процесса ДОУ «Гимназия Петра Великого» являются дети, их родители (законные представители), педагогические работники учреждения.

 

1.2 Цели сайта и его позиционирование

 

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

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

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

Если заказчик не понимает, для чего ему нужен веб-сайт, с 99% вероятностью он будет недоволен работой исполнителя и будет считать, что деньги, потраченные на создание веб-сайта, просто потеряны. В итоге, компания не будет использовать методы Интернет-маркетинга, что негативно скажется на ее конкурентных позициях на рынке.

После определения целей сайта надо совершенно четко и как можно подробнее представить и описать целевую аудиторию сайта, т.к. это влияет на то, в каком виде будет представлена информация.

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

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

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

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

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

1.3 Разработка и виды сайтов

 

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

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

Процесс разработки веб-сайта можно разделить на следующие этапы:

• Определение целей сайта и его позиционирование
• Техническое задание (ТЗ)
• HTML-CSS верстка
• Наполнение сайта информацией (контентом)
• Размещение сайта в сети internet

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

В настоящее время большинство домашних страниц переросли в блоги, чаще всего на бесплатных сервисах типа ЖЖ или Blogger, но суть их осталась прежней – унылой. Монетизировать такой сайт проблематично даже при относительно высокой посещаемости. Качество трафика на таком типе сайтов обычно очень невысокое.

Сайт-визитка. Можно сказать, что визитка – это домашняя страница фирмы или организации, или же просто очень маленький сайт для продвижения какого-либо товара или бренда. На сайтах-визитках обычно не более 10-20 страниц, минимум информации. Часто такой тип сайтов делается не с перспективой привлечения непосредственных клиентов, а с имиджевыми целями. Создание визитки стоит относительно дешево, она может стать отличным стартом для будущего большого корпоративного портала.

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

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

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

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

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

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

Блог. Все знают, что такое блог – сетевой дневник в широком понимании этого слова. Среди популярных блогов мало таких, которые представляли бы именно дневник в классическом смысле. Чаще всего от дневника там осталась разбивка по датам. А публикуется там совершенно различная информация, зачастую не связанная с повседневной жизнью автора. Сообщения, которые с ней связаны, иронично называют «лытдыбр» (слово «дневник» в латинской раскладке клавиатуры).

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

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

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

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

Блоги перспективны в плане заработка на них – помимо общих методов есть несколько видов монетизации, предназначенных именно для блогов, например, размещение обзоров, «постовых», джинсы, в конце концов. Пожалуй, блог – идеальный вариант для новичка для пробы своих возможностей и для получения первых копеек из интернета, которые придадут вдохновение и добавят уверенности в собственных силах.

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

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

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

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

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

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

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

Интернет-магазин. Тут из названия понятно, что это за сайт. Цель – продажа товаров или услуг. Создать интернет-магазин не проблема, куда сложнее найти то, что будет успешно продаваться. По большому счету, в любой тематике есть высокая конкуренция, а если ее нет, то и прибыль будет минимальная. Впрочем, всегда можно найти свою нишу и постепенно двигаться вверх.

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

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

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

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

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

Создать форум просто, все движки устанавливаются в два-три клика, и их настройки тоже не сложны. Но раскрутить его куда более трудоемко, чем обычный сайт. «Зажечь» реальное активное общение – задача не из простых. Далеко не каждый человек, зайдя на новый пустой форум, начнет на нем сразу писать. А если и начнет, то быстро уйдет, ведь ему никто не будет отвечать.

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

Каталог сайтов. Бесперспективный вид сайта в настоящее время. Если лет десять назад трафик из каталогов шел существенный, то сейчас толку от них практически никакого, за исключением строго тематических ресурсов с высокой целевой посещаемостью. Из относительно полезных общетематических каталогов можно выделить каталоги Яндекса, Mail.ru.

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

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

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

1.4 Наполнение сайта информацией (контентом)

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

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

Наполнение сайта контентом — это постоянная работа, которая не заканчивается после запуска ресурса и его успешной раскрутки. Для того чтобы сохранить завоёванные позиции, необходимо постоянно поддерживать актуальность контента. Статьи для сайта могут быть самого разного объёма и направленности. Вовсе не обязательно заполнять сайт громоздкими текстами, если того не требует концепция вашего ресурса. Небольшие статьи, начиная от 500-700 символов, вполне могут составлять основу контента. Однако и небольшие тексты непременно должны отвечать всем требованиям качества и уникальности.

Тексты, используемые для наполнения сайта, должны быть абсолютно грамотными и лёгкими для восприятия, независимо от того, что вы заказываете — рерайт или копирайт. Поэтому не так-то просто найти исполнителей, которым можно доверить столь ответственное задание. 

Тексты, безусловно, основа большинства ресурсов. Но следует отметить, что контент для сайтов — это и картинки, и аудио- и видеофайлы.

2. ПЛАНИРОВАНИЕ И СОЗДАНИЕ САЙТА-ВИЗИТКИ УЧРЕЖДЕНИЯ

2.1 Основные требования к сайту-визитке ДОУ «Гимназия Петра Великого»

Чтобы достигнуть решения цели, которая была поставлена в курсовой работе, нужно осознавать требования, которые ставятся перед задачей разработки сайта-визитки ДОУ «Гимназия Петра Великого». Часто, предъявляемые к разработанному программному продукту требования, делятся на три ключевые группы:

• социальные;
• экономические;
• технические.

Далее рассмотрим каждую группу более детально и применительно к этой конкретной задаче.

К социальным требованиям проектируемого сайта-визитки ДОУ «Гимназия Петра Великого» можно отнести:

• практичность и применимость программного продукта;
• функциональная пригодность;
• удобство освоения;
• защищённость информации.

Проанализируем, как все эти социальные требования выполняются в разрабатываемом проекте.

Практичность и применимость – существенно определяет функциональную пригодность и полезность применения разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» для пользователей. Пользователями разработанного программного продукта являются администраторы, конечные и косвенные пользователи, а именно Учредители, социальные партнеры, педагоги, родители, которые ориентируются на предоставленную информацию и зависят от качества этой информации. К этой группе показателей качества относятся конструктивные субхарактеристики и атрибуты, с разных сторон отражающие функциональную ясность, системную эффективность, удобство освоения и незамысловатость использования данных.

Также, отдельные субхарактеристики оцениваются экономическими данными - расходами труда и затратами времени на реализацию функций взаимодействия с данными. Практичность зависит не только от личных характеристик проектируемого сайта-визитки ДОУ «Гимназия Петра Великого», но также от устройства и адекватности подготовки документов процессов его эксплуатации.

Функциональная пригодность проектируемого сайта-визитки ДОУ «Гимназия Петра Великого» при системной разработке может представлять не простую проблему для идентификации соответствия требований настоящим значениям нужных атрибутов качества, при циркуляции разной и сложной информации об анализируемых объектах. Критерием качества функциональной пригодности в данном разработанном программном продукте может быть степень покрытия целей, назначения и функций разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» доступной пользователям информацией.

Удобство освоения разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» определяется требованиями ограниченной трудоемкости и продолжительности подготовки пользователя к полноценной эксплуатации информации.

Освоение разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» зависит от внутренних свойств и сложности структуры информации БД, а также от субъективных характеристик квалификации конкретных пользователей. Также, освоение может характеризоваться объемом используемой документации.

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

Экономические требования, предъявляемые к разрабатываемому сайту-визитке ДОУ «Гимназия Петра Великого» подразделяются на три группы:

• доступность процесса сопровождения по стоимости;
• эффективность использования ресурсов;
• производительность труда.

Сопровождение информации в разрабатываемом сайте-визитке ДОУ «Гимназия Петра Великого» отражается удобством ее исправления и его эффективностью, усовершенствования или адаптации структуры и содержания описаний данных в зависимости от изменений во внешней среде применения, а также в требованиях и функциональных спецификациях заказчика.

Используемость ресурсов или ресурсная экономичность разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» проявляется занятостью ресурсов центрального процессора, оперативной, внешней и виртуальной памяти, каналов ввода-вывода, терминалов и каналов сетей связи. Размер обуславливается структурой, функциями и объемом разрабатываемой системы, а также архитектурными особенностями и доступными ресурсами персонального компьютера.

В зависимости от конкретных поставленных задач и особенностей разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» и ПК при системном проектировании и избрании атрибутов качества возможно доминирование либо абсолютной величины занятости ресурсов всевозможных типов, либо относительной величины использования ресурсов каждого типа при нормальном функционировании проектируемой системы.

Следовательно, в рамках разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого», действенность использования ресурсов будет складываться из технических возможностей ПК и использованию их в проекте.

Разрабатываемый сайт-визитка ДОУ «Гимназия Петра Великого» должен повышать информированность населения о работе, контактах, администрации учреждения.

Технические требования, предъявляемые к разрабатываемому проекту, разделим на три группы:

• простота;
• понятность;
• завершенность.

Простота использования разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» дает возможность удобно и комфортно его эксплуатировать и управлять данными. В связи с этим должны быть обеспечены: достаточная объемность параметров управления, используемых по умолчанию, информативность сообщений пользователям системы, наглядность, стандартизованность управления экраном, а также доступность изменений функций разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого» согласно с квалификацией пользователей и минимум операций, необходимых для осуществления определенного задания и анализа результатов.

Отдельные составляющие этой субхарактеристики доступны при определении количественных требований путем указания трудоемкости продолжительности соответствующих процессов подготовки и обучения пользователей к эффективной эксплуатации разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого».

Понятность - зависит от качества документации и индивидуальных впечатлений потенциальных пользователей, от функций и характеристик разрабатываемого сайта-визитки ДОУ «Гимназия Петра Великого».

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

2.2 Формирование требований к системе

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

Целью создания сайта-визитки ДОУ «Гимназия Петра Великого» является обеспечение информационного присутствия учреждения в сети Интернет, обеспечение быстрого доступа к ресурсам учреждения для пользователей системы.

На каждой странице сайта должна быть реализована возможность перехода в любой из основных разделов сайта-визитки. Раздел «Меню» должен быть реализован в едином для всех страниц стиле, на каждой странице должна быть ссылка на главную страницу. Главная страница разрабатывается в едином с другими страницами стиле. В блоке с описанием должен располагаться набор ключевых слов для оптимизации организации поиска.

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

Основные выбранные параметры для шрифтов:

• основными шрифтовыми гарнитурами сайта-визитки учреждения будут являться гарнитуры Arial, Verdana, Times New Roman, так как шрифты, которые используются для оформления графики и текстовых материалов сайта-визитки, не должны быть в противоречии с корпоративным стилем учреждения. В том случае, если на компьютере пользователя будут отсутствовать необходимые шрифты, будет предусмотрено использование стандартных групп шрифтов браузеров таким образом, чтобы смена шрифтов из соответственной группы не приводила к визуальному искажению текста;
• величина шрифтов должна обеспечивать удобство восприятия текста при наименьшем допустимом размере экрана;
• предпочтительно использовать темный цвет шрифта на светлом фоне.

В макете дизайна необходимо обозначить внешний вид всех типов ссылок:

обычная ссылка;

активная ссылка;

ссылка посещенной страницы.

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

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

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

Разрабатываемый проект сайт-визитка ДОУ «Гимназия Петра Великого» должен давать посетителю возможность просмотра фотографий, ознакомления с информацией о работе учреждения, контактах, часах приема граждан.

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

Требования к программному обеспечению, работающему на сервере, а также к программным средствам, обеспечивающим web-интерфейс и работающих на стороне пользователей сетей Интернет:

• высокопроизводительный web-сервер и сервер базы данных со следующим программным обеспечением:
• microsoft Windows Server;
• система управления базами данных Microsoft SQL Server;
• HTML;

На стороне клиента необходимо наличие одного из следующих браузеров:

• интернет-браузер Opera;
• интернет-браузер Google Chrome;
• интернет-браузер Internet Explorer
• интернет-браузер Mozilla Firefox.

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

 

2.3 Структура сайта

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

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

Условно можно выделить три основных способа организации структуры сайта:

• линейная структура. Web-страницы идут одна за другой, и пользователь должен просматривать их как слайд-шоу;
• древовидная структура. Пользователь при заходе на главную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т.п.;
• решетчатая структура. В ней все страницы размещаются в различных ветках. У пользователя есть возможность перемещаться по ним не только вертикально, но и горизонтально;
• логическая структура сайта-визитки ДОУ «Гимназия Петра Великого», представленная в соответствии с рисунком 2.1.

Главная страница

Страница: О нас

Страница: Фотографии

Страница: Контакты

Страница выбранного раздела

Страница: Родителям

Рисунок 2.1 Логическая структура сайта-визитки

Основными пунктами меню являются:

• «Главная страница»;
• «О нас»;
• «Фотографии»;
• «Родителям»;
• «Контакты».

Описание разделов и страниц главного меню сайта-визитки ДОУ «Гимназия Петра Великого»:

• «Главная страница»: на данной странице находится общая информация об учреждении. Так как сайт разрабатывается не только для знающих пользователей, но и просто для создания представления об этом дошкольном образовательном учреждении, то есть краткое описание создания данного учреждения, на каком основании оно работает и кто является учредителем, чтобы дать возможность посетителю оценить все плюсы и минусы;
• «О нас»: на этой странице показаны краткие видеоролики и небольшая информация о садике.
• «Фотографии»: данный раздел будет особо интересен посетителям сайта-визитки, так как здесь представлены фотографии учреждения, воспитанников, педагогов;
• «Родителям»: эта страница предназначена для размещения информации Родителям: список документов для возмещения части родительской оплаты;
• «Контакты»: данная страница предоставляет информацию для связи с учреждением, а так же предоставляет схему проезда.

2.4 Классы пользователей

При проектировании сайта, можно выделить следующие классы пользователей:

• посетитель;
• администратор.

Прецеденты класса «Посетитель»:

• просмотр информационных данных – прецедент используется классом «Посетитель» для просмотра статей;
• просмотр фотографий – прецедент используется для просмотра фотографий ДОУ «Гимназия Петра Великого»;
• обратная связь – прецедент используется для возможности отправки посетителем администратору письма на электронный адрес, посредством формы обратной связи.

Прецеденты класса «Администратор»:

• добавление, удаление и редактирование информации – прецедент используется классом «Администратор» для добавления новых текстовых данных, удаление данных, редактирование необходимой информации;
• добавление и удаление – прецедент используется для добавления фотографий и удаления картинок.

2.5 Реализация web-сайта и тестирование

 

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

Рисунок 2.2 Главная страница сайта-визитки ДОУ «Гимназия Петра Великого»

Страницы сайта-визитки ДОУ «Гимназия Петра Великого» имеют удобный, интуитивно понятный интерфейс. В правой части каждой страницы сайта находится главное меню с кнопками навигации по наиболее важным страницам.

Все страницы стиля выполнены в одном стиле. В верхней части сайта расположена шапка сайта, что показано в соответствии с рисунком 2.3.

Рисунок 2.3 Верхняя часть сайта

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

• «Главная страница»;
• «О нас»;
• «Фотографии»;
• «Родителям»;
• «Контакты».

Рисунок 2.4. Меню сайта

Нажав на пункт в меню навигации «Главная», пользователь перейдет с любой другой страницы сайта на главную страницу. Для перехода по страницам посетитель может воспользоваться меню сайта.

В центральной части на каждой странице располагается контент – содержимое страницы. Для каждой страницы содержимое контента меняется, но дизайн остается прежним.

 Рисунок 2.6 Страница «Фотографии»

Для всего раздела «Фотографии» применен аналогичный стиль наполнения страниц.

На странице «Родителям» отображается информация о том, что понадобиться детям для посещения садика, что представлено в соответствии с рисунком 2.7.

 

Рисунок 2.7 Страница «Родителям»

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

• Юридический адрес
• График работы
• График приема

Рисунок 2.8 Страница «Контакты»

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

• Mozilla Firefox;
• Opera версия;
• Google Chrome;
• Internet Explorer;

Данные версии обозревателей были выбраны как наиболее популярные на сегодняшний день среди пользователей интернета.

Запустим сайт в браузере Google Chrome. Страница сайта, отображается корректно, как и было задумано разработчиком. 

Запустим сайт в браузере Internet Explorer. Страница сайта, отображается корректно, как и было задумано разработчиком.

Запустим сайт в браузере Mozilla Firefox. Страница сайта, отображается корректно, как и было задумано разработчиком.

  

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

  

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

• исследована деятельность ДОУ «Гимназия Петра Великого»;
• проведен анализ и характеристика· работы учреждения;
• выполнен обзор существующих web-сайтов направленных на реализацию изделий из металла;
• сформированы требования к ·разрабатываемому сайту-визитке;
• определены функциональные ·требования к сайту-визитке;
• разработан интерфейс и элементы web-дизайна;
• проведена апробация выполненной работы.

По результатам ·проведенного ·анализа можно ·сделать вывод, что в ДОУ «Гимназия Петра Великого» отсутствует средство детального информирования населения об учреждении.

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

Выполнено планирование сайта-визитки ДОУ «Гимназия Петра Великого».

Создание данного проекта позволило сформулировать следующие выводы:

На ·первом этапе· исследования были сформулированы цель, задачи и требования к сайту-визитке ДОУ «Гимназия Петра Великого».

Целью данной курсовой работы являлась разработка сайта-визитки ДОУ «Гимназия Петра Великого» для ·повышения информированности населения об учреждении и его деятельности.

Для достижения поставленной цели в курсовой работе, необходимо было понимать требования, которые были поставлены перед задачей создания сайта-визитки ДОУ «Гимназия Петра Великого». Требования, обычно предъявляемые к разрабатываемому программному продукту, были разделены на три основные группы:

• социальные требования;
• экономические требования;
• технические требования.

На втором этапе разработки был обоснован и выбран следующий инструментарий:

• язык гипертекстовой разметки HTML;
• каскадные таблицы стилей CSS;
• Визуальный HTML-редактор Adobe Dreamweaver CC 2017

Процесс проектирования сайта-визитки ДОУ «Гимназия Петра Великого» состоял из нескольких этапов, первым из которых было проектирование содержимого.

Процесс проектирования структуры сайта-визитки ДОУ «Гимназия Петра Великого» включал в себя 2 основных этапа:

• определение общих требований к структуре сайта
• проектирование логичекой структуры сайта-визитки ДОУ «Гимназия Петра Великого»

На следующем этапе разработки сайта-визитки ДОУ «Гимназия Петра Великого» было проведено планирование режимов доступа.

Этап создания сайта-визитки ДОУ «Гимназия Петра Великого» был реализован с использованием разработанных в курсовой работе требований к контенту и структуре.

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

СПИСОК ЛИТЕРАТУРЫ

1. Учебные и справочные издания
2. Дженнифер Нидерст Роббинс «HTML5, CSS3 и JavaScript. Исчерпывающее руководство». 4-ое издание (2014)
3. Дэвид Макфарланд «Большая книга CSS3» (2014)
4. Брайан Хоган «HTML5 и CSS3. Веб-разработка по стандартам нового поколения» (2016)
5. Терри Фельке-Моррис «Большая книга веб-дизайна» (2017)
6. Дронов, Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов / Владимир Дронов. - М.: БХВ-Петербург, (2016).
7. Интернет-ресурсы:
8. Материалы по html и css – [Электронный ресурс]. – Режим доступа: http://htmlbook.ru
9. Материалы по html и css – [Электронный ресурс]. – Режим доступа: https://www.w3schools.com/css/
10. Материалы по html и css – [Электронный ресурс]. – Режим доступа: https://webref.ru/css
11. Материалы по html и css – [Электронный ресурс]. – Режим доступа: https://html5book.ru/html-html5/

ПРИЛОЖЕНИЕ

ПРИЛОЖЕНИЕ 1

Код шапки

ПРИЛОЖЕНИЕ 2

Шапка сайта

ПРИЛОЖЕНИЕ 3

Главное меню сайта

ПРИЛОЖЕНИЕ 4

Контент сайта

Задание

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

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

В задании на курсовой проект предоставляются следующие исходные данные:

• функциональное назначение приложения;
• тип приложения;
• порядок разработки приложения;
• структура приложения.

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

В разработанных проектах студенты в праве указывать знак охраны авторского права.