Руководство пользователя для сайта диплом

Создание интерактивного Web-сайта

Аннотация

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

Основными разделами отчёта являются:

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

2.      Технико-экономические показатели деятельности
предприятия (организации).

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

Разработка сайта осуществлялась на персональном компьютере Samsung Notebook процессор AMD A10-4600M APU with Radeon ™ HD Graphics; Processor 2.30 ГГц; ОЗУ 8.00 ГB; жесткий диск 1000 GB; видеокарта AMD Radeon HD 7660G + 7670M Dual Graphics, под управлением
операционной системы Microsoft Windows 7 Ultimate, создание сайта
проводилось на WordPress, создание отчёта в Microsoft Office 2013.

Данный отчёт состоит из 40 страниц, включает в себя 9
рисунков, 5 таблицы.

Содержание

Аннотация

Введение

1. Характеристики объекта практики

1.1 Характеристики организационной структуры объекта практики

1.2 Состав технических средств информации

2. Техническое задание

2.1 Постановка задачи

2.2 Требования к сайту

2.2.1 Требования к функциональным характеристикам

2.2.2 Требование к надёжности

2.2.3 Требования к защите информации

2.2.4 Требования к интерфейсу

2.2.5 Требования к условиям эксплуатации

2.3 Требования к составу и параметрам технических средств

2.4 Информационное обеспечение задачи

2.4.1 Описание входной информации

2.4.2 Описание выходной информации

2.5 Обоснование выбора среды разработки

3. Рабочая часть

3.1 Алгоритм решения задачи

3.2 Описание сайта

3.3 Контрольный пример

3.3 Руководство пользователя

4. Расчет себестоимости разработки

4.1 Расчёт себестоимости разработки сайта

4.2 Затраты на основные материалы

4.3 Расчёт затрат на основную заработную плату

4.4 Расчет дополнительной заработной платы

4.5 Расчет затрат на районный коэффициент и надбавку для районов
крайнего севера

4.6 Расчет затрат на страховые взносы

4.7 Затраты на амортизацию

4.8 Затраты на общехозяйственные расходы

4.9 Расчёт себестоимости сайта

4.10 Экономическая эффективность внедрение новой техники, сайта

5. Техника безопасности при работе на персональном компьютере

5.1 Общие требования безопасности

5.2 Требования безопасности перед началом работы

5.3 Требования безопасности во время работы

5.4 Требования безопасности в аварийных ситуациях

5.5 Требования безопасности после окончания работы

Заключение

Перечень сокращений

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

Введение

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

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

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

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

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

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

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

Основными задачами практики по профилю специальности
являются:

Развитие профессионального мышления;

Приобретение практических умений и навыков по видам
деятельности техника по специальности 230701 «Прикладная информатика (по
отраслям)»;

Подготовка будущего специалиста к самостоятельной трудовой
деятельности;

Развитие и углубление навыков по разработке и внедрению
информационных систем;

Закрепление навыков проектной документации в соответствии с
ЕСКД и ЕСТД;

Изучение и освоение пакетов прикладных программ, фирменных
программных продуктов;

Воспитание чувства профессиональной ответственности за
результаты своего труда;

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

интерактивный сайт интерфейс дизайн

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

Для взаимодействия администратора с контентом сайта,
создаются системы управления контентом CMS (Content Management System). CMS позволяют владея
минимальными знаниями в области сайтостроения заниматься администрированием
сайта.

Процесс создания сайта можно поделить на несколько основных
этапов:

Определения целей создания сайта и целевой аудитории;

Составление технического задания;

Выбор существующей/создание новой CMS;

Разработка макета дизайна;

Заполнение контента (информации);

Тестирование и исправление ошибок;

Публикация сайта в интернете;

1.
Характеристики объекта практики

1.1
Характеристики организационной структуры объекта практики

Полное наименование: Красноярское региональное общественная
организация по профилактики социально значимых заболеваний «Красштаб
Здоровья».

Адрес: город Красноярск улица Робеспьера 34-21

Телефон: 8-923-296-42-18

E-mail: krasshtab24@mail.ru

Контактное лицо: Председатель КРОО ПСЗЗ «Красштаб
Здоровья»: Карлова Татьяна Сергеевна.

Краткая информация о организации:

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

Основные виды деятельности:

пропаганда здорового образа жизни и формирование безопасного
поведения населения;

развитие добровольчества, волонтерства;

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

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

Задачи КРОО ПСЗЗ «Красноярск Здоровья»:

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

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

Цель КРОО ПСЗЗ «Красноярск Здоровья» — содействие
общественным инициативам граждан и некоммерческих общественных объединений
(НКО), направленных на повышение уровня социальной культуры и здоровье
сохраняющей среды в обществе.

1.2 Состав
технических средств информации

В Красноярском региональном общественной организации по
профилактики социально значимых заболеваний «Красштаб Здоровья».
имеется около 4 стационарных ПК и около 2 ноутбуков. Все ПК и ноутбуки
подключены к глобальной сети Internet.

Состав технический средств:

Процессоры AMD Athlon;

Оперативная память 4 Гб;

Накопители на жестком диске емкостью 320 Гб;

Internet;

Мониторы LG W1934S и Acer W8595D

Состав телекоммуникационных систем составляет:

Скорость доступа в Интернет в среднем 5 Mbit/сек;

Телекоммуникационное оборудование;

Кабели;

Соединительные устройства;

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

Операционные системы Microsoft Windows 7;

Прикладные программы;

Пакеты программ Microsoft Office;

Пакеты программ WinRAR;

Антивирусные программы;

Антивирус Касперского 2016;

Пакеты прикладных программ Microsoft Office. Это пакет следующих
офисных программ:

Microsoft Office Word;Office Excel;Office
PowerPoint;Office Access;

Антивирусный пакет Касперского 2016 предназначен для защиты
информации от вредоносного программного обеспечения.

2.
Техническое задание

2.1
Постановка задачи

В процессе прохождения преддипломной практики и дипломной
работы необходимо было разработать web-сайт «КРОО ПСЗЗ Красштаб Здоровья».

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

Цель — предоставление наглядной информации всё что
предоставляет КРОО ПСЗЗ «Красштаб Здоровья» пользователям города
Красноярска.

Для обеспечения надежности данного модуля необходимо:

разработать модульную сетку сайта;

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

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

Каждый сайт в своей основе имеет модульную сетку. Модульная
сетка сайта КРОО ПСЗЗ «Красштаб Здоровья» имеет двухколонный макет, и
содержит в себе четыре блока: первый модуль, второй модуль, третий модуль,
четвёртый модуль. Модульная сетка сайта представлена на рисунке 1.

Рисунок 1 — Модульная сетка сайта.

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

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

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

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

2.2
Требования к сайту

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

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

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

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

Техническое задание: целью проекта является создание
информационного сайта и системы управления контентом этого сайта.

Грамотность построения сайта: использование защиты от взлома,
сохранение данных о посетителях;

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

Работа над материалами сайта, обновление, редактирование;

2.2.1
Требования к функциональным характеристикам

Web-сайт КРОО ПСЗЗ «Красштаб Здоровья»
должен соответствовать следующим функциональным характеристикам:

интерфейс должен быть интуитивно понятен;

навигация по сайту должна быть максимально простой;

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

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

2.2.2
Требование к надёжности

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

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

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

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

Для запуска и работы сайта не требуется наличие средств
программирования, сайт может запускаться без помощи среды программирования.
Однако для запуска Информационного узла на компьютере должен быть установлен
любой браузер, например, Mozilla Firefox или Google.

2.2.3
Требования к защите информации

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

2.2.4
Требования к интерфейсу

Для заинтересованности пользователя при работе с web-сайта КРОО ПСЗЗ
«Красштаб Здоровья» необходимо создать удобный и понятный интерфейс,
который отвечает следующим условиям:

сайт должен содержать конкретную информацию и большое
количество материалов определённой тематики. Что позволит собрать большую
аудиторию его посетителей;

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

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

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

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

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

2.2.5
Требования к условиям эксплуатации

В ходе прохождения преддипломной практики и дипломной работы
нужно создать web-сайт КРОО ПСЗЗ «Красштаб Здоровья». В дальнейшем
дополнение сайта новыми разделами будет осуществлять администратор сайта.

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

Эксплуатирование Web-ресурса подразумевает использование технических
средств, следовательно, при эксплуатации технических средств необходимо
выполнение следующих норм:

температура окружающей среды (не выше 30°С);

относительная влажность (не выше 65%);

атмосферное давление (от 80 до 106,7 кПа);

расстояние между компьютерами (около 3 м).

2.3
Требования к составу и параметрам технических средств

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

процессор Pentium, Intel (R) i5-2430TM;

оперативная память 128 MB RAM (минимум). Рекомендуется
256 MB RAM;

видеоадаптер любой выпущенный позже 2000 год;

манипулятор «мышь»;

клавиатура;

Windows XP или более новая версия.

На ПК пользователя должно быть установлено следующее ПО,
например, как интернет браузер: Mozilla Firefox, Google и т.д.

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

2.4
Информационное обеспечение задачи

2.4.1
Описание входной информации

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

Графическая информация состоит из фотографий и графических
файлов:

«Главная», данная страница содержит все новости
которые были опубликованы за всё время;

«Волонтёрам», в этой категории имеются следующие
подменю: специальные задания, акции, план мероприятий;

«Благотворительность», так же существуют несколько
подменю, такие как: мастер-класс, план мероприятий, акции;

«Семинары»;

«Консультации»;

«Услуги»;

«Медиа», в данном меню существуют несколько
подменю: видеоролики, видеоматериалы, фото, аудио;

«О нас», в этом меню представлена краткая
информация о данной организации;

«Контакты», все необходимые данные что бы связаться
с организацией;

2.4.2
Описание выходной информации

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

«Волонтёрам»;

«Благотворительность»;

«Семинары»;

«Консультации»;

«Услуги»;

«Медиа»

«О нас»

«Контакты»

2.5
Обоснование выбора среды разработки

«Почему сайты на WordPress?» — многие задаются
таким вопросом. Почему именно он, почему не Joomla? Ведь есть очень много
разных CMS, на которых можно создать свои сайты. В этой статье я хочу
попробовать описать главные плюсы и минусы этой CMS.

Выход на конвейер WordPress’а начался в 2003 году, а уже в 2004
появилась более усовершенствованная версия, которая поддерживала систему
шаблонов.

Популярность WordPress растет с каждым днем, как и популярность сайтов
на которой их создали. Иметь свой сайт или блог — это уже норма. Сейчас,
самостоятельное создание сайта на WordPress очень популярно. Вам не нужно учить
сложные теги html или учить язык php, чтобы делать сайты. Для этого есть удобная и
понятная «админка».

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

Причины, по которым вы её должны выбрать:

. Очень прост при управлении сайтом и установки на локальный
сервер или хостинг;

. Имеет поддержку HTML и CSS;

. Удобное подключение плагинов;

. Удобно редактировать, создавать шаблоны;

. Универсальность;

. Поддержка RSS, trackback, pingback;

. Легкость в публикации постов;

Также один из важных плюсов, это наличие «админки»
(так называемой админ панели, в которой совершаются все важные процессы).

При всех этих плюсах есть несколько недостатков, хотя их не
так видно на фоне этих плюсов.

Основной минус WordPress — это неповоротливая CMS (это заметно при большом
посещении сайта в сутки). Но, если вы создаете сайт для коммерческих целей, где
нет много посетителей то можете откровенно закрыть глаза на этот минус. А баги
(ошибки), которые есть в WordPress присущи любому ПО или CMS.

3. Рабочая
часть

3.1 Алгоритм
решения задачи

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

Рисунок 2 — Алгоритм решения задачи

3.2 Описание
сайта

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

Блок 1 — Вывод главной страницы Официального сайта КРОО ПСЗЗ
«Красштаб Здоровья»;

Блок 2 — Вывод пунктов меню;

Блок 3 — Выбор пунктов меню;

Блок 4 — Вывод страниц;

Блок 5 — Вывод главной страницы;

Блок 6 — Вывод страницы «Волонтерам»;

Блок 7 — Вывод страницы «Благотворительность»;

Блок 8 — Вывод страницы «Семинары»;

Блок 9 — Вывод страницы «Консультации»;

Блок 10 — Вывод страницы «Услуги»;

Блок 11 — Вывод страницы «Медиа»;

Блок 12 — Вывод страницы «О нас»;

Блок 13 — Вывод страницы «Контакты»;

3.3
Контрольный пример

Для открытия сайта необходимо в адресной строке любого
графического интернет — обозревателя (браузера) ввести адрес сайта: #»897160.files/image002.gif»>

Рисунок 3 — Главная страница сайта

Для того, чтобы просмотреть контакты, нужно выбрать раздел в меню
«Контакты», после этого будет открыта страница «Контакты»,
представленная ниже на рисунке 4. На этой странице отображается наглядная
информация о организации КРОО ПСЗЗ «Красштаб Здоровья», их контактные
телефоны, E-mail и
Ф.И. О председателя КРОО ПСЗЗ «Красштаб Здоровья».

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

Для просмотра краткой информации о данной организации следует
перейти на вкладку «О нас», после, откроется новая страница, где
будет предоставлена информация, наглядно показано на рисунке 5.

Рисунок 5 — Страница «О нас».

Для просмотра фото/видео контента, необходимо кликнуть на раздел
«Медиа» в меню и выбрать и представленных подменю который более
подходит к вашему требованию, представленный на рисунке 6.

Рисунок 6 — Страница «Видеоролики».

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

Рисунок 7 — Страница «Главная».

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

Рисунок 8 — Страница «Главная»

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

Рисунок 9 — Страница «Главная»

3.3
Руководство пользователя

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

Таблица 1 — руководство пользователя при работе с сайтом.

1. Инструкция для пользователя

1. Минимальный
   заказ в интернет-магазине – 300 рублей.

2. Выбрать
   понравившийся товар путем нажатия на
   кнопку «ДОБАВИТЬ В КОРЗИНУ». В окошке
   «КОЛИЧЕСТВО» указать количество
   одноименного товара, которого вы хотите
   приобрести.

3. При
   нажатии на кнопку «ДОБАВИТЬ В КОРЗИНУ»
   вы будете каждый раз оказываться в
   «КОРЗИНЕ ЗАКАЗОВ».

4. При
   нажатии на кнопку «ОФОРМИТЬ ЗАКАЗ» Вы
   попадаете на страницу авторизации.

5. Вы
   уже зарегистрированы – нужно ввести
   «ИМЯ ПОЛЬЗОВАТЕЛЯ» и «ПАРОЛЬ». Если
   вы в первые на сайте, то вам необходимо
   ввести данные указанные в анкете,
   поставить галочку «Я согласен с данными
   условиями» и нажать кнопку «РЕГИСТРАЦИЯ».
   После этого на вашу почту придет письмо
   с вашим «ИМЕНЕМ ПОЛЬЗОВАТЕЛЯ» и
   «ПАРОЛЕМ», которые вам пригодятся для
   авторизации в интернет-магазине.

6. Далее
   вам необходимо авторизироваться на
   сайте, используя для этого «ИМЯ
   ПОЛЬЗОВАТЕЛЯ» и «ПАРОЛЬ», которые
   пришли к вам на почту.

7. Нажать
   на кнопку «ПОКАЗАТЬ КОРЗИНУ» в верхнем
   правом углу сайта.

8. Нажать
   кнопку «ОФОРМИТЬ ЗАКАЗ»

9. Далее
   Вам необходимо подтвердить адрес
   доставки или указать новый адрес.
   Нажать кнопку «ДАЛЕЕ».

10. Выбрать
    соответствующий вариант доставки.
    Нажать кнопку «ДАЛЕЕ».

11. Выбрать
    способ оплаты. Нажать кнопку «ДАЛЕЕ».

12. Нажать
    на кнопку «ПОДТВЕРДИТЬ ЗАКАЗ», при
    желании можно оставить комментарии в
    соответствующем поле.

13. В
    случае возникновения затруднений, Вы
    можете обратиться к «Онлайн консультанту»
    или заполнить форму «Обратной» связи.

1. Инструкция для администратора

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

Авторизация

Прописав
в адресной строке адрес своего сайта,
добавив в конце administrator, вы заходите на
страницу авторизации, после ввода
логина и пароля вы переходите в панель
управления.

Рисунок
57 — Вход

Вводная
информация и термины joomla

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

Рисунок
58 — Админпанель

Значки
панели управления

Рисунок
59 — Значки

1. Создание
   материала — одним из основных элементов
   в Joomla является статья (или материал).
   Этот пункт меню позволяет перейти к
   созданию новой статьи.

Рисунок
60 — Добавить материал

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

Рисунок
61 — Все материалы

1. Менеджер
   категорий — все материалы (статьи) в
   Joomla хранятся в определенных разделах
   и категориях. Это позволяет сортировать
   статьи в определенном порядке и
   облегчить доступ к любому материалу.

Рисунок
62 — Категории

1. Медиа
   менеджер — это один из бесполезных
   элементов административной панели
   Joomla. Основное его назначение — удаление
   лишних изображений, загруженных на
   сервер.

Рисунок
63 — Медиа

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

Рисунок
64 — Все меню

1. Менеджер
   пользователей – это элемент предназначен
   для управления учетными записями
   пользователей: создание, удаление,
   изменение.

Рисунок
65 — Менеджер пользователей

1. Менеджер
   модулей — в этом разделе собраны все
   дополнения к вашему сайту.

Рисунок
66 — Менеджер модулей

1. Менеджер
   расширений — в этом разделе вы можете
   загрузить на сайт дополнительный
   функционал.

Рисунок
67 — Установка

1. Менеджер
   языков — присутствует разделение в
   менеджере языков на административную
   и лицевую панели. Можно выбрать любой
   установленный язык.

Рисунок
68 — Языки

1. Общие
   настройки — имеются достаточно много
   общесистемных настроек, влияющих,
   непосредственно на функционирование
   сайта под управлением Joomla.

Рисунок
69 — Общие настройки

1. Менеджер
   шаблонов — в этой категории вы можете
   выбрать шаблон для своего сайта или
   загрузить и установить свой.

Рисунок
70 — Менеджер шаблонов

1. Мой
   профиль или другими словами личный
   кабинет.

Рисунок
71 — Мой профиль

Вводная
часть virtuemart

Добавление
категорий, товара, описания, производителей
осуществляет через панель управления
Virtuemart.

Рисунок
72 — Панель управления virtuemart

Добавление
и редактирование товара

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

Рисунок
73 — Создание категории

• В
  форме присутствуют следующие поля:

• основные
  настройки;

• название
  категории – без комментариев;

• опубликовано
  – будет ли категория опубликована на
  сайте, либо пока скрыта;

• псевдоним
  – то, как будет выглядеть текст категории
  в ссылке URL. (Например:
  wedal.ru/shop/moloko/prostokvasheno.
  Если не указывать ничего, то поле после
  сохранения автоматически заполнится
  транслитом названия категории.);

• описание
  – описание категории. Оформляется в
  редакторе, а значит может содержать
  форматирование.

• подробнее:

• порядок
  – порядок расположения категории в
  списке категорий;

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

• товаров
  в строке по умолчанию – аналог шаблонам
  browse_xиз Virtuemart. Позволяет выбрать, сколько
  колонок с товарами будет в категории;

• начальный
  список категории, Шаг списка категории,
  Максимальный список категории – эти
  три опции формируют выпадающий список
  постраничного разбиения.

Для
добавления товара переходим в товары
и нажимает кнопку «Создать».

Форма
добавления товара достаточно большая
и разбита на несколько вкладок. Рассмотрим
каждую из них отдельно.

• вкладка
  «Информация» — эта вкладка содержит
  основную информацию о товаре;

Рисунок
74 — Информация

• вкладка
  «Описание» — эта вкладка содержит
  краткое и подробное описания товара,
  а также мета-данные;

• вкладка
  «Статус» — эта вкладка содержит данные
  о количестве товара;

Рисунок
75 — Статус

• вкладка
  «Габариты / Вес» — эта вкладка содержит
  описание размеров товара, веса, и.т.п;

Рисунок
76 — Габариты

• вкладка
  «Изображения» — на этой вкладке к товару
  добавляется основное изображение;

• вкладка
  «Настраиваемые поля» — на этой вкладке
  к товару добавляются сопутствующие
  товары и категории, в также дополнительные
  поля.

Рисунок
77 — Настраиваемые поля

Существует
два вида добавления изображения для
товара:

1. Способ.
   Загрузка через форму добавления.

В
нижней части формы товара во вкладке
изображения существует форма выбора
файла.

Рисунок
78 — Загрузка файла

1. Способ.
   Ручная загрузка на сервер и выбор из
   списка загруженного.

Вы
можете загрузить все изображения на
сервер разом в папку, указанную в нижней
части формы. После этого В поле «Поиск
Изображения» поставьте пробел / Нажмите
кнопку «+16» / начните писать название
изображения и во всплывающем окне
появятся изображения, имеющиеся в папке
на сервере, из которых можно выбрать
то, которое необходимо для товара.

Рисунок
79 — Ручная загрузка

Товар
который вы добавите будет выведен на
складе автоматически, вам остается
ввести количество.

Рисунок
80 — Склад

Создаем
список производителей

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

Рисунок
81 — Описание

Заполняем
название производителя, описание и
изображение.

Рисунок
82 — Изображение

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

Рисунок
83 — Список

Настройки

1. Настройки
   — Самый большой раздел с общими
   глобальными настройками интернет
   магазина, состоящий из семи вкладок
   (Магазин, Внешний вид, Шаблоны,
   Формирование цен, Оформление заказа,
   Настройки заказа, SEO).

Рисунок
84 — Настройки

1. Поля
   заполняемые пользователем — Настройка
   списка полей заполняемых пользователем
   при покупке товаров. В VirtueMart2 оформление
   заказа на покупку товара возможно как
   уже зарегистрированным пользователя,
   так и гостями. Поэтому отдельно
   определяются заполняемые поля с
   контактной информацией для покупок
   без регистрации в интернет магазине.

Рисунок
85 — Заполняемые поля

1. Статусы
   заказов — состояние заказанного товара
   в базе данных интернет магазина: Pending
   — Ожидаемый, Confirmed — Подтвержденный,
   Cancelled — Отмененный, Refunded — Оплаченный,
   Shipped — Отправленный покупателю.
   Администратор магазина может расширить
   список статусов заказов интернет
   магазина.

Рисунок
86 — Статусы заказов

заключение

В
ходе выполнения дипломного проекта
была достигнута основная цель работы
– разработан и создан полноценный
Интернет-магазин «Черемушки».

Все
поставленные задачи были выполнены в
полном объеме:

• изучение
  интернет-магазинов и выявление их
  недостатков;

• обоснование
  необходимости создания интернет-магазина;

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

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

• оценка
  эффективности выполненной разработки.

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

PHP
– это скриптовый server-side язык
программирования, предназначенный в
основном для включения в html страницу
и выполняемый сервером перед выдачей
страницы браузеру.

HTML
(HyperText Markup Language) является стандартным
языком, предназначенным для создания
гипертекстовых документов в среде WEB.
HTML-документы могут просматриваться
различными типами WEB-браузеров.

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

Благодаря
результатам испытаний интернет-магазин
«Черемушки» можно заявить что — это
полноценный реализованный продуктовый
магазин в интернете.

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

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

Система
управления php-скрипта открывает широкие
возможности и перспективы интернет-магазину
«Черемушки», позволяя ему изменяться
в ногу со временем, развиваясь, расширяясь
и совершенствуясь.

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

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

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

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

• #
• #
• #
• #
• #
• #
• #
• #
• #
• #
• #

1  2  3

ОГЛАВЛЕНИЕ

ОГЛАВЛЕНИЕ

ВВЕДЕНИЕ

ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ РАЗРАБОТКИ ВЕБ-САЙТОВ

1.1. Интернет технологии

1.2. Хостинг и домен

1.3. Классификация web-сайтов

1.4. Веб-программирование

1.5. Системы управления содержимым

1.6. Юзабилити

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

ГЛАВА 2. РАЗРАБОТКА И ВНЕДРЕНИЕ ВЕБ-САЙТА УЧЕБНОГО ЦЕНТРА (НА ПРИМЕРЕ НОУ АВТОШКОЛЫ «ФАВОРИТ-НН»)

2.1. Описание организации

2.2. Техническое задание

2.3. Выбор программного обеспечения

2.4 Структурная и функциональная схемы веб-сайта

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

2.6 Оптимизация веб-сайта

2.7. Тестирование веб-сайта

Выводы по главе 2

ГЛАВА 3. ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ РАЗРАБОТКИ И ИСПОЛЬЗОВАНИЯ WEB-САЙТА

3.1 Расчет стоимости разработки Интернет-сайта

3.2 Расчет ежемесячных затрат на содержание Web-сайта

3.3 Обоснование экономической эффективности Web-сайта

ЗАКЛЮЧЕНИЕ

БИБЛИОГРАФИЧЕСКИЙ СПИСОК

Скриншоты страниц веб-сайта

ВВЕДЕНИЕ

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

Интернет – всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах. Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Интернет обычно осуществляется через провайдеров или корпоративную сеть. На сегодняшний день количество пользователей Интернет стремительно растет. По данным на июнь 2018 года, количество пользователей посещающих Интернет, насчитывает 3,4 миллиарда человек. Образование – процесс передачи систематизированных знаний, навыков и умений от одного поколения к другому. Будучи само по себе мощной информационной сферой и обладая опытом использования различных классических (не компьютерных) информационных систем, образование быстро откликнулось на возможности современной техники. На наших глазах возникают нетрадиционные информационные системы, связанные с обучением.

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

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

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

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

Объектом исследования является образовательная и коммерческая деятельность автошколы Фаворит-НН, занимающейся подготовкой водителей категогрии B.

Предмет исследования — разработка и внедрение веб-сайта автошколы «Фаворит-НН» с целью привлечения новых клиентов.

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

Тема разработки и внедрения сайтов возникла одновременно с появлением всемирной глобальной сети Интернет в начале 1990-х годов и изучалась большим количеством авторов в обширный промежуток времени. В связи с ростом производительности веб-серверов, пропускной способности каналов связи, увеличением доступности сети Интернет темпы развития отрасли создания сайтов огромные и литературные источники безнадежно устаревают за 2-3 года. В связи с этим, такое понятие как степень изученности темы весьма относительно — то что было актуальным 3 года назад сейчас в значительной степени устарело. При выполнении работы я использовал свой личный опыт по созданию сайтов, а в случае затруднений я ориентировался преимущественно на электронные источники информации, которые содержат наиболее актуальную и регулярно обновляемую информацию практического характера — http://codex.wordpress.org (документация для разработчиков сайтов на WordPress), электронные книги и веб-сайты Михаила Шакина, Дмитрия Ченгаева, Сергея Жуковского и многих других авторов.

При выполнении выпускной квалификационной работы были поставлены следующие задачи исследования:

• Изучение теории создания и внедрения веб-сайтов;
• Изучение особенностей коммерческой деятельности заказчика;
• Формирование технического задания на разработку веб-сайта;
• Логическое проектирование — составление структурной, функциональной съемы, эскиза внешнего вида веб-сайта (дизайна);
• Сравнительный анализ программного обеспечения для создания веб-сайта и выбор оптимального продукта;
• Практическая реализация веб-сайта на автономном локальном веб-сервере;
• Тестирование и апробация сайта, проверка на соответствие его требованиям технического задания;
• Расчет прогнозируемой прибыли от внедрения веб-сайта.

В работе будут применены следующие методы исследования:

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

ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ РАЗРАБОТКИ ВЕБ-САЙТОВ.

1.1. Интернет технологии

Интернет – всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах. Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Интернет обычно осуществляется через провайдеров или корпоративную сеть. На сегодняшний день количество пользователей Интернет стремительно растет. По данным на июнь 2018 года, количество пользователей посещающих Интернет, насчитывает 3,4 миллиарда человек.

В сети Интернет существует несколько сервисов или служб (E-mail, USENET, TELNET, WWW, FTP и др.), но наиболее популярной службой является WWW. Услуги WWW построены по принципу клиент-сервер. Служба состоит из серверов, доступ к серверам осуществляется клиентскими приложениями или браузерами. Основной объем информационных ресурсов в виде веб-страниц или файлов в формате html находится на веб-сайтах, размещенных на Web-серверах (на хостингах) сети Интернет.

Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet. Общий вид URL: протокол://хост-компьютер/имя файла (например: http://www.lessons-tva.info/book.html).[3]

История развития глобальной сети Интернет

В 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство по перспективным оборонным научно-исследовательским разработкам США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету Юты и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

Первый сервер ARPANET был установлен 2 сентября 1969 года в Калифорнийском университете (Лос-Анджелес). Компьютер Honeywell DP-516 имел 24 Кб оперативной памяти.

29 октября 1969 года в 21:00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км — в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI) — провели сеанс связи. Чарли Клайн (Charley Kline) пытался выполнить удалённое подключение из Лос-Анджелеса к компьютеру в Стэнфорде. Успешную передачу каждого введённого символа его коллега Билл Дювалль (Bill Duvall) из Стэнфорда подтверждал по телефону.

В первый раз удалось отправить всего три символа «LOG», после чего сеть перестала функционировать. LOG должно было быть словом LOGIN(команда входа в систему). В рабочее состояние систему вернули уже к 22:30, и следующая попытка оказалась успешной. Именно эту дату можно считать днём рождения Интернета.

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

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982—1983 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, «наслоения») сетей. Именно в 1983 году термин «Интернет» закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бо́льшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, название «Интернет» начало плавно переходить к NSFNet.

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (ЦЕРН) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

Соавтор Тима Бернерса-Ли по формулировке целей и задач проекта World Wide Web в ЦЕРН, бельгийский исследователь Роберт Кайо, разъяснял позднее его понимание истоков этого проекта:

История всех великих изобретений, как это давно и хорошо известно, базируется на большом числе им предшествующих. В случае Всемирной паутины (WWW) следовало бы в этом контексте, видимо, отметить по крайней мере два важнейших для успеха проекта пути развития и накопления знаний и технологий: 1) история развития систем типа гипертекста …; 2) Интернет-протокол, который собственно и сделал всемирную сеть компьютеров наблюдаемой реальностью.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. «дозво́н», англ. dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

Можно считать, что существует две ясно различимые эры в истории Web: [до браузера Mosaic] Марка Андриссена и после.

Именно сочетание веб-протокола от Тима Бернерс-Ли, который обеспечивал коммуникацию, и браузера (Mosaic) от Марка Андриссена, который предоставил функционально совершенный пользовательский интерфейс, создало условия для наблюдаемого взрыва (интереса к Веб). За первые 24 месяца, истекшие после появления браузера Моsaic, Web прошел стадию от полной неизвестности (за пределами считанного числа людей внутри узкой группы ученых и специалистов лишь одного мало кому известного профиля деятельности) до полной и абсолютно везде в мире его распространенности. В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда. В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP. Был образован Консорциум Всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие «Интернет». В 1990-е годы Интернет объединил в себе большинство существовавших тогда сетей (хотя некоторые, как Фидонет, остались обособленными). Объединение выглядело привлекательным благодаря отсутствию единого руководства, а также благодаря открытости технических стандартов Интернета, что делало сети независимыми от бизнеса и конкретных компаний. К 1997 году в Интернете насчитывалось уже около 10 млн компьютеров, было зарегистрировано более 1 млн доменных имён. Интернет стал очень популярным средством для обмена информацией.

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

Интернет технологии

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

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

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

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

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

Главными свойствами информационных технологий являются:

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

Интернет — технологии представляют собой сложную систему взаимодействия двух составляющих: физической и логической.

Физическая составляющая Интернет — технологий включает в себя:

1) Сеть Интернет

• Протоколы TCP/IP.
• Иерархия доменных имен сети Интернет.
• Опорная сеть Интернета. Маршрутизация.

2) Программное обеспечение в Интернете

• Сетевые операционные системы.
• Специальное программное обеспечение для соединения с Интернетом.
• Прикладные протоколы.

3) Компьютеры (серверы и клиенты) в Интернете

• Серверы электронной почты
• Web — серверы.
• FTP — серверы.
• Серверы телеконференций.
• Серверы мгновенных сообщений.

4) Цифровые линии связи

• Выбор провайдера.
• Подключение к Интернету

5) Доступ в Интернет

• Соединение сетевой карты с локальной сетью.
• Кабельные системы Ethernet.

6) Удаленный доступ к глобальным сетям.

• Доступ «компьютер – сеть».
• Доступ «сеть-сеть».

Логическая составляющая Интернет — технологий включает в себя:

1) Интернет — сервисы

• WWW — Всемирная паутина
• Электронная почта. Системы телеконференций.
• Передача данных.
• Онлайн чат.
• Передача быстрых сообщений.
• Аудио- и Видеоконференции.
• Голосовое общение.

2) Работа в Интернете

• Браузеры.
• Поисковые системы. Навигация в Интернете.
• Просмотр страниц в браузере.

3) Информационные ресурсы в Интернете

• Web-страницы, Интернет-магазины, интернет-порталы. Web-пространство.
• URL и протоколы передачи данных, адресация.
• Создание Web — сайтов. Языки Web — программирования.
• Записи в Интернете. Представительство.

Этот список может быть не полным, так как с каждым днем интернет – технологии развиваются всё быстрее и быстрее и возникают новые виды как технических, так и логических составляющих.

Таким образом, интернет – технологии неоспоримо производят огромное влияние как на жизнь, так и на развитие человека во всех сферах его существования, поэтому существует огромная перспектива для развития.

1.2. Хостинг и домен

Хостинг (англ. hosting, от host — хозяин) — предоставление удаленным компьютерам (пользователям) части серверного пространства и программного обеспечения в сети Интернет, а также поддержание работоспособности пользовательского сайта на своих веб-серверах. [1]

Домен — иерархически структурированный глобальный адрес компьютера узла сети в виде строки символов [2]. Фактически, тот набор символов, который пользователь вводит в адресной строке браузера — и есть доменное имя, или адрес сайта, например, mail.ru (домен второго уровня) или mail.yandex.ru (домен третьего уровня). [26]

Каждый веб-сайт имеет свое уникальное доменное имя. За соблюдением этой уникальности следит система DNS (англ. Domain Name System — система доменных имен). DNS-сервера которые хранят привязки доменных имен к их IP-адресам. Они постоянно обмениваются друг с другом информацией о вновь регистрируемых доменных именах, это исключает возможность регистрации двух сайтов с одним и тем же доменным именем. DNS-сервера физически расположены на площадках хостинг-провайдеров.

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

Хостинг бывает платным и бесплатным.

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

• Доменное имя не выше третьего уровня с упоминанием адреса хостинга (возможна регистрация домена второго уровня, но уже за деньги);
• Ограниченный набор средств веб-разработки. Как правило все ограничивается предустановленной системой управления содержимым с базовым набором функций и невозможностью добавить какие-либо свои компоненты. Бывают ограничения по трафику и времени выполнения скриптов.
• Почти всегда на сайтах, размещенных на бесплатном хостинге размещаются рекламные материалы, поставляемые хостинг-провайдером или его партнерами. Баннеры и рекламные блоки часто перекрывают контент на сайте. Содержимое рекламных баннеров не всегда соответствует содержимому сайта, иногда присутствует «шокирующая» реклама. Это наносит большой урон имиджу веб-сайта. Рекламу чаще всего можно отключить, но за деньги.
• Скорость работы веб-сайта, размещенного на бесплатном хостинге сильно зависит от общей загруженности сервера, поэтому при пиковых нагрузках сайты открываются очень медленно, либо не открывается вообще.

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

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

• Доменное имя второго уровня. Это негласный общепринятый стандарт для более-менее серьезных проектов.
• Стабильность в работе. При использовании платного хостинга перебоев в работе сайта возникает намного меньше, чем на бесплатном хостинге. Чаще всего они связаны с техническими работами на оборудовании хостинг-провайдера или при обновлении серверного программного обеспечения. В этих случаях хостинг-провайдер заблаговременно предупреждает владельцев аккаунтов о возможных перебоях в работе.
• Надежность хранения информации. Даже если сайт был подвергнут атаке и был поврежден, почти всегда можно восстановить его из резервной копии, которые делаются не реже чем раз в три дня. Это можно сделать либо самостоятельно через панель управления аккаунтом, либо попросить об этом службу технической поддержки.
• Служба технической поддержки, работающая 24 часа в сутки, оперативно реагирует на заявки владельцев сайтов.
• Платный хостинг дает возможность использовать любое программное обеспечение для создания и поддержки веб-сайта. Даже если на текущем тарифном плане нет поддержки, например, PHP и MySQL, всегда можно перейти на более продвинутый тарифный план, в который включена поддержка этих программных решений.
• Возможность регистрации неограниченного количества электронных почтовых ящиков в той же доменной зоне, что и сам веб-сайт.

Исходя из выше сказанного можно сделать вывод, что несмотря на некоторые затраты, платный хостинг имеет огромное количество весомых преимуществ перед бесплатным [8].

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

• Виртуальный хостинг. На одном физическом сервере расположено много учетных записей. Владельцу аккаунта предоставляется дисковое пространство, объем оперативной памяти и процессорное время сервера, панель управления хостингом. Хостинг предоставляется на базе серверов Unix и Windows, в том числе на основе «облачной» инфраструктуры. Это популярное и самое доступное решение для веб-проектов, которое подойдет как небольшим сайтам, так и ресурсам с высокой посещаемостью.
• Виртуальный выделенный сервер (VPS/VDS). Этот вид хостинга подразумевает неограниченный трафик без условий и оговорок, а также большой выбор предустановленного ПО, в том числе для организации торговли на Forex, удобные панели управления и uptime 99,9%. Доступны операционные системы Linux и Windows. Пользователь, помимо доступа к панели управления хостингом, может управлять непосредственно самим сервером через командную строку.
• Аренда сервера. Выделенный сервер – это возможность свободно распоряжаться ресурсами машины и устанавливать любое ПО. Это решение не из дешевых, оно оптимально лишь для очень крупных веб-проектов. [11]

1.3. Классификация web-сайтов

Количество сайтов в всемирной сети непрерывно растет. Свои собственные сайты разрабатывают коммерческие и не коммерческие организации, учебные заведения и даже обычным пользователям интернета не составляет трудности создание своей личной странички или даже полноценного интернет ресурса. Для удобства разработки, определения основных функций и особенностей сайтов было проведено множество работ по их классификации. Хотя в настоящее время не существует общепринятой системы классификации. Рассмотрим основные типологии сайтов, выделяющиеся по определенным признакам. Типы сайтов по цели создания: Коммерческие. Они являются «лицом» компании, осуществляя взаимодействие с широкой аудиторией потенциальных клиентов (покупателей, заказчиков и т.д.). Главное назначение заключается в получении максимальной финансовой выгоды, которая может выражаться в прямом увеличении доходов компании, либо в росте иных коммерческих показателей. Некоммерческие – это сайты не имеющие в качестве основной цели своей деятельности извлечение прибыли. Типы сайтов по доступности: Открытые — доступны для любых посетителей Полуоткрытые – для доступа необходима регистрация Закрытые — доступны для узкого круга людей Типы сайтов по функциональности и стилю оформления: Статические – сайт строится из статических html-страниц. Эти страницы связаны между собой при помощи гиперссылок. На сервере хранятся готовые свёрстанные страницы. Пользователь получает web-страницы в неизменном виде. Динамические – основная особенность заключается в том, что разные части страницы могут храниться в разных файлах и в базах данных. При выдаче пользователю запрашиваемая веб-страница генерируется «на лету». Типы сайтов по физическому расположению: Общедоступные – доступны для пользователей сети интернет. Локальные — доступны только в пределах локальной сети. Это могут быть как корпоративные сайты организаций, так и сайты частных лиц в локальной сети провайдера. Типы сайтов по особенностям представления информации и категориям решаемых задач: — интернет-представительства организаций — информационные ресурсы — веб-сервисы (сайты, на которых предоставляются услуги для выполнения определенных задач) — социальные сети (комбинированные веб-сервисы) 7 По особенностям применяемого макета С фиксированной шириной – ширина элементов страницы не масштабируется при изменении ширины окна. Если используется дизайн с фиксированной шириной, то задание ширины страниц сайта производится в абсолютных величинах (в пикселях). С переменной шириной (резиновый дизайн). В случае «дизайна с переменной шириной» ширина страницы адаптируется под ширину окна. Для этого значения ширины страницы и её элементов, например таблиц, задаются в процентах. С эластичным дизайном – размеры элементов и шрифтов задаются относительными значениями. В случае применения эластичного дизайна при изменении ширины окна изменяются размеры элементов и шрифтов. С гибридным дизайном. Гибридный дизайн характерен тем, что ширина части элементов задаётся относительными значениями, а часть определяется в процентах. Используется при вёрстке в несколько колонок. При этом ширина страницы адаптируется под ширину окна.

Статический сайт — сайт, состоящий из статичных html (htm, dhtml, xhtml) страниц составляющих единое целое. Для создания статического сайта используется язык HTML (Hyper Text Markup Language — язык разметки гипертекста) — стандартный язык разметки документов во Всемирной сети. Страница статического сайта содержит в себе (в виде HTML-размеченных) текст, изображения, мультимедиа содержимое (аудио, видео) и HTML-теги. Теги бывают как служебные, предназначенные для обозревателя, так и предназначенные для размещения, формирования внешнего вида и отображения информации. Все изменения на сайт вносятся в исходный код документов (страниц) сайта, для чего необходимо иметь доступ к файлам на веб сервере. Обычно статический веб-сайт представляет собой набор файлов HTML, размещенных на веб-сервере. [11]

Достоинства статических сайтов

• Для создания страницы не нужно знать языки веб-программирования.
• Хорошая кэшируемость страницы.
• Быстрая скорость загрузки страниц.
• Минимальные требования к веб-серверу и минимальная нагрузка на него.
• Простота переноса на другой сервер или локальный компьютер.
• Возможность прямого просмотра файла в браузере, без использования промежуточного ПО (веб сервера, CGI).

Недостатки статических сайтов

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

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

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

Редактирование собственно содержимого (как и страницы-шаблона) может производиться как средствами самого сайта, так и с применением стороннего ПО. Возможность править все страницы предоставляется только определенной категории пользователей (например администраторам, или же зарегистрированным пользователям). В некоторых случаях к правке определённого веб-контента допускаются анонимные пользователи, что бывает реже (например на форумах — добавление сообщений). Примером сайта с анонимным изменением может служить Википедия (http://wikipedia.org). [11]

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

• Создание сайта вручную (веб-программирование)
• Использование систем управления содержимым.

1  2  3