1 2
ОГЛАВЛЕНИЕ
ВВЕДЕНИЕ 2
1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ 4
1.1 Типы и виды сайтов 4
1.2 Сравнение платных и бесплатных CMS 7
1.3 Понятие веб-сервера 11
1.4 Понятие веб-хостинга 12
1.5 Программное обеспечение веб-сервера 12
1.6 Языки программирования 13
2 ПРОЕКТНАЯ ЧАСТЬ 17
2.1 Техническое задание 17
2.2 Выбор хостинга 17
2.3 Маркетинг сайта 18
2.4 Cтруктура страницы сайта 19
2.4 Страницы сайта 19
ЗАКЛЮЧЕНИЕ 23
СПИСОК ЛИТЕРАТУРЫ 24
ВВЕДЕНИЕ
В настоящее время все большее и большее количество информации окружает нас – все это буквально опутывает человека паутиной информации. Растущие потоки, объемы и скорость поступления, генерирования, хранения и обработки информации обязывают использовать электронные средства – персональные компьютеры.
Связанные между собой компьютеры в Американской локальной сети Arpanet родили международную сеть под названием Internet. Международная сеть сейчас объединяет практически все мало-мальски «умные» smart-вещи: смартфоны, часы, телевизоры, холодильники и даже лампочки.
По всему миру постоянно функционируют миллионы коммерческих организаций, начиная от международных торговых площадок, заканчивая лотками выездной торговли. Ежедневно миллионы сотрудников и покупателей этих организаций нуждаются в оперативной информации от администрации. Именно обеспечение свежей актуальной информацией – современная потребность бизнеса. Самый простой способ – использование готовых сайтов-визиток, что и реализовано до сих пор во многих организациях. Доступ к сети Интернет круглосуточный, поддержкой сайта заниматься не нужно, лишь изредка обновлять наличие новых предложений на сайте, добавлять новые позиции, обрабатывать заказы покупателей. Причем доступ можно получить к, например, австралийским представительствам организации, находясь в России, и к российским представительствам, находясь в Австралии.
Объект нашего исследования – веб-представительство фирмы.
Предмет исследования — разработка веб-представительства фирмы.
Результатом работы представляется обеспечить возможность пользователю в любой точке мира доступ к информации для заказчиков ПО, а также сделать заказ на разработку необходимого ПО.
Чтобы достичь указанного результата необходимо будет выполнить следующие задачи:
1. Определить предметную область.
2. Определиться со структурой сайта.
3. Реализовать проектирование веб-сайта по заданной тематике.
Таким образом, указаны актуальность данной дипломной работы, а также предмет и объект исследования, сформулирована основная цель дипломного проекта. Далее можно плавно перейти к созданию стратегии сайта, описать особенности работы с сайтом, определить необходимый функционал.
1 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
1.1 Типы и виды сайтов
Для разработки сайтов разработаны тысячи программных продуктов. Чтобы создать хороший сайт, необходимо протестировать его во всех популярных браузерах, т.к. он должен быть кроссбраузерным.
Стандарты HTML 5.0 говорят о том, что функционально веб-дизайн уже почти не ограничен. Например, взамен устаревшей технологии flash для отображения видео и прослушивания аудио на страницах теперь можно использовать стандартные теги с аналогичными функциями, что называется «из коробки». Учитывая, что не все браузеры поддерживают все функции новых стандартов, имеются на данный момент несколько способов создания сайтов:
— кроссбраузерно для всех версий (старых и новых);
— только для новых браузеров;
— только под один конкретный браузер (все остальные могут отображать корректно, но не обязаны это делать).
Сейчас в интернете все сайты можно разделить на несколько условных групп по типам макетов:
1) Жесткий макет. Как правило, содержимое находится в центре окна, ширина является зафиксированной. Т.к. известна точно заданная ширина элементов (например, меню, изображения и т.п.), то верстка проще. Плюс браузеры быстрее отображают такие страницы, т.к. не нужно динамически подстраивать изображение.
2) Резиновый макет. Здесь, в отличие от первого типа, ширина элементов изменяется и зависит от ширины клиентского окна браузера. Таким образом, сайт по-разному выглядит на разных устройствах. По сути, это наилучший вариант для мобильных устройств.
3) Эластичный макет. В этом варианте верстка и ее отображение зависят от шрифта в браузере. В настройках стилей есть элемент «em». И размеры всех элементов привязывается к этому значению. Удобно использовать в некоторых случаях, однако, используется не так часто.
4) Адаптивный макет использует для отображения страницы разные варианты стилевых каскадных таблиц (CSS). В зависимости от разрешения экрана, макет загружает необходимый файл CSS и отображает страницу максимально адаптировано к такому разрешению.
5) Комбинированный макет собирает страницу по разным принципам. Часть страницы можно выполнить фиксированными, а часть – резиновыми.
По функционалу сайты могут быть разнообразными. Перечислим основные виды.
Сайт-визитка – элементарный сайт. Зачастую может состоять из одной-двух страниц. Свое название получил из-за сходства с бумажной визиткой организации или лица.
Как и бумажная визитка, сайт-визитка содержит контактные данные: наименование, адрес, телефон, виды деятельности, список услуг. Это самый простой в поддержке и разработке вид сайтов.
При разработке таких сайтов создатель должен учесть максимальную простоту навигации. Минимум лишних деталей, четкий акцент на меню, в меню основные пункты визитки.
Корпоративный сайт — электронное представление организации. Отличается от визитки более проработанным и расширенным функционалом. Может содержать не только список услуг, но и целые каталоги товаров и услуг с ценами.
Интернет-магазины – электронные аналоги физических магазинов. Только лишь продавцом является фактически скрипт, подсказывая покупателю необходимый перечень доступных товаров, выдавая необходимые характеристики с помощью фильтров и поиска. Имеется форма заказа, т.е. клиент может оставить заявку на покупку для рассмотрения менеджером или даже сразу купить (если этот магазин торгует электронными товарами, которые можно доставить мгновенно на электронную почту).
Рекламный сайт – построен по принципу рекламного проспекта. Изобилует отзывами людей, часто с несуществующими пользователями. Зачастую используется в спекулятивных целях. Главное в рекламном сайте – броское оформление, т.к. главная его цель – привлечь и задержать пользователя.
Тематический сайт содержит массу текстовой информации на заданную тему. Это и википедия, и различные другие энциклопедии, словари, справочники.
В тематическом сайте главным является поиск и фильтрация результатов поиска.
Порталы – содержат разнообразную информацию. Чем-то похожи по типу с тематическими сайтами, но дополнены большим количеством дополнительных разделов. Например, здесь могут быть модуля для общения пользователей.
Каталоги сайтов – списки ссылок на другие ресурсы с кратким описанием этих ресурсов. Отдаленно похожи на рекламные сайты. Однако используются, как правило, поисковиками для ранжирования. Люди на данный момент редко пользуются каталогами, т.к. намного проще найти интересующую информацию и нужный сайт в поисковиках.
Блог — от английских слов (weB LOG) – как правило, личные странички людей либо небольших компаний. Хотя и крупные компании ведут свои блоги, но в виде отдельной странички на своих порталах. Главная отличительная черта блога – актуальность информации.
Поисковые системы – нужны для быстрого и удобного поиска необходимых сайтов в интернете. Учитывая, что в сети интернет количество страниц доходит до сотен миллионов, найти нужную просто невозможно обычному человеку, т.к. он не знает точный адрес-ссылку. А специализированная программа с легкостью отыщет необходимый список похожих по тематике сайтов. Пользователю достаточно лишь написать поисковый запрос.
Почтовые сервисы – порталы, направленные на работу с почтой. Наиболее известны в рунете mail.ru и rambler.ru, в мировом интернете – gmail.com.
Социальные сети – сайты созданные для поиска и общения людей. Являются ярким примером сайтов, которые раскручиваются практически сами собой, без рекламы. Причем вся информация, которая размещена на них – продукт деятельности самих пользователей. Обязательным условием при регистрации в социальных сетях является указание своей личной информации (ФИО, год рождения, образование и т.д.). В рунете известны: vk.com (vkontakte.ru) и odnoklassniki.ru. В мировом интернете — facebook.com.
1.2 Сравнение платных и бесплатных CMS
В настоящий момент практически все сайты в интернете имеют систему управления – CMS(Content Management System), которую вебмастера иногда просто называют движком. Она представляет собой специальную компьютерную программу или информационную систему, которая используется для удобной организации работы с содержимым сайта – контентом. Современное интернет-пространство предоставляет огромный выбор как платных, так и бесплатных систем управления, поэтому остановить свой выбор на чем-то конкретном бывает достаточно сложно. Рассмотрим все плюсы и минусы и тех и других и рассмотрим варианты сайтов, для которых та или иная CMS подойдет лучше.
Обзор бесплатных CMS
Слово «бесплатная» в данном контексте отнюдь не означает, что у нее много недостатков и не такой широкий функционал. Наоборот, так как ими пользуется большинство пользователей, то все уязвимости очень быстро исправляются в новой версии, которые выходят достаточно часто. А функциональные возможности позволяют создавать сайты от простых сайтов-визиток до крупномасштабных интернет-магазинов и порталов.
Wordpress
Эта система управления сайтом является самой популярной для ведения блога. Сам движок достаточно прост в освоении и не требует специфических навыков вебмастеринга. Кроме того, в сети существует огромное множество бесплатных шаблонов wordpress для различных тематик и разнообразного цветового профиля. В wordpress можно расширять функциональные возможности благодаря специальным плагинам, а их выбор по-настоящему велик. Официальный сайт http://wordpress.org/.
Joomla
Joomla также одна из самых популярных Open Source CMS. В основном используется для созданий простых сайтов и корпоративных приложений. Кроме того, Joomla достаточно надежная к взломам и атакам. Разобраться с управлением сайта в этой cms не сложнее, чем в wordpress, разве что внешний вид настроить чуть сложнее. Но в интернете по этому поводу можно найти много видеоуроков и описаний решения возникающих в процессе проблем. Официальный сай http://www.joomla.org/.
Drupal
С помощью Drupal можно создавать самые сложные сайты, при этом можно редактировать как сам сайт, так и дизайн. Данный движок написан на языке программирования PHP и является свободно распространяемым программным обеспечением, которое создается энтузиастами со всего мира (В Беларуси также есть свое сообщество любителей drupal). Его большой минус в том, что человек, не знакомый с php, html и css настроить самостоятельно сайт не сможет, так как все, за исключением самих текстов, редактировать здесь можно только в исходном коде, что требует неплохих знаний сайтостроения. Сайт компании http://drupal.ru/.
MODx
Это также бесплатная система администрирования сайта, однако ее главное отличие от других в том, что здесь можно сделать сайт любой сложности и любыми необходимыми функциями, и при этом система никак не влияет на сам html-код. MODx еще называют CMF — Content Management Framework, что интерпретируется как «среда разработки сайта». Сайт компании http://modx.ru/.
Платные движки
1C-Bitrix
Это юзабельный и функциональный движок от компании 1С, который среди платных систем управления контентом является по праву самым лучшим по качеству. Большой портал, интернет-магазин, социальная сеть и другие громоздкие интернет-ресурсы – ему все под силу. По стоимости эта cms обойдется минимум в 4900 рублей. Сайт компании – http://1c-bitrix.ru/.
PHP Shop
Само название этой систему управления содержимым сайта, что при ее разработке ориентация была на создание интернет-магазина. Поэтому для его создания на этом движке не требуется практически никаких программных доработок, все настройки можно произвести в самой системе. Стоимость лицензионной версии – 3990 руб. Сайт http://phpshop.ru/.
DLE – Data Life Engine
Этот движок является самым популярным для новостных ресурсов. Именно здесь организована отличная система публикации, редактирования и настройки новостей, а грамотно организованная структура ядра позволяет свести к минимуму требования на сервер – нагрузка в десятки тысяч пользователей ему не страшна. Стоимость базовой лицензии – 59$, расширенной – 78$. Сайт http://dle-news.ru/.
NetCat
NetCat – система управления сайтом, которая пользуется большой популярностью на российском рынке. Здесь можно создавать интернет-порталы, библиотеки данных, сайты СМИ, файл-архивы и прочие сложные веб-системы. Удобство данной CMS в том, что административная панель разделенная на 2 части, где может работать и пользователь и разработчик. Сайт http://www.netcat.ru/.
Сравнение и выводы
Для создания информационного портала, где можно быстро добавлять новости, выбрать шаблон на свой вкус, да и к тому же не заплатить за это ни копейки, лучшим выбором будут WordPress и Joomla. Они также будут идеальным вариантом начинающему пользователю, так как легки в установке, имеют удобный и интуитивно понятный интерфейс, а также тысячи пользователей во всем мире, у которых всегда можно спросить совет.
1C-Bitrix будет лучшим вариантом для интернет магазина, но ее небольшой недостаток в тяжеловесности: для ее работы требуется большой объем ресурсов. PHP Shop здесь будет хорошим альтернативным вариантом.
DLE, как уже говорилось выше, идеальна для новостных сайтов, а что еще более приятно, стабильно работает даже при большой нагрузке на сервер.
В выборе CMS следует учесть все моменты: цель сайта, его объем, поддержка, устойчивость ко взломам, удобство административной панели, гибкость настроек. Учитывая все это, выбор системы управления будет сделать проще.
Проанализируем имеющиеся разработки на современном этапе для создания сайта-визитки.
Сайты-визитки, как правило, имеют очень ограниченный функционал, являясь одно-двух-трех-страничными. В их функции входит обычно размещение контактной информации (адрес, телефон, контактные телефоны и факс, электронная почта). Размещение прайс-листов, разбиение товаров по категориям и удобное отображение товаров на электронной витрине и формирование заказов часто не предусматривается на уровне технического задания при разработке такой категории сайтов.
Специализированные сайты уже являются универсальными и могут содержать все, начиная форумом и заканчивая кабинетом пользователя. Такие сайты удобно строить по модульной структуре, используя готовые CMS (content management system) – системы управления данными. Минус таких сайтов – монструозность и невысокая скорость работы из-за своей универсальности. Плюс таких сайтов – высокая скорость и относительная простота разработки. Также стоит отметить, что для работы будут необходимы платные модули (например, модули для подключения платежных систем в CMS WordPress).
Таким образом, приходим в выводу, что проще всего использовать бесплатный вариант, нетребовательный к ресурсам и предоставляющий максимальную гибкость – самописный сайт.
1.3 Понятие веб-сервера
Для работы любого сайта необходим веб-сервер.
Понятие «веб-сервер» может относиться как к аппаратной начинке, так и к программному обеспечению. Или даже к обеим частям, работающим совместно.
С точки зрения «железа», «веб-сервер» — это компьютер, который хранит файлы сайта (HTML-документы, CSS-стили, JavaScript-файлы, картинки и другие) и доставляет их на устройство конечного пользователя (веб-браузер и т.д.). Он подключен к сети Интернет и может быть доступен через доменное имя, подобное mozilla.org.
С точки зрения ПО, веб-сервер включает в себя несколько компонентов, которые контролируют доступ веб-пользователей к размещенным на сервере файлам, как минимум — это HTTP-сервер. HTTP-сервер — это часть ПО, которая понимает URL’ы (веб-адреса) и HTTP (протокол, который ваш браузер использует для просмотра веб-страниц).
На самом базовом уровне, когда браузеру нужен файл, размещенный на веб-сервере, браузер запрашивает его через HTTP-протокол. Когда запрос достигает нужного веб-сервера («железо»), сервер HTTP (ПО) принимает запрос, находит запрашиваемый документ (если нет, то сообщает об ошибке 404) и отправляет обратно, также через HTTP.
1.4 Понятие веб-хостинга
Чтобы опубликовать веб-сайт, необходим либо статический, либо динамический веб-сервер.
Статический веб-сервер, или стек, состоит из компьютера («железо») с сервером HTTP (ПО). Мы называем это «статикой», потому что сервер посылает размещенные файлы в браузер «как есть».
Динамический веб-сервер состоит из статического веб-сервера и дополнительного программного обеспечения, чаще всего сервера приложения и базы данных. Мы называем его «динамическим», потому что сервер приложений изменяет исходные файлы перед отправкой в ваш браузер по HTTP.
Веб-сервер сложно настраивать для обычного пользователя. Его настройками занимаются специально обученные люди – системные администраторы. Администрирование веб-сервера – очень сложный процесс, требующий высокой квалификации. Это обусловлено в первую очередь тем, что необходимо максимум внимания оказать безопасности. Ведь сервер, т.е. компьютер, должен быть подключен к сети интернет, и любой может подключиться к нему и произвести несанкционированные действия в случае обнаружения дыр в безопасности. Кроме того, веб-сервер должен работать (быть включенным) и быть подключен к сети Интернет круглосуточно. Что не всегда возможно для обычных компьютеров. В таких случаях на помощь приходят специализированные организации – веб-хостеры. Они предоставлюят услуги аренды своих мощностей – позволяют арендовать веб-серверы, либо виртуальные вычислительные мощности, на которых можно установить веб-серверы. Эти услуги носят название веб-хостинг.
1.5 Программное обеспечение веб-сервера
На данное время самым известным и распространенным является Apache. Он распространяется бесплатно, т.е. является свободно-распространяемым. Используется как часть UNIX – подобной операционной системы, однако программисты нашли способы откомпилировать его и под другие операционные системы, в том числе, под windows, например.
Также имеются другие варианты веб-серверов:
IIS от компании Microsoft, распространяемый с ОС семейства Windows
nginx — свободный веб-сервер, разрабатываемый Игорем Сысоевым с 2002 года и пользующийся большой популярностью на крупных сайтах
lighttpd — свободный веб-сервер.
Google Web Server — веб-сервер, основанный на Apache и доработанный компанией Google.
Resin — свободный веб-сервер приложений.
Cherokee — свободный веб-сервер, управляемый только через web-интерфейс.
Rootage — веб-сервер, написанный на java.
THTTPD — простой, маленький, быстрый и безопасный веб-сервер.
Open Server — бесплатная программа с графическим интерфейсом использует множество исключительно свободного программного комплекса.
H2O — свободный быстрый веб-сервер, написанный на C.
1.6 Языки программирования
Для программирования сайтов используются разные языки программирования. Охарактеризуем самые часто используемые.
HTML (Hyper Text Mark Up Language) – не совсем язык программирования. Скорее, это язык текстовой разметки. От состоит из управляющих слов – тэгов. Эти тэги обрабатываются в браузере и с помощью их браузер создает и отображает веб-страницы.
CSS (cascad style sheet) – каскадные таблицы стилей. Также не совсем язык программирования. Однако он идет рука в руку с HTML и является неотъемлемой частью HTML, т.к. любое оформление веб-страницы возможно лишь с помощью CSS. Современные стандарты быстро изменяются и сейчас доступны CSS2 с множеством новых эффектов и возможностей. Например, на замену долго главенствовавшему Flash для отображения видео пришел специальный тэг в HTML5 для аналогичных целей без применения flash-плагинов.
Всегда рядом с HTML и CSS идет javascript. По сути, эта троица языков является минимально необходимой для разработки любого статического сайта. Javascript выполняется на стороне клиента, в браузере. Обычно с его помощью настраивается поведение и реакции сайта на действия посетителя – обработка кликов по кнопкам, спискам, иным органам управления страницей.
Перечисленные три технологии могут обеспечить лишь статические страницы, т.е. без загрузки динамической информации. Эта проблема решается с помощью PHP (рекурсивное название PHP – Hypertex Preprocessor). Этот язык обрабатывает скрипты (обычные текстовые файлы, написанные с соблюдением синтаксиса PHP) и выдает динамические веб-страницы. PHP используется для backend – разработчиков.
Для создания динамических страниц почти всегда необходимо хранить большие объемы информации. Это реализуется с помощью баз данных и систем управления базами данных. Язык запросов SQL (structure query language) – используется для управления этими данными. В веб-серверах чаще всего используются MySQL или PostgreeSQL.
Python – также скриптовый язык, во многом схожий с PHP. Язык этот активно развивается, создан достаточно недавно, имеет высокую гибкость и мощность разработки.
Go – корпорация Google разработала свой язык и платит за создание веб-приложений за языке Go. Пока что мало распространен.
Ruby – быстрый язык веб-разработки, аналог PHP и Python. Близок к ним по синтаксису. Twitter использует этот язык в своих разработках.
База данных – неотъемлемая часть практически любого веб-ресурса. В нашем проекте используется БД MySQL, т.к. она наиболее органично работает в связке с языком PHP и веб-сервером.
MySQL — это реляционная база данных. В ней работа с внутренними движками. На синтаксис запросов и их выполнение движок не влияет. Поддерживаются такие основные движки MyISAM, InnoDB, MEMORY, Berkeley DB. Они отличаются между собой способом записи данных на диск, а также методами считывания.
При выполнении запроса MySQL загружает весь ответ сервера в память клиента, при больших объемах данных это может быть не совсем удобно.
Postgresql представляет из себя объектно реляционную базу данных, которая работает только на одном движке — storage engine. Все таблицы представлены в виде объектов, они могут наследоваться, а все действия с таблицами выполняются с помощью объективно ориентированных функций. Как и в MySQL все данные хранятся на диске, в специально отсортированных файлах, но структура этих файлов и записей в них очень сильно отличается.
Postgresql — это проект с открытым исходным кодом, он разрабатывается командой энтузиастов, и разработчики пытаются максимально соответствовать стандарту SQL и реализуют все самые новые стандарты. Но все это приводит к ущербу простоты. Postgresql очень сложный и из-за этого он не настолько популярен как MySQL.
Postgresql для навигации по результатам запроса использует специальные указатели – курсоры. Можно получить ответ от запроса, получить маркер на данные, потом перемещаться по ним, например, построчно последовательно.
Mysql разрабатывалась из расчета получения наибольшей скорости работы. А Postgressql, как более современное программное обеспечение, основной упор сделала на стандарты.
В целом PostgreSQL работает быстрее, за исключениям использования первичных ключей.
Таким образом, для разработки будем использовать самый распространенный веб-сервер Apache, связку языков HTML+Javascript+CSS+PHP. В качестве базы данных – MySQL как самую массово используемую и предоставляемую на веб-хостингах в сети Интернет.
1 2