Использование сетевых технологий при проектировании дистанционной информационной системы и компьютерной сети

1. Постановка задачи на проектирование ДИС и КС

1.1 Анализ предметной области

1.2 Организационная структура компании Envisionext

1.3 Роль информационных технологий в решении задач компании

1.4 Преимущества предоставление информации в Интернете

1.5 План помещений

1.6 Необходимость создания ДИС и КС

1.7 Обзор сайтов конкурентов данной компании

1.8 Макет ДИС

2. Проектирование дистанционной информационной системы

2.1 Структурная схема веб-интерфейса

2.2 Основные теги, которые использованы при разработке ДИС

2.3 Характеристики веб-разработки

2.4 Выбор хостинга

2.5 Выбор доменного имени

2.6 Расчет трудоемкости проектирования ДИС

3. Технический проект и расчет стоимости КС

3.1 Характеристики, влияющие на выбор комплекса программно-аппаратных средств КС и проектирование конфигурации

3.2 Выбор топологии

3.3 Функциональная схема

3.4 Выбор конфигурации ЛВС

3.5 Монтаж сети и расчет длины кабельного соединения

3.6 Расчет надежности ЛВС

3.7 Расчет стоимостной оценки Вывод Список использованных источников

1. ПОСТАНОВКА ЗАДАЧИ НА ПРОЕКТИРОВАНИЕ ДИС И КС

1.1 Анализ предметной области

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

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

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

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

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

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

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

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

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

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

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

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

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

1.2 Организационная структура компании Envisionext

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

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

IT-отдел включает в себя 3 подразделения: web-developer, web-designer, SEO. В их обязанности входит создание веб-сайтов по предъявленным требованиям заказчиков, программирование на стороне сервера и клиента, конфигурирование веб-сервера, веб-дизайн, а также, поднятие позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей.

Рис. 1.2.1 — Организационная структура компании Envisionext в Одессе Функциональные обязанности, возложенные на каждое структурное отделение:

Директор.

— Организация взаимодействия всех структурных подразделений, цехов и производственных единиц.

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

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

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

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

— Защита имущественных интересов предприятия в суде, органах государственной власти.

Бухгалтерский отдел. К его основным функциям относятся:

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

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

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

— взыскание в установленные сроки дебиторской и погашение кредиторской задолженностей, соблюдение платежной дисциплины;

— законность списания недостач, производственных потерь.

IT-отдел включает в себя 3 подразделения:

1. web-developer

Обязанности сотрудников данного подразделения:

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

— Осуществлять web-маркетинг.

— Работать над разработкой удобного с точки зрения навигации интерфейса web-сервера (грамотное гипертекстовое представление страниц узла).

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

— Разрабатывать концепцию развития web-сервера.

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

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

— Размечать HTML-документы.

— Обеспечивать безопасность web-сервера.

— Настраивать web-сервер, брандмауэры, службы удаленного администрирования.

— Осуществлять анкетирование посетителей.

— Выполнять работы по рекламированию web-сервера в сети Интернет.

— Производить анализ трафика (вести статистику посещений).

— Разрабатывать прикладные аналитические программы.

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

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

2. web-designer

В обязанности этого подразделения входит:

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

— Обмениваться информацией, давать рекомендации при создании Произведений, участвовать в их адаптации к месту экспонирования;

— Принимать к исполнению все требования и пожелания;

— Предпринимает целенаправленные действия для получения всей информации о размещении Произведения в сети Интернет;

— Непосредственно принимать участие в подготовке Произведений к производству, в том числе с привлечением при необходимости сторонних специалистов;

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

— Контролирует размещение Произведения в сети Интернет;

3. SEO

Обязанностями этого отдела являются:

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

— Осуществление подбора и анализа ключевых слов и фраз веб-ресурса.

— Повышение совместимости исходного кода страниц веб-ресурса с поисковыми машинами.

— Повышение совместимости текстов веб-ресурса с поисковыми машинами.

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

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

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

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

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

В состав компании входят:

1. Директор — 1 чел.

2. Секретарь — 1 чел.

3. Сотрудники подразделения web-developer — 7 чел.

4. Сотрудники подразделения web-designer — 3 чел.

5. Сотрудники подразделения SEO — 3 чел.

6. Сотрудники отдела бухгалтерии- 4 чел.

1.3 Роль информационных технологий в решении задач компании

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

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

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

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

— Обеспечения доступа в Internet — для получения различного рода информации, просмотра новостей, информационных архивов.

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

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

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

— Базы данных — для хранения упорядоченных данных о сотрудниках, клиентах, для быстрого доступа и обработки.

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

1.4 Преимущества предоставление информации в Интернете

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

Размещение информации в Интернет-ресурсе имеет ряд преимуществ по сравнению с корпоративными изданиями или листовками, рассказывающими о продукции:

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

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

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

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

Главное преимущество сайта — диалоговое взаимодействие «покупатель — продавец». Продавец предоставляет информацию о продукте, покупатель показывает степень своей заинтересованности товаром.

Еще одна форма взаимодействия в сети — «покупатель — покупатель»: решение о покупке принимается на основе советов и рекомендаций тех людей, которые уже приобрели товар. Способом налаживания такой формы коммуникации служит страница на сайте с положительными отзывами покупателей о продукте, обсуждение той или иной продукции в on-line форумах и чатах.

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

— повышение лояльности пользователей к продукции и торговой марке; оказание целенаправленного воздействия на реальных и потенциальных пользователей. Этого можно достичь путем предоставления скидок и льгот зарегистрированным на сайте пользователям.

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

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

1.5 План помещений

Рис. 1.5.1 — План помещений компании Envisionext

АB = 10 м BC = 0,3 м СD = 10,5 м

DE = 13 м EF = 13 + 8 = 21 м

FG = 10 м GH = 8 м HI = 0,3 м

IJ = 8 м JK = 11 м KL = 8 м

1.6 Необходимость создания ДИС и КС

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

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

1.7 Обзор сайтов конкурентов данной компании

1. SuperShop

Рис. 1.7.1 — Web-ресурсSuperShop

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

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

2. Best Soft Service

Рис. 1.7.2 — Web-ресурсBest Soft Service (BeSoft)

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

3. ITF-group

Рис. 1.7.3 — Web-ресурсITF-group

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

Из всех представленных примеров сайтов этот мне больше всего импонирует по своему дизайну.

1.8 Макет ДИС

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

· наличие полосы логотипа

· наличие панели навигации, которая сохраняется при переходе на другие страницы сайта, для удобства посетителей сайта

· холст должен занимать большую часть экрана

· хорошая читабельность и приятный внешний вид

· наличие необходимой информации о компании и предоставляемых услугах

· возможность связи посетителя и администрации сайта Рис. 1.8.1 — Макет ДИС

2. ПРОЕКТИРОВАНИЕ ДИСТАНЦИОННОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ

2.1 Структурная схема веб-интерфейса

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

2.2 Основные теги, которые использованы при разработке ДИС

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

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

— определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).

Атрибуты:

· bgcolorустанавливает цвет фона документа,

· background — указывает на url-адрес изображения — фона документа,

· textустанавливает цвет текста документа,

· linkустанавливает цвет гиперссылок,

· vlink — устанавливает цвет гиперссылок на которых вы уже побывали,

· alink — устанавливает цвет гиперссылок при нажатии,

· bgproperties=fixedфоновое изображение прокручиваться не будет.

— служит для создания гипертекста (ссылок).

Атрибуты:

· name — задает имя элемента,

· href — задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри данного документа.

· title — всплывающая подсказка,

· targetопределяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF.

Значения атрибута target:

— _blank — загружает ссылку в новое окно,

— _parent — загружает ссылку в родительском окне,

— _self — загружает ссылку в это же окно, где был произведен клик по ссылке.

— _top — загружает ссылку в topmost окно

 — служит для внедрения графики на страницы.

Атрибуты:

· srcобязательный атрибут, указывающий URL рисунка,

· alignвыравнивает изображение к одной из сторон документа.

Значения атрибута align:

— left — выравнивание по левому краю,

— right — выравнивание по правому краю,

— center — выравнивание по центру,

— bottom — выравнивание по верхнему краю,

— middle — выравнивание по середине,

— altвыводит текст к картинке, если браузер не отображает графику на странице,

— borderустанавливает толщину рамки вокруг изображения в пикселах.

· ismapсообщает, что изображение является картой-изображением на сервере,

· heightвысота картинки в пикселах или процентах,

· hspaceопределяет размер свободного места в пикселах слева и справа от изображения,

· usemapсообщает, что изображение является картой-изображением на стороне клиента,

· vspaceопределяет размер свободного места в пикселах сверху и снизу от изображения,

· widthширина картинки в пикселах или процентах.

— тег для создания таблицы.

Атрибуты:

· align — выравнивание таблицы относительно документа. Возможныезначения: center, left, right

· backgroundстрока, определяющая рисунок для заднего фона

· bgcolorопределяет задний фон таблицы

· borderтолщина рамки в пикселах

· bordercolorцвет рамки

· cellspacingзадает расстояние между ячейками таблицы

· cellpaddingзадает расстояние между содержимым ячейки и ее рамкой

· rulesописывает рамки вокруг таблицы Значения атрибута rules:

— all — отображает все части рамки внутри таблицы

— cols — отображает все вертикальные рамки внутри таблицы

— groups — Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT

· none — удаляет все рамки вокруг таблицы

· rows — отображает все горизонтальные рамки внутри таблицы

· summary — описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод

· titleвсплывающая подсказка

· widthширина таблицы в процентах или пикселах

— определяет заголовок для столбца в таблице.

Атрибуты

· bgcolorцвет фона

· bordercolorцвет рамки для элемента

· heightуказывает высоту элемента в процентах или пикселях

· alignвыравнивает текст в ячейке

· valignвыравнивает текст в ячейке по вертикали. Может принимать значения top, middle, bottom

· colspanуказывает количество столбцов, которое объединено в одной ячейке

· rowspanуказывает количество строк которое объединено в одной ячейке

· titleвсплывающая подсказка

— определяет отдельную ячейку в таблице.

Атрибуты:

· heightуказывает высоту элемента в процентах или пикселях

· alignвыравнивает текст в ячейке

· valignвыравнивает текст в ячейке по вертикали

· colspanуказывает кол-во столбцов, которое объединено в одной ячейке

· rowspanуказывает кол-во строк которое объединено в одной ячейке

· titleвсплывающая подсказка

— определяет строку в таблице.

Атрибуты:

· alignвыравнивает текст в ячейке

· valignвыравнивает текст в ячейке по вертикали

— определяет заголовок для таблицы.

Атрибуты:

· align — выравнивание заголовка относительно таблицы. Возможные значения: left, right, top (по умолчанию), bottom

· titleвсплывающая подсказка

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

— определяет фигуру и координаты чувствительных областей в MAP.

Атрибуты:

· coords — координаты чувствительных областей. Задание координат зависит от параметра shape

Значения:

— RECTCOORDS="A, B, C, D", где A, B — координаты верхнего левого угла области. C, D — координаты правого нижнего угла области

— CIRC — COORDS="A, B, C", где A, B — координаты центра окружности. C — радиус окружности

— POLYCOORDS="A, B, C, D, …, A, B". Каждая пара задает координаты вершин многоугольника. Первая и последняя пары совпадают задавая замкнутую фигуру.

· hrefссылка

· nohrefссылка для заданной области отсутствует

· shapeтип фигуры. Может принимать следующие значения: RECT (прямоугольник), CIRC (окружность), POLY (многоугольник)

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

Атрибуты:

· type — типмаркера:

A — Заглавные буквы

a — Строчные буквы

I — Заглавные римские цифры

i — Строчные римские цифры

1 — Арабские цифры (по умолчанию)

· startначальное значение для нумерованного списка при использовании арабских цифр

· titleвсплывающая подсказка

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

Атрибуты:

· typeтип маркера:

disk — закрашенный кружок

circle-незакрашенный кружок

square — квадратик

· titleвсплывающая подсказка

— служит для обозначения элемента (строки) списка.- служит для создания списка определений.

— является описанием списка определений.- является определением списка определений.

— создает новый параграф.

Атрибуты:

· alignвыравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

· titleвсплывающая подсказка

— преформатированный текст: представляетсяпри помощи шрифтов с фиксированной шириной и не игнорирует лишниепробелы и другие «невидимые» символы.

— вставляет перевод строки.

— определяет выводимый шрифт, его цвет и размер.

Атрибуты:

· colorустанавливает цвет текста

· faceопределяет гарнитуру шрифта

· sizeразмер текста в пределах от 1 до 7, где 1 — самый мелкий шрифт

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

— служит для создания заголовка. Всего существует 6 видов заголовков — от H1 до H6.

Атрибуты:

· alignвыравнивает заголовок в соответствии со следующими значениями

· titleвсплывающая подсказка

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

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

Атрибуты:

· actionуказывает адрес, по которому выполняется обработка формы

· methodспособ пересылки формы на серве. Возможны два значения — GET и POST

· nameимя формы для доступа к ее элементам из скриптовых языков

 — предназначен для создания элементов управления.

Атрибуты:

· title — всплывающаяподсказка

· value — задаетотображаемыйтекстдля text, password, button, reset, submit

· sizeустанавливает число видимых символов в text

· maxlengthустанавливает максимально допустимое число вводимых символов в text

· checkedFalse или True — Принимает начальное состояние для checkbox и radio (по умолчанию False)

· type — описывает тип интерфейсного элемента Значения атрибута type:

— text — создает строку для ввода текста

— password — создает строку для ввода текста, при этом отображает вводимые символы как звездочки (*)

— checkbox — создает «включатель»

— radio — создает «исключающий переключатель»

— file — создает элемент для выбора локальных файлов

— hidden — создает невидимый для пользователя элемент

— image — создает элемент формы в виде кнопки-изображения

— button — создает стандартную кнопку

— submit — создает кнопку «Подача запроса»

— reset — создает кнопку «Сброс»

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

Атрибуты:

· colsопределяет ширину поля в символах

· disabledделает элемент недоступным

· readonlyтекст только для чтения. Нельзя изменять, вставлять и т. д.

· rows — определяет число строк

· title — всплывающая подсказка

2.3 Характеристики веб-разработки

Технические характеристики:

— скорость соединения с Интернет — для просмотра сайта подходит минимальная скорость соединения.

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

— возможности просмотра графики — стоит использовать графику небольшого размера для сокращения времени отклика и ускорения загрузки сайта.

— версия и настройки браузера — в разработке данного сайта использован браузер Opera 12.02, также протестирован в браузерах Chrome, Safari, InternetExplorer.

— версия операционной системы — требований к типу операционной системы нет.

— местоположение принимающего компьютера — принимающий компьютер может находиться на любом расстоянии.

— модификация «мышки» — требований к модификации мышки нет.

Социальные:

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

Психологические:

— мотивация — найти полезную информацию.

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

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

— соответствие контента сайта поисковым ключевым словам — контент сайта полностью соответствует ключевым словам.

Физиологические :

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

— возраст, пол посетителя — не имеют значения.

Другие дополнительные факторы:

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

2.4 Выбор хостинга

Хостинг (hosting) — услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящемся в сети Интернет.

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

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

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

Выбор хостинговой площадки проводился среди лучших украинских компаний: AvaHost, Hosting Ukraine, Mirohost и Bitte. Сравнение цен и качества предоставляемых услуг привело к выбору компании Hosting Ukraine. Хостинг-компания Украина — это профессиональный, качественный, надежный платный хостинг. Разработка собственного программного обеспечения, которое позволяет упростить работу клиентов, автоматизирует работу, уменьшает количество обращений за поддержкой, что позволило сделать хостинг дешевым, без потери качества услуг. Данный интернет хостинг это оптимальный выбор для размещения любого сайта от сайта-визитки до портала. Он поддерживает PHP 4, PHP 5.2, PHP 5.3, Perl, CGI, SSI, mysql. Сразу после заказа хостинга клиент получает 5 дневный тестовый доступ.

Для сайта IT-компании Envisionext выбран тарифный план «Сайт». Ниже приведены стоимости услуг по этому тарифу и основные характеристики.

Табл. 2.4.1 — Стоимость услуг по тарифу «Сайт»

	Сайт
Место на диске	500 Мб
Сайтов
Субдоменов	неограничено
Псевдонимы (алиасы)	неограничено
Место под почту	неограничено
Бесплатный тест	5 дней
Техподдержка	24 х 7
Расположение серверов	Украина, Германия, Россия

Табл. 2.4.2 — Цена услуг за период

1 месяц	17,00 грн
3 месяца	44,00 грн
6 месяцев	80,00 грн
1 год	145,00 грн
2 года	261,00 грн

Табл. 2.4.3 — Параметры хостинга

РНР
PHP [модули] 5.2, 5.3, 5.4, 4.4
PHP memory_limit	64 Mб
Полноценный режим PHP без safe_mode
Поддержка CURL
Zend Optimizer
ionCube Loader
MySQL
Баз данных MySQL 5.1.x	неограниченно
Создание триггеров, view, процедур, функций…
Удаленное подключение к MySQL
Доступ к PHPMyAdmin
Параметры хостинга
Резервное копирование
Панель управления на русском
FTP в отдельные папки	неограниченно
Perl [модули]
Поддержка SSI
Использование CGI-скриптов
log файлы
Запуск скриптов по расписанию (cron)
Паролирование директорий
Страницы ошибок
Файл тонкой настройки веб-сервера Apache (.htaccess)
Редактирование DNS
Трафик	бесплатно
Параметры почты
Почтовых ящиков	Неограниченно
Почтовые протоколы	POP3, IMAP, SMTP
Webmail
Переадресация почты	без ограничений
Антивирусная проверка почты
Проверка почты на спам

2.5 Выбор доменного имени

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

Обзор доменнх имен произведен на так же на хостингово й площадке HostingUkraine.

Табл. 2.5.1 — Стоимость доменных имен

com.ua	74.00 грн
kiev.ua	25.00 грн
org.ua	28.00 грн
com	96.00 грн
net	80.00 грн
in.ua	44.00 грн
ru	48.00 грн
ua	359.00 грн
org	92.00 грн
net.ua	45.00 грн
biz.ua	54.00 грн
co.ua	54.00 грн

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

2.6 Расчет трудоемкости проектирования ДИС

№ этапа	Наименование этапа	Содержание работ	Т (дни)
1.	Технико-экономическое обоснование необходимости разработки.	Обоснование роли информационных технологий в решении основных задачIT-компании Envisionext; определение преимуществ предоставления информации о компании и услугах в Интернете.
2.	Анализ веб-сайтов конкурентов	Обзор и анализ сайтов главных конкурентов компании;приведение printscreenглавных страниц конкурентных сайтов; выводы на основе анализа других сайтов по поводу собственной ДИС.
3.	Эскизный проект (разработка макетов)	Определения расположения главных составляющих сайта: полосы логотипа, полосынавигации, холста и нижней части сайта;
4.	Технический проект (ТП)	Анализ технических, социальных, психологических, физиологических и других дополнительных характеристик для разработки веб-сайта. Разработкасобственного макета ДИС.
5.	Рабочий проект (РП)	Реализация ДИС на основе HTML. Обоснование выборахостинговой площадки для размещения сайта и доменного имени, оценка стоимости хостинга и доменного имени.
6.	Внедрение проекта (ВП)	Размещение ДИС на хостинговой площадке; регистрация доменного имени.
7.	Итого:

3. ТЕХНИЧЕСКИЙ ПРОЕКТ И РАСЧЕТ СТОИМОСТИ КС

3.1 Характеристики, влияющие на выбор комплекса программно-аппаратных средств КС и проектирование конфигурации

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

Кабель типа «витая пара» используется в сетях стандарта 10BASE-T (10 Мбит/с.) и 100BASE-TX (100 Мбит/с), которые на сегодня являются наиболее распространенными среди малых сетей. Соединение более чем двух компьютеров осуществляется по топологии «звезда», где в качестве центрального устройства требуется концентратор («хаб») или коммутатор, с количеством портов, соответствующим числу компьютеров в сети. Несмотря на то, что это более дорогое решение, у него есть и несомненные преимущества: модернизация 10-мегабитной сети до 100-мегабитной при правильном изначальном выборе типа кабеля осуществляется лишь заменой активного оборудования — сетевых адаптеров и концентраторов; повреждение любого кабеля не сказывается на работе остальной сети.

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

1. Характеристики среды передачи информации — витая пара:

— помехозащищенность — средняя;

— защита от климатических воздействий — средняя;

— протяженность без промежуточного усиления сигнала — 100 м ;

— стоимость приобретения: в среднем2,70 грн./м;

— стоимость монтажа:

прокладка кабеля в пластиковых коробах — 1,50 грн/м монтаж напольного короба — 2,00 грн/м обжим модуля UTP 5e, 4 пары — 25,00 грн подрозетник в короб — 5,00 грн подключение компьютера, принтера патч-кордом — 3,00 грн настройка активного оборудования (до 24 абонентов) — 50% от цены оборудования

2. Максимальная протяженность сети — 2000 м;

3. Предполагаемое количество оконечных систем — 20: 19 — рабочих станций, 1 — сервер;

4. Основная сфера применения — IT-компания;

5. Функциональное назначение — распределенная обработка данных, управление и учет, финансовые операции, выход интернет;

6. Тип передаваемой информации — данные, изображения, речь;

7. Оценка пропускной способности сети — 100 Мбит/с;

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

— дает возможность бесплатно и легально иметь современную ОС для использования как на работе, так и дома;

— обладает высоким быстродействием;

— работает надежно, устойчиво, совершенно без зависаний;

— не подвержена вирусам;

— позволяет использовать полностью возможности современных ПК, снимая ограничения, присущие MS Windows по использованию памяти машины и ресурсов процессора (ов);

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

— позволяет легко интегрировать компьютер в локальные и глобальные сети, в том числе в Интернет; работает с сетями на базе Novell и MS Windows;

— позволяет выполнять представленные в формате загрузки прикладные программы других ОС — различных версий UNIX и MS Windows;

— обеспечивает использование огромного числа разнообразных программных пакетов, накопленных в мире UNIX и свободно распространяемых вместе с исходными текстами;

— предоставляет богатый набор инструментальных средств для разработки прикладных программ любой степени сложности, в том числе системы класса клиент—сервер, объектно-ориентированные, с многооконным текстовым и/или графическим интерфейсом, пригодных для работы как в Linux, так и в других ОС;

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

· Операционная система Debian

· Samba (пакет программ, которые позволяют обращаться к сетевым дискам и принтерам на различных операционных системах по протоколу SMB/CIFS)

· CUPS (Common UNIX PrintingSystem) — сервер печати для UNIX-подобных операционных систем

· Apache2 + MySQL + PostgreSQL + phpMyAdmin + pgAdmin + php5 (полноценный веб-сервер)

· SendMail (почтовый сервер) На каждую рабочую станцию ставится операционная система Windows

9. Интерсетевое обеспечение — соединение только с WAN

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

3.2 Выбор топологии

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

Достоинства этой топологии заключается в том, что:

1. выход из строя одной рабочей станции не отражается на работе всей сети в целом;

2. хорошая масштабируемость сети;

3. лёгкий поиск неисправностей и обрывов в сети;

4. высокая производительность сети (при условии правильного проектирования);

5. гибкие возможности администрирования.

6. предоставляет гарантированное время доступа.

Недостатками топологии являются:

1. выход из строя центрального концентратора обернётся неработоспособностью сети (или сегмента сети) в целом;

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

3. конечное число рабочих станций в сети (или сегменте сети) ограничено количеством портов в центральном концентраторе (или коммутаторе);

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

5. низкая скорость управления.

3.3 Функциональная схема

Рис. 3.3.1 — Функциональная схема

— короб

— принтер

— рабочая станция

— коммутатор

— маршрутизатор

3.4 Выбор конфигурации ЛВС

Для проектирование данной КС было решено использовать физический сегмент Fast Ethernet 100BASE-TX. Этот стандарт определяет сеть с топологией пассивная звезда и использованием сдвоенной витой пары.

Схема объединения компьютеров в сеть 100BASE-TX практически ничем не отличается от схемы по стандарту 10BASE-T. Однако, в этом случае необходимо применение кабелей с неэкранированными витыми парами (UTP) категории 5 или выше, что связано с требуемой пропускной способностью кабеля. В настоящее время это самый популярный тип сети Fast Ethernet.

Для проектирования сети было выбрано конфигурацию Fast Ethernet следующего типа: соединение двух абонентов (узлов) сети напрямую, без репитера или концентратора. Абонентами при этом могут выступать не только компьютеры, но и сетевой принтер, порт коммутатора, моста или маршрутизатора. Это соединение называется соединением DTE-DTE или двухточечным.

3.5 Монтаж сети и расчет длины кабельного соединения

1. Крепится короб во всех местах по пути прокладки кабеля, на 3−5см выше уровня плинтуса;

2. По коробу прокладываются сегменты кабеля к рабочим местам, указанным по плану (закладывается запас 10−15см на точку), перед дверным проемом кабеля выходят из короба через заглушку и прокладываются под косяком двери (скрытый монтаж);

3. Коммутаторы (switches) крепятся на стену в указанных на плане местах;

4. В коробах возле коммутаторов вырезаются отверстия, выводятся концы кабелей;

5. Выведенные концы обжимаются джеками RJ-45 и подключаются в коммутатор ;

6. Короб закрывается крышками, одеваются угловые элементы и заглушки;

7. Монтируются розетки на 2 модуля RJ-45;

8. С помощью обжимных клещей обжимаются необходимые по длине части кабеля и делают патч-корды;

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

10. Проводится налаживание компьютерной сети.

Длины кабелей между узлами сети представлены ниже (для каждой длины добавлено по 1 м для запаса):

Роутер — сервер = 1 м Роутер — Switch 1 = 10 +0,3+10,5+13+1,5=35,3 м Роутер — Switch 2 = 33,8 + 21 =54,8 м Роутер-Switch 3 = 54,8+10+8+0,3+8=81,1 м Роутер — компьютер 2 = 5 м Роутер — компьютер 3 = 5 м

Switch 1 — компьютер 4 = 24,5 м

Switch 1 — компьютер 5 = 21 м

Switch 1 — компьютер 6 = 15,5 м

Switch 1 — компьютер 7 = 7,5 м

Switch 1 — компьютер 8 = 1,5 м

Switch 1 — компьютер 9 = 3 м

Switch 1 — компьютер 10 = 6 м

Switch 2 — компьютер 11 = 8 м

Switch 2 — компьютер 12 = 4 м

Switch 2 — компьютер 13 = 4 м

Switch 2 — компьютер 14 = 7,5 м

Switch 2 — компьютер 15 = 14 м

Switch 2 — компьютер 16 = 18 м

Switch 3 — компьютер 17 = 7 м

Switch 3 — компьютер 18 = 3 м

Switch 3 — компьютер 19 = 5,5 м

Switch 3 — компьютер 20 = 15 м Длина кабеля от розеток до каждой рабочей станции составляет 1 м.

Длина максимального пути составила:81,1 м

3.6 Расчет надежности ЛВС

Модель 1.

Правила модели 1 предельно простые:

— электрический кабель не должен быть длиннее 100 м. Максимальная длина между двумя абонентами (роутер — коммутатор) составляет 81,1 м. Это значит, что длина кабеля меньше 100 м, значит сеть работоспособна.

Модель 2.

Вторая модель для сети FastEthernet, как и в случае Ethernet, основана на вычислении суммарного двойного времени прохождения сигнала по сети.

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

Расчет в данном случае ведется на основании таблицы:

Табл. 3.6.1 — Двойные задержки (в битовых интервалах) компонентов сети FastEthernet

Тип сегмента	Задержка на метр	Макс. задержка
Два абонента TX/FX	;
Два абонента Т4	;
Один абонент Т4 и один TX/FX	;
Сегмент на кабеле категории 3	1,14	114(100)
Сегмент на кабеле категории 4	1,14	114(100)
Сегмент на кабеле категории 5	1,112	111,2(100)
Экранированная витая пара	1,112	111,2(100)
Оптоволоконный кабель	1,0
Репитер (концентратор) класса I
Репитер (концентратор) класса II с портами TX/FX	;
Репитер (концентратор) класса II с портами Т4

Для вычисления полного двойного времени прохождения для сегмента сети необходимо умножить длину сегмента на величину задержки на метр, взятую из второго столбца таблицы. Если сегмент имеет максимально возможную длину, то можно сразу взять величину максимальной задержки для данного сегмента из третьего столбца таблицы. Затем задержки сегментов, входящих в путь максимальной длины, надо просуммировать и прибавить к этой сумме величину задержки для приемопередающих узлов двух абонентов (это три верхние строчки таблицы). Суммарная задержка должна быть меньше, чем 512 битовых интервалов. При этом надо помнить, что стандарт IEEE 802.3u рекомендует оставлять запас в пределах 1−4 битовых интервалов для учета кабелей внутри соединительных шкафов и погрешностей измерения, то есть лучше сравнивать суммарную задержку с величиной 508 битовых интервалов, а не 512 битовых интервалов.

1,112 * 81,1 + 100 = 190,1832 битовых интервалов, что меньше 512, значит сеть будет работоспособной.

3.7 Расчет стоимостной оценки

Табл. 3.7.1 — Оценка стоимости прокладки КС